@gem-sdk/styles 1.14.0-dev.284 → 1.14.0-dev.324

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 (7) hide show
  1. package/dist/builder.css +139 -4
  2. package/dist/builder.min.css +1 -1
  3. package/dist/toolbar.css +747 -0
  4. package/dist/toolbar.min.css +1 -0
  5. package/package.json +1 -1
  6. package/src/css/builds/builder.css +97 -3
  7. package/src/css/builds/toolbar.css +858 -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,95 @@
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
+ position: relative;
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: absolute;
236
+ top: 8px;
237
+ left: 8px;
238
+ padding: 4px;
239
+ font-size: 14px;
240
+ font-weight: 400;
241
+ line-height: 24px;
242
+ color: #f9f9f9 !important;
243
+ border-radius: 3px !important;
244
+ background: #f44336 !important;
245
+ z-index: 999 !important;
246
+ }
247
+
248
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message-icon {
249
+ width: 24px;
250
+ height: 24px;
251
+ display: flex;
252
+ align-items: center;
253
+ justify-content: center;
254
+ }
255
+
256
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message svg {
257
+ margin-right: 4px;
258
+ }
259
+
177
260
  #visual-content .fake-placeholder[is-component-dragging='true'] {
178
261
  background-color: #8aa4ff66 !important;
179
262
  }
263
+
180
264
  /* section:last-child {
181
265
  [data-slot='children'] {
182
266
  min-height: 358px;
183
267
  }
184
268
  } */
269
+
185
270
  [contenteditable='true']:active,
186
271
  [contenteditable='true']:focus,
187
272
  [contenteditable='true']:focus-visible {
188
273
  outline: none;
189
274
  overflow: hidden;
190
275
  }
276
+
191
277
  [data-component-is-third-party='true'] {
192
278
  background-color: #f4f4f4;
193
279
  }
280
+
194
281
  [data-component-tag='ProductTitle'],
195
282
  [data-component-tag='ProductDescription'],
196
283
  [data-component-tag='ProductPrice'],
197
284
  [data-component-tag='ProductTag'] {
198
285
  cursor: default;
199
286
  }
287
+
200
288
  :root {
201
289
  --selection-bg: #accef7;
202
290
  }
291
+
203
292
  .builder ::selection {
204
293
  color: currentColor;
205
294
  background: var(--selection-bg);
206
295
  }
296
+
207
297
  .builder ::-moz-selection {
208
298
  color: currentColor;
209
299
  background: var(--selection-bg);
210
300
  }
301
+
211
302
  .gps-drag-element-here {
212
303
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
213
304
  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
305
  }
306
+
215
307
  .gps-page-suggestion {
216
308
  background: #fff;
217
309
  border-radius: 3px;
@@ -220,43 +312,54 @@
220
312
  0px 4px 16px rgba(0, 0, 0, 0.06),
221
313
  0px 4px 16px rgba(0, 0, 0, 0.12);
222
314
  }
315
+
223
316
  .gps-suggestion-item .gps-suggestion-item-btn {
224
317
  display: flex;
225
318
  }
319
+
226
320
  .gps-suggestion-item .item-link {
227
321
  white-space: nowrap;
228
322
  overflow: hidden;
229
323
  text-overflow: ellipsis;
230
324
  width: 360px;
231
325
  }
326
+
232
327
  .gps-suggestion-item:hover .item-link {
233
328
  width: 360px;
234
329
  }
330
+
235
331
  .gps-base-font-family {
236
332
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
237
333
  }
334
+
238
335
  .btn-disable::before {
239
336
  background: none !important;
240
337
  background-color: #f4f4f4 !important;
241
338
  color: #9e9e9e;
242
339
  }
340
+
243
341
  .gps-image-detection-section:hover .gps-generating-actions {
244
342
  display: flex;
245
343
  }
344
+
246
345
  .gps-generating-section-text {
247
346
  background: -webkit-linear-gradient(#874cfd, #3c38e1);
248
347
  -webkit-background-clip: text;
249
348
  -webkit-text-fill-color: transparent;
250
349
  }
350
+
251
351
  .ck-blurred {
252
352
  cursor: pointer;
253
353
  }
354
+
254
355
  .ck-focused {
255
356
  cursor: text;
256
357
  }
358
+
257
359
  .button-text {
258
360
  position: relative;
259
361
  }
362
+
260
363
  .button-text.ck-focused,
261
364
  .child-item-text.ck-focused {
262
365
  border-color: transparent !important;
@@ -265,14 +368,39 @@
265
368
  #3c67ff 0px 0px 0px 1px,
266
369
  #3c67ff3d 0px 0px 0px 5px;
267
370
  }
371
+
372
+ .theme-section-editor .child-item-text:hover {
373
+ border-color: #9144da !important;
374
+ }
375
+
376
+ .theme-section-editor .button-text:hover::after {
377
+ border: 1px solid #9144da;
378
+ }
379
+
380
+ .theme-section-editor .button-text.ck-focused,
381
+ .theme-section-editor .child-item-text.ck-focused {
382
+ border-color: transparent !important;
383
+ box-shadow:
384
+ rgba(255, 255, 255, 0) 0px 0px 0px 2px,
385
+ #9144da 0px 0px 0px 1px,
386
+ #9144da3d 0px 0px 0px 5px;
387
+ }
388
+
389
+ .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] {
390
+ border-color: #9144da;
391
+ outline: 4px solid #9144da3d !important;
392
+ }
393
+
268
394
  .button-text.ck p {
269
395
  overflow: hidden;
270
396
  text-overflow: ellipsis;
271
397
  white-space: nowrap;
272
398
  }
399
+
273
400
  .gp-text.ck p {
274
401
  word-break: break-word;
275
402
  }
403
+
276
404
  .button-text:hover::after {
277
405
  content: '';
278
406
  position: absolute;
@@ -283,9 +411,11 @@
283
411
  border: 1px solid #3c67ff;
284
412
  pointer-events: none;
285
413
  }
414
+
286
415
  .button-text.ck-focused:hover::after {
287
416
  border: 0 !important;
288
417
  }
418
+
289
419
  .sticky-overlay {
290
420
  position: fixed;
291
421
  top: 0;
@@ -299,20 +429,25 @@
299
429
  display: flex;
300
430
  align-items: center;
301
431
  justify-content: center;
432
+
433
+ /* &.is-blank-page {
434
+ background-color: #d8e1ff !important;
435
+ } */
302
436
  }
437
+
303
438
  .sticky-overlay.highlight-top {
304
439
  border-top-width: 6px;
305
440
  }
441
+
306
442
  .sticky-overlay.highlight-bottom {
307
443
  border-bottom-width: 6px;
308
444
  }
309
- .sticky-overlay.is-blank-page {
310
- background-color: #d8e1ff !important;
311
- }
445
+
312
446
  @media (max-width: 768px) {
313
447
  .gps-suggestion-item:hover .item-link {
314
448
  width: 196px;
315
449
  }
450
+
316
451
  .gps-suggestion-item .item-link {
317
452
  width: 196px;
318
453
  }
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{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}.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}.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}.sticky-overlay.is-blank-page{background-color:#d8e1ff!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;position:relative}#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;padding:4px;position:absolute;top:8px;z-index:999!important}#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}.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}.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}}