@gem-sdk/styles 1.14.0-moon.210 → 1.14.0-moon.441

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/builder.css +173 -3
  2. package/dist/builder.min.css +1 -1
  3. package/dist/toolbar.css +811 -0
  4. package/dist/toolbar.min.css +1 -0
  5. package/dist/utility.css +61 -0
  6. package/dist/utility.min.css +1 -1
  7. package/package.json +1 -1
  8. package/src/css/all.css +1 -0
  9. package/src/css/builds/builder.css +131 -3
  10. package/src/css/builds/toolbar.css +942 -0
  11. package/src/css/utilities/_interact.css +1 -1
  12. package/src/properties.js +6 -6
  13. package/types/globals.d.ts +27 -0
  14. package/types/types.d.ts +1 -0
package/dist/builder.css CHANGED
@@ -3,24 +3,30 @@
3
3
  -webkit-touch-callout: none;
4
4
  user-select: none;
5
5
  }
6
+
6
7
  .builder [disabled] {
7
8
  pointer-events: auto;
8
9
  }
10
+
9
11
  .builder [data-slot='children'] {
10
12
  visibility: visible;
11
13
  }
14
+
12
15
  .builder [data-slot='children']:after {
13
16
  visibility: visible;
14
17
  color: #aaa;
15
18
  }
19
+
16
20
  .builder [data-slot='children'] .drag-placeholder {
17
21
  height: 100%;
18
22
  }
23
+
19
24
  .builder .generate-image-to-layout-btn {
20
25
  position: relative;
21
26
  background-image: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
22
27
  z-index: 1;
23
28
  }
29
+
24
30
  .builder .generate-image-to-layout-btn::before {
25
31
  position: absolute;
26
32
  content: '';
@@ -34,22 +40,27 @@
34
40
  opacity: 0;
35
41
  border-radius: 3px;
36
42
  }
43
+
37
44
  .builder .btn-disable {
38
45
  background-image: none;
39
46
  background-color: #f4f4f4;
40
47
  color: #9e9e9e;
41
48
  cursor: not-allowed;
42
49
  }
50
+
43
51
  .builder .generate-image-to-layout-btn:hover::before {
44
52
  opacity: 1;
45
53
  }
54
+
46
55
  .builder .image-to-layout-input-border {
47
56
  border: 1px solid #3c38e1;
48
57
  border-radius: 3px;
49
58
  }
59
+
50
60
  .builder .image-to-layout-input-wrapper-modal {
51
61
  position: relative;
52
62
  }
63
+
53
64
  .builder .image-to-layout-input-wrapper,
54
65
  .builder .image-to-layout-input-wrapper-add-section {
55
66
  position: relative;
@@ -57,20 +68,25 @@
57
68
  background-clip: padding-box;
58
69
  box-sizing: border-box;
59
70
  }
71
+
60
72
  .image-to-layout-input-wrapper-add-section {
61
73
  border: 1px solid #3c67ff;
62
74
  }
75
+
63
76
  .gps-image-to-layout-progress-bar {
64
77
  background: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
65
78
  }
79
+
66
80
  .drag-placeholder {
67
81
  display: none;
68
82
  width: 100%;
69
83
  }
84
+
70
85
  #storefront {
71
86
  position: relative;
72
87
  z-index: 20;
73
88
  }
89
+
74
90
  #visual-content {
75
91
  display: none;
76
92
  position: absolute;
@@ -82,19 +98,22 @@
82
98
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
83
99
  min-height: 100vh;
84
100
  }
101
+
85
102
  #visual-content .fake-placeholder {
86
103
  position: absolute;
87
104
  top: 0px;
88
105
  left: 0px;
89
- z-index: 10;
106
+ z-index: 0;
90
107
  background: transparent;
91
108
  visibility: hidden;
92
109
  /* display: none; */
93
110
  background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png');
94
111
  }
112
+
95
113
  #visual-content .fake-placeholder.fake-placeholder-slot {
96
114
  background: transparent;
97
115
  }
116
+
98
117
  #visual-content .fake-placeholder.has-section {
