/* The ⌘⇧4 screenshot demo: crosshair, selection and the size label, like macOS draws them. */
.nld-shot { position: fixed; inset: 0; z-index: 9999; cursor: none; }
.nld-sel {
  position: absolute; display: none;
  background: rgba(140, 140, 150, 0.22);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}
.nld-sel.flash { animation: nldFlash 0.26s ease-out both; }
@keyframes nldFlash { 0% { background: rgba(255, 255, 255, 0.85); } 100% { background: rgba(255, 255, 255, 0); box-shadow: none; } }
.nld-cross { position: absolute; left: 0; top: 0; width: 23px; height: 23px; will-change: transform; }
.nld-cross svg { display: block; }
.nld-lbl {
  position: absolute; left: 17px; top: 15px; white-space: nowrap;
  font: 500 11px/13px system-ui, -apple-system, BlinkMacSystemFont, sans-serif; font-variant-numeric: tabular-nums;
  color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.9), 0 0 1px #000;
}