{"version":3,"file":"css/./overview-page.css","mappings":";;;AAGA;EACC;AAFD;;AAQA;EACC;AALD,C;;;;ACDA;EACC,gBCoBsB;EDnBtB;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AALD;AAOC;EACC;EACA,gBCOqB;EDNrB;AALF;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;AANF;AASC;EACC;EACA;EACA;EACA;EACA;AAPF;AAUC;EACC;EACA;EACA;EACA;EACA;EACA;AARF;AAWC;EACC;EACA;AATF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAaC;EACC;EACA;EACA;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;AAcE;EACC,yBCnDyB;ADuC5B;AAeE;EACC,sBC1CsB;AD6BzB;AAgBE;EACC,yBC7C8B;AD+BjC;AAiBE;EACC,yBChDqB;ADiCxB;AAmBC;EACC;EACA;EACA;EACA;EACA;AAjBF;AAoBC;EACC;EACA;EACA;EACA;EACA;EACA;AAlBF;AAqBC;EACC;EACA;EACA;EACA;EACA;EACA;AAnBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AApBF;AAuBC;EACC;EACA;EACA;EACA,cCrHoB;EDsHpB;EACA;EACA;EACA;EACA;AArBF;AAwBC;EACC;EACA;EACA;AAtBF;AAyBC;EACC;EACA;EACA;EACA;AAvBF,C;;;;AEjIA;EACC,mBD6BoB;EC5BpB,WDcmB;ECbnB;EACA;EACA;EACA;AADD,C;;;;ACFA;EACC,gBFoBsB;EEnBtB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AALD;AAOC;EACC;EACA,gBFMqB;EELrB;AALF;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AANF;AASC;EACC;EACA;AAPF;AAUC;EACC;EACA;EACA;EACA;EACA;AARF;AAWC;EACC;EACA;EACA;EACA;AATF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAaC;EACC;EACA;EACA;EACA;EACA;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;EACA;EACA;AAZF;AAeC;EACC;EACA;EACA;EACA;EACA;EACA;AAbF;AAgBC;EACC;EACA;EACA;EACA,cF1EoB;EE2EpB;EACA;EACA;EACA;AAdF;AAiBC;EACC;EACA;EACA;EACA,cFpFmB;AEqErB,C;;;;ACzFA;;EAAA;AAaA;;EAAA;ACXA;EACC;EACA;AAKD;ADiBC;ECxBD;IAKE;IACA;IACA;EAMA;EAJA;IACC;EAMD;AACF;AAFA;EACC;EACA;EACA;AAKD;AAFA;EACC;EACA;EACA;AAKD,C","sources":["webpack://nab/./assets/src/admin/pages/overview/style.scss","webpack://nab/./assets/src/admin/pages/overview/components/alternative-experiment/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss","webpack://nab/./assets/src/admin/pages/overview/components/no-quota-warning/style.scss","webpack://nab/./assets/src/admin/pages/overview/components/heatmap-experiment/style.scss","webpack://nab/./assets/src/admin/stylesheets/_breakpoints.scss","webpack://nab/./assets/src/admin/pages/overview/components/overview-experiments-list/style.scss"],"sourcesContent":["@use \"sass:color\";\n@use \"~admin-stylesheets/colors\";\n\n.nab-quota-meter__bar-container {\n\tbackground-color: color.adjust(\n\t\tcolors.$nab-background-light-grey,\n\t\t$lightness: -10%\n\t);\n}\n\n.experiment-overview__container .components-spinner {\n\tfloat: none;\n}\n","@use \"~admin-stylesheets/colors\";\n\n$screenshot-width: 14;\n$screenshot-height: 12;\n\n.nab-experiment {\n\tbackground: colors.$nab-background-white;\n\tborder-radius: 2px;\n\tbox-shadow: 0 1px 1px 0 colors.$nab-box-shadow;\n\tmargin-bottom: 1em;\n\tpadding: 1em;\n\toverflow: hidden;\n\n\theight: auto;\n\tposition: relative;\n\ttransition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t&:hover {\n\t\tbox-shadow: 0 2px 10px 0 colors.$nab-box-shadow;\n\t\tbackground: colors.$nab-background-white;\n\t\ttransition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t&__link {\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&__goals {\n\t\tcursor: pointer;\n\t\ttext-align: center;\n\t\tdisplay: inline-block;\n\t\tmargin-left: 0.5em;\n\t\tz-index: 2;\n\t}\n\n\t&__goal-switch {\n\t\tdisplay: inline-block;\n\t\theight: auto;\n\t\tmin-width: 0 !important;\n\t\tpadding: 0 !important;\n\t\tposition: relative;\n\t\twidth: auto;\n\t}\n\n\t&__header {\n\t\tposition: relative;\n\t\tmargin-bottom: 3px;\n\t}\n\n\t&__title {\n\t\tpadding: 0.5em 1.5em 0 0 !important;\n\t\tfont-size: 1.1em !important;\n\t\tfont-weight: 600 !important;\n\t\tmargin-top: -10px !important;\n\t\tline-height: 1.5 !important;\n\t}\n\n\t&__icon {\n\t\tfont-size: 20px;\n\t\tvertical-align: text-top;\n\t\tmargin-right: 5px;\n\t\twidth: 1em;\n\t}\n\n\t&__status {\n\t\tposition: absolute;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 50%;\n\t\ttop: 10px;\n\t\tright: 0;\n\t\tz-index: 2;\n\t\ttransition: background-color 200ms ease-in-out;\n\n\t\t&--loading {\n\t\t\tbackground-color: colors.$nab-background-metal-blue;\n\t\t}\n\n\t\t&--testing {\n\t\t\tbackground-color: colors.$nab-experiment-testing;\n\t\t}\n\n\t\t&--possible-winner {\n\t\t\tbackground-color: colors.$nab-experiment-possible-winner;\n\t\t}\n\n\t\t&--winner {\n\t\t\tbackground-color: colors.$nab-experiment-winner;\n\t\t}\n\t}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\tmargin-top: 0.5em;\n\t}\n\n\t&__screenshot {\n\t\tborder: 1px solid colors.$nab-border-light;\n\t\tgrid-area: screenshot;\n\t\theight: ($screenshot-height - 0.5) * 1em;\n\t\tmargin: 0;\n\t\tmargin-right: 0;\n\t\twidth: $screenshot-width * 1em;\n\t}\n\n\t&__data {\n\t\tmargin: 0;\n\t\tpadding: 0 1em;\n\t\tmin-height: 10em;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-around;\n\t}\n\n\t&__data-item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-width: 135px;\n\t\ttext-align: center;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-bottom: 8px;\n\t}\n\n\t&__data-measure {\n\t\tfont-size: 0.8em;\n\t\tdisplay: block;\n\t\ttext-transform: uppercase;\n\t\tcolor: colors.$nab-text-light-grey;\n\t\tfont-weight: 400;\n\t\torder: 2;\n\t\tline-height: 1.2;\n\t\tmargin-top: 5px;\n\t\twidth: 12em;\n\t}\n\n\t&__data-value {\n\t\tdisplay: block;\n\t\tfont-size: 2em;\n\t\tfont-weight: 600;\n\t}\n\n\t&__graphic {\n\t\tflex-grow: 1;\n\t\tmin-width: 20em;\n\t\tmin-height: 10em;\n\t\twidth: 0;\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","@use \"~admin-stylesheets/colors\";\n\n.nab-overview__no-quota-warning {\n\tbackground: colors.$nab-background-red;\n\tcolor: colors.$nab-text-inverted;\n\tbox-sizing: border-box;\n\tmargin: 1em -1em -1em -1em;\n\tpadding: 0.5em 1em;\n\twidth: calc(100% + 2em);\n}\n","@use \"~admin-stylesheets/colors\";\n\n$screenshot-width: 14;\n$screenshot-height: 12;\n\n.nab-heatmap {\n\tbackground: colors.$nab-background-white;\n\tborder-radius: 2px;\n\tbox-shadow: 0 1px 1px 0 colors.$nab-box-shadow;\n\tmargin-bottom: 1em;\n\tmargin-right: 1em;\n\tpadding: 1em;\n\toverflow: hidden;\n\n\theight: auto;\n\tposition: relative;\n\ttransition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t&:hover {\n\t\tbox-shadow: 0 2px 10px 0 colors.$nab-box-shadow;\n\t\tbackground: colors.$nab-background-white;\n\t\ttransition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t&__link {\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tz-index: 1;\n\t}\n\n\t&__header {\n\t\tposition: relative;\n\t\tmargin-bottom: 3px;\n\t}\n\n\t&__title {\n\t\tpadding: 0.5em 1.5em 0 0 !important;\n\t\tfont-size: 1.1em !important;\n\t\tfont-weight: 600 !important;\n\t\tmargin-top: -10px !important;\n\t\tline-height: 1.5 !important;\n\t}\n\n\t&__icon {\n\t\tfont-size: 20px;\n\t\tvertical-align: text-top;\n\t\tmargin-right: 5px;\n\t\twidth: 1em;\n\t}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tmargin-top: 0.5em;\n\t}\n\n\t&__screenshot {\n\t\tborder: 1px solid colors.$nab-border-light;\n\t\tgrid-area: screenshot;\n\t\theight: ($screenshot-height - 0.5) * 1em;\n\t\tmargin: 0;\n\t\tmargin-right: 0;\n\t\twidth: $screenshot-width * 1em;\n\t}\n\n\t&__data {\n\t\tmargin: 0;\n\t\tpadding: 0 1em;\n\t\tmin-height: 10em;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-around;\n\t}\n\n\t&__data-item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-width: 135px;\n\t\ttext-align: center;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t&__data-measure {\n\t\tfont-size: 0.8em;\n\t\tdisplay: block;\n\t\ttext-transform: uppercase;\n\t\tcolor: colors.$nab-text-light-grey;\n\t\tfont-weight: 400;\n\t\torder: 2;\n\t\tline-height: 1.2;\n\t\tmargin-top: 0.8em;\n\t}\n\n\t&__data-value {\n\t\tdisplay: block;\n\t\tfont-size: 2em;\n\t\tfont-weight: 600;\n\t\tcolor: colors.$nab-text-dark-grey;\n\t}\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","@use \"~admin-stylesheets/breakpoints\";\n\n.nab-experiments {\n\tdisplay: block;\n\tmargin-top: 1em;\n\n\t@include breakpoints.break-wide {\n\t\tdisplay: grid;\n\t\tgrid-column-gap: 1em;\n\t\tgrid-template-columns: 1fr 1fr;\n\n\t\t&--single {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\t}\n}\n\n.nab-heatmaps {\n\tmargin-top: 1em;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.nab-no-experiments {\n\tdisplay: block;\n\tmargin-top: 4em;\n\ttext-align: center;\n}\n"],"names":[],"sourceRoot":""}