@gem-sdk/styles 1.10.4 → 1.10.14

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/base.css +48 -13
  2. package/dist/base.min.css +1 -1
  3. package/dist/builder.css +11 -13
  4. package/dist/builder.min.css +1 -1
  5. package/package.json +1 -1
  6. package/src/css/builds/base.css +50 -14
  7. package/src/css/builds/builder.css +9 -8
package/dist/base.css CHANGED
@@ -133,7 +133,24 @@ h5,
133
133
  h6 {
134
134
  word-break: normal;
135
135
  }
136
- .gp-text h1 {
136
+ .gp-p-description-text ul,
137
+ .gp-p-description-text ol {
138
+ display: block;
139
+ margin-block-start: 1em;
140
+ margin-block-end: 1em;
141
+ -webkit-margin-start: 0;
142
+ margin-inline-start: 0;
143
+ -webkit-margin-end: 0;
144
+ margin-inline-end: 0;
145
+ padding-inline-start: 40px;
146
+ -webkit-margin-before: 1em;
147
+ -webkit-margin-after: 1em;
148
+ -webkit-margin-start: 0px;
149
+ -webkit-margin-end: 0px;
150
+ -webkit-padding-start: 40px;
151
+ padding-left: 40px;
152
+ }
153
+ .gp-p-description-text h1 {
137
154
  display: block;
138
155
  font-size: 2em;
139
156
  -webkit-margin-before: 0.67em;
@@ -145,28 +162,50 @@ h6 {
145
162
  -webkit-margin-end: 0px;
146
163
  margin-inline-end: 0px;
147
164
  font-weight: bold;
165
+ margin: 0 0 1em 0;
166
+ line-height: 1.4;
148
167
  }
149
- .gp-text h2 {
168
+ .gp-p-description-text h2 {
150
169
  font-size: 1.5em;
151
170
  font-weight: bold;
171
+ margin: 0 0 1em 0;
172
+ line-height: 1.4;
152
173
  }
153
- .gp-text h3 {
174
+ .gp-p-description-text h3 {
154
175
  font-size: 1.17em;
155
176
  font-weight: bold;
177
+ margin: 0 0 1em 0;
178
+ line-height: 1.4;
156
179
  }
157
- .gp-text h4 {
180
+ .gp-p-description-text h4 {
158
181
  font-size: 1em;
159
182
  font-weight: bold;
183
+ margin: 0 0 1em 0;
184
+ line-height: 1.4;
160
185
  }
161
- .gp-text h5 {
186
+ .gp-p-description-text h5 {
162
187
  font-size: 0.83em;
163
188
  font-weight: bold;
189
+ margin: 0 0 1em 0;
190
+ line-height: 1.4;
164
191
  }
165
- .gp-text h6 {
192
+ .gp-p-description-text h6 {
166
193
  font-size: 0.67em;
167
194
  font-weight: bold;
195
+ margin: 0 0 1em 0;
196
+ line-height: 1.4;
197
+ }
198
+ .gp-p-description-text ul {
199
+ list-style-type: disc;
200
+ }
201
+ .gp-p-description-text ol {
202
+ list-style-type: decimal;
168
203
  }
169
- .gp-text blockquote {
204
+ .gp-p-description-text p {
205
+ margin: 0 0 1em 0;
206
+ line-height: 1.4;
207
+ }
208
+ .gp-p-description-text blockquote {
170
209
  display: block;
171
210
  -webkit-margin-before: 1em;
172
211
  margin-block-start: 1em;
@@ -177,14 +216,10 @@ h6 {
177
216
  -webkit-margin-end: 40px;
178
217
  margin-inline-end: 40px;
179
218
  }
180
- .gp-text h1, h2, h3, h4, h5, h6, p {
181
- margin: 0 0 1em 0;
182
- line-height: 1.4;
183
- }
184
- .gp-text table, td, th {
219
+ .gp-p-description-text table, .gp-p-description-text td, .gp-p-description-text th {
185
220
  border: 1px dashed #CCC;
186
221
  }
187
- .gp-text table {
222
+ .gp-p-description-text table {
188
223
  display: table;
189
224
  border-collapse: separate;
190
225
  box-sizing: border-box;
package/dist/base.min.css CHANGED
@@ -1 +1 @@
1
- @tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul{list-style-type:disc}.gp-text ol{list-style-type:decimal}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;visibility:hidden;width:100%}[data-slot=children]:after{-webkit-line-clamp:1;-webkit-box-orient:vertical;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;padding-left:4px;padding-right:4px;text-align:center;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}.gp-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:2em;font-weight:700;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.gp-text h2{font-size:1.5em;font-weight:700}.gp-text h3{font-size:1.17em;font-weight:700}.gp-text h4{font-size:1em;font-weight:700}.gp-text h5{font-size:.83em;font-weight:700}.gp-text h6{font-size:.67em;font-weight:700}.gp-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-text h1,h2,h3,h4,h5,h6,p{line-height:1.4;margin:0 0 1em}.gp-text table,td,th{border:1px dashed #ccc}.gp-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}
1
+ @tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul{list-style-type:disc}.gp-text ol{list-style-type:decimal}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;visibility:hidden;width:100%}[data-slot=children]:after{-webkit-line-clamp:1;-webkit-box-orient:vertical;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;padding-left:4px;padding-right:4px;text-align:center;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}.gp-p-description-text ol,.gp-p-description-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:2em;font-weight:700;line-height:1.4;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h3{font-size:1.17em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h4{font-size:1em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h5{font-size:.83em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h6{font-size:.67em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}
package/dist/builder.css CHANGED
@@ -1,13 +1,14 @@
1
- .builder [data-slot='children'] {
1
+ .builder [disabled] {
2
+ pointer-events: auto;
3
+ }
4
+ .builder [data-slot='children'] {
2
5
  visibility: visible;
3
6
  }
4
-
5
- .builder [data-slot='children']:after {
7
+ .builder [data-slot='children']:after {
6
8
  visibility: visible;
7
9
  color: #aaa;
8
10
  }
9
-
10
- .builder [data-slot='children'] .drag-placeholder {
11
+ .builder [data-slot='children'] .drag-placeholder {
11
12
  height: 100%;
12
13
  }
13
14
 
@@ -69,10 +70,7 @@
69
70
 
70
71
  #visual-content .fake-placeholder.visual-placeholder-error {
71
72
 
72
- font-family: Inter,
73
- sans-serif,
74
- ui-sans-serif,
75
- system-ui;
73
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
76
74
  border: 1px dashed #f44336 !important;
77
75
  visibility: visible;
78
76
  color: #f44336 !important;
@@ -145,12 +143,12 @@
145
143
  outline: none;
146
144
  }
147
145
 
148
- [data-component-is-third-party="true"] {
149
- background-color: #F4F4F4;
146
+ [data-component-is-third-party='true'] {
147
+ background-color: #f4f4f4;
150
148
  }
151
149
 
152
150
  :root {
153
- --selection-bg: #ACCEF7;
151
+ --selection-bg: #accef7;
154
152
  }
155
153
 
156
154
  .builder ::selection {
@@ -161,4 +159,4 @@
161
159
  .builder ::-moz-selection {
162
160
  color: currentColor;
163
161
  background: var(--selection-bg);
164
- }
162
+ }
package/dist/builder.min.css CHANGED
@@ -1 +1 @@
1
- .builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.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;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;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:#d8e1ff;border:1px dashed #3c67ff;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-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}[data-component-is-third-party=true]{background-color:#f4f4f4}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}
1
+ .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%}.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;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;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:#d8e1ff;border:1px dashed #3c67ff;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-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}[data-component-is-third-party=true]{background-color:#f4f4f4}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.10.4",
3
+ "version": "1.10.14",
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/base.css CHANGED
@@ -138,7 +138,23 @@ h6 {
138
138
  word-break: normal;
139
139
  }
140
140
 
141
- .gp-text h1 {
141
+ .gp-p-description-text ul,
142
+ .gp-p-description-text ol {
143
+ display: block;
144
+ margin-block-start: 1em;
145
+ margin-block-end: 1em;
146
+ margin-inline-start: 0;
147
+ margin-inline-end: 0;
148
+ padding-inline-start: 40px;
149
+ -webkit-margin-before: 1em;
150
+ -webkit-margin-after: 1em;
151
+ -webkit-margin-start: 0px;
152
+ -webkit-margin-end: 0px;
153
+ -webkit-padding-start: 40px;
154
+ padding-left: 40px;
155
+ }
156
+
157
+ .gp-p-description-text h1 {
142
158
  display: block;
143
159
  font-size: 2em;
144
160
  margin-block-start: 0.67em;
@@ -146,34 +162,59 @@ h6 {
146
162
  margin-inline-start: 0px;
147
163
  margin-inline-end: 0px;
148
164
  font-weight: bold;
165
+ margin: 0 0 1em 0;
166
+ line-height: 1.4;
149
167
  }
150
168
 
151
- .gp-text h2 {
169
+ .gp-p-description-text h2 {
152
170
  font-size: 1.5em;
153
171
  font-weight: bold;
172
+ margin: 0 0 1em 0;
173
+ line-height: 1.4;
154
174
  }
155
175
 
156
- .gp-text h3 {
176
+ .gp-p-description-text h3 {
157
177
  font-size: 1.17em;
158
178
  font-weight: bold;
179
+ margin: 0 0 1em 0;
180
+ line-height: 1.4;
159
181
  }
160
182
 
161
- .gp-text h4 {
183
+ .gp-p-description-text h4 {
162
184
  font-size: 1em;
163
185
  font-weight: bold;
186
+ margin: 0 0 1em 0;
187
+ line-height: 1.4;
164
188
  }
165
189
 
166
- .gp-text h5 {
190
+ .gp-p-description-text h5 {
167
191
  font-size: 0.83em;
168
192
  font-weight: bold;
193
+ margin: 0 0 1em 0;
194
+ line-height: 1.4;
169
195
  }
170
196
 
171
- .gp-text h6 {
197
+ .gp-p-description-text h6 {
172
198
  font-size: 0.67em;
173
199
  font-weight: bold;
200
+ margin: 0 0 1em 0;
201
+ line-height: 1.4;
202
+ }
203
+
204
+ .gp-p-description-text ul {
205
+ list-style-type: disc;
206
+ }
207
+ .gp-p-description-text ol {
208
+ list-style-type: decimal;
209
+ }
210
+
211
+ .gp-p-description-text p {
212
+ margin: 0 0 1em 0;
213
+ line-height: 1.4;
174
214
  }
175
215
 
176
- .gp-text blockquote {
216
+
217
+ .gp-p-description-text blockquote {
177
218
  display: block;
178
219
  margin-block-start: 1em;
179
220
  margin-block-end: 1em;
@@ -181,16 +222,11 @@ h6 {
181
222
  margin-inline-end: 40px;
182
223
  }
183
224
 
184
- .gp-text h1, h2, h3, h4, h5, h6, p {
185
- margin: 0 0 1em 0;
186
- line-height: 1.4;
187
- }
188
-
189
- .gp-text table, td, th {
225
+ .gp-p-description-text table, .gp-p-description-text td, .gp-p-description-text th {
190
226
  border: 1px dashed #CCC;
191
227
  }
192
228
 
193
- .gp-text table {
229
+ .gp-p-description-text table {
194
230
  display: table;
195
231
  border-collapse: separate;
196
232
  box-sizing: border-box;
package/src/css/builds/builder.css CHANGED
@@ -1,4 +1,8 @@
1
1
  .builder {
2
+ [disabled] {
3
+ pointer-events: auto;
4
+ }
5
+
2
6
  [data-slot='children'] {
3
7
  visibility: visible;
4
8
 
@@ -66,10 +70,7 @@
66
70
  display: none;
67
71
  }
68
72
 
69
- font-family: Inter,
70
- sans-serif,
71
- ui-sans-serif,
72
- system-ui;
73
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
73
74
  border: 1px dashed #f44336 !important;
74
75
  /* border-radius: 3px; */
75
76
  visibility: visible;
@@ -144,12 +145,12 @@
144
145
  outline: none;
145
146
  }
146
147
 
147
- [data-component-is-third-party="true"] {
148
- background-color: #F4F4F4;
148
+ [data-component-is-third-party='true'] {
149
+ background-color: #f4f4f4;
149
150
  }
150
151
 
151
152
  :root {
152
- --selection-bg: #ACCEF7;
153
+ --selection-bg: #accef7;
153
154
  }
154
155
 
155
156
  .builder ::selection {
@@ -160,4 +161,4 @@
160
161
  .builder ::-moz-selection {
161
162
  color: currentColor;
162
163
  background: var(--selection-bg);
163
- }
164
+ }