.code-block{border:var(--n-code-block-border,1px solid var(--neutral-700));border-radius:var(--n-code-block-radius,var(--radius-m));background-color:var(--n-code-block-bg-color,var(--neutral-900));width:100%;line-height:1.5;position:relative;overflow:hidden}.code-block-title{align-items:center;gap:var(--space-s);padding-block:var(--space-2xs);padding-inline:var(--space-s);border-bottom:1px solid var(--neutral-700);font-size:var(--font-size-text-sm);color:var(--neutral-200);display:flex}.code-block-title .code-language{background-color:var(--neutral-700);letter-spacing:.05em;font-weight:var(--font-weight-semibold);text-transform:uppercase;border-radius:2px;padding:.1em .5em}.code-block-title .code-title{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium);flex-grow:1;overflow:hidden}.code-block .code-block-content{margin:0;display:grid;position:relative;overflow:auto}.code-block pre{padding-block:var(--space-m);padding-inline:var(--space-s);outline-offset:-2px;border:0;margin:0}.code-block :where(pre,code){font-family:var(--font-family-mono);font-size:var(--font-size-text-md);font-weight:var(--font-weight-regular)}.code-block .copy-button{border:1px solid var(--neutral-700);background-color:var(--neutral-800);width:2rem;height:2rem;color:var(--neutral-400);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin:0;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.code-block .copy-button:hover,.code-block .copy-button:focus-visible{background-color:var(--neutral-900);color:var(--neutral-200)}.code-block .copy-button svg{width:1rem;height:1rem;color:inherit;fill:currentColor;flex-shrink:0;margin:0}.code-block .copy-button .copy-icon{display:block}.code-block .copy-button .check-icon{display:none}.code-block .copy-button:before,.code-block .copy-button:after{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s;position:absolute;top:50%;transform:translateY(-50%)}.code-block .copy-button:before{content:attr(data-tooltip);background-color:var(--color-bg);color:var(--color-text);white-space:nowrap;border-radius:2px;padding:.15em .5em;font-size:.8em;right:calc(100% + 10px)}.code-block .copy-button:after{content:"";border:5px solid #0000;border-left-color:var(--color-bg);right:100%}.code-block .copy-button:hover:before,.code-block .copy-button:hover:after,.code-block .copy-button:focus:before,.code-block .copy-button:focus:after,.code-block .copy-button.copied:before,.code-block .copy-button.copied:after,.code-block .copy-button.error:before,.code-block .copy-button.error:after{opacity:1;visibility:visible;transition:opacity .2s}.code-block .copy-button.copied .copy-icon{display:none}.code-block .copy-button.copied .check-icon{display:block}.code-block .copy-button.error:before{background-color:var(--red-500)}.code-block .copy-button.error:after{border-left-color:var(--red-500)}.code-block.terminal-frame:before{content:"";background-color:var(--neutral-800);border-bottom:1px solid var(--neutral-700);height:1.6rem;display:block;position:relative}.code-block.terminal-frame:after{content:"";background-color:var(--neutral-600);width:.6rem;height:.6rem;box-shadow:1.25rem 0 0 var(--neutral-600), 2.5rem 0 0 var(--neutral-600);border-radius:50%;position:absolute;top:.5rem;left:1rem}.code-block [data-highlighted-line],.code-block .line.focused,.code-block .line:has(.focus),.code-block .line:has(.highlighted),.code-block pre.has-focused .line.focused{background-color:color-mix(in srgb, var(--neutral-000) 10%, transparent);width:100%;display:inline-block}.code-block [data-deleted-line],.code-block .line.diff.remove,.code-block .line:has(.diff.remove),.code-block .line:has(.deleted),.code-block .line:has(.diff-remove){background-color:color-mix(in srgb, var(--red-500) 30%, transparent);text-decoration:line-through;text-decoration-color:var(--neutral-400);opacity:.7}.code-block [data-inserted-line],.code-block .line.diff.add,.code-block .line:has(.diff.add),.code-block .line:has(.inserted),.code-block .line:has(.diff-add){background-color:color-mix(in srgb, var(--green-500) 30%, transparent)}.code-block.with-line-numbers pre{padding-left:var(--space-xl);counter-reset:line}.code-block.with-line-numbers code>span{position:relative}.code-block.with-line-numbers code>span:before{width:2rem;padding-right:var(--space-2xs);border-right:1px solid var(--neutral-700);counter-increment:line;content:counter(line);user-select:none;color:var(--neutral-500);text-align:right;font-size:.9em;line-height:1.75;position:absolute;left:-2.5rem}.code-block.show-copy-on-hover .copy-button{opacity:0}.code-block.show-copy-on-hover:hover .copy-button,.code-block.show-copy-on-hover .copy-button:focus{opacity:1}