@turtleclub/earn-widget 0.2.0-beta.5 → 0.2.0-beta.8

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