.pv-stage{margin-top:64px}.pv-flow{margin-top:clamp(96px,11vw,152px)}.pv-demo{--pv-move:cubic-bezier(.77, 0, .175, 1);--pv-arrive:cubic-bezier(.23, 1, .32, 1)}.pv-box{aspect-ratio:1;border-radius:4px;width:min(460px,100%);position:relative;overflow:clip}.pv-art{aspect-ratio:1;background:#fff;border-radius:4px;width:100%;position:relative;overflow:hidden}.pv-art__zoom{transform-origin:65.5% 42%;width:100%;height:100%}.pv-art__svg{width:100%;height:100%;display:block}.pv-layer,.pv-layer--wipe{transition:none}.pv-sweep{display:none}.pv-demo[data-phase=trace] .pv-layer--wipe{transition:clip-path 3.2s linear .2s}.pv-demo[data-phase=zoom] .pv-art__zoom{transition:transform 1.2s var(--pv-move)}.pv-scan{opacity:0;pointer-events:none;position:absolute;inset:0}.pv-scan>i{background:var(--endorr-black);height:2px;margin-top:-1px;position:absolute;top:0;left:0;right:0}.pv-scan:before{content:"";background:linear-gradient(#0b0f1400,#0b0f1417);height:14%;position:absolute;top:-14%;left:0;right:0}.pv-trace{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pv-trace path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1}.pv-trace__halo{stroke:#fff;stroke-width:4.5px}.pv-trace__line{stroke:var(--endorr-black);stroke-width:1.6px}.pv-nodes>*{transform-box:fill-box;transform-origin:50%}.pv-panelwrap{flex-direction:column;gap:12px;display:flex}.pv-rise{display:block}.pv-bar{opacity:0;background:var(--endorr-paper);border-radius:2px;height:4px;overflow:hidden}.pv-bar[data-on=true]{opacity:1}.pv-bar>span{background:var(--endorr-black);transform-origin:0;border-radius:2px;height:100%;display:block}@property --pv-n{syntax:"<integer>";inherits:false;initial-value:7}.pv-count{--pv-n:7;counter-reset:pv-n var(--pv-n)}.pv-count:before{content:counter(pv-n)}.pv-sw{width:22px;height:22px;position:relative}.pv-sw>i{border-radius:4px;position:absolute;inset:0;box-shadow:0 0 0 1px #0b0f141f}.pv-sw__ink{background:var(--c)}.pv-sw__shade{opacity:0;transform:translate(0)}.pv-sw__shade:first-child{background:color-mix(in srgb, var(--c) 72%, #fff)}.pv-sw__shade:nth-child(2){background:color-mix(in srgb, var(--c) 78%, #000)}.pv-sw__shade:nth-child(3){background:color-mix(in srgb, var(--c) 55%, #fff)}.pv-demo[data-phase=raster] .pv-sw__shade{opacity:1;transform:translate(var(--dx), var(--dy))}.pv-demo[data-phase=raster] .pv-count{--pv-n:28}.pv-range i{transform-origin:0;width:100%;transform:scaleX(.1667)}.pv-demo[data-phase=raster] .pv-range i{transform:scaleX(.8667)}.pv-downloaded{display:block}.pv-demo .pub-primary{transition:transform .16s ease-out}.pv-demo .pub-primary[data-pressed=true]{transform:scale(.97)}.pv-demo[data-live=true][data-phase=trace] .pv-scan{animation:3.2s linear .2s forwards pv-scan}.pv-demo[data-live=true][data-phase=trace] .pv-trace{animation:3.6s linear both pv-trace-group}.pv-demo[data-live=true][data-phase=trace] .pv-trace path{animation:pv-draw 1.1s var(--pv-move) calc(var(--n) * .6s) both}.pv-demo[data-live=true][data-phase=trace] .pv-bar>span{animation:3.6s linear both pv-bar}.pv-demo[data-live=true][data-phase=trace] .pv-count{animation:pv-count 3.2s var(--pv-move) .4s both}.pv-demo[data-live=true][data-phase=trace] .pv-range i{animation:pv-range 3.2s var(--pv-move) .4s both}.pv-demo[data-live=true][data-phase=trace] .pv-sw__shade{animation:pv-merge .7s var(--pv-move) calc(.5s + var(--i) * .38s + var(--m) * 60ms) both}.pv-demo[data-live=true][data-phase=result] .pv-rise,.pv-demo[data-live=true][data-phase=zoom] .pv-rise{animation:pv-rise .4s var(--pv-arrive) both}.pv-demo[data-live=true][data-phase=zoom] .pv-rise{animation:none}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>*{animation:pv-node .4s var(--pv-arrive) both}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(9){animation-delay:1.3s}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:first-child,.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(5){animation-delay:1.42s}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(2),.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(6){animation-delay:1.54s}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(10){animation-delay:1.66s}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(3),.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(7){animation-delay:1.78s}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(4),.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(8){animation-delay:1.9s}.pv-demo[data-live=true][data-phase=zoom] .pv-nodes>:nth-child(11){animation-delay:2.02s}.pv-demo[data-live=true] .pv-downloaded{animation:pv-rise .35s var(--pv-arrive) both}.pv-demo[data-playing=false] *{animation-play-state:paused!important}@keyframes pv-scan{0%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes pv-trace-group{0%{opacity:1}84%{opacity:1}to{opacity:0}}@keyframes pv-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pv-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pv-count{0%{--pv-n:28}to{--pv-n:7}}@keyframes pv-range{0%{transform:scaleX(.8667)}to{transform:scaleX(.1667)}}@keyframes pv-merge{0%{opacity:1;transform:translate(var(--dx), var(--dy))}to{opacity:0;transform:translate(0)}}@keyframes pv-node{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pv-muted{color:#545b62;font-size:13px}.pv-ok{color:var(--app-ok);align-items:center;gap:6px;margin:0 0 2px;font-weight:600;display:flex}.pv-num{color:#545b62;font-variant-numeric:tabular-nums;font-weight:500}.pv-swatches{flex-wrap:wrap;gap:12px;padding:4px 0;display:flex}.pv-segmented{background:var(--app-sunken);border-radius:8px;padding:3px;font-size:13px;font-weight:600;display:flex}.pv-segmented>span{text-align:center;color:#6b737b;border-radius:6px;flex:1;padding:5px}.pv-segmented>span[aria-current=true]{color:var(--endorr-black);background:#fff;box-shadow:0 0 0 1px #0b0f1412}.pv-settings{border-top:1px solid var(--app-line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.pv-field{justify-content:space-between;align-items:baseline;font-size:13px;font-weight:500;display:flex}.pv-field output{font-variant-numeric:tabular-nums}.pv-range{background:var(--endorr-paper);border-radius:2px;height:4px}.pv-range i{background:var(--endorr-black);border-radius:2px;height:100%;display:block}.pv-check{align-items:center;gap:8px;font-size:13px;display:flex}.pv-check i{background:var(--endorr-black);border-radius:4px;flex:none;width:14px;height:14px}@media (prefers-reduced-motion:reduce){.pv-demo *,.pv-demo :before{transition:none!important;animation:none!important}}@media (max-width:1000px){.pv-demo .pub-app__canvas{padding-bottom:40px}}