@gem-sdk/styles 1.36.13 → 2.0.0-dev.871

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 +27 -6
  2. package/dist/builder.min.css +1 -1
  3. package/dist/toolbar.css +184 -23
  4. package/dist/toolbar.min.css +1 -1
  5. package/package.json +1 -1
  6. package/src/css/builds/builder.css +22 -2
  7. package/src/css/builds/toolbar.css +221 -23
package/dist/builder.css CHANGED
@@ -224,12 +224,12 @@
224
224
  background-color: #d8e1ff !important;
225
225
  }
226
226
 
227
- #visual-content .fake-placeholder[is-drag-to-theme-section='true'] {
227
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'], #visual-content .fake-placeholder[is-drag-to-shopify-section='true'] {
228
228
  background-color: rgba(254, 228, 227, 0.24) !important;
229
229
  display: block;
230
230
  }
231
231
 
232
- #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message {
232
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-section-message, #visual-content .fake-placeholder[is-drag-to-shopify-section='true'] .drag-to-section-message {
233
233
  display: flex;
234
234
  align-items: center;
235
235
  position: -webkit-sticky;
@@ -250,11 +250,11 @@
250
250
  background: #f44336 !important;
251
251
  }
252
252
 
253
- #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message.exceed-limit {
253
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-section-message.exceed-limit, #visual-content .fake-placeholder[is-drag-to-shopify-section='true'] .drag-to-section-message.exceed-limit {
254
254
  margin-left: 48px;
255
255
  }
256
256
 
257
- #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message-icon {
257
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-section-message-icon, #visual-content .fake-placeholder[is-drag-to-shopify-section='true'] .drag-to-section-message-icon {
258
258
  width: 24px;
259
259
  height: 24px;
260
260
  display: flex;
@@ -262,10 +262,16 @@
262
262
  justify-content: center;
263
263
  }
264
264
 
265
- #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-theme-section-message svg {
265
+ #visual-content .fake-placeholder[is-drag-to-theme-section='true'] .drag-to-section-message svg, #visual-content .fake-placeholder[is-drag-to-shopify-section='true'] .drag-to-section-message svg {
266
266
  margin-right: 4px;
267
267
  }
268
268
 
269
+ #visual-content .fake-placeholder[is-drag-to-exceeded-section='true'] {
270
+ background-color: rgba(244,67,54, 0.08) !important;
271
+ border: 1px solid rgba(244,67,54) !important;
272
+ display: block;
273
+ }
274
+
269
275
  #visual-content .fake-placeholder[is-component-dragging='true'] {
270
276
  background-color: #8aa4ff66 !important;
271
277
  }
@@ -400,6 +406,17 @@
400
406
  outline: 4px solid #9144da3d !important;
401
407
  }
402
408
 
409
+ .post-purchase-page {
410
+ font-size: 14px;
411
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
412
+ line-height: 15px;
413
+ }
414
+
415
+ .post-purchase-page select:focus {
416
+ border-color: #1879b9;
417
+ box-shadow: 0 0 0 1px #1879b9;
418
+ }
419
+
403
420
  /* .button-text.ck p {
404
421
  overflow: hidden;
405
422
  text-overflow: ellipsis;
@@ -452,6 +469,10 @@
452
469
  border-bottom-width: 6px;
453
470
  }
454
471
 
472
+ .editor-content {
473
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
474
+ }
475
+
455
476
  @media (max-width: 768px) {
456
477
  .gps-suggestion-item:hover .item-link {
457
478
  width: 196px;
@@ -460,4 +481,4 @@
460
481
  .gps-suggestion-item .item-link {
461
482
  width: 196px;
462
483
  }
463
- }
484
+ }
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:0}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#8aa4ff66;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-theme-section[is-component-dragging=true]{background-color:#ebddf866!important}#visual-content .fake-placeholder.visual-placeholder-theme-section{background-color:#ebddf866}#visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not([is-component-dragging=true]){background-color:#f44336!important}#visual-content .fake-placeholder.visual-placeholder-theme-section.has-section:not([is-component-dragging=true]){background-color:#9144da!important}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}#visual-content .fake-placeholder[is-blank-page=true]{background-color:#d8e1ff!important}#visual-content .fake-placeholder[is-drag-to-theme-section=true]{background-color:hsla(2,93%,94%,.24)!important;display:block}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message{align-items:center;background:#f44336!important;border-radius:3px!important;color:#f9f9f9!important;display:flex;font-size:14px;font-weight:400;left:8px;line-height:24px;margin-left:8px;margin-top:8px;padding:4px;position:-webkit-sticky;position:sticky;top:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message.exceed-limit{margin-left:48px}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-theme-section-message svg{margin-right:4px}#visual-content .fake-placeholder[is-component-dragging=true]{background-color:#8aa4ff66!important}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none;overflow:hidden}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E")}.gps-drag-element-here,.gps-page-suggestion{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion{background:#fff;border-radius:3px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.12)}.gps-suggestion-item .gps-suggestion-item-btn{display:flex}.gps-suggestion-item .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:360px}.gps-suggestion-item:hover .item-link{width:360px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.btn-disable:before{background:none!important;background-color:#f4f4f4!important;color:#9e9e9e}.gps-image-detection-section:hover .gps-generating-actions{display:flex}.gps-generating-section-text{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#874cfd,#3c38e1);-webkit-background-clip:text}.ck-blurred{cursor:pointer}.ck-focused{cursor:text}.button-text{position:relative}.button-text.ck-focused,.child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #3c67ff,0 0 0 5px #3c67ff3d}.theme-section-editor .child-item-text:hover{border-color:#9144da!important}.theme-section-editor .button-text:hover:after{border:1px solid #9144da}.theme-section-editor .button-text.ck-focused,.theme-section-editor .child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #9144da,0 0 0 5px #9144da3d}.theme-section-editor [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],.theme-section-editor [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#9144da;outline:4px solid #9144da3d!important}.gp-text.ck p{word-break:break-word}.button-text:hover:after{border:1px solid #3c67ff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.button-text.ck-focused:hover:after{border:0!important}.sticky-overlay{align-items:center;background-color:#3c67ff26;border:2px solid #3c67ff;color:#3c67ff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.sticky-overlay.highlight-top{border-top-width:6px}.sticky-overlay.highlight-bottom{border-bottom-width:6px}@media (max-width:768px){.gps-suggestion-item .item-link,.gps-suggestion-item:hover .item-link{width:196px}}
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-shopify-section=true],#visual-content .fake-placeholder[is-drag-to-theme-section=true]{background-color:hsla(2,93%,94%,.24)!important;display:block}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message{align-items:center;background:#f44336!important;border-radius:3px!important;color:#f9f9f9!important;display:flex;font-size:14px;font-weight:400;left:8px;line-height:24px;margin-left:8px;margin-top:8px;padding:4px;position:-webkit-sticky;position:sticky;top:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message.exceed-limit,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message.exceed-limit{margin-left:48px}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message-icon,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message svg,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message svg{margin-right:4px}#visual-content .fake-placeholder[is-drag-to-exceeded-section=true]{background-color:rgba(244,67,54,.08)!important;border:1px solid #f44336!important;display:block}#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}.post-purchase-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:15px}.post-purchase-page select:focus{border-color:#1879b9;box-shadow:0 0 0 1px #1879b9}.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}.editor-content{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}@media (max-width:768px){.gps-suggestion-item .item-link,.gps-suggestion-item:hover .item-link{width:196px}}
package/dist/toolbar.css CHANGED
@@ -167,10 +167,20 @@
167
167
  [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-active]:hover {
168
168
  background: #9144da;
169
169
  }
170
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-hover][data-toolbar-hover-focus] {
171
+ background: #29845A;
172
+ padding: 4px;
173
+ }
174
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-hover]:hover {
175
+ background: #29845A;
176
+ }
177
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-active]:hover {
178
+ background: #29845A;
179
+ }
170
180
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] {
171
181
  opacity: 1;
172
182
  visibility: visible;
173
- z-index: 20;
183
+ z-index: 1000;
174
184
  height: 32px;
175
185
  top: -35px;
176
186
  background: #151515;
@@ -193,6 +203,12 @@
193
203
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section='true'][data-toolbar-hover-focus] {
194
204
  background: #9144da;
195
205
  }
206
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-shopify-section='true'] {
207
+ background: #29845A;
208
+ }
209
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-shopify-section='true'][data-toolbar-hover-focus] {
210
+ background: #29845A;
211
+ }
196
212
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] {
197
213
  padding: 4px;
198
214
  margin-right: 9px;
@@ -236,7 +252,7 @@
236
252
  transform: rotate(180deg);
237
253
  }
238
254
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover {
239
- background: rgba(225, 225, 225, 0.2);
255
+ background-color: rgba(225, 225, 225, 0.2);
240
256
  }
241
257
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-drag] {
242
258
  display: block;
@@ -257,7 +273,7 @@
257
273
  height: 16px;
258
274
  }
259
275
  [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 {
260
- background: rgba(225, 225, 225, 0.2);
276
+ background-color: rgba(225, 225, 225, 0.2);
261
277
  }
262
278
  [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 {
263
279
  opacity: 0.4;
@@ -314,6 +330,10 @@
314
330
  [data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section='true'][data-toolbar-active] {
315
331
  border-color: #9144da;
316
332
  }
333
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-hover-focus],
334
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-active] {
335
+ border-color: #29845A;
336
+ }
317
337
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit='true'],
318
338
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit='true'],
319
339
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit='true'],
@@ -346,6 +366,9 @@
346
366
  visibility: hidden;
347
367
  transition: opacity 0ms ease-in-out;
348
368
  }
369
+ [data-toolbar-wrap][data-section-exceeded][data-toolbar-wrap] [data-outline][data-outline-section='true'] {
370
+ border-color: #f44336;
371
+ }
349
372
  /* State Outline */
