@gem-sdk/styles 1.22.31-new-feature.21 → 1.22.31-new-feature.22

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 (4) hide show
  1. package/dist/toolbar.css +138 -119
  2. package/dist/toolbar.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/toolbar.css +8 -12
package/dist/toolbar.css CHANGED
@@ -1,15 +1,9 @@
1
- /* Thêm code này sẽ làm lỗi tính năng fix height ở carousel, nhưng nếu k có thì toolbar sẽ bị ẩn nếu nằm trong carousel */
2
- .builder .gem-slider:not([data-keen-slider-disabled]) {
3
- overflow: unset;
4
- }
5
- [data-component-tag='ProductImagesV2'] .gem-slider:not([data-keen-slider-disabled]), [data-component-tag='ProductImages'] .gem-slider:not([data-keen-slider-disabled]) {
6
- overflow: hidden;
7
- }
8
1
  [data-toolbar-wrap] {
9
2
  position: relative;
10
3
  }
11
- /* Toolbar style default */
12
- [data-toolbar-wrap] [data-toolbar] {
4
+
5
+ /* Toolbar style default */
6
+ [data-toolbar-wrap] [data-toolbar] {
13
7
  position: absolute;
14
8
  z-index: 20;
15
9
  height: 24px;
@@ -32,21 +26,21 @@
32
26
  user-select: none;
33
27
  transition: background 200ms ease-out;
34
28
  }
35
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent],
29
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent],
36
30
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] {
37
31
  display: flex;
38
32
  align-items: center;
39
33
  }
40
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag], [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] {
34
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag], [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] {
41
35
  display: block;
42
36
  }
43
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag] svg, [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] svg {
37
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag] svg, [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] svg {
44
38
  display: block;
45
39
  max-width: unset;
46
40
  width: 16px;
47
41
  height: 16px;
48
42
  }
49
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-name], [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name] {
43
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-name], [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name] {
50
44
  display: block;
51
45
  white-space: nowrap;
52
46
  font-size: 12px;
@@ -54,10 +48,10 @@
54
48
  padding-right: 4px;
55
49
  font-weight: 500;
56
50
  }
57
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] {
51
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] {
58
52
  cursor: grab;
59
53
  }
60
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] {
54
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] {
61
55
  position: absolute;
62
56
  top: -24px;
63
57
  left: -1px;
@@ -70,23 +64,23 @@
70
64
  background: #fff;
71
65
  border: solid 1px #3c67ff;
72
66
  }
73
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover {
67
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover {
74
68
  background: #c5d2ff;
75
69
  }
76
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'] {
70
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'] {
77
71
  border: solid 1px #9144da;
78
72
  color: #9144da;
79
73
  }
80
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true']:hover {
74
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true']:hover {
81
75
  background: #ebddf8;
82
76
  }
83
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'][data-toolbar-hover-focus] {
77
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'][data-toolbar-hover-focus] {
84
78
  background: #ebddf8;
85
79
  }
86
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'][data-toolbar-hover-focus]:hover {
80
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'][data-toolbar-hover-focus]:hover {
87
81
  background: #ebddf8;
88
82
  }
89
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-create-theme-section] {
83
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-create-theme-section] {
90
84
  padding-left: 8px;
91
85
  padding-right: 4px;
92
86
  margin-top: 8px;
@@ -98,45 +92,48 @@
98
92
  font-weight: 500;
99
93
  line-height: 16px;
100
94
  }
101
- /* hidden icon with hover state*/
102
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-active-create-theme-section],
95
+ /* hidden icon with hover state*/
96
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-active-create-theme-section],
103
97
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-icon-parent],
104
98
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-zoom-out],
105
99
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-duplicate],
106
100
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-delete] {
107
101
  display: none;
108
102
  }
109
- [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'] {
103
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'] {
110
104
  color: #9144da;
111
105
  border: solid 1px #9144da;
112
106
  }
113
- /* State Toolbar */
114
- [data-toolbar-wrap] [data-toolbar][data-toolbar-hover],
107
+ /* State Toolbar */
108
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-hover],
115
109
  [data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover] {
116
110
  opacity: 1;
117
111
  visibility: visible;
118
112
  z-index: 30;
119
113
  }
120
- [data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover {
114
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover {
121
115
  background: #c5d2ff;
122
116
  }
123
- [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus] {
117
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-hover-revert] {
118
+ top: calc(100% - 1px);
119
+ }
120
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus] {
124
121
  background: #d8e1ff;
125
122
  z-index: 40;
126
123
  }
127
- [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover {
124
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover {
128
125
  background: #c5d2ff;
129
126
  }
130
- [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-hover][data-toolbar-hover-focus] {
127
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-hover][data-toolbar-hover-focus] {
131
128
  background: #ebddf8;
132
129
  }
133
- [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-hover]:hover {
130
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-hover]:hover {
134
131
  background: #ebddf8;
135
132
  }
136
- [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-active]:hover {
133
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-active]:hover {
137
134
  background: #9144da;
138
135
  }
139
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] {
136
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] {
140
137
  opacity: 1;
141
138
  visibility: visible;
142
139
  z-index: 20;
@@ -145,46 +142,46 @@
145
142
  background: #3c67ff;
146
143
  color: #fff;
147
144
  }
148
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active]:hover {
145
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active]:hover {
149
146
  background: #3c67ff;
150
147
  }
151
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus] {
148
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus] {
152
149
  background: #3c67ff;
153
150
  }
154
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus]:hover {
151
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus]:hover {
155
152
  background: #3c67ff;
156
153
  }
157
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section='true'] {
154
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section='true'] {
158
155
  background: #9144da;
159
156
  }
160
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section='true'][data-toolbar-hover-focus] {
157
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section='true'][data-toolbar-hover-focus] {
161
158
  background: #9144da;
162
159
  }
163
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] {
160
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] {
164
161
  padding: 4px;
165
162
  border-radius: 2px;
166
163
  transition: background 200ms ease-in-out;
167
164
  }
