.w-prismjs{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:85%;position:relative;overflow-x:auto;background-color:#f6f8fa;color:#000;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none}.w-prismjs code[class*=language-]{background:none;overflow-wrap:normal;white-space:inherit;-moz-tab-size:2;tab-size:2;padding:14px;font-size:85%;line-height:1.45;display:block;text-shadow:0 1px #fff}.w-prismjs .token.tag .attr-value{color:#032f62}.w-prismjs .token.property,.w-prismjs .token.tag,.w-prismjs .token.boolean,.w-prismjs .token.number,.w-prismjs .token.function-name,.w-prismjs .token.constant,.w-prismjs .token.symbol,.w-prismjs .token.deleted{color:#0060c9}.w-prismjs .token.selector,.w-prismjs .token.attr-name,.w-prismjs .token.string,.w-prismjs .token.char,.w-prismjs .token.function,.w-prismjs .token.builtin{color:#6f42c1}.w-prismjs .token.inserted{color:#22863a;background-color:#f0fff4}.w-prismjs .token.deleted{color:#b31d28;background-color:#ffeef0}.w-prismjs .token.class-name{color:#6f42c1}.w-prismjs .code-block{color:#032f62}.w-prismjs .token.comment,.w-prismjs .token.block-comment,.w-prismjs .token.prolog,.w-prismjs .token.doctype,.w-prismjs .token.cdata{color:#7d8b99}.w-prismjs .token.punctuation{color:#a0a0a0}.w-prismjs .token.operator,.w-prismjs .token.entity,.w-prismjs .token.url,.w-prismjs .token.variable{color:#d73a49;background:rgba(255,255,255,.5)}.w-prismjs .token.atrule,.w-prismjs .token.attr-value{color:#004698}.w-prismjs .token.keyword{color:#d63200}.w-prismjs .token.regex,.w-prismjs .token.important{color:#e90}.w-prismjs .token.string{color:#0a53c1}.App{display:flex;height:100%}.App .showcase{box-sizing:border-box;flex-grow:1;width:100px}.App .code{flex-grow:1;width:100px}.App .code .block{height:40vh}.App h2,.App h3{margin-left:16px}.App .block{margin:16px;box-sizing:border-box}.App pre{margin:0;padding:0}.App .block input,.App .block button{margin:12px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #dbdbdb;border-radius:.375em;box-shadow:none;box-sizing:border-box;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.5em;justify-content:center;line-height:1.5;padding:calc(.5em - 1px) 1em;position:relative;text-align:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:top;white-space:nowrap}.App .block .button:active{border-color:#4a4a4a;outline:0}.App .block .button:focus{border-color:#485fc7;outline:0}.App .block .button:hover{border-color:#b5b5b5}.App .block .button:focus:not(:active){box-shadow:#485fc740 0 0 0 .125em}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}