{"version":3,"file":"css/./editor.css","mappings":";;;AAEA;;EAEC;AADD;;AAIA;EACC,gBCkBsB;ADnBvB;;AAIA;EACC;AADD;;AAIA;EACC;AADD;;AAIA;;EAEC,wBCKsB;ADNvB;;AAIA;EACC,gBCCsB;EDAtB;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,gBHfoB;AGwBvB;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,gBLqBsB;EKpBtB;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,cLvCoB;EKwCpB;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,qBNSU;EMRV;AAMH,C;;;;AClCA;EACC;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD,C;;;;ACPA;EACC;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;AADF;AAGE;EACC;AADH,C;;;;ACZA;EACC;AACD,C;;;;ACCA;EACC;AAFD;AAIC;EACC;EACA,WVae;EUZf;AAFF;AAKC;EACC;EACA,WVOe;EUNf;EACA;EACA;AAHF;AAMC;EACC;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;AALF;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACC,cVVkB;AUIrB;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;AAIC;EACC;AAFF,C;;;;AXVA;;EAAA;AAaA;;EAAA;AYVA;EACC,mBbuB2B;EatB3B;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,mBbJ0B;EaK1B;EACA;EACA;AASF;AAPE;EACC,gBbXoB;EaYpB,0FbpC0B;Aa6C7B;AALC;EACC;EACA;EACA;EACA;EACA;AAOF;AAJC;EACC;EACA;EACA;EACA;AAMF;AAHC;EACC;EACA;AAKF;AAFC;EACC;EACA;AAIF;AAFE;EACC;AAIH;AAAC;EAEC,cbxDS;EayDT;EACA;AACF;AAEC;EACC;AAAF,C;;;;AC7EA;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;EACA;AACF;AACE;EACC;AACH,C;;;;ACVC;EACC;AADF,C;;;;ACCA;EACC;AAFD;AAIC;;EAEC;EACA,WjBYe;EiBXf;AAFF;AAKC;EACC;AAHF;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACC,cjBHkB;AiBFrB;AASC;EACC;EACA;AAPF;AASE;EACC;EACA;EACA;AAPH;AAWC;EACC;EACA;AATF;AAYC;EAEC;AAXF;AAcC;EACC;EACA;AAZF;AAeC;EAEC;AAdF,C;;;;ACnDA;EACC;EACA;AADD;AAKE;EACC;EACA;EACA;AAHH;AAME;EACC;AAJH;AAOE;EACC;AALH;AAQE;EACC;AANH,C;;;;AjBjBA;;EAAA;AAaA;;EAAA;AkBVA;EACC,mBnBuB2B;EmBtB3B;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,mBnBJ0B;EmBK1B;EACA;EACA;AASF;AAPE;EACC,gBnBXoB;EmBYpB,0FnBpC0B;AmB6C7B;AALC;EACC;EACA;EACA;EACA;EACA;AAOF;AAJC;EACC;EACA;EACA;EACA;AAMF;AAHC;EACC;EACA;AAKF;AAFC;EACC;EACA;AAIF;AAFE;EACC;AAIH;AAAC;EAEC,cnBxDS;EmByDT;EACA;AACF;AAEC;EACC;AAAF,C;;;;AlB/EA;;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,qBrBcY;EqBbZ,crBaY;EqBZZ;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,gBzBbmB;EyBcnB;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,gB3BSoB;E2BRpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJH;AAOE;EACC;AALH;AASC;EACC;AAPF;AASE;EACC;AAPH;AAWC;EACC;EACA;AATF;AAWE;EACC;AATH;AAaC;EACC,c3B7Ba;E2B8Bb;EACA;AAXF,C;;;;ACtCC;EACC;AAHF;AAMC;EACC;EACA;EACA;AAJF;AAOC;EACC,c5BOa;E4BNb;EACA;AALF;AAQC;EACC,c5BCa;E4BAb;AANF,C;;;;ACdA;EACC;AADD;;AAIA;EACC;EACA;EACA;AADD;;AAGC;EACC;EACA;EACA;EACA;AADF;;AAIC;EACC;EACA,W7BFkB;E6BGlB;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,mB7BR6B;A6BA/B;;AAsBE;EACC,mBAZO;AARV;;AAsBG;EACC,mB7BnCe;A6BenB;;AAgBE;EACC,mBAZO;AAFV;;AAgBG;EACC,mB7BnCe;A6BqBnB;;AAUE;EACC,mBAZO;AAIV;;AAUG;EACC,mB7BnCe;A6B2BnB;;AAIE;EACC,mBAZO;AAUV;;AAIG;EACC,mB7BnCe;A6BiCnB;;AAFE;EACC,mBAZO;AAgBV;;AAFG;EACC,mB7BnCe;A6BuCnB;;AARE;EACC,mBAZO;AAsBV;;AARG;EACC,mB7BnCe;A6B6CnB;;AAJC;EACC;EACA;EACA;EACA;EACA;EACA;AAMF;;AAJE;EACC;AAMH;;AAJG;EACC,c7BzEkB;E6B0ElB;EACA;EACA;AAMJ;;AADC;EAEC;AAEF;;AACC;EAIC;AAFF;;AAMA;EACC;EACA;EACA;EACA;EACA;AAHD;;AAMA;;AACA;EACC;EACA;AAHD;;AAKC;EACC;EACA,yEACC;AAJH;;AAQC;EACC;EACA;AANF;;AASC;EAoGC;EACA;EACA,mB7BzMiB;A6B+FnB,C;;;;ACpIA;EACC,gB9BuBsB;E8BtBtB;AADD,C;;;;ACDA;EACC,gB/BuBsB;E+BtBtB;EACA;EACA;EACA;AADD;AAGC;EACC;AADF;AAIC;EACC;EACA;EACA;AAFF;AAIE;EACC;EACA;AAFH;AAKE;EACC;EACA;AAHH;AAME;EACC;AAJH;AAQC;EACC;AANF,C;;;;AC1BC;EACC;AADF;AAIC;EACC;EACA;AAFF,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","webpack://nab/./packages/editor/components/alternative-distribution-section/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.$nab-background-white;\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.$nab-background-white;\n}\n\n#nab-editor {\n\tbackground: colors.$nab-background-white;\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","$wp-admin-theme-color: var(--wp-admin-theme-color, #3858e9);\n$wp-admin-theme-color-darker-10: var(--wp-admin-theme-color, #2145e6);\n$wp-components-color-accent: var(\n\t--wp-components-color-accent,\n\t$wp-admin-theme-color\n);\n\n$wp-components-toolbar-button-foreground: var(\n\t--wp-components-color-foreground,\n\t#1e1e1e\n);\n$wp-components-toolbar-button-background--pressed: $wp-components-toolbar-button-foreground;\n$wp-components-toolbar-button-foreground--pressed: var(\n\t--wp-components-color-foreground-inverted,\n\t#fff\n);\n\n$nab-text: #1e1e1e;\n$nab-text-inverted: #fff;\n$nab-text-light-grey: #949494;\n$nab-text-dark-grey: #757575;\n$nab-text-green: #070;\n$nab-text-red: #cc1818;\n$nab-text-shadow: 1px 1px 1px rgba(0, 0, 12, 0.6);\n\n$nab-background-black: #23282d;\n$nab-background-white: #fff;\n$nab-background-light-grey: #f3f4f5;\n$nab-background-dark-grey: #d2d2d2;\n$nab-background-metal-blue: #8298b3;\n$nab-background-green: #58b462;\n$nab-background-orange: #e28f25;\n$nab-background-red: #f43f27;\n$nab-background-black-translucent: rgba(0, 0, 12, 0.8);\n$nab-background-default-image: rgba(0, 0, 12, 0.1);\n\n$nab-box-shadow: rgba(0, 0, 40, 0.07);\n\n$nab-border: #7e8993;\n$nab-border-light: #e2e4e7;\n$nab-border-lighter: #f1f1f1;\n\n$nab-experiment-testing: #c44;\n$nab-experiment-possible-winner: #ffb42b;\n$nab-experiment-winner: #58b462;\n$nab-experiment-finished: #0096dd;\n$nab-experiment-running-overlay: #fff2;\n\n$nab-background-alternative-a: #2a2a3f;\n$nab-background-alternative-b: #d24633;\n$nab-background-alternative-c: #4f97c5;\n$nab-background-alternative-d: #64ab64;\n$nab-background-alternative-e: #ff9000;\n$nab-background-alternative-f: #60609f;\n\n$nab-css-selector-highlight-background: #7e899340;\n$nab-css-selector-highlight-border: #7e8993;\n$nab-css-selector-highlight-hovered-background: #3858e922;\n$nab-css-selector-highlight-hovered-border: #3858e9;\n$nab-css-selector-breadcrumb-highlight-background: #cc181815;\n$nab-css-selector-breadcrumb-highlight-border: #cc1818;\n\n$nab-ai-background: linear-gradient(45deg, #3856e9 0%, #d934f4 100%);\n$nab-premium-background: #fde68a;\n$nab-premium-foreground: #78350f;\n\n$nab-code-editor-background: linear-gradient(\n\tto right,\n\t#f5f5f5 0,\n\t#f5f5f5 18px,\n\t#ddd 18px,\n\t#ddd 19px,\n\t#fff 19px,\n\t#fff 100%\n);\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.$nab-background-white;\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.$nab-border-light;\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.$nab-border;\n\t\t\tbox-shadow: inset 0 1px 2px transparent;\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.$wp-components-color-accent;\n\t\t\tbox-shadow: 0 0 0 1px colors.$wp-components-color-accent;\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.$nab-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: colors.$nab-text-inverted;\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: colors.$nab-text-inverted;\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.$nab-background-white;\n\tborder-bottom: 1px solid colors.$nab-border-light;\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.$nab-text-light-grey;\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.$nab-border;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tborder-color: colors.$nab-border;\n\t\t\tbox-shadow: -3px 0 0 0\n\t\t\t\tcolor.adjust(colors.$nab-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.$nab-border-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: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 0.5em;\n\n\t\t.components-base-control {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n}\n",".nab-conversion-action-list {\n\tmargin-bottom: 1em;\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.$nab-text-green;\n\t\tpadding: 0;\n\t}\n\n\tpre {\n\t\tbackground: none;\n\t\tcolor: colors.$nab-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.$nab-border-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.$nab-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/colors\";\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: colors.$nab-background-white !important;\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-ecommerce-goal-settings {\n\tborder-bottom: 1px solid colors.$nab-border-lighter;\n\tmargin-bottom: 1em;\n\tpadding: 1em;\n\n\t&__track-revenue {\n\t\tmargin-top: 0.5em;\n\t}\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.$nab-background-light-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\tbackground: colors.$nab-background-light-grey;\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.$nab-background-white;\n\t\t\tborder-left-color: colors.$wp-components-color-accent;\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&__actions {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tpadding: 1em;\n\t}\n\n\t&__add-new-goal-button.has-icon.has-text {\n\t\tpadding: 2px 6px;\n\t\ttext-decoration: none !important;\n\t}\n\n\t&__import-goals-button.has-icon.has-text {\n\t\tpadding: 2px 6px;\n\t\ttext-decoration: none !important;\n\n\t\t.dashicon {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t}\n\n\t&__item--is-active button,\n\t&__item--is-active button:disabled {\n\t\tcolor: colors.$nab-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.$nab-border-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: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 0.5em;\n\n\t\t.components-base-control {\n\t\t\tflex-grow: 1;\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.$nab-text-green;\n\t\tpadding: 0;\n\t}\n\n\t& + & {\n\t\tborder-top: 1px solid colors.$nab-border-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.$nab-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","@use \"~admin-stylesheets/colors\";\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: colors.$nab-background-white !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.$nab-background-light-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\tbackground: colors.$nab-background-light-grey;\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.$nab-background-white;\n\t\t\tborder-left-color: colors.$wp-components-color-accent;\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&__actions {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tpadding: 1em;\n\t}\n\n\t&__add-new-segment-button.has-icon.has-text {\n\t\tpadding: 2px 6px;\n\t\ttext-decoration: none !important;\n\t}\n\n\t&__import-segments-button.has-icon.has-text {\n\t\tpadding: 2px 6px;\n\t\ttext-decoration: none !important;\n\n\t\t.dashicon {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t}\n\n\t&__item--is-active button,\n\t&__item--is-active button:disabled {\n\t\tcolor: colors.$nab-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.$nab-border-light;\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.$nab-text-red;\n\t\t\tcolor: colors.$nab-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.$nab-border-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: colors.$nab-background-white;\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.$nab-border-light;\n\n\t\t&::before {\n\t\t\tcontent: attr(data-operator);\n\t\t\tdisplay: block;\n\t\t\tbackground: colors.$nab-background-white;\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-top: 1em;\n\n\t\t> * {\n\t\t\tmargin-bottom: 15px;\n\t\t}\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.$nab-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.$nab-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.$nab-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.$nab-border-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.$nab-text-inverted;\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.$nab-border-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.$nab-background-alternative-a;\n\t}\n\n\t$colors: (\n\t\tcolors.$nab-background-alternative-b,\n\t\tcolors.$nab-background-alternative-c,\n\t\tcolors.$nab-background-alternative-d,\n\t\tcolors.$nab-background-alternative-e,\n\t\tcolors.$nab-background-alternative-f,\n\t\tcolors.$nab-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.$nab-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.$nab-text-light-grey;\n\t\t\t\tcontent: \"|\";\n\t\t\t\tdisplay: inline;\n\t\t\t\tmargin: 0 0.2em;\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.$nab-border-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.$nab-border-light;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-ai-alternative-attributes-modal {\n\tbackground: colors.$nab-background-white;\n\twidth: 60em;\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-alternative-previewer {\n\tbackground: colors.$nab-background-white;\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",".nab-edit-experiment__alternative-distribution-section {\n\n\th2 {\n\t\tposition: relative;\n\t}\n\n\t&__even-distro-button {\n\t\tposition: absolute;\n\t\tright: 0;\n\t}\n}\n"],"names":[],"sourceRoot":""}