{"version":3,"file":"css/./css-selector-finder.css","mappings":";;;AAEA;EACC;AADD;;AAIA;;;;EAIC;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD;;AAIA;;EAEC;EACA;EACA;EACA;EACA;AADD;;AAGC;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAIG;;EACC;AADJ;;AAIG;;EACC;AADJ;;AAOA;EACC;EACA;AAJD;;AAMC;EACC;AAJF;;AAME;EACC;AAJH;;AAQC;EACC;AANF;;AAUA;EACC;EACA;EACA;EACA;EACA;AAPD;;AASC;EACC;EACA;AAPF;;AAWA;EACC;EACA;EACA;EACA;EACA;AARD;;AAaC;EACC;EACA;EACA;EACA;EACA;EACA,mBCpF0B;EDqF1B;EACA;EACA;EACA;EACA;EACA,cCpGS;EDqGT,qDACC;EAGD;EACA,yFACC;AAdH;;AAkBC;EACC;EACA;EACA;EACA;EACA;AAhBF;;AAkBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA,oDACC;EAID;AApBH;;AAsBG;EACC,gBC5HmB;ADwGvB;;AAuBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;AAtBJ;;AAyBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;AAxBJ;;AA2BG;EACC,uBCrKmB;AD4IvB;;AA4BG;EACC,yBCvKuB;ED0KvB;AA1BJ;;AA6BG;EACC,sBChLmB;EDiLnB;AA3BJ;;AA8BG;EACC,0BCnLuB;ADuJ3B;;AA+BG;EACC,uBCzLmB;AD4JvB;;AAgCG;EACC;EACA;EACA;EACA;EACA;EACA;AA9BJ,C","sources":["webpack://nab/./assets/src/admin/scripts/css-selector-finder/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss"],"sourcesContent":["@use \"~admin-stylesheets/colors\";\n\na.nab-disabled-link {\n\tcursor: not-allowed;\n}\n\nbody.nab-hovering,\nbody.nab-hovering *,\nbody.nab-hovering > *,\nbody.nab-hovering * > * {\n\tcursor: default;\n}\n\nbody {\n\t--nab-highlight-bg: #{colors.$nab-css-selector-highlight-background};\n\t--nab-highlight-border: #{colors.$nab-css-selector-highlight-border};\n\t--nab-breadcrumb-highlight-bg: #{colors.$nab-css-selector-breadcrumb-highlight-background};\n\t--nab-breadcrumb-highlight-border: #{colors.$nab-css-selector-breadcrumb-highlight-border};\n}\n\nbody.nab-hovering {\n\t--nab-highlight-bg: #{colors.$nab-css-selector-highlight-hovered-background};\n\t--nab-highlight-border: #{colors.$nab-css-selector-highlight-hovered-border};\n\t--nab-hovered-bg: var(--nab-highlight-bg);\n\t--nab-hovered-border: var(--nab-highlight-border);\n}\n\n.nab-highlight,\n.nab-hovered {\n\tbackground: var(--nab-highlight-bg);\n\tborder: 2px solid var(--nab-highlight-border);\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tpointer-events: none;\n\n\t&__tooltip {\n\t\tdisplay: block;\n\t\tbackground: var(--nab-highlight-border) !important;\n\t\tcolor: colors.$nab-text-inverted !important;\n\t\tleft: -2px;\n\t\tpadding: 3px 10px;\n\t\tposition: absolute !important;\n\t\toverflow: hidden !important;\n\t\tline-height: 18px !important;\n\t\tletter-spacing: 0 !important;\n\t\tword-spacing: 0 !important;\n\t\ttransform: none !important;\n\t\twhite-space: nowrap !important;\n\t\tmax-width: 100% !important;\n\t\ttext-overflow: ellipsis !important;\n\t\tfont-size: 12px;\n\n\t\t&-text {\n\n\t\t\t&::after {\n\t\t\t\tcontent: var(--nab-selector-name);\n\t\t\t}\n\n\t\t\t&:hover::after {\n\t\t\t\tcontent: var(--nab-selector);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.nab-highlight {\n\tz-index: 99999997;\n\ttransition: opacity 0.25s ease-in-out;\n\n\t&--secondary {\n\t\tborder: 2px dashed var(--nab-highlight-border);\n\n\t\t.nab-highlight__tooltip {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&--hidden {\n\t\topacity: 0;\n\t}\n}\n\n.nab-hovered {\n\tbackground: var(--nab-hovered-bg);\n\tborder: 1px solid var(--nab-hovered-border);\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 99999998;\n\n\t&__tooltip {\n\t\tbackground: var(--nab-hovered-border) !important;\n\t\tleft: -1px;\n\t}\n}\n\n.nab-breadcrumb-highlight {\n\tbackground: var(--nab-breadcrumb-highlight-bg);\n\tborder: 1px solid var(--nab-breadcrumb-highlight-border);\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.nab-breadcrumbs {\n\n\t&-container {\n\t\tposition: fixed;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\theight: 30px;\n\t\twidth: auto;\n\t\tbackground: colors.$nab-background-light-grey;\n\t\tborder-radius: 0 8px 0 0;\n\t\toverflow: hidden;\n\t\tz-index: 99999999;\n\t\tfont-size: 12px;\n\t\tline-height: 30px;\n\t\tcolor: colors.$nab-text;\n\t\ttransition:\n\t\t\tcolor 0.2s,\n\t\t\theight 0.2s,\n\t\t\tline-height 0.2s;\n\t\tmax-width: 80% !important;\n\t\tbox-shadow:\n\t\t\t0 0 4px 4px colors.$nab-box-shadow,\n\t\t\t0 0 4px 1px colors.$nab-box-shadow !important;\n\t}\n\n\t&-list {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tcursor: pointer !important;\n\n\t\t&-item {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\tmin-width: 0;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: 15px 8px;\n\t\t\tpadding-left: 18px;\n\t\t\ttransition:\n\t\t\t\tflex 0.2s 0.1s,\n\t\t\t\tbackground-position 0.2s,\n\t\t\t\t-webkit-box-flex 0.2s 0.1s,\n\t\t\t\t-ms-flex 0.2s 0.1s;\n\t\t\tcursor: pointer !important;\n\n\t\t\t&--selected {\n\t\t\t\tbackground: colors.$nab-background-white;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0;\n\t\t\t\tborder-left: 6px solid colors.$nab-border-light;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -1px;\n\t\t\t\tmargin-left: 1px;\n\t\t\t\tz-index: 1;\n\t\t\t\t-webkit-transition: border-width 0.2s;\n\t\t\t\t-o-transition: border-width 0.2s;\n\t\t\t\ttransition: border-width 0.2s;\n\n\t\t\t\tborder-top: 17px solid transparent;\n\t\t\t\tborder-bottom: 17px solid transparent;\n\t\t\t\tleft: 100%;\n\t\t\t\tcontent: \" \";\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0;\n\t\t\t\tborder-left: 6px solid colors.$nab-background-light-grey;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -1px;\n\t\t\t\tz-index: 2;\n\t\t\t\t-webkit-transition: border-width 0.2s;\n\t\t\t\t-o-transition: border-width 0.2s;\n\t\t\t\ttransition: border-width 0.2s;\n\n\t\t\t\tborder-top: 17px solid transparent;\n\t\t\t\tborder-bottom: 17px solid transparent;\n\t\t\t\tleft: 100%;\n\t\t\t\tcontent: \" \";\n\t\t\t}\n\n\t\t\t&--selected::after {\n\t\t\t\tborder-left-color: colors.$nab-background-white;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: colors.$nab-background-dark-grey;\n\t\t\t\t-webkit-box-flex: 0;\n\t\t\t\t-ms-flex: 0 0 auto;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t}\n\n\t\t\t&--selected:hover {\n\t\t\t\tbackground-color: colors.$nab-background-white;\n\t\t\t\tcursor: default !important;\n\t\t\t}\n\n\t\t\t&:hover::after {\n\t\t\t\tborder-left-color: colors.$nab-background-dark-grey;\n\t\t\t}\n\n\t\t\t&--selected:hover::after {\n\t\t\t\tborder-left-color: colors.$nab-background-white;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tpadding-right: 12px;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tcursor: pointer !important;\n\t\t\t}\n\t\t}\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":""}