99
118
  /* background-color: transparent !important;
100
119
  border: none !important;
@@ -107,12 +126,15 @@
107
126
  height: 6px;
108
127
  margin: 0px !important;
109
128
  }
129
+
110
130
  #visual-content .fake-placeholder.visual-placeholder-error {
111
131
  background-color: #fee4e3 !important;
112
132
  }
133
+
113
134
  #visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content {
114
135
  display: none;
115
136
  }
137
+
116
138
  #visual-content .fake-placeholder.visual-placeholder-error {
117
139
 
118
140
  font-family: Inter, sans-serif, ui-sans-serif, system-ui;
@@ -125,11 +147,14 @@
125
147
  position: relative;
126
148
  text-align: center;
127
149
  }
150
+
128
151
  /* border-radius: 3px; */
152
+
129
153
  #visual-content .fake-placeholder.visual-placeholder-error.children-error {
130
154
  background-color: #f44336 !important;
131
155
  border: none !important;
132
156
  }
157
+
133
158
  #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content {
134
159
  display: flex;
135
160
  align-items: center;
@@ -138,12 +163,14 @@
138
163
  padding: 4px 8px;
139
164
  border-radius: 3px;
140
165
  }
166
+
141
167
  #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span {
142
168
  margin-left: 8px;
143
169
  font-weight: 500;
144
170
  font-size: 14px;
145
171
  line-height: 150%;
146
172
  }
173
+
147
174
  #visual-content .fake-placeholder.visual-placeholder {
148
175
  z-index: 20;
149
176
  /* border-radius: 3px; */
@@ -157,9 +184,29 @@
157
184
  visibility: visible;
158
185
  background-color: #8aa4ff66;
159
186
  }
187
+
188
+ #visual-content .fake-placeholder.visual-placeholder-theme-section[is-component-dragging='true'] {
189
+ background-color: #ebddf866 !important;
190
+ }
191
+
192
+ #visual-content .fake-placeholder.visual-placeholder-theme-section {
193
+ background-color: #ebddf866;
194
+ }
195
+
196
+ #visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not(
197
+ [is-component-dragging='true']
198
+ ) {
199
+ background-color: #f44336 !important;
200
+ }
201
+
202
+ #visual-content .fake-placeholder.visual-placeholder-theme-section.has-section:not([is-component-dragging='true']) {
203
+ background-color: #9144da !important;
204
+ }
205
+
160
206
  #visual-content .fake-placeholder.visual-placeholder-child-on-sections {
161
207
  margin: 16px !important;
162
208
  }
209
+
163
210
  #visual-content .fake-placeholder.visual-placeholder-between-sections {
164
211
  background-color: #3c67ff;
165
212
  border: none;
@@ -168,50 +215,104 @@
168
215
  height: 6px;
169
216
  margin: 0px !important;
170
217
  }
218
+
171
219
  #visual-content .fake-placeholder.not-show {
172
220
  display: none;
173
221
  }
222
+
174
223
  #visual-content .fake-placeholder[is-blank-page='true'] {
175
224
  background-color: #d8e1ff !important;
176
225
  }
226
+
227
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] {
228
+ background-color: rgba(254, 228, 227, 0.24) !important;
229
+ display: block;
230
+ }
231
+
232
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message {
233
+ display: flex;
234
+ align-items: center;
235
+ position: -webkit-sticky;
236
+ position: sticky;
237
+ top: 8px;
238
+ left: 8px;
239
+ padding: 4px;
240
+ font-size: 14px;
241
+ font-weight: 400;
242
+ line-height: 24px;
243
+ width: -webkit-fit-content;
244
+ width: -moz-fit-content;
245
+ width: fit-content;
246
+ margin-top: 8px;
247
+ margin-left: 8px;
248
+ color: #f9f9f9 !important;
249
+ border-radius: 3px !important;
250
+ background: #f44336 !important;
251
+ }
252
+
253
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message.exceed-limit {
254
+ margin-left: 48px;
255
+ }
256
+
257
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message-icon {
258
+ width: 24px;
259
+ height: 24px;
260
+ display: flex;
261
+ align-items: center;
262
+ justify-content: center;
263
+ }
264
+
265
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message svg {
266
+ margin-right: 4px;
267
+ }
268
+
177
269
  #visual-content .fake-placeholder[is-component-dragging='true'] {
