@turtleclub/earn-widget 0.2.0-beta.9 → 0.3.0-beta.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
@@ -1,8 +1,8 @@
1
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
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,1412 @@
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 {
1134
- margin-bottom: calc(var(--spacing)*2);
1135
- }
1136
- .ml-2 {
1133
+ .turtle-widget-root .ml-2 {
1137
1134
  margin-left: calc(var(--spacing)*2);
1138
1135
  }
1139
- .block {
1136
+ .turtle-widget-root .ml-auto {
1137
+ margin-left: auto;
1138
+ }
1139
+ .turtle-widget-root .block {
1140
1140
  display: block;
1141
1141
  }
1142
- .flex {
1142
+ .turtle-widget-root .flex {
1143
1143
  display: flex;
1144
1144
  }
1145
- .grid {
1145
+ .turtle-widget-root .grid {
1146
1146
  display: grid;
1147
1147
  }
1148
- .inline-flex {
1148
+ .turtle-widget-root .inline-flex {
1149
1149
  display: inline-flex;
1150
1150
  }
1151
- .size-2\.5 {
1151
+ .turtle-widget-root .size-2\.5 {
1152
1152
  width: calc(var(--spacing)*2.5);
1153
1153
  height: calc(var(--spacing)*2.5);
1154
1154
  }
1155
- .size-3\.5 {
1155
+ .turtle-widget-root .size-3\.5 {
1156
1156
  width: calc(var(--spacing)*3.5);
1157
1157
  height: calc(var(--spacing)*3.5);
1158
1158
  }
1159
- .size-4 {
1159
+ .turtle-widget-root .size-4 {
1160
1160
  width: calc(var(--spacing)*4);
1161
1161
  height: calc(var(--spacing)*4);
1162
1162
  }
1163
- .size-9 {
1163
+ .turtle-widget-root .size-9 {
1164
1164
  width: calc(var(--spacing)*9);
1165
1165
  height: calc(var(--spacing)*9);
1166
1166
  }
1167
- .h-2 {
1167
+ .turtle-widget-root .h-2 {
1168
1168
  height: calc(var(--spacing)*2);
1169
1169
  }
1170
- .h-2\.5 {
1170
+ .turtle-widget-root .h-2\.5 {
1171
1171
  height: calc(var(--spacing)*2.5);
1172
1172
  }
1173
- .h-3 {
1173
+ .turtle-widget-root .h-3 {
1174
1174
  height: calc(var(--spacing)*3);
1175
1175
  }
1176
- .h-3\.5 {
1176
+ .turtle-widget-root .h-3\.5 {
1177
1177
  height: calc(var(--spacing)*3.5);
1178
1178
  }
1179
- .h-4 {
1179
+ .turtle-widget-root .h-4 {
1180
1180
  height: calc(var(--spacing)*4);
1181
1181
  }
1182
- .h-5 {
1182
+ .turtle-widget-root .h-5 {
1183
1183
  height: calc(var(--spacing)*5);
1184
1184
  }
1185
- .h-6 {
1185
+ .turtle-widget-root .h-6 {
1186
1186
  height: calc(var(--spacing)*6);
1187
1187
  }
1188
- .h-7 {
1188
+ .turtle-widget-root .h-7 {
1189
1189
  height: calc(var(--spacing)*7);
1190
1190
  }
1191
- .h-8 {
1191
+ .turtle-widget-root .h-8 {
1192
1192
  height: calc(var(--spacing)*8);
1193
1193
  }
1194
- .h-9 {
1194
+ .turtle-widget-root .h-9 {
1195
1195
  height: calc(var(--spacing)*9);
1196
1196
  }
1197
- .h-10 {
1197
+ .turtle-widget-root .h-10 {
1198
1198
  height: calc(var(--spacing)*10);
1199
1199
  }
1200
- .h-12 {
1200
+ .turtle-widget-root .h-12 {
1201
1201
  height: calc(var(--spacing)*12);
1202
1202
  }
1203
- .h-16 {
1203
+ .turtle-widget-root .h-16 {
1204
1204
  height: calc(var(--spacing)*16);
1205
1205
  }
1206
- .h-20 {
1206
+ .turtle-widget-root .h-20 {
1207
1207
  height: calc(var(--spacing)*20);
1208
1208
  }
1209
- .h-\[1\.15rem\] {
1209
+ .turtle-widget-root .h-\[1\.15rem\] {
1210
1210
  height: 1.15rem;
1211
1211
  }
1212
- .h-\[var\(--radix-select-trigger-height\)\] {
1212
+ .turtle-widget-root .h-\[var\(--radix-select-trigger-height\)\] {
1213
1213
  height: var(--radix-select-trigger-height);
1214
1214
  }
1215
- .h-auto {
1215
+ .turtle-widget-root .h-auto {
1216
1216
  height: auto;
1217
1217
  }
1218
- .h-full {
1218
+ .turtle-widget-root .h-full {
1219
1219
  height: 100%;
1220
1220
  }
1221
- .h-px {
1221
+ .turtle-widget-root .h-px {
1222
1222
  height: 1px;
1223
1223
  }
1224
- .max-h-\(--radix-select-content-available-height\) {
1224
+ .turtle-widget-root .max-h-\(--radix-select-content-available-height\) {
1225
1225
  max-height: var(--radix-select-content-available-height);
1226
1226
  }
1227
- .max-h-\[600px\] {
1227
+ .turtle-widget-root .max-h-\[600px\] {
1228
1228
  max-height: 600px;
1229
1229
  }
1230
- .w-2 {
1230
+ .turtle-widget-root .w-2 {
1231
1231
  width: calc(var(--spacing)*2);
1232
1232
  }
1233
- .w-2\.5 {
1233
+ .turtle-widget-root .w-2\.5 {
1234
1234
  width: calc(var(--spacing)*2.5);
1235
1235
  }
1236
- .w-3 {
1236
+ .turtle-widget-root .w-3 {
1237
1237
  width: calc(var(--spacing)*3);
1238
1238
  }
1239
- .w-3\.5 {
1239
+ .turtle-widget-root .w-3\.5 {
1240
1240
  width: calc(var(--spacing)*3.5);
1241
1241
  }
1242
- .w-4 {
1242
+ .turtle-widget-root .w-4 {
1243
1243
  width: calc(var(--spacing)*4);
1244
1244
  }
1245
- .w-5 {
1245
+ .turtle-widget-root .w-5 {
1246
1246
  width: calc(var(--spacing)*5);
1247
1247
  }
1248
- .w-6 {
1248
+ .turtle-widget-root .w-6 {
1249
1249
  width: calc(var(--spacing)*6);
1250
1250
  }
1251
- .w-8 {
1251
+ .turtle-widget-root .w-8 {
1252
1252
  width: calc(var(--spacing)*8);
1253
1253
  }
1254
- .w-10 {
1254
+ .turtle-widget-root .w-10 {
1255
1255
  width: calc(var(--spacing)*10);
1256
1256
  }
1257
- .w-12 {
1257
+ .turtle-widget-root .w-12 {
1258
1258
  width: calc(var(--spacing)*12);
1259
1259
  }
1260
- .w-16 {
1260
+ .turtle-widget-root .w-16 {
1261
1261
  width: calc(var(--spacing)*16);
1262
1262
  }
1263
- .w-20 {
1263
+ .turtle-widget-root .w-20 {
1264
1264
  width: calc(var(--spacing)*20);
1265
1265
  }
1266
- .w-auto {
1266
+ .turtle-widget-root .w-auto {
1267
1267
  width: auto;
1268
1268
  }
1269
- .w-fit {
1269
+ .turtle-widget-root .w-fit {
1270
1270
  width: fit-content;
1271
1271
  }
1272
- .w-full {
1272
+ .turtle-widget-root .w-full {
1273
1273
  width: 100%;
1274
1274
  }
1275
- .min-w-0 {
1275
+ .turtle-widget-root .min-w-0 {
1276
1276
  min-width: calc(var(--spacing)*0);
1277
1277
  }
1278
- .min-w-8 {
1278
+ .turtle-widget-root .min-w-8 {
1279
1279
  min-width: calc(var(--spacing)*8);
1280
1280
  }
1281
- .min-w-9 {
1281
+ .turtle-widget-root .min-w-9 {
1282
1282
  min-width: calc(var(--spacing)*9);
1283
1283
  }
1284
- .min-w-10 {
1284
+ .turtle-widget-root .min-w-10 {
1285
1285
  min-width: calc(var(--spacing)*10);
1286
1286
  }
1287
- .min-w-\[8rem\] {
1287
+ .turtle-widget-root .min-w-\[8rem\] {
1288
1288
  min-width: 8rem;
1289
1289
  }
1290
- .min-w-\[75px\] {
1290
+ .turtle-widget-root .min-w-\[75px\] {
1291
1291
  min-width: 75px;
1292
1292
  }
1293
- .min-w-\[80px\] {
1293
+ .turtle-widget-root .min-w-\[80px\] {
1294
1294
  min-width: 80px;
1295
1295
  }
1296
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1296
+ .turtle-widget-root .min-w-\[var\(--radix-select-trigger-width\)\] {
1297
1297
  min-width: var(--radix-select-trigger-width);
1298
1298
  }
1299
- .flex-1 {
1299
+ .turtle-widget-root .flex-1 {
1300
1300
  flex: 1;
1301
1301
  }
1302
- .flex-shrink-0,.shrink-0 {
1302
+ .turtle-widget-root .flex-shrink-0, .turtle-widget-root .shrink-0 {
1303
1303
  flex-shrink: 0;
1304
1304
  }
1305
- .origin-\(--radix-select-content-transform-origin\) {
1305
+ .turtle-widget-root .origin-\(--radix-select-content-transform-origin\) {
1306
1306
  transform-origin: var(--radix-select-content-transform-origin);
1307
1307
  }
1308
- .origin-\(--radix-tooltip-content-transform-origin\) {
1308
+ .turtle-widget-root .origin-\(--radix-tooltip-content-transform-origin\) {
1309
1309
  transform-origin: var(--radix-tooltip-content-transform-origin);
1310
1310
  }
1311
- .origin-left {
1311
+ .turtle-widget-root .origin-left {
1312
1312
  transform-origin: 0;
1313
1313
  }
1314
- .translate-y-\[calc\(-50\%_-_2px\)\] {
1314
+ .turtle-widget-root .translate-y-\[calc\(-50\%_-_2px\)\] {
1315
1315
  --tw-translate-y: calc(-50% - 2px);
1316
1316
  translate: var(--tw-translate-x)var(--tw-translate-y);
1317
1317
  }
1318
- .rotate-45 {
1318
+ .turtle-widget-root .rotate-45 {
1319
1319
  rotate: 45deg;
1320
1320
  }
1321
- .animate-in {
1321
+ .turtle-widget-root .animate-in {
1322
1322
  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
1323
  }
1324
- .animate-none {
1324
+ .turtle-widget-root .animate-none {
1325
1325
  animation: none;
1326
1326
  }
1327
- .animate-pulse {
1327
+ .turtle-widget-root .animate-pulse {
1328
1328
  animation: var(--animate-pulse);
1329
1329
  }
1330
- .animate-spin {
1330
+ .turtle-widget-root .animate-spin {
1331
1331
  animation: var(--animate-spin);
1332
1332
  }
1333
- .cursor-default {
1333
+ .turtle-widget-root .cursor-default {
1334
1334
  cursor: default;
1335
1335
  }
1336
- .cursor-not-allowed {
1336
+ .turtle-widget-root .cursor-not-allowed {
1337
1337
  cursor: not-allowed;
1338
1338
  }
1339
- .cursor-pointer {
1339
+ .turtle-widget-root .cursor-pointer {
1340
1340
  cursor: pointer;
1341
1341
  }
1342
- .touch-none {
1342
+ .turtle-widget-root .touch-none {
1343
1343
  touch-action: none;
1344
1344
  }
1345
- .scroll-my-1 {
1345
+ .turtle-widget-root .scroll-my-1 {
1346
1346
  scroll-margin-block: calc(var(--spacing)*1);
1347
1347
  }
1348
- .grid-cols-3 {
1348
+ .turtle-widget-root .grid-cols-3 {
1349
1349
  grid-template-columns: repeat(3,minmax(0,1fr));
1350
1350
  }
1351
- .flex-col {
1351
+ .turtle-widget-root .flex-col {
1352
1352
  flex-direction: column;
1353
1353
  }
1354
- .flex-row {
1354
+ .turtle-widget-root .flex-row {
1355
1355
  flex-direction: row;
1356
1356
  }
1357
- .flex-row-reverse {
1357
+ .turtle-widget-root .flex-row-reverse {
1358
1358
  flex-direction: row-reverse;
1359
1359
  }
1360
- .flex-wrap {
1360
+ .turtle-widget-root .flex-wrap {
1361
1361
  flex-wrap: wrap;
1362
1362
  }
1363
- .items-center {
1363
+ .turtle-widget-root .items-center {
1364
1364
  align-items: center;
1365
1365
  }
1366
- .items-start {
1366
+ .turtle-widget-root .items-start {
1367
1367
  align-items: flex-start;
1368
1368
  }
1369
- .justify-between {
1369
+ .turtle-widget-root .justify-between {
1370
1370
  justify-content: space-between;
1371
1371
  }
1372
- .justify-center {
1372
+ .turtle-widget-root .justify-center {
1373
1373
  justify-content: center;
1374
1374
  }
1375
- .justify-end {
1376
- justify-content: flex-end;
1377
- }
1378
- .justify-start {
1375
+ .turtle-widget-root .justify-start {
1379
1376
  justify-content: flex-start;
1380
1377
  }
1381
- .gap-1 {
1378
+ .turtle-widget-root .gap-1 {
1382
1379
  gap: calc(var(--spacing)*1);
1383
1380
  }
1384
- .gap-1\.5 {
1381
+ .turtle-widget-root .gap-1\.5 {
1385
1382
  gap: calc(var(--spacing)*1.5);
1386
1383
  }
1387
- .gap-2 {
1384
+ .turtle-widget-root .gap-2 {
1388
1385
  gap: calc(var(--spacing)*2);
1389
1386
  }
1390
- .gap-3 {
1387
+ .turtle-widget-root .gap-3 {
1391
1388
  gap: calc(var(--spacing)*3);
1392
1389
  }
1393
- .gap-4 {
1390
+ .turtle-widget-root .gap-4 {
1394
1391
  gap: calc(var(--spacing)*4);
1395
1392
  }
1396
- :where(.space-y-1>:not(:last-child)) {
1393
+ .turtle-widget-root :where(.space-y-1>:not(:last-child)) {
1397
1394
  --tw-space-y-reverse: 0;
1398
1395
  margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
1399
1396
  margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));
1400
1397
  }
1401
- :where(.space-y-1\.5>:not(:last-child)) {
1398
+ .turtle-widget-root :where(.space-y-1\.5>:not(:last-child)) {
1402
1399
  --tw-space-y-reverse: 0;
1403
1400
  margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
1404
1401
  margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)));
1405
1402
  }
1406
- :where(.space-y-2>:not(:last-child)) {
1403
+ .turtle-widget-root :where(.space-y-2>:not(:last-child)) {
1407
1404
  --tw-space-y-reverse: 0;
1408
1405
  margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
1409
1406
  margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)));
1410
1407
  }
1411
- :where(.space-y-3>:not(:last-child)) {
1408
+ .turtle-widget-root :where(.space-y-3>:not(:last-child)) {
1412
1409
  --tw-space-y-reverse: 0;
1413
1410
  margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
1414
1411
  margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));
1415
1412
  }
1416
- :where(.space-y-4>:not(:last-child)) {
1413
+ .turtle-widget-root :where(.space-y-4>:not(:last-child)) {
1417
1414
  --tw-space-y-reverse: 0;
1418
1415
  margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
1419
1416
  margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
1420
1417
  }
1421
- .truncate {
1418
+ .turtle-widget-root .truncate {
1422
1419
  text-overflow: ellipsis;
1423
1420
  white-space: nowrap;
1424
1421
  overflow: hidden;
1425
1422
  }
1426
- .overflow-auto {
1423
+ .turtle-widget-root .overflow-auto {
1427
1424
  overflow: auto;
1428
1425
  }
1429
- .overflow-hidden {
1426
+ .turtle-widget-root .overflow-hidden {
1430
1427
  overflow: hidden;
1431
1428
  }
1432
- .overflow-x-auto {
1429
+ .turtle-widget-root .overflow-x-auto {
1433
1430
  overflow-x: auto;
1434
1431
  }
1435
- .overflow-x-hidden {
1432
+ .turtle-widget-root .overflow-x-hidden {
1436
1433
  overflow-x: hidden;
1437
1434
  }
1438
- .overflow-y-auto {
1435
+ .turtle-widget-root .overflow-y-auto {
1439
1436
  overflow-y: auto;
1440
1437
  }
1441
- .rounded {
1438
+ .turtle-widget-root .rounded {
1442
1439
  border-radius: .25rem;
1443
1440
  }
1444
- .rounded-\[2px\] {
1441
+ .turtle-widget-root .rounded-\[2px\] {
1445
1442
  border-radius: 2px;
1446
1443
  }
1447
- .rounded-\[inherit\] {
1444
+ .turtle-widget-root .rounded-\[inherit\] {
1448
1445
  border-radius: inherit;
1449
1446
  }
1450
- .rounded-full {
1447
+ .turtle-widget-root .rounded-full {
1451
1448
  border-radius: 3.40282e38px;
1452
1449
  }
1453
- .rounded-lg {
1450
+ .turtle-widget-root .rounded-lg {
1454
1451
  border-radius: var(--radius);
1455
1452
  }
1456
- .rounded-md {
1453
+ .turtle-widget-root .rounded-md {
1457
1454
  border-radius: calc(var(--radius) - 2px);
1458
1455
  }
1459
- .rounded-none {
1456
+ .turtle-widget-root .rounded-none {
1460
1457
  border-radius: 0;
1461
1458
  }
1462
- .rounded-sm {
1459
+ .turtle-widget-root .rounded-sm {
1463
1460
  border-radius: calc(var(--radius) - 4px);
1464
1461
  }
1465
- .rounded-xl {
1462
+ .turtle-widget-root .rounded-xl {
1466
1463
  border-radius: calc(var(--radius) + 4px);
1467
1464
  }
1468
- .border,.border-1 {
1465
+ .turtle-widget-root .border, .turtle-widget-root .border-1 {
1469
1466
  border-style: var(--tw-border-style);
1470
1467
  border-width: 1px;
1471
1468
  }
1472
- .border-2 {
1469
+ .turtle-widget-root .border-2 {
1473
1470
  border-style: var(--tw-border-style);
1474
1471
  border-width: 2px;
1475
1472
  }
1476
- .border-t {
1473
+ .turtle-widget-root .border-t {
1477
1474
  border-top-style: var(--tw-border-style);
1478
1475
  border-top-width: 1px;
1479
1476
  }
1480
- .border-l {
1477
+ .turtle-widget-root .border-l {
1481
1478
  border-left-style: var(--tw-border-style);
1482
1479
  border-left-width: 1px;
1483
1480
  }
1484
- .border-none {
1481
+ .turtle-widget-root .border-none {
1485
1482
  --tw-border-style: none;
1486
1483
  border-style: none;
1487
1484
  }
1488
- .border-border {
1485
+ .turtle-widget-root .border-border {
1489
1486
  border-color: var(--border);
1490
1487
  }
1491
- .border-foreground\/30 {
1488
+ .turtle-widget-root .border-foreground\/30 {
1492
1489
  border-color: var(--foreground);
1493
1490
  }
1494
1491
  @supports (color:color-mix(in lab,red,red)) {
1495
- .border-foreground\/30 {
1492
+ .turtle-widget-root .border-foreground\/30 {
1496
1493
  border-color: var(--foreground);
1497
1494
  @supports (color: color-mix(in lab, red, red)) {
1498
1495
  border-color: color-mix(in oklab,var(--foreground)30%,transparent);
1499
1496
  }
1500
1497
  }
1501
1498
  }
1502
- .border-input {
1499
+ .turtle-widget-root .border-input {
1503
1500
  border-color: var(--input);
1504
1501
  }
1505
- .border-muted {
1502
+ .turtle-widget-root .border-muted {
1506
1503
  border-color: var(--muted);
1507
1504
  }
1508
- .border-muted-foreground\/30 {
1505
+ .turtle-widget-root .border-muted-foreground\/30 {
1509
1506
  border-color: var(--muted-foreground);
1510
1507
  }
1511
1508
  @supports (color:color-mix(in lab,red,red)) {
1512
- .border-muted-foreground\/30 {
1509
+ .turtle-widget-root .border-muted-foreground\/30 {
1513
1510
  border-color: var(--muted-foreground);
1514
1511
  @supports (color: color-mix(in lab, red, red)) {
1515
1512
  border-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1516
1513
  }
1517
1514
  }
1518
1515
  }
1519
- .border-primary {
1516
+ .turtle-widget-root .border-primary {
1520
1517
  border-color: var(--primary);
1521
1518
  }
1522
- .border-secondary {
1519
+ .turtle-widget-root .border-secondary {
1523
1520
  border-color: var(--secondary);
1524
1521
  }
1525
- .border-transparent {
1522
+ .turtle-widget-root .border-transparent {
1526
1523
  border-color: #0000;
1527
1524
  }
1528
- .border-t-transparent {
1525
+ .turtle-widget-root .border-t-transparent {
1529
1526
  border-top-color: #0000;
1530
1527
  }
1531
- .border-l-transparent {
1528
+ .turtle-widget-root .border-l-transparent {
1532
1529
  border-left-color: #0000;
1533
1530
  }
1534
- .bg-background {
1531
+ .turtle-widget-root .bg-background {
1535
1532
  background-color: var(--background);
1536
1533
  }
1537
- .bg-border {
1534
+ .turtle-widget-root .bg-border {
1538
1535
  background-color: var(--border);
1539
1536
  }
1540
- .bg-muted {
1537
+ .turtle-widget-root .bg-muted {
1541
1538
  background-color: var(--muted);
1542
1539
  }
1543
- .bg-muted-foreground\/30 {
1540
+ .turtle-widget-root .bg-muted-foreground\/30 {
1544
1541
  background-color: var(--muted-foreground);
1545
1542
  }
1546
1543
  @supports (color:color-mix(in lab,red,red)) {
1547
- .bg-muted-foreground\/30 {
1544
+ .turtle-widget-root .bg-muted-foreground\/30 {
1548
1545
  background-color: var(--muted-foreground);
1549
1546
  @supports (color: color-mix(in lab, red, red)) {
1550
1547
  background-color: color-mix(in oklab,var(--muted-foreground)30%,transparent);
1551
1548
  }
1552
1549
  }
1553
1550
  }
1554
- .bg-muted\/50 {
1551
+ .turtle-widget-root .bg-muted\/50 {
1555
1552
  background-color: var(--muted);
1556
1553
  }
1557
1554
  @supports (color:color-mix(in lab,red,red)) {
1558
- .bg-muted\/50 {
1555
+ .turtle-widget-root .bg-muted\/50 {
1559
1556
  background-color: var(--muted);
1560
1557
  @supports (color: color-mix(in lab, red, red)) {
1561
1558
  background-color: color-mix(in oklab,var(--muted)50%,transparent);
1562
1559
  }
1563
1560
  }
1564
1561
  }
1565
- .bg-primary,.bg-primary\/10 {
1562
+ .turtle-widget-root .bg-primary, .turtle-widget-root .bg-primary\/10 {
1566
1563
  background-color: var(--primary);
1567
1564
  }
1568
1565
  @supports (color:color-mix(in lab,red,red)) {
1569
- .bg-primary\/10 {
1566
+ .turtle-widget-root .bg-primary\/10 {
1570
1567
  background-color: var(--primary);
1571
1568
  @supports (color: color-mix(in lab, red, red)) {
1572
1569
  background-color: color-mix(in oklab,var(--primary)10%,transparent);
1573
1570
  }
1574
1571
  }
1575
1572
  }
1576
- .bg-primary\/20 {
1573
+ .turtle-widget-root .bg-primary\/20 {
1577
1574
  background-color: var(--primary);
1578
1575
  }
1579
1576
  @supports (color:color-mix(in lab,red,red)) {
1580
- .bg-primary\/20 {
1577
+ .turtle-widget-root .bg-primary\/20 {
1581
1578
  background-color: var(--primary);
1582
1579
  @supports (color: color-mix(in lab, red, red)) {
1583
1580
  background-color: color-mix(in oklab,var(--primary)20%,transparent);
1584
1581
  }
1585
1582
  }
1586
1583
  }
1587
- .bg-secondary {
1584
+ .turtle-widget-root .bg-secondary {
1588
1585
  background-color: var(--secondary);
1589
1586
  }
1590
- .bg-transparent {
1587
+ .turtle-widget-root .bg-transparent {
1591
1588
  background-color: #0000;
1592
1589
  }
1593
- .bg-gradient-to-r {
1590
+ .turtle-widget-root .bg-gradient-to-r {
1594
1591
  --tw-gradient-position: to right in oklab;
1595
1592
  background-image: linear-gradient(var(--tw-gradient-stops));
1596
1593
  }
1597
- .from-transparent {
1594
+ .turtle-widget-root .from-transparent {
1598
1595
  --tw-gradient-from: transparent;
1599
1596
  --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
1597
  }
1601
- .via-primary {
1598
+ .turtle-widget-root .via-primary {
1602
1599
  --tw-gradient-via: var(--primary);
1603
1600
  --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
1601
  --tw-gradient-stops: var(--tw-gradient-via-stops);
1605
1602
  }
1606
- .to-transparent {
1603
+ .turtle-widget-root .to-transparent {
1607
1604
  --tw-gradient-to: transparent;
1608
1605
  --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
1606
  }
1610
- .fill-primary {
1607
+ .turtle-widget-root .fill-primary {
1611
1608
  fill: var(--primary);
1612
1609
  }
1613
- .object-contain {
1610
+ .turtle-widget-root .object-contain {
1614
1611
  object-fit: contain;
1615
1612
  }
1616
- .p-0 {
1613
+ .turtle-widget-root .p-0 {
1617
1614
  padding: calc(var(--spacing)*0);
1618
1615
  }
1619
- .p-1 {
1616
+ .turtle-widget-root .p-1 {
1620
1617
  padding: calc(var(--spacing)*1);
1621
1618
  }
1622
- .p-2 {
1619
+ .turtle-widget-root .p-2 {
1623
1620
  padding: calc(var(--spacing)*2);
1624
1621
  }
1625
- .p-3 {
1622
+ .turtle-widget-root .p-3 {
1626
1623
  padding: calc(var(--spacing)*3);
1627
1624
  }
1628
- .p-4 {
1625
+ .turtle-widget-root .p-4 {
1629
1626
  padding: calc(var(--spacing)*4);
1630
1627
  }
1631
- .p-6 {
1628
+ .turtle-widget-root .p-6 {
1632
1629
  padding: calc(var(--spacing)*6);
1633
1630
  }
1634
- .p-8 {
1631
+ .turtle-widget-root .p-8 {
1635
1632
  padding: calc(var(--spacing)*8);
1636
1633
  }
1637
- .p-\[1px\],.p-px {
1634
+ .turtle-widget-root .p-\[1px\], .turtle-widget-root .p-px {
1638
1635
  padding: 1px;
1639
1636
  }
1640
- .px-1\.5 {
1637
+ .turtle-widget-root .px-1\.5 {
1641
1638
  padding-inline: calc(var(--spacing)*1.5);
1642
1639
  }
1643
- .px-2 {
1640
+ .turtle-widget-root .px-2 {
1644
1641
  padding-inline: calc(var(--spacing)*2);
1645
1642
  }
1646
- .px-2\.5 {
1643
+ .turtle-widget-root .px-2\.5 {
1647
1644
  padding-inline: calc(var(--spacing)*2.5);
1648
1645
  }
1649
- .px-3 {
1646
+ .turtle-widget-root .px-3 {
1650
1647
  padding-inline: calc(var(--spacing)*3);
1651
1648
  }
1652
- .px-4 {
1649
+ .turtle-widget-root .px-4 {
1653
1650
  padding-inline: calc(var(--spacing)*4);
1654
1651
  }
1655
- .px-6 {
1652
+ .turtle-widget-root .px-6 {
1656
1653
  padding-inline: calc(var(--spacing)*6);
1657
1654
  }
1658
- .py-0\.5 {
1655
+ .turtle-widget-root .py-0\.5 {
1659
1656
  padding-block: calc(var(--spacing)*.5);
1660
1657
  }
1661
- .py-1 {
1658
+ .turtle-widget-root .py-1 {
1662
1659
  padding-block: calc(var(--spacing)*1);
1663
1660
  }
1664
- .py-1\.5 {
1661
+ .turtle-widget-root .py-1\.5 {
1665
1662
  padding-block: calc(var(--spacing)*1.5);
1666
1663
  }
1667
- .py-2 {
1664
+ .turtle-widget-root .py-2 {
1668
1665
  padding-block: calc(var(--spacing)*2);
1669
1666
  }
1670
- .py-3 {
1667
+ .turtle-widget-root .py-3 {
1671
1668
  padding-block: calc(var(--spacing)*3);
1672
1669
  }
1673
- .py-4 {
1670
+ .turtle-widget-root .py-4 {
1674
1671
  padding-block: calc(var(--spacing)*4);
1675
1672
  }
1676
- .py-8 {
1673
+ .turtle-widget-root .py-8 {
1677
1674
  padding-block: calc(var(--spacing)*8);
1678
1675
  }
1679
- .pt-0 {
1676
+ .turtle-widget-root .pt-0 {
1680
1677
  padding-top: calc(var(--spacing)*0);
1681
1678
  }
1682
- .pt-2 {
1679
+ .turtle-widget-root .pt-2 {
1683
1680
  padding-top: calc(var(--spacing)*2);
1684
1681
  }
1685
- .pr-8 {
1682
+ .turtle-widget-root .pr-8 {
1686
1683
  padding-right: calc(var(--spacing)*8);
1687
1684
  }
1688
- .pb-3 {
1685
+ .turtle-widget-root .pb-3 {
1689
1686
  padding-bottom: calc(var(--spacing)*3);
1690
1687
  }
1691
- .pl-2 {
1688
+ .turtle-widget-root .pl-2 {
1692
1689
  padding-left: calc(var(--spacing)*2);
1693
1690
  }
1694
- .text-center {
1691
+ .turtle-widget-root .text-center {
1695
1692
  text-align: center;
1696
1693
  }
1697
- .text-left {
1694
+ .turtle-widget-root .text-left {
1698
1695
  text-align: left;
1699
1696
  }
1700
- .text-right {
1697
+ .turtle-widget-root .text-right {
1701
1698
  text-align: right;
1702
1699
  }
1703
- .align-middle {
1700
+ .turtle-widget-root .align-middle {
1704
1701
  vertical-align: middle;
1705
1702
  }
1706
- .font-mono {
1703
+ .turtle-widget-root .font-mono {
1707
1704
  font-family: var(--font-mono);
1708
1705
  }
1709
- .text-2xl {
1706
+ .turtle-widget-root .text-2xl {
1710
1707
  font-size: var(--text-2xl);
1711
1708
  line-height: var(--tw-leading,var(--text-2xl--line-height));
1712
1709
  }
1713
- .text-3xl {
1710
+ .turtle-widget-root .text-3xl {
1714
1711
  font-size: var(--text-3xl);
1715
1712
  line-height: var(--tw-leading,var(--text-3xl--line-height));
1716
1713
  }
1717
- .text-4xl {
1714
+ .turtle-widget-root .text-4xl {
1718
1715
  font-size: var(--text-4xl);
1719
1716
  line-height: var(--tw-leading,var(--text-4xl--line-height));
1720
1717
  }
1721
- .text-5xl {
1718
+ .turtle-widget-root .text-5xl {
1722
1719
  font-size: var(--text-5xl);
1723
1720
  line-height: var(--tw-leading,var(--text-5xl--line-height));
1724
1721
  }
1725
- .text-6xl {
1722
+ .turtle-widget-root .text-6xl {
1726
1723
  font-size: var(--text-6xl);
1727
1724
  line-height: var(--tw-leading,var(--text-6xl--line-height));
1728
1725
  }
1729
- .text-7xl {
1726
+ .turtle-widget-root .text-7xl {
1730
1727
  font-size: var(--text-7xl);
1731
1728
  line-height: var(--tw-leading,var(--text-7xl--line-height));
1732
1729
  }
1733
- .text-8xl {
1730
+ .turtle-widget-root .text-8xl {
1734
1731
  font-size: var(--text-8xl);
1735
1732
  line-height: var(--tw-leading,var(--text-8xl--line-height));
1736
1733
  }
1737
- .text-base {
1734
+ .turtle-widget-root .text-base {
1738
1735
  font-size: var(--text-base);
1739
1736
  line-height: var(--tw-leading,var(--text-base--line-height));
1740
1737
  }
1741
- .text-lg {
1738
+ .turtle-widget-root .text-lg {
1742
1739
  font-size: var(--text-lg);
1743
1740
  line-height: var(--tw-leading,var(--text-lg--line-height));
1744
1741
  }
1745
- .text-sm {
1742
+ .turtle-widget-root .text-sm {
1746
1743
  font-size: var(--text-sm);
1747
1744
  line-height: var(--tw-leading,var(--text-sm--line-height));
1748
1745
  }
1749
- .text-xl {
1746
+ .turtle-widget-root .text-xl {
1750
1747
  font-size: var(--text-xl);
1751
1748
  line-height: var(--tw-leading,var(--text-xl--line-height));
1752
1749
  }
1753
- .text-xs {
1750
+ .turtle-widget-root .text-xs {
1754
1751
  font-size: var(--text-xs);
1755
1752
  line-height: var(--tw-leading,var(--text-xs--line-height));
1756
1753
  }
1757
- .leading-none {
1754
+ .turtle-widget-root .leading-none {
1758
1755
  --tw-leading: 1;
1759
1756
  line-height: 1;
1760
1757
  }
1761
- .font-bold {
1758
+ .turtle-widget-root .font-bold {
1762
1759
  --tw-font-weight: var(--font-weight-bold);
1763
1760
  font-weight: var(--font-weight-bold);
1764
1761
  }
1765
- .font-medium {
1762
+ .turtle-widget-root .font-medium {
1766
1763
  --tw-font-weight: var(--font-weight-medium);
1767
1764
  font-weight: var(--font-weight-medium);
1768
1765
  }
1769
- .font-normal {
1766
+ .turtle-widget-root .font-normal {
1770
1767
  --tw-font-weight: var(--font-weight-normal);
1771
1768
  font-weight: var(--font-weight-normal);
1772
1769
  }
1773
- .font-semibold {
1770
+ .turtle-widget-root .font-semibold {
1774
1771
  --tw-font-weight: var(--font-weight-semibold);
1775
1772
  font-weight: var(--font-weight-semibold);
1776
1773
  }
1777
- .tracking-tight {
1774
+ .turtle-widget-root .tracking-tight {
1778
1775
  --tw-tracking: var(--tracking-tight);
1779
1776
  letter-spacing: var(--tracking-tight);
1780
1777
  }
1781
- .text-balance {
1778
+ .turtle-widget-root .text-balance {
1782
1779
  text-wrap: balance;
1783
1780
  }
1784
- .whitespace-nowrap {
1781
+ .turtle-widget-root .whitespace-nowrap {
1785
1782
  white-space: nowrap;
1786
1783
  }
1787
- .text-destructive {
1784
+ .turtle-widget-root .text-destructive {
1788
1785
  color: var(--destructive);
1789
1786
  }
1790
- .text-foreground {
1787
+ .turtle-widget-root .text-foreground {
1791
1788
  color: var(--foreground);
1792
1789
  }
1793
- .text-green-600 {
1790
+ .turtle-widget-root .text-green-600 {
1794
1791
  color: var(--color-green-600);
1795
1792
  }
1796
- .text-muted-foreground,.text-muted-foreground\/70 {
1793
+ .turtle-widget-root .text-muted-foreground, .turtle-widget-root .text-muted-foreground\/70 {
1797
1794
  color: var(--muted-foreground);
1798
1795
  }
1799
1796
  @supports (color:color-mix(in lab,red,red)) {
1800
- .text-muted-foreground\/70 {
1797
+ .turtle-widget-root .text-muted-foreground\/70 {
1801
1798
  color: var(--muted-foreground);
1802
1799
  @supports (color: color-mix(in lab, red, red)) {
1803
1800
  color: color-mix(in oklab,var(--muted-foreground)70%,transparent);
1804
1801
  }
1805
1802
  }
1806
1803
  }
1807
- .text-primary {
1804
+ .turtle-widget-root .text-primary {
1808
1805
  color: var(--primary);
1809
1806
  }
1810
- .text-primary-foreground {
1807
+ .turtle-widget-root .text-primary-foreground {
1811
1808
  color: var(--primary-foreground);
1812
1809
  }
1813
- .text-red-600 {
1810
+ .turtle-widget-root .text-red-600 {
1814
1811
  color: var(--color-red-600);
1815
1812
  }
1816
- .text-secondary-foreground {
1813
+ .turtle-widget-root .text-secondary-foreground {
1817
1814
  color: var(--secondary-foreground);
1818
1815
  }
1819
- .text-yellow-600 {
1816
+ .turtle-widget-root .text-white\/80 {
1817
+ color: #fffc;
1818
+ }
1819
+ @supports (color:color-mix(in lab,red,red)) {
1820
+ .turtle-widget-root .text-white\/80 {
1821
+ color: color-mix(in srgb,#fff80%,transparent);
1822
+ @supports (color: color-mix(in lab, red, red)) {
1823
+ color: color-mix(in oklab,var(--color-white)80%,transparent);
1824
+ }
1825
+ }
1826
+ }
1827
+ .turtle-widget-root .text-yellow-600 {
1820
1828
  color: var(--color-yellow-600);
1821
1829
  }
1822
- .caret-foreground {
1830
+ .turtle-widget-root .caret-foreground {
1823
1831
  caret-color: var(--foreground);
1824
1832
  }
1825
- .caret-green-500 {
1833
+ .turtle-widget-root .caret-green-500 {
1826
1834
  caret-color: var(--color-green-500);
1827
1835
  }
1828
- .caret-primary {
1836
+ .turtle-widget-root .caret-primary {
1829
1837
  caret-color: var(--primary);
1830
1838
  }
1831
- .caret-white {
1839
+ .turtle-widget-root .caret-white {
1832
1840
  caret-color: var(--color-white);
1833
1841
  }
1834
- .opacity-50 {
1842
+ .turtle-widget-root .opacity-50 {
1835
1843
  opacity: .5;
1836
1844
  }
1837
- .shadow {
1845
+ .turtle-widget-root .shadow {
1838
1846
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1839
1847
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1840
1848
  }
1841
- .shadow-\[0_0_4px_0_hsl\(var\(--primary\)\)\] {
1849
+ .turtle-widget-root .shadow-\[0_0_4px_0_hsl\(var\(--primary\)\)\] {
1842
1850
  --tw-shadow: 0 0 4px 0 var(--tw-shadow-color,hsl(var(--primary)));
1843
1851
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1844
1852
  }
1845
- .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
1853
+ .turtle-widget-root .shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.25\)\] {
1846
1854
  --tw-shadow: 0 0 20px 0 var(--tw-shadow-color,#00000040);
1847
1855
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1848
1856
  }
1849
- .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
1857
+ .turtle-widget-root .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
1850
1858
  --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color,#00000040);
1851
1859
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1852
1860
  }
1853
- .shadow-md {
1861
+ .turtle-widget-root .shadow-md {
1854
1862
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
1855
1863
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1856
1864
  }
1857
- .shadow-none {
1865
+ .turtle-widget-root .shadow-none {
1858
1866
  --tw-shadow: 0 0 #0000;
1859
1867
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1860
1868
  }
1861
- .shadow-sm {
1869
+ .turtle-widget-root .shadow-sm {
1862
1870
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
1863
1871
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1864
1872
  }
1865
- .shadow-xs {
1873
+ .turtle-widget-root .shadow-xs {
1866
1874
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
1867
1875
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1868
1876
  }
1869
- .ring {
1877
+ .turtle-widget-root .ring {
1870
1878
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1871
1879
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1872
1880
  }
1873
- .ring-0 {
1881
+ .turtle-widget-root .ring-0 {
1874
1882
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1875
1883
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1876
1884
  }
1877
- .ring-2 {
1885
+ .turtle-widget-root .ring-2 {
1878
1886
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
1879
1887
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
1880
1888
  }
1881
- .ring-primary {
1889
+ .turtle-widget-root .ring-primary {
1882
1890
  --tw-ring-color: var(--primary);
1883
1891
  }
1884
- .ring-offset-2 {
1892
+ .turtle-widget-root .ring-offset-2 {
1885
1893
  --tw-ring-offset-width: 2px;
1886
1894
  --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
1887
1895
  }
1888
- .outline-hidden {
1896
+ .turtle-widget-root .outline-hidden {
1889
1897
  --tw-outline-style: none;
1890
1898
  outline-style: none;
1891
1899
  }
1892
1900
  @media (forced-colors:active) {
1893
- .outline-hidden {
1901
+ .turtle-widget-root .outline-hidden {
1894
1902
  outline-offset: 2px;
1895
1903
  outline: 2px solid #0000;
1896
1904
  }
1897
1905
  }
1898
- .outline {
1906
+ .turtle-widget-root .outline {
1899
1907
  outline-style: var(--tw-outline-style);
1900
1908
  outline-width: 1px;
1901
1909
  }
1902
- .transition-\[color\,box-shadow\] {
1910
+ .turtle-widget-root .transition-\[color\,box-shadow\] {
1903
1911
  transition-property: color,box-shadow;
1904
1912
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1905
1913
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1906
1914
  }
1907
- .transition-all {
1915
+ .turtle-widget-root .transition-all {
1908
1916
  transition-property: all;
1909
1917
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1910
1918
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1911
1919
  }
1912
- .transition-colors {
1920
+ .turtle-widget-root .transition-colors {
1913
1921
  transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
1914
1922
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1915
1923
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1916
1924
  }
1917
- .transition-transform {
1925
+ .turtle-widget-root .transition-transform {
1918
1926
  transition-property: transform,translate,scale,rotate;
1919
1927
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
1920
1928
  transition-duration: var(--tw-duration,var(--default-transition-duration));
1921
1929
  }
1922
- .duration-200 {
1930
+ .turtle-widget-root .duration-200 {
1923
1931
  --tw-duration: .2s;
1924
1932
  transition-duration: .2s;
1925
1933
  }
1926
- .duration-300 {
1934
+ .turtle-widget-root .duration-300 {
1927
1935
  --tw-duration: .3s;
1928
1936
  transition-duration: .3s;
1929
1937
  }
1930
- .fade-in-0 {
1938
+ .turtle-widget-root .fade-in-0 {
1931
1939
  --tw-enter-opacity: 0;
1932
1940
  }
1933
- .outline-none {
1941
+ .turtle-widget-root .outline-none {
1934
1942
  --tw-outline-style: none;
1935
1943
  outline-style: none;
1936
1944
  }
1937
- .select-none {
1945
+ .turtle-widget-root .select-none {
1938
1946
  -webkit-user-select: none;
1939
1947
  user-select: none;
1940
1948
  }
1941
- .zoom-in-95 {
1949
+ .turtle-widget-root .zoom-in-95 {
1942
1950
  --tw-enter-scale: .95;
1943
1951
  }
1944
- .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
1952
+ .turtle-widget-root .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
1945
1953
  pointer-events: none;
1946
1954
  }
1947
- .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
1955
+ .turtle-widget-root .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
1948
1956
  opacity: .5;
1949
1957
  }
1950
- .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
1958
+ .turtle-widget-root .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
1951
1959
  cursor: not-allowed;
1952
1960
  }
1953
- .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
1961
+ .turtle-widget-root .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
1954
1962
  opacity: .5;
1955
1963
  }
1956
- .selection\:bg-primary ::selection {
1964
+ .turtle-widget-root .selection\:bg-primary ::selection {
1957
1965
  background-color: var(--primary);
1958
1966
  }
1959
- .selection\:bg-primary::selection {
1967
+ .turtle-widget-root .selection\:bg-primary::selection {
1960
1968
  background-color: var(--primary);
1961
1969
  }
1962
- .selection\:text-primary-foreground ::selection {
1970
+ .turtle-widget-root .selection\:text-primary-foreground ::selection {
1963
1971
  color: var(--primary-foreground);
1964
1972
  }
1965
- .selection\:text-primary-foreground::selection {
1973
+ .turtle-widget-root .selection\:text-primary-foreground::selection {
1966
1974
  color: var(--primary-foreground);
1967
1975
  }
1968
- .placeholder\:text-muted-foreground::placeholder {
1976
+ .turtle-widget-root .placeholder\:text-muted-foreground::placeholder {
1969
1977
  color: var(--muted-foreground);
1970
1978
  }
1971
- .before\:pointer-events-none:before {
1979
+ .turtle-widget-root .before\:pointer-events-none:before {
1972
1980
  content: var(--tw-content);
1973
1981
  pointer-events: none;
1974
1982
  }
1975
- .before\:absolute:before {
1983
+ .turtle-widget-root .before\:absolute:before {
1976
1984
  content: var(--tw-content);
1977
1985
  position: absolute;
1978
1986
  }
1979
- .before\:inset-0:before {
1987
+ .turtle-widget-root .before\:inset-0:before {
1980
1988
  content: var(--tw-content);
1981
1989
  inset: calc(var(--spacing)*0);
1982
1990
  }
1983
- .before\:rounded-\[inherit\]:before {
1991
+ .turtle-widget-root .before\:rounded-\[inherit\]:before {
1984
1992
  content: var(--tw-content);
1985
1993
  border-radius: inherit;
1986
1994
  }
1987
- .before\:bg-gradient-to-br:before {
1995
+ .turtle-widget-root .before\:bg-gradient-to-br:before {
1988
1996
  content: var(--tw-content);
1989
1997
  --tw-gradient-position: to bottom right in oklab;
1990
1998
  background-image: linear-gradient(var(--tw-gradient-stops));
1991
1999
  }
1992
- .before\:from-\[\#73F36C\]\/60:before {
2000
+ .turtle-widget-root .before\:from-\[\#73F36C\]\/60:before {
1993
2001
  content: var(--tw-content);
1994
2002
  --tw-gradient-from: oklab(86.2322% -.16651 .127341/.6);
1995
2003
  --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
2004
  }
1997
- .before\:from-white\/40:before {
2005
+ .turtle-widget-root .before\:from-white\/40:before {
1998
2006
  content: var(--tw-content);
1999
2007
  --tw-gradient-from: #fff6;
2000
2008
  }
2001
2009
  @supports (color:color-mix(in lab,red,red)) {
2002
- .before\:from-white\/40:before {
2010
+ .turtle-widget-root .before\:from-white\/40:before {
2003
2011
  --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
2004
2012
  @supports (color: color-mix(in lab, red, red)) {
2005
2013
  --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
2006
2014
  }
2007
2015
  }
2008
2016
  }
2009
- .before\:from-white\/40:before {
2017
+ .turtle-widget-root .before\:from-white\/40:before {
2010
2018
  --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
2019
  }
2012
- .before\:via-transparent:before {
2020
+ .turtle-widget-root .before\:via-transparent:before {
2013
2021
  content: var(--tw-content);
2014
2022
  --tw-gradient-via: transparent;
2015
2023
  --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
2024
  --tw-gradient-stops: var(--tw-gradient-via-stops);
2017
2025
  }
2018
- .before\:to-\[\#73F36C\]\/20:before {
2026
+ .turtle-widget-root .before\:to-\[\#73F36C\]\/20:before {
2019
2027
  content: var(--tw-content);
2020
2028
  --tw-gradient-to: oklab(86.2322% -.16651 .127341/.2);
2021
2029
  --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
2030
  }
2023
- .before\:to-white\/10:before {
2031
+ .turtle-widget-root .before\:to-white\/10:before {
2024
2032
  content: var(--tw-content);
2025
2033
  --tw-gradient-to: #ffffff1a;
2026
2034
  }
2027
2035
  @supports (color:color-mix(in lab,red,red)) {
2028
- .before\:to-white\/10:before {
2036
+ .turtle-widget-root .before\:to-white\/10:before {
2029
2037
  --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
2030
2038
  @supports (color: color-mix(in lab, red, red)) {
2031
2039
  --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
2032
2040
  }
2033
2041
  }
2034
2042
  }
2035
- .before\:to-white\/10:before {
2043
+ .turtle-widget-root .before\:to-white\/10:before {
2036
2044
  --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
2045
  }
2038
- .before\:\[mask-composite\:exclude\]:before {
2046
+ .turtle-widget-root .before\:\[mask-composite\:exclude\]:before {
2039
2047
  content: var(--tw-content);
2040
2048
  -webkit-mask-composite: xor;
2041
2049
  mask-composite: exclude;
2042
2050
  }
2043
- .before\:p-px:before {
2051
+ .turtle-widget-root .before\:p-px:before {
2044
2052
  content: var(--tw-content);
2045
2053
  padding: 1px;
2046
2054
  }
2047
- .before\:content-\[\'\'\]:before {
2055
+ .turtle-widget-root .before\:content-\[\'\'\]:before {
2048
2056
  --tw-content: "";
2049
2057
  content: var(--tw-content);
2050
2058
  }
2051
- .before\:\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\]:before {
2059
+ .turtle-widget-root .before\:\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\]:before {
2052
2060
  content: var(--tw-content);
2053
2061
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
2054
2062
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
2055
2063
  }
2056
- .first\:rounded-l-md:first-child {
2064
+ .turtle-widget-root .first\:rounded-l-md:first-child {
2057
2065
  border-top-left-radius: calc(var(--radius) - 2px);
2058
2066
  border-bottom-left-radius: calc(var(--radius) - 2px);
2059
2067
  }
2060
- .last\:rounded-r-md:last-child {
2068
+ .turtle-widget-root .last\:rounded-r-md:last-child {
2061
2069
  border-top-right-radius: calc(var(--radius) - 2px);
2062
2070
  border-bottom-right-radius: calc(var(--radius) - 2px);
2063
2071
  }
2064
2072
  @media (hover:hover) {
2065
- .hover\:bg-accent:hover {
2073
+ .turtle-widget-root .hover\:bg-accent:hover {
2066
2074
  background-color: var(--accent);
2067
2075
  }
2068
- .hover\:bg-background\/90:hover {
2076
+ .turtle-widget-root .hover\:bg-background\/90:hover {
2069
2077
  background-color: var(--background);
2070
2078
  }
2071
2079
  @supports (color:color-mix(in lab,red,red)) {
2072
- .hover\:bg-background\/90:hover {
2080
+ .turtle-widget-root .hover\:bg-background\/90:hover {
2073
2081
  background-color: var(--background);
2074
2082
  @supports (color: color-mix(in lab, red, red)) {
2075
2083
  background-color: color-mix(in oklab,var(--background)90%,transparent);
2076
2084
  }
2077
2085
  }
2078
2086
  }
2079
- .hover\:bg-muted:hover,.hover\:bg-muted\/50:hover {
2087
+ .turtle-widget-root .hover\:bg-muted:hover, .turtle-widget-root .hover\:bg-muted\/50:hover {
2080
2088
  background-color: var(--muted);
2081
2089
  }
2082
2090
  @supports (color:color-mix(in lab,red,red)) {
2083
- .hover\:bg-muted\/50:hover {
2091
+ .turtle-widget-root .hover\:bg-muted\/50:hover {
2084
2092
  background-color: var(--muted);
2085
2093
  @supports (color: color-mix(in lab, red, red)) {
2086
2094
  background-color: color-mix(in oklab,var(--muted)50%,transparent);
2087
2095
  }
2088
2096
  }
2089
2097
  }
2090
- .hover\:bg-muted\/80:hover {
2098
+ .turtle-widget-root .hover\:bg-muted\/80:hover {
2091
2099
  background-color: var(--muted);
2092
2100
  }
2093
2101
  @supports (color:color-mix(in lab,red,red)) {
2094
- .hover\:bg-muted\/80:hover {
2102
+ .turtle-widget-root .hover\:bg-muted\/80:hover {
2095
2103
  background-color: var(--muted);
2096
2104
  @supports (color: color-mix(in lab, red, red)) {
2097
2105
  background-color: color-mix(in oklab,var(--muted)80%,transparent);
2098
2106
  }
2099
2107
  }
2100
2108
  }
2101
- .hover\:bg-primary:hover,.hover\:bg-primary\/90:hover {
2109
+ .turtle-widget-root .hover\:bg-primary:hover, .turtle-widget-root .hover\:bg-primary\/90:hover {
2102
2110
  background-color: var(--primary);
2103
2111
  }
2104
2112
  @supports (color:color-mix(in lab,red,red)) {
2105
- .hover\:bg-primary\/90:hover {
2113
+ .turtle-widget-root .hover\:bg-primary\/90:hover {
2106
2114
  background-color: var(--primary);
2107
2115
  @supports (color: color-mix(in lab, red, red)) {
2108
2116
  background-color: color-mix(in oklab,var(--primary)90%,transparent);
2109
2117
  }
2110
2118
  }
2111
2119
  }
2112
- .hover\:bg-secondary\/80:hover {
2120
+ .turtle-widget-root .hover\:bg-secondary\/80:hover {
2113
2121
  background-color: var(--secondary);
2114
2122
  }
2115
2123
  @supports (color:color-mix(in lab,red,red)) {
2116
- .hover\:bg-secondary\/80:hover {
2124
+ .turtle-widget-root .hover\:bg-secondary\/80:hover {
2117
2125
  background-color: var(--secondary);
2118
2126
  @supports (color: color-mix(in lab, red, red)) {
2119
2127
  background-color: color-mix(in oklab,var(--secondary)80%,transparent);
2120
2128
  }
2121
2129
  }
2122
2130
  }
2123
- .hover\:text-accent-foreground:hover {
2131
+ .turtle-widget-root .hover\:text-accent-foreground:hover {
2124
2132
  color: var(--accent-foreground);
2125
2133
  }
2126
- .hover\:text-foreground:hover {
2134
+ .turtle-widget-root .hover\:text-foreground:hover {
2127
2135
  color: var(--foreground);
2128
2136
  }
2129
- .hover\:text-muted-foreground:hover {
2137
+ .turtle-widget-root .hover\:text-muted-foreground:hover {
2130
2138
  color: var(--muted-foreground);
2131
2139
  }
2132
- .hover\:text-primary:hover {
2140
+ .turtle-widget-root .hover\:text-primary:hover {
2133
2141
  color: var(--primary);
2134
2142
  }
2135
- .hover\:text-primary-foreground:hover {
2143
+ .turtle-widget-root .hover\:text-primary-foreground:hover {
2136
2144
  color: var(--primary-foreground);
2137
2145
  }
2138
- .hover\:text-primary\/80:hover {
2146
+ .turtle-widget-root .hover\:text-primary\/80:hover {
2139
2147
  color: var(--primary);
2140
2148
  }
2141
2149
  @supports (color:color-mix(in lab,red,red)) {
2142
- .hover\:text-primary\/80:hover {
2150
+ .turtle-widget-root .hover\:text-primary\/80:hover {
2143
2151
  color: var(--primary);
2144
2152
  @supports (color: color-mix(in lab, red, red)) {
2145
2153
  color: color-mix(in oklab,var(--primary)80%,transparent);
2146
2154
  }
2147
2155
  }
2148
2156
  }
2149
- .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
2157
+ .turtle-widget-root .hover\:shadow-\[0_0_6px_0_hsl\(var\(--primary\)\)\]:hover {
2150
2158
  --tw-shadow: 0 0 6px 0 var(--tw-shadow-color,hsl(var(--primary)));
2151
2159
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2152
2160
  }
2153
- .hover\:shadow-md:hover {
2161
+ .turtle-widget-root .hover\:shadow-md:hover {
2154
2162
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
2155
2163
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2156
2164
  }
2157
2165
  }
2158
- .focus\:z-10:focus {
2166
+ .turtle-widget-root .focus\:z-10:focus {
2159
2167
  z-index: 10;
2160
2168
  }
2161
- .focus\:border-none:focus {
2169
+ .turtle-widget-root .focus\:border-none:focus {
2162
2170
  --tw-border-style: none;
2163
2171
  border-style: none;
2164
2172
  }
2165
- .focus\:border-primary:focus {
2173
+ .turtle-widget-root .focus\:border-primary:focus {
2166
2174
  border-color: var(--primary);
2167
2175
  }
2168
- .focus\:bg-muted\/80:focus {
2176
+ .turtle-widget-root .focus\:bg-muted\/80:focus {
2169
2177
  background-color: var(--muted);
2170
2178
  }
2171
2179
  @supports (color:color-mix(in lab,red,red)) {
2172
- .focus\:bg-muted\/80:focus {
2180
+ .turtle-widget-root .focus\:bg-muted\/80:focus {
2173
2181
  background-color: var(--muted);
2174
2182
  @supports (color: color-mix(in lab, red, red)) {
2175
2183
  background-color: color-mix(in oklab,var(--muted)80%,transparent);
2176
2184
  }
2177
2185
  }
2178
2186
  }
2179
- .focus\:ring-0:focus {
2187
+ .turtle-widget-root .focus\:ring-0:focus {
2180
2188
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2181
2189
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2182
2190
  }
2183
- .focus\:ring-2:focus {
2191
+ .turtle-widget-root .focus\:ring-2:focus {
2184
2192
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2185
2193
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2186
2194
  }
2187
- .focus\:ring-primary\/20:focus {
2195
+ .turtle-widget-root .focus\:ring-primary\/20:focus {
2188
2196
  --tw-ring-color: var(--primary);
2189
2197
  }
2190
2198
  @supports (color:color-mix(in lab,red,red)) {
2191
- .focus\:ring-primary\/20:focus {
2199
+ .turtle-widget-root .focus\:ring-primary\/20:focus {
2192
2200
  --tw-ring-color: var(--primary);
2193
2201
  @supports (color: color-mix(in lab, red, red)) {
2194
2202
  --tw-ring-color: color-mix(in oklab,var(--primary)20%,transparent);
2195
2203
  }
2196
2204
  }
2197
2205
  }
2198
- .focus\:outline-none:focus {
2206
+ .turtle-widget-root .focus\:outline-none:focus {
2199
2207
  --tw-outline-style: none;
2200
2208
  outline-style: none;
2201
2209
  }
2202
- .focus-visible\:z-10:focus-visible {
2210
+ .turtle-widget-root .focus-visible\:z-10:focus-visible {
2203
2211
  z-index: 10;
2204
2212
  }
2205
- .focus-visible\:border-ring:focus-visible {
2213
+ .turtle-widget-root .focus-visible\:border-ring:focus-visible {
2206
2214
  border-color: var(--ring);
2207
2215
  }
2208
- .focus-visible\:ring-\[3px\]:focus-visible {
2216
+ .turtle-widget-root .focus-visible\:ring-\[3px\]:focus-visible {
2209
2217
  --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
2210
2218
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2211
2219
  }
2212
- .focus-visible\:ring-ring\/50:focus-visible {
2220
+ .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2213
2221
  --tw-ring-color: var(--ring);
2214
2222
  }
2215
2223
  @supports (color:color-mix(in lab,red,red)) {
2216
- .focus-visible\:ring-ring\/50:focus-visible {
2224
+ .turtle-widget-root .focus-visible\:ring-ring\/50:focus-visible {
2217
2225
  --tw-ring-color: var(--ring);
2218
2226
  @supports (color: color-mix(in lab, red, red)) {
2219
2227
  --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent);
2220
2228
  }
2221
2229
  }
2222
2230
  }
2223
- .focus-visible\:outline-1:focus-visible {
2231
+ .turtle-widget-root .focus-visible\:outline-1:focus-visible {
2224
2232
  outline-style: var(--tw-outline-style);
2225
2233
  outline-width: 1px;
2226
2234
  }
2227
- .disabled\:pointer-events-none:disabled {
2235
+ .turtle-widget-root .disabled\:pointer-events-none:disabled {
2228
2236
  pointer-events: none;
2229
2237
  }
2230
- .disabled\:cursor-not-allowed:disabled {
2238
+ .turtle-widget-root .disabled\:cursor-not-allowed:disabled {
2231
2239
  cursor: not-allowed;
2232
2240
  }
2233
- .disabled\:opacity-50:disabled {
2241
+ .turtle-widget-root .disabled\:opacity-50:disabled {
2234
2242
  opacity: .5;
2235
2243
  }
2236
- .has-\[\>svg\]\:px-2\.5:has(>svg) {
2244
+ .turtle-widget-root .has-\[\>svg\]\:px-2\.5:has(>svg) {
2237
2245
  padding-inline: calc(var(--spacing)*2.5);
2238
2246
  }
2239
- .has-\[\>svg\]\:px-3:has(>svg) {
2247
+ .turtle-widget-root .has-\[\>svg\]\:px-3:has(>svg) {
2240
2248
  padding-inline: calc(var(--spacing)*3);
2241
2249
  }
2242
- .has-\[\>svg\]\:px-4:has(>svg) {
2250
+ .turtle-widget-root .has-\[\>svg\]\:px-4:has(>svg) {
2243
2251
  padding-inline: calc(var(--spacing)*4);
2244
2252
  }
2245
- .aria-invalid\:border-destructive[aria-invalid=true] {
2253
+ .turtle-widget-root .aria-invalid\:border-destructive[aria-invalid=true] {
2246
2254
  border-color: var(--destructive);
2247
2255
  }
2248
- .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2256
+ .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2249
2257
  --tw-ring-color: var(--destructive);
2250
2258
  }
2251
2259
  @supports (color:color-mix(in lab,red,red)) {
2252
- .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2260
+ .turtle-widget-root .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
2253
2261
  --tw-ring-color: var(--destructive);
2254
2262
  @supports (color: color-mix(in lab, red, red)) {
2255
2263
  --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
2256
2264
  }
2257
2265
  }
2258
2266
  }
2259
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
2267
+ .turtle-widget-root .data-\[disabled\]\:pointer-events-none[data-disabled] {
2260
2268
  pointer-events: none;
2261
2269
  }
2262
- .data-\[disabled\]\:opacity-50[data-disabled] {
2270
+ .turtle-widget-root .data-\[disabled\]\:opacity-50[data-disabled] {
2263
2271
  opacity: .5;
2264
2272
  }
2265
- .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
2273
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
2266
2274
  height: 1px;
2267
2275
  }
2268
- .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
2276
+ .turtle-widget-root .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
2269
2277
  width: 100%;
2270
2278
  }
2271
- .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
2279
+ .turtle-widget-root .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
2272
2280
  height: 100%;
2273
2281
  }
2274
- .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
2282
+ .turtle-widget-root .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
2275
2283
  width: 1px;
2276
2284
  }
2277
- .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2285
+ .turtle-widget-root .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2278
2286
  color: var(--muted-foreground);
2279
2287
  }
2280
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2288
+ .turtle-widget-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2281
2289
  --tw-translate-y: calc(var(--spacing)*1);
2282
2290
  translate: var(--tw-translate-x)var(--tw-translate-y);
2283
2291
  }
2284
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2292
+ .turtle-widget-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2285
2293
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
2286
2294
  }
2287
- .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2295
+ .turtle-widget-root .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2288
2296
  --tw-translate-x: calc(var(--spacing)*-1);
2289
2297
  translate: var(--tw-translate-x)var(--tw-translate-y);
2290
2298
  }
2291
- .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2299
+ .turtle-widget-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2292
2300
  --tw-enter-translate-x: calc(2*var(--spacing));
2293
2301
  }
2294
- .data-\[side\=right\]\:translate-x-1[data-side=right] {
2302
+ .turtle-widget-root .data-\[side\=right\]\:translate-x-1[data-side=right] {
2295
2303
  --tw-translate-x: calc(var(--spacing)*1);
2296
2304
  translate: var(--tw-translate-x)var(--tw-translate-y);
2297
2305
  }
2298
- .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2306
+ .turtle-widget-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2299
2307
  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
2300
2308
  }
2301
- .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2309
+ .turtle-widget-root .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2302
2310
  --tw-translate-y: calc(var(--spacing)*-1);
2303
2311
  translate: var(--tw-translate-x)var(--tw-translate-y);
2304
2312
  }
2305
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2313
+ .turtle-widget-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2306
2314
  --tw-enter-translate-y: calc(2*var(--spacing));
2307
2315
  }
2308
- .data-\[size\=default\]\:h-9[data-size=default] {
2316
+ .turtle-widget-root .data-\[size\=default\]\:h-9[data-size=default] {
2309
2317
  height: calc(var(--spacing)*9);
2310
2318
  }
2311
- .data-\[size\=sm\]\:h-8[data-size=sm],.data-\[size\=xs\]\:h-8[data-size=xs] {
2319
+ .turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm], .turtle-widget-root .data-\[size\=xs\]\:h-8[data-size=xs] {
2312
2320
  height: calc(var(--spacing)*8);
2313
2321
  }
2314
- .data-\[size\=xs\]\:px-4[data-size=xs] {
2322
+ .turtle-widget-root .data-\[size\=xs\]\:px-4[data-size=xs] {
2315
2323
  padding-inline: calc(var(--spacing)*4);
2316
2324
  }
2317
- .data-\[size\=xs\]\:py-2[data-size=xs] {
2325
+ .turtle-widget-root .data-\[size\=xs\]\:py-2[data-size=xs] {
2318
2326
  padding-block: calc(var(--spacing)*2);
2319
2327
  }
2320
- .data-\[size\=xs\]\:text-xs[data-size=xs] {
2328
+ .turtle-widget-root .data-\[size\=xs\]\:text-xs[data-size=xs] {
2321
2329
  font-size: var(--text-xs);
2322
2330
  line-height: var(--tw-leading,var(--text-xs--line-height));
2323
2331
  }
2324
- :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
2332
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
2325
2333
  -webkit-line-clamp: 1;
2326
2334
  -webkit-box-orient: vertical;
2327
2335
  display: -webkit-box;
2328
2336
  overflow: hidden;
2329
2337
  }
2330
- :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
2338
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
2331
2339
  display: flex;
2332
2340
  }
2333
- :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
2341
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
2334
2342
  align-items: center;
2335
2343
  }
2336
- :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
2344
+ .turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
2337
2345
  gap: calc(var(--spacing)*2);
2338
2346
  }
2339
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
2347
+ .turtle-widget-root .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
2340
2348
  --tw-translate-x: calc(100% - 2px);
2341
2349
  translate: var(--tw-translate-x)var(--tw-translate-y);
2342
2350
  }
2343
- .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2351
+ .turtle-widget-root .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2344
2352
  background-color: var(--primary);
2345
2353
  }
2346
- .data-\[state\=closed\]\:animate-out[data-state=closed] {
2354
+ .turtle-widget-root .data-\[state\=closed\]\:animate-out[data-state=closed] {
2347
2355
  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
2356
  }
2349
- .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2357
+ .turtle-widget-root .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2350
2358
  --tw-exit-opacity: 0;
2351
2359
  }
2352
- .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2360
+ .turtle-widget-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2353
2361
  --tw-exit-scale: .95;
2354
2362
  }
2355
- .data-\[state\=on\]\:bg-accent[data-state=on] {
2363
+ .turtle-widget-root .data-\[state\=on\]\:bg-accent[data-state=on] {
2356
2364
  background-color: var(--accent);
2357
2365
  }
2358
- .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2366
+ .turtle-widget-root .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2359
2367
  color: var(--accent-foreground);
2360
2368
  }
2361
- .data-\[state\=open\]\:animate-in[data-state=open] {
2369
+ .turtle-widget-root .data-\[state\=open\]\:animate-in[data-state=open] {
2362
2370
  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
2371
  }
2364
- .data-\[state\=open\]\:fade-in-0[data-state=open] {
2372
+ .turtle-widget-root .data-\[state\=open\]\:fade-in-0[data-state=open] {
2365
2373
  --tw-enter-opacity: 0;
2366
2374
  }
2367
- .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2375
+ .turtle-widget-root .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2368
2376
  --tw-enter-scale: .95;
2369
2377
  }
2370
- .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2378
+ .turtle-widget-root .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2371
2379
  --tw-translate-x: calc(var(--spacing)*0);
2372
2380
  translate: var(--tw-translate-x)var(--tw-translate-y);
2373
2381
  }
2374
- .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2382
+ .turtle-widget-root .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2375
2383
  background-color: var(--input);
2376
2384
  }
2377
- .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
2385
+ .turtle-widget-root .data-\[variant\=outline\]\:border-l-0[data-variant=outline] {
2378
2386
  border-left-style: var(--tw-border-style);
2379
2387
  border-left-width: 0;
2380
2388
  }
2381
- .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] {
2389
+ .turtle-widget-root .data-\[variant\=outline\]\:shadow-xs[data-variant=outline] {
2382
2390
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
2383
2391
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
2384
2392
  }
2385
- .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child {
2393
+ .turtle-widget-root .data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child {
2386
2394
  border-left-style: var(--tw-border-style);
2387
2395
  border-left-width: 1px;
2388
2396
  }
2389
- .dark\:before\:from-white\/40:is(.dark *):before {
2397
+ .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2390
2398
  content: var(--tw-content);
2391
2399
  --tw-gradient-from: #fff6;
2392
2400
  }
2393
2401
  @supports (color:color-mix(in lab,red,red)) {
2394
- .dark\:before\:from-white\/40:is(.dark *):before {
2402
+ .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2395
2403
  --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
2396
2404
  @supports (color: color-mix(in lab, red, red)) {
2397
2405
  --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
2398
2406
  }
2399
2407
  }
2400
2408
  }
2401
- .dark\:before\:from-white\/40:is(.dark *):before {
2409
+ .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
2402
2410
  --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
2411
  }
2404
- .dark\:before\:to-white\/10:is(.dark *):before {
2412
+ .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2405
2413
  content: var(--tw-content);
2406
2414
  --tw-gradient-to: #ffffff1a;
2407
2415
  }
2408
2416
  @supports (color:color-mix(in lab,red,red)) {
2409
- .dark\:before\:to-white\/10:is(.dark *):before {
2417
+ .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2410
2418
  --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
2411
2419
  @supports (color: color-mix(in lab, red, red)) {
2412
2420
  --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
2413
2421
  }
2414
2422
  }
2415
2423
  }
2416
- .dark\:before\:to-white\/10:is(.dark *):before {
2424
+ .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
2417
2425
  --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
2426
  }
2419
- .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2427
+ .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2420
2428
  --tw-ring-color: var(--destructive);
2421
2429
  }
2422
2430
  @supports (color:color-mix(in lab,red,red)) {
2423
- .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2431
+ .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
2424
2432
  --tw-ring-color: var(--destructive);
2425
2433
  @supports (color: color-mix(in lab, red, red)) {
2426
2434
  --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
2427
2435
  }
2428
2436
  }
2429
2437
  }
2430
- .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
2438
+ .turtle-widget-root .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked] {
2431
2439
  background-color: var(--primary-foreground);
2432
2440
  }
2433
- .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
2441
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked] {
2434
2442
  background-color: var(--foreground);
2435
2443
  }
2436
- .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2444
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2437
2445
  background-color: var(--input);
2438
2446
  }
2439
2447
  @supports (color:color-mix(in lab,red,red)) {
2440
- .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2448
+ .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
2441
2449
  background-color: var(--input);
2442
2450
  @supports (color: color-mix(in lab, red, red)) {
2443
2451
  background-color: color-mix(in oklab,var(--input)80%,transparent);
2444
2452
  }
2445
2453
  }
2446
2454
  }
2447
- .\[\&_svg\]\:pointer-events-none svg {
2455
+ .turtle-widget-root .\[\&_svg\]\:pointer-events-none svg {
2448
2456
  pointer-events: none;
2449
2457
  }
2450
- .\[\&_svg\]\:shrink-0 svg {
2458
+ .turtle-widget-root .\[\&_svg\]\:shrink-0 svg {
2451
2459
  flex-shrink: 0;
2452
2460
  }
2453
- .\[\&_svg\]\:text-muted-foreground svg {
2461
+ .turtle-widget-root .\[\&_svg\]\:text-muted-foreground svg {
2454
2462
  color: var(--muted-foreground);
2455
2463
  }
2456
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2464
+ .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2457
2465
  width: calc(var(--spacing)*4);
2458
2466
  height: calc(var(--spacing)*4);
2459
2467
  }
2460
- :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
2468
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
2461
2469
  display: flex;
2462
2470
  }
2463
- :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
2471
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
2464
2472
  align-items: center;
2465
2473
  }
2466
- :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
2474
+ .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
2467
2475
  gap: calc(var(--spacing)*2);
2468
2476
  }
2469
2477
  }
@@ -3030,7 +3038,7 @@
3030
3038
  }
3031
3039
  @layer properties {
3032
3040
  @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 {
3041
+ .turtle-widget-root *, .turtle-widget-root ::before, .turtle-widget-root ::after, .turtle-widget-root ::backdrop {
3034
3042
  --tw-translate-x: 0;
3035
3043
  --tw-translate-y: 0;
3036
3044
  --tw-translate-z: 0;