.ui-demo{margin:38px 0 0;min-width:0}.ui-demo-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;font-size:11px;border-top:1px solid #c4cdbb;color:#6a765f}.ui-demo-head strong{font-weight:500;color:#3e4b34}.ui-demo-frame{position:relative;background:#11161b;border:1px solid #bcc7b2;overflow:hidden}.ui-demo-frame video{display:block;width:100%;height:auto;aspect-ratio:20/9;object-fit:contain;background:#11161b}.ui-demo figcaption{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:12px;font-size:11px;line-height:1.8;color:#7a866e}.ui-demo figcaption a{white-space:nowrap;text-underline-offset:3px}.ui-demo-toggle{position:absolute;right:12px;bottom:12px;background:#101a1be8;color:#f0f3ec;border:1px solid #cfdfbe88;border-radius:4px;padding:8px 12px;font-size:11px}.ui-demo-toggle:hover{background:#27372b}.ui-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;grid-column:1/-1}.ui-demo-grid .ui-demo{margin-top:10px}.ui-demo-progress{max-width:1100px;margin-left:auto;margin-right:auto}.ui-demo-supervisors{margin-top:35px}.ui-demo [hidden]{display:none}
@media(max-width:760px){.ui-demo{margin-top:26px}.ui-demo-grid{grid-template-columns:1fr;gap:24px}.ui-demo-head{font-size:10px;padding:10px 0}.ui-demo figcaption{font-size:10px;gap:12px;flex-wrap:wrap}.ui-demo-toggle{font-size:10px;padding:6px 9px;right:8px;bottom:8px}}