code[contenteditable]:focus{outline:none}pre:focus-within{outline:2px solid rgba(98,23,115,.45);outline-offset:2px;border-radius:.4rem}.highlight:has(+p>codapi-snippet) .chroma span{font-weight:inherit;font-style:normal}.highlight:has(+p>codapi-snippet) .chroma .line{display:inline;padding-left:0}.highlight:has(+p>codapi-snippet) pre.chroma{padding-left:1.5rem}codapi-snippet{--toolbar-gap:var(--spacing-x3);--toolbar-margin-bottom:var(--spacing-x2)}codapi-toolbar{font-size:1.4rem;line-height:1.4}codapi-toolbar button{font:inherit;font-weight:600;appearance:none;padding:var(--spacing-x1)var(--spacing-x3);border:1px solid transparent;border-radius:var(--radius-x-small);background-color:var(--color-main-purple);color:var(--color-white);cursor:pointer;transition:background-color .1s ease-in-out}codapi-toolbar button:hover:not([disabled]){background-color:var(--color-black)}codapi-toolbar button:focus-visible{outline:2px solid var(--color-main-purple);outline-offset:2px}codapi-toolbar button[disabled]{opacity:.55;cursor:default}codapi-toolbar a{color:var(--color-link);font-weight:600;text-decoration:none}codapi-toolbar a:hover{text-decoration:underline}codapi-status{display:inline-flex;align-items:center;gap:var(--spacing-x1);color:var(--color-grey)}codapi-status svg{fill:currentColor}codapi-status codapi-ref{color:var(--color-black-500)}codapi-output .code-block-buttons,codapi-output a[href="#close"]{display:none}codapi-output pre{background-color:#0d1117;color:#e6edf3}.ds-blog-post__content .highlight:has(+p>codapi-snippet){margin-bottom:var(--spacing-x2)}.ds-blog-post__content p:has(>codapi-snippet){margin-top:0}.ds-blog-post__content codapi-output .code-block-container{margin-top:0}