.hkb{--bg: var(--color-bg);--panel: var(--color-surface);--ink: var(--color-text);--muted: var(--color-muted);--accent: var(--color-accent);--accent-ink: var(--color-accent-text);--line: var(--color-line);--stage-day: #EDE3DA;--stage-night: #1E1411;--flame: #FFB347;color:var(--ink);font-size:15px;line-height:1.5}.hkb *,.hkb *:before,.hkb *:after{box-sizing:border-box}.hkb p{margin:0}.hkb{max-width:1320px;margin:0 auto;padding-block:24px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hkb header.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.hkb h1{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.1;margin:0;text-wrap:balance}.hkb .kicker{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.hkb .grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}@media(max-width:900px){.hkb .grid{grid-template-columns:minmax(0,1fr)}}.hkb .viewer{position:sticky;top:6rem;display:grid;gap:10px;min-width:0}@media(max-width:900px){.hkb .viewer{position:relative;top:0}}.hkb .stage{position:relative;border-radius:14px;overflow:hidden;background:var(--stage-day);aspect-ratio:4 / 3;max-width:100%;transition:background .6s}.hkb .stage.night{background:var(--stage-night)}@media(max-width:900px){.hkb .stage,.hkb .photos{aspect-ratio:5 / 4}}.hkb .stage canvas{display:block;width:100%;height:100%;touch-action:none}.hkb .stage .hint{position:absolute;left:14px;bottom:12px;font-size:.78rem;color:var(--muted);background:color-mix(in srgb,var(--bg) 80%,transparent);padding:4px 10px;border-radius:999px;pointer-events:none}.hkb .stage.night .hint{color:#e9d8cc;background:#00000059}.hkb .stage .loading[hidden]{display:none}.hkb .stage .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.9rem;color:var(--muted);pointer-events:none}.hkb .panel{display:grid;gap:22px;min-width:0}.hkb .step{display:grid;gap:12px}.hkb .step h2{font-family:var(--font-heading);font-weight:400;font-size:1.3rem;margin:0;display:flex;align-items:baseline;gap:10px}.hkb .step h2 small{font-family:var(--font-body);font-size:.8rem;color:var(--muted);font-weight:500}.hkb .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hkb .slots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.hkb .slot{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:8px 2px 6px;display:grid;justify-items:center;gap:4px;cursor:pointer;font:inherit;min-width:0}.hkb .slot .num{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.hkb .slot .tex{font-family:var(--font-heading);font-size:1rem;line-height:1}.hkb .slot .dot{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0003}.hkb .slot[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--panel)}.hkb .slot.sham{border-style:dashed}.hkb .chip{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:7px 14px;font:inherit;font-size:.88rem;cursor:pointer}.hkb .chip:hover{border-color:var(--muted)}.hkb .chip[aria-pressed=true]{border-color:var(--ink);background:var(--panel)}.hkb .chip:disabled{opacity:.45;cursor:not-allowed}.hkb .textures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hkb .tex-btn{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:10px;text-align:left;cursor:pointer;font:inherit;display:grid;gap:2px;min-width:0}.hkb .tex-btn b{font-family:var(--font-heading);font-weight:400;font-size:1rem}.hkb .tex-btn span{font-size:.8rem;color:var(--muted)}.hkb .tex-btn canvas{width:100%;aspect-ratio:1;border-radius:8px;background:var(--panel);margin-bottom:6px}.hkb .tex-btn[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.hkb .tex-btn.mixed{border-style:dashed}.hkb .swatches{display:flex;flex-wrap:wrap;gap:8px}.hkb .sw{width:36px;height:36px;border-radius:50%;border:2px solid transparent;padding:3px;background:none;cursor:pointer}.hkb .sw i{display:block;width:100%;height:100%;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0003}.hkb .sw[aria-checked=true]{border-color:var(--ink)}.hkb .each{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px}.hkb .each summary{cursor:pointer;font-weight:600;font-size:.92rem}.hkb .each-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 14px;margin-top:10px}.hkb .each-row{display:grid;grid-template-columns:4.6em 14px minmax(0,1fr);gap:8px;align-items:center;font-size:.85rem}.hkb .each-row .dot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0003}.hkb .each-row select{font:inherit;font-size:.85rem;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:5px 6px;min-width:0;width:100%}.hkb .alt{display:grid;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px}.hkb .alt select{font:inherit;font-size:.88rem;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:6px 8px}.hkb .label{font-size:.85rem;color:var(--muted)}.hkb .label b{color:var(--ink);font-weight:600}.hkb .night-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.hkb input[type=range]{width:100%;accent-color:var(--accent)}.hkb .toggle{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;cursor:pointer}.hkb .toggle input{accent-color:var(--accent);width:18px;height:18px}.hkb .notice{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1.5px solid var(--accent);border-radius:12px;padding:14px 16px}.hkb .notice svg{width:28px;height:28px;color:var(--accent)}.hkb .notice p{margin:0;font-size:.9rem}.hkb .notice a{color:var(--accent);font-weight:600}.hkb .notice strong{display:block;font-size:.95rem;margin-bottom:2px}.hkb .summary{background:var(--panel);border-radius:14px;padding:18px;display:grid;gap:12px}.hkb .summary ol{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.88rem}.hkb .summary li{display:grid;grid-template-columns:5.2em 1fr auto;gap:8px;align-items:center}.hkb .summary li .k{color:var(--muted);font-variant-numeric:tabular-nums}.hkb .summary li .dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0003}.hkb .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hkb .price span{font-family:var(--font-heading);font-size:1.8rem}.hkb .price small{color:var(--muted);font-size:.85rem}.hkb .add{width:100%;min-height:48px;border-radius:999px;border:0;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;font-size:1rem;cursor:pointer}.hkb .add{transition:background .2s}.hkb .add:not(:disabled):hover{background:#c26d4e;color:#fff}.hkb .add:disabled{opacity:.55;cursor:not-allowed}.hkb .fine{font-size:.8rem;color:var(--muted);margin:0}.hkb button:focus-visible,.hkb input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.hkb .textures{grid-template-columns:repeat(2,minmax(0,1fr))}.hkb .slot .tex{font-size:.85rem}}.hkb-desc{padding-block:0 3.5rem;max-width:760px}.hkb .view-toggle{display:flex;gap:8px}.hkb .stage[hidden]{display:none}.hkb .photos{position:relative;border-radius:14px;overflow:hidden;background:var(--stage-day);aspect-ratio:4 / 3}.hkb .photos__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hkb .photos__track::-webkit-scrollbar{display:none}.hkb .photos__slide{flex:0 0 100%;margin:0;scroll-snap-align:center;display:grid;place-items:center;background:#e9e9ea}.hkb .photos__slide{height:100%;min-height:0;overflow:hidden}.hkb .photos__slide img{width:100%;height:100%;object-fit:contain;display:block}.hkb .photos__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.hkb .photos__nav--prev{left:12px}.hkb .photos__nav--next{right:12px}.hkb .chip,.hkb .add{font-family:var(--font-heading);font-weight:400;letter-spacing:.02em}.hkb .mini{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:35;width:min(56vw,260px);aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:var(--stage-day);border:1px solid var(--line);box-shadow:0 8px 24px #280c0840;transition:background .6s}.hkb .mini.night{background:var(--stage-night)}.hkb .mini canvas{display:block;width:100%;height:100%;touch-action:none}.hkb .mini__up{position:absolute;top:6px;right:6px;z-index:1;width:30px;height:30px;border-radius:50%;border:0;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ink);font-size:1rem;line-height:1;cursor:pointer}@media(min-width:901px){.hkb .mini{display:none!important}}.hkb .photos{aspect-ratio:1 / 1}@media(max-width:900px){.hkb .photos{aspect-ratio:1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hanukkiah-builder.css.map */