.cs{width:100%;container-type:inline-size}.cs,.cs-stage{position:relative}.cs-stage{height:92cqw}.cs-counter{position:absolute;left:-6cqw;right:-10cqw;top:82cqw;height:12cqw;border-top:1px solid rgba(148,178,255,.22);background:linear-gradient(180deg,rgba(90,155,255,.12),rgba(90,155,255,.03) 40%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.cs-tv{position:absolute;left:34cqw;top:0;width:63cqw;transform:perspective(170cqw) rotateY(-12deg) rotateX(2deg);transform-origin:0 50%}.cs-tv .ss{--ss-amb-blur:4cqw;--ss-amb-o:0.34}.cs-terminal{position:absolute;left:12cqw;top:21cqw;width:65cqw;height:67cqw}.cs-terminal .ps{--ps-glow:rgba(61,142,242,.55)}.cs-terminal .ps-screen{box-shadow:0 0 5cqw -.5cqw rgba(61,142,242,.45)}.cs-card{position:absolute;left:4.5cqw;top:56.5cqw;width:19cqw;transform:rotate(-8deg);transform-origin:50% 100%;filter:drop-shadow(0 3cqw 3cqw rgba(0,0,0,.5))}.cs-printer-wrap{position:absolute;left:76cqw;top:41cqw;width:21cqw;height:46cqw}.cs-receipt{position:absolute;left:2.6cqw;right:2.6cqw;bottom:9.3cqw}.cs-receipt .rc{--rc-tilt:-1.5deg;transform-origin:50% 100%}.cs-printer{position:absolute;left:0;right:0;bottom:0;height:10cqw;border-radius:2.2cqw 2.2cqw 2.6cqw 2.6cqw;background:linear-gradient(180deg,#2c3546,#161d2b 40%,#0b1018);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 0 0 1px hsla(0,0%,100%,.06),0 3cqw 5cqw -1.5cqw rgba(0,0,0,.7)}.cs-printer-slot{position:absolute;left:2cqw;right:2cqw;top:1.1cqw;height:.9cqw;border-radius:1cqw;background:#04070c;box-shadow:0 1px 0 hsla(0,0%,100%,.12)}.cs-printer-led{position:absolute;right:2.4cqw;bottom:2.4cqw;width:1.1cqw;height:1.1cqw;border-radius:50%;background:var(--signal);box-shadow:0 0 1.4cqw rgba(197,242,59,.8)}[data-stage="8"] .cs-printer-led{animation:cs-blink .35s steps(2,jump-none) infinite}@keyframes cs-blink{50%{opacity:.25}}.cs-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.8cqw 1.1cqw 1.1cqw;border:1px solid rgba(148,178,255,.22);border-radius:99px;background:rgba(10,18,34,.62);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 2cqw 5cqw -1.5cqw rgba(0,0,0,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);font-size:max(10px,1.55cqw);line-height:1.25;white-space:nowrap;transition:opacity .5s var(--ease-out),transform .7s var(--ease-out)}.cs-chip-icon{flex:none;display:grid;place-items:center;width:max(24px,3.6cqw);height:max(24px,3.6cqw);border-radius:50%;background:rgba(90,155,255,.18);color:var(--blue-300)}.cs-chip-icon svg{width:55%;height:55%}.cs-chip-text{display:grid}.cs-chip-text strong{font-weight:600;color:var(--on-night)}.cs-chip-text span{font-family:var(--ff-mono);font-size:.86em;color:var(--on-night-2)}.cs-chip--paid{left:2cqw;top:47cqw}.cs-chip--paid .cs-chip-icon{background:var(--signal);color:var(--ink);box-shadow:0 0 2cqw rgba(197,242,59,.55)}.cs-chip--order{left:2cqw;top:9cqw}.cs-chip--order .cs-chip-icon{background:var(--grad-brand);color:#fff}.cs-chip--menu{right:3cqw;top:33cqw}.cs-chip--menu .cs-chip-icon{background:rgba(34,211,238,.16);color:#7ae6f7}[data-reached]:not([data-reached~="10"]) .cs-chip--menu,[data-reached]:not([data-reached~="7"]) .cs-chip--paid,[data-reached]:not([data-reached~="9"]) .cs-chip--order{opacity:0;transform:translateY(1.6cqw) scale(.96)}[data-stage="7"] .cs-chip--paid .cs-chip-icon,[data-stage="9"] .cs-chip--order .cs-chip-icon{animation:cs-ping 1s var(--ease-out)}@keyframes cs-ping{0%{box-shadow:0 0 0 0 rgba(141,184,255,.7)}to{box-shadow:0 0 0 3cqw rgba(141,184,255,0)}}@container (max-width: 620px){.cs-chip--menu{display:none}.cs-chip{gap:6px;padding:5px 10px 5px 5px}.cs-chip--order{left:3cqw;top:8cqw}.cs-chip--paid{left:2cqw;top:auto;bottom:0}}