.pi{--pi-inset:var(--s4);flex-direction:column;min-width:0;display:flex;container:pi/inline-size}.pi-stage{border:var(--hair) solid var(--line-ink);background:var(--paper-2);padding:var(--s3) var(--pi-inset) var(--s5);touch-action:pan-y;position:relative}.pi-canvas{position:relative}.pi-stage svg{width:100%;height:auto;display:block}.pi-finding{background:var(--paper);border:var(--hair) solid var(--ink);font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink);white-space:nowrap;pointer-events:none;padding:5px 7px;line-height:1;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.pi-marks{z-index:3;pointer-events:none;background-image:linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2));background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:7px 7px;position:absolute;inset:10px}.pi-mark{left:var(--pi-inset);right:var(--pi-inset);bottom:var(--s3);font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-2);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;line-height:1;position:absolute;overflow:hidden}.pi-control{border:var(--hair) solid var(--line-ink);padding:var(--s3) var(--pi-inset) 0;border-top:0}.pi-head{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.pi-now{min-width:0}.pi-now-name{font-family:var(--font-head);font-size:var(--t-h3);letter-spacing:-.02em;color:var(--ink);font-weight:500;line-height:1.1;display:block}.pi-now-note{font-size:var(--t-sm);color:var(--ink-2);text-wrap:pretty;min-height:2.7em;margin-top:6px;line-height:1.35;display:block}@container pi (max-width:560px){.pi-now-note{min-height:4.05em}}@container pi (max-width:340px){.pi-now-note{min-height:5.4em}}.pi-replay{align-items:center;gap:var(--s1);border:var(--hair) solid var(--line-2);background:var(--paper);color:var(--blue-ink);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);cursor:pointer;transition:border-color var(--dur-tactile) var(--ease-soft), background var(--dur-tactile) var(--ease-soft), color var(--dur-tactile) var(--ease-soft);flex:none;padding:6px 10px;line-height:1;display:inline-flex}.pi-replay:hover:not(:disabled){border-color:var(--blue);background:var(--blue);color:var(--on-blue)}.pi-replay:focus-visible{outline:var(--hair) solid var(--blue);outline-offset:3px}.pi-replay{justify-content:center;min-width:92px}.pi-range{appearance:none;width:100%;height:34px;margin:var(--s2) 0 var(--s1);cursor:ew-resize;background:0 0;padding:0;display:block}.pi-range:focus-visible{outline:var(--hair) solid var(--blue);outline-offset:2px}.pi-range::-webkit-slider-runnable-track{background:0 0;border:0;height:34px}.pi-range::-moz-range-track{background:var(--line-2);border:0;height:3px}.pi-range::-moz-range-progress{background:var(--blue);height:3px}.pi-range{background-image:linear-gradient(to right, var(--blue) calc(var(--f,1) * 100%), var(--line-2) 0);background-position:0;background-repeat:no-repeat;background-size:100% 3px}@supports ((-moz-appearance:none)){.pi-range{background-image:none}}.pi-range::-webkit-slider-thumb{appearance:none;background:var(--blue);border:var(--hair) solid var(--blue);cursor:ew-resize;border-radius:0;width:12px;height:22px;margin-top:6px}.pi-range::-moz-range-thumb{background:var(--blue);border:var(--hair) solid var(--blue);cursor:ew-resize;border-radius:0;width:12px;height:22px}.pi-range:active::-webkit-slider-thumb{background:var(--blue-deep);border-color:var(--blue-deep)}.pi-range:active::-moz-range-thumb{background:var(--blue-deep);border-color:var(--blue-deep)}.pi-legend{isolation:isolate;margin:var(--s2) calc(var(--pi-inset) * -1) 0;border-top:var(--hair) solid var(--line-ink);position:relative;overflow:hidden}.pi-legend-row{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.pi-legend-row>li{min-width:0;display:flex}.pi-legend-fill{background:var(--blue);width:20%;transform:translateX(calc(var(--i,0) * 100%));transition:transform var(--dur-settle) var(--ease-firm);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.pi-legend-mask{width:20%;transform:translateX(calc(var(--i,0) * 100%));transition:transform var(--dur-settle) var(--ease-firm);pointer-events:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.pi-legend-mask .pi-legend-row{width:500%;transform:translateX(calc(var(--i,0) * -20%));transition:transform var(--dur-settle) var(--ease-firm);position:absolute;top:0;left:0}.pi-step{box-sizing:border-box;width:100%;padding:var(--s2) var(--s1);border:0;border-right:var(--hair) solid var(--line);cursor:pointer;font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;text-align:center;color:var(--ink-2);white-space:nowrap;transition:color var(--dur-tactile) var(--ease-soft);background:0 0;justify-content:center;align-items:center;margin:0;font-weight:500;line-height:1;display:flex}.pi-legend-row>li:last-child .pi-step{border-right:0}.pi-step:hover{color:var(--ink)}.pi-legend-mask .pi-step{color:var(--on-blue);cursor:default;border-right-color:#0000}.pi-step:focus-visible{z-index:2;outline:var(--hair) solid var(--blue);outline-offset:-4px;position:relative}@container pi (max-width:470px){.pi-step{letter-spacing:.06em;padding-inline:2px}}@container pi (max-width:380px){.pi-step{letter-spacing:.02em;font-size:.625rem}}@container pi (max-width:470px){.pi-finding{letter-spacing:.06em;padding:3px 5px;font-size:.5625rem;transform:translate(-50%,calc(-100% - 6px))}}@container pi (max-width:330px){.pi-stage{padding-bottom:var(--s4)}.pi-mark{display:none}}@media (max-width:560px){.pi{--pi-inset:var(--s3)}.pi-head{align-items:stretch;gap:var(--s2);flex-direction:column}.pi-replay{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.pi-legend-fill,.pi-legend-mask,.pi-legend-mask .pi-legend-row{transition-duration:1ms}}
.rv{vertical-align:bottom;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:hidden}.rv-i{display:inline-block}@media (prefers-reduced-motion:no-preference){.rv-i{animation:rv-rise var(--dur-settle) var(--ease-firm) both}}@keyframes rv-rise{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}