.CodeBlock_root__99Dmi{position:relative;background:#1a1f28;margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin));border-radius:0;transition-property:border-radius;transition-duration:var(--transition-duration)}.CodeBlock_root__99Dmi[title]:before{display:block;padding-left:var(--page-margin);padding-right:var(--page-margin);font-family:var(--font-family-base);font-size:.8em;font-weight:700;color:var(--code-title-color);content:attr(title)}@media screen and (min-width:var(--breakpoint-tablet )){.CodeBlock_root__99Dmi{border-radius:5px}}.CodeBlock_container__r7k5q{position:relative;margin:0;border-radius:0;transition-property:border-radius;transition-duration:var(--transition-duration)}.CodeBlock_container__r7k5q[data-language]:after{content:attr(data-language);position:absolute;right:0;top:0;text-transform:uppercase;padding:.5em;line-height:1;font-size:.5em;opacity:.4;font-family:var(--font-family-code)}@media screen and (min-width:var(--breakpoint-tablet )){.CodeBlock_container__r7k5q{border-radius:5px}}.CodeBlock_code__HyvPh{font-family:var(--font-family-code);padding:var(--page-margin);font-size:.7em;overflow-x:auto}