@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap";.jc-root{--jc-border: .5px solid rgba(0,0,0,.12);--jc-radius: 12px;--jc-radius-sm: 8px;--jc-bg: #ffffff;--jc-bg-surface: #f9f8f6;--jc-text: #1a1a1a;--jc-text-muted: #888;--jc-text-hint: #bbb;--jc-accent: #1a1a1a;font-family:Jost,sans-serif;color:var(--jc-text);position:relative}.jc-root *{box-sizing:border-box;margin:0;padding:0}.jc-wrap{display:grid;grid-template-columns:1fr 340px;min-height:580px;border:var(--jc-border);border-radius:var(--jc-radius);overflow:hidden}.jc-preview{background:var(--jc-bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;position:relative;gap:1.5rem}.jc-ring-canvas{width:240px;height:240px;display:flex;align-items:center;justify-content:center}.jc-ring-canvas svg{width:100%;height:100%}.jc-ring-canvas img{width:100%;height:100%;object-fit:contain;border-radius:8px}.jc-tag{position:absolute;top:1.25rem;left:1.25rem;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--jc-text-hint);font-weight:300}.jc-product-info{text-align:center}.jc-product-name{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;letter-spacing:.02em}.jc-product-price{font-size:13px;font-weight:300;color:var(--jc-text-muted);margin-top:4px;letter-spacing:.1em}.jc-panel{background:var(--jc-bg);border-left:var(--jc-border);display:flex;flex-direction:column;overflow-y:auto}.jc-steps{display:flex;border-bottom:var(--jc-border)}.jc-step-btn{flex:1;padding:12px 6px;background:none;border:none;border-bottom:1.5px solid transparent;font-family:Jost,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--jc-text-hint);transition:all .18s;font-weight:400}.jc-step-btn.active{color:var(--jc-text);border-bottom-color:var(--jc-text)}.jc-step-btn:hover:not(.active){color:var(--jc-text-muted)}.jc-section{padding:1.5rem;flex:1}.jc-section.hidden{display:none}.jc-section-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--jc-text-hint);margin-bottom:1rem;font-weight:400}.jc-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1.5rem}.jc-option{border:var(--jc-border);border-radius:var(--jc-radius-sm);padding:10px 12px;cursor:pointer;transition:all .18s;background:var(--jc-bg);overflow:hidden}.jc-option:hover{border-color:#0000004d}.jc-option.selected{border-color:var(--jc-text);background:var(--jc-bg-surface)}.jc-option-img{width:100%;height:60px;object-fit:cover;border-radius:4px;margin-bottom:6px;display:block}.jc-option-name{font-size:12px;font-weight:400;line-height:1.4}.jc-option-sub{font-size:11px;color:var(--jc-text-hint);margin-top:2px;font-weight:300}.jc-swatch-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}.jc-swatch-wrap{display:flex;flex-direction:column;align-items:center}.jc-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .18s;display:block}.jc-swatch.selected{border-color:var(--jc-text);outline:2px solid var(--jc-bg);outline-offset:-4px}.jc-swatch-label{font-size:10px;color:var(--jc-text-muted);margin-top:4px;font-weight:300}.jc-size-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.5rem}.jc-size-btn{width:38px;height:38px;border:var(--jc-border);border-radius:var(--jc-radius-sm);background:none;font-family:Jost,sans-serif;font-size:12px;cursor:pointer;color:var(--jc-text-muted);transition:all .18s}.jc-size-btn:hover{border-color:#0000004d;color:var(--jc-text)}.jc-size-btn.selected{border-color:var(--jc-text);background:var(--jc-bg-surface);color:var(--jc-text)}.jc-engraving-input{width:100%;border:var(--jc-border);border-radius:var(--jc-radius-sm);padding:10px 12px;font-family:Cormorant Garamond,serif;font-size:16px;font-style:italic;background:var(--jc-bg);color:var(--jc-text);outline:none;margin-bottom:1.5rem}.jc-engraving-input:focus{border-color:#0006}.jc-char-count{font-size:10px;color:var(--jc-text-hint);text-align:right;margin-top:-1.2rem;margin-bottom:1.5rem}.jc-footer{padding:1rem 1.5rem;border-top:var(--jc-border);display:flex;flex-direction:column;gap:8px}.jc-price-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.jc-price-label{font-size:11px;color:var(--jc-text-hint);letter-spacing:.08em}.jc-price-val{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300}.jc-add-btn{width:100%;padding:12px;background:var(--jc-accent);color:#fff;border:none;border-radius:var(--jc-radius-sm);font-family:Jost,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;font-weight:400;transition:opacity .18s}.jc-add-btn:hover{opacity:.8}.jc-summary-btn{width:100%;padding:10px;background:none;border:var(--jc-border);border-radius:var(--jc-radius-sm);font-family:Jost,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--jc-text-muted);transition:all .18s}.jc-summary-btn:hover{border-color:#00000059;color:var(--jc-text)}.jc-divider{height:.5px;background:#0000001a;margin:.75rem 0}.jc-summary-drawer{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff5;border-radius:var(--jc-radius);display:flex;align-items:center;justify-content:center;z-index:10}.jc-summary-drawer.hidden{display:none}.jc-summary-inner{padding:2rem;max-width:320px;width:100%;position:relative}.jc-summary-close{position:absolute;top:-.5rem;right:0;background:none;border:none;font-size:16px;cursor:pointer;color:var(--jc-text-muted)}.jc-summary-title{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;margin-bottom:1.5rem}.jc-summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:var(--jc-border);font-size:13px}.jc-summary-key{color:var(--jc-text-hint);font-weight:300;letter-spacing:.05em}.jc-summary-val{font-weight:400}.jc-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:8px 16px;border-radius:var(--jc-radius-sm);font-size:12px;letter-spacing:.05em;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.jc-toast.visible{opacity:1}@media(max-width:700px){.jc-wrap{grid-template-columns:1fr}.jc-preview{padding:1.5rem;min-height:280px}.jc-ring-canvas{width:160px;height:160px}.jc-options-grid{grid-template-columns:1fr 1fr}}#jewelry-customizer{width:100%;max-width:100%;margin-bottom:2rem}.jc-wrap{grid-template-columns:1fr 480px;min-height:520px}.jc-preview{min-height:unset;height:420px;padding:2rem}.jc-ring-canvas{width:260px;height:260px;display:flex;align-items:center;justify-content:center}.jc-ring-canvas svg{width:260px;height:260px;display:block;overflow:visible}.jc-ring-canvas img{width:260px;height:260px;object-fit:contain}@media(max-width:900px){.jc-wrap{grid-template-columns:1fr;min-height:unset}.jc-preview{height:320px;min-height:unset}.jc-ring-canvas{width:180px;height:180px}.jc-panel{border-left:none;border-top:.5px solid var(--jc-border)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/jewelry-customizer.css.map */