.mock[data-astro-cid-wmnzlvyw]{perspective:1400px;position:relative}.device[data-astro-cid-wmnzlvyw]{border:1px solid var(--c-border-strong);background:var(--c-surface);box-shadow:var(--shadow-lg);transform-origin:50% 60%;border-radius:18px;animation:9s ease-in-out infinite float;overflow:hidden;@media (width>=64rem){transform:rotateY(-7deg)rotateX(4deg);&:where(:dir(rtl) *){transform:rotateY(7deg)rotateX(4deg)}}}.chrome[data-astro-cid-wmnzlvyw]{border-bottom:1px solid var(--c-border);align-items:center;gap:.75rem;height:2.5rem;padding-inline:.875rem;display:flex}.lights[data-astro-cid-wmnzlvyw]{gap:6px;display:flex;& i{background:var(--c-border-strong);border-radius:9999px;width:10px;height:10px}}.tabs[data-astro-cid-wmnzlvyw]{color:var(--c-muted);gap:6px;font-size:.72rem;font-weight:600;display:flex;&>span[data-astro-cid-wmnzlvyw]{border-radius:8px;padding:4px 10px}& .on{background:var(--c-bg);color:var(--c-ink);box-shadow:0 0 0 1px var(--c-border);align-items:center;gap:6px;display:inline-flex;&:before{content:"";background:var(--hue-2);border-radius:9999px;width:7px;height:7px}}}.screen[data-astro-cid-wmnzlvyw]{aspect-ratio:16/10;background:radial-gradient(120% 90% at 20% 0%, color-mix(in oklab, var(--hue) 12%, var(--c-surface)), color-mix(in oklab, var(--hue) 26%, var(--c-surface)));position:relative;overflow:hidden;container-type:inline-size}.panel[data-astro-cid-wmnzlvyw]{background:var(--c-surface);height:86%;box-shadow:var(--shadow-md);border-radius:1.4cqi;padding:3cqi;font-size:1.9cqi;font-weight:600;line-height:1;position:absolute;top:7%}.panel[data-astro-cid-wmnzlvyw] i[data-astro-cid-wmnzlvyw],.panel[data-astro-cid-wmnzlvyw] s[data-astro-cid-wmnzlvyw],.panel[data-astro-cid-wmnzlvyw] b[data-astro-cid-wmnzlvyw]{background:var(--c-border);border-radius:9999px;text-decoration:none;display:block}.list[data-astro-cid-wmnzlvyw]{grid-template-rows:1fr repeat(5,1.3fr);width:56%;display:grid;left:4%}.search[data-astro-cid-wmnzlvyw]{border:1px solid var(--c-border);align-self:center;height:4.2cqi;background:var(--c-bg)!important}.row[data-astro-cid-wmnzlvyw]{border-radius:1cqi;align-items:center;gap:2cqi;padding-inline:1.5cqi;display:flex;& b{background:color-mix(in oklab, var(--hue) 20%, var(--c-surface));border-radius:1cqi;flex-shrink:0;width:4.5cqi;height:4.5cqi}& .lines{flex:1;gap:1cqi;display:grid;& i:first-child{width:78%;height:1.3cqi}& i:last-child{opacity:.6;width:46%;height:1cqi}}& s{width:7cqi;height:1.4cqi}&:nth-child(3) .lines[data-astro-cid-wmnzlvyw] i[data-astro-cid-wmnzlvyw]:first-child{width:64%}&:nth-child(5) .lines[data-astro-cid-wmnzlvyw] i[data-astro-cid-wmnzlvyw]:first-child{width:70%}}.pick[data-astro-cid-wmnzlvyw]{background:color-mix(in oklab, var(--hue) 14%, transparent);animation:10s ease-out infinite mock-pick;& b{background:var(--hue)}}.ticket[data-astro-cid-wmnzlvyw]{flex-direction:column;gap:2.2cqi;width:33%;display:flex;left:63%}.line[data-astro-cid-wmnzlvyw]{justify-content:space-between;align-items:center;gap:2cqi;display:flex;& i{width:60%;height:1.2cqi}& s{width:5cqi;height:1.2cqi}}.new[data-astro-cid-wmnzlvyw]{animation:10s ease-out infinite mock-line;& i{background:color-mix(in oklab, var(--hue) 55%, var(--c-border))}}.total[data-astro-cid-wmnzlvyw]{border-top:1px dashed var(--c-border-strong);color:var(--c-muted);gap:1.4cqi;margin-top:auto;padding-top:2cqi;display:grid;& i{background:var(--c-ink);width:80%;height:3cqi;animation:10s ease-out infinite mock-total}}.pay[data-astro-cid-wmnzlvyw]{background:linear-gradient(180deg, var(--hue-2), var(--hue));color:#fff;border-radius:1.2cqi;place-items:center;height:8cqi;animation:10s ease-out infinite mock-press;display:grid;position:relative;overflow:hidden}.done[data-astro-cid-wmnzlvyw]{background:var(--c-success);opacity:0;place-items:center;font-size:3.4cqi;animation:10s ease-out infinite mock-done;display:grid;position:absolute;inset:0}.cursor[data-astro-cid-wmnzlvyw]{z-index:3;aspect-ratio:1;filter:drop-shadow(0 2px 3px #0000004d);width:5%;animation:10s cubic-bezier(.45,0,.2,1) infinite mock-cursor;position:absolute;top:46%;left:88%;& svg{width:100%;height:100%;overflow:visible}}.click[data-astro-cid-wmnzlvyw]{stroke:var(--hue-2);opacity:0;transform-origin:3px 3px;transform-box:view-box;animation:10s ease-out infinite mock-click}@keyframes mock-cursor{0%{top:46%;left:88%}11%,16%{top:55%;left:34%}32%,60%{top:82%;left:79%}80%,to{top:46%;left:88%}}@keyframes mock-click{0%,12%,17%,33%,38%,to{opacity:0;transform:scale(.4)}13%,34%{opacity:1;transform:scale(1.4)}16%,37%{opacity:0;transform:scale(2.2)}}@keyframes mock-pick{0%,12%{background:0 0}15%,90%{background:color-mix(in oklab, var(--hue) 14%, transparent)}96%,to{background:0 0}}@keyframes mock-line{0%,14%{opacity:0;transform:translateY(-40%)}19%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes mock-total{0%,15%{width:55%}21%,90%{width:80%}96%,to{width:55%}}@keyframes mock-press{0%,33%,38%,to{transform:none}35%{transform:scale(.94)}}@keyframes mock-done{0%,35%{opacity:0}39%,88%{opacity:1}94%,to{opacity:0}}.chip[data-astro-cid-wmnzlvyw]{z-index:4;border:1px solid var(--c-border);background:var(--c-glass);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);color:var(--c-ink);white-space:nowrap;border-radius:14px;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex;position:absolute;& small{color:var(--c-muted);margin-top:2px;font-size:.72rem;font-weight:500;display:block}}.chip-a[data-astro-cid-wmnzlvyw]{animation:6s ease-in-out infinite bob;bottom:12%;left:-1.5rem}.chip-b[data-astro-cid-wmnzlvyw]{animation:7s ease-in-out -2s infinite bob;top:16%;right:-1.25rem}.ico[data-astro-cid-wmnzlvyw]{background:color-mix(in oklab, var(--hue-2) 22%, transparent);width:30px;height:30px;color:var(--hue);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.live[data-astro-cid-wmnzlvyw]{background:var(--hue-2);border-radius:9999px;width:8px;height:8px;margin-inline-end:7px;animation:2s ease-out infinite ping;display:inline-block}.bar[data-astro-cid-wmnzlvyw]{background:var(--c-border);border-radius:3px;width:110px;height:5px;margin-top:6px;display:block;overflow:hidden;& i{background:linear-gradient(90deg, var(--hue), var(--hue-2));border-radius:3px;width:100%;height:100%;animation:4.5s cubic-bezier(.4,0,.2,1) infinite mock-fill;display:block}}@keyframes mock-fill{0%{width:4%}80%,to{width:100%}}@media (width<32rem){.chip-a[data-astro-cid-wmnzlvyw]{bottom:6%;left:-.25rem}.chip-b[data-astro-cid-wmnzlvyw]{top:12%;right:-.25rem}.chip[data-astro-cid-wmnzlvyw] small[data-astro-cid-wmnzlvyw]{display:none}.bar[data-astro-cid-wmnzlvyw]{width:70px}}