@orion-studios/payload-studio 0.6.0-beta.12 → 0.6.0-beta.121

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 (38) hide show
  1. package/dist/admin/client.js +2062 -547
  2. package/dist/admin/client.mjs +2079 -577
  3. package/dist/admin/index.js +124 -15
  4. package/dist/admin/index.mjs +1 -1
  5. package/dist/admin-app/client.js +14 -5
  6. package/dist/admin-app/client.mjs +1 -1
  7. package/dist/admin-app/styles.css +277 -1
  8. package/dist/admin.css +98 -2
  9. package/dist/builder-v2/client.d.mts +18 -0
  10. package/dist/builder-v2/client.d.ts +18 -0
  11. package/dist/builder-v2/client.js +3674 -0
  12. package/dist/builder-v2/client.mjs +3549 -0
  13. package/dist/builder-v2/index.d.mts +242 -0
  14. package/dist/builder-v2/index.d.ts +242 -0
  15. package/dist/builder-v2/index.js +805 -0
  16. package/dist/builder-v2/index.mjs +755 -0
  17. package/dist/builder-v2/styles.css +2463 -0
  18. package/dist/{chunk-PF3EBZXF.mjs → chunk-7ZMXZRBP.mjs} +39 -3
  19. package/dist/{chunk-XZQILJK3.mjs → chunk-JC3UV74N.mjs} +124 -15
  20. package/dist/{chunk-KPIX7OSV.mjs → chunk-NF37A575.mjs} +14 -5
  21. package/dist/{chunk-XKUTZ7IU.mjs → chunk-NGLIA2OE.mjs} +53 -2
  22. package/dist/{chunk-OTHERBGX.mjs → chunk-ZADL33R6.mjs} +1 -1
  23. package/dist/{index-Cv-6qnrw.d.mts → index-D5zrOdyv.d.mts} +3 -1
  24. package/dist/{index-Crx_MtPw.d.ts → index-Dv-Alx4h.d.ts} +3 -1
  25. package/dist/index.d.mts +1 -1
  26. package/dist/index.d.ts +1 -1
  27. package/dist/index.js +215 -19
  28. package/dist/index.mjs +4 -4
  29. package/dist/nextjs/index.js +39 -3
  30. package/dist/nextjs/index.mjs +2 -2
  31. package/dist/studio-pages/builder.css +66 -5
  32. package/dist/studio-pages/client.js +618 -73
  33. package/dist/studio-pages/client.mjs +641 -96
  34. package/dist/studio-pages/index.d.mts +1 -1
  35. package/dist/studio-pages/index.d.ts +1 -1
  36. package/dist/studio-pages/index.js +91 -4
  37. package/dist/studio-pages/index.mjs +2 -2
  38. package/package.json +22 -3
