{"version":3,"file":"thaps-component-editor.css","mappings":";;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACG;AAAJ;AAEC;EACC;EACA;AAAF;AAGC;EACC;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;AADH;AAGG;EACC;AADJ;AAIG;EACC;AAFJ;AAKG;EACC;EACA;EACY;AAHhB;AAMG;EACC;EACA;EACA;EACA;AAJJ;AAMI;EACC;AAJL;AAOI;EACC;AALL;AASG;EACC;EACA;EACA;AAPJ;;AAcA;;EAEI;EACA;AAXJ;;AAeA;EACC;EACA;AAZD;AAcC;EACC;EACA;EACA;EACA;AAZF;AAeC;EACC;AAbF;;AAmBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACG;EACA;AAhBN;AAkBG;EACC;EACA;EACA;EACA;EACA;AAhBJ;;AAqBA;EACC;AAlBD;;AAqBC;EACA;EACA;EACA;AAlBD;;AAwBC;EACC;AArBF;AAwBC;EACC;EACA;EACA;AAtBF;AAwBE;EACC;AAtBH;AA0BG;EACC;EACA;EACA;EACA;EACA;EACA;AAxBJ;AA0BI;EACC;EACA;AAxBL;AA2BI;EACC;AAzBL;AA6BG;EACC;EACA;EACA;EACA;EACA;AA3BJ;AA+BI;EACC;AA7BL;AAkCI;EACC;AAhCL;AAoCG;EACC;AAlCJ;AAoCI;EACC;EACA;EACA;EACA;EACA;AAlCL;AAoCK;EACC;EACG;AAlCT;AAuCK;EACC;EACA;AArCN;AAwCO;EACC;EACA;EACA;AAtCR;;AAkDA;EACC;AA/CD;;AAkDA;EACC;AA/CD;;AAkDA;EAEE;AAhDF;;AAqDA;EACC;AAlDD;AAoDC;EACC;EACA;EACM;AAlDR;AAoDE;EACC;AAlDH;AAqDE;EACC;AAnDH;AAqDG;EACa;AAnDhB;AAoDI;EACC;EACA;AAlDL;;AA0DC;EACC;EACA;AAvDF;AA0DC;EACC;EACA;EACA;AAxDF;AA0DE;EACC;AAxDH;AA4DG;EACC;EACA;AA1DJ;AA4DI;EACC;AA1DL;AA8DG;EACC;EACA;EACA;AA5DJ;AA+DG;EACC;AA7DJ;AAiEE;EACC;AA/DH;;AAqEC;EACC;AAlEF;AAoEE;EACC;AAlEH;AAqEE;EACC;EACA;EACA;EACA;AAnEH;AAsEI;EACC;AApEL;AAsEK;EACC;AApEN;AAwEI;EACC;EACA;EACA;AAtEL;;AA8EC;EACC;EACA;AA3EF;;AA8EE;EACD;EACA;EACA;AA3ED;;AA6EC;EACA;EACC;EACA;EACA;AA1EF;;AA4EC;EACC;EACA;AAzEF;;AA2EC;EACA;AAxED;;AA0EC;EAEA;EACA;AAxED;;AA2EC;;EAEC;EACA;EACA;EACA;AAxEF;;AA4EI;EACI;EACA;EACA;AAzER;AA2EQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzEZ;AA2EY;EACI;EACA;EACA;EACA;AAzEhB;AA4EY;EACI;EACA;EACA;EACA;AA1EhB;AA6EY;EACI;EACA;EACA;AA3EhB;AA+EQ;EACI;AA7EZ;;AAgFI;EACI;EACA;AA7ER;;AAgFG;EACK;EACA;EACA;AA7ER;AA+EQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7EZ;AA+EY;EACI;EACA;EACA;AA7EhB;AAgFY;EACI;EACA;EACA;EACA;AA9EhB;AAgFY;EACI;AA9EhB;;AAuFY;EACI;AApFhB;AAwFQ;EACI;AAtFZ;AAwFY;EACI;AAtFhB;AAyFY;EACI;EACA;AAvFhB;AA0FoB;EACI;AAxFxB;AA2FoB;EACI;AAzFxB;;AAiGQ;EACI;AA9FZ;AAiGQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/FZ;AAiGY;EACI;AA/FhB;AAkGY;EACI;EACA;EACA;EACA;EACA;AAhGhB;AAmGY;EACI;AAjGhB;AAoGY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlGhB;AAsGQ;EACI;AApGZ;;AAwGI;EACI;AArGR;;AAwGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArGR;;AAuGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApGR;;AAsGI;EAEQ;IACI;EApGd;EAsGc;IACI;EApGlB;AACF;AA4GQ;EACI;EACA;EACA;EACA;AA1GZ;AA4GY;EACI;AA1GhB;AA8GgB;EACI;AA5GpB;AA+GwB;EACI;EACA;EACA;AA7G5B;AA+G4B;EACI;AA7GhC;AAiHwB;EACI;AA/G5B;AAkHwB;EACI;AAhH5B;;AAwHI;EACI;EACA;EACA;AArHR;AAuHQ;EACI;AArHZ;;AAyHI;EACI;EACA;AAtHR;;AA0HI;EACI;EACA;EACA;EACA;AAvHR;;AAyHI;EACI;AAtHR;;AAwHI;EACI;AArHR;;AAwHI;EACI;AArHR;AAuHQ;EACI;EACA;EACA;AArHZ;AAuHY;EACI;AArHhB;AAwHY;EACI;AAtHhB;AAwHgB;EACI;EACA;EACA;EACA;EACA;AAtHpB;AAwHoB;EACI;AAtHxB;AAyHoB;EACI;EACA;AAvHxB;AAyHwB;EACI;AAvH5B;AA0HwB;EACI;EACA;EACA;EACA;EACA;EACA;AAxH5B;AA2HwB;EACI;AAzH5B;AA6HoB;EACI;AA3HxB;;AAkIA;EACI;EACA;EACA;AA/HJ;;AAiIA;EACI;EACA;AA9HJ;;AAgII;EACI;AA7HR;;AA+HI;EACC;AA5HL;;AAgIA;EAEC;EAEA;EACA;EACA;EACA;AA7HD;AA+HC;EACC;EACG;EACA;AA7HL;AA+HE;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AA7HH;AA+HG;EACC;AA7HJ;AAgIG;EACC;EACA;AA9HJ;AAiIG;EACC;EACA;AA/HJ;;AAoIA;EACC;AAjID;;AAmIA;EACC;EACA;EACA;AAhID;;AAkIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACH;AA/HD;AAiIC;EACC;EACA;AA/HF;;AAmIA;EACI;EACA;EACA;AAhIJ;;AAmIA;EACI;AAhIJ;;AAmIA;EACI;AAhIJ;;AAmIA;EACI;EACA;EACA;AAhIJ;AAkIC;EACC;E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","sources":["webpack://th-advance-product-search/./src/block/th-advance-product-search/components/component-editor.scss"],"sourcesContent":["// toggle\n.th-toggle-group-control {\n\tdisplay: flex;\n\tbackground: rgb(255, 255, 255) none repeat scroll 0% 0%;\n\tborder: 1px solid #EEE;\n\tborder-radius: 2px;\n\tmin-height: 36px;\n\tmin-width: 0px;\n\tpadding: 2px;\n\tflex-grow:0.5;\n margin-bottom:8px;\n\n\t&.has-icon {\n\t\tmargin-left: 0px;\n\t\tmargin-right: 0px;\n\t}\n\n\t.th-toggle-option {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tflex: 1;\n\n\t\t.components-button {\n\t\t\tflex: 1 auto;\n\t\t\tjustify-content: center;\n\t\t\theight: 29px;\n\t\t\twidth: 100%;\n\t\t\tbox-shadow: none;\n\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t.dashicon {\n\t\t\t\tcolor: #2f2f2f;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tfill: #2f2f2f;\n\t\t\t\theight: 18px;\n width: 18px;\n\t\t\t}\n\n\t\t\t&.is-primary {\n\t\t\t\tcolor: #6c1bc3;\n\t\t\t\tbackground-color: #8a1bff1f;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\t.dashicon {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\tfill: #6c1bc3;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.is-secondary {\n\t\t\t\tcolor: #000;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tborder-radius: 0px;\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n.components-button.is-secondary:active:not(:disabled), \n.components-button.is-tertiary:active:not(:disabled){\n background:#8a1bff1f;\n color: #6c1bc3;\n}\n\n//unit\n.components-base-control.components-th-blocks-units-control-header__units {\n\tdisplay: block;\n\tmargin-bottom: 0;\n\n\t.components-base-control__field {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tgap: 8px;\n\t\talign-items: center;\n\t}\n\n\t.components-base-control__label {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.components-th-blocks-control__units{\n\t.components-th-blocks-control-buttons__units {\n\t\tbutton.components-button {\n\t\t\tbackground: #fff;\n\t\t\tbox-shadow: none !important;\n\t\t\tcolor: #929da7;\n\t\t\tfont-size: 10px;\n\t\t\tpadding: 0 5px;\n\t\t\tposition: relative;\n\t\t\ttext-align: center;\n\t\t\ttext-shadow: none;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 0 !important;\n\t\t\tline-height: 20px;\n \t\tpadding: 0 5px;\n \t\theight: auto;\n\n\t\t\t&.is-primary {\n\t\t\t\tbackground: #fff !important;\n\t\t\t\tcolor: #000 !important;\n\t\t\t\tcursor: default;\n\t\t\t\tz-index: 1;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t}\n}\n.o-responsive-control{\n\tposition:relative;\n\t}\n\t\n\t.components-base-control.components-th-blocks-units-control-header__units{\n\tposition:absolute;\n\tright:0;\n\ttop:4px;\n\t}\n\n//sizing\n\n.th-sizing-control {\n\t.components-base-control__label {\n\t\tmargin-bottom: 4px;\n\t}\n\n\t.th-sizing-control-wrapper {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 25% 25% 25% 25%;\n\t\tpadding: 6px 0;\n\n\t\t&.linking {\n\t\t\tgrid-template-columns: 20% 20% 20% 20% 20%;\n\t\t}\n\n\t\t.th-sizing-control-item {\n\t\t\t.th-sizing-control-item-input {\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-height: 30px;\n\t\t\t\tborder-radius: 0;\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 0 5px;\n\t\t\t\tborder: 1px solid #eee;\n\n\t\t\t\t&[disabled] {\n\t\t\t\t\tbackground-color: #e6e9ec;\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t}\n\n\t\t\t\t.dashicon {\n\t\t\t\t\tmargin: 2px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.th-sizing-control-item-label {\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 9px;\n\t\t\t\ttext-transform: initial;\n\t\t\t\tpadding-top: 2px;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t.th-sizing-control-item-input {\n\t\t\t\t\tborder-radius: 4px 0 0 4px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\t.th-sizing-control-item-input {\n\t\t\t\t\tborder-radius: 0 4px 4px 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.toggle-linking {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t.th-sizing-control-item-input {\n\t\t\t\t\theight: 30px;\n\t\t\t\t\tborder: 1px solid #8d96a0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: center;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.is-linked {\n\t\t\t\t\t.th-sizing-control-item-input {\n\t\t\t\t\t\tbackground: #8a1bff1f;\n\t\t\t\t\t\tcolor: #6c1bc3;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t&:not(:disabled):not([aria-disabled=\"true\"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link) {\n\t\t\t\t\t\t\t\tbackground: #8a1bff1f;\n\t\t\t\t\t\t\t\tcolor: #6c1bc3;\n\t\t\t\t\t\t\t\tbox-shadow: inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #a4afb7,0 1px 1px rgba(25,30,35,.2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\ninput[type=number].th-sizing-control-item-input::-webkit-inner-spin-button{\n\topacity :0;\n\t}\n\t\ninput[type=number].th-sizing-control-item-input:focus::-webkit-inner-spin-button{\n\topacity :1;\n\t}\n\n.th-sizing-control .th-sizing-control-wrapper .th-sizing-control-item .th-sizing-control-item-input:focus{\n\n\t\tbox-shadow:none;\n}\n\n//responsive-control\n\n.o-responsive-control {\n\tmargin: 10px 0;\n\n\t.components-base-control__title {\n\t\tdisplay: flex;\n\t\tmargin:0;\n justify-content: flex-start;\n\n\t\tlabel {\n\t\t\tpadding: 5px 0;\n\t\t}\n\n\t\t.floating-controls {\n\t\t\tdisplay: flex;\n\n\t\t\tbutton {\n padding:0;\n\t\t\t\t.dashicon {\n\t\t\t\t\tmargin: 2px;\n\t\t\t\t\tfont-size:0.89rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.o-responsive-control-settings {\n\t.o-responsive-control-settings-title {\n\t\tmargin-bottom: 8px;\n\t\tcolor: #6c7781;\n\t}\n\n\t.o-responsive-control-settings-item {\n\t\tpadding: 6px 12px 6px 40px;\n\t\twidth: 100%;\n\t\tmargin: 2px 0;\n\n\t\tsvg {\n\t\t\tmargin-right: 10px;\n\t\t}\n\n\t\t&:not(:disabled):not([aria-disabled=\"true\"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link) {\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: none;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\t.popover-title {\n\t\t\t\t\tcolor: #007cba;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.is-selected {\n\t\t\t\tbox-shadow: none;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tpadding-left: 6px;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 2px #007cba;\n\t\t\t}\n\t\t}\n\n\t\t.popover-title {\n\t\t\tcolor: #40464d;\n\t\t}\n\t}\n}\n\n.branch-5-4 {\n\t.o-responsive-control-settings {\n\t\tpadding: 7px 0;\n\n\t\t.o-responsive-control-settings-title {\n\t\t\tpadding: 0 7px;\n\t\t}\n\n\t\t.o-responsive-control-settings-item {\n\t\t\tmargin: 0;\n\t\t\theight: 36px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t&:not(:disabled):not([aria-disabled=\"true\"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link) {\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: #f3f4f5;\n\n\t\t\t\t\t.popover-title {\n\t\t\t\t\t\tcolor: #40464d;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline-offset: -2px;\n\t\t\t\t\toutline: 1px dotted #555d66;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// global css\n\t.components-button:focus:not(:disabled) {\n\t\tbox-shadow: none;\n\t\toutline: 0;\n\t}\n\n .components-button.components-range-control__reset:before{\n\tcontent: \"\\f531\";\n\tfont-family:'dashicons';\n\tfont-size:0.6rem;\n\t}\n\t.components-button.components-range-control__reset{\n\tfont-size: 0;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\tpadding: 0;\n\t}\n\t.th-adv-h-panel .components-button.components-toolbar__control.has-icon svg{\n\t\theight: 18px;\n\t\twidth: 18px;\n\t}\n\t.th-adv-h-panel .components-button.components-toolbar__control.has-icon{\n\tmin-width: 28px;\n\t}\n\t.th-adv-h-panel .components-toolbar{\n\t\n\tmin-height: 28px;\n\tborder:1px solid #d5dadf;\n\t}\n\n\t.th-label,.th-component-group-label,\n\t.th-component-group .components-base-control__field,.th-component-group-label .components-base-control__field{\n\t\tmargin-bottom: 8px;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\n //ins-setting\n .block-editor-block-inspector .th-setting-header {\n display: flex;\n padding: 0;\n border-top: none;\n \n .components-button {\n width: 100%;\n flex: 1 1 0px;\n justify-content: center;\n border-radius: 0;\n height: auto;\n background:#fff;\n color: #111;\n border: .5px solid #eee;\n box-shadow: none;\n cursor: pointer;\n padding: 9px 15px;\n margin-left: 0;\n font-weight: 500;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n \n &:focus {\n background:#8a1bff1f;\n color: #6c1bc3;\n position: relative;\n z-index: 1;\n }\n \n &.is-active {\n background:#8a1bff1f;\n color: #6c1bc3;\n position: relative;\n z-index: 1;\n }\n\n svg{\n width: 100%;\n margin-bottom: 5px;\n font-size: 21px;\n }\n }\n\n .th-tab-wrap{\n flex-grow: 2;\n }\n }\n .block-editor-block-inspector .th-setting-header .th-tab-wrap:nth-of-type(2) .components-button{\n border-left: 0;\n border-right: 0;\n }\n //hovertab\n .th-hover-control {\n display: flex;\n padding: 0;\n border-top: none;\n \n .components-button {\n flex: 1 1 0px;\n justify-content: center;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n cursor: pointer;\n padding: 0px 0px;\n margin-left: 0;\n font-weight: 500;\n border: 1px solid #EEE;\n margin-bottom: 15px;\n font-size: 12px;\n min-height: 38px;\n \n &:focus {\n outline: none;\n position: relative;\n z-index: 1;\n }\n \n &.is-active {\n background:#8a1bff1f;\n color: #6c1bc3;\n position: relative;\n z-index: 1;\n }\n &:hover{\n color: #6c1bc3;\n }\n }\n }\n\n //googlefont\n\n .th-gfont-popover {\n &:not(.is-mobile) {\n &.is-bottom {\n z-index: 9999999;\n }\n }\n \n .components-popover__content {\n overflow-y: hidden;\n \n .components-menu-group {\n padding: 7px;\n }\n \n .components-popover__items {\n max-height: 300px;\n overflow-y: auto;\n \n button {\n &.is-selected {\n background: #f8f9f9;\n }\n \n i {\n margin-right: 5px;\n }\n }\n }\n }\n }\n \n .th-gfont-control {\n .components-dropdown {\n display: flex;\n }\n \n .th-gfont-button {\n background: transparent;\n position: relative;\n width: 100%;\n height: auto;\n line-height: 28px;\n padding: 0 12px 2px;\n box-shadow: 0 0 0 transparent;\n transition: box-shadow .1s linear;\n border-radius: 4px;\n border: 1px solid #8d96a0;\n \n &.is-button {\n background: transparent;\n }\n \n &:hover {\n background: #fafafa;\n border-color: #999;\n box-shadow: inset 0 -1px 0 #999;\n color: #23282d;\n text-decoration: none;\n }\n \n &:focus {\n border: 1px solid black;\n }\n \n &:after {\n content: \"\";\n pointer-events: none;\n display: block;\n width: 0;\n height: 0;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n border-top: 5px solid currentColor;\n margin-left: 4px;\n margin-right: 2px;\n right: 8px;\n top: 12px;\n position: absolute;\n }\n }\n \n .o-control-panel-control {\n padding: 0;\n }\n }\n \n .th-gfont-control .components-dropdown {\n display: flex;\n }\n \n .th-gfont-control .th-gfont-button {\n background: transparent;\n border: 1px solid hsl(0,0%,80%);\n border-radius: 4px;\n box-shadow: 0 0 0 transparent;\n min-height: 38px;\n line-height: 28px;\n padding: 8px 12px;\n position: relative;\n transition: box-shadow .1s linear;\n width: 100%;\n }\n .th-gfont-control .th-gfont-button:after {\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n border-top: 5px solid;\n content: \"\";\n display: block;\n height: 0;\n margin-left: 4px;\n margin-right: 2px;\n pointer-events: none;\n position: absolute;\n right: 9px;\n top: 50%;\n transform: translateY(-50%);\n width: 0;\n }\n @media ( max-width: 782px ) {\n .th-gfont-control {\n .th-gfont-button {\n padding: 5px 24px 5px 8px;\n \n &:after {\n top: 16px;\n }\n }\n }\n }\n //controll-panel\n .th-control-panel-control {\n \n \n .components-base-control__title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width:100%;\n \n label {\n padding: 5px 0;\n }\n \n .floating-controls {\n .components-dropdown {\n display: flex;\n \n button {\n &.is-tertiary {\n border: none;\n box-shadow: none;\n color: #1e1e1e;\n \n &:hover {\n color: var(--wp-admin-theme-color);\n }\n }\n \n &.is-active {\n color: var(--wp-admin-theme-color);\n }\n \n .dashicon {\n margin: 2px;\n }\n }\n }\n }\n }\n }\n \n .th-popover-settings {\n padding: 10px;\n min-width: 300px;\n overflow: hidden;\n \n .components-button-group {\n padding-bottom: 10px;\n }\n }\n \n .components-panel__body-toggle.components-button:focus {\n box-shadow: none;\n border-radius: 0;\n }\n\n //clear button\n .th-clear-button {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 5px 0;\n }\n .th-icon-preview > span{\n min-width: 29px;\n }\n .th-icon-preview {\n padding-left: 34px!important;\n } \n // background\n .th-background-selector-control {\n margin: 0 0 1.5em 0;\n \n .components-base-control__title {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n \n label {\n padding: 5px 0;\n }\n \n .linking-controls {\n display: flex;\n \n button {\n width: 25px;\n height: 32px;\n border: 1px solid #EEE;\n outline: none;\n box-shadow: none;\n \n svg {\n width: 20px;\n }\n \n &.is-primary {\n z-index: 0;\n background:#8a1bff1f;\n \n svg {\n fill: #6c1bc3;\n }\n \n &:hover {\n background:#8a1bff1f;\n border-color: none;\n box-shadow: none;\n color: #6c1bc3;\n text-decoration: none;\n text-shadow:none;\n }\n \n &:focus:not(:disabled) {\n box-shadow: none;\n }\n }\n \n .dashicon {\n margin: 2px;\n }\n }\n }\n }\n }\n\n.th-link-button button.components-button.is-primary{\n height: 100%;\n background: transparent;\n color: #111;\n}\n.th-link-button button.components-button.is-primary:hover{\n background: transparent;\n color: #111;\n}\n #th-cat-select{\n margin-bottom: 20px;\n }\n .th-sortable-control-area .th-component-group-label{\n display:block;\n }\n\n// Icon Picker\n.th-blocks-icon-chooser {\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-ms-flex-wrap: wrap;\n\tflex-wrap: wrap;\n\tlist-style: none;\n\tmargin-top: 0;\n\tmargin-left: -3px;\n\n\tli {\n\t\tdisplay: block;\n\t margin: 0 0 3px 3px;\n\t padding: 0;\n\n\t\tbutton.components-button {\n\t\t\tbackground: #fafafa;\n\t\t\tcolor: #000;\n\t\t\theight: 30px;\n\t\t\twidth: 30px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 0;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 8px;\n\t\t\tline-height: normal;\n\t\t\tfont-size: 15px;\n\t\t\tjustify-content: center;\n\n\t\t\tspan {\n\t\t\t\tline-height: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground: #fff;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 1em;\n\t\t\t\theight: 1em;\n\t\t\t}\n\t\t}\n\t}\n}\n.th-icon {\n\tline-height: 0;\n}\n.th-icon svg {\n\theight: 1em;\n\twidth: 1em;\n\tfill: currentColor;\n}\nbutton.components-icon-picker-item {\n width: 50px;\n height: 50px;\n font-size: 30px;\n line-height: 50px;\n background: #efefef;\n cursor: pointer;\n border: 1px solid #ddd;\n\tmargin-bottom: 10px;\n\n\tsvg {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n}\n\n.components-icon-picker-item > span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.components-icon-picker-item:hover, .components-icon-picker-item:focus {\n background: #fafafa;\n}\n\n.th-svg-html .components-base-control {\n margin-bottom: 0;\n}\n\n.th-icon-preview {\n font-size: 25px;\n display: flex;\n align-items: center;\n\n\tsvg {\n\t\tmargin-right: 10px;\n\t\twidth: 1em;\n\t\theight: 1em;\n\t}\n}\n\n.th-blocks-icon-panel:not(:first-child) {\n\tborder-top: 1px solid #eee !important;\n}\n.th-blocks-icon-panel h2{\n position: absolute;\n top: -52px;\n right: 9px;\n background: transparent!important;\n outline: 1px solid #B9B9B9;\n border-radius: 2px;\n\t\n}\n.th-blocks-icon-panel .components-panel__body-toggle.components-button .components-panel__arrow{\n\tright: -4px;\n}\n.th-blocks-icon-panel h2 button.components-panel__body-toggle.components-button{\n padding: 5px 21px 5px 5px;\n color: #111;\n height: 29px;\n\tposition: relative;\n}\n.th-icon-label{\n display: inline-flex;\n float: left;\n}\n.th-icon-preview{\n padding-left: 47px;\n}\n.th-icon-preview button{\n height: 29px!important;\n}\n.th-blocks-icon-panel.is-opened{\n margin-top: 40px!important;\n}\n.th-icon-chooser{\n position: relative;\n}\n.th-icon-preview button.components-button.is-secondary,\n.th-icon-preview button.components-button.is-secondary:hover{\n\t// box-shadow: inset 0 0 0 1px #B9B9B9;\n box-shadow: none;\n border: 1px solid #B9B9B9;\n border-radius: 2px;\n\tcolor: GREEN;\n}\n// Editor Global Style CSS\n .editor-block-list-item-vayu-blocks-advance-button svg,\n .editor-block-list-item-vayu-blocks-advance-spacer svg,\n .editor-block-list-item-vayu-blocks-advance-heading svg,\n .editor-block-list-item-vayu-blocks-advance-container svg,\n .editor-block-list-item-vayu-blocks-advance-product svg,\n .editor-block-list-item-vayu-blocks-advance-button:hover svg,\n .editor-block-list-item-vayu-blocks-advance-spacer:hover svg,\n .editor-block-list-item-vayu-blocks-advance-heading:hover svg,\n .editor-block-list-item-vayu-blocks-advance-container:hover svg,\n .editor-block-list-item-vayu-blocks-advance-product:hover svg{\n color: #6c1bc3!important;\n }\n .components-panel .components-base-control select.components-select-control__input,\n .o-animations-control .o-animations-control__button{\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: hsl(0,0%,100%);\n border-color: hsl(0,0%,80%);\n border-radius: 4px;\n border-style: solid;\n border-width: 1px;\n cursor: default;\n display: flex;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n -ms-flex-pack: justify;\n justify-content: space-between;\n min-height: 38px;\n outline: 0 !important;\n position: relative;\n -webkit-transition: all 100ms;\n transition: all 100ms;\n box-sizing: border-box;\n color: hsl(0,0%,50%);\n padding: 8px;\n height: auto;\n }\n .components-panel .components-base-control select.components-select-control__input + span .components-spacer{\n top: 50%;\n transform: translateY(-50%);\n padding-right: 9px;\n }\n .components-panel .components-base-control select.components-select-control__input:hover,\n .o-animations-control .o-animations-control__button:hover{\n border-color: hsl(0,0%,70%);\n }\n .components-panel .components-base-control select.components-select-control__input + span .components-spacer svg{\n width: 27px;\n height: 27px;\n fill: hsl(0,0%,80%);\n }\n .components-panel .components-base-control select.components-select-control__input option,\n .o-animations-control .o-animations-control__button option{\n color: #111;\n }\n .components-panel__body.is-opened .components-panel__body-toggle{\n text-transform: capitalize;\n font-size: 13px;\n line-height: 1.4em;\n font-weight: normal;\n color: #1E1E1E;\n }\n div.components-toolbar>div{\n align-items: center;\n }\n .th-ins-alignment .components-accessible-toolbar .components-button, \n .th-ins-alignment .components-toolbar .components-button{\n padding-top: 0;\n padding-bottom: 0;\n height: 38px;\n }\n .th-ins-alignment .components-toolbar .components-button.is-pressed:before{\n background:#8a1bff1f;\n }\n .th-ins-alignment .components-toolbar .components-button.is-pressed svg{\n color: #6c1bc3;\n }\n .th-ins-alignment .components-toolbar{\n border-color: #EEE;\n }\n .components-toolbar{\n min-height: 38px;\n }\n .th-gfont-control .components-select-control label,\n .th-gfont-control label,\n .o-animations-control label,\n .components-panel__body label,\n span.components-base-control__label,\n .components-popover__content label.components-base-control__label,\n .components-menu-group__label{\n text-transform: capitalize!important;\n font-size: 13px!important;\n line-height: 1.4em!important;\n font-weight: 400!important;\n color: #1e1e1e;\n }\n .components-button-group .components-button:first-child{\n border-radius: 4px 0 0 4px;\n }\n .components-button-group .components-button:last-child{\n border-radius: 0 4px 4px 0;\n }\n\n// pre-built style\n\n .th-block-ins .components-panel__body span{\n font-size: 13px!important;\n }\n .th-block-ins .dashicons-admin-links:before{\n display: flex;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n\n/* Overlay for the modal */\n.th-design-template-modal-popover {\n position: fixed;\n top: 0;\n left: 0;\n right:0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */\n z-index: 9999; /* Make sure it's on top of other content */\n}\n\n/* Modal container */\n.th-design-template-modal-popover {\n background-color: #fff;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n max-width:100%;\n max-height:100%;\n overflow: auto;\n}\n\n/* Close button */\n.th-design-template-modal-popover .components-button.is-secondary {\n margin-top: 10px;\n}\n\n.th-design-template-modal-wrap {\n width: 100%;\n max-width: 100%;\n box-shadow: none;\n border-radius: 0;\n height: 100%;\n margin: 0;\n}\n.th-design-template-modal-wrap>.th-inner-wrap {\n position: relative;\n display: flex;\n}\n.th-header{\n display: flex;\n background-color: #fff;\n position: relative;\n z-index: 3;\n box-shadow: 0 4px 10px rgba(0,0,0,.05);\n border-radius:0;\n padding: 0.5rem 3rem;\n position: fixed;\n width: -webkit-fill-available;\n height:60px;\n\n}\n.th-logo-wrap{\n align-self: center;\n display:flex;\n align-items: center;\n}\n\n.th-logo-wrap img{\n max-width: 32px;\n height: fit-content;\n}\n\n.th-menu-wrap {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n}\n\n.th-close-wrap{\n cursor: pointer;\n color: #a4afb7;\n line-height: normal;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.th-close-wrap button{\nheight:auto;\npadding:0;\ncolor: #818080;\n}\n\n.th-menu-item {\n\n display: flex;\n align-items: center;\n text-align: center;\n font-weight: 600;\n color: #818080;\n font-size: 13px;\n cursor: pointer;\n margin: 0 0.3rem;\n border:0\n}\n.th-menu-item svg,.th-close-wrap svg{\n font-size: 1.2rem;\n margin-right: 0.2rem;\n }\n \n .th-close-wrap button:hover{\n color:#6C1BC3;\n }\n\n.th-menu-item.active {\n \n color: #6C1BC3;\n \n}\n\n.th-template-block-wrap {\n padding: 35px 25px 0 25px;\n margin-top: 55px;\n width: -webkit-fill-available;\n}\n\n.th-block-templates-sites {\n display: flex;\n flex-wrap: wrap;\n}\n\n.th-block-templates-sites .item { \n width: 25%;\n padding:1%;\n margin: 0;\n box-shadow: none;\n box-sizing: border-box;\n}\n\n.th-block-templates-sites .item .inner {\n margin: 0;\n background: #fff;\n box-shadow: 0 4px 10px 0 rgba(0,0,0,.07);\n position: relative;\n border-radius: 3px;\n transition: all .4s;\n display: flow-root;\n}\n.th-block-templates-sites .item.single-site:hover .inner{\n box-shadow: 0 4px 10px 0 rgb(0 0 0 / 26%);\n cursor: pointer;\n}\n.th-block-templates-sites .single-site .grid-item-badge {\n background: #6c1bc3d4;\n color: #fff;\n padding: 4px 12px;\n font-size: 11px;\n bottom: 15px;\n right: -1px;\n text-transform: uppercase;\n position: absolute;\n z-index:1;\n font-weight: 600;\n letter-spacing: 0.3px;\n}\n\n.th-block-templates-sites .single-site .grid-item-badge.pro {\n background: #1bc36fd4;\n}\n\n.th-block-templates-sites .item .screenshot {\n background-position: center top;\n background-size: 100%;\n background-repeat: no-repeat;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n overflow: hidden;\n background-color: #e5e5e5;\n position: relative;\n display: block;\n}\n\n.th-block-templates-sites .item .screenshot::after {\n content: \"\";\n display: block;\n padding-top: 118%;\n}\n\n.th-block-templates-sites .item .heading-wrap {\n display: flex;\n justify-content: space-between;\n line-height: 1;\n padding: 12px 15px;\n font-weight: 400;\n border: none;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n flex-direction: column;\n cursor: pointer;\n}\n\n// pattern contain\n .pattern-tabs {\n display: flex;\n flex-direction: column;\n }\n \n .pattern-tab-button {\n padding: 10px 15px;\n border: none;\n text-align: left;\n cursor: pointer;\n width:100%;\n background: #fff;\n }\n \n .pattern-tab-content {\n width: calc(100% - 305px);\n margin-left: auto;\n }\n\n .th-block-templates-pattern{\n display:flex;\n }\n .th-block-templates-sites .import {\n padding: 8px 10px 8px 14px;\n min-height: auto;\n line-height: normal;\n border-radius: 2px;\n margin: 12px 15px;\n background: #3F51B5;\n display: flex;\n align-items: center;\n }\n \n .th-block-templates-sites .import svg {\n margin-left: 0.3rem;\n } \n.pattern-tab-button.active {\n background-color: #6C1BC3;\n color: #fff;\n}\n\n.pattern-tabs-filter{\n max-width: 250px;\n position: fixed;\n height: 100%;\n padding: 20px;\n}\n.pattern-tabs-filter-wrap{ \n height: 100%;\n max-height: calc(95vh - 204px);\n overflow: auto;\n}\n.import.import-template{\n margin:0px 0px 15px 15px;\n }\n \n .th-block-templates-sites .item .heading-wrap h3 {\n margin: 0.5rem 0;\n }\n .th-block-templates-sites .item .heading-wrap p {\n margin:0;\n }\n.th-block-templates-sites .inner img {\n max-width: 100%;\n vertical-align: middle;\n}\n\n.th-block-templates-pattern .masonry-grid {\n display: flex;\n margin-left: -16px; /* Adjust as needed */\n width: auto;\n }\n \n .th-block-templates-pattern .masonry-grid_column {\n padding-left: 16px; /* Adjust as needed */\n background-clip: padding-box;\n }\n \n .th-block-templates-pattern .item.single-site {\n margin-bottom: 16px; \n width: 100%;\n }\n \n .th-block-templates-pattern .thumbnail img {\n max-width: 100%;\n height: auto;\n }\n\n// loader panel\n/* Add this CSS to your stylesheet */\n@keyframes spinner {\n to {\n transform: rotate(360deg);\n }\n }\n \n .th-template-block-wrap .loading-icon {\n position:absolute;\n left:50%;\n top:50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(0, 0, 0, 0.2);\n border-top-color: #6c1bc3;\n border-radius: 50%;\n animation: spinner 0.6s linear infinite;\n \n }\n \n .th-template-block-wrap .loading-wrap {\n position:fixed;\n width:100%;\n left:0;\n right:0;\n top:0;\n bottom:0;\n background-color: rgba(255,255,255,0.7);\n z-index:9999;\n }\n \n .th-template-block-wrap{\n position:relative;\n \n }\n\n .th-logo-wrap h2{line-height: initial;\n color: #6C1BC3;\n}\n.themehunk-toolbar-design-library{\nwidth:135px;\n}\n.themehunk-toolbar-design-library button.th-toolbar-design-button img{\n width:20px;\n }\n\n.edit-post-header__center {\n justify-content: flex-start;\n } \n\n// single site template\n.th-single-site-content-wrap {\n display: flex;\n position: fixed;\n height: 80vh;\n margin: 0 auto;\n left:0;\n right:0;\n max-width: 1050px;\n}\n.th-single-site-content-wrap .th-single-site-content-preview{\n width:73%;\n flex: 1;\n margin-bottom: 3em;\n}\n\n.th-single-site-content-wrap .th-single-site-content-page-template{\n width:17%;\n}\n\n.th-single-site-content-wrap .th-single-site-content-preview .screenshot {\n margin-right: 2em;\n max-height: calc(100vh - 220px);\n overflow-y: auto;\n height: 100vh;\n border-radius:4px;\n border: 1px solid #eee;\n}\n\n.th-single-site-content-wrap img {\n width: 100%;\n transition: all .4s;\n\n}\n.th-single-site-content-page-grid .item{\nwidth:100%;\npadding: 0;\nmargin-right:2%;\nmargin-bottom:1rem;\nborder: 1px solid #eee;\n}\n\n.th-single-site-content-page-grid .item:last-child {\n margin-bottom: 0;\n \n}\n\n.th-single-site-content-page-grid .item .heading-wrap {\n padding:5px 10px;\n}\n.th-single-site-content-page-grid .item .heading-wrap h3{\n margin:10px 0px;\nfont-size:0.78rem;\n}\n\n.th-single-site-content-page-grid{\n display: flex;\n flex-wrap: wrap;\noverflow-y: auto;\n max-height: calc(100vh - 220px);\n padding-right: 0;\n margin-right: -0.5rem;\n margin-left: 0;\n}\n\n.th-single-site-content-preview h3,.th-single-site-content-page-template p{\nmargin:0 0 1.5rem 0;\n}\n.th-single-site-content-page-template p{\nfont-weight: 600;\n color: #818080;\n font-size: 13px;\n}\n.th-single-site-content-footer-wrap{\n display:flex;\n margin: 1rem 0;\n margin-right: 2em;\n justify-content: space-between;\n }\n\n .th-single-site-content-footer-wrap .th-button{\n font-size: 13px;\n font-weight: 600;\n background: #6C1BC3;\n border: 1px solid #6C1BC3;\n color:#fff;\n color: #fff !important;\n padding: 10px 20px;\n border-radius: 5px;\n cursor: pointer;\n }\n \n .th-single-site-content-footer-wrap .th-button.th-import{\n background:#111;\n border:1px solid #111;\n }\n\n .th-single-site-content-footer-wrap svg {\n margin-right: 5px;\n height: 16px;\n width: 16px;\n }\n \n .th-single-site-content-footer-wrap button.components-button.aisb-upgrade-btn.is-primary {\n border: 0;\n font-weight: 600;\n margin-right: 0%;\n cursor: pointer;\n background: #000 !important;\n color: #fff !important;\n padding: 10px 20px;\n border-radius: 5px;\n }\n\n .th-single-site-content-footer-left{\n display:flex;\n }\n .th-single-site-content-footer-left a{\n font-size: 0.7rem;\n \n color: #fff;\n text-decoration:none;\n }\n \n .th-single-site-content-footer-wrap .th-button.th-go-back{\n margin-right:0.5rem\n }\n\n .th-single-site-content-wrap .screenshot::-webkit-scrollbar,\n.th-single-site-content-page-grid::-webkit-scrollbar\n{\n\twidth: 5px;\n\tbackground-color: #F5F5F5;\n}\n\n.th-single-site-content-wrap .screenshot::-webkit-scrollbar-thumb,\n.th-single-site-content-page-grid::-webkit-scrollbar-thumb\n{\n\tborder-radius: 10px;\n\t-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);\n\tbackground-color: #ddd;\n}\n.th-single-site-content-page-grid .item.selected{\n border: 1px solid #6C1BC3;\n }\n\n .th-component-group-label.th-cart-icon {\n display: inline;\n }\n \n .th-cart-icon .th-toggle-group-control{\n flex-wrap: wrap;\n }\n \n .th-cart-icon .th-toggle-group-control .th-toggle-option{\n width:25%;\n flex: none;\n }\n\n .th-component-group-label.th-cart-icon .th-icon{\n font-size:35px;\n }\n \n .th-component-group-label.th-cart-icon .th-toggle-option .components-button.is-secondary {\n color: #000;\n box-shadow: none;\n border-radius: 0px;\n padding:5px;\n display: block;\n height: auto;\n background:#eeeeee63;\n }\n \n .th-component-group-label.th-cart-icon .th-toggle-option{\n padding:5px;\n \n }\n\n .th-cart-icon .th-toggle-group-control{\n margin-bottom:20px;\n }\n\n .count-position .components-button-group{\n padding:0\n }\n\n .components-border-box-control label{\n margin-bottom:25px;\n }"],"names":[],"sourceRoot":""}