.hj-cb{--cb-ink: rgb(var(--color-foreground, 255 255 255));--cb-muted: rgb(var(--color-foreground, 255 255 255) / .62);--cb-label: rgb(var(--color-foreground, 255 255 255) / .5);--cb-line: rgb(var(--color-foreground, 255 255 255) / .1);--cb-line-2: rgb(var(--color-foreground, 255 255 255) / .18);--cb-panel: rgb(var(--color-foreground, 255 255 255) / .04);--cb-red: #e60012;--cb-photo: #ffffff;--cb-ease: cubic-bezier(.22, 1, .36, 1);display:flex;flex-direction:column;gap:26px;min-width:0;color:var(--cb-ink);container-type:inline-size;-webkit-tap-highlight-color:transparent}.hj-cb [hidden]{display:none!important}.hj-cb button{font:inherit;color:inherit;cursor:pointer}.hj-cb button[aria-disabled=true]{cursor:not-allowed}.hj-cb img{display:block;max-width:100%;height:auto}.hj-cb__step{display:flex;flex-direction:column;gap:12px;min-width:0;scroll-margin:90px}.hj-cb__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hj-cb__label{margin:0;font-size:11px;font-weight:800;letter-spacing:.2em;line-height:1.3;color:var(--cb-label);text-transform:uppercase}.hj-cb__num{color:var(--cb-red);margin-right:2px}.hj-cb__hint{margin:-6px 0 0;font-size:13px;color:var(--cb-ink)}.hj-cb__hint:empty{display:none}.hj-cb__count{font-size:12px;font-weight:700;color:var(--cb-ink)}.hj-cb__link{display:flex;flex:none;align-items:center;gap:7px;min-height:44px;margin:-12px 0;padding:0 0 0 8px;background:none;border:0;font-size:13px;font-weight:600}.hj-cb__link span{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.hj-cb__mode,.hj-cb__chain,.hj-cb__charm{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:6px 6px 10px;background:var(--cb-panel);border:1px solid var(--cb-line);border-radius:10px;text-align:left;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease,transform .15s ease}.hj-cb__mode:active,.hj-cb__chain:active{transform:scale(.985)}.hj-cb__mode[aria-pressed=true],.hj-cb__chain[aria-pressed=true],.hj-cb__charm.is-on{border-color:var(--cb-red);background:#e600121a}.hj-cb__mode-art,.hj-cb__chain-art,.hj-cb__charm-art{position:relative;display:block;aspect-ratio:1 / 1;background:var(--cb-photo);border-radius:6px;overflow:hidden}.hj-cb__chain-art img,.hj-cb__charm-art img{width:100%;height:100%;object-fit:contain}.hj-cb__mode-name,.hj-cb__chain-name,.hj-cb__charm-name{padding:4px 4px 0;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.hj-cb__mode-sub,.hj-cb__price{padding:0 4px;font-size:12px;color:var(--cb-muted)}.hj-cb__mode-sub:empty{display:none}.hj-cb__now{color:var(--cb-red);font-weight:600}.hj-cb__was{color:var(--cb-muted)}.hj-cb__badge{position:absolute;z-index:3;top:6px;left:6px;padding:3px 7px;border-radius:4px;background:#0b0b0b;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.08em;line-height:1.2}.hj-cb__badge:empty{display:none}.hj-cb__badge.is-low,.hj-cb__chain .hj-cb__badge{background:var(--cb-red)}.hj-cb__chain.is-sold .hj-cb__badge{background:#0b0b0b}.hj-cb__check{position:absolute;right:6px;bottom:6px;width:20px;height:20px;border-radius:50%;background:var(--cb-red);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .25s var(--cb-ease)}.hj-cb__check:after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.hj-cb__chain[aria-pressed=true] .hj-cb__check{opacity:1;transform:none}.hj-cb__chain.is-sold .hj-cb__chain-art img,.hj-cb__charm.is-sold .hj-cb__charm-art img{opacity:.35}.hj-cb__chain.is-sold,.hj-cb__charm.is-sold{color:var(--cb-muted)}.hj-cb__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hj-cb__mode-art--grid{display:grid;grid-template-columns:repeat(4,1fr);align-content:center;padding:8%;gap:2%}.hj-cb__mode-art--grid img{width:100%;aspect-ratio:1 / 1;object-fit:contain;transform:scale(1.35)}.hj-cb__mode-art .hj-cb__scene{position:absolute}.hj-cb__builder{display:flex;flex-direction:column;gap:26px}.hj-cb__chains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hj-cb__lengths{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px}.hj-cb__chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:8px 4px;background:var(--cb-panel);border:1px solid var(--cb-line-2);border-radius:8px;font-size:13px;font-weight:800;letter-spacing:.04em;transition:border-color .2s ease,background-color .2s ease}.hj-cb__chip[aria-pressed=true]{border-color:var(--cb-red);background:#e600121f}.hj-cb__chip:disabled{opacity:.45;cursor:default}.hj-cb__chip.is-sold{color:var(--cb-muted);text-decoration:line-through}.hj-cb__chip-sub{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--cb-muted)}.hj-cb__pop{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:4px;background:var(--cb-red);color:#fff;font-size:8.5px;letter-spacing:.1em;line-height:1.2;text-decoration:none}.hj-cb__note{margin:0;min-height:1.4em;font-size:12.5px;color:var(--cb-muted)}.hj-cb__card{position:relative;aspect-ratio:100 / 74;overflow:hidden;border-radius:12px;scroll-margin:90px;background:radial-gradient(120% 90% at 50% 30%,#2a2a2a,#151515 55%,#0a0a0a)}.hj-cb__card-label{position:absolute;z-index:30;top:10px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:99px;background:#0009;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.hj-cb__card-label span{color:var(--cb-red)}.hj-cb__card-empty{position:absolute;z-index:25;left:0;right:0;bottom:12px;margin:0;text-align:center;font-size:12px;color:#ffffff9e}.hj-cb__card-empty:empty{display:none}.hj-cb__card.is-empty .hj-cb__card-empty{top:50%;bottom:auto;transform:translateY(-50%);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hj-cb__scene{position:absolute;aspect-ratio:1 / 1}.hj-cb__base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease}.hj-cb__base.is-in,.hj-cb__scene--mini .hj-cb__base{opacity:1}.hj-cb__hangs{position:absolute;top:0;right:0;bottom:0;left:0}.hj-cb__hang{position:absolute;display:block;padding:0;margin:0;background:none;border:0;aspect-ratio:1 / 1;transform-origin:50% 12%;transition:left .45s var(--cb-ease),top .45s var(--cb-ease),transform .45s var(--cb-ease);filter:drop-shadow(0 3px 4px rgb(0 0 0 / .45));pointer-events:none}.hj-cb__hang img{width:100%;height:100%;transform-origin:50% 12%;pointer-events:none}.hj-cb__hang:after{content:"";position:absolute;left:30%;right:30%;top:10%;bottom:12%;pointer-events:auto;border-radius:8px}.hj-cb__hang[aria-pressed=true]:after{box-shadow:0 0 0 2px var(--cb-red)}.hj-cb__hang.is-static{filter:drop-shadow(0 2px 2px rgb(0 0 0 / .25))}.hj-cb__hang.is-drop img{animation:hj-cb-drop .9s var(--cb-ease) both}@keyframes hj-cb-drop{0%{transform:translateY(-40%) rotate(0);opacity:0}35%{transform:translateY(0) rotate(9deg);opacity:1}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}to{transform:rotate(0)}}.hj-cb__mode .hj-cb__card-label{display:none}.hj-cb__tray{display:flex;align-items:center;gap:10px;margin-top:-14px;padding:8px;border:1px solid var(--cb-line);border-radius:10px;background:var(--cb-panel)}.hj-cb__tray-list{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.hj-cb__tray-list::-webkit-scrollbar{display:none}.hj-cb__tray-item{flex:none;width:44px;height:44px;padding:2px;border:1px solid transparent;border-radius:6px;background:var(--cb-photo)}.hj-cb__tray-item img{width:100%;height:100%;object-fit:contain;transform:scale(1.3)}.hj-cb__tray-item[aria-pressed=true]{border-color:var(--cb-red);box-shadow:0 0 0 1px var(--cb-red)}.hj-cb__tray-tools{display:flex;gap:6px;flex:none}.hj-cb__tool{width:36px;height:36px;border-radius:50%;border:1px solid var(--cb-line-2);background:transparent;font-size:16px;line-height:1}.hj-cb__tool:disabled{opacity:.3;cursor:default}.hj-cb__tool--remove{border-color:var(--cb-red);color:var(--cb-red)}.hj-cb__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hj-cb__grid.is-shake{animation:hj-cb-shake .36s ease}@keyframes hj-cb-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.hj-cb__charm.is-dim{opacity:.45}.hj-cb__charm-art img{transform:scale(1.2)}.hj-cb__ctl{display:block;margin-top:auto;padding:4px 0 0}.hj-cb__add,.hj-cb__step-ctl{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;padding:0 6px;border:1px solid var(--cb-line-2);border-radius:99px;background:transparent;font-size:11px;font-weight:800;letter-spacing:.1em}.hj-cb__add[aria-disabled=true]{color:var(--cb-muted)}.hj-cb__step-ctl{justify-content:space-between;border-color:var(--cb-red);background:var(--cb-red);color:#fff;padding:0}.hj-cb__step-ctl button{width:36px;height:34px;border:0;background:none;color:#fff;font-size:16px;font-weight:600}.hj-cb__step-ctl button[aria-disabled=true]{opacity:.4}.hj-cb__rewards{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--cb-line);border-radius:10px;background:var(--cb-panel)}.hj-cb__rewards-msg{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600}.hj-cb__rewards-msg em{font-style:normal;color:#ff8a3d}.hj-cb__tick{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--cb-red);color:#fff;font-size:11px}.hj-cb__bar{position:relative;height:8px;border-radius:99px;background:var(--cb-line);overflow:hidden}.hj-cb__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 50%;transform:scaleX(0);transition:transform .5s var(--cb-ease);background:linear-gradient(90deg,#ff3b30,#ff9500,#ffd60a,#34c759,#0a84ff,#bf5af2)}.hj-cb__tiers{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.hj-cb__tier{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--cb-muted)}.hj-cb__tier b{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--cb-label)}.hj-cb__tier.is-on b{color:var(--cb-ink)}.hj-cb__tier.is-on span{color:#34c759}.hj-cb__summary{display:flex;flex-direction:column;border-top:1px solid var(--cb-line)}.hj-cb__summary:empty{display:none}.hj-cb__line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--cb-line);font-size:12px}.hj-cb__line>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.hj-cb__line b{font-weight:700;letter-spacing:.06em}.hj-cb__line small{font-size:11px;color:var(--cb-muted);letter-spacing:.04em;text-transform:uppercase}.hj-cb__line-p{display:flex;flex-direction:column;align-items:flex-end;flex:none}.hj-cb__line.is-empty{color:var(--cb-muted)}.hj-cb__atc{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 16px;margin-top:-12px;border:0;border-radius:8px;background:var(--cb-red);color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.14em;transition:filter .2s ease,transform .15s ease,opacity .2s ease}.hj-cb__atc:not(.is-ready){background:#2a2a2a}.hj-cb__atc:hover{filter:brightness(1.08)}.hj-cb__atc:active{transform:scale(.99)}.hj-cb__atc[aria-busy=true]{opacity:.7;pointer-events:none}.hj-cb__atc[aria-busy=true] span{visibility:hidden}.hj-cb__atc[aria-busy=true]:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:hj-cb-spin .7s linear infinite}@keyframes hj-cb-spin{to{transform:rotate(360deg)}}.hj-cb__error{margin:-14px 0 0;font-size:12.5px;color:#ff5a5f}.hj-cb__sticky{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#080808f0;border-top:1px solid var(--cb-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(110%);transition:transform .3s var(--cb-ease);visibility:hidden}.hj-cb__sticky.is-on{transform:none;visibility:visible}.hj-cb__sticky-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;font-size:12px}.hj-cb__sticky-title{font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hj-cb__atc--sticky{width:auto;flex:none;min-height:46px;margin:0;font-size:11.5px}@media(min-width:990px){.hj-cb__sticky{display:none}}.hj-cb__toast{position:fixed;z-index:70;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));max-width:min(420px,calc(100vw - 32px));padding:11px 16px;border-radius:10px;background:#fff;color:#0b0b0b;font-size:13px;font-weight:600;line-height:1.35;text-align:center;box-shadow:0 8px 24px #00000059;opacity:0;transform:translate(-50%,12px);transition:opacity .2s ease,transform .25s var(--cb-ease);pointer-events:none}.hj-cb__toast.is-on{opacity:1;transform:translate(-50%)}.hj-cb__toast:empty{display:none}.hj-cb__guide{width:min(520px,calc(100vw - 32px));max-width:none;max-height:min(88vh,900px);margin:auto;padding:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--cb-line-2);border-radius:14px;background:#121212;color:#fff}.hj-cb__guide[open]{animation:hj-cb-pop .22s var(--cb-ease) both}.hj-cb__guide::backdrop{background:#000000a6}.hj-cb__guide-inner{padding:6px 16px 16px}.hj-cb__guide-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-right:-10px}.hj-cb__guide-title{margin:0;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.3;color:#fff;text-transform:uppercase}.hj-cb__guide-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none}.hj-cb__guide-img img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;background:#000}.hj-cb__guide-rows{display:grid;gap:6px;margin-top:12px}.hj-cb__guide-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;height:54px;padding:0 4px;border:1.5px solid #333;border-radius:9px;background:#0b0b0b;transition:border-color .15s ease,background-color .15s ease}.hj-cb__guide-row[aria-pressed=true]{border-color:var(--cb-red);background:#1a0406}.hj-cb__guide-k{font-size:14px;font-weight:800;white-space:nowrap}.hj-cb__guide-v{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#9a9a9a}.hj-cb__guide-row.is-sold .hj-cb__guide-k{color:#8c8c8c;text-decoration:line-through}.hj-cb__guide-note{margin:10px 0 0;font-size:12px;line-height:1.45;color:#8c8c8c}.hj-cb__guide-note:empty{display:none}.hj-cb__guide-done{width:100%;height:50px;margin-top:14px;border:0;border-radius:8px;background:var(--cb-red);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.16em}.hj-cb__guide button:focus-visible,.hj-cb__link:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes hj-cb-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes hj-cb-up{0%{transform:translateY(100%)}}@media(max-width:599px){.hj-cb__guide{width:100%;max-height:88vh;margin:auto 0 0;border-width:1px 0 0;border-radius:16px 16px 0 0}.hj-cb__guide[open]{animation:hj-cb-up .28s var(--cb-ease) both}.hj-cb__guide-inner{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.hj-cb__guide[open]{animation:none}}@container (max-width: 520px){.hj-cb__modes{gap:8px}.hj-cb__mode{padding:4px 4px 8px}.hj-cb__mode-name{font-size:10px;letter-spacing:.04em}.hj-cb__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hj-cb__charm{padding:4px 4px 8px}.hj-cb__charm-name{font-size:10px;letter-spacing:.04em}.hj-cb__add,.hj-cb__step-ctl{height:34px}.hj-cb__tiers{font-size:10px}}@container (max-width: 380px){.hj-cb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.hj-cb *,.hj-cb *:before,.hj-cb *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/hj-charm-builder.css.map */