code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;interpolate-size:allow-keywords}*{margin:0;line-height:calc(4px + 2ex)}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}p{-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.visually-hidden:not(:focus,:active){clip-path:inset(100%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}text-input{margin:1.4rem 0;display:block}text-input .input{position:relative}:is(text-input .input) label{color:var(--gray-text,#999);pointer-events:none;margin-top:0;font-size:1.2rem;transition:all .2s;position:absolute;left:.8rem}:is(text-input .input) input{border-radius:var(--radius,4px);border:2px solid #000;padding:10px 10px 10px 5px;font-size:1.2rem;display:block}:is(:is(text-input .input) input):disabled{opacity:.4}:is(:is(text-input .input) input):disabled:hover{cursor:not-allowed}:is(:is(text-input .input) input):disabled~label{opacity:.4}:is(:is(text-input .input) input):not(:placeholder-shown)~label{color:#000;left:.5rem}:is(text-input .input) input{width:calc(100% - 1rem)}:is(:is(text-input .input) input):focus{outline:none}:is(:is(text-input .input) input):focus~label{color:#000;left:.5rem}:is(:is(text-input .input) input):focus{border-bottom:2px solid #000}:is(:is(text-input .input) input):invalid:not(:focus):not(:placeholder-shown){border-color:var(--text-input-error-border,red)}:is(:is(text-input .input) input):invalid:not(:focus):not(:placeholder-shown)~.requirements{max-height:200px;padding:0 30px 20px 50px}:is(text-input .input) .requirements{max-height:0;color:var(--text-input-error-text);padding:0 30px 0 50px;font-style:italic;transition:all .28s;overflow:hidden}:is(text-input .input) label{color:#5f5f5f;pointer-events:none;font-size:18px;font-weight:400;transition:all .2s;position:absolute;top:14px;left:8px}:is(text-input .input) input:focus~label,:is(text-input .input) input:not(:placeholder-shown)~label{color:#000;font-size:14px;top:-18px}:root{--maxw:35rem;--error-bgc:red;--focus-border-color:#06c;--off-white:#faf9f6;--danger:red;--status-connecting:#f90;--status-connected:#090;--status-disconnected:#c00}.doc-id{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.doc-id span{font-weight:100}body{background-color:var(--off-white,green);max-width:30rem;margin:1rem auto 8rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;opacity:1!important}body pre{background-color:#fff!important}p{margin-bottom:1rem}header{margin-bottom:2rem}header h1{margin-bottom:1rem}header nav a{color:inherit;border:1px solid;margin:0 .25rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-block}header nav a:hover{background-color:#f0f0f0}form{max-width:30rem;margin:0 auto}.controls{text-align:right;margin-top:1rem}textarea{border:1px solid;outline:1px solid #0000;min-width:100%;min-height:20rem;padding:1rem;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out}textarea:focus,textarea:active,textarea:focus-visible{border-color:var(--focus-border-color);outline-color:var(--focus-border-color)}:not(:defined){visibility:hidden}text-input .input input{border-radius:0;width:100%}.status{width:100%}.connector{background-color:#fff;border:1px solid;margin-bottom:1rem;padding:1.4rem 1rem 1rem}.connector text-input{margin-bottom:.5rem}.connector .instructions{opacity:.8}.form-group.radios{border:1px solid #000;margin-bottom:1rem;padding:1rem}.form-group.radios legend{margin-bottom:.5rem;padding:0 .5rem;font-weight:700}.radio-input{--form-control-color:#06c;cursor:pointer;margin-bottom:.5rem;margin-right:1rem}.radio-input input{cursor:pointer}.radio-input{grid-template-columns:1em auto;gap:.5em;font-family:system-ui,sans-serif;font-size:1rem;display:grid}.radio-input span{margin-left:.5rem}.radio-input input[type=radio]{appearance:none;font:inherit;color:currentColor;background-color:#fff;border:1px solid #000;border-radius:50%;place-content:center;width:1.45em;height:1.45em;margin:0;display:grid}.radio-input input[type=radio]:before{content:"";width:.95em;height:.95em;box-shadow:inset 1em 1em var(--form-control-color);border-radius:50%;transition:transform .2s ease-in-out;transform:scale(0)}.radio-input input[type=radio]:checked:before{appearance:initial;transform:scale(1)}.connection-status{justify-content:space-between;align-items:center;gap:.5rem;max-width:30rem;padding:1rem 1rem 0;display:flex}.connection-status>div{align-items:center;gap:1rem;display:flex}.connection-indicator{border-radius:50%;width:.75rem;height:.75rem;transition:background-color .3s;display:inline-block}.connection-text{font-weight:500}.connection-status[data-status=connecting] .connection-indicator{background-color:var(--status-connecting);animation:2s infinite pulse}.connection-status[data-status=connected] .connection-indicator{background-color:var(--status-connected)}.connection-status[data-status=disconnected] .connection-indicator{background-color:var(--status-disconnected)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button{cursor:pointer;background-color:#fff;border:1px solid;outline:2px solid #0000;padding:.4rem 1.5rem;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out}button:hover,button:focus{outline-color:var(--focus-border-color);border-color:var(--focus-border-color)}hr{margin:3rem 0}