.codeblock-wrapper{display:grid;overflow:hidden;position:relative}.codeblock{--codeblock-bg:var(--bg-surface);border-radius:0!important;font-size:.9rem;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--fg-800) var(--bg-1100);background-color:var(--codeblock-bg);border:1px solid var(--border);pre{background-color:var(--codeblock-bg)!important;margin:0;padding:var(--spacer-md)}code{font-family:var(--font-mono)}.prism-code{font-family:var(--font-mono)!important}}.livecode-header+.codeblock-wrapper .codeblock{margin-bottom:0!important}.livecode-footer,.livecode-header{padding:var(--spacer-md);background-color:var(--bg-700);border:1px solid var(--border);display:flex;flex-direction:row;align-items:center;.title{font-size:var(--text-lg);font-weight:600}.description{font-size:var(--text-md);color:var(--fg-600)}}.livecode-footer,.livecode-header{border-bottom:none}.livecode-footer{border-top:none}.livecode-preview{display:flex;height:400px;overflow:hidden;border:1px solid var(--border)}