350
373
  [data-toolbar-wrap] [data-outline][data-outline-hover],
351
374
  [data-toolbar-wrap] [data-outline][data-outline-force-hover] {
@@ -386,7 +409,7 @@
386
409
  border-color: transparent;
387
410
  z-index: 0;
388
411
  }
389
- [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] {
412
+ [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], [data-toolbar-wrap] [data-component-tag='PostPurchaseHeading'] [data-outline][data-outline-editor-inline-focus], [data-toolbar-wrap] [data-component-tag='PostPurchaseText'] [data-outline][data-outline-editor-inline-focus] {
390
413
  border-color: #3c67ff;
391
414
  outline: 4px solid rgba(60, 103, 255, 0.24);
392
415
  top: 0px;
@@ -408,6 +431,12 @@
408
431
  border-color: #9144da;
409
432
  z-index: 0;
410
433
  }
434
+ [data-toolbar-wrap] [data-outline][data-outline-shopify-section='true'],
435
+ [data-toolbar-wrap] [data-outline][data-outline-shopify-section='true'][data-outline-hover-focus],
436
+ [data-toolbar-wrap] [data-outline][data-outline-shopify-section='true'][data-outline-active] {
437
+ border-color: #29845A;
438
+ z-index: 0;
439
+ }
411
440
  [data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit='true'],
412
441
  [data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-limit='true'],
413
442
  [data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit='true'],
@@ -435,6 +464,17 @@
435
464
  [data-toolbar-wrap] [data-theme-section] .gp-text:hover {
436
465
  border-color: transparent !important;
437
466
  }
467
+ /* disable delay animation on shopify section */
468
+ [data-toolbar-wrap] [data-shopify-section] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus],
469
+ [data-toolbar-wrap] [data-shopify-section] [data-outline][data-outline-hover][data-outline-hover-focus],
470
+ [data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-top],
471
+ [data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-bottom] {
472
+ transition-delay: 0ms;
473
+ }
474
+ [data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-top],
475
+ [data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-bottom] {
476
+ border-color: #29845A;
477
+ }
438
478
  [data-toolbar-wrap] [data-theme-section-status] {
439
479
  display: none;
440
480
  align-items: center;
@@ -577,7 +617,7 @@
577
617
  display: none;
578
618
  }
579
619
  [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-value-number] {
580
- font-family: Inter, sans-serif;
620
+ font-family: Inter;
581
621
  background-color: #3c67ff;
582
622
  border-radius: 6px;
583
623
  color: #fff;
@@ -632,7 +672,7 @@
632
672
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip] {
633
673
  width: unset;
634
674
  max-width: unset;
635
- background-color: #676767 !important;
675
+ background-color: #333333 !important;
636
676
  color: #fff;
637
677
  text-align: center;
638
678
  border-radius: 6px;
@@ -662,7 +702,7 @@
662
702
  margin-top: -5px;
663
703
  border-width: 5px;
664
704
  border-style: solid;
665
- border-color: transparent #676767 transparent transparent;
705
+ border-color: transparent #333333 transparent transparent;
666
706
  }
