.code-examples{min-width:0;width:100%}.code-examples .code-hidden,.code-examples [hidden]{display:none}.code-examples__chips{align-items:center}.code-examples__chip{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;user-select:none}.code-examples__chip:not(.is-active){opacity:.72}.code-examples__chip.is-active{box-shadow:var(--shadow-1);opacity:1;transform:translateY(-1px)}.code-examples__content,.code-examples__example{min-width:0;width:100%}.code-examples__example{background:var(--code-examples-background,var(--neutral-950));border-radius:30px;box-shadow:var(--shadow-1)}.code-examples__content{background:var(--code-examples-content-background,var(--neutral-900));border:1px solid var(--code-examples-content-border,var(--neutral-600));border-radius:10px}.code-examples__tabs{align-items:center}.code-examples__tab{cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:fit-content}.code-examples__tab.is-active,.code-examples__tab[data-active=true]{background-color:hsla(0,0%,100%,.12)}.code-examples__pane{margin:0;overflow:hidden;white-space:pre;width:100%}.code-examples__surface{background:rgba(0,0,0,.3);border-radius:8px;height:450px;max-height:480px;overflow:auto;width:100%}.code-examples .hljs{background:transparent;color:#abb2bf;display:block;font-size:12px;margin:0;min-height:100%;min-width:max-content;padding:1rem 1rem 1.25rem;white-space:pre}.code-examples .hljs-comment,.code-examples .hljs-quote{color:#5c6370;font-style:italic}.code-examples .hljs-doctag,.code-examples .hljs-formula,.code-examples .hljs-keyword{color:#c678dd}.code-examples .hljs-deletion,.code-examples .hljs-name,.code-examples .hljs-section,.code-examples .hljs-selector-tag,.code-examples .hljs-subst{color:#e06c75}.code-examples .hljs-literal{color:#56b6c2}.code-examples .hljs-addition,.code-examples .hljs-attribute,.code-examples .hljs-meta-string,.code-examples .hljs-regexp,.code-examples .hljs-string{color:#98c379}.code-examples .hljs-built_in,.code-examples .hljs-class .hljs-title{color:#e6c07b}.code-examples .hljs-attr,.code-examples .hljs-number,.code-examples .hljs-selector-attr,.code-examples .hljs-selector-class,.code-examples .hljs-selector-pseudo,.code-examples .hljs-template-variable,.code-examples .hljs-type,.code-examples .hljs-variable{color:#d19a66}.code-examples .hljs-bullet,.code-examples .hljs-link,.code-examples .hljs-meta,.code-examples .hljs-selector-id,.code-examples .hljs-symbol,.code-examples .hljs-title{color:#61aeee}.code-examples .hljs-emphasis{font-style:italic}.code-examples .hljs-strong{font-weight:700}.code-examples .hljs-link{text-decoration:underline}