.demo-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:#1b1d1b;color:#f4efe2;border:1px solid #e9c46a;border-radius:99px;padding:8px 10px 8px 18px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:13px;max-width:calc(100vw - 32px)}.demo-bar b{color:#ffc20e;white-space:nowrap}.demo-bar span{color:#cfc8b6}.demo-bar button{font:inherit;font-weight:600;font-size:12.5px;background:#ffc20e;color:#181b19;border:0;border-radius:99px;padding:6px 14px;cursor:pointer}@media (max-width:700px){.demo-bar span{display:none}}.va-bar{position:sticky;top:0;z-index:55;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#1b1d1b;color:#f4efe2;border-bottom:2px solid #ffc20e;padding:9px max(16px,2vw);font-size:13px}.va-bar>span:nth-child(2){display:grid;flex:1;min-width:200px}.va-bar small{color:#cfc6b0}.va-eye{font-size:20px}.va-intro{margin:0 0 12px}.va-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.va-card{border:1px solid #e6dcc3;border-radius:12px;padding:12px;display:grid;gap:8px;align-content:start;background:#fffdf8}.va-card.on{border-color:#ffc20e;box-shadow:0 0 0 2px #ffc20e66}.va-card p{margin:0;font-size:12.5px;color:#6d6658}.va-h{display:flex;gap:10px;align-items:center}.va-h div{display:grid}.va-h small{color:#8a8170;font-size:11.5px}.va-ic{width:36px;height:36px;border-radius:10px;background:#fff3d1;display:grid;place-items:center;font-size:18px;flex:none}.va-people{display:flex;gap:6px;flex-wrap:wrap}.va-person{border:1px solid #e0d8c6;background:#fff;border-radius:99px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}.va-person.on,.va-person:hover{border-color:#ffc20e;background:#fff6d6}.va-none{color:#9a917f;font-size:12px}.va-foot{display:flex;justify-content:flex-end;margin-top:12px}.va-bar{margin-bottom:16px;border-radius:12px;border:0;box-shadow:inset 0 -2px 0 #ffc20e}