{"version":3,"file":"css/./css-experiment-admin.css","mappings":";;;AAEA;EACC;EACA;EACA;AADD;;AAIA;EAGC;EACA;AAHD;;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAbe;AAUjB;;AAKE;EACC;AAHH;;AAOC;EACC,mBCLqB;EDMrB;EACA;EACA;EACA;EACA,iBA1Be;EA2Bf;EACA;EACA;EACA;EACA,6DACC;EAED;AAPF;;AASE;EACC;EACA;AAPH;;AAYA;EACC;EACA;EACA;AATD,C;;;;AE/BA;EAEC;IACC;ECfA;EDkBD;IACC;EChBA;EDmBD;IACC;ECjBA;AACF;AAPA;EACC;EACA;EACA,mBFqB2B;EEpB3B;AASD;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;AASF;AAPE;EACC;AASH;AALC;EACC;EACA;EACA;EACA;AAOF;AAJC;EACC;EACA;EACA;EACA;EACA;EACA;AAMF;AAHC;EACC;EACA;EACA;AAKF;AAHE;EAGC;AAGH;AACC;EACC;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EACC;AACH;AAGC;EACC;EACA;AADF;AAIC;EACC;EACA;EACA,cFpDoB;EEqDpB;EACA;AAFF;AAIE;;EAEC;AAFH;AAMC;EACC,gBFxDqB;EEyDrB;EACA;EACA;EACA;AAJF;AAME;;;EAGC;EACA;EACA;AAJH;AAQC;EACC,gBFxEqB;EEyErB;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACC;EACA;AANH;AASE;EACC,sBFtFoB;EEuFpB;EACA;AAPH;AAWC;EACC;EACA;EACA;EACA;EACA;AATF;AAWE;EACC;EACA;AATH;AAaC;EACC;AAXF;AAaE;EACC;EACA;EACA;EACA;AAXH;AAeC;EACC,gBFrHqB;EEsHrB;AAbF;AAgBC;EACC;EACA;EACA;EACA;AAdF;AAiBC;EACC;EACA;EACA;EACA;AAfF;AAiBE;EACC;EACA;AAfH;AAkBE;;EAEC,gBF7IoB;EE8IpB;EACA;EACA;EACA;AAhBH;AAqBG;;EAEC;EACA;AAnBJ;AAuBE;EACC;AArBH;AAyBC;EACC;EACA;EACA;EACA;AAvBF;AA0BC;EACC;EACA;AAxBF;AA0BE;EACC;EACA,sBF/KoB;AEuJvB,C;;;;AC7KC;EACC;EACA;EACA;EACA;AAHF;AAMC;EACC;AAJF;AAME;EACC;EACA;EACA;AAJH;AAOE;EACC;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;AANH;AAQG;EACC;EACA;EACA;EACA;EACA;AANJ;AAWC;EACC;AATF;AAWE;EACC;AATH;AAYE;EACC;AAVH;AAaE;EACC;AAXH;AAaG;EACC;EACA;EACA;EACA;AAXJ;AAgBC;EACC;AAdF;AAiBC;EACC;EACA;EACA;AAfF;AAkBC;;;;EAIC;EACA;EACA;AAhBF;AAmBC;;EAEC;EACA;EACA;EACA;AAjBF;AAmBE;;EACC;EACA;EACA;EACA;EACA;EACA,gBHtEoB;EGuEpB;EACA;EACA;EACA;EACA;EACA;EACA,cHtFQ;EGuFR;AAhBH;AAmBE;;EACC;EACA;EACA;AAhBH;AAoBC;EACC;EACA;AAlBF;AAuBE;EACC,mBH/FyB;EGgGzB,cHxGmB;AGmFtB;AAwBE;EACC;AAtBH;AAyBE;EACC;EACA;AAvBH;AA0BE;EACC,mBH7GyB;EG8GzB,cHtHmB;AG8FtB;AA4BI;EACC;EACA;AA1BL;AA6BI;EACC,gBHzHkB;AG8FvB;AAgCE;EACC;AA9BH;AAgCG;EACC;EACA;AA9BJ;AAkCE;EACC;EACA;AAhCH;AAmCE;EACC;AAjCH;AAoCE;EACC;AAlCH;AAsCC;EACC;EACA;AApCF;AAsCE;EACC,aHhKkB;AG4HrB;AA2CC;EACC;EACA;AAxCF;AA2CC;EACC;EACA;AAzCF;AA4CC;EACC;AA1CF;AA8CA;EACC;AA3CD;AAgDC;;EAEC;AA7CF;AAgDC;EACC;AA9CF;AAkDA;EACC;AA/CD,C;;;;AC5KA;EACC;EACA;EACA;AACD,C;;;;ACFA;EACC;EACA;EACA;AADD;AAKE;EACC;EACA;AAHH;AAKG;EACC;EACA;AAHJ;AAMG;EACC;EACA;AAJJ;AAMI;EACC;EACA,qDLjBqC;EKkBrC;EACA;EACA;AAJL;AAMK;EAEC;AALN;AAQK;EAEC;AAPN;AAUK;EACC,0DLjCoC;EKkCpC,2DL7B6C;AKqBnD;AAaG;;EAEC;AAXJ;AAcG;EACC;EACA;EACA;EACA;AAZJ;AAcI;EACC;EACA;AAZL;AAeI;EACC;AAbL;AAiBG;EACC,cL9CW;EK+CX;EACA;EACA;AAfJ;AAkBG;EACC;EACA;AAhBJ;AAmBG;EACC;AAjBJ;AAoBG;EACC;AAlBJ;AAoBI;EACC;EACA;AAlBL;AAsBG;EACC;AApBJ;AAsBI;EACC;EACA;AApBL;AAwBG;EACC;AAtBJ;AAyBG;EACC;AAvBJ;AA0BG;EACC;AAxBJ;AA6BC;EACC;EACA;AA3BF;AA6BE;EACC,aLpGkB;AKyErB,C;;;;AC7FA;EACC;EACA;EACA;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;AACF;AACE;EACC;EACA;AACH;AAEE;EACC;EACA;AAAH,C","sources":["webpack://nab/./includes/hooks/experiments/css/assets/admin/css-editor/components/layout/style.scss","webpack://nab/./assets/src/admin/stylesheets/_colors.scss","webpack://nab/./assets/src/admin/stylesheets/_variables.scss","webpack://nab/./includes/hooks/experiments/css/assets/admin/css-editor/components/sidebar/style.scss","webpack://nab/./includes/hooks/experiments/css/assets/admin/css-editor/components/visual-editor/style.scss","webpack://nab/./includes/hooks/experiments/css/assets/admin/css-editor/components/visual-editor/internal/wordpress/block-editor/components/border-radius-control/style.scss","webpack://nab/./includes/hooks/experiments/css/assets/admin/css-editor/components/content-editor/style.scss","webpack://nab/./includes/hooks/experiments/css/assets/admin/css-editor/components/preview/style.scss"],"sourcesContent":["@use \"~admin-stylesheets/colors\";\n\nbody {\n\tmargin: 0;\n\tpadding: 0;\n\toverflow: hidden;\n}\n\n.nab-css-editor {\n\t$sidebar-width: 26em;\n\n\theight: 100%;\n\twidth: 100vw;\n\n\t&__sidebar {\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransition: left 200ms ease-in-out;\n\t\twidth: $sidebar-width;\n\n\t\t&--is-collapsed {\n\t\t\tleft: -$sidebar-width;\n\t\t}\n\t}\n\n\t&__preview {\n\t\tbackground: colors.$nab-background-black;\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tmargin-left: $sidebar-width;\n\t\toverflow: hidden;\n\t\tpadding: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransition:\n\t\t\tmargin 200ms ease-in-out,\n\t\t\twidth 200ms ease-in-out;\n\t\twidth: calc(100% - #{$sidebar-width});\n\n\t\t&--is-fullscreen {\n\t\t\tmargin-left: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.nab-css-editor-sidebar__visibility-toggle {\n\tbottom: 13px;\n\tleft: 0;\n\tz-index: 1;\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","// 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/colors\";\n@use \"~admin-stylesheets/variables\";\n\n.nab-css-editor-sidebar {\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: colors.$nab-background-light-grey;\n\tborder-right: 1px solid colors.$nab-border-light;\n\n\t.components-button.is-link {\n\t\talign-items: center;\n\t\tbackground: none;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\tdisplay: flex;\n\t\ttext-decoration: none;\n\n\t\t&::-moz-focus-inner {\n\t\t\tborder: 0;\n\t\t}\n\t}\n\n\t&__header {\n\t\tborder-bottom: 1px solid colors.$nab-border-light;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tpadding: 0;\n\t}\n\n\t&__back-to-experiment {\n\t\talign-items: center;\n\t\tborder-right: 1px solid colors.$nab-border-light;\n\t\tdisplay: flex;\n\t\tflex-grow: 0;\n\t\tpadding-left: 0.8em;\n\t\tpadding-right: 0.8em;\n\t}\n\n\t&__back-to-experiment-link {\n\t\tline-height: 1;\n\t\tbox-shadow: none;\n\t\ttext-decoration: none;\n\n\t\t&:focus,\n\t\t&:active,\n\t\t&:hover {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t&__header-actions {\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tflex-direction: row;\n\t\tflex-grow: 1;\n\t\tjustify-content: flex-end;\n\t\tpadding: 0.5em;\n\n\t\t&__css-toggle {\n\t\t\tbox-shadow: none !important;\n\t\t}\n\t}\n\n\t&__save-info {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t&__saving-label {\n\t\talign-items: center;\n\t\tanimation: pulse 500ms infinite;\n\t\tcolor: colors.$nab-text-light-grey;\n\t\tdisplay: flex;\n\t\tpadding: 0 1.5em;\n\n\t\tsvg,\n\t\t.dashicons-cloud {\n\t\t\tmargin-right: 4px;\n\t\t}\n\t}\n\n\t&__body {\n\t\tbackground: colors.$nab-background-white;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\t\toverflow-y: auto;\n\n\t\t#tab-panel-1-css-editor-view,\n\t\t#tab-panel-1-visual-editor-view,\n\t\t#tab-panel-1-content-editor-view {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\toverflow-y: auto;\n\t\t}\n\t}\n\n\t.components-tab-panel__tabs {\n\t\tbackground: colors.$nab-background-white;\n\t\tborder-top: 0;\n\t\tdisplay: flex;\n\t\tpadding-left: 0;\n\t\ttop: 0;\n\t\tmargin-top: 0;\n\t\tborder-bottom: 1px solid colors.$nab-border-light;\n\n\t\t.components-button {\n\t\t\tborder-radius: 0;\n\t\t\theight: 50px;\n\t\t}\n\n\t\t.components-button:focus:not(:disabled) {\n\t\t\tbackground-color: colors.$nab-background-white;\n\t\t\tbox-shadow: inset 0 -3px colors.$wp-components-color-accent;\n\t\t\toutline: none;\n\t\t}\n\t}\n\n\t&__tab {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-grow: 1;\n\t\tline-height: 1;\n\t\tjustify-content: center;\n\n\t\t&--active {\n\t\t\tbox-shadow: inset 0 -3px colors.$wp-components-color-accent;\n\t\t\tfont-weight: 600;\n\t\t}\n\t}\n\n\t&__css-editor {\n\t\twidth: 100%;\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\t&__visual-editor {\n\t\tbackground: colors.$nab-background-white;\n\t\tflex-grow: 1;\n\t}\n\n\t&__footer {\n\t\tborder-top: 1px solid colors.$nab-border-light;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\twidth: 100%;\n\t}\n\n\t&__visibility-toggle {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-grow: 0;\n\t\tpadding: 0 0.5em;\n\n\t\t&-label {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 2em;\n\t\t}\n\n\t\tsvg,\n\t\t.dashicons-admin-collapse {\n\t\t\tbackground: colors.$nab-background-white;\n\t\t\tborder-radius: 50%;\n\t\t\tmargin-right: 0.5em;\n\t\t\tposition: fixed;\n\t\t\tleft: 0.5em;\n\t\t}\n\n\t\t&--show {\n\n\t\t\tsvg,\n\t\t\t.dashicons-admin-collapse {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t.components-button.is-link:active {\n\t\t\tmargin-top: 2px;\n\t\t}\n\t}\n\n\t&__resolutions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-grow: 1;\n\t\tjustify-content: flex-end;\n\t}\n\n\t&__resolution {\n\t\tpadding: 14px 10px;\n\t\tbox-shadow: none;\n\n\t\t&--is-active {\n\t\t\tbox-shadow: inset 0 -5px 0 colors.$wp-components-color-accent;\n\t\t\tbackground-color: colors.$nab-background-white;\n\t\t}\n\t}\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-css-editor-sidebar__visual-editor {\n\n\t.nab-tools-panel > div:not(:first-of-type) {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\tgap: calc(16px);\n\t\tgrid-column: 1 / -1;\n\t}\n\n\t.nab-selector-panel {\n\t\tposition: relative;\n\n\t\t&__menu {\n\t\t\tposition: absolute;\n\t\t\tright: 10px;\n\t\t\ttop: 6px;\n\t\t}\n\n\t\t&__selector {\n\t\t\twidth: 100%;\n\t\t\tgrid-column: 1 / -1;\n\t\t}\n\n\t\t&__selector-label {\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\tgap: 5px;\n\t\t\talign-items: center;\n\n\t\t\tspan {\n\t\t\t\tflex: 1;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.color-block-support-panel__inner-wrapper {\n\t\trow-gap: 0 !important;\n\n\t\t&:empty {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t> div:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.block-editor-tools-panel-color-gradient-settings__dropdown {\n\t\t\tposition: relative;\n\n\t\t\t.block-editor-panel-color-gradient-settings__reset {\n\t\t\t\tmargin: auto 8px;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 8px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.component-color-indicator {\n\t\tbackground-size: cover !important;\n\t}\n\n\t.nab-components-position-control {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2em;\n\t}\n\n\t.nab-components-cursor-control,\n\t.nab-components-floating-control,\n\t.nab-components-filter-control,\n\t.nab-components-transformations-control {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 1em;\n\t}\n\n\t.nab-components-flex-control,\n\t.nab-components-grid-control {\n\t\tborder: 1px solid colors.$nab-border-light;\n\t\tmargin-top: 2em;\n\t\tpadding: 1em;\n\t\tposition: relative;\n\n\t\t&__title {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tz-index: 1;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tbackground: colors.$nab-background-white;\n\t\t\tborder-radius: 10px;\n\t\t\tborder: 1px solid colors.$nab-border-light;\n\t\t\tpadding: 1px 5px;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-size: 11px;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: colors.$nab-text;\n\t\t\tline-height: 1.4;\n\t\t}\n\n\t\t&__wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 1em;\n\t\t}\n\t}\n\n\tbutton.nab-components--disabled {\n\t\tbackground: colors.$nab-background-light-grey !important;\n\t\tborder: none !important;\n\t}\n\n\t.nab-components--disabled {\n\n\t\tbutton:not(.components-toggle-group-control-option-base) {\n\t\t\tbackground: colors.$nab-background-light-grey;\n\t\t\tcolor: colors.$nab-text-light-grey;\n\t\t}\n\n\t\t.components-input-control__backdrop {\n\t\t\tborder-color: colors.$nab-border-light !important;\n\t\t}\n\n\t\t.components-unit-control__select {\n\t\t\tcolor: colors.$nab-text-light-grey !important;\n\t\t\tborder-color: colors.$nab-border-light !important;\n\t\t}\n\n\t\t.components-input-control__container {\n\t\t\tbackground: colors.$nab-background-light-grey;\n\t\t\tcolor: colors.$nab-text-light-grey;\n\n\t\t\t.components-input-control__prefix {\n\n\t\t\t\tbutton[disabled] {\n\t\t\t\t\tbackground: colors.$nab-background-light-grey !important;\n\t\t\t\t\tborder: none !important;\n\t\t\t\t}\n\n\t\t\t\tbutton:not([disabled]) {\n\t\t\t\t\tbackground: colors.$nab-background-white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.components-toggle-group-control {\n\t\t\tborder-color: colors.$nab-border-light !important;\n\n\t\t\t.components-toggle-group-control-option-base[aria-checked=\"true\"] {\n\t\t\t\tbackground-color: colors.$nab-text-light-grey !important;\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t.components-unit-control__select:hover {\n\t\t\tcolor: colors.$nab-text-light-grey !important;\n\t\t\tbox-shadow: none !important;\n\t\t}\n\n\t\t.components-range-control__thumb-wrapper > span {\n\t\t\tbackground-color: colors.$nab-background-light-grey !important;\n\t\t}\n\n\t\t.components-input-control__input {\n\t\t\tcolor: colors.$nab-text-light-grey !important;\n\t\t}\n\t}\n\n\t&--empty {\n\t\ttext-align: center;\n\t\tpadding: 3em;\n\n\t\tsvg {\n\t\t\tfill: colors.$nab-text-dark-grey;\n\t\t}\n\t}\n}\n\n.nab-selector-panel__selector-dialog {\n\n\t&.components-modal__frame {\n\t\tmax-width: 50em;\n\t\twidth: 100%;\n\t}\n\n\t&__actions {\n\t\tmargin-top: 2em;\n\t\ttext-align: right;\n\t}\n\n\t&__confirm-action.components-button {\n\t\tmargin-left: 0.5em;\n\t}\n}\n\n.modal-open .media-modal {\n\tz-index: 9999999;\n}\n\n.nab-components--disabled {\n\n\t.components-color-palette__custom-color-button,\n\t.components-toggle-group-control-option-base:not([aria-checked]) {\n\t\tcursor: auto;\n\t}\n\n\t.components-toggle-group-control-option-base:not([aria-checked]) {\n\t\tcolor: colors.$nab-text-light-grey !important;\n\t}\n}\n\n.spacing-sizes-control .components-range-control__marks :first-child {\n\tdisplay: block;\n}\n",".components-border-radius-control__input-controls-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5em;\n}\n","@use \"~admin-stylesheets/colors\";\n\n.nab-css-editor-sidebar__content-editor {\n\theight: 100%;\n\toverflow-y: auto;\n\twidth: 100%;\n\n\t.nab-content-panel {\n\n\t\t&__content {\n\t\t\twidth: 100%;\n\t\t\tgrid-column: 1 / -1;\n\n\t\t\t.ql-toolbar:has(.ql-formats--empty) {\n\t\t\t\tborder-bottom: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\t.ql-formats {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 3px;\n\n\t\t\t\tbutton {\n\t\t\t\t\tborder-radius: 3px;\n\t\t\t\t\tcolor: colors.$wp-components-toolbar-button-foreground;\n\t\t\t\t\theight: 24px;\n\t\t\t\t\tpadding: 3px;\n\t\t\t\t\twidth: 24px;\n\n\t\t\t\t\tsvg .ql-stroke,\n\t\t\t\t\t&:hover svg .ql-stroke {\n\t\t\t\t\t\tstroke: currentcolor !important;\n\t\t\t\t\t}\n\n\t\t\t\t\tsvg .ql-fill,\n\t\t\t\t\t&:hover svg .ql-fill {\n\t\t\t\t\t\tfill: currentcolor !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.ql-active {\n\t\t\t\t\t\tbackground: colors.$wp-components-toolbar-button-background--pressed;\n\t\t\t\t\t\tcolor: colors.$wp-components-toolbar-button-foreground--pressed;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ql-editor > ol,\n\t\t\t.ql-editor > ul {\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t.ql-tooltip {\n\t\t\t\tposition: initial;\n\t\t\t\twidth: calc(100% + 2px);\n\t\t\t\tbox-shadow: none;\n\t\t\t\tmargin-left: -1px;\n\n\t\t\t\tinput[type=\"text\"] {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmin-width: 0;\n\t\t\t\t}\n\n\t\t\t\t&:not(.ql-hidden) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__missing-element-warning {\n\t\t\t\tcolor: colors.$nab-text-red;\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5em;\n\t\t\t\tmargin-bottom: 1.5em;\n\t\t\t}\n\n\t\t\t&__media-library-button {\n\t\t\t\ttext-align: right;\n\t\t\t\tmargin-top: 2em;\n\t\t\t}\n\n\t\t\t&:has(.ql-tooltip:not(.ql-hidden)) {\n\t\t\t\tmargin-bottom: 3.6em;\n\t\t\t}\n\n\t\t\t.nab-ql-editor--has-ol-list .ql-editor {\n\t\t\t\tpadding-left: 1.5em;\n\n\t\t\t\t> p {\n\t\t\t\t\tlist-style: decimal;\n\t\t\t\t\tdisplay: list-item;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nab-ql-editor--has-ul-list .ql-editor {\n\t\t\t\tpadding-left: 1.5em;\n\n\t\t\t\t> p {\n\t\t\t\t\tlist-style: disc;\n\t\t\t\t\tdisplay: list-item;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nab-ql-editor--is-bold .ql-editor > p {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\n\t\t\t.nab-ql-editor--is-italic .ql-editor > p {\n\t\t\t\tfont-style: italic;\n\t\t\t}\n\n\t\t\t.nab-ql-editor--is-underline .ql-editor > p {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\t\t}\n\t}\n\n\t&--empty {\n\t\ttext-align: center;\n\t\tpadding: 3em;\n\n\t\tsvg {\n\t\t\tfill: colors.$nab-text-dark-grey;\n\t\t}\n\t}\n}\n",".nab-css-preview {\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\n\t&__iframe {\n\t\theight: 100%;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t\ttransition: all 200ms ease-in-out;\n\t\twidth: 100%;\n\n\t\t&--tablet {\n\t\t\twidth: 720px;\n\t\t\theight: 1080px;\n\t\t}\n\n\t\t&--mobile {\n\t\t\twidth: 320px;\n\t\t\theight: 480px;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}