.P1JSca_block{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);min-inline-size:0;max-inline-size:100%;margin-block:1.5rem;font-weight:500;overflow:hidden}.P1JSca_header{background:var(--c-bg-hover);min-block-size:2rem;color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--code-label-size);justify-content:space-between;align-items:center;gap:1rem;padding:.375rem 1rem;display:flex}.P1JSca_title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.P1JSca_language{flex-shrink:0;margin-inline-start:auto}.P1JSca_body{position:relative}.P1JSca_pre{counter-reset:line;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--c-code-number) var(--c-bg-muted);white-space:pre;tab-size:2;overflow-x:auto}.P1JSca_pre>code{inline-size:max-content;min-inline-size:100%;padding-block:var(--code-padding-block);font-size:var(--code-font-size);line-height:var(--code-line-height);display:block}.P1JSca_pre .syntax-line{inline-size:100%;min-block-size:var(--code-line-height);padding-inline:var(--code-padding-inline);line-height:var(--code-line-height);display:inline-block}.P1JSca_pre .syntax-line:before{counter-increment:line;content:counter(line);min-inline-size:var(--code-gutter-width);color:var(--c-code-number);font-size:var(--code-label-size);text-align:end;-webkit-user-select:none;user-select:none;pointer-events:none;margin-inline-end:var(--code-gutter-gap);line-height:1;display:inline-block}.P1JSca_block .syntax-line-highlight{background:var(--c-bg-muted)}.P1JSca_pre .syntax-line-highlight:before{color:inherit;font-weight:700}.P1JSca_copyButton{z-index:1;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-button-bg);block-size:2.75rem;inline-size:2.75rem;color:var(--c-button-text);place-items:center;padding:0;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.P1JSca_copyIcon{grid-area:1/1;place-items:center;display:grid}.P1JSca_copyButton:hover{background:var(--c-button-bg-hover);color:var(--c-button-text-hover)}.P1JSca_copyButton:active{background:var(--c-button-bg-active)}.P1JSca_copyButton:disabled{cursor:progress;opacity:.6}.P1JSca_copyButton[data-copy-state=copied]{color:var(--c-cpn-green)}.P1JSca_copyButton[data-copy-state=error]{color:var(--c-cpn-red)}.P1JSca_copyButton:focus-visible,.P1JSca_pre:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.P1JSca_status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.P1JSca_block .syntax-variable{color:var(--c-code-variable)}:is(.P1JSca_block .syntax-type,.P1JSca_block .syntax-attribute,.P1JSca_block .syntax-module){color:var(--c-code-type)}.P1JSca_block .syntax-keyword{color:var(--c-code-keyword)}:is(.P1JSca_block .syntax-constant,.P1JSca_block .syntax-number,.P1JSca_block .syntax-boolean){color:var(--c-code-constant)}:is(.P1JSca_block .syntax-string,.P1JSca_block .syntax-character,.P1JSca_block .syntax-markup-raw,.P1JSca_block .syntax-diff-plus){color:var(--c-code-string)}:is(.P1JSca_block .syntax-function,.P1JSca_block .syntax-tag,.P1JSca_block .syntax-diff-delta){color:var(--c-code-function)}:is(.P1JSca_block .syntax-constructor,.P1JSca_block .syntax-label){color:var(--c-code-label)}:is(.P1JSca_block .syntax-property,.P1JSca_block .syntax-variable-member,.P1JSca_block .syntax-tag-attribute){color:var(--c-code-property)}:is(.P1JSca_block .syntax-punctuation,.P1JSca_block .syntax-comment){color:var(--c-code-comment)}.P1JSca_block .syntax-comment{font-style:italic}:is(.P1JSca_block .syntax-operator,.P1JSca_block .syntax-punctuation-special){color:var(--c-code-operator)}.P1JSca_block .syntax-type-builtin{color:var(--c-code-keyword)}:is(.P1JSca_block .syntax-string-regexp,.P1JSca_block .syntax-string-escape,.P1JSca_block .syntax-character-special,.P1JSca_block .syntax-markup-quote){color:var(--c-code-escape)}:is(.P1JSca_block .syntax-variable-builtin,.P1JSca_block .syntax-comment-error,.P1JSca_block .syntax-error,.P1JSca_block .syntax-diff-minus){color:var(--c-code-error)}.P1JSca_block .syntax-variable-parameter{color:var(--c-code-parameter);font-style:italic}.P1JSca_block .syntax-function-macro{color:var(--c-code-macro)}.P1JSca_block .syntax-markup-heading{color:var(--c-code-heading)}.P1JSca_block .syntax-markup-link{color:var(--c-code-function);text-decoration:underline}.P1JSca_block .syntax-markup-strong{font-weight:700}.P1JSca_block .syntax-markup-italic{font-style:italic}.P1JSca_block .syntax-markup-strikethrough{text-decoration:line-through}.P1JSca_block .syntax-rainbow-0{color:var(--c-cpn-red)}.P1JSca_block .syntax-rainbow-1{color:var(--c-cpn-peach)}.P1JSca_block .syntax-rainbow-2{color:var(--c-cpn-yellow)}.P1JSca_block .syntax-rainbow-3{color:var(--c-cpn-green)}.P1JSca_block .syntax-rainbow-4{color:var(--c-cpn-blue)}.P1JSca_block .syntax-rainbow-5{color:var(--c-cpn-mauve)}@media (hover:none),(pointer:coarse){.P1JSca_header{min-block-size:3rem;padding-inline-end:3.5rem}.P1JSca_copyButton{inset-block-start:-2.875rem}}@media (hover:hover) and (pointer:fine){.P1JSca_copyButton{opacity:0;block-size:2rem;inline-size:2rem}.P1JSca_block:hover .P1JSca_copyButton,.P1JSca_block:focus-within .P1JSca_copyButton{opacity:1}}@media (prefers-reduced-motion:no-preference){.P1JSca_copyButton{transition:opacity var(--duration-fast) ease-out}}.cryrkq_root{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);min-inline-size:0;max-inline-size:100%;margin-block:1.5rem;overflow:hidden}.cryrkq_header{background:var(--c-bg-hover);min-block-size:2rem;font-family:var(--font-mono);align-items:center;gap:.75rem;padding-inline:.5rem 1rem;font-size:.75rem;display:flex}.cryrkq_list{scrollbar-width:thin;scrollbar-color:var(--c-code-number) transparent;min-inline-size:0;display:flex;overflow-x:auto}.cryrkq_tab{min-block-size:2rem;color:var(--c-text-muted);font:inherit;background:0 0;border:0;flex-shrink:0;padding:.375rem .75rem}.cryrkq_tab:hover{background:var(--c-bg-muted);color:var(--c-text)}.cryrkq_tab[data-active]{color:var(--c-accent);box-shadow:inset 0 -2px var(--c-accent)}.cryrkq_detail{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:40%;color:var(--c-text-muted);flex-shrink:0;margin-inline-start:auto;overflow:hidden}.cryrkq_tab:focus-visible,.cryrkq_panel:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.cryrkq_panel{min-inline-size:0}.cryrkq_panel>p{margin:1rem}.cryrkq_panel>figure{border:0;border-radius:0;margin:0;overflow:visible}.cryrkq_panel>figure:first-of-type>figcaption{display:none}.cryrkq_panel>figure+figure{border-block-start:1px solid var(--c-border)}@media (hover:none),(pointer:coarse){.cryrkq_header{min-block-size:3rem;padding-inline-end:3.5rem}.cryrkq_tab{min-block-size:3rem}}._0eUMsW_playground{max-inline-size:90rem;margin-inline:auto;padding:1.5rem}._0eUMsW_intro h1{font-size:2rem;line-height:1.2}._0eUMsW_intro p{color:var(--c-text-muted);margin-block-start:.75rem}._0eUMsW_workspace{grid-template-columns:minmax(0,1fr);gap:1rem;margin-block-start:1.5rem;display:grid}._0eUMsW_pane{flex-direction:column;margin:0;display:flex}._0eUMsW_paneHeader._0eUMsW_paneHeader{justify-content:flex-start;gap:.5rem;padding-block:0}._0eUMsW_paneHeader>:last-child{flex-shrink:0;margin-inline-start:auto}._0eUMsW_rainbowToggle:hover{background:var(--c-bg-active);color:var(--c-text)}._0eUMsW_rainbowToggle{border-radius:var(--radius-xs);min-block-size:2rem;min-inline-size:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.375rem;padding:.25rem .375rem;display:inline-flex}._0eUMsW_rainbowToggle[aria-pressed=true]{background:var(--c-bg-muted);color:var(--c-text)}._0eUMsW_action{border-radius:var(--radius-xs);min-block-size:2.25rem;color:var(--c-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.8125rem;display:inline-flex}._0eUMsW_action:hover{background:var(--c-bg-muted);color:var(--c-text)}._0eUMsW_editor,._0eUMsW_outputBody{block-size:clamp(14rem,34svh,24rem);min-inline-size:0;font-size:var(--code-font-size)}._0eUMsW_editor .cm-editor{--editor-foreground:var(--c-text);--editor-highlight-background:var(--c-bg-muted);--editor-highlight-foreground:var(--editor-foreground);background:var(--c-bg);block-size:100%;color:var(--c-text)}._0eUMsW_editor .cm-focused{outline:none}._0eUMsW_pane:has(._0eUMsW_editor .cm-focused){outline:2px solid var(--c-accent);outline-offset:2px}._0eUMsW_editor .cm-scroller{background:inherit;font-family:var(--font-mono);font-weight:500;line-height:var(--code-line-height);overflow:auto}._0eUMsW_editor .cm-content{padding-block:var(--code-padding-block);caret-color:currentColor}._0eUMsW_editor .cm-line{padding-inline:0 var(--code-padding-inline);line-height:var(--code-line-height)}._0eUMsW_editor .cm-gutters{background:inherit;color:var(--c-code-number);border:0}._0eUMsW_editor .cm-lineNumbers .cm-gutterElement{min-inline-size:var(--code-gutter-width);font-size:var(--code-label-size);line-height:var(--code-line-height);cursor:pointer;padding:0}._0eUMsW_editor .cm-lineNumbers .cm-gutterElement:not(.cm-comfit-highlighted):hover{color:var(--editor-foreground)}._0eUMsW_editor .cm-comfit-highlighted{background:var(--editor-highlight-background);color:var(--editor-highlight-foreground)}._0eUMsW_editor .cm-lineNumbers .cm-comfit-highlighted{font-weight:700}._0eUMsW_editor .cm-foldGutter .cm-gutterElement{inline-size:var(--code-gutter-gap);line-height:var(--code-line-height);padding:0}:is(._0eUMsW_editor .cm-activeLine:not(.cm-comfit-highlighted),._0eUMsW_editor .cm-activeLineGutter:not(.cm-comfit-highlighted)){background:color-mix(in oklab, currentColor 8%, transparent)}._0eUMsW_editor .cm-selectionBackground,._0eUMsW_editor .cm-focused .cm-selectionBackground{background:color-mix(in oklab, currentColor 25%, transparent)}._0eUMsW_editor .cm-cursor{border-inline-start-color:currentColor}:is(._0eUMsW_editor .cm-tooltip,._0eUMsW_editor .cm-panels){background:var(--c-bg-subtle);color:var(--c-text)}._0eUMsW_output{overscroll-behavior:contain;block-size:100%;overflow:auto}._0eUMsW_rawCode{white-space:pre-wrap;overflow-wrap:anywhere;min-block-size:100%}._0eUMsW_rawCode>code{inline-size:auto;padding-inline:var(--code-padding-inline)}._0eUMsW_message{min-block-size:100%;color:var(--c-text-muted);overflow-wrap:anywhere;align-content:center;justify-items:start;gap:.75rem;padding:1.5rem;font-size:.875rem;display:grid}._0eUMsW_rainbowToggle:focus-visible,._0eUMsW_action:focus-visible,._0eUMsW_tab:focus-visible,._0eUMsW_raw:focus-visible,._0eUMsW_raw pre:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}@media (width>=40rem){._0eUMsW_playground{padding:2rem}}@media (width<40rem){._0eUMsW_playground{padding-inline:1.25rem}._0eUMsW_paneHeader._0eUMsW_paneHeader{gap:.25rem;padding-inline-start:.75rem}._0eUMsW_rainbowToggle span{display:none}._0eUMsW_editor,._0eUMsW_outputBody{block-size:clamp(14rem,30svh,24rem)}}@media (hover:none),(pointer:coarse){._0eUMsW_action,._0eUMsW_rainbowToggle{min-block-size:2.75rem}._0eUMsW_rainbowToggle{min-inline-size:2.75rem}}@media (width>=60rem){._0eUMsW_workspace{grid-template-columns:repeat(2,minmax(0,1fr))}._0eUMsW_editor,._0eUMsW_outputBody{block-size:clamp(22rem,55svh,40rem)}}