/* Nonodon LLC | npcc hero drawing REV 0.7 20261102 | CSS-only animation, finished view is the base state */
.np-pid{--cc11:#D94600;--cc11-ink:#000;--cc12:#2459C9;--cc12-ink:#fff;--cc13:#8A3BBE;--cc13-ink:#fff;--cc14:#0A7376;--cc14-ink:#fff;--pid-hl:#FFC21A;--pid-stamp:#C42A00;position:relative}
.nd-root:has(#nd-dark:checked) .np-pid,html[data-theme="dark"] .np-pid{--cc11:#F24F00;--cc11-ink:#000;--cc12:#6F9BFF;--cc12-ink:#000;--cc13:#C48BF0;--cc13-ink:#000;--cc14:#33C2B8;--cc14-ink:#000;--pid-hl:#E8B21A;--pid-stamp:#FF6A2B}
.np-pid .c11{--c:var(--cc11);--ci:var(--cc11-ink)}.np-pid .c12{--c:var(--cc12);--ci:var(--cc12-ink)}.np-pid .c13{--c:var(--cc13);--ci:var(--cc13-ink)}.np-pid .c14{--c:var(--cc14);--ci:var(--cc14-ink)}
.pid-svg{display:block;width:100%;height:auto}
.pid-gridline{stroke:var(--placeholder,#ECEAE4)}
.pid-raw path,.pid-raw-1{fill:none;stroke:var(--ink,#1C1B1A);stroke-width:1.6;stroke-linejoin:round}
.pid-raw .pid-util{stroke-width:1.1}
.pid-tr{fill:none;stroke:var(--c);stroke-width:3.4;stroke-linejoin:round;stroke-linecap:butt}
.pid-eq rect,.pid-eq circle,.pid-eq path{fill:var(--surface,#fff);stroke:var(--ink,#1C1B1A);stroke-width:1.8}
.pid-detail path{fill:none;stroke:var(--muted,#57524F);stroke-width:1}
.pid-valve path{fill:var(--surface,#fff);stroke:var(--ink,#1C1B1A);stroke-width:1.4;stroke-linejoin:round}
.pid-valve .pid-fillink{fill:var(--ink,#1C1B1A)}
.pid-sig{fill:none;stroke:var(--muted,#57524F);stroke-width:1;stroke-dasharray:3 2}
.pid-inst{fill:var(--surface,#fff);stroke:var(--ink,#1C1B1A);stroke-width:1.3}
.pid-inst-line{stroke:var(--ink,#1C1B1A);stroke-width:.8}
.pid-it{font-family:IBM Plex Mono, monospace;font-size:6.5px;font-weight:600;fill:var(--ink,#1C1B1A);text-anchor:middle}
.pid-eqtag text{font-family:IBM Plex Mono, monospace;font-size:9px;font-weight:600;fill:var(--ink,#1C1B1A);text-anchor:middle}
.pid-opc text{font-family:IBM Plex Mono, monospace;font-size:7px;fill:var(--ink,#1C1B1A);text-anchor:middle}
.pid-tag rect{fill:#4D4948}.pid-tag text{font-family:IBM Plex Mono, monospace;font-size:8px;fill:#fff;text-anchor:middle}
.pid-cctag rect{fill:var(--c)}.pid-cctag text{font-family:IBM Plex Mono, monospace;font-size:10px;font-weight:600;fill:var(--ci);text-anchor:middle}
.pid-ring{fill:none;stroke:#F24F00;stroke-width:2;stroke-dasharray:4 3;opacity:.5}
.pid-rv circle{fill:#F24F00}.pid-rv path{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pid-rv{transform-box:fill-box;transform-origin:center}
.pid-stamp-ink{opacity:.5;transition:opacity .25s}
.nd-root:has(#nd-dark:checked) .pid-stamp-ink,html[data-theme="dark"] .pid-stamp-ink{opacity:.7}
.pid-stamp rect{fill:none;stroke:var(--pid-stamp)}.pid-stamp-o{stroke-width:6}.pid-stamp-i{stroke-width:2.2}
.pid-stamp text{font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;font-weight:700;fill:var(--pid-stamp);text-anchor:middle}
.pid-stamp-t{font-size:40px}.pid-stamp .pid-stamp-sub{font-size:13px;letter-spacing:.08em}
.pid-tag,.pid-cctag,.pid-stamp{transform-box:fill-box;transform-origin:center}
.pid-replay-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pid-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-family:IBM Plex Mono, monospace;font-size:11px;color:var(--ink,#1C1B1A);margin-bottom:10px}
.pid-chip{display:inline-flex;align-items:center;gap:6px}
.pid-chip::before{content:"";width:9px;height:9px;background:#F24F00;border:1px solid var(--ink,#1C1B1A)}
.pid-replay{margin-left:auto;cursor:pointer;border:2px solid var(--line-strong,#4D4948);padding:6px 10px;min-height:32px;box-sizing:border-box;display:inline-flex;align-items:center;font-size:12px;color:var(--ink,#1C1B1A);background:var(--surface,#fff)}
.pid-replay:hover{border-color:#F24F00}
.np-pid:has(.pid-replay-input:focus-visible) .pid-replay{outline:3px solid #F24F00;outline-offset:2px}
.pid-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-family:IBM Plex Mono, monospace;font-size:11px;color:var(--ink,#1C1B1A)}
.pid-key{display:inline-flex;align-items:center;gap:6px}.pid-key i{display:inline-block;width:16px;height:4px;background:var(--c)}
.np-pid .np-tb b.pid-status{display:grid;white-space:nowrap}.np-pid .pid-st{grid-area:1/1;opacity:0}.np-pid .pid-st6{opacity:1}
.pid-st6{color:var(--accent-text,#C23F00)}
.np-pid{container:pidfig / inline-size}
.np-hero:has(> .np-pid) .np-hero-copy{flex-basis:440px}.np-hero > .np-pid{flex:1.25 1 600px}
.pid-pick{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.np-pid .np-tb{margin-top:10px;grid-template-columns:minmax(10em,1fr) minmax(0,auto) minmax(0,auto)}.np-pid .np-tb>div{min-width:0;overflow-wrap:anywhere}.np-pid .np-tb b{white-space:nowrap}
.pid-panel{margin-top:12px;font-family:IBM Plex Mono, monospace;font-size:11px;color:var(--ink,#1C1B1A)}
.pid-note{margin:8px 0 0;font-family:IBM Plex Mono, monospace;font-size:10px;line-height:1.4;color:var(--muted,#57524F)}
.pid-panel-in{display:flex;flex-direction:column;border:1px solid var(--line-strong,#4D4948);min-height:0;overflow:hidden}
.pid-panel-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 9px;border-bottom:1px solid var(--line-strong,#4D4948)}.pid-panel-h span{color:var(--muted,#57524F);font-size:10px}
.pid-cards{padding:8px 9px;border-bottom:1px solid var(--line-strong,#4D4948);min-height:96px;box-sizing:border-box}
.pid-card{display:none;flex-direction:column;gap:3px}
.pid-chips{display:flex;flex-wrap:wrap;gap:3px;padding:7px 9px;border-bottom:1px solid var(--line-strong,#4D4948)}
.pid-cx{width:22px;height:22px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;cursor:pointer;user-select:none;border:1px solid var(--ink,#1C1B1A);background:var(--c);color:var(--ci)}
.pid-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}
.pid-nav{cursor:pointer;border:2px solid var(--line-strong,#4D4948);width:34px;height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:var(--surface,#fff);color:var(--ink,#1C1B1A);user-select:none;flex:none}
.pid-nav:hover{border-color:#F24F00}
.pid-ctag{font-weight:600;font-size:12px}.pid-ft{font-weight:600}.pid-meta{color:var(--muted,#57524F)}
.pid-cc i,.pid-r-c i{display:inline-block;width:9px;height:9px;background:var(--c);margin-right:5px;vertical-align:-1px}
.pid-more{display:block;cursor:pointer;padding:9px;min-height:36px;box-sizing:border-box;text-align:center;font-weight:600;color:var(--accent-text,#C23F00);user-select:none}
.pid-more:hover{text-decoration:underline}.pid-more-c{display:none}
.np-pid:has(#pid-listopen:checked) .pid-more-o{display:none}.np-pid:has(#pid-listopen:checked) .pid-more-c{display:inline}
.np-pid:has(#pid-listopen:focus-visible) .pid-more{outline:3px solid #F24F00;outline-offset:-3px}
.pid-list{display:none;max-height:180px;overflow:auto;border-top:1px solid var(--line-strong,#4D4948)}
.np-pid:has(#pid-listopen:checked) .pid-list{display:block}
.pid-row{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto;gap:6px;padding:3px 9px;min-height:23px;box-sizing:border-box;border-bottom:1px solid var(--line,#D8D5CF);cursor:pointer;align-items:center}
.pid-row:last-child{border-bottom:0}.pid-row:hover{background:var(--placeholder,#ECEAE4)}
.pid-r-n{color:var(--muted,#57524F)}.pid-r-t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pid-r-c{white-space:nowrap}
@container pidfig (min-width:440px) and (max-width:559.98px){.pid-more{display:none}.pid-chips{display:none}.pid-list{display:block;max-height:none}}
@container pidfig (min-width:560px){.pid-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.pid-panel{margin-top:0;position:relative}.pid-panel-in{position:absolute;inset:0}.pid-more{display:none}.pid-chips{display:none}.pid-list{display:block;flex:1 1 auto;min-height:0;max-height:none;border-top:0}}
.np-pid .np-tb div:first-child{grid-column:auto;border-right:1px solid var(--line,#D8D5CF);border-bottom:0}
.pid-main{container:pidmain / inline-size;min-width:0}
@container pidmain (max-width:400px){.np-pid .np-tb{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.np-pid .np-tb div:first-child{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--line,#D8D5CF)}}
.np-pid .pid-card0{display:flex}.np-pid:has(.pid-pick-n:checked) .pid-card0{display:none}
.np-pid .pid-row0{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--ink,#1C1B1A)}.np-pid:has(.pid-pick-n:checked) .pid-row0{background:none;box-shadow:none}
.np-pid:has(#pid-l0:focus-visible) .pid-row0{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(.pid-pick-n:checked) .pid-tr{opacity:.12 !important}
.np-pid:has(.pid-pick-n:checked) .pid-tag{opacity:.35 !important}
.np-pid:has(.pid-pick-n:checked) .pid-cctag{opacity:.3 !important}
.np-pid:has(.pid-pick-n:checked) .pid-stamp .pid-stamp-ink{opacity:.16 !important}
.np-pid:has(#pid-l1:checked) .pid-tr.c11{opacity:.45 !important}
.np-pid:has(#pid-l1:checked) .pid-tr.pid-tr1{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l1:checked) .pid-tag.pid-lb1,.np-pid:has(#pid-l1:checked) .pid-cctag.pid-ct11{opacity:1 !important}
.np-pid:has(#pid-l1:checked) .pid-lb1 rect{fill:var(--cc11)}.np-pid:has(#pid-l1:checked) .pid-lb1 text{fill:var(--cc11-ink);font-weight:600}
.np-pid:has(#pid-l1:checked) .pid-card1{display:flex}
.np-pid:has(#pid-l1:checked) .pid-cx1{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l1:checked) .pid-row1{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc11)}
.np-pid:has(#pid-l1:focus-visible) .pid-row1{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l2:checked) .pid-tr.c11{opacity:.45 !important}
.np-pid:has(#pid-l2:checked) .pid-tr.pid-tr2{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l2:checked) .pid-tag.pid-lb2,.np-pid:has(#pid-l2:checked) .pid-cctag.pid-ct11{opacity:1 !important}
.np-pid:has(#pid-l2:checked) .pid-lb2 rect{fill:var(--cc11)}.np-pid:has(#pid-l2:checked) .pid-lb2 text{fill:var(--cc11-ink);font-weight:600}
.np-pid:has(#pid-l2:checked) .pid-card2{display:flex}
.np-pid:has(#pid-l2:checked) .pid-cx2{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l2:checked) .pid-row2{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc11)}
.np-pid:has(#pid-l2:focus-visible) .pid-row2{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l3:checked) .pid-tr.c11{opacity:.45 !important}
.np-pid:has(#pid-l3:checked) .pid-tr.pid-tr3{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l3:checked) .pid-tag.pid-lb3,.np-pid:has(#pid-l3:checked) .pid-cctag.pid-ct11{opacity:1 !important}
.np-pid:has(#pid-l3:checked) .pid-lb3 rect{fill:var(--cc11)}.np-pid:has(#pid-l3:checked) .pid-lb3 text{fill:var(--cc11-ink);font-weight:600}
.np-pid:has(#pid-l3:checked) .pid-card3{display:flex}
.np-pid:has(#pid-l3:checked) .pid-cx3{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l3:checked) .pid-row3{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc11)}
.np-pid:has(#pid-l3:focus-visible) .pid-row3{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l4:checked) .pid-tr.c11{opacity:.45 !important}
.np-pid:has(#pid-l4:checked) .pid-tr.pid-tr4{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l4:checked) .pid-tag.pid-lb4,.np-pid:has(#pid-l4:checked) .pid-cctag.pid-ct11{opacity:1 !important}
.np-pid:has(#pid-l4:checked) .pid-lb4 rect{fill:var(--cc11)}.np-pid:has(#pid-l4:checked) .pid-lb4 text{fill:var(--cc11-ink);font-weight:600}
.np-pid:has(#pid-l4:checked) .pid-card4{display:flex}
.np-pid:has(#pid-l4:checked) .pid-cx4{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l4:checked) .pid-row4{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc11)}
.np-pid:has(#pid-l4:focus-visible) .pid-row4{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l5:checked) .pid-tr.c12{opacity:.45 !important}
.np-pid:has(#pid-l5:checked) .pid-tr.pid-tr5{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l5:checked) .pid-tag.pid-lb5,.np-pid:has(#pid-l5:checked) .pid-cctag.pid-ct12{opacity:1 !important}
.np-pid:has(#pid-l5:checked) .pid-lb5 rect{fill:var(--cc12)}.np-pid:has(#pid-l5:checked) .pid-lb5 text{fill:var(--cc12-ink);font-weight:600}
.np-pid:has(#pid-l5:checked) .pid-card5{display:flex}
.np-pid:has(#pid-l5:checked) .pid-cx5{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l5:checked) .pid-row5{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc12)}
.np-pid:has(#pid-l5:focus-visible) .pid-row5{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l6:checked) .pid-tr.c12{opacity:.45 !important}
.np-pid:has(#pid-l6:checked) .pid-tr.pid-tr6{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l6:checked) .pid-tag.pid-lb6,.np-pid:has(#pid-l6:checked) .pid-cctag.pid-ct12{opacity:1 !important}
.np-pid:has(#pid-l6:checked) .pid-lb6 rect{fill:var(--cc12)}.np-pid:has(#pid-l6:checked) .pid-lb6 text{fill:var(--cc12-ink);font-weight:600}
.np-pid:has(#pid-l6:checked) .pid-card6{display:flex}
.np-pid:has(#pid-l6:checked) .pid-cx6{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l6:checked) .pid-row6{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc12)}
.np-pid:has(#pid-l6:focus-visible) .pid-row6{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l7:checked) .pid-tr.c12{opacity:.45 !important}
.np-pid:has(#pid-l7:checked) .pid-tr.pid-tr7{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l7:checked) .pid-tag.pid-lb7,.np-pid:has(#pid-l7:checked) .pid-cctag.pid-ct12{opacity:1 !important}
.np-pid:has(#pid-l7:checked) .pid-lb7 rect{fill:var(--cc12)}.np-pid:has(#pid-l7:checked) .pid-lb7 text{fill:var(--cc12-ink);font-weight:600}
.np-pid:has(#pid-l7:checked) .pid-card7{display:flex}
.np-pid:has(#pid-l7:checked) .pid-cx7{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l7:checked) .pid-row7{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc12)}
.np-pid:has(#pid-l7:focus-visible) .pid-row7{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l8:checked) .pid-tr.c12{opacity:.45 !important}
.np-pid:has(#pid-l8:checked) .pid-tr.pid-tr8{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l8:checked) .pid-tag.pid-lb8,.np-pid:has(#pid-l8:checked) .pid-cctag.pid-ct12{opacity:1 !important}
.np-pid:has(#pid-l8:checked) .pid-lb8 rect{fill:var(--cc12)}.np-pid:has(#pid-l8:checked) .pid-lb8 text{fill:var(--cc12-ink);font-weight:600}
.np-pid:has(#pid-l8:checked) .pid-card8{display:flex}
.np-pid:has(#pid-l8:checked) .pid-cx8{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l8:checked) .pid-row8{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc12)}
.np-pid:has(#pid-l8:focus-visible) .pid-row8{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l9:checked) .pid-tr.c12{opacity:.45 !important}
.np-pid:has(#pid-l9:checked) .pid-tr.pid-tr9{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l9:checked) .pid-tag.pid-lb9,.np-pid:has(#pid-l9:checked) .pid-cctag.pid-ct12{opacity:1 !important}
.np-pid:has(#pid-l9:checked) .pid-lb9 rect{fill:var(--cc12)}.np-pid:has(#pid-l9:checked) .pid-lb9 text{fill:var(--cc12-ink);font-weight:600}
.np-pid:has(#pid-l9:checked) .pid-card9{display:flex}
.np-pid:has(#pid-l9:checked) .pid-cx9{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l9:checked) .pid-row9{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc12)}
.np-pid:has(#pid-l9:focus-visible) .pid-row9{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l10:checked) .pid-tr.c13{opacity:.45 !important}
.np-pid:has(#pid-l10:checked) .pid-tr.pid-tr10{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l10:checked) .pid-tag.pid-lb10,.np-pid:has(#pid-l10:checked) .pid-cctag.pid-ct13{opacity:1 !important}
.np-pid:has(#pid-l10:checked) .pid-lb10 rect{fill:var(--cc13)}.np-pid:has(#pid-l10:checked) .pid-lb10 text{fill:var(--cc13-ink);font-weight:600}
.np-pid:has(#pid-l10:checked) .pid-card10{display:flex}
.np-pid:has(#pid-l10:checked) .pid-cx10{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l10:checked) .pid-row10{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc13)}
.np-pid:has(#pid-l10:focus-visible) .pid-row10{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l11:checked) .pid-tr.c13{opacity:.45 !important}
.np-pid:has(#pid-l11:checked) .pid-tr.pid-tr11{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l11:checked) .pid-tag.pid-lb11,.np-pid:has(#pid-l11:checked) .pid-cctag.pid-ct13{opacity:1 !important}
.np-pid:has(#pid-l11:checked) .pid-lb11 rect{fill:var(--cc13)}.np-pid:has(#pid-l11:checked) .pid-lb11 text{fill:var(--cc13-ink);font-weight:600}
.np-pid:has(#pid-l11:checked) .pid-card11{display:flex}
.np-pid:has(#pid-l11:checked) .pid-cx11{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l11:checked) .pid-row11{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc13)}
.np-pid:has(#pid-l11:focus-visible) .pid-row11{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l12:checked) .pid-tr.c14{opacity:.45 !important}
.np-pid:has(#pid-l12:checked) .pid-tr.pid-tr12{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l12:checked) .pid-tag.pid-lb12,.np-pid:has(#pid-l12:checked) .pid-cctag.pid-ct14{opacity:1 !important}
.np-pid:has(#pid-l12:checked) .pid-lb12 rect{fill:var(--cc14)}.np-pid:has(#pid-l12:checked) .pid-lb12 text{fill:var(--cc14-ink);font-weight:600}
.np-pid:has(#pid-l12:checked) .pid-card12{display:flex}
.np-pid:has(#pid-l12:checked) .pid-cx12{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l12:checked) .pid-row12{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc14)}
.np-pid:has(#pid-l12:focus-visible) .pid-row12{outline:2px solid #F24F00;outline-offset:-2px}
.np-pid:has(#pid-l13:checked) .pid-tr.c14{opacity:.45 !important}
.np-pid:has(#pid-l13:checked) .pid-tr.pid-tr13{opacity:1 !important;stroke-width:6px !important}
.np-pid:has(#pid-l13:checked) .pid-tag.pid-lb13,.np-pid:has(#pid-l13:checked) .pid-cctag.pid-ct14{opacity:1 !important}
.np-pid:has(#pid-l13:checked) .pid-lb13 rect{fill:var(--cc14)}.np-pid:has(#pid-l13:checked) .pid-lb13 text{fill:var(--cc14-ink);font-weight:600}
.np-pid:has(#pid-l13:checked) .pid-card13{display:flex}
.np-pid:has(#pid-l13:checked) .pid-cx13{outline:2px solid var(--ink,#1C1B1A);outline-offset:1px}
.np-pid:has(#pid-l13:checked) .pid-row13{background:var(--placeholder,#ECEAE4);box-shadow:inset 4px 0 0 var(--cc14)}
.np-pid:has(#pid-l13:focus-visible) .pid-row13{outline:2px solid #F24F00;outline-offset:-2px}
.pid-tr1{--L:47.0;stroke-dasharray:47.0 47.0}
.pid-tr2{--L:57.0;stroke-dasharray:57.0 57.0}
.pid-tr3{--L:116.0;stroke-dasharray:116.0 116.0}
.pid-tr4{--L:43.0;stroke-dasharray:43.0 43.0}
.pid-tr5{--L:177.0;stroke-dasharray:177.0 177.0}
.pid-tr6{--L:31.0;stroke-dasharray:31.0 31.0}
.pid-tr7{--L:52.0;stroke-dasharray:52.0 52.0}
.pid-tr8{--L:192.0;stroke-dasharray:192.0 192.0}
.pid-tr9{--L:86.0;stroke-dasharray:86.0 86.0}
.pid-tr10{--L:295.0;stroke-dasharray:295.0 295.0}
.pid-tr11{--L:439.0;stroke-dasharray:439.0 439.0}
.pid-tr12{--L:43.0;stroke-dasharray:43.0 43.0}
.pid-tr13{--L:86.7;stroke-dasharray:86.7 86.7}
.np-pid .pid-ring1{animation:pid-ring 2.40s ease 1.20s both}
.np-pid .pid-replay-input:checked ~ * .pid-ring1,.np-pid .pid-replay-input:checked ~ .pid-ring1{animation-name:pid-ring-b}
.np-pid .pid-ring2{animation:pid-ring 2.40s ease 1.45s both}
.np-pid .pid-replay-input:checked ~ * .pid-ring2,.np-pid .pid-replay-input:checked ~ .pid-ring2{animation-name:pid-ring-b}
.np-pid .pid-ring3{animation:pid-ring 2.40s ease 1.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-ring3,.np-pid .pid-replay-input:checked ~ .pid-ring3{animation-name:pid-ring-b}
.np-pid .pid-ring4{animation:pid-ring 2.40s ease 1.95s both}
.np-pid .pid-replay-input:checked ~ * .pid-ring4,.np-pid .pid-replay-input:checked ~ .pid-ring4{animation-name:pid-ring-b}
.np-pid .pid-rv1{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 2.30s both}
.np-pid .pid-replay-input:checked ~ * .pid-rv1,.np-pid .pid-replay-input:checked ~ .pid-rv1{animation-name:pid-pop-b}
.np-pid .pid-rv2{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 2.65s both}
.np-pid .pid-replay-input:checked ~ * .pid-rv2,.np-pid .pid-replay-input:checked ~ .pid-rv2{animation-name:pid-pop-b}
.np-pid .pid-rv3{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 3.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-rv3,.np-pid .pid-replay-input:checked ~ .pid-rv3{animation-name:pid-pop-b}
.np-pid .pid-rv4{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 3.35s both}
.np-pid .pid-replay-input:checked ~ * .pid-rv4,.np-pid .pid-replay-input:checked ~ .pid-rv4{animation-name:pid-pop-b}
.np-pid .pid-tr1{animation:pid-draw 0.80s ease-in-out 3.90s both,pid-circ 0.70s ease 10.60s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr1,.np-pid .pid-replay-input:checked ~ .pid-tr1{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb1{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 8.20s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb1,.np-pid .pid-replay-input:checked ~ .pid-lb1{animation-name:pid-pop-b}
.np-pid .pid-row1{animation:pid-row 0.30s ease-out 8.20s both}
.np-pid .pid-replay-input:checked ~ * .pid-row1,.np-pid .pid-replay-input:checked ~ .pid-row1{animation-name:pid-row-b}
.np-pid .pid-row1 .pid-r-c{animation:pid-in 0.40s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-row1 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row1 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx1{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 8.20s both,pid-cfill 0.50s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx1,.np-pid .pid-replay-input:checked ~ .pid-cx1{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr2{animation:pid-draw 0.80s ease-in-out 4.20s both,pid-circ 0.70s ease 10.60s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr2,.np-pid .pid-replay-input:checked ~ .pid-tr2{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb2{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 8.35s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb2,.np-pid .pid-replay-input:checked ~ .pid-lb2{animation-name:pid-pop-b}
.np-pid .pid-row2{animation:pid-row 0.30s ease-out 8.35s both}
.np-pid .pid-replay-input:checked ~ * .pid-row2,.np-pid .pid-replay-input:checked ~ .pid-row2{animation-name:pid-row-b}
.np-pid .pid-row2 .pid-r-c{animation:pid-in 0.40s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-row2 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row2 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx2{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 8.35s both,pid-cfill 0.50s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx2,.np-pid .pid-replay-input:checked ~ .pid-cx2{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr3{animation:pid-draw 0.80s ease-in-out 4.50s both,pid-circ 0.70s ease 10.60s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr3,.np-pid .pid-replay-input:checked ~ .pid-tr3{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb3{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 8.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb3,.np-pid .pid-replay-input:checked ~ .pid-lb3{animation-name:pid-pop-b}
.np-pid .pid-row3{animation:pid-row 0.30s ease-out 8.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-row3,.np-pid .pid-replay-input:checked ~ .pid-row3{animation-name:pid-row-b}
.np-pid .pid-row3 .pid-r-c{animation:pid-in 0.40s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-row3 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row3 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx3{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 8.50s both,pid-cfill 0.50s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx3,.np-pid .pid-replay-input:checked ~ .pid-cx3{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr4{animation:pid-draw 0.80s ease-in-out 4.80s both,pid-circ 0.70s ease 10.60s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr4,.np-pid .pid-replay-input:checked ~ .pid-tr4{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb4{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 8.65s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb4,.np-pid .pid-replay-input:checked ~ .pid-lb4{animation-name:pid-pop-b}
.np-pid .pid-row4{animation:pid-row 0.30s ease-out 8.65s both}
.np-pid .pid-replay-input:checked ~ * .pid-row4,.np-pid .pid-replay-input:checked ~ .pid-row4{animation-name:pid-row-b}
.np-pid .pid-row4 .pid-r-c{animation:pid-in 0.40s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-row4 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row4 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx4{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 8.65s both,pid-cfill 0.50s ease 10.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx4,.np-pid .pid-replay-input:checked ~ .pid-cx4{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr5{animation:pid-draw 0.80s ease-in-out 5.10s both,pid-circ 0.70s ease 11.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr5,.np-pid .pid-replay-input:checked ~ .pid-tr5{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb5{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 8.80s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb5,.np-pid .pid-replay-input:checked ~ .pid-lb5{animation-name:pid-pop-b}
.np-pid .pid-row5{animation:pid-row 0.30s ease-out 8.80s both}
.np-pid .pid-replay-input:checked ~ * .pid-row5,.np-pid .pid-replay-input:checked ~ .pid-row5{animation-name:pid-row-b}
.np-pid .pid-row5 .pid-r-c{animation:pid-in 0.40s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-row5 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row5 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx5{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 8.80s both,pid-cfill 0.50s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx5,.np-pid .pid-replay-input:checked ~ .pid-cx5{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr6{animation:pid-draw 0.80s ease-in-out 5.40s both,pid-circ 0.70s ease 11.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr6,.np-pid .pid-replay-input:checked ~ .pid-tr6{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb6{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 8.95s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb6,.np-pid .pid-replay-input:checked ~ .pid-lb6{animation-name:pid-pop-b}
.np-pid .pid-row6{animation:pid-row 0.30s ease-out 8.95s both}
.np-pid .pid-replay-input:checked ~ * .pid-row6,.np-pid .pid-replay-input:checked ~ .pid-row6{animation-name:pid-row-b}
.np-pid .pid-row6 .pid-r-c{animation:pid-in 0.40s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-row6 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row6 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx6{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 8.95s both,pid-cfill 0.50s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx6,.np-pid .pid-replay-input:checked ~ .pid-cx6{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr7{animation:pid-draw 0.80s ease-in-out 5.70s both,pid-circ 0.70s ease 11.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr7,.np-pid .pid-replay-input:checked ~ .pid-tr7{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb7{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 9.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb7,.np-pid .pid-replay-input:checked ~ .pid-lb7{animation-name:pid-pop-b}
.np-pid .pid-row7{animation:pid-row 0.30s ease-out 9.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-row7,.np-pid .pid-replay-input:checked ~ .pid-row7{animation-name:pid-row-b}
.np-pid .pid-row7 .pid-r-c{animation:pid-in 0.40s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-row7 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row7 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx7{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 9.10s both,pid-cfill 0.50s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx7,.np-pid .pid-replay-input:checked ~ .pid-cx7{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr8{animation:pid-draw 0.80s ease-in-out 6.00s both,pid-circ 0.70s ease 11.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr8,.np-pid .pid-replay-input:checked ~ .pid-tr8{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb8{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 9.25s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb8,.np-pid .pid-replay-input:checked ~ .pid-lb8{animation-name:pid-pop-b}
.np-pid .pid-row8{animation:pid-row 0.30s ease-out 9.25s both}
.np-pid .pid-replay-input:checked ~ * .pid-row8,.np-pid .pid-replay-input:checked ~ .pid-row8{animation-name:pid-row-b}
.np-pid .pid-row8 .pid-r-c{animation:pid-in 0.40s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-row8 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row8 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx8{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 9.25s both,pid-cfill 0.50s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx8,.np-pid .pid-replay-input:checked ~ .pid-cx8{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr9{animation:pid-draw 0.80s ease-in-out 6.30s both,pid-circ 0.70s ease 11.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr9,.np-pid .pid-replay-input:checked ~ .pid-tr9{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb9{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 9.40s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb9,.np-pid .pid-replay-input:checked ~ .pid-lb9{animation-name:pid-pop-b}
.np-pid .pid-row9{animation:pid-row 0.30s ease-out 9.40s both}
.np-pid .pid-replay-input:checked ~ * .pid-row9,.np-pid .pid-replay-input:checked ~ .pid-row9{animation-name:pid-row-b}
.np-pid .pid-row9 .pid-r-c{animation:pid-in 0.40s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-row9 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row9 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx9{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 9.40s both,pid-cfill 0.50s ease 11.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx9,.np-pid .pid-replay-input:checked ~ .pid-cx9{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr10{animation:pid-draw 0.80s ease-in-out 6.60s both,pid-circ 0.70s ease 11.40s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr10,.np-pid .pid-replay-input:checked ~ .pid-tr10{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb10{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 9.55s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb10,.np-pid .pid-replay-input:checked ~ .pid-lb10{animation-name:pid-pop-b}
.np-pid .pid-row10{animation:pid-row 0.30s ease-out 9.55s both}
.np-pid .pid-replay-input:checked ~ * .pid-row10,.np-pid .pid-replay-input:checked ~ .pid-row10{animation-name:pid-row-b}
.np-pid .pid-row10 .pid-r-c{animation:pid-in 0.40s ease 11.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-row10 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row10 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx10{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 9.55s both,pid-cfill 0.50s ease 11.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx10,.np-pid .pid-replay-input:checked ~ .pid-cx10{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr11{animation:pid-draw 0.80s ease-in-out 6.90s both,pid-circ 0.70s ease 11.40s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr11,.np-pid .pid-replay-input:checked ~ .pid-tr11{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb11{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 9.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb11,.np-pid .pid-replay-input:checked ~ .pid-lb11{animation-name:pid-pop-b}
.np-pid .pid-row11{animation:pid-row 0.30s ease-out 9.70s both}
.np-pid .pid-replay-input:checked ~ * .pid-row11,.np-pid .pid-replay-input:checked ~ .pid-row11{animation-name:pid-row-b}
.np-pid .pid-row11 .pid-r-c{animation:pid-in 0.40s ease 11.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-row11 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row11 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx11{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 9.70s both,pid-cfill 0.50s ease 11.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx11,.np-pid .pid-replay-input:checked ~ .pid-cx11{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr12{animation:pid-draw 0.80s ease-in-out 7.20s both,pid-circ 0.70s ease 11.80s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr12,.np-pid .pid-replay-input:checked ~ .pid-tr12{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb12{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 9.85s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb12,.np-pid .pid-replay-input:checked ~ .pid-lb12{animation-name:pid-pop-b}
.np-pid .pid-row12{animation:pid-row 0.30s ease-out 9.85s both}
.np-pid .pid-replay-input:checked ~ * .pid-row12,.np-pid .pid-replay-input:checked ~ .pid-row12{animation-name:pid-row-b}
.np-pid .pid-row12 .pid-r-c{animation:pid-in 0.40s ease 11.90s both}
.np-pid .pid-replay-input:checked ~ * .pid-row12 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row12 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx12{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 9.85s both,pid-cfill 0.50s ease 11.90s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx12,.np-pid .pid-replay-input:checked ~ .pid-cx12{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-tr13{animation:pid-draw 0.80s ease-in-out 7.50s both,pid-circ 0.70s ease 11.80s both}
.np-pid .pid-replay-input:checked ~ * .pid-tr13,.np-pid .pid-replay-input:checked ~ .pid-tr13{animation-name:pid-draw-b,pid-circ-b}
.np-pid .pid-lb13{animation:pid-pop 0.35s cubic-bezier(.3,1.4,.5,1) 10.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-lb13,.np-pid .pid-replay-input:checked ~ .pid-lb13{animation-name:pid-pop-b}
.np-pid .pid-row13{animation:pid-row 0.30s ease-out 10.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-row13,.np-pid .pid-replay-input:checked ~ .pid-row13{animation-name:pid-row-b}
.np-pid .pid-row13 .pid-r-c{animation:pid-in 0.40s ease 11.90s both}
.np-pid .pid-replay-input:checked ~ * .pid-row13 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row13 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-cx13{animation:pid-pop 0.30s cubic-bezier(.3,1.4,.5,1) 10.00s both,pid-cfill 0.50s ease 11.90s both}
.np-pid .pid-replay-input:checked ~ * .pid-cx13,.np-pid .pid-replay-input:checked ~ .pid-cx13{animation-name:pid-pop-b,pid-cfill-b}
.np-pid .pid-ct11{animation:pid-pop 0.40s cubic-bezier(.3,1.4,.5,1) 10.95s both}
.np-pid .pid-replay-input:checked ~ * .pid-ct11,.np-pid .pid-replay-input:checked ~ .pid-ct11{animation-name:pid-pop-b}
.np-pid .pid-ct12{animation:pid-pop 0.40s cubic-bezier(.3,1.4,.5,1) 11.35s both}
.np-pid .pid-replay-input:checked ~ * .pid-ct12,.np-pid .pid-replay-input:checked ~ .pid-ct12{animation-name:pid-pop-b}
.np-pid .pid-ct13{animation:pid-pop 0.40s cubic-bezier(.3,1.4,.5,1) 11.75s both}
.np-pid .pid-replay-input:checked ~ * .pid-ct13,.np-pid .pid-replay-input:checked ~ .pid-ct13{animation-name:pid-pop-b}
.np-pid .pid-ct14{animation:pid-pop 0.40s cubic-bezier(.3,1.4,.5,1) 12.15s both}
.np-pid .pid-replay-input:checked ~ * .pid-ct14,.np-pid .pid-replay-input:checked ~ .pid-ct14{animation-name:pid-pop-b}
.np-pid .pid-row0{animation:pid-row 0.30s ease-out 8.05s both}
.np-pid .pid-replay-input:checked ~ * .pid-row0,.np-pid .pid-replay-input:checked ~ .pid-row0{animation-name:pid-row-b}
.np-pid .pid-row0 .pid-r-c{animation:pid-in 0.40s ease 10.60s both}
.np-pid .pid-replay-input:checked ~ * .pid-row0 .pid-r-c,.np-pid .pid-replay-input:checked ~ .pid-row0 .pid-r-c{animation-name:pid-in-b}
.np-pid .pid-stamp{animation:pid-stamp 0.60s linear 12.50s both}
.np-pid .pid-replay-input:checked ~ * .pid-stamp,.np-pid .pid-replay-input:checked ~ .pid-stamp{animation-name:pid-stamp-b}
.np-pid .pid-svg{animation:pid-thud 0.30s ease-out 12.80s both}
.np-pid .pid-replay-input:checked ~ * .pid-svg,.np-pid .pid-replay-input:checked ~ .pid-svg{animation-name:pid-thud-b}
.np-pid .pid-cards{animation:pid-show 0.45s ease-out 13.30s both}
.np-pid .pid-replay-input:checked ~ * .pid-cards,.np-pid .pid-replay-input:checked ~ .pid-cards{animation-name:pid-show-b}
.np-pid .pid-chip1{animation:pid-dim 0.30s ease 3.60s both}
.np-pid .pid-replay-input:checked ~ * .pid-chip1,.np-pid .pid-replay-input:checked ~ .pid-chip1{animation-name:pid-dim-b}
.np-pid .pid-chip2{animation:pid-dim 0.30s ease 8.10s both}
.np-pid .pid-replay-input:checked ~ * .pid-chip2,.np-pid .pid-replay-input:checked ~ .pid-chip2{animation-name:pid-dim-b}
.np-pid .pid-chip3{animation:pid-dim 0.30s ease 10.40s both}
.np-pid .pid-replay-input:checked ~ * .pid-chip3,.np-pid .pid-replay-input:checked ~ .pid-chip3{animation-name:pid-dim-b}
.np-pid .pid-chip4{animation:pid-dim 0.30s ease 12.20s both}
.np-pid .pid-replay-input:checked ~ * .pid-chip4,.np-pid .pid-replay-input:checked ~ .pid-chip4{animation-name:pid-dim-b}
.np-pid .pid-key{animation:pid-dim 0.40s ease 11.80s both}
.np-pid .pid-replay-input:checked ~ * .pid-key,.np-pid .pid-replay-input:checked ~ .pid-key{animation-name:pid-dim-b}
.np-pid .pid-st1{animation:pid-st1 13.20s linear 0.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-st1,.np-pid .pid-replay-input:checked ~ .pid-st1{animation-name:pid-st1-b}
.np-pid .pid-st2{animation:pid-st2 13.20s linear 0.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-st2,.np-pid .pid-replay-input:checked ~ .pid-st2{animation-name:pid-st2-b}
.np-pid .pid-st3{animation:pid-st3 13.20s linear 0.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-st3,.np-pid .pid-replay-input:checked ~ .pid-st3{animation-name:pid-st3-b}
.np-pid .pid-st4{animation:pid-st4 13.20s linear 0.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-st4,.np-pid .pid-replay-input:checked ~ .pid-st4{animation-name:pid-st4-b}
.np-pid .pid-st5{animation:pid-st5 13.20s linear 0.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-st5,.np-pid .pid-replay-input:checked ~ .pid-st5{animation-name:pid-st5-b}
.np-pid .pid-st6{animation:pid-st6 13.20s linear 0.00s both}
.np-pid .pid-replay-input:checked ~ * .pid-st6,.np-pid .pid-replay-input:checked ~ .pid-st6{animation-name:pid-st6-b}
@keyframes pid-cfill{from{background:transparent;color:var(--ink,#1C1B1A)}to{background:var(--c);color:var(--ci)}}
@keyframes pid-cfill-b{from{background:transparent;color:var(--ink,#1C1B1A)}to{background:var(--c);color:var(--ci)}}
@keyframes pid-circ{from{stroke:var(--pid-hl);stroke-width:9px;opacity:.55}to{stroke:var(--c);stroke-width:3.4px;opacity:1}}
@keyframes pid-circ-b{from{stroke:var(--pid-hl);stroke-width:9px;opacity:.55}to{stroke:var(--c);stroke-width:3.4px;opacity:1}}
@keyframes pid-dim{from{opacity:.3}to{opacity:1}}
@keyframes pid-dim-b{from{opacity:.3}to{opacity:1}}
@keyframes pid-draw{from{stroke-dashoffset:var(--L)}to{stroke-dashoffset:0}}
@keyframes pid-draw-b{from{stroke-dashoffset:var(--L)}to{stroke-dashoffset:0}}
@keyframes pid-in{from{opacity:0}to{opacity:1}}
@keyframes pid-in-b{from{opacity:0}to{opacity:1}}
@keyframes pid-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes pid-pop-b{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes pid-ring{0%{opacity:0}15%{opacity:1}80%{opacity:1}100%{opacity:.5}}
@keyframes pid-ring-b{0%{opacity:0}15%{opacity:1}80%{opacity:1}100%{opacity:.5}}
@keyframes pid-row{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes pid-row-b{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes pid-show{from{opacity:0;visibility:hidden;transform:translateY(6px)}to{opacity:1;visibility:visible;transform:none}}
@keyframes pid-show-b{from{opacity:0;visibility:hidden;transform:translateY(6px)}to{opacity:1;visibility:visible;transform:none}}
@keyframes pid-st1{0%,9.08%{opacity:1}9.09%,100%{opacity:0}}
@keyframes pid-st1-b{0%,9.08%{opacity:1}9.09%,100%{opacity:0}}
@keyframes pid-st2{0%,9.08%{opacity:0}9.09%,27.26%{opacity:1}27.27%,100%{opacity:0}}
@keyframes pid-st2-b{0%,9.08%{opacity:0}9.09%,27.26%{opacity:1}27.27%,100%{opacity:0}}
@keyframes pid-st3{0%,27.26%{opacity:0}27.27%,61.35%{opacity:1}61.36%,100%{opacity:0}}
@keyframes pid-st3-b{0%,27.26%{opacity:0}27.27%,61.35%{opacity:1}61.36%,100%{opacity:0}}
@keyframes pid-st4{0%,61.35%{opacity:0}61.36%,78.78%{opacity:1}78.79%,100%{opacity:0}}
@keyframes pid-st4-b{0%,61.35%{opacity:0}61.36%,78.78%{opacity:1}78.79%,100%{opacity:0}}
@keyframes pid-st5{0%,78.78%{opacity:0}78.79%,94.69%{opacity:1}94.70%,100%{opacity:0}}
@keyframes pid-st5-b{0%,78.78%{opacity:0}78.79%,94.69%{opacity:1}94.70%,100%{opacity:0}}
@keyframes pid-st6{0%,94.69%{opacity:0}94.70%,100%{opacity:1}}
@keyframes pid-st6-b{0%,94.69%{opacity:0}94.70%,100%{opacity:1}}
@keyframes pid-stamp{0%{opacity:0;transform:scale(2.3);animation-timing-function:cubic-bezier(.55,0,1,.45)}50%{opacity:1;transform:scale(.93);animation-timing-function:ease-out}68%{transform:scale(1.035)}84%{transform:scale(.99)}100%{opacity:1;transform:none}}
@keyframes pid-stamp-b{0%{opacity:0;transform:scale(2.3);animation-timing-function:cubic-bezier(.55,0,1,.45)}50%{opacity:1;transform:scale(.93);animation-timing-function:ease-out}68%{transform:scale(1.035)}84%{transform:scale(.99)}100%{opacity:1;transform:none}}
@keyframes pid-thud{0%{transform:none}30%{transform:translate(0,3px)}65%{transform:translate(0,-1px)}100%{transform:none}}
@keyframes pid-thud-b{0%{transform:none}30%{transform:translate(0,3px)}65%{transform:translate(0,-1px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.np-pid *,.np-pid *::before{animation:none !important}.np-pid .pid-replay{display:none}}
@media (max-width:640px){.np-pid{padding:10px}.pid-bar,.pid-legend{font-size:10px}}
/* Line list description (20261102): from/to shown under each line tag */
.np-pid .pid-row{grid-template-columns:1.6em minmax(0,1fr) auto;grid-template-areas:"n t c" "n d d";column-gap:6px;row-gap:0}
.np-pid .pid-r-n{grid-area:n}.np-pid .pid-r-t{grid-area:t}.np-pid .pid-r-c{grid-area:c}
.np-pid .pid-r-d{grid-area:d;color:var(--muted,#57524F);font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}