{"version":3,"file":"./style-preview.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;EACA;EACA;EACA;EACA;AAAD;AAGA;EACC;EACA;EACA;EACA;EACA;AAAD;AAEC;EACC;AAAF;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;AADF;AAKA;EACC;EACA;EACA;EACA;EACA;AAFD;AAMA;EACC;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;AAHF;AAMC;EACC;AAJF;AAOC;EACC;EACA;AALF;AAUG;EACC;EACA;AARJ;AAcE;EACC;AAZH;AAiBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAdD;AAiBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAdD;AAgBC;EACC;EACA;EACA;AAdF;AAiBC;EACC;EACA;AAfF;AAiBE;EACC;AAfH;AAmBC;EACC;EACA;AAjBF;AAmBE;EACC;AAjBH;AAsBA;EACC;EACA;EACA;AAnBD;AAsBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApBH;AA0BA;EACC;EACA;EACA;AAvBD;AAyBC;EACC;EACA;EACA;EACA;AAvBF;AA4BA;EACC;EACA;AAzBD;AA4BA;EACC;AAzBD;AA4BA;EACC;AAzBD;AA2BC;EACC;EACA;EACA;EACA;AAzBF;AA4BC;EACC;EACA;EACA;AA1BF;AA8BA;;;EAGC;EACA;EACA;AA3BD;AA6BC;;;EACC;AAzBF;AA4BC;;;EACC;AAxBF;AA4BA;EACC;EACA;EACA;AAzBD;AA4BA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzBD;AA2BC;EACC;EACA;AAzBF;AA6BA;EACC;EACA;EACA;EACA;AA1BD;AA4BC;EACC;EACA;EACA;KAAA;AA1BF;AA8BA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA3BD;AA6BC;EACC;EACA;EACA;AA3BF;AA+BA;EACC;EACA;AA5BD;AA+BA;EACC;EACA;EACA;EACA;EACA;AA5BD;AA+BA;EACC;EACA;EACA;AA5BD;AA8BC;EACC;EACA;AA5BF,C","sources":["webpack://topbuddy/./src/preview/style.scss"],"sourcesContent":["/**\r\n * Preview Styles\r\n * \r\n * @package TopBuddy\r\n */\r\n\r\n.topbuddy-preview-wrapper {\r\n\tmargin-bottom: 20px;\r\n\tborder: 1px solid #c3c4c7;\r\n\tborder-radius: 4px;\r\n\tbackground: #fff;\r\n\tbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.topbuddy-preview-label {\r\n\tpadding: 12px 16px;\r\n\tbackground: #fff;\r\n\tborder-bottom: 1px solid #c3c4c7;\r\n\tfont-size: 13px;\r\n\tcolor: #1d2327;\r\n\r\n\tstrong {\r\n\t\tfont-weight: 600;\r\n\t}\r\n}\r\n\r\n.topbuddy-notification-bar-preview {\r\n\tpadding: 20px;\r\n\tbackground: #f0f0f1;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tposition: relative;\r\n\r\n\t.topbuddy-notification-bar {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n.topbuddy-preview-empty {\r\n\tpadding: 20px;\r\n\ttext-align: center;\r\n\tcolor: #646970;\r\n\tfont-size: 13px;\r\n\tfont-style: italic;\r\n}\r\n\r\n// Sortable preview item styles\r\n.topbuddy-preview-sortable-item {\r\n\tposition: relative;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: 4px;\r\n\tcursor: grab;\r\n\r\n\t&:active {\r\n\t\tcursor: grabbing;\r\n\t}\r\n\r\n\t&:has(.topbuddy-notification-bar-grow) {\r\n\t\tflex-grow: 1;\r\n\t}\r\n\r\n\t&.is-dragging {\r\n\t\tz-index: 999;\r\n\t\tcursor: grabbing;\r\n\t}\r\n\r\n\t&.is-expanded {\r\n\t\t.topbuddy-preview-sortable-item__component {\r\n\t\t\t&::after {\r\n\t\t\t\tborder-color: #2271b1;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t.topbuddy-preview-sortable-item__actions {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topbuddy-preview-sortable-item__actions {\r\n\tposition: absolute;\r\n\ttop: -28px;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\tdisplay: flex;\r\n\tgap: 4px;\r\n\topacity: 0;\r\n\ttransition: opacity 0.2s ease;\r\n\tz-index: 10;\r\n}\r\n\r\n.topbuddy-preview-sortable-item__action {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 24px;\r\n\theight: 24px;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\tborder-radius: 3px;\r\n\tcursor: pointer;\r\n\ttransition: all 0.2s ease;\r\n\r\n\t.dashicons {\r\n\t\twidth: 16px;\r\n\t\theight: 16px;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\t&--edit {\r\n\t\tbackground: rgba(34, 113, 177, 0.9);\r\n\t\tcolor: #fff;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #2271b1;\r\n\t\t}\r\n\t}\r\n\r\n\t&--delete {\r\n\t\tbackground: rgba(214, 54, 56, 0.9);\r\n\t\tcolor: #fff;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #d63638;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topbuddy-preview-sortable-item__component {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\r\n\t&:hover {\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -2px;\r\n\t\t\tleft: -2px;\r\n\t\t\tright: -2px;\r\n\t\t\tbottom: -2px;\r\n\t\t\tborder: 2px dashed #2271b1;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Add Component button in preview\r\n.topbuddy-preview-add-component {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tmargin-top: 16px;\r\n\r\n\t.topbuddy-add-component__dropdown {\r\n\t\tbottom: auto;\r\n\t\ttop: 100%;\r\n\t\tmargin-top: 8px;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n// Template Library Styles\r\n.topbuddy-template-library-modal {\r\n\tmin-height: 500px;\r\n\twidth:35%;\r\n}\r\n\r\n.topbuddy-template-library {\r\n\tpadding: 20px;\r\n}\r\n\r\n.topbuddy-template-library-header {\r\n\tmargin-bottom: 24px;\r\n\r\n\th3 {\r\n\t\tmargin: 0 0 8px 0;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: #1d2327;\r\n\t}\r\n\r\n\t.description {\r\n\t\tmargin: 0;\r\n\t\tcolor: #646970;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n\r\n.topbuddy-template-library-loading,\r\n.topbuddy-template-library-error,\r\n.topbuddy-template-library-empty {\r\n\tpadding: 40px 20px;\r\n\ttext-align: center;\r\n\tcolor: #646970;\r\n\r\n\t.components-spinner {\r\n\t\tmargin: 0 auto 16px;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin: 0 0 16px 0;\r\n\t}\r\n}\r\n\r\n.topbuddy-template-library-grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n\tgap: 20px;\r\n}\r\n\r\n.topbuddy-template-card {\r\n\tborder: 1px solid #dcdcde;\r\n\tborder-radius: 4px;\r\n\tbackground: #fff;\r\n\ttransition: all 0.2s ease;\r\n\toverflow: hidden;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 300px;\r\n\r\n\t&:hover {\r\n\t\tborder-color: #2271b1;\r\n\t\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n\t}\r\n}\r\n\r\n.topbuddy-template-card-preview {\r\n\taspect-ratio: 16 / 9;\r\n\tbackground: #f0f0f1;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n}\r\n\r\n.topbuddy-template-card-placeholder {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbackground: linear-gradient(135deg, #f0f0f1 0%, #e0e0e1 100%);\r\n\tcolor: #8c8f94;\r\n\r\n\t.dashicons {\r\n\t\tfont-size: 48px;\r\n\t\twidth: 48px;\r\n\t\theight: 48px;\r\n\t}\r\n}\r\n\r\n.topbuddy-template-card-content {\r\n\tpadding: 16px;\r\n\tflex: 1;\r\n}\r\n\r\n.topbuddy-template-card-title {\r\n\tmargin: 0;\r\n\tfont-size: 15px;\r\n\tfont-weight: 600;\r\n\tcolor: #1d2327;\r\n\tline-height: 1.4;\r\n}\r\n\r\n.topbuddy-template-card-actions {\r\n\tpadding: 0 16px 16px;\r\n\tborder-top: 1px solid #f0f0f1;\r\n\tpadding-top: 16px;\r\n\r\n\t.components-button {\r\n\t\twidth: 100%;\r\n\t\tjustify-content: center;\r\n\t}\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}