.code-snippet{overflow:scroll;margin-bottom:24px;background:var(--color-grey-100);position:relative}.code-snippet,.code-snippet pre{width:100%;max-width:100%;border-radius:var(--radius-sm);min-width:0;box-sizing:border-box}.code-snippet pre{overflow-x:auto;overflow-y:scroll;white-space:pre!important;word-break:normal!important;word-wrap:normal!important;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-grey-300) var(--color-grey-200)}.code-snippet pre::-webkit-scrollbar{height:8px}.code-snippet pre::-webkit-scrollbar-track{background:var(--color-grey-200);border-radius:4px}.code-snippet pre::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:4px}.code-snippet pre::-webkit-scrollbar-thumb:hover{background:var(--color-grey-400)}.code-snippet code{display:block;white-space:pre!important;word-break:normal!important;word-wrap:normal!important;min-width:fit-content;max-width:100%;box-sizing:border-box}@media (max-width:768px){.BlogContent,.DoppelPediaArticleContent,.JobBody,.LegalBody,.PodcastBody,.PressReleaseBody,.code-snippet,.html-content{overflow-x:hidden;width:100%;max-width:100%}.code-snippet{margin-left:0;margin-right:0;box-sizing:border-box;position:relative;margin-left:calc(-1 * var(--page-gutter, 16px));margin-right:calc(-1 * var(--page-gutter, 16px));width:calc(100% + 2 * var(--page-gutter, 16px));max-width:calc(100% + 2 * var(--page-gutter, 16px))}.code-snippet pre{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;min-width:0}.code-snippet code{display:block;min-width:fit-content;max-width:none}}code[class*=language-],pre[class*=language-]{color:var(--color-text);background:var(--color-grey-100);text-shadow:none;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.9em;text-align:left;white-space:pre!important;word-spacing:normal;word-break:normal!important;word-wrap:normal!important;line-height:1.5;tab-size:4;hyphens:none;padding:40px 24px;border-radius:1rem}pre[class*=language-]{padding:2.5em 1em 1em;margin:0;overflow-x:auto;overflow-y:hidden;border-radius:var(--radius-sm);position:relative;white-space:pre!important;max-width:100%;-webkit-overflow-scrolling:touch}pre[class*=language-] code{white-space:pre!important;display:block}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--color-grey-100)}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--color-grey-400);font-style:italic}.token.punctuation{color:var(--color-text)}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:var(--color-blue)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--color-orange)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--color-purple)}.token.atrule,.token.attr-value,.token.keyword{color:var(--color-blue)}.token.class-name,.token.function{color:var(--color-yellow)}.token.important,.token.regex,.token.variable{color:var(--color-orange)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}