667
707
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='left'] {
668
708
  top: -5px;
@@ -676,7 +716,7 @@
676
716
  margin-top: -5px;
677
717
  border-width: 5px;
678
718
  border-style: solid;
679
- border-color: transparent transparent transparent #676767;
719
+ border-color: transparent transparent transparent #333333;
680
720
  }
681
721
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top'] {
682
722
  bottom: 105%;
@@ -685,12 +725,12 @@
685
725
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top']::after {
686
726
  content: ' ';
687
727
  position: absolute;
688
- top: 100%;
728
+ top: calc(100% - 0.5px);
689
729
  left: 50%;
690
730
  margin-left: -5px;
691
731
  border-width: 5px;
692
732
  border-style: solid;
693
- border-color: #676767 transparent transparent transparent;
733
+ border-color: #333333 transparent transparent transparent;
694
734
  }
695
735
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='bottom'] {
696
736
  top: 105%;
@@ -704,7 +744,7 @@
704
744
  margin-left: -5px;
705
745
  border-width: 5px;
706
746
  border-style: solid;
707
- border-color: transparent transparent #676767 transparent;
747
+ border-color: transparent transparent #333333 transparent;
708
748
  }
709
749
  /* Tooltips state */
710
750
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] {
@@ -720,12 +760,102 @@
720
760
  left: unset;
721
761
  right: 6px;
722
762
  }
763
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] {
764
+ position: relative;
765
+ }
766
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip] {
767
+ width: 206px;
768
+ white-space: normal;
769
+ font-size: 12px;
770
+ line-height: 20px;
771
+ text-align: left;
772
+ padding: 8px;
773
+ }
774
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='top'] {
775
+ margin-bottom: 12px;
776
+ left: 50%;
777
+ -webkit-transform: translateX(-50%);
778
+ transform: translateX(-50%);
779
+ }
780
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom'] {
781
+ top: 36px;
782
+ right: -4px;
783
+ left: unset;
784
+ }
785
+ [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom']::after {
786
+ right: 10px;
787
+ left: unset;
788
+ }
723
789
  [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] {
724
790
  margin-bottom: 12px;
725
791
  left: 50%;
726
792
  -webkit-transform: translateX(-50%);
727
793
  transform: translateX(-50%);
728
794
  }
795
+ /* Resize column */
796
+ [data-toolbar-wrap] [data-column] {
797
+ z-index: 10;
798
+ position: absolute;
799
+ width: 100%;
800
+ height: 100%;
801
+ top: 0;
802
+ left: 0;
803
+ pointer-events: none;
804
+ }
805
+ [data-toolbar-wrap] [data-column] [data-column-hand-drag] {
806
+ justify-content: center;
807
+ align-items: center;
808
+ visibility: hidden;
809
+ opacity: 0;
810
+ cursor: grab;
811
+ pointer-events: auto;
812
+ }
813
+ [data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual] {
814
+ border-radius: 2px;
815
+ width: 3px;
816
+ height: 80%;
817
+ background-color: #d6d6d6;
818
+ transition: all 0.2s;
819
+ }
820
+ [data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag] {
821
+ position: absolute;
822
+ top: 50%;
823
+ left: 50%;
824
+ -webkit-transform: translate(-50%, -50%);
825
+ transform: translate(-50%, -50%);
826
+ color: #3c67ff;
827
+ visibility: hidden;
828
+ opacity: 0;
829
+ transition: all 0.2s;
830
+ width: 16px;
831
+ }
832
+ [data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag] svg {
833
+ width: 16px;
834
+ height: 16px;
835
+ -webkit-transform: rotate(45deg);
836
+ transform: rotate(45deg);
837
+ }
838
+ [data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual], [data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active='true'] [data-column-hand-visual] {
839
+ background-color: #3c67ff;
840
+ }
841
+ [data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual-drag], [data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active='true'] [data-column-hand-visual-drag] {
842
+ visibility: visible;
843
+ opacity: 1;
844
+ }
845
+ [data-toolbar-wrap] [data-column][data-column-theme-section='true'] [data-column-hand-drag] [data-column-hand-visual-drag] {
846
+ color: #9144da;
847
+ }
848
+ [data-toolbar-wrap] [data-column][data-column-theme-section='true'] [data-column-hand-drag]:hover [data-column-hand-visual], [data-toolbar-wrap] [data-column][data-column-theme-section='true'] [data-column-hand-drag][data-column-hand-drag-active='true'] [data-column-hand-visual] {
849
+ background-color: #9144da;
850
+ }
851
+ [data-toolbar-wrap] [data-column][data-column-theme-section='true'] [data-column-hand-drag]:hover [data-column-hand-visual-drag], [data-toolbar-wrap] [data-column][data-column-theme-section='true'] [data-column-hand-drag][data-column-hand-drag-active='true'] [data-column-hand-visual-drag] {
852
+ visibility: visible;
853
+ opacity: 1;
854
+ }
855
+ [data-toolbar-wrap] [data-column][data-column-visible] [data-column-hand-drag], [data-toolbar-wrap] [data-column][data-column-force-visible='true'] [data-column-hand-drag], [data-toolbar-wrap] [data-column][data-column-is-drag-visible='true'] [data-column-hand-drag] {
856
+ visibility: visible;
857
+ opacity: 1;
858
+ }
729
859
 
