.wp-block-wordpress-playground-playground{border-radius:10px}.wp-block-wordpress-playground-playground *{box-sizing:border-box}.wp-block-wordpress-playground-playground .wordpress-playground-block-button{align-items:center;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px 12px}.wp-block-wordpress-playground-playground .wordpress-playground-block-button svg{margin-right:5px}.wp-block-wordpress-playground-playground .wordpress-playground-run-button{cursor:pointer;font-size:20px;padding:12px 14px!important}.wp-block-wordpress-playground-playground .screen-reader-text.wordpress-playground-end-of-preview,.wp-block-wordpress-playground-playground .screen-reader-text.wordpress-playground-end-of-preview:focus{bottom:5px;top:auto}.wp-block-wordpress-playground-playground .wordpress-playground-main-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.wp-block-wordpress-playground-playground .wordpress-playground-main-container .wordpress-playground-content-container{width:100%}.wp-block-wordpress-playground-playground .wordpress-playground-main-container .wordpress-playground-footer{text-align:end}.wp-block-wordpress-playground-playground .wordpress-playground-content-container{box-shadow:0 12px 50px 0 rgba(3,37,75,.278);display:flex;overflow:hidden}.wp-block-wordpress-playground-playground .wordpress-playground-content-container .code-container{display:flex;flex-direction:column}.wp-block-wordpress-playground-playground .wordpress-playground-content-container .playground-container{border:0;max-width:100%;position:relative}.wp-block-wordpress-playground-playground .wordpress-playground-content-container .playground-container .wordpress-playground-before-preview:focus{z-index:-1}.wp-block-wordpress-playground-playground .wordpress-playground-content-container .playground-container .playground-iframe{background-color:#fff}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-side-by-side{flex-direction:row;overflow:hidden}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-side-by-side .code-container{flex:1;flex-basis:50%;height:100%;min-height:700px}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-side-by-side .playground-container{flex:1;flex-basis:50%;height:700px;max-height:100%}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-side-by-side .cm-editor{bottom:0;height:100%;left:0;position:absolute!important;right:0;top:0;width:100%}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-one-under-another{flex-direction:column}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-one-under-another .code-container{flex-basis:350px}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-one-under-another .playground-container{flex-basis:500px;height:500px;width:100%}.wp-block-wordpress-playground-playground .wordpress-playground-content-container.is-one-under-another .cm-editor{height:auto;max-height:min(450px,80vh);width:100%}.wp-block-wordpress-playground-playground .is-full-page-view{display:flex;flex-direction:column;flex-wrap:nowrap;height:100vh}.wp-block-wordpress-playground-playground .is-full-page-view .wordpress-playground-footer__full-page-link{display:none}.wp-block-wordpress-playground-playground .is-full-page-view .wordpress-playground-content-container{flex-grow:1}.wp-block-wordpress-playground-playground .is-full-page-view .wordpress-playground-content-container.is-side-by-side .code-container,.wp-block-wordpress-playground-playground .is-full-page-view .wordpress-playground-content-container.is-side-by-side .playground-container{height:auto;min-height:auto}.wp-block-wordpress-playground-playground .is-full-page-view .wordpress-playground-content-container.is-one-under-another{overflow:auto}.wp-block-wordpress-playground-playground .is-full-page-view .wordpress-playground-content-container.is-one-under-another .playground-container{flex-basis:300px;flex-grow:1}.wp-block-wordpress-playground-playground .wordpress-playground-footer__full-page-link{font-size:13px;margin-inline-start:11px;text-decoration:none}.wp-block-wordpress-playground-playground .wordpress-playground-footer__full-page-link:after{content:"↗";margin-inline-start:3px}.wp-block-wordpress-playground-playground .wordpress-playground-footer__full-page-link:dir(rtl):after{content:"↖"}.wp-block-wordpress-playground-playground .wordpress-playground-footer{margin:4px}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__full-page-link,.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link{margin:0 8px}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__full-page-link{margin-inline-start:19px}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link,.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link-text,.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_text{color:var(--wp--preset--color--contrast);display:inline-block;font-size:13px;text-decoration:none}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_text{opacity:.7}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link .wordpress-playground-footer__spacing{display:inline-block;height:0;width:0}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link .wordpress-playground-footer__icon{margin:-4px 2px auto;fill:var(--wp--preset--color--contrast);vertical-align:middle}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link:hover .wordpress-playground-footer__powered_by_link-text,.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link:hover .wordpress-playground-footer__powered_text{color:var(--wp--preset--color--vivid-cyan-blue);opacity:1}.wp-block-wordpress-playground-playground .wordpress-playground-footer .wordpress-playground-footer__powered_by_link:hover .wordpress-playground-footer__icon{fill:var(--wp--preset--color--vivid-cyan-blue)}.wp-block-wordpress-playground-playground .file-tabs{align-items:flex-end;background-color:#0c0224;color:#fff;display:flex;flex-wrap:wrap;min-height:46px;padding:6px 10px 0}.wp-block-wordpress-playground-playground .file-tabs path{fill:currentColor}.wp-block-wordpress-playground-playground .file-tabs .components-spinner{margin-top:0}.wp-block-wordpress-playground-playground .file-tabs>.file-tab{align-items:center;border-radius:5px 5px 0 0;box-shadow:none;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;margin-right:5px;padding:5px 10px}.wp-block-wordpress-playground-playground .file-tabs>.file-tab:not(.file-tab-active){background-color:#575757}.wp-block-wordpress-playground-playground .file-tabs .file-tab-extra{background-color:#575757;color:#fff;font-weight:700}.wp-block-wordpress-playground-playground .file-tabs .file-tab-extra:active,.wp-block-wordpress-playground-playground .file-tabs .file-tab-extra:focus,.wp-block-wordpress-playground-playground .file-tabs .file-tab-extra:hover{background-color:#6e6e6e}.wp-block-wordpress-playground-playground .code-editor-wrapper{display:flex;flex:1;flex-direction:column;position:relative}.wp-block-wordpress-playground-playground .code-editor-wrapper>div{display:flex;flex:1;height:100%;position:relative}.wp-block-wordpress-playground-playground .cm-content{white-space:pre-wrap}.wp-block-wordpress-playground-playground .playground-iframe{height:100%;width:100%}.wp-block-wordpress-playground-playground .playground-activation-placeholder{background-color:#eee;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.wp-block-wordpress-playground-playground .playground-transpilation-failures{background-color:rgba(39,0,0,.9)!important;bottom:0;display:flex;flex-direction:column;left:0;padding:20px;position:absolute;right:0;top:0}.wp-block-wordpress-playground-playground .playground-transpilation-failures *{color:#fff!important}.wp-block-wordpress-playground-playground .playground-transpilation-failures h3{font-size:24px!important}.wp-block-wordpress-playground-playground .playground-transpilation-failures h1,.wp-block-wordpress-playground-playground .playground-transpilation-failures h2,.wp-block-wordpress-playground-playground .playground-transpilation-failures h3,.wp-block-wordpress-playground-playground .playground-transpilation-failures h4,.wp-block-wordpress-playground-playground .playground-transpilation-failures h5,.wp-block-wordpress-playground-playground .playground-transpilation-failures h6,.wp-block-wordpress-playground-playground .playground-transpilation-failures p{margin-bottom:10px!important;margin-top:10px!important}.wp-block-wordpress-playground-playground .playground-transpilation-failures p{font-size:15px!important}.wp-block-wordpress-playground-playground .wordpress-playground-activate-button{font-size:20px;margin:auto!important}.wp-block-wordpress-playground-playground .actions-bar{align-items:center;background-color:#0c0224;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100vw;padding:10px}.wp-block-wordpress-playground-playground .playground-block-exit-editor-tip{background:#fff7cc;border:0;cursor:pointer;font-size:inherit;padding:11px;text-align:left}.wp-block-wordpress-playground-playground .playground-block-exit-editor-tip:focus{outline:0}.wp-block-wordpress-playground-playground .playground-block-exit-editor-tip:focus-visible{outline:auto;outline-offset:-2px}.wp-block-wordpress-playground-playground .playground-block-exit-editor-tip code{border:1px solid rgba(0,0,0,.467);border-radius:5px;font-family:monospace;margin:0 1px;padding:2px 4px}