{"version":3,"file":"cta-editor.css","mappings":";;;AAKA;EACC;EACA;EAEA;EACA;EAEA;AAND;AAOC;EACC,gBAXK;EAYL,mBAZK;EAaL,aAhBI;EAiBJ;AALF;AAOE;EACC;EACA;AALH;AAQE;EACC;EACA;EACA;AANH;AAUC;EACC,YA7BK;EA8BL;EACA;AARF;AAUE;EACC;EACA;EACA;EACA;EACA;EACA;AARH;AAUG;EACC;EACA;EACA;EACA;EACA;AARJ;AAcE;EACC;AAZH;AAeE;EACC;AAbH;AAgBE;EACC;AAdH;;AAqBC;;EAEC;EACA,YAvEK;EAwEL;EACA;EACA;EACA,SA9EI;EA+EJ;EACA;EACA;EACA;EACA;EACA;AAlBF;AAyBE;;EACC;EACA,UA5FI;AAsEP;AAwBG;;EACC;EACA;EACA;AArBJ;AA0BC;EACC;EACA,SAzGI;EA0GJ;AAxBF;AA0BE;EACC;EACA;AAxBH;AA2BI;EACC;AAzBL;AA8BE;EACC;AA5BH;AAkCC;EACC,mBA/HI;AA+FN;AAkCE;EACC;AAhCH;AAoCG;EACC;AAlCJ;AAuCG;EACC;EACA;EACA;EACA;EACA;AArCJ;AA0CC;;;;EAIC;EACA;EACA;AAxCF;AA4CE;EACC;EACA,SAlKG;AAwHN;AA6CE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3CH;AA6CG;EACC;EACA;AA3CJ;AA8CK;EACC,yGACC;EAED;AA9CN;AAiDK;EACC;AA/CN;AAoDG;EACC;EACA;AAlDJ;AAqDK;EACC,sGACC;EAED;AArDN;AAwDK;EACC;AAtDN;AA8DE;EACC;AA5DH;AAkEG;EACC;EACA;EACA;EACA;EACA;EACA;AAhEJ;AAmEG;EACC;AAjEJ;AAqEE;EACC,mBA3OI;EA4OJ;EACA;EACA;AAnEH;AAqEG;EACC;AAnEJ;AAyEG;;EAEC;EACA;EACA;EACA;EACA;AAvEJ;AA4EG;EACC;AA1EJ;AA6EG;EACC;EACA;AA3EJ;AAiFC;EACC;AA/EF;AAsFG;EACC;AApFJ;AAuFG;EACC;EACA;AArFJ;AAwFG;EACC;AAtFJ;AA0FG;;;;;;;;EASC;EACA;EACA;AAzFJ;AA6FG;EACC;EACA;AA3FJ;AAiGE;EACC;EACA;EACA;EACA;AA/FH;AAsGI;EACC;EACA;AApGL;;AA2GA;EACC;EACA;EACA;EACA;EACA;EACA;AAxGD;AA0GC;EACC;EACA;AAxGF;AA4GE;EACC;EACA;EACA;AA1GH;;AAgHC;EACC;AA7GF,C","sources":["webpack://popup-maker/core/./packages/cta-editor/src/editor/editor.scss?"],"sourcesContent":["$gap: 16px;\n$gap2: $gap * 2;\n$gap3: $gap * 3;\n$gap4: $gap * 4;\n\n.call-to-action-editor-modal {\n\tmax-width: 36rem;\n\twidth: 100%;\n\t// min-height: 65vh;\n\tmax-height: 85%;\n\tmargin: 8vh auto auto;\n\n\t/** Modal Styles */\n\t.components-modal__content {\n\t\tmargin-top: $gap4;\n\t\tmargin-bottom: $gap4;\n\t\tpadding: $gap;\n\t\toverflow-y: scroll;\n\n\t\t&::-webkit-scrollbar {\n\t\t\t-webkit-appearance: none;\n\t\t\twidth: 7px;\n\t\t}\n\n\t\t&::-webkit-scrollbar-thumb {\n\t\t\tborder-radius: 4px;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.5);\n\t\t\t-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n\t\t}\n\t}\n\n\t.components-modal__header {\n\t\theight: $gap4;\n\t\tpadding: 0 $gap;\n\t\tborder-bottom: 1px solid #c3c4c7;\n\n\t\t.components-modal__header-heading-container {\n\t\t\tline-clamp: 1;\n\t\t\tmargin-right: 125px;\n\t\t\tdisplay: -webkit-box;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\t-webkit-line-clamp: 4;\n\t\t\toverflow: hidden;\n\n\t\t\th1 {\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 100%;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twidth: fit-content;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\t}\n\n\t.call-to-action-enabled-toggle {\n\t\t.components-h-stack {\n\t\t\tdirection: rtl;\n\t\t}\n\n\t\t&.disabled label {\n\t\t\tcolor: #a30000;\n\t\t}\n\n\t\t&.enabled label {\n\t\t\tcolor: #00a32a;\n\t\t}\n\t}\n}\n\n.call-to-action-editor {\n\n\t+.modal-actions,\n\t+.editor-actions {\n\t\tposition: absolute;\n\t\theight: $gap4;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tjustify-content: right;\n\t\tgap: $gap;\n\t\tpadding: 0 $gap2;\n\t\talign-items: center;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tborder-top: 1px solid #c3c4c7;\n\n\t\t.cancel-button {\n\t\t\t// padding-left: $gap;\n\t\t\t// padding-right: $gap;\n\t\t}\n\n\t\t> :last-child {\n\t\t\tposition: absolute;\n\t\t\tleft: $gap2;\n\n\t\t\tsvg {\n\t\t\t\tmargin-right: 3px;\n\t\t\t\tfill: #fff;\n\t\t\t\tstroke: green;\n\t\t\t}\n\t\t}\n\t}\n\n\t.editor-tabs {\n\t\tdisplay: flex;\n\t\tgap: $gap;\n\t\twidth: 100%;\n\n\t\t.components-tab-panel__tabs {\n\t\t\ttext-align: left;\n\t\t\tflex: 1 0 150px;\n\n\t\t\t.components-tab-panel__tabs-item {\n\t\t\t\t&.is-active {\n\t\t\t\t\tbackground-color: #f0f0f0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.components-tab-panel__tab-content {\n\t\t\tflex: 3 1 100%;\n\t\t\t// max-width: calc(100% - 160px);\n\t\t\t// overflow-x: hidden;\n\t\t}\n\t}\n\n\t.components-base-control {\n\t\tmargin-bottom: $gap;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&.is-large {\n\t\t\t.components-text-control__input {\n\t\t\t\tpadding: 1em;\n\t\t\t}\n\t\t}\n\n\t\t.is-large {\n\t\t\t.components-select-control__input {\n\t\t\t\tpadding: 1em;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: normal;\n\t\t\t\tmin-height: 30px;\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-base-control__label,\n\t.components-input-control__label,\n\t.components-toggle-control__label,\n\t.components-checkbox-control__label {\n\t\ttext-transform: none !important;\n\t\tfont-weight: 500 !important;\n\t\tfont-size: 13px !important;\n\t}\n\n\t.components-radio-button-control {\n\t\t.options {\n\t\t\tmax-width: 500px;\n\t\t\tgap: $gap;\n\t\t}\n\n\t\t.components-button {\n\t\t\tflex: 1 1 0%;\n\t\t\theight: auto;\n\t\t\tbox-sizing: border-box;\n\t\t\tpadding: $gap 0;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 140%;\n\n\t\t\t&.is-primary {\n\t\t\t\tcolor: #007cba;\n\t\t\t\tbackground: rgba(0, 124, 186, 0.05);\n\n\t\t\t\t&:not(:disabled) {\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t\tinset 0 0 0 2px #007cba,\n\t\t\t\t\t\t\t0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\t\t\t\t\t\toutline: 3px solid #0000;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:focus) {\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 2px #007cba;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.is-secondary {\n\t\t\t\tcolor: #757575;\n\t\t\t\tbackground: #fff;\n\n\t\t\t\t&:not(:disabled) {\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbox-shadow:\n\t\t\t\t\t\t\tinset 0 0 0 2px #fff,\n\t\t\t\t\t\t\t0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\t\t\t\t\t\toutline: 3px solid #0000;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:focus) {\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 2px #dddddd;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-url-input {\n\t\t.url-input__input {\n\t\t\tmin-height: 40px;\n\t\t}\n\t}\n\n\t.general-tab {\n\t\t.title-field {\n\t\t\t.components-text-control__input {\n\t\t\t\theight: auto;\n\t\t\t\tborder-color: #eee;\n\t\t\t\tpadding-left: 5px;\n\t\t\t\tfont-size: 1.8em;\n\t\t\t\tline-height: 1;\n\t\t\t\tmargin-bottom: 1px;\n\t\t\t}\n\n\t\t\t.components-base-control__field {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t.title-field-notice {\n\t\t\tmargin-bottom: $gap2;\n\t\t\tmargin-top: -$gap2;\n\t\t\tmargin-left: 0;\n\t\t\tline-height: 1;\n\n\t\t\t.components-notice__content {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t.description-field {\n\n\t\t\t.components-text-control__input,\n\t\t\t.components-textarea-control__input {\n\t\t\t\theight: auto;\n\t\t\t\tborder-color: #eee;\n\t\t\t\tfont-size: 0.9em;\n\t\t\t\tresize: none;\n\t\t\t\tmin-height: auto;\n\t\t\t}\n\t\t}\n\n\t\t.components-url-control .url-control-wrapper .url-control {\n\t\t\t.url-control__input {\n\t\t\t\tmin-height: 40px;\n\t\t\t}\n\n\t\t\t.url-control__actions {\n\t\t\t\tright: 6px;\n\t\t\t\ttop: 6px;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t.call-to-action-editor-error {\n\t\tmargin: -5px 0 10px 0;\n\t}\n\n\t// Field wrapper error styles\n\t.cta-field-wrapper {\n\t\t&--has-error {\n\n\t\t\t.components-panel__header {\n\t\t\t\tborder-bottom: 1px solid #cc1818 !important;\n\t\t\t}\n\n\t\t\t.components-panel__body {\n\t\t\t\tbackground: linear-gradient(to bottom, rgba(204, 24, 24, 0.03), rgba(204, 24, 24, 0.08));\n\t\t\t\tborder-radius: 0 0 4px 4px;\n\t\t\t}\n\n\t\t\t.components-base-control__label {\n\t\t\t\tcolor: #cc1818 !important;\n\t\t\t}\n\n\n\t\t\t.components-text-control__input,\n\t\t\t.components-textarea-control__input,\n\t\t\t.components-select-control__input,\n\t\t\t.url-control__input,\n\t\t\t.components-input-control__input,\n\t\t\t.components-number-control__input,\n\t\t\t.component-smart-token-control__input,\n\t\t\t// For fields that use a wrapper with background\n\t\t\t.components-select-control__input-wrapper {\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder: 1px solid #cc1818 !important;\n\t\t\t\tbox-shadow: 0 0 0 1px #cc1818 !important;\n\n\t\t\t}\n\n\t\t\t.components-input-control__backdrop {\n\t\t\t\tborder-color: transparent;\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t}\n\n\t\t// Error message.\n\t\t.cta-field-error {\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1.4;\n\t\t\tmargin-top: 8px;\n\t\t\tcolor: #cc1818;\n\t\t}\n\t}\n\n\t.editor-tabs {\n\t\t.components-tab-panel__tabs {\n\t\t\t.components-tab-panel__tabs-item {\n\t\t\t\t&.error {\n\t\t\t\t\tbackground-color: #f4a2a2;\n\t\t\t\t\tborder-left: 4px solid #cc1818;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.editor-header-actions {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 6px;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmax-width: max-content;\n\n\t.components-button.close-button {\n\t\tpadding: 0;\n\t\tmin-width: auto;\n\t}\n\n\t.editor-header-options {\n\t\t.components-button.popover-toggle {\n\t\t\tpadding-left: 4px;\n\t\t\tpadding-right: 4px;\n\t\t\tmin-width: auto;\n\t\t}\n\t}\n}\n\n.editor-header-options__popover {\n\t.components-popover__content {\n\t\tmin-width: fit-content;\n\t}\n}\n"],"names":[],"sourceRoot":""}