730
860
  [data-toolbar-debug] [data-toolbar] {
731
861
  opacity: 1;
@@ -758,7 +888,7 @@
758
888
  min-width: 284px;
759
889
  display: flex;
760
890
  flex-direction: column;
761
- border-radius: 3px;
891
+ border-radius: 12px;
762
892
  position: absolute;
763
893
  right: -4px;
764
894
  top: 100%;
@@ -779,7 +909,7 @@
779
909
 
780
910
  .theme-section-tooltip-wrapper .theme-section-tooltip__image {
781
911
  background: #212121;
782
- border-radius: 3px 3px 0 0;
912
+ border-radius: 12px 12px 0 0;
783
913
  padding-top: 16px;
784
914
  padding-bottom: 8px;
785
915
  padding-left: 21px;
@@ -812,7 +942,7 @@
812
942
 
813
943
  .theme-section-tooltip-wrapper .theme-section-tooltip__action {
814
944
  padding: 16px;
815
- border-radius: 0 0 3px 3px;
945
+ border-radius: 0 0 12px 12px;
816
946
  border-top: solid 1px #3b3b3b;
817
947
  background: #151515;
818
948
  display: flex;
@@ -824,7 +954,7 @@
824
954
  width: 100%;
825
955
  text-align: center;
826
956
  background: #3c67ff;
827
- border-radius: 3px;
957
+ border-radius: 8px;
828
958
  height: 40px;
829
959
  font-size: 14px;
830
960
  line-height: 24px;
@@ -838,12 +968,11 @@
838
968
  }
839
969
 
840
970
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button {
841
- background: #fdb913 !important;
842
- color: #212121 !important;
971
+ background: #3c67ff !important;
843
972
  }
844
973
 
845
974
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover {
846
- background: #fdc742 !important;
975
+ background: #2856f8 !important;
847
976
  }
848
977
 
849
978
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more {
@@ -922,6 +1051,38 @@
922
1051
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
923
1052
  }
924
1053
 
1054
+ [data-toolbar-onboarding] [data-icon] {
1055
+ position: absolute;
1056
+ top: -4px;
1057
+ left: 16px;
1058
+ /* Popover */
1059
+ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
1060
+ }
1061
+
1062
+ [data-toolbar-onboarding] [data-icon][data-position="top"] {
1063
+ top: unset;
1064
+ bottom: -4px;
1065
+ }
1066
+
1067
+ [data-toolbar-onboarding] [data-close] {
1068
+ position: absolute;
1069
+ top: 8px;
1070
+ right: 8px;
1071
+ z-index: 99;
1072
+ border-radius: 8px;
1073
+ background-color: transparent;
1074
+ transition: background .25s;
1075
+ }
1076
+
1077
+ [data-toolbar-onboarding] [data-close]:hover {
1078
+ background-color: #E2E2E2;
1079
+ }
1080
+
1081
+ [data-toolbar-onboarding] [data-close] svg {
1082
+ -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1083
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1084
+ }
1085
+
925
1086
  [data-toolbar-onboarding] [data-content] {
926
1087
  padding: 16px;
927
1088
  }
@@ -932,7 +1093,7 @@
932
1093
 
933
1094
  [data-toolbar-onboarding] h3 {
934
1095
  color: #212121;
935
- font-family: Inter, sans-serif;
1096
+ font-family: Inter;
936
1097
  font-size: 16px;
937
1098
  font-style: normal;
938
1099
  font-weight: 600;
@@ -942,15 +1103,15 @@
942
1103
 
943
1104
  [data-toolbar-onboarding] p {
944
1105
  color: #676767;
945
- font-family: Inter, sans-serif;
1106
+ font-family: Inter;
946
1107
  font-size: 14px;
947
1108
  font-style: normal;
948
1109
  font-weight: 400;
949
1110
  line-height: 24px; /* 171.429% */
950
1111
  }
951
1112
 
952
- [data-slot='children'] {
953
- font-family: Inter, sans-serif;
1113
+ [data-slot="children"] {
1114
+ font-family: Inter;
954
1115
  }
955
1116
 
956
1117
  @media (max-width: 767px) {
@@ -964,4 +1125,4 @@
964
1125
  top: unset;
965
1126
  bottom: -14px;
966
1127
  }
967
- }
1128
+ }
package/dist/toolbar.min.css CHANGED
@@ -1 +1 @@
1
- [data-toolbar-wrap]{position:relative}[data-toolbar-wrap] [data-toolbar]{align-items:center;background:#3c67ff;border:1px solid #3c67ff;border-radius:6px 6px 0 0;color:#fff;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:-24px;transition:opacity 0ms ease-in-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:none}[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:pre}[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{cursor:grab}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]{background:#fff;background:#3c67ff;border-radius:8px;color:#fff;height:32px;left:0;opacity:1;padding:8px;position:absolute;top:-32px;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover{background:#7190ff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:before{background:transparent;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100%}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-parent-revert=true]:before{bottom:unset;top:-4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]:hover{background-color:#af7edd}[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]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active] [data-toolbar-show-parent]:before{background-color:#af7edd}[data-toolbar-wrap] [data-toolbar-theme-section=true] [data-toolbar-duplicate]{border-color:#be86f3}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]{border-width:0;opacity:1;transition-delay:.1s;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:#3c67ff;border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover [data-toolbar-create-theme-section]{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-revert]{border-radius:0 0 6px 6px;top:calc(100% - 1px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-inside]{border-radius:0 0 6px 6px;top:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{background:#3c67ff;z-index:40}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover{background:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#9144da;padding:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover]:hover{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]{background:#151515;border-color:#424242;border-radius:8px;color:#fff;height:32px;opacity:1;top:-35px;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:#151515}[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:6px;height:24px;margin-right:9px;padding:4px;position:relative;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:before{background:#424242;content:"";height:calc(100% - 4px);position:absolute;right:-5px;right:-4px;top:2px;width:1px}[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-show-parent] [data-toolbar-icon-drag]{display:block}[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:6px;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 #6a6a6a;border-right:1px solid #6a6a6a;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-overflow],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-overflow]{left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-revert]{top:calc(100% + 3px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-inside]{top:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true]{border-color:#424242;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:#424242}[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;transition:opacity 0ms ease-in-out;visibility:hidden;width:100%;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-force-hover],[data-toolbar-wrap] [data-outline][data-outline-hover]{opacity:1;transition-delay:.1s;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-active]{opacity:1;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-force-overlay],[data-toolbar-wrap] [data-outline][data-outline-overlay]{background:rgba(60,103,255,.1);transition-delay:0ms}[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:transparent}[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-section=true],[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:0;outline:4px solid rgba(60,103,255,.24);top:0;width:calc(100% + 4px);z-index:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]{margin-right:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]:before{display:none}[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-outline][data-outline-parent-hover],[data-toolbar-wrap] [data-outline][data-outline-section][data-outline-parent-hover]{border-style:dashed}[data-toolbar-wrap] [data-theme-section] [data-outline][data-outline-hover][data-outline-hover-focus],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top],[data-toolbar-wrap] [data-theme-section] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{transition-delay:0ms}[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top]{border-color:#9144da}[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 #3c67ff;border-radius:8px;color:#3c67ff;cursor:pointer;display:flex;height:32px;justify-content:center;left:calc(50% - 16px);opacity:0;position:absolute;top:-16px;transition:border-color .2s ease-in-out,opacity 0ms ease-in-out;transition-delay:.1s;-webkit-user-select:none;user-select:none;visibility:hidden;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{background-color:#f6f6f6}[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]{opacity:1;visibility:visible}[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-bg] [data-value-number]{background-color:#3c67ff;border-radius:6px;color:#fff;font-family:Inter,sans-serif;font-size:11px;height:16px;line-height:16px;min-width:20px;opacity:0;padding:0 4px;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform 0s ease-in-out;transition:transform 0s ease-in-out;transition:transform 0s ease-in-out,-webkit-transform 0s ease-in-out}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-value-number][data-active=true]{opacity:1}[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:#9144da33}[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{background:#151515;display:flex;flex-direction:column;gap:8px;padding:16px;white-space:normal}.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:#b1c3ff}[data-toolbar-onboarding]{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);color:rgba(60,103,255,.24);left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:320px;z-index:40}[data-toolbar-onboarding][data-onboarding-active]{opacity:1;transition:opacity .25s;visibility:visible}[data-toolbar-onboarding] [data-icon]{box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);left:16px;position:absolute;top:-4px}[data-toolbar-onboarding] [data-icon][data-position=top]{bottom:-4px;top:unset}[data-toolbar-onboarding] [data-close]{background-color:transparent;border-radius:8px;position:absolute;right:8px;top:8px;transition:background .25s;z-index:99}[data-toolbar-onboarding] [data-close]:hover{background-color:#e2e2e2}[data-toolbar-onboarding] [data-close] svg{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}[data-toolbar-onboarding] [data-content]{padding:16px}[data-toolbar-onboarding] video{border-radius:8px 8px 0 0}[data-toolbar-onboarding] h3{color:#212121;font-size:16px;font-weight:600;letter-spacing:-.32px}[data-toolbar-onboarding] h3,[data-toolbar-onboarding] p{font-family:Inter,sans-serif;font-style:normal;line-height:24px}[data-toolbar-onboarding] p{color:#676767;font-size:14px;font-weight:400}[data-slot=children]{font-family:Inter,sans-serif}@media (max-width:767px){[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{height:28px;left:calc(50% - 14px);top:-14px;width:28px}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-14px;top:unset}}
1
+ [data-toolbar-wrap]{position:relative}[data-toolbar-wrap] [data-toolbar]{align-items:center;background:#3c67ff;border:1px solid #3c67ff;border-radius:6px 6px 0 0;color:#fff;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:-24px;transition:opacity 0ms ease-in-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:none}[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:pre}[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{cursor:grab}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]{background:#fff;background:#3c67ff;border-radius:8px;color:#fff;height:32px;left:0;opacity:1;padding:8px;position:absolute;top:-32px;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover{background:#7190ff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:before{background:transparent;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100%}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-parent-revert=true]:before{bottom:unset;top:-4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]:hover{background-color:#af7edd}[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]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active] [data-toolbar-show-parent]:before{background-color:#af7edd}[data-toolbar-wrap] [data-toolbar-theme-section=true] [data-toolbar-duplicate]{border-color:#be86f3}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]{border-width:0;opacity:1;transition-delay:.1s;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:#3c67ff;border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover [data-toolbar-create-theme-section]{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-revert]{border-radius:0 0 6px 6px;top:calc(100% - 1px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-inside]{border-radius:0 0 6px 6px;top:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{background:#3c67ff;z-index:40}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover{background:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#9144da;padding:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover]:hover{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#29845a;padding:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section=true][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section=true][data-toolbar-hover]:hover{background:#29845a}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]{background:#151515;border-color:#424242;border-radius:8px;color:#fff;height:32px;opacity:1;top:-35px;visibility:visible;z-index:1000}[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:#151515}[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-shopify-section=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-shopify-section=true][data-toolbar-hover-focus]{background:#29845a}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]{border-radius:6px;height:24px;margin-right:9px;padding:4px;position:relative;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:before{background:#424242;content:"";height:calc(100% - 4px);position:absolute;right:-5px;right:-4px;top:2px;width:1px}[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-color:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:block}[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:6px;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-color: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 #6a6a6a;border-right:1px solid #6a6a6a;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-overflow],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-overflow]{left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-revert]{top:calc(100% + 3px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-inside]{top:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true]{border-color:#424242;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:#424242}[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-shopify-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-shopify-section=true][data-toolbar-hover-focus]{border-color:#29845a}[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;transition:opacity 0ms ease-in-out;visibility:hidden;width:100%;z-index:0}[data-toolbar-wrap][data-section-exceeded][data-toolbar-wrap] [data-outline][data-outline-section=true]{border-color:#f44336}[data-toolbar-wrap] [data-outline][data-outline-force-hover],[data-toolbar-wrap] [data-outline][data-outline-hover]{opacity:1;transition-delay:.1s;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-active]{opacity:1;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-force-overlay],[data-toolbar-wrap] [data-outline][data-outline-overlay]{background:rgba(60,103,255,.1);transition-delay:0ms}[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:transparent}[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-section=true],[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=PostPurchaseHeading] [data-outline][data-outline-editor-inline-focus],[data-toolbar-wrap] [data-component-tag=PostPurchaseText] [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:0;outline:4px solid rgba(60,103,255,.24);top:0;width:calc(100% + 4px);z-index:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]{margin-right:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]:before{display:none}[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-shopify-section=true],[data-toolbar-wrap] [data-outline][data-outline-shopify-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-shopify-section=true][data-outline-hover-focus]{border-color:#29845a;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-outline][data-outline-parent-hover],[data-toolbar-wrap] [data-outline][data-outline-section][data-outline-parent-hover]{border-style:dashed}[data-toolbar-wrap] [data-theme-section] [data-outline][data-outline-hover][data-outline-hover-focus],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top],[data-toolbar-wrap] [data-theme-section] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{transition-delay:0ms}[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top]{border-color:#9144da}[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-shopify-section] [data-outline][data-outline-hover][data-outline-hover-focus],[data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-top],[data-toolbar-wrap] [data-shopify-section] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{transition-delay:0ms}[data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-shopify-section] [data-toolbar-add-top]{border-color:#29845a}[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 #3c67ff;border-radius:8px;color:#3c67ff;cursor:pointer;display:flex;height:32px;justify-content:center;left:calc(50% - 16px);opacity:0;position:absolute;top:-16px;transition:border-color .2s ease-in-out,opacity 0ms ease-in-out;transition-delay:.1s;-webkit-user-select:none;user-select:none;visibility:hidden;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{background-color:#f6f6f6}[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]{opacity:1;visibility:visible}[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-bg] [data-value-number]{background-color:#3c67ff;border-radius:6px;color:#fff;font-family:Inter;font-size:11px;height:16px;line-height:16px;min-width:20px;opacity:0;padding:0 4px;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform 0s ease-in-out;transition:transform 0s ease-in-out;transition:transform 0s ease-in-out,-webkit-transform 0s ease-in-out}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-value-number][data-active=true]{opacity:1}[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:#9144da33}[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:#333!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:#333;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:#333;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:#333;content:" ";left:50%;margin-left:-5px;position:absolute;top:calc(100% - .5px)}[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:#333;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-delete]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip]{font-size:12px;line-height:20px;padding:8px;text-align:left;white-space:normal;width:206px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=top]{left:50%;margin-bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]{left:unset;right:-4px;top:36px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{left:unset;right:10px}[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-wrap] [data-column]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}[data-toolbar-wrap] [data-column] [data-column-hand-drag]{align-items:center;cursor:grab;justify-content:center;opacity:0;pointer-events:auto;visibility:hidden}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual]{background-color:#d6d6d6;border-radius:2px;height:80%;transition:all .2s;width:3px}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag]{color:#3c67ff;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s;visibility:hidden;width:16px}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag] svg{height:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:16px}[data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual],[data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual]{background-color:#3c67ff}[data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual-drag]{opacity:1;visibility:visible}[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag] [data-column-hand-visual-drag]{color:#9144da}[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag]:hover [data-column-hand-visual],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual]{background-color:#9144da}[data-toolbar-debug] [data-outline],[data-toolbar-debug] [data-toolbar],[data-toolbar-wrap] [data-column][data-column-force-visible=true] [data-column-hand-drag],[data-toolbar-wrap] [data-column][data-column-is-drag-visible=true] [data-column-hand-drag],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag]:hover [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column][data-column-visible] [data-column-hand-drag]{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:12px;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:12px 12px 0 0;min-height:150px;padding:16px 20px 8px 21px}.theme-section-tooltip-wrapper .theme-section-tooltip__body{background:#151515;display:flex;flex-direction:column;gap:8px;padding:16px;white-space:normal}.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 12px 12px;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:8px;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:#3c67ff!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover{background:#2856f8!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:#b1c3ff}[data-toolbar-onboarding]{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);color:rgba(60,103,255,.24);left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:320px;z-index:40}[data-toolbar-onboarding][data-onboarding-active]{opacity:1;transition:opacity .25s;visibility:visible}[data-toolbar-onboarding] [data-icon]{box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);left:16px;position:absolute;top:-4px}[data-toolbar-onboarding] [data-icon][data-position=top]{bottom:-4px;top:unset}[data-toolbar-onboarding] [data-close]{background-color:transparent;border-radius:8px;position:absolute;right:8px;top:8px;transition:background .25s;z-index:99}[data-toolbar-onboarding] [data-close]:hover{background-color:#e2e2e2}[data-toolbar-onboarding] [data-close] svg{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}[data-toolbar-onboarding] [data-content]{padding:16px}[data-toolbar-onboarding] video{border-radius:8px 8px 0 0}[data-toolbar-onboarding] h3{color:#212121;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.32px;line-height:24px}[data-toolbar-onboarding] p{color:#676767;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:24px}[data-slot=children]{font-family:Inter}@media (max-width:767px){[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{height:28px;left:calc(50% - 14px);top:-14px;width:28px}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-14px;top:unset}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.36.13",
3
+ "version": "2.0.0-dev.871",
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/builder.css CHANGED
@@ -222,11 +222,11 @@
222
222
  background-color: #d8e1ff !important;
223
223
  }
224
224
 
225
- &[is-drag-to-theme-section='true'] {
225
+ &[is-drag-to-theme-section='true'], &[is-drag-to-shopify-section='true'] {
226
226
  background-color: rgba(254, 228, 227, 0.24) !important;
227
227
  display: block;
228
228
 
229
- .drag-to-theme-section-message {
229
+ .drag-to-section-message {
230
230
  display: flex;
231
231
  align-items: center;
232
232
  position: sticky;
@@ -261,6 +261,11 @@
261
261
  }
262
262
  }
263
263
 
264
+ &[is-drag-to-exceeded-section='true'] {
265
+ background-color: rgba(244,67,54, 0.08) !important;
266
+ border: 1px solid rgba(244,67,54) !important;
267
+ display: block;
268
+ }
264
269
  &[is-component-dragging='true'] {
265
270
  background-color: #8aa4ff66 !important;
266
271
  }
@@ -411,6 +416,17 @@
411
416
  }
412
417
  }
413
418
 
419
+ .post-purchase-page {
420
+ font-size: 14px;
421
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
422
+ line-height: 15px;
423
+ select:focus {
424
+ border-color: #1879b9;
425
+ box-shadow: 0 0 0 1px #1879b9;
426
+ }
427
+ }
428
+
429
+
414
430
  /* .button-text.ck p {
415
431
  overflow: hidden;
416
432
  text-overflow: ellipsis;
@@ -462,3 +478,7 @@
462
478
  background-color: #d8e1ff !important;
463
479
  } */
464
480
  }
481
+
482
+ .editor-content {
483
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
484
+ }
package/src/css/builds/toolbar.css CHANGED
@@ -200,10 +200,27 @@
200
200
  }
201
201
  }
