.street-scene{isolation:isolate;width:100%;max-width:40rem;margin-inline:auto;padding-bottom:8rem;position:relative}.street-scene__image{position:relative}.street-scene__photo{aspect-ratio:4/5;object-fit:cover;background:#181e1a;border-radius:1rem;width:100%;height:auto;display:block}.street-scene__qr{color:#101713;text-align:center;background:#f5f7f5;border-radius:.375rem;gap:.5rem;width:5.5rem;padding:.75rem;font-size:.875rem;font-weight:500;display:grid;position:absolute;top:40%;right:1rem}.street-scene__qr img{filter:brightness(0);width:100%;height:auto}.street-scene__order{width:min(19rem,100% - 2rem);color:var(--table-ink);background:#111813;border:1px solid #3c453f;border-radius:.75rem;padding:1rem;position:absolute;bottom:0;right:1rem}.street-scene__code{margin:0 0 .75rem;font-size:1.125rem;font-weight:500}.street-scene__order ul{color:#c5cdc8;gap:.25rem;font-size:.875rem;line-height:1.5;display:grid}.street-scene__order li>span{color:var(--table-muted);margin-right:.25rem}.street-scene__amount{color:var(--table-muted);justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.street-scene__amount strong{color:var(--table-ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.street-scene__status{color:#c5cdc8;border-top:1px solid #303a33;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.875rem;display:flex}.street-scene[data-running=true] .street-scene__order{animation:street-order-enter .7s var(--table-ease) both}.street-demo{align-items:center;gap:2rem;display:grid}.street-demo__copy h2{margin:0;font-size:clamp(2rem,3.8vw,3.125rem);line-height:1.12}.street-demo__copy>p{max-width:33rem;color:var(--table-muted);text-wrap:pretty;margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.street-demo__reset{min-height:44px;color:var(--table-muted);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 0;font-size:.875rem;display:inline-flex}.street-demo__reset:hover{color:var(--table-ink);text-underline-offset:4px;text-decoration:underline}.street-demo__workspace{min-width:0}.street-board{min-width:0;color:var(--table-ink);background:#131615;border:1px solid #303433;border-radius:.75rem}.street-board__orders{width:fit-content;max-width:calc(100% - 2rem);margin:1rem auto .75rem}.street-board__identity{align-items:center;gap:.5rem;display:flex}.street-board__identity>strong{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:500}.street-board__avatar{border:2px solid #414644;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:block}.street-board__avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.street-demo[data-arriving=true] .street-board__avatar{animation:street-avatar-arrival .7s var(--table-ease) var(--arrival-delay) both}.street-board__tab-status{color:#aeb6b2;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.street-board__tab-status[data-ready=true]{color:#8aedb0}.street-board__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.street-board__details{border-radius:0 0 .75rem .75rem;min-width:0;display:grid;overflow:clip}.street-ticket{opacity:0;pointer-events:none;min-width:0;transition:opacity .25s var(--table-ease), transform .25s var(--table-ease);flex-direction:column;grid-area:1/1;gap:1.5rem;padding:1.5rem 1rem;display:flex;transform:translateY(12px)}.street-ticket[data-active=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.street-board__details:not([data-changing=true]) .street-ticket{transition:none}.street-ticket__heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.street-ticket__heading h3{color:var(--table-ink);margin:0;font-family:inherit;font-size:1.25rem;font-weight:500;line-height:1.3}.street-ticket__heading h3 strong{font-weight:inherit;white-space:nowrap}.street-ticket__heading>span{color:#8aedb0;align-items:center;gap:.25rem;font-size:.875rem;display:flex}.street-ticket__products{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.street-ticket__product{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.street-ticket__product>img{object-fit:cover;border-radius:.375rem;width:48px;height:48px}.street-ticket__product-copy{min-width:0}.street-ticket__product-name{color:var(--table-ink);margin:0;font-size:1rem;font-weight:500;line-height:1.4}.street-ticket__quantity{color:var(--table-muted);white-space:nowrap;font-weight:400}.street-ticket__unit-price{color:var(--table-muted);margin-top:.25rem;font-size:.875rem}.street-ticket__line-amount{color:var(--table-ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1rem;font-weight:500}.street-ticket__amount{color:var(--table-muted);border-top:1px solid #303433;justify-content:space-between;align-items:baseline;gap:.5rem;padding-top:1rem;font-size:.875rem;display:flex}.street-ticket__amount strong{color:var(--table-ink);white-space:nowrap;font-size:1.125rem;font-weight:500}.street-ticket__footer{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.street-ticket__status{color:#c5ccc8;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.street-ticket__status[data-ready=true]{color:#8aedb0}.street-ticket__action{background:var(--table-green);color:#07100a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-size:.9375rem;display:flex}.street-ticket__action:hover{background:#66e99b}.street-ticket__action[aria-disabled=true]{color:#b0e8c4;cursor:default;background:#253e2e}.street-demo__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1rem;margin-top:.5rem;display:flex}.street-landing :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--table-green);outline-offset:4px}.street-ticket:focus-visible{outline-offset:-5px}@keyframes street-order-enter{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes street-avatar-arrival{0%,to{border-color:#414644}35%{border-color:#8aedb0}}@media (width>=480px){.street-board__orders{margin-top:1.25rem}}@media (width>=768px){.street-scene{padding-bottom:4rem}.street-scene__photo{aspect-ratio:1}.street-scene__order{right:1.5rem}.street-scene__qr{width:6rem;right:1.5rem}.street-board__orders{margin-top:1.5rem}.street-ticket{padding:1.5rem}.street-ticket__footer{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.street-scene{max-width:32rem}.street-scene__photo{aspect-ratio:4/5}.street-demo{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:3rem}.street-demo__copy>p{max-width:26rem}}@media (width<=389px){.street-ticket{padding:1rem}.street-ticket__product{gap:.5rem}.street-ticket__product>img{width:32px;height:40px}.street-scene__order{padding:1rem}.street-demo__copy>p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.street-landing *,.street-landing :before,.street-landing :after{transition:none!important;animation:none!important}}