code-input{display:grid;grid-template-columns:100%;grid-template-rows:100%;overflow-y:auto;overflow-x:auto;position:relative;top:0;left:0;color:var(--code-input_no-override-color, black);caret-color:var(--code-input_default-caret-color, inherit);background-color:#fff;margin:8px;--padding: 16px;--padding-left: var(--padding, 16px);--padding-right: var(--padding, 16px);--padding-top: var(--padding, 16px);--padding-bottom: var(--padding, 16px);height:250px;font-size:inherit;font-family:monospace;text-align:start;line-height:1.5;tab-size:2;white-space:pre;padding:0!important}code-input :not(.code-input_dialog-container *){box-sizing:content-box}code-input textarea,code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{margin:0!important;padding-left:var(--padding-left, 16px)!important;padding-right:var(--padding-right, 16px)!important;padding-top:var(--padding-top, 16px)!important;padding-bottom:var(--padding-bottom, 16px)!important;border:0;min-width:calc(100% - var(--padding-left, 16px) - var(--padding-right, 16px));min-height:calc(100% - var(--padding-top, 16px) - var(--padding-bottom, 16px));resize:none;overflow:hidden;grid-row:1;grid-column:1;display:block}code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{height:max-content;width:max-content;transition:color 1ms}code-input:not(.code-input_pre-element-styled) pre,code-input.code-input_pre-element-styled pre code{margin:0!important;padding:0!important;border:0!important;min-width:100%;min-height:100%}code-input textarea,code-input pre,code-input pre *{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;tab-size:inherit!important;text-align:inherit!important}code-input pre,code-input pre code{overflow:visible!important}code-input textarea[dir=auto]+pre{unicode-bidi:plaintext}code-input textarea[dir=ltr]+pre{direction:ltr}code-input textarea[dir=rtl]+pre{direction:rtl}code-input textarea,code-input pre{grid-column:1;grid-row:1}code-input textarea:not([data-code-input-fallback]){z-index:1}code-input pre{z-index:0}code-input textarea:not([data-code-input-fallback]){background:transparent;color:transparent;caret-color:inherit}code-input textarea:not([data-code-input-fallback]):placeholder-shown{color:var(--code-input_highlight-text-color, inherit)}code-input textarea,code-input pre{white-space:inherit;word-spacing:normal;word-break:normal;word-wrap:normal}code-input textarea{resize:none;outline:none!important}code-input:has(textarea:focus):not(.code-input_mouse-focused){outline:2px solid currentColor}code-input .code-input_dialog-container{z-index:2;position:sticky;grid-row:1;grid-column:1;top:0;left:0;margin:0;padding:0;height:0;width:100%;text-align:inherit;color:inherit;transition:color 1ms}[dir=rtl] code-input .code-input_dialog-container,code-input[dir=rtl] .code-input_dialog-container{left:unset;right:0}code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions{display:block;position:absolute;top:0;left:0;background-color:#000;color:#fff;padding:2px;padding-left:var(--padding-left, 16px);padding-right:var(--padding-right, 16px);margin:0;text-wrap:balance;overflow-x:hidden;overflow-y:auto;width:100%;box-sizing:border-box;height:3em}code-input:not(:has(textarea:not([data-code-input-fallback]):focus)) .code-input_dialog-container .code-input_keyboard-navigation-instructions,code-input.code-input_mouse-focused .code-input_dialog-container .code-input_keyboard-navigation-instructions,code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions:empty{display:none}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused) textarea,code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code,code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre{padding-top:calc(var(--padding-top, 16px) + 3em)!important;min-height:calc(100% - var(--padding-top, 16px) - 3em - var(--padding-bottom, 16px))}code-input:not(.code-input_loaded){padding-left:var(--padding-left, 16px)!important;padding-right:var(--padding-right, 16px)!important;padding:var(--padding-top, 16px)!important;padding:var(--padding-bottom, 16px)!important;overflow:hidden;display:block;box-sizing:border-box}code-input:not(.code-input_loaded):after{content:"No highlighting. JavaScript support is disabled or insufficient, or codeInput.registerTemplate has not been called.";display:block;position:absolute;bottom:0;left:var(--padding-left, 16px);width:calc(100% - var(--padding-left, 1.6px) - var(--padding-right, 1.6px));overflow-x:auto;border-top:1px solid currentColor;outline-top:0;background-color:inherit;color:inherit;margin:0;padding:0;height:2em}code-input:not(.code-input_loaded) pre,code-input:not(.code-input_loaded) textarea:not([data-code-input-fallback]){opacity:0}code-input:has(textarea[data-code-input-fallback]){padding:0!important;box-sizing:content-box;caret-color:revert}code-input textarea[data-code-input-fallback]{overflow:auto;background-color:inherit;color:var(--code-input_highlight-text-color, inherit);min-height:calc(100% - var(--padding-top, 16px) - 2em - var(--padding-bottom, 16px))}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{font-family:Libre Baskerville,serif;font-optical-sizing:auto;font-weight:400;font-style:italic;line-height:1.6;color:#2b2b2b;background-color:#f6f1e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:x-large}.code,kbd{font-family:Fira Code,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}body{margin:0;min-width:320px;min-height:100vh}dl{font-size:smaller}#root{max-width:65ch;margin:0 auto;padding:2rem;position:relative}.download-button{position:absolute;top:.5rem;right:.5rem;background:#333;color:#eee;border:1px solid #555;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;cursor:pointer;opacity:.7;z-index:10;transition:opacity .2s}.download-button:hover,.download-button:focus{opacity:1;outline:none;border-color:#777}.code-input_dialog-container{display:none}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused) textarea,code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code,code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre{padding-top:var(--padding-top, 16px)!important;min-height:calc(100% - var(--padding-top, 16px) - var(--padding-bottom, 16px))}.mistyping-mode{border-color:red;box-shadow:0 0 8px #f006;transition:border-color .2s ease,box-shadow .2s ease}