.jmlp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5em,4vw,4em);align-items:start;padding-block:2em}.jmlp--stacked{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}.jmlp[hidden]{display:none}.jmlp__stage-wrap{position:sticky;top:1em}.jmlp__stage{position:relative;aspect-ratio:1 / 1;background:var(--jmlp-stage-bg, #f6f5f3);border-radius:12px;overflow:hidden;container-type:inline-size;isolation:isolate}.jmlp__base,.jmlp__layers,.jmlp__layer,.jmlp__layer-img,.jmlp__tint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.jmlp__base,.jmlp__layer-img{object-fit:contain;display:block}.jmlp__base{z-index:1;transition:opacity .25s ease}.jmlp__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;display:none;object-fit:contain}.jmlp__stage--canvas .jmlp__canvas{display:block}.jmlp__stage--canvas .jmlp__base,.jmlp__stage--canvas .jmlp__layers{visibility:hidden}.jmlp__layers{z-index:2;pointer-events:none}.jmlp__layer-img[hidden],.jmlp__tint{display:none}.jmlp__layer--tint .jmlp__tint{display:block;background:var(--tint, transparent);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:multiply}.jmlp__text{position:absolute;z-index:3;left:var(--jmlp-text-x, 50%);top:var(--jmlp-text-y, 60%);transform:translate(-50%,-50%) rotate(var(--jmlp-text-rotate, 0deg));font-family:var(--jmlp-text-font, serif);font-weight:var(--jmlp-text-weight, 400);font-style:var(--jmlp-text-style, normal);font-size:calc(var(--jmlp-text-size, 5) * 1cqw);color:var(--jmlp-text-color, #8a6d3b);white-space:nowrap;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.12)}.jmlp__loading{position:absolute;z-index:4;right:12px;top:12px;width:22px;height:22px}.jmlp__loading span{display:block;width:100%;height:100%;border:2px solid rgba(0,0,0,.12);border-top-color:var(--jmlp-accent, #1a1a1a);border-radius:50%;animation:jmlp-spin .7s linear infinite}.jmlp__loading[hidden]{display:none}@keyframes jmlp-spin{to{transform:rotate(360deg)}}.jmlp__caption{margin:.6em 0 0;font-size:.8em;opacity:.6;text-align:center;letter-spacing:.02em}.jmlp-host>:not(.jmlp__stage-wrap){display:none!important}.jmlp__stage-wrap--hosted{position:relative;top:auto;width:100%}.jmlp-slide{list-style:none}.jmlp-slide .jmlp__stage{border-radius:0}.jmlp-thumb{list-style:none}.jmlp-thumb__btn{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:1px solid currentColor;border-radius:4px;background:var(--jmlp-stage-bg, #f6f5f3);cursor:pointer;overflow:hidden}.jmlp-thumb__canvas{display:block;width:100%;height:100%}.jmlp-mini{position:fixed;right:12px;z-index:30;width:96px;height:96px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:var(--jmlp-stage-bg, #f6f5f3);box-shadow:0 6px 20px #0000002e;overflow:hidden;cursor:pointer;animation:jmlp-pop .18s ease-out}.jmlp-mini[hidden]{display:none}.jmlp-mini__canvas{display:block;width:100%;height:100%}@keyframes jmlp-pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.jmlp-mini{animation:none}}.jmlp__controls{display:grid;gap:.75em}.jmlp__controls--hosted{margin-bottom:1.25em}.jmlp__heading{margin:0 0 .25em}.jmlp__label{margin:0 0 .4em;font-size:.75em;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.jmlp__count[hidden]{display:none}.jmlp__count-buttons{display:flex;flex-wrap:wrap;gap:.5em}.jmlp__count-btn{min-width:44px;height:44px;padding:0 .8em;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:#fff;color:inherit;font:inherit;cursor:pointer}.jmlp__count-btn[aria-checked=true]{background:var(--jmlp-accent);border-color:var(--jmlp-accent);color:#fff}.jmlp__stones{display:grid;gap:.6em}.jmlp__row{border:1px solid rgba(0,0,0,.14);border-radius:10px;background:#fff;overflow:hidden}.jmlp__row-head{display:flex;align-items:center;gap:.85em;width:100%;padding:.8em 1em;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.jmlp__row-label{flex:1;display:flex;gap:.5em;align-items:baseline;flex-wrap:wrap}.jmlp__row-k{font-size:.72em;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.jmlp__row-v{font-size:1em}.jmlp__chev{width:9px;height:9px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}.jmlp__row-head[aria-expanded=true] .jmlp__chev{transform:rotate(-135deg) translateY(-2px)}.jmlp__swatch{--sw: #ccc;flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffe6 0 8%,#fff0 30%),conic-gradient(from 20deg,#ffffff40,#0000002e,#ffffff4d,#0000001f,#ffffff40),var(--sw);box-shadow:inset 0 0 0 1px #0000001f,0 1px 2px #0000001f}.jmlp__swatch--img{background:var(--img) center / cover no-repeat,var(--sw)}.jmlp__panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35em;padding:.25em .75em 1em}.jmlp__panel[hidden]{display:none}.jmlp__opt{display:grid;justify-items:center;gap:.3em;padding:.5em .15em;border:1px solid transparent;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer}.jmlp__opt:hover{background:#0000000a}.jmlp__opt[aria-checked=true]{border-color:var(--jmlp-accent)}.jmlp__opt .jmlp__swatch{width:34px;height:34px}.jmlp__opt-t{display:grid;text-align:center;line-height:1.15}.jmlp__opt-t b{font-size:.78em;font-weight:600}.jmlp__opt-t small{font-size:.62em;opacity:.6}.jmlp__field{display:grid}.jmlp__input{height:48px;padding:0 1em;font:inherit;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff}.jmlp__input:focus{outline:2px solid var(--jmlp-accent);outline-offset:1px}.jmlp__input.is-invalid{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b26}.jmlp__hint{margin:.3em 0 0;font-size:.72em;opacity:.55;text-align:right}.jmlp button:focus-visible{outline:2px solid var(--jmlp-accent);outline-offset:2px}@media(max-width:749px){.jmlp{grid-template-columns:minmax(0,1fr);gap:1.25em;padding-block:1em}.jmlp__stage-wrap{position:relative;top:auto}.jmlp__panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:.2em;padding:.2em .5em .8em}.jmlp__opt{padding:.4em 0}.jmlp__opt .jmlp__swatch{width:30px;height:30px}.jmlp__opt-t small{display:none}.jmlp__row-head{padding:.65em .8em}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/jm-live-preview.css.map */