.laptop{width:94%;margin:0 auto}.laptop-screen{border:10px solid #090b0d;border-radius:14px 14px 0 0;background:var(--bg)}.app-bar{display:flex;justify-content:space-between;background:#22292e;padding:12px 18px;font-size:12px}.tender-content{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:20px}.tender-content aside{border-right:1px solid var(--line);font-size:13px;padding:12px}.tender-content aside p{margin-top:20px;color:var(--muted)}.tender-content table{font-size:13px}.tender-content td,.tender-content th{padding:8px}.chip{display:inline-block;white-space:nowrap;background:#7fb2e51a;color:var(--accent);padding:3px 10px;font-size:12px}.chip.pending{color:var(--text);border:1px dashed var(--muted);background:transparent}.chip.updated{animation:status-update .8s ease}.laptop-base{height:15px;background:#485159;clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);margin:0 -25px}.demo-button{font-size:13px}@keyframes status-update{50%{background:#7fb2e566}}@media(max-width:700px){.laptop{width:100%}.laptop-screen{border:4px solid #090b0d}.app-bar{padding:10px;font-size:11px}.app-bar span:last-child{display:none}.tender-content{display:block;padding:8px}.tender-content aside{display:none}.tender-content td,.tender-content th{padding:10px 3px;font-size:10px}.chip{padding:3px;font-size:10px}.laptop-base{margin:0 -8px;height:10px}}

@media(max-width:700px){.tender-content td,.tender-content th,.chip{font-size:12px}.tender-content td:first-child{width:34%}.chip{white-space:normal}.tender-content td:last-child{width:32%}}