:root{--karl: #edeced;--clooney: #c1bec1;--teflon: #554d56;--teflon-15pc: rgba(85, 77, 86, .15);--teflon-20pc: rgba(85, 77, 86, .2);--whitey: #f7f7f7;--gandalf: #979197;--cornflower-blue: #419bf9;--cornflower-blue-15pc: rgba(65, 154, 249, .15);--cornflower-blue-60pc: rgba(65, 154, 249, .6);--orange: #f69833;--orange-15pc: rgba(246, 152, 51, .15);--warm-gray: #bcb5b9;--yellow: #fecf33;--peach: #ee6723;--peach-99pc: rgba(238, 103, 35, .99);--white-20pc: rgba(255, 255, 255, .2);--code-bg: #474e5d;--code-bg-95pc: rgba(71, 78, 93, .95);--code-red: #ff757d;--code-green: #c3ff5b;--code-blue: #27f4ff;--code-yellow: var(--yellow);--code-gray: var(--warm-gray)}code[class*=language-],pre[class*=language-]{display:block}pre code{color:#fff;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}pre code *,pre code[class*=language-] *{font-family:Roboto Mono,monospace}pre code[class*=language-]{overflow:auto}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{-webkit-text-fill-color:#fff;color:#fff;background-color:var(--peach-99pc);text-shadow:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{-webkit-text-fill-color:#fff;color:#fff;background-color:#ee6723fc;text-shadow:none}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{-webkit-text-fill-color:#fff;color:#fff;background-color:#ee6723fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-gray)}.token.function,.token.builtin,.token.property,.token.attr-name,.token.char,.token.inserted{color:var(--code-blue)}.token.class,.token.selector,.token.string,.token.tag{color:var(--code-yellow)}.token.atrule,.token.keyword{color:var(--code-red)}.token.number,.token.hexcode,.token.attr-value{color:var(--code-green)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}code[class*=language-jsx] .token.script,code[class*=language-tsx] .token.script{color:var(--code-green)}code[class*=language-jsx] .token.punctuation,code[class*=language-tsx] .token.punctuation,code[class*=language-xml] .token.punctuation,code[class*=language-html] .token.punctuation,code[class*=language-markup] .token.punctuation{color:var(--code-yellow)}code[class*=language-jsx] .token.script-punctuation,code[class*=language-tsx] .token.script-punctuation{color:#fff}code[class*=language-css] .token.builtin,code[class*=language-sass] .token.builtin,code[class*=language-scss] .token.builtin,code[class*=language-less] .token.builtin,code[class*=language-stylus] .token.builtin,code[class*=language-css] .token.function,code[class*=language-sass] .token.function,code[class*=language-scss] .token.function,code[class*=language-less] .token.function,code[class*=language-stylus] .token.function{color:var(--code-red)}.codePanel{position:relative;margin-bottom:24px;padding:12px 0;border-radius:6px;background-color:var(--code-bg)}.codePanel .snippet{position:relative;padding-right:12px}.codePanel .title{display:flex;align-items:center;padding:0 8px 0 24px;height:36px}.codePanel .title h3{font-size:15px;font-weight:500;color:var(--clooney);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.codePanel .copyButton{width:24px;height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:4px}.code.lineIndicator{position:relative}pre,.code code{font-size:13px;line-height:16px}.code.lineIndicator>code{padding-left:22px}.code.lineIndicator .lineWrapper{position:relative;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code.lineIndicator .line{font-size:13px;word-wrap:break-word;white-space:pre-wrap;word-break:normal;display:inline-block;width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text}