168
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] {
165
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] {
169
166
  display: block;
170
167
  transition: -webkit-transform 200ms ease-in-out;
171
168
  transition: transform 200ms ease-in-out;
172
169
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
173
170
  }
174
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg {
171
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg {
175
172
  display: block;
176
173
  max-width: unset;
177
174
  width: 16px;
178
175
  height: 16px;
179
176
  }
180
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open='true'] {
177
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open='true'] {
181
178
  -webkit-transform: rotate(180deg);
182
179
  transform: rotate(180deg);
183
180
  }
184
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover {
181
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover {
185
182
  background: rgba(225, 225, 225, 0.2);
186
183
  }
187
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate],
184
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate],
188
185
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete],
189
186
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out],
190
187
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] {
@@ -193,60 +190,63 @@
193
190
  border-radius: 2px;
194
191
  transition: background 200ms ease-in-out;
195
192
  }
196
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] svg {
193
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] svg {
197
194
  display: block;
198
195
  max-width: unset;
199
196
  width: 16px;
200
197
  height: 16px;
201
198
  }
202
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover {
199
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover {
203
200
  background: rgba(225, 225, 225, 0.2);
204
201
  }
205
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable='true'] svg {
202
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable='true'] svg {
206
203
  opacity: 0.4;
207
204
  }
208
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable='true']:hover {
205
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable='true']:hover {
209
206
  background: transparent;
210
207
  }
211
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section-wrapper] {
208
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section-wrapper] {
212
209
  padding: 0 4px;
213
210
  margin: 0 4px;
214
211
  border-left: solid 1px #7190ff;
215
212
  border-right: solid 1px #7190ff;
216
213
  }
217
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] {
214
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] {
218
215
  display: flex !important;
219
216
  align-items: center;
220
217
  gap: 4px;
221
218
  }
222
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] p {
219
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] p {
223
220
  font-size: 12px;
224
221
  font-weight: 500;
225
222
  }
226
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section] {
223
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section] {
227
224
  display: none;
228
225
  }
229
- [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'] {
226
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active-revert] {
227
+ top: calc(100% - 1px);
228
+ }
229
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'] {
230
230
  left: unset;
231
231
  right: 0;
232
232
  border-color: #d6d6d6;
233
233
  }
234
- [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'][data-toolbar-hover-focus]
234
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'][data-toolbar-hover-focus]
235
235
  [data-toolbar-create-theme-section] {
236
236
  border-color: #3c67ff;
237
237
  }
238
- [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'][data-toolbar-hover-focus],
238
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'][data-toolbar-hover-focus],
239
239
  [data-toolbar-wrap] [data-toolbar][data-toolbar-section='true'][data-toolbar-active] {
240
240
  border-color: #3c67ff;
241
241
  }
242
- [data-toolbar-wrap] [data-toolbar][data-toolbar-editor-inline-focus] {
242
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-editor-inline-focus] {
243
243
  display: none;
244
244
  }
245
- [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-hover-focus],
245
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-hover-focus],
246
246
  [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-active] {
247
247
  border-color: #9144da;
248
248
  }
249
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit='true'],
249
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit='true'],
250
250
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit='true'],
251
251
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit='true'],
252
252
  [data-toolbar-wrap] [data-toolbar][data-toolbar-limit='true'] {
@@ -254,7 +254,7 @@
254
254
  border-color: #f44336;
255
255
  color: #fff;
256
256
  }
257
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit='true'] [data-toolbar-active-create-theme-section-wrapper],
257
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit='true'] [data-toolbar-active-create-theme-section-wrapper],
258
258
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit='true'] [data-toolbar-create-theme-section],
259
259
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit='true'] [data-toolbar-active-create-theme-section-wrapper],
260
260
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit='true'] [data-toolbar-create-theme-section],
@@ -264,8 +264,8 @@
264
264
  [data-toolbar-wrap] [data-toolbar][data-toolbar-limit='true'] [data-toolbar-create-theme-section] {
265
265
  border-color: #fff;
266
266
  }
