.CodeBlock_CodeBlockRoot__vp57F{--code-block-radius:var(--radius-4);position:relative;box-sizing:border-box;background-color:var(--code-block-background);border-radius:var(--code-block-radius)}.CodeBlock_CodeBlockRoot__vp57F:after{content:"";inset:0;position:absolute;box-shadow:0 0 0 1px var(--code-block-border);border-radius:var(--code-block-radius);pointer-events:none}.CodeBlock_CodeBlockHeader__6ids7{background-color:var(--code-block-header-background);border-radius:var(--code-block-radius) var(--code-block-radius) 0 0}.CodeBlock_CodeBlockLivePreview__zHfFc{text-wrap:pretty;background-color:var(--color-background);border-radius:var(--code-block-radius) var(--code-block-radius) 0 0;box-shadow:inset 0 -1px var(--code-block-border)}.CodeBlock_CodeBlockLivePreviewInner__FHRPz{padding:var(--space-4);line-height:1}.CodeBlock_CodeBlockLivePreviewInner__FHRPz[data-scroll=true]{width:max-content}.CodeBlock_CodeBlockContent__D5T_n{box-sizing:border-box;position:relative;height:100%}.CodeBlock_CodeBlockContent__D5T_n .CodeBlock_CodeBlockCopyButton__fVlhb{position:absolute;top:7px;right:7px;transition:opacity 80ms ease-out;opacity:0}@media (max-width:767px){.CodeBlock_CodeBlockContent__D5T_n .CodeBlock_CodeBlockCopyButton__fVlhb{display:none}}.CodeBlock_CodeBlockContent__D5T_n .CodeBlock_CodeBlockCopyButton__fVlhb:focus-visible{opacity:1}@media (hover:hover){.CodeBlock_CodeBlockContent__D5T_n:hover .CodeBlock_CodeBlockCopyButton__fVlhb{opacity:1}}.CodeBlock_CodeBlockPre__tp_rM{--letter-spacing:var(--letter-spacing-2);box-sizing:border-box;overflow:hidden;height:100%;padding:var(--space-3) var(--space-4);font-family:var(--code-font-family);font-size:calc(var(--font-size-2) * var(--code-font-size-adjust));line-height:22px;white-space:pre}.CodeBlock_CodeBlockPre__tp_rM code{all:unset;display:contents}.CodeBlock_CodeBlockPre__tp_rM [data-highlighted=true]{background-color:var(--accent-a3);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4))}.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted=true]{background-color:transparent;padding:unset;margin:unset}.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted=false],.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted=false] *{color:var(--gray-a8)}.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted],.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted] *{transition:color .1s ease-in-out}