:root{--codie-bg: #ffffff;--codie-text: #000000;--codie-caret: #000000;--codie-selection: oklch(.7 .1 250 / .3);--codie-tag: #4175a1;--codie-attr-name: #75a5bf;--codie-attr-value: #9b6d5a;--codie-punct: #606060;--codie-comment: #507340;--codie-css-selector: #a18c5e;--codie-css-property: #75a5bf;--codie-css-value: #9b6d5a;--codie-js-keyword: #4175a1;--codie-js-import: #946590;--codie-js-string: #9b6d5a;--codie-js-function: #a5a580;--codie-js-number: #889b7e;--codie-js-ident: #75a5bf;--codie-json-key: #0c7cb3;--codie-json-string: #9b6447;--codie-json-number: #7fa76d;--codie-json-boolean: #3873ac;--codie-json-null: #3873ac;--codie-vibe: #a41d59;--codie-vibe-var: inherit;--codie-line-number: oklch(.6 0 0);--codie-line-number-active: oklch(.3 0 0);--codie-fold-icon: oklch(.6 0 0);--codie-fold-hover: oklch(.7 .1 250 / .2);--codie-highlight: oklch(.7 .1 250 / .2)}.dark [codie],[dark] [codie],[codie][dark]{--codie-bg: #1e1e1e;--codie-text: #d4d4d4;--codie-caret: #fff;--codie-selection: oklch(.5 .1 250 / .4);--codie-tag: #569cd6;--codie-attr-name: #9cdcfe;--codie-attr-value: #ce9178;--codie-punct: #808080;--codie-comment: #6a9955;--codie-css-selector: #d7ba7d;--codie-css-property: #9cdcfe;--codie-css-value: #ce9178;--codie-js-keyword: #569cd6;--codie-js-import: #c586c0;--codie-js-string: #ce9178;--codie-js-function: #dcdcaa;--codie-js-number: #b5cea8;--codie-js-ident: #9cdcfe;--codie-json-key: #9cdcfe;--codie-json-string: #ce9178;--codie-json-number: #b5cea8;--codie-json-boolean: #569cd6;--codie-json-null: #569cd6;--codie-vibe: #db2777;--codie-line-number: oklch(.45 0 0);--codie-line-number-active: oklch(.75 0 0);--codie-fold-icon: oklch(.45 0 0);--codie-fold-hover: oklch(.4 .1 250 / .3);--codie-highlight: oklch(.4 .1 250 / .3)}[codie]{display:grid;position:relative;width:100%;font-size:var(--unit-size, inherit);line-height:1.5;font-family:Geist Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;overflow:auto;background:var(--codie-bg);color:var(--codie-text);border-radius:calc(var(--unit, 4px) * 1);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[codie]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[codie]>*{grid-area:1/1;min-width:max-content;align-self:start}[codie] .codie-layer{margin:0;padding:calc(var(--unit, 4px) * 4);font:inherit;line-height:inherit;white-space:pre;background:transparent}[codie] .codie-display{pointer-events:none}[codie] .codie-textarea{display:none;width:100%;field-sizing:content;min-height:100%;border:none;outline:none;resize:none;overflow:hidden;color:transparent;caret-color:var(--codie-caret);-webkit-text-fill-color:transparent}[codie][editable] .codie-textarea{display:block}[codie][editable] .codie-display{pointer-events:none}[codie][editable] .codie-textarea::selection{background:var(--codie-selection);-webkit-text-fill-color:transparent}[codie][numbered]{grid-template-columns:auto 1fr}[codie] .codie-line-numbers{display:none;padding:calc(var(--unit, 4px) * 4);padding-right:calc(var(--unit, 4px) * 2);text-align:right;color:var(--codie-line-number);-webkit-user-select:none;user-select:none;border-right:1px solid oklch(from var(--codie-text) l c h / .1)}[codie][numbered] .codie-line-numbers{display:block;grid-area:1/1}[codie][numbered] .codie-layer{grid-area:1/2}[codie] .codie-line{display:block}[codie] .codie-line-highlight{background:var(--codie-highlight)}[codie].codie-focused .codie-line{opacity:.4;transition:opacity .15s ease-out}[codie].codie-focused .codie-line.codie-line-highlight{opacity:1}[codie] .codie-fold-wrapper{display:grid;grid-template-rows:min-content 0fr;transition:grid-template-rows .2s ease-out}[codie] .codie-fold-wrapper.codie-fold-open{grid-template-rows:min-content 1fr}[codie] .codie-fold-header{display:flex;align-items:flex-start;gap:calc(var(--unit, 4px) * 1);cursor:pointer;border-radius:calc(var(--unit, 4px) * .5);transition:background-color .15s ease-out}[codie] .codie-fold-header:hover{background:var(--codie-fold-hover)}[codie] .codie-fold-toggle{height:18px;width:18px;padding:0;margin:0;background:transparent;border:none;cursor:pointer;font-size:8px;line-height:1;transform:rotate(-45deg);transition:color .15s ease-out,transform .15s ease-out;display:inline-flex;align-items:center;justify-content:center;color:transparent}[codie] .codie-fold-wrapper.codie-fold-open>.codie-fold-header>.codie-fold-toggle{color:oklch(from var(--codie-fold-icon) l c h / .1);transform:rotate(0)}[codie] .codie-fold-wrapper>.codie-fold-header:hover>.codie-fold-toggle{color:var(--codie-fold-icon)}[codie] .codie-fold-content{overflow:hidden}[codie] .codie-fold-preview{display:none;color:var(--codie-text);opacity:.6}[codie] .codie-fold-wrapper:not(.codie-fold-open) .codie-fold-preview{display:inline}[codie] .codie-fold-wrapper[data-root]>.codie-fold-header{cursor:default;pointer-events:none}[codie] .codie-fold-wrapper[data-root]>.codie-fold-header>.codie-fold-toggle{opacity:0;pointer-events:none}[codie] .codie-tag{color:var(--codie-tag);font-weight:600}[codie] .codie-attr-name{color:var(--codie-attr-name)}[codie] .codie-attr-value{color:var(--codie-attr-value)}[codie] .codie-punct{color:var(--codie-punct)}[codie] .codie-comment{color:var(--codie-comment)}[codie] .codie-text{color:var(--codie-text)}[codie] .codie-vibe{color:var(--codie-vibe)}[codie] .codie-vibe-var{color:var(--codie-vibe-var);transition:color .15s ease-out}[codie]:hover .codie-vibe-var,[codie].codie-has-selection .codie-vibe-var{color:oklch(from currentColor calc(l + .25) c h)}[codie] .codie-css-selector{color:var(--codie-css-selector);font-weight:600}[codie] .codie-css-property{color:var(--codie-css-property)}[codie] .codie-css-value{color:var(--codie-css-value)}[codie] .codie-js-keyword{color:var(--codie-js-keyword)}[codie] .codie-js-import{color:var(--codie-js-import)}[codie] .codie-js-string{color:var(--codie-js-string)}[codie] .codie-js-function{color:var(--codie-js-function)}[codie] .codie-js-number{color:var(--codie-js-number)}[codie] .codie-js-ident{color:var(--codie-js-ident)}[codie] .codie-json-key{color:var(--codie-json-key)}[codie] .codie-json-string{color:var(--codie-json-string)}[codie] .codie-json-number{color:var(--codie-json-number)}[codie] .codie-json-boolean{color:var(--codie-json-boolean)}[codie] .codie-json-null{color:var(--codie-json-null)}