{"version":3,"file":"css/./javascript-experiment-admin.css","mappings":";;;AAEA;EACC;EACA;AADD;;AAIA;EAGC;EACA;AAHD;;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAQE;EACC;AANH;;AAYC;EACC;EACA;EACA;EAIA,mBCpCqB;EDqCrB;EACA;EACA;AAbF;;AAgBC;EACC,mBCxCwB;EDyCxB;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;AAjBF;;AAwBE;EACC;EACA;AAtBH;;AA6BC;EACC;AA1BF;;AA6BC;EACC,6DACC;AA5BH;;AAiCA;EACC;EACA;EACA;AA9BD,C;;;;AE7CA;EAEC;IACC;ECfA;EDkBD;IACC;EChBA;EDmBD;IACC;ECjBA;AACF;AAPA;EACC;EACA;EACA,mBFIwB;EEHxB;AASD;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;AASF;AAPE;EACC;AASH;AALC;EACC;EACA;EACA;EACA;AAOF;AAJC;EACC;EACA;EACA;EACA;EACA;EACA;AAMF;AAHC;EACC;EACA;EACA;AAKF;AAHE;EAGC;AAGH;AACC;EACC;EACA;EACA;EACA;EACA;AACF;AAEC;EACC;EACA;EACA,WF7BqB;EE8BrB;EACA;AAAF;AAEE;;EAEC;AAAH;AAIC;EACC;EACA;AAFF;AAIE;EACC;EACA;EACA;EACA;AAFH;AAMC;EACC;EACA;EACA;EACA;AAJF;AAOC;EACC;EACA;EACA;EACA;AALF;AAOE;EACC;EACA;AALH;AAQE;;EAEC;EACA;EACA;EACA;EACA;AANH;AAWG;;EAEC;EACA;AATJ;AAeG;;EAEC,kEACC;AAdL;AAmBE;EACC;AAjBH;AAoBE;EACC;AAlBH;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAuBC;EACC;EACA;AArBF;AAuBE;EACC;EACA,sBF/IwB;AE0H3B,C;;;;AClIA;EACC;EACA;EACA;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;AACF;AACE;EACC;AACH;AAEE;EACC;EACA;AAAH;AAGE;EACC;EACA;AADH,C","sources":["webpack://nab/./includes/hooks/experiments/javascript/assets/javascript-editor/components/layout/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss","webpack://nab/./assets/src/admin/stylesheets/_variables.scss","webpack://nab/./includes/hooks/experiments/javascript/assets/javascript-editor/components/sidebar/style.scss","webpack://nab/./includes/hooks/experiments/javascript/assets/javascript-editor/components/preview/style.scss"],"sourcesContent":["@use \"~admin-stylesheets/colors\";\n\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.nab-javascript-editor {\n\t$default-sidebar-width: 26em;\n\n\theight: 100%;\n\twidth: 100vw;\n\n\t&__sidebar {\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding-right: 2px;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: var(\n\t\t\t--nab-javascript-editor-sidebar-width,\n\t\t\t$default-sidebar-width\n\t\t);\n\n\t\t&--is-collapsed {\n\t\t\tleft: calc(\n\t\t\t\t-1 * var(--nab-javascript-editor-sidebar-width, $default-sidebar-width)\n\t\t\t);\n\t\t}\n\t}\n\n\t&__resizer {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: calc(\n\t\t\tvar(--nab-javascript-editor-sidebar-width, $default-sidebar-width) -\n\t\t\t\t4px\n\t\t);\n\t\tbackground: colors.$color__border-editor;\n\t\tcursor: ew-resize;\n\t\theight: 100%;\n\t\twidth: 4px;\n\t}\n\n\t&__preview {\n\t\tbackground: colors.$color__background-black;\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tmargin-left: var(\n\t\t\t--nab-javascript-editor-sidebar-width,\n\t\t\t$default-sidebar-width\n\t\t);\n\t\toverflow: hidden;\n\t\tpadding: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: calc(\n\t\t\t100% - var(\n\t\t\t\t\t--nab-javascript-editor-sidebar-width,\n\t\t\t\t\t$default-sidebar-width\n\t\t\t\t)\n\t\t);\n\n\t\t&--is-fullscreen {\n\t\t\tmargin-left: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.nab-javascript-editor:not(.nab-javascript-editor--is-dragging) {\n\n\t.nab-javascript-editor__sidebar {\n\t\ttransition: left 200ms ease-in-out;\n\t}\n\n\t.nab-javascript-editor__preview {\n\t\ttransition:\n\t\t\tmargin 200ms ease-in-out,\n\t\t\twidth 200ms ease-in-out;\n\t}\n}\n\n.nab-javascript-editor-sidebar__visibility-toggle {\n\tbottom: 13px;\n\tleft: 0;\n\tz-index: 1;\n}\n","$color__border: #999;\n$color__border-blue: #007cba;\n$color__border-light: #ccc;\n$color__border-lighter: #f1f1f1;\n$color__border-editor: #e2e4e7;\n$color__border-editor-light: #e4e8ef;\n\n$color__background-black: #23282d;\n$color__background-editor: #fff;\n$color__background-dark: #d2d2d2;\n$color__background-grey: #f3f4f5;\n$color__background-green: #69be7a;\n$color__background-orange: #e28f25;\n$color__background-red: #c44;\n$color__background_black_translucent: rgba(0, 0, 0, 0.8);\n$color__background-default-image: rgba(0, 0, 20, 0.1);\n\n$color__component-overlay-foreground: #fff;\n$color__component-overlay-background: rgba(0, 0, 0, 0.8);\n\n$color__box-shadow: rgba(0, 0, 40, 0.07);\n\n$color__input-border: #7e8993;\n$color__input-border-selected: #007cba;\n$color__input-box-shadow: transparent;\n$color__input-box-shadow-selected: transparent;\n\n$color__text: #444;\n$color__text-red: #c92c2c;\n$color__text-light-red: #dc6969;\n$color__text-grey: #888;\n$color__text-dark: #666;\n$color__text-disabled: #aaa;\n$color__text-green: #070;\n\n$color__fill-black: #000;\n$color__fill-grey: #888;\n$color__fill-dark: #666;\n$color__fill-light-grey: #ccc;\n$color__fill-delete: #a00;\n$color__fill-white: #fff;\n\n$color__experiment-testing: #c44;\n$color__experiment-possible-winner: #ffb42b;\n$color__experiment-winner: #69be7a;\n$color__experiment-finished: #0096dd;\n\n$color__text-alternative: #fff;\n$color__background-alternative-a: #2a2a3f;\n$color__background-alternative-b: #d24633;\n$color__background-alternative-c: #4f97c5;\n$color__background-alternative-d: #64ab64;\n$color__background-alternative-e: #ff9000;\n$color__background-alternative-f: #60609f;\n","// Widths, heights & dimensions\n$admin-bar-height: 32px;\n$admin-bar-height-big: 46px;\n$admin-sidebar-width: 160px;\n$admin-sidebar-width-big: 190px;\n$admin-sidebar-width-collapsed: 36px;\n\n$editor-bar-height: 56px;\n$editor-sidebar-width: 320px;\n\n$border-radius__input: 4px;\n\n$font-family: apple-system, \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\",\n\t\"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif;\n\n@keyframes pulse {\n\n\t0% {\n\t\topacity: 1;\n\t}\n\n\t50% {\n\t\topacity: 0.5;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/variables\";\n\n.nab-javascript-editor-sidebar {\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: colors.$color__background-grey;\n\tborder-right: 1px solid colors.$color__border-editor;\n\n\t.components-button.is-link {\n\t\talign-items: center;\n\t\tbackground: none;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\tdisplay: flex;\n\t\ttext-decoration: none;\n\n\t\t&::-moz-focus-inner {\n\t\t\tborder: 0;\n\t\t}\n\t}\n\n\t&__actions {\n\t\tborder-bottom: 1px solid colors.$color__border-editor;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tpadding: 0;\n\t}\n\n\t&__back-to-experiment {\n\t\talign-items: center;\n\t\tborder-right: 1px solid colors.$color__border-editor;\n\t\tdisplay: flex;\n\t\tflex-grow: 0;\n\t\tpadding-left: 0.8em;\n\t\tpadding-right: 0.8em;\n\t}\n\n\t&__back-to-experiment-link {\n\t\tline-height: 1;\n\t\tbox-shadow: none;\n\t\ttext-decoration: none;\n\n\t\t&:focus,\n\t\t&:active,\n\t\t&:hover {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t&__save-info {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-grow: 1;\n\t\tjustify-content: flex-end;\n\t\tpadding: 0.5em;\n\t}\n\n\t&__saving-label {\n\t\talign-items: center;\n\t\tanimation: pulse 500ms infinite;\n\t\tcolor: colors.$color__text-disabled;\n\t\tdisplay: flex;\n\t\tpadding: 0 1.5em;\n\n\t\tsvg,\n\t\t.dashicons-cloud {\n\t\t\tmargin-right: 4px;\n\t\t}\n\t}\n\n\t&__editor {\n\t\tflex-grow: 1;\n\t\toverflow-y: auto;\n\n\t\t.cm-editor {\n\t\t\theight: 100% !important;\n\t\t\tmargin: 0 !important;\n\t\t\tpadding: 0 !important;\n\t\t\toutline: none !important;\n\t\t}\n\t}\n\n\t&__footer-actions {\n\t\tborder-top: 1px solid colors.$color__border-editor;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\twidth: 100%;\n\t}\n\n\t&__visibility-toggle {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-grow: 0;\n\t\tpadding: 0 0.5em;\n\n\t\t&-label {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 2em;\n\t\t}\n\n\t\tsvg,\n\t\t.dashicons-admin-collapse {\n\t\t\tbackground: #fff;\n\t\t\tborder-radius: 50%;\n\t\t\tmargin-right: 0.5em;\n\t\t\tposition: fixed;\n\t\t\tleft: 0.5em;\n\t\t}\n\n\t\t&--show {\n\n\t\t\tsvg,\n\t\t\t.dashicons-admin-collapse {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\n\t\t\tsvg,\n\t\t\t.dashicons-admin-collapse {\n\t\t\t\tbox-shadow:\n\t\t\t\t\t0 0 0 1px #5b9dd9,\n\t\t\t\t\t0 0 2px 1px rgba(30, 140, 190, 0.8);\n\t\t\t}\n\t\t}\n\n\t\t.components-button.is-link:active {\n\t\t\tmargin-top: 2px;\n\t\t}\n\n\t\t.components-button.is-link:hover {\n\t\t\tcolor: #0073aa;\n\t\t}\n\t}\n\n\t&__resolutions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-grow: 1;\n\t\tjustify-content: flex-end;\n\t}\n\n\t&__resolution {\n\t\tpadding: 14px 10px;\n\t\tbox-shadow: none;\n\n\t\t&--is-active {\n\t\t\tbox-shadow: inset 0 -5px 0 colors.$color__border-blue;\n\t\t\tbackground-color: colors.$color__background-editor;\n\t\t}\n\t}\n}\n",".nab-javascript-preview {\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\n\t&__iframe {\n\t\theight: 100%;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t\ttransition: all 200ms ease-in-out;\n\t\twidth: 100%;\n\n\t\t&--is-saving {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t&--tablet {\n\t\t\twidth: 720px;\n\t\t\theight: 1080px;\n\t\t}\n\n\t\t&--mobile {\n\t\t\twidth: 320px;\n\t\t\theight: 480px;\n\t\t}\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}