178
270
  background-color: #8aa4ff66 !important;
179
271
  }
272
+
180
273
  /* section:last-child {
181
274
  [data-slot='children'] {
182
275
  min-height: 358px;
183
276
  }
184
277
  } */
278
+
185
279
  [contenteditable='true']:active,
186
280
  [contenteditable='true']:focus,
187
281
  [contenteditable='true']:focus-visible {
188
282
  outline: none;
189
283
  overflow: hidden;
190
284
  }
285
+
191
286
  [data-component-is-third-party='true'] {
192
287
  background-color: #f4f4f4;
193
288
  }
289
+
194
290
  [data-component-tag='ProductTitle'],
195
291
  [data-component-tag='ProductDescription'],
196
292
  [data-component-tag='ProductPrice'],
197
293
  [data-component-tag='ProductTag'] {
198
294
  cursor: default;
199
295
  }
296
+
200
297
  :root {
201
298
  --selection-bg: #accef7;
202
299
  }
300
+
203
301
  .builder ::selection {
204
302
  color: currentColor;
205
303
  background: var(--selection-bg);
206
304
  }
305
+
207
306
  .builder ::-moz-selection {
208
307
  color: currentColor;
209
308
  background: var(--selection-bg);
210
309
  }
310
+
211
311
  .gps-drag-element-here {
212
312
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
213
313
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-width='2' stroke-dasharray='12%2c12' stroke-dashoffset='72' stroke-linecap='square'/%3e%3c/svg%3e");
214
314
  }
315
+
215
316
  .gps-page-suggestion {
216
317
  background: #fff;
217
318
  border-radius: 3px;
@@ -220,40 +321,54 @@
220
321
  0px 4px 16px rgba(0, 0, 0, 0.06),
221
322
  0px 4px 16px rgba(0, 0, 0, 0.12);
222
323
  }
324
+
223
325
  .gps-suggestion-item .gps-suggestion-item-btn {
224
326
  display: flex;
225
327
  }
328
+
226
329
  .gps-suggestion-item .item-link {
227
330
  white-space: nowrap;
228
331
  overflow: hidden;
229
332
  text-overflow: ellipsis;
230
333
  width: 360px;
231
334
  }
335
+
232
336
  .gps-suggestion-item:hover .item-link {
233
337
  width: 360px;
234
338
  }
339
+
235
340
  .gps-base-font-family {
236
341
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
237
342
  }
343
+
238
344
  .btn-disable::before {
239
345
  background: none !important;
240
346
  background-color: #f4f4f4 !important;
241
347
  color: #9e9e9e;
242
348
  }
349
+
243
350
  .gps-image-detection-section:hover .gps-generating-actions {
244
351
  display: flex;
245
352
  }
