body{margin:0;overflow:hidden;padding:0}.nab-css-editor{height:100%;width:100vw}.nab-css-editor__sidebar{box-sizing:border-box;height:100%;left:0;margin:0;position:absolute;top:0;transition:left .2s ease-in-out;width:26em}.nab-css-editor__sidebar--is-collapsed{left:-26em}.nab-css-editor__preview{background:#23282d;box-sizing:border-box;height:100%;left:0;margin:0 0 0 26em;overflow:hidden;padding:0;position:absolute;top:0;transition:margin .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 26em)}.nab-css-editor__preview--is-fullscreen{margin-left:0;width:100%}.nab-css-editor-sidebar__visibility-toggle{bottom:13px;left:0;z-index:1}
@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.nab-css-editor-sidebar{background:#f3f4f5;border-right:1px solid #e2e4e7;display:flex;flex-direction:column}.nab-css-editor-sidebar .components-button.is-link{align-items:center;background:none;border:none;box-shadow:none;display:flex;text-decoration:none}.nab-css-editor-sidebar .components-button.is-link::-moz-focus-inner{border:0}.nab-css-editor-sidebar__header{border-bottom:1px solid #e2e4e7;display:flex;flex-direction:row;padding:0}.nab-css-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-css-editor-sidebar__back-to-experiment-link{box-shadow:none;line-height:1;text-decoration:none}.nab-css-editor-sidebar__back-to-experiment-link:active,.nab-css-editor-sidebar__back-to-experiment-link:focus,.nab-css-editor-sidebar__back-to-experiment-link:hover{box-shadow:none}.nab-css-editor-sidebar__header-actions{display:flex;flex-direction:row;flex-grow:1;gap:.5em;justify-content:flex-end;padding:.5em}.nab-css-editor-sidebar__header-actions__css-toggle{box-shadow:none!important}.nab-css-editor-sidebar__save-info{display:flex;flex-direction:row}.nab-css-editor-sidebar__saving-label{align-items:center;animation:pulse .5s infinite;color:#aaa;display:flex;padding:0 1.5em}.nab-css-editor-sidebar__saving-label .dashicons-cloud,.nab-css-editor-sidebar__saving-label svg{margin-right:4px}.nab-css-editor-sidebar__body{background:#fff;flex-direction:column}.nab-css-editor-sidebar__body,.nab-css-editor-sidebar__body #tab-panel-1-content-editor-view,.nab-css-editor-sidebar__body #tab-panel-1-css-editor-view,.nab-css-editor-sidebar__body #tab-panel-1-visual-editor-view{display:flex;flex-grow:1;overflow-y:auto}.nab-css-editor-sidebar .components-tab-panel__tabs{background:#fff;border-bottom:1px solid #e2e4e7;border-top:0;display:flex;margin-top:0;padding-left:0;top:0}.nab-css-editor-sidebar .components-tab-panel__tabs .components-button{border-radius:0;height:50px}.nab-css-editor-sidebar .components-tab-panel__tabs .components-button:focus:not(:disabled){background-color:#fff;box-shadow:inset 0 -3px #007cba;outline:none}.nab-css-editor-sidebar__tab{align-items:center;display:flex;flex-grow:1;justify-content:center;line-height:1}.nab-css-editor-sidebar__tab--active{box-shadow:inset 0 -3px #007cba;font-weight:600}.nab-css-editor-sidebar__css-editor{width:100%}.nab-css-editor-sidebar__css-editor .cm-editor{height:100%!important;margin:0!important;outline:none!important;padding:0!important}.nab-css-editor-sidebar__visual-editor{background:#fff;flex-grow:1}.nab-css-editor-sidebar__footer{border-top:1px solid #e2e4e7;display:flex;flex-direction:row;width:100%}.nab-css-editor-sidebar__visibility-toggle{align-items:center;display:flex;flex-grow:0;padding:0 .5em}.nab-css-editor-sidebar__visibility-toggle-label{display:inline-block;margin-left:2em}.nab-css-editor-sidebar__visibility-toggle .dashicons-admin-collapse,.nab-css-editor-sidebar__visibility-toggle svg{background:#fff;border-radius:50%;left:.5em;margin-right:.5em;position:fixed}.nab-css-editor-sidebar__visibility-toggle--show .dashicons-admin-collapse,.nab-css-editor-sidebar__visibility-toggle--show svg{margin-right:0;transform:rotate(180deg)}.nab-css-editor-sidebar__visibility-toggle:hover .dashicons-admin-collapse,.nab-css-editor-sidebar__visibility-toggle:hover svg{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.nab-css-editor-sidebar__visibility-toggle .components-button.is-link:active{margin-top:2px}.nab-css-editor-sidebar__visibility-toggle .components-button.is-link:hover{color:#0073aa}.nab-css-editor-sidebar__resolutions{display:flex;flex-direction:row;flex-grow:1;justify-content:flex-end}.nab-css-editor-sidebar__resolution{box-shadow:none;padding:14px 10px}.nab-css-editor-sidebar__resolution--is-active{background-color:#fff;box-shadow:inset 0 -5px 0 #007cba}
.nab-css-editor-sidebar__visual-editor .nab-tools-panel>div:not(:first-of-type){display:grid;gap:16px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.nab-css-editor-sidebar__visual-editor .nab-selector-panel{position:relative}.nab-css-editor-sidebar__visual-editor .nab-selector-panel__menu{position:absolute;right:10px;top:6px}.nab-css-editor-sidebar__visual-editor .nab-selector-panel__selector{grid-column:1/-1;width:100%}.nab-css-editor-sidebar__visual-editor .nab-selector-panel__selector-label{align-items:center;display:flex;gap:5px;margin:0}.nab-css-editor-sidebar__visual-editor .nab-selector-panel__selector-label span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nab-css-editor-sidebar__visual-editor .color-block-support-panel__inner-wrapper{row-gap:0!important}.nab-css-editor-sidebar__visual-editor .color-block-support-panel__inner-wrapper>div:first-child{margin-top:0}.nab-css-editor-sidebar__visual-editor .color-block-support-panel__inner-wrapper .block-editor-tools-panel-color-gradient-settings__dropdown{position:relative}.nab-css-editor-sidebar__visual-editor .color-block-support-panel__inner-wrapper .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__reset{margin:auto 8px;position:absolute;right:0;top:8px}.nab-css-editor-sidebar__visual-editor .component-color-indicator{background-size:cover!important}.nab-css-editor-sidebar__visual-editor .nab-components-position-control{display:flex;flex-direction:column;gap:2em}.nab-css-editor-sidebar__visual-editor .nab-components-cursor-control,.nab-css-editor-sidebar__visual-editor .nab-components-filter-control,.nab-css-editor-sidebar__visual-editor .nab-components-floating-control,.nab-css-editor-sidebar__visual-editor .nab-components-transformations-control{display:flex;flex-direction:column;gap:1em}.nab-css-editor-sidebar__visual-editor .nab-components-flex-control,.nab-css-editor-sidebar__visual-editor .nab-components-grid-control{border:1px solid var(--wp-components-color-gray-400,#ccc);margin-top:2em;padding:1em;position:relative}.nab-css-editor-sidebar__visual-editor .nab-components-flex-control__title,.nab-css-editor-sidebar__visual-editor .nab-components-grid-control__title{background:#fff;border:1px solid var(--wp-components-color-gray-400,#ccc);border-radius:10px;color:#1e1e1e;font-size:11px;font-weight:500;left:50%;line-height:1.4;padding:1px 5px;position:absolute;text-transform:uppercase;top:0;transform:translate(-50%,-50%);z-index:1}.nab-css-editor-sidebar__visual-editor .nab-components-flex-control__wrapper,.nab-css-editor-sidebar__visual-editor .nab-components-grid-control__wrapper{display:flex;flex-direction:column;gap:1em}.nab-css-editor-sidebar__visual-editor button.nab-components--disabled{background:var(--wp-components-color-gray-100,#f0f0f0)!important;border:none!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled button:not(.components-toggle-group-control-option-base){background:var(--wp-components-color-gray-100,#f0f0f0);color:var(--wp-components-color-gray-600,#949494)}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-input-control__backdrop{border-color:var(--wp-components-color-gray-400,#ccc)!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-unit-control__select{border-color:var(--wp-components-color-gray-400,#ccc)!important;color:var(--wp-components-color-gray-600,#949494)!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-input-control__container{background:var(--wp-components-color-gray-100,#f0f0f0);color:var(--wp-components-color-gray-600,#949494)}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-input-control__container .components-input-control__prefix button[disabled]{background:var(--wp-components-color-gray-100,#f0f0f0)!important;border:none!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-input-control__container .components-input-control__prefix button:not([disabled]){background:#fff}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-toggle-group-control{border-color:var(--wp-components-color-gray-400,#ccc)!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-toggle-group-control .components-toggle-group-control-option-base[aria-checked=true]{background-color:var(--wp-components-color-gray-600,#949494)!important;cursor:auto}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-unit-control__select:hover{box-shadow:none!important;color:var(--wp-components-color-gray-600,#949494)!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-range-control__thumb-wrapper>span{background-color:var(--wp-components-color-gray-600,#949494)!important}.nab-css-editor-sidebar__visual-editor .nab-components--disabled .components-input-control__input{color:var(--wp-components-color-gray-600,#949494)!important}.nab-css-editor-sidebar__visual-editor--empty{padding:3em;text-align:center}.nab-css-editor-sidebar__visual-editor--empty svg{fill:#666}.nab-selector-panel__selector-dialog.components-modal__frame{max-width:50em;width:100%}.nab-selector-panel__selector-dialog__actions{margin-top:2em;text-align:right}.nab-selector-panel__selector-dialog__confirm-action.components-button{margin-left:.5em}.modal-open .media-modal{z-index:9999999}.nab-components--disabled .components-color-palette__custom-color-button,.nab-components--disabled .components-toggle-group-control-option-base:not([aria-checked]){cursor:auto}.nab-components--disabled .components-toggle-group-control-option-base:not([aria-checked]){color:var(--wp-components-color-gray-600,#949494)!important}.spacing-sizes-control .components-range-control__marks :first-child{display:block}
.nab-css-editor-sidebar__content-editor{height:100%;overflow-y:auto;width:100%}.nab-css-editor-sidebar__content-editor .nab-content-panel__content{grid-column:1/-1;width:100%}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-toolbar:has(.ql-formats--empty){border-bottom:0;padding:0}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats{display:flex;gap:3px}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats button{border-radius:3px;height:24px;padding:3px;width:24px}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats button svg .ql-stroke,.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats button:hover svg .ql-stroke{stroke:currentcolor!important}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats button svg .ql-fill,.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats button:hover svg .ql-fill{fill:currentcolor!important}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-formats button.ql-active{background:#000;color:#fff}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-editor>ol,.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-editor>ul{padding-left:0}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-tooltip{box-shadow:none;margin-left:-1px;position:static;width:calc(100% + 2px)}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-tooltip input[type=text]{min-width:0;width:auto}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .ql-tooltip:not(.ql-hidden){display:flex}.nab-css-editor-sidebar__content-editor .nab-content-panel__content:has(.ql-tooltip:not(.ql-hidden)){margin-bottom:3.6em}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--has-ol-list .ql-editor{padding-left:1.5em}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--has-ol-list .ql-editor>p{display:list-item;list-style:decimal}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--has-ul-list .ql-editor{padding-left:1.5em}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--has-ul-list .ql-editor>p{display:list-item;list-style:disc}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--is-bold .ql-editor>p{font-weight:700}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--is-italic .ql-editor>p{font-style:italic}.nab-css-editor-sidebar__content-editor .nab-content-panel__content .nab-ql-editor--is-underline .ql-editor>p{text-decoration:underline}.nab-css-editor-sidebar__content-editor .nab-content-panel__content__missing-element-warning{color:#c92c2c;display:flex;gap:.5em;margin-bottom:1.5em}.nab-css-editor-sidebar__content-editor .nab-content-panel__content__media-library-button{margin-top:2em;text-align:right}.nab-css-editor-sidebar__content-editor--empty{padding:3em;text-align:center}.nab-css-editor-sidebar__content-editor--empty svg{fill:#666}
.nab-css-preview{align-items:center;display:flex;flex-direction:row;justify-content:center}.nab-css-preview__iframe{height:100%;max-height:100%;max-width:100%;transition:all .2s ease-in-out;width:100%}.nab-css-preview__iframe--tablet{height:1080px;width:720px}.nab-css-preview__iframe--mobile{height:480px;width:320px}