/* Outcomes, version B (tools/draw_out_b.py). Story pieces fade with .loop-fade; ambient loops run only while .play. */
/* Only the story fades before a replay, so the ambient light keeps going instead of the whole picture dimming. */
.pic.scene.fading .ob{opacity:1}
.ob .ab-ex{fill:rgba(15,35,82,.07)}.ob .ab-ex-t{fill:var(--ink-3);font-weight:600}
.ob .ab-chip{fill:#eef2fb}
.ob .ob-hair{stroke:var(--line);stroke-width:1;fill:none}
.ob .ob-acc{fill:var(--accent)}.ob .ob-okm{fill:var(--ok)}
.ob .ob-ok{fill:var(--cp-green)}
.ob .ob-track{fill:var(--ab-skel);opacity:.6}
.ob .ob-bar-0{fill:#aab6cf}.ob .ob-bar-1{fill:var(--accent)}
.ob .ob-live{fill:var(--cp-cyan)}.ob .ob-live-r{fill:var(--cp-cyan);opacity:.18}
.ob .ob-live.ob-live-g,.ob .ob-live-r.ob-live-g{fill:var(--cp-green)}
.ob .ob-g1{fill:#cfeadb}.ob .ob-g2{fill:#9fd5b9}

.ob-wave,.ob-live-r,.ob-drop{transform-box:fill-box;transform-origin:center}
.ob-wave{animation:ob-wave 1.2s ease-in-out var(--d,0s) infinite alternate}
.ob-live-r{animation:ob-live 2.4s ease-in-out infinite}
.ob-wave,.ob-live-r{animation-play-state:paused}
.scene.play :is(.ob-wave,.ob-live-r){animation-play-state:running}
@keyframes ob-wave{from{transform:scaleY(1)}to{transform:scaleY(.4)}}
@keyframes ob-live{0%,100%{transform:scale(.7);opacity:.08}50%{transform:scale(1.15);opacity:.26}}

/* Story: a label that leaves (ob-out), appointments dropping into a day (ob-drop), chips answered in a wave (ob-tk). */
.ob-out{opacity:0}
.scene.wait .ob-out{opacity:1}
.scene.play .ob-out{animation:ob-out .3s var(--ease) var(--d,0s) both}
@keyframes ob-out{from{opacity:1}to{opacity:0}}
.scene.wait .ob-drop{opacity:0}
.scene.play .ob-drop{animation:ob-drop .55s cubic-bezier(.3,1.35,.5,1) var(--d,0s) both}
@keyframes ob-drop{from{opacity:0;transform:translateY(-20px)}55%{opacity:1}to{opacity:1;transform:none}}
.scene.wait .ob-tk{opacity:0}
.scene.play .ob-tk{animation:ob-tk .7s ease-out var(--d,0s) both}
@keyframes ob-tk{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .ob-wave,.ob-live-r,.ob-drop,.ob-tk,.ob-out{animation:none!important}
}