.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 .demo-container{box-shadow:0 12px 50px 0 rgba(3,37,75,.278);display:flex;flex-wrap:wrap;overflow:hidden}.wp-block-wordpress-playground-playground .demo-footer{padding:4px 8px;text-align:center}.wp-block-wordpress-playground-playground .demo-footer .demo-footer__link,.wp-block-wordpress-playground-playground .demo-footer .demo-footer__link-text,.wp-block-wordpress-playground-playground .demo-footer .demo-footer__powered{color:var(--wp--preset--color--contrast);display:inline-block;font-size:13px;line-height:1;text-decoration:none;vertical-align:middle}.wp-block-wordpress-playground-playground .demo-footer .demo-footer__powered{opacity:.7}.wp-block-wordpress-playground-playground .demo-footer .demo-footer__link .demo-footer__icon{margin:0 2px;fill:var(--wp--preset--color--contrast);vertical-align:middle}.wp-block-wordpress-playground-playground .demo-footer .demo-footer__link:hover .demo-footer__link-text,.wp-block-wordpress-playground-playground .demo-footer .demo-footer__link:hover .demo-footer__powered{color:var(--wp--preset--color--vivid-cyan-blue);opacity:1}.wp-block-wordpress-playground-playground .demo-footer .demo-footer__link:hover .demo-footer__icon{fill:var(--wp--preset--color--vivid-cyan-blue)}.wp-block-wordpress-playground-playground .code-container{display:flex;flex:1;flex-direction:column}.wp-block-wordpress-playground-playground .code-container.is-full-width{flex:0 0 100%}.wp-block-wordpress-playground-playground .code-container.is-half-width{flex:0 0 50%}.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{flex:1}.wp-block-wordpress-playground-playground .code-editor-wrapper>div{height:100%;position:relative}.wp-block-wordpress-playground-playground .is-full-width .cm-editor{height:100%;max-height:min(450px,80vh);width:100%}.wp-block-wordpress-playground-playground .is-half-width .cm-editor{bottom:0;left:0;position:absolute!important;right:0;top:0}.wp-block-wordpress-playground-playground .cm-content{white-space:pre-wrap}.wp-block-wordpress-playground-playground .playground-container{border:0;flex:1;height:700px;max-height:100%;max-width:100%;position:relative;width:700px}.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}