{"version":3,"file":"css/./product-experiment-management.css","mappings":";;;AAEA;EACC;EACA;EACA;AADD;;AAIA;EACC;EACA;EACA;AADD;;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIC;EACC;EACA;AAFF;;AAMA;EACC;AAHD;;AAKC;EACC;EACA;EACA;EACA;AAHF;;AAOA;EACC;AAJD;;AAMC;EACC;EACA;EACA;EACA;AAJF;;AAOC;EACC;EACA;AALF;;AAQC;EACC;EACA;EACA;EACA;AANF;;AAQE;EACC;AANH;;AAWA;EACC;EACA;EACA;EACA;AARD;;AAUC;EACC;AARF;;AAWC;EACC;EACA,WChEkB;EDiElB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEACC;EAED;AAXF;;AAyBE;EACC,mBAZO;AAXV;;AAsBE;EACC,mBAZO;AARV;;AAmBE;EACC,mBAZO;AALV;;AAgBE;EACC,mBAZO;AAFV;;AAaE;EACC,mBAZO;AACV;;AAUE;EACC,mBAZO;AAIV,C;;;;AEvGA;EACC;EACA;AACD;AACC;EACC;AACF;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;AAAF;AAEE;EACC,iDACC;AADJ;AAMC;ECvBD;EAAA;EDwBE;AAJF;AAGC;ECvBD;EAAA;EAAA;ADoBA;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACC;EACA;KAAA;EACA;AALH;AASC;EACC;EACA;EACA;AAPF;AASE;EACC;AAPH,C","sources":["webpack://nab/./includes/hooks/woocommerce/experiments/product/editor/assets/experiment-summary/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss","webpack://nab/./includes/hooks/woocommerce/experiments/product/editor/assets/product-data-metabox/style.scss","webpack://nab/<no source>"],"sourcesContent":["@use \"~admin-stylesheets/colors\";\n\n#nab-experiment-summary .spinner.is-active {\n\tdisplay: block;\n\tfloat: none;\n\tmargin: 0 auto 10px;\n}\n\n.nab-test-panel {\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\n\t&__icon {\n\t\tborder-radius: 50%;\n\t\tborder: 1px solid colors.$nab-border-light;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tfont-size: 2em;\n\t\theight: 1em;\n\t\tline-height: 1;\n\t\tmargin-right: 5px;\n\t\tpadding: 8px;\n\t\twidth: 1em;\n\t}\n\n\t&__name {\n\t\tfont-size: 1em;\n\t\tmargin-left: 5px;\n\t}\n}\n\n.nab-variants-panel {\n\tdisplay: block;\n\n\t&__title {\n\t\tdisplay: block;\n\t\tfont-weight: 600 !important;\n\t\tmargin-bottom: 1em !important;\n\t\tpadding: 0 !important;\n\t}\n}\n\n.nab-content-panel {\n\tdisplay: block;\n\n\t&__title {\n\t\tdisplay: block;\n\t\tfont-weight: 600 !important;\n\t\tmargin-bottom: 1em !important;\n\t\tpadding: 0 !important;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 5px;\n\t}\n\n\t&__actions {\n\t\talign-items: baseline;\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: 1em;\n\n\t\t.is-link {\n\t\t\tmargin-right: 5px;\n\t\t}\n\t}\n}\n\n.nab-alternative {\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\tmargin-bottom: 0.5em;\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t&__letter {\n\t\tborder-radius: 50%;\n\t\tcolor: colors.$nab-text-inverted;\n\t\tdisplay: block;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 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.5em;\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.$nab-background-alternative-a,\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);\n\t$i: 1;\n\n\t@each $color in $colors {\n\t\t.nab-variants-panel &:nth-child(6n + #{$i}) &__letter {\n\t\t\tbackground: $color;\n\t\t}\n\t\t$i: $i + 1;\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",".nab-product-data {\n\tmax-width: 50em;\n\tmargin: 0 auto;\n\n\t&__variation:not(:first-child) {\n\t\tmargin-top: 2.5em;\n\t}\n\n\t&__variation-data {\n\t\tdisplay: grid;\n\t\tflex-direction: row;\n\t\tgap: 1em;\n\t\tmargin-top: 0.5em;\n\t\tgrid-template-columns: 6.5em 1fr;\n\t\tgrid-template-areas: \"image desc\";\n\n\t\t&--has-pricing {\n\t\t\tgrid-template-areas:\n\t\t\t\t\"image pricing\"\n\t\t\t\t\"desc  desc\";\n\t\t}\n\t}\n\n\t&__variation-description {\n\t\tgrid-area: desc;\n\t}\n\n\t&__variation-image-action {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tline-height: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: auto;\n\n\t\t> * {\n\t\t\theight: 80px;\n\t\t\tobject-fit: cover;\n\t\t\twidth: 80px;\n\t\t}\n\t}\n\n\t&__pricing {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 1em;\n\n\t\t> * {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}