202
202
 
203
+ [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-hover][data-toolbar-hover-focus] {
204
+ background: #29845A;
205
+ padding: 4px;
206
+ }
207
+
208
+ [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-hover] {
209
+ &:hover {
210
+ background: #29845A;
211
+ }
212
+ }
213
+
214
+ [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-active] {
215
+ &:hover {
216
+ background: #29845A;
217
+ }
218
+ }
219
+
203
220
  [data-toolbar][data-toolbar-active] {
204
221
  opacity: 1;
205
222
  visibility: visible;
206
- z-index: 20;
223
+ z-index: 1000;
207
224
  height: 32px;
208
225
  top: -35px;
209
226
  background: #151515;
@@ -231,6 +248,14 @@
231
248
  }
232
249
  }
233
250
 
251
+ &[data-toolbar-shopify-section='true'] {
252
+ background: #29845A;
253
+
254
+ &[data-toolbar-hover-focus] {
255
+ background: #29845A;
256
+ }
257
+ }
258
+
234
259
  [data-toolbar-show-parent] {
235
260
  padding: 4px;
236
261
  margin-right: 9px;
@@ -276,7 +301,7 @@
276
301
  }
277
302
 
278
303
  &:hover {
279
- background: rgba(225, 225, 225, 0.2);
304
+ background-color: rgba(225, 225, 225, 0.2);
280
305
  }
