.code-block{color:#d6deeb;font-size:.9em;overflow:auto}.code-block>code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.code-block-wrapper{margin:1rem 0;position:relative}.code-block-lang,.code-block-cue{z-index:1;font-family:var(--font-mono);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;padding:4px 8px;font-size:10px;line-height:1;position:absolute;right:0}.code-block-lang{border-left:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);top:0}.code-block-cue{border-left:1px solid var(--color-hairline);border-top:1px solid var(--color-hairline);display:none;bottom:0}.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}