@media (prefers-reduced-motion:reduce){[data-demo-run]:not([data-demo-optin]) .dsd-bname,[data-demo-run]:not([data-demo-optin]) .dsd-brand,[data-demo-run]:not([data-demo-optin]) .dsd-bump,[data-demo-run]:not([data-demo-optin]) .dsd-ch,[data-demo-run]:not([data-demo-optin]) .dsd-cursor,[data-demo-run]:not([data-demo-optin]) .dsd-cursor .demo-cursor-arrow,[data-demo-run]:not([data-demo-optin]) .dsd-cursor .demo-cursor-press,[data-demo-run]:not([data-demo-optin]) .dsd-focus,[data-demo-run]:not([data-demo-optin]) .dsd-in-color,[data-demo-run]:not([data-demo-optin]) .dsd-in-logo,[data-demo-run]:not([data-demo-optin]) .dsd-in-order,[data-demo-run]:not([data-demo-optin]) .dsd-in-phrase,[data-demo-run]:not([data-demo-optin]) .dsd-in-text,[data-demo-run]:not([data-demo-optin]) .dsd-out-color,[data-demo-run]:not([data-demo-optin]) .dsd-out-logo,[data-demo-run]:not([data-demo-optin]) .dsd-out-phrase,[data-demo-run]:not([data-demo-optin]) .dsd-out-text,[data-demo-run]:not([data-demo-optin]) .dsd-pill,[data-demo-run]:not([data-demo-optin]) .dsd-press,[data-demo-run]:not([data-demo-optin]) .dsd-s0,[data-demo-run]:not([data-demo-optin]) .dsd-s1,[data-demo-run]:not([data-demo-optin]) .dsd-s2,[data-demo-run]:not([data-demo-optin]) .dsd-s3,[data-demo-run]:not([data-demo-optin]) .dsd-s4,[data-demo-run]:not([data-demo-optin]) .dsd-sim,[data-demo-run]:not([data-demo-optin]) .dsd-stamp,[data-demo-run]:not([data-demo-optin]) .dsd-thumb-logo,[data-demo-run]:not([data-demo-optin]) .szd-dimh,[data-demo-run]:not([data-demo-optin]) .szd-dimw,[data-demo-run]:not([data-demo-optin]) .szd-glow,[data-demo-run]:not([data-demo-optin]) .szd-lift,[data-demo-run]:not([data-demo-optin]) .szd-tag{animation:none}}.dsd-card>svg{display:block;border-radius:0;box-shadow:none}.dsd-card{filter:drop-shadow(0 .35em .6em rgba(2,6,23,.45))}.dsd{font-size:calc(100cqw / 23);line-height:1.2}@container demo (min-width: 480px){.dsd{font-size:calc(100cqw / 36)}}@container demo (min-width: 720px){.dsd{font-size:calc(100cqw / 48)}}.dsd-canvas{position:absolute;top:0;bottom:0;left:50%;width:23em;margin-left:-11.5em}@container demo (min-width: 480px){.dsd-canvas{width:36em;margin-left:-18em}}.dsd-deck{position:absolute;z-index:1;top:.8em;left:8em;width:7em;aspect-ratio:241/312}@container demo (min-width: 480px){.dsd-deck{top:7.3em;left:24.4em;width:9.6em}}.dsd-halo{position:absolute;inset:-30% -45%;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent);pointer-events:none}.dsd-brand,.dsd-sim{position:absolute;inset:0}.dsd-bump,.dsd-stack{position:relative;width:100%;height:100%}.dsd-stack{transform:rotate(-2deg)}.dsd-state{position:absolute;inset:0;opacity:0}.dsd-s4{opacity:1}.dsd-stamp-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dsd-stamp{max-width:9em;padding:.45em .7em;border:.16em solid #4ade80;border-radius:.4em;background-color:rgba(5,12,25,.86);color:#4ade80;font-size:.6em;font-weight:900;letter-spacing:.05em;line-height:1.15;text-align:center;text-transform:uppercase;text-wrap:balance;box-shadow:0 .5em 1.2em rgba(0,0,0,.35);transform:rotate(-12deg)}@container demo (min-width: 480px){.dsd-stamp{font-size:.78em}}.dsd-pill{position:absolute;top:calc(100% + .45em);right:-80%;left:-80%;display:flex;justify-content:center}.dsd-pill>span{padding:.35em .85em;border:1px solid rgba(255,255,255,.3);border-radius:999px;background-color:rgba(5,12,25,.55);color:#ffffff;font-size:.64em;font-weight:700;white-space:nowrap}.dsd-brand{opacity:0;transform:translateX(170%) scale(.66) rotate(8deg)}.dsd-bname{position:absolute;top:calc(100% + .7em);right:-80%;left:-80%;color:#ffffff;font-size:.74em;font-weight:700;text-align:center;white-space:nowrap;opacity:0}.dsd-panel{position:absolute;z-index:2;top:11.85em;left:1em;box-sizing:border-box;width:21em;height:27.6em;padding:.95em 1.1em;border:1px solid rgba(255,255,255,.14);border-radius:1.1em;background-image:linear-gradient(160deg,#142646,#0a1628);color:#e6edf7;text-align:left;box-shadow:0 .5em 1.2em rgba(2,6,23,.35)}@container demo (min-width: 480px){.dsd-panel{top:1.2em}}.dsd-row{height:3em;margin-bottom:.55em}.dsd-lab{display:flex;align-items:center;justify-content:space-between;gap:.5em;height:1em;white-space:nowrap}.dsd-lab>span:first-child{min-width:0;overflow:hidden;color:#b8c6db;font-size:.74em;font-weight:700;text-overflow:ellipsis}.dsd-badge{flex:none;padding:.15em .65em;border:1px solid rgba(147,197,253,.45);border-radius:999px;color:#93c5fd;font-size:.58em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dsd-cap{display:grid;flex:0 1 auto;justify-items:end;min-width:0;color:#94a3b8;font-size:.66em;font-weight:600}.dsd-cap--start{justify-items:start;margin-left:.2em}.dsd-swap{grid-area:1/1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsd-ctl{display:flex;align-items:center;gap:.45em;height:1.7em;margin-top:.3em}.dsd-ctl--colors{gap:.32em}.dsd-ctl--split{justify-content:space-between}.dsd-ctl--clip{gap:.35em;overflow:hidden}.dsd-thumb{position:relative;flex:none;box-sizing:border-box;width:1.7em;height:1.7em;border:1.5px dashed rgba(255,255,255,.35);border-radius:50%}.dsd-thumb-logo{position:absolute;inset:-1.5px;border-radius:50%;background-position:50%;background-size:cover}.dsd-btn{display:inline-grid;align-items:center;flex:none;box-sizing:border-box;height:1.7em;padding:0 .9em;border:1px solid rgba(255,255,255,.22);border-radius:.5em;background-color:rgba(255,255,255,.06)}.dsd-btn>span{font-size:.74em;font-weight:600}.dsd-sw{position:relative;flex:none;width:1.3em;height:1.3em;border-radius:50%}.dsd-ring{position:absolute;inset:-.22em;border:.12em solid #93c5fd;border-radius:50%}.dsd-chip{position:relative;display:inline-flex;align-items:center;flex:none;gap:.35em;box-sizing:border-box;min-width:0;height:1.7em;padding:0 .55em;border:1px solid rgba(255,255,255,.2);border-radius:999px}.dsd-chip--mine{margin-left:.13em}.dsd-chip--shrink{flex:0 1 auto}.dsd-chip-on{position:absolute;inset:-1px;border:1.5px solid #60a5fa;border-radius:inherit;background-color:rgba(59,130,246,.3)}.dsd-chip-text{position:relative;min-width:0;overflow:hidden;font-size:.72em;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.dsd-dot{position:relative;flex:none;width:.85em;height:.85em;border-radius:50%;background-image:linear-gradient(135deg,#f472b6,#22d3ee)}.dsd-dot-mine{position:absolute;inset:0;border-radius:50%}.dsd-input{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;height:1.7em;padding:0 .6em;border:1px solid rgba(255,255,255,.2);border-radius:.5em;background-color:rgba(2,6,23,.35)}.dsd-focus{position:absolute;inset:-1px;border:1.5px solid #60a5fa;border-radius:inherit;box-shadow:0 0 0 .2em rgba(96,165,250,.25);opacity:0}.dsd-typed{position:relative;font-size:.78em;font-weight:600;white-space:pre}.dsd-tc{position:relative;flex:none;box-sizing:border-box;width:1.5em;height:1.5em;border:1px solid rgba(255,255,255,.4);border-radius:50%}.dsd-order-row{display:flex;height:2em;margin-top:.15em}.dsd-order{display:inline-flex;align-items:center;height:2em;padding:0 1em;border-radius:.55em;background-image:linear-gradient(180deg,#3b82f6,#2563eb);color:#ffffff;box-shadow:0 .4em 1em rgba(37,99,235,.35)}.dsd-order>span{font-size:.78em;font-weight:700;white-space:nowrap}.dsd-note{max-width:16em;height:1.8em;margin-top:.45em}.dsd-note>span{display:block;color:#a9b8cc;font-size:.64em;line-height:1.35}.dsd-out-color,.dsd-out-logo,.dsd-out-phrase,.dsd-out-text{opacity:0}.dsd-cursor{opacity:0;transform:translate(14em,26em)}.dsd-cursor .demo-cursor-arrow{transform-origin:0 0}[data-demo-run] .dsd-s0{animation:dsd-s0 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-s1{animation:dsd-s1 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-s2{animation:dsd-s2 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-s3{animation:dsd-s3 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-s4{animation:dsd-s4 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-bump{animation:dsd-bump var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .dsd-sim{animation:dsd-sim var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-brand{animation:dsd-brand var(--loop) var(--demo-ease-io) infinite;animation-delay:calc(var(--loop) * .075 * var(--i))}[data-demo-run] .dsd-bname{animation:dsd-bname var(--loop) var(--demo-ease-io) infinite;animation-delay:calc(var(--loop) * .075 * var(--i))}[data-demo-run] .dsd-stamp{animation:dsd-stamp var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .dsd-pill{animation:dsd-pill var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .dsd-in-logo{animation:dsd-in-logo var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-out-logo{animation:dsd-out-logo var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-thumb-logo{animation:dsd-thumb var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .dsd-in-color{animation:dsd-in-color var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-out-color{animation:dsd-out-color var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-ch{animation:dsd-type var(--loop) linear infinite;animation-delay:calc(var(--loop) * .00625 * var(--i))}[data-demo-run] .dsd-focus{animation:dsd-focus var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-in-phrase{animation:dsd-in-phrase var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-out-phrase{animation:dsd-out-phrase var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-in-text{animation:dsd-in-text var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-out-text{animation:dsd-out-text var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-in-order{animation:dsd-in-order var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-press{animation:dsd-press var(--loop) var(--demo-ease-out) infinite;animation-delay:var(--at,0s)}[data-demo-run] .dsd-cursor{animation:dsd-cursor var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .dsd-cursor .demo-cursor-press{animation:dsd-click var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .dsd-cursor .demo-cursor-arrow{animation:dsd-tap var(--loop) var(--demo-ease-out) infinite}@keyframes dsd-s0{4.9%{opacity:0}5%{opacity:1}17.8%{opacity:1}17.9%{opacity:0}}@keyframes dsd-s1{15.3%{opacity:0}17.8%{opacity:1}24%{opacity:1}24.1%{opacity:0}}@keyframes dsd-s2{21.5%{opacity:0}24%{opacity:1}41.5%{opacity:1}41.6%{opacity:0}}@keyframes dsd-s3{39%{opacity:0}41.5%{opacity:1}47.1%{opacity:1}47.2%{opacity:0}}@keyframes dsd-s4{5.625%{opacity:1}8.75%{opacity:0}44.6%{opacity:0}47.1%{opacity:1}}@keyframes dsd-bump{15.3%{transform:scale(1)}16.3%{transform:scale(1.045)}18%{transform:scale(1)}21.5%{transform:scale(1)}22.5%{transform:scale(1.045)}24.2%{transform:scale(1)}39%{transform:scale(1)}40%{transform:scale(1.045)}41.7%{transform:scale(1)}44.6%{transform:scale(1)}45.6%{transform:scale(1.045)}47.3%{transform:scale(1)}}@keyframes dsd-sim{55%{opacity:1;transform:none}58.125%{opacity:.5;transform:translateX(-96%) scale(.78) rotate(-5deg)}62.5%{opacity:.5;transform:translateX(-96%) scale(.78) rotate(-5deg)}65.625%{opacity:0;transform:translateX(-170%) scale(.66) rotate(-8deg)}66%{opacity:0;transform:translateX(-170%) scale(.66) rotate(-8deg)}66.1%{opacity:0;transform:translateX(170%) scale(.66) rotate(8deg)}77.5%{opacity:0;transform:translateX(170%) scale(.66) rotate(8deg)}80.625%{opacity:.5;transform:translateX(96%) scale(.78) rotate(5deg)}85%{opacity:.5;transform:translateX(96%) scale(.78) rotate(5deg)}88.125%{opacity:1;transform:none}}@keyframes dsd-brand{47.5%{opacity:0;transform:translateX(170%) scale(.66) rotate(8deg)}50.625%{opacity:.5;transform:translateX(96%) scale(.78) rotate(5deg)}55%{opacity:.5;transform:translateX(96%) scale(.78) rotate(5deg)}58.125%{opacity:1;transform:rotate(-2deg)}62.5%{opacity:1;transform:rotate(-2deg)}65.625%{opacity:.5;transform:translateX(-96%) scale(.78) rotate(-5deg)}70%{opacity:.5;transform:translateX(-96%) scale(.78) rotate(-5deg)}73.125%{opacity:0;transform:translateX(-170%) scale(.66) rotate(-8deg)}}@keyframes dsd-bname{55%{opacity:0}58.125%{opacity:1}62.5%{opacity:1}64.5%{opacity:0}}@keyframes dsd-stamp{5%{opacity:1;transform:rotate(-12deg)}8.125%{opacity:0;transform:rotate(-12deg) scale(1.15)}90%{opacity:0;transform:rotate(-30deg) scale(1.8);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}93.125%{opacity:1;transform:rotate(-12deg)}}@keyframes dsd-pill{5%{opacity:1;transform:none}7.5%{opacity:0;transform:none}91.9%{opacity:0;transform:translateY(.5em)}95%{opacity:1;transform:none}}@keyframes dsd-in-logo{5.625%{opacity:1}8.75%{opacity:0}15.3%{opacity:0}16.55%{opacity:1}}@keyframes dsd-out-logo{5.625%{opacity:0}8.75%{opacity:1}15.3%{opacity:1}16.55%{opacity:0}}@keyframes dsd-thumb{5.625%{opacity:1;transform:none}8.75%{opacity:0;transform:scale(.3)}15.3%{opacity:0;transform:scale(.3);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}17.5%{opacity:1;transform:none}}@keyframes dsd-in-color{5.625%{opacity:1}8.75%{opacity:0}21.5%{opacity:0}22.75%{opacity:1}}@keyframes dsd-out-color{5.625%{opacity:0}8.75%{opacity:1}21.5%{opacity:1}22.75%{opacity:0}}@keyframes dsd-type{5%{opacity:1}6.25%{opacity:0}27.5%{opacity:0}27.6%{opacity:1}}@keyframes dsd-focus{26.5%{opacity:0}27.2%{opacity:1}34.5%{opacity:1}35.5%{opacity:0}}@keyframes dsd-in-phrase{5.625%{opacity:1}8.75%{opacity:0}39%{opacity:0}40.25%{opacity:1}}@keyframes dsd-out-phrase{5.625%{opacity:0}8.75%{opacity:1}39%{opacity:1}40.25%{opacity:0}}@keyframes dsd-in-text{5.625%{opacity:1}8.75%{opacity:0}44.6%{opacity:0}45.85%{opacity:1}}@keyframes dsd-out-text{5.625%{opacity:0}8.75%{opacity:1}44.6%{opacity:1}45.85%{opacity:0}}@keyframes dsd-in-order{5%{opacity:1}7.5%{opacity:0}50.6%{opacity:0;transform:translateY(.3em)}52.5%{opacity:1;transform:none}}@keyframes dsd-press{1%{transform:scale(.92)}2.5%{transform:scale(1)}}@keyframes dsd-cursor{8.75%{opacity:0;transform:translate(14em,26em)}10%{opacity:1;transform:translate(14em,26em)}14.4%{transform:translate(4.6em,3.1em)}16.25%{transform:translate(4.6em,3.1em)}20.6%{transform:translate(11.9em,6.65em)}22.5%{transform:translate(11.9em,6.65em)}26.25%{transform:translate(14em,10.2em)}34.4%{transform:translate(14em,10.2em)}38.1%{transform:translate(18.4em,13.75em)}40%{transform:translate(18.4em,13.75em)}43.75%{transform:translate(5.75em,17.3em)}45.6%{transform:translate(5.75em,17.3em)}49.4%{opacity:1;transform:translate(3.6em,23.4em)}53.75%{opacity:1;transform:translate(3.6em,23.4em)}56.25%{opacity:0;transform:translate(5em,26em)}}@keyframes dsd-click{14.7%{opacity:0;transform:scale(.4)}15.3%{opacity:1;transform:scale(.8)}17.8%{opacity:0;transform:scale(1.8)}20.95%{opacity:0;transform:scale(.4)}21.55%{opacity:1;transform:scale(.8)}24.05%{opacity:0;transform:scale(1.8)}26.55%{opacity:0;transform:scale(.4)}27.15%{opacity:1;transform:scale(.8)}29.65%{opacity:0;transform:scale(1.8)}38.45%{opacity:0;transform:scale(.4)}39.05%{opacity:1;transform:scale(.8)}41.55%{opacity:0;transform:scale(1.8)}44.05%{opacity:0;transform:scale(.4)}44.65%{opacity:1;transform:scale(.8)}47.15%{opacity:0;transform:scale(1.8)}49.7%{opacity:0;transform:scale(.4)}50.3%{opacity:1;transform:scale(.8)}52.8%{opacity:0;transform:scale(1.8)}}@keyframes dsd-tap{14.4%{transform:none}15%{transform:scale(.85)}15.9%{transform:none}20.65%{transform:none}21.25%{transform:scale(.85)}22.15%{transform:none}26.3%{transform:none}26.9%{transform:scale(.85)}27.8%{transform:none}38.15%{transform:none}38.75%{transform:scale(.85)}39.65%{transform:none}43.8%{transform:none}44.4%{transform:scale(.85)}45.3%{transform:none}49.4%{transform:none}50%{transform:scale(.85)}50.9%{transform:none}}.szd{font-size:clamp(10.5px,3.1cqw,14px);line-height:1.25}@container demo (min-width: 480px){.szd{font-size:clamp(10.5px,1.75cqw,14px)}}.szd-item{position:absolute;bottom:var(--b);left:var(--x);width:var(--w)}@container demo (min-width: 480px){.szd-item{bottom:var(--bm);left:var(--xm);width:var(--wm)}}.szd-floor{position:absolute;bottom:var(--fb);left:var(--fx);width:var(--fw);height:1px;background-color:var(--color-line)}.szd-floor[data-tier=md]{display:none}@container demo (min-width: 480px){.szd-floor[data-tier=base]{display:none}.szd-floor[data-tier=md]{display:block}}.szd-lift{position:relative}.szd-glow{position:absolute;inset:-22%;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-brand-500) 38%,transparent),transparent);opacity:0}.szd-card{position:relative}.szd-dimw{position:absolute;top:calc(100% + .45em);right:0;left:0;height:2px;background-color:var(--color-brand-500);transform-origin:left}.szd-dimw:after,.szd-dimw:before{content:"";position:absolute;top:-3px;width:2px;height:8px;background-color:inherit}.szd-dimw:before{left:0}.szd-dimw:after{right:0}.szd-dimh{position:absolute;top:0;bottom:0;left:calc(100% + .35em);width:2px;background-color:var(--color-brand-500);opacity:.55;transform-origin:bottom}.szd-dimh:after,.szd-dimh:before{content:"";position:absolute;left:-3px;width:8px;height:2px;background-color:inherit}.szd-dimh:before{top:0}.szd-dimh:after{bottom:0}.szd-label{position:absolute;top:calc(100% + .95em);right:-40%;left:-40%;display:flex;flex-direction:column;align-items:center;text-align:center;white-space:nowrap}.szd-name{color:var(--color-fg);font-weight:700}.szd-size{color:var(--color-fg-soft);font-size:.92em;font-variant-numeric:tabular-nums}.szd-tag{width:1.6em;height:2px;margin-top:.25em;border-radius:2px;background-color:var(--color-brand-500);opacity:0}[data-demo-run] .szd-lift{animation:szd-lift var(--loop) var(--demo-ease-io) infinite;animation-delay:calc(var(--loop) * .25 * var(--i))}[data-demo-run] .szd-glow{animation:szd-glow var(--loop) var(--demo-ease-io) infinite;animation-delay:calc(var(--loop) * .25 * var(--i))}[data-demo-run] .szd-dimw{animation:szd-dimw var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--loop) * .25 * var(--i))}[data-demo-run] .szd-dimh{animation:szd-dimh var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--loop) * .25 * var(--i))}[data-demo-run] .szd-tag{animation:szd-tag var(--loop) var(--demo-ease-io) infinite;animation-delay:calc(var(--loop) * .25 * var(--i))}@keyframes szd-lift{2%{transform:none}6%{transform:translateY(-4%)}21%{transform:translateY(-4%)}25%{transform:none}}@keyframes szd-glow{2%{opacity:0}6%{opacity:1}21%{opacity:1}25%{opacity:0}}@keyframes szd-dimw{1%{opacity:1;transform:scaleX(1)}2.5%{opacity:0;transform:scaleX(1)}3%{opacity:0;transform:scaleX(0)}3.5%{opacity:1;transform:scaleX(0)}13%{opacity:1;transform:scaleX(1)}}@keyframes szd-dimh{1%{opacity:.55;transform:scaleY(1)}2.5%{opacity:0;transform:scaleY(1)}3%{opacity:0;transform:scaleY(0)}5%{opacity:1;transform:scaleY(0)}15%{opacity:1;transform:scaleY(1)}22%{opacity:1;transform:scaleY(1)}25%{opacity:.55;transform:scaleY(1)}}@keyframes szd-tag{4%{opacity:0}8%{opacity:1}21%{opacity:1}25%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-demo-run]:not([data-demo-optin]) .ppd-ab-fill,[data-demo-run]:not([data-demo-optin]) .ppd-btn,[data-demo-run]:not([data-demo-optin]) .ppd-btn-ok,[data-demo-run]:not([data-demo-optin]) .ppd-caption>[data-k="0"],[data-demo-run]:not([data-demo-optin]) .ppd-caption>[data-k="1"],[data-demo-run]:not([data-demo-optin]) .ppd-caption>[data-k="2"],[data-demo-run]:not([data-demo-optin]) .ppd-caption>[data-k="3"],[data-demo-run]:not([data-demo-optin]) .ppd-caret,[data-demo-run]:not([data-demo-optin]) .ppd-catalog,[data-demo-run]:not([data-demo-optin]) .ppd-clock-time>[data-k="0"],[data-demo-run]:not([data-demo-optin]) .ppd-clock-time>[data-k="1"],[data-demo-run]:not([data-demo-optin]) .ppd-clock-time>[data-k="2"],[data-demo-run]:not([data-demo-optin]) .ppd-count-a,[data-demo-run]:not([data-demo-optin]) .ppd-count-b,[data-demo-run]:not([data-demo-optin]) .ppd-device,[data-demo-run]:not([data-demo-optin]) .ppd-dish,[data-demo-run]:not([data-demo-optin]) .ppd-dish-ring,[data-demo-run]:not([data-demo-optin]) .ppd-edit,[data-demo-run]:not([data-demo-optin]) .ppd-field-ring,[data-demo-run]:not([data-demo-optin]) .ppd-heat .demo-heat-cell,[data-demo-run]:not([data-demo-optin]) .ppd-link,[data-demo-run]:not([data-demo-optin]) .ppd-links,[data-demo-run]:not([data-demo-optin]) .ppd-menu,[data-demo-run]:not([data-demo-optin]) .ppd-menu-page,[data-demo-run]:not([data-demo-optin]) .ppd-order,[data-demo-run]:not([data-demo-optin]) .ppd-order-btn,[data-demo-run]:not([data-demo-optin]) .ppd-order-btn>.ppd-tap,[data-demo-run]:not([data-demo-optin]) .ppd-price-new,[data-demo-run]:not([data-demo-optin]) .ppd-price-old,[data-demo-run]:not([data-demo-optin]) .ppd-prod,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="0"] .ppd-qty-a,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="0"] .ppd-qty-b,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="0"] .ppd-step-plus,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="0"] .ppd-tap,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="1"] .ppd-qty-a,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="1"] .ppd-qty-b,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="1"] .ppd-step-plus,[data-demo-run]:not([data-demo-optin]) .ppd-prod[data-n="1"] .ppd-tap,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="0"] .ppd-rail-fill,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="0"] .ppd-rail-hl,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="1"] .ppd-rail-fill,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="1"] .ppd-rail-hl,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="2"] .ppd-rail-fill,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="2"] .ppd-rail-hl,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="3"] .ppd-rail-fill,[data-demo-run]:not([data-demo-optin]) .ppd-rail-item[data-k="3"] .ppd-rail-hl,[data-demo-run]:not([data-demo-optin]) .ppd-rescan,[data-demo-run]:not([data-demo-optin]) .ppd-rule[data-k="0"] .ppd-rule-hl,[data-demo-run]:not([data-demo-optin]) .ppd-rule[data-k="1"] .ppd-rule-hl,[data-demo-run]:not([data-demo-optin]) .ppd-rule[data-k="2"] .ppd-rule-hl,[data-demo-run]:not([data-demo-optin]) .ppd-save-a,[data-demo-run]:not([data-demo-optin]) .ppd-save-b,[data-demo-run]:not([data-demo-optin]) .ppd-smart,[data-demo-run]:not([data-demo-optin]) .ppd-val-new,[data-demo-run]:not([data-demo-optin]) .ppd-val-old,[data-demo-run]:not([data-demo-optin]) .ppd-wa{animation:none}}.ppd{--ppd-bg:#f5f8ff;--ppd-ink:#1f2937;--ppd-soft:#475569;--ppd-accent:#1d4ed8;--ppd-on-accent:#ffffff;--ppd-line:rgba(31,41,55,0.12);--ppd-ok:#059669;font-size:3.1cqw;line-height:1.25}@container demo (min-width: 480px){.ppd{font-size:1.9cqw}}.ppd .ppd-icon{display:block;width:1em;height:1em;flex:none}.ppd-swap{display:inline-grid}.ppd-swap>*{grid-area:1/1}.ppd-rail{position:absolute;top:4cqw;right:6cqw;left:6cqw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5cqw;margin:0;padding:0;list-style:none}.ppd-rail-item{position:relative;display:grid;justify-items:center;gap:.45em;color:var(--color-fg-soft)}.ppd-rail-hl{position:absolute;top:-.3em;left:50%;width:2.6em;height:2.6em;margin-left:-1.3em;border-radius:50%;background-color:color-mix(in oklab,var(--color-brand-500) 16%,transparent);opacity:0}.ppd-rail-item[data-k="0"] .ppd-rail-hl{opacity:1}.ppd-rail-icon{position:relative;display:grid;place-items:center;width:2em;height:2em;font-size:1em;color:var(--color-brand-text)}.ppd-rail-icon .ppd-icon{width:1.15em;height:1.15em}.ppd-rail-name{display:none}.ppd-rail-track{position:relative;display:block;width:100%;height:.22em;overflow:hidden;border-radius:999px;background-color:color-mix(in oklab,var(--color-fg) 12%,transparent)}.ppd-rail-fill{position:absolute;inset:0;border-radius:inherit;background-color:var(--color-brand-500);transform:scaleX(0);transform-origin:left}.ppd-caption{position:absolute;top:15cqw;right:6cqw;left:6cqw;display:grid;margin:0;color:var(--color-fg);font-size:1.25em;font-weight:700;text-align:center}.ppd-caption>*{grid-area:1/1;opacity:0}.ppd-caption>[data-k="0"]{opacity:1}@container demo (min-width: 480px){.ppd-rail{top:50%;right:auto;left:3cqw;width:28cqw;grid-template-columns:none;gap:.5em;translate:0 -50%}.ppd-rail-item{grid-template-columns:2em minmax(0,1fr);align-items:center;justify-items:start;column-gap:.6em;row-gap:.35em;padding:.6em .7em}.ppd-rail-hl{inset:0;width:auto;height:auto;margin:0;border:1px solid color-mix(in oklab,var(--color-brand-500) 35%,transparent);border-radius:.8em;background-color:color-mix(in oklab,var(--color-brand-500) 10%,transparent)}.ppd-rail-icon{grid-row:span 2;border-radius:.6em;background-color:color-mix(in oklab,var(--color-brand-500) 12%,transparent)}.ppd-rail-name{position:relative;display:block;color:var(--color-fg);font-size:1.05em;font-weight:600;line-height:1.2}.ppd-rail-track{height:.2em}.ppd-caption{display:none}}.ppd-device{--phone-w:50cqw;--ppd-shift:-38%;position:absolute;top:23cqw;left:25cqw}@container demo (min-width: 480px){.ppd-device{--phone-w:31cqw;--ppd-shift:0%;top:6cqw;left:35cqw}}.ppd-screen{position:absolute;inset:0;display:flex;flex-direction:column;background-color:var(--ppd-bg);color:var(--ppd-ink)}.ppd-catalog,.ppd-menu{opacity:0}.ppd-page{position:relative;flex:1;min-height:0;padding:.6em 1.3em 0}.ppd-head{display:grid;justify-items:center;gap:.35em;margin-top:.8em;text-align:center}.ppd-logo{display:grid;place-items:center;width:4.2em;height:4.2em;border-radius:50%;background-color:var(--ppd-accent);color:var(--ppd-on-accent);font-size:1em;box-shadow:0 .4em 1em rgba(29,78,216,.25)}.ppd-logo .ppd-icon{width:2.2em;height:2.2em}.ppd-logo[data-restaurant]{background-color:#9a3412}.ppd-initials{font-size:1.45em;font-weight:800;line-height:1;letter-spacing:-.02em}.ppd-head-text{display:grid;gap:.15em}.ppd-title{font-size:1.45em;font-weight:700;letter-spacing:-.01em}.ppd-tagline{color:var(--ppd-soft);font-size:.95em}.ppd-head--compact{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:.6em;margin-top:.3em;text-align:left}.ppd-head--compact .ppd-logo{width:2.4em;height:2.4em}.ppd-head--compact .ppd-logo .ppd-icon{width:1.3em;height:1.3em}.ppd-head--compact .ppd-initials{font-size:.85em}.ppd-head--compact .ppd-title{font-size:1.2em}.ppd-link-list{display:grid;gap:.75em;margin:1.6em 0 0;padding:0;list-style:none}.ppd-link{padding:.85em .8em;border-radius:.8em;background-color:var(--ppd-accent);color:var(--ppd-on-accent);font-size:1.05em;font-weight:600;text-align:center;box-shadow:0 .2em .5em rgba(31,41,55,.12)}.ppd-made{margin:1.6em 0 0;font-size:.8em;text-align:center}.ppd-made,.ppd-sec{color:var(--ppd-soft)}.ppd-sec{margin:1.1em 0 .5em;font-size:.75em;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ppd-rows{display:grid;gap:.7em;margin:0;padding:0;list-style:none}.ppd-row{position:relative;display:grid;grid-template-columns:2.9em minmax(0,1fr) auto;align-items:center;gap:.6em}.ppd-thumb{width:2.9em;height:2.9em;border-radius:.6em;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),#c08457}.ppd-thumb[data-tone="1"]{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),#e9b872}.ppd-thumb[data-tone="2"]{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5),transparent 45%),#b45309}.ppd-thumb[data-tone="3"]{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5),transparent 45%),#8e3b6e}.ppd-thumb[data-tone="4"]{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.45),transparent 45%),#1e293b}.ppd-thumb[data-tone="5"]{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.45),transparent 45%),#2e6be6}.ppd-thumb[data-tone="6"]{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.45),transparent 45%),#0f766e}.ppd-row-text{display:grid;min-width:0;gap:.1em}.ppd-row-name{font-size:.98em;font-weight:600;line-height:1.2}.ppd-row-desc{overflow:hidden;color:var(--ppd-soft);font-size:.78em;text-overflow:ellipsis;white-space:nowrap}.ppd-price,.ppd-row-price{color:var(--ppd-accent);font-size:.92em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ppd-row-price{font-size:.85em}.ppd-price-new{opacity:0}.ppd-dish-ring{inset:-.35em;border:.14em solid var(--ppd-accent);border-radius:.8em;background-color:rgba(29,78,216,.06);pointer-events:none}.ppd-dish-ring,.ppd-rescan{position:absolute;opacity:0}.ppd-rescan{bottom:9%;left:50%;z-index:1;gap:.4em;padding:.45em .8em;border-radius:999px;background-color:var(--ppd-ink);color:#ffffff;font-size:calc(var(--phone-w) / 20 * .95);font-weight:600;white-space:nowrap;translate:-50% 0;box-shadow:0 .5em 1.2em rgba(0,0,0,.25)}.ppd-rescan,.ppd-stepper{display:inline-flex;align-items:center}.ppd-stepper{gap:.35em;font-size:.9em}.ppd-step-minus,.ppd-step-plus{position:relative;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;font-weight:700;line-height:1}.ppd-step-minus{border:1px solid var(--ppd-accent);color:var(--ppd-ink);opacity:.45}.ppd-step-plus{background-color:var(--ppd-accent);color:var(--ppd-on-accent)}.ppd-qty{min-width:.9em;font-variant-numeric:tabular-nums;text-align:center}.ppd-qty-b{opacity:0}.ppd-tap{top:50%;left:50%;width:2.6em;height:2.6em;margin:-1.3em 0 0 -1.3em;border-radius:50%;background-color:rgba(31,41,55,.22);transform:scale(.4);pointer-events:none}.ppd-order,.ppd-tap{position:absolute;opacity:0}.ppd-order{right:.8em;bottom:.9em;left:.8em;display:grid;gap:.45em;padding:.7em;border-radius:.9em;background-color:var(--ppd-accent);color:var(--ppd-on-accent);box-shadow:0 .8em 1.8em rgba(31,41,55,.3);transform:translateY(120%)}.ppd-order-note{padding:.5em .7em;border-radius:.55em;background-color:#ffffff;color:#6b7280;font-size:.78em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppd-order-btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.6em .75em;border-radius:.55em;background-color:var(--ppd-on-accent);color:var(--ppd-accent);font-size:.86em;font-weight:600;line-height:1.15}.ppd-order-btn>.ppd-tap{background-color:rgba(29,78,216,.25)}.ppd-order-total{flex:none;font-variant-numeric:tabular-nums}.ppd-count-b{opacity:0}.ppd-order-pay{font-size:.68em;text-align:center;opacity:.85}.ppd-card{position:absolute;z-index:1;border:1px solid var(--color-line);border-radius:1em;background-color:var(--color-surface);color:var(--color-fg);box-shadow:0 1.4em 3em rgba(0,0,0,.22)}.ppd-pro{display:inline-block;flex:none;padding:.2em .55em;border-radius:999px;background-color:color-mix(in oklab,var(--color-brand-500) 15%,transparent);color:var(--color-brand-text);font-size:.72em;font-weight:700;letter-spacing:.02em;white-space:nowrap}.band-ink .ppd-card,.band-ink .ppd-wa-cap{--color-surface-2:rgba(255,255,255,0.1);border-color:var(--color-line);background-color:#0e2566}.band-ink .ppd-clock .ppd-icon,.band-ink .ppd-days>[data-on],.band-ink .ppd-pro,.band-ink .ppd-rail-icon{color:var(--color-fg)}.ppd-edit{top:47cqw;right:4cqw;width:50cqw;padding:1em;opacity:0;transform:translateY(1em)}@container demo (min-width: 480px){.ppd-edit{top:24cqw;right:3cqw;width:33cqw}}.ppd-card-kicker{display:flex;align-items:center;gap:.4em;margin:0;color:var(--color-fg-soft);font-size:.8em;font-weight:600}.ppd-edit-item{margin:.45em 0 .6em;font-size:1.05em;font-weight:700}.ppd-label{display:block;margin-bottom:.3em;color:var(--color-fg-soft);font-size:.78em}.ppd-field{position:relative;display:flex;align-items:center;padding:.45em .6em;border:1px solid var(--color-line);border-radius:.55em;background-color:var(--color-surface-2);font-variant-numeric:tabular-nums;font-weight:600}.ppd-val-new{opacity:0}.ppd-caret{width:1px;height:1.1em;margin-left:.1em;background-color:var(--color-brand-500);opacity:0}.ppd-field-ring{position:absolute;inset:-1px;border:2px solid var(--color-brand-500);border-radius:inherit;opacity:0}.ppd-btn{position:relative;display:grid;place-items:center;margin-top:.7em;padding:.5em;overflow:hidden;border-radius:.55em;background-color:var(--color-brand-500);color:#ffffff;font-size:.9em;font-weight:600}.ppd-btn-ok{position:absolute;inset:0;background-color:var(--ppd-ok);opacity:0}.ppd-btn .ppd-swap{position:relative}.ppd-save-b{opacity:0}.ppd-edit-note{margin:.7em 0 0;color:var(--color-fg-muted);font-size:.78em;line-height:1.35}.ppd-wa{position:absolute;z-index:1;top:27cqw;right:3cqw;width:54cqw;opacity:0;transform:translateY(1em) scale(.94);transform-origin:0 0}@container demo (min-width: 480px){.ppd-wa{top:13cqw;right:3cqw;width:34cqw}}.ppd-wa-cap{display:flex;align-items:center;gap:.4em;width:max-content;max-width:100%;margin:0 0 .5em auto;padding:.3em .7em;border:1px solid var(--color-line);border-radius:999px;background-color:var(--color-surface);color:var(--color-fg);font-size:.8em;font-weight:600}.ppd-wa-cap .ppd-icon{color:var(--demo-wa)}.ppd-wa-bubble{position:relative;padding:.75em .85em .5em;border-radius:.9em;border-top-left-radius:.2em;background-color:#dcf8c6;color:#111b21;box-shadow:0 1.2em 2.6em rgba(0,0,0,.28)}.ppd-wa-msg{margin:0;font-size:.85em;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.ppd-wa-time{display:block;margin-top:.3em;color:#5e7a5a;font-size:.7em;text-align:right}.ppd-smart{top:23cqw;right:4cqw;left:4cqw;max-height:calc(100% - 41cqw);display:flex;flex-direction:column;gap:.8em;padding:1em;overflow:hidden;opacity:0;transform:translateY(1.2em)}@container demo (min-width: 480px){.ppd-smart{top:50%;right:3cqw;left:34cqw;max-height:calc(100% - 20cqw);translate:0 -50%}}.ppd-smart-head{display:flex;justify-content:space-between;gap:.4em .8em}.ppd-smart-head,.ppd-smart-title{flex-wrap:wrap;align-items:center}.ppd-smart-title{display:inline-flex;gap:.45em;font-size:1.05em}.ppd-clock{display:inline-flex;align-items:center;gap:.35em;padding:.25em .6em;border-radius:999px;background-color:var(--color-surface-2);color:var(--color-fg);font-size:.85em;white-space:nowrap}.ppd-clock .ppd-icon{color:var(--color-brand-text)}.ppd-clock-time{font-weight:700;font-variant-numeric:tabular-nums}.ppd-clock-time>[data-k="1"],.ppd-clock-time>[data-k="2"]{opacity:0}.ppd-clock-label{color:var(--color-fg-soft);font-size:.85em}.ppd-rules{display:grid;gap:.45em;margin:0;padding:0;list-style:none}.ppd-rule{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.3em .6em;padding:.5em .65em;border:1px solid var(--color-line);border-radius:.65em;font-size:.85em}.ppd-rule-hl{position:absolute;inset:-1px;border:2px solid var(--color-brand-500);border-radius:inherit;background-color:color-mix(in oklab,var(--color-brand-500) 9%,transparent);opacity:0;pointer-events:none}.ppd-days{position:relative;display:inline-flex;gap:.15em}.ppd-days>span{display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:.3em;background-color:var(--color-surface-2);color:var(--color-fg-soft);font-size:.82em;font-weight:600}.ppd-days>[data-on]{background-color:color-mix(in oklab,var(--color-brand-500) 18%,transparent);color:var(--color-brand-text)}.ppd-win{position:relative;font-weight:700;font-variant-numeric:tabular-nums}.ppd-dest{position:relative;min-width:0;color:var(--color-fg-muted)}.ppd-ab{display:grid;gap:.45em}.ppd-ab-head{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.3em .6em}.ppd-ab-title{color:var(--color-fg-soft)}.ppd-ab-bar{position:relative;display:flex;gap:.25em}.ppd-ab-seg{position:relative;flex:var(--share) 1 0;min-width:0;padding:.35em .5em;overflow:hidden;border-radius:.4em;color:#ffffff;font-size:.85em;font-weight:600}.ppd-ab-fill{position:absolute;inset:0;background-color:var(--color-brand-500);transform-origin:left}.ppd-ab-seg[data-k="1"] .ppd-ab-fill{background-color:#7c3aed}.ppd-ab-label{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppd-ab-legend{position:relative;display:flex;flex-wrap:wrap;gap:.2em 1em;color:var(--color-fg-muted)}.ppd-ab-legend>span{display:inline-flex;align-items:center;gap:.35em}.ppd-ab-legend>span:before{content:"";width:.6em;height:.6em;border-radius:.15em;background-color:var(--color-brand-500)}.ppd-ab-legend>[data-k="1"]:before{background-color:#7c3aed}.ppd-heatbox{min-height:0}.ppd-heat-title{display:flex;flex-wrap:wrap;align-items:center;gap:.4em;margin:0 0 .45em;color:var(--color-fg-soft);font-size:.8em;font-weight:600}.ppd-heat{--heat-gap:0.12em;font-size:.95em}[data-demo-run] .ppd-caption>[data-k="0"],[data-demo-run] .ppd-rail-item[data-k="0"] .ppd-rail-hl{animation:ppd-on-0 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-caption>[data-k="1"],[data-demo-run] .ppd-rail-item[data-k="1"] .ppd-rail-hl{animation:ppd-on-1 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-caption>[data-k="2"],[data-demo-run] .ppd-rail-item[data-k="2"] .ppd-rail-hl{animation:ppd-on-2 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-caption>[data-k="3"],[data-demo-run] .ppd-rail-item[data-k="3"] .ppd-rail-hl{animation:ppd-on-3 var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-on-0{23%{opacity:1}25%{opacity:0}95%{opacity:0}}@keyframes ppd-on-1{23%{opacity:0}25%{opacity:1}48%{opacity:1}50%{opacity:0}}@keyframes ppd-on-2{48%{opacity:0}50%{opacity:1}73%{opacity:1}75%{opacity:0}}@keyframes ppd-on-3{73%{opacity:0}75%{opacity:1}94%{opacity:1}96%{opacity:0}}[data-demo-run] .ppd-rail-item[data-k="0"] .ppd-rail-fill{animation:ppd-fill-0 var(--loop) linear infinite}[data-demo-run] .ppd-rail-item[data-k="1"] .ppd-rail-fill{animation:ppd-fill-1 var(--loop) linear infinite}[data-demo-run] .ppd-rail-item[data-k="2"] .ppd-rail-fill{animation:ppd-fill-2 var(--loop) linear infinite}[data-demo-run] .ppd-rail-item[data-k="3"] .ppd-rail-fill{animation:ppd-fill-3 var(--loop) linear infinite}@keyframes ppd-fill-0{24%{transform:scaleX(1)}97%{transform:scaleX(1)}98.5%{transform:scaleX(0)}}@keyframes ppd-fill-1{24%{transform:scaleX(0)}49%{transform:scaleX(1)}97%{transform:scaleX(1)}98.5%{transform:scaleX(0)}}@keyframes ppd-fill-2{49%{transform:scaleX(0)}74%{transform:scaleX(1)}97%{transform:scaleX(1)}98.5%{transform:scaleX(0)}}@keyframes ppd-fill-3{74%{transform:scaleX(0)}95%{transform:scaleX(1)}97%{transform:scaleX(1)}98.5%{transform:scaleX(0)}}[data-demo-run] .ppd-device{animation:ppd-device var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-device{24%{opacity:1;transform:none}26.5%{opacity:1;transform:translateX(var(--ppd-shift))}37%{opacity:1;transform:translateX(var(--ppd-shift))}39%{opacity:1;transform:none}62%{opacity:1;transform:none}64.5%{opacity:1;transform:translateX(var(--ppd-shift))}73.5%{opacity:1;transform:translateX(var(--ppd-shift))}76%{opacity:0;transform:translateX(var(--ppd-shift)) translateY(4%) scale(.94)}95%{opacity:0;transform:translateY(6%) scale(.94)}}[data-demo-run] .ppd-links{animation:ppd-links var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-links{23%{opacity:1}25%{opacity:0}94%{opacity:0}95%{opacity:1}}[data-demo-run] .ppd-link{animation:ppd-link var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes ppd-link{25%{opacity:1;transform:none}26%{opacity:0;transform:translateY(.9em)}96%{opacity:0;transform:translateY(.9em)}98.5%{opacity:1;transform:none}}[data-demo-run] .ppd-menu{animation:ppd-menu var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-menu{23.5%{opacity:0}25.5%{opacity:1}48.5%{opacity:1}50.5%{opacity:0}}[data-demo-run] .ppd-dish{animation:ppd-dish var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--i) * .1s)}@keyframes ppd-dish{23.5%{opacity:0;transform:translateX(1.2em)}27.5%{opacity:1;transform:none}}[data-demo-run] .ppd-rescan{animation:ppd-rescan var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-rescan{38.3%{opacity:0;transform:translateY(.6em) scale(.9)}39.3%{opacity:1;transform:none}44%{opacity:1;transform:none}45%{opacity:0;transform:none}}[data-demo-run] .ppd-menu-page{animation:ppd-reload var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-reload{39.6%{opacity:1}40.3%{opacity:.2}41.2%{opacity:1}}[data-demo-run] .ppd-price-old{animation:ppd-price-old var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-price-old{40.8%{opacity:1}41.2%{opacity:0}50.5%{opacity:0}51%{opacity:1}}[data-demo-run] .ppd-price-new{animation:ppd-price-new var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-price-new{40.8%{opacity:0;transform:translateY(.5em)}41.8%{opacity:1;transform:none}50.5%{opacity:1;transform:none}51%{opacity:0;transform:none}}[data-demo-run] .ppd-dish-ring{animation:ppd-ring var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-ring{41%{opacity:0;transform:scale(1.04)}42%{opacity:1;transform:none}46.5%{opacity:1;transform:none}48%{opacity:0;transform:none}}[data-demo-run] .ppd-edit{animation:ppd-edit var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-edit{26.5%{opacity:0;transform:translateY(1em)}28.5%{opacity:1;transform:none}36.5%{opacity:1;transform:none}38%{opacity:0;transform:translateY(-.5em)}}[data-demo-run] .ppd-field-ring{animation:ppd-focus var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-focus{28.8%{opacity:0}29.4%{opacity:1}31.6%{opacity:1}32.2%{opacity:0}}[data-demo-run] .ppd-caret{animation:ppd-caret var(--loop) step-end infinite}@keyframes ppd-caret{29.2%{opacity:1}29.8%{opacity:0}30.2%{opacity:1}31%{opacity:0}31.4%{opacity:1}31.8%{opacity:0}}[data-demo-run] .ppd-val-old{animation:ppd-val-old var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-val-old{30%{opacity:1}30.4%{opacity:0}49%{opacity:0}49.5%{opacity:1}}[data-demo-run] .ppd-val-new{animation:ppd-val-new var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-val-new{30.2%{opacity:0;transform:translateY(.4em)}30.9%{opacity:1;transform:none}49%{opacity:1;transform:none}49.5%{opacity:0;transform:none}}[data-demo-run] .ppd-btn{animation:ppd-press var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-press{31.8%{transform:none}32.3%{transform:scale(.93)}33%{transform:none}}[data-demo-run] .ppd-save-a{animation:ppd-save-a var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-save-a{32.2%{opacity:1}32.6%{opacity:0}49%{opacity:0}49.5%{opacity:1}}[data-demo-run] .ppd-btn-ok,[data-demo-run] .ppd-save-b{animation:ppd-save-b var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-save-b{32.2%{opacity:0}32.8%{opacity:1}49%{opacity:1}49.5%{opacity:0}}[data-demo-run] .ppd-catalog{animation:ppd-catalog var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-catalog{49.5%{opacity:0}51.5%{opacity:1}73%{opacity:1}75%{opacity:0}}[data-demo-run] .ppd-prod{animation:ppd-prod var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes ppd-prod{49.5%{opacity:0;transform:translateY(.8em)}53%{opacity:1;transform:none}}[data-demo-run] .ppd-prod[data-n="0"] .ppd-step-plus{animation:ppd-plus-0 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-prod[data-n="1"] .ppd-step-plus{animation:ppd-plus-1 var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-plus-0{54.2%{transform:none}54.6%{transform:scale(.82)}55.2%{transform:none}}@keyframes ppd-plus-1{58.2%{transform:none}58.6%{transform:scale(.82)}59.2%{transform:none}}[data-demo-run] .ppd-prod[data-n="0"] .ppd-tap{animation:ppd-tap-0 var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .ppd-prod[data-n="1"] .ppd-tap{animation:ppd-tap-1 var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .ppd-order-btn>.ppd-tap{animation:ppd-tap-2 var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-tap-0{53.8%{opacity:0;transform:scale(.4)}54.4%{opacity:1;transform:scale(1)}55.6%{opacity:0;transform:scale(1.5)}}@keyframes ppd-tap-1{57.8%{opacity:0;transform:scale(.4)}58.4%{opacity:1;transform:scale(1)}59.6%{opacity:0;transform:scale(1.5)}}@keyframes ppd-tap-2{61.6%{opacity:0;transform:scale(.4)}62.2%{opacity:1;transform:scale(1)}63.4%{opacity:0;transform:scale(1.5)}}[data-demo-run] .ppd-prod[data-n="0"] .ppd-qty-a{animation:ppd-q0-a var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-prod[data-n="0"] .ppd-qty-b{animation:ppd-q0-b var(--loop) var(--demo-ease-out) infinite}[data-demo-run] .ppd-count-a,[data-demo-run] .ppd-prod[data-n="1"] .ppd-qty-a{animation:ppd-q1-a var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-count-b,[data-demo-run] .ppd-prod[data-n="1"] .ppd-qty-b{animation:ppd-q1-b var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-q0-a{54.8%{opacity:1}55.2%{opacity:0}75%{opacity:0}76%{opacity:1}}@keyframes ppd-q0-b{54.8%{opacity:0;transform:scale(.6)}55.4%{opacity:1;transform:none}75%{opacity:1;transform:none}76%{opacity:0;transform:none}}@keyframes ppd-q1-a{58.8%{opacity:1}59.2%{opacity:0}75%{opacity:0}76%{opacity:1}}@keyframes ppd-q1-b{58.8%{opacity:0;transform:scale(.6)}59.4%{opacity:1;transform:none}75%{opacity:1;transform:none}76%{opacity:0;transform:none}}[data-demo-run] .ppd-order{animation:ppd-order var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-order{55%{opacity:0;transform:translateY(120%)}57%{opacity:1;transform:none}73%{opacity:1;transform:none}75%{opacity:0;transform:none}}[data-demo-run] .ppd-order-btn{animation:ppd-send var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-send{61.8%{transform:none}62.4%{transform:scale(.95)}63.2%{transform:none}}[data-demo-run] .ppd-wa{animation:ppd-wa var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-wa{63.5%{opacity:0;transform:translateY(1em) scale(.94)}66%{opacity:1;transform:none}72.5%{opacity:1;transform:none}74%{opacity:0;transform:none}}[data-demo-run] .ppd-smart{animation:ppd-smart var(--loop) var(--demo-ease-out) infinite}@keyframes ppd-smart{75%{opacity:0;transform:translateY(1.2em)}77.5%{opacity:1;transform:none}94%{opacity:1;transform:none}96%{opacity:0;transform:none}}[data-demo-run] .ppd-clock-time>[data-k="0"]{animation:ppd-m-0 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-clock-time>[data-k="1"],[data-demo-run] .ppd-rule[data-k="1"] .ppd-rule-hl{animation:ppd-m-1 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-clock-time>[data-k="2"],[data-demo-run] .ppd-rule[data-k="2"] .ppd-rule-hl{animation:ppd-m-2 var(--loop) var(--demo-ease-io) infinite}[data-demo-run] .ppd-rule[data-k="0"] .ppd-rule-hl{animation:ppd-r-0 var(--loop) var(--demo-ease-io) infinite}@keyframes ppd-m-0{82.5%{opacity:1}83.5%{opacity:0}97%{opacity:0}}@keyframes ppd-r-0{77.5%{opacity:0}78.5%{opacity:1}82.5%{opacity:1}83.5%{opacity:0}}@keyframes ppd-m-1{82.5%{opacity:0}83.5%{opacity:1}88.5%{opacity:1}89.5%{opacity:0}}@keyframes ppd-m-2{88.5%{opacity:0}89.5%{opacity:1}95%{opacity:1}96%{opacity:0}}[data-demo-run] .ppd-ab-fill{animation:ppd-ab var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--i) * .2s)}@keyframes ppd-ab{76.5%{transform:scaleX(0)}80%{transform:none}}[data-demo-run] .ppd-heat .demo-heat-cell{animation:ppd-heat var(--loop) var(--demo-ease-out) infinite;animation-delay:calc(var(--c) * 25ms)}@keyframes ppd-heat{76%{transform:scale(0)}79%{transform:none}}