.demo-dispatch table{border-collapse:collapse;width:100%}.demo-dispatch th{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:left;white-space:nowrap;padding:14px 12px 8px;font-size:10px;font-weight:500}.demo-dispatch tbody tr{position:relative}.demo-dispatch td{border-top:1px solid var(--hairline);vertical-align:middle;white-space:nowrap;padding:10px 12px;font-size:13px}.demo-dispatch tbody tr.dd-row{cursor:pointer;transition:background-color .15s}.demo-dispatch tbody tr.dd-row:hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}.demo-dispatch .dd-sliver{height:2px;transition:width 1s linear,background-color .4s;position:absolute;bottom:0;left:0}.demo-dispatch input[type=range]{accent-color:var(--accent);width:100%}.demo-dispatch pre{font-family:var(--font-mono), ui-monospace, monospace;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.7}.demo-dispatch select,.demo-dispatch input[type=text],.demo-dispatch input[type=time]{border:1px solid var(--hairline);color:var(--ink);background:0 0;border-radius:10px;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.demo-dispatch select:focus,.demo-dispatch input[type=text]:focus,.demo-dispatch input[type=time]:focus{border-color:var(--accent);outline:none}.demo-dispatch select option{background:var(--surface);color:var(--ink)}