281
306
 
282
307
  [data-toolbar-icon-drag] {
@@ -301,7 +326,7 @@
301
326
  }
302
327
 
303
328
  &:hover {
304
- background: rgba(225, 225, 225, 0.2);
329
+ background-color: rgba(225, 225, 225, 0.2);
305
330
  }
306
331
 
307
332
  &[data-toolbar-disable='true'] {
@@ -377,6 +402,11 @@
377
402
  border-color: #9144da;
378
403
  }
379
404
 
405
+ [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-hover-focus],
406
+ [data-toolbar][data-toolbar-shopify-section='true'][data-toolbar-active] {
407
+ border-color: #29845A;
408
+ }
409
+
380
410
  [data-toolbar][data-toolbar-active][data-toolbar-limit='true'],
381
411
  [data-toolbar][data-toolbar-hover][data-toolbar-limit='true'],
382
412
  [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit='true'],
@@ -406,6 +436,12 @@
406
436
  transition: opacity 0ms ease-in-out;
407
437
  }
408
438
 
439
+ &[data-section-exceeded][data-toolbar-wrap] {
440
+ [data-outline][data-outline-section='true'] {
441
+ border-color: #f44336;
442
+ }
443
+ }
444
+
409
445
  /* State Outline */
410
446
  [data-outline][data-outline-hover],
