.stone-visualiser{--wt-brand: #035140;--wt-brand-light: #e7f0ed;--wt-border: #e2e0d8;--wt-text: #22221f;--wt-text-muted: #6b6a64;width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:3rem clamp(1.5rem,4vw,4rem) 3.5rem;background:#faf9f5;box-sizing:border-box}.stone-visualiser__inner{max-width:1600px;margin:0 auto}.stone-visualiser__eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wt-brand);margin-bottom:8px}.stone-visualiser__heading{font-size:32px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px;color:var(--wt-text)}.stone-visualiser__sub{font-size:15px;color:var(--wt-text-muted);margin:0 0 24px;max-width:560px}.stone-visualiser__controls{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.stone-visualiser__controls button{flex:1;min-width:100px}.stone-visualiser__controls button,.stone-visualiser__tabs button,.stone-visualiser__categories button{border:1px solid var(--wt-border);background:#fff;color:var(--wt-text);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.stone-visualiser__controls button:hover,.stone-visualiser__tabs button:hover,.stone-visualiser__categories button:hover{border-color:var(--wt-brand);box-shadow:0 2px 8px #0351401a}.stone-visualiser__tabs button.is-active,.stone-visualiser__categories button.is-active{border-color:var(--wt-brand);background:var(--wt-brand);color:#fff}.stone-visualiser__viewport-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#f1efe8;border:1px solid var(--wt-border);margin-bottom:24px;box-shadow:0 20px 50px -20px #14120e47,0 4px 16px #14120e14}.stone-visualiser__viewport{width:100%;aspect-ratio:16 / 9;min-height:380px;cursor:grab;display:block}.stone-visualiser__viewport canvas{display:block}.stone-visualiser__viewport:active{cursor:grabbing}.stone-visualiser__hint{position:absolute;bottom:14px;left:16px;font-size:12px;color:var(--wt-text-muted);background:#fffffff0;padding:5px 12px;border-radius:999px;box-shadow:0 2px 8px #14120e1a}.stone-visualiser__tabs{display:flex;gap:10px;margin-bottom:16px}.stone-visualiser__tabs button{flex:1;padding:12px 16px;font-size:14px}.stone-visualiser__categories{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stone-visualiser__categories button{flex:none;font-size:12px;padding:7px 14px}.stone-visualiser__hint-text{font-size:13px;color:var(--wt-text-muted);margin:0 0 16px}.stone-visualiser__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:20px 14px;background:#fff;border:1px solid var(--wt-border);border-radius:16px;padding:20px}.stone-visualiser__swatch{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:10px;transition:background .15s ease}.stone-visualiser__swatch:hover{background:var(--wt-brand-light)}.stone-visualiser__swatch-circle{width:62px;height:62px;border-radius:50%;border:2px solid var(--wt-border);background-size:cover;background-position:center;background-color:#f1efe8;position:relative;box-shadow:0 4px 10px #14120e1f;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.stone-visualiser__swatch:hover .stone-visualiser__swatch-circle{transform:translateY(-3px);box-shadow:0 8px 18px #14120e2e}.stone-visualiser__swatch.is-active .stone-visualiser__swatch-circle{border-color:var(--wt-brand);border-width:3px;box-shadow:0 0 0 4px var(--wt-brand-light),0 6px 14px #14120e29}.stone-visualiser__swatch.is-recommended .stone-visualiser__swatch-circle:after{content:"";position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:#3b6d11;border:2px solid #ffffff}.stone-visualiser__swatch-label{font-size:11px;color:var(--wt-text-muted);text-align:center;line-height:1.3;max-width:88px}.stone-visualiser__selected{margin-top:18px;padding:16px 20px;background:var(--wt-brand-light);border-radius:14px;font-size:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.stone-visualiser__selected:empty{display:none}.stone-visualiser__selected-name{font-weight:600;color:var(--wt-text)}.stone-visualiser__selected-price{color:var(--wt-text-muted)}.stone-visualiser__selected-link{color:var(--wt-brand);font-weight:500;text-decoration:underline;margin-left:auto}
/*# sourceMappingURL=/cdn/shop/t/128/assets/stone-3d-visualiser.css.map */