.mockup-code{background-color:oklch(var(--b3));border:1px solid oklch(var(--bc) / .1)}.mockup-code:before{background-color:oklch(var(--b3));border-bottom:1px solid oklch(var(--bc) / .1)}.mockup-code pre{font-size:.85rem;line-height:1.6;background-color:oklch(var(--b1))!important;color:oklch(var(--bc))!important;margin:0;padding:1.5rem;border-radius:0 0 .5rem .5rem;border:1px solid oklch(var(--b3))}.mockup-code code[class*=language-]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:transparent!important;color:inherit}.mockup-code .token.comment,.mockup-code .token.prolog,.mockup-code .token.doctype,.mockup-code .token.cdata{color:#6b7280}.mockup-code .token.punctuation{color:#374151}.mockup-code .token.property,.mockup-code .token.tag,.mockup-code .token.boolean,.mockup-code .token.number,.mockup-code .token.constant,.mockup-code .token.symbol,.mockup-code .token.deleted{color:#dc2626}.mockup-code .token.selector,.mockup-code .token.attr-name,.mockup-code .token.string,.mockup-code .token.char,.mockup-code .token.builtin,.mockup-code .token.inserted{color:#059669}.mockup-code .token.operator,.mockup-code .token.entity,.mockup-code .token.url,.mockup-code .language-css .token.string,.mockup-code .style .token.string{color:#d97706}.mockup-code .token.atrule,.mockup-code .token.attr-value,.mockup-code .token.keyword{color:#2563eb}.mockup-code .token.function,.mockup-code .token.class-name{color:#7c3aed}.mockup-code .token.regex,.mockup-code .token.important,.mockup-code .token.variable{color:#be185d}