.stone-visualizer{--color-green-deep:#5A6966;position:absolute;right:0;bottom:0;z-index:1}.stone-visualizer__trigger{margin-right:var(--outer);padding:4px 10px;border:1px solid var(--text);background:var(--COLOR-BG-ACCENT);color:var(--text);font-family:var(--BTN-FONT-STACK);font-size:var(--font-body-small, .825rem);letter-spacing:.08em;line-height:1.4;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease}.stone-visualizer__trigger:hover{background:#fff}.stone-visualizer__dialog{--stone-visualizer-bg: #a5c3be;--stone-visualizer-text: #232a28;position:fixed;top:0;right:0;bottom:0;left:0;width:min(420px,calc(100vw - 32px));max-width:none;height:max-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:var(--stone-visualizer-bg);color:var(--stone-visualizer-text);overflow:auto;overscroll-behavior:contain}.stone-visualizer__dialog[open]{animation:stone-visualizer-in .4s ease-out}.stone-visualizer__dialog::backdrop{--underlay-bg: rgba(255, 250, 241, .4);background:var(--underlay-bg)}.stone-visualizer__dialog[open]::backdrop{animation:stone-visualizer-fade .4s ease-out}@keyframes stone-visualizer-in{0%{opacity:0;transform:translateY(12px)}}@keyframes stone-visualizer-fade{0%{opacity:0}}.stone-visualizer__dialog.is-closing{animation:stone-visualizer-out .4s ease-in forwards}.stone-visualizer__dialog.is-closing::backdrop{animation:stone-visualizer-fade-out .4s ease-in forwards}@keyframes stone-visualizer-out{to{opacity:0;transform:translateY(12px)}}@keyframes stone-visualizer-fade-out{to{opacity:0}}.stone-visualizer__panel,.stone-visualizer__selector-wrapper{display:flex;flex-direction:column;align-items:center}.stone-visualizer__panel{position:relative;gap:calc(var(--outer) * .75);padding:calc(var(--outer) * 1.5) calc(var(--outer) * .75) calc(var(--outer) * .75);text-align:center}.stone-visualizer__close{position:absolute;top:12px;right:12px;display:flex;width:36px;height:36px;padding:6px;border:0;background:none;color:inherit;cursor:pointer}.stone-visualizer__close svg{width:100%;height:100%}.stone-visualizer__title{color:inherit;font-family:var(--FONT-STACK-HEADING);font-size:clamp(1.75rem,8vw,2.5rem);font-weight:400;line-height:1.1;letter-spacing:0;text-transform:none}.stone-visualizer__selector-wrapper{gap:calc(var(--outer) * .375)}.stone-visualizer__label{line-height:1;margin:0}.stone-visualizer__label-name{font-family:var(--FONT-STACK-HEADING);font-size:1.15em;font-style:italic}.stone-visualizer__shapes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.stone-visualizer__shape{display:flex;align-items:center;justify-content:center;width:40px;height:45px;padding:4px 4px 6px;border:0;border-bottom:1px solid transparent;background:none;color:inherit;cursor:pointer;opacity:.8;transition:border-color .3s ease,opacity .3s ease}.stone-visualizer__shape:hover,.stone-visualizer__shape.is-active{opacity:1;border-bottom-color:var(--color-green-deep)}.stone-visualizer__shape-icon{width:100%;height:100%;object-fit:contain}.stone-visualizer__shape-fallback{font-family:var(--FONT-STACK-HEADING);font-size:1rem}.stone-visualizer__hand{--carat-scale: 1;position:relative;width:100%}.stone-visualizer__hand-image{display:block;width:100%;height:auto}.stone-visualizer__stone{position:absolute;left:var(--stone-x);top:var(--stone-y);width:calc(var(--stone-size) * var(--carat-scale));aspect-ratio:1;transform:translate(-50%,-50%);transition:width .35s cubic-bezier(.34,1.56,.64,1)}.stone-visualizer__stone-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}.stone-visualizer__stone-image.is-active{opacity:1}.stone-visualizer__carats{display:flex;justify-content:center;gap:8px}.stone-visualizer__carat{padding:calc(var(--outer) * .25) calc(var(--outer) * .5);border:1px solid transparent;background:none;color:inherit;font-family:var(--FONT-STACK-BODY);font-size:var(--font-body-medium, .875rem);text-transform:uppercase;cursor:pointer;transition:border-color .3s ease}.stone-visualizer__carat:hover,.stone-visualizer__carat.is-active{border-color:var(--color-green-deep)}.stone-visualizer__footnote{margin:0;font-family:var(--BTN-FONT-STACK);font-size:var(--font-body-small, .825rem);letter-spacing:.04em;text-transform:uppercase}@media only screen and (max-width:749px){.stone-visualizer__shape{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.stone-visualizer__dialog[open],.stone-visualizer__dialog[open]::backdrop{animation:none}.stone-visualizer__stone,.stone-visualizer__stone-image,.stone-visualizer__shape,.stone-visualizer__carat{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/stone-visualizer.css.map */