PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / 2.5.0
Forumax – AI Powered Advanced Community Forum Plugin v2.5.0
2.5.0 2.4.4 2.4.3 2.4.2 2.4.1 2.4.0 trunk 1.0.8 1.1.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.4.0 1.4.1 2.0.0 All 30 releases
← All changes | build/forums/index.css +3 -432 2.0.0 → 2.5.0 View file →
@@ -1,432 +1,3 @@
1 -/*!***********************************************************************************************************************************************************************************************************************************************!*\
2 - !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/forums/editor.scss ***!
3 - \***********************************************************************************************************************************************************************************************************************************************/
4 -:root {
5 - --rob: "Roboto", sans-serif;
6 - --great: "Great Vibes", cursive;
7 - --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);
8 - --bbpc_brand_color: var(--bbpc_brand_color_opt,#0866ff);
9 - --h_title: #1d2746;
10 - --p_color: #6b707f;
11 - --bs-white: #fff;
12 - --black_25: #f9f9f9;
13 - --black_50: #f2f2f2;
14 - --black_75: #eeeeee;
15 - --black_90: #e0e6f0;
16 - --black_100: #d6d9dc;
17 - --black_150: #c8ccd0;
18 - --black_200: #bbc0c4;
19 - --black_300: #9fa6ad;
20 - --black_350: #9199a1;
21 - --black_400: #848d95;
22 - --black_500: #6a737c;
23 - --black_600: #535a60;
24 - --black_700: #3c4146;
25 - --black_750: #2f3337;
26 - --black_800: #242729;
27 - --black_900: #0c0d0e;
28 - --bbpc_color: #078669;
29 - --baseColor2: #4a6ee0;
30 - --bs_white: #fff;
31 -}
32 -
33 -/*font Variables*/
34 -
35 -/**=== Functions ===**/
36 -
37 -.col-md-offset-right-1,
38 -.col-lg-offset-right-1 {
39 - margin-right: 8.33333333%;
40 -}
41 -
42 -.communities-boxes {
43 - display: flex;
44 - flex-wrap: wrap;
45 - margin: 0 -30px;
46 - gap: 30px;
47 -}
48 -
49 -@media (max-width: 1025px) {
50 - .communities-boxes {
51 - margin: 0 -10px;
52 - }
53 -}
54 -
55 -@media (max-width: 992px) {
56 - .communities-boxes {
57 - flex-wrap: wrap;
58 - justify-content: center;
59 - width: calc(100% + 30px);
60 - }
61 -}
62 -
63 -@media (max-width: 420px) {
64 - .communities-boxes {
65 - width: calc(100% + 15px);
66 - }
67 -}
68 -
69 -.communities-boxes .com-box {
70 - text-align: center;
71 - margin-bottom: 57px;
72 - width: 20%;
73 - flex: 0 0 200px;
74 -}
75 -
76 -@media (max-width: 1200px) {
77 - .communities-boxes .com-box {
78 - flex: 0 0 165px;
79 - }
80 -}
81 -
82 -@media (max-width: 991px) {
83 - .communities-boxes .com-box {
84 - flex: 0 0 180px;
85 - }
86 -}
87 -
88 -@media (max-width: 768px) {
89 - .communities-boxes .com-box {
90 - flex: 0 0 185px;
91 - }
92 -}
93 -
94 -@media (max-width: 426px) {
95 - .communities-boxes .com-box {
96 - flex: 0 0 170px;
97 - margin-bottom: 30px;
98 - }
99 -}
100 -
101 -.communities-boxes .com-box .icon-container {
102 - border-radius: 6px;
103 - background: var(--bs-white);
104 - box-shadow: 0 40px 70px 0 rgba(2, 47, 57, 0.1);
105 - display: flex;
106 - align-items: center;
107 - justify-content: center;
108 - height: 100px;
109 - width: 100px;
110 - margin: 0 auto 20px;
111 -}
112 -
113 -.communities-boxes .com-box .icon-container img {
114 - width: 40px;
115 - height: 40px;
116 - -o-object-fit: cover;
117 - object-fit: cover;
118 -}
119 -
120 -.communities-boxes .com-box .com-box-content .title {
121 - font-size: 20px;
122 - line-height: 26px;
123 - font-weight: 500;
124 - color: var(--black_800);
125 - margin-bottom: 5px;
126 - transition: all 0.3s ease-in-out;
127 - letter-spacing: normal;
128 - margin-top: 10px;
129 -}
130 -
131 -.communities-boxes .com-box .com-box-content .title a {
132 - color: var(--black_800);
133 -}
134 -
135 -.communities-boxes .com-box .com-box-content .title a:hover {
136 - color: var(--bbpc_brand_color);
137 - text-decoration: none;
138 -}
139 -
140 -.communities-boxes .com-box .com-box-content .title:hover {
141 - color: var(--bbpc_brand_color);
142 -}
143 -
144 -.communities-boxes .com-box .com-box-content .total-post {
145 - color: var(--p_color);
146 - font-size: 14px;
147 - margin-top: 0;
148 -}
149 -
150 -.more-communities {
151 - padding: 22px 0;
152 - border-top: 1px solid #e8ecee;
153 - border-bottom: 1px solid #e8ecee;
154 -}
155 -
156 -.more-communities .collapse-wrap {
157 - margin-top: 80px;
158 - display: none;
159 -}
160 -
161 -.more-communities .collapse-btn-wrap {
162 - text-align: center;
163 - display: table;
164 - color: var(--black_600);
165 - font-weight: 500;
166 - margin: auto;
167 -}
168 -
169 -.more-communities .collapse-btn-wrap:hover {
170 - text-decoration: none;
171 - color: var(--black_800);
172 -}
173 -
174 -.more-communities .collapse-btn-wrap svg {
175 - position: relative;
176 - vertical-align: middle;
177 - display: inline;
178 -}
179 -
180 -.more-communities .collapse-btn-wrap .icon_plus path, .more-communities .collapse-btn-wrap .icon_plus line, .more-communities .collapse-btn-wrap .icon_minus path, .more-communities .collapse-btn-wrap .icon_minus line {
181 - stroke: var(--bbpc_brand_color);
182 -}
183 -
184 -.more-communities .collapse-btn-wrap .icon_minus {
185 - display: none;
186 -}
187 -
188 -.more-communities .collapse-btn-wrap.active .icon_plus {
189 - display: none;
190 -}
191 -
192 -.more-communities .collapse-btn-wrap.active .icon_minus {
193 - display: initial;
194 -}
195 -
196 -body.body_dark .communities-boxes .com-box .com-box-content .title a {
197 - color: #fff;
198 -}
199 -
200 -body.body_dark .communities-boxes .com-box .com-box-content .title a:hover {
201 - color: var(--bbpc_brand_color);
202 -}
203 -
204 -body.body_dark .communities-boxes .com-box .com-box-content .total-post {
205 - color: #8b8b8b;
206 -}
207 -
208 -body.body_dark .more-communities {
209 - border-color: #272727;
210 -}
211 -
212 -body.body_dark .single-forum-post-widget .post-info div {
213 - color: #848d95;
214 -}
215 -
216 -body.body_dark .single-forum-post-widget .post-info .post-category a {
217 - color: #848d95;
218 -}
219 -
220 -body.body_dark .single-forum-post-widget .post-info .post-category a:hover {
221 - color: var(--bbpc_brand_color);
222 -}
223 -
224 -body.body_dark .community-area .nav-tabs .nav-item button.active {
225 - color: #fff;
226 -}
227 -
228 -/** === Widgets === **/
229 -
230 -.widget_display_stats dl dt {
231 - float: left;
232 - clear: left;
233 - margin: 0 0 10px;
234 - font-weight: 500;
235 -}
236 -
237 -.widget_display_stats dl dd {
238 - float: right;
239 - margin: 0;
240 -}
241 -
242 -.widget_display_replies li:before {
243 - font-family: eleganticons;
244 - content: "w";
245 - font-size: 15px !important;
246 - margin: 0 12px 0 0 !important;
247 - padding: 0px !important;
248 - line-height: 23px;
249 -}
250 -
251 -.widget_display_topics li div {
252 - color: var(--black_400);
253 -}
254 -
255 -.widget_display_topics li::before {
256 - font-family: eleganticons;
257 - content: "b";
258 - margin: -3px 12px 0 0;
259 - font-size: 15px;
260 - color: var(--black_800);
261 - position: absolute;
262 - left: 0;
263 - top: 0;
264 -}
265 -
266 -.widget_display_topics .bbp-forum-title,
267 -.widget_display_replies .bbp-forum-title {
268 - display: inline-block;
269 - line-height: 1.36;
270 - color: var(--black_900);
271 -}
272 -
273 -.widget_display_topics li {
274 - padding-left: 30px;
275 -}
276 -
277 -.widget_display_topics li,
278 -.widget_display_replies li {
279 - position: relative;
280 - margin-bottom: 10px;
281 - padding-bottom: 10px;
282 - border-bottom: 1px solid #e5e7e9;
283 - font-size: 16px;
284 -}
285 -
286 -.widget_display_topics li time,
287 -.widget_display_replies li time {
288 - color: var(--black_400);
289 - display: block;
290 - font-size: 14px;
291 -}
292 -
293 -.widget_display_topics li div,
294 -.widget_display_replies li div {
295 - font-size: 14px;
296 -}
297 -
298 -.widget_display_topics li a,
299 -.widget_display_replies li a {
300 - color: var(--black_800);
301 -}
302 -
303 -.widget_display_topics li a .bbp-author-avatar img,
304 -.widget_display_replies li a .bbp-author-avatar img {
305 - border-radius: 50px;
306 -}
307 -
308 -.widget_display_replies li .bbp-author-avatar {
309 - margin-right: 5px;
310 -}
311 -
312 -.widget_display_topics li a:hover,
313 -.widget_display_replies li a:hover {
314 - color: var(--bbpc_brand_color);
315 -}
316 -
317 -.bbp-logged-in .avatar {
318 - float: left;
319 - margin: 0 15px 0 0;
320 - border-radius: 99%;
321 -}
322 -
323 -.bbp-logged-in h4 {
324 - font-weight: normal;
325 - font-size: 18px;
326 - clear: none;
327 - margin: 0 0 5px;
328 -}
329 -
330 -.bbp-logged-in h4 a {
331 - color: #333;
332 - font-weight: 500;
333 -}
334 -
335 -.bbp-logged-in a.button.logout-link:hover,
336 -.bbp-logged-in h4 a:hover {
337 - color: var(--bbpc_brand_color);
338 -}
339 -
340 -.bbp-logged-in a.button.logout-link:hover,
341 -.bbp-logged-in a.button.logout-link {
342 - color: #666;
343 -}
344 -
345 -.forum-post-content .content img {
346 - max-width: 100%;
347 - height: auto;
348 -}
349 -
350 -ul.bbp-topics-widget.newness img {
351 - border-radius: 50%;
352 - margin: 5px;
353 -}
354 -
355 -.bbp-submit-wrapper {
356 - float: left;
357 - margin-top: 0;
358 -}
359 -
360 -.forum-post-content .forum-post-btm .taxonomy.forum-post-cat {
361 - display: flex;
362 -}
363 -
364 -.bbp-topic-reply-link {
365 - padding: 6px 20px;
366 - font-weight: 400;
367 - border-radius: 2px;
368 - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
369 - background: #fff;
370 - border: 1px solid #d0d8dc;
371 - color: var(--black_800);
372 - height: 26px;
373 - font-size: 12px;
374 - line-height: 26px;
375 -}
376 -
377 -.comment-content .bbp-topic-reply-link:hover {
378 - background: #fff;
379 - border: 1px solid var(--black_800);
380 - color: var(--black_800);
381 -}
382 -
383 -.page-numbers {
384 - cursor: pointer !important;
385 -}
386 -
387 -.pagination-wrapper .page-numbers.next {
388 - display: flex;
389 - align-items: center;
390 - justify-content: center;
391 - padding-bottom: 2px;
392 -}
393 -
394 -.post-header .support-total-info li a {
395 - font-weight: 400;
396 -}
397 -
398 -.post-header .support-total-info li a {
399 - color: #6b707f;
400 -}
401 -
402 -.post-header .support-total-info li a.open-data.loading {
403 - color: var(--black_800);
404 - font-weight: 500;
405 -}
406 -
407 -#tagList {
408 - padding-left: 40px;
409 -}
410 -
411 -.userlist {
412 - padding-left: 15px;
413 -}
414 -
415 -.post-header .category-menu .all-users a {
416 - position: relative;
417 -}
418 -
419 -.post-header .category-menu .all-users a .count {
420 - background: #ebedf0;
421 - border-radius: 10px;
422 - color: #838793;
423 - font-size: 12px;
424 - position: absolute;
425 - margin-left: 5px;
426 - padding: 1px 5px 0;
427 - top: 8px;
428 - width: auto;
429 - height: auto;
430 -}
431 -
432 -/*# sourceMappingURL=index.css.map*/
1 +:root{--rob:"Roboto",sans-serif;--great:"Great Vibes",cursive;--bg_gradient:linear-gradient(45deg,#f5fdff,#feefec);--bbpc_brand_color:var(--bbpc_brand_color_opt,#4c4cf1);--h_title:#1d2746;--p_color:#6b707f;--bs-white:#fff;--black_25:#f9f9f9;--black_50:#f2f2f2;--black_75:#eee;--black_90:#e0e6f0;--black_100:#d6d9dc;--black_150:#c8ccd0;--black_200:#bbc0c4;--black_300:#9fa6ad;--black_350:#9199a1;--black_400:#848d95;--black_500:#6a737c;--black_600:#535a60;--black_700:#3c4146;--black_750:#2f3337;--black_800:#242729;--black_900:#0c0d0e;--bbpc_color:#078669;--baseColor2:#4a6ee0;--bs_white:#fff}.col-lg-offset-right-1,.col-md-offset-right-1{margin-right:8.33333333%}.bbpc-hc-wrap .bbpc-hc-grid{background:var(--black_90);border:1px solid var(--black_90);border-radius:20px;box-shadow:0 8px 32px 0 rgba(2,47,57,.08);display:grid;gap:2px;grid-template-columns:repeat(3,1fr);overflow:hidden}@media(max-width:991px){.bbpc-hc-wrap .bbpc-hc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bbpc-hc-wrap .bbpc-hc-grid{grid-template-columns:1fr}}.bbpc-hc-wrap .bbpc-hc-card{align-items:flex-start;background:var(--bs-white);border-radius:14px;color:inherit;display:flex;gap:18px;padding:26px 24px;position:relative;text-decoration:none;transition:background .18s ease}.bbpc-hc-wrap .bbpc-hc-card:hover{background:var(--black_25);text-decoration:none}.bbpc-hc-wrap .bbpc-hc-card:hover .bbpc-hc-arrow{opacity:1;transform:translateX(3px)}.bbpc-hc-wrap .bbpc-hc-icon{border-radius:12px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.bbpc-hc-wrap .bbpc-hc-icon img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.bbpc-hc-wrap .bbpc-hc-body{flex:1;min-width:0}.bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title{color:var(--h_title);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 4px}.bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc{color:var(--p_color);font-size:13.5px;line-height:1.5;margin:0}.bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-count{color:var(--bbpc_brand_color);display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.02em;margin-top:8px;text-decoration:none}.bbpc-hc-wrap .bbpc-hc-arrow{color:var(--black_300);font-size:16px;line-height:1;opacity:0;position:absolute;right:20px;top:20px;transition:opacity .2s ease,transform .2s ease}.communities-boxes{display:flex;flex-wrap:wrap;gap:30px;margin:0 -30px}@media(max-width:1025px){.communities-boxes{margin:0 -10px}}@media(max-width:992px){.communities-boxes{flex-wrap:wrap;justify-content:center;width:calc(100% + 30px)}}@media(max-width:420px){.communities-boxes{width:calc(100% + 15px)}}.communities-boxes .com-box{flex:0 0 200px;margin-bottom:57px;text-align:center;width:20%}@media(max-width:1200px){.communities-boxes .com-box{flex:0 0 165px}}@media(max-width:991px){.communities-boxes .com-box{flex:0 0 180px}}@media(max-width:768px){.communities-boxes .com-box{flex:0 0 185px}}@media(max-width:426px){.communities-boxes .com-box{flex:0 0 170px;margin-bottom:30px}}.communities-boxes .com-box .icon-container{align-items:center;background:var(--bs-white);border-radius:6px;box-shadow:0 40px 70px 0 rgba(2,47,57,.1);display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.communities-boxes .com-box .icon-container img{height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.communities-boxes .com-box .com-box-content .title{color:var(--black_800);font-size:20px;font-weight:500;letter-spacing:normal;line-height:26px;margin-bottom:5px;margin-top:10px;transition:all .3s ease-in-out}.communities-boxes .com-box .com-box-content .title a{color:var(--black_800)}.communities-boxes .com-box .com-box-content .title a:hover{color:var(--bbpc_brand_color);text-decoration:none}.communities-boxes .com-box .com-box-content .title:hover{color:var(--bbpc_brand_color)}.communities-boxes .com-box .com-box-content .total-post{color:var(--p_color);font-size:14px;margin-top:0}.more-communities{border-bottom:1px solid #e8ecee;border-top:1px solid #e8ecee;margin-top:40px;padding:22px 0}.more-communities .collapse-wrap,.more-communities .forumax-collapse-wrap{display:none;margin-top:80px}.more-communities .collapse-btn-wrap,.more-communities .forumax-collapse-btn-wrap{color:var(--black_600);display:table;font-weight:500;margin:auto;text-align:center}.more-communities .collapse-btn-wrap:hover,.more-communities .forumax-collapse-btn-wrap:hover{color:var(--black_800);text-decoration:none}.more-communities .collapse-btn-wrap svg,.more-communities .forumax-collapse-btn-wrap svg{display:inline;position:relative;vertical-align:middle}.more-communities .collapse-btn-wrap .icon_minus line,.more-communities .collapse-btn-wrap .icon_minus path,.more-communities .collapse-btn-wrap .icon_plus line,.more-communities .collapse-btn-wrap .icon_plus path,.more-communities .forumax-collapse-btn-wrap .icon_minus line,.more-communities .forumax-collapse-btn-wrap .icon_minus path,.more-communities .forumax-collapse-btn-wrap .icon_plus line,.more-communities .forumax-collapse-btn-wrap .icon_plus path{stroke:var(--bbpc_brand_color)}.more-communities .collapse-btn-wrap .icon_minus,.more-communities .collapse-btn-wrap.active .icon_plus,.more-communities .forumax-collapse-btn-wrap .icon_minus,.more-communities .forumax-collapse-btn-wrap.active .icon_plus{display:none}.more-communities .collapse-btn-wrap.active .icon_minus,.more-communities .forumax-collapse-btn-wrap.active .icon_minus{display:initial}.widget_display_stats dl dt{clear:left;float:left;font-weight:500;margin:0 0 10px}.widget_display_stats dl dd{float:right;margin:0}.widget_display_replies li:before{content:"w";font-family:eleganticons;font-size:15px!important;line-height:23px;margin:0 12px 0 0!important;padding:0!important}.widget_display_topics li div{color:var(--black_400)}.widget_display_topics li:before{color:var(--black_800);content:"b";font-family:eleganticons;font-size:15px;left:0;margin:-3px 12px 0 0;position:absolute;top:0}.widget_display_replies .bbp-forum-title,.widget_display_topics .bbp-forum-title{color:var(--black_900);display:inline-block;line-height:1.36}.widget_display_topics li{padding-left:30px}.widget_display_replies li,.widget_display_topics li{border-bottom:1px solid #e5e7e9;font-size:16px;margin-bottom:10px;padding-bottom:10px;position:relative}.widget_display_replies li time,.widget_display_topics li time{color:var(--black_400);display:block;font-size:14px}.widget_display_replies li div,.widget_display_topics li div{font-size:14px}.widget_display_replies li a,.widget_display_topics li a{color:var(--black_800)}.widget_display_replies li a .bbp-author-avatar img,.widget_display_topics li a .bbp-author-avatar img{border-radius:50px!important}.widget_display_replies li .bbp-author-avatar{margin-right:5px}.widget_display_replies li a:hover,.widget_display_topics li a:hover{color:var(--bbpc_brand_color)}.bbp-logged-in .avatar{border-radius:99%;float:left;margin:0 15px 0 0}.bbp-logged-in h4{clear:none;font-size:18px;font-weight:400;margin:0 0 5px}.bbp-logged-in h4 a{color:#333;font-weight:500}.bbp-logged-in a.button.logout-link:hover,.bbp-logged-in h4 a:hover{color:var(--bbpc_brand_color)}.bbp-logged-in a.button.logout-link,.bbp-logged-in a.button.logout-link:hover{color:#666}.forum-post-content .content img{height:auto;max-width:100%}ul.bbp-topics-widget.newness img{border-radius:50%;margin:5px}.bbp-submit-wrapper{float:left;margin-top:0}.forum-post-content .forum-post-btm .taxonomy.forum-post-cat{display:flex}.bbp-topic-reply-link{background:#fff;border:1px solid #d0d8dc;border-radius:2px;color:var(--black_800);font-size:12px;font-weight:400;height:26px;line-height:26px;padding:6px 20px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .18s ease-in-out}.comment-content .bbp-topic-reply-link:hover{background:#fff;border:1px solid var(--black_800);color:var(--black_800)}.page-numbers{cursor:pointer!important}.pagination-wrapper .page-numbers.next{align-items:center;display:flex;justify-content:center;padding-bottom:2px}.post-header .support-total-info li a{color:#6b707f;font-weight:400}.post-header .support-total-info li a.open-data.loading{color:var(--black_800);font-weight:500}#tagList{padding-left:40px}.userlist{padding-left:15px}.post-header .category-menu .all-users a{position:relative}.bbpc-forums-skeleton{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px}.bbpc-forums-skeleton__card{animation:bbpc-forums-shimmer 1.5s ease-in-out infinite;background:#f0f0f0;border-radius:8px;padding:16px}.bbpc-forums-skeleton__image{background:#e0e0e0;border-radius:6px;height:60px;margin-bottom:12px;width:100%}.bbpc-forums-skeleton__title{background:#e0e0e0;border-radius:4px;height:16px;margin-bottom:8px;width:70%}.bbpc-forums-skeleton__meta{background:#e0e0e0;border-radius:4px;height:12px;width:40%}@keyframes bbpc-forums-shimmer{0%,to{opacity:1}50%{opacity:.5}}.bbpc-color-label{font-weight:500;margin-bottom:4px}.bbpc-pro-gated{background:rgba(0,0,0,.02);border:1px solid #e2e2e2;border-radius:6px;margin-bottom:8px;overflow:visible!important;padding:10px 12px;position:relative}.bbpc-pro-gated .components-base-control{opacity:.55;overflow:visible!important;pointer-events:none}.bbpc-pro-gated .components-base-control__field{overflow:visible!important}.bbpc-layout-picker{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:4px}.bbpc-layout-option{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 8px;transition:border-color .15s,background .15s}.bbpc-layout-option:hover{background:#f0f0f0;border-color:#a0a0a0}.bbpc-layout-option.is-active{background:#f5f3ff;border-color:#6366f1}.bbpc-layout-thumb{background:#e5e7eb;border-radius:5px;display:block;height:42px;overflow:hidden;position:relative;width:64px}.bbpc-layout-thumb--default:after,.bbpc-layout-thumb--default:before{background:#c4c4c4;border-radius:3px;content:"";display:block;height:8px;left:6px;position:absolute;right:6px}.bbpc-layout-thumb--default:before{top:9px}.bbpc-layout-thumb--default:after{top:24px;width:55%}.bbpc-layout-thumb--help-center{background:#d1d5db;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:2px}.bbpc-layout-thumb--help-center span{background:#fff;border-radius:2px;display:block}.bbpc-layout-label{color:#555;font-size:11px;font-weight:500;line-height:1.2;text-align:center}.bbpc-pro-watermark{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;box-shadow:0 1px 3px rgba(99,102,241,.4);color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;line-height:16px;padding:2px 8px;pointer-events:none;position:absolute;right:8px;text-transform:uppercase;top:-8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}
2 +
3 +/*# sourceMappingURL=index.css.map */