.code-block{background-color:var(--gray-2)!important;border-radius:var(--radius-4);border:1px solid var(--gray-3)!important;margin:var(--space-6) 0;max-width:100%;overflow-x:auto;padding:var(--space-4) var(--space-5);width:100%}.code-block pre>code{display:grid;font-size:var(--font-size-1);line-height:1.5}.code-block-wrapper{margin:1.5rem 0;width:100%;grid-column:2/span 10}.code-block,.code-block code,.code-block pre{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}@media (min-width:768px){.code-block-wrapper{grid-column:3/span 5}}.code-block-title{color:var(--gray-12);border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom:1px solid var(--gray-5)}.code-block-caption,.code-block-title{background-color:var(--gray-3);padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.75rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.code-block-caption{color:var(--gray-10);border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;border-top:1px solid var(--gray-5)}.code-block :not(pre)>code,:not(pre)>code{background-color:var(--gray-3);padding:.125rem .25rem;border-radius:.25rem;color:var(--gray-12);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.875rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.code-block [data-highlighted-line]{background-color:rgba(var(--accent-5-rgb),.1);border-left:2px solid var(--accent-9)}.code-block [data-highlighted-chars]{background-color:rgba(var(--accent-5-rgb),.2);border-radius:.25rem;padding:.125rem;color:var(--accent-11)}.code-block [data-chars-id=v]{color:var(--accent-11)}.code-block [data-chars-id=s]{color:var(--green-11)}.code-block [data-chars-id=i]{color:var(--amber-11)}code[data-theme*=" "],code[data-theme*=" "] span{color:var(--shiki-light)}.dark{code[data-theme*=" "],code[data-theme*=" "] span{color:var(--shiki-dark)}}