#bok3d{--bok-ink:#191a18;--bok-cream:#f6f2e8;--bok-stage:#f1eee5;--bok-accent:#e1962d;--bok-line:rgba(25,26,24,.22);color-scheme:light;font-family:var(--bok-body);color:var(--bok-ink)}#bok3d *{box-sizing:border-box}#bok3d button,#bok3d input{font:inherit}#bok3d button{cursor:pointer}#bok3d button:disabled{cursor:wait;opacity:.45}#bok3d button:focus-visible,#bok3d canvas:focus-visible{outline:3px solid var(--bok-accent);outline-offset:4px}#bok3d button{touch-action:manipulation}#bok3d button:focus:not(:focus-visible){outline:none}#bok3d [hidden]{display:none!important}#bok3d{width:100%;margin:0;padding:0}#bok3d .section-header{position:static;height:auto;top:auto;z-index:auto;background:none;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:30px}#bok3d .inspector-title{font-family:var(--bok-display);font-weight:500;font-size:clamp(2rem,4.2vw,4.25rem);line-height:1.04;letter-spacing:-.035em;margin:0}#bok3d .material-selector{padding:0;border:0;margin:0;min-width:0}#bok3d .material-selector legend{padding:0;font-size:.75rem;letter-spacing:.06em;margin-bottom:10px}#bok3d .material-options{display:flex;gap:0;border:1px solid var(--bok-ink)}#bok3d .material-options label{display:block;margin:0;position:relative;cursor:pointer;flex:1}#bok3d .material-options label+label{border-left:1px solid var(--bok-ink)}#bok3d .material-options input{position:absolute;opacity:0;width:1px;height:1px}#bok3d .material-options label>span{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;font-size:.875rem;white-space:nowrap;transition:background .18s,color .18s}#bok3d .material-options input:checked+span{background:var(--bok-ink);color:var(--bok-cream)}#bok3d .material-options input:focus-visible+span{outline:3px solid var(--bok-accent);outline-offset:4px;z-index:2;position:relative}#bok3d .swatch{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid #777}#bok3d .swatch.titanium{background:linear-gradient(135deg,#dededb,#8e8f8c)}#bok3d .swatch.g10{background:#272825;border-color:#7c7d77}#bok3d .inspection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,29%);border:1px solid var(--bok-ink);min-height:min(670px,72vh)}#bok3d .stage{background:var(--bok-stage);position:relative;display:flex;flex-direction:column;min-width:0;min-height:590px;overflow:hidden}#bok3d .stage-topline{position:absolute;z-index:3;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;font-size:.75rem;letter-spacing:.075em}#bok3d .canvas-wrap{position:relative;flex:1;min-height:0}#bok3d .canvas-wrap canvas{position:absolute;width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-5px}#bok3d .canvas-wrap canvas:active{cursor:grabbing}#bok3d .stage-bottomline{position:absolute;bottom:23px;left:28px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4;pointer-events:none}#bok3d .stage-bottomline p{font-size:.75rem;line-height:1.6;letter-spacing:.025em;margin:0;pointer-events:none}#bok3d .mobile-help{display:none}#bok3d .view-tools{display:flex;align-items:center;gap:6px;pointer-events:auto}#bok3d .view-tools button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--bok-line);background:var(--bok-cream);font-size:1.3rem;line-height:1}#bok3d .view-tools button:hover{border-color:var(--bok-ink);background:#fff}#bok3d .view-tools .reset{width:auto;font-size:.75rem;gap:6px;padding:0 10px;margin-left:4px}#bok3d .reset svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}#bok3d .details{background:var(--bok-ink);color:var(--bok-cream);display:flex;flex-direction:column;padding:32px 28px 22px}#bok3d .detail-display{flex:1;min-height:245px}#bok3d .detail-index{font-size:.75rem;color:var(--bok-accent);letter-spacing:.075em;margin:0 0 27px}#bok3d .detail-display h3{font-family:var(--bok-display);font-weight:500;font-size:clamp(1.8rem,2.4vw,2.7rem);letter-spacing:-.025em;line-height:1.12;max-width:360px;margin:0;overflow-wrap:normal}#bok3d .detail-secondary{white-space:pre-line;font-size:1rem;line-height:1.55;margin:18px 0 30px;color:#c7c7bd;max-width:310px}#bok3d .detail-display.is-selected .detail-secondary{white-space:pre-line;font-size:1rem;color:var(--bok-cream);letter-spacing:.02em}#bok3d .feature-list{margin-top:30px;border-top:1px solid #484943}#bok3d .feature-list button{width:100%;padding:20px 0;display:grid;grid-template-columns:26px 1fr 18px;gap:10px;text-align:left;align-items:center;color:var(--bok-cream);background:transparent;border:0;border-bottom:1px solid #484943;font-size:.875rem;line-height:1.25;transition:color .2s}#bok3d .feature-list button:hover,#bok3d .feature-list button[aria-pressed=true]{color:var(--bok-accent)}#bok3d .feature-no{color:#999b91;font-size:.75rem}#bok3d .feature-list button[aria-pressed=true] .feature-no{color:var(--bok-accent)}#bok3d .feature-symbol{font-size:1.2rem;text-align:right}#bok3d .detail-footer{display:flex;justify-content:space-between;gap:15px;color:#a5a69c;font-size:.75rem;margin-top:28px;letter-spacing:.035em}#bok3d .hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#bok3d .hotspot{position:absolute;left:0;top:0;width:44px;height:44px;border:0;background:transparent;padding:0;transform:translate(-50%,-50%);pointer-events:auto;transition:opacity .2s;opacity:0;visibility:hidden}#bok3d .hotspot.visible{visibility:visible;opacity:1}#bok3d .hotspot-disc{width:24px;height:24px;display:grid;place-items:center;background:var(--bok-cream);border:1px solid var(--bok-ink);border-radius:50%;font-family:var(--bok-body);font-size:19px;line-height:1;margin:auto;box-shadow:0 0 0 5px #f6f2e84d;transition:background .2s,transform .2s}#bok3d .hotspot:hover .hotspot-disc,#bok3d .hotspot[aria-pressed=true] .hotspot-disc{background:var(--bok-accent);transform:scale(1.08)}#bok3d .hotspot-tip{position:absolute;bottom:43px;left:50%;transform:translate(-50%);background:var(--bok-ink);color:var(--bok-cream);font-size:.75rem;padding:8px 10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s}#bok3d .hotspot:hover .hotspot-tip,#bok3d .hotspot:focus-visible .hotspot-tip{opacity:1}#bok3d .load-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:var(--bok-stage);font-size:.75rem;letter-spacing:.06em;z-index:5;transition:opacity .35s}#bok3d .load-word{font-family:var(--bok-display);font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.04em}#bok3d .load-track{height:2px;width:180px;background:#d4d1c8;margin-top:8px;overflow:hidden}#bok3d .load-track span{display:block;height:100%;width:0;background:var(--bok-ink);transition:width .2s}#bok3d .load-state.done{opacity:0;pointer-events:none}#bok3d .load-state.error .load-word{font-size:1.7rem}#bok3d .load-state.error #load-label{max-width:330px;text-align:center;line-height:1.5;padding:0 20px;font-size:.875rem}#bok3d .load-state.error .load-track{display:none}#bok3d #retry{margin-top:10px;background:var(--bok-ink);color:var(--bok-cream);border:0;padding:14px 18px;font-size:.875rem}#bok3d .noscript{padding:24px;font-size:1rem}@media(min-width:1500px){#bok3d .stage{min-height:700px}#bok3d .details{padding:38px 36px 28px}#bok3d .detail-display h3{font-size:3rem}#bok3d .feature-list button{padding:24px 0}}@media(max-width:1050px){#bok3d .inspection-layout{grid-template-columns:minmax(0,1fr) 290px}#bok3d .stage{min-height:560px}#bok3d .details{padding:26px 22px 20px}#bok3d .stage-bottomline{align-items:flex-start;flex-direction:column-reverse;left:20px;bottom:18px;gap:10px}#bok3d .stage-topline{left:20px;right:20px}#bok3d .detail-display h3{font-size:1.8rem}#bok3d .material-options label>span{padding:13px 12px}}@media(max-width:760px){#bok3d .section-header{display:block;padding-bottom:22px}#bok3d .inspector-title{font-size:clamp(2rem,7vw,3rem);margin-top:0}#bok3d .material-selector{margin-top:24px}#bok3d .material-selector legend{padding:0;display:none}#bok3d .material-options{display:inline-flex;min-width:290px}#bok3d .material-options label>span{padding:12px 16px}#bok3d .inspection-layout{grid-template-columns:1fr;min-height:0}#bok3d .stage{min-height:420px;height:clamp(390px,100vw,590px)}#bok3d .stage-topline{top:19px;left:18px;right:18px}#bok3d .stage-bottomline{flex-direction:row;align-items:center;left:18px;right:14px;bottom:15px;gap:8px}#bok3d .desktop-help{display:none}#bok3d .mobile-help{display:inline}#bok3d .stage-bottomline p{font-size:.75rem;max-width:135px}#bok3d .view-tools{gap:4px}#bok3d .view-tools button{width:34px;height:36px}#bok3d .view-tools .reset{font-size:.75rem;padding:0 8px;margin-left:2px}#bok3d .reset svg{display:none}#bok3d .details{padding:26px 24px 21px}#bok3d .detail-display{min-height:160px}#bok3d .detail-index{margin-bottom:18px}#bok3d .detail-display h3{font-size:clamp(1.9rem,6.4vw,2.6rem);max-width:none}#bok3d .detail-secondary{margin:14px 0 8px;max-width:none}#bok3d .feature-list{margin-top:22px;display:grid;grid-template-columns:1fr 1fr}#bok3d .feature-list button{font-size:.875rem;padding:18px 0;grid-template-columns:20px 1fr 12px;gap:6px}#bok3d .feature-list button:nth-child(odd){padding-right:16px}#bok3d .feature-list button:nth-child(2n){padding-left:16px;border-left:1px solid #484943}#bok3d .detail-footer{margin-top:22px}#bok3d .hotspot-tip{display:none}}@media(max-width:380px){#bok3d .details{padding-left:18px;padding-right:18px}#bok3d .stage{min-height:380px}#bok3d .stage-bottomline{left:12px;right:10px}#bok3d .view-tools button{width:31px}#bok3d .feature-list button{font-size:.8rem}#bok3d .feature-no{font-size:.75rem}}@media(prefers-reduced-motion:reduce){#bok3d *,#bok3d *:before,#bok3d *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#bok3d .detail-display.is-selected .detail-secondary{font-weight:700;margin-bottom:16px}#bok3d .detail-body{font-size:1rem;line-height:1.55;margin:0 0 30px;color:#c7c7bd;max-width:340px}@media(max-width:760px){#bok3d .detail-body{max-width:none;margin-bottom:8px}}@media(min-width:761px){#bok3d .feature-list button{padding-top:16px;padding-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/bok-inspector.css.map */