.ContentCodeBlock__inner{margin-left:auto;margin-right:auto;max-width:var(--article-width-sm)}.ContentCodeBlock__inner--wide{max-width:var(--article-width-lg)}.LayoutGuides__main .ContentCodeBlock__inner{margin-left:0;max-width:none}.StyleCodeBlock pre[class*=language-]{--tw-bg-opacity:1;background-color:#f8f8f8;background-color:rgba(248,248,248,var(--tw-bg-opacity));border-radius:12px;padding-bottom:56px;padding-right:24px;padding-top:32px}.StyleCodeBlock pre[class*=language-].line-numbers{padding-left:66px}@media (min-width:800px){.StyleCodeBlock pre[class*=language-]{padding-bottom:56px;padding-right:48px;padding-top:48px}.StyleCodeBlock pre[class*=language-].line-numbers{padding-left:100px}}.StyleCodeBlock .line-numbers .line-numbers-rows{border-right:1px dashed #dbdcdc;left:auto;margin-right:12px;right:100%;width:auto}@media (min-width:800px){.StyleCodeBlock .line-numbers .line-numbers-rows{margin-right:16px}}.StyleCodeBlock .line-numbers .line-numbers-rows>span:before{--tw-text-opacity:1;color:#878888;color:rgba(135,136,136,var(--tw-text-opacity));padding-right:12px}@media (min-width:800px){.StyleCodeBlock .line-numbers .line-numbers-rows>span:before{padding-right:16px}}.StyleCodeBlock code[class*=language-],.StyleCodeBlock pre[class*=language-]{--tw-text-opacity:1;color:#101111;color:rgba(16,17,17,var(--tw-text-opacity));display:block;font-family:Roboto Mono,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:14px;line-height:1.75;margin:0;text-shadow:none}@media (min-width:800px){.StyleCodeBlock code[class*=language-],.StyleCodeBlock pre[class*=language-]{font-size:16px}}.StyleCodeBlock code[class*=language-] ::-moz-selection,.StyleCodeBlock pre[class*=language-] ::-moz-selection{background:#000}.StyleCodeBlock code[class*=language-] ::selection,.StyleCodeBlock pre[class*=language-] ::selection{background:#000}.StyleCodeBlock div.code-toolbar>.toolbar{height:0;opacity:1;position:static}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>*{background-color:transparent;box-shadow:none;font-family:Roboto Mono,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:12px;letter-spacing:.02em;line-height:1.33;padding:0;position:absolute;right:0}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>span{--tw-text-opacity:0.25;color:rgba(16,17,17,.25);color:rgba(16,17,17,var(--tw-text-opacity));padding:16px;pointer-events:none;top:0}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button{--tw-text-opacity:1;align-items:center;bottom:0;color:#101111;color:rgba(16,17,17,var(--tw-text-opacity));display:flex;padding:16px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button,.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button:after{transition-duration:.25s}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button:after{--tw-bg-opacity:1;align-items:center;background-color:#101111;background-color:rgba(16,17,17,var(--tw-bg-opacity));border-radius:4px;content:url(/imgs/copy-to-clipboard.svg);display:flex;height:32px;justify-content:center;margin-left:12px;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);width:32px}@media (hover:hover){.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button{color:transparent}}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button:hover{--tw-text-opacity:1;color:#101111;color:rgba(16,17,17,var(--tw-text-opacity))}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button:hover:after{--tw-bg-opacity:1;background-color:#404141;background-color:rgba(64,65,65,var(--tw-bg-opacity))}.StyleCodeBlock div.code-toolbar>.toolbar .toolbar-item>button:active:after{--tw-bg-opacity:1;background-color:#5d5e5e;background-color:rgba(93,94,94,var(--tw-bg-opacity))}.StyleCodeBlock .token.cdata,.StyleCodeBlock .token.comment,.StyleCodeBlock .token.doctype,.StyleCodeBlock .token.prolog{--tw-text-opacity:1;color:#878888;color:rgba(135,136,136,var(--tw-text-opacity))}.StyleCodeBlock .token.punctuation{--tw-text-opacity:1;color:#101111;color:rgba(16,17,17,var(--tw-text-opacity))}.StyleCodeBlock .token.boolean,.StyleCodeBlock .token.constant,.StyleCodeBlock .token.deleted,.StyleCodeBlock .token.number,.StyleCodeBlock .token.property,.StyleCodeBlock .token.symbol,.StyleCodeBlock .token.tag{--tw-text-opacity:1;color:#ff656b;color:rgba(255,101,107,var(--tw-text-opacity))}.StyleCodeBlock .token.attr-name,.StyleCodeBlock .token.builtin,.StyleCodeBlock .token.char,.StyleCodeBlock .token.inserted,.StyleCodeBlock .token.selector,.StyleCodeBlock .token.string{--tw-text-opacity:1;color:#1fda8a;color:rgba(31,218,138,var(--tw-text-opacity))}.StyleCodeBlock .language-css .token.string,.StyleCodeBlock .style .token.string,.StyleCodeBlock .token.entity,.StyleCodeBlock .token.operator,.StyleCodeBlock .token.url{--tw-text-opacity:1;background:none;color:#055463;color:rgba(5,84,99,var(--tw-text-opacity))}.StyleCodeBlock .token.atrule,.StyleCodeBlock .token.attr-value,.StyleCodeBlock .token.keyword{--tw-text-opacity:1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity))}.StyleCodeBlock .token.function{--tw-text-opacity:1;color:#ff656b;color:rgba(255,101,107,var(--tw-text-opacity))}.StyleCodeBlock .token.important,.StyleCodeBlock .token.regex,.StyleCodeBlock .token.variable{--tw-text-opacity:1;color:#ffab2e;color:rgba(255,171,46,var(--tw-text-opacity))}.StyleCodeBlock .token.bold,.StyleCodeBlock .token.important{font-weight:700}.StyleCodeBlock .token.italic{font-style:italic}.StyleCodeBlock .token.entity{cursor:help}.StyleCodeBlock .line-highlight{margin-top:32px}.StyleCodeBlock .line-highlight:before{display:none}@media (min-width:800px){.StyleCodeBlock .line-highlight{margin-top:48px}}