@puckeditor/plugin-pages 0.6.1-canary.b4fc2343

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.
package/dist/index.css ADDED
@@ -0,0 +1,1875 @@
1
+ /* ../platform-client/styles/color.css */
2
+ :root {
3
+ --puck-color-rose-01: #4a001c;
4
+ --puck-color-rose-02: #670833;
5
+ --puck-color-rose-03: #87114c;
6
+ --puck-color-rose-04: #a81a66;
7
+ --puck-color-rose-05: #bc5089;
8
+ --puck-color-rose-06: #cc7ca5;
9
+ --puck-color-rose-07: #d89aba;
10
+ --puck-color-rose-08: #e3b8cf;
11
+ --puck-color-rose-09: #efd6e3;
12
+ --puck-color-rose-10: #f6eaf1;
13
+ --puck-color-rose-11: #faf4f8;
14
+ --puck-color-rose-12: #fef8fc;
15
+ --puck-color-azure-01: #00175d;
16
+ --puck-color-azure-02: #002c77;
17
+ --puck-color-azure-03: #014292;
18
+ --puck-color-azure-04: #0158ad;
19
+ --puck-color-azure-05: #3479be;
20
+ --puck-color-azure-06: #6499cf;
21
+ --puck-color-azure-07: #88b0da;
22
+ --puck-color-azure-08: #abc7e5;
23
+ --puck-color-azure-09: #cfdff0;
24
+ --puck-color-azure-10: #e7eef7;
25
+ --puck-color-azure-11: #f3f6fb;
26
+ --puck-color-azure-12: #f7faff;
27
+ --puck-color-green-01: #002000;
28
+ --puck-color-green-02: #043604;
29
+ --puck-color-green-03: #084e08;
30
+ --puck-color-green-04: #0c680c;
31
+ --puck-color-green-05: #1d882f;
32
+ --puck-color-green-06: #2faa53;
33
+ --puck-color-green-07: #56c16f;
34
+ --puck-color-green-08: #7dd78b;
35
+ --puck-color-green-09: #b8e8bf;
36
+ --puck-color-green-10: #ddf3e0;
37
+ --puck-color-green-11: #eff8f0;
38
+ --puck-color-green-12: #f3fcf4;
39
+ --puck-color-yellow-01: #211000;
40
+ --puck-color-yellow-02: #362700;
41
+ --puck-color-yellow-03: #4c4000;
42
+ --puck-color-yellow-04: #645a00;
43
+ --puck-color-yellow-05: #877614;
44
+ --puck-color-yellow-06: #ab9429;
45
+ --puck-color-yellow-07: #bfac4e;
46
+ --puck-color-yellow-08: #d4c474;
47
+ --puck-color-yellow-09: #e6deb1;
48
+ --puck-color-yellow-10: #f3efd9;
49
+ --puck-color-yellow-11: #f9f7ed;
50
+ --puck-color-yellow-12: #fcfaf0;
51
+ --puck-color-red-01: #4c0000;
52
+ --puck-color-red-02: #6a0a10;
53
+ --puck-color-red-03: #8a1422;
54
+ --puck-color-red-04: #ac1f35;
55
+ --puck-color-red-05: #bf5366;
56
+ --puck-color-red-06: #ce7e8e;
57
+ --puck-color-red-07: #d99ca8;
58
+ --puck-color-red-08: #e4b9c2;
59
+ --puck-color-red-09: #efd7db;
60
+ --puck-color-red-10: #f6eaec;
61
+ --puck-color-red-11: #faf4f5;
62
+ --puck-color-red-12: #fff9fa;
63
+ --puck-color-grey-01: #181818;
64
+ --puck-color-grey-02: #292929;
65
+ --puck-color-grey-03: #404040;
66
+ --puck-color-grey-04: #5a5a5a;
67
+ --puck-color-grey-05: #767676;
68
+ --puck-color-grey-06: #949494;
69
+ --puck-color-grey-07: #ababab;
70
+ --puck-color-grey-08: #c3c3c3;
71
+ --puck-color-grey-09: #dcdcdc;
72
+ --puck-color-grey-10: #efefef;
73
+ --puck-color-grey-11: #f5f5f5;
74
+ --puck-color-grey-12: #fafafa;
75
+ --puck-color-black: #000000;
76
+ --puck-color-white: #ffffff;
77
+ }
78
+
79
+ /* ../platform-client/styles/typography.css */
80
+ :root {
81
+ --space-m-unitless: 24;
82
+ --puck-font-size-scale-base-unitless: 12;
83
+ --puck-font-size-xxxs-unitless: 12;
84
+ --puck-font-size-xxs-unitless: 14;
85
+ --puck-font-size-xs-unitless: 16;
86
+ --puck-font-size-s-unitless: 18;
87
+ --puck-font-size-m-unitless: 21;
88
+ --puck-font-size-l-unitless: 24;
89
+ --puck-font-size-xl-unitless: 28;
90
+ --puck-font-size-xxl-unitless: 36;
91
+ --puck-font-size-xxxl-unitless: 48;
92
+ --puck-font-size-xxxxl-unitless: 56;
93
+ --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
94
+ --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
95
+ --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
96
+ --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
97
+ --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
98
+ --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
99
+ --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
100
+ --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
101
+ --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
102
+ --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
103
+ --puck-font-size-base: var(--puck-font-size-xs);
104
+ --line-height-reset: 1;
105
+ --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
106
+ --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
107
+ --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
108
+ --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
109
+ --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
110
+ --line-height-base: var(--line-height-m);
111
+ --fallback-font-stack:
112
+ -apple-system,
113
+ BlinkMacSystemFont,
114
+ Segoe UI,
115
+ Helvetica Neue,
116
+ sans-serif,
117
+ Apple Color Emoji,
118
+ Segoe UI Emoji,
119
+ Segoe UI Symbol;
120
+ --puck-font-family: "Inter Fallback", var(--fallback-font-stack);
121
+ --puck-font-family-monospaced:
122
+ ui-monospace,
123
+ "Cascadia Code",
124
+ "Source Code Pro",
125
+ Menlo,
126
+ Consolas,
127
+ "DejaVu Sans Mono",
128
+ monospace;
129
+ }
130
+ @supports (font-variation-settings: normal) {
131
+ :root {
132
+ --puck-font-family: Inter, var(--fallback-font-stack);
133
+ }
134
+ }
135
+
136
+ /* ../platform-client/styles.css */
137
+ body {
138
+ font-family: var(--puck-font-family);
139
+ }
140
+ p {
141
+ margin: 0;
142
+ }
143
+
144
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
145
+ ._ActionModal_r3pvy_1 {
146
+ display: block;
147
+ min-width: 356px;
148
+ }
149
+ ._ActionModal-header_r3pvy_6 {
150
+ color: var(--puck-color-grey-02);
151
+ display: flex;
152
+ justify-content: center;
153
+ text-align: center;
154
+ flex-direction: column;
155
+ gap: 4px;
156
+ padding: 24px;
157
+ padding-bottom: 16px;
158
+ }
159
+ ._ActionModal-body_r3pvy_17 {
160
+ padding: 24px;
161
+ padding-top: 8px;
162
+ }
163
+ ._ActionModal-footer_r3pvy_22 {
164
+ border-top: 1px solid var(--puck-color-grey-09);
165
+ background-color: var(--puck-color-grey-12);
166
+ display: flex;
167
+ justify-content: flex-end;
168
+ padding: 16px 24px;
169
+ }
170
+
171
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
172
+ ._Modal-background_1bedq_1 {
173
+ align-items: center;
174
+ display: flex;
175
+ justify-content: center;
176
+ background: #00000050;
177
+ position: fixed;
178
+ top: 0;
179
+ left: 0;
180
+ right: 0;
181
+ bottom: 0;
182
+ z-index: 2;
183
+ opacity: 0;
184
+ pointer-events: none;
185
+ }
186
+ ._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
187
+ opacity: 1;
188
+ transition: opacity ease 100ms;
189
+ pointer-events: auto;
190
+ }
191
+ ._Modal-modal_1bedq_22 {
192
+ background: white;
193
+ border-radius: 16px;
194
+ display: block;
195
+ max-height: calc(100vh - 24px);
196
+ margin-inline: 24px;
197
+ overflow: auto;
198
+ }
199
+
200
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
201
+ ._Button_1sk6w_1 {
202
+ appearance: none;
203
+ background: none;
204
+ border: 1px solid transparent;
205
+ border-radius: 8px;
206
+ color: var(--puck-color-white);
207
+ display: inline-flex;
208
+ align-items: center;
209
+ gap: 8px;
210
+ letter-spacing: 0.05ch;
211
+ font-family: var(--puck-font-family);
212
+ font-size: 14px;
213
+ font-weight: 400;
214
+ box-sizing: border-box;
215
+ line-height: 1;
216
+ text-align: center;
217
+ text-decoration: none;
218
+ transition: background-color 50ms ease-in;
219
+ cursor: pointer;
220
+ white-space: nowrap;
221
+ margin: 0;
222
+ }
223
+ ._Button_1sk6w_1:hover,
224
+ ._Button_1sk6w_1:active {
225
+ transition: none;
226
+ }
227
+ ._Button_1sk6w_1:focus-visible {
228
+ outline: 2px solid var(--puck-color-azure-05);
229
+ outline-offset: 2px;
230
+ }
231
+ ._Button--medium_1sk6w_34 {
232
+ min-height: 34px;
233
+ padding-bottom: 7px;
234
+ padding-left: 15px;
235
+ padding-right: 15px;
236
+ padding-top: 7px;
237
+ }
238
+ ._Button--large_1sk6w_42 {
239
+ padding-bottom: 11px;
240
+ padding-left: 19px;
241
+ padding-right: 19px;
242
+ padding-top: 11px;
243
+ }
244
+ ._Button--brand_1sk6w_49 {
245
+ background-image:
246
+ linear-gradient(
247
+ 210deg,
248
+ var(--puck-color-azure-01) 0%,
249
+ var(--puck-color-azure-03) 40%,
250
+ var(--puck-color-red-05) 100%);
251
+ border: none;
252
+ border-radius: 48px;
253
+ }
254
+ @media (hover: hover) and (pointer: fine) {
255
+ ._Button--brand_1sk6w_49:hover {
256
+ opacity: 0.8;
257
+ }
258
+ }
259
+ ._Button--brand_1sk6w_49:active {
260
+ opacity: 0.8;
261
+ }
262
+ ._Button--primary_1sk6w_70 {
263
+ background: var(--puck-color-azure-04);
264
+ }
265
+ @media (hover: hover) and (pointer: fine) {
266
+ ._Button--primary_1sk6w_70:hover {
267
+ background-color: var(--puck-color-azure-03);
268
+ }
269
+ }
270
+ ._Button--primary_1sk6w_70:active {
271
+ background-color: var(--puck-color-azure-02);
272
+ }
273
+ ._Button--secondary_1sk6w_84 {
274
+ border: 1px solid currentColor;
275
+ color: currentColor;
276
+ }
277
+ @media (hover: hover) and (pointer: fine) {
278
+ ._Button--secondary_1sk6w_84:hover {
279
+ background-color: var(--puck-color-azure-12);
280
+ color: var(--puck-color-black);
281
+ }
282
+ }
283
+ ._Button--secondary_1sk6w_84:active {
284
+ background-color: var(--puck-color-azure-11);
285
+ color: var(--puck-color-black);
286
+ }
287
+ ._Button--danger_1sk6w_101 {
288
+ background: var(--puck-color-red-04);
289
+ }
290
+ @media (hover: hover) and (pointer: fine) {
291
+ ._Button--danger_1sk6w_101:hover {
292
+ background-color: var(--puck-color-red-03);
293
+ }
294
+ }
295
+ ._Button--danger_1sk6w_101:active {
296
+ background-color: var(--puck-color-red-02);
297
+ }
298
+ ._Button--flush_1sk6w_115 {
299
+ border-radius: 0;
300
+ }
301
+ ._Button--ghost_1sk6w_119 {
302
+ align-items: center;
303
+ background-color: transparent;
304
+ border: none;
305
+ border-radius: 8px;
306
+ color: var(--puck-color-azure-04);
307
+ display: flex;
308
+ }
309
+ @media (hover: hover) and (pointer: fine) {
310
+ ._Button--ghost_1sk6w_119:hover {
311
+ background-color: var(--puck-color-grey-11);
312
+ color: var(--puck-color-azure-04);
313
+ cursor: pointer;
314
+ }
315
+ }
316
+ ._Button--disabled_1sk6w_136,
317
+ ._Button--disabled_1sk6w_136:hover,
318
+ ._Button--secondary_1sk6w_84._Button--disabled_1sk6w_136,
319
+ ._Button--secondary_1sk6w_84._Button--disabled_1sk6w_136:hover {
320
+ background-color: var(--puck-color-grey-12);
321
+ border-color: var(--puck-color-grey-08);
322
+ color: var(--puck-color-grey-07);
323
+ cursor: not-allowed;
324
+ }
325
+ ._Button--fullWidth_1sk6w_146 {
326
+ justify-content: center;
327
+ width: 100%;
328
+ }
329
+ ._Button-spinner_1sk6w_151 {
330
+ padding-left: 8px;
331
+ }
332
+
333
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Loader/styles.module.css/#css-module-data */
334
+ @keyframes _loader-animation_nacdm_1 {
335
+ 0% {
336
+ transform: rotate(0deg) scale(1);
337
+ }
338
+ 50% {
339
+ transform: rotate(180deg) scale(0.8);
340
+ }
341
+ 100% {
342
+ transform: rotate(360deg) scale(1);
343
+ }
344
+ }
345
+ ._Loader_nacdm_13 {
346
+ background: transparent;
347
+ border-radius: 100%;
348
+ border: 2px solid currentColor;
349
+ border-bottom-color: transparent;
350
+ display: inline-block;
351
+ animation: _loader-animation_nacdm_1 1s 0s infinite linear;
352
+ animation-fill-mode: both;
353
+ }
354
+
355
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
356
+ ._Heading_qkzg9_1 {
357
+ display: block;
358
+ font-weight: 700;
359
+ margin: 0;
360
+ }
361
+ ._Heading_qkzg9_1 b {
362
+ font-weight: 700;
363
+ }
364
+ ._Heading--xxxxl_qkzg9_11 {
365
+ font-size: var(--puck-font-size-xxxl);
366
+ }
367
+ ._Heading--xxxl_qkzg9_15 {
368
+ font-size: var(--puck-font-size-xxl);
369
+ }
370
+ ._Heading--xxl_qkzg9_19 {
371
+ font-size: var(--puck-font-size-xl);
372
+ }
373
+ ._Heading--xl_qkzg9_23 {
374
+ font-size: var(--puck-font-size-l);
375
+ }
376
+ ._Heading--l_qkzg9_27 {
377
+ font-size: var(--puck-font-size-m);
378
+ }
379
+ ._Heading--m_qkzg9_31 {
380
+ font-size: var(--puck-font-size-s);
381
+ }
382
+ ._Heading--s_qkzg9_35 {
383
+ font-size: var(--puck-font-size-xs);
384
+ }
385
+ ._Heading--xs_qkzg9_39 {
386
+ font-size: var(--puck-font-size-xxs);
387
+ }
388
+ ._Heading--xxs_qkzg9_43 {
389
+ font-size: var(--puck-font-size-xxs);
390
+ }
391
+ @media (min-width: 768px) {
392
+ ._Heading--xxxxl_qkzg9_11 {
393
+ font-size: var(--puck-font-size-xxxxl);
394
+ letter-spacing: 0.08ch;
395
+ font-weight: 800;
396
+ }
397
+ ._Heading--xxxl_qkzg9_15 {
398
+ font-size: var(--puck-font-size-xxxl);
399
+ }
400
+ ._Heading--xxl_qkzg9_19 {
401
+ font-size: var(--puck-font-size-xxl);
402
+ }
403
+ ._Heading--xl_qkzg9_23 {
404
+ font-size: var(--puck-font-size-xl);
405
+ }
406
+ ._Heading--l_qkzg9_27 {
407
+ font-size: var(--puck-font-size-l);
408
+ }
409
+ ._Heading--m_qkzg9_31 {
410
+ font-size: var(--puck-font-size-m);
411
+ }
412
+ ._Heading--s_qkzg9_35 {
413
+ font-size: var(--puck-font-size-s);
414
+ }
415
+ ._Heading--xs_qkzg9_39 {
416
+ font-size: var(--puck-font-size-xs);
417
+ }
418
+ ._Heading--xxs_qkzg9_43 {
419
+ font-size: var(--puck-font-size-xxs);
420
+ }
421
+ }
422
+
423
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
424
+ ._Align_oewlu_1 {
425
+ align-items: flex-start;
426
+ display: flex;
427
+ flex-direction: column;
428
+ }
429
+ ._Align--horizontalCenter_oewlu_7 {
430
+ align-items: center;
431
+ }
432
+ ._Align--horizontalRight_oewlu_11 {
433
+ align-items: flex-end;
434
+ }
435
+ ._Align--verticalBottom_oewlu_15 {
436
+ height: 100%;
437
+ justify-content: flex-end;
438
+ }
439
+ ._Align--verticalCenter_oewlu_20 {
440
+ height: 100%;
441
+ justify-content: center;
442
+ }
443
+ ._Align-item_oewlu_25 {
444
+ position: relative;
445
+ }
446
+
447
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AutoForm/AutoForm.module.css/#css-module-data */
448
+ ._AutoForm_1vmh9_1 {
449
+ display: flex;
450
+ gap: 16px;
451
+ flex-direction: column;
452
+ }
453
+ ._AutoForm_1vmh9_1 ._Input_3pq3z_1 {
454
+ box-sizing: border-box;
455
+ padding: 0px !important;
456
+ }
457
+
458
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
459
+ ._Card_rpnal_1 {
460
+ background-color: white;
461
+ border: 1px solid var(--puck-color-grey-08);
462
+ border-radius: 16px;
463
+ color: var(--puck-color-black);
464
+ display: block;
465
+ text-decoration: none;
466
+ }
467
+ ._Card_rpnal_1:hover {
468
+ cursor: pointer;
469
+ background: var(--puck-color-azure-11);
470
+ border-color: currentColor;
471
+ color: var(--puck-color-azure-04);
472
+ }
473
+ ._Card-body_rpnal_17 {
474
+ align-items: center;
475
+ display: flex;
476
+ padding: 16px;
477
+ }
478
+ ._Card-title_rpnal_23 {
479
+ margin-bottom: 4px;
480
+ }
481
+ ._Card-subtitle_rpnal_27 {
482
+ margin: 0;
483
+ text-wrap: wrap;
484
+ }
485
+ ._Card-chevron_rpnal_32 {
486
+ align-items: center;
487
+ display: none;
488
+ margin-left: auto;
489
+ }
490
+ ._Card--showChevron_rpnal_38 ._Card-chevron_rpnal_32 {
491
+ display: flex;
492
+ }
493
+ ._Card--isActive_rpnal_42 {
494
+ border-color: var(--puck-color-azure-04);
495
+ color: var(--puck-color-azure-04);
496
+ }
497
+
498
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/CardSelector/styles.module.css/#css-module-data */
499
+ ._CardSelector_1ogry_1 {
500
+ display: grid;
501
+ gap: 16px;
502
+ }
503
+ @media (min-width: 768px) {
504
+ ._CardSelector_1ogry_1 {
505
+ grid-template-columns: 1fr 1fr;
506
+ }
507
+ }
508
+ ._CardSelectorOption_1ogry_12 {
509
+ display: flex;
510
+ flex-direction: column;
511
+ background-color: white;
512
+ padding: 16px;
513
+ text-align: left;
514
+ max-width: 640px;
515
+ border: 1px solid var(--puck-color-grey-09);
516
+ border-radius: 16px;
517
+ }
518
+ ._CardSelectorOption--isSelected_1ogry_23 {
519
+ border-color: var(--puck-color-azure-04);
520
+ }
521
+ ._CardSelectorOption--disabled_1ogry_27 {
522
+ color: var(--puck-color-grey-05);
523
+ }
524
+ ._CardSelectorOption-description_1ogry_31 {
525
+ font-size: var(--puck-font-size-xs);
526
+ }
527
+ ._CardSelectorOption-body_1ogry_35 {
528
+ margin-top: 12px;
529
+ }
530
+ ._CardSelectorOption_1ogry_12:hover:not(._CardSelectorOption--isSelected_1ogry_23):not(._CardSelectorOption--disabled_1ogry_27) {
531
+ background-color: var(--puck-color-azure-12);
532
+ border-color: var(--puck-color-azure-04);
533
+ cursor: pointer;
534
+ }
535
+
536
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Code/Code.module.css/#css-module-data */
537
+ ._Code_d4378_1 {
538
+ border-radius: 8px;
539
+ position: relative;
540
+ overflow: hidden;
541
+ border: 1px solid var(--puck-color-grey-09);
542
+ }
543
+ ._Code-body_d4378_8 pre {
544
+ margin: 0;
545
+ }
546
+ ._Code-body_d4378_8 code {
547
+ display: block;
548
+ font-size: var(--puck-font-size-xs);
549
+ padding-block: 16px;
550
+ overflow-y: auto;
551
+ }
552
+ ._Code--light_d4378_19 {
553
+ background-color: white;
554
+ }
555
+ ._Code-body_d4378_8 code > span {
556
+ padding-left: 16px;
557
+ padding-right: 64px;
558
+ }
559
+ @media (min-width: 768px) {
560
+ ._Code-body_d4378_8 code > span {
561
+ padding-right: 16px;
562
+ }
563
+ }
564
+ ._Code-header_d4378_34 {
565
+ align-items: center;
566
+ background-color: #24292e;
567
+ border-bottom: 1px solid var(--puck-color-grey-03);
568
+ color: white;
569
+ display: flex;
570
+ padding-left: 12px;
571
+ padding-right: 12px;
572
+ overflow-y: auto;
573
+ }
574
+ ._Code--light_d4378_19 ._Code-header_d4378_34 {
575
+ background-color: white;
576
+ border-bottom-color: var(--puck-color-grey-09);
577
+ color: var(--puck-color-grey-03);
578
+ }
579
+ ._Code-corner_d4378_51 {
580
+ background-color: #24292e80;
581
+ border-bottom-left-radius: 4px;
582
+ color: white;
583
+ display: none;
584
+ position: absolute;
585
+ padding: 12px 16px;
586
+ pointer-events: none;
587
+ right: 0;
588
+ }
589
+ ._Code_d4378_1:hover ._Code-corner_d4378_51 {
590
+ display: flex;
591
+ }
592
+ ._Code--light_d4378_19 ._Code-corner_d4378_51 {
593
+ background-color: #ffffff80;
594
+ color: var(--puck-color-grey-03);
595
+ }
596
+ ._Code-actions_d4378_71 {
597
+ margin-left: auto;
598
+ pointer-events: auto;
599
+ }
600
+ ._Code--lineNumbers_d4378_76 ._Code-body_d4378_8 code {
601
+ counter-reset: step;
602
+ counter-increment: step 0;
603
+ }
604
+ ._Code--lineNumbers_d4378_76 ._Code-body_d4378_8 code .line::before {
605
+ content: counter(step);
606
+ counter-increment: step;
607
+ width: 1rem;
608
+ margin-right: 1.5rem;
609
+ display: inline-block;
610
+ text-align: right;
611
+ color: rgba(115, 138, 148, 0.4);
612
+ }
613
+ ._Code-tabs_d4378_91 {
614
+ display: flex;
615
+ list-style: none;
616
+ padding: 0;
617
+ margin: 0;
618
+ padding-right: 8px;
619
+ }
620
+ ._Tab_d4378_99 {
621
+ border-block: 3px solid transparent;
622
+ padding: 4px 2px;
623
+ }
624
+ ._Tab--isActive_d4378_104 {
625
+ border-bottom-color: white;
626
+ }
627
+ ._Tab--light_d4378_108._Tab--isActive_d4378_104 {
628
+ border-bottom-color: var(--puck-color-grey-03);
629
+ }
630
+ ._Tab-button_d4378_112 {
631
+ background-color: transparent;
632
+ border: none;
633
+ border-radius: 8px;
634
+ color: var(--puck-color-grey-08);
635
+ font-size: var(--puck-font-size-xxs);
636
+ padding: 8px;
637
+ cursor: pointer;
638
+ white-space: nowrap;
639
+ }
640
+ ._Tab--light_d4378_108 ._Tab-button_d4378_112 {
641
+ color: var(--puck-color-grey-06);
642
+ }
643
+ ._Tab--isActive_d4378_104 ._Tab-button_d4378_112 {
644
+ color: white;
645
+ }
646
+ ._Tab--light_d4378_108._Tab--isActive_d4378_104 ._Tab-button_d4378_112 {
647
+ color: var(--puck-color-grey-01);
648
+ }
649
+ ._Tab-button_d4378_112:hover {
650
+ background: var(--puck-color-grey-03);
651
+ }
652
+ ._Tab--light_d4378_108 ._Tab-button_d4378_112:hover {
653
+ background: var(--puck-color-grey-11);
654
+ }
655
+
656
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
657
+ ._IconButton_thegm_1 {
658
+ align-items: center;
659
+ background: transparent;
660
+ border: none;
661
+ border-radius: 4px;
662
+ color: currentColor;
663
+ display: flex;
664
+ font-family: var(--puck-font-family);
665
+ justify-content: center;
666
+ padding: 4px;
667
+ transition: background-color 50ms ease-in, color 50ms ease-in;
668
+ }
669
+ ._IconButton_thegm_1:focus-visible {
670
+ outline: 2px solid var(--puck-color-azure-05);
671
+ outline-offset: -2px;
672
+ }
673
+ @media (hover: hover) and (pointer: fine) {
674
+ ._IconButton_thegm_1:hover:not(._IconButton--disabled_thegm_20) {
675
+ background: var(--puck-color-azure-10);
676
+ cursor: pointer;
677
+ transition: none;
678
+ }
679
+ ._IconButton--dark_thegm_26:hover:not(._IconButton--disabled_thegm_20) {
680
+ background: var(--puck-color-grey-04);
681
+ color: var(--puck-color-azure-10);
682
+ }
683
+ }
684
+ ._IconButton_thegm_1:active {
685
+ background: var(--puck-color-azure-11);
686
+ transition: none;
687
+ }
688
+ ._IconButton-title_thegm_37 {
689
+ clip: rect(0 0 0 0);
690
+ clip-path: inset(100%);
691
+ height: 1px;
692
+ overflow: hidden;
693
+ position: absolute;
694
+ white-space: nowrap;
695
+ width: 1px;
696
+ }
697
+ ._IconButton--disabled_thegm_20 {
698
+ color: var(--puck-color-grey-07);
699
+ }
700
+
701
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/InfoBar/InfoBar.module.css/#css-module-data */
702
+ ._InfoBar_kchdj_1 {
703
+ border: 1px solid var(--puck-color-grey-10);
704
+ border-radius: 8px;
705
+ color: var(--puck-color-grey-03);
706
+ display: flex;
707
+ font-size: var(--puck-font-size-xxs);
708
+ margin-left: auto;
709
+ margin-right: auto;
710
+ overflow: hidden;
711
+ }
712
+ ._Info_kchdj_1 {
713
+ background-color: var(--puck-color-grey-12);
714
+ display: flex;
715
+ gap: 8px;
716
+ font-family: var(--puck-font-family-monospaced);
717
+ border-right: 1px solid var(--puck-color-grey-10);
718
+ padding: 12px 16px;
719
+ }
720
+ ._Info-title_kchdj_21 {
721
+ font-weight: 600;
722
+ }
723
+
724
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Inline/Inline.module.css/#css-module-data */
725
+ ._Inline_6o5on_3 {
726
+ display: block;
727
+ }
728
+ ._Inline-inner_6o5on_7 {
729
+ display: flex;
730
+ flex-flow: row wrap;
731
+ }
732
+ ._Inline--noWrap_6o5on_12 > ._Inline-inner_6o5on_7 {
733
+ flex-flow: nowrap;
734
+ }
735
+ ._Inline--sizeNONE_6o5on_16 > ._Inline-inner_6o5on_7 {
736
+ gap: 0;
737
+ }
738
+ ._Inline--sizeXXS_6o5on_20 > ._Inline-inner_6o5on_7 {
739
+ gap: 4px;
740
+ }
741
+ ._Inline--sizeXS_6o5on_24 > ._Inline-inner_6o5on_7 {
742
+ gap: 6px;
743
+ }
744
+ ._Inline--sizeS_6o5on_28 > ._Inline-inner_6o5on_7 {
745
+ gap: 8px;
746
+ }
747
+ ._Inline--sizeM_6o5on_32 > ._Inline-inner_6o5on_7 {
748
+ gap: 16px;
749
+ }
750
+ ._Inline--sizeL_6o5on_36 > ._Inline-inner_6o5on_7 {
751
+ gap: 32px;
752
+ }
753
+ ._Inline--center_6o5on_40 > ._Inline-inner_6o5on_7 {
754
+ align-items: center;
755
+ }
756
+ ._Inline--centerH_6o5on_44 > ._Inline-inner_6o5on_7 {
757
+ justify-content: center;
758
+ }
759
+ ._Inline--grow_6o5on_48 > ._Inline-inner_6o5on_7 > * {
760
+ flex-basis: 0;
761
+ flex-grow: 1;
762
+ }
763
+
764
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Link/Link.module.css/#css-module-data */
765
+ ._Link_1j70m_1 {
766
+ color: var(--puck-color-azure-04);
767
+ text-decoration: none;
768
+ }
769
+ ._Link_1j70m_1:hover {
770
+ color: var(--puck-color-azure-05);
771
+ }
772
+
773
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Menu/styles.module.css/#css-module-data */
774
+ ._Menu_1tu16_1 {
775
+ display: flex;
776
+ position: relative;
777
+ }
778
+ ._Menu-content_1tu16_6 {
779
+ outline: none;
780
+ z-index: 1;
781
+ }
782
+ ._Menu-sections_1tu16_11 {
783
+ background-color: white;
784
+ border: 1px solid var(--puck-color-grey-09);
785
+ border-radius: 8px;
786
+ box-sizing: border-box;
787
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
788
+ min-width: 128px;
789
+ padding-bottom: 4px;
790
+ padding-top: 4px;
791
+ }
792
+ ._Menu-action_1tu16_22 {
793
+ background: none;
794
+ border: none;
795
+ margin-left: auto;
796
+ padding: 0;
797
+ }
798
+ ._Menu-action_1tu16_22:hover:not(:disabled) {
799
+ cursor: pointer;
800
+ opacity: 0.8;
801
+ }
802
+ ._Menu-action_1tu16_22:disabled {
803
+ cursor: not-allowed;
804
+ opacity: 0.5;
805
+ }
806
+ ._Menu-action_1tu16_22:focus-visible {
807
+ outline: 2px solid var(--puck-color-azure-05);
808
+ outline-offset: 2px;
809
+ }
810
+ ._Menu-list_1tu16_44 {
811
+ list-style: none;
812
+ margin: 0;
813
+ padding: 0;
814
+ }
815
+ ._Menu-list_1tu16_44 + ._Menu-list_1tu16_44 {
816
+ border-top: 1px solid var(--puck-color-grey-09);
817
+ margin-top: 4px;
818
+ }
819
+ ._Menu-item_1tu16_55 {
820
+ align-items: center;
821
+ background: none;
822
+ border: none;
823
+ box-sizing: border-box;
824
+ color: var(--puck-color-grey-02);
825
+ display: flex;
826
+ font-size: var(--puck-font-size-xxs);
827
+ font-weight: 500;
828
+ gap: 8px;
829
+ padding: 8px 12px;
830
+ text-align: start;
831
+ text-decoration: none;
832
+ white-space: nowrap;
833
+ width: 100%;
834
+ }
835
+ a._Menu-item_1tu16_55,
836
+ button._Menu-item_1tu16_55 {
837
+ cursor: pointer;
838
+ }
839
+ a._Menu-item_1tu16_55:hover,
840
+ button._Menu-item_1tu16_55:hover {
841
+ background-color: var(--puck-color-azure-11);
842
+ color: var(--puck-color-azure-04);
843
+ }
844
+ ._Menu-item--disabled_1tu16_83 {
845
+ cursor: not-allowed;
846
+ opacity: 0.5;
847
+ }
848
+
849
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
850
+ ._Page_nkzj9_1 {
851
+ display: flex;
852
+ flex-direction: column;
853
+ height: 100%;
854
+ overflow: hidden;
855
+ }
856
+ ._Page-masthead_nkzj9_8 {
857
+ align-items: center;
858
+ display: flex;
859
+ gap: 16px;
860
+ padding: 16px 24px;
861
+ box-sizing: border-box;
862
+ border-bottom: 1px solid var(--puck-color-grey-10);
863
+ min-height: 64px;
864
+ }
865
+ ._Page-crumbs_nkzj9_18 {
866
+ display: flex;
867
+ gap: 32px;
868
+ }
869
+ ._Page-crumb_nkzj9_18 {
870
+ color: var(--puck-color-grey-05);
871
+ position: relative;
872
+ white-space: nowrap;
873
+ }
874
+ ._Page-crumbLink_nkzj9_29 {
875
+ color: var(--puck-color-grey-05);
876
+ text-decoration: none;
877
+ }
878
+ ._Page-crumbLink_nkzj9_29:hover {
879
+ color: var(--puck-color-azure-04);
880
+ }
881
+ ._Page-crumb_nkzj9_18:last-of-type {
882
+ color: var(--puck-color-grey-01);
883
+ font-weight: 600;
884
+ }
885
+ ._Page-crumb_nkzj9_18::before {
886
+ position: absolute;
887
+ content: "/";
888
+ left: -19px;
889
+ color: var(--puck-color-grey-09);
890
+ font-weight: 400;
891
+ }
892
+ ._Page-crumb_nkzj9_18:first-of-type::before {
893
+ display: none;
894
+ }
895
+ ._Page-crumb_nkzj9_18 {
896
+ color: var(--puck-color-grey-05);
897
+ position: relative;
898
+ text-decoration: none;
899
+ }
900
+ ._Page-actions_nkzj9_61 {
901
+ margin-left: auto;
902
+ }
903
+ ._Page-footer_nkzj9_65 {
904
+ border-top: 1px solid var(--puck-color-grey-10);
905
+ padding: 16px 24px;
906
+ }
907
+
908
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Pagination/Pagination.module.css/#css-module-data */
909
+ ._Pagination_1okv2_1 {
910
+ align-items: baseline;
911
+ display: flex;
912
+ gap: 4px;
913
+ }
914
+ ._PaginationButton_1okv2_8 {
915
+ align-items: center;
916
+ border-radius: 4px;
917
+ color: var(--puck-color-grey-05);
918
+ display: flex;
919
+ justify-content: center;
920
+ text-decoration: none;
921
+ min-width: 40px;
922
+ height: 40px;
923
+ }
924
+ ._PaginationButton--isActive_1okv2_20 {
925
+ background-color: var(--puck-color-azure-11);
926
+ color: var(--puck-color-azure-04);
927
+ }
928
+ ._PaginationButton_1okv2_8:hover {
929
+ background-color: var(--puck-color-azure-11);
930
+ color: var(--puck-color-azure-04);
931
+ }
932
+ ._Pagination-ellipsis_1okv2_30 {
933
+ color: var(--puck-color-grey-05);
934
+ }
935
+
936
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
937
+ ._PlanGrid--loading_97rn7_1 {
938
+ opacity: 0;
939
+ }
940
+ ._PlanGrid-grid_97rn7_5 {
941
+ color: var(--puck-color-grey-02);
942
+ display: grid;
943
+ gap: 16px;
944
+ text-align: left;
945
+ @media (min-width: 768px) {
946
+ grid-template-columns: 1fr 1fr 1fr;
947
+ }
948
+ }
949
+ ._PlanGrid-enterprise_97rn7_16 {
950
+ color: var(--puck-color-grey-04);
951
+ font-size: var(--puck-font-size-xxs);
952
+ margin-left: auto;
953
+ margin-right: auto;
954
+ padding-inline: 4px;
955
+ padding-top: 20px;
956
+ text-align: center;
957
+ }
958
+ ._PlanGrid-enterprise_97rn7_16 a {
959
+ color: var(--puck-color-azure-04);
960
+ cursor: pointer;
961
+ font-weight: 500;
962
+ }
963
+
964
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
965
+ ._PlanCard_16zmu_1 {
966
+ border: 1px solid var(--puck-color-grey-09);
967
+ border-radius: 16px;
968
+ display: flex;
969
+ gap: 8px;
970
+ flex-direction: column;
971
+ min-width: 256px;
972
+ padding: 8px;
973
+ position: relative;
974
+ }
975
+ ._PlanCard--enterprise_16zmu_12 {
976
+ flex-direction: row;
977
+ grid-column: span 3;
978
+ }
979
+ ._PlanCard-title_16zmu_17 {
980
+ display: flex;
981
+ gap: 8px;
982
+ justify-content: space-between;
983
+ font-size: var(--puck-font-size-xs);
984
+ font-weight: 700;
985
+ white-space: nowrap;
986
+ }
987
+ ._PlanCard-header_16zmu_26 {
988
+ box-sizing: border-box;
989
+ display: flex;
990
+ flex-direction: column;
991
+ gap: 4px;
992
+ padding: 12px 16px;
993
+ width: 100%;
994
+ }
995
+ ._PlanCard-features_16zmu_35 {
996
+ display: grid;
997
+ gap: 4px;
998
+ list-style: none;
999
+ margin: 0;
1000
+ padding: 0;
1001
+ }
1002
+ ._PlanCard-feature_16zmu_35 {
1003
+ align-items: center;
1004
+ display: flex;
1005
+ gap: 4px;
1006
+ color: var(--puck-color-grey-05);
1007
+ font-size: var(--puck-font-size-xxs);
1008
+ }
1009
+ ._PlanCard-featureIcon_16zmu_51 {
1010
+ align-self: flex-start;
1011
+ margin-top: 5px;
1012
+ }
1013
+ ._PlanCard-featureTitle_16zmu_56 {
1014
+ color: var(--puck-color-grey-04);
1015
+ font-weight: 600;
1016
+ }
1017
+ ._PlanCard-priceValue_16zmu_61 {
1018
+ font-size: var(--puck-font-size-m);
1019
+ }
1020
+ ._PlanCard-priceInterval_16zmu_65 {
1021
+ color: var(--puck-color-grey-05);
1022
+ }
1023
+ ._PlanCard-body_16zmu_69 {
1024
+ background-color: var(--puck-color-grey-12);
1025
+ border: 1px solid var(--puck-color-grey-11);
1026
+ border-radius: 8px;
1027
+ padding: 16px;
1028
+ flex-grow: 1;
1029
+ }
1030
+ ._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
1031
+ display: flex;
1032
+ gap: 8px;
1033
+ width: 100%;
1034
+ }
1035
+ ._PlanCard-section_16zmu_83 {
1036
+ padding-bottom: 16px;
1037
+ min-width: 192px;
1038
+ }
1039
+ ._PlanCard-section_16zmu_83:last-of-type {
1040
+ padding-bottom: 0;
1041
+ }
1042
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
1043
+ border-top: 1px solid var(--puck-color-grey-09);
1044
+ padding-top: 16px;
1045
+ }
1046
+ ._PlanCard--enterprise_16zmu_12 {
1047
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
1048
+ border-left: 1px solid var(--puck-color-grey-09);
1049
+ border-top: none;
1050
+ padding-left: 16px;
1051
+ padding-top: 0;
1052
+ }
1053
+ }
1054
+ ._PlanCard-sectionTitle_16zmu_106 {
1055
+ font-size: var(--puck-font-size-xs);
1056
+ font-weight: 500;
1057
+ margin-bottom: 8px;
1058
+ }
1059
+ ._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
1060
+ border-top: 1px solid var(--puck-color-grey-09);
1061
+ margin-top: 16px;
1062
+ padding-top: 16px;
1063
+ }
1064
+ ._PlanCard-sectionBody_16zmu_112 {
1065
+ color: var(--puck-color-grey-03);
1066
+ font-size: var(--puck-font-size-xxs);
1067
+ display: grid;
1068
+ gap: 2px;
1069
+ }
1070
+ ._PlanCard-usageItem_16zmu_125 {
1071
+ display: flex;
1072
+ gap: 8px;
1073
+ font-size: var(--puck-font-size-xxs);
1074
+ }
1075
+ ._PlanCard-usageLabel_16zmu_131 {
1076
+ color: var(--puck-color-grey-04);
1077
+ font-weight: 500;
1078
+ }
1079
+ ._PlanCard-usageValue_16zmu_136 {
1080
+ color: var(--puck-color-grey-05);
1081
+ font-family: var(--puck-font-family-monospaced);
1082
+ margin-left: auto;
1083
+ }
1084
+ ._PlanCard-action_16zmu_142 {
1085
+ align-items: flex-end;
1086
+ display: flex;
1087
+ justify-content: flex-end;
1088
+ width: 100%;
1089
+ }
1090
+ ._PlanCard-description_16zmu_149 {
1091
+ color: var(--puck-color-grey-03);
1092
+ margin-top: 8px;
1093
+ }
1094
+ ._PlanCard--highlight_16zmu_154 {
1095
+ border: transparent;
1096
+ }
1097
+ ._PlanCard--highlight_16zmu_154::before {
1098
+ content: "";
1099
+ position: absolute;
1100
+ inset: 0;
1101
+ padding: 1px;
1102
+ border-radius: inherit;
1103
+ background-image:
1104
+ linear-gradient(
1105
+ 210deg,
1106
+ var(--puck-color-azure-01) 0%,
1107
+ var(--puck-color-azure-03) 40%,
1108
+ var(--puck-color-red-05) 100%);
1109
+ background-size: cover;
1110
+ background-position: center;
1111
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1112
+ -webkit-mask-composite: xor;
1113
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1114
+ mask-composite: exclude;
1115
+ pointer-events: none;
1116
+ }
1117
+ ._PlanCard-highlightText_16zmu_184 {
1118
+ @supports (background-clip: text) or (-webkit-background-clip: text) {
1119
+ color: transparent;
1120
+ background-clip: text;
1121
+ -webkit-background-clip: text;
1122
+ background-image:
1123
+ linear-gradient(
1124
+ 210deg,
1125
+ var(--puck-color-azure-01) 0%,
1126
+ var(--puck-color-azure-03) 40%,
1127
+ var(--puck-color-red-05) 100%);
1128
+ background-size: cover;
1129
+ background-position: center;
1130
+ }
1131
+ }
1132
+ ._PlanCard--fullWidth_16zmu_200 {
1133
+ flex-direction: row;
1134
+ grid-column: 1 / -1;
1135
+ }
1136
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
1137
+ max-width: 312px;
1138
+ }
1139
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
1140
+ max-width: 256px;
1141
+ }
1142
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
1143
+ display: grid;
1144
+ grid-template-rows: 1fr 1fr 1fr 1fr;
1145
+ grid-auto-flow: column;
1146
+ }
1147
+
1148
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
1149
+ ._Section-inner_1uwo0_1 {
1150
+ margin-left: auto;
1151
+ margin-right: auto;
1152
+ max-width: 1280px;
1153
+ padding: 16px;
1154
+ }
1155
+ ._Section--flush_1uwo0_8 ._Section-inner_1uwo0_1 {
1156
+ padding-bottom: 0;
1157
+ padding-top: 0;
1158
+ }
1159
+ ._Section_1uwo0_1 + ._Section_1uwo0_1 {
1160
+ border-top: 1px solid var(--puck-color-grey-09);
1161
+ }
1162
+ ._Section--full_1uwo0_17 ._Section-inner_1uwo0_1 {
1163
+ max-width: unset;
1164
+ }
1165
+
1166
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
1167
+ ._Tag_s2h0n_1 {
1168
+ align-items: center;
1169
+ display: flex;
1170
+ text-transform: uppercase;
1171
+ font-family: var(--puck-font-family-monospaced);
1172
+ font-weight: 600;
1173
+ font-size: var(--puck-font-size-xxxs);
1174
+ gap: 6px;
1175
+ border-radius: 4px;
1176
+ border: 1px solid currentColor;
1177
+ color: var(--puck-color-grey-05);
1178
+ padding: 4px 8px;
1179
+ white-space: nowrap;
1180
+ line-height: 1;
1181
+ position: relative;
1182
+ z-index: 0;
1183
+ }
1184
+ ._Tag--borderless_s2h0n_21 {
1185
+ border: none;
1186
+ }
1187
+ ._Tag--colorBlue_s2h0n_25 {
1188
+ color: var(--puck-color-azure-05);
1189
+ }
1190
+ ._Tag--colorGreen_s2h0n_29 {
1191
+ color: var(--puck-color-green-06);
1192
+ }
1193
+ ._Tag--colorRed_s2h0n_33 {
1194
+ color: var(--puck-color-red-04);
1195
+ }
1196
+ ._Tag--colorMuted_s2h0n_37 {
1197
+ color: var(--puck-color-grey-06);
1198
+ }
1199
+ ._Tag-sprite_s2h0n_41 {
1200
+ display: flex;
1201
+ }
1202
+ ._Tag--pulse_s2h0n_45 {
1203
+ ._Tag-sprite_s2h0n_41 {
1204
+ background: currentColor;
1205
+ border-radius: 50%;
1206
+ height: 5px;
1207
+ position: relative;
1208
+ width: 5px;
1209
+ }
1210
+ ._Tag-sprite_s2h0n_41::before {
1211
+ animation: _pulse_s2h0n_1 1s 0s infinite alternate;
1212
+ animation-fill-mode: both;
1213
+ background-color: color-mix(in srgb, currentColor 25%, transparent);
1214
+ border-radius: 50%;
1215
+ content: "";
1216
+ top: 0;
1217
+ left: 0;
1218
+ right: 0;
1219
+ bottom: 0;
1220
+ position: absolute;
1221
+ transform: scale(0);
1222
+ z-index: -1;
1223
+ }
1224
+ }
1225
+ @keyframes _pulse_s2h0n_1 {
1226
+ 0% {
1227
+ transform: scale(1);
1228
+ }
1229
+ 100% {
1230
+ transform: scale(2);
1231
+ }
1232
+ }
1233
+ ._Tag-label_s2h0n_79 {
1234
+ margin-top: 1px;
1235
+ }
1236
+
1237
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
1238
+ ._Table_o345u_1 {
1239
+ color: black;
1240
+ display: flex;
1241
+ flex-direction: column;
1242
+ flex-grow: 1;
1243
+ overflow-y: auto;
1244
+ }
1245
+ ._Table-filters_o345u_9 {
1246
+ margin: 16px;
1247
+ }
1248
+ ._Table-inner_o345u_13 {
1249
+ text-align: left;
1250
+ }
1251
+ ._Table-table_o345u_17 {
1252
+ color: var(--puck-color-grey-02);
1253
+ font-size: var(--puck-font-size-xxs);
1254
+ position: relative;
1255
+ width: 100%;
1256
+ }
1257
+ ._Table_o345u_1 thead {
1258
+ background: white;
1259
+ font-size: var(--puck-font-size-xxs);
1260
+ position: sticky;
1261
+ top: 0;
1262
+ white-space: nowrap;
1263
+ z-index: 1;
1264
+ }
1265
+ ._Table_o345u_1 thead::after {
1266
+ content: "";
1267
+ position: absolute;
1268
+ height: 1px;
1269
+ width: 100%;
1270
+ background-color: var(--puck-color-grey-10);
1271
+ }
1272
+ ._Table--hideHeader_o345u_41 thead {
1273
+ display: none;
1274
+ }
1275
+ ._Table_o345u_1 tbody tr {
1276
+ z-index: 0;
1277
+ }
1278
+ ._Table_o345u_1 th {
1279
+ background: var(--puck-color-grey-12);
1280
+ font-weight: 400;
1281
+ padding-left: 24px;
1282
+ padding-right: 24px;
1283
+ padding-bottom: 12px;
1284
+ padding-top: 12px;
1285
+ }
1286
+ @media (--standard-viewport) {
1287
+ ._Table_o345u_1 th {
1288
+ padding-left: 32px;
1289
+ padding-right: 32px;
1290
+ }
1291
+ }
1292
+ ._Table_o345u_1 td {
1293
+ border-bottom: 1px solid var(--puck-color-grey-10);
1294
+ padding-left: 24px;
1295
+ padding-right: 24px;
1296
+ padding-bottom: 16px;
1297
+ padding-top: 16px;
1298
+ white-space: nowrap;
1299
+ }
1300
+ ._Table_o345u_1 td:not(:first-of-type) {
1301
+ color: var(--puck-color-grey-05);
1302
+ }
1303
+ ._Table_o345u_1 tbody tr:last-of-type td {
1304
+ border-bottom: none;
1305
+ }
1306
+ @media (--standard-viewport) {
1307
+ ._Table_o345u_1 td {
1308
+ padding-left: 32px;
1309
+ padding-right: 32px;
1310
+ }
1311
+ }
1312
+ ._Table-footer_o345u_89 {
1313
+ border-top: 1px solid var(--puck-color-grey-09);
1314
+ }
1315
+ ._Table--clickableRows_o345u_93 tbody tr:hover {
1316
+ background: var(--puck-color-azure-12);
1317
+ cursor: pointer;
1318
+ }
1319
+ ._Table-placeholder_o345u_98 {
1320
+ align-items: center;
1321
+ color: var(--puck-color-grey-04);
1322
+ justify-content: center;
1323
+ display: flex;
1324
+ gap: 8px;
1325
+ flex-direction: column;
1326
+ width: 100%;
1327
+ height: 100%;
1328
+ text-align: center;
1329
+ }
1330
+ ._Table-loader_o345u_110 {
1331
+ padding: 16px 24px;
1332
+ }
1333
+ ._TableRow--highlightRow_o345u_114 {
1334
+ background-color: var(--puck-color-grey-12);
1335
+ }
1336
+
1337
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Toast/Toast.module.css/#css-module-data */
1338
+ ._Viewport_13rvx_1 {
1339
+ position: fixed;
1340
+ width: 250px;
1341
+ margin: 0 auto;
1342
+ bottom: 1rem;
1343
+ right: 1rem;
1344
+ left: auto;
1345
+ top: auto;
1346
+ @media (min-width: 500px) {
1347
+ bottom: 2rem;
1348
+ right: 2rem;
1349
+ width: 300px;
1350
+ }
1351
+ }
1352
+ ._Toast_13rvx_17 {
1353
+ --gap: 0.75rem;
1354
+ --offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );
1355
+ position: absolute;
1356
+ right: 0;
1357
+ margin: 0 auto;
1358
+ box-sizing: border-box;
1359
+ background: var(--puck-color-white);
1360
+ color: var(--puck-color-grey-01);
1361
+ border: 1px solid var(--puck-color-grey-09);
1362
+ padding: 1rem;
1363
+ width: 100%;
1364
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
1365
+ background-clip: padding-box;
1366
+ border-radius: 0.5rem;
1367
+ bottom: 0;
1368
+ left: auto;
1369
+ margin-right: 0;
1370
+ -webkit-user-select: none;
1371
+ user-select: none;
1372
+ transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s;
1373
+ cursor: default;
1374
+ z-index: calc(1000 - var(--toast-index));
1375
+ transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (min(var(--toast-index), 10) * -20%))) scale(calc(max(0, 1 - (var(--toast-index) * 0.1))));
1376
+ &::after {
1377
+ content: "";
1378
+ position: absolute;
1379
+ width: 100%;
1380
+ top: 100%;
1381
+ left: 0;
1382
+ height: calc(var(--gap) + 1px);
1383
+ }
1384
+ &[data-expanded] {
1385
+ transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));
1386
+ }
1387
+ &[data-starting-style],
1388
+ &[data-ending-style] {
1389
+ transform: translateY(150%);
1390
+ }
1391
+ &[data-limited] {
1392
+ opacity: 0;
1393
+ }
1394
+ &[data-ending-style] {
1395
+ opacity: 0;
1396
+ &[data-swipe-direction=up] {
1397
+ transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
1398
+ }
1399
+ &[data-swipe-direction=left] {
1400
+ transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
1401
+ }
1402
+ &[data-swipe-direction=right] {
1403
+ transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
1404
+ }
1405
+ &[data-swipe-direction=down] {
1406
+ transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
1407
+ }
1408
+ }
1409
+ }
1410
+ ._Title_13rvx_95 {
1411
+ font-weight: 500;
1412
+ font-size: 0.975rem;
1413
+ line-height: 1.25rem;
1414
+ margin: 0;
1415
+ }
1416
+ ._Description_13rvx_102 {
1417
+ font-size: 0.925rem;
1418
+ line-height: 1.25rem;
1419
+ margin: 0;
1420
+ margin-top: 0.25rem;
1421
+ }
1422
+ ._Action_13rvx_109 {
1423
+ appearance: none;
1424
+ background: var(--puck-color-azure-04);
1425
+ border: 1px solid transparent;
1426
+ border-radius: 8px;
1427
+ color: var(--puck-color-white);
1428
+ display: inline-flex;
1429
+ align-items: center;
1430
+ gap: 8px;
1431
+ letter-spacing: 0.05ch;
1432
+ font-family: var(--puck-font-family);
1433
+ font-size: 14px;
1434
+ font-weight: 400;
1435
+ box-sizing: border-box;
1436
+ line-height: 1;
1437
+ text-align: center;
1438
+ text-decoration: none;
1439
+ transition: background-color 50ms ease-in;
1440
+ cursor: pointer;
1441
+ white-space: nowrap;
1442
+ margin: 8px 0 0;
1443
+ padding: 8px 12px;
1444
+ }
1445
+ @media (hover: hover) and (pointer: fine) {
1446
+ ._Action_13rvx_109:hover {
1447
+ background-color: var(--puck-color-azure-03);
1448
+ }
1449
+ }
1450
+ ._Action_13rvx_109:active {
1451
+ background-color: var(--puck-color-azure-02);
1452
+ }
1453
+ ._Close_13rvx_143 {
1454
+ position: absolute;
1455
+ top: 0.5rem;
1456
+ right: 0.5rem;
1457
+ border: none;
1458
+ background: transparent;
1459
+ width: 1.25rem;
1460
+ height: 1.25rem;
1461
+ display: flex;
1462
+ align-items: center;
1463
+ justify-content: center;
1464
+ border-radius: 0.25rem;
1465
+ }
1466
+ @media (hover: hover) and (pointer: fine) {
1467
+ ._Close_13rvx_143:hover {
1468
+ background-color: var(--puck-color-grey-11);
1469
+ }
1470
+ }
1471
+ ._Icon_13rvx_163 {
1472
+ width: 1rem;
1473
+ height: 1rem;
1474
+ }
1475
+
1476
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
1477
+ ._VerticalSpace_1tjaw_1 {
1478
+ padding-top: 16px;
1479
+ }
1480
+ ._VerticalSpace--size4_1tjaw_5 {
1481
+ padding-top: 4px;
1482
+ }
1483
+ ._VerticalSpace--size8_1tjaw_9 {
1484
+ padding-top: 8px;
1485
+ }
1486
+ ._VerticalSpace--size16_1tjaw_13 {
1487
+ padding-top: 16px;
1488
+ }
1489
+ ._VerticalSpace--size32_1tjaw_17 {
1490
+ padding-top: 32px;
1491
+ }
1492
+ ._VerticalSpace--size40_1tjaw_21 {
1493
+ padding-top: 40px;
1494
+ }
1495
+ ._VerticalSpace--size48_1tjaw_25 {
1496
+ padding-top: 48px;
1497
+ }
1498
+ ._VerticalSpace--size56_1tjaw_29 {
1499
+ padding-top: 56px;
1500
+ }
1501
+ ._VerticalSpace--size96_1tjaw_33 {
1502
+ padding-top: 96px;
1503
+ }
1504
+ ._VerticalSpace--size128_1tjaw_37 {
1505
+ padding-top: 128px;
1506
+ }
1507
+
1508
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Viewport/styles.module.css/#css-module-data */
1509
+ ._Viewport_1vvhm_3 {
1510
+ }
1511
+ ._Viewport--standard_1vvhm_6,
1512
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
1513
+ display: none;
1514
+ }
1515
+ ._Viewport--narrow_1vvhm_11 {
1516
+ display: block;
1517
+ }
1518
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11 {
1519
+ display: inline;
1520
+ }
1521
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
1522
+ display: flex;
1523
+ }
1524
+ @media (min-width: 768px) {
1525
+ ._Viewport--narrow_1vvhm_11,
1526
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11,
1527
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
1528
+ display: none;
1529
+ }
1530
+ }
1531
+ @media (min-width: 768px) {
1532
+ ._Viewport--standard_1vvhm_6 {
1533
+ display: block;
1534
+ }
1535
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
1536
+ display: inline;
1537
+ }
1538
+ ._Viewport--flex_1vvhm_19._Viewport--standard_1vvhm_6 {
1539
+ display: flex;
1540
+ }
1541
+ }
1542
+
1543
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
1544
+ ._Pages_ey49w_5 {
1545
+ display: flex;
1546
+ flex-direction: column;
1547
+ height: 100%;
1548
+ padding: 16px;
1549
+ }
1550
+ ._Pages-addPage_ey49w_12 {
1551
+ margin-bottom: 16px;
1552
+ display: flex;
1553
+ gap: 8px;
1554
+ }
1555
+ ._Pages-loader_ey49w_18 {
1556
+ align-items: center;
1557
+ background-color: white;
1558
+ display: flex;
1559
+ justify-content: center;
1560
+ padding: 16px;
1561
+ }
1562
+ ._Pages-list_ey49w_26 {
1563
+ display: flex;
1564
+ flex-direction: column;
1565
+ border-radius: 8px;
1566
+ overflow-y: auto;
1567
+ flex-grow: 1;
1568
+ }
1569
+ ._Pages-search_ey49w_34 {
1570
+ flex-grow: 1;
1571
+ }
1572
+ ._Pages-searchInput_ey49w_38 {
1573
+ border: 1px solid var(--puck-color-grey-09);
1574
+ border-radius: 8px;
1575
+ background-color: var(--puck-color-white);
1576
+ box-sizing: border-box;
1577
+ color: var(--puck-color-grey-02);
1578
+ height: 36px;
1579
+ margin: 0;
1580
+ padding: 0 8px;
1581
+ width: 100%;
1582
+ }
1583
+ ._Pages-searchInput_ey49w_38:focus {
1584
+ outline: 2px solid var(--puck-color-azure-04);
1585
+ outline-offset: -1px;
1586
+ }
1587
+ ._PagesPage_ey49w_59 {
1588
+ border-left: 1px solid var(--puck-color-grey-10);
1589
+ border-right: 1px solid var(--puck-color-grey-10);
1590
+ border-bottom: 1px solid var(--puck-color-grey-10);
1591
+ display: flex;
1592
+ flex-direction: column;
1593
+ flex-shrink: 0;
1594
+ overflow: hidden;
1595
+ }
1596
+ ._PagesPage--expanded_ey49w_69 {
1597
+ min-height: calc(34px + 1px + 55px);
1598
+ }
1599
+ ._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(2)) {
1600
+ min-height: calc(34px + 1px + 55px + 1px + 55px);
1601
+ }
1602
+ ._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(3)) {
1603
+ min-height: calc(34px + 1px + 55px + 1px + 55px + 1px + 55px);
1604
+ }
1605
+ ._PagesPage--expanded_ey49w_69 {
1606
+ flex-shrink: 1;
1607
+ }
1608
+ ._PagesPage_ey49w_59:first-of-type {
1609
+ border-top: 1px solid var(--puck-color-grey-10);
1610
+ border-top-left-radius: 8px;
1611
+ border-top-right-radius: 8px;
1612
+ }
1613
+ ._PagesPage_ey49w_59:last-of-type {
1614
+ border-bottom-left-radius: 8px;
1615
+ border-bottom-right-radius: 8px;
1616
+ }
1617
+ ._PagesPage-header_ey49w_96 {
1618
+ align-items: center;
1619
+ background-color: white;
1620
+ font-family: var(--puck-font-family-monospaced);
1621
+ font-size: var(--puck-font-size-xxs);
1622
+ font-weight: 600;
1623
+ cursor: pointer;
1624
+ display: flex;
1625
+ justify-content: space-between;
1626
+ padding: 8px 12px;
1627
+ width: 100%;
1628
+ }
1629
+ ._PagesPage_ey49w_59:first-of-type ._PagesPage-header_ey49w_96 {
1630
+ border-top-left-radius: 8px;
1631
+ border-top-right-radius: 8px;
1632
+ }
1633
+ ._PagesPage_ey49w_59:last-of-type:not(._PagesPage--expanded_ey49w_69) ._PagesPage-header_ey49w_96 {
1634
+ border-bottom-left-radius: 8px;
1635
+ border-bottom-right-radius: 8px;
1636
+ }
1637
+ ._PagesPage-header_ey49w_96:focus-visible {
1638
+ outline: 2px solid var(--puck-color-azure-04);
1639
+ outline-offset: -2px;
1640
+ }
1641
+ ._PagesPage--active_ey49w_124 ._PagesPage-header_ey49w_96 {
1642
+ color: var(--puck-color-azure-04);
1643
+ }
1644
+ ._PagesPage--expanded_ey49w_69 ._PagesPage-header_ey49w_96 {
1645
+ border-bottom: 1px solid var(--puck-color-grey-10);
1646
+ }
1647
+ ._PagesPage-header_ey49w_96:hover {
1648
+ background: var(--puck-color-azure-11);
1649
+ color: var(--puck-color-azure-04);
1650
+ }
1651
+ ._PagesPage-headerMain_ey49w_137 {
1652
+ display: flex;
1653
+ gap: 4px;
1654
+ justify-content: space-between;
1655
+ width: 100%;
1656
+ }
1657
+ ._PagesPage-headerIcon_ey49w_144 {
1658
+ color: var(--puck-color-grey-04);
1659
+ }
1660
+ ._PagesPage-loader_ey49w_148 {
1661
+ align-items: center;
1662
+ background-color: white;
1663
+ display: none;
1664
+ justify-content: center;
1665
+ padding: 16px;
1666
+ height: 100%;
1667
+ }
1668
+ ._PagesPage--expanded_ey49w_69 ._PagesPage-loader_ey49w_148 {
1669
+ display: flex;
1670
+ }
1671
+ ._PagesPage-versions_ey49w_73 {
1672
+ display: none;
1673
+ overflow-y: auto;
1674
+ }
1675
+ ._PagesPage--expanded_ey49w_69 ._PagesPage-versions_ey49w_73 {
1676
+ display: block;
1677
+ }
1678
+ ._PagesVersion_ey49w_174 ._PagesVersion-inner_ey49w_174 {
1679
+ background-color: white;
1680
+ border-top: 1px solid var(--puck-color-grey-10);
1681
+ padding-bottom: 12px;
1682
+ padding-left: 24px;
1683
+ padding-right: 12px;
1684
+ padding-top: 8px;
1685
+ text-align: left;
1686
+ width: 100%;
1687
+ }
1688
+ ._PagesVersion_ey49w_174:first-of-type ._PagesVersion-inner_ey49w_174 {
1689
+ border-top: none;
1690
+ }
1691
+ ._PagesVersion--current_ey49w_189 ._PagesVersion-inner_ey49w_174 {
1692
+ border-right: 3px solid var(--puck-color-azure-04);
1693
+ }
1694
+ ._PagesVersion-inner_ey49w_174:hover {
1695
+ background-color: var(--puck-color-azure-11);
1696
+ color: var(--puck-color-azure-04);
1697
+ cursor: pointer;
1698
+ }
1699
+ ._PagesVersion-inner_ey49w_174:focus-visible {
1700
+ outline: 2px solid var(--puck-color-azure-04);
1701
+ outline-offset: -2px;
1702
+ }
1703
+ ._PagesVersion-header_ey49w_204 {
1704
+ align-items: center;
1705
+ display: flex;
1706
+ gap: 4px;
1707
+ }
1708
+ ._PagesVersion-version_ey49w_210 {
1709
+ font-family: var(--puck-font-family-monospaced);
1710
+ font-weight: 600;
1711
+ line-height: 1;
1712
+ }
1713
+ ._PagesVersion-date_ey49w_216 {
1714
+ color: var(--puck-color-grey-06);
1715
+ font-size: var(--puck-font-size-xxxs);
1716
+ font-weight: 500;
1717
+ line-height: 1;
1718
+ margin-top: 2px;
1719
+ margin-left: auto;
1720
+ white-space: nowrap;
1721
+ }
1722
+
1723
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-pages/src/components/CreateForm/styles.module.css/#css-module-data */
1724
+ ._CreateForm_kkdt2_1 {
1725
+ width: 100%;
1726
+ }
1727
+ ._CreateForm-field_kkdt2_5 {
1728
+ display: flex;
1729
+ flex-direction: column;
1730
+ align-items: flex-start;
1731
+ gap: 0.25rem;
1732
+ width: 100%;
1733
+ }
1734
+ ._CreateForm-label_kkdt2_13 {
1735
+ font-size: 0.875rem;
1736
+ line-height: 1.25rem;
1737
+ font-weight: 500;
1738
+ color: var(--puck-color-grey-02);
1739
+ }
1740
+ ._CreateForm-input_kkdt2_20 {
1741
+ box-sizing: border-box;
1742
+ width: 100%;
1743
+ height: 2.5rem;
1744
+ margin: 0;
1745
+ padding: 0 0.875rem;
1746
+ border: 1px solid var(--puck-color-grey-10);
1747
+ border-radius: 0.375rem;
1748
+ background-color: var(--puck-color-white);
1749
+ color: var(--puck-color-grey-02);
1750
+ font-family: inherit;
1751
+ font-size: 1rem;
1752
+ }
1753
+ ._CreateForm-input_kkdt2_20:focus {
1754
+ outline: 2px solid var(--puck-color-azure-04);
1755
+ outline-offset: -1px;
1756
+ }
1757
+ ._CreateForm-input_kkdt2_20::placeholder {
1758
+ color: var(--puck-color-grey-06);
1759
+ }
1760
+ ._CreateForm-error_kkdt2_43 {
1761
+ width: 100%;
1762
+ margin-top: 16px;
1763
+ color: var(--puck-color-red-05);
1764
+ font-size: 0.875rem;
1765
+ line-height: 1.2;
1766
+ }
1767
+
1768
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
1769
+ ._ConfirmModal_1r63q_1 {
1770
+ width: 100%;
1771
+ }
1772
+ ._ConfirmModal-button_1r63q_5 {
1773
+ display: inline-flex;
1774
+ }
1775
+ ._ConfirmModal-background_1r63q_9 {
1776
+ align-items: center;
1777
+ background: #00000050;
1778
+ bottom: 0;
1779
+ display: flex;
1780
+ justify-content: center;
1781
+ left: 0;
1782
+ position: fixed;
1783
+ right: 0;
1784
+ top: 0;
1785
+ z-index: 2;
1786
+ }
1787
+ ._ConfirmModal-modal_1r63q_22 {
1788
+ background: var(--puck-color-white);
1789
+ border-radius: 16px;
1790
+ display: flex;
1791
+ flex-direction: column;
1792
+ margin-inline: 24px;
1793
+ max-height: calc(100vh - 24px);
1794
+ min-width: 356px;
1795
+ overflow: auto;
1796
+ }
1797
+ ._ConfirmModal-header_1r63q_33 {
1798
+ align-items: center;
1799
+ color: var(--puck-color-grey-02);
1800
+ display: flex;
1801
+ gap: 16px;
1802
+ justify-content: space-between;
1803
+ padding: 24px 24px 16px;
1804
+ }
1805
+ ._ConfirmModal-close_1r63q_42 {
1806
+ align-items: center;
1807
+ appearance: none;
1808
+ background: transparent;
1809
+ border: none;
1810
+ border-radius: 8px;
1811
+ color: var(--puck-color-grey-04);
1812
+ cursor: pointer;
1813
+ display: inline-flex;
1814
+ justify-content: center;
1815
+ padding: 4px;
1816
+ }
1817
+ ._ConfirmModal-close_1r63q_42:hover {
1818
+ background: var(--puck-color-grey-11);
1819
+ color: var(--puck-color-grey-02);
1820
+ }
1821
+ ._ConfirmModal-close_1r63q_42:focus-visible {
1822
+ outline: 2px solid var(--puck-color-azure-05);
1823
+ outline-offset: 2px;
1824
+ }
1825
+ ._ConfirmModal-body_1r63q_65 {
1826
+ color: var(--puck-color-grey-03);
1827
+ line-height: 1.5;
1828
+ padding: 8px 24px 24px;
1829
+ }
1830
+ ._ConfirmModal-footer_1r63q_71 {
1831
+ background-color: var(--puck-color-grey-12);
1832
+ border-top: 1px solid var(--puck-color-grey-09);
1833
+ display: flex;
1834
+ gap: 12px;
1835
+ justify-content: flex-end;
1836
+ padding: 16px 24px;
1837
+ }
1838
+
1839
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
1840
+ ._HeaderActions_1dhws_1 {
1841
+ position: relative;
1842
+ display: inline-flex;
1843
+ align-items: stretch;
1844
+ }
1845
+ ._HeaderActions-trigger_1dhws_7 {
1846
+ display: inline-flex;
1847
+ align-items: center;
1848
+ justify-content: center;
1849
+ min-height: 32px;
1850
+ padding: 0 12px;
1851
+ border-left: 0;
1852
+ border-radius: 0 8px 8px 0;
1853
+ background: var(--puck-color-white);
1854
+ color: var(--puck-color-grey-01);
1855
+ }
1856
+ ._HeaderActions-versionHeader_1dhws_19 {
1857
+ align-items: center;
1858
+ display: flex;
1859
+ gap: 8px;
1860
+ height: 21px;
1861
+ }
1862
+ ._HeaderActions-versionLabel_1dhws_26 {
1863
+ font-family: var(--puck-font-family-monospaced);
1864
+ font-size: var(--puck-font-size-xs);
1865
+ font-weight: 600;
1866
+ line-height: 1;
1867
+ }
1868
+ ._HeaderActions-versionDate_1dhws_33 {
1869
+ color: var(--puck-color-grey-06);
1870
+ font-size: var(--puck-font-size-xxxs);
1871
+ font-weight: 500;
1872
+ line-height: 1;
1873
+ margin-top: 2px;
1874
+ white-space: nowrap;
1875
+ }