411
447
  [data-outline][data-outline-force-hover] {
@@ -455,7 +491,9 @@
455
491
  }
456
492
 
457
493
  [data-component-tag='Heading'],
458
- [data-component-tag='Text'] {
494
+ [data-component-tag='Text'],
495
+ [data-component-tag='PostPurchaseHeading'],
496
+ [data-component-tag='PostPurchaseText'] {
459
497
  [data-outline][data-outline-editor-inline-focus] {
460
498
  border-color: #3c67ff;
461
499
  outline: 4px solid rgba(60, 103, 255, 0.24);
@@ -485,6 +523,13 @@
485
523
  z-index: 0;
486
524
  }
487
525
 
526
+ [data-outline][data-outline-shopify-section='true'],
527
+ [data-outline][data-outline-shopify-section='true'][data-outline-hover-focus],
528
+ [data-outline][data-outline-shopify-section='true'][data-outline-active] {
529
+ border-color: #29845A;
530
+ z-index: 0;
531
+ }
532
+
488
533
  [data-outline][data-outline-active][data-outline-limit='true'],
489
534
  [data-outline][data-outline-hover][data-outline-limit='true'],
490
535
  [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit='true'],
@@ -520,6 +565,21 @@
520
565
  }
521
566
  }
522
567
 
568
+ [data-shopify-section] {
569
+ /* disable delay animation on shopify section */
570
+ [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus],
571
+ [data-outline][data-outline-hover][data-outline-hover-focus],
572
+ [data-toolbar-add-top],
573
+ [data-toolbar-add-bottom] {
574
+ transition-delay: 0ms;
575
+ }
576
+
577
+ [data-toolbar-add-top],
578
+ [data-toolbar-add-bottom] {
579
+ border-color: #29845A;
580
+ }
581
+ }
582
+
523
583
  [data-theme-section-status] {
524
584
  display: none;
525
585
  align-items: center;
@@ -692,7 +752,7 @@
692
752
  }
693
753
 
694
754
  [data-value-number] {
695
- font-family: Inter, sans-serif;
755
+ font-family: Inter;
696
756
  background-color: #3c67ff;
697
757
  border-radius: 6px;
698
758
  color: #fff;
@@ -758,7 +818,7 @@
758
818
  [data-toolbar-tooltip] {
759
819
  width: unset;
760
820
  max-width: unset;
761
- background-color: #676767 !important;
821
+ background-color: #333333 !important;
762
822
  color: #fff;
763
823
  text-align: center;
764
824
  border-radius: 6px;
@@ -790,7 +850,7 @@
790
850
  margin-top: -5px;
791
851
  border-width: 5px;
792
852
  border-style: solid;
793
- border-color: transparent #676767 transparent transparent;
853
+ border-color: transparent #333333 transparent transparent;
794
854
  }
795
855
  }
796
856
 
@@ -806,7 +866,7 @@
806
866
  margin-top: -5px;
807
867
  border-width: 5px;
808
868
  border-style: solid;
809
- border-color: transparent transparent transparent #676767;
869
+ border-color: transparent transparent transparent #333333;
810
870
  }
811
871
  }
812
872
 
@@ -817,12 +877,12 @@
817
877
  &::after {
818
878
  content: ' ';
819
879
  position: absolute;
820
- top: 100%;
880
+ top: calc(100% - 0.5px);
821
881
  left: 50%;
822
882
  margin-left: -5px;
823
883
  border-width: 5px;
824
884
  border-style: solid;
825
- border-color: #676767 transparent transparent transparent;
885
+ border-color: #333333 transparent transparent transparent;
826
886
  }
827
887
  }
828
888
 
@@ -838,7 +898,7 @@
838
898
  margin-left: -5px;
839
899
  border-width: 5px;
840
900
  border-style: solid;
841
- border-color: transparent transparent #676767 transparent;
901
+ border-color: transparent transparent #333333 transparent;
842
902
  }
843
903
  }
844
904
  }
@@ -862,6 +922,36 @@
862
922
  }
863
923
  }
864
924
 
925
+ [data-toolbar-tooltip-trigger][data-toolbar-delete] {
926
+ position: relative;
927
+
928
+ [data-toolbar-tooltip] {
929
+ width: 206px;
930
+ white-space: normal;
931
+ font-size: 12px;
932
+ line-height: 20px;
933
+ text-align: left;
934
+ padding: 8px;
935
+
936
+ &[data-toolbar-tooltip-position='top'] {
937
+ margin-bottom: 12px;
938
+ left: 50%;
939
+ transform: translateX(-50%);
940
+ }
941
+
942
+ &[data-toolbar-tooltip-position='bottom'] {
943
+ top: 36px;
944
+ right: -4px;
945
+ left: unset;
946
+
947
+ &::after {
948
+ right: 10px;
949
+ left: unset;
950
+ }
951
+ }
952
+ }
953
+ }
954
+
865
955
  [data-toolbar-tooltip-trigger][data-toolbar-add-top],
