/* Static artwork is the fallback. JavaScript enables the motion composition. */
.exception-art {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  isolation: isolate;
}
.exception-art #after-exception {
  transform: translateX(calc(var(--progress, 0) * 86px));
  transform-origin: 700px 119px;
}
.exception-art #before-exception{transform:translateX(calc(var(--progress,0)*-50px))}
body[data-motion="full"] #exception-current{opacity:.8;animation:path-current 4.6s linear infinite;animation-delay:1.8s}
body[data-playback="paused"] #exception-current,body[data-scene-visible="false"] #exception-current{animation-play-state:paused}
@keyframes path-current{from{stroke-dashoffset:var(--path-length,980px)}to{stroke-dashoffset:calc(var(--path-length,980px)*-1)}}
.exception-art #register-one,
.exception-art #register-two {
  opacity: .55;
}
@media (prefers-reduced-motion: reduce) {
  body:not([data-motion="full"]) .exception-art #after-exception,body:not([data-motion="full"]) .exception-art #before-exception { transform: none; }
  body[data-motion="full"] #exception-current{animation:path-current 4.6s linear infinite!important}
}
