jb-diamond-learning{display:block;container-type:inline-size;container-name:jb-lesson;--learn-ink:#252525;--learn-muted:#626262;--learn-line:#d6d6d1;--learn-paper:#f7f7f5;--learn-base:118px;--learn-size-ratio:1;--learn-reveal:50%;--learn-zoom:1;min-width:0;color:var(--learn-ink);font:16px/1.6 var(--jb-guide-body,Arial,sans-serif)}jb-diamond-learning *{box-sizing:border-box}jb-diamond-learning [hidden]{display:none!important}jb-diamond-learning p{margin:0 0 16px}jb-diamond-learning button,jb-diamond-learning input,jb-diamond-learning select{font:inherit}jb-diamond-learning button{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:1px solid #c8c8c4;color:var(--learn-ink);min-height:44px;padding:10px 16px;letter-spacing:0;text-transform:none;line-height:1.3;border-radius:0}jb-diamond-learning button[aria-pressed=true]{color:#fff;background:var(--learn-ink);border-color:var(--learn-ink)}jb-diamond-learning button:disabled{cursor:default;opacity:.55}jb-diamond-learning :is(button,input,select):focus-visible{outline:2px solid #245a75;outline-offset:4px}.jb-learn-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.jb-learn-label{display:block;font-size:15px;margin-top:18px}.jb-learn-label output{display:inline-block;margin-left:12px;font-variant-numeric:tabular-nums;font-weight:500}.jb-learn-note{font-size:14px!important;color:var(--learn-muted);line-height:1.6!important;margin-top:16px!important}.jb-learn-instruction{font-size:15px}.jb-learn-panel-title{font:400 26px/1.25 var(--jb-guide-heading,serif)!important;letter-spacing:0;margin:24px 0 12px!important}.jb-learn-origin-intro{max-width:68ch}.jb-learn-controls[aria-label]{font-size:15px}jb-diamond-learning input[type=range]{display:block;width:100%;height:44px;margin:2px 0 8px;accent-color:var(--learn-ink);cursor:pointer;touch-action:pan-y}.jb-learn-weight-pair,.jb-learn-clarity-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.jb-learn-weight-pair figure,.jb-learn-clarity-pair figure{margin:0;min-width:0}.jb-learn-weight-stage{height:230px;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden;min-width:0}.jb-learn-stone{width:calc(var(--learn-base)*var(--learn-aspect-x,1));height:calc(var(--learn-base)*var(--learn-aspect-y,1));display:block;position:relative;overflow:hidden;flex-shrink:0;transition:width .35s ease,height .35s ease}.jb-learn-selected .jb-learn-stone{width:calc(var(--learn-base)*var(--learn-size-ratio)*var(--learn-aspect-x,1));height:calc(var(--learn-base)*var(--learn-size-ratio)*var(--learn-aspect-y,1))}.jb-learn-stone img{width:713.2159%!important;height:427.7533%!important;left:-29.5154%;top:-26.4317%;position:absolute;max-width:none!important;max-height:none!important;object-fit:fill!important}.jb-learn-weight-pair figcaption,.jb-learn-clarity-pair figcaption{font-size:14px;line-height:1.5;text-align:center;margin-top:8px;color:#555}.jb-learn-weight-pair output{font-variant-numeric:tabular-nums}.jb-learn-scale{font-size:14px;color:#626262;margin-bottom:10px!important}.jb-learn-shape-label{display:block;font-size:14px}.jb-learn-shape-label select{font:16px var(--jb-guide-body,Arial,sans-serif);width:100%;min-height:44px;border:1px solid #ccc;border-radius:0;background:#fff;padding:8px 10px;margin-top:8px}.jb-learn-size-statement{font-size:15px;margin:14px 0!important}.jb-learn-reset,.jb-learn-replay{border:0!important;border-bottom:1px solid #777!important;padding:8px 0!important;min-height:44px;font-size:14px!important}.jb-learn-reset{display:block;margin-top:12px}.jb-learn-process{width:100%;min-width:0;display:grid;place-items:center;padding:16px 0}.jb-learn-process svg{display:block;width:180px;max-width:100%;height:150px;margin:0;color:#454541;overflow:visible}jb-diamond-learning .jb-learn-steps{list-style:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%!important;max-width:none!important;padding:0!important;margin:28px 0!important}jb-diamond-learning .jb-learn-step{display:flex!important;flex-direction:column;align-items:stretch;min-width:0;margin:0!important;padding:20px 0 0!important;border-top:1px solid var(--learn-line)}.jb-learn-step-heading{text-align:center;min-height:79px}.jb-learn-step-number{display:block;font:italic 20px/1.3 var(--jb-guide-heading,serif);color:#626262;margin:0 0 10px}.jb-learn-step strong{display:block;font-weight:500;font-size:16px;line-height:1.45;min-height:46px}.jb-learn-step p{font-size:15px;line-height:1.65;text-align:center;width:100%;max-width:34ch!important;margin:0 auto!important}.jb-learn-step .jb-learn-process{flex:none}.jb-learn-split{position:relative;height:260px;overflow:hidden;background:#fff}.jb-learn-split-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#fff}.jb-learn-split-overlay{clip-path:inset(0 calc(100% - var(--learn-reveal)) 0 0)}.jb-learn-profile{position:relative;overflow:hidden;width:240px;height:240px;display:block}.jb-learn-profile img{position:absolute;max-width:none!important;max-height:none!important;width:300%!important;height:200%!important;left:0;top:0;object-fit:fill!important}.jb-learn-split-line{position:absolute;top:0;bottom:0;width:1px;left:var(--learn-reveal);background:#777;pointer-events:none}.jb-learn-split-line:after{content:"\2194";position:absolute;top:45%;left:-15px;background:#fff;border:1px solid #777;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:16px}.jb-learn-split-labels{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin:12px 0}.jb-learn-clarity-stage{height:230px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.jb-learn-clarity-window{width:190px;height:auto;max-width:100%;aspect-ratio:1;overflow:hidden;position:relative}.jb-learn-clarity-scene{width:100%;height:100%;aspect-ratio:1;transform:scale(var(--learn-zoom));transform-origin:47% 56%;transition:transform .45s ease}.jb-learn-clarity-overview{transform:none!important}.jb-learn-clarity-image{width:100%;height:100%;position:relative;overflow:hidden}.jb-learn-clarity-image img{width:300%!important;height:200%!important;left:0;top:-100%;max-width:none!important;position:absolute;object-fit:fill!important}.jb-learn-marker{position:absolute;left:38%;top:47%;width:18%;height:18%;border:1px solid #666;border-radius:50%;pointer-events:none}[data-learn-clarity-description]{font-size:15px;line-height:1.6;min-height:48px}.jb-learn-light svg{width:100%;height:230px;display:block;background:#fff}.jb-learn-light p{margin-top:12px}.jb-learn-light-label{font-size:15px;font-weight:500}@container jb-lesson (max-width:620px){jb-diamond-learning .jb-learn-steps{grid-template-columns:1fr;gap:24px}jb-diamond-learning .jb-learn-step{padding-top:18px!important}.jb-learn-step-heading,.jb-learn-step strong{min-height:0}.jb-learn-process{padding:12px 0}.jb-learn-step p{max-width:38ch!important}.jb-learn-panel-title{font-size:24px!important}}@media(max-width:700px){jb-diamond-learning{--learn-base:68px}.jb-learn-weight-pair,.jb-learn-clarity-pair{gap:12px}.jb-learn-weight-stage{height:145px}.jb-learn-label{font-size:14px;margin-top:12px}.jb-learn-controls{gap:6px;margin:10px 0 16px}.jb-learn-controls button{padding:8px 10px;font-size:14px;flex:1 0 auto;min-height:44px}.jb-learn-split{height:230px}.jb-learn-profile{width:210px;height:210px}.jb-learn-clarity-stage{height:140px}.jb-learn-clarity-window{width:105px}.jb-learn-light svg{height:210px}.jb-learn-origin-intro{font-size:16px}.jb-learn-panel-title{font-size:24px!important}}@media(max-width:360px){jb-diamond-learning[data-exercise=size] .jb-learn-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jb-learn-controls button{min-width:0}}@media(prefers-reduced-motion:reduce){jb-diamond-learning *,jb-diamond-learning *:before,jb-diamond-learning *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}jb-diamond-learning .jb-learn-step{position:relative}.jb-learn-process-progress{position:absolute;top:-1px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;pointer-events:none}jb-diamond-learning[data-enhanced=true] [data-learn-comparison]{cursor:ew-resize;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}jb-diamond-learning [data-learn-comparison] img{pointer-events:none;-webkit-user-drag:none}jb-diamond-learning .jb-learn-drag-instruction{font-size:14px;line-height:1.6;margin:0 0 12px!important;color:#555}jb-diamond-learning .jb-learn-split-line:after{width:44px;height:44px;left:-22px;top:calc(50% - 22px);font-size:18px}jb-diamond-learning [data-dragging=true] .jb-learn-split-line:after{border-color:#222}jb-diamond-learning .jb-learn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.jb-learn-takeaway{border-left:2px solid #a58a62;padding:2px 0 2px 16px;margin:24px 0 12px}.jb-learn-takeaway strong{font-size:14px;font-weight:500}.jb-learn-takeaway p{font-size:15px;line-height:1.65;margin:6px 0 0!important;max-width:65ch}.jb-learn-size-statement{font-size:17px!important;font-weight:500;line-height:1.5!important}.jb-learn-feedback{max-width:64ch;min-height:0!important;font-size:16px!important;line-height:1.65!important}.jb-learn-controls button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.jb-learn-controls button small{font-size:12px;line-height:1.35;font-weight:400;max-width:18ch;opacity:.84}.jb-learn-controls button>span{font-size:16px}.jb-learn-annotation{margin:0 0 20px;min-height:44px}.jb-learn-annotation[aria-pressed=true]{background:#252525;color:#fff}.jb-learn-detail-instruction{font-size:14px;color:#555;margin:16px 0 0!important}.jb-learn-clarity-stage{height:280px}.jb-learn-clarity-window{width:230px}.jb-learn-marker{border:1.5px solid #8d704b;box-shadow:0 0 0 3px #fff9}.jb-learn-clarity-window[data-learn-detail]{cursor:move;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.jb-learn-clarity-window img{pointer-events:none;-webkit-user-drag:none}.jb-learn-shape-choice{min-width:0}.jb-learn-shape-picker{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-padding-inline:4px;padding:8px 3px 12px;margin:0 0 14px}.jb-learn-shape-picker button{font:13px/1.3 var(--jb-guide-body,Arial,sans-serif);display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 88px;min-width:0;min-height:106px;padding:8px 5px;background:#fff;color:#333;border:1px solid #d8d8d3;border-radius:0;cursor:pointer}.jb-learn-shape-picker button[aria-pressed=true]{background:#f4f1ec;color:#252525;border-color:#8d704b;box-shadow:inset 0 -2px #8d704b}.jb-learn-shape-picker button:focus-visible{outline:2px solid #245a75;outline-offset:2px}.jb-learn-shape-thumb{height:52px;display:grid;place-items:center;width:100%}.jb-learn-shape-thumb>span{display:block;position:relative;overflow:hidden}.jb-learn-shape-thumb img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill!important;pointer-events:none}.jb-learn-shape-choice label{font-size:14px;display:block;margin:12px 0 0}.jb-learn-stage-navigation{display:none}.jb-learn-step[data-step-active] .jb-learn-step-number{color:#705a3d}.jb-learn-process svg{color:#4c4942;stroke-width:1.6}.jb-learn-origin-intro{font-size:16px;line-height:1.6}.jb-learn-result{font:400 22px/1.35 var(--jb-guide-heading,serif);margin:12px 0!important}.jb-learn-light svg{height:270px}.jb-learn-light-label{display:none}.jb-learn-light{max-width:680px;margin:auto}.jb-learn-light>p{max-width:56ch}.jb-learn-reset{color:#666!important;font-size:13px!important;margin-top:20px}.jb-learn-replay{margin-right:20px!important}@container jb-lesson (max-width:620px){jb-diamond-learning[data-enhanced=true] .jb-learn-stage-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px}.jb-learn-stage-navigation>span{font-size:14px}.jb-learn-stage-navigation>div{display:flex;gap:6px}.jb-learn-stage-navigation button{padding:8px 14px;min-width:44px}.jb-learn-stage-navigation button[aria-pressed=true]{background:#252525;color:#fff;border-color:#252525}jb-diamond-learning[data-enhanced=true] .jb-learn-step:not([data-step-active]){display:none!important}jb-diamond-learning .jb-learn-steps{margin:16px 0!important}.jb-learn-process{padding:10px 0}.jb-learn-process svg{width:220px;height:170px}.jb-learn-step p{font-size:16px!important;line-height:1.6!important}.jb-learn-step-heading{min-height:0}.jb-learn-step-number{font-size:16px;margin-bottom:4px}.jb-learn-step strong{font-size:21px;line-height:1.35;font-family:var(--jb-guide-heading,serif);font-weight:400}.jb-learn-panel-title{margin-top:18px!important;font-size:23px!important}}@media(max-width:700px){jb-diamond-learning .jb-learn-controls{gap:7px}jb-diamond-learning .jb-learn-controls button{flex:1 1 calc(33.33% - 8px);padding:10px 8px;min-height:65px}.jb-learn-controls button small{font-size:11px}.jb-learn-takeaway p{font-size:15px}.jb-learn-clarity-pair{grid-template-columns:1fr;gap:20px}.jb-learn-clarity-stage{height:220px}.jb-learn-clarity-window{width:200px}.jb-learn-clarity-pair figure:first-child{display:none}.jb-learn-clarity-pair figure:last-child figcaption{font-size:14px}.jb-learn-light svg{height:235px}.jb-learn-shape-picker button{flex-basis:78px;min-height:100px}.jb-learn-split{height:270px}.jb-learn-profile{width:245px;height:245px}.jb-learn-split-labels{font-size:13px;line-height:1.5}.jb-learn-split-labels>span{max-width:49%}.jb-learn-note{font-size:13px!important}}@media(prefers-reduced-motion:no-preference){jb-diamond-learning[data-enhanced=true] .jb-learn-split-line:after{animation:jb-reveal-invite 1.5s ease-in-out 2}@keyframes jb-reveal-invite{50%{box-shadow:0 0 0 9px #a58a621b}}}@container jb-lesson (max-width:620px){jb-diamond-learning[data-exercise=origin][data-enhanced=true]>.jb-learn-instruction{display:none}jb-diamond-learning[data-exercise=origin] .jb-learn-controls{margin:8px 0 12px}jb-diamond-learning[data-exercise=origin] .jb-learn-controls button{min-height:44px;padding:9px 10px;font-size:14px}jb-diamond-learning[data-exercise=origin] [data-learn-methods]>.jb-learn-label{display:none}jb-diamond-learning[data-exercise=origin] .jb-learn-origin-intro{display:none}jb-diamond-learning[data-exercise=origin] .jb-learn-panel-title{font-size:21px!important;margin:12px 0!important}jb-diamond-learning[data-exercise=origin] .jb-learn-process svg{height:150px}jb-diamond-learning[data-exercise=origin] .jb-learn-reset,jb-diamond-learning[data-exercise=origin] [data-learn-motion]{display:inline-block;margin:0 20px 0 0!important}jb-diamond-learning[data-exercise=origin] .jb-learn-note{font-size:13px!important;margin:12px 0!important}jb-diamond-learning[data-exercise=origin] .jb-learn-step p{font-size:15px!important}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/jb-diamond-learning.css.map */