.guide-page{overflow-x:clip}.guide-intro{max-width:720px;margin:18px 0 48px}.guide-intro h1{margin:6px 0 0;font-family:var(--heading);font-size:clamp(32px,4vw,46px);font-weight:400;line-height:1.15;text-wrap:balance}.guide-intro .rte{margin-top:14px;color:#4a4f4a;font-size:16px}.guide-content{display:grid;gap:64px;min-width:0;max-width:860px}.guide-chapter{display:grid;gap:18px;scroll-margin-top:90px}.guide-chapter>h2{margin:0;font-family:var(--heading);font-size:clamp(24px,2.6vw,32px);font-weight:400;line-height:1.2;text-wrap:balance}.guide-chapter>.rte{max-width:68ch}.guide-page :is(p,li,dd,span){text-wrap:pretty}.guide-chapter .rte ol,.guide-chapter .rte ul{display:grid;gap:8px;padding-left:20px}.guide-carat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:8px}.guide-hand{position:relative;margin:0;overflow:hidden;background:var(--soft)}.guide-hand>img:first-child{display:block;width:100%;height:auto}.guide-hand-stone{position:absolute;top:51%;left:34.2%;width:14.5%;height:auto;transform:translate(-50%,-50%);transition:width .2s ease;pointer-events:none}.guide-carat-panel{display:grid;gap:14px}.guide-carat-readout{display:flex;align-items:baseline;gap:12px;margin:0;font-variant-numeric:tabular-nums}.guide-carat-readout strong{font-family:var(--heading);font-size:34px;font-weight:400}.guide-carat-readout span{color:var(--muted)}.guide-carat-slider{--thumb:24px;position:relative;padding-bottom:30px}.guide-carat-slider input[type=range]{--fill:.5;display:block;width:100%;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer;touch-action:pan-y;-webkit-appearance:none;appearance:none}.guide-carat-slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(var(--ink),var(--ink)) 0 0/calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--fill)) 100% no-repeat,var(--line)}.guide-carat-slider input[type=range]::-moz-range-track{height:2px;background:var(--line)}.guide-carat-slider input[type=range]::-moz-range-progress{height:2px;background:var(--ink)}.guide-carat-slider input[type=range]::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc(1px - var(--thumb) / 2);border:1.5px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000024;-webkit-appearance:none;appearance:none}.guide-carat-slider input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:1.5px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000024}.guide-carat-slider input[type=range]:focus-visible{outline:none}.guide-carat-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:2px}.guide-carat-ticks{position:absolute;inset:auto 0 0;height:26px}.guide-carat-ticks button{position:absolute;top:0;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--i) / var(--steps));padding:4px 2px;border:0;background:none;font:inherit;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);transform:translate(-50%);cursor:pointer}.guide-carat-ticks button:before{content:"";position:absolute;top:-7px;left:50%;width:1px;height:5px;background:var(--line)}.guide-carat-ticks button.is-active{color:var(--ink);font-weight:600}.guide-true-size{display:grid;gap:8px;padding:16px;border:1px solid var(--line)}.guide-label{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.guide-true-stage{display:grid;place-items:center;min-height:80px;overflow:hidden}.guide-true-stage img{max-width:none;height:auto}.guide-grid{display:grid;gap:16px;margin:0;padding:0;list-style:none}.guide-grid li{display:grid;align-content:start;gap:6px;text-align:center;font-size:13px;line-height:1.45}.guide-grid img{display:block;width:100%;height:auto;background:var(--soft)}.guide-grid strong{font-size:14px;font-weight:600;letter-spacing:.04em}.guide-grid span{color:var(--muted)}.guide-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.guide-grid--7{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.guide-scale{display:grid;gap:10px}.guide-scale-groups{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.guide-scale-groups span{grid-column:span var(--span);padding-bottom:6px;border-bottom:1px solid var(--line)}.guide-color-img{aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid var(--line)}.guide-scale-more{margin:0;font-size:13px;color:var(--muted)}.guide-shapes svg{display:block;width:56px;height:56px;margin:0 auto;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round}.guide-shapes svg :is(path,rect,circle,ellipse)+:is(path,rect,circle,ellipse){stroke:var(--muted);stroke-width:.8}.guide-shapes strong{font-weight:500;letter-spacing:0}.guide-term{position:relative;display:inline}.guide-term .guide-term-trigger{padding-right:17px;border-bottom:1px dotted currentColor;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='6' fill='none' stroke='%2370736d'/%3E%3Cpath d='M7 6v4.2' stroke='%2370736d' stroke-width='1.3'/%3E%3Ccircle cx='7' cy='4' r='.8' fill='%2370736d'/%3E%3C/svg%3E") right 1px center/13px no-repeat;cursor:help;white-space:nowrap}.guide-term-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.guide-term-tip{--shift:0px;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:10px 12px;background:var(--ink);color:#fff;font-size:12px;font-weight:400;line-height:1.5;text-align:left;opacity:0;visibility:hidden;transform:translate(calc(-50% + var(--shift)),4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}.guide-term.is-below .guide-term-tip{top:calc(100% + 8px);bottom:auto;transform:translate(calc(-50% + var(--shift)),-4px)}.guide-term.is-open .guide-term-tip,.guide-term-trigger:focus-visible+.guide-term-tip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--shift)))}@media(hover:hover){.guide-term:hover .guide-term-tip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--shift)))}.guide-grade:hover .guide-color-img{border-color:var(--ink)}}@media(prefers-reduced-motion:reduce){.guide-term-tip{transition:none}}.guide-grade{display:grid}.guide-grade-trigger{display:grid;gap:6px;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:center;cursor:help}.guide-grade-trigger strong{font-size:14px;font-weight:600}.guide-grade-trigger strong{justify-self:center;padding-right:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='6' fill='none' stroke='%2370736d'/%3E%3Cpath d='M7 6v4.2' stroke='%2370736d' stroke-width='1.3'/%3E%3Ccircle cx='7' cy='4' r='.8' fill='%2370736d'/%3E%3C/svg%3E") right center/12px no-repeat}.guide-grid .guide-term-tip{color:#fff;font-size:12px}.guide-grade.is-open .guide-color-img{border-color:var(--ink)}.guide-grade-trigger:focus-visible+.guide-term-tip{opacity:1;visibility:visible}.guide-anatomy{display:grid;gap:10px;max-width:560px;margin:12px 0 0}.guide-anatomy svg{display:block;width:100%;height:auto}.guide-anatomy-stone{fill:var(--soft);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.guide-anatomy-facet{fill:none;stroke:var(--muted);stroke-width:.7}.guide-anatomy-lead{fill:none;stroke:var(--ink);stroke-width:.8;stroke-dasharray:3 3}.guide-anatomy text{fill:var(--ink);font-size:15px;font-family:var(--body-font,Arial,Helvetica,sans-serif)}.guide-faq{border-top:1px solid var(--line)}.guide-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin:0}.guide-glossary>div{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--line);scroll-margin-top:90px}.guide-glossary>div:target{border-top-color:var(--ink)}.guide-glossary dt{font-weight:600}.guide-glossary dd{margin:0;color:#4a4f4a;font-size:14px}.guide-help-actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:989px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:32px}}@media(max-width:749px){.guide-content{gap:48px}.guide-carat{grid-template-columns:minmax(0,1fr);gap:20px}.guide-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid--7{gap:6px}.guide-grid--7 strong{font-size:13px}.guide-glossary{grid-template-columns:minmax(0,1fr)}.guide-carat-ticks button{font-size:11px}.guide-scale-groups{gap:6px;font-size:11px;letter-spacing:.04em}.guide-anatomy text{font-size:22px}.guide-anatomy .guide-anatomy-top{text-anchor:start;transform:translate(6px,11px)}.guide-anatomy .guide-anatomy-bottom{transform:translateY(3px)}}@media(max-width:749px),(pointer:coarse){.guide-carat-ticks button:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,40px);height:32px;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/joy-guide.css.map */