/* The same paper, pigment and hand move through the smaller chapters.
   These are additive properties; the original layout and transforms retain ownership. */
.cm-paper-stage{perspective:1100px}
.inspection-report.cm-paper{
  rotate:0deg;
  transition:transform .6s var(--ease),rotate .48s cubic-bezier(.22,1,.36,1);
}
.cm-step-number{position:relative}
.cm-step-mark{
  position:absolute;left:-2px;top:calc(100% + 2px);width:58px;height:13px;
  color:var(--red);pointer-events:none;overflow:visible;
}
.cm-step-mark path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.cm-step-mark .cm-dry-edge{stroke-width:.55;opacity:.42}
.cm-farewell{position:relative}
.cm-signature-mark{
  position:absolute;left:0;bottom:-13px;width:min(230px,78%);height:14px;
  color:var(--red);pointer-events:none;overflow:visible;
}
.cm-signature-mark .cm-loaded-stroke{fill:currentColor}
.cm-signature-mark .cm-hairline{stroke:currentColor;stroke-width:.65;fill:none;opacity:.65}
.cm-paper-stage:focus-within .inspection-report{rotate:0deg}
@media(max-width:580px){
  .cm-step-mark{width:49px;height:11px;top:calc(100% + 1px)}
  .cm-signature-mark{width:min(200px,78%);bottom:-12px}
}
@media(prefers-reduced-motion:reduce){
  .inspection-report.cm-paper{rotate:0deg!important;transition:none}
}
@media(forced-colors:active){
  .cm-step-mark,.cm-signature-mark{color:CanvasText}
  .inspection-report.cm-paper{rotate:0deg!important;transition:none}
}
html.ink-motion-paused .inspection-report.cm-paper{rotate:0deg!important;transition:none}