@@ -0,0 +1,2463 @@
1
+ @import 'grapesjs/dist/css/grapes.min.css';
2
+
3
+ .orion-builder-v2-editor {
4
+ --builder-v2-accent: #c7643d;
5
+ --builder-v2-border: #ead7ca;
6
+ --builder-v2-ink: #1f2d4d;
7
+ --builder-v2-muted: #6f624f;
8
+ --builder-v2-panel: #fffdf9;
9
+ --builder-v2-paper: #f8f3eb;
10
+ --builder-v2-selection: var(--builder-v2-accent);
11
+ --builder-v2-selection-contrast: #ffffff;
12
+ --builder-v2-selection-soft: rgba(199, 100, 61, 0.16);
13
+ --builder-v2-soft: #fbf8f3;
14
+ --gjs-color-blue: var(--builder-v2-selection);
15
+ --gjs-color-highlight: color-mix(in srgb, var(--builder-v2-selection), #ffffff 36%);
16
+ --gjs-placeholder-background-color: var(--builder-v2-selection);
17
+ background: var(--builder-v2-paper);
18
+ color: var(--builder-v2-ink);
19
+ display: grid;
20
+ font-family: var(--font-xo-sans, var(--font-body, ui-sans-serif, system-ui, sans-serif));
21
+ grid-template-columns: minmax(292px, 336px) minmax(0, 1fr) minmax(300px, 360px);
22
+ grid-template-rows: auto minmax(0, 1fr);
23
+ height: 100dvh;
24
+ min-height: 0;
25
+ overflow: hidden;
26
+ }
27
+
28
+ .orion-builder-v2-topbar {
29
+ align-items: center;
30
+ background: #fffdf9;
31
+ border-bottom: 1px solid var(--builder-v2-border);
32
+ color: var(--builder-v2-ink);
33
+ display: flex;
34
+ gap: 20px;
35
+ grid-column: 1 / -1;
36
+ justify-content: space-between;
37
+ min-width: 0;
38
+ padding: 12px 18px;
39
+ }
40
+
41
+ .orion-builder-v2-topbar h1 {
42
+ color: var(--builder-v2-ink);
43
+ font-size: 1.02rem;
44
+ font-weight: 900;
45
+ line-height: 1.2;
46
+ margin: 2px 0 0;
47
+ }
48
+
49
+ .orion-builder-v2-eyebrow {
50
+ color: #946a4f;
51
+ font-size: 0.72rem;
52
+ font-weight: 900;
53
+ letter-spacing: 0.06em;
54
+ margin: 0;
55
+ text-transform: uppercase;
56
+ }
57
+
58
+ .orion-builder-v2-toolbar {
59
+ align-items: center;
60
+ display: flex;
61
+ flex-wrap: wrap;
62
+ gap: 8px;
63
+ justify-content: flex-end;
64
+ }
65
+
66
+ .orion-builder-v2-sync {
67
+ align-items: center;
68
+ background: #fff8ef;
69
+ border: 1px solid #e7cbb9;
70
+ border-radius: 12px;
71
+ color: var(--builder-v2-ink);
72
+ display: grid;
73
+ gap: 1px;
74
+ min-height: 38px;
75
+ min-width: 172px;
76
+ padding: 6px 10px;
77
+ }
78
+
79
+ .orion-builder-v2-sync strong {
80
+ font-size: 0.76rem;
81
+ font-weight: 900;
82
+ line-height: 1.1;
83
+ }
84
+
85
+ .orion-builder-v2-sync span,
86
+ .orion-builder-v2-sync small {
87
+ font-size: 0.66rem;
88
+ font-weight: 800;
89
+ line-height: 1.1;
90
+ white-space: nowrap;
91
+ }
92
+
93
+ .orion-builder-v2-sync span {
94
+ color: #2f5472;
95
+ }
96
+
97
+ .orion-builder-v2-sync small {
98
+ color: var(--builder-v2-muted);
99
+ }
100
+
101
+ .orion-builder-v2-sync.is-dirty {
102
+ background: #fff7ed;
103
+ border-color: #e3a879;
104
+ }
105
+
106
+ .orion-builder-v2-sync.is-dirty span {
107
+ color: #9a4c1e;
108
+ }
109
+
110
+ .orion-builder-v2-sync.is-draft {
111
+ background: #fff9e8;
112
+ border-color: #efcf84;
113
+ }
114
+
115
+ .orion-builder-v2-sync.is-draft span {
116
+ color: #7d5a0a;
117
+ }
118
+
119
+ .orion-builder-v2-tool {
120
+ background: #fffaf4;
121
+ border: 1px solid #e7cbb9;
122
+ border-radius: 12px;
123
+ box-shadow: 0 1px 0 rgba(31, 45, 77, 0.03);
124
+ color: var(--builder-v2-ink);
125
+ cursor: pointer;
126
+ font: inherit;
127
+ font-size: 0.82rem;
128
+ font-weight: 800;
129
+ min-height: 38px;
130
+ padding: 8px 12px;
131
+ text-transform: capitalize;
132
+ }
133
+
134
+ .orion-builder-v2-tool[aria-pressed='true'],
135
+ .orion-builder-v2-tool:hover {
136
+ background: var(--builder-v2-ink);
137
+ border-color: var(--builder-v2-ink);
138
+ color: #ffffff;
139
+ }
140
+
141
+ .orion-builder-v2-tool:disabled {
142
+ cursor: not-allowed;
143
+ opacity: 0.45;
144
+ }
145
+
146
+ .orion-builder-v2-tool.is-primary {
147
+ background: #f1e6d9;
148
+ color: var(--builder-v2-ink);
149
+ }
150
+
151
+ .orion-builder-v2-tool.is-publish {
152
+ background: var(--builder-v2-accent);
153
+ border-color: var(--builder-v2-accent);
154
+ color: #ffffff;
155
+ }
156
+
157
+ .orion-builder-v2-sidebar,
158
+ .orion-builder-v2-inspector {
159
+ background: #fbf7f1;
160
+ display: grid;
161
+ gap: 14px;
162
+ grid-auto-rows: max-content;
163
+ min-height: 0;
164
+ overflow: auto;
165
+ padding: 14px;
166
+ }
167
+
168
+ .orion-builder-v2-sidebar {
169
+ border-right: 1px solid var(--builder-v2-border);
170
+ }
171
+
172
+ .orion-builder-v2-inspector {
173
+ border-left: 1px solid var(--builder-v2-border);
174
+ }
175
+
176
+ .orion-builder-v2-panel {
177
+ background: var(--builder-v2-panel);
178
+ border: 1px solid var(--builder-v2-border);
179
+ border-radius: 14px;
180
+ box-shadow: 0 16px 36px rgba(80, 52, 30, 0.05);
181
+ display: grid;
182
+ gap: 10px;
183
+ overflow: hidden;
184
+ padding: 12px;
185
+ }
186
+
187
+ .orion-builder-v2-panel:has(.is-builder-help-open),
188
+ .orion-builder-v2-collapsible-panel:has(.is-builder-help-open),
189
+ .orion-builder-v2-panel-body:has(.is-builder-help-open),
190
+ .orion-builder-v2-control-group:has(.is-builder-help-open),
191
+ .orion-builder-v2-choice-grid:has(.is-builder-help-open) {
192
+ overflow: visible;
193
+ position: relative;
194
+ z-index: 12;
195
+ }
196
+
197
+ .orion-builder-v2-panel p {
198
+ color: var(--builder-v2-muted);
199
+ font-size: 0.82rem;
200
+ line-height: 1.4;
201
+ margin: 0;
202
+ }
203
+
204
+ .orion-builder-v2-panel h2 {
205
+ color: var(--builder-v2-ink);
206
+ font-size: 0.8rem;
207
+ letter-spacing: 0;
208
+ margin: 0;
209
+ text-transform: uppercase;
210
+ }
211
+
212
+ .orion-builder-v2-collapsible-panel {
213
+ gap: 0;
214
+ padding: 0;
215
+ }
216
+
217
+ .orion-builder-v2-panel-toggle {
218
+ align-items: center;
219
+ background: transparent;
220
+ border: 0;
221
+ color: var(--builder-v2-ink);
222
+ cursor: pointer;
223
+ display: flex;
224
+ font: inherit;
225
+ font-size: 0.8rem;
226
+ font-weight: 900;
227
+ justify-content: space-between;
228
+ letter-spacing: 0;
229
+ min-height: 46px;
230
+ padding: 12px;
231
+ text-align: left;
232
+ text-transform: uppercase;
233
+ width: 100%;
234
+ }
235
+
236
+ .orion-builder-v2-panel-toggle:hover {
237
+ background: #fff7ef;
238
+ }
239
+
240
+ .orion-builder-v2-panel-toggle:focus-visible {
241
+ box-shadow: inset 0 0 0 2px rgba(36, 54, 84, 0.22);
242
+ outline: none;
243
+ }
244
+
245
+ .orion-builder-v2-panel-toggle-icon {
246
+ align-items: center;
247
+ background: #fff7ef;
248
+ border: 1px solid #e2c2ac;
249
+ border-radius: 999px;
250
+ display: inline-flex;
251
+ flex: 0 0 auto;
252
+ font-size: 1rem;
253
+ font-weight: 900;
254
+ height: 24px;
255
+ justify-content: center;
256
+ line-height: 1;
257
+ margin-left: 12px;
258
+ width: 24px;
259
+ }
260
+
261
+ .orion-builder-v2-collapsible-panel.is-open .orion-builder-v2-panel-toggle {
262
+ border-bottom: 1px solid var(--builder-v2-border);
263
+ }
264
+
265
+ .orion-builder-v2-panel-body {
266
+ display: grid;
267
+ gap: 7px;
268
+ padding: 8px 10px 10px;
269
+ }
270
+
271
+ .orion-builder-v2-panel-body[hidden] {
272
+ display: none !important;
273
+ }
274
+
275
+ .orion-builder-v2-page-tree {
276
+ display: grid;
277
+ gap: 6px;
278
+ }
279
+
280
+ .orion-builder-v2-page-link {
281
+ background: #fff8ef;
282
+ border: 1px solid transparent;
283
+ border-radius: 10px;
284
+ color: var(--builder-v2-ink);
285
+ display: grid;
286
+ gap: 2px;
287
+ padding: 9px 10px;
288
+ text-decoration: none;
289
+ }
290
+
291
+ .orion-builder-v2-page-link:hover {
292
+ background: #ffffff;
293
+ border-color: #e7cbb9;
294
+ }
295
+
296
+ .orion-builder-v2-page-link span {
297
+ font-size: 0.86rem;
298
+ font-weight: 900;
299
+ }
300
+
301
+ .orion-builder-v2-page-link small {
302
+ color: var(--builder-v2-muted);
303
+ font-size: 0.72rem;
304
+ font-weight: 700;
305
+ }
306
+
307
+ .orion-builder-v2-main {
308
+ display: flex;
309
+ min-height: 0;
310
+ min-width: 0;
311
+ overflow: hidden;
312
+ position: relative;
313
+ }
314
+
315
+ .orion-builder-v2-canvas {
316
+ flex: 1 1 auto;
317
+ min-height: 0;
318
+ min-width: 0;
319
+ }
320
+
321
+ .orion-builder-v2-status,
322
+ .orion-builder-v2-error,
323
+ .orion-builder-v2-save-status {
324
+ border-radius: 8px;
325
+ font-weight: 800;
326
+ left: 16px;
327
+ padding: 10px 12px;
328
+ position: absolute;
329
+ top: 16px;
330
+ z-index: 10;
331
+ }
332
+
333
+ .orion-builder-v2-status {
334
+ background: #ffffff;
335
+ border: 1px solid var(--builder-v2-border);
336
+ }
337
+
338
+ .orion-builder-v2-error {
339
+ background: #fff1f2;
340
+ border: 1px solid #fecdd3;
341
+ color: #9f1239;
342
+ }
343
+
344
+ .orion-builder-v2-save-status {
345
+ background: #ffffff;
346
+ border: 1px solid var(--builder-v2-border);
347
+ box-shadow: 0 14px 40px rgba(80, 52, 30, 0.12);
348
+ display: grid;
349
+ gap: 2px;
350
+ left: auto;
351
+ position: static;
352
+ right: auto;
353
+ }
354
+
355
+ .orion-builder-v2-save-status span {
356
+ color: var(--builder-v2-muted);
357
+ font-size: 0.72rem;
358
+ font-weight: 700;
359
+ }
360
+
361
+ .orion-builder-v2-validation-list {
362
+ display: grid;
363
+ gap: 8px;
364
+ }
365
+
366
+ .orion-builder-v2-validation {
367
+ border-radius: 8px;
368
+ display: grid;
369
+ gap: 4px;
370
+ padding: 9px;
371
+ }
372
+
373
+ .orion-builder-v2-validation strong {
374
+ font-size: 0.78rem;
375
+ line-height: 1.3;
376
+ }
377
+
378
+ .orion-builder-v2-validation span {
379
+ font-size: 0.68rem;
380
+ font-weight: 900;
381
+ text-transform: uppercase;
382
+ }
383
+
384
+ .orion-builder-v2-validation.is-warning {
385
+ background: #fff7ed;
386
+ color: #9a3412;
387
+ }
388
+
389
+ .orion-builder-v2-validation.is-error {
390
+ background: #fff1f2;
391
+ color: #9f1239;
392
+ }
393
+
394
+ .orion-builder-v2-items {
395
+ display: grid;
396
+ gap: 8px;
397
+ }
398
+
399
+ .orion-builder-v2-item-row {
400
+ align-items: center;
401
+ background: #fff8ef;
402
+ border: 1px solid rgba(231, 203, 185, 0.9);
403
+ border-radius: 10px;
404
+ display: grid;
405
+ gap: 6px;
406
+ grid-template-columns: minmax(0, 1fr);
407
+ padding: 8px;
408
+ }
409
+
410
+ .orion-builder-v2-item-title {
411
+ display: grid;
412
+ gap: 4px;
413
+ }
414
+
415
+ .orion-builder-v2-item-title span {
416
+ color: var(--builder-v2-ink);
417
+ font-size: 0.8rem;
418
+ font-weight: 900;
419
+ line-height: 1.25;
420
+ overflow-wrap: anywhere;
421
+ white-space: normal;
422
+ }
423
+
424
+ .orion-builder-v2-item-title input {
425
+ background: #fffdf9;
426
+ border: 1px solid #e7cbb9;
427
+ border-radius: 999px;
428
+ color: var(--builder-v2-ink);
429
+ font: inherit;
430
+ font-size: 0.78rem;
431
+ font-weight: 800;
432
+ line-height: 1.2;
433
+ min-height: 30px;
434
+ outline: none;
435
+ padding: 6px 10px;
436
+ width: 100%;
437
+ }
438
+
439
+ .orion-builder-v2-item-title input:focus {
440
+ border-color: var(--builder-v2-selection);
441
+ box-shadow: 0 0 0 2px var(--builder-v2-selection-soft);
442
+ }
443
+
444
+ .orion-builder-v2-item-row button {
445
+ justify-self: stretch;
446
+ }
447
+
448
+ .orion-builder-v2-item-row button,
449
+ .orion-builder-v2-wide-action {
450
+ background: #ffffff;
451
+ border: 1px solid #e7cbb9;
452
+ border-radius: 999px;
453
+ color: var(--builder-v2-ink);
454
+ cursor: pointer;
455
+ font: inherit;
456
+ font-size: 0.72rem;
457
+ font-weight: 900;
458
+ min-height: 30px;
459
+ padding: 6px 9px;
460
+ }
461
+
462
+ .orion-builder-v2-wide-action {
463
+ background: var(--builder-v2-ink);
464
+ color: #ffffff;
465
+ margin-top: 2px;
466
+ width: 100%;
467
+ }
468
+
469
+ .orion-builder-v2-runtime {
470
+ width: 100%;
471
+ }
472
+
473
+ .orion-builder-v2-editor .gjs-one-bg {
474
+ background-color: #fffdf9;
475
+ }
476
+
477
+ .orion-builder-v2-editor .gjs-two-color {
478
+ color: var(--builder-v2-ink);
479
+ }
480
+
481
+ .orion-builder-v2-editor .gjs-three-bg {
482
+ background-color: #f1e6d9;
483
+ color: var(--builder-v2-ink);
484
+ }
485
+
486
+ .orion-builder-v2-editor .gjs-four-color,
487
+ .orion-builder-v2-editor .gjs-four-color-h:hover {
488
+ color: var(--builder-v2-accent);
489
+ }
490
+
491
+ .orion-builder-v2-editor .gjs-cv-canvas {
492
+ background: #ede4d8;
493
+ height: 100% !important;
494
+ top: 0;
495
+ width: 100%;
496
+ }
497
+
498
+ .orion-builder-v2-editor .gjs-cv-canvas .gjs-highlighter,
499
+ .orion-builder-v2-editor .gjs-cv-canvas .gjs-highlighter-sel,
500
+ .orion-builder-v2-editor .gjs-cv-canvas .gjs-highlighter-warning,
501
+ .orion-builder-v2-editor .gjs-cv-canvas .gjs-hovered,
502
+ .orion-builder-v2-editor .gjs-cv-canvas .gjs-selected,
503
+ .orion-builder-v2-editor .gjs-cv-canvas [data-gjs-highlightable].gjs-selected {
504
+ outline-color: var(--builder-v2-selection) !important;
505
+ border-color: var(--builder-v2-selection) !important;
506
+ }
507
+
508
+ .orion-builder-v2-editor .gjs-toolbar,
509
+ .orion-builder-v2-editor .gjs-com-badge,
510
+ .orion-builder-v2-editor .gjs-badge,
511
+ .orion-builder-v2-editor .gjs-drag-helper {
512
+ background-color: var(--builder-v2-selection) !important;
513
+ color: var(--builder-v2-selection-contrast) !important;
514
+ }
515
+
516
+ .orion-builder-v2-editor .gjs-toolbar {
517
+ border-radius: 8px 8px 0 0;
518
+ box-shadow: 0 12px 28px rgba(31, 45, 77, 0.18);
519
+ overflow: hidden;
520
+ }
521
+
522
+ .orion-builder-v2-editor .gjs-toolbar-item {
523
+ color: var(--builder-v2-selection-contrast) !important;
524
+ }
525
+
526
+ .orion-builder-v2-editor .gjs-toolbar-item:hover {
527
+ background: rgba(255, 255, 255, 0.16);
528
+ }
529
+
530
+ .orion-builder-v2-editor .gjs-resizer-h {
531
+ border-color: var(--builder-v2-selection) !important;
532
+ box-shadow: 0 0 0 2px var(--builder-v2-selection-soft);
533
+ }
534
+
535
+ .orion-builder-v2-editor .gjs-cv-canvas__frames {
536
+ height: 100% !important;
537
+ width: 100% !important;
538
+ }
539
+
540
+ .orion-builder-v2-editor .gjs-frame-wrapper {
541
+ height: 100% !important;
542
+ max-width: 100%;
543
+ }
544
+
545
+ .orion-builder-v2-editor .gjs-frame {
546
+ height: 100% !important;
547
+ width: 100% !important;
548
+ }
549
+
550
+ .orion-builder-v2-editor .gjs-frame-wrapper {
551
+ box-shadow: 0 18px 50px rgba(49, 37, 25, 0.16);
552
+ }
553
+
554
+ .orion-builder-v2-editor .gjs-block-category,
555
+ .orion-builder-v2-editor .gjs-layer-title,
556
+ .orion-builder-v2-editor .gjs-sm-sector-title {
557
+ background: #fffdf9;
558
+ border-color: var(--builder-v2-border);
559
+ color: var(--builder-v2-ink);
560
+ font-weight: 900;
561
+ }
562
+
563
+ .orion-builder-v2-editor .gjs-block-category {
564
+ border: 1px solid var(--builder-v2-border);
565
+ border-radius: 14px;
566
+ margin: 0 0 14px;
567
+ overflow: hidden;
568
+ }
569
+
570
+ .orion-builder-v2-editor .gjs-block-category .gjs-title {
571
+ align-items: center;
572
+ background: #fffdf9;
573
+ border-bottom: 1px solid var(--builder-v2-border);
574
+ color: var(--builder-v2-ink);
575
+ display: flex;
576
+ font-size: 0.77rem;
577
+ font-weight: 900;
578
+ letter-spacing: 0.02em;
579
+ min-height: 48px;
580
+ padding: 10px 13px;
581
+ }
582
+
583
+ .orion-builder-v2-editor .gjs-block-category.gjs-open .gjs-title {
584
+ background: #fffaf4;
585
+ }
586
+
587
+ .orion-builder-v2-editor .gjs-blocks-c {
588
+ display: grid;
589
+ gap: 10px;
590
+ grid-template-columns: repeat(2, minmax(0, 1fr));
591
+ padding: 10px;
592
+ }
593
+
594
+ .orion-builder-v2-editor .gjs-block {
595
+ background: #fffdf9;
596
+ border: 1px solid #e7cbb9;
597
+ border-radius: 13px;
598
+ box-shadow: none;
599
+ color: var(--builder-v2-ink);
600
+ display: grid;
601
+ gap: 8px;
602
+ grid-template-columns: minmax(0, 1fr);
603
+ margin: 0;
604
+ min-height: 136px;
605
+ padding: 8px;
606
+ width: auto;
607
+ }
608
+
609
+ .orion-builder-v2-editor .gjs-block:hover {
610
+ background: #fffaf4;
611
+ border-color: var(--builder-v2-accent);
612
+ box-shadow: 0 8px 18px rgba(199, 100, 61, 0.12);
613
+ transform: translateY(-1px);
614
+ }
615
+
616
+ .orion-builder-v2-editor .gjs-block .gjs-block__media,
617
+ .orion-builder-v2-editor .gjs-block .gjs-block-media {
618
+ box-sizing: border-box;
619
+ display: block;
620
+ max-width: none;
621
+ margin: 0;
622
+ min-width: 0;
623
+ place-self: stretch;
624
+ width: 100% !important;
625
+ }
626
+
627
+ .orion-builder-v2-editor .gjs-block-label {
628
+ color: var(--builder-v2-ink);
629
+ font-size: 0.76rem;
630
+ font-weight: 900;
631
+ line-height: 1.25;
632
+ min-height: 20px;
633
+ padding: 0 2px;
634
+ text-align: left;
635
+ }
636
+
637
+ .orion-builder-v2-block-preview {
638
+ background:
639
+ linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(248, 243, 235, 0.92)),
640
+ #fffdf9;
641
+ border: 1px solid rgba(199, 100, 61, 0.28);
642
+ border-radius: 11px;
643
+ display: grid;
644
+ gap: 4px;
645
+ grid-template-columns: repeat(12, minmax(0, 1fr));
646
+ grid-template-rows: repeat(5, 8px);
647
+ min-height: 84px;
648
+ overflow: hidden;
649
+ padding: 8px;
650
+ position: relative;
651
+ width: 100%;
652
+ }
653
+
654
+ .orion-builder-v2-block-preview .wire {
655
+ background: rgba(31, 45, 77, 0.18);
656
+ border-radius: 999px;
657
+ display: block;
658
+ min-height: 5px;
659
+ }
660
+
661
+ .orion-builder-v2-block-preview .wire-kicker {
662
+ background: rgba(199, 100, 61, 0.42);
663
+ grid-column: 1 / 4;
664
+ }
665
+
666
+ .orion-builder-v2-block-preview .wire-title {
667
+ background: rgba(31, 45, 77, 0.38);
668
+ grid-column: 1 / 9;
669
+ min-height: 8px;
670
+ }
671
+
672
+ .orion-builder-v2-block-preview .wire-copy {
673
+ grid-column: 1 / 8;
674
+ }
675
+
676
+ .orion-builder-v2-block-preview .wire-copy.is-short {
677
+ grid-column: 1 / 6;
678
+ }
679
+
680
+ .orion-builder-v2-block-preview .wire-button {
681
+ background: rgba(199, 100, 61, 0.5);
682
+ grid-column: 1 / 4;
683
+ }
684
+
685
+ .orion-builder-v2-block-preview .wire-image,
686
+ .orion-builder-v2-block-preview .wire-card {
687
+ background: rgba(31, 45, 77, 0.14);
688
+ border: 1px solid rgba(31, 45, 77, 0.08);
689
+ border-radius: 5px;
690
+ display: none;
691
+ }
692
+
693
+ .orion-builder-v2-block-preview.is-nav {
694
+ align-content: center;
695
+ grid-template-rows: repeat(3, 10px);
696
+ }
697
+
698
+ .orion-builder-v2-block-preview.is-nav .wire-title {
699
+ grid-column: 1 / 4;
700
+ grid-row: 2;
701
+ }
702
+
703
+ .orion-builder-v2-block-preview.is-nav .wire-copy {
704
+ grid-column: 5 / 10;
705
+ grid-row: 2;
706
+ }
707
+
708
+ .orion-builder-v2-block-preview.is-nav .wire-button {
709
+ grid-column: 10 / 13;
710
+ grid-row: 2;
711
+ }
712
+
713
+ .orion-builder-v2-block-preview.is-footer .wire-title,
714
+ .orion-builder-v2-block-preview.is-section .wire-title,
715
+ .orion-builder-v2-block-preview.is-richText .wire-title {
716
+ grid-column: 1 / 8;
717
+ }
718
+
719
+ .orion-builder-v2-block-preview.is-footer .wire-copy {
720
+ grid-column: 7 / 13;
721
+ }
722
+
723
+ .orion-builder-v2-block-preview.is-footer .wire-copy.is-short {
724
+ grid-column: 7 / 11;
725
+ }
726
+
727
+ .orion-builder-v2-block-preview.is-section .wire-copy,
728
+ .orion-builder-v2-block-preview.is-richText .wire-copy {
729
+ grid-column: 1 / 12;
730
+ }
731
+
732
+ .orion-builder-v2-block-preview.is-section .wire-copy.is-short,
733
+ .orion-builder-v2-block-preview.is-richText .wire-copy.is-short {
734
+ grid-column: 1 / 9;
735
+ }
736
+
737
+ .orion-builder-v2-block-preview.is-hero .wire-image,
738
+ .orion-builder-v2-block-preview.is-xoHero .wire-image {
739
+ background: linear-gradient(135deg, rgba(31, 45, 77, 0.2), rgba(199, 100, 61, 0.16));
740
+ display: block;
741
+ border-radius: 9px;
742
+ grid-column: 8 / 13;
743
+ grid-row: 1 / 6;
744
+ }
745
+
746
+ .orion-builder-v2-block-preview.is-hero .wire-card,
747
+ .orion-builder-v2-block-preview.is-xoHero .wire-card {
748
+ display: none;
749
+ }
750
+
751
+ .orion-builder-v2-block-preview.is-columns .wire-card,
752
+ .orion-builder-v2-block-preview.is-card-grid .wire-card,
753
+ .orion-builder-v2-block-preview.is-pricing .wire-card,
754
+ .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card,
755
+ .orion-builder-v2-block-preview.is-project .wire-card {
756
+ display: block;
757
+ grid-row: 3 / 6;
758
+ }
759
+
760
+ .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(7),
761
+ .orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(7),
762
+ .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(7),
763
+ .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(7),
764
+ .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(7) {
765
+ grid-column: 1 / 5;
766
+ }
767
+
768
+ .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(8),
769
+ .orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(8),
770
+ .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(8),
771
+ .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(8),
772
+ .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(8) {
773
+ grid-column: 5 / 9;
774
+ }
775
+
776
+ .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(9),
777
+ .orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(9),
778
+ .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(9),
779
+ .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(9),
780
+ .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(9) {
781
+ grid-column: 9 / 13;
782
+ }
783
+
784
+ .orion-builder-v2-block-preview.is-gallery .wire-image,
785
+ .orion-builder-v2-block-preview.is-image .wire-image {
786
+ background:
787
+ linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, 0.62) 50%, transparent 52%),
788
+ rgba(31, 45, 77, 0.16);
789
+ display: block;
790
+ grid-column: 1 / 13;
791
+ grid-row: 1 / 6;
792
+ }
793
+
794
+ .orion-builder-v2-block-preview.is-gallery .wire-kicker,
795
+ .orion-builder-v2-block-preview.is-gallery .wire-title,
796
+ .orion-builder-v2-block-preview.is-gallery .wire-copy,
797
+ .orion-builder-v2-block-preview.is-gallery .wire-button,
798
+ .orion-builder-v2-block-preview.is-image .wire-kicker,
799
+ .orion-builder-v2-block-preview.is-image .wire-title,
800
+ .orion-builder-v2-block-preview.is-image .wire-copy,
801
+ .orion-builder-v2-block-preview.is-image .wire-button {
802
+ display: none;
803
+ }
804
+
805
+ .orion-builder-v2-block-preview.is-button,
806
+ .orion-builder-v2-block-preview.is-form {
807
+ align-content: center;
808
+ }
809
+
810
+ .orion-builder-v2-block-preview.is-button .wire-kicker,
811
+ .orion-builder-v2-block-preview.is-button .wire-title,
812
+ .orion-builder-v2-block-preview.is-button .wire-copy,
813
+ .orion-builder-v2-block-preview.is-button .wire-image,
814
+ .orion-builder-v2-block-preview.is-button .wire-card {
815
+ display: none;
816
+ }
817
+
818
+ .orion-builder-v2-block-preview.is-button .wire-button {
819
+ grid-column: 3 / 11;
820
+ min-height: 20px;
821
+ }
822
+
823
+ .orion-builder-v2-block-preview.is-faq .wire-copy,
824
+ .orion-builder-v2-block-preview.is-testimonials .wire-copy {
825
+ background: rgba(31, 45, 77, 0.12);
826
+ border: 1px solid rgba(31, 45, 77, 0.07);
827
+ border-radius: 8px;
828
+ grid-column: 1 / 13;
829
+ min-height: 12px;
830
+ }
831
+
832
+ .orion-builder-v2-block-preview.is-faq .wire-copy.is-short,
833
+ .orion-builder-v2-block-preview.is-testimonials .wire-copy.is-short {
834
+ grid-column: 1 / 13;
835
+ }
836
+
837
+ .orion-builder-v2-block-preview.is-form .wire-copy,
838
+ .orion-builder-v2-block-preview.is-form .wire-copy.is-short {
839
+ background: rgba(31, 45, 77, 0.1);
840
+ border: 1px solid rgba(31, 45, 77, 0.08);
841
+ border-radius: 8px;
842
+ grid-column: 2 / 12;
843
+ min-height: 12px;
844
+ }
845
+
846
+ .orion-builder-v2-block-preview.is-form .wire-image,
847
+ .orion-builder-v2-block-preview.is-form .wire-card {
848
+ display: none;
849
+ }
850
+
851
+ .orion-builder-v2-block-preview.is-xoForm .wire-copy,
852
+ .orion-builder-v2-block-preview.is-xoForm .wire-copy.is-short {
853
+ background: rgba(31, 45, 77, 0.1);
854
+ border: 1px solid rgba(31, 45, 77, 0.08);
855
+ border-radius: 8px;
856
+ grid-column: 2 / 12;
857
+ min-height: 12px;
858
+ }
859
+
860
+ .orion-builder-v2-block-preview.is-xoForm .wire-image,
861
+ .orion-builder-v2-block-preview.is-xoForm .wire-card {
862
+ display: none;
863
+ }
864
+
865
+ .orion-builder-v2-block-preview.is-xoCta,
866
+ .orion-builder-v2-block-preview.is-cta {
867
+ background: #243654;
868
+ align-content: center;
869
+ }
870
+
871
+ .orion-builder-v2-block-preview.is-xoCta .wire-kicker,
872
+ .orion-builder-v2-block-preview.is-xoCta .wire-copy,
873
+ .orion-builder-v2-block-preview.is-xoCta .wire-image,
874
+ .orion-builder-v2-block-preview.is-xoCta .wire-card,
875
+ .orion-builder-v2-block-preview.is-cta .wire-kicker,
876
+ .orion-builder-v2-block-preview.is-cta .wire-copy,
877
+ .orion-builder-v2-block-preview.is-cta .wire-image,
878
+ .orion-builder-v2-block-preview.is-cta .wire-card {
879
+ display: none;
880
+ }
881
+
882
+ .orion-builder-v2-block-preview.is-xoCta .wire-title,
883
+ .orion-builder-v2-block-preview.is-cta .wire-title {
884
+ background: rgba(255, 255, 255, 0.7);
885
+ grid-column: 2 / 12;
886
+ }
887
+
888
+ .orion-builder-v2-block-preview.is-xoCta .wire-button,
889
+ .orion-builder-v2-block-preview.is-cta .wire-button {
890
+ background: #f6cd80;
891
+ grid-column: 5 / 9;
892
+ }
893
+
894
+ .orion-builder-v2-block-preview.is-xoRichText,
895
+ .orion-builder-v2-block-preview.is-richText,
896
+ .orion-builder-v2-block-preview.is-testimonials {
897
+ align-content: center;
898
+ }
899
+
900
+ .orion-builder-v2-block-preview.is-xoRichText .wire-button,
901
+ .orion-builder-v2-block-preview.is-xoRichText .wire-image,
902
+ .orion-builder-v2-block-preview.is-xoRichText .wire-card,
903
+ .orion-builder-v2-block-preview.is-richText .wire-button,
904
+ .orion-builder-v2-block-preview.is-richText .wire-image,
905
+ .orion-builder-v2-block-preview.is-richText .wire-card {
906
+ display: none;
907
+ }
908
+
909
+ .orion-builder-v2-block-preview.is-xoRichText .wire-title,
910
+ .orion-builder-v2-block-preview.is-richText .wire-title,
911
+ .orion-builder-v2-block-preview.is-testimonials .wire-title {
912
+ background: rgba(199, 100, 61, 0.42);
913
+ grid-column: 2 / 12;
914
+ }
915
+
916
+ .orion-builder-v2-block-preview.is-xoFaq .wire-copy,
917
+ .orion-builder-v2-block-preview.is-xoFAQ .wire-copy,
918
+ .orion-builder-v2-block-preview.is-xoFaq .wire-copy.is-short,
919
+ .orion-builder-v2-block-preview.is-xoFAQ .wire-copy.is-short {
920
+ background: rgba(31, 45, 77, 0.12);
921
+ border: 1px solid rgba(31, 45, 77, 0.07);
922
+ border-radius: 8px;
923
+ grid-column: 1 / 13;
924
+ min-height: 12px;
925
+ }
926
+
927
+ .orion-builder-v2-editor .gjs-field,
928
+ .orion-builder-v2-editor .gjs-field input,
929
+ .orion-builder-v2-editor .gjs-field select,
930
+ .orion-builder-v2-editor .gjs-field textarea,
931
+ .orion-builder-v2-editor .gjs-sm-field,
932
+ .orion-builder-v2-editor .gjs-trt-trait__wrp {
933
+ background: #fffaf4;
934
+ border-color: #e7cbb9;
935
+ color: var(--builder-v2-ink);
936
+ }
937
+
938
+ .orion-builder-v2-editor .gjs-label,
939
+ .orion-builder-v2-editor .gjs-sm-label,
940
+ .orion-builder-v2-editor .gjs-trt-trait__label {
941
+ color: var(--builder-v2-muted);
942
+ font-weight: 800;
943
+ line-height: 1.25;
944
+ max-width: none;
945
+ overflow: visible;
946
+ overflow-wrap: normal;
947
+ text-overflow: clip;
948
+ white-space: normal;
949
+ word-break: normal;
950
+ }
951
+
952
+ .orion-builder-v2-editor .gjs-traits-label {
953
+ display: none;
954
+ }
955
+
956
+ .orion-builder-v2-editor .gjs-trt-traits {
957
+ display: grid;
958
+ gap: 8px;
959
+ }
960
+
961
+ .orion-builder-v2-editor .gjs-trt-trait {
962
+ display: grid;
963
+ gap: 5px;
964
+ }
965
+
966
+ .orion-builder-v2-editor .gjs-trt-trait__wrp {
967
+ display: grid !important;
968
+ gap: 6px;
969
+ grid-template-columns: minmax(0, 1fr) !important;
970
+ min-width: 0 !important;
971
+ overflow: visible !important;
972
+ width: 100% !important;
973
+ }
974
+
975
+ .orion-builder-v2-editor .gjs-trt-trait__cnt {
976
+ float: none !important;
977
+ margin-left: 0 !important;
978
+ max-width: none !important;
979
+ min-width: 0 !important;
980
+ overflow: visible !important;
981
+ padding-left: 0 !important;
982
+ width: 100% !important;
983
+ }
984
+
985
+ .orion-builder-v2-editor .gjs-trt-trait__label {
986
+ display: block !important;
987
+ flex: none;
988
+ float: none !important;
989
+ max-width: none !important;
990
+ min-width: 0 !important;
991
+ padding: 0 !important;
992
+ width: 100% !important;
993
+ }
994
+
995
+ .orion-builder-v2-editor .gjs-trt-trait .gjs-field,
996
+ .orion-builder-v2-editor .gjs-trt-trait input,
997
+ .orion-builder-v2-editor .gjs-trt-trait select,
998
+ .orion-builder-v2-editor .gjs-trt-trait textarea {
999
+ box-sizing: border-box;
1000
+ max-width: none !important;
1001
+ min-width: 0 !important;
1002
+ overflow: visible;
1003
+ text-overflow: clip;
1004
+ white-space: normal;
1005
+ width: 100% !important;
1006
+ }
1007
+
1008
+ .orion-builder-v2-inspector #orion-builder-v2-traits,
1009
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-traits,
1010
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait,
1011
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait__wrp,
1012
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait__cnt,
1013
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-label-wrp,
1014
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field-wrp {
1015
+ box-sizing: border-box !important;
1016
+ display: block !important;
1017
+ float: none !important;
1018
+ flex: none !important;
1019
+ margin-left: 0 !important;
1020
+ max-width: none !important;
1021
+ min-width: 0 !important;
1022
+ overflow: visible !important;
1023
+ padding-left: 0 !important;
1024
+ position: static !important;
1025
+ width: 100% !important;
1026
+ }
1027
+
1028
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait {
1029
+ margin-bottom: 8px !important;
1030
+ }
1031
+
1032
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait__label {
1033
+ box-sizing: border-box !important;
1034
+ display: block !important;
1035
+ float: none !important;
1036
+ flex: none !important;
1037
+ font-size: 0.72rem !important;
1038
+ font-weight: 800 !important;
1039
+ line-height: 1.2 !important;
1040
+ margin: 0 0 4px !important;
1041
+ max-width: none !important;
1042
+ min-width: 0 !important;
1043
+ overflow: visible !important;
1044
+ padding: 0 !important;
1045
+ position: static !important;
1046
+ text-overflow: clip !important;
1047
+ white-space: nowrap !important;
1048
+ width: 100% !important;
1049
+ word-break: normal !important;
1050
+ }
1051
+
1052
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-label-wrp {
1053
+ margin: 0 0 4px !important;
1054
+ }
1055
+
1056
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-label {
1057
+ box-sizing: border-box !important;
1058
+ display: block !important;
1059
+ float: none !important;
1060
+ font-size: 0.72rem !important;
1061
+ font-weight: 800 !important;
1062
+ line-height: 1.2 !important;
1063
+ margin: 0 !important;
1064
+ max-width: none !important;
1065
+ min-width: 0 !important;
1066
+ overflow: visible !important;
1067
+ padding: 0 !important;
1068
+ position: static !important;
1069
+ text-overflow: clip !important;
1070
+ white-space: nowrap !important;
1071
+ width: 100% !important;
1072
+ word-break: normal !important;
1073
+ }
1074
+
1075
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field,
1076
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field input,
1077
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field select,
1078
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field textarea {
1079
+ box-sizing: border-box !important;
1080
+ display: block !important;
1081
+ float: none !important;
1082
+ margin-left: 0 !important;
1083
+ max-width: none !important;
1084
+ min-width: 0 !important;
1085
+ overflow: visible !important;
1086
+ padding-left: 0 !important;
1087
+ position: static !important;
1088
+ text-overflow: clip !important;
1089
+ width: 100% !important;
1090
+ }
1091
+
1092
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field {
1093
+ background: #fffdf9 !important;
1094
+ background-clip: padding-box;
1095
+ border: 1px solid #d6b7a1 !important;
1096
+ border-radius: 8px;
1097
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
1098
+ min-height: 32px;
1099
+ overflow: hidden !important;
1100
+ }
1101
+
1102
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field:hover {
1103
+ border-color: rgba(181, 111, 77, 0.72) !important;
1104
+ }
1105
+
1106
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field:focus-within {
1107
+ border-color: #8492aa !important;
1108
+ box-shadow:
1109
+ 0 0 0 1px rgba(132, 146, 170, 0.42),
1110
+ inset 0 1px 0 rgba(255, 255, 255, 0.9);
1111
+ }
1112
+
1113
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field input,
1114
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field select,
1115
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field textarea {
1116
+ background: transparent !important;
1117
+ border: 0 !important;
1118
+ box-shadow: none !important;
1119
+ color: var(--builder-v2-ink);
1120
+ font-size: 0.78rem !important;
1121
+ line-height: 1.25 !important;
1122
+ min-height: 30px;
1123
+ outline: none !important;
1124
+ padding: 5px 8px !important;
1125
+ }
1126
+
1127
+ .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field textarea {
1128
+ min-height: 54px;
1129
+ resize: vertical;
1130
+ }
1131
+
1132
+ .orion-builder-v2-editor .gjs-sm-sectors {
1133
+ display: grid;
1134
+ gap: 10px;
1135
+ }
1136
+
1137
+ .orion-builder-v2-editor .gjs-sm-sector {
1138
+ border: 1px solid var(--builder-v2-border);
1139
+ border-radius: 12px;
1140
+ overflow: visible;
1141
+ }
1142
+
1143
+ .orion-builder-v2-editor .gjs-sm-properties {
1144
+ display: grid;
1145
+ gap: 8px;
1146
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1147
+ padding: 10px;
1148
+ }
1149
+
1150
+ .orion-builder-v2-editor .gjs-sm-property {
1151
+ box-sizing: border-box;
1152
+ float: none;
1153
+ margin: 0;
1154
+ min-width: 0;
1155
+ width: 100%;
1156
+ }
1157
+
1158
+ .orion-builder-v2-editor .gjs-sm-property__display,
1159
+ .orion-builder-v2-editor .gjs-sm-property__font-family,
1160
+ .orion-builder-v2-editor .gjs-sm-property__background,
1161
+ .orion-builder-v2-editor .gjs-sm-property__border,
1162
+ .orion-builder-v2-editor .gjs-sm-property__box-shadow,
1163
+ .orion-builder-v2-editor .gjs-sm-composite {
1164
+ grid-column: 1 / -1;
1165
+ }
1166
+
1167
+ .orion-builder-v2-editor .gjs-sm-property__display {
1168
+ order: 0;
1169
+ }
1170
+
1171
+ .orion-builder-v2-editor .gjs-sm-property__position {
1172
+ grid-column: 1 / -1;
1173
+ order: 1;
1174
+ }
1175
+
1176
+ .orion-builder-v2-editor .gjs-sm-property__top,
1177
+ .orion-builder-v2-editor .gjs-sm-property__margin-top,
1178
+ .orion-builder-v2-editor .gjs-sm-property__padding-top {
1179
+ order: 2;
1180
+ }
1181
+
1182
+ .orion-builder-v2-editor .gjs-sm-property__bottom,
1183
+ .orion-builder-v2-editor .gjs-sm-property__margin-bottom,
1184
+ .orion-builder-v2-editor .gjs-sm-property__padding-bottom {
1185
+ order: 3;
1186
+ }
1187
+
1188
+ .orion-builder-v2-editor .gjs-sm-property__left,
1189
+ .orion-builder-v2-editor .gjs-sm-property__margin-left,
1190
+ .orion-builder-v2-editor .gjs-sm-property__padding-left {
1191
+ order: 4;
1192
+ }
1193
+
1194
+ .orion-builder-v2-editor .gjs-sm-property__right,
1195
+ .orion-builder-v2-editor .gjs-sm-property__margin-right,
1196
+ .orion-builder-v2-editor .gjs-sm-property__padding-right {
1197
+ order: 5;
1198
+ }
1199
+
1200
+ .orion-builder-v2-editor .gjs-sm-property__width {
1201
+ grid-column: 1 / -1;
1202
+ order: 6;
1203
+ }
1204
+
1205
+ .orion-builder-v2-editor .gjs-sm-property__height {
1206
+ grid-column: 1 / -1;
1207
+ order: 7;
1208
+ }
1209
+
1210
+ .orion-builder-v2-editor .gjs-sm-property__min-height {
1211
+ grid-column: 1 / -1;
1212
+ order: 8;
1213
+ }
1214
+
1215
+ .orion-builder-v2-editor .gjs-sm-property__margin {
1216
+ order: 9;
1217
+ }
1218
+
1219
+ .orion-builder-v2-editor .gjs-sm-property__padding {
1220
+ order: 10;
1221
+ }
1222
+
1223
+ .orion-builder-v2-editor .gjs-sm-property__color,
1224
+ .orion-builder-v2-editor .gjs-sm-property__background-color {
1225
+ grid-column: 1 / -1;
1226
+ }
1227
+
1228
+ .orion-builder-v2-editor.cannot-use-gap .gjs-sm-property__gap,
1229
+ .orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__flex-direction,
1230
+ .orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__justify-content,
1231
+ .orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__align-items,
1232
+ .orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__flex-wrap,
1233
+ .orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__top,
1234
+ .orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__right,
1235
+ .orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__bottom,
1236
+ .orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__left,
1237
+ .orion-builder-v2-editor.cannot-use-sizing-controls .gjs-sm-property__width,
1238
+ .orion-builder-v2-editor.cannot-use-sizing-controls .gjs-sm-property__height,
1239
+ .orion-builder-v2-editor.cannot-use-sizing-controls .gjs-sm-property__min-height {
1240
+ display: none !important;
1241
+ }
1242
+
1243
+ .orion-builder-v2-editor .gjs-sm-property .gjs-sm-label {
1244
+ display: block;
1245
+ margin-bottom: 7px;
1246
+ }
1247
+
1248
+ .orion-builder-v2-editor .gjs-sm-label[data-builder-setting-help],
1249
+ .orion-builder-v2-editor .gjs-label[data-builder-setting-help],
1250
+ .orion-builder-v2-editor .gjs-trt-trait__label[data-builder-setting-help] {
1251
+ align-items: center;
1252
+ display: inline-flex !important;
1253
+ gap: 6px;
1254
+ position: relative;
1255
+ }
1256
+
1257
+ .orion-builder-v2-help-trigger {
1258
+ align-items: center;
1259
+ background: #fff7ef;
1260
+ border: 1px solid #dcc0ab;
1261
+ border-radius: 999px;
1262
+ color: #6f5948;
1263
+ cursor: default;
1264
+ display: inline-flex;
1265
+ flex: 0 0 auto;
1266
+ font-size: 0.62rem;
1267
+ font-weight: 900;
1268
+ height: 15px;
1269
+ justify-content: center;
1270
+ line-height: 1;
1271
+ width: 15px;
1272
+ }
1273
+
1274
+ .orion-builder-v2-help-trigger:hover,
1275
+ .orion-builder-v2-help-trigger:focus-visible {
1276
+ background: #f6eadf;
1277
+ border-color: #bf8f73;
1278
+ outline: none;
1279
+ }
1280
+
1281
+ .orion-builder-v2-help-trigger::after {
1282
+ background: #243654;
1283
+ border-radius: 8px;
1284
+ bottom: auto;
1285
+ box-shadow: 0 14px 34px rgba(36, 54, 84, 0.22);
1286
+ box-sizing: border-box;
1287
+ color: #ffffff;
1288
+ content: attr(data-builder-help-text);
1289
+ display: none;
1290
+ font-size: 0.72rem;
1291
+ font-weight: 700;
1292
+ left: 50%;
1293
+ line-height: 1.35;
1294
+ max-width: min(260px, 70vw);
1295
+ padding: 8px 10px;
1296
+ position: absolute;
1297
+ text-transform: none;
1298
+ top: calc(100% + 8px);
1299
+ transform: translateX(-50%);
1300
+ width: max-content;
1301
+ z-index: 20;
1302
+ }
1303
+
1304
+ .is-builder-help-left > .orion-builder-v2-help-trigger::after {
1305
+ left: 0;
1306
+ right: auto;
1307
+ transform: none;
1308
+ }
1309
+
1310
+ .is-builder-help-right > .orion-builder-v2-help-trigger::after {
1311
+ left: auto;
1312
+ right: 0;
1313
+ transform: none;
1314
+ }
1315
+
1316
+ .is-builder-help-open > .orion-builder-v2-help-trigger::after {
1317
+ display: block;
1318
+ }
1319
+
1320
+ .orion-builder-v2-editor .gjs-sm-property:not(.gjs-sm-radio) .gjs-field,
1321
+ .orion-builder-v2-editor .gjs-sm-property .gjs-sm-field {
1322
+ background: #fffdf9 !important;
1323
+ background-clip: padding-box;
1324
+ border: 1px solid #d6b7a1 !important;
1325
+ border-radius: 8px;
1326
+ box-sizing: border-box;
1327
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
1328
+ min-height: 36px;
1329
+ min-width: 0;
1330
+ overflow: hidden;
1331
+ width: 100% !important;
1332
+ }
1333
+
1334
+ .orion-builder-v2-editor .gjs-sm-property:not(.gjs-sm-radio) .gjs-field:hover,
1335
+ .orion-builder-v2-editor .gjs-sm-property .gjs-sm-field:hover {
1336
+ border-color: rgba(181, 111, 77, 0.72) !important;
1337
+ }
1338
+
1339
+ .orion-builder-v2-editor .gjs-sm-property:not(.gjs-sm-radio) .gjs-field:focus-within,
1340
+ .orion-builder-v2-editor .gjs-sm-property .gjs-sm-field:focus-within {
1341
+ border-color: #8492aa !important;
1342
+ box-shadow:
1343
+ 0 0 0 1px rgba(132, 146, 170, 0.42),
1344
+ inset 0 1px 0 rgba(255, 255, 255, 0.9);
1345
+ outline: none !important;
1346
+ }
1347
+
1348
+ .orion-builder-v2-editor .gjs-field input,
1349
+ .orion-builder-v2-editor .gjs-field select,
1350
+ .orion-builder-v2-editor .gjs-field textarea {
1351
+ background: transparent !important;
1352
+ border: 0 !important;
1353
+ box-shadow: none !important;
1354
+ box-sizing: border-box;
1355
+ min-height: 36px;
1356
+ outline: none !important;
1357
+ width: 100% !important;
1358
+ }
1359
+
1360
+ .orion-builder-v2-editor .gjs-field .gjs-input-unit {
1361
+ background: transparent !important;
1362
+ border: 0 !important;
1363
+ color: #7a879f;
1364
+ height: 100%;
1365
+ padding-right: 8px;
1366
+ }
1367
+
1368
+ .orion-builder-v2-editor .gjs-field.has-orion-builder-stepper {
1369
+ align-items: stretch;
1370
+ display: grid !important;
1371
+ grid-template-columns: minmax(0, 1fr) auto auto;
1372
+ }
1373
+
1374
+ .orion-builder-v2-editor .gjs-field.has-orion-builder-stepper input {
1375
+ min-width: 0;
1376
+ }
1377
+
1378
+ .orion-builder-v2-editor .gjs-field.has-orion-builder-stepper .gjs-input-unit {
1379
+ padding-left: 8px;
1380
+ padding-right: 18px;
1381
+ }
1382
+
1383
+ .orion-builder-v2-stepper {
1384
+ align-self: stretch;
1385
+ border-left: 1px solid rgba(214, 183, 161, 0.72);
1386
+ display: grid;
1387
+ grid-template-rows: 1fr 1fr;
1388
+ min-height: 34px;
1389
+ width: 24px;
1390
+ }
1391
+
1392
+ .orion-builder-v2-stepper-button {
1393
+ align-items: center;
1394
+ appearance: none;
1395
+ background: #fff6ec;
1396
+ border: 0;
1397
+ color: #7a543e;
1398
+ cursor: pointer;
1399
+ display: inline-flex;
1400
+ font: 800 8px/1 var(--font-xo-sans, ui-sans-serif, system-ui, sans-serif);
1401
+ justify-content: center;
1402
+ min-height: 0;
1403
+ padding: 0;
1404
+ }
1405
+
1406
+ .orion-builder-v2-stepper-button + .orion-builder-v2-stepper-button {
1407
+ border-top: 1px solid rgba(214, 183, 161, 0.72);
1408
+ }
1409
+
1410
+ .orion-builder-v2-stepper-button:hover {
1411
+ background: #f4e2d3;
1412
+ color: #1f2d4d;
1413
+ }
1414
+
1415
+ .orion-builder-v2-editor .gjs-field-color {
1416
+ cursor: pointer;
1417
+ display: grid !important;
1418
+ grid-template-columns: minmax(0, 1fr) 38px;
1419
+ }
1420
+
1421
+ .orion-builder-v2-editor .gjs-field-color.has-orion-eyedropper {
1422
+ grid-template-columns: minmax(0, 1fr) 38px 34px;
1423
+ }
1424
+
1425
+ .orion-builder-v2-editor .gjs-field-color .gjs-input-holder {
1426
+ min-width: 0;
1427
+ }
1428
+
1429
+ .orion-builder-v2-editor .gjs-field-color input {
1430
+ cursor: text;
1431
+ padding-right: 8px;
1432
+ }
1433
+
1434
+ .orion-builder-v2-editor .gjs-field-colorp {
1435
+ align-items: center;
1436
+ background: #f6eadf;
1437
+ border-left: 1px solid #e1c4b0;
1438
+ cursor: pointer;
1439
+ display: flex !important;
1440
+ height: 100% !important;
1441
+ justify-content: center;
1442
+ min-width: 38px;
1443
+ position: relative;
1444
+ width: 38px !important;
1445
+ z-index: 2;
1446
+ }
1447
+
1448
+ .orion-builder-v2-editor .orion-builder-v2-eyedropper {
1449
+ align-items: center;
1450
+ appearance: none;
1451
+ background: #fffaf4;
1452
+ border: 0;
1453
+ border-left: 1px solid #e1c4b0;
1454
+ color: var(--builder-v2-ink);
1455
+ cursor: pointer;
1456
+ display: flex;
1457
+ height: 100%;
1458
+ justify-content: center;
1459
+ min-height: 36px;
1460
+ padding: 0;
1461
+ transition:
1462
+ background 160ms ease,
1463
+ color 160ms ease;
1464
+ width: 34px;
1465
+ }
1466
+
1467
+ .orion-builder-v2-editor .orion-builder-v2-eyedropper:hover,
1468
+ .orion-builder-v2-editor .orion-builder-v2-eyedropper:focus-visible {
1469
+ background: var(--builder-v2-accent, #22385b);
1470
+ color: #fffaf4;
1471
+ outline: none;
1472
+ }
1473
+
1474
+ .orion-builder-v2-editor .orion-builder-v2-eyedropper svg {
1475
+ height: 16px;
1476
+ width: 16px;
1477
+ }
1478
+
1479
+ .orion-builder-v2-editor .gjs-field-colorp-c {
1480
+ border: 1px solid rgba(31, 45, 77, 0.16);
1481
+ border-radius: 999px;
1482
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
1483
+ height: 22px !important;
1484
+ overflow: hidden;
1485
+ width: 22px !important;
1486
+ }
1487
+
1488
+ .orion-builder-v2-editor .gjs-field-color-picker,
1489
+ .orion-builder-v2-editor .gjs-checker-bg {
1490
+ height: 100% !important;
1491
+ width: 100% !important;
1492
+ }
1493
+
1494
+ .sp-container.gjs-editor-sp:not(.sp-hidden) {
1495
+ background: #fffdf9;
1496
+ border: 1px solid #d6b7a1;
1497
+ border-radius: 12px;
1498
+ box-shadow: 0 18px 46px rgba(49, 37, 25, 0.2);
1499
+ box-sizing: border-box;
1500
+ color: var(--builder-v2-ink);
1501
+ max-height: calc(100dvh - 128px);
1502
+ overflow: auto;
1503
+ padding: 8px;
1504
+ position: fixed !important;
1505
+ z-index: 9999999 !important;
1506
+ }
1507
+
1508
+ .sp-container.gjs-editor-sp .sp-picker-container,
1509
+ .sp-container.gjs-editor-sp .sp-palette-container {
1510
+ border: 0;
1511
+ }
1512
+
1513
+ .sp-container.gjs-editor-sp .sp-choose {
1514
+ background: var(--builder-v2-accent);
1515
+ border: 0;
1516
+ border-radius: 999px;
1517
+ color: #ffffff;
1518
+ cursor: pointer;
1519
+ font-weight: 900;
1520
+ padding: 5px 10px;
1521
+ }
1522
+
1523
+ .sp-container.gjs-editor-sp .sp-cancel {
1524
+ color: var(--builder-v2-muted) !important;
1525
+ text-decoration: none;
1526
+ }
1527
+
1528
+ .orion-builder-v2-quick-layout {
1529
+ display: grid;
1530
+ gap: 16px;
1531
+ }
1532
+
1533
+ .orion-builder-v2-control-group {
1534
+ display: grid;
1535
+ gap: 10px;
1536
+ }
1537
+
1538
+ .orion-builder-v2-control-group h3 {
1539
+ align-items: center;
1540
+ color: var(--builder-v2-ink);
1541
+ display: inline-flex;
1542
+ font-size: 0.82rem;
1543
+ font-weight: 900;
1544
+ gap: 6px;
1545
+ letter-spacing: 0.01em;
1546
+ margin: 0;
1547
+ position: relative;
1548
+ }
1549
+
1550
+ .orion-builder-v2-choice-grid {
1551
+ display: grid;
1552
+ gap: 8px;
1553
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1554
+ }
1555
+
1556
+ .orion-builder-v2-choice,
1557
+ .orion-builder-v2-toggle {
1558
+ background: #fffdf9;
1559
+ border: 1px solid #e2c2ac;
1560
+ border-radius: 10px;
1561
+ box-sizing: border-box;
1562
+ color: var(--builder-v2-ink);
1563
+ cursor: pointer;
1564
+ font: inherit;
1565
+ min-width: 0;
1566
+ text-align: left;
1567
+ transition:
1568
+ background-color 160ms ease,
1569
+ border-color 160ms ease,
1570
+ box-shadow 160ms ease,
1571
+ color 160ms ease;
1572
+ }
1573
+
1574
+ .orion-builder-v2-choice {
1575
+ display: grid;
1576
+ gap: 3px;
1577
+ min-height: 74px;
1578
+ padding: 10px;
1579
+ }
1580
+
1581
+ .orion-builder-v2-choice strong,
1582
+ .orion-builder-v2-toggle strong {
1583
+ align-items: center;
1584
+ display: flex;
1585
+ font-size: 0.78rem;
1586
+ font-weight: 900;
1587
+ gap: 8px;
1588
+ justify-content: flex-start;
1589
+ line-height: 1.2;
1590
+ position: relative;
1591
+ }
1592
+
1593
+ .orion-builder-v2-choice span,
1594
+ .orion-builder-v2-toggle small {
1595
+ color: var(--builder-v2-muted);
1596
+ display: block;
1597
+ font-size: 0.68rem;
1598
+ font-weight: 700;
1599
+ line-height: 1.3;
1600
+ }
1601
+
1602
+ .orion-builder-v2-choice:hover,
1603
+ .orion-builder-v2-toggle:hover {
1604
+ border-color: rgba(181, 111, 77, 0.8);
1605
+ box-shadow: 0 8px 18px rgba(199, 100, 61, 0.1);
1606
+ }
1607
+
1608
+ .orion-builder-v2-choice[aria-pressed='true'],
1609
+ .orion-builder-v2-toggle[aria-pressed='true'],
1610
+ .orion-builder-v2-segmented button[aria-pressed='true'] {
1611
+ background: var(--builder-v2-ink);
1612
+ border-color: var(--builder-v2-ink);
1613
+ color: #ffffff;
1614
+ }
1615
+
1616
+ .orion-builder-v2-choice[aria-pressed='true'] span,
1617
+ .orion-builder-v2-toggle[aria-pressed='true'] small {
1618
+ color: rgba(255, 255, 255, 0.78);
1619
+ }
1620
+
1621
+ .orion-builder-v2-choice:disabled,
1622
+ .orion-builder-v2-toggle:disabled,
1623
+ .orion-builder-v2-segmented button:disabled {
1624
+ cursor: not-allowed;
1625
+ opacity: 0.48;
1626
+ }
1627
+
1628
+ .orion-builder-v2-segmented {
1629
+ background: #fff7ef;
1630
+ border: 1px solid #e2c2ac;
1631
+ border-radius: 10px;
1632
+ display: grid;
1633
+ grid-auto-columns: 1fr;
1634
+ grid-auto-flow: column;
1635
+ overflow: hidden;
1636
+ }
1637
+
1638
+ .orion-builder-v2-segmented:has(.is-builder-help-open) {
1639
+ overflow: visible;
1640
+ z-index: 6;
1641
+ }
1642
+
1643
+ .orion-builder-v2-segmented button {
1644
+ align-items: center;
1645
+ background: transparent;
1646
+ border: 0;
1647
+ border-right: 1px solid #e2c2ac;
1648
+ color: var(--builder-v2-ink);
1649
+ cursor: pointer;
1650
+ display: flex;
1651
+ font: inherit;
1652
+ font-size: 0.74rem;
1653
+ font-weight: 850;
1654
+ gap: 7px;
1655
+ justify-content: center;
1656
+ min-height: 34px;
1657
+ padding: 8px 6px;
1658
+ position: relative;
1659
+ }
1660
+
1661
+ .orion-builder-v2-segmented button:last-child {
1662
+ border-right: 0;
1663
+ }
1664
+
1665
+ .orion-builder-v2-choice .orion-builder-v2-help-trigger,
1666
+ .orion-builder-v2-toggle .orion-builder-v2-help-trigger,
1667
+ .orion-builder-v2-segmented .orion-builder-v2-help-trigger,
1668
+ .orion-builder-v2-control-group h3 .orion-builder-v2-help-trigger {
1669
+ color: #6f5948;
1670
+ display: inline-flex;
1671
+ font-size: 0.62rem;
1672
+ font-weight: 900;
1673
+ line-height: 1;
1674
+ margin-left: 2px;
1675
+ }
1676
+
1677
+ .orion-builder-v2-choice[aria-pressed='true'] .orion-builder-v2-help-trigger,
1678
+ .orion-builder-v2-toggle[aria-pressed='true'] .orion-builder-v2-help-trigger,
1679
+ .orion-builder-v2-segmented button[aria-pressed='true'] .orion-builder-v2-help-trigger {
1680
+ background: rgba(255, 255, 255, 0.94);
1681
+ border-color: rgba(255, 255, 255, 0.78);
1682
+ color: var(--builder-v2-ink);
1683
+ }
1684
+
1685
+ .orion-builder-v2-choice.is-builder-help-open,
1686
+ .orion-builder-v2-toggle.is-builder-help-open,
1687
+ .orion-builder-v2-segmented button.is-builder-help-open {
1688
+ overflow: visible;
1689
+ z-index: 5;
1690
+ }
1691
+
1692
+ .orion-builder-v2-toggle-list {
1693
+ display: grid;
1694
+ gap: 8px;
1695
+ }
1696
+
1697
+ .orion-builder-v2-toggle {
1698
+ align-items: center;
1699
+ display: flex;
1700
+ justify-content: space-between;
1701
+ min-height: 54px;
1702
+ padding: 10px 12px;
1703
+ }
1704
+
1705
+ .orion-builder-v2-toggle::after {
1706
+ background: #f1e3d6;
1707
+ border: 1px solid #d6b7a1;
1708
+ border-radius: 999px;
1709
+ box-sizing: border-box;
1710
+ content: '';
1711
+ display: block;
1712
+ flex: 0 0 auto;
1713
+ height: 18px;
1714
+ margin-left: 10px;
1715
+ width: 34px;
1716
+ }
1717
+
1718
+ .orion-builder-v2-toggle[aria-pressed='true']::after {
1719
+ background: var(--builder-v2-accent);
1720
+ border-color: rgba(255, 255, 255, 0.72);
1721
+ box-shadow: inset 14px 0 0 #ffffff;
1722
+ }
1723
+
1724
+ .orion-builder-v2-panel.is-developer-only-hidden {
1725
+ display: none;
1726
+ }
1727
+
1728
+ .orion-builder-v2-editor .gjs-field textarea {
1729
+ min-height: 96px;
1730
+ }
1731
+
1732
+ .orion-builder-v2-editor [data-orion-placeholder] {
1733
+ outline: 1px dashed rgba(199, 100, 61, 0.45);
1734
+ outline-offset: 4px;
1735
+ }
1736
+
1737
+ .orion-builder-v2-editor [data-orion-action] {
1738
+ background: #fffaf4;
1739
+ border: 1px solid #e7cbb9;
1740
+ border-radius: 999px;
1741
+ color: var(--builder-v2-ink);
1742
+ cursor: pointer;
1743
+ font: inherit;
1744
+ font-size: 0.76rem;
1745
+ font-weight: 900;
1746
+ min-height: 32px;
1747
+ padding: 6px 10px;
1748
+ }
1749
+
1750
+ .orion-builder-v2-editor [data-orion-action]:hover {
1751
+ background: var(--builder-v2-ink);
1752
+ border-color: var(--builder-v2-ink);
1753
+ color: #ffffff;
1754
+ }
1755
+
1756
+ .orion-builder-v2-html-chunk {
1757
+ display: contents;
1758
+ }
1759
+
1760
+ .orion-builder-v2-missing-component {
1761
+ display: none;
1762
+ }
1763
+
1764
+ .orion-builder-v2-section,
1765
+ .orion-builder-v2-hero {
1766
+ padding: 64px 24px;
1767
+ }
1768
+
1769
+ .orion-builder-v2-section.is-muted {
1770
+ background: #f4f6f8;
1771
+ }
1772
+
1773
+ .orion-builder-v2-hero {
1774
+ background: #172033;
1775
+ color: #ffffff;
1776
+ }
1777
+
1778
+ .orion-builder-v2-container {
1779
+ margin: 0 auto;
1780
+ max-width: 1120px;
1781
+ }
1782
+
1783
+ .orion-builder-v2-container.is-narrow {
1784
+ max-width: 760px;
1785
+ }
1786
+
1787
+ .orion-builder-v2-grid {
1788
+ display: grid;
1789
+ gap: 20px;
1790
+ }
1791
+
1792
+ .orion-builder-v2-grid.is-3 {
1793
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1794
+ }
1795
+
1796
+ .orion-builder-v2-card {
1797
+ background: #ffffff;
1798
+ border: 1px solid rgba(23, 32, 51, 0.12);
1799
+ border-radius: 8px;
1800
+ color: #172033;
1801
+ padding: 20px;
1802
+ }
1803
+
1804
+ .orion-builder-v2-card.is-featured {
1805
+ border-color: #c35f36;
1806
+ box-shadow: 0 20px 50px rgba(195, 95, 54, 0.16);
1807
+ }
1808
+
1809
+ .orion-builder-v2-button {
1810
+ background: #172033;
1811
+ border-radius: 8px;
1812
+ color: #ffffff;
1813
+ display: inline-flex;
1814
+ font-weight: 800;
1815
+ padding: 10px 16px;
1816
+ text-decoration: none;
1817
+ }
1818
+
1819
+ .orion-builder-v2-hero .orion-builder-v2-button {
1820
+ background: #ffffff;
1821
+ color: #172033;
1822
+ }
1823
+
1824
+ .orion-builder-v2-kicker {
1825
+ font-size: 0.85rem;
1826
+ font-weight: 900;
1827
+ text-transform: uppercase;
1828
+ }
1829
+
1830
+ .orion-builder-v2-image {
1831
+ display: block;
1832
+ height: auto;
1833
+ max-width: 100%;
1834
+ }
1835
+
1836
+ .orion-builder-v2-nav,
1837
+ .orion-builder-v2-footer {
1838
+ align-items: center;
1839
+ display: flex;
1840
+ gap: 20px;
1841
+ justify-content: space-between;
1842
+ padding: 20px 24px;
1843
+ }
1844
+
1845
+ .orion-builder-v2-nav nav,
1846
+ .orion-builder-v2-footer nav {
1847
+ display: flex;
1848
+ flex-wrap: wrap;
1849
+ gap: 14px;
1850
+ }
1851
+
1852
+ .orion-builder-v2-logo {
1853
+ color: inherit;
1854
+ font-weight: 900;
1855
+ text-decoration: none;
1856
+ }
1857
+
1858
+ .orion-builder-v2-footer {
1859
+ background: #101827;
1860
+ color: #ffffff;
1861
+ }
1862
+
1863
+ .orion-builder-v2-gallery {
1864
+ display: grid;
1865
+ gap: 14px;
1866
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1867
+ }
1868
+
1869
+ .orion-builder-v2-gallery img {
1870
+ aspect-ratio: 1;
1871
+ border-radius: 8px;
1872
+ height: 100%;
1873
+ object-fit: cover;
1874
+ width: 100%;
1875
+ }
1876
+
1877
+ .orion-builder-v2-price {
1878
+ font-size: 2rem;
1879
+ font-weight: 900;
1880
+ }
1881
+
1882
+ .orion-builder-v2-dynamic-placeholder {
1883
+ align-items: center;
1884
+ background: repeating-linear-gradient(
1885
+ 45deg,
1886
+ rgba(23, 32, 51, 0.06),
1887
+ rgba(23, 32, 51, 0.06) 8px,
1888
+ rgba(23, 32, 51, 0.11) 8px,
1889
+ rgba(23, 32, 51, 0.11) 16px
1890
+ );
1891
+ border: 1px dashed rgba(23, 32, 51, 0.35);
1892
+ border-radius: 8px;
1893
+ display: flex;
1894
+ gap: 8px;
1895
+ min-height: 96px;
1896
+ padding: 20px;
1897
+ }
1898
+
1899
+ .xo-builder-import {
1900
+ background: #fbf7f1;
1901
+ color: #302823;
1902
+ font-family: var(--font-xo-sans, var(--font-body, ui-sans-serif, system-ui, sans-serif));
1903
+ padding: 72px 28px;
1904
+ }
1905
+
1906
+ .xo-builder-import:nth-child(even) {
1907
+ background: #fffdf9;
1908
+ }
1909
+
1910
+ .xo-builder-import__inner {
1911
+ margin: 0 auto;
1912
+ max-width: 1120px;
1913
+ }
1914
+
1915
+ .xo-builder-import__eyebrow {
1916
+ color: #9f5f45;
1917
+ font-size: 0.75rem;
1918
+ font-weight: 900;
1919
+ letter-spacing: 0.08em;
1920
+ margin: 0 0 10px;
1921
+ text-transform: uppercase;
1922
+ }
1923
+
1924
+ .xo-builder-import h1,
1925
+ .xo-builder-import h2,
1926
+ .xo-builder-import h3 {
1927
+ color: #243654;
1928
+ letter-spacing: 0;
1929
+ line-height: 1.06;
1930
+ margin: 0;
1931
+ }
1932
+
1933
+ .xo-builder-import h1 {
1934
+ font-size: 5.4rem;
1935
+ }
1936
+
1937
+ .xo-builder-import h2 {
1938
+ font-size: 3.2rem;
1939
+ }
1940
+
1941
+ .xo-builder-import h3 {
1942
+ font-size: 1.14rem;
1943
+ }
1944
+
1945
+ .xo-builder-import p {
1946
+ color: #5f5045;
1947
+ font-size: 1rem;
1948
+ line-height: 1.7;
1949
+ margin: 10px 0 0;
1950
+ }
1951
+
1952
+ .xo-builder-import a {
1953
+ color: inherit;
1954
+ }
1955
+
1956
+ .xo-builder-import-hero {
1957
+ align-items: end;
1958
+ background-color: #243654;
1959
+ background-position: center;
1960
+ background-size: cover;
1961
+ color: #ffffff;
1962
+ display: grid;
1963
+ min-height: 580px;
1964
+ overflow: hidden;
1965
+ padding-bottom: 0;
1966
+ position: relative;
1967
+ }
1968
+
1969
+ .xo-builder-import-hero::before {
1970
+ background: linear-gradient(90deg, rgba(36, 54, 84, 0.78), rgba(36, 54, 84, 0.22));
1971
+ content: '';
1972
+ inset: 0;
1973
+ position: absolute;
1974
+ }
1975
+
1976
+ .xo-builder-import-hero .xo-builder-import__inner {
1977
+ padding-bottom: 76px;
1978
+ position: relative;
1979
+ width: 100%;
1980
+ z-index: 1;
1981
+ }
1982
+
1983
+ .xo-builder-import-hero h1,
1984
+ .xo-builder-import-hero h2,
1985
+ .xo-builder-import-hero p,
1986
+ .xo-builder-import-hero .xo-builder-import__eyebrow {
1987
+ color: #ffffff;
1988
+ }
1989
+
1990
+ .xo-builder-import-hero h1:empty::before {
1991
+ content: 'XO Gift Co.';
1992
+ }
1993
+
1994
+ .xo-builder-import-hero p:empty::before {
1995
+ content: 'Warm gifts, local heart, and thoughtful help in Wheat Ridge.';
1996
+ }
1997
+
1998
+ .xo-builder-import__actions {
1999
+ display: flex;
2000
+ flex-wrap: wrap;
2001
+ gap: 10px;
2002
+ margin-top: 22px;
2003
+ }
2004
+
2005
+ .xo-builder-import__button {
2006
+ align-items: center;
2007
+ background: #243654;
2008
+ border: 1px solid #243654;
2009
+ border-radius: 999px;
2010
+ color: #ffffff;
2011
+ display: inline-flex;
2012
+ font-weight: 900;
2013
+ min-height: 42px;
2014
+ padding: 10px 18px;
2015
+ text-decoration: none;
2016
+ }
2017
+
2018
+ .xo-builder-import-hero .xo-builder-import__button,
2019
+ .xo-builder-import-cta .xo-builder-import__button {
2020
+ background: #fff7ef;
2021
+ border-color: #fff7ef;
2022
+ color: #243654;
2023
+ }
2024
+
2025
+ .xo-builder-import__marquee {
2026
+ background: rgba(255, 247, 239, 0.92);
2027
+ color: #243654;
2028
+ display: flex;
2029
+ flex-wrap: wrap;
2030
+ gap: 8px;
2031
+ margin-top: 34px;
2032
+ padding: 14px;
2033
+ }
2034
+
2035
+ .xo-builder-import__marquee span {
2036
+ background: #ffffff;
2037
+ border: 1px solid #ead7ca;
2038
+ border-radius: 999px;
2039
+ font-size: 0.78rem;
2040
+ font-weight: 900;
2041
+ padding: 8px 10px;
2042
+ }
2043
+
2044
+ .xo-builder-import-grid {
2045
+ display: grid;
2046
+ gap: 22px;
2047
+ }
2048
+
2049
+ .xo-builder-import-grid__items {
2050
+ display: grid;
2051
+ gap: 18px;
2052
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2053
+ margin-top: 28px;
2054
+ }
2055
+
2056
+ .xo-builder-import-card {
2057
+ background: #ffffff;
2058
+ border: 1px solid #ead7ca;
2059
+ border-radius: 16px;
2060
+ box-shadow: 0 18px 42px rgba(80, 52, 30, 0.08);
2061
+ overflow: hidden;
2062
+ }
2063
+
2064
+ .xo-builder-import-card img {
2065
+ aspect-ratio: 4 / 3;
2066
+ display: block;
2067
+ object-fit: cover;
2068
+ width: 100%;
2069
+ }
2070
+
2071
+ .xo-builder-import-card__body {
2072
+ padding: 18px;
2073
+ }
2074
+
2075
+ .xo-builder-import-card__meta {
2076
+ color: #9f5f45;
2077
+ font-size: 0.76rem;
2078
+ font-weight: 900;
2079
+ text-transform: uppercase;
2080
+ }
2081
+
2082
+ .xo-builder-import-card ul {
2083
+ color: #5f5045;
2084
+ line-height: 1.55;
2085
+ margin: 12px 0 0;
2086
+ padding-left: 18px;
2087
+ }
2088
+
2089
+ .xo-builder-import-cta {
2090
+ background: #243654;
2091
+ color: #ffffff;
2092
+ text-align: center;
2093
+ }
2094
+
2095
+ .xo-builder-import-cta h2,
2096
+ .xo-builder-import-cta p,
2097
+ .xo-builder-import-cta .xo-builder-import__eyebrow {
2098
+ color: #ffffff;
2099
+ }
2100
+
2101
+ .xo-builder-import-quote {
2102
+ text-align: center;
2103
+ }
2104
+
2105
+ .xo-builder-import-quote blockquote {
2106
+ color: #243654;
2107
+ font-size: 3rem;
2108
+ font-weight: 900;
2109
+ line-height: 1.15;
2110
+ margin: 0 auto;
2111
+ max-width: 900px;
2112
+ }
2113
+
2114
+ .xo-builder-import-faq__items {
2115
+ display: grid;
2116
+ gap: 10px;
2117
+ margin-top: 28px;
2118
+ }
2119
+
2120
+ .xo-builder-import-faq details {
2121
+ background: #ffffff;
2122
+ border: 1px solid #ead7ca;
2123
+ border-radius: 12px;
2124
+ padding: 16px 18px;
2125
+ }
2126
+
2127
+ .xo-builder-import-faq summary {
2128
+ color: #243654;
2129
+ cursor: pointer;
2130
+ font-weight: 900;
2131
+ }
2132
+
2133
+ .xo-builder-import-form {
2134
+ background: #fffdf9;
2135
+ }
2136
+
2137
+ .xo-builder-import-form .orion-builder-v2-dynamic-placeholder {
2138
+ background-color: #fff8ef;
2139
+ margin-top: 28px;
2140
+ }
2141
+
2142
+ .xo-builder-import-map {
2143
+ aspect-ratio: 16 / 9;
2144
+ border: 0;
2145
+ border-radius: 16px;
2146
+ margin-top: 16px;
2147
+ min-height: 320px;
2148
+ width: 100%;
2149
+ }
2150
+
2151
+ .xo-builder-preview {
2152
+ box-sizing: border-box;
2153
+ color: #2e2a27;
2154
+ font-family: var(--font-xo-sans, "Nunito Sans", "Segoe UI", sans-serif);
2155
+ letter-spacing: 0;
2156
+ }
2157
+
2158
+ .xo-builder-preview *,
2159
+ .xo-builder-preview *::before,
2160
+ .xo-builder-preview *::after {
2161
+ box-sizing: border-box;
2162
+ }
2163
+
2164
+ .xo-builder-preview p,
2165
+ .xo-builder-preview span,
2166
+ .xo-builder-preview small {
2167
+ color: inherit;
2168
+ }
2169
+
2170
+ .xo-builder-preview h1,
2171
+ .xo-builder-preview h2,
2172
+ .xo-builder-preview h3 {
2173
+ color: #243654;
2174
+ font-family: var(--font-xo-serif, Georgia, serif);
2175
+ font-weight: 500;
2176
+ letter-spacing: 0;
2177
+ line-height: 1.04;
2178
+ margin: 0;
2179
+ }
2180
+
2181
+ .xo-builder-preview p {
2182
+ line-height: 1.65;
2183
+ margin: 0;
2184
+ }
2185
+
2186
+ .xo-builder-preview-hero {
2187
+ align-items: end;
2188
+ background-color: #243654;
2189
+ background-position: center;
2190
+ background-size: cover;
2191
+ display: grid;
2192
+ min-height: 560px;
2193
+ overflow: hidden;
2194
+ padding: 0;
2195
+ position: relative;
2196
+ }
2197
+
2198
+ .xo-builder-preview-hero::before {
2199
+ background: linear-gradient(180deg, rgba(8, 16, 30, 0.08), rgba(8, 16, 30, 0.18));
2200
+ content: "";
2201
+ inset: 0;
2202
+ position: absolute;
2203
+ }
2204
+
2205
+ .xo-builder-preview-hero > div {
2206
+ align-self: end;
2207
+ background: rgba(255, 253, 249, 0.92);
2208
+ border-top: 1px solid rgba(234, 215, 202, 0.9);
2209
+ display: grid;
2210
+ gap: 10px;
2211
+ padding: 24px 34px;
2212
+ position: relative;
2213
+ width: 100%;
2214
+ }
2215
+
2216
+ .xo-builder-preview-hero p {
2217
+ color: #9f5f45;
2218
+ font-size: 0.78rem;
2219
+ font-weight: 900;
2220
+ letter-spacing: 0.08em;
2221
+ text-transform: uppercase;
2222
+ }
2223
+
2224
+ .xo-builder-preview-hero h1 {
2225
+ color: #243654;
2226
+ font-size: 3.4rem;
2227
+ }
2228
+
2229
+ .xo-builder-preview-hero span {
2230
+ color: #5f574f;
2231
+ font-size: 1.05rem;
2232
+ line-height: 1.55;
2233
+ max-width: 720px;
2234
+ }
2235
+
2236
+ .xo-builder-preview-section {
2237
+ background: #fbfaf7;
2238
+ padding: 68px 32px;
2239
+ }
2240
+
2241
+ .xo-builder-preview-section > p,
2242
+ .xo-builder-preview-cta > p {
2243
+ color: #9f5f45;
2244
+ font-size: 0.78rem;
2245
+ font-weight: 900;
2246
+ letter-spacing: 0.08em;
2247
+ margin: 0 0 10px;
2248
+ text-transform: uppercase;
2249
+ }
2250
+
2251
+ .xo-builder-preview-section h2,
2252
+ .xo-builder-preview-cta h2 {
2253
+ font-size: 3rem;
2254
+ margin: 0;
2255
+ max-width: 980px;
2256
+ }
2257
+
2258
+ .xo-builder-preview-section > span {
2259
+ color: #5b4f44;
2260
+ display: block;
2261
+ font-size: 1.04rem;
2262
+ line-height: 1.7;
2263
+ margin-top: 14px;
2264
+ max-width: 780px;
2265
+ }
2266
+
2267
+ .xo-builder-preview-grid {
2268
+ display: grid;
2269
+ gap: 22px;
2270
+ grid-template-columns: 1fr;
2271
+ margin-top: 32px;
2272
+ }
2273
+
2274
+ .xo-builder-preview-grid.is-catalog {
2275
+ grid-template-columns: 1fr;
2276
+ }
2277
+
2278
+ .xo-builder-preview-grid.is-contact {
2279
+ grid-template-columns: 1fr;
2280
+ }
2281
+
2282
+ @media (min-width: 768px) {
2283
+ .xo-builder-preview-grid,
2284
+ .xo-builder-preview-grid.is-image-tiles {
2285
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2286
+ }
2287
+
2288
+ .xo-builder-preview-grid.is-catalog {
2289
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2290
+ }
2291
+
2292
+ .xo-builder-preview-grid.is-contact {
2293
+ grid-template-columns: 1fr;
2294
+ }
2295
+ }
2296
+
2297
+ @media (min-width: 1280px) {
2298
+ .xo-builder-preview-grid.is-catalog {
2299
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2300
+ }
2301
+ }
2302
+
2303
+ .xo-builder-preview-grid article {
2304
+ background: #fffdf9;
2305
+ border: 1px solid rgba(143, 111, 67, 0.2);
2306
+ border-radius: 28px;
2307
+ box-shadow: 0 18px 50px rgba(114, 87, 60, 0.08);
2308
+ overflow: hidden;
2309
+ }
2310
+
2311
+ .xo-builder-preview-grid img {
2312
+ aspect-ratio: 4 / 3;
2313
+ display: block;
2314
+ height: auto;
2315
+ object-fit: cover;
2316
+ width: 100%;
2317
+ }
2318
+
2319
+ .xo-builder-preview-grid strong {
2320
+ color: #243654;
2321
+ display: block;
2322
+ font-family: var(--font-xo-serif, Georgia, serif);
2323
+ font-size: 1.9rem;
2324
+ font-weight: 500;
2325
+ line-height: 1.08;
2326
+ padding: 20px 20px 0;
2327
+ }
2328
+
2329
+ .xo-builder-preview-grid small {
2330
+ color: #5a4d40;
2331
+ display: block;
2332
+ font-size: 0.96rem;
2333
+ line-height: 1.6;
2334
+ padding: 12px 20px 22px;
2335
+ }
2336
+
2337
+ .xo-builder-preview-cta {
2338
+ background: #243654;
2339
+ color: #ffffff;
2340
+ padding: 76px 32px;
2341
+ text-align: center;
2342
+ }
2343
+
2344
+ .xo-builder-preview-cta h2,
2345
+ .xo-builder-preview-cta p {
2346
+ color: #ffffff;
2347
+ margin-left: auto;
2348
+ margin-right: auto;
2349
+ }
2350
+
2351
+ .xo-builder-preview-cta button {
2352
+ background: #ffd082;
2353
+ border: 0;
2354
+ border-radius: 999px;
2355
+ color: #263a57;
2356
+ font: inherit;
2357
+ font-size: 0.86rem;
2358
+ font-weight: 900;
2359
+ margin-top: 26px;
2360
+ min-height: 44px;
2361
+ padding: 0 28px;
2362
+ }
2363
+
2364
+ .xo-builder-preview-section details {
2365
+ background: #fffdf9;
2366
+ border: 1px solid rgba(143, 111, 67, 0.2);
2367
+ border-radius: 18px;
2368
+ margin-top: 12px;
2369
+ padding: 18px 20px;
2370
+ }
2371
+
2372
+ .xo-builder-preview-section summary {
2373
+ color: #243654;
2374
+ cursor: pointer;
2375
+ font-weight: 900;
2376
+ }
2377
+
2378
+ .xo-builder-preview-form {
2379
+ background: #fffdf9;
2380
+ border: 1px dashed rgba(159, 95, 69, 0.4);
2381
+ margin: 48px auto;
2382
+ max-width: 980px;
2383
+ padding: 46px 32px;
2384
+ text-align: center;
2385
+ }
2386
+
2387
+ .xo-builder-preview-form h2 {
2388
+ font-size: 2.4rem;
2389
+ }
2390
+
2391
+ @media (max-width: 800px) {
2392
+ .orion-builder-v2-editor {
2393
+ grid-template-columns: 1fr;
2394
+ grid-template-rows: auto auto 1fr auto;
2395
+ }
2396
+
2397
+ .orion-builder-v2-topbar {
2398
+ align-items: flex-start;
2399
+ flex-direction: column;
2400
+ }
2401
+
2402
+ .orion-builder-v2-sidebar,
2403
+ .orion-builder-v2-inspector {
2404
+ max-height: 260px;
2405
+ }
2406
+
2407
+ .orion-builder-v2-grid.is-3 {
2408
+ grid-template-columns: 1fr;
2409
+ }
2410
+
2411
+ .orion-builder-v2-gallery {
2412
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2413
+ }
2414
+
2415
+ .xo-builder-import {
2416
+ padding: 48px 18px;
2417
+ }
2418
+
2419
+ .xo-builder-import h1 {
2420
+ font-size: 2.7rem;
2421
+ }
2422
+
2423
+ .xo-builder-import h2 {
2424
+ font-size: 2rem;
2425
+ }
2426
+
2427
+ .xo-builder-import-quote blockquote {
2428
+ font-size: 1.8rem;
2429
+ }
2430
+
2431
+ .xo-builder-import-hero {
2432
+ min-height: 520px;
2433
+ }
2434
+
2435
+ .xo-builder-import-grid__items {
2436
+ grid-template-columns: 1fr;
2437
+ }
2438
+
2439
+ .xo-builder-preview-grid {
2440
+ grid-template-columns: 1fr;
2441
+ }
2442
+
2443
+ .xo-builder-preview-grid.is-catalog,
2444
+ .xo-builder-preview-grid.is-image-tiles {
2445
+ grid-template-columns: 1fr;
2446
+ }
2447
+
2448
+ .xo-builder-preview-hero {
2449
+ min-height: 460px;
2450
+ }
2451
+
2452
+ .xo-builder-preview-hero h1,
2453
+ .xo-builder-preview-section h2,
2454
+ .xo-builder-preview-cta h2 {
2455
+ font-size: 2.1rem;
2456
+ }
2457
+
2458
+ .orion-builder-v2-nav,
2459
+ .orion-builder-v2-footer {
2460
+ align-items: flex-start;
2461
+ flex-direction: column;
2462
+ }
2463
+ }