{"version":3,"file":"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://taiowc/./src/block/taiowc/components/component-editor.scss"],"sourcesContent":["// toggle\r\n.th-toggle-group-control {\r\n\tdisplay: flex;\r\n\tbackground: rgb(255, 255, 255) none repeat scroll 0% 0%;\r\n\tborder: 1px solid #EEE;\r\n\tborder-radius: 2px;\r\n\tmin-height: 36px;\r\n\tmin-width: 0px;\r\n\tpadding: 2px;\r\n\tflex-grow:0.5;\r\n margin-bottom:8px;\r\n\r\n\t&.has-icon {\r\n\t\tmargin-left: 0px;\r\n\t\tmargin-right: 0px;\r\n\t}\r\n\r\n\t.th-toggle-option {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tflex: 1;\r\n\r\n\t\t.components-button {\r\n\t\t\tflex: 1 auto;\r\n\t\t\tjustify-content: center;\r\n\t\t\theight: 29px;\r\n\t\t\twidth: 100%;\r\n\t\t\tbox-shadow: none;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\t\t\t.dashicon {\r\n\t\t\t\tcolor: #2f2f2f;\r\n\t\t\t}\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tfill: #2f2f2f;\r\n\t\t\t\theight: 18px;\r\n width: 18px;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-primary {\r\n\t\t\t\tcolor: #6c1bc3;\r\n\t\t\t\tbackground-color: #8a1bff1f;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tborder-radius: 0;\r\n\r\n\t\t\t\t.dashicon {\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tfill: #6c1bc3;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.is-secondary {\r\n\t\t\t\tcolor: #000;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tborder-radius: 0px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n.components-button.is-secondary:active:not(:disabled), \r\n.components-button.is-tertiary:active:not(:disabled){\r\n background:#8a1bff1f;\r\n color: #6c1bc3;\r\n}\r\n\r\n//unit\r\n.components-base-control.components-th-blocks-units-control-header__units {\r\n\tdisplay: block;\r\n\tmargin-bottom: 0;\r\n\r\n\t.components-base-control__field {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 8px;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.components-base-control__label {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n.components-th-blocks-control__units{\r\n\t.components-th-blocks-control-buttons__units {\r\n\t\tbutton.components-button {\r\n\t\t\tbackground: #fff;\r\n\t\t\tbox-shadow: none !important;\r\n\t\t\tcolor: #929da7;\r\n\t\t\tfont-size: 10px;\r\n\t\t\tpadding: 0 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-shadow: none;\r\n\t\t\tborder: 0;\r\n\t\t\tborder-radius: 0 !important;\r\n\t\t\tline-height: 20px;\r\n \t\tpadding: 0 5px;\r\n \t\theight: auto;\r\n\r\n\t\t\t&.is-primary {\r\n\t\t\t\tbackground: #fff !important;\r\n\t\t\t\tcolor: #000 !important;\r\n\t\t\t\tcursor: default;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.o-responsive-control{\r\n\tposition:relative;\r\n\t}\r\n\t\r\n\t.components-base-control.components-th-blocks-units-control-header__units{\r\n\tposition:absolute;\r\n\tright:0;\r\n\ttop:4px;\r\n\t}\r\n\r\n//sizing\r\n\r\n.th-sizing-control {\r\n\t.components-base-control__label {\r\n\t\tmargin-bottom: 4px;\r\n\t}\r\n\r\n\t.th-sizing-control-wrapper {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 25% 25% 25% 25%;\r\n\t\tpadding: 6px 0;\r\n\r\n\t\t&.linking {\r\n\t\t\tgrid-template-columns: 20% 20% 20% 20% 20%;\r\n\t\t}\r\n\r\n\t\t.th-sizing-control-item {\r\n\t\t\t.th-sizing-control-item-input {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmin-height: 30px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tpadding: 0 5px;\r\n\t\t\t\tborder: 1px solid #eee;\r\n\r\n\t\t\t\t&[disabled] {\r\n\t\t\t\t\tbackground-color: #e6e9ec;\r\n\t\t\t\t\tcursor: not-allowed;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.dashicon {\r\n\t\t\t\t\tmargin: 2px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.th-sizing-control-item-label {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tfont-size: 9px;\r\n\t\t\t\ttext-transform: initial;\r\n\t\t\t\tpadding-top: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t&:first-child {\r\n\t\t\t\t.th-sizing-control-item-input {\r\n\t\t\t\t\tborder-radius: 4px 0 0 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\t.th-sizing-control-item-input {\r\n\t\t\t\t\tborder-radius: 0 4px 4px 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.toggle-linking {\r\n\t\t\t\tdisplay: flex;\r\n\r\n\t\t\t\t.th-sizing-control-item-input {\r\n\t\t\t\t\theight: 30px;\r\n\t\t\t\t\tborder: 1px solid #8d96a0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\twidth: 16px;\r\n\t\t\t\t\t height: 16px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.is-linked {\r\n\t\t\t\t\t.th-sizing-control-item-input {\r\n\t\t\t\t\t\tbackground: #8a1bff1f;\r\n\t\t\t\t\t\tcolor: #6c1bc3;\r\n\r\n\t\t\t\t\t\t&:hover {\r\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) {\r\n\t\t\t\t\t\t\t\tbackground: #8a1bff1f;\r\n\t\t\t\t\t\t\t\tcolor: #6c1bc3;\r\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);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\ninput[type=number].th-sizing-control-item-input::-webkit-inner-spin-button{\r\n\topacity :0;\r\n\t}\r\n\t\r\ninput[type=number].th-sizing-control-item-input:focus::-webkit-inner-spin-button{\r\n\topacity :1;\r\n\t}\r\n\r\n.th-sizing-control .th-sizing-control-wrapper .th-sizing-control-item .th-sizing-control-item-input:focus{\r\n\r\n\t\tbox-shadow:none;\r\n}\r\n\r\n//responsive-control\r\n\r\n.o-responsive-control {\r\n\tmargin: 10px 0;\r\n\r\n\t.components-base-control__title {\r\n\t\tdisplay: flex;\r\n\t\tmargin:0;\r\n justify-content: flex-start;\r\n\r\n\t\tlabel {\r\n\t\t\tpadding: 5px 0;\r\n\t\t}\r\n\r\n\t\t.floating-controls {\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\tbutton {\r\n padding:0;\r\n\t\t\t\t.dashicon {\r\n\t\t\t\t\tmargin: 2px;\r\n\t\t\t\t\tfont-size:0.89rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.o-responsive-control-settings {\r\n\t.o-responsive-control-settings-title {\r\n\t\tmargin-bottom: 8px;\r\n\t\tcolor: #6c7781;\r\n\t}\r\n\r\n\t.o-responsive-control-settings-item {\r\n\t\tpadding: 6px 12px 6px 40px;\r\n\t\twidth: 100%;\r\n\t\tmargin: 2px 0;\r\n\r\n\t\tsvg {\r\n\t\t\tmargin-right: 10px;\r\n\t\t}\r\n\r\n\t\t&:not(:disabled):not([aria-disabled=\"true\"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link) {\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tborder-radius: 0;\r\n\r\n\t\t\t\t.popover-title {\r\n\t\t\t\t\tcolor: #007cba;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.is-selected {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tpadding-left: 6px;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbox-shadow: 0 0 0 2px #007cba;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.popover-title {\r\n\t\t\tcolor: #40464d;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.branch-5-4 {\r\n\t.o-responsive-control-settings {\r\n\t\tpadding: 7px 0;\r\n\r\n\t\t.o-responsive-control-settings-title {\r\n\t\t\tpadding: 0 7px;\r\n\t\t}\r\n\r\n\t\t.o-responsive-control-settings-item {\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 36px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\t&:not(:disabled):not([aria-disabled=\"true\"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link) {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: #f3f4f5;\r\n\r\n\t\t\t\t\t.popover-title {\r\n\t\t\t\t\t\tcolor: #40464d;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\toutline-offset: -2px;\r\n\t\t\t\t\toutline: 1px dotted #555d66;\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// global css\r\n\t.components-button:focus:not(:disabled) {\r\n\t\tbox-shadow: none;\r\n\t\toutline: 0;\r\n\t}\r\n\r\n .components-button.components-range-control__reset:before{\r\n\tcontent: \"\\f531\";\r\n\tfont-family:'dashicons';\r\n\tfont-size:0.6rem;\r\n\t}\r\n\t.components-button.components-range-control__reset{\r\n\tfont-size: 0;\r\n\t\tborder: none;\r\n\t\tbox-shadow: none;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.th-adv-h-panel .components-button.components-toolbar__control.has-icon svg{\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n\t.th-adv-h-panel .components-button.components-toolbar__control.has-icon{\r\n\tmin-width: 28px;\r\n\t}\r\n\t.th-adv-h-panel .components-toolbar{\r\n\t\r\n\tmin-height: 28px;\r\n\tborder:1px solid #d5dadf;\r\n\t}\r\n\r\n\t.th-label,.th-component-group-label,\r\n\t.th-component-group .components-base-control__field,.th-component-group-label .components-base-control__field{\r\n\t\tmargin-bottom: 8px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n //ins-setting\r\n .block-editor-block-inspector .th-setting-header {\r\n display: flex;\r\n padding: 0;\r\n border-top: none;\r\n \r\n .components-button {\r\n width: 100%;\r\n flex: 1 1 0px;\r\n justify-content: center;\r\n border-radius: 0;\r\n height: auto;\r\n background:#fff;\r\n color: #111;\r\n border: .5px solid #eee;\r\n box-shadow: none;\r\n cursor: pointer;\r\n padding: 9px 15px;\r\n margin-left: 0;\r\n font-weight: 500;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n \r\n &:focus {\r\n background:#8a1bff1f;\r\n color: #6c1bc3;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n &.is-active {\r\n background:#8a1bff1f;\r\n color: #6c1bc3;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n svg{\r\n width: 100%;\r\n margin-bottom: 5px;\r\n font-size: 21px;\r\n }\r\n }\r\n\r\n .th-tab-wrap{\r\n flex-grow: 2;\r\n }\r\n }\r\n .block-editor-block-inspector .th-setting-header .th-tab-wrap:nth-of-type(2) .components-button{\r\n border-left: 0;\r\n border-right: 0;\r\n }\r\n //hovertab\r\n .th-hover-control {\r\n display: flex;\r\n padding: 0;\r\n border-top: none;\r\n \r\n .components-button {\r\n flex: 1 1 0px;\r\n justify-content: center;\r\n border-radius: 0;\r\n background: transparent;\r\n border: none;\r\n box-shadow: none;\r\n cursor: pointer;\r\n padding: 0px 0px;\r\n margin-left: 0;\r\n font-weight: 500;\r\n border: 1px solid #EEE;\r\n margin-bottom: 15px;\r\n font-size: 12px;\r\n min-height: 38px;\r\n \r\n &:focus {\r\n outline: none;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n &.is-active {\r\n background:#8a1bff1f;\r\n color: #6c1bc3;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n &:hover{\r\n color: #6c1bc3;\r\n }\r\n }\r\n }\r\n\r\n //googlefont\r\n\r\n .th-gfont-popover {\r\n &:not(.is-mobile) {\r\n &.is-bottom {\r\n z-index: 9999999;\r\n }\r\n }\r\n \r\n .components-popover__content {\r\n overflow-y: hidden;\r\n \r\n .components-menu-group {\r\n padding: 7px;\r\n }\r\n \r\n .components-popover__items {\r\n max-height: 300px;\r\n overflow-y: auto;\r\n \r\n button {\r\n &.is-selected {\r\n background: #f8f9f9;\r\n }\r\n \r\n i {\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n .th-gfont-control {\r\n .components-dropdown {\r\n display: flex;\r\n }\r\n \r\n .th-gfont-button {\r\n background: transparent;\r\n position: relative;\r\n width: 100%;\r\n height: auto;\r\n line-height: 28px;\r\n padding: 0 12px 2px;\r\n box-shadow: 0 0 0 transparent;\r\n transition: box-shadow .1s linear;\r\n border-radius: 4px;\r\n border: 1px solid #8d96a0;\r\n \r\n &.is-button {\r\n background: transparent;\r\n }\r\n \r\n &:hover {\r\n background: #fafafa;\r\n border-color: #999;\r\n box-shadow: inset 0 -1px 0 #999;\r\n color: #23282d;\r\n text-decoration: none;\r\n }\r\n \r\n &:focus {\r\n border: 1px solid black;\r\n }\r\n \r\n &:after {\r\n content: \"\";\r\n pointer-events: none;\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n border-left: 3px solid transparent;\r\n border-right: 3px solid transparent;\r\n border-top: 5px solid currentColor;\r\n margin-left: 4px;\r\n margin-right: 2px;\r\n right: 8px;\r\n top: 12px;\r\n position: absolute;\r\n }\r\n }\r\n \r\n .o-control-panel-control {\r\n padding: 0;\r\n }\r\n }\r\n \r\n .th-gfont-control .components-dropdown {\r\n display: flex;\r\n }\r\n \r\n .th-gfont-control .th-gfont-button {\r\n background: transparent;\r\n border: 1px solid hsl(0,0%,80%);\r\n border-radius: 4px;\r\n box-shadow: 0 0 0 transparent;\r\n min-height: 38px;\r\n line-height: 28px;\r\n padding: 8px 12px;\r\n position: relative;\r\n transition: box-shadow .1s linear;\r\n width: 100%;\r\n }\r\n .th-gfont-control .th-gfont-button:after {\r\n border-left: 3px solid transparent;\r\n border-right: 3px solid transparent;\r\n border-top: 5px solid;\r\n content: \"\";\r\n display: block;\r\n height: 0;\r\n margin-left: 4px;\r\n margin-right: 2px;\r\n pointer-events: none;\r\n position: absolute;\r\n right: 9px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 0;\r\n }\r\n @media ( max-width: 782px ) {\r\n .th-gfont-control {\r\n .th-gfont-button {\r\n padding: 5px 24px 5px 8px;\r\n \r\n &:after {\r\n top: 16px;\r\n }\r\n }\r\n }\r\n }\r\n //controll-panel\r\n .th-control-panel-control {\r\n \r\n \r\n .components-base-control__title {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width:100%;\r\n \r\n label {\r\n padding: 5px 0;\r\n }\r\n \r\n .floating-controls {\r\n .components-dropdown {\r\n display: flex;\r\n \r\n button {\r\n &.is-tertiary {\r\n border: none;\r\n box-shadow: none;\r\n color: #1e1e1e;\r\n \r\n &:hover {\r\n color: var(--wp-admin-theme-color);\r\n }\r\n }\r\n \r\n &.is-active {\r\n color: var(--wp-admin-theme-color);\r\n }\r\n \r\n .dashicon {\r\n margin: 2px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n .th-popover-settings {\r\n padding: 10px;\r\n min-width: 300px;\r\n overflow: hidden;\r\n \r\n .components-button-group {\r\n padding-bottom: 10px;\r\n }\r\n }\r\n \r\n .components-panel__body-toggle.components-button:focus {\r\n box-shadow: none;\r\n border-radius: 0;\r\n }\r\n\r\n //clear button\r\n .th-clear-button {\r\n width: 100%;\r\n display: flex;\r\n justify-content: flex-end;\r\n margin: 5px 0;\r\n }\r\n .th-icon-preview > span{\r\n min-width: 29px;\r\n }\r\n .th-icon-preview {\r\n padding-left: 34px!important;\r\n } \r\n // background\r\n .th-background-selector-control {\r\n margin: 0 0 1.5em 0;\r\n \r\n .components-base-control__title {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 20px;\r\n \r\n label {\r\n padding: 5px 0;\r\n }\r\n \r\n .linking-controls {\r\n display: flex;\r\n \r\n button {\r\n width: 25px;\r\n height: 32px;\r\n border: 1px solid #EEE;\r\n outline: none;\r\n box-shadow: none;\r\n \r\n svg {\r\n width: 20px;\r\n }\r\n \r\n &.is-primary {\r\n z-index: 0;\r\n background:#8a1bff1f;\r\n \r\n svg {\r\n fill: #6c1bc3;\r\n }\r\n \r\n &:hover {\r\n background:#8a1bff1f;\r\n border-color: none;\r\n box-shadow: none;\r\n color: #6c1bc3;\r\n text-decoration: none;\r\n text-shadow:none;\r\n }\r\n \r\n &:focus:not(:disabled) {\r\n box-shadow: none;\r\n }\r\n }\r\n \r\n .dashicon {\r\n margin: 2px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n.th-link-button button.components-button.is-primary{\r\n height: 100%;\r\n background: transparent;\r\n color: #111;\r\n}\r\n.th-link-button button.components-button.is-primary:hover{\r\n background: transparent;\r\n color: #111;\r\n}\r\n #th-cat-select{\r\n margin-bottom: 20px;\r\n }\r\n .th-sortable-control-area .th-component-group-label{\r\n display:block;\r\n }\r\n\r\n// Icon Picker\r\n.th-blocks-icon-chooser {\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: flex;\r\n\t-ms-flex-wrap: wrap;\r\n\tflex-wrap: wrap;\r\n\tlist-style: none;\r\n\tmargin-top: 0;\r\n\tmargin-left: -3px;\r\n\r\n\tli {\r\n\t\tdisplay: block;\r\n\t margin: 0 0 3px 3px;\r\n\t padding: 0;\r\n\r\n\t\tbutton.components-button {\r\n\t\t\tbackground: #fafafa;\r\n\t\t\tcolor: #000;\r\n\t\t\theight: 30px;\r\n\t\t\twidth: 30px;\r\n\t\t\tborder: 0;\r\n\t\t\tborder-radius: 0;\r\n\t\t\t-webkit-box-shadow: none;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tpadding: 8px;\r\n\t\t\tline-height: normal;\r\n\t\t\tfont-size: 15px;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tline-height: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 1em;\r\n\t\t\t\theight: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.th-icon {\r\n\tline-height: 0;\r\n}\r\n.th-icon svg {\r\n\theight: 1em;\r\n\twidth: 1em;\r\n\tfill: currentColor;\r\n}\r\nbutton.components-icon-picker-item {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 30px;\r\n line-height: 50px;\r\n background: #efefef;\r\n cursor: pointer;\r\n border: 1px solid #ddd;\r\n\tmargin-bottom: 10px;\r\n\r\n\tsvg {\r\n\t\theight: 1em;\r\n\t\twidth: 1em;\r\n\t}\r\n}\r\n\r\n.components-icon-picker-item > span {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.components-icon-picker-item:hover, .components-icon-picker-item:focus {\r\n background: #fafafa;\r\n}\r\n\r\n.th-svg-html .components-base-control {\r\n margin-bottom: 0;\r\n}\r\n\r\n.th-icon-preview {\r\n font-size: 25px;\r\n display: flex;\r\n align-items: center;\r\n\r\n\tsvg {\r\n\t\tmargin-right: 10px;\r\n\t\twidth: 1em;\r\n\t\theight: 1em;\r\n\t}\r\n}\r\n\r\n.th-blocks-icon-panel:not(:first-child) {\r\n\tborder-top: 1px solid #eee !important;\r\n}\r\n.th-blocks-icon-panel h2{\r\n position: absolute;\r\n top: -52px;\r\n right: 9px;\r\n background: transparent!important;\r\n outline: 1px solid #B9B9B9;\r\n border-radius: 2px;\r\n\t\r\n}\r\n.th-blocks-icon-panel .components-panel__body-toggle.components-button .components-panel__arrow{\r\n\tright: -4px;\r\n}\r\n.th-blocks-icon-panel h2 button.components-panel__body-toggle.components-button{\r\n padding: 5px 21px 5px 5px;\r\n color: #111;\r\n height: 29px;\r\n\tposition: relative;\r\n}\r\n.th-icon-label{\r\n display: inline-flex;\r\n float: left;\r\n}\r\n.th-icon-preview{\r\n padding-left: 47px;\r\n}\r\n.th-icon-preview button{\r\n height: 29px!important;\r\n}\r\n.th-blocks-icon-panel.is-opened{\r\n margin-top: 40px!important;\r\n}\r\n.th-icon-chooser{\r\n position: relative;\r\n}\r\n.th-icon-preview button.components-button.is-secondary,\r\n.th-icon-preview button.components-button.is-secondary:hover{\r\n\t// box-shadow: inset 0 0 0 1px #B9B9B9;\r\n box-shadow: none;\r\n border: 1px solid #B9B9B9;\r\n border-radius: 2px;\r\n\tcolor: GREEN;\r\n}\r\n// Editor Global Style CSS\r\n .editor-block-list-item-vayu-blocks-advance-button svg,\r\n .editor-block-list-item-vayu-blocks-advance-spacer svg,\r\n .editor-block-list-item-vayu-blocks-advance-heading svg,\r\n .editor-block-list-item-vayu-blocks-advance-container svg,\r\n .editor-block-list-item-vayu-blocks-advance-product svg,\r\n .editor-block-list-item-vayu-blocks-advance-button:hover svg,\r\n .editor-block-list-item-vayu-blocks-advance-spacer:hover svg,\r\n .editor-block-list-item-vayu-blocks-advance-heading:hover svg,\r\n .editor-block-list-item-vayu-blocks-advance-container:hover svg,\r\n .editor-block-list-item-vayu-blocks-advance-product:hover svg{\r\n color: #6c1bc3!important;\r\n }\r\n .components-panel .components-base-control select.components-select-control__input,\r\n .o-animations-control .o-animations-control__button{\r\n -webkit-align-items: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n background-color: hsl(0,0%,100%);\r\n border-color: hsl(0,0%,80%);\r\n border-radius: 4px;\r\n border-style: solid;\r\n border-width: 1px;\r\n cursor: default;\r\n display: flex;\r\n -webkit-flex-wrap: wrap;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -webkit-box-pack: justify;\r\n -webkit-justify-content: space-between;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n min-height: 38px;\r\n outline: 0 !important;\r\n position: relative;\r\n -webkit-transition: all 100ms;\r\n transition: all 100ms;\r\n box-sizing: border-box;\r\n color: hsl(0,0%,50%);\r\n padding: 8px;\r\n height: auto;\r\n }\r\n .components-panel .components-base-control select.components-select-control__input + span .components-spacer{\r\n top: 50%;\r\n transform: translateY(-50%);\r\n padding-right: 9px;\r\n }\r\n .components-panel .components-base-control select.components-select-control__input:hover,\r\n .o-animations-control .o-animations-control__button:hover{\r\n border-color: hsl(0,0%,70%);\r\n }\r\n .components-panel .components-base-control select.components-select-control__input + span .components-spacer svg{\r\n width: 27px;\r\n height: 27px;\r\n fill: hsl(0,0%,80%);\r\n }\r\n .components-panel .components-base-control select.components-select-control__input option,\r\n .o-animations-control .o-animations-control__button option{\r\n color: #111;\r\n }\r\n .components-panel__body.is-opened .components-panel__body-toggle{\r\n text-transform: capitalize;\r\n font-size: 13px;\r\n line-height: 1.4em;\r\n font-weight: normal;\r\n color: #1E1E1E;\r\n }\r\n div.components-toolbar>div{\r\n align-items: center;\r\n }\r\n .th-ins-alignment .components-accessible-toolbar .components-button, \r\n .th-ins-alignment .components-toolbar .components-button{\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n height: 38px;\r\n }\r\n .th-ins-alignment .components-toolbar .components-button.is-pressed:before{\r\n background:#8a1bff1f;\r\n }\r\n .th-ins-alignment .components-toolbar .components-button.is-pressed svg{\r\n color: #6c1bc3;\r\n }\r\n .th-ins-alignment .components-toolbar{\r\n border-color: #EEE;\r\n }\r\n .components-toolbar{\r\n min-height: 38px;\r\n }\r\n .th-gfont-control .components-select-control label,\r\n .th-gfont-control label,\r\n .o-animations-control label,\r\n .components-panel__body label,\r\n span.components-base-control__label,\r\n .components-popover__content label.components-base-control__label,\r\n .components-menu-group__label{\r\n text-transform: capitalize!important;\r\n font-size: 13px!important;\r\n line-height: 1.4em!important;\r\n font-weight: 400!important;\r\n color: #1e1e1e;\r\n }\r\n .components-button-group .components-button:first-child{\r\n border-radius: 4px 0 0 4px;\r\n }\r\n .components-button-group .components-button:last-child{\r\n border-radius: 0 4px 4px 0;\r\n }\r\n\r\n// pre-built style\r\n\r\n .th-block-ins .components-panel__body span{\r\n font-size: 13px!important;\r\n }\r\n .th-block-ins .dashicons-admin-links:before{\r\n display: flex;\r\n height: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n/* Overlay for the modal */\r\n.th-design-template-modal-popover {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right:0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */\r\n z-index: 9999; /* Make sure it's on top of other content */\r\n}\r\n\r\n/* Modal container */\r\n.th-design-template-modal-popover {\r\n background-color: #fff;\r\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\r\n max-width:100%;\r\n max-height:100%;\r\n overflow: auto;\r\n}\r\n\r\n/* Close button */\r\n.th-design-template-modal-popover .components-button.is-secondary {\r\n margin-top: 10px;\r\n}\r\n\r\n.th-design-template-modal-wrap {\r\n width: 100%;\r\n max-width: 100%;\r\n box-shadow: none;\r\n border-radius: 0;\r\n height: 100%;\r\n margin: 0;\r\n}\r\n.th-design-template-modal-wrap>.th-inner-wrap {\r\n position: relative;\r\n display: flex;\r\n}\r\n.th-header{\r\n display: flex;\r\n background-color: #fff;\r\n position: relative;\r\n z-index: 3;\r\n box-shadow: 0 4px 10px rgba(0,0,0,.05);\r\n border-radius:0;\r\n padding: 0.5rem 3rem;\r\n position: fixed;\r\n width: -webkit-fill-available;\r\n height:60px;\r\n\r\n}\r\n.th-logo-wrap{\r\n align-self: center;\r\n display:flex;\r\n align-items: center;\r\n}\r\n\r\n.th-logo-wrap img{\r\n max-width: 32px;\r\n height: fit-content;\r\n}\r\n\r\n.th-menu-wrap {\r\n display: flex;\r\n flex: 1;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.th-close-wrap{\r\n cursor: pointer;\r\n color: #a4afb7;\r\n line-height: normal;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.th-close-wrap button{\r\nheight:auto;\r\npadding:0;\r\ncolor: #818080;\r\n}\r\n\r\n.th-menu-item {\r\n\r\n display: flex;\r\n align-items: center;\r\n text-align: center;\r\n font-weight: 600;\r\n color: #818080;\r\n font-size: 13px;\r\n cursor: pointer;\r\n margin: 0 0.3rem;\r\n border:0\r\n}\r\n.th-menu-item svg,.th-close-wrap svg{\r\n font-size: 1.2rem;\r\n margin-right: 0.2rem;\r\n }\r\n \r\n .th-close-wrap button:hover{\r\n color:#6C1BC3;\r\n }\r\n\r\n.th-menu-item.active {\r\n \r\n color: #6C1BC3;\r\n \r\n}\r\n\r\n.th-template-block-wrap {\r\n padding: 35px 25px 0 25px;\r\n margin-top: 55px;\r\n width: -webkit-fill-available;\r\n}\r\n\r\n.th-block-templates-sites {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.th-block-templates-sites .item { \r\n width: 25%;\r\n padding:1%;\r\n margin: 0;\r\n box-shadow: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n.th-block-templates-sites .item .inner {\r\n margin: 0;\r\n background: #fff;\r\n box-shadow: 0 4px 10px 0 rgba(0,0,0,.07);\r\n position: relative;\r\n border-radius: 3px;\r\n transition: all .4s;\r\n display: flow-root;\r\n}\r\n.th-block-templates-sites .item.single-site:hover .inner{\r\n box-shadow: 0 4px 10px 0 rgb(0 0 0 / 26%);\r\n cursor: pointer;\r\n}\r\n.th-block-templates-sites .single-site .grid-item-badge {\r\n background: #6c1bc3d4;\r\n color: #fff;\r\n padding: 4px 12px;\r\n font-size: 11px;\r\n bottom: 15px;\r\n right: -1px;\r\n text-transform: uppercase;\r\n position: absolute;\r\n z-index:1;\r\n font-weight: 600;\r\n letter-spacing: 0.3px;\r\n}\r\n\r\n.th-block-templates-sites .single-site .grid-item-badge.pro {\r\n background: #1bc36fd4;\r\n}\r\n\r\n.th-block-templates-sites .item .screenshot {\r\n background-position: center top;\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n border-top-left-radius: 2px;\r\n border-top-right-radius: 2px;\r\n overflow: hidden;\r\n background-color: #e5e5e5;\r\n position: relative;\r\n display: block;\r\n}\r\n\r\n.th-block-templates-sites .item .screenshot::after {\r\n content: \"\";\r\n display: block;\r\n padding-top: 118%;\r\n}\r\n\r\n.th-block-templates-sites .item .heading-wrap {\r\n display: flex;\r\n justify-content: space-between;\r\n line-height: 1;\r\n padding: 12px 15px;\r\n font-weight: 400;\r\n border: none;\r\n border-bottom-left-radius: 2px;\r\n border-bottom-right-radius: 2px;\r\n flex-direction: column;\r\n cursor: pointer;\r\n}\r\n\r\n// pattern contain\r\n .pattern-tabs {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .pattern-tab-button {\r\n padding: 10px 15px;\r\n border: none;\r\n text-align: left;\r\n cursor: pointer;\r\n width:100%;\r\n background: #fff;\r\n }\r\n \r\n .pattern-tab-content {\r\n width: calc(100% - 305px);\r\n margin-left: auto;\r\n }\r\n\r\n .th-block-templates-pattern{\r\n display:flex;\r\n }\r\n .th-block-templates-sites .import {\r\n padding: 8px 10px 8px 14px;\r\n min-height: auto;\r\n line-height: normal;\r\n border-radius: 2px;\r\n margin: 12px 15px;\r\n background: #3F51B5;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .th-block-templates-sites .import svg {\r\n margin-left: 0.3rem;\r\n } \r\n.pattern-tab-button.active {\r\n background-color: #6C1BC3;\r\n color: #fff;\r\n}\r\n\r\n.pattern-tabs-filter{\r\n max-width: 250px;\r\n position: fixed;\r\n height: 100%;\r\n padding: 20px;\r\n}\r\n.pattern-tabs-filter-wrap{ \r\n height: 100%;\r\n max-height: calc(95vh - 204px);\r\n overflow: auto;\r\n}\r\n.import.import-template{\r\n margin:0px 0px 15px 15px;\r\n }\r\n \r\n .th-block-templates-sites .item .heading-wrap h3 {\r\n margin: 0.5rem 0;\r\n }\r\n .th-block-templates-sites .item .heading-wrap p {\r\n margin:0;\r\n }\r\n.th-block-templates-sites .inner img {\r\n max-width: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n.th-block-templates-pattern .masonry-grid {\r\n display: flex;\r\n margin-left: -16px; /* Adjust as needed */\r\n width: auto;\r\n }\r\n \r\n .th-block-templates-pattern .masonry-grid_column {\r\n padding-left: 16px; /* Adjust as needed */\r\n background-clip: padding-box;\r\n }\r\n \r\n .th-block-templates-pattern .item.single-site {\r\n margin-bottom: 16px; \r\n width: 100%;\r\n }\r\n \r\n .th-block-templates-pattern .thumbnail img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n\r\n// loader panel\r\n/* Add this CSS to your stylesheet */\r\n@keyframes spinner {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n \r\n .th-template-block-wrap .loading-icon {\r\n position:absolute;\r\n left:50%;\r\n top:50%;\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid rgba(0, 0, 0, 0.2);\r\n border-top-color: #6c1bc3;\r\n border-radius: 50%;\r\n animation: spinner 0.6s linear infinite;\r\n \r\n }\r\n \r\n .th-template-block-wrap .loading-wrap {\r\n position:fixed;\r\n width:100%;\r\n left:0;\r\n right:0;\r\n top:0;\r\n bottom:0;\r\n background-color: rgba(255,255,255,0.7);\r\n z-index:9999;\r\n }\r\n \r\n .th-template-block-wrap{\r\n position:relative;\r\n \r\n }\r\n\r\n .th-logo-wrap h2{line-height: initial;\r\n color: #6C1BC3;\r\n}\r\n.themehunk-toolbar-design-library{\r\nwidth:135px;\r\n}\r\n.themehunk-toolbar-design-library button.th-toolbar-design-button img{\r\n width:20px;\r\n }\r\n\r\n.edit-post-header__center {\r\n justify-content: flex-start;\r\n } \r\n\r\n// single site template\r\n.th-single-site-content-wrap {\r\n display: flex;\r\n position: fixed;\r\n height: 80vh;\r\n margin: 0 auto;\r\n left:0;\r\n right:0;\r\n max-width: 1050px;\r\n}\r\n.th-single-site-content-wrap .th-single-site-content-preview{\r\n width:73%;\r\n flex: 1;\r\n margin-bottom: 3em;\r\n}\r\n\r\n.th-single-site-content-wrap .th-single-site-content-page-template{\r\n width:17%;\r\n}\r\n\r\n.th-single-site-content-wrap .th-single-site-content-preview .screenshot {\r\n margin-right: 2em;\r\n max-height: calc(100vh - 220px);\r\n overflow-y: auto;\r\n height: 100vh;\r\n border-radius:4px;\r\n border: 1px solid #eee;\r\n}\r\n\r\n.th-single-site-content-wrap img {\r\n width: 100%;\r\n transition: all .4s;\r\n\r\n}\r\n.th-single-site-content-page-grid .item{\r\nwidth:100%;\r\npadding: 0;\r\nmargin-right:2%;\r\nmargin-bottom:1rem;\r\nborder: 1px solid #eee;\r\n}\r\n\r\n.th-single-site-content-page-grid .item:last-child {\r\n margin-bottom: 0;\r\n \r\n}\r\n\r\n.th-single-site-content-page-grid .item .heading-wrap {\r\n padding:5px 10px;\r\n}\r\n.th-single-site-content-page-grid .item .heading-wrap h3{\r\n margin:10px 0px;\r\nfont-size:0.78rem;\r\n}\r\n\r\n.th-single-site-content-page-grid{\r\n display: flex;\r\n flex-wrap: wrap;\r\noverflow-y: auto;\r\n max-height: calc(100vh - 220px);\r\n padding-right: 0;\r\n margin-right: -0.5rem;\r\n margin-left: 0;\r\n}\r\n\r\n.th-single-site-content-preview h3,.th-single-site-content-page-template p{\r\nmargin:0 0 1.5rem 0;\r\n}\r\n.th-single-site-content-page-template p{\r\nfont-weight: 600;\r\n color: #818080;\r\n font-size: 13px;\r\n}\r\n.th-single-site-content-footer-wrap{\r\n display:flex;\r\n margin: 1rem 0;\r\n margin-right: 2em;\r\n justify-content: space-between;\r\n }\r\n\r\n .th-single-site-content-footer-wrap .th-button{\r\n font-size: 13px;\r\n font-weight: 600;\r\n background: #6C1BC3;\r\n border: 1px solid #6C1BC3;\r\n color:#fff;\r\n color: #fff !important;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n }\r\n \r\n .th-single-site-content-footer-wrap .th-button.th-import{\r\n background:#111;\r\n border:1px solid #111;\r\n }\r\n\r\n .th-single-site-content-footer-wrap svg {\r\n margin-right: 5px;\r\n height: 16px;\r\n width: 16px;\r\n }\r\n \r\n .th-single-site-content-footer-wrap button.components-button.aisb-upgrade-btn.is-primary {\r\n border: 0;\r\n font-weight: 600;\r\n margin-right: 0%;\r\n cursor: pointer;\r\n background: #000 !important;\r\n color: #fff !important;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n }\r\n\r\n .th-single-site-content-footer-left{\r\n display:flex;\r\n }\r\n .th-single-site-content-footer-left a{\r\n font-size: 0.7rem;\r\n \r\n color: #fff;\r\n text-decoration:none;\r\n }\r\n \r\n .th-single-site-content-footer-wrap .th-button.th-go-back{\r\n margin-right:0.5rem\r\n }\r\n\r\n .th-single-site-content-wrap .screenshot::-webkit-scrollbar,\r\n.th-single-site-content-page-grid::-webkit-scrollbar\r\n{\r\n\twidth: 5px;\r\n\tbackground-color: #F5F5F5;\r\n}\r\n\r\n.th-single-site-content-wrap .screenshot::-webkit-scrollbar-thumb,\r\n.th-single-site-content-page-grid::-webkit-scrollbar-thumb\r\n{\r\n\tborder-radius: 10px;\r\n\t-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);\r\n\tbackground-color: #ddd;\r\n}\r\n.th-single-site-content-page-grid .item.selected{\r\n border: 1px solid #6C1BC3;\r\n }\r\n\r\n .th-component-group-label.th-cart-icon {\r\n display: inline;\r\n }\r\n \r\n .th-cart-icon .th-toggle-group-control{\r\n flex-wrap: wrap;\r\n }\r\n \r\n .th-cart-icon .th-toggle-group-control .th-toggle-option{\r\n width:25%;\r\n flex: none;\r\n }\r\n\r\n .th-component-group-label.th-cart-icon .th-icon{\r\n font-size:35px;\r\n }\r\n \r\n .th-component-group-label.th-cart-icon .th-toggle-option .components-button.is-secondary {\r\n color: #000;\r\n box-shadow: none;\r\n border-radius: 0px;\r\n padding:5px;\r\n display: block;\r\n height: auto;\r\n background:#eeeeee63;\r\n }\r\n \r\n .th-component-group-label.th-cart-icon .th-toggle-option{\r\n padding:5px;\r\n \r\n }\r\n\r\n .th-cart-icon .th-toggle-group-control{\r\n margin-bottom:20px;\r\n }\r\n\r\n .count-position .components-button-group{\r\n padding:0\r\n }"],"names":[],"sourceRoot":""}