.pv-panel{background-image:radial-gradient(color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1.4px);background-position:50%;background-size:16px 16px}.pv .pv-card{fill:color-mix(in srgb, var(--fg) 4%, transparent);stroke:color-mix(in srgb, var(--fg) 14%, transparent);stroke-width:1.25px}.pv .pv-card-blue{fill:color-mix(in srgb, var(--blue) 16%, transparent);stroke:var(--blue-ink);stroke-width:1.25px}.pv .pv-unit{fill:color-mix(in srgb, var(--fg) 6%, transparent);stroke:color-mix(in srgb, var(--fg) 10%, transparent);stroke-width:1px}.pv .pv-skel{fill:color-mix(in srgb, var(--fg) 12%, transparent)}.pv .pv-dim{fill:color-mix(in srgb, var(--fg) 20%, transparent)}.pv .pv-rule{stroke:color-mix(in srgb, var(--fg) 10%, transparent);stroke-width:1px}.pv .pv-ring{fill:none;stroke:color-mix(in srgb, var(--fg) 22%, transparent);stroke-width:1.25px}.pv .pv-accent{fill:var(--blue)}.pv .pv-hl{fill:color-mix(in srgb, var(--blue) 18%, transparent)}.pv .pv-flag{fill:var(--blue-ink)}.pv .pv-band{fill:color-mix(in srgb, var(--blue) 12%, transparent)}.pv .pv-tick,.pv .pv-keyglyph{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pv .pv-link,.pv .pv-beam{fill:var(--blue-ink)}.pv .pv-dot{fill:var(--fg);opacity:0}.pv .pv-outline{fill:none;stroke:var(--blue-ink);stroke-width:1.25px}.pv .pv-pulse{fill:none;stroke:var(--blue-ink);stroke-width:1.25px;opacity:0}.pv .pv-label{font-family:var(--font-satoshi);fill:color-mix(in srgb, var(--fg) 78%, transparent);font-size:11px;font-weight:500}.pv .pv-head{fill:color-mix(in srgb, var(--fg) 52%, transparent)}.pv .pv-row{font-size:10.5px}.pv .pv-glyph{fill:none;stroke:color-mix(in srgb, var(--fg) 55%, transparent);stroke-width:1.25px}.pv .pv-scan{opacity:0}.pv .pv-check,.pv .pv-flag,.pv .pv-pulse,.pv .pv-led,.pv .pv-link{transform-box:fill-box;transform-origin:50%}.pv .pv-link{transform-origin:0}.pv .pv-link-r{transform-origin:100%}@keyframes pv-pop{0%{transform:scale(0)}}@keyframes pv-draw{0%{transform:scaleX(0)}}@keyframes pv-fade{0%{opacity:0}}@keyframes pv-scan{0%{opacity:0;transform:translateY(0)}10%,85%{opacity:1}to{opacity:0;transform:translateY(110px)}}@keyframes pv-travel{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{transform:translateX(var(--tx,30px));opacity:0}}@keyframes pv-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes pv-handoff{0%{transform:translate(var(--kx,0), var(--ky,0))}}.pc-stage,.pc-now{display:none}.pc-steps{gap:1.75rem;display:grid}.pc-step{grid-template-columns:2.5rem minmax(0,1fr);row-gap:.5rem;display:grid}.pc-num{color:var(--blue-ink);grid-row:1/span 2;padding-top:.5em;font-size:13px}.pc-text,.pc-line{text-wrap:pretty;max-width:40ch;color:color-mix(in srgb, var(--fg) 80%, transparent);font-size:1.0625rem;line-height:1.625}@keyframes pc-blink{50%{opacity:0}}@keyframes pc-bob{0%,to{opacity:.2}50%{opacity:1}}@media (prefers-reduced-motion:no-preference){.js .pc-num{display:none}.js .pc-stage{aspect-ratio:2;border:1px solid var(--line);border-radius:12px;display:block;position:relative;overflow:hidden}.js .pc-count{letter-spacing:0;margin-left:auto;font-size:13px}.js .pc-scene{animation:pv-fade var(--dur-base) var(--ease-out) both;position:absolute;inset:0}.js .pc-scene:not([data-on]){display:none}.js .pc-now{margin-top:1.25rem;display:grid}.js .pc-now>*{grid-area:1/1}.js .pc-now>:not([data-on]){visibility:hidden}.js .pc-name{align-items:center;gap:.75rem;font-size:1.5rem;display:flex}.js .pc-line{margin-top:.5rem;font-size:1.0625rem}.js .pc-rest{color:#0000}.js .pc-caret{vertical-align:-.2em;background:var(--blue-ink);width:2px;height:1.1em;margin-right:-2px;animation:1.1s step-end infinite pc-blink;display:inline-block}.js .pc-now [data-done] .pc-caret{visibility:hidden}.js .pc-bob{gap:4px;display:inline-flex}.js .pc-bob i{background:var(--blue-ink);width:5px;height:5px;animation:pc-bob 1.6s var(--ease-in-out) infinite;border-radius:50%}.js .pc-bob i:nth-child(2){animation-delay:.15s}.js .pc-bob i:nth-child(3){animation-delay:.3s}.js .pc-ok{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;display:none}.js .pc-ok svg{width:100%;height:100%}.js .pc-now [data-done] .pc-bob{display:none}.js .pc-now [data-done] .pc-ok{animation:pv-pop var(--dur-slow) var(--ease-back) both;display:inline-grid}.js .pc-steps{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.js .pc[data-paused] *{animation-play-state:paused!important}.js.reveals-ready .pc:not([data-playing]) :is(.pv-check,.pv-flag,.pv-led){transform:scale(0)}.js.reveals-ready .pc:not([data-playing]) .pv-link{transform:scaleX(0)}.js.reveals-ready .pc:not([data-playing]) :is(.pv-bar,.pv-lit,.pv-hl){opacity:0}.js.reveals-ready .pc:not([data-playing]) .pv-key{transform:translate(var(--kx), var(--ky))}.js .pc[data-playing] .pc-scene[data-on] :is(.pv-check,.pv-flag,.pv-led){animation:pv-pop var(--dur-slow) var(--ease-back) both}.js .pc[data-playing] .pc-scene[data-on] .pv-link{animation:pv-draw var(--dur-slow) var(--ease-out-expo) both}.js .pc[data-playing] .pc-scene[data-on] :is(.pv-bar,.pv-hl){animation:pv-fade var(--dur-base) var(--ease-out) both}.js .pc[data-playing] .pc-scene[data-on] .pv-lit{animation:pv-fade var(--dur-slow) var(--ease-out) both}.js .pc[data-playing] .pc-scene[data-on] .pv-dot{animation:pv-travel var(--dur-slow) var(--ease-in-out) both}.js .pc[data-playing] .pc-scene[data-on] .pv-pulse{animation:pv-pulse var(--dur-slower) var(--ease-out) .4s 3}.js .pc[data-playing] .pc-scene[data-on] .pv-key{animation:pv-handoff var(--dur-slower) var(--ease-in-out) both}.js .pc[data-playing] .pc-scene[data-on] .pv-scan{animation:pv-scan var(--dur-slowest) var(--ease-in-out) .2s both}.js .pc[data-playing] .pc-scene[data-on] [data-scene="0"] :is(.pv-hl,.pv-flag){animation-delay:calc(.44s + var(--i,0) * .28s)}.js .pc[data-playing] .pc-scene[data-on] [data-scene="0"] .pv-check{animation-delay:calc(1.25s + var(--i,0) * .17s)}.js .pc[data-playing] .pc-scene[data-on] [data-scene="1"] .pv-link{animation-delay:calc(.26s + var(--i,0) * .24s)}.js .pc[data-playing] .pc-scene[data-on] .pv-dot{animation-delay:calc(.42s + var(--i,0) * .24s)}.js .pc[data-playing] .pc-scene[data-on] [data-scene="1"] .pv-lit{animation-delay:calc(.86s + var(--i,0) * .24s)}.js .pc[data-playing] .pc-scene[data-on] .pv-led{animation-delay:calc(.26s + var(--i,0) * .2s)}.js .pc[data-playing] .pc-scene[data-on] .pv-bar{animation-delay:calc(.5s + var(--i,0) * 50ms)}.js .pc[data-playing] .pc-scene[data-on] [data-scene="3"] .pv-check{animation-delay:calc(.26s + var(--i,0) * .22s)}.js .pc[data-playing] .pc-scene[data-on] .pv-key{animation-delay:1.25s}.js .pc[data-playing] .pc-scene[data-on] [data-scene="3"] .pv-lit{animation-delay:2s}}
