.vc-code-block{--vc-cb-bg: var(--code-block-bg, var(--main-bg, #F7FAFC));--vc-cb-header-bg: var(--code-block-header-bg, color-mix(in srgb, var(--default-text, #263148) 4%, var(--main-bg, #F7FAFC)));--vc-cb-border: var(--code-block-border, var(--ui-lines, #E0E2E5));--vc-cb-radius: var(--code-block-radius, 10px);--vc-cb-text: var(--code-block-text, var(--default-text, #263148));--vc-cb-muted: var(--code-block-muted, var(--placeholders, #9EA6B2));--vc-cb-selection: var(--code-block-selection, color-mix(in srgb, var(--default-text, #263148) 12%, transparent));position:relative;border-radius:var(--vc-cb-radius);border:1px solid var(--vc-cb-border);background:var(--vc-cb-bg);overflow:hidden}.vc-code-block__header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--vc-cb-border);background:var(--vc-cb-header-bg)}.vc-code-block__title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:500;color:var(--vc-cb-text)}.vc-code-block__lang{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.6875rem;font-weight:600;text-transform:lowercase;letter-spacing:.03em;color:var(--vc-cb-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-code-block__copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:none;border-radius:7px;background:transparent;color:var(--vc-cb-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.vc-code-block__copy:hover{background:var(--vc-cb-selection);color:var(--vc-cb-text)}.vc-code-block__header .vc-code-block__copy{margin-inline-start:auto}.vc-code-block__title+.vc-code-block__lang{flex-shrink:0}.vc-code-block__floating{position:absolute;top:8px;inset-inline-end:8px;z-index:1;display:flex;align-items:center;gap:.375rem;padding:2px;border-radius:8px;background:color-mix(in srgb,var(--vc-cb-bg) 80%,transparent);opacity:0;transition:opacity .15s ease}.vc-code-block__floating .vc-code-block__lang{padding-inline-start:.375rem}.vc-code-block:hover .vc-code-block__floating,.vc-code-block__floating:focus-within{opacity:1}.vc-code-block__body{overflow:auto;scrollbar-color:var(--vc-cb-selection) transparent}.vc-code-block__body::-webkit-scrollbar{width:8px;height:8px}.vc-code-block__body::-webkit-scrollbar-track{background:transparent}.vc-code-block__body::-webkit-scrollbar-thumb{background:var(--vc-cb-selection);border-radius:4px}.vc-code-block__scroll{display:flex;align-items:flex-start;min-width:-moz-max-content;min-width:max-content;direction:ltr;text-align:left}.vc-code-block__gutter{position:sticky;left:0;display:flex;flex-direction:column;flex-shrink:0;padding:1rem 0;background:var(--vc-cb-bg);border-inline-end:1px solid var(--vc-cb-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-code-block__line-number{padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;line-height:1.7;text-align:right;color:var(--vc-cb-muted)}.vc-code-block__pre{flex:1 1 auto;margin:0;padding:0}.vc-code-block__code{display:block;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;font-weight:400;line-height:1.7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-break:normal;color:var(--vc-cb-text);background:transparent}.vc-code-block__code::-moz-selection,.vc-code-block__code *::-moz-selection{background:var(--vc-cb-selection)}.vc-code-block__code::selection,.vc-code-block__code *::selection{background:var(--vc-cb-selection)}.vc-code-block--with-header .vc-code-block__floating{display:none}.vc-code-block--wrap .vc-code-block__scroll{min-width:0}.vc-code-block--wrap .vc-code-block__code{white-space:pre-wrap;word-break:break-word}.vc-code-block{--vc-cb-token-comment: var(--code-block-token-comment, #A0A6B2);--vc-cb-token-keyword: var(--code-block-token-keyword, #A626A4);--vc-cb-token-string: var(--code-block-token-string, #50A14F);--vc-cb-token-number: var(--code-block-token-number, #B76B01);--vc-cb-token-title: var(--code-block-token-title, #4078F2);--vc-cb-token-type: var(--code-block-token-type, #C18401);--vc-cb-token-tag: var(--code-block-token-tag, #E45649);--vc-cb-token-attr: var(--code-block-token-attr, #986801);--vc-cb-token-builtin: var(--code-block-token-builtin, #0184BC);--vc-cb-token-meta: var(--code-block-token-meta, #4078F2)}.vc-code-block--dark-surface{--vc-cb-token-comment: var(--code-block-token-comment, #7F848E);--vc-cb-token-keyword: var(--code-block-token-keyword, #C678DD);--vc-cb-token-string: var(--code-block-token-string, #98C379);--vc-cb-token-number: var(--code-block-token-number, #D19A66);--vc-cb-token-title: var(--code-block-token-title, #61AFEF);--vc-cb-token-type: var(--code-block-token-type, #E5C07B);--vc-cb-token-tag: var(--code-block-token-tag, #E06C75);--vc-cb-token-attr: var(--code-block-token-attr, #D19A66);--vc-cb-token-builtin: var(--code-block-token-builtin, #56B6C2);--vc-cb-token-meta: var(--code-block-token-meta, #61AFEF)}.vc-code-block .hljs-comment,.vc-code-block .hljs-quote{color:var(--vc-cb-token-comment);font-style:italic}.vc-code-block .hljs-keyword,.vc-code-block .hljs-selector-tag,.vc-code-block .hljs-doctag,.vc-code-block .hljs-formula{color:var(--vc-cb-token-keyword)}.vc-code-block .hljs-string,.vc-code-block .hljs-addition,.vc-code-block .hljs-selector-pseudo{color:var(--vc-cb-token-string)}.vc-code-block .hljs-number,.vc-code-block .hljs-literal,.vc-code-block .hljs-selector-class,.vc-code-block .hljs-meta .hljs-string{color:var(--vc-cb-token-number)}.vc-code-block .hljs-title,.vc-code-block .hljs-title.function_,.vc-code-block .hljs-section{color:var(--vc-cb-token-title)}.vc-code-block .hljs-title.class_,.vc-code-block .hljs-type,.vc-code-block .hljs-selector-id{color:var(--vc-cb-token-type)}.vc-code-block .hljs-tag,.vc-code-block .hljs-name,.vc-code-block .hljs-deletion,.vc-code-block .hljs-variable,.vc-code-block .hljs-template-variable{color:var(--vc-cb-token-tag)}.vc-code-block .hljs-attr,.vc-code-block .hljs-attribute,.vc-code-block .hljs-property,.vc-code-block .hljs-params{color:var(--vc-cb-token-attr)}.vc-code-block .hljs-built_in,.vc-code-block .hljs-symbol,.vc-code-block .hljs-bullet,.vc-code-block .hljs-link,.vc-code-block .hljs-regexp{color:var(--vc-cb-token-builtin)}.vc-code-block .hljs-meta,.vc-code-block .hljs-meta .hljs-keyword{color:var(--vc-cb-token-meta)}.vc-code-block .hljs-emphasis{font-style:italic}.vc-code-block .hljs-strong{font-weight:700}