{"version":3,"file":"css/./editor.css","mappings":";;;AAEA;;EAEC;AADD;;AAIA;EACC;AADD;;AAIA;EACC;AADD;;AAIA;EACC;AADD;;AAIA;;EAEC,wBCb0B;ADY3B;;AAIA;EACC,gBCjB0B;EDkB1B;EACA;EACA;EACA;EACA;AADD;;AAGC;EACC;EACA;AADF,C;;;;AEjCA;;EAAA;AAaA;;EAAA;ACEA;EAEC;IACC;ECTA;EDYD;IACC;ECVA;EDaD;IACC;ECXA;AACF;AAXA;EACC;AAaD;AFmCC;EE3CA;IAGE;IACA;IACA,SDdoB;ECwBrB;AACF;AFoBC;EEpCA;IASE,SDnBgB;EC8BjB;AACF;AFsBC;EE9BA;IAGE,gBDpBiB;EC6BlB;AACF;AFUC;EEvBA;IAOE,mBDvBoB;ECiCrB;AACF;AAPC;EACC;EACA;AASF;AAPE;;EAEC,gBHjCwB;AG0C3B;AFHC;EEZA;IAUE;EASD;AACF;AAJE;EACC;EACA;AAMH;AAHE;EACC;AAKH;AADC;EACC;AAGF;AADE;EACC;EACA;AAGH;AAAE;EACC,yID1DW;EC2DX;EACA;AAEH;AF3BC;EE+BC;IACC;IACA;IACA;IACA,iBD3EiB;IC4EjB;IACA;IACA;IACA,YD9EoB;EC6ErB;AACF;AAIC;EACC;EACA;EACA;EACA;AAFF;AAIE;EACC;EACA;EACA;EACA;AAFH;AAIG;EACC;AAFJ;AC/FC;EAEC;EACA;ADiGF;AF3DC;EGzCA;IAME,WFTmB;EC2GpB;AACF;AC/FC;EAEC;ADiGF;AFpEC;EG/BA;IAKE,UFhB6B;ECkH9B;AACF;AFhFC;EGxBA;IASE,WFtBmB;ECyHpB;AACF;AChGC;AACA;EACC;ADmGF;AFnFC;EGjBA;IAIE,UF7B6B;ECiI9B;AACF;ACjGC;AACA;EACC;IACC,WFrCuB;ECyIxB;AACF;ACjGC;AACA;EACC;IACC;EDmGD;AACF;AChGC;EACC;ADkGF,C;;;;ADxIA;EAEC;IACC;EGfA;EHkBD;IACC;EGhBA;EHmBD;IACC;EGjBA;AACF;AAPA;EACC;EACA,gBLG0B;EKF1B;EACA;EACA;EACA;EACA,YHHmB;EGInB;EACA;EACA;EACA;AASD;AAPC;EACC;EACA;AASF;AANC;EACC;EACA;EACA;EACA;AAQF;AANE;EACC;EACA;EACA;EACA;AAQH;AAJC;EACC;EACA;EACA;AAMF;AAHC;EACC;EACA;EACA;EACA;EACA;AAKF;AAFC;EAEC;EACA;EACA;AAGF;AAAC;EAEC,WL1BqB;EK2BrB;EACA;AACF;AACE;EACC;AACH;AAGC;EACC;AADF;AAIC;EACC;EACA;AAFF,C;;;;AHxDA;EAEC;IACC;EIfA;EJkBD;IACC;EIhBA;EJmBD;IACC;EIjBA;AACF;AANA;EACC;EACA;EACA;AAQD;AANC;EACC;EACA;EACA;EACA,yIJDY;EIEZ;EACA;EACA;EACA;EACA;EACA;EACA;AAQF;AANE;EACC;EACA;AAQH;AALE;EAEC,kBN7Ba;EM8Bb;AAMH,C;;;;AClCA;EACC;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD,C;;;;ACPA;EACC;EACA;AADD;AAGC;EACC;EACA;EACA;AADF;AAGE;EACC;AADH;AAIE;EACC;EACA;EACA;EACA;EACA;AAFH,C;;;;AClBA;EACC;AACD;AACC;EACC;AACF,C;;;;ACFA;EACC;AAFD;AAIC;EACC;EACA,WVyBkB;EUxBlB;AAFF;AAKC;EACC;EACA,WVmBkB;EUlBlB;EACA;EACA;AAHF;AAMC;EACC;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;AALF;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACC,WV7BqB;AUuBxB;AAUC;EACC;EACA;AARF;AAUE;EACC;EACA;EACA;AARH;AAWE;EACC;AATH;AAaC;EACC;EACA;AAXF;AAcC;EACC;AAZF;AAeC;EACC;AAbF;AAgBC;EAEC;AAfF;AAkBC;EACC;EACA;AAhBF;AAmBC;EAEC;AAlBF,C;;;;AClEA;EACC;EACA;AADD;AAKE;EACC;EACA;EACA;AAHH;AAME;EACC;AAJH;AAOE;EACC;AALH;AAQE;EACC;AANH,C;;;;ACfA;EACC;EACA;EACA;AADD;AAGC;EACC;AADF,C;;;;AXPA;;EAAA;AAaA;;EAAA;AYVA;EACC,mBbMwB;EaLxB;EACA;EACA;EACA;AAID;AZiDC;EY1DD;IAQE;EAKA;AACF;AZqCC;EYnDD;IAYE;EAMA;AACF;AZyBC;EY5CD;IAgBE;EAOA;AACF;AZaC;EYrCD;IAoBE;EAQA;AACF;AZCC;EY9BD;IAwBE;EASA;AACF;AAPC;EACC;EACA;EACA;AASF;AAPE;EACC,gBb5BwB;Ea6BxB,0BbpCkB;Aa6CrB;AALC;EACC;EACA;EACA;EACA;EACA;AAOF;AAJC;EACC;AAMF;AAJE;EACC;AAMH;AAFC;EACC;EACA;EACA;AAIF;AAFE;EACC;EACA;EACA;AAIH;AAAC;EAEC,Wb5CY;Ea6CZ;EACA;AACF;AAEC;EACC;AAAF,C;;;;AC3EA;EACC;AADD;;AAIA;EACC;EACA;EACA;AADD;;AAMC;EACC;EACA;AAHF;;AAMC;EACC;EACA;EACA;EACA;AAJF;;AAME;EACC;AAJH;;AAOE;EACC;EACA;EACA;AALH;;AAQE;EACC;EACA;AANH,C;;;;AC/BA;EACC;EACA;AACD;AACC;EACC;EACA;EACA;AACF;AACE;EACC;AACH;AAEE;EACC;EACA;EACA;AAAH,C;;;;ACdC;EACC;AADF,C;;;;ACCA;EACC;AAFD;AAIC;;EAEC;EACA,WjBwBkB;EiBvBlB;AAFF;AAKC;EACC;AAHF;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACC,WjBtBqB;AiBiBxB;AASC;EACC;EACA;AAPF;AASE;EACC;EACA;EACA;AAPH;AAWC;EACC;EACA;AATF;AAYC;EAEC;AAXF;AAcC;EACC;EACA;AAZF;AAeC;EAEC;AAdF,C;;;;ACrDA;EACC;EACA;AACD;AAGE;EACC;EACA;EACA;AADH;AAIE;EACC;AAFH;AAKE;EACC;AAHH;AAME;EACC;AAJH,C;;;;AjBjBA;;EAAA;AAaA;;EAAA;AkBVA;EACC,mBnBMwB;EmBLxB;EACA;EACA;EACA;AAID;AlBiDC;EkB1DD;IAQE;EAKA;AACF;AlBqCC;EkBnDD;IAYE;EAMA;AACF;AlByBC;EkB5CD;IAgBE;EAOA;AACF;AlBaC;EkBrCD;IAoBE;EAQA;AACF;AlBCC;EkB9BD;IAwBE;EASA;AACF;AAPC;EACC;EACA;EACA;AASF;AAPE;EACC,gBnB5BwB;EmB6BxB,0BnBpCkB;AmB6CrB;AALC;EACC;EACA;EACA;EACA;EACA;AAOF;AAJC;EACC;AAMF;AAJE;EACC;AAMH;AAFC;EACC;EACA;EACA;AAIF;AAFE;EACC;EACA;EACA;AAIH;AAAC;EAEC,WnB5CY;EmB6CZ;EACA;AACF;AAEC;EACC;AAAF,C;;;;AlB7EA;;EAAA;AAaA;;EAAA;ACEA;EAEC;IACC;EkBTA;ElBYD;IACC;EkBVA;ElBaD;IACC;EkBXA;AACF;AAZA;EACC;AAcD;AAZC;EACC;EACA;EACA;EACA;AAcF;AAZE;EACC;AAcH;AAVC;EACC;EACA;EACA;AAYF;AnBcC;EmB7BA;IAME;EAaD;AACF;AAVC;EACC;AAYF;AATC;EACC;AAWF,C;;;;AC1CA;EACC;AADD;AAKE;EACC,qBrBoBe;EqBnBf,crBmBe;EqBlBf;EACA;AAHH,C;;;;ACNC;EACC;EACA;AADF;AAIC;EACC;AAFF;AAIE;EACC;AAFH,C;;;;ACTA;EACC;EACA;AACD,C;;;;ACHA;EACC;AACD;AACC;EACC;EACA;AACF;AACE;EACC;KAAA;UAAA;EACA;AACH,C;;;;ACNC;EACC;AAHF;AAMC;EACC;AAJF;AAOC;EACC;AALF;AAQC;EACC;EACA;EACA;EACA,+CACC;AAPH;AAUE;EACC,kDACC;AATJ;AAaE;EACC;EACA;EACA;EACA;AAXH;AAaG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXJ;AAgBC;ECpDD;EAAA;EAAA;EDqDE;AAdF;AAaC;ECpDD;EAAA;EAAA;ADuCA;AAgBE;EACC;AAdH;AAkBC;EC5DD;EAAA;ED6DE;AAhBF;AAmBC;EChED;EAAA;EAAA;EDiEE;AAjBF;AAgBC;EChED;EAAA;EAAA;ADgDA;AAoBC;EACC;AAlBF;AAoBE;EACC;AAlBH,C;;;;AElDC;EACC;AAHF;AAMC;EACC;EACA;EACA;EACA;AAJF;AAME;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJH;AAOE;EACC;AALH;AASC;EACC;AAPF;AAUC;EACC;EACA;AARF;AAUE;EACC;AARH;AAYC;EACC,c3BnBgB;E2BoBhB;EACA;AAVF,C;;;;ACnCC;EACC;AAHF;AAMC;EACC;EACA;EACA;AAJF;AAOC;EACC,c5BagB;E4BZhB;EACA;AALF;AAQC;EACC,c5BOgB;E4BNhB;AANF,C;;;;ACdA;EACC;AADD;;AAIA;EACC;EACA;EACA;AADD;;AAGC;EACC;EACA;EACA;EACA;AADF;;AAIC;EACC;EACA,W7B2BwB;E6B1BxB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEACC;EAED;AAJF;;AAOC;EACC;AALF;;AAQC;EACC;EACA;EACA;EACA;EACA;AANF;;AASC;EACC;EACA;EACA;AAPF;;AAUC;EACC,mB7BRgC;A6BAlC;;AAsBE;EACC,mBAZO;AARV;;AAsBG;EACC,gB7BxEkB;A6BoDtB;;AAgBE;EACC,mBAZO;AAFV;;AAgBG;EACC,gB7BxEkB;A6B0DtB;;AAUE;EACC,mBAZO;AAIV;;AAUG;EACC,gB7BxEkB;A6BgEtB;;AAIE;EACC,mBAZO;AAUV;;AAIG;EACC,gB7BxEkB;A6BsEtB;;AAFE;EACC,mBAZO;AAgBV;;AAFG;EACC,gB7BxEkB;A6B4EtB;;AARE;EACC,mBAZO;AAsBV;;AARG;EACC,gB7BxEkB;A6BkFtB;;AAJC;EACC;EACA;EACA;EACA;EACA;EACA;AAMF;;AAJE;EACC;AAMH;;AAJG;EACC,W7B5DmB;E6B6DnB;EACA;EACA;AAMJ;;AAHG;EACC,c7BtEoB;E6BuEpB;AAKJ;;AAAC;EAEC;AACF;;AAEC;EAIC;AAHF;;AAOA;EACC;EACA;EACA;EACA;EACA;AAJD;;AAOA;;AACA;EACC;EACA;AAJD;;AAMC;EACC;EACA,yEACC;AALH;;AASC;EACC;EACA;AAPF;;AAUC;EAoGC;EACA;EACA,gB7BnPoB;A6BwItB,C;;;;AC1IA;EACC;EACA;AACD,C;;;;ACHA;EACC;EACA;EACA;EACA;EACA;AACD;AACC;EACC;AACF;AAEC;EACC;EACA;EACA;AAAF;AAEE;EACC;EACA;AAAH;AAGE;EACC;EACA;AADH;AAIE;EACC;AAFH;AAMC;EACC;AAJF,C","sources":["webpack://nab/./packages/editor/components/editor/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss","webpack://nab/./assets/src/admin/stylesheets/_breakpoints.scss","webpack://nab/./assets/src/admin/stylesheets/_variables.scss","webpack://nab/./packages/editor/components/layout/style.scss","webpack://nab/./assets/src/admin/stylesheets/_mixins.scss","webpack://nab/./packages/editor/components/header/style.scss","webpack://nab/./packages/editor/components/experiment-name/style.scss","webpack://nab/./packages/editor/components/goal-section/style.scss","webpack://nab/./packages/editor/components/goal/style.scss","webpack://nab/./packages/editor/components/goal/conversion-action-list/style.scss","webpack://nab/./packages/editor/components/goal/conversion-action/style.scss","webpack://nab/./packages/editor/components/goal/conversion-action-type-list/style.scss","webpack://nab/./packages/editor/components/goal/ecommerce-goal-settings/style.scss","webpack://nab/./packages/editor/components/goal-list/style.scss","webpack://nab/./packages/editor/components/segmentation-section/style.scss","webpack://nab/./packages/editor/components/segment/style.scss","webpack://nab/./packages/editor/components/segment/segmentation-rule-list/style.scss","webpack://nab/./packages/editor/components/segment/segmentation-rule/style.scss","webpack://nab/./packages/editor/components/segment/segmentation-rule-type-category-list/style.scss","webpack://nab/./packages/editor/components/segment-list/style.scss","webpack://nab/./packages/editor/components/sidebar/style.scss","webpack://nab/./packages/editor/components/sidebar/experiment-management/style.scss","webpack://nab/./packages/editor/components/sidebar/experiment-management/status/style.scss","webpack://nab/./packages/editor/components/sidebar/experiment-management/experiment-end-schedule/style.scss","webpack://nab/./packages/editor/components/sidebar/experiment-management/auto-apply-winner/style.scss","webpack://nab/./packages/editor/components/sidebar/scope/style.scss","webpack://nab/<no source>","webpack://nab/./packages/editor/components/sidebar/scope/tested-url-with-query-args-scope/style.scss","webpack://nab/./packages/editor/components/sidebar/scope/urls-or-php-scope/style.scss","webpack://nab/./packages/editor/components/alternative-section/style.scss","webpack://nab/./packages/editor/components/ai-alternative-attributes-modal/style.scss","webpack://nab/./packages/editor/components/alternative-previewer/style.scss"],"sourcesContent":["@use \"~admin-stylesheets/colors\";\n\n#wpfooter,\n#wpbody-content > div:not(.experiment-editor):not(#screen-meta) {\n\tdisplay: none;\n}\n\n#wpwrap {\n\tbackground: colors.$color__background-editor;\n}\n\n#wpbody-content {\n\tpadding: 0;\n}\n\n#wpcontent {\n\tpadding-left: 0;\n}\n\nul#adminmenu a.wp-has-current-submenu::after,\nul#adminmenu > li.current > a.current::after {\n\tborder-right-color: colors.$color__background-editor;\n}\n\n#nab-editor {\n\tbackground: colors.$color__background-editor;\n\tbottom: 0;\n\tleft: 0;\n\tposition: relative;\n\tright: 0;\n\ttop: 0;\n\n\tselect {\n\t\tmax-width: none;\n\t\tpadding-right: 2em;\n\t}\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","/**\n * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-huge: 1440px;\n$break-wide: 1280px;\n$break-xlarge: 1080px;\n$break-large: 960px; // admin sidebar auto folds\n$break-medium: 782px; // adminbar goes big\n$break-small: 600px;\n$break-mobile: 480px;\n\n/**\n * Breakpoint mixins\n */\n\n@mixin break-huge() {\n\n\t@media (min-width: #{ ($break-huge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-wide() {\n\n\t@media (min-width: #{ ($break-wide) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-xlarge() {\n\n\t@media (min-width: #{ ($break-xlarge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-large() {\n\n\t@media (min-width: #{ ($break-large) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-medium() {\n\n\t@media (min-width: #{ ($break-medium) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-small() {\n\n\t@media (min-width: #{ ($break-small) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-mobile() {\n\n\t@media (min-width: #{ ($break-mobile) }) {\n\t\t@content;\n\t}\n}\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/breakpoints\";\n@use \"~admin-stylesheets/mixins\";\n@use \"~admin-stylesheets/variables\";\n@use \"../../../../assets/src/admin/stylesheets/colors\";\n\n#wpcontent {\n\tpadding-left: 0 !important;\n}\n\n.nab-edit-experiment-layout {\n\n\t.nab-edit-experiment-header {\n\n\t\t@include breakpoints.break-small {\n\t\t\tposition: fixed;\n\t\t\tright: 0;\n\t\t\ttop: variables.$admin-bar-height-big;\n\t\t}\n\n\t\t@include breakpoints.break-medium {\n\t\t\ttop: variables.$admin-bar-height;\n\t\t}\n\t}\n\n\t&__body {\n\n\t\t@include breakpoints.break-small {\n\t\t\tmargin-top: variables.$editor-bar-height;\n\t\t}\n\n\t\t@include breakpoints.break-medium {\n\t\t\tmargin-right: variables.$editor-sidebar-width;\n\t\t}\n\t}\n\n\t&__content {\n\t\tbox-sizing: border-box;\n\t\tpadding: 1em;\n\n\t\t&,\n\t\t> * {\n\t\t\tbackground: colors.$color__background-editor;\n\t\t}\n\n\t\t@include breakpoints.break-medium {\n\t\t\tmin-height: calc(\n\t\t\t\t100vh - #{variables.$admin-bar-height +\n\t\t\t\t\tvariables.$editor-bar-height + 20}\n\t\t\t);\n\t\t}\n\n\t\t> div {\n\t\t\tmax-width: 70em;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t> div:not(:first-child) {\n\t\t\tpadding-top: 2em;\n\t\t}\n\t}\n\n\t.editor-post-title {\n\t\tpadding: 0;\n\n\t\t&__block {\n\t\t\tmax-width: none;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t&__input {\n\t\t\tfont-family: variables.$font-family;\n\t\t\tfont-size: 2em;\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n\n\t@include breakpoints.break-medium {\n\n\t\t.nab-edit-experiment-sidebar {\n\t\t\tborder-left: 1px solid colors.$color__border-editor;\n\t\t\theight: 100vh;\n\t\t\toverflow: hidden;\n\t\t\tpadding-top: variables.$editor-bar-height;\n\t\t\tposition: fixed;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: variables.$editor-sidebar-width;\n\t\t}\n\t}\n\n\t&__content > &__notices {\n\t\tmargin-left: -1em;\n\t\tmargin-top: -1em;\n\t\tmax-width: none;\n\t\twidth: calc(100% + 2em);\n\n\t\t.components-notice {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 0 0 5px;\n\t\t\tpadding: 6px 12px;\n\t\t\tmin-height: 60px;\n\n\t\t\t&__dismiss {\n\t\t\t\tmargin: 6px -5px 6px 5px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include mixins.editor-left(\n\t\".nab-edit-experiment-layout .nab-edit-experiment-header\"\n);\n","@use \"sass:color\";\n@use \"colors\";\n@use \"breakpoints\";\n@use \"variables\";\n\n@mixin editor-left($selector) {\n\t#{$selector} {\n\n\t\t/* Set left position when auto-fold is not on the body element. */\n\t\tleft: 0;\n\n\t\t@include breakpoints.break-medium {\n\t\t\tleft: variables.$admin-sidebar-width;\n\t\t}\n\t}\n\n\t.auto-fold #{$selector} {\n\n\t\t/* Auto fold is when on smaller breakpoints, nav menu auto collapses. */\n\n\t\t@include breakpoints.break-medium {\n\t\t\tleft: variables.$admin-sidebar-width-collapsed;\n\t\t}\n\n\t\t@include breakpoints.break-large {\n\t\t\tleft: variables.$admin-sidebar-width;\n\t\t}\n\t}\n\n\t/* Sidebar manually collapsed. */\n\t.folded #{$selector} {\n\t\tleft: 0;\n\n\t\t@include breakpoints.break-medium {\n\t\t\tleft: variables.$admin-sidebar-width-collapsed;\n\t\t}\n\t}\n\n\t/* Mobile menu opened. */\n\t@media (max-width: #{ (breakpoints.$break-medium) }) {\n\t\t.auto-fold .wp-responsive-open #{$selector} {\n\t\t\tleft: variables.$admin-sidebar-width-big;\n\t\t}\n\t}\n\n\t/* In small screens (responsive menu expanded), there is small white space. */\n\t@media (max-width: #{ (breakpoints.$break-small) }) {\n\t\t.auto-fold .wp-responsive-open #{$selector} {\n\t\t\tmargin-left: -18px;\n\t\t}\n\t}\n\n\tbody.is-fullscreen-mode #{$selector} {\n\t\tleft: 0 !important;\n\t}\n}\n\n@mixin select2($selector) {\n\t#{$selector} {\n\t\tmargin: 1px;\n\n\t\tinput[type=\"text\"],\n\t\tinput[type=\"text\"]:focus {\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t> div[class*=\"control\"] {\n\t\t\tborder-radius: variables.$border-radius__input;\n\t\t\tborder: 1px solid colors.$color__input-border;\n\t\t\tbox-shadow: inset 0 1px 2px colors.$color__input-box-shadow;\n\t\t\tmin-height: 0;\n\t\t\tpadding: 0;\n\n\t\t\t> div:first-child {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tpadding-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> div[class*=\"control\"]:nth-child(2) {\n\t\t\tborder-color: colors.$color__input-border-selected;\n\t\t\tbox-shadow: 0 0 0 1px colors.$color__input-border-selected;\n\t\t}\n\n\t\t[class*=\"control\"]\n\t\t\t> div\n\t\t\t> div:last-child:not([class*=\"indicatorContainer\"]) {\n\t\t\tmargin: 0;\n\t\t\theight: 2em;\n\t\t\tpadding: 0;\n\n\t\t\tinput {\n\t\t\t\theight: 2em;\n\t\t\t\tline-height: 2;\n\t\t\t\tmargin-top: -0.15em;\n\t\t\t\tmargin-left: 0.15em;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"indicatorContainer\"] {\n\t\t\tpadding: 0 4px;\n\t\t}\n\n\t\t[class*=\"indicatorSeparator\"] {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t[class*=\"menu\"] {\n\t\t\tborder-radius: 0;\n\t\t}\n\t}\n}\n\n@mixin super-delete {\n\t$red: colors.$color__text-red;\n\t$dark-red: color.adjust($red, $lightness: -20%);\n\t$darker-red: color.adjust($red, $lightness: -40%);\n\n\tbackground: $red;\n\tborder-color: $dark-red;\n\tbox-shadow: inset 0 -1px 0 $dark-red;\n\tcolor: #fff;\n\ttext-shadow:\n\t\t0 -1px 1px $dark-red,\n\t\t1px 0 1px $dark-red,\n\t\t0 1px 1px $dark-red,\n\t\t-1px 0 1px $dark-red;\n\n\t&:hover,\n\t&:active:enabled,\n\t&:focus:enabled {\n\t\tbackground: color.adjust($red, $lightness: -2%);\n\t\tborder-color: $darker-red;\n\t\tbox-shadow: inset 0 -1px 0 $darker-red;\n\t\tcolor: #fff;\n\t\ttext-shadow:\n\t\t\t0 -1px 1px $dark-red,\n\t\t\t1px 0 1px $dark-red,\n\t\t\t0 1px 1px $dark-red,\n\t\t\t-1px 0 1px $dark-red;\n\t}\n\n\t&:focus:enabled {\n\t\tbox-shadow:\n\t\t\tinset 0 -1px 0 $darker-red,\n\t\t\t0 0 0 2px color.adjust($red, $lightness: 40%);\n\t}\n\n\t&:active:enabled {\n\t\tbox-shadow: inset 0 1px 0 $darker-red;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/variables\";\n\n.nab-edit-experiment-header {\n\talign-items: stretch;\n\tbackground: colors.$color__background-editor;\n\tborder-bottom: 1px solid colors.$color__border-editor;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: row;\n\theight: variables.$editor-bar-height;\n\tjustify-content: space-between;\n\tleft: 0;\n\tpadding: 8px;\n\tz-index: 30;\n\n\t&__right-promo-button {\n\t\tjustify-self: flex-end;\n\t\tmargin-left: auto;\n\t}\n\n\t&__info {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tmin-width: 5em;\n\n\t\th1 {\n\t\t\tline-height: 1.3;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t&__experiment-icon {\n\t\theight: (variables.$editor-bar-height - 16) * 0.8;\n\t\tmin-width: (variables.$editor-bar-height - 16) * 0.8;\n\t\twidth: (variables.$editor-bar-height - 16) * 0.8;\n\t}\n\n\t&__settings {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 12px;\n\t}\n\n\t&__save-button.components-button.is-button,\n\t&__start-button.components-button.is-button {\n\t\theight: 33px;\n\t\tline-height: 32px;\n\t\tfont-size: 13px;\n\t}\n\n\t&__save-button--is-saving,\n\t&__save-button--has-been-saved {\n\t\tcolor: colors.$color__text-disabled;\n\t\tdisplay: flex;\n\t\tpadding: 0 1.5em;\n\n\t\tsvg {\n\t\t\tmargin-right: 4px;\n\t\t}\n\t}\n\n\t&__save-button--is-saving {\n\t\tanimation: pulse 500ms infinite;\n\t}\n\n\t&__title {\n\t\tmargin: 0 0.5em;\n\t\tfont-weight: 400;\n\t}\n}\n","@use \"sass:color\";\n@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/variables\";\n\n.nab-experiment-title {\n\tmargin: 0 auto;\n\tmax-width: 70em;\n\twidth: 100%;\n\n\t&__edit {\n\t\tborder: 1px solid transparent;\n\t\tborder-left: none;\n\t\tbox-shadow: none;\n\t\tfont-family: variables.$font-family;\n\t\tfont-size: 2em;\n\t\tfont-weight: 500;\n\t\theight: auto;\n\t\tline-height: 1.4;\n\t\tmargin: 0;\n\t\tpadding: 1em;\n\t\twidth: 100%;\n\n\t\t&:hover {\n\t\t\tborder-color: transparent;\n\t\t\tbox-shadow: -3px 0 0 0 colors.$color__border;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tborder-color: colors.$color__border;\n\t\t\tbox-shadow: -3px 0 0 0\n\t\t\t\tcolor.adjust(colors.$color__border, $lightness: -30%);\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\nsvg.nab-goal-section__title-icon {\n\ttransform: translateY(3px);\n}\n\n.nab-edit-experiment-goal-section__content {\n\tborder: 1px solid colors.$color__border-editor-light;\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-current-goal-info {\n\tpadding: 1em;\n\twidth: 100%;\n\n\t&__header {\n\t\talign-items: baseline;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\n\t\t.components-base-control {\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t.components-button {\n\t\t\theight: auto;\n\t\t\tflex-grow: 0;\n\t\t\tflex-shrink: 0;\n\t\t\tmargin: 0;\n\t\t\tmargin-left: 0.5em;\n\t\t}\n\t}\n}\n",".nab-conversion-action-list {\n\tmargin-bottom: 1em;\n\n\t&__help {\n\t\tmargin-top: 0;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/icons\";\n\n.nab-conversion-action {\n\tborder: none;\n\n\tcode {\n\t\tbackground: none;\n\t\tcolor: colors.$color__text-green;\n\t\tpadding: 0;\n\t}\n\n\tpre {\n\t\tbackground: none;\n\t\tcolor: colors.$color__text-green;\n\t\tpadding: 0;\n\t\tword-break: break-all;\n\t\twhite-space: break-spaces;\n\t}\n\n\t& + & {\n\t\tborder-top: 1px solid colors.$color__border-editor-light;\n\t}\n\n\t&__view {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tfont-weight: 400;\n\t\tmin-height: 1.5em;\n\t\tpadding-right: 2em;\n\t\twidth: 100%;\n\t}\n\n\t&__icon {\n\t\tfont-size: 1.6em;\n\t\theight: 1em;\n\t\tmargin-top: -0.1em;\n\t\tmargin-right: 0.4em;\n\t\tmin-width: 1em;\n\t\twidth: 1em;\n\n\t\t&--invalid {\n\t\t\tcolor: colors.$color__background-red;\n\t\t}\n\t}\n\n\t&__actual-view {\n\t\tflex-grow: 1;\n\t\twidth: 100%;\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\tpointer-events: none;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.dashicons-editor-help {\n\t\t\tmargin-top: -1px;\n\t\t}\n\t}\n\n\t.components-base-control + .components-base-control {\n\t\tmargin-top: 1em;\n\t\tmargin-bottom: 0;\n\t}\n\n\t.components-base-control + .nab-conversion-action-scope {\n\t\tmargin-top: 1em;\n\t}\n\n\t&__edit {\n\t\tpadding-bottom: 1em;\n\t}\n\n\t&__edit,\n\t&__delete-button.components-button.is-link {\n\t\tmargin-left: 2em;\n\t}\n\n\t&__delete-button {\n\t\tposition: relative;\n\t\tleft: -9999em;\n\t}\n\n\t&:hover &__delete-button,\n\t&:focus-within &__delete-button {\n\t\tposition: static;\n\t}\n}\n","@use \"~admin-stylesheets/icons\";\n\n.nab-conversion-action-type-new {\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&__list button {\n\n\t\tsvg {\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\tfont-size: 20px;\n\t\t}\n\n\t\t.icon_svg__black {\n\t\t\tfill: currentcolor !important;\n\t\t}\n\n\t\t.icon_svg__grey {\n\t\t\tfill: currentcolor !important;\n\t\t}\n\n\t\t.icon_svg__white {\n\t\t\tfill: #fff !important;\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-ecommerce-goal-settings {\n\tborder-bottom: 1px solid colors.$color__border-lighter;\n\tmargin-bottom: 1em;\n\tpadding: 1em;\n\n\t&__order-status {\n\t\tmargin-bottom: 0.5em;\n\t}\n}\n","@use \"~admin-stylesheets/breakpoints\";\n@use \"~admin-stylesheets/colors\";\n\n.nab-goal-list {\n\tbackground: colors.$color__background-grey;\n\tmargin: 0;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\twidth: 6em;\n\n\t@include breakpoints.break-mobile {\n\t\twidth: 10em;\n\t}\n\n\t@include breakpoints.break-small {\n\t\twidth: 12em;\n\t}\n\n\t@include breakpoints.break-medium {\n\t\twidth: 6em;\n\t}\n\n\t@include breakpoints.break-large {\n\t\twidth: 8em;\n\t}\n\n\t@include breakpoints.break-xlarge {\n\t\twidth: 15em;\n\t}\n\n\t&__item {\n\t\tborder-left: 4px solid transparent;\n\t\tmargin: 0;\n\t\tpadding: 1em;\n\n\t\t&--is-active {\n\t\t\tbackground: colors.$color__background-editor;\n\t\t\tborder-left-color: colors.$color__border-blue;\n\t\t}\n\t}\n\n\t&__item button {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__add-new-goal {\n\t\tpadding: 1em;\n\n\t\tsvg {\n\t\t\tmin-width: 1.5em;\n\t\t}\n\t}\n\n\t&__add-new-goal-button {\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\ttext-decoration: none !important;\n\n\t\tspan {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t&__item--is-active button,\n\t&__item--is-active button:disabled {\n\t\tcolor: colors.$color__text;\n\t\tfont-weight: 700;\n\t\topacity: 1;\n\t}\n\n\t&__item button:focus {\n\t\tbox-shadow: none;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\nsvg.nab-segmentation-section__title-icon {\n\ttransform: translateY(3px);\n}\n\n.nab-edit-experiment__segmentation-section h2 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n\n.nab-edit-experiment-segmentation-section {\n\n\t&__strategy {\n\t\tfloat: right;\n\t\tfont-weight: 400;\n\t}\n\n\t&__content {\n\t\tborder: 1px solid colors.$color__border-editor-light;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\twidth: 100%;\n\n\t\t&--empty {\n\t\t\tmargin-left: 1em;\n\t\t}\n\n\t\t&--free {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 1em;\n\t\t}\n\n\t\t&-action {\n\t\t\tmargin-bottom: 1em;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n}\n",".nab-current-segment-info {\n\tpadding: 1em;\n\twidth: 100%;\n\n\t&__header {\n\t\talign-items: baseline;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\n\t\t.components-base-control {\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t.components-button {\n\t\t\tflex-grow: 0;\n\t\t\tflex-shrink: 0;\n\t\t\tmargin-left: 1em;\n\t\t}\n\t}\n}\n",".nab-segmentation-rule-list {\n\n\t&__help {\n\t\tmargin-top: 0;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/icons\";\n\n.nab-segmentation-rule {\n\tborder: none;\n\n\tcode,\n\tpre {\n\t\tbackground: none;\n\t\tcolor: colors.$color__text-green;\n\t\tpadding: 0;\n\t}\n\n\t& + & {\n\t\tborder-top: 1px solid colors.$color__border-editor-light;\n\t}\n\n\t&__view {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tfont-weight: 400;\n\t\tmin-height: 1.5em;\n\t\tpadding-right: 2em;\n\t\twidth: 100%;\n\t}\n\n\t&__icon {\n\t\tfont-size: 1.6em;\n\t\theight: 1em;\n\t\tmargin-top: -0.1em;\n\t\tmargin-right: 0.4em;\n\t\tmin-width: 1em;\n\t\twidth: 1em;\n\n\t\t&--invalid {\n\t\t\tcolor: colors.$color__background-red;\n\t\t}\n\t}\n\n\t&__actual-view {\n\t\tflex-grow: 1;\n\t\twidth: 100%;\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\tpointer-events: none;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\n\t.components-base-control + .components-base-control {\n\t\tmargin-top: 1em;\n\t\tmargin-bottom: 0;\n\t}\n\n\t&__edit,\n\t&__delete-button.components-button.is-link {\n\t\tmargin-left: 2em;\n\t}\n\n\t&__delete-button {\n\t\tposition: relative;\n\t\tleft: -9999em;\n\t}\n\n\t&:hover &__delete-button,\n\t&:focus-within &__delete-button {\n\t\tposition: static;\n\t}\n}\n",".nab-segmentation-rule-type-new {\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&__list button {\n\n\t\tsvg {\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\tfont-size: 18px;\n\t\t}\n\n\t\t.icon_svg__black {\n\t\t\tfill: currentcolor !important;\n\t\t}\n\n\t\t.icon_svg__grey {\n\t\t\tfill: currentcolor !important;\n\t\t}\n\n\t\t.icon_svg__white {\n\t\t\tfill: #fff !important;\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/breakpoints\";\n@use \"~admin-stylesheets/colors\";\n\n.nab-segment-list {\n\tbackground: colors.$color__background-grey;\n\tmargin: 0;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\twidth: 6em;\n\n\t@include breakpoints.break-mobile {\n\t\twidth: 10em;\n\t}\n\n\t@include breakpoints.break-small {\n\t\twidth: 12em;\n\t}\n\n\t@include breakpoints.break-medium {\n\t\twidth: 6em;\n\t}\n\n\t@include breakpoints.break-large {\n\t\twidth: 8em;\n\t}\n\n\t@include breakpoints.break-xlarge {\n\t\twidth: 15em;\n\t}\n\n\t&__item {\n\t\tborder-left: 4px solid transparent;\n\t\tmargin: 0;\n\t\tpadding: 1em;\n\n\t\t&--is-active {\n\t\t\tbackground: colors.$color__background-editor;\n\t\t\tborder-left-color: colors.$color__border-blue;\n\t\t}\n\t}\n\n\t&__item button {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__add-new-segment {\n\t\tpadding: 1em;\n\n\t\tsvg {\n\t\t\tmin-width: 1.5em;\n\t\t}\n\t}\n\n\t&__add-new-segment-button {\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\ttext-decoration: none !important;\n\n\t\tspan {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t&__item--is-active button,\n\t&__item--is-active button:disabled {\n\t\tcolor: colors.$color__text;\n\t\tfont-weight: 700;\n\t\topacity: 1;\n\t}\n\n\t&__item button:focus {\n\t\tbox-shadow: none;\n\t}\n}\n","@use \"~admin-stylesheets/breakpoints\";\n@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/variables\";\n\n.nab-edit-experiment-sidebar {\n\tbox-sizing: border-box;\n\n\t&__element-wrapper {\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\toverflow-y: auto;\n\t\tpadding-bottom: 6em;\n\n\t\t.components-panel__body:last-child {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n\n\t&__section-title {\n\t\tborder-bottom: 1px solid colors.$color__border-editor;\n\t\tmargin: 2em 0 0;\n\t\tpadding: 0 1rem 1em;\n\n\t\t@include breakpoints.break-medium {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\tsvg#{&}__section-title-icon {\n\t\ttransform: translateY(3px);\n\t}\n\n\t.nab-error-text {\n\t\tmargin-top: 8px;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-experiment-management {\n\tborder-top: none;\n\n\t&__trash {\n\n\t\tbutton.components-button.is-large {\n\t\t\tborder-color: colors.$color__text-red;\n\t\t\tcolor: colors.$color__text-red;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n",".nab-experiment-management {\n\n\t&__status-value {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t&__draft-status-info {\n\t\tmargin-left: 0.5em;\n\n\t\tsvg {\n\t\t\ttransform: translateY(3px);\n\t\t}\n\t}\n}\n",".nab-experiment-end-schedule__dropdown .components-popover__content {\n\tpadding: 10px;\n\tmin-width: 200px;\n}\n",".nab-experiment-auto-apply-winner {\n\tmargin: 1em 0;\n\n\t&__checkbox--disabled {\n\t\tfilter: saturate(0);\n\t\topacity: 0.6;\n\n\t\t* {\n\t\t\tuser-select: none;\n\t\t\tcursor: default !important;\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-experiment-scope {\n\n\tp {\n\t\tmargin-top: 0;\n\t}\n\n\t.components-checkbox-control__help {\n\t\tmargin-top: 0.5em;\n\t}\n\n\t&__rule-list {\n\t\tmargin: 0;\n\t}\n\n\t&__rule-list-item {\n\t\tdisplay: grid;\n\t\tgap: 0.5em;\n\t\tgrid-template-columns: 1fr auto;\n\t\tgrid-template-areas:\n\t\t\t\"type  type\"\n\t\t\t\"value value\";\n\n\t\t&--has-sorting {\n\t\t\tgrid-template-areas:\n\t\t\t\t\"type  sorting\"\n\t\t\t\t\"value value\";\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tposition: relative;\n\t\t\tmargin-top: 9px;\n\t\t\tpadding-top: 14px;\n\t\t\tborder-top: 1px solid colors.$color__border-editor-light;\n\n\t\t\t&:not(:last-child)::before {\n\t\t\t\tcontent: attr(data-operator);\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #fff;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -10px;\n\t\t\t\tleft: 50%;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\tpadding: 0 1em;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__rule-mode {\n\t\tgrid-area: type;\n\n\t\t.components-base-control__field {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t&__rule-sorting {\n\t\tgrid-area: sorting;\n\t}\n\n\t&__rule-value {\n\t\tgrid-area: value;\n\t}\n\n\t&__rule-value.components-base-control {\n\t\tmargin-bottom: 0;\n\n\t\t> * {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n",null,"@use \"~admin-stylesheets/colors\";\n\n.tested-url-with-query-args-scope {\n\n\t&__block {\n\t\tmargin-bottom: 1em;\n\t}\n\n\t&__argument:not(:first-child) {\n\t\tposition: relative;\n\t\tmargin-top: 9px;\n\t\tpadding-top: 14px;\n\t\tborder-top: 1px solid colors.$color__border-editor-light;\n\n\t\t&::before {\n\t\t\tcontent: attr(data-operator);\n\t\t\tdisplay: block;\n\t\t\tbackground: #fff;\n\t\t\tposition: absolute;\n\t\t\ttop: -10px;\n\t\t\tleft: 50%;\n\t\t\ttext-transform: uppercase;\n\t\t\ttransform: translateX(-50%);\n\t\t\tpadding: 0 1em;\n\t\t\tfont-size: 10px;\n\t\t\tfont-weight: 600;\n\t\t}\n\n\t\t&:last-child::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__argument-value > * {\n\t\tmargin-bottom: 15px;\n\t}\n\n\t&__argument-setup {\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\n\t\tselect {\n\t\t\tmin-width: 11em;\n\t\t}\n\t}\n\n\t&__argument-error {\n\t\tcolor: colors.$color__text-red;\n\t\tfont-size: 0.9em;\n\t\tline-height: 1.2;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-edit-experiment-php-scope {\n\n\t&__hook {\n\t\tmargin-bottom: 1em;\n\t}\n\n\t&__snippet {\n\t\tmargin-bottom: 1.5em !important;\n\t\toverflow-y: auto;\n\t\tmax-height: 20em;\n\t}\n\n\t&__snippet-error {\n\t\tcolor: colors.$color__text-red;\n\t\tmargin-top: -1.2em !important;\n\t\tmargin-bottom: 2em;\n\t}\n\n\t&__preview-error {\n\t\tcolor: colors.$color__text-red;\n\t\tmargin-top: -0.5em !important;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\nsvg.nab-alternative-section__title-icon {\n\ttransform: translateY(3px);\n}\n\n.nab-alternative-list {\n\tborder: 1px solid colors.$color__border-editor-light;\n\tborder-bottom: none;\n\tmargin: 0;\n\n\t&__alternative {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tmargin: 0;\n\t\tpadding: 1em;\n\t}\n\n\t&__alternative-letter {\n\t\tborder-radius: 50%;\n\t\tcolor: colors.$color__text-alternative;\n\t\tdisplay: inline-block;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tfont-size: 1.5rem;\n\t\theight: 1em;\n\t\tline-height: 1;\n\t\tmargin: 0;\n\t\tmargin-right: 0.5em;\n\t\tpadding: 0.3em;\n\t\ttext-align: center;\n\t\ttransition:\n\t\t\t250ms background ease-in-out,\n\t\t\t250ms color ease-in-out;\n\t\twidth: 1em;\n\t}\n\n\t&__alternative-edit {\n\t\tflex-grow: 1;\n\t}\n\n\t&__alternative-help {\n\t\tflex-grow: 0;\n\t\tmargin-left: 0.5em;\n\t\topacity: 0.7;\n\t\tpadding: 0.2em 0;\n\t\twidth: 1em;\n\t}\n\n\t.nab-alternative-list__alternative--original {\n\t\tborder-bottom: 1px solid colors.$color__border-editor-light;\n\t\tmargin-bottom: 1em;\n\t\tpadding-bottom: 1em;\n\t}\n\n\t.nab-alternative-list__alternative--original &__alternative-letter {\n\t\tbackground: colors.$color__background-alternative-a;\n\t}\n\n\t$colors: (\n\t\tcolors.$color__background-alternative-b,\n\t\tcolors.$color__background-alternative-c,\n\t\tcolors.$color__background-alternative-d,\n\t\tcolors.$color__background-alternative-e,\n\t\tcolors.$color__background-alternative-f,\n\t\tcolors.$color__background-alternative-a\n\t);\n\t$i: 1;\n\n\t@each $color in $colors {\n\t\t.nab-animated-list__item:nth-child(6n + #{$i}) &__alternative-letter {\n\t\t\tbackground: $color;\n\n\t\t\t&--disabled {\n\t\t\t\tbackground: colors.$color__border-light;\n\t\t\t}\n\t\t}\n\t\t$i: $i + 1;\n\t}\n\n\t&__alternative &__alternative-edit &__alternative-actions {\n\t\tdisplay: flex;\n\t\tmin-height: 1.4em;\n\t\tmargin: 0;\n\t\tmargin-top: 0.5em;\n\t\tposition: relative;\n\t\tleft: -9999em;\n\n\t\tli {\n\t\t\tmargin: 0;\n\n\t\t\t&:not(:last-child)::after {\n\t\t\t\tcolor: colors.$color__text-disabled;\n\t\t\t\tcontent: \"|\";\n\t\t\t\tdisplay: inline;\n\t\t\t\tmargin: 0 0.2em;\n\t\t\t}\n\n\t\t\tbutton.components-button.is-link.is-destructive:hover {\n\t\t\t\tcolor: colors.$color__text-light-red;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__alternative:hover &__alternative-edit &__alternative-actions,\n\t&__alternative:focus-within &__alternative-edit &__alternative-actions {\n\t\tposition: static;\n\t}\n\n\t&.nab-animated-list--has-item-exiting\n\t\t&__alternative:hover\n\t\t&__alternative-edit\n\t\t&__alternative-actions {\n\t\tposition: relative;\n\t}\n}\n\n.nab-edit-experiment-alternative-section__new-variant-container {\n\tborder: 1px solid colors.$color__border-editor-light;\n\tborder-top: none;\n\tmargin: 0;\n\ttext-align: center;\n\tpadding-bottom: 1em;\n}\n\n/* Animations when deleting alternatives */\n.nab-animated-list__item {\n\tmargin: 0;\n\tpadding: 0;\n\n\t&--has-animation-exit {\n\t\tmax-height: 14em;\n\t\ttransition:\n\t\t\topacity 300ms ease-in-out,\n\t\t\tmax-height 350ms 150ms ease-in-out;\n\t}\n\n\t&--has-animation-exit-active {\n\t\tmax-height: 0;\n\t\topacity: 0;\n\t}\n\n\t&--has-animation-exit-active + & .nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter,\n\t&--has-animation-exit-active\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t+ &\n\t\t.nab-alternative-list__alternative-letter {\n\t\ttransition: 250ms background ease-in-out;\n\t\tcolor: transparent;\n\t\tbackground: colors.$color__border-light;\n\t}\n}\n",".nab-ai-alternative-attributes-modal {\n\tbackground: #fff;\n\twidth: 60em;\n}\n",".nab-alternative-previewer {\n\tbackground: #fff;\n\theight: calc(100vh - 2em);\n\tmax-height: none;\n\tmax-width: none;\n\twidth: calc(100vw - 2em);\n\n\t&__iframe {\n\t\tflex-grow: 1;\n\t}\n\n\t.components-modal__content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\n\t\t.components-modal__header {\n\t\t\tborder: none;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.components-modal__header + div {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t.components-modal__header .components-modal__header-heading {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.components-base-control .components-base-control__field {\n\t\tmargin: 0;\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}