{"version":3,"file":"css/./experiment-list-page.css","mappings":";;;AAAA;;EAAA;AAaA;;EAAA;ACTA;EACC;EACA;AAGD;AAAA;EACC;AAGD;ADkCC;ECtCD;IAIE;IACA;EAIA;AACF;AADA;EACC;AAID;AADA;AACA;EACC;AAID;AADA;AACA;EACC;AAID;AADA;EACC;AAID;ADUC;ECfD;IAIE;IACA;IACA;EAKA;AACF;AAFA;EACC,mBChB2B;EDiB3B;EACA;EACA,cC1BoB;ED2BpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;GAAA;AAOD;AAFC;EACC,mBCjC0B;EDkC1B,qBClC0B;EDmC1B,WC9CkB;ADkDpB;AADC;EACC,mBCrCsB;EDsCtB,qBCtCsB;EDuCtB,WCpDkB;ADuDpB;AAAC;EACC,mBC5CqB;ED6CrB,qBC7CqB;ED8CrB,WC1DkB;AD4DpB;AACC;EACC;EACA,mBCnDqB;EDoDrB;EAUA;EACA,qBC/DqB;EDgErB,WC5EkB;ED6ElB,4CCxEgB;ADgElB;AAUE;EACC;EACA;AARH;AAUG;EACC;EACA;AARJ;AAaC;EACC,mBChEwB;EDiExB,qBCjEwB;EDkExB,WC7FkB;ADkFpB;AAcC;EACC,mBCnFmB;EDoFnB,qBCpFmB;EDqFnB,WCnGkB;ADuFpB;AAgBA;EACC;AAbD;AAeC;EACC;AAbF;AAoBA;EAEC;IACC;EAlBA;EAqBD;IACC;EAnBA;AACF,C","sources":["webpack://nab/./assets/src/admin/stylesheets/_breakpoints.scss","webpack://nab/./assets/src/admin/pages/experiment-list/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss"],"sourcesContent":["/**\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 \"sass:color\";\n@use \"~admin-stylesheets/breakpoints\";\n@use \"~admin-stylesheets/colors\";\n\nspan.nab-experiment__icon svg {\n\theight: 24px;\n\twidth: 24px;\n}\n\nth#type {\n\tdisplay: none;\n\n\t@include breakpoints.break-medium {\n\t\tdisplay: table-cell;\n\t\twidth: 3em;\n\t}\n}\n\nth#status {\n\twidth: 10em;\n}\n\n/* stylelint-disable-next-line */\nth#nab_page_views {\n\twidth: 10em;\n}\n\n/* stylelint-disable-next-line */\nth#nab_date {\n\twidth: 12em;\n}\n\ntd.type.column-type {\n\tdisplay: none !important;\n\n\t@include breakpoints.break-medium {\n\t\tdisplay: table-cell !important;\n\t\tfont-size: 2em;\n\t\tpadding-top: 2px;\n\t}\n}\n\n.nab-experiment__status {\n\tbackground: colors.$nab-background-light-grey;\n\tborder: 1px solid colors.$nab-border;\n\tborder-radius: 2px;\n\tcolor: colors.$nab-text-dark-grey;\n\tdisplay: inline-block;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tmargin-left: 0.2em;\n\tmargin-top: 0.2em;\n\tpadding: 0.5em 0.8em;\n\ttext-decoration: none;\n\ttext-shadow: none;\n\n\t/*\n\t&--draft {\n\t}\n\t*/\n\n\t&--paused {\n\t\tbackground: colors.$nab-background-metal-blue;\n\t\tborder-color: colors.$nab-background-metal-blue;\n\t\tcolor: colors.$nab-text-inverted;\n\t}\n\n\t&--ready {\n\t\tbackground: colors.$nab-background-orange;\n\t\tborder-color: colors.$nab-background-orange;\n\t\tcolor: colors.$nab-text-inverted;\n\t}\n\n\t&--scheduled {\n\t\tbackground: colors.$nab-background-green;\n\t\tborder-color: colors.$nab-background-green;\n\t\tcolor: colors.$nab-text-inverted;\n\t}\n\n\t&--running {\n\t\tanimation: nab-experiment__running-animation 2s linear infinite;\n\t\tbackground: colors.$nab-background-green;\n\t\tbackground-image: linear-gradient(\n\t\t\t-45deg,\n\t\t\tcolors.$nab-experiment-running-overlay 25%,\n\t\t\ttransparent 25%,\n\t\t\ttransparent 50%,\n\t\t\tcolors.$nab-experiment-running-overlay 50%,\n\t\t\tcolors.$nab-experiment-running-overlay 75%,\n\t\t\ttransparent 75%,\n\t\t\ttransparent\n\t\t);\n\t\tbackground-size: 35px 35px;\n\t\tborder-color: colors.$nab-background-green;\n\t\tcolor: colors.$nab-text-inverted;\n\t\ttext-shadow: colors.$nab-text-shadow;\n\n\t\t&-with-no-quota {\n\t\t\tanimation: none;\n\t\t\tbackground-image: none;\n\n\t\t\t> .dashicons {\n\t\t\t\tmargin-right: 3px;\n\t\t\t\tfont-size: 1.5em;\n\t\t\t}\n\t\t}\n\t}\n\n\t&--finished {\n\t\tbackground: colors.$nab-experiment-finished;\n\t\tborder-color: colors.$nab-experiment-finished;\n\t\tcolor: colors.$nab-text-inverted;\n\t}\n\n\t&--trash {\n\t\tbackground: colors.$nab-background-red;\n\t\tborder-color: colors.$nab-background-red;\n\t\tcolor: colors.$nab-text-inverted;\n\t}\n}\n\n.nab-quota-meter {\n\tmargin-bottom: 1em;\n\n\t&__bar-container {\n\t\tbackground-color: color.adjust(\n\t\t\tcolors.$nab-background-light-grey,\n\t\t\t$lightness: -10%\n\t\t);\n\t}\n}\n\n@keyframes nab-experiment__running-animation {\n\n\t0% {\n\t\tbackground-position: 0 0;\n\t}\n\n\t100% {\n\t\tbackground-position: 35px 35px;\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"],"names":[],"sourceRoot":""}