.playground{--playground-editor-font-size:var(--font-size-small);height:100dvh;font-size:var(--font-size-small);flex-direction:column;display:flex}.playground :where(button,textarea){font:inherit}.playground button:focus-visible,.playground a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.playground-header{width:100%;min-height:var(--header-height);font-size:var(--font-size-body);flex-shrink:0;align-items:center;gap:20px;margin-inline:auto;padding:0 24px;display:flex;position:relative}.playground-header .playground-brand{flex-shrink:0;align-items:baseline;gap:6px;display:flex}.playground-header h1{font-size:inherit;font-weight:300;font-size:var(--font-size-heading);margin:0}.playground-header .playground-version{color:var(--muted);font-size:var(--font-size-xs);margin-inline-start:4px;text-decoration:none}.playground-header .playground-version:hover{color:var(--paper)}@media (width<=419px){.playground-header .playground-version{display:none}}.playground-header .playground-actions{align-items:center;gap:20px;margin-inline-start:auto;display:flex;position:relative}.playground-header #playground-settings[aria-expanded=true]{color:#f2f0e5}.playground-header-slot{flex-shrink:0}#playground-settings-menu{z-index:20;min-width:180px;inset-inline:auto 0}.playground-divider{color:var(--faint)}.playground-tabs{display:none}.playground[data-initializing] .playground-editor,.playground[data-initializing] .playground-status{visibility:hidden}.playground-columns{grid-template-columns:var(--playground-tracks,minmax(320px, 2fr) 1px minmax(min(400px, 45%), 1fr));flex:1;gap:2px;min-height:0;padding:0 8px 8px;display:grid}.playground-panel{background:var(--panel);border-radius:var(--radius-panel);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;container-type:inline-size}.playground-resizer{z-index:1;cursor:col-resize;touch-action:none;user-select:none;outline:none;width:9px;margin-inline:-4px;position:relative}.playground-columns.is-resizing{cursor:col-resize;user-select:none}.playground-columns.is-resizing textarea{pointer-events:none}.playground-panel-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;height:54px;padding-inline:20px 12px;display:flex}.playground-panel-header h2{font-size:inherit;margin:0;font-weight:400}@container (width<=240px){.playground-panel-header{gap:8px;padding-inline:12px}}.playground-copy{flex-shrink:0}.playground-views{margin-inline-end:auto}@container (width<=520px){#output-panel h2{display:none}}@container (width<=400px){.playground-panel-header{gap:6px;padding-inline:12px}.playground-views{font-size:var(--font-size-menu)}.playground-views>button{padding-inline:6px}}@container (width<=280px){#input-panel h2{display:none}}#input-panel[data-language=fields]>[data-editor=input],#input-panel[data-language=raw]>.fields-editor,#output-panel:not([data-view=events])>.playground-editor,#output-panel:not([data-view=events]) .playground-copy,#output-panel[data-view=events] .playground-result{display:none}.playground-copy:disabled{opacity:.45;cursor:default}.playground-editor{direction:ltr;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.playground-editor textarea{width:100%;height:100%;min-height:0;padding:20px 16px 40px calc(var(--code-gutter-width) + 8px);resize:none;color:var(--paper);font-family:var(--font-mono);font-size:var(--playground-editor-font-size);line-height:var(--code-line-height);tab-size:2;white-space:pre;background:0 0;border:0;border-radius:0;outline:none;margin:0}.playground-editor .cm-editor{min-height:0;color:var(--paper);font-size:var(--playground-editor-font-size);flex:1}.playground-editor .cm-editor.cm-focused{outline:none}.playground-editor .cm-editor .cm-scroller{min-height:0;font-family:var(--font-mono);line-height:var(--code-line-height);flex:1;overflow:auto}.playground-editor .cm-editor .cm-content{caret-color:var(--paper);padding:20px 0 40px}.playground-editor .cm-editor .cm-content::selection,.playground-editor .cm-editor .cm-content ::selection{color:currentColor;background:0 0}.playground-editor .cm-editor .cm-line{padding:0 16px 0 8px}.playground-editor .cm-editor .cm-line span{font-weight:inherit}.playground-editor .cm-editor .cm-gutters{background:var(--panel);color:var(--faint);border:0}.playground-editor .cm-editor .cm-gutters,.playground-editor .cm-editor .cm-gutters *{-webkit-user-select:none;user-select:none}.playground-editor .cm-editor .cm-lineNumbers .cm-gutterElement{min-width:var(--code-gutter-width);padding:0 8px 0 0}.playground-editor .cm-editor .cm-cursor{border-left-color:var(--paper)}.playground-editor .cm-editor .cm-selectionBackground,.playground-editor .cm-editor.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background:var(--selection-background)}.playground-editor .cm-editor .cm-tooltip{border-radius:var(--radius-panel);background:var(--line);color:var(--paper);font-family:var(--font-mono);font-size:var(--font-size-menu);border:0;padding:4px;overflow:hidden;box-shadow:0 4px 16px #0003}.playground-editor .cm-editor .cm-tooltip-autocomplete{padding:0}.playground-editor .cm-editor .cm-tooltip-autocomplete>ul{padding:4px;scroll-padding-block:4px}.playground-editor .cm-editor .cm-tooltip-autocomplete>ul>li{align-items:baseline;gap:16px;padding:4px 8px;display:flex}.playground-editor .cm-editor .cm-tooltip-autocomplete>ul>li[aria-selected]{border-radius:var(--radius-small);background:var(--line-hover);color:var(--paper)}.playground-editor .cm-editor .playground-completion-variable .cm-completionLabel{color:var(--syntax-blue)}.playground-editor .cm-editor .playground-completion-keyword .cm-completionLabel{color:var(--syntax-green)}.playground-editor .cm-editor .playground-completion-property .cm-completionLabel{color:var(--syntax-orange)}.playground-editor .cm-editor .playground-completion-enum .cm-completionLabel{color:var(--syntax-cyan)}.playground-editor .cm-editor .cm-completionDetail{text-align:right;color:var(--muted);margin-left:auto;font-style:normal}.playground-columns.is-resizing .cm-editor{pointer-events:none}.playground-status{min-height:44px;max-height:30%;font-size:var(--font-size-xs);color:var(--paper);overflow-wrap:anywhere;flex:none;padding:12px 20px;overflow:auto}#output-status{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.output-message{min-width:0;color:var(--muted)}.output-message[data-state=error]{color:var(--paper)}.output-time{color:var(--muted);flex-shrink:0}.output-time .ms,.home-example-time .ms{font-family:var(--font-mono)}.status-action{appearance:none;color:var(--paper);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-hover);text-underline-offset:3px;background:0 0;border:0;padding:0}@media (hover:hover){.status-action:hover{text-decoration-color:currentColor}}.status-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.playground-diagnostic{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:4px 0;display:block}@media (hover:hover){.playground-diagnostic:is(button):hover{text-decoration:underline}}.playground-diagnostic:not(button){cursor:default}.playground-diagnostic-detail{color:var(--muted);font-family:var(--font-mono);line-height:var(--code-line-height);margin-block:4px 0;margin-inline-start:22px;overflow-x:auto}#playground-samples-menu{overscroll-behavior:contain;width:260px;max-height:min(60vh,440px);overflow-y:auto}#playground-samples-menu .menu-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=760px){.playground-header{width:min(var(--page-width), var(--reading));padding:calc(16px + env(safe-area-inset-top,0px)) 0 12px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;transition:opacity .24s;display:grid}.playground-header .playground-brand{grid-area:1/1;min-width:0}.playground-header .playground-brand h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playground-header .playground-actions{grid-area:1/2;margin-inline-start:0}.playground-header>.filter-search-trigger{grid-area:1/3}.playground-header>.mobile-docs-trigger{grid-area:1/4;justify-self:end}.playground-tabs{flex-shrink:0;margin:0 8px 8px;display:grid}.playground-tabs>button{min-height:40px}#playground-settings>span,.playground-header>.filter-search-trigger>span{display:none}.playground-header .playground-brand{overflow:hidden}}@media (width<=760px) and (width<=420px){.playground-header .playground-brand h1{display:none}}@media (width<=760px){.playground-header .playground-actions{position:static}#playground-settings-menu{width:min(300px,100%)}#playground-samples-menu{width:auto;max-height:38vh}.playground #playground-settings:focus-visible,.playground .menu button:focus-visible{outline:0}.playground-columns{grid-template-columns:minmax(0,1fr)}.playground-resizer,.playground:not([data-active-panel=input]) #input-panel,.playground:not([data-active-panel=output]) #output-panel{display:none}}@media (forced-colors:active){.playground-editor textarea{color:canvastext;caret-color:canvastext}.playground-editor textarea::selection{color:highlighttext;background:highlight}}.playground-result{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.playground-result>.result{flex:1}.fields-editor{flex-direction:column;flex:1;min-height:0;padding:12px 12px 0;display:flex;overflow:auto}.fields-list{flex-direction:column;display:flex}.field-row{border-radius:var(--radius-small);grid-template-columns:minmax(96px,32%) minmax(0,1fr) 28px;align-items:start;display:grid}@media (hover:hover){.field-row:hover{background:var(--panel-hover,#232221)}.field-row:not(:hover) .field-remove{opacity:0}}.field-row:focus-within{background:var(--line)}.field-row:focus-within .field-remove{opacity:1}.field-name,.field-value{min-width:0;font-family:var(--font-mono);font-size:var(--playground-editor-font-size);line-height:var(--code-line-height);background:0 0;border:0;outline:none;margin:0;padding:5px 8px}.field-name{color:var(--syntax-blue);direction:ltr}.field-value{resize:none;color:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;overflow:hidden}.field-name::placeholder,.field-value::placeholder{color:var(--faint)}.field-remove{inline-size:28px;block-size:calc(var(--playground-editor-font-size) * var(--code-line-height) + 10px);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .15s,opacity .15s;display:grid}@media (hover:hover){.field-remove:hover{color:var(--paper)}}.field-remove:focus-visible{opacity:1;color:var(--paper)}.fields-actions{padding:6px 0 0}.fields-body-header{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 8px 6px;display:flex}.fields-label{color:var(--muted)}.body-type{font-size:var(--font-size-menu)}.fields-multipart{color:var(--muted);margin:16px 8px}.fields-body{flex:1 0 220px;margin-inline:-12px}.fields-body .cm-editor{min-height:220px}.playground-drop{z-index:5;border:1px dashed var(--line-active);border-radius:var(--radius-panel);color:var(--paper);pointer-events:none;background:#100f0fd9;place-items:center;display:grid;position:absolute;inset:8px}.menu-icon-space{flex-shrink:0;inline-size:16px;display:inline-block}#run-check{margin-inline-end:4px}.header-suggest{z-index:50;border-radius:var(--radius-panel);background:var(--line);max-block-size:240px;color:var(--paper);font-family:var(--font-mono);font-size:var(--font-size-menu);margin:0;padding:4px;scroll-padding-block:4px;list-style:none;position:fixed;overflow:auto;box-shadow:0 4px 16px #0003}.header-suggest[hidden]{display:none}.header-suggest>li{cursor:default;white-space:nowrap;padding:4px 8px}.header-suggest>li[aria-selected]{border-radius:var(--radius-small);background:var(--line-hover)}