866
956
  [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] {
867
957
  [data-toolbar-tooltip] {
@@ -870,6 +960,86 @@
870
960
  transform: translateX(-50%);
871
961
  }
872
962
  }
963
+
964
+ /* Resize column */
965
+ [data-column] {
966
+ z-index: 10;
967
+ position: absolute;
968
+ width: 100%;
969
+ height: 100%;
970
+ top: 0;
971
+ left: 0;
972
+ pointer-events: none;
973
+ [data-column-hand-drag] {
974
+ justify-content: center;
975
+ align-items: center;
976
+ visibility: hidden;
977
+ opacity: 0;
978
+ cursor: grab;
979
+ pointer-events: auto;
980
+
981
+ [data-column-hand-visual] {
982
+ border-radius: 2px;
983
+ width: 3px;
984
+ height: 80%;
985
+ background-color: #d6d6d6;
986
+ transition: all 0.2s;
987
+ }
988
+ [data-column-hand-visual-drag] {
989
+ position: absolute;
990
+ top: 50%;
991
+ left: 50%;
992
+ transform: translate(-50%, -50%);
993
+ color: #3c67ff;
994
+ visibility: hidden;
995
+ opacity: 0;
996
+ transition: all 0.2s;
997
+ width: 16px;
998
+ svg {
999
+ width: 16px;
1000
+ height: 16px;
1001
+ transform: rotate(45deg);
1002
+ }
1003
+ }
1004
+ &:hover,
1005
+ &[data-column-hand-drag-active='true'] {
1006
+ [data-column-hand-visual] {
1007
+ background-color: #3c67ff;
1008
+ }
1009
+ [data-column-hand-visual-drag] {
1010
+ visibility: visible;
1011
+ opacity: 1;
1012
+ }
1013
+ }
1014
+ }
1015
+ }
1016
+
1017
+ [data-column][data-column-theme-section='true'] {
1018
+ [data-column-hand-drag] {
1019
+ [data-column-hand-visual-drag] {
1020
+ color: #9144da;
1021
+ }
1022
+ &:hover,
1023
+ &[data-column-hand-drag-active='true'] {
1024
+ [data-column-hand-visual] {
1025
+ background-color: #9144da;
1026
+ }
1027
+ [data-column-hand-visual-drag] {
1028
+ visibility: visible;
1029
+ opacity: 1;
1030
+ }
1031
+ }
1032
+ }
1033
+ }
1034
+
1035
+ [data-column][data-column-visible],
1036
+ [data-column][data-column-force-visible='true'],
1037
+ [data-column][data-column-is-drag-visible='true'] {
1038
+ [data-column-hand-drag] {
1039
+ visibility: visible;
1040
+ opacity: 1;
1041
+ }
1042
+ }
873
1043
  }
874
1044
 
875
1045
  [data-toolbar-debug] {
@@ -903,7 +1073,7 @@
903
1073
  min-width: 284px;
904
1074
  display: flex;
905
1075
  flex-direction: column;
906
- border-radius: 3px;
1076
+ border-radius: 12px;
907
1077
  position: absolute;
908
1078
  right: -4px;
909
1079
  top: 100%;
@@ -923,7 +1093,7 @@
923
1093
 
924
1094
  .theme-section-tooltip__image {
925
1095
  background: #212121;
926
- border-radius: 3px 3px 0 0;
1096
+ border-radius: 12px 12px 0 0;
927
1097
  padding-top: 16px;
928
1098
  padding-bottom: 8px;
929
1099
  padding-left: 21px;
@@ -956,7 +1126,7 @@
956
1126
 
957
1127
  .theme-section-tooltip__action {
958
1128
  padding: 16px;
959
- border-radius: 0 0 3px 3px;
1129
+ border-radius: 0 0 12px 12px;
960
1130
  border-top: solid 1px #3b3b3b;
961
1131
  background: #151515;
962
1132
  display: flex;
@@ -967,7 +1137,7 @@
967
1137
  width: 100%;
968
1138
  text-align: center;
969
1139
  background: #3c67ff;
970
- border-radius: 3px;
1140
+ border-radius: 8px;
971
1141
  height: 40px;
972
1142
  font-size: 14px;
973
1143
  line-height: 24px;
@@ -983,12 +1153,11 @@
983
1153
 
984
1154
  .theme-section-tooltip__action-limit {
985
1155
  button {
986
- background: #fdb913 !important;
987
- color: #212121 !important;
1156
+ background: #3c67ff !important;
988
1157
  }
989
1158
 
990
1159
  button:hover {
991
- background: #fdc742 !important;
1160
+ background: #2856f8 !important;
992
1161
  }
993
1162
  }
994
1163
 
@@ -1064,6 +1233,35 @@
1064
1233
  }
1065
1234
  }
1066
1235
 
1236
+ [data-icon] {
1237
+ position: absolute;
1238
+ top: -4px;
1239
+ left: 16px;
1240
+ /* Popover */
1241
+ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
1242
+
1243
+ &[data-position="top"] {
1244
+ top: unset;
1245
+ bottom: -4px;
1246
+ }
1247
+ }
1248
+ [data-close] {
1249
+ position: absolute;
1250
+ top: 8px;
1251
+ right: 8px;
1252
+ z-index: 99;
1253
+ border-radius: 8px;
1254
+ background-color: transparent;
1255
+ transition: background .25s;
1256
+
1257
+ &:hover {
1258
+ background-color: #E2E2E2;
1259
+ }
1260
+ svg {
1261
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1262
+ }
1263
+ }
1264
+
1067
1265
  [data-content] {
1068
1266
  padding: 16px;
1069
1267
  }
@@ -1072,7 +1270,7 @@
1072
1270
  }
1073
1271
  h3 {
1074
1272
  color: #212121;
1075
- font-family: Inter, sans-serif;
1273
+ font-family: Inter;
1076
1274
  font-size: 16px;
1077
1275
  font-style: normal;
1078
1276
  font-weight: 600;
@@ -1081,7 +1279,7 @@
1081
1279
  }
1082
1280
  p {
1083
1281
  color: #676767;
1084
- font-family: Inter, sans-serif;
1282
+ font-family: Inter;
1085
1283
  font-size: 14px;
1086
1284
  font-style: normal;
1087
1285
  font-weight: 400;
@@ -1089,6 +1287,6 @@
1089
1287
  }
1090
1288
  }
1091
1289
 
1092
- [data-slot='children'] {
1093
- font-family: Inter, sans-serif;
1094
- }
1290
+ [data-slot="children"] {
1291
+ font-family: Inter;
1292
+ }