.playground-editor .cm-editor{background:var(--color-fd-card);color:#24292e}.dark .playground-editor .cm-editor{color:#e1e4e8}.playground-editor .cm-editor.cm-focused{outline:none}.playground-editor .cm-gutters{background:var(--color-fd-card);color:var(--color-fd-muted-foreground);border-right:1px solid var(--color-fd-border)}.playground-editor .cm-activeLine,.playground-editor .cm-activeLineGutter{background:color-mix(in srgb, var(--color-fd-foreground) 5%, transparent)}.playground-editor .cm-cursor{border-left-color:var(--color-fd-foreground)}.playground-editor .cm-selectionBackground,.playground-editor .cm-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--color-fd-primary) 25%, transparent)}.playground-editor .cm-tooltip{background:var(--color-fd-popover);color:var(--color-fd-popover-foreground);border:1px solid var(--color-fd-border)}.playground-editor .cm-tooltip-autocomplete ul li[aria-selected]{background:var(--color-fd-primary);color:var(--color-fd-primary-foreground)}.playground-editor .cm-panels{background:var(--color-fd-card);color:var(--color-fd-foreground);border-color:var(--color-fd-border)}.playground-editor .cm-textfield,.playground-editor .cm-button{background:var(--color-fd-background);color:var(--color-fd-foreground);border:1px solid var(--color-fd-border)}.playground-editor .tok-keyword{color:#d73a49}.playground-editor .tok-string{color:#032f62}.playground-editor .tok-comment{color:#6a737d}.playground-editor .tok-number,.playground-editor .tok-atom,.playground-editor .tok-bool{color:#005cc5}.playground-editor .tok-typeName,.playground-editor .tok-definition{color:#6f42c1}.playground-editor .tok-meta{color:#6a737d}.dark .playground-editor .tok-keyword{color:#f97583}.dark .playground-editor .tok-string{color:#9ecbff}.dark .playground-editor .tok-comment{color:#6a737d}.dark .playground-editor .tok-number,.dark .playground-editor .tok-atom,.dark .playground-editor .tok-bool{color:#79b8ff}.dark .playground-editor .tok-typeName,.dark .playground-editor .tok-definition{color:#b392f0}.dark .playground-editor .tok-meta{color:#6a737d}.playground-frame-code>figure,.playground-frame-code>pre{box-shadow:none;border:0;border-radius:0;margin:0}@media (min-width:64rem){.playground-page .playground-editor-pane{width:var(--split,50%)}}.playground-resizing iframe{pointer-events:none}.playground-page .playground-editor .cm-editor{height:100%}