.query-demo{color:#172033;background:#fff;flex-direction:column;min-width:0;height:100%;min-height:0;font:13px/1.5 system-ui,sans-serif;display:flex;overflow:hidden}.query-demo>form,.query-demo>section{border-bottom:1px solid #98a2b3;flex-shrink:0;padding:8px 10px}.query-demo>form>fieldset{border:0;flex-wrap:wrap;align-items:end;gap:8px;min-width:0;margin:0;padding:0;display:flex}.query-demo>form>fieldset label{flex-direction:column;gap:3px;display:flex}.query-demo>form>fieldset button,.query-demo>form>fieldset input,.query-demo>form>fieldset select,.query-results button{font:inherit;color:inherit;background:0 0;border:1px solid #98a2b3;border-radius:5px;padding:5px 8px}.query-demo>form>fieldset input{width:170px}.query-demo>form>fieldset button,.query-results button{cursor:pointer}.query-demo>form>fieldset :focus-visible,.query-results :focus-visible{outline-offset:2px;outline:2px solid #6941c6}.query-demo>form>fieldset:disabled{opacity:.6}.query-summary{margin:0 0 4px}.query-results{flex-wrap:wrap;gap:6px;max-height:76px;display:flex;overflow:auto}.query-demo>[role=alert]{color:#b42318;background:#fff1f0;margin:0;padding:6px 10px}.query-editor{flex:1;min-width:0;min-height:0;position:relative}.query-editor:focus-visible{outline-offset:-2px;outline:2px solid #6941c6}.query-demo[data-theme=dark]{color:#f2f4f7;background:#101828}.query-demo[data-theme=dark]>form>fieldset select{background:#1d2939}