@turtleclub/earn-widget 0.2.0-beta.9 → 0.2.0

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/styles.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
- :root, :host {
5
+ .turtle-widget-root, .turtle-widget-root :host {
6
6
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
@@ -55,13 +55,13 @@
55
55
  }
56
56
  }
57
57
  @layer base {
58
- *, ::after, ::before, ::backdrop, ::file-selector-button {
58
+ .turtle-widget-root *, .turtle-widget-root ::after, .turtle-widget-root ::before, .turtle-widget-root ::backdrop, .turtle-widget-root ::file-selector-button {
59
59
  box-sizing: border-box;
60
60
  margin: 0;
61
61
  padding: 0;
62
62
  border: 0 solid;
63
63
  }
64
- html, :host {
64
+ .turtle-widget-root, .turtle-widget-root :host {
65
65
  line-height: 1.5;
66
66
  -webkit-text-size-adjust: 100%;
67
67
  tab-size: 4;
@@ -70,74 +70,74 @@
70
70
  font-variation-settings: var(--default-font-variation-settings, normal);
71
71
  -webkit-tap-highlight-color: transparent;
72
72
  }
73
- hr {
73
+ .turtle-widget-root hr {
74
74
  height: 0;
75
75
  color: inherit;
76
76
  border-top-width: 1px;
77
77
  }
78
- abbr:where([title]) {
78
+ .turtle-widget-root abbr:where([title]) {
79
79
  -webkit-text-decoration: underline dotted;
80
80
  text-decoration: underline dotted;
81
81
  }
82
- h1, h2, h3, h4, h5, h6 {
82
+ .turtle-widget-root h1, .turtle-widget-root h2, .turtle-widget-root h3, .turtle-widget-root h4, .turtle-widget-root h5, .turtle-widget-root h6 {
83
83
  font-size: inherit;
84
84
  font-weight: inherit;
85
85
  }
86
- a {
86
+ .turtle-widget-root a {
87
87
  color: inherit;
88
88
  -webkit-text-decoration: inherit;
89
89
  text-decoration: inherit;
90
90
  }
91
- b, strong {
91
+ .turtle-widget-root b, .turtle-widget-root strong {
92
92
  font-weight: bolder;
93
93
  }
94
- code, kbd, samp, pre {
94
+ .turtle-widget-root code, .turtle-widget-root kbd, .turtle-widget-root samp, .turtle-widget-root pre {
95
95
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
96
96
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
97
97
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
98
98
  font-size: 1em;
99
99
  }
100
- small {
100
+ .turtle-widget-root small {
101
101
  font-size: 80%;
102
102
  }
103
- sub, sup {
103
+ .turtle-widget-root sub, .turtle-widget-root sup {
104
104
  font-size: 75%;
105
105
  line-height: 0;
106
106
  position: relative;
107
107
  vertical-align: baseline;
108
108
  }
109
- sub {
109
+ .turtle-widget-root sub {
110
110
  bottom: -0.25em;
111
111
  }
112
- sup {
112
+ .turtle-widget-root sup {
113
113
  top: -0.5em;
114
114
  }
115
- table {
115
+ .turtle-widget-root table {
116
116
  text-indent: 0;
117
117
  border-color: inherit;
118
118
  border-collapse: collapse;
119
119
  }
120
- :-moz-focusring {
120
+ .turtle-widget-root :-moz-focusring {
121
121
  outline: auto;
122
122
  }
123
- progress {
123
+ .turtle-widget-root progress {
124
124
  vertical-align: baseline;
125
125
  }
126
- summary {
126
+ .turtle-widget-root summary {
127
127
  display: list-item;
128
128
  }
129
- ol, ul, menu {
129
+ .turtle-widget-root ol, .turtle-widget-root ul, .turtle-widget-root menu {
130
130
  list-style: none;
131
131
  }
132
- img, svg, video, canvas, audio, iframe, embed, object {
132
+ .turtle-widget-root img, .turtle-widget-root svg, .turtle-widget-root video, .turtle-widget-root canvas, .turtle-widget-root audio, .turtle-widget-root iframe, .turtle-widget-root embed, .turtle-widget-root object {
133
133
  display: block;
134
134
  vertical-align: middle;
135
135
  }
136
- img, video {
136
+ .turtle-widget-root img, .turtle-widget-root video {
137
137
  max-width: 100%;
138
138
  height: auto;
139
139
  }
140
- button, input, select, optgroup, textarea, ::file-selector-button {
140
+ .turtle-widget-root button, .turtle-widget-root input, .turtle-widget-root select, .turtle-widget-root optgroup, .turtle-widget-root textarea, .turtle-widget-root ::file-selector-button {
141
141
  font: inherit;
142
142
  font-feature-settings: inherit;
143
143
  font-variation-settings: inherit;
@@ -147,96 +147,96 @@
147
147
  background-color: transparent;
148
148
  opacity: 1;
149
149
  }
150
- :where(select:is([multiple], [size])) optgroup {
150
+ .turtle-widget-root :where(select:is([multiple], [size])) optgroup {
151
151
  font-weight: bolder;
152
152
  }
153
- :where(select:is([multiple], [size])) optgroup option {
153
+ .turtle-widget-root :where(select:is([multiple], [size])) optgroup option {
154
154
  padding-inline-start: 20px;
155
155
  }
156
- ::file-selector-button {
156
+ .turtle-widget-root ::file-selector-button {
157
157
  margin-inline-end: 4px;
158
158
  }
159
- ::placeholder {
159
+ .turtle-widget-root ::placeholder {
160
160
  opacity: 1;
161
161
  }
162
162
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
163
- ::placeholder {
163
+ .turtle-widget-root ::placeholder {
164
164
  color: currentcolor;
165
165
  @supports (color: color-mix(in lab, red, red)) {
166
166
  color: color-mix(in oklab, currentcolor 50%, transparent);
167
167
  }
168
168
  }
169
169
  }
170
- textarea {
170
+ .turtle-widget-root textarea {
171
171
  resize: vertical;
172
172
  }
173
- ::-webkit-search-decoration {
173
+ .turtle-widget-root ::-webkit-search-decoration {
174
174
  -webkit-appearance: none;
175
175
  }
176
- ::-webkit-date-and-time-value {
176
+ .turtle-widget-root ::-webkit-date-and-time-value {
177
177
  min-height: 1lh;
178
178
  text-align: inherit;
179
179
  }
180
- ::-webkit-datetime-edit {
180
+ .turtle-widget-root ::-webkit-datetime-edit {
181
181
  display: inline-flex;
182
182
  }
183
- ::-webkit-datetime-edit-fields-wrapper {
183
+ .turtle-widget-root ::-webkit-datetime-edit-fields-wrapper {
184
184
  padding: 0;
185
185
  }
186
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
186
+ .turtle-widget-root ::-webkit-datetime-edit, .turtle-widget-root ::-webkit-datetime-edit-year-field, .turtle-widget-root ::-webkit-datetime-edit-month-field, .turtle-widget-root ::-webkit-datetime-edit-day-field, .turtle-widget-root ::-webkit-datetime-edit-hour-field, .turtle-widget-root ::-webkit-datetime-edit-minute-field, .turtle-widget-root ::-webkit-datetime-edit-second-field, .turtle-widget-root ::-webkit-datetime-edit-millisecond-field, .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
187
187
  padding-block: 0;
188
188
  }
189
- :-moz-ui-invalid {
189
+ .turtle-widget-root :-moz-ui-invalid {
190
190
  box-shadow: none;
191
191
  }
192
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
192
+ .turtle-widget-root button, .turtle-widget-root input:where([type="button"], [type="reset"], [type="submit"]), .turtle-widget-root ::file-selector-button {
193
193
  appearance: button;
194
194
  }
195
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
195
+ .turtle-widget-root ::-webkit-inner-spin-button, .turtle-widget-root ::-webkit-outer-spin-button {
196
196
  height: auto;
197
197
  }
198
- [hidden]:where(:not([hidden="until-found"])) {
198
+ .turtle-widget-root [hidden]:where(:not([hidden="until-found"])) {
199
199
  display: none !important;
200
200
  }
201
201
  }
202
202
  @layer utilities {
203
- .pointer-events-none {
203
+ .turtle-widget-root .pointer-events-none {
204
204
  pointer-events: none;
205
205
  }
206
- .absolute {
206
+ .turtle-widget-root .absolute {
207
207
  position: absolute;
208
208
  }
209
- .fixed {
209
+ .turtle-widget-root .fixed {
210
210
  position: fixed;
211
211
  }
212
- .relative {
212
+ .turtle-widget-root .relative {
213
213
  position: relative;
214
214
  }
215
- .sticky {
215
+ .turtle-widget-root .sticky {
216
216
  position: sticky;
217
217
  }
218
- .top-1\/2 {
218
+ .turtle-widget-root .top-1\/2 {
219
219
  top: calc(1/2 * 100%);
220
220
  }
221
- .right-1 {
221
+ .turtle-widget-root .right-1 {
222
222
  right: calc(var(--spacing) * 1);
223
223
  }
224
- .right-2 {
224
+ .turtle-widget-root .right-2 {
225
225
  right: calc(var(--spacing) * 2);
226
226
  }
227
- .bottom-0 {
227
+ .turtle-widget-root .bottom-0 {
228
228
  bottom: calc(var(--spacing) * 0);
229
229
  }
230
- .bottom-2 {
230
+ .turtle-widget-root .bottom-2 {
231
231
  bottom: calc(var(--spacing) * 2);
232
232
  }
233
- .bottom-3 {
233
+ .turtle-widget-root .bottom-3 {
234
234
  bottom: calc(var(--spacing) * 3);
235
235
  }
236
- .left-4 {
236
+ .turtle-widget-root .left-4 {
237
237
  left: calc(var(--spacing) * 4);
238
238
  }
239
- .container {
239
+ .turtle-widget-root .container {
240
240
  width: 100%;
241
241
  @media (width >= 40rem) {
242
242
  max-width: 40rem;
@@ -254,415 +254,415 @@
254
254
  max-width: 96rem;
255
255
  }
256
256
  }
257
- .my-5 {
257
+ .turtle-widget-root .my-5 {
258
258
  margin-block: calc(var(--spacing) * 5);
259
259
  }
260
- .mt-1 {
260
+ .turtle-widget-root .mt-1 {
261
261
  margin-top: calc(var(--spacing) * 1);
262
262
  }
263
- .mt-2 {
263
+ .turtle-widget-root .mt-2 {
264
264
  margin-top: calc(var(--spacing) * 2);
265
265
  }
266
- .mt-\[120\%\] {
266
+ .turtle-widget-root .mt-\[120\%\] {
267
267
  margin-top: 120%;
268
268
  }
269
- .mr-2 {
269
+ .turtle-widget-root .mr-2 {
270
270
  margin-right: calc(var(--spacing) * 2);
271
271
  }
272
- .mb-2 {
272
+ .turtle-widget-root .mb-2 {
273
273
  margin-bottom: calc(var(--spacing) * 2);
274
274
  }
275
- .mb-3 {
275
+ .turtle-widget-root .mb-3 {
276
276
  margin-bottom: calc(var(--spacing) * 3);
277
277
  }
278
- .flex {
278
+ .turtle-widget-root .flex {
279
279
  display: flex;
280
280
  }
281
- .hidden {
281
+ .turtle-widget-root .hidden {
282
282
  display: none;
283
283
  }
284
- .size-5 {
284
+ .turtle-widget-root .size-5 {
285
285
  width: calc(var(--spacing) * 5);
286
286
  height: calc(var(--spacing) * 5);
287
287
  }
288
- .h-4 {
288
+ .turtle-widget-root .h-4 {
289
289
  height: calc(var(--spacing) * 4);
290
290
  }
291
- .h-5 {
291
+ .turtle-widget-root .h-5 {
292
292
  height: calc(var(--spacing) * 5);
293
293
  }
294
- .h-6 {
294
+ .turtle-widget-root .h-6 {
295
295
  height: calc(var(--spacing) * 6);
296
296
  }
297
- .h-7 {
297
+ .turtle-widget-root .h-7 {
298
298
  height: calc(var(--spacing) * 7);
299
299
  }
300
- .h-8 {
300
+ .turtle-widget-root .h-8 {
301
301
  height: calc(var(--spacing) * 8);
302
302
  }
303
- .h-9 {
303
+ .turtle-widget-root .h-9 {
304
304
  height: calc(var(--spacing) * 9);
305
305
  }
306
- .h-10 {
306
+ .turtle-widget-root .h-10 {
307
307
  height: calc(var(--spacing) * 10);
308
308
  }
309
- .h-12 {
309
+ .turtle-widget-root .h-12 {
310
310
  height: calc(var(--spacing) * 12);
311
311
  }
312
- .h-16 {
312
+ .turtle-widget-root .h-16 {
313
313
  height: calc(var(--spacing) * 16);
314
314
  }
315
- .h-\[30px\] {
315
+ .turtle-widget-root .h-\[30px\] {
316
316
  height: 30px;
317
317
  }
318
- .h-full {
318
+ .turtle-widget-root .h-full {
319
319
  height: 100%;
320
320
  }
321
- .h-px {
321
+ .turtle-widget-root .h-px {
322
322
  height: 1px;
323
323
  }
324
- .min-h-0 {
324
+ .turtle-widget-root .min-h-0 {
325
325
  min-height: calc(var(--spacing) * 0);
326
326
  }
327
- .w-4 {
327
+ .turtle-widget-root .w-4 {
328
328
  width: calc(var(--spacing) * 4);
329
329
  }
330
- .w-5 {
330
+ .turtle-widget-root .w-5 {
331
331
  width: calc(var(--spacing) * 5);
332
332
  }
333
- .w-6 {
333
+ .turtle-widget-root .w-6 {
334
334
  width: calc(var(--spacing) * 6);
335
335
  }
336
- .w-7 {
336
+ .turtle-widget-root .w-7 {
337
337
  width: calc(var(--spacing) * 7);
338
338
  }
339
- .w-8 {
339
+ .turtle-widget-root .w-8 {
340
340
  width: calc(var(--spacing) * 8);
341
341
  }
342
- .w-10 {
342
+ .turtle-widget-root .w-10 {
343
343
  width: calc(var(--spacing) * 10);
344
344
  }
345
- .w-16 {
345
+ .turtle-widget-root .w-16 {
346
346
  width: calc(var(--spacing) * 16);
347
347
  }
348
- .w-20 {
348
+ .turtle-widget-root .w-20 {
349
349
  width: calc(var(--spacing) * 20);
350
350
  }
351
- .w-24 {
351
+ .turtle-widget-root .w-24 {
352
352
  width: calc(var(--spacing) * 24);
353
353
  }
354
- .w-32 {
354
+ .turtle-widget-root .w-32 {
355
355
  width: calc(var(--spacing) * 32);
356
356
  }
357
- .w-full {
357
+ .turtle-widget-root .w-full {
358
358
  width: 100%;
359
359
  }
360
- .max-w-\[120px\] {
360
+ .turtle-widget-root .max-w-\[120px\] {
361
361
  max-width: 120px;
362
362
  }
363
- .flex-1 {
363
+ .turtle-widget-root .flex-1 {
364
364
  flex: 1;
365
365
  }
366
- .flex-shrink-0 {
366
+ .turtle-widget-root .flex-shrink-0 {
367
367
  flex-shrink: 0;
368
368
  }
369
- .shrink-0 {
369
+ .turtle-widget-root .shrink-0 {
370
370
  flex-shrink: 0;
371
371
  }
372
- .-translate-x-2\.5 {
372
+ .turtle-widget-root .-translate-x-2\.5 {
373
373
  --tw-translate-x: calc(var(--spacing) * -2.5);
374
374
  translate: var(--tw-translate-x) var(--tw-translate-y);
375
375
  }
376
- .-translate-y-1\/2 {
376
+ .turtle-widget-root .-translate-y-1\/2 {
377
377
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
378
378
  translate: var(--tw-translate-x) var(--tw-translate-y);
379
379
  }
380
- .transform {
380
+ .turtle-widget-root .transform {
381
381
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
382
382
  }
383
- .animate-pulse {
383
+ .turtle-widget-root .animate-pulse {
384
384
  animation: var(--animate-pulse);
385
385
  }
386
- .cursor-pointer {
386
+ .turtle-widget-root .cursor-pointer {
387
387
  cursor: pointer;
388
388
  }
389
- .flex-col {
389
+ .turtle-widget-root .flex-col {
390
390
  flex-direction: column;
391
391
  }
392
- .items-center {
392
+ .turtle-widget-root .items-center {
393
393
  align-items: center;
394
394
  }
395
- .items-start {
395
+ .turtle-widget-root .items-start {
396
396
  align-items: flex-start;
397
397
  }
398
- .items-stretch {
398
+ .turtle-widget-root .items-stretch {
399
399
  align-items: stretch;
400
400
  }
401
- .justify-between {
401
+ .turtle-widget-root .justify-between {
402
402
  justify-content: space-between;
403
403
  }
404
- .justify-center {
404
+ .turtle-widget-root .justify-center {
405
405
  justify-content: center;
406
406
  }
407
- .justify-end {
407
+ .turtle-widget-root .justify-end {
408
408
  justify-content: flex-end;
409
409
  }
410
- .justify-start {
410
+ .turtle-widget-root .justify-start {
411
411
  justify-content: flex-start;
412
412
  }
413
- .gap-0\.5 {
413
+ .turtle-widget-root .gap-0\.5 {
414
414
  gap: calc(var(--spacing) * 0.5);
415
415
  }
416
- .gap-1\.5 {
416
+ .turtle-widget-root .gap-1\.5 {
417
417
  gap: calc(var(--spacing) * 1.5);
418
418
  }
419
- .gap-2 {
419
+ .turtle-widget-root .gap-2 {
420
420
  gap: calc(var(--spacing) * 2);
421
421
  }
422
- .gap-3 {
422
+ .turtle-widget-root .gap-3 {
423
423
  gap: calc(var(--spacing) * 3);
424
424
  }
425
- .gap-4 {
425
+ .turtle-widget-root .gap-4 {
426
426
  gap: calc(var(--spacing) * 4);
427
427
  }
428
- .gap-\[5px\] {
428
+ .turtle-widget-root .gap-\[5px\] {
429
429
  gap: 5px;
430
430
  }
431
- .space-y-2 {
431
+ .turtle-widget-root .space-y-2 {
432
432
  :where(& > :not(:last-child)) {
433
433
  --tw-space-y-reverse: 0;
434
434
  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
435
435
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
436
436
  }
437
437
  }
438
- .space-y-3 {
438
+ .turtle-widget-root .space-y-3 {
439
439
  :where(& > :not(:last-child)) {
440
440
  --tw-space-y-reverse: 0;
441
441
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
442
442
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
443
443
  }
444
444
  }
445
- .-space-x-1\.5 {
445
+ .turtle-widget-root .-space-x-1\.5 {
446
446
  :where(& > :not(:last-child)) {
447
447
  --tw-space-x-reverse: 0;
448
448
  margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
449
449
  margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
450
450
  }
451
451
  }
452
- .truncate {
452
+ .turtle-widget-root .truncate {
453
453
  overflow: hidden;
454
454
  text-overflow: ellipsis;
455
455
  white-space: nowrap;
456
456
  }
457
- .overflow-hidden {
457
+ .turtle-widget-root .overflow-hidden {
458
458
  overflow: hidden;
459
459
  }
460
- .overflow-y-auto {
460
+ .turtle-widget-root .overflow-y-auto {
461
461
  overflow-y: auto;
462
462
  }
463
- .rounded {
463
+ .turtle-widget-root .rounded {
464
464
  border-radius: 0.25rem;
465
465
  }
466
- .rounded-full {
466
+ .turtle-widget-root .rounded-full {
467
467
  border-radius: calc(infinity * 1px);
468
468
  }
469
- .rounded-lg {
469
+ .turtle-widget-root .rounded-lg {
470
470
  border-radius: var(--radius-lg);
471
471
  }
472
- .rounded-md {
472
+ .turtle-widget-root .rounded-md {
473
473
  border-radius: var(--radius-md);
474
474
  }
475
- .rounded-l-none {
475
+ .turtle-widget-root .rounded-l-none {
476
476
  border-top-left-radius: 0;
477
477
  border-bottom-left-radius: 0;
478
478
  }
479
- .border {
479
+ .turtle-widget-root .border {
480
480
  border-style: var(--tw-border-style);
481
481
  border-width: 1px;
482
482
  }
483
- .bg-transparent {
483
+ .turtle-widget-root .bg-transparent {
484
484
  background-color: transparent;
485
485
  }
486
- .object-contain {
486
+ .turtle-widget-root .object-contain {
487
487
  object-fit: contain;
488
488
  }
489
- .object-cover {
489
+ .turtle-widget-root .object-cover {
490
490
  object-fit: cover;
491
491
  }
492
- .p-1 {
492
+ .turtle-widget-root .p-1 {
493
493
  padding: calc(var(--spacing) * 1);
494
494
  }
495
- .p-3 {
495
+ .turtle-widget-root .p-3 {
496
496
  padding: calc(var(--spacing) * 3);
497
497
  }
498
- .p-4 {
498
+ .turtle-widget-root .p-4 {
499
499
  padding: calc(var(--spacing) * 4);
500
500
  }
501
- .p-6 {
501
+ .turtle-widget-root .p-6 {
502
502
  padding: calc(var(--spacing) * 6);
503
503
  }
504
- .px-3 {
504
+ .turtle-widget-root .px-3 {
505
505
  padding-inline: calc(var(--spacing) * 3);
506
506
  }
507
- .py-1\.5 {
507
+ .turtle-widget-root .py-1\.5 {
508
508
  padding-block: calc(var(--spacing) * 1.5);
509
509
  }
510
- .py-2 {
510
+ .turtle-widget-root .py-2 {
511
511
  padding-block: calc(var(--spacing) * 2);
512
512
  }
513
- .py-3 {
513
+ .turtle-widget-root .py-3 {
514
514
  padding-block: calc(var(--spacing) * 3);
515
515
  }
516
- .py-8 {
516
+ .turtle-widget-root .py-8 {
517
517
  padding-block: calc(var(--spacing) * 8);
518
518
  }
519
- .pt-0 {
519
+ .turtle-widget-root .pt-0 {
520
520
  padding-top: calc(var(--spacing) * 0);
521
521
  }
522
- .pt-6 {
522
+ .turtle-widget-root .pt-6 {
523
523
  padding-top: calc(var(--spacing) * 6);
524
524
  }
525
- .pr-4 {
525
+ .turtle-widget-root .pr-4 {
526
526
  padding-right: calc(var(--spacing) * 4);
527
527
  }
528
- .pr-12 {
528
+ .turtle-widget-root .pr-12 {
529
529
  padding-right: calc(var(--spacing) * 12);
530
530
  }
531
- .pb-0 {
531
+ .turtle-widget-root .pb-0 {
532
532
  padding-bottom: calc(var(--spacing) * 0);
533
533
  }
534
- .pb-2 {
534
+ .turtle-widget-root .pb-2 {
535
535
  padding-bottom: calc(var(--spacing) * 2);
536
536
  }
537
- .pl-3 {
537
+ .turtle-widget-root .pl-3 {
538
538
  padding-left: calc(var(--spacing) * 3);
539
539
  }
540
- .text-center {
540
+ .turtle-widget-root .text-center {
541
541
  text-align: center;
542
542
  }
543
- .text-right {
543
+ .turtle-widget-root .text-right {
544
544
  text-align: right;
545
545
  }
546
- .text-2xl {
546
+ .turtle-widget-root .text-2xl {
547
547
  font-size: var(--text-2xl);
548
548
  line-height: var(--tw-leading, var(--text-2xl--line-height));
549
549
  }
550
- .text-4xl {
550
+ .turtle-widget-root .text-4xl {
551
551
  font-size: var(--text-4xl);
552
552
  line-height: var(--tw-leading, var(--text-4xl--line-height));
553
553
  }
554
- .text-6xl {
554
+ .turtle-widget-root .text-6xl {
555
555
  font-size: var(--text-6xl);
556
556
  line-height: var(--tw-leading, var(--text-6xl--line-height));
557
557
  }
558
- .text-lg {
558
+ .turtle-widget-root .text-lg {
559
559
  font-size: var(--text-lg);
560
560
  line-height: var(--tw-leading, var(--text-lg--line-height));
561
561
  }
562
- .text-sm {
562
+ .turtle-widget-root .text-sm {
563
563
  font-size: var(--text-sm);
564
564
  line-height: var(--tw-leading, var(--text-sm--line-height));
565
565
  }
566
- .text-xs {
566
+ .turtle-widget-root .text-xs {
567
567
  font-size: var(--text-xs);
568
568
  line-height: var(--tw-leading, var(--text-xs--line-height));
569
569
  }
570
- .text-\[10px\] {
570
+ .turtle-widget-root .text-\[10px\] {
571
571
  font-size: 10px;
572
572
  }
573
- .font-bold {
573
+ .turtle-widget-root .font-bold {
574
574
  --tw-font-weight: var(--font-weight-bold);
575
575
  font-weight: var(--font-weight-bold);
576
576
  }
577
- .font-medium {
577
+ .turtle-widget-root .font-medium {
578
578
  --tw-font-weight: var(--font-weight-medium);
579
579
  font-weight: var(--font-weight-medium);
580
580
  }
581
- .font-semibold {
581
+ .turtle-widget-root .font-semibold {
582
582
  --tw-font-weight: var(--font-weight-semibold);
583
583
  font-weight: var(--font-weight-semibold);
584
584
  }
585
- .tracking-wider {
585
+ .turtle-widget-root .tracking-wider {
586
586
  --tw-tracking: var(--tracking-wider);
587
587
  letter-spacing: var(--tracking-wider);
588
588
  }
589
- .whitespace-nowrap {
589
+ .turtle-widget-root .whitespace-nowrap {
590
590
  white-space: nowrap;
591
591
  }
592
- .capitalize {
592
+ .turtle-widget-root .capitalize {
593
593
  text-transform: capitalize;
594
594
  }
595
- .uppercase {
595
+ .turtle-widget-root .uppercase {
596
596
  text-transform: uppercase;
597
597
  }
598
- .underline {
598
+ .turtle-widget-root .underline {
599
599
  text-decoration-line: underline;
600
600
  }
601
- .antialiased {
601
+ .turtle-widget-root .antialiased {
602
602
  -webkit-font-smoothing: antialiased;
603
603
  -moz-osx-font-smoothing: grayscale;
604
604
  }
605
- .opacity-30 {
605
+ .turtle-widget-root .opacity-30 {
606
606
  opacity: 30%;
607
607
  }
608
- .shadow-sm {
608
+ .turtle-widget-root .shadow-sm {
609
609
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
610
610
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
611
611
  }
612
- .filter {
612
+ .turtle-widget-root .filter {
613
613
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
614
614
  }
615
- .transition-all {
615
+ .turtle-widget-root .transition-all {
616
616
  transition-property: all;
617
617
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
618
618
  transition-duration: var(--tw-duration, var(--default-transition-duration));
619
619
  }
620
- .transition-colors {
620
+ .turtle-widget-root .transition-colors {
621
621
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
622
622
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
623
623
  transition-duration: var(--tw-duration, var(--default-transition-duration));
624
624
  }
625
- .duration-700 {
625
+ .turtle-widget-root .duration-700 {
626
626
  --tw-duration: 700ms;
627
627
  transition-duration: 700ms;
628
628
  }
629
- .ease-linear {
629
+ .turtle-widget-root .ease-linear {
630
630
  --tw-ease: linear;
631
631
  transition-timing-function: linear;
632
632
  }
633
- .focus\:border-transparent {
633
+ .turtle-widget-root .focus\:border-transparent {
634
634
  &:focus {
635
635
  border-color: transparent;
636
636
  }
637
637
  }
638
- .focus\:ring-2 {
638
+ .turtle-widget-root .focus\:ring-2 {
639
639
  &:focus {
640
640
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
641
641
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
642
642
  }
643
643
  }
644
- .focus\:outline-none {
644
+ .turtle-widget-root .focus\:outline-none {
645
645
  &:focus {
646
646
  --tw-outline-style: none;
647
647
  outline-style: none;
648
648
  }
649
649
  }
650
- .sm\:min-h-\[690px\] {
650
+ .turtle-widget-root .sm\:min-h-\[690px\] {
651
651
  @media (width >= 40rem) {
652
652
  min-height: 690px;
653
653
  }
654
654
  }
655
- .lg\:justify-start {
655
+ .turtle-widget-root .lg\:justify-start {
656
656
  @media (width >= 64rem) {
657
657
  justify-content: flex-start;
658
658
  }
659
659
  }
660
- .\[\&_button\]\:w-32 {
660
+ .turtle-widget-root .\[\&_button\]\:w-32 {
661
661
  & button {
662
662
  width: calc(var(--spacing) * 32);
663
663
  }
664
664
  }
665
- .\[\&_button\]\:min-w-32 {
665
+ .turtle-widget-root .\[\&_button\]\:min-w-32 {
666
666
  & button {
667
667
  min-width: calc(var(--spacing) * 32);
668
668
  }
@@ -671,7 +671,7 @@
671
671
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
672
672
  @layer properties {
673
673
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
674
- *,:before,:after,::backdrop {
674
+ .turtle-widget-root *, .turtle-widget-root :before, .turtle-widget-root :after, .turtle-widget-root ::backdrop {
675
675
  --tw-translate-x: 0;
676
676
  --tw-translate-y: 0;
677
677
  --tw-translate-z: 0;
@@ -725,7 +725,7 @@
725
725
  }
726
726
  }
727
727
  @layer theme {
728
- :root,:host {
728
+ .turtle-widget-root, .turtle-widget-root :host {
729
729
  --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
730
730
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
731
731
  --color-red-600: oklch(57.7% .245 27.325);
@@ -775,19 +775,19 @@
775
775
  }
776
776
  }
777
777
  @layer base {
778
- *,:after,:before,::backdrop {
778
+ .turtle-widget-root *, .turtle-widget-root :after, .turtle-widget-root :before, .turtle-widget-root ::backdrop {
779
779
  box-sizing: border-box;
780
780
  border: 0 solid;
781
781
  margin: 0;
782
782
  padding: 0;
783
783
  }
784
- ::file-selector-button {
784
+ .turtle-widget-root ::file-selector-button {
785
785
  box-sizing: border-box;
786
786
  border: 0 solid;
787
787
  margin: 0;
788
788
  padding: 0;
789
789
  }
790
- html,:host {
790
+ .turtle-widget-root, .turtle-widget-root :host {
791
791
  -webkit-text-size-adjust: 100%;
792
792
  -moz-tab-size: 4;
793
793
  tab-size: 4;
@@ -797,74 +797,74 @@
797
797
  font-variation-settings: var(--default-font-variation-settings,normal);
798
798
  -webkit-tap-highlight-color: transparent;
799
799
  }
800
- hr {
800
+ .turtle-widget-root hr {
801
801
  height: 0;
802
802
  color: inherit;
803
803
  border-top-width: 1px;
804
804
  }
805
- abbr:where([title]) {
805
+ .turtle-widget-root abbr:where([title]) {
806
806
  -webkit-text-decoration: underline dotted;
807
807
  text-decoration: underline dotted;
808
808
  }
809
- h1,h2,h3,h4,h5,h6 {
809
+ .turtle-widget-root h1, .turtle-widget-root h2, .turtle-widget-root h3, .turtle-widget-root h4, .turtle-widget-root h5, .turtle-widget-root h6 {
810
810
  font-size: inherit;
811
811
  font-weight: inherit;
812
812
  }
813
- a {
813
+ .turtle-widget-root a {
814
814
  color: inherit;
815
815
  -webkit-text-decoration: inherit;
816
816
  text-decoration: inherit;
817
817
  }
818
- b,strong {
818
+ .turtle-widget-root b, .turtle-widget-root strong {
819
819
  font-weight: bolder;
820
820
  }
821
- code,kbd,samp,pre {
821
+ .turtle-widget-root code, .turtle-widget-root kbd, .turtle-widget-root samp, .turtle-widget-root pre {
822
822
  font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
823
823
  font-feature-settings: var(--default-mono-font-feature-settings,normal);
824
824
  font-variation-settings: var(--default-mono-font-variation-settings,normal);
825
825
  font-size: 1em;
826
826
  }
827
- small {
827
+ .turtle-widget-root small {
828
828
  font-size: 80%;
829
829
  }
830
- sub,sup {
830
+ .turtle-widget-root sub, .turtle-widget-root sup {
831
831
  vertical-align: baseline;
832
832
  font-size: 75%;
833
833
  line-height: 0;
834
834
  position: relative;
835
835
  }
836
- sub {
836
+ .turtle-widget-root sub {
837
837
  bottom: -.25em;
838
838
  }
839
- sup {
839
+ .turtle-widget-root sup {
840
840
  top: -.5em;
841
841
  }
842
- table {
842
+ .turtle-widget-root table {
843
843
  text-indent: 0;
844
844
  border-color: inherit;
845
845
  border-collapse: collapse;
846
846
  }
847
- :-moz-focusring {
847
+ .turtle-widget-root :-moz-focusring {
848
848
  outline: auto;
849
849
  }
850
- progress {
850
+ .turtle-widget-root progress {
851
851
  vertical-align: baseline;
852
852
  }
853
- summary {
853
+ .turtle-widget-root summary {
854
854
  display: list-item;
855
855
  }
856
- ol,ul,menu {
856
+ .turtle-widget-root ol, .turtle-widget-root ul, .turtle-widget-root menu {
857
857
  list-style: none;
858
858
  }
859
- img,svg,video,canvas,audio,iframe,embed,object {
859
+ .turtle-widget-root img, .turtle-widget-root svg, .turtle-widget-root video, .turtle-widget-root canvas, .turtle-widget-root audio, .turtle-widget-root iframe, .turtle-widget-root embed, .turtle-widget-root object {
860
860
  vertical-align: middle;
861
861
  display: block;
862
862
  }
863
- img,video {
863
+ .turtle-widget-root img, .turtle-widget-root video {
864
864
  max-width: 100%;
865
865
  height: auto;
866
866
  }
867
- button,input,select,optgroup,textarea {
867
+ .turtle-widget-root button, .turtle-widget-root input, .turtle-widget-root select, .turtle-widget-root optgroup, .turtle-widget-root textarea {
868
868
  font: inherit;
869
869
  font-feature-settings: inherit;
870
870
  font-variation-settings: inherit;
@@ -874,7 +874,7 @@
874
874
  background-color: #0000;
875
875
  border-radius: 0;
876
876
  }
877
- ::file-selector-button {
877
+ .turtle-widget-root ::file-selector-button {
878
878
  font: inherit;
879
879
  font-feature-settings: inherit;
880
880
  font-variation-settings: inherit;
@@ -884,24 +884,24 @@
884
884
  background-color: #0000;
885
885
  border-radius: 0;
886
886
  }
887
- :where(select:is([multiple],[size])) optgroup {
887
+ .turtle-widget-root :where(select:is([multiple],[size])) optgroup {
888
888
  font-weight: bolder;
889
889
  }
890
- :where(select:is([multiple],[size])) optgroup option {
890
+ .turtle-widget-root :where(select:is([multiple],[size])) optgroup option {
891
891
  padding-inline-start: 20px;
892
892
  }
893
- ::file-selector-button {
893
+ .turtle-widget-root ::file-selector-button {
894
894
  margin-inline-end: 4px;
895
895
  }
896
- ::placeholder {
896
+ .turtle-widget-root ::placeholder {
897
897
  opacity: 1;
898
898
  }
899
899
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
900
- ::placeholder {
900
+ .turtle-widget-root ::placeholder {
901
901
  color: currentColor;
902
902
  }
903
903
  @supports (color:color-mix(in lab,red,red)) {
904
- ::placeholder {
904
+ .turtle-widget-root ::placeholder {
905
905
  color: currentcolor;
906
906
  @supports (color: color-mix(in lab, red, red)) {
907
907
  color: color-mix(in oklab,currentcolor 50%,transparent);
@@ -909,110 +909,110 @@
909
909
  }
910
910
  }
911
911
  }
912
- textarea {
912
+ .turtle-widget-root textarea {
913
913
  resize: vertical;
914
914
  }
915
- ::-webkit-search-decoration {
915
+ .turtle-widget-root ::-webkit-search-decoration {
916
916
  -webkit-appearance: none;
917
917
  }
918
- ::-webkit-date-and-time-value {
918
+ .turtle-widget-root ::-webkit-date-and-time-value {
919
919
  min-height: 1lh;
920
920
  text-align: inherit;
921
921
  }
922
- ::-webkit-datetime-edit {
922
+ .turtle-widget-root ::-webkit-datetime-edit {
923
923
  display: inline-flex;
924
924
  }
925
- ::-webkit-datetime-edit-fields-wrapper {
925
+ .turtle-widget-root ::-webkit-datetime-edit-fields-wrapper {
926
926
  padding: 0;
927
927
  }
928
- ::-webkit-datetime-edit {
928
+ .turtle-widget-root ::-webkit-datetime-edit {
929
929
  padding-block: 0;
930
930
  }
931
- ::-webkit-datetime-edit-year-field {
931
+ .turtle-widget-root ::-webkit-datetime-edit-year-field {
932
932
  padding-block: 0;
933
933
  }
934
- ::-webkit-datetime-edit-month-field {
934
+ .turtle-widget-root ::-webkit-datetime-edit-month-field {
935
935
  padding-block: 0;
936
936
  }
937
- ::-webkit-datetime-edit-day-field {
937
+ .turtle-widget-root ::-webkit-datetime-edit-day-field {
938
938
  padding-block: 0;
939
939
  }
940
- ::-webkit-datetime-edit-hour-field {
940
+ .turtle-widget-root ::-webkit-datetime-edit-hour-field {
941
941
  padding-block: 0;
942
942
  }
943
- ::-webkit-datetime-edit-minute-field {
943
+ .turtle-widget-root ::-webkit-datetime-edit-minute-field {
944
944
  padding-block: 0;
945
945
  }
946
- ::-webkit-datetime-edit-second-field {
946
+ .turtle-widget-root ::-webkit-datetime-edit-second-field {
947
947
  padding-block: 0;
948
948
  }
949
- ::-webkit-datetime-edit-millisecond-field {
949
+ .turtle-widget-root ::-webkit-datetime-edit-millisecond-field {
950
950
  padding-block: 0;
951
951
  }
952
- ::-webkit-datetime-edit-meridiem-field {
952
+ .turtle-widget-root ::-webkit-datetime-edit-meridiem-field {
953
953
  padding-block: 0;
954
954
  }
955
- :-moz-ui-invalid {
955
+ .turtle-widget-root :-moz-ui-invalid {
956
956
  box-shadow: none;
957
957
  }
958
- button,input:where([type=button],[type=reset],[type=submit]) {
958
+ .turtle-widget-root button, .turtle-widget-root input:where([type=button],[type=reset],[type=submit]) {
959
959
  -webkit-appearance: button;
960
960
  -moz-appearance: button;
961
961
  appearance: button;
962
962
  }
963
- ::file-selector-button {
963
+ .turtle-widget-root ::file-selector-button {
964
964
  -webkit-appearance: button;
965
965
  -moz-appearance: button;
966
966
  appearance: button;
967
967
  }
968
- ::-webkit-inner-spin-button {
968
+ .turtle-widget-root ::-webkit-inner-spin-button {
969
969
  height: auto;
970
970
  }
971
- ::-webkit-outer-spin-button {
971
+ .turtle-widget-root ::-webkit-outer-spin-button {
972
972
  height: auto;
973
973
  }
974
- [hidden]:where(:not([hidden=until-found])) {
974
+ .turtle-widget-root [hidden]:where(:not([hidden=until-found])) {
975
975
  display: none !important;
976
976
  }
977
- * {
977
+ .turtle-widget-root * {
978
978
  border-color: var(--border);
979
979
  outline-color: var(--ring);
980
980
  }
981
981
  @supports (color:color-mix(in lab,red,red)) {
982
- * {
982
+ .turtle-widget-root * {
983
983
  outline-color: var(--ring);
984
984
  @supports (color: color-mix(in lab, red, red)) {
985
985
  outline-color: color-mix(in oklab,var(--ring)50%,transparent);
986
986
  }
987
987
  }
988
988
  }
989
- html,body {
989
+ .turtle-widget-root, .turtle-widget-root {
990
990
  width: 100%;
991
991
  height: 100%;
992
992
  font-family: var(--font-sans);
993
993
  -webkit-font-smoothing: antialiased;
994
994
  -moz-osx-font-smoothing: grayscale;
995
995
  }
996
- body {
996
+ .turtle-widget-root {
997
997
  background-color: var(--background);
998
998
  color: var(--foreground);
999
999
  }
1000
1000
  }
1001
1001
  @layer components {
1002
- .managed-table {
1002
+ .turtle-widget-root .managed-table {
1003
1003
  border-collapse: separate;
1004
1004
  border-spacing: 0 10px;
1005
1005
  }
1006
- .managed-table tr {
1006
+ .turtle-widget-root .managed-table tr {
1007
1007
  font-size: var(--text-sm);
1008
1008
  line-height: var(--tw-leading,var(--text-sm--line-height));
1009
1009
  }
1010
1010
  @media (hover:hover) {
1011
- .managed-table tr:hover {
1011
+ .turtle-widget-root .managed-table tr:hover {
1012
1012
  background-color: #0000;
1013
1013
  }
1014
1014
  }
1015
- .managed-table thead tr th {
1015
+ .turtle-widget-root .managed-table thead tr th {
1016
1016
  height: calc(var(--spacing)*6);
1017
1017
  padding-inline: calc(var(--spacing)*3);
1018
1018
  padding-block: calc(var(--spacing)*1);
@@ -1022,42 +1022,42 @@
1022
1022
  font-weight: var(--font-weight-normal);
1023
1023
  color: var(--muted-foreground);
1024
1024
  }
1025
- .managed-table tbody tr>td {
1025
+ .turtle-widget-root .managed-table tbody tr>td {
1026
1026
  background-color: var(--muted);
1027
1027
  height: 38px;
1028
1028
  }
1029
1029
  @supports (color:color-mix(in lab,red,red)) {
1030
- .managed-table tbody tr>td {
1030
+ .turtle-widget-root .managed-table tbody tr>td {
1031
1031
  background-color: var(--muted);
1032
1032
  @supports (color: color-mix(in lab, red, red)) {
1033
1033
  background-color: color-mix(in oklab,var(--muted)5%,transparent);
1034
1034
  }
1035
1035
  }
1036
1036
  }
1037
- .managed-table tbody tr>td {
1037
+ .turtle-widget-root .managed-table tbody tr>td {
1038
1038
  --tw-font-weight: var(--font-weight-normal);
1039
1039
  font-weight: var(--font-weight-normal);
1040
1040
  }
1041
1041
  @media (min-width:64rem) {
1042
- .managed-table tbody tr>td {
1042
+ .turtle-widget-root .managed-table tbody tr>td {
1043
1043
  padding-block: calc(var(--spacing)*1);
1044
1044
  }
1045
1045
  }
1046
- .managed-table tbody tr>td:first-child {
1046
+ .turtle-widget-root .managed-table tbody tr>td:first-child {
1047
1047
  padding-left: calc(var(--spacing)*4);
1048
1048
  border-top-left-radius: 3.40282e38px;
1049
1049
  border-bottom-left-radius: 3.40282e38px;
1050
1050
  }
1051
- .managed-table tbody tr>td:last-child {
1051
+ .turtle-widget-root .managed-table tbody tr>td:last-child {
1052
1052
  padding-right: calc(var(--spacing)*4);
1053
1053
  border-top-right-radius: 3.40282e38px;
1054
1054
  border-bottom-right-radius: 3.40282e38px;
1055
1055
  }
1056
- .managed-table tbody tr:hover>td {
1056
+ .turtle-widget-root .managed-table tbody tr:hover>td {
1057
1057
  background-color: var(--muted);
1058
1058
  }
1059
1059
  @supports (color:color-mix(in lab,red,red)) {
1060
- .managed-table tbody tr:hover>td {
1060
+ .turtle-widget-root .managed-table tbody tr:hover>td {
1061
1061
  background-color: var(--muted);
1062
1062
  @supports (color: color-mix(in lab, red, red)) {
1063
1063
  background-color: color-mix(in oklab,var(--muted)40%,transparent);
@@ -1066,1404 +1066,1407 @@
1066
1066
  }
1067
1067
  }
1068
1068
  @layer utilities {
1069
- .pointer-events-none {
1069
+ .turtle-widget-root .pointer-events-none {
1070
1070
  pointer-events: none;
1071
1071
  }
1072
- .absolute {
1072
+ .turtle-widget-root .absolute {
1073
1073
  position: absolute;
1074
1074
  }
1075
- .fixed {
1075
+ .turtle-widget-root .fixed {
1076
1076
  position: fixed;
1077
1077
  }
1078
- .relative {
1078
+ .turtle-widget-root .relative {
1079
1079
  position: relative;
1080
1080
  }
1081
- .inset-0 {
1081
+ .turtle-widget-root .inset-0 {
1082
1082
  inset: calc(var(--spacing)*0);
1083
1083
  }
1084
- .right-2 {
1084
+ .turtle-widget-root .right-2 {
1085
1085
  right: calc(var(--spacing)*2);
1086
1086
  }
1087
- .bottom-0 {
1087
+ .turtle-widget-root .bottom-0 {
1088
1088
  bottom: calc(var(--spacing)*0);
1089
1089
  }
1090
- .z-10 {
1090
+ .turtle-widget-root .z-10 {
1091
1091
  z-index: 10;
1092
1092
  }
1093
- .z-50 {
1093
+ .turtle-widget-root .z-50 {
1094
1094
  z-index: 50;
1095
1095
  }
1096
- .z-\[1\] {
1096
+ .turtle-widget-root .z-\[1\] {
1097
1097
  z-index: 1;
1098
1098
  }
1099
- .container {
1099
+ .turtle-widget-root .container {
1100
1100
  width: 100%;
1101
1101
  }
1102
1102
  @media (min-width:40rem) {
1103
- .container {
1103
+ .turtle-widget-root .container {
1104
1104
  max-width: 40rem;
1105
1105
  }
1106
1106
  }
1107
1107
  @media (min-width:48rem) {
1108
- .container {
1108
+ .turtle-widget-root .container {
1109
1109
  max-width: 48rem;
1110
1110
  }
1111
1111
  }
1112
1112
  @media (min-width:64rem) {
1113
- .container {
1113
+ .turtle-widget-root .container {
1114
1114
  max-width: 64rem;
1115
1115
  }
1116
1116
  }
1117
1117
  @media (min-width:80rem) {
1118
- .container {
1118
+ .turtle-widget-root .container {
1119
1119
  max-width: 80rem;
1120
1120
  }
1121
1121
  }
1122
1122
  @media (min-width:96rem) {
1123
- .container {
1123
+ .turtle-widget-root .container {
1124
1124
  max-width: 96rem;
1125
1125
  }
1126
1126
  }
1127
- .-mx-1 {
1127
+ .turtle-widget-root .-mx-1 {
1128
1128
  margin-inline: calc(var(--spacing)*-1);
1129
1129
  }
1130
- .my-1 {
1130
+ .turtle-widget-root .my-1 {
1131
1131
  margin-block: calc(var(--spacing)*1);
1132
1132
  }
1133
- .mb-2 {
1133
+ .turtle-widget-root .mb-2 {
1134
1134
  margin-bottom: calc(var(--spacing)*2);
1135
1135
  }
1136
- .ml-2 {
1136
+ .turtle-widget-root .ml-2 {
1137
1137
  margin-left: calc(var(--spacing)*2);
1138
1138
  }
1139
- .block {
1139
+ .turtle-widget-root .ml-auto {
1140
+ margin-left: auto;
1141
+ }
1142
+ .turtle-widget-root .block {
1140
1143
  display: block;
1141
1144
  }
1142
- .flex {
1145
+ .turtle-widget-root .flex {
1143
1146
  display: flex;
1144
1147
  }
1145
- .grid {
1148
+ .turtle-widget-root .grid {
1146
1149
  display: grid;
1147
1150
  }
1148
- .inline-flex {
1151
+ .turtle-widget-root .inline-flex {
1149
1152
  display: inline-flex;
1150
1153
  }
1151
- .size-2\.5 {
1154
+ .turtle-widget-root .size-2\.5 {
1152
1155
  width: calc(var(--spacing)*2.5);
1153
1156
  height: calc(var(--spacing)*2.5);
1154
1157
  }
1155
- .size-3\.5 {
1158
+ .turtle-widget-root .size-3\.5 {
1156
1159
  width: calc(var(--spacing)*3.5);
1157
1160
  height: calc(var(--spacing)*3.5);
1158
1161
  }
1159
- .size-4 {
1162
+ .turtle-widget-root .size-4 {
1160
1163
  width: calc(var(--spacing)*4);
1161
1164
  height: calc(var(--spacing)*4);
1162
1165
  }
1163
- .size-9 {
1166
+ .turtle-widget-root .size-9 {
1164
1167
  width: calc(var(--spacing)*9);
1165
1168
  height: calc(var(--spacing)*9);
1166
1169
  }
1167
- .h-2 {
1170
+ .turtle-widget-root .h-2 {
1168
1171
  height: calc(var(--spacing)*2);
1169
1172
  }
1170
- .h-2\.5 {
1173
+ .turtle-widget-root .h-2\.5 {
1171
1174
  height: calc(var(--spacing)*2.5);
1172
1175
  }
1173
- .h-3 {
1176
+ .turtle-widget-root .h-3 {
1174
1177
  height: calc(var(--spacing)*3);
1175
1178
  }
1176
- .h-3\.5 {
1179
+ .turtle-widget-root .h-3\.5 {
1177
1180
  height: calc(var(--spacing)*3.5);
1178
1181
  }
1179
- .h-4 {
1182
+ .turtle-widget-root .h-4 {
1180
1183
  height: calc(var(--spacing)*4);
1181
1184
  }
1182
- .h-5 {
1185
+ .turtle-widget-root .h-5 {
1183
1186
  height: calc(var(--spacing)*5);
1184
1187
  }
1185
- .h-6 {
1188
+ .turtle-widget-root .h-6 {
1186
1189
  height: calc(var(--spacing)*6);
1187
1190
  }
1188
- .h-7 {
1191
+ .turtle-widget-root .h-7 {
1189
1192
  height: calc(var(--spacing)*7);
1190
1193
  }
1191
- .h-8 {
1194
+ .turtle-widget-root .h-8 {
1192
1195
  height: calc(var(--spacing)*8);
1193
1196
  }
1194
- .h-9 {
1197
+ .turtle-widget-root .h-9 {
1195
1198
  height: calc(var(--spacing)*9);
1196
1199
  }
1197
- .h-10 {
1200
+ .turtle-widget-root .h-10 {
1198
1201
  height: calc(var(--spacing)*10);
1199
1202
  }
1200
- .h-12 {
1203
+ .turtle-widget-root .h-12 {
1201
1204
  height: calc(var(--spacing)*12);
1202
1205
  }
1203
- .h-16 {
1206
+ .turtle-widget-root .h-16 {
1204
1207
  height: calc(var(--spacing)*16);
1205
1208
  }
1206
- .h-20 {
1209
+ .turtle-widget-root .h-20 {
1207
1210
  height: calc(var(--spacing)*20);
1208
1211
  }
1209
- .h-\[1\.15rem\] {
1212
+ .turtle-widget-root .h-\[1\.15rem\] {
1210
1213
  height: 1.15rem;
1211
1214
  }
1212
- .h-\[var\(--radix-select-trigger-height\)\] {
1215
+ .turtle-widget-root .h-\[var\(--radix-select-trigger-height\)\] {
1213
1216
  height: var(--radix-select-trigger-height);
1214
1217
  }
1215
- .h-auto {
1218
+ .turtle-widget-root .h-auto {
1216
1219
  height: auto;
1217
1220
  }
1218
- .h-full {
1221
+ .turtle-widget-root .h-full {
1219
1222
  height: 100%;
1220
1223
  }
1221
- .h-px {
1224
+ .turtle-widget-root .h-px {
1222
1225
  height: 1px;
1223
1226
  }
1224
- .max-h-\(--radix-select-content-available-height\) {
1227
+ .turtle-widget-root .max-h-\(--radix-select-content-available-height\) {
1225
1228
  max-height: var(--radix-select-content-available-height);
1226
1229
  }
1227
- .max-h-\[600px\] {
1230
+ .turtle-widget-root .max-h-\[600px\] {
1228
1231
  max-height: 600px;
1229
1232
  }
1230
- .w-2 {
1233
+ .turtle-widget-root .w-2 {
1231
1234
  width: calc(var(--spacing)*2);
1232
1235
  }
1233
- .w-2\.5 {
1236
+ .turtle-widget-root .w-2\.5 {
1234
1237
  width: calc(var(--spacing)*2.5);
1235
1238
  }
1236
- .w-3 {
1239
+ .turtle-widget-root .w-3 {
1237
1240
  width: calc(var(--spacing)*3);
1238
1241
  }
1239
- .w-3\.5 {
1242
+ .turtle-widget-root .w-3\.5 {
1240
1243
  width: calc(var(--spacing)*3.5);
1241
1244
  }
1242
- .w-4 {
1245
+ .turtle-widget-root .w-4 {
1243
1246
  width: calc(var(--spacing)*4);
1244
1247
  }
1245
- .w-5 {
1248
+ .turtle-widget-root .w-5 {
1246
1249
  width: calc(var(--spacing)*5);
1247
1250
  }
1248
- .w-6 {
1251
+ .turtle-widget-root .w-6 {
1249
1252
  width: calc(var(--spacing)*6);
1250
1253
  }
1251
- .w-8 {
1254
+ .turtle-widget-root .w-8 {
1252
1255
  width: calc(var(--spacing)*8);
1253
1256
  }
1254
- .w-10 {
1257
+ .turtle-widget-root .w-10 {
1255
1258
  width: calc(var(--spacing)*10);
1256
1259
  }
1257
- .w-12 {
1260
+ .turtle-widget-root .w-12 {
1258
1261
  width: calc(var(--spacing)*12);
1259
1262
  }
1260
- .w-16 {
1263
+ .turtle-widget-root .w-16 {
1261
1264
  width: calc(var(--spacing)*16);
1262
1265
  }
1263
- .w-20 {
1266
+ .turtle-widget-root .w-20 {
1264
1267
  width: calc(var(--spacing)*20);
1265
1268
  }
1266
- .w-auto {
1269
+ .turtle-widget-root .w-auto {
1267
1270
  width: auto;
1268
1271
  }
1269
- .w-fit {
1272
+ .turtle-widget-root .w-fit {
1270
1273
  width: fit-content;
1271
1274
  }
1272
- .w-full {
1275
+ .turtle-widget-root .w-full {
1273
1276
  width: 100%;
1274
1277
  }
1275
- .min-w-0 {
1278
+ .turtle-widget-root .min-w-0 {
1276
1279
  min-width: calc(var(--spacing)*0);
1277
1280
  }
1278
- .min-w-8 {
1281
+ .turtle-widget-root .min-w-8 {
1279
1282
  min-width: calc(var(--spacing)*8);
1280
1283
  }
1281
- .min-w-9 {
1284
+ .turtle-widget-root .min-w-9 {
1282
1285
  min-width: calc(var(--spacing)*9);
1283
1286
  }
1284
- .min-w-10 {
1287
+ .turtle-widget-root .min-w-10 {
1285
1288
  min-width: calc(var(--spacing)*10);
1286
1289
  }
1287
- .min-w-\[8rem\] {
1290
+ .turtle-widget-root .min-w-\[8rem\] {
1288
1291
  min-width: 8rem;
1289
1292
  }
1290
- .min-w-\[75px\] {
1293
+ .turtle-widget-root .min-w-\[75px\] {
1291
1294
  min-width: 75px;
1292
1295
  }
1293
- .min-w-\[80px\] {
1296
+ .turtle-widget-root .min-w-\[80px\] {
1294
1297
  min-width: 80px;
1295
1298
  }
1296
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1299
+ .turtle-widget-root .min-w-\[var\(--radix-select-trigger-width\)\] {
1297
1300
  min-width: var(--radix-select-trigger-width);
1298
1301
  }
1299
- .flex-1 {
1302
+ .turtle-widget-root .flex-1 {
1300
1303
  flex: 1;
1301
1304
  }
1302
- .flex-shrink-0,.shrink-0 {
1305
+ .turtle-widget-root .flex-shrink-0, .turtle-widget-root .shrink-0 {
1303
1306
  flex-shrink: 0;
1304
1307
  }
1305
- .origin-\(--radix-select-content-transform-origin\) {
1308
+ .turtle-widget-root .origin-\(--radix-select-content-transform-origin\) {
1306
1309
  transform-origin: var(--radix-select-content-transform-origin);
1307
1310
  }
1308
- .origin-\(--radix-tooltip-content-transform-origin\) {
1311
+ .turtle-widget-root .origin-\(--radix-tooltip-content-transform-origin\) {
1309
1312
  transform-origin: var(--radix-tooltip-content-transform-origin);
1310
1313
  }
1311
- .origin-left {
1314
+ .turtle-widget-root .origin-left {
1312
1315
  transform-origin: 0;
1313
1316
  }
1314
- .translate-y-\[calc\(-50\%_-_2px\)\] {
1317
+ .turtle-widget-root .translate-y-\[calc\(-50\%_-_2px\)\] {
1315
1318
  --tw-translate-y: calc(-50% - 2px);
1316
1319
  translate: var(--tw-translate-x)var(--tw-translate-y);
1317
1320
  }
1318
- .rotate-45 {
1321
+ .turtle-widget-root .rotate-45 {
1319
1322
  rotate: 45deg;
1320
1323
  }
1321
- .animate-in {
1324
+ .turtle-widget-root .animate-in {
1322
1325
  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1323
1326
  }
1324
- .animate-none {
1327
+ .turtle-widget-root .animate-none {
1325
1328
  animation: none;
1326
1329
  }
1327
- .animate-pulse {
1330
+ .turtle-widget-root .animate-pulse {
1328
1331
  animation: var(--animate-pulse);
1329
1332
  }
1330
- .animate-spin {
1333
+ .turtle-widget-root .animate-spin {
1331
1334
  animation: var(--animate-spin);
1332
1335
  }
1333
- .cursor-default {
1336
+ .turtle-widget-root .cursor-default {
1334
1337
  cursor: default;
1335
1338
  }
1336
- .cursor-not-allowed {
1339
+ .turtle-widget-root .cursor-not-allowed {
1337
1340
  cursor: not-allowed;
1338
1341
  }
1339
- .cursor-pointer {
1342
+ .turtle-widget-root .cursor-pointer {
1340
1343
  cursor: pointer;
1341
1344
  }
1342
- .touch-none {
1345
+ .turtle-widget-root .touch-none {
1343
1346
  touch-action: none;
1344
1347
  }
1345
- .scroll-my-1 {
1348
+ .turtle-widget-root .scroll-my-1 {
1346
1349
  scroll-margin-block: calc(var(--spacing)*1);
1347
1350
  }
1348
- .grid-cols-3 {
1351
+ .turtle-widget-root .grid-cols-3 {
1349
1352
  grid-template-columns: repeat(3,minmax(0,1fr));
1350
1353
  }
1351
- .flex-col {
1354
+ .turtle-widget-root .flex-col {
1352
1355
  flex-direction: column;
1353
1356
  }
1354
- .flex-row {
1357
+ .turtle-widget-root .flex-row {
1355
1358
  flex-direction: row;
1356
1359
  }
1357
- .flex-row-reverse {
1360
+ .turtle-widget-root .flex-row-reverse {
1358
1361
  flex-direction: row-reverse;
1359
1362
  }
1360
- .flex-wrap {
1363
+ .turtle-widget-root .flex-wrap {
1361
1364
  flex-wrap: wrap;
1362
1365
  }
1363
- .items-center {
1366
+ .turtle-widget-root .items-center {
1364
1367
  align-items: center;
1365
1368
  }
1366
- .items-start {
1369
+ .turtle-widget-root .items-start {
1367
1370
  align-items: flex-start;
1368
1371
  }
1369
- .justify-between {
1372
+ .turtle-widget-root .justify-between {
1370
1373
  justify-content: space-between;
1371
1374
  }
1372
- .justify-center {
1375
+ .turtle-widget-root .justify-center {
1373
1376
  justify-content: center;
1374
1377
  }
1375
- .justify-end {
1378
+ .turtle-widget-root .justify-end {
1376
1379
  justify-content: flex-end;
1377
1380
  }
1378
- .justify-start {
1381
+ .turtle-widget-root .justify-start {
1379
1382
  justify-content: flex-start;
1380
1383
  }
1381
- .gap-1 {
1384
+ .turtle-widget-root .gap-1 {
1382
1385
  gap: calc(var(--spacing)*1);
1383
1386
  }
1384
- .gap-1\.5 {
1387
+ .turtle-widget-root .gap-1\.5 {
1385
1388
  gap: calc(var(--spacing)*1.5);
1386
1389
  }
1387
- .gap-2 {
1390
+ .turtle-widget-root .gap-2 {
1388
1391
  gap: calc(var(--spacing)*2);
1389
1392
  }
1390
- .gap-3 {
1393
+ .turtle-widget-root .gap-3 {
1391
1394
  gap: calc(var(--spacing)*3);
1392
1395
  }
1393
- .gap-4 {
1396
+ .turtle-widget-root .gap-4 {
1394
1397
  gap: calc(var(--spacing)*4);
1395
1398
  }
1396
- :where(.space-y-1>:not(:last-child)) {
1399
+ .turtle-widget-root :where(.space-y-1>:not(:last-child)) {
1397
1400
  --tw-space-y-reverse: 0;
1398
1401
  margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
1399
1402
  margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));
1400
1403
  }
1401
- :where(.space-y-1\.5>:not(:last-child)) {
1404
+ .turtle-widget-root :where(.space-y-1\.5>:not(:last-child)) {
1402
1405
  --tw-space-y-reverse: 0;
1403
1406
  margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
1404
1407
  margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)));
1405
1408
  }
1406
- :where(.space-y-2>:not(:last-child)) {
1409
+ .turtle-widget-root :where(.space-y-2>:not(:last-child)) {
1407
1410
  --tw-space-y-reverse: 0;
1408
1411
  margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
1409
1412
  margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)));
1410
1413
  }
1411
- :where(.space-y-3>:not(:last-child)) {
1414
+ .turtle-widget-root :where(.space-y-3>:not(:last-child)) {
1412
1415
  --tw-space-y-reverse: 0;
1413
1416
  margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
1414
1417
  margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));
1415
1418
  }
1416
- :where(.space-y-4>:not(:last-child)) {
1419
+ .turtle-widget-root :where(.space-y-4>:not(:last-child)) {
1417
1420
  --tw-space-y-reverse: 0;
1418
1421
  margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
1419
1422
  margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
1420
1423
  }
1421
- .truncate {
1424
+ .turtle-widget-root .truncate {
1422
1425
  text-overflow: ellipsis;
1423
1426
  white-space: nowrap;
1424
1427
  overflow: hidden;
1425
1428
  }
1426
- .overflow-auto {
1429
+ .turtle-widget-root .overflow-auto {
1427
1430
  overflow: auto;
1428
1431
  }
1429
- .overflow-hidden {
1432
+ .turtle-widget-root .overflow-hidden {
1430
1433
  overflow: hidden;
1431
1434
  }
1432
- .overflow-x-auto {
1435
+ .turtle-widget-root .overflow-x-auto {
1433
1436
  overflow-x: auto;
1434
1437
  }
1435
- .overflow-x-hidden {
1438
+ .turtle-widget-root .overflow-x-hidden {
1436
1439
  overflow-x: hidden;
1437
1440
  }
1438
- .overflow-y-auto {
1441
+ .turtle-widget-root .overflow-y-auto {
1439
1442
  overflow-y: auto;
1440
1443
  }
1441
- .rounded {
1444
+ .turtle-widget-root .rounded {
1442
1445
  border-radius: .25rem;
1443
1446
  }
1444
- .rounded-\[2px\] {
1447
+ .turtle-widget-root .rounded-\[2px\] {
1445
1448
  border-radius: 2px;
1446
1449
  }
1447
- .rounded-\[inherit\] {
1450
+ .turtle-widget-root .rounded-\[inherit\] {
1448
1451
  border-radius: inherit;
1449
1452
  }
1450
- .rounded-full {
1453
+ .turtle-widget-root .rounded-full {
1451
1454
  border-radius: 3.40282e38px;
1452
1455
  }
1453
- .rounded-lg {
1456
+ .turtle-widget-root .rounded-lg {
1454
1457
  border-radius: var(--radius);
1455
1458
  }
1456
- .rounded-md {
1459
+ .turtle-widget-root .rounded-md {
1457
1460
  border-radius: calc(var(--radius) - 2px);
1458
1461
  }
1459
- .rounded-none {
1462
+ .turtle-widget-root .rounded-none {
1460
1463
  border-radius: 0;
1461
1464
  }
1462
- .rounded-sm {
1465
+ .turtle-widget-root .rounded-sm {
1463
1466
  border-radius: calc(var(--radius) - 4px);
1464
1467
  }
1465
- .rounded-xl {
1468
+ .turtle-widget-root .rounded-xl {
1466
1469
  border-radius: calc(var(--radius) + 4px);
1467
1470
  }
1468
- .border,.border-1 {
1471
+ .turtle-widget-root .border, .turtle-widget-root .border-1 {
1469
1472
  border-style: var(--tw-border-style);
1470
1473
  border-width: 1px;
1471
1474
  }
1472
- .border-2 {
1475
+ .turtle-widget-root .border-2 {
1473
1476
  border-style: var(--tw-border-style);
1474
1477
  border-width: 2px;
1475
1478
  }
1476
- .border-t {
1479
+ .turtle-widget-root .border-t {
1477
1480
  border-top-style: var(--tw-border-style);
1478
1481
  border-top-width: 1px;
1479
1482
  }
1480
- .border-l {
1483
+ .turtle-widget-root .border-l {
1481
1484
  border-left-style: var(--tw-border-style);
1482
1485
  border-left-width: 1px;
1483
1486
  }
1484
- .border-none {
1487
+ .turtle-widget-root .border-none {
1485
1488
  --tw-border-style: none;
1486
1489
  border-style: none;
1487
1490
  }
1488
- .border-border {
1491
+ .turtle-widget-root .border-border {
1489
1492
  border-color: var(--border);
1490
1493
  }
1491
- .border-foreground\/30 {
1494
+ .turtle-widget-root .border-foreground\/30 {
1492
1495
  border-color: var(--foreground);
1493
1496
  }
1494
1497
  @supports (color:color-mix(in lab,red,red)) {
1495
- .border-foreground\/30 {
1498
+ .turtle-widget-root .border-foreground\/30 {
1496
1499
  border-color: var(--foreground);
1497
1500
  @supports (color: color-mix(in lab, red, red)) {
1498
1501
  border-color: color-mix(in oklab,var(--foreground)30%,transparent);
1499
1502
  }
1500
1503
  }
1501
1504
  }
1502
- .border-input {
1505
+ .turtle-widget-root .border-input {
1503
1506
  border-color: var(--input);
1504
1507
  }
1505
- .border-muted {
1508
+ .turtle-widget-root .border-muted {
1506
1509
  border-color: var(--muted);
1507
1510
  }
1508
- .border-muted-foreground\/30 {
1511
+ .turtle-widget-root .border-muted-foreground\/30 {
1509
1512
  border-color: var(--muted-foreground);
1510
1513
  }
1511
1514
  @supports (color:color-mix(in lab,red,red)) {
1512
- .border-muted-foreground\/30 {
1515
+ .turtle-widget-root .border-muted-foreground\/30 {
1513
1516
  border-color: var(--muted-foreground);
1514
1517
  @supports (color: color-mix(in lab, red, red)) {
1515
1518
  border-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1516
1519
  }
1517
1520
  }
1518
1521
  }
1519
- .border-primary {
1522
+ .turtle-widget-root .border-primary {
1520
1523
  border-color: var(--primary);
1521
1524
  }
1522
- .border-secondary {
1525
+ .turtle-widget-root .border-secondary {
1523
1526
  border-color: var(--secondary);
1524
1527
  }
1525
- .border-transparent {
1528
+ .turtle-widget-root .border-transparent {
1526
1529
  border-color: #0000;
1527
1530
  }
1528
- .border-t-transparent {
1531
+ .turtle-widget-root .border-t-transparent {
1529
1532
  border-top-color: #0000;
1530
1533
  }
1531
- .border-l-transparent {
1534
+ .turtle-widget-root .border-l-transparent {
1532
1535
  border-left-color: #0000;
1533
1536
  }
1534
- .bg-background {
1537
+ .turtle-widget-root .bg-background {
1535
1538
  background-color: var(--background);
1536
1539
  }
1537
- .bg-border {
1540
+ .turtle-widget-root .bg-border {
1538
1541
  background-color: var(--border);
1539
1542
  }
1540
- .bg-muted {
1543
+ .turtle-widget-root .bg-muted {
1541
1544
  background-color: var(--muted);
1542
1545
  }
1543
- .bg-muted-foreground\/30 {
1546
+ .turtle-widget-root .bg-muted-foreground\/30 {
1544
1547
  background-color: var(--muted-foreground);
1545
1548
  }
1546
1549
  @supports (color:color-mix(in lab,red,red)) {
1547
- .bg-muted-foreground\/30 {
1550
+ .turtle-widget-root .bg-muted-foreground\/30 {
1548
1551
  background-color: var(--muted-foreground);
1549
1552
  @supports (color: color-mix(in lab, red, red)) {
1550
1553
  background-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1551
1554
  }
1552
1555
  }
1553
1556
  }
1554
- .bg-muted\/50 {
1557
+ .turtle-widget-root .bg-muted\/50 {
1555
1558
  background-color: var(--muted);
1556
1559
  }
1557
1560
  @supports (color:color-mix(in lab,red,red)) {
1558
- .bg-muted\/50 {
1561
+ .turtle-widget-root .bg-muted\/50 {
1559
1562
  background-color: var(--muted);
1560
1563
  @supports (color: color-mix(in lab, red, red)) {
1561
1564
  background-color: color-mix(in oklab,var(--muted)50%,transparent);
1562
1565
  }
1563
1566
  }
1564
1567
  }
1565
- .bg-primary,.bg-primary\/10 {
1568
+ .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/10 {
1566
1569
  background-color: var(--primary);
1567
1570
  }
1568
1571
  @supports (color:color-mix(in lab,red,red)) {
1569
- .bg-primary\/10 {
1572
+ .turtle-widget-root .bg-primary\/10 {
1570
1573
  background-color: var(--primary);
1571
1574
  @supports (color: color-mix(in lab, red, red)) {
1572
1575
  background-color: color-mix(in oklab,var(--primary)10%,transparent);
1573
1576
  }
1574
1577
  }
1575
1578
  }
1576
- .bg-primary\/20 {
1579
+ .turtle-widget-root .bg-primary\/20 {
1577
1580
  background-color: var(--primary);
1578
1581
  }
1579
1582
  @supports (color:color-mix(in lab,red,red)) {
1580
- .bg-primary\/20 {
1583
+ .turtle-widget-root .bg-primary\/20 {
1581
1584
  background-color: var(--primary);
1582
1585
  @supports (color: color-mix(in lab, red, red)) {
1583
1586
  background-color: color-mix(in oklab,var(--primary)20%,transparent);
1584
1587
  }
1585
1588
  }
1586
1589
  }
1587
- .bg-secondary {
1590
+ .turtle-widget-root .bg-secondary {
1588
1591
  background-color: var(--secondary);
1589
1592
  }
1590
- .bg-transparent {
1593
+ .turtle-widget-root .bg-transparent {
1591
1594
  background-color: #0000;
1592
1595
  }
1593
- .bg-gradient-to-r {
1596
+ .turtle-widget-root .bg-gradient-to-r {
1594
1597
  --tw-gradient-position: to right in oklab;
1595
1598
  background-image: linear-gradient(var(--tw-gradient-stops));
1596
1599
  }
1597
- .from-transparent {
1600
+ .turtle-widget-root .from-transparent {
1598
1601
  --tw-gradient-from: transparent;
1599
1602
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
1600
1603
  }
1601
- .via-primary {
1604
+ .turtle-widget-root .via-primary {
1602
1605
  --tw-gradient-via: var(--primary);
1603
1606
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
1604
1607
  --tw-gradient-stops: var(--tw-gradient-via-stops);
1605
1608
  }
1606
- .to-transparent {
1609
+ .turtle-widget-root .to-transparent {
1607
1610
  --tw-gradient-to: transparent;
1608
1611
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
1609
1612
  }
1610
- .fill-primary {
1613
+ .turtle-widget-root .fill-primary {
1611
1614
  fill: var(--primary);
1612
1615
  }
1613
- .object-contain {
1616
+ .turtle-widget-root .object-contain {
1614
1617
  object-fit: contain;
1615
1618
  }
1616
- .p-0 {
1619
+ .turtle-widget-root .p-0 {
1617
1620
  padding: calc(var(--spacing)*0);
1618
1621
  }
1619
- .p-1 {
1622
+ .turtle-widget-root .p-1 {
1620
1623
  padding: calc(var(--spacing)*1);
1621
1624
  }
1622
- .p-2 {
1625
+ .turtle-widget-root .p-2 {
1623
1626
  padding: calc(var(--spacing)*2);
1624
1627
  }
1625
- .p-3 {
1628
+ .turtle-widget-root .p-3 {
1626
1629
  padding: calc(var(--spacing)*3);
1627
1630
  }
1628
- .p-4 {
1631
+ .turtle-widget-root .p-4 {
1629
1632
  padding: calc(var(--spacing)*4);
1630
1633
  }
1631
- .p-6 {
1634
+ .turtle-widget-root .p-6 {
1632
1635
  padding: calc(var(--spacing)*6);
1633
1636
  }
1634
- .p-8 {
1637
+ .turtle-widget-root .p-8 {
1635
1638
  padding: calc(var(--spacing)*8);
1636
1639
  }
1637
- .p-\[1px\],.p-px {
1640
+ .turtle-widget-root .p-\[1px\], .turtle-widget-root .p-px {
1638
1641
  padding: 1px;
1639
1642
  }
1640
- .px-1\.5 {
1643
+ .turtle-widget-root .px-1\.5 {
1641
1644
  padding-inline: calc(var(--spacing)*1.5);
1642
1645
  }
1643
- .px-2 {
1646
+ .turtle-widget-root .px-2 {
1644
1647
  padding-inline: calc(var(--spacing)*2);
1645
1648
  }
1646
- .px-2\.5 {
1649
+ .turtle-widget-root .px-2\.5 {
1647
1650
  padding-inline: calc(var(--spacing)*2.5);
1648
1651
  }
1649
- .px-3 {
1652
+ .turtle-widget-root .px-3 {
1650
1653
  padding-inline: calc(var(--spacing)*3);
1651
1654
  }
1652
- .px-4 {
1655
+ .turtle-widget-root .px-4 {
1653
1656
  padding-inline: calc(var(--spacing)*4);
1654
1657
  }
1655
- .px-6 {
1658
+ .turtle-widget-root .px-6 {
1656
1659
  padding-inline: calc(var(--spacing)*6);
1657
1660
  }
1658
- .py-0\.5 {
1661
+ .turtle-widget-root .py-0\.5 {
1659
1662
  padding-block: calc(var(--spacing)*.5);
1660
1663
  }
1661
- .py-1 {
1664
+ .turtle-widget-root .py-1 {
1662
1665
  padding-block: calc(var(--spacing)*1);
1663
1666
  }
1664
- .py-1\.5 {
1667
+ .turtle-widget-root .py-1\.5 {
1665
1668
  padding-block: calc(var(--spacing)*1.5);
1666
1669
  }
1667
- .py-2 {
1670
+ .turtle-widget-root .py-2 {
1668
1671
  padding-block: calc(var(--spacing)*2);
1669
1672
  }
1670
- .py-3 {
1673
+ .turtle-widget-root .py-3 {
1671
1674
  padding-block: calc(var(--spacing)*3);
1672
1675
  }
1673
- .py-4 {
1676
+ .turtle-widget-root .py-4 {
1674
1677
  padding-block: calc(var(--spacing)*4);
1675
1678
  }
1676
- .py-8 {
1679
+ .turtle-widget-root .py-8 {
1677
1680
  padding-block: calc(var(--spacing)*8);
1678
1681
  }
1679
- .pt-0 {
1682
+ .turtle-widget-root .pt-0 {
1680
1683
  padding-top: calc(var(--spacing)*0);
1681
1684
  }
1682
- .pt-2 {
1685
+ .turtle-widget-root .pt-2 {
1683
1686
  padding-top: calc(var(--spacing)*2);
1684
1687
  }
1685
- .pr-8 {
1688
+ .turtle-widget-root .pr-8 {
1686
1689
  padding-right: calc(var(--spacing)*8);
1687
1690
  }
1688
- .pb-3 {
1691
+ .turtle-widget-root .pb-3 {
1689
1692
  padding-bottom: calc(var(--spacing)*3);
1690
1693
  }
1691
- .pl-2 {
1694
+ .turtle-widget-root .pl-2 {
1692
1695
  padding-left: calc(var(--spacing)*2);
1693
1696
  }
1694
- .text-center {
1697
+ .turtle-widget-root .text-center {
1695
1698
  text-align: center;
1696
1699
  }
1697
- .text-left {
1700
+ .turtle-widget-root .text-left {
1698
1701
  text-align: left;
1699
1702
  }
1700
- .text-right {
1703
+ .turtle-widget-root .text-right {
1701
1704
  text-align: right;
1702
1705
  }
1703
- .align-middle {
1706
+ .turtle-widget-root .align-middle {
1704
1707
  vertical-align: middle;
1705
1708
  }
1706
- .font-mono {
1709
+ .turtle-widget-root .font-mono {
1707
1710
  font-family: var(--font-mono);
1708
1711
  }
1709
- .text-2xl {
1712
+ .turtle-widget-root .text-2xl {
1710
1713
  font-size: var(--text-2xl);
1711
1714
  line-height: var(--tw-leading,var(--text-2xl--line-height));
1712
1715
  }
1713
- .text-3xl {
1716
+ .turtle-widget-root .text-3xl {
1714
1717
  font-size: var(--text-3xl);
1715
1718
  line-height: var(--tw-leading,var(--text-3xl--line-height));
1716
1719
  }
1717
- .text-4xl {
1720
+ .turtle-widget-root .text-4xl {
1718
1721
  font-size: var(--text-4xl);
1719
1722
  line-height: var(--tw-leading,var(--text-4xl--line-height));
1720
1723
  }
1721
- .text-5xl {
1724
+ .turtle-widget-root .text-5xl {
1722
1725
  font-size: var(--text-5xl);
1723
1726
  line-height: var(--tw-leading,var(--text-5xl--line-height));
1724
1727
  }
1725
- .text-6xl {
1728
+ .turtle-widget-root .text-6xl {
1726
1729
  font-size: var(--text-6xl);
1727
1730
  line-height: var(--tw-leading,var(--text-6xl--line-height));
1728
1731
  }
1729
- .text-7xl {
1732
+ .turtle-widget-root .text-7xl {
1730
1733
  font-size: var(--text-7xl);
1731
1734
  line-height: var(--tw-leading,var(--text-7xl--line-height));
1732
1735
  }
1733
- .text-8xl {
1736
+ .turtle-widget-root .text-8xl {
1734
1737
  font-size: var(--text-8xl);
1735
1738
  line-height: var(--tw-leading,var(--text-8xl--line-height));
1736
1739
  }
1737
- .text-base {
1740
+ .turtle-widget-root .text-base {
1738
1741
  font-size: var(--text-base);
1739
1742
  line-height: var(--tw-leading,var(--text-base--line-height));
1740
1743
  }
1741
- .text-lg {
1744
+ .turtle-widget-root .text-lg {
1742
1745
  font-size: var(--text-lg);
1743
1746
  line-height: var(--tw-leading,var(--text-lg--line-height));
1744
1747
  }
1745
- .text-sm {
1748
+ .turtle-widget-root .text-sm {
1746
1749
  font-size: var(--text-sm);
1747
1750
  line-height: var(--tw-leading,var(--text-sm--line-height));
1748
1751
  }
1749
- .text-xl {
1752
+ .turtle-widget-root .text-xl {
1750
1753
  font-size: var(--text-xl);
1751
1754
  line-height: var(--tw-leading,var(--text-xl--line-height));
1752
1755
  }
1753
- .text-xs {
1756
+ .turtle-widget-root .text-xs {
1754
1757
  font-size: var(--text-xs);
1755
1758
  line-height: var(--tw-leading,var(--text-xs--line-height));
1756
1759
  }
1757
- .leading-none {
1760
+ .turtle-widget-root .leading-none {
1758
1761
  --tw-leading: 1;
1759
1762
  line-height: 1;
1760
1763
  }
1761
- .font-bold {
1764
+ .turtle-widget-root .font-bold {
1762
1765
  --tw-font-weight: var(--font-weight-bold);
1763
1766
  font-weight: var(--font-weight-bold);
1764
1767
  }
1765
- .font-medium {
1768
+ .turtle-widget-root .font-medium {
1766
1769
  --tw-font-weight: var(--font-weight-medium);
1767
1770
  font-weight: var(--font-weight-medium);
1768
1771
  }
1769
- .font-normal {
1772
+ .turtle-widget-root .font-normal {
1770
1773
  --tw-font-weight: var(--font-weight-normal);
1771
1774
  font-weight: var(--font-weight-normal);
1772
1775
  }
1773
- .font-semibold {
1776
+ .turtle-widget-root .font-semibold {
1774
1777
  --tw-font-weight: var(--font-weight-semibold);
1775
1778
  font-weight: var(--font-weight-semibold);
1776
1779
  }
1777
- .tracking-tight {
1780
+ .turtle-widget-root .tracking-tight {
1778
1781
  --tw-tracking: var(--tracking-tight);
1779
1782
  letter-spacing: var(--tracking-tight);
1780
1783
  }
1781
- .text-balance {
1784
+ .turtle-widget-root .text-balance {
1782
1785
  text-wrap: balance;
1783
1786
  }
1784
- .whitespace-nowrap {
1787
+ .turtle-widget-root .whitespace-nowrap {
1785
1788
  white-space: nowrap;
1786
1789
  }
1787
- .text-destructive {
1790
+ .turtle-widget-root .text-destructive {
1788
1791
  color: var(--destructive);
1789
1792
  }
1790
- .text-foreground {
1793
+ .turtle-widget-root .text-foreground {
1791
1794
  color: var(--foreground);
1792
1795
  }
1793
- .text-green-600 {
1796
+ .turtle-widget-root .text-green-600 {
1794
1797
  color: var(--color-green-600);
1795
1798
  }
1796
- .text-muted-foreground,.text-muted-foreground\/70 {
1799
+ .turtle-widget-root .text-muted-foreground, .turtle-widget-root .text-muted-foreground\/70 {
1797
1800
  color: var(--muted-foreground);
1798
1801
  }
1799
1802
  @supports (color:color-mix(in lab,red,red)) {
1800
- .text-muted-foreground\/70 {
1803
+ .turtle-widget-root .text-muted-foreground\/70 {
1801
1804
  color: var(--muted-foreground);
1802
1805
  @supports (color: color-mix(in lab, red, red)) {
1803
1806
  color: color-mix(in oklab,var(--muted-foreground)70%,transparent);
1804
1807
  }
1805
1808
  }
1806
1809
  }
1807
- .text-primary {
1810
+ .turtle-widget-root .text-primary {
1808
1811
  color: var(--primary);
1809
1812
  }
1810
- .text-primary-foreground {
1813
+ .turtle-widget-root .text-primary-foreground {
1811
1814
  color: var(--primary-foreground);
1812
1815
  }
1813
- .text-red-600 {
1816
+ .turtle-widget-root .text-red-600 {
1814
1817
  color: var(--color-red-600);
1815
1818
  }
1816
- .text-secondary-foreground {
1819
+ .turtle-widget-root .text-secondary-foreground {
1817
1820
  color: var(--secondary-foreground);
1818
1821
  }
1819
- .text-yellow-600 {
1822
+ .turtle-widget-root .text-yellow-600 {
1820
1823
  color: var(--color-yellow-600);
1821
1824
  }
1822
- .caret-foreground {
1825
+ .turtle-widget-root .caret-foreground {
1823
1826
  caret-color: var(--foreground);
1824
1827
  }
1825
- .caret-green-500 {
1828
+ .turtle-widget-root .caret-green-500 {
1826
1829
  caret-color: var(--color-green-500);
1827
1830
  }
1828
- .caret-primary {
1831
+ .turtle-widget-root .caret-primary {
1829
1832
  caret-color: var(--primary);
1830
1833
  }
1831
- .caret-white {
1834
+ .turtle-widget-root .caret-white {
1832
1835
  caret-color: var(--color-white);
1833
1836
  }
1834
- .opacity-50 {
1837
+ .turtle-widget-root .opacity-50 {
1835
1838
  opacity: .5;
1836
1839
  }
1837
- .shadow {
1840
+ .turtle-widget-root .shadow {
1838
1841
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1839
1842
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1840
1843
  }
1841
- .shadow-\[0_0_4px_0_hsl\(var\(--primary\)\)\] {
1844
+ .turtle-widget-root .shadow-\[0_0_4px_0_hsl\(var\(--primary\)\)\] {
1842
1845
  --tw-shadow: 0 0 4px 0 var(--tw-shadow-color,hsl(var(--primary)));
1843
1846
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1844
1847
  }
1845
- .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
1848
+ .turtle-widget-root .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
1846
1849
  --tw-shadow: 0 0 20px 0 var(--tw-shadow-color,#00000040);
1847
1850
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1848
1851
  }
1849
- .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
1852
+ .turtle-widget-root .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
1850
1853
  --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color,#00000040);
1851
1854
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1852
1855
  }
1853
- .shadow-md {
1856
+ .turtle-widget-root .shadow-md {
1854
1857
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
1855
1858
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1856
1859
  }
1857
- .shadow-none {
1860
+ .turtle-widget-root .shadow-none {
1858
1861
  --tw-shadow: 0 0 #0000;
1859
1862
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1860
1863
  }
1861
- .shadow-sm {
1864
+ .turtle-widget-root .shadow-sm {
1862
1865
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1863
1866
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1864
1867
  }
1865
- .shadow-xs {
1868
+ .turtle-widget-root .shadow-xs {
1866
1869
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
1867
1870
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1868
1871
  }
1869
- .ring {
1872
+ .turtle-widget-root .ring {
1870
1873
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1871
1874
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1872
1875
  }
1873
- .ring-0 {
1876
+ .turtle-widget-root .ring-0 {
1874
1877
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1875
1878
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1876
1879
  }
1877
- .ring-2 {
1880
+ .turtle-widget-root .ring-2 {
1878
1881
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1879
1882
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1880
1883
  }
1881
- .ring-primary {
1884
+ .turtle-widget-root .ring-primary {
1882
1885
  --tw-ring-color: var(--primary);
1883
1886
  }
1884
- .ring-offset-2 {
1887
+ .turtle-widget-root .ring-offset-2 {
1885
1888
  --tw-ring-offset-width: 2px;
1886
1889
  --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
1887
1890
  }
1888
- .outline-hidden {
1891
+ .turtle-widget-root .outline-hidden {
1889
1892
  --tw-outline-style: none;
1890
1893
  outline-style: none;
1891
1894
  }
1892
1895
  @media (forced-colors:active) {
1893
- .outline-hidden {
1896
+ .turtle-widget-root .outline-hidden {
1894
1897
  outline-offset: 2px;
1895
1898
  outline: 2px solid #0000;
1896
1899
  }
1897
1900
  }
1898
- .outline {
1901
+ .turtle-widget-root .outline {
1899
1902
  outline-style: var(--tw-outline-style);
1900
1903
  outline-width: 1px;
1901
1904
  }
1902
- .transition-\[color\,box-shadow\] {
1905
+ .turtle-widget-root .transition-\[color\,box-shadow\] {
1903
1906
  transition-property: color,box-shadow;
1904
1907
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1905
1908
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1906
1909
  }
1907
- .transition-all {
1910
+ .turtle-widget-root .transition-all {
1908
1911
  transition-property: all;
1909
1912
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1910
1913
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1911
1914
  }
1912
- .transition-colors {
1915
+ .turtle-widget-root .transition-colors {
1913
1916
  transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
1914
1917
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1915
1918
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1916
1919
  }
1917
- .transition-transform {
1920
+ .turtle-widget-root .transition-transform {
1918
1921
  transition-property: transform,translate,scale,rotate;
1919
1922
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1920
1923
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1921
1924
  }
1922
- .duration-200 {
1925
+ .turtle-widget-root .duration-200 {
1923
1926
  --tw-duration: .2s;
1924
1927
  transition-duration: .2s;
1925
1928
  }
1926
- .duration-300 {
1929
+ .turtle-widget-root .duration-300 {
1927
1930
  --tw-duration: .3s;
1928
1931
  transition-duration: .3s;
1929
1932
  }
1930
- .fade-in-0 {
1933
+ .turtle-widget-root .fade-in-0 {
1931
1934
  --tw-enter-opacity: 0;
1932
1935
  }
1933
- .outline-none {
1936
+ .turtle-widget-root .outline-none {
1934
1937
  --tw-outline-style: none;
1935
1938
  outline-style: none;
1936
1939
  }
1937
- .select-none {
1940
+ .turtle-widget-root .select-none {
1938
1941
  -webkit-user-select: none;
1939
1942
  user-select: none;
1940
1943
  }
1941
- .zoom-in-95 {
1944
+ .turtle-widget-root .zoom-in-95 {
1942
1945
  --tw-enter-scale: .95;
1943
1946
  }
1944
- .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
1947
+ .turtle-widget-root .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
1945
1948
  pointer-events: none;
1946
1949
  }
1947
- .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
1950
+ .turtle-widget-root .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
1948
1951
  opacity: .5;
1949
1952
  }
1950
- .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
1953
+ .turtle-widget-root .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
1951
1954
  cursor: not-allowed;
1952
1955
  }
1953
- .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
1956
+ .turtle-widget-root .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
1954
1957
  opacity: .5;
1955
1958
  }
1956
- .selection\:bg-primary ::selection {
1959
+ .turtle-widget-root .selection\:bg-primary ::selection {
1957
1960
  background-color: var(--primary);
1958
1961
  }
1959
- .selection\:bg-primary::selection {
1962
+ .turtle-widget-root .selection\:bg-primary::selection {
1960
1963
  background-color: var(--primary);
1961
1964
  }
1962
- .selection\:text-primary-foreground ::selection {
1965
+ .turtle-widget-root .selection\:text-primary-foreground ::selection {
1963
1966
  color: var(--primary-foreground);
1964
1967
  }
1965
- .selection\:text-primary-foreground::selection {
1968
+ .turtle-widget-root .selection\:text-primary-foreground::selection {
1966
1969
  color: var(--primary-foreground);
1967
1970
  }
1968
- .placeholder\:text-muted-foreground::placeholder {
1971
+ .turtle-widget-root .placeholder\:text-muted-foreground::placeholder {
1969
1972
  color: var(--muted-foreground);
1970
1973
  }
1971
- .before\:pointer-events-none:before {
1974
+ .turtle-widget-root .before\:pointer-events-none:before {
1972
1975
  content: var(--tw-content);
1973
1976
  pointer-events: none;
1974
1977
  }
1975
- .before\:absolute:before {
1978
+ .turtle-widget-root .before\:absolute:before {
1976
1979
  content: var(--tw-content);
1977
1980
  position: absolute;
1978
1981
  }
1979
- .before\:inset-0:before {
1982
+ .turtle-widget-root .before\:inset-0:before {
1980
1983
  content: var(--tw-content);
1981
1984
  inset: calc(var(--spacing)*0);
1982
1985
  }
1983
- .before\:rounded-\[inherit\]:before {
1986
+ .turtle-widget-root .before\:rounded-\[inherit\]:before {
1984
1987
  content: var(--tw-content);
1985
1988
  border-radius: inherit;
1986
1989
  }
1987
- .before\:bg-gradient-to-br:before {
1990
+ .turtle-widget-root .before\:bg-gradient-to-br:before {
1988
1991
  content: var(--tw-content);
1989
1992
  --tw-gradient-position: to bottom right in oklab;
1990
1993
  background-image: linear-gradient(var(--tw-gradient-stops));
1991
1994
  }
1992
- .before\:from-\[\#73F36C\]\/60:before {
1995
+ .turtle-widget-root .before\:from-\[\#73F36C\]\/60:before {
1993
1996
  content: var(--tw-content);
1994
1997
  --tw-gradient-from: oklab(86.2322% -.16651 .127341/.6);
1995
1998
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
1996
1999
  }
1997
- .before\:from-white\/40:before {
2000
+ .turtle-widget-root .before\:from-white\/40:before {
1998
2001
  content: var(--tw-content);
1999
2002
  --tw-gradient-from: #fff6;
2000
2003
  }
2001
2004
  @supports (color:color-mix(in lab,red,red)) {
2002
- .before\:from-white\/40:before {
2005
+ .turtle-widget-root .before\:from-white\/40:before {
2003
2006
  --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
2004
2007
  @supports (color: color-mix(in lab, red, red)) {
2005
2008
  --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
2006
2009
  }
2007
2010
  }
2008
2011
  }
2009
- .before\:from-white\/40:before {
2012
+ .turtle-widget-root .before\:from-white\/40:before {
2010
2013
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2011
2014
  }
2012
- .before\:via-transparent:before {
2015
+ .turtle-widget-root .before\:via-transparent:before {
2013
2016
  content: var(--tw-content);
2014
2017
  --tw-gradient-via: transparent;
2015
2018
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
2016
2019
  --tw-gradient-stops: var(--tw-gradient-via-stops);
2017
2020
  }
2018
- .before\:to-\[\#73F36C\]\/20:before {
2021
+ .turtle-widget-root .before\:to-\[\#73F36C\]\/20:before {
2019
2022
  content: var(--tw-content);
2020
2023
  --tw-gradient-to: oklab(86.2322% -.16651 .127341/.2);
2021
2024
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2022
2025
  }
2023
- .before\:to-white\/10:before {
2026
+ .turtle-widget-root .before\:to-white\/10:before {
2024
2027
  content: var(--tw-content);
2025
2028
  --tw-gradient-to: #ffffff1a;
2026
2029
  }
2027
2030
  @supports (color:color-mix(in lab,red,red)) {
2028
- .before\:to-white\/10:before {
2031
+ .turtle-widget-root .before\:to-white\/10:before {
2029
2032
  --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
2030
2033
  @supports (color: color-mix(in lab, red, red)) {
2031
2034
  --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
2032
2035
  }
2033
2036
  }
2034
2037
  }
2035
- .before\:to-white\/10:before {
2038
+ .turtle-widget-root .before\:to-white\/10:before {
2036
2039
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2037
2040
  }
2038
- .before\:\[mask-composite\:exclude\]:before {
2041
+ .turtle-widget-root .before\:\[mask-composite\:exclude\]:before {
2039
2042
  content: var(--tw-content);
2040
2043
  -webkit-mask-composite: xor;
2041
2044
  mask-composite: exclude;
2042
2045
  }
2043
- .before\:p-px:before {
2046
+ .turtle-widget-root .before\:p-px:before {
2044
2047
  content: var(--tw-content);
2045
2048
  padding: 1px;
2046
2049
  }
2047
- .before\:content-\[\'\'\]:before {
2050
+ .turtle-widget-root .before\:content-\[\'\'\]:before {
2048
2051
  --tw-content: "";
2049
2052
  content: var(--tw-content);
2050
2053
  }
2051
- .before\:\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\]:before {
2054
+ .turtle-widget-root .before\:\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\]:before {
2052
2055
  content: var(--tw-content);
2053
2056
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
2054
2057
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
2055
2058
  }
2056
- .first\:rounded-l-md:first-child {
2059
+ .turtle-widget-root .first\:rounded-l-md:first-child {
2057
2060
  border-top-left-radius: calc(var(--radius) - 2px);
2058
2061
  border-bottom-left-radius: calc(var(--radius) - 2px);
2059
2062
  }
2060
- .last\:rounded-r-md:last-child {
2063
+ .turtle-widget-root .last\:rounded-r-md:last-child {
2061
2064
  border-top-right-radius: calc(var(--radius) - 2px);
2062
2065
  border-bottom-right-radius: calc(var(--radius) - 2px);
2063
2066
  }
2064
2067
  @media (hover:hover) {
2065
- .hover\:bg-accent:hover {
2068
+ .turtle-widget-root .hover\:bg-accent:hover {
2066
2069
  background-color: var(--accent);
2067
2070
  }
2068
- .hover\:bg-background\/90:hover {
2071
+ .turtle-widget-root .hover\:bg-background\/90:hover {
2069
2072
  background-color: var(--background);
2070
2073
  }
2071
2074
  @supports (color:color-mix(in lab,red,red)) {
2072
- .hover\:bg-background\/90:hover {
2075
+ .turtle-widget-root .hover\:bg-background\/90:hover {
2073
2076
  background-color: var(--background);
2074
2077
  @supports (color: color-mix(in lab, red, red)) {
2075
2078
  background-color: color-mix(in oklab,var(--background)90%,transparent);
2076
2079
  }
2077
2080
  }
2078
2081
  }
2079
- .hover\:bg-muted:hover,.hover\:bg-muted\/50:hover {
2082
+ .turtle-widget-root .hover\:bg-muted:hover, .turtle-widget-root .hover\:bg-muted\/50:hover {
2080
2083
  background-color: var(--muted);
2081
2084
  }
2082
2085
  @supports (color:color-mix(in lab,red,red)) {
2083
- .hover\:bg-muted\/50:hover {
2086
+ .turtle-widget-root .hover\:bg-muted\/50:hover {
2084
2087
  background-color: var(--muted);
2085
2088
  @supports (color: color-mix(in lab, red, red)) {
2086
2089
  background-color: color-mix(in oklab,var(--muted)50%,transparent);
2087
2090
  }
2088
2091
  }
2089
2092
  }
2090
- .hover\:bg-muted\/80:hover {
2093
+ .turtle-widget-root .hover\:bg-muted\/80:hover {
2091
2094
  background-color: var(--muted);
2092
2095
  }
2093
2096
  @supports (color:color-mix(in lab,red,red)) {
2094
- .hover\:bg-muted\/80:hover {
2097
+ .turtle-widget-root .hover\:bg-muted\/80:hover {
2095
2098
  background-color: var(--muted);
2096
2099
  @supports (color: color-mix(in lab, red, red)) {
2097
2100
  background-color: color-mix(in oklab,var(--muted)80%,transparent);
2098
2101
  }
2099
2102
  }
2100
2103
  }
2101
- .hover\:bg-primary:hover,.hover\:bg-primary\/90:hover {
2104
+ .turtle-widget-root .hover\:bg-primary:hover, .turtle-widget-root .hover\:bg-primary\/90:hover {
2102
2105
  background-color: var(--primary);
2103
2106
  }
2104
2107
  @supports (color:color-mix(in lab,red,red)) {
2105
- .hover\:bg-primary\/90:hover {
2108
+ .turtle-widget-root .hover\:bg-primary\/90:hover {
2106
2109
  background-color: var(--primary);
2107
2110
  @supports (color: color-mix(in lab, red, red)) {
2108
2111
  background-color: color-mix(in oklab,var(--primary)90%,transparent);
2109
2112
  }
2110
2113
  }
2111
2114
  }
2112
- .hover\:bg-secondary\/80:hover {
2115
+ .turtle-widget-root .hover\:bg-secondary\/80:hover {
2113
2116
  background-color: var(--secondary);
2114
2117
  }
2115
2118
  @supports (color:color-mix(in lab,red,red)) {
2116
- .hover\:bg-secondary\/80:hover {
2119
+ .turtle-widget-root .hover\:bg-secondary\/80:hover {
2117
2120
  background-color: var(--secondary);
2118
2121
  @supports (color: color-mix(in lab, red, red)) {
2119
2122
  background-color: color-mix(in oklab,var(--secondary)80%,transparent);
2120
2123
  }
2121
2124
  }
2122
2125
  }
2123
- .hover\:text-accent-foreground:hover {
2126
+ .turtle-widget-root .hover\:text-accent-foreground:hover {
2124
2127
  color: var(--accent-foreground);
2125
2128
  }
2126
- .hover\:text-foreground:hover {
2129
+ .turtle-widget-root .hover\:text-foreground:hover {
2127
2130
  color: var(--foreground);
2128
2131
  }
2129
- .hover\:text-muted-foreground:hover {
2132
+ .turtle-widget-root .hover\:text-muted-foreground:hover {
2130
2133
  color: var(--muted-foreground);
2131
2134
  }
2132
- .hover\:text-primary:hover {
2135
+ .turtle-widget-root .hover\:text-primary:hover {
2133
2136
  color: var(--primary);
2134
2137
  }
2135
- .hover\:text-primary-foreground:hover {
2138
+ .turtle-widget-root .hover\:text-primary-foreground:hover {
2136
2139
  color: var(--primary-foreground);
2137
2140
  }
2138
- .hover\:text-primary\/80:hover {
2141
+ .turtle-widget-root .hover\:text-primary\/80:hover {
2139
2142
  color: var(--primary);
2140
2143
  }
2141
2144
  @supports (color:color-mix(in lab,red,red)) {
2142
- .hover\:text-primary\/80:hover {
2145
+ .turtle-widget-root .hover\:text-primary\/80:hover {
2143
2146
  color: var(--primary);
2144
2147
  @supports (color: color-mix(in lab, red, red)) {
2145
2148
  color: color-mix(in oklab,var(--primary)80%,transparent);
2146
2149
  }
2147
2150
  }
2148
2151
  }
2149
- .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
2152
+ .turtle-widget-root .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
2150
2153
  --tw-shadow: 0 0 6px 0 var(--tw-shadow-color,hsl(var(--primary)));
2151
2154
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2152
2155
  }
2153
- .hover\:shadow-md:hover {
2156
+ .turtle-widget-root .hover\:shadow-md:hover {
2154
2157
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
2155
2158
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2156
2159
  }
2157
2160
  }
2158
- .focus\:z-10:focus {
2161
+ .turtle-widget-root .focus\:z-10:focus {
2159
2162
  z-index: 10;
2160
2163
  }
2161
- .focus\:border-none:focus {
2164
+ .turtle-widget-root .focus\:border-none:focus {
2162
2165
  --tw-border-style: none;
2163
2166
  border-style: none;
2164
2167
  }
2165
- .focus\:border-primary:focus {
2168
+ .turtle-widget-root .focus\:border-primary:focus {
2166
2169
  border-color: var(--primary);
2167
2170
  }
2168
- .focus\:bg-muted\/80:focus {
2171
+ .turtle-widget-root .focus\:bg-muted\/80:focus {
2169
2172
  background-color: var(--muted);
2170
2173
  }
2171
2174
  @supports (color:color-mix(in lab,red,red)) {
2172
- .focus\:bg-muted\/80:focus {
2175
+ .turtle-widget-root .focus\:bg-muted\/80:focus {
2173
2176
  background-color: var(--muted);
2174
2177
  @supports (color: color-mix(in lab, red, red)) {
2175
2178
  background-color: color-mix(in oklab,var(--muted)80%,transparent);
2176
2179
  }
2177
2180
  }
2178
2181
  }
2179
- .focus\:ring-0:focus {
2182
+ .turtle-widget-root .focus\:ring-0:focus {
2180
2183
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2181
2184
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2182
2185
  }
2183
- .focus\:ring-2:focus {
2186
+ .turtle-widget-root .focus\:ring-2:focus {
2184
2187
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2185
2188
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2186
2189
  }
2187
- .focus\:ring-primary\/20:focus {
2190
+ .turtle-widget-root .focus\:ring-primary\/20:focus {
2188
2191
  --tw-ring-color: var(--primary);
2189
2192
  }
2190
2193
  @supports (color:color-mix(in lab,red,red)) {
2191
- .focus\:ring-primary\/20:focus {
2194
+ .turtle-widget-root .focus\:ring-primary\/20:focus {
2192
2195
  --tw-ring-color: var(--primary);
2193
2196
  @supports (color: color-mix(in lab, red, red)) {
2194
2197
  --tw-ring-color: color-mix(in oklab,var(--primary)20%,transparent);
2195
2198
  }
2196
2199
  }
2197
2200
  }
2198
- .focus\:outline-none:focus {
2201
+ .turtle-widget-root .focus\:outline-none:focus {
2199
2202
  --tw-outline-style: none;
2200
2203
  outline-style: none;
2201
2204
  }
2202
- .focus-visible\:z-10:focus-visible {
2205
+ .turtle-widget-root .focus-visible\:z-10:focus-visible {
2203
2206
  z-index: 10;
2204
2207
  }
2205
- .focus-visible\:border-ring:focus-visible {
2208
+ .turtle-widget-root .focus-visible\:border-ring:focus-visible {
2206
2209
  border-color: var(--ring);
2207
2210
  }
2208
- .focus-visible\:ring-\[3px\]:focus-visible {
2211
+ .turtle-widget-root .focus-visible\:ring-\[3px\]:focus-visible {
2209
2212
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2210
2213
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2211
2214
  }
2212
- .focus-visible\:ring-ring\/50:focus-visible {
2215
+ .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2213
2216
  --tw-ring-color: var(--ring);
2214
2217
  }
2215
2218
  @supports (color:color-mix(in lab,red,red)) {
2216
- .focus-visible\:ring-ring\/50:focus-visible {
2219
+ .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2217
2220
  --tw-ring-color: var(--ring);
2218
2221
  @supports (color: color-mix(in lab, red, red)) {
2219
2222
  --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent);
2220
2223
  }
2221
2224
  }
2222
2225
  }
2223
- .focus-visible\:outline-1:focus-visible {
2226
+ .turtle-widget-root .focus-visible\:outline-1:focus-visible {
2224
2227
  outline-style: var(--tw-outline-style);
2225
2228
  outline-width: 1px;
2226
2229
  }
2227
- .disabled\:pointer-events-none:disabled {
2230
+ .turtle-widget-root .disabled\:pointer-events-none:disabled {
2228
2231
  pointer-events: none;
2229
2232
  }
2230
- .disabled\:cursor-not-allowed:disabled {
2233
+ .turtle-widget-root .disabled\:cursor-not-allowed:disabled {
2231
2234
  cursor: not-allowed;
2232
2235
  }
2233
- .disabled\:opacity-50:disabled {
2236
+ .turtle-widget-root .disabled\:opacity-50:disabled {
2234
2237
  opacity: .5;
2235
2238
  }
2236
- .has-\[\>svg\]\:px-2\.5:has(>svg) {
2239
+ .turtle-widget-root .has-\[\>svg\]\:px-2\.5:has(>svg) {
2237
2240
  padding-inline: calc(var(--spacing)*2.5);
2238
2241
  }
2239
- .has-\[\>svg\]\:px-3:has(>svg) {
2242
+ .turtle-widget-root .has-\[\>svg\]\:px-3:has(>svg) {
2240
2243
  padding-inline: calc(var(--spacing)*3);
2241
2244
  }
2242
- .has-\[\>svg\]\:px-4:has(>svg) {
2245
+ .turtle-widget-root .has-\[\>svg\]\:px-4:has(>svg) {
2243
2246
  padding-inline: calc(var(--spacing)*4);
2244
2247
  }
2245
- .aria-invalid\:border-destructive[aria-invalid=true] {
2248
+ .turtle-widget-root .aria-invalid\:border-destructive[aria-invalid=true] {
2246
2249
  border-color: var(--destructive);
2247
2250
  }
2248
- .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2251
+ .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2249
2252
  --tw-ring-color: var(--destructive);
2250
2253
  }
2251
2254
  @supports (color:color-mix(in lab,red,red)) {
2252
- .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2255
+ .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2253
2256
  --tw-ring-color: var(--destructive);
2254
2257
  @supports (color: color-mix(in lab, red, red)) {
2255
2258
  --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
2256
2259
  }
2257
2260
  }
2258
2261
  }
2259
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
2262
+ .turtle-widget-root .data-\[disabled\]\:pointer-events-none[data-disabled] {
2260
2263
  pointer-events: none;
2261
2264
  }
2262
- .data-\[disabled\]\:opacity-50[data-disabled] {
2265
+ .turtle-widget-root .data-\[disabled\]\:opacity-50[data-disabled] {
2263
2266
  opacity: .5;
2264
2267
  }
2265
- .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
2268
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
2266
2269
  height: 1px;
2267
2270
  }
2268
- .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
2271
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
2269
2272
  width: 100%;
2270
2273
  }
2271
- .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
2274
+ .turtle-widget-root .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
2272
2275
  height: 100%;
2273
2276
  }
2274
- .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
2277
+ .turtle-widget-root .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
2275
2278
  width: 1px;
2276
2279
  }
2277
- .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2280
+ .turtle-widget-root .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2278
2281
  color: var(--muted-foreground);
2279
2282
  }
2280
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2283
+ .turtle-widget-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2281
2284
  --tw-translate-y: calc(var(--spacing)*1);
2282
2285
  translate: var(--tw-translate-x)var(--tw-translate-y);
2283
2286
  }
2284
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2287
+ .turtle-widget-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2285
2288
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
2286
2289
  }
2287
- .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2290
+ .turtle-widget-root .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2288
2291
  --tw-translate-x: calc(var(--spacing)*-1);
2289
2292
  translate: var(--tw-translate-x)var(--tw-translate-y);
2290
2293
  }
2291
- .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2294
+ .turtle-widget-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2292
2295
  --tw-enter-translate-x: calc(2*var(--spacing));
2293
2296
  }
2294
- .data-\[side\=right\]\:translate-x-1[data-side=right] {
2297
+ .turtle-widget-root .data-\[side\=right\]\:translate-x-1[data-side=right] {
2295
2298
  --tw-translate-x: calc(var(--spacing)*1);
2296
2299
  translate: var(--tw-translate-x)var(--tw-translate-y);
2297
2300
  }
2298
- .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2301
+ .turtle-widget-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2299
2302
  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
2300
2303
  }
2301
- .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2304
+ .turtle-widget-root .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2302
2305
  --tw-translate-y: calc(var(--spacing)*-1);
2303
2306
  translate: var(--tw-translate-x)var(--tw-translate-y);
2304
2307
  }
2305
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2308
+ .turtle-widget-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2306
2309
  --tw-enter-translate-y: calc(2*var(--spacing));
2307
2310
  }
2308
- .data-\[size\=default\]\:h-9[data-size=default] {
2311
+ .turtle-widget-root .data-\[size\=default\]\:h-9[data-size=default] {
2309
2312
  height: calc(var(--spacing)*9);
2310
2313
  }
2311
- .data-\[size\=sm\]\:h-8[data-size=sm],.data-\[size\=xs\]\:h-8[data-size=xs] {
2314
+ .turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm], .turtle-widget-root .data-\[size\=xs\]\:h-8[data-size=xs] {
2312
2315
  height: calc(var(--spacing)*8);
2313
2316
  }
2314
- .data-\[size\=xs\]\:px-4[data-size=xs] {
2317
+ .turtle-widget-root .data-\[size\=xs\]\:px-4[data-size=xs] {
2315
2318
  padding-inline: calc(var(--spacing)*4);
2316
2319
  }
2317
- .data-\[size\=xs\]\:py-2[data-size=xs] {
2320
+ .turtle-widget-root .data-\[size\=xs\]\:py-2[data-size=xs] {
2318
2321
  padding-block: calc(var(--spacing)*2);
2319
2322
  }
2320
- .data-\[size\=xs\]\:text-xs[data-size=xs] {
2323
+ .turtle-widget-root .data-\[size\=xs\]\:text-xs[data-size=xs] {
2321
2324
  font-size: var(--text-xs);
2322
2325
  line-height: var(--tw-leading,var(--text-xs--line-height));
2323
2326
  }
2324
- :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
2327
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
2325
2328
  -webkit-line-clamp: 1;
2326
2329
  -webkit-box-orient: vertical;
2327
2330
  display: -webkit-box;
2328
2331
  overflow: hidden;
2329
2332
  }
2330
- :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
2333
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
2331
2334
  display: flex;
2332
2335
  }
2333
- :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
2336
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
2334
2337
  align-items: center;
2335
2338
  }
2336
- :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
2339
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
2337
2340
  gap: calc(var(--spacing)*2);
2338
2341
  }
2339
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
2342
+ .turtle-widget-root .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
2340
2343
  --tw-translate-x: calc(100% - 2px);
2341
2344
  translate: var(--tw-translate-x)var(--tw-translate-y);
2342
2345
  }
2343
- .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2346
+ .turtle-widget-root .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2344
2347
  background-color: var(--primary);
2345
2348
  }
2346
- .data-\[state\=closed\]\:animate-out[data-state=closed] {
2349
+ .turtle-widget-root .data-\[state\=closed\]\:animate-out[data-state=closed] {
2347
2350
  animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2348
2351
  }
2349
- .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2352
+ .turtle-widget-root .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2350
2353
  --tw-exit-opacity: 0;
2351
2354
  }
2352
- .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2355
+ .turtle-widget-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2353
2356
  --tw-exit-scale: .95;
2354
2357
  }
2355
- .data-\[state\=on\]\:bg-accent[data-state=on] {
2358
+ .turtle-widget-root .data-\[state\=on\]\:bg-accent[data-state=on] {
2356
2359
  background-color: var(--accent);
2357
2360
  }
2358
- .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2361
+ .turtle-widget-root .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2359
2362
  color: var(--accent-foreground);
2360
2363
  }
2361
- .data-\[state\=open\]\:animate-in[data-state=open] {
2364
+ .turtle-widget-root .data-\[state\=open\]\:animate-in[data-state=open] {
2362
2365
  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2363
2366
  }
2364
- .data-\[state\=open\]\:fade-in-0[data-state=open] {
2367
+ .turtle-widget-root .data-\[state\=open\]\:fade-in-0[data-state=open] {
2365
2368
  --tw-enter-opacity: 0;
2366
2369
  }
2367
- .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2370
+ .turtle-widget-root .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2368
2371
  --tw-enter-scale: .95;
2369
2372
  }
2370
- .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2373
+ .turtle-widget-root .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2371
2374
  --tw-translate-x: calc(var(--spacing)*0);
2372
2375
  translate: var(--tw-translate-x)var(--tw-translate-y);
2373
2376
  }
2374
- .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2377
+ .turtle-widget-root .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2375
2378
  background-color: var(--input);
2376
2379
  }
2377
- .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
2380
+ .turtle-widget-root .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
2378
2381
  border-left-style: var(--tw-border-style);
2379
2382
  border-left-width: 0;
2380
2383
  }
2381
- .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] {
2384
+ .turtle-widget-root .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] {
2382
2385
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
2383
2386
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2384
2387
  }
2385
- .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child {
2388
+ .turtle-widget-root .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child {
2386
2389
  border-left-style: var(--tw-border-style);
2387
2390
  border-left-width: 1px;
2388
2391
  }
2389
- .dark\:before\:from-white\/40:is(.dark *):before {
2392
+ .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2390
2393
  content: var(--tw-content);
2391
2394
  --tw-gradient-from: #fff6;
2392
2395
  }
2393
2396
  @supports (color:color-mix(in lab,red,red)) {
2394
- .dark\:before\:from-white\/40:is(.dark *):before {
2397
+ .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2395
2398
  --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
2396
2399
  @supports (color: color-mix(in lab, red, red)) {
2397
2400
  --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
2398
2401
  }
2399
2402
  }
2400
2403
  }
2401
- .dark\:before\:from-white\/40:is(.dark *):before {
2404
+ .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2402
2405
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2403
2406
  }
2404
- .dark\:before\:to-white\/10:is(.dark *):before {
2407
+ .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2405
2408
  content: var(--tw-content);
2406
2409
  --tw-gradient-to: #ffffff1a;
2407
2410
  }
2408
2411
  @supports (color:color-mix(in lab,red,red)) {
2409
- .dark\:before\:to-white\/10:is(.dark *):before {
2412
+ .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2410
2413
  --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
2411
2414
  @supports (color: color-mix(in lab, red, red)) {
2412
2415
  --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
2413
2416
  }
2414
2417
  }
2415
2418
  }
2416
- .dark\:before\:to-white\/10:is(.dark *):before {
2419
+ .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2417
2420
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
2418
2421
  }
2419
- .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2422
+ .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2420
2423
  --tw-ring-color: var(--destructive);
2421
2424
  }
2422
2425
  @supports (color:color-mix(in lab,red,red)) {
2423
- .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2426
+ .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2424
2427
  --tw-ring-color: var(--destructive);
2425
2428
  @supports (color: color-mix(in lab, red, red)) {
2426
2429
  --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
2427
2430
  }
2428
2431
  }
2429
2432
  }
2430
- .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
2433
+ .turtle-widget-root .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
2431
2434
  background-color: var(--primary-foreground);
2432
2435
  }
2433
- .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
2436
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
2434
2437
  background-color: var(--foreground);
2435
2438
  }
2436
- .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2439
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2437
2440
  background-color: var(--input);
2438
2441
  }
2439
2442
  @supports (color:color-mix(in lab,red,red)) {
2440
- .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2443
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2441
2444
  background-color: var(--input);
2442
2445
  @supports (color: color-mix(in lab, red, red)) {
2443
2446
  background-color: color-mix(in oklab,var(--input)80%,transparent);
2444
2447
  }
2445
2448
  }
2446
2449
  }
2447
- .\[\&_svg\]\:pointer-events-none svg {
2450
+ .turtle-widget-root .\[\&_svg\]\:pointer-events-none svg {
2448
2451
  pointer-events: none;
2449
2452
  }
2450
- .\[\&_svg\]\:shrink-0 svg {
2453
+ .turtle-widget-root .\[\&_svg\]\:shrink-0 svg {
2451
2454
  flex-shrink: 0;
2452
2455
  }
2453
- .\[\&_svg\]\:text-muted-foreground svg {
2456
+ .turtle-widget-root .\[\&_svg\]\:text-muted-foreground svg {
2454
2457
  color: var(--muted-foreground);
2455
2458
  }
2456
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2459
+ .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2457
2460
  width: calc(var(--spacing)*4);
2458
2461
  height: calc(var(--spacing)*4);
2459
2462
  }
2460
- :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
2463
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
2461
2464
  display: flex;
2462
2465
  }
2463
- :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
2466
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
2464
2467
  align-items: center;
2465
2468
  }
2466
- :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
2469
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
2467
2470
  gap: calc(var(--spacing)*2);
2468
2471
  }
2469
2472
  }
@@ -3030,7 +3033,7 @@
3030
3033
  }
3031
3034
  @layer properties {
3032
3035
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3033
- *, ::before, ::after, ::backdrop {
3036
+ .turtle-widget-root *, .turtle-widget-root ::before, .turtle-widget-root ::after, .turtle-widget-root ::backdrop {
3034
3037
  --tw-translate-x: 0;
3035
3038
  --tw-translate-y: 0;
3036
3039
  --tw-translate-z: 0;