.vert-simulation{position:relative;width:100%;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--va) 9%,transparent),transparent 72%),#101116;box-shadow:0 24px 60px -30px #000;animation:vs-enter .55s var(--ease) both}.vs-topline,.vs-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:24px}.vs-topline{padding-top:23px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#858692}.vs-topline>span:first-child{color:var(--va);display:flex;align-items:center;gap:6px}.vs-topline i{width:5px;height:5px;border-radius:50%;background:currentColor}.vs-heading{margin-top:12px;min-height:36px}.vs-heading h4{font-size:clamp(1rem,1.5vw,1.22rem);letter-spacing:-.035em;font-weight:580}.vs-pause{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:50%;color:var(--text);background:#ffffff0a;cursor:pointer}.vs-pause:hover{background:#ffffff1a}.vs-pause svg{width:12px;height:12px;fill:currentColor;stroke:currentColor;stroke-width:2}.vs-canvas{display:block;width:100%;aspect-ratio:5 / 3;overflow:visible;margin-top:10px}.vs-grid{color:#b0b1c0;opacity:.13}.vs-atmosphere{fill:var(--va);opacity:.025}.vs-ground{fill:#050608;opacity:.6}.vs-building{fill:#343640;stroke:#5a5c67;stroke-width:1}.vs-side{fill:#22242d;stroke:#444651;stroke-width:1}.vs-roof{fill:#4a4d5b;stroke:#737785;stroke-width:1}.vs-sign{fill:color-mix(in srgb,var(--va) 19%,#252630)}.vs-brand{fill:#f4f5f2;font-size:12px;font-weight:650;letter-spacing:.08em}.vs-awning{fill:color-mix(in srgb,var(--va) 60%,#353744)}.vs-awning-stripes{stroke:#fff;stroke-opacity:.3;stroke-width:10}.vs-window{fill:#14161d;stroke:#5c5f70;stroke-width:1}.vs-detail{stroke:#9498ae;stroke-width:1.4;fill:none}.vs-tape{stroke:var(--va);stroke-width:7;fill:none}.vs-tree{stroke:#8e9988;stroke-width:3;stroke-linecap:round}.vs-leaves{fill:color-mix(in srgb,var(--va) 22%,#3c6254);stroke:#638573;stroke-width:1}.vs-label{fill:#898c9d;font-family:var(--mono);font-size:10px;letter-spacing:.1em}.vs-object{opacity:.68;transition:opacity .6s ease}.vs-object[data-active=true]{opacity:1}.vs-object[data-active=true] .vs-building{fill:color-mix(in srgb,var(--va) 24%,#343640);stroke:color-mix(in srgb,var(--va) 65%,#5a5c67)}.vs-object[data-active=true] .vs-roof{fill:color-mix(in srgb,var(--va) 30%,#4a4d5b)}.vs-object[data-active=true] .vs-window{fill:color-mix(in srgb,var(--va) 14%,#14161d)}.vs-object[data-active=true] .vs-card{stroke:color-mix(in srgb,var(--va) 50%,#30323d)}.vs-building,.vs-roof,.vs-window,.vs-card{transition:fill .6s ease,stroke .6s ease}.vs-card{fill:#1d1f28;stroke:#454756;stroke-width:1}.vs-card-title{fill:#e8e9f2;font-size:13px;font-weight:600}.vs-card-copy{fill:#b6b8c6;font-size:11px}.vs-check{stroke:var(--va);stroke-width:1.5;fill:none}.vs-shirt{fill:#ebd0bb;stroke:#fbe6d6;stroke-width:1}.vs-product{transform-box:fill-box;transform-origin:center;animation:vs-float 5s ease-in-out infinite}.vs-track{stroke:#464853;stroke-width:2;fill:none}.vs-flow{stroke:var(--va);stroke-width:3;stroke-dasharray:6 11;fill:none;opacity:0;transition:opacity .45s;animation:vs-flow 1.2s linear infinite}.vs-route[data-active=true] .vs-flow{opacity:.95}.vs-map-blocks rect{fill:#1c202a;stroke:#343944;stroke-width:1}.vs-street{stroke:#3b414d;stroke-width:1;stroke-dasharray:4 7;fill:none}.vs-rider{offset-path:path("M156 199H230Q244 199 244 185V175Q244 161 258 161H383Q397 161 397 175V211H467");offset-rotate:0deg;transition:offset-distance 1.8s cubic-bezier(.4,0,.2,1)}.vs-rider-halo{fill:var(--va);opacity:.13}.vs-rider-dot{fill:var(--va);stroke:#d5f8ff;stroke-width:2}.vs-eta{fill:var(--va);font-size:37px;font-weight:550;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.vs-cart{fill:none;stroke:var(--va);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.vs-plate{fill:#d3d0c3;stroke:#f9f4e6;stroke-width:2}.vs-pizza-crust{fill:#eabf72;stroke:#8d612b;stroke-width:1}.vs-pizza-cheese{fill:#f8d982;stroke:#d7733e;stroke-width:2}.vs-pepperoni{fill:#be4735;stroke:#9c382a;stroke-width:.5}.vs-steam{fill:none;stroke:var(--va);stroke-width:2;stroke-linecap:round;opacity:.2}.vs-steam[data-active=true]{opacity:.8;animation:vs-steam 2s ease-in-out infinite}.vs-status{padding:4px 24px 20px;min-height:88px}.vs-metric{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--va)}.vs-status p{color:#b6b8c6;font-size:12px;margin-top:7px;min-height:2.8em;line-height:1.4}.vs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:16px;border-top:1px solid var(--line-soft);background:#ffffff04}.vs-steps button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;min-height:45px;padding:8px 4px 12px;border:none;border-radius:9px;background:transparent;color:#a4a6b7;font-size:12px;font-weight:550;cursor:pointer;transition:background .3s,color .3s}.vs-steps button:hover{background:#ffffff0a;color:#fff}.vs-step-number{font-family:var(--mono);font-size:9px;opacity:.5}.vs-steps button[aria-pressed=true]{color:#fff;background:color-mix(in srgb,var(--va) 10%,transparent)}.vs-steps i{position:absolute;inset:auto 12px 3px;height:2px;border-radius:2px;background:var(--va);transform:scaleX(0);transform-origin:left}.vs-steps button[aria-pressed=true] i{transform:scaleX(1)}.vert-simulation[data-playing=true] .vs-steps button[aria-pressed=true] i{animation:vs-progress 2.8s linear both}.vert-simulation[data-playing=false] .vs-flow,.vert-simulation[data-playing=false] .vs-product,.vert-simulation[data-playing=false] .vs-steam{animation-play-state:paused}@keyframes vs-enter{0%{opacity:0}to{opacity:1}}@keyframes vs-flow{to{stroke-dashoffset:-34}}@keyframes vs-float{50%{translate:0 -5px}}@keyframes vs-steam{50%{translate:0 -5px;opacity:.35}}@keyframes vs-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:560px){.vs-topline,.vs-heading{padding-inline:16px}.vs-topline{font-size:7px;letter-spacing:.02em}.vs-heading h4{font-size:1rem}.vs-status{padding-inline:16px;min-height:95px}.vs-steps{padding:10px;gap:2px}.vs-steps button{font-size:11px;gap:5px}}@media(prefers-reduced-motion:reduce){.vert-simulation,.vert-simulation *{animation:none!important;transition:none!important}}
