.rb-anim{display:block;width:100%;height:auto;overflow:visible}
.rb-anim text{font-family:'IBM Plex Mono',Menlo,monospace}
.rb-lbl{fill:var(--rb-lbl);font-size:10px;letter-spacing:.08em}
.rb-amt{fill:var(--rb-ink);font-size:11px;text-anchor:middle}
.rb-st{fill:var(--rb-mute);font-size:10.5px}
.rb-q{fill:var(--rb-ink);font-size:11px}
.rb-rail{stroke:var(--rb-rail);stroke-width:1.5}
.rb-sleep{stroke:var(--rb-sleep);stroke-width:6;stroke-dasharray:2 9;animation:rbTrack 1.4s linear infinite}
.rb-item{fill:var(--rb-item);stroke:var(--rb-item-line);stroke-width:1}
.rb-ghost{fill:var(--rb-item);stroke:var(--rb-lbl);stroke-width:1;stroke-dasharray:4 3}
.rb-tie{fill:var(--rb-tie)}
.rb-ok{fill:var(--rb-ok)}
.rb-wait{fill:var(--rb-wait)}
.rb-acc{fill:var(--rb-acc)}
.rb-acc-t{fill:var(--rb-acc-ink);font-size:10px;font-weight:600;text-anchor:middle}
.rb-av{fill:var(--rb-rail)}
.rb-av-t{fill:var(--rb-ink);font-size:8.5px;font-weight:600;text-anchor:middle}
.rb-conn{stroke:var(--rb-rail);stroke-width:1.5;fill:none}
.rb-runner-h{fill:var(--rb-ink);animation:rbRunH 9s linear infinite}
.rb-runner-v{position:absolute;left:-8px;top:0;width:14px;height:14px;border-radius:50%;background:var(--rb-ink);box-shadow:0 0 0 4px var(--rb-bg);animation:rbRunV 9s ease-in-out infinite}
[class*="rb-in-"],[class*="rb-grow-"],.rb-mid{transform-box:fill-box;transform-origin:center}
.rb-mid{animation:rbMid 9s ease-out infinite both}
@keyframes rbTrack{to{stroke-dashoffset:-11} }
@keyframes rbMid{0%,42%{opacity:0} 46%,51%{opacity:1} 53%,100%{opacity:0} }
@keyframes rbRunH{0%{transform:translateX(0);opacity:0} 5%{opacity:1} 92%{transform:translateX(940px);opacity:1} 100%{transform:translateX(940px);opacity:0} }
@keyframes rbRunV{0%{top:0;opacity:0} 6%{opacity:1} 90%{top:calc(100% - 14px);opacity:1} 100%{top:calc(100% - 14px);opacity:0} }
.rb-in-1{animation:rbIn1 9s ease-out infinite both}
.rb-grow-1{animation:rbGrow1 9s ease-out infinite both}
@keyframes rbIn1{0%,6%{opacity:0;transform:translateX(-14px)} 12%,90%{opacity:1;transform:translateX(0)} 96%,100%{opacity:0;transform:translateX(0)} }
@keyframes rbGrow1{0%,6%{opacity:0;transform:scaleY(0)} 12%,90%{opacity:1;transform:scaleY(1)} 96%,100%{opacity:0;transform:scaleY(1)} }
.rb-in-2{animation:rbIn2 9s ease-out infinite both}
.rb-grow-2{animation:rbGrow2 9s ease-out infinite both}
@keyframes rbIn2{0%,18%{opacity:0;transform:translateX(-14px)} 24%,90%{opacity:1;transform:translateX(0)} 96%,100%{opacity:0;transform:translateX(0)} }
@keyframes rbGrow2{0%,18%{opacity:0;transform:scaleY(0)} 24%,90%{opacity:1;transform:scaleY(1)} 96%,100%{opacity:0;transform:scaleY(1)} }
.rb-in-3{animation:rbIn3 9s ease-out infinite both}
.rb-grow-3{animation:rbGrow3 9s ease-out infinite both}
@keyframes rbIn3{0%,30%{opacity:0;transform:translateX(-14px)} 36%,90%{opacity:1;transform:translateX(0)} 96%,100%{opacity:0;transform:translateX(0)} }
@keyframes rbGrow3{0%,30%{opacity:0;transform:scaleY(0)} 36%,90%{opacity:1;transform:scaleY(1)} 96%,100%{opacity:0;transform:scaleY(1)} }
.rb-in-4{animation:rbIn4 9s ease-out infinite both}
.rb-grow-4{animation:rbGrow4 9s ease-out infinite both}
@keyframes rbIn4{0%,42%{opacity:0;transform:translateX(-14px)} 48%,90%{opacity:1;transform:translateX(0)} 96%,100%{opacity:0;transform:translateX(0)} }
@keyframes rbGrow4{0%,42%{opacity:0;transform:scaleY(0)} 48%,90%{opacity:1;transform:scaleY(1)} 96%,100%{opacity:0;transform:scaleY(1)} }
.rb-in-5{animation:rbIn5 9s ease-out infinite both}
.rb-grow-5{animation:rbGrow5 9s ease-out infinite both}
@keyframes rbIn5{0%,54%{opacity:0;transform:translateX(-14px)} 60%,90%{opacity:1;transform:translateX(0)} 96%,100%{opacity:0;transform:translateX(0)} }
@keyframes rbGrow5{0%,54%{opacity:0;transform:scaleY(0)} 60%,90%{opacity:1;transform:scaleY(1)} 96%,100%{opacity:0;transform:scaleY(1)} }
.rb-in-6{animation:rbIn6 9s ease-out infinite both}
.rb-grow-6{animation:rbGrow6 9s ease-out infinite both}
@keyframes rbIn6{0%,66%{opacity:0;transform:translateX(-14px)} 72%,90%{opacity:1;transform:translateX(0)} 96%,100%{opacity:0;transform:translateX(0)} }
@keyframes rbGrow6{0%,66%{opacity:0;transform:scaleY(0)} 72%,90%{opacity:1;transform:scaleY(1)} 96%,100%{opacity:0;transform:scaleY(1)} }
.rb-stack{display:inline-grid;align-items:center}
.rb-stack>*{grid-area:1/1}
[class*="rb-pend-"],.rb-ph-2,.rb-ph-3,.rb-mid{opacity:0}
.rb-chip{position:relative}
.rb-tap{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid var(--rb-ink);opacity:0;pointer-events:none}
.rb-cursor{position:absolute;right:-8px;bottom:-12px;width:16px;height:16px;opacity:0;pointer-events:none}
.rb-cursor-path{fill:var(--rb-ink);stroke:var(--rb-chip-off-bg);stroke-width:1}
.rb-pend-1{animation:rbPend1 9s ease-out infinite both}
.rb-done-1{animation:rbDone1 9s ease-out infinite both}
.rb-flash-1{animation:rbFlash1 9s ease-out infinite both}
@keyframes rbPend1{0%,6%{opacity:1} 8%,96%{opacity:0} 98%,100%{opacity:1} }
@keyframes rbDone1{0%,8%{opacity:0;transform:translateY(5px)} 11%,93%{opacity:1;transform:translateY(0)} 95%,100%{opacity:0;transform:translateY(0)} }
@keyframes rbFlash1{0%,6%{background-color:var(--rb-row)} 8%{background-color:var(--rb-flash)} 18%,100%{background-color:var(--rb-row)} }
.rb-pend-2{animation:rbPend2 9s ease-out infinite both}
.rb-done-2{animation:rbDone2 9s ease-out infinite both}
.rb-flash-2{animation:rbFlash2 9s ease-out infinite both}
@keyframes rbPend2{0%,18%{opacity:1} 20%,96%{opacity:0} 98%,100%{opacity:1} }
@keyframes rbDone2{0%,20%{opacity:0;transform:translateY(5px)} 23%,93%{opacity:1;transform:translateY(0)} 95%,100%{opacity:0;transform:translateY(0)} }
@keyframes rbFlash2{0%,18%{background-color:var(--rb-row)} 20%{background-color:var(--rb-flash)} 30%,100%{background-color:var(--rb-row)} }
.rb-pend-3{animation:rbPend3 9s ease-out infinite both}
.rb-done-3{animation:rbDone3 9s ease-out infinite both}
.rb-flash-3{animation:rbFlash3 9s ease-out infinite both}
@keyframes rbPend3{0%,30%{opacity:1} 32%,96%{opacity:0} 98%,100%{opacity:1} }
@keyframes rbDone3{0%,32%{opacity:0;transform:translateY(5px)} 35%,93%{opacity:1;transform:translateY(0)} 95%,100%{opacity:0;transform:translateY(0)} }
@keyframes rbFlash3{0%,30%{background-color:var(--rb-row)} 32%{background-color:var(--rb-flash)} 42%,100%{background-color:var(--rb-row)} }
.rb-pend-4{animation:rbPend4 9s ease-out infinite both}
.rb-done-4{animation:rbDone4 9s ease-out infinite both}
.rb-flash-4{animation:rbFlash4 9s ease-out infinite both}
@keyframes rbPend4{0%,42%{opacity:1} 44%,96%{opacity:0} 98%,100%{opacity:1} }
@keyframes rbDone4{0%,44%{opacity:0;transform:translateY(5px)} 47%,93%{opacity:1;transform:translateY(0)} 95%,100%{opacity:0;transform:translateY(0)} }
@keyframes rbFlash4{0%,42%{background-color:var(--rb-row)} 44%{background-color:var(--rb-flash)} 54%,100%{background-color:var(--rb-row)} }
.rb-pend-5{animation:rbPend5 9s ease-out infinite both}
.rb-done-5{animation:rbDone5 9s ease-out infinite both}
.rb-flash-5{animation:rbFlash5 9s ease-out infinite both}
@keyframes rbPend5{0%,54%{opacity:1} 56%,96%{opacity:0} 98%,100%{opacity:1} }
@keyframes rbDone5{0%,56%{opacity:0;transform:translateY(5px)} 59%,93%{opacity:1;transform:translateY(0)} 95%,100%{opacity:0;transform:translateY(0)} }
@keyframes rbFlash5{0%,54%{background-color:var(--rb-row)} 56%{background-color:var(--rb-flash)} 66%,100%{background-color:var(--rb-row)} }
.rb-pend-6{animation:rbPend6 9s ease-out infinite both}
.rb-done-6{animation:rbDone6 9s ease-out infinite both}
.rb-flash-6{animation:rbFlash6 9s ease-out infinite both}
@keyframes rbPend6{0%,66%{opacity:1} 68%,96%{opacity:0} 98%,100%{opacity:1} }
@keyframes rbDone6{0%,68%{opacity:0;transform:translateY(5px)} 71%,93%{opacity:1;transform:translateY(0)} 95%,100%{opacity:0;transform:translateY(0)} }
@keyframes rbFlash6{0%,66%{background-color:var(--rb-row)} 68%{background-color:var(--rb-flash)} 78%,100%{background-color:var(--rb-row)} }
.rb-ph-1{animation:rbPh1 9s linear infinite both}
.rb-ph-2{animation:rbPh2 9s linear infinite both}
.rb-ph-3{animation:rbPh3 9s linear infinite both}
@keyframes rbPh1{0%,30%{opacity:1} 32%,97%{opacity:0} 99%,100%{opacity:1} }
@keyframes rbPh2{0%,30%{opacity:0} 32%,63%{opacity:1} 65%,100%{opacity:0} }
@keyframes rbPh3{0%,63%{opacity:0} 65%,96%{opacity:1} 98%,100%{opacity:0} }
.rb-chip-1{animation:rbChip1 9s linear infinite both}
.rb-chip-2{animation:rbChip2 9s linear infinite both}
.rb-chip-3{animation:rbChip3 9s linear infinite both}
@keyframes rbChip1{0%,30%{background-color:var(--rb-chip-on-bg);color:var(--rb-chip-on-ink);border-color:var(--rb-chip-on-bg)} 32%,97%{background-color:var(--rb-chip-off-bg);color:var(--rb-chip-off-ink);border-color:var(--rb-item-line)} 99%,100%{background-color:var(--rb-chip-on-bg);color:var(--rb-chip-on-ink);border-color:var(--rb-chip-on-bg)} }
@keyframes rbChip2{0%,30%{background-color:var(--rb-chip-off-bg);color:var(--rb-chip-off-ink);border-color:var(--rb-item-line)} 32%,63%{background-color:var(--rb-chip-on-bg);color:var(--rb-chip-on-ink);border-color:var(--rb-chip-on-bg)} 65%,100%{background-color:var(--rb-chip-off-bg);color:var(--rb-chip-off-ink);border-color:var(--rb-item-line)} }
@keyframes rbChip3{0%,63%{background-color:var(--rb-chip-off-bg);color:var(--rb-chip-off-ink);border-color:var(--rb-item-line)} 65%,96%{background-color:var(--rb-chip-on-bg);color:var(--rb-chip-on-ink);border-color:var(--rb-chip-on-bg)} 98%,100%{background-color:var(--rb-chip-off-bg);color:var(--rb-chip-off-ink);border-color:var(--rb-item-line)} }
.rb-tap-2{animation:rbTap2 9s ease-out infinite}
.rb-cursor-2{animation:rbCur2 9s ease-out infinite}
@keyframes rbTap2{0%,30%{opacity:0;transform:scale(.5)} 31%{opacity:.6;transform:scale(.5)} 34%,100%{opacity:0;transform:scale(1.6)} }
@keyframes rbCur2{0%,26%{opacity:0;transform:translate(8px,8px)} 30%,32%{opacity:1;transform:translate(0,0)} 33%,100%{opacity:0;transform:translate(0,0)} }
.rb-tap-3{animation:rbTap3 9s ease-out infinite}
.rb-cursor-3{animation:rbCur3 9s ease-out infinite}
@keyframes rbTap3{0%,63%{opacity:0;transform:scale(.5)} 64%{opacity:.6;transform:scale(.5)} 67%,100%{opacity:0;transform:scale(1.6)} }
@keyframes rbCur3{0%,59%{opacity:0;transform:translate(8px,8px)} 63%,65%{opacity:1;transform:translate(0,0)} 66%,100%{opacity:0;transform:translate(0,0)} }
.rb-tap-1{animation:rbTap1 9s ease-out infinite}
.rb-cursor-1{animation:rbCur1 9s ease-out infinite}
@keyframes rbTap1{0%,96%{opacity:0;transform:scale(.5)} 97%{opacity:.6;transform:scale(.5)} 100%,100%{opacity:0;transform:scale(1.6)} }
@keyframes rbCur1{0%,92%{opacity:0;transform:translate(8px,8px)} 96%,98%{opacity:1;transform:translate(0,0)} 99%,100%{opacity:0;transform:translate(0,0)} }
.rb-tap-live{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid var(--rb-ink);pointer-events:none;animation:rbTapLive .65s ease-out forwards}
@keyframes rbTapLive{0%{opacity:.6;transform:scale(.5)} 100%{opacity:0;transform:scale(1.6)} }
.rb-cursor-live{position:absolute;right:-8px;bottom:-12px;width:16px;height:16px;pointer-events:none;animation:rbCurLive .65s ease-out forwards}
@keyframes rbCurLive{0%{opacity:0;transform:translate(8px,8px)} 40%,100%{opacity:1;transform:translate(0,0)} }
.rb-fade-live{animation:rbFadeLive .45s ease-out both}
@keyframes rbFadeLive{0%{opacity:0;transform:translateY(4px)} 100%{opacity:1;transform:translateY(0)} }
@media (prefers-reduced-motion: reduce){.rb-tap-live,.rb-cursor-live,.rb-fade-live{animation:none !important} .rb-tap-live,.rb-cursor-live{opacity:0} }
.rb-prog{display:block;height:2px;border-radius:2px;background:var(--rb-ink);transform-origin:left center;animation:rbProg 6s linear both}
@keyframes rbProg{0%{transform:scaleX(0)} 100%{transform:scaleX(1)} }
@media (prefers-reduced-motion: reduce){.rb-prog{animation:none !important;transform:none} }
.rb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
@media (min-width: 600px){.rb-tabs{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (prefers-reduced-motion: reduce){.rb-anim *,.rb-runner-v,[class*="rb-pend-"],[class*="rb-done-"],[class*="rb-flash-"],[class*="rb-ph-"],[class*="rb-chip-"],.rb-tap,.rb-cursor{animation:none !important} .rb-mid,[class*="rb-pend-"],.rb-ph-2,.rb-ph-3,.rb-tap,.rb-cursor{opacity:0} }