353
+
246
354
  .gps-generating-section-text {
247
355
  background: -webkit-linear-gradient(#874cfd, #3c38e1);
248
356
  -webkit-background-clip: text;
249
357
  -webkit-text-fill-color: transparent;
250
358
  }
359
+
251
360
  .ck-blurred {
252
361
  cursor: pointer;
253
362
  }
363
+
254
364
  .ck-focused {
255
365
  cursor: text;
256
366
  }
367
+
368
+ .button-text {
369
+ position: relative;
370
+ }
371
+
257
372
  .button-text.ck-focused,
258
373
  .child-item-text.ck-focused {
259
374
  border-color: transparent !important;
@@ -262,14 +377,39 @@
262
377
  #3c67ff 0px 0px 0px 1px,
263
378
  #3c67ff3d 0px 0px 0px 5px;
264
379
  }
265
- .button-text.ck p {
380
+
381
+ .theme-section-editor .child-item-text:hover {
382
+ border-color: #9144da !important;
383
+ }
384
+
385
+ .theme-section-editor .button-text:hover::after {
386
+ border: 1px solid #9144da;
387
+ }
388
+
389
+ .theme-section-editor .button-text.ck-focused,
390
+ .theme-section-editor .child-item-text.ck-focused {
391
+ border-color: transparent !important;
392
+ box-shadow:
393
+ rgba(255, 255, 255, 0) 0px 0px 0px 2px,
394
+ #9144da 0px 0px 0px 1px,
395
+ #9144da3d 0px 0px 0px 5px;
396
+ }
397
+
398
+ .theme-section-editor [data-component-tag='Heading'] [data-outline][data-outline-editor-inline-focus], .theme-section-editor [data-component-tag='Text'] [data-outline][data-outline-editor-inline-focus] {
399
+ border-color: #9144da;
400
+ outline: 4px solid #9144da3d !important;
401
+ }
402
+
403
+ /* .button-text.ck p {
266
404
  overflow: hidden;
267
405
  text-overflow: ellipsis;
268
406
  white-space: nowrap;
269
- }
407
+ } */
408
+
270
409
  .gp-text.ck p {
271
410
  word-break: break-word;
272
411
  }
412
+
273
413
  .button-text:hover::after {
274
414
  content: '';
275
415
  position: absolute;
@@ -280,13 +420,43 @@
280
420
  border: 1px solid #3c67ff;
281
421
  pointer-events: none;
282
422
  }
423
+
283
424
  .button-text.ck-focused:hover::after {
284
425
  border: 0 !important;
285
426
  }
427
+
428
+ .sticky-overlay {
429
+ position: fixed;
430
+ top: 0;
431
+ left: 0;
432
+ width: 100%;
433
+ height: 100%;
434
+ background-color: #3c67ff26;
435
+ z-index: 1;
436
+ border: 2px solid #3c67ff;
437
+ color: #3c67ff;
438
+ display: flex;
439
+ align-items: center;
440
+ justify-content: center;
441
+
442
+ /* &.is-blank-page {
443
+ background-color: #d8e1ff !important;
444
+ } */
445
+ }
446
+
447
+ .sticky-overlay.highlight-top {
448
+ border-top-width: 6px;
449
+ }
450
+
451
+ .sticky-overlay.highlight-bottom {
452
+ border-bottom-width: 6px;
453
+ }
454
+
286
455
  @media (max-width: 768px) {
287
456
  .gps-suggestion-item:hover .item-link {
288
457
  width: 196px;
289
458
  }
459
+
290
460
  .gps-suggestion-item .item-link {
291
461
  width: 196px;
292
462
  }
package/dist/builder.min.css CHANGED
@@ -1 +1 @@
1
- .builder{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.builder .generate-image-to-layout-btn{background-image:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%);position:relative;z-index:1}.builder .generate-image-to-layout-btn:before{background-image:linear-gradient(270.07deg,#3633cc .03%,#6d3dcc 99.92%);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:-1}.builder .btn-disable{background-color:#f4f4f4;background-image:none;color:#9e9e9e;cursor:not-allowed}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{border:1px solid #3c38e1;border-radius:3px}.builder .image-to-layout-input-wrapper-modal{position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;box-sizing:border-box;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff}.gps-image-to-layout-progress-bar{background:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%)}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;height:100%;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#8aa4ff66;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}#visual-content .fake-placeholder[is-blank-page=true]{background-color:#d8e1ff!important}#visual-content .fake-placeholder[is-component-dragging=true]{background-color:#8aa4ff66!important}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none;overflow:hidden}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E")}.gps-drag-element-here,.gps-page-suggestion{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion{background:#fff;border-radius:3px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.12)}.gps-suggestion-item .gps-suggestion-item-btn{display:flex}.gps-suggestion-item .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:360px}.gps-suggestion-item:hover .item-link{width:360px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.btn-disable:before{background:none!important;background-color:#f4f4f4!important;color:#9e9e9e}.gps-image-detection-section:hover .gps-generating-actions{display:flex}.gps-generating-section-text{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#874cfd,#3c38e1);-webkit-background-clip:text}.ck-blurred{cursor:pointer}.ck-focused{cursor:text}.button-text.ck-focused,.child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #3c67ff,0 0 0 5px #3c67ff3d}.button-text.ck p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-text.ck p{word-break:break-word}.button-text:hover:after{border:1px solid #3c67ff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.button-text.ck-focused:hover:after{border:0!important}@media (max-width:768px){.gps-suggestion-item .item-link,.gps-suggestion-item:hover .item-link{width:196px}}
1
+ .builder{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.builder .generate-image-to-layout-btn{background-image:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%);position:relative;z-index:1}.builder .generate-image-to-layout-btn:before{background-image:linear-gradient(270.07deg,#3633cc .03%,#6d3dcc 99.92%);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:-1}.builder .btn-disable{background-color:#f4f4f4;background-image:none;color:#9e9e9e;cursor:not-allowed}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{border:1px solid #3c38e1;border-radius:3px}.builder .image-to-layout-input-wrapper-modal{position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;box-sizing:border-box;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff}.gps-image-to-layout-progress-bar{background:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%)}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;height:100%;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:0}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#8aa4ff66;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-theme-section[is-component-dragging=true]{background-color:#ebddf866!important}#visual-content .fake-placeholder.visual-placeholder-theme-section{background-color:#ebddf866}#visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not([is-component-dragging=true]){background-color:#f44336!important}#visual-content .fake-placeholder.visual-placeholder-theme-section.has-section:not([is-component-dragging=true]){background-color:#9144da!important}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}#visual-content .fake-placeholder[is-blank-page=true]{background-color:#d8e1ff!important}#visual-content .fake-placeholder[is-drag-to-theme-section=true]{background-color:hsla(2,93%,94%,.24)!important;display:block}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message{align-items:center;background:#f44336!important;border-radius:3px!important;color:#f9f9f9!important;display:flex;font-size:14px;font-weight:400;left:8px;line-height:24px;margin-left:8px;margin-top:8px;padding:4px;position:-webkit-sticky;position:sticky;top:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message.exceed-limit{margin-left:48px}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message svg{margin-right:4px}#visual-content .fake-placeholder[is-component-dragging=true]{background-color:#8aa4ff66!important}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none;overflow:hidden}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E")}.gps-drag-element-here,.gps-page-suggestion{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion{background:#fff;border-radius:3px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.12)}.gps-suggestion-item .gps-suggestion-item-btn{display:flex}.gps-suggestion-item .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:360px}.gps-suggestion-item:hover .item-link{width:360px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.btn-disable:before{background:none!important;background-color:#f4f4f4!important;color:#9e9e9e}.gps-image-detection-section:hover .gps-generating-actions{display:flex}.gps-generating-section-text{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#874cfd,#3c38e1);-webkit-background-clip:text}.ck-blurred{cursor:pointer}.ck-focused{cursor:text}.button-text{position:relative}.button-text.ck-focused,.child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #3c67ff,0 0 0 5px #3c67ff3d}.theme-section-editor .child-item-text:hover{border-color:#9144da!important}.theme-section-editor .button-text:hover:after{border:1px solid #9144da}.theme-section-editor .button-text.ck-focused,.theme-section-editor .child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #9144da,0 0 0 5px #9144da3d}.theme-section-editor [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],.theme-section-editor [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#9144da;outline:4px solid #9144da3d!important}.gp-text.ck p{word-break:break-word}.button-text:hover:after{border:1px solid #3c67ff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.button-text.ck-focused:hover:after{border:0!important}.sticky-overlay{align-items:center;background-color:#3c67ff26;border:2px solid #3c67ff;color:#3c67ff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.sticky-overlay.highlight-top{border-top-width:6px}.sticky-overlay.highlight-bottom{border-bottom-width:6px}@media (max-width:768px){.gps-suggestion-item .item-link,.gps-suggestion-item:hover .item-link{width:196px}}