{"version":3,"file":"css/./results-page.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,C;;;;AE7BA;;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;EACA;AASF;AAPE;;EAEC,gBHlCwB;AG2C3B;AFJC;EEZA;IAWE;EASD;AACF;AAJE;EACC;EACA;AAMH;AAHE;EACC;AAKH;AADC;EACC;AAGF;AFnBC;EEeA;IAIE;IACA;IACA;IACA,iBD9DiB;IC+DjB;IACA;IACA;IACA,YDjEoB;ECqErB;AACF;AADC;EACC;EACA;EACA;EACA;AAGF;AADE;EACC;EACA;EACA;EACA;AAGH;AADG;EACC;AAGJ;ACvFC;EAEC;EACA;ADyFF;AFnDC;EGzCA;IAME,WFTmB;ECmGpB;AACF;ACvFC;EAEC;ADyFF;AF5DC;EG/BA;IAKE,UFhB6B;EC0G9B;AACF;AFxEC;EGxBA;IASE,WFtBmB;ECiHpB;AACF;ACxFC;AACA;EACC;AD2FF;AF3EC;EGjBA;IAIE,UF7B6B;ECyH9B;AACF;ACzFC;AACA;EACC;IACC,WFrCuB;ECiIxB;AACF;ACzFC;AACA;EACC;IACC;ED2FD;AACF;ACxFC;EACC;AD0FF,C;;;;ADhIA;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;EACA;EACA;EACA;AASF;AAPE;EACC;EACA;EACA;EACA;AASH;AALC;EACC;EACA;AAOF;AAJC;EACC;EACA;EACA;AAMF;AAHC;EACC;EACA;EACA;EACA;EACA;AAKF;AAFC;EACC;EACA;EACA;AAIF;AADC;EACC;EACA,WL1BqB;EK2BrB;EACA;AAGF;AADE;EACC;AAGH;AACC;EACC;EACA;AACF,C;;;;AHvDA;EAEC;IACC;EIfA;EJkBD;IACC;EIhBA;EJmBD;IACC;EIjBA;AACF;AAPA;EACC;EACA;AASD;AAPC;EACC;EACA;EACA;EACA;AASF,C;;;;ACpBA;EACC;AACD;AACC;EACC;AACF;AAEC;EACC;AAAF;AAEE;EACC;AAAH;AAIC;EACC;AAFF;AAKC;EAGC;EACA;AALF;AAQC;EAGC;EACA;AARF;AAWC;EACC;AATF;AAYC;EACC;EACA;EACA;AAVF;AAaC;EACC;AAXF;AAcC;EACC;EACA;EACA;AAZF;AAeC;EACC;EACA;AAbF;AAgBC;EACC;EACA;AAdF;AAgBE;EACC;EACA;AAdH;AAgBG;EACC;AAdJ;AAkBE;EACC;EACA;EACA;EACA;AAhBH;AAoBC;EACC;EACA;AAlBF;AAuBE;EACC;AArBH;AAwBE;EACC;AAtBH,C;;;;ACrEA;EACC;AACD,C;;;;ACAC;EACC;AADF;AAIC;EACC;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;EACA,mCACC;AAJH,C;;;;ACZA;EACC;EACA;AADD;AAGC;EACC;EACA,WVyBkB;EUxBlB;AADF,C;;;;ACJC;EACC;EACA;EACA;AAHF;AAKE;EACC;EACA;EACA;EACA;AAHH,C;;;;ACRA;EACC,gBZUuB;EYTvB;EACA;EACA;EACA;EACA;EACA;AADD,C;;;;AXRA;;EAAA;AAaA;;EAAA;AYTC;EACC;EACA;EACA;AAGF;AADE;EACC;AAGH;AACC;EACC;EACA;AACF;AAEC;EACC;AAAF;AAKC;EACC;AAHF;AAMC;EACC,YAPgB;AAGlB;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAQC;EACC;AANF;AASC;EAEC,YA1BgB;AAkBlB;AZfC;EYqBA;IAKE;EAPD;AACF;AZpBC;EYgCC;IACC;IACA;IACA;EATD;AACF;AAnDA;EA+DC;AATD;AAYE;EACC;EACA;EACA;AAVH;AAcC;EACC;EACA;AAZF;AAeC;EACC;EACA;EACA;AAbF;AAgBC;EACC;AAdF,C;;;;AZzEA;;EAAA;AAaA;;EAAA;AaPA;EACC;AACD;AAEA;EACC;EACA;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wEACC;AAAH;AAIC;EACC,qBdeyB;EcdzB;AAFF;AbKC;EavBD;IAwBE;EAFA;EAIA;IACC;IACA;EAFD;AACF;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;AAHF;AAMC;EACC;EACA;AAJF;AAME;EACC,cdhBwB;EciBxB;EACA;AAJH;AAOE;EACC,WdxByB;EcyBzB;EACA;AALH;AASC;EACC;AAPF;AAaC;EAEC;AAXF;AAcC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;AAcE;EACC;AAZH;AAgBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEACC;EAED;AAhBF;AAkBE;EACC,mBdrEwB;EcsExB;EACA;EACA;EACA;AAhBH;AAkBG;EACC;AAhBJ;AAqBC;EACC;EACA;EACA;EACA;EACA;AAnBF;AbrFC;EamGA;IAQE;EAlBD;AACF;AAqBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;;EAEC;EACA;AAnBH;AAqBG;;EACC;AAlBJ;AAuBC;EACC;EACA,WdjHwB;EckHxB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEACC;EAED;AAvBF;AAqCE;EACC,mBAZO;AAvBV;AAkCE;EACC,mBAZO;AApBV;AA+BE;EACC,mBAZO;AAjBV;AA4BE;EACC,mBAZO;AAdV;AAyBE;EACC,mBAZO;AAXV;AAsBE;EACC,mBAZO;AARV;AAyBC;EACC;EACA;AAvBF;AA0BC;EACC;EACA;AAxBF;AA0BE;EACC;AAxBH;AA2BE;EACC;AAzBH;Ab5JC;Ea4KA;IAaE;EAzBD;AACF;AA4BC;EACC;EACA;EACA;EACA;EACA;EACA;AA1BF;AA6BC;EACC;EACA;AA3BF;AA+BA;EACC;AA5BD,C;;;;ACzMA;EACC;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD;;AAIA;EACC;EACA;AADD,C;;;;AddA;;EAAA;AAaA;;EAAA;AeVA;EACC,mBhBMwB;EgBLxB;EACA;EACA;EACA;AAID;AfiDC;Ee1DD;IAQE;EAKA;AACF;AfqCC;EenDD;IAYE;EAMA;AACF;AfyBC;Ee5CD;IAgBE;EAOA;AACF;AfaC;EerCD;IAoBE;EAQA;AACF;AfCC;Ee9BD;IAwBE;EASA;AACF;AAPC;EACC;EACA;EACA;AASF;AAPE;EACC,gBhB5BwB;EgB6BxB,0BhBpCkB;AgB6CrB;AALC;EACC;EACA;EACA;EACA;EACA;AAOF;AAJC;EAEC,WhBxBY;EgByBZ;EACA;AAKF;AAFC;EACC;AAIF,C;;;;ACxDC;EACC;EACA;EACA;EACA;EACA;AAJF;AAME;EACC;EACA,WjBmBiB;EiBlBjB;AAJH;AAQC;EACC;AANF;AASC;EACC;EACA;EACA;EACA;EACA;EACA;AAPF;AASE;EACC,WjBnBqB;AiBYxB;AAWC;EACC;AATF;AAWE;EACC;AATH,C;;;;AC7BA;EACC;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD;;AAIA;EACC;EACA;AADD,C;;;;AjBdA;;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;EAEC,WnBxBY;EmByBZ;EACA;AAKF;AAFC;EACC;AAIF,C;;;;AC7DA;EACC;EACA;AACD;AACC;EACC;EACA;AACF;AAEC;EACC;AAAF;AAEE;EACC;EACA;EACA;AAAH;AAGE;EACC;EACA;EACA;AADH;AAIE;EACC;EACA;AAFH;AAIG;EACC;AAFJ,C","sources":["webpack://nab/./assets/src/admin/pages/results/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/./assets/src/admin/pages/results/components/layout/style.scss","webpack://nab/./assets/src/admin/stylesheets/_mixins.scss","webpack://nab/./assets/src/admin/pages/results/components/header/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/result/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/summary/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/scope/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/scope/tested-url-with-query-args-scope/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/scope/urls-or-php-scope/style.scss","webpack://nab/./assets/src/admin/pages/results/components/sidebar/no-quota-warning/style.scss","webpack://nab/./assets/src/admin/pages/results/components/evolution-section/style.scss","webpack://nab/./assets/src/admin/pages/results/components/alternative-section/style.scss","webpack://nab/./assets/src/admin/pages/results/components/goal-section/style.scss","webpack://nab/./assets/src/admin/pages/results/components/goal-list/style.scss","webpack://nab/./assets/src/admin/pages/results/components/conversion-action/style.scss","webpack://nab/./assets/src/admin/pages/results/components/segmentation-section/style.scss","webpack://nab/./assets/src/admin/pages/results/components/segment-list/style.scss","webpack://nab/./assets/src/admin/pages/results/components/export-modal/style.scss"],"sourcesContent":["@use \"~admin-stylesheets/colors\";\n\n#wpfooter,\n#wpbody-content > div:not(.experiment-results):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#results {\n\tbackground: colors.$color__background-editor;\n\tbottom: 0;\n\tleft: 0;\n\tposition: relative;\n\tright: 0;\n\ttop: 0;\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 \"../../../../stylesheets/colors\";\n\n#wpcontent {\n\tpadding-left: 0 !important;\n}\n\n.nab-results-experiment-layout {\n\n\t.nab-results-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\t\tpadding-bottom: 5em;\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.nab-results-experiment-sidebar {\n\t\tmargin-bottom: 2em;\n\n\t\t@include breakpoints.break-medium {\n\t\t\tmargin-bottom: 0;\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-results-experiment-layout .nab-results-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-results-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&__info {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tmin-width: 5em;\n\t\twidth: 100%;\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&__right-promo-button {\n\t\tjustify-self: flex-end;\n\t\tmargin-left: auto;\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: 1em;\n\t}\n\n\t&__stop-button.components-button.is-button {\n\t\theight: 33px;\n\t\tline-height: 32px;\n\t\tfont-size: 13px;\n\t}\n\n\t&__settings--is-saving {\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\tmargin-right: 4px;\n\t\t}\n\t}\n\n\t&__title {\n\t\tmargin: 0 0.5em;\n\t\tfont-weight: 400;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n@use \"~admin-stylesheets/variables\";\n\n.nab-results-experiment-sidebar {\n\tborder-left: 1px solid colors.$color__border-editor;\n\tbox-sizing: border-box;\n\n\t&__element-wrapper {\n\t\tbackground: colors.$color__background-editor;\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\toverflow-y: auto;\n\t}\n}\n",".nab-experiment-result-summary {\n\tborder-top: none;\n\n\t.components-panel__row {\n\t\tmin-height: 1.6em;\n\t}\n\n\t&__title {\n\t\tdisplay: block;\n\n\t\tspan:last-child {\n\t\t\tmargin-bottom: 2em;\n\t\t}\n\t}\n\n\t&__title-text {\n\t\tfont-weight: 600;\n\t}\n\n\t&__uniqueness-selector,\n\t&__goal-selector,\n\t&__segment-selector {\n\t\tdisplay: block;\n\t\tmargin-top: 1em;\n\t}\n\n\t&__icon,\n\t&__text,\n\t&__confidence {\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t}\n\n\t&__confidence {\n\t\tmargin-top: -1em;\n\t}\n\n\t&__conversion-rates {\n\t\tfont-variant: all-small-caps;\n\t\tmargin-top: 20px;\n\t\ttext-align: center;\n\t}\n\n\t&__control {\n\t\tmargin-top: 0;\n\t}\n\n\t&__best-variant-improvement {\n\t\tmargin-left: 5px;\n\t\tfont-weight: 400;\n\t\tfont-size: 0.9em;\n\t}\n\n\t&__best-variant-improvement > svg {\n\t\ttransform: translateY(6px);\n\t\twidth: 12px;\n\t}\n\n\t&__public-result {\n\t\tmargin-top: 0.6em;\n\t\tmargin-bottom: 1em;\n\n\t\t&-url {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\n\t\t\t&-input {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\n\t\t&-description {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: #757575;\n\t\t\tmargin-bottom: 0;\n\t\t\tpadding-bottom: 0;\n\t\t}\n\t}\n\n\t&__export-button {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n\t.nab-loading-animation {\n\n\t\tsvg {\n\t\t\tmax-width: 120px;\n\t\t}\n\n\t\t&__text {\n\t\t\tfont-size: 1.2em;\n\t\t}\n\t}\n}\n",".nab-experiment-summary {\n\tborder-top: none;\n}\n",".nab-experiment-scope {\n\n\tp {\n\t\tmargin-top: 0;\n\t}\n\n\t&__rule-list {\n\t\tmargin: 0;\n\t\tmax-height: 20em;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t}\n\n\t&__rule-list-item {\n\t\tpadding: 1em 1em 1em 0;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr;\n\t\tgrid-template-areas:\n\t\t\t\"type\"\n\t\t\t\"value\";\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-experiment-tested-url-with-query-args-scope__list {\n\tpadding-left: 2em;\n\tlist-style: disc;\n\n\tcode {\n\t\tbackground: none;\n\t\tcolor: colors.$color__text-green;\n\t\tpadding: 0;\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-edit-experiment-php-scope {\n\n\t&__snippet {\n\t\twidth: 100%;\n\t\toverflow: auto;\n\t\tmax-height: 15em;\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","@use \"~admin-stylesheets/colors\";\n\n.nab-results-experiment-sidebar__no-quota-warning {\n\tbackground: colors.$color__background-red;\n\tdisplay: flex;\n\tgap: 0.5em;\n\tcolor: #fff;\n\tbox-sizing: border-box;\n\tpadding: 1em;\n\twidth: calc(100%);\n}\n","@use \"~admin-stylesheets/breakpoints\";\n\n.nab-evolution-section {\n\n\t&__header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\n\t\t.components-base-control__label {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__title {\n\t\tdisplay: inline-block;\n\t\tmargin: 0;\n\t}\n\n\tsvg#{&}__title-icon {\n\t\ttransform: translateY(3px);\n\t}\n\n\t$graphic-height: 20em;\n\n\t&__timeline-selector {\n\t\tmargin-left: 1em;\n\t}\n\n\t&__timeline-graphic {\n\t\theight: $graphic-height;\n\t}\n\n\t&__page-views-and-conversions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tfloat: right;\n\t\theight: 1.2em;\n\t\tmargin: 0;\n\t\tmargin-top: 3px;\n\t\tpadding: 0;\n\t}\n\n\t&__comparison-and-improvement-graphics {\n\t\tmargin-top: 3em;\n\t}\n\n\t&__comparison-graphic,\n\t&__improvement-graphic {\n\t\theight: $graphic-height;\n\n\t\t@include breakpoints.break-wide {\n\t\t\twidth: calc(50% - 1em);\n\t\t}\n\t}\n\n\t@include breakpoints.break-wide {\n\n\t\t&__comparison-and-improvement-graphics {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n\n\t/* stylelint-disable-next-line */\n\t&__page-views-and-conversions {\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t&__label {\n\t\tmargin-left: 1em;\n\t\ttext-transform: uppercase;\n\t}\n\n\t&__value {\n\t\tfont-size: 1.2em;\n\t\tfont-weight: 700;\n\t\tmargin: 0 0.2em;\n\t}\n\n\t&__conversion-rate {\n\t\tvertical-align: top;\n\t}\n}\n","@use \"~admin-stylesheets/breakpoints\";\n@use \"~admin-stylesheets/colors\";\n\n$screenshot-width: 14;\n$screenshot-height: 8.5;\n\nsvg.nab-alternative-section__title-icon {\n\ttransform: translateY(3px);\n}\n\n.nab-alternative-list {\n\tdisplay: block;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\n\t&__alternative {\n\t\tborder: 1px solid colors.$color__border-editor-light;\n\t\tbox-sizing: border-box;\n\t\tflex: 1;\n\t\tmargin: 0.5em;\n\t\tmax-width: none;\n\t\tpadding: 0;\n\t\tposition: relative;\n\t\ttransition:\n\t\t\tborder-color 200ms ease-in-out,\n\t\t\tbox-shadow 200ms ease-in-out;\n\t}\n\n\t&__alternative--winner {\n\t\tborder-color: colors.$color__experiment-winner;\n\t\tbox-shadow: 0 2px 10px 0 colors.$color__box-shadow;\n\t}\n\n\t@include breakpoints.break-xlarge {\n\t\tdisplay: flex;\n\n\t\t&__alternative {\n\t\t\tmin-width: calc(50% - 1em);\n\t\t\tmax-width: calc(50% - 1em);\n\t\t}\n\t}\n}\n\n.nab-alternative-metric {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: 1em;\n\tfont-size: 1em;\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t&__value {\n\t\tfont-weight: 700;\n\t\ttext-align: right;\n\n\t\t&--better {\n\t\t\tcolor: colors.$color__experiment-winner;\n\t\t\tfont-size: smaller;\n\t\t\tpadding-left: 5px;\n\t\t}\n\n\t\t&--worse {\n\t\t\tcolor: colors.$color__experiment-testing;\n\t\t\tfont-size: smaller;\n\t\t\tpadding-left: 5px;\n\t\t}\n\t}\n\n\tsvg {\n\t\theight: 12px;\n\t}\n}\n\n.nab-alternative {\n\n\t&__name-link > svg,\n\t&__screenshot-link > svg {\n\t\tdisplay: none;\n\t}\n\n\t&__winner-medal {\n\t\tclip-path: inset(0.15em);\n\t\tfont-size: 50px;\n\t\theight: 1em;\n\t\tmargin: -0.15em;\n\t\tposition: absolute;\n\t\tright: 4px;\n\t\ttop: 1px;\n\t\twidth: 1em;\n\n\t\trect {\n\t\t\tfill: transparent !important;\n\t\t}\n\t}\n\n\t&__title {\n\t\tborder-bottom: 1px solid #eee;\n\t\tfont-size: 0.9rem;\n\t\tmargin: 0;\n\t\tmargin-bottom: 1em;\n\t\toverflow: hidden;\n\t\tpadding: 0.5em;\n\t\ttext-overflow: ellipsis;\n\t\ttransition:\n\t\t\tbackground-color 200ms ease-in-out,\n\t\t\tcolor 200ms ease-in-out;\n\t\twhite-space: nowrap;\n\n\t\t&--winner {\n\t\t\tbackground: colors.$color__experiment-winner;\n\t\t\tborder-color: transparent;\n\t\t\tcolor: #fff;\n\t\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);\n\t\t\tpadding-right: 2.5em;\n\n\t\t\ta {\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\tmargin: 0;\n\t\tpadding: 0 1em 1em;\n\n\t\t@include breakpoints.break-wide {\n\t\t\tflex-direction: row;\n\t\t}\n\t}\n\n\t&__actions {\n\t\tmargin: 0;\n\t\tpadding: 0.5em;\n\t\tborder-top: 1px solid colors.$color__border-editor-light;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: 0.5em;\n\t\tjustify-content: flex-end;\n\n\t\t.components-button,\n\t\t.button {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin-left: 0.5em;\n\n\t\t\tsvg {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__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\tfont-size: 0.9rem;\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$colors: (\n\t\tcolors.$color__background-alternative-a,\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);\n\t$i: 1;\n\n\t@each $color in $colors {\n\t\t.nab-alternative-list__alternative:nth-child(6n + #{$i}) &__letter {\n\t\t\tbackground: $color;\n\t\t}\n\t\t$i: $i + 1;\n\t}\n\n\t&__screenshot-link {\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\t}\n\n\t&__screenshot-wrapper {\n\t\tmargin-bottom: 1em;\n\t\ttext-align: center;\n\n\t\t.nab-alternative__screenshot-link {\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.components-external-link__icon {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include breakpoints.break-wide {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t&__screenshot {\n\t\tborder: 1px solid colors.$color__border-light;\n\t\tgrid-area: screenshot;\n\t\theight: ($screenshot-height) * 1em;\n\t\tmargin: 0;\n\t\tmargin-right: 0;\n\t\twidth: $screenshot-width * 1em;\n\t}\n\n\t&__metrics {\n\t\tflex-grow: 1;\n\t\tpadding-left: 1em;\n\t}\n}\n\n.nab-alternative__metrics--condensed .nab-alternative-metric {\n\tmargin-bottom: 0.6em;\n}\n","@use \"~admin-stylesheets/colors\";\n\nsvg.nab-goal-section__title-icon {\n\ttransform: translateY(3px);\n}\n\n.nab-goal-section__content {\n\tborder: 1px solid colors.$color__border-editor-light;\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n}\n\n.nab-current-goal-info {\n\tpadding: 1em;\n\twidth: 100%;\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&__item--is-active button,\n\t&__item--is-active button:disabled {\n\t\tcolor: colors.$color__text;\n\t\tfont-weight: 400;\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@use \"~admin-stylesheets/icons\";\n\n.nab-conversion-action {\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\tmargin-bottom: 1em;\n\n\t\tcode {\n\t\t\tbackground: none;\n\t\t\tcolor: colors.$color__text-green;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t&__view:last-of-type {\n\t\tmargin-bottom: 0;\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.6em;\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\n\t\t.dashicons-editor-help {\n\t\t\tmargin-top: -1px;\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\nsvg.nab-segmentation-section__title-icon {\n\ttransform: translateY(3px);\n}\n\n.nab-segmentation-section__content {\n\tborder: 1px solid colors.$color__border-editor-light;\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n}\n\n.nab-current-segment-info {\n\tpadding: 1em;\n\twidth: 100%;\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&__item--is-active button,\n\t&__item--is-active button:disabled {\n\t\tcolor: colors.$color__text;\n\t\tfont-weight: 400;\n\t\topacity: 1;\n\t}\n\n\t&__item button:focus {\n\t\tbox-shadow: none;\n\t}\n}\n",".nab-export-modal {\n\twidth: 100%;\n\tmax-width: 45em;\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t}\n\n\t&__section {\n\t\tmargin-bottom: 2em;\n\n\t\t&-name {\n\t\t\tfont-size: 1.15em;\n\t\t\tfont-weight: 700;\n\t\t\tmargin-bottom: 0.5em;\n\t\t}\n\n\t\t&-options--checkboxes {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t\tgap: 0 1em;\n\t\t}\n\n\t\t&-options--selects {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0 1em;\n\n\t\t\t> * {\n\t\t\t\tflex: 1 1 0px;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}