body{margin:0;padding:0}.nab-php-editor{height:100%;width:100vw}.nab-php-editor__sidebar{box-sizing:border-box;height:100%;left:0;margin:0;padding-right:2px;position:absolute;top:0;width:var(--nab-php-editor-sidebar-width,26em)}.nab-php-editor__sidebar--is-collapsed{left:calc(var(--nab-php-editor-sidebar-width, 26em)*-1)}.nab-php-editor__resizer{background:#e2e4e7;cursor:ew-resize;height:100%;left:calc(var(--nab-php-editor-sidebar-width, 26em) - 4px);position:absolute;top:0;width:4px}.nab-php-editor__preview{background:#23282d;box-sizing:border-box;height:100%;left:0;margin:0;margin-left:var(--nab-php-editor-sidebar-width,26em);overflow:hidden;padding:0;position:absolute;top:0;width:calc(100% - var(--nab-php-editor-sidebar-width, 26em))}.nab-php-editor__preview--is-fullscreen{margin-left:0;width:100%}.nab-php-editor:not(.nab-php-editor--is-dragging) .nab-php-editor__sidebar{transition:left .2s ease-in-out}.nab-php-editor:not(.nab-php-editor--is-dragging) .nab-php-editor__preview{transition:margin .2s ease-in-out,width .2s ease-in-out}.nab-php-editor-sidebar__visibility-toggle{bottom:13px;left:0;z-index:1}
@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.nab-php-editor-sidebar{background:#f3f4f5;border-right:1px solid #e2e4e7;display:flex;flex-direction:column;line-height:1}.nab-php-editor-sidebar .components-button.is-link{align-items:center;background:none;border:none;box-shadow:none;display:flex;text-decoration:none}.nab-php-editor-sidebar .components-button.is-link::-moz-focus-inner{border:0}.nab-php-editor-sidebar__actions{border-bottom:1px solid #e2e4e7;display:flex;flex-direction:row;padding:0}.nab-php-editor-sidebar__back-to-experiment{align-items:center;border-right:1px solid #e2e4e7;display:flex;flex-grow:0;padding-left:.8em;padding-right:.8em}.nab-php-editor-sidebar__back-to-experiment-link{box-shadow:none;line-height:1;text-decoration:none}.nab-php-editor-sidebar__back-to-experiment-link:active,.nab-php-editor-sidebar__back-to-experiment-link:focus,.nab-php-editor-sidebar__back-to-experiment-link:hover{box-shadow:none}.nab-php-editor-sidebar__save-info{display:flex;flex-direction:row;flex-grow:1;justify-content:flex-end;padding:.5em}.nab-php-editor-sidebar__saving-label{align-items:center;animation:pulse .5s infinite;color:#aaa;display:flex;padding:0 1.5em}.nab-php-editor-sidebar__saving-label .dashicons-cloud,.nab-php-editor-sidebar__saving-label svg{margin-right:4px}.nab-php-editor-sidebar__editor{background:linear-gradient(90deg,#f5f5f5 0,#f5f5f5 18px,#ddd 0,#ddd 19px,#fff 0,#fff);flex-grow:1;overflow-y:auto}.nab-php-editor-sidebar__editor .cm-editor{margin:0!important;outline:none!important;padding:0!important}.nab-php-editor-sidebar__error{background-color:#c44;color:#fff;padding:1em}.nab-php-editor-sidebar__footer-actions{border-top:1px solid #e2e4e7;display:flex;flex-direction:row;width:100%}.nab-php-editor-sidebar__visibility-toggle{align-items:center;display:flex;flex-grow:0;padding:0 .5em}.nab-php-editor-sidebar__visibility-toggle-label{display:inline-block;margin-left:2em}.nab-php-editor-sidebar__visibility-toggle .dashicons-admin-collapse,.nab-php-editor-sidebar__visibility-toggle svg{background:#fff;border-radius:50%;left:.5em;margin-right:.5em;position:fixed}.nab-php-editor-sidebar__visibility-toggle--show .dashicons-admin-collapse,.nab-php-editor-sidebar__visibility-toggle--show svg{margin-right:0;transform:rotate(180deg)}.nab-php-editor-sidebar__visibility-toggle:hover .dashicons-admin-collapse,.nab-php-editor-sidebar__visibility-toggle:hover svg{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.nab-php-editor-sidebar__visibility-toggle .components-button.is-link:active{margin-top:2px}.nab-php-editor-sidebar__visibility-toggle .components-button.is-link:hover{color:#0073aa}.nab-php-editor-sidebar__resolutions{display:flex;flex-direction:row;flex-grow:1;justify-content:flex-end}.nab-php-editor-sidebar__resolution{box-shadow:none;padding:14px 10px}.nab-php-editor-sidebar__resolution--is-active{background-color:#fff;box-shadow:inset 0 -5px 0 #007cba}
.nab-php-preview{align-items:center;display:flex;flex-direction:row;justify-content:center}.nab-php-preview__iframe{height:100%;max-height:100%;max-width:100%;transition:all .2s ease-in-out;width:100%}.nab-php-preview__iframe--tablet{height:1080px;width:720px}.nab-php-preview__iframe--mobile{height:480px;width:320px}