.code-block{color:#d6deeb;font-size:.9em;overflow:auto}.code-block>code{display:block;background:transparent;border:0;border-radius:0;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}.code-block-wrapper{position:relative;margin:1rem 0}.code-block-lang,.code-block-cue{position:absolute;right:0;z-index:1;padding:4px 8px;font-family:var(--font-mono);font-size:10px;line-height:1;letter-spacing:var(--tracking-brutalist-md);text-transform:uppercase;color:var(--color-text-light);background:var(--color-bg-alt);pointer-events:none;-webkit-user-select:none;user-select:none}.code-block-lang{top:0;border-left:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.code-block-cue{bottom:0;display:none;border-left:1px solid var(--color-hairline);border-top:1px solid var(--color-hairline)}.code-block-wrapper[data-overflowing=true] .code-block-cue{display:block}.code-block .token.changed{color:#a2bffc;font-style:italic}.code-block .token.deleted{color:#d66e6c;font-style:italic}.code-block .token.inserted,.code-block .token.attr-name{color:#addb67;font-style:italic}.code-block .token.comment{color:#748787;font-style:italic}.code-block .token.string,.code-block .token.url{color:#addb67}.code-block .token.variable{color:#d6deeb}.code-block .token.number{color:#f78c6c}.code-block .token.builtin,.code-block .token.char,.code-block .token.constant,.code-block .token.function{color:#82aaff}.code-block .token.punctuation{color:#c792ea}.code-block .token.selector,.code-block .token.doctype{color:#c792ea;font-style:italic}.code-block .token.class-name{color:#ffcb8b}.code-block .token.tag,.code-block .token.operator,.code-block .token.keyword{color:#7fdbca}.code-block .token.boolean{color:#ff5874}.code-block .token.property{color:#80cbc4}.code-block .token.namespace{color:#b2ccd6}