/* A real, still-at-rest 3D inspection instrument. */
.cv-viewer.hp-illustration{height:460px;isolation:isolate;background:#f3f6f2;border:1px solid #d4ded5;color:var(--pine)}
.cv-topbar{position:absolute;inset:0 0 auto;height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:3;pointer-events:none;font-size:14px;font-weight:500}
.cv-comparison{display:flex;align-items:center;gap:2px;padding:2px;background:#e7ede6;border:1px solid #d7e0d7;border-radius:7px;pointer-events:auto}
.cv-comparison button{height:44px;min-width:60px;border:0;border-radius:4px;outline:none;background:transparent;color:#536b63;font-size:12px;font-weight:450;transition:background 140ms ease,color 140ms ease,box-shadow 140ms ease;touch-action:manipulation}
.cv-comparison button[aria-pressed="true"]{background:#fafbf8;color:#284e40;box-shadow:0 1px 3px #284e4010}
.cv-comparison button:disabled{opacity:.4;cursor:default}
.cv-viewer.cv-keyboard-focus .cv-comparison button:focus{outline:2px solid #487d76;outline-offset:2px}
.cv-surface{position:absolute;inset:50px 0 35px;overflow:hidden;cursor:default;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none}
.cv-viewer.cv-keyboard-focus .cv-surface:focus{outline:2px solid #487d76;outline-offset:-4px}
.cv-viewer[data-cv-state="ready"] .cv-surface{cursor:grab;touch-action:none}.cv-viewer .cv-surface.cv-is-dragging{cursor:grabbing}
.cv-object{position:absolute;left:53%;top:48%;width:min(91%,475px);aspect-ratio:1;transform:translate3d(-50%,-50%,0);pointer-events:none}
.cv-enamel{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 13px #49645113);pointer-events:none}
.cv-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.cv-viewer[data-cv-state="ready"] .cv-canvas{opacity:1}.cv-viewer[data-cv-state="ready"] .cv-object{visibility:hidden}
.cv-tools{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:1px;padding:4px;background:#fafcf8;border:1px solid #d3ded4;border-radius:9px;box-shadow:0 7px 19px -12px #284e402e}
.cv-tools button{position:relative;border:0;border-radius:5px;width:44px;height:44px;padding:0;outline:none;display:grid;place-items:center;background:transparent;color:#536b63;transition:background 160ms ease,color 160ms ease;touch-action:manipulation}
.cv-tools button svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.cv-tools button[aria-pressed="true"]{color:#284e40;background:#dfe9df}
.cv-tools button:disabled{opacity:.3;cursor:default}
.cv-viewer.cv-keyboard-focus .cv-tools button:focus{outline:2px solid #487d76;outline-offset:2px}
.cv-tool-divider{height:1px;background:#dce5dc;margin:5px 7px}
.cv-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);font-size:12px;line-height:1.4;padding:7px 10px;background:#284e40;color:#fafbf8;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity 125ms ease}
.cv-viewer.cv-keyboard-focus .cv-tools button:focus .cv-tooltip{opacity:1}
.cv-bottomline{position:absolute;bottom:0;left:24px;right:23px;height:43px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#536b63;pointer-events:none}
.cv-zoom{font-variant-numeric:tabular-nums;color:#38594b;min-width:40px;text-align:right}
.cv-orbit-guide{position:absolute;left:calc(56% - 15px);top:49%;width:30px;height:30px;color:#487d76;opacity:0;pointer-events:none;transition:opacity 160ms ease}
.cv-orbit-guide svg{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.cv-viewer.cv-keyboard-focus[data-cv-state="ready"] .cv-surface:focus .cv-orbit-guide{opacity:.65}.cv-viewer.cv-has-interacted .cv-orbit-guide{display:none}
.cv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.cv-comparison button:not(:disabled):not([aria-pressed="true"]):hover{color:#284e40;background:#eef3ec}.cv-tools button:not(:disabled):not([aria-pressed="true"]):hover{background:#e4ebe1;color:#284e40}.cv-tools button:hover .cv-tooltip{opacity:1}.cv-viewer[data-cv-state="ready"] .cv-surface:hover .cv-orbit-guide{opacity:.65}}
@media(max-width:580px){.cv-viewer.hp-illustration{height:430px}.cv-topbar{height:51px;padding:0 18px;font-size:13px}.cv-surface{inset:50px 0 39px}.cv-tools{left:10px;padding:3px;gap:0}.cv-tools button{width:44px;height:44px}.cv-tools button svg{width:18px;height:18px}.cv-tool-divider{margin:4px 7px}.cv-bottomline{left:18px;right:17px;height:42px}.cv-object{left:60%;width:80%}.cv-orbit-guide{left:calc(59% - 15px)}}
@media(prefers-reduced-motion:reduce){.cv-tools button,.cv-comparison button,.cv-tooltip,.cv-orbit-guide{transition:none}}