:is(.js-playground):is(#cf-editor,*) .js-pg-crumbs{display:flex;align-items:center;gap:var(--cf-space-150);min-width:0;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300);white-space:nowrap}:is(.js-playground):is(#cf-editor,*) .js-pg-crumbs a:hover{color:var(--cf-color-primary)}:is(.js-playground):is(#cf-editor,*) .js-pg-crumbs [aria-current]{color:var(--cf-color-text-strong);font-weight:var(--cf-font-weight-semibold)}:is(.js-playground):is(#cf-editor,*) .js-pg-examples select{max-width:240px;padding:var(--cf-space-100) var(--cf-space-250);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300)}:is(.js-playground):is(#cf-editor,*) .js-pg-wide-actions{display:flex;gap:var(--cf-space-200)}:is(.js-playground):is(#cf-editor,*) .code-open-editor-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}:is(.js-playground):is(#cf-editor,*) .js-pg-body{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}:is(.js-playground):is(#cf-editor,*) .js-pg-code,:is(.js-playground):is(#cf-editor,*) .js-pg-output{min-width:0;min-height:0;display:flex;flex-direction:column}:is(.js-playground):is(#cf-editor,*) .js-pg-code{border-right:1px solid var(--cf-color-border)}:is(.js-playground):is(#cf-editor,*) .js-pg-hint{overflow:hidden;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);text-overflow:ellipsis;white-space:nowrap}:is(.js-playground):is(#cf-editor,*) .js-pg-notice{margin:0;padding:var(--cf-space-200) var(--cf-space-400);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-warning-subtle);color:var(--cf-color-text);font-size:var(--cf-font-size-300)}:is(.js-playground):is(#cf-editor,*) .js-pg-editor{position:relative;flex:1 1;min-height:0;overflow:hidden}:is(.js-playground):is(#cf-editor,*) .js-pg-frame:not(.is-hidden){flex:0 0 40%;border-bottom:1px solid var(--cf-color-border)}:is(.js-playground):is(#cf-editor,*) .js-pg-console{flex:1 1;min-height:0;display:flex;flex-direction:column}@media(max-width:1020px){:is(.js-playground):is(#cf-editor,*) .js-pg-crumbs,:is(.js-playground):is(#cf-editor,*) .js-pg-wide-actions .editor-button span{display:none}}@media(max-width:768px){:is(.js-playground):is(#cf-editor,*) .js-pg-wide-actions{display:none}:is(.js-playground):is(#cf-editor,*) .js-pg-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)}:is(.js-playground):is(#cf-editor,*) .js-pg-code{border-right:0;border-bottom:1px solid var(--cf-color-border)}:is(.js-playground):is(#cf-editor,*) .js-pg-examples select{max-width:140px}}