pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.component-preview[data-v-63a9a92d]{border:1px solid var(--neutrals-50);border-radius:var(--radius-base);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);overflow:hidden}.component-preview[data-v-63a9a92d]:last-child{margin-bottom:0}.tabs[data-v-63a9a92d]{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--neutrals-50);background:var(--neutrals-white)}.tabs button[data-v-63a9a92d]{margin-right:var(--spacing-4);padding:var(--spacing-2) 0;cursor:pointer;color:var(--neutrals-500);font-weight:var(--font-weight-medium)}.tabs button.active-tab[data-v-63a9a92d]{font-weight:var(--font-weight-bold);color:var(--neutrals-black);border-bottom:2px solid var(--neutrals-black)}.preview-content[data-v-63a9a92d]{padding:var(--spacing-8);background:var(--neutrals-white);display:flex;flex-direction:column;gap:var(--spacing-4)}.code-content[data-v-63a9a92d]{padding:var(--spacing-4);background:var(--neutrals-25);border-radius:0 0 var(--radius-base) var(--radius-base);position:relative}.code-content pre[data-v-63a9a92d]{white-space:pre-wrap}.code-header[data-v-63a9a92d]{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-2)}.code-header .copy-button[data-v-63a9a92d]{padding:var(--spacing-1) var(--spacing-3);background:var(--neutrals-50);border:1px solid var(--neutrals-75);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-b3);color:var(--neutrals-800);transition:background .2s}.code-header .copy-button[data-v-63a9a92d]:hover{background:var(--neutrals-75)}