code[class*=language-],pre[class*=language-]{color:#ccc;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}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
.code-block{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.code-block .text-content{color:#555;margin:10px 0}.code-block .text-content p{margin:1rem 0}.code-block .code-container{border-radius:8px;margin:20px 0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dark .code-block .code-container{box-shadow:0 4px 12px #ffffff1a}.code-block .code-container .code-header{color:#e2e8f0;background-color:#2d3748;justify-content:space-between;align-items:center;padding:5px 10px;font-size:14px;display:flex}.code-block .code-container .code-language{text-transform:uppercase;font-weight:500}.code-block .code-container .copy-button{cursor:pointer;color:#fff;background-color:#4a5568;border:none;border-radius:4px;padding:3px 8px;font-size:12px;transition:background-color .2s}.code-block .code-container .copy-button:hover{background-color:#718096}.code-block .code-container pre{border-radius:0 0 8px 8px;padding:10px!important}.code-block .code-container .token.important,.code-block .code-container .token.bold{font-weight:700}.code-block .code-container .token.italic{font-style:italic}.code-block .code-container .token.entity{cursor:help}.code-block .code-container code[class*=language-],.code-block .code-container pre[class*=language-]{color:#555}.code-block .code-container .token.comment,.code-block .code-container .token.prolog,.code-block .code-container .token.doctype,.code-block .code-container .token.cdata{color:#a0aec0}.code-block .code-container .token.punctuation{color:#e2e8f0}.namespace{opacity:.7}.code-block .code-container .token.property,.code-block .code-container .token.tag,.code-block .code-container .token.boolean,.code-block .code-container .token.number,.code-block .code-container .token.constant,.code-block .code-container .token.symbol,.code-block .code-container .token.deleted{color:#fc8d59}.code-block .code-container .token.selector,.code-block .code-container .token.attr-name,.code-block .code-container .token.string,.code-block .code-container .token.char,.code-block .code-container .token.builtin,.code-block .code-container .token.inserted{color:#91d054}.code-block .code-container .token.operator,.code-block .code-container .token.entity,.code-block .code-container .token.url,.code-block .code-container .language-css .token.string,.code-block .code-container .style .token.string{color:#b3b3b3}.code-block .code-container .token.atrule,.code-block .code-container .token.attr-value,.code-block .code-container .token.keyword{color:#63b3ed}.code-block .code-container .token.function,.code-block .code-container .token.class-name{color:#f6ad55}.code-block .code-container .token.regex,.code-block .code-container .token.important,.code-block .code-container .token.variable{color:#fc8d59}.dark .code-block .text-content{color:#cfcfcf}.dark .code-block .code-container code[class*=language-],.dark .code-block .code-container pre[class*=language-]{color:#dbdbdb}.code-block .code-container pre,.code-block .code-container code[class*=language-]{overflow-wrap:break-word;white-space:pre-wrap!important}.code-block .code-container code[class*=language-] span{white-space:pre-wrap!important;display:inline!important}.code-block .code-container pre code{width:100%;overflow:hidden}.code-block .code-container pre code,.code-block .code-container pre code *{word-break:break-all;overflow-wrap:break-word}