267
- /* Outline style default */
268
- [data-toolbar-wrap] [data-outline] {
267
+ /* Outline style default */
268
+ [data-toolbar-wrap] [data-outline] {
269
269
  position: absolute;
270
270
  z-index: 0;
271
271
  top: 0;
@@ -277,45 +277,45 @@
277
277
  opacity: 0;
278
278
  visibility: hidden;
279
279
  }
280
- /* State Outline */
281
- [data-toolbar-wrap] [data-outline][data-outline-hover],
280
+ /* State Outline */
281
+ [data-toolbar-wrap] [data-outline][data-outline-hover],
282
282
  [data-toolbar-wrap] [data-outline][data-outline-force-hover] {
283
283
  opacity: 1;
284
284
  visibility: visible;
285
285
  z-index: 0;
286
286
  }
287
- [data-toolbar-wrap] [data-outline][data-outline-active] {
287
+ [data-toolbar-wrap] [data-outline][data-outline-active] {
288
288
  opacity: 1;
289
289
  visibility: visible;
290
290
  z-index: 0;
291
291
  }
292
- [data-toolbar-wrap] [data-outline][data-outline-overlay],
292
+ [data-toolbar-wrap] [data-outline][data-outline-overlay],
293
293
  [data-toolbar-wrap] [data-outline][data-outline-force-overlay] {
294
294
  background: rgba(60, 103, 255, 0.2);
295
295
  }
296
- [data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section='true'],
296
+ [data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section='true'],
297
297
  [data-toolbar-wrap] [data-outline][data-outline-force-overlay][data-outline-theme-section='true'] {
298
298
  background: #ebddf866;
299
299
  }
300
- [data-toolbar-wrap] [data-outline][data-outline-overlay-theme-section] {
300
+ [data-toolbar-wrap] [data-outline][data-outline-overlay-theme-section] {
301
301
  background: #ebddf83d;
302
302
  }
303
- [data-toolbar-wrap] [data-outline][data-outline-section='true'] {
303
+ [data-toolbar-wrap] [data-outline][data-outline-section='true'] {
304
304
  border-color: #d6d6d6;
305
305
  z-index: -1;
306
306
  }
307
- [data-toolbar-wrap] [data-outline][data-outline-section='true'][data-outline-hover-focus],
307
+ [data-toolbar-wrap] [data-outline][data-outline-section='true'][data-outline-hover-focus],
308
308
  [data-toolbar-wrap] [data-outline][data-outline-section='true'][data-outline-active] {
309
309
  border-color: #3c67ff;
310
310
  z-index: 0;
311
311
  }
312
- [data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus],
312
+ [data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus],
313
313
  [data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus] {
314
314
  outline: unset;
315
315
  border-color: transparent;
316
316
  z-index: 0;
317
317
  }
318
- [data-toolbar-wrap] [data-component-tag='Heading'] [data-outline][data-outline-editor-inline-focus], [data-toolbar-wrap] [data-component-tag='Text'] [data-outline][data-outline-editor-inline-focus] {
318
+ [data-toolbar-wrap] [data-component-tag='Heading'] [data-outline][data-outline-editor-inline-focus], [data-toolbar-wrap] [data-component-tag='Text'] [data-outline][data-outline-editor-inline-focus] {
319
319
  border-color: #3c67ff;
320
320
  outline: 4px solid rgba(60, 103, 255, 0.24);
321
321
  top: -2px;
@@ -324,25 +324,25 @@
324
324
  height: calc(100% + 4px);
325
325
  z-index: 0;
326
326
  }
327
- [data-toolbar-wrap] [data-outline][data-outline-theme-section='true'],
327
+ [data-toolbar-wrap] [data-outline][data-outline-theme-section='true'],
328
328
  [data-toolbar-wrap] [data-outline][data-outline-theme-section='true'][data-outline-hover-focus],
329
329
  [data-toolbar-wrap] [data-outline][data-outline-theme-section='true'][data-outline-active] {
330
330
  border-color: #9144da;
331
331
  z-index: 0;
332
332
  }
333
- [data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit='true'],
333
+ [data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit='true'],
334
334
  [data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-limit='true'],
335
335
  [data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit='true'],
336
336
  [data-toolbar-wrap] [data-outline][data-outline-limit='true'] {
337
337
  border-color: #f44336;
338
338
  }
339
- [data-toolbar-wrap] [data-theme-section] .button-text::after {
339
+ [data-toolbar-wrap] [data-theme-section] .button-text::after {
340
340
  display: none !important;
341
341
  }
342
- [data-toolbar-wrap] [data-theme-section] .gp-text:hover {
342
+ [data-toolbar-wrap] [data-theme-section] .gp-text:hover {
343
343
  border-color: transparent !important;
344
344
  }
345
- [data-toolbar-wrap] [data-theme-section-status] {
345
+ [data-toolbar-wrap] [data-theme-section-status] {
346
346
  display: none;
347
347
  align-items: center;
348
348
  gap: 4px;
@@ -361,10 +361,10 @@
361
361
  overflow: hidden;
362
362
  transition: max-width 1s ease-in-out;
363
363
  }
364
- [data-toolbar-wrap] [data-theme-section-status-active='true'] {
364
+ [data-toolbar-wrap] [data-theme-section-status-active='true'] {
365
365
  display: flex;
366
366
  }
367
- [data-toolbar-wrap] [data-theme-section-status-icon] {
367
+ [data-toolbar-wrap] [data-theme-section-status-icon] {
368
368
  width: 24px;
369
369
  height: 24px;
370
370
  display: flex;
@@ -373,15 +373,15 @@
373
373
  cursor: pointer;
374
374
  flex-shrink: 0;
375
375
  }
376
- [data-toolbar-wrap] [data-theme-section-status-text] {
376
+ [data-toolbar-wrap] [data-theme-section-status-text] {
377
377
  display: block;
378
378
  white-space: nowrap;
379
379
  }
380
- [data-toolbar-wrap] [data-theme-section-status]:hover {
380
+ [data-toolbar-wrap] [data-theme-section-status]:hover {
381
381
  max-width: 100%;
382
382
  }
383
- /* Action add style default */
384
- [data-toolbar-wrap] [data-toolbar-add-top],
383
+ /* Action add style default */
384
+ [data-toolbar-wrap] [data-toolbar-add-top],
385
385
  [data-toolbar-wrap] [data-toolbar-add-bottom] {
386
386
  width: 32px;
387
387
  height: 32px;
@@ -402,48 +402,48 @@
402
402
  user-select: none;
403
403
  transition: border-color 200ms ease-in-out;
404
404
  }
405
- [data-toolbar-wrap] [data-toolbar-add-top] svg, [data-toolbar-wrap] [data-toolbar-add-bottom] svg {
405
+ [data-toolbar-wrap] [data-toolbar-add-top] svg, [data-toolbar-wrap] [data-toolbar-add-bottom] svg {
406
406
  width: 16px;
407
407
  height: 16px;
408
408
  transition: -webkit-transform 200ms ease-in-out;
409
409
  transition: transform 200ms ease-in-out;
410
410
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
411
411
  }
412
- [data-toolbar-wrap] [data-toolbar-add-top]:hover, [data-toolbar-wrap] [data-toolbar-add-bottom]:hover {
412
+ [data-toolbar-wrap] [data-toolbar-add-top]:hover, [data-toolbar-wrap] [data-toolbar-add-bottom]:hover {
413
413
  border-color: #3c67ff;
414
414
  }
415
- [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable='true'], [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable='true'] {
415
+ [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable='true'], [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable='true'] {
416
416
  background: #f4f4f4;
417
417
  color: #d6d6d6;
418
418
  border-color: #d6d6d6;
419
419
  }
420
- [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable='true']:hover {
420
+ [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable='true']:hover, [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable='true']:hover {
421
421
  background: #f4f4f4;
422
422
  color: #d6d6d6;
423
423
  border-color: #d6d6d6;
424
424
  }
425
- [data-toolbar-wrap] [data-toolbar-add-bottom] {
425
+ [data-toolbar-wrap] [data-toolbar-add-bottom] {
426
426
  top: unset;
427
427
  bottom: -16px;
428
428
  }
429
- /* Active add state */
430
- [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open='true'] svg, [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open='true'] svg {
429
+ /* Active add state */
430
+ [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open='true'] svg, [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open='true'] svg {
431
431
  -webkit-transform: rotate(45deg);
432
432
  transform: rotate(45deg);
433
433
  }
434
- [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover],
434
+ [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover],
435
435
  [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-hover] {
436
436
  display: flex;
437
437
  }
438
- [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-active],
438
+ [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-active],
439
439
  [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-active] {
440
440
  display: flex;
441
441
  }
442
- /* Resize spacing */
443
- [data-toolbar-wrap] [data-spacing] {
442
+ /* Resize spacing */
443
+ [data-toolbar-wrap] [data-spacing] {
444
444
  z-index: 10;
445
445
  }
446
- [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] {
446
+ [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] {
447
447
  position: absolute;
448
448
  z-index: 10;
449
449
  bottom: 0;
@@ -454,7 +454,7 @@
454
454
 
455
455
  display: none;
456
456
  }
457
- [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] {
457
+ [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] {
458
458
  position: absolute;
459
459
  top: 0;
460
460
  left: 0;
@@ -465,7 +465,7 @@
465
465
  justify-content: center;
466
466
  align-items: center;
467
467
  }
468
- [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value] {
468
+ [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value] {
469
469
  background-color: #3c67ff;
470
470
  padding: 2px;
471
471
  position: absolute;
@@ -476,7 +476,7 @@
476
476
 
477
477
  display: none;
478
478
  }
479
- [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag] {
479
+ [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag] {
480
480
  position: absolute;
481
481
  bottom: 0;
482
482
  height: 4px;
@@ -489,26 +489,26 @@
489
489
  -webkit-transform: translateY(-100%);
490
490
  transform: translateY(-100%);
491
491
  }
492
- [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover {
492
+ [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover {
493
493
  height: 6px;
494
494
  }
495
- [data-toolbar-wrap] [data-spacing][data-spacing-theme-section='true'] [data-spacing-margin-bottom-bg] {
495
+ [data-toolbar-wrap] [data-spacing][data-spacing-theme-section='true'] [data-spacing-margin-bottom-bg] {
496
496
  background-color: #ebddf8;
497
497
  }
498
- [data-toolbar-wrap] [data-spacing][data-spacing-theme-section='true'] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value] {
498
+ [data-toolbar-wrap] [data-spacing][data-spacing-theme-section='true'] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value] {
499
499
  background-color: #9144da;
500
500
  }
501
- [data-toolbar-wrap] [data-spacing][data-spacing-theme-section='true'] [data-spacing-margin-bottom-drag] {
501
+ [data-toolbar-wrap] [data-spacing][data-spacing-theme-section='true'] [data-spacing-margin-bottom-drag] {
502
502
  background-color: #9144da;
503
503
  }
504
- [data-toolbar-wrap] [data-spacing-margin-bottom][data-spacing-margin-bottom-active] {
504
+ [data-toolbar-wrap] [data-spacing-margin-bottom][data-spacing-margin-bottom-active] {
505
505
  display: flex;
506
506
  }
507
- [data-toolbar-wrap] [data-spacing][data-spacing-hidden] {
507
+ [data-toolbar-wrap] [data-spacing][data-spacing-hidden] {
508
508
  display: none;
509
509
  }
510
- /* Tooltips */
511
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip] {
510
+ /* Tooltips */
511
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip] {
512
512
  width: unset;
513
513
  max-width: unset;
514
514
  background-color: #676767 !important;
@@ -526,14 +526,14 @@
526
526
 
527
527
  opacity: 0;
528
528
  }
529
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger]:hover [data-toolbar-tooltip] {
529
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger]:hover [data-toolbar-tooltip] {
530
530
  opacity: 1;
531
531
  }
532
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='right'] {
532
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='right'] {
533
533
  top: -5px;
534
534
  left: 105%;
535
535
  }
536
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='right']::after {
536
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='right']::after {
537
537
  content: ' ';
538
538
  position: absolute;
539
539
  top: 50%;
@@ -543,11 +543,11 @@
543
543
  border-style: solid;
544
544
  border-color: transparent #676767 transparent transparent;
545
545
  }
546
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='left'] {
546
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='left'] {
547
547
  top: -5px;
548
548
  right: 105%;
549
549
  }
550
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='left']::after {
550
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='left']::after {
551
551
  content: ' ';
552
552
  position: absolute;
553
553
  top: 50%;
@@ -557,11 +557,11 @@
557
557
  border-style: solid;
558
558
  border-color: transparent transparent transparent #676767;
559
559
  }
560
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top'] {
560
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top'] {
561
561
  bottom: 105%;
562
562
  left: 0%;
563
563
  }
564
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top']::after {
564
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top']::after {
565
565
  content: ' ';
566
566
  position: absolute;
567
567
  top: 100%;
@@ -571,11 +571,11 @@
571
571
  border-style: solid;
572
572
  border-color: #676767 transparent transparent transparent;
573
573
  }
574
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='bottom'] {
574
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='bottom'] {
575
575
  top: 105%;
576
576
  left: 0%;
577
577
  }
578
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='bottom']::after {
578
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='bottom']::after {
579
579
  content: ' ';
580
580
  position: absolute;
581
581
  bottom: 100%;
@@ -585,46 +585,53 @@
585
585
  border-style: solid;
586
586
  border-color: transparent transparent #676767 transparent;
587
587
  }
588
- /* Tooltips state */
589
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] {
588
+ /* Tooltips state */
589
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] {
590
590
  position: relative;
591
591
  }
592
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip] {
592
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip] {
593
593
  left: unset;
594
594
  right: 0;
595
595
  margin-top: 12px;
596
596
  }
597
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom']::after {
597
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom']::after {
598
598
  content: ' ';
599
599
  left: unset;
600
600
  right: 6px;
601
601
  }
602
- [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip], [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip] {
602
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip], [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip] {
603
603
  margin-bottom: 12px;
604
604
  left: 50%;
605
605
  -webkit-transform: translateX(-50%);
606
606
  transform: translateX(-50%);
607
607
  }
608
+
608
609
  [data-toolbar-debug] [data-toolbar] {
609
610
  opacity: 1;
610
611
  visibility: visible;
611
612
  }
613
+
612
614
  [data-toolbar-debug] [data-outline] {
613
615
  opacity: 1;
614
616
  visibility: visible;
615
617
  }
618
+
616
619
  [data-toolbar-active='true'] .theme-section-tooltip {
617
620
  right: -53px !important;
618
621
  padding-top: 16px !important;
619
622
  }
623
+
620
624
  [data-toolbar-active='true'] .theme-section-tooltip::before {
621
625
  right: 45% !important;
622
626
  top: 12px !important;
623
627
  }
628
+
624
629
  /* Create theme section tooltip */
630
+
625
631
  .theme-section-tooltip-wrapper {
626
632
  position: relative;
627
633
  }
634
+
628
635
  .theme-section-tooltip-wrapper .theme-section-tooltip {
629
636
  cursor: default;
630
637
  min-width: 284px;
@@ -636,6 +643,7 @@
636
643
  top: 100%;
637
644
  padding-top: 9px;
638
645
  }
646
+
639
647
  .theme-section-tooltip-wrapper .theme-section-tooltip::before {
640
648
  content: '';
641
649
  position: absolute;
@@ -647,6 +655,7 @@
647
655
  right: 16px;
648
656
  top: 5px;
649
657
  }
658
+
650
659
  .theme-section-tooltip-wrapper .theme-section-tooltip__image {
651
660
  background: #212121;
652
661
  border-radius: 3px 3px 0 0;
@@ -656,6 +665,7 @@
656
665
  padding-right: 20px;
657
666
  min-height: 150px;
658
667
  }
668
+
659
669
  .theme-section-tooltip-wrapper .theme-section-tooltip__body {
660
670
  display: flex;
661
671
  flex-direction: column;
@@ -664,18 +674,21 @@
664
674
  background: #151515;
665
675
  text-wrap: wrap;
666
676
  }
677
+
667
678
  .theme-section-tooltip-wrapper .theme-section-tooltip__body-title {
668
679
  color: #f9f9f9;
669
680
  font-size: 14px;
670
681
  font-weight: 500;
671
682
  line-height: 24px;
672
683
  }
684
+
673
685
  .theme-section-tooltip-wrapper .theme-section-tooltip__body-desc {
674
686
  color: #aaa;
675
687
  font-size: 14px;
676
688
  font-weight: 400;
677
689
  line-height: 24px;
678
690
  }
691
+
679
692
  .theme-section-tooltip-wrapper .theme-section-tooltip__action {
680
693
  padding: 16px;
681
694
  border-radius: 0 0 3px 3px;
@@ -684,6 +697,7 @@
684
697
  display: flex;
685
698
  flex-direction: column;
686
699
  }
700
+
687
701
  .theme-section-tooltip-wrapper .theme-section-tooltip__action button {
688
702
  cursor: pointer;
689
703
  width: 100%;
@@ -697,16 +711,20 @@
697
711
  font-weight: 500;
698
712
  transition: all 0.15s ease-in;
699
713
  }
714
+
700
715
  .theme-section-tooltip-wrapper .theme-section-tooltip__action button:hover {
701
716
  background: #2856f8;
702
717
  }
718
+
703
719
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button {
704
720
  background: #fdb913 !important;
705
721
  color: #212121 !important;
706
722
  }
723
+
707
724
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover {
708
725
  background: #fdc742 !important;
709
726
  }
727
+
710
728
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more {
711
729
  color: #8aa4ff;
712
730
  text-align: center;
@@ -717,6 +735,7 @@
717
735
  cursor: pointer;
718
736
  transition: all 0.15s ease-in;
719
737
  }
738
+
720
739
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more:hover {
721
740
  color: #3c67ff;
722
741
  }
package/dist/toolbar.min.css CHANGED
@@ -1 +1 @@
1
- .builder .gem-slider:not([data-keen-slider-disabled]){overflow:unset}[data-component-tag=ProductImagesV2] .gem-slider:not([data-keen-slider-disabled]),[data-component-tag=ProductImages] .gem-slider:not([data-keen-slider-disabled]){overflow:hidden}[data-toolbar-wrap]{position:relative}[data-toolbar-wrap] [data-toolbar]{align-items:center;background:#fff;border:1px solid #3c67ff;color:#3c67ff;cursor:pointer;display:flex;font-family:Inter,sans-serif,ui-sans-serif,system-ui;height:24px;left:0;max-width:unset;opacity:0;padding:4px;pointer-events:unset;position:absolute;top:-23px;transition:background .2s ease-out;-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;z-index:20}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{align-items:center;display:flex}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:block}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] svg,[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-name]{display:block;font-size:12px;font-weight:500;padding-left:4px;padding-right:4px;white-space:nowrap}[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{cursor:grab}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]{background:#fff;border:1px solid #3c67ff;color:#3c67ff;height:24px;left:-1px;opacity:1;padding:4px;position:absolute;top:-24px;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover{background:#c5d2ff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]{border:1px solid #9144da;color:#9144da}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]:hover,[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus]:hover{background:#ebddf8}[data-toolbar-wrap] [data-toolbar] [data-toolbar-create-theme-section]{border-left:1px solid;border-color:#d6d6d6;font-size:12px;font-weight:500;line-height:16px;margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:8px;padding-right:4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar] [data-toolbar-icon-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-zoom-out]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true]{border:1px solid #9144da;color:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]{opacity:1;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover{background:#c5d2ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{background:#d8e1ff;z-index:40}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover{background:#c5d2ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#ebddf8}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active]:hover{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]{background:#3c67ff;color:#fff;height:32px;opacity:1;top:-31px;visibility:visible;z-index:20}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus]:hover{background:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true][data-toolbar-hover-focus]{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]{border-radius:2px;padding:4px;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent]{display:block;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open=true]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover{background:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]{border-radius:2px;display:block;padding:4px;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover{background:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true] svg{opacity:.4}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true]:hover{background:transparent}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section-wrapper]{border-left:1px solid #7190ff;border-right:1px solid #7190ff;margin:0 4px;padding:0 4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]{align-items:center;display:flex!important;gap:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] p{font-size:12px;font-weight:500}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true]{border-color:#d6d6d6;left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus] [data-toolbar-create-theme-section]{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-editor-inline-focus]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover-focus]{border-color:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true]{background:#f44336;border-color:#f44336;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-create-theme-section]{border-color:#fff}[data-toolbar-wrap] [data-outline]{border:1px solid #3c67ff;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-force-hover],[data-toolbar-wrap] [data-outline][data-outline-hover]{opacity:1;visibility:visible;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-force-overlay],[data-toolbar-wrap] [data-outline][data-outline-overlay]{background:rgba(60,103,255,.2)}[data-toolbar-wrap] [data-outline][data-outline-force-overlay][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section=true]{background:#ebddf866}[data-toolbar-wrap] [data-outline][data-outline-overlay-theme-section]{background:#ebddf83d}[data-toolbar-wrap] [data-outline][data-outline-section=true]{border-color:#d6d6d6;z-index:-1}[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-hover-focus]{border-color:#3c67ff;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus]{border-color:transparent;outline:unset;z-index:0}[data-toolbar-wrap] [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],[data-toolbar-wrap] [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#3c67ff;height:calc(100% + 4px);left:-2px;outline:4px solid rgba(60,103,255,.24);top:-2px;width:calc(100% + 4px);z-index:0}[data-toolbar-wrap] [data-outline][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-hover-focus]{border-color:#9144da;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-limit=true]{border-color:#f44336}[data-toolbar-wrap] [data-theme-section] .button-text:after{display:none!important}[data-toolbar-wrap] [data-theme-section] .gp-text:hover{border-color:transparent!important}[data-toolbar-wrap] [data-theme-section-status]{align-items:center;background:#ebddf8;border-radius:3px;color:#212121;display:none;font-size:14px;font-weight:400;gap:4px;left:8px;line-height:24px;max-width:32px;overflow:hidden;padding:4px;position:absolute;top:8px;transition:max-width 1s ease-in-out;z-index:50}[data-toolbar-wrap] [data-theme-section-status-active=true]{display:flex}[data-toolbar-wrap] [data-theme-section-status-icon]{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}[data-toolbar-wrap] [data-theme-section-status-text]{display:block;white-space:nowrap}[data-toolbar-wrap] [data-theme-section-status]:hover{max-width:100%}[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{align-items:center;background:#fff;border:1px solid #d6d6d6;border-radius:3px;color:#3c67ff;cursor:pointer;display:flex;display:none;height:32px;justify-content:center;left:calc(50% - 16px);position:absolute;top:-16px;transition:border-color .2s ease-in-out;-webkit-user-select:none;user-select:none;width:32px;z-index:50}[data-toolbar-wrap] [data-toolbar-add-bottom] svg,[data-toolbar-wrap] [data-toolbar-add-top] svg{height:16px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:16px}[data-toolbar-wrap] [data-toolbar-add-bottom]:hover,[data-toolbar-wrap] [data-toolbar-add-top]:hover{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true]:hover{background:#f4f4f4;border-color:#d6d6d6;color:#d6d6d6}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-16px;top:unset}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open=true] svg,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open=true] svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-hover],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover]{display:flex}[data-toolbar-wrap] [data-spacing]{z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom]{bottom:0;display:flex;display:none;justify-content:center;left:0;position:absolute;width:100%;z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg]{align-items:center;background-color:#3c67ff33;display:flex;justify-content:center;left:0;position:absolute;top:0;width:100%}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value]{background-color:#3c67ff;border-radius:4px;color:#fff;display:none;font-size:8px;font-weight:700;padding:2px;position:absolute}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]{background-color:#3c67ff;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;cursor:ns-resize;height:4px;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:height .2s;width:40px}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover{height:6px}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg]{background-color:#ebddf8}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value],[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-drag]{background-color:#9144da}[data-toolbar-wrap] [data-spacing-margin-bottom][data-spacing-margin-bottom-active]{display:flex}[data-toolbar-wrap] [data-spacing][data-spacing-hidden]{display:none}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip]{background-color:#676767!important;border-radius:6px;color:#fff;font-size:16px;max-width:unset;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transition:opacity 1s;white-space:nowrap;width:unset;z-index:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger]:hover [data-toolbar-tooltip]{opacity:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]{left:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]:after{border:5px solid transparent;border-right-color:#676767;content:" ";margin-top:-5px;position:absolute;right:100%;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]{right:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]:after{border:5px solid transparent;border-left-color:#676767;content:" ";left:100%;margin-top:-5px;position:absolute;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]{bottom:105%;left:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]:after{border:5px solid transparent;border-top-color:#676767;content:" ";left:50%;margin-left:-5px;position:absolute;top:100%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]{left:0;top:105%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]:after{border:5px solid transparent;border-bottom-color:#676767;bottom:100%;content:" ";left:50%;margin-left:-5px;position:absolute}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip]{left:unset;margin-top:12px;right:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{content:" ";left:unset;right:6px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip],[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip]{left:50%;margin-bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-toolbar-debug] [data-outline],[data-toolbar-debug] [data-toolbar]{opacity:1;visibility:visible}[data-toolbar-active=true] .theme-section-tooltip{padding-top:16px!important;right:-53px!important}[data-toolbar-active=true] .theme-section-tooltip:before{right:45%!important;top:12px!important}.theme-section-tooltip-wrapper{position:relative}.theme-section-tooltip-wrapper .theme-section-tooltip{border-radius:3px;cursor:default;display:flex;flex-direction:column;min-width:284px;padding-top:9px;position:absolute;right:-4px;top:100%}.theme-section-tooltip-wrapper .theme-section-tooltip:before{background:#212121;content:"";height:8px;position:absolute;right:16px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.theme-section-tooltip-wrapper .theme-section-tooltip__image{background:#212121;border-radius:3px 3px 0 0;min-height:150px;padding:16px 20px 8px 21px}.theme-section-tooltip-wrapper .theme-section-tooltip__body{text-wrap:wrap;background:#151515;display:flex;flex-direction:column;gap:8px;padding:16px}.theme-section-tooltip-wrapper .theme-section-tooltip__body-title{color:#f9f9f9;font-size:14px;font-weight:500;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__body-desc{color:#aaa;font-size:14px;font-weight:400;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__action{background:#151515;border-radius:0 0 3px 3px;border-top:1px solid #3b3b3b;display:flex;flex-direction:column;padding:16px}.theme-section-tooltip-wrapper .theme-section-tooltip__action button{background:#3c67ff;border-radius:3px;color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:24px;text-align:center;transition:all .15s ease-in;width:100%}.theme-section-tooltip-wrapper .theme-section-tooltip__action button:hover{background:#2856f8}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button{background:#fdb913!important;color:#212121!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover{background:#fdc742!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more{color:#8aa4ff;cursor:pointer;font-size:12px;font-weight:500;line-height:20px;margin-top:8px;text-align:center;transition:all .15s ease-in}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more:hover{color:#3c67ff}
1
+ [data-toolbar-wrap]{position:relative}[data-toolbar-wrap] [data-toolbar]{align-items:center;background:#fff;border:1px solid #3c67ff;color:#3c67ff;cursor:pointer;display:flex;font-family:Inter,sans-serif,ui-sans-serif,system-ui;height:24px;left:0;max-width:unset;opacity:0;padding:4px;pointer-events:unset;position:absolute;top:-23px;transition:background .2s ease-out;-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;z-index:20}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{align-items:center;display:flex}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:block}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] svg,[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-name]{display:block;font-size:12px;font-weight:500;padding-left:4px;padding-right:4px;white-space:nowrap}[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{cursor:grab}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]{background:#fff;border:1px solid #3c67ff;color:#3c67ff;height:24px;left:-1px;opacity:1;padding:4px;position:absolute;top:-24px;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover{background:#c5d2ff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]{border:1px solid #9144da;color:#9144da}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]:hover,[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus]:hover{background:#ebddf8}[data-toolbar-wrap] [data-toolbar] [data-toolbar-create-theme-section]{border-left:1px solid;border-color:#d6d6d6;font-size:12px;font-weight:500;line-height:16px;margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:8px;padding-right:4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar] [data-toolbar-icon-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-zoom-out]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true]{border:1px solid #9144da;color:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]{opacity:1;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover{background:#c5d2ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-revert]{top:calc(100% - 1px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{background:#d8e1ff;z-index:40}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover{background:#c5d2ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#ebddf8}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active]:hover{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]{background:#3c67ff;color:#fff;height:32px;opacity:1;top:-31px;visibility:visible;z-index:20}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus]:hover{background:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true][data-toolbar-hover-focus]{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]{border-radius:2px;padding:4px;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent]{display:block;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open=true]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover{background:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]{border-radius:2px;display:block;padding:4px;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover{background:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true] svg{opacity:.4}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true]:hover{background:transparent}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section-wrapper]{border-left:1px solid #7190ff;border-right:1px solid #7190ff;margin:0 4px;padding:0 4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]{align-items:center;display:flex!important;gap:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] p{font-size:12px;font-weight:500}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-revert]{top:calc(100% - 1px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true]{border-color:#d6d6d6;left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus] [data-toolbar-create-theme-section]{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-editor-inline-focus]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover-focus]{border-color:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true]{background:#f44336;border-color:#f44336;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-create-theme-section]{border-color:#fff}[data-toolbar-wrap] [data-outline]{border:1px solid #3c67ff;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-force-hover],[data-toolbar-wrap] [data-outline][data-outline-hover]{opacity:1;visibility:visible;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-force-overlay],[data-toolbar-wrap] [data-outline][data-outline-overlay]{background:rgba(60,103,255,.2)}[data-toolbar-wrap] [data-outline][data-outline-force-overlay][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section=true]{background:#ebddf866}[data-toolbar-wrap] [data-outline][data-outline-overlay-theme-section]{background:#ebddf83d}[data-toolbar-wrap] [data-outline][data-outline-section=true]{border-color:#d6d6d6;z-index:-1}[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-hover-focus]{border-color:#3c67ff;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus]{border-color:transparent;outline:unset;z-index:0}[data-toolbar-wrap] [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],[data-toolbar-wrap] [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#3c67ff;height:calc(100% + 4px);left:-2px;outline:4px solid rgba(60,103,255,.24);top:-2px;width:calc(100% + 4px);z-index:0}[data-toolbar-wrap] [data-outline][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-hover-focus]{border-color:#9144da;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-limit=true]{border-color:#f44336}[data-toolbar-wrap] [data-theme-section] .button-text:after{display:none!important}[data-toolbar-wrap] [data-theme-section] .gp-text:hover{border-color:transparent!important}[data-toolbar-wrap] [data-theme-section-status]{align-items:center;background:#ebddf8;border-radius:3px;color:#212121;display:none;font-size:14px;font-weight:400;gap:4px;left:8px;line-height:24px;max-width:32px;overflow:hidden;padding:4px;position:absolute;top:8px;transition:max-width 1s ease-in-out;z-index:50}[data-toolbar-wrap] [data-theme-section-status-active=true]{display:flex}[data-toolbar-wrap] [data-theme-section-status-icon]{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}[data-toolbar-wrap] [data-theme-section-status-text]{display:block;white-space:nowrap}[data-toolbar-wrap] [data-theme-section-status]:hover{max-width:100%}[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{align-items:center;background:#fff;border:1px solid #d6d6d6;border-radius:3px;color:#3c67ff;cursor:pointer;display:flex;display:none;height:32px;justify-content:center;left:calc(50% - 16px);position:absolute;top:-16px;transition:border-color .2s ease-in-out;-webkit-user-select:none;user-select:none;width:32px;z-index:50}[data-toolbar-wrap] [data-toolbar-add-bottom] svg,[data-toolbar-wrap] [data-toolbar-add-top] svg{height:16px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:16px}[data-toolbar-wrap] [data-toolbar-add-bottom]:hover,[data-toolbar-wrap] [data-toolbar-add-top]:hover{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true]:hover{background:#f4f4f4;border-color:#d6d6d6;color:#d6d6d6}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-16px;top:unset}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open=true] svg,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open=true] svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-hover],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover]{display:flex}[data-toolbar-wrap] [data-spacing]{z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom]{bottom:0;display:flex;display:none;justify-content:center;left:0;position:absolute;width:100%;z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg]{align-items:center;background-color:#3c67ff33;display:flex;justify-content:center;left:0;position:absolute;top:0;width:100%}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value]{background-color:#3c67ff;border-radius:4px;color:#fff;display:none;font-size:8px;font-weight:700;padding:2px;position:absolute}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]{background-color:#3c67ff;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;cursor:ns-resize;height:4px;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:height .2s;width:40px}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover{height:6px}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg]{background-color:#ebddf8}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value],[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-drag]{background-color:#9144da}[data-toolbar-wrap] [data-spacing-margin-bottom][data-spacing-margin-bottom-active]{display:flex}[data-toolbar-wrap] [data-spacing][data-spacing-hidden]{display:none}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip]{background-color:#676767!important;border-radius:6px;color:#fff;font-size:16px;max-width:unset;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transition:opacity 1s;white-space:nowrap;width:unset;z-index:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger]:hover [data-toolbar-tooltip]{opacity:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]{left:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]:after{border:5px solid transparent;border-right-color:#676767;content:" ";margin-top:-5px;position:absolute;right:100%;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]{right:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]:after{border:5px solid transparent;border-left-color:#676767;content:" ";left:100%;margin-top:-5px;position:absolute;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]{bottom:105%;left:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]:after{border:5px solid transparent;border-top-color:#676767;content:" ";left:50%;margin-left:-5px;position:absolute;top:100%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]{left:0;top:105%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]:after{border:5px solid transparent;border-bottom-color:#676767;bottom:100%;content:" ";left:50%;margin-left:-5px;position:absolute}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip]{left:unset;margin-top:12px;right:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{content:" ";left:unset;right:6px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip],[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip]{left:50%;margin-bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-toolbar-debug] [data-outline],[data-toolbar-debug] [data-toolbar]{opacity:1;visibility:visible}[data-toolbar-active=true] .theme-section-tooltip{padding-top:16px!important;right:-53px!important}[data-toolbar-active=true] .theme-section-tooltip:before{right:45%!important;top:12px!important}.theme-section-tooltip-wrapper{position:relative}.theme-section-tooltip-wrapper .theme-section-tooltip{border-radius:3px;cursor:default;display:flex;flex-direction:column;min-width:284px;padding-top:9px;position:absolute;right:-4px;top:100%}.theme-section-tooltip-wrapper .theme-section-tooltip:before{background:#212121;content:"";height:8px;position:absolute;right:16px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.theme-section-tooltip-wrapper .theme-section-tooltip__image{background:#212121;border-radius:3px 3px 0 0;min-height:150px;padding:16px 20px 8px 21px}.theme-section-tooltip-wrapper .theme-section-tooltip__body{text-wrap:wrap;background:#151515;display:flex;flex-direction:column;gap:8px;padding:16px}.theme-section-tooltip-wrapper .theme-section-tooltip__body-title{color:#f9f9f9;font-size:14px;font-weight:500;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__body-desc{color:#aaa;font-size:14px;font-weight:400;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__action{background:#151515;border-radius:0 0 3px 3px;border-top:1px solid #3b3b3b;display:flex;flex-direction:column;padding:16px}.theme-section-tooltip-wrapper .theme-section-tooltip__action button{background:#3c67ff;border-radius:3px;color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:24px;text-align:center;transition:all .15s ease-in;width:100%}.theme-section-tooltip-wrapper .theme-section-tooltip__action button:hover{background:#2856f8}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button{background:#fdb913!important;color:#212121!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover{background:#fdc742!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more{color:#8aa4ff;cursor:pointer;font-size:12px;font-weight:500;line-height:20px;margin-top:8px;text-align:center;transition:all .15s ease-in}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more:hover{color:#3c67ff}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.22.31-new-feature.21",
3
+ "version": "1.22.31-new-feature.22",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
package/src/css/builds/toolbar.css CHANGED
@@ -1,15 +1,3 @@
1
- /* Thêm code này sẽ làm lỗi tính năng fix height ở carousel, nhưng nếu k có thì toolbar sẽ bị ẩn nếu nằm trong carousel */
2
- .builder .gem-slider:not([data-keen-slider-disabled]) {
3
- overflow: unset;
4
- }
5
-
6
- [data-component-tag='ProductImagesV2'],
7
- [data-component-tag='ProductImages'] {
8
- .gem-slider:not([data-keen-slider-disabled]) {
9
- overflow: hidden;
10
- }
11
- }
12
-
13
1
  [data-toolbar-wrap] {
14
2
  position: relative;
15
3
 
@@ -141,6 +129,10 @@
141
129
  }
142
130
  }
143
131
 
132
+ [data-toolbar][data-toolbar-hover-revert] {
133
+ top: calc(100% - 1px);
134
+ }
135
+
144
136
  [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus] {
145
137
  background: #d8e1ff;
146
138
  z-index: 40;
@@ -275,6 +267,10 @@
275
267
  }
276
268
  }
277
269
 
270
+ [data-toolbar][data-toolbar-active-revert] {
271
+ top: calc(100% - 1px);
272
+ }
273
+
278
274
  [data-toolbar][data-toolbar-section='true'] {
279
275
  left: unset;
280
276
  right: 0;