@nurix/ui-component-library 1.1.6 → 1.1.7-stage.135

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.
@@ -0,0 +1,4118 @@
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
7
+ "Courier New", monospace;
8
+ --color-red-100: oklch(93.6% 0.032 17.717);
9
+ --color-red-500: oklch(63.7% 0.237 25.331);
10
+ --color-red-700: oklch(50.5% 0.213 27.518);
11
+ --color-orange-100: oklch(95.4% 0.038 75.164);
12
+ --color-orange-500: oklch(70.5% 0.213 47.604);
13
+ --color-orange-700: oklch(55.3% 0.195 38.402);
14
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
15
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
16
+ --color-yellow-700: oklch(55.4% 0.135 66.442);
17
+ --color-lime-100: oklch(96.7% 0.067 122.328);
18
+ --color-lime-600: oklch(64.8% 0.2 131.684);
19
+ --color-lime-700: oklch(53.2% 0.157 131.589);
20
+ --color-green-100: oklch(96.2% 0.044 156.743);
21
+ --color-green-600: oklch(62.7% 0.194 149.214);
22
+ --color-green-700: oklch(52.7% 0.154 150.069);
23
+ --color-teal-700: oklch(51.1% 0.096 186.391);
24
+ --color-cyan-700: oklch(52% 0.105 223.128);
25
+ --color-blue-500: oklch(62.3% 0.214 259.815);
26
+ --color-blue-600: oklch(54.6% 0.245 262.881);
27
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
28
+ --color-purple-700: oklch(49.6% 0.265 301.924);
29
+ --color-gray-50: oklch(98.5% 0.002 247.839);
30
+ --color-black: #000;
31
+ --color-white: #fff;
32
+ --spacing: 0.25rem;
33
+ --container-sm: 24rem;
34
+ --container-md: 28rem;
35
+ --container-6xl: 72rem;
36
+ --font-weight-thin: 100;
37
+ --font-weight-extralight: 200;
38
+ --font-weight-light: 300;
39
+ --font-weight-normal: 400;
40
+ --font-weight-medium: 500;
41
+ --font-weight-semibold: 600;
42
+ --font-weight-bold: 700;
43
+ --font-weight-extrabold: 800;
44
+ --font-weight-black: 900;
45
+ --tracking-tight: -0.025em;
46
+ --tracking-normal: 0em;
47
+ --leading-normal: 1.5;
48
+ --radius-xl: 0.75rem;
49
+ --radius-2xl: 1rem;
50
+ --radius-3xl: 1.5rem;
51
+ --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
52
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
53
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
54
+ --animate-spin: spin 1s linear infinite;
55
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
56
+ --default-transition-duration: 150ms;
57
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
58
+ --default-mono-font-family: var(--font-mono);
59
+ }
60
+ }
61
+ @layer base {
62
+ .lego-land *, .lego-land ::after, .lego-land ::before, .lego-land ::backdrop, .lego-land ::file-selector-button {
63
+ box-sizing: border-box;
64
+ margin: 0;
65
+ padding: 0;
66
+ border: 0 solid;
67
+ }
68
+ html, :host {
69
+ line-height: 1.5;
70
+ -webkit-text-size-adjust: 100%;
71
+ -moz-tab-size: 4;
72
+ -o-tab-size: 4;
73
+ tab-size: 4;
74
+ font-family: var(--font-nunito, Nunito), ui-sans-serif, system-ui, sans-serif;
75
+ font-feature-settings: normal;
76
+ font-variation-settings: normal;
77
+ -webkit-tap-highlight-color: transparent;
78
+ }
79
+ .lego-land hr {
80
+ height: 0;
81
+ color: inherit;
82
+ border-top-width: 1px;
83
+ }
84
+ .lego-land abbr:where([title]) {
85
+ -webkit-text-decoration: underline dotted;
86
+ text-decoration: underline dotted;
87
+ }
88
+ .lego-land h1, .lego-land h2, .lego-land h3, .lego-land h4, .lego-land h5, .lego-land h6 {
89
+ font-size: inherit;
90
+ font-weight: inherit;
91
+ }
92
+ .lego-land a {
93
+ color: inherit;
94
+ -webkit-text-decoration: inherit;
95
+ text-decoration: inherit;
96
+ }
97
+ .lego-land b, .lego-land strong {
98
+ font-weight: bolder;
99
+ }
100
+ .lego-land code, .lego-land kbd, .lego-land samp, .lego-land pre {
101
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
102
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
103
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
104
+ font-size: 1em;
105
+ }
106
+ .lego-land small {
107
+ font-size: 80%;
108
+ }
109
+ .lego-land sub, .lego-land sup {
110
+ font-size: 75%;
111
+ line-height: 0;
112
+ position: relative;
113
+ vertical-align: baseline;
114
+ }
115
+ .lego-land sub {
116
+ bottom: -0.25em;
117
+ }
118
+ .lego-land sup {
119
+ top: -0.5em;
120
+ }
121
+ .lego-land table {
122
+ text-indent: 0;
123
+ border-color: inherit;
124
+ border-collapse: collapse;
125
+ }
126
+ .lego-land :-moz-focusring {
127
+ outline: auto;
128
+ }
129
+ .lego-land progress {
130
+ vertical-align: baseline;
131
+ }
132
+ .lego-land summary {
133
+ display: list-item;
134
+ }
135
+ .lego-land ol, .lego-land ul, .lego-land menu {
136
+ list-style: none;
137
+ }
138
+ .lego-land img, .lego-land svg, .lego-land video, .lego-land canvas, .lego-land audio, .lego-land iframe, .lego-land embed, .lego-land object {
139
+ display: block;
140
+ vertical-align: middle;
141
+ }
142
+ .lego-land img, .lego-land video {
143
+ max-width: 100%;
144
+ height: auto;
145
+ }
146
+ .lego-land button, .lego-land input, .lego-land select, .lego-land optgroup, .lego-land textarea, .lego-land ::file-selector-button {
147
+ font: inherit;
148
+ font-feature-settings: inherit;
149
+ font-variation-settings: inherit;
150
+ letter-spacing: inherit;
151
+ color: inherit;
152
+ border-radius: 0;
153
+ background-color: transparent;
154
+ opacity: 1;
155
+ }
156
+ .lego-land :where(select:is([multiple], [size])) optgroup {
157
+ font-weight: bolder;
158
+ }
159
+ .lego-land :where(select:is([multiple], [size])) optgroup option {
160
+ padding-inline-start: 20px;
161
+ }
162
+ .lego-land ::file-selector-button {
163
+ margin-inline-end: 4px;
164
+ }
165
+ .lego-land ::-moz-placeholder {
166
+ opacity: 1;
167
+ }
168
+ .lego-land ::placeholder {
169
+ opacity: 1;
170
+ }
171
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
172
+ .lego-land ::-moz-placeholder {
173
+ color: currentcolor;
174
+ @supports (color: color-mix(in lab, red, red)) {
175
+ color: color-mix(in oklab, currentcolor 50%, transparent);
176
+ }
177
+ }
178
+ .lego-land ::placeholder {
179
+ color: currentcolor;
180
+ @supports (color: color-mix(in lab, red, red)) {
181
+ color: color-mix(in oklab, currentcolor 50%, transparent);
182
+ }
183
+ }
184
+ }
185
+ .lego-land textarea {
186
+ resize: vertical;
187
+ }
188
+ .lego-land ::-webkit-search-decoration {
189
+ -webkit-appearance: none;
190
+ }
191
+ .lego-land ::-webkit-date-and-time-value {
192
+ min-height: 1lh;
193
+ text-align: inherit;
194
+ }
195
+ .lego-land ::-webkit-datetime-edit {
196
+ display: inline-flex;
197
+ }
198
+ .lego-land ::-webkit-datetime-edit-fields-wrapper {
199
+ padding: 0;
200
+ }
201
+ .lego-land ::-webkit-datetime-edit, .lego-land ::-webkit-datetime-edit-year-field, .lego-land ::-webkit-datetime-edit-month-field, .lego-land ::-webkit-datetime-edit-day-field, .lego-land ::-webkit-datetime-edit-hour-field, .lego-land ::-webkit-datetime-edit-minute-field, .lego-land ::-webkit-datetime-edit-second-field, .lego-land ::-webkit-datetime-edit-millisecond-field, .lego-land ::-webkit-datetime-edit-meridiem-field {
202
+ padding-block: 0;
203
+ }
204
+ .lego-land ::-webkit-calendar-picker-indicator {
205
+ line-height: 1;
206
+ }
207
+ .lego-land :-moz-ui-invalid {
208
+ box-shadow: none;
209
+ }
210
+ .lego-land button, .lego-land input:where([type="button"], [type="reset"], [type="submit"]), .lego-land ::file-selector-button {
211
+ -webkit-appearance: button;
212
+ -moz-appearance: button;
213
+ appearance: button;
214
+ }
215
+ .lego-land ::-webkit-inner-spin-button, .lego-land ::-webkit-outer-spin-button {
216
+ height: auto;
217
+ }
218
+ .lego-land [hidden]:where(:not([hidden="until-found"])) {
219
+ display: none !important;
220
+ }
221
+ }
222
+ @layer utilities {
223
+ .lego-land .pointer-events-auto {
224
+ pointer-events: auto;
225
+ }
226
+ .lego-land .pointer-events-none {
227
+ pointer-events: none;
228
+ }
229
+ .lego-land .collapse {
230
+ visibility: collapse;
231
+ }
232
+ .lego-land .invisible {
233
+ visibility: hidden;
234
+ }
235
+ .lego-land .visible {
236
+ visibility: visible;
237
+ }
238
+ .lego-land .sr-only {
239
+ position: absolute;
240
+ width: 1px;
241
+ height: 1px;
242
+ padding: 0;
243
+ margin: -1px;
244
+ overflow: hidden;
245
+ clip-path: inset(50%);
246
+ white-space: nowrap;
247
+ border-width: 0;
248
+ }
249
+ .lego-land .absolute {
250
+ position: absolute;
251
+ }
252
+ .lego-land .fixed {
253
+ position: fixed;
254
+ }
255
+ .lego-land .relative {
256
+ position: relative;
257
+ }
258
+ .lego-land .static {
259
+ position: static;
260
+ }
261
+ .lego-land .sticky {
262
+ position: sticky;
263
+ }
264
+ .lego-land .inset-0 {
265
+ inset: calc(var(--spacing) * 0);
266
+ }
267
+ .lego-land .top-0 {
268
+ top: calc(var(--spacing) * 0);
269
+ }
270
+ .lego-land .top-0\.5 {
271
+ top: calc(var(--spacing) * 0.5);
272
+ }
273
+ .lego-land .top-1\/2 {
274
+ top: calc(1/2 * 100%);
275
+ }
276
+ .lego-land .top-2 {
277
+ top: calc(var(--spacing) * 2);
278
+ }
279
+ .lego-land .top-\[46px\] {
280
+ top: 46px;
281
+ }
282
+ .lego-land .top-px {
283
+ top: 1px;
284
+ }
285
+ .lego-land .right-0 {
286
+ right: calc(var(--spacing) * 0);
287
+ }
288
+ .lego-land .-bottom-1\.5 {
289
+ bottom: calc(var(--spacing) * -1.5);
290
+ }
291
+ .lego-land .bottom-0 {
292
+ bottom: calc(var(--spacing) * 0);
293
+ }
294
+ .lego-land .left-0 {
295
+ left: calc(var(--spacing) * 0);
296
+ }
297
+ .lego-land .left-0\.5 {
298
+ left: calc(var(--spacing) * 0.5);
299
+ }
300
+ .lego-land .left-\[-4px\] {
301
+ left: -4px;
302
+ }
303
+ .lego-land .left-\[14px\] {
304
+ left: 14px;
305
+ }
306
+ .lego-land .left-px {
307
+ left: 1px;
308
+ }
309
+ .lego-land .z-0 {
310
+ z-index: 0;
311
+ }
312
+ .lego-land .z-10 {
313
+ z-index: 10;
314
+ }
315
+ .lego-land .z-20 {
316
+ z-index: 20;
317
+ }
318
+ .lego-land .z-30 {
319
+ z-index: 30;
320
+ }
321
+ .lego-land .z-40 {
322
+ z-index: 40;
323
+ }
324
+ .lego-land .z-50 {
325
+ z-index: 50;
326
+ }
327
+ .lego-land .z-\[250\] {
328
+ z-index: 250;
329
+ }
330
+ .lego-land .\!container {
331
+ width: 100% !important;
332
+ @media (width >= 40rem) {
333
+ max-width: 40rem !important;
334
+ }
335
+ @media (width >= 48rem) {
336
+ max-width: 48rem !important;
337
+ }
338
+ @media (width >= 64rem) {
339
+ max-width: 64rem !important;
340
+ }
341
+ @media (width >= 80rem) {
342
+ max-width: 80rem !important;
343
+ }
344
+ @media (width >= 96rem) {
345
+ max-width: 96rem !important;
346
+ }
347
+ }
348
+ .lego-land .container {
349
+ width: 100%;
350
+ @media (width >= 40rem) {
351
+ max-width: 40rem;
352
+ }
353
+ @media (width >= 48rem) {
354
+ max-width: 48rem;
355
+ }
356
+ @media (width >= 64rem) {
357
+ max-width: 64rem;
358
+ }
359
+ @media (width >= 80rem) {
360
+ max-width: 80rem;
361
+ }
362
+ @media (width >= 96rem) {
363
+ max-width: 96rem;
364
+ }
365
+ }
366
+ .lego-land .-mx-1 {
367
+ margin-inline: calc(var(--spacing) * -1);
368
+ }
369
+ .lego-land .mx-0\.5 {
370
+ margin-inline: calc(var(--spacing) * 0.5);
371
+ }
372
+ .lego-land .mx-3 {
373
+ margin-inline: calc(var(--spacing) * 3);
374
+ }
375
+ .lego-land .mx-6 {
376
+ margin-inline: calc(var(--spacing) * 6);
377
+ }
378
+ .lego-land .my-1 {
379
+ margin-block: calc(var(--spacing) * 1);
380
+ }
381
+ .lego-land .my-2 {
382
+ margin-block: calc(var(--spacing) * 2);
383
+ }
384
+ .lego-land .-mt-1 {
385
+ margin-top: calc(var(--spacing) * -1);
386
+ }
387
+ .lego-land .mt-1 {
388
+ margin-top: calc(var(--spacing) * 1);
389
+ }
390
+ .lego-land .mt-2 {
391
+ margin-top: calc(var(--spacing) * 2);
392
+ }
393
+ .lego-land .mt-4 {
394
+ margin-top: calc(var(--spacing) * 4);
395
+ }
396
+ .lego-land .mt-6 {
397
+ margin-top: calc(var(--spacing) * 6);
398
+ }
399
+ .lego-land .mt-8 {
400
+ margin-top: calc(var(--spacing) * 8);
401
+ }
402
+ .lego-land .mt-auto {
403
+ margin-top: auto;
404
+ }
405
+ .lego-land .mt-px {
406
+ margin-top: 1px;
407
+ }
408
+ .lego-land .mr-1 {
409
+ margin-right: calc(var(--spacing) * 1);
410
+ }
411
+ .lego-land .mr-2 {
412
+ margin-right: calc(var(--spacing) * 2);
413
+ }
414
+ .lego-land .mr-\[-1px\] {
415
+ margin-right: -1px;
416
+ }
417
+ .lego-land .mb-0\.5 {
418
+ margin-bottom: calc(var(--spacing) * 0.5);
419
+ }
420
+ .lego-land .mb-1 {
421
+ margin-bottom: calc(var(--spacing) * 1);
422
+ }
423
+ .lego-land .mb-2 {
424
+ margin-bottom: calc(var(--spacing) * 2);
425
+ }
426
+ .lego-land .mb-3 {
427
+ margin-bottom: calc(var(--spacing) * 3);
428
+ }
429
+ .lego-land .ml-0\.5 {
430
+ margin-left: calc(var(--spacing) * 0.5);
431
+ }
432
+ .lego-land .ml-1 {
433
+ margin-left: calc(var(--spacing) * 1);
434
+ }
435
+ .lego-land .ml-2 {
436
+ margin-left: calc(var(--spacing) * 2);
437
+ }
438
+ .lego-land .ml-3 {
439
+ margin-left: calc(var(--spacing) * 3);
440
+ }
441
+ .lego-land .ml-auto {
442
+ margin-left: auto;
443
+ }
444
+ .lego-land .ml-px {
445
+ margin-left: 1px;
446
+ }
447
+ .lego-land .line-clamp-2 {
448
+ overflow: hidden;
449
+ display: -webkit-box;
450
+ -webkit-box-orient: vertical;
451
+ -webkit-line-clamp: 2;
452
+ }
453
+ .lego-land .block {
454
+ display: block;
455
+ }
456
+ .lego-land .contents {
457
+ display: contents;
458
+ }
459
+ .lego-land .flex {
460
+ display: flex;
461
+ }
462
+ .lego-land .grid {
463
+ display: grid;
464
+ }
465
+ .lego-land .hidden {
466
+ display: none;
467
+ }
468
+ .lego-land .inline {
469
+ display: inline;
470
+ }
471
+ .lego-land .inline-block {
472
+ display: inline-block;
473
+ }
474
+ .lego-land .inline-flex {
475
+ display: inline-flex;
476
+ }
477
+ .lego-land .table {
478
+ display: table;
479
+ }
480
+ .lego-land .aspect-square {
481
+ aspect-ratio: 1 / 1;
482
+ }
483
+ .lego-land .size-2 {
484
+ width: calc(var(--spacing) * 2);
485
+ height: calc(var(--spacing) * 2);
486
+ }
487
+ .lego-land .size-3 {
488
+ width: calc(var(--spacing) * 3);
489
+ height: calc(var(--spacing) * 3);
490
+ }
491
+ .lego-land .size-3\.5 {
492
+ width: calc(var(--spacing) * 3.5);
493
+ height: calc(var(--spacing) * 3.5);
494
+ }
495
+ .lego-land .size-4 {
496
+ width: calc(var(--spacing) * 4);
497
+ height: calc(var(--spacing) * 4);
498
+ }
499
+ .lego-land .size-5 {
500
+ width: calc(var(--spacing) * 5);
501
+ height: calc(var(--spacing) * 5);
502
+ }
503
+ .lego-land .size-6 {
504
+ width: calc(var(--spacing) * 6);
505
+ height: calc(var(--spacing) * 6);
506
+ }
507
+ .lego-land .size-8 {
508
+ width: calc(var(--spacing) * 8);
509
+ height: calc(var(--spacing) * 8);
510
+ }
511
+ .lego-land .size-9 {
512
+ width: calc(var(--spacing) * 9);
513
+ height: calc(var(--spacing) * 9);
514
+ }
515
+ .lego-land .size-10 {
516
+ width: calc(var(--spacing) * 10);
517
+ height: calc(var(--spacing) * 10);
518
+ }
519
+ .lego-land .size-24 {
520
+ width: calc(var(--spacing) * 24);
521
+ height: calc(var(--spacing) * 24);
522
+ }
523
+ .lego-land .size-\[120px\] {
524
+ width: 120px;
525
+ height: 120px;
526
+ }
527
+ .lego-land .size-full {
528
+ width: 100%;
529
+ height: 100%;
530
+ }
531
+ .lego-land .\!h-8 {
532
+ height: calc(var(--spacing) * 8) !important;
533
+ }
534
+ .lego-land .h-1 {
535
+ height: calc(var(--spacing) * 1);
536
+ }
537
+ .lego-land .h-2 {
538
+ height: calc(var(--spacing) * 2);
539
+ }
540
+ .lego-land .h-3 {
541
+ height: calc(var(--spacing) * 3);
542
+ }
543
+ .lego-land .h-3\.5 {
544
+ height: calc(var(--spacing) * 3.5);
545
+ }
546
+ .lego-land .h-4 {
547
+ height: calc(var(--spacing) * 4);
548
+ }
549
+ .lego-land .h-5 {
550
+ height: calc(var(--spacing) * 5);
551
+ }
552
+ .lego-land .h-6 {
553
+ height: calc(var(--spacing) * 6);
554
+ }
555
+ .lego-land .h-8 {
556
+ height: calc(var(--spacing) * 8);
557
+ }
558
+ .lego-land .h-9 {
559
+ height: calc(var(--spacing) * 9);
560
+ }
561
+ .lego-land .h-10 {
562
+ height: calc(var(--spacing) * 10);
563
+ }
564
+ .lego-land .h-12 {
565
+ height: calc(var(--spacing) * 12);
566
+ }
567
+ .lego-land .h-14 {
568
+ height: calc(var(--spacing) * 14);
569
+ }
570
+ .lego-land .h-16 {
571
+ height: calc(var(--spacing) * 16);
572
+ }
573
+ .lego-land .h-24 {
574
+ height: calc(var(--spacing) * 24);
575
+ }
576
+ .lego-land .h-48 {
577
+ height: calc(var(--spacing) * 48);
578
+ }
579
+ .lego-land .h-\[1\.5px\] {
580
+ height: 1.5px;
581
+ }
582
+ .lego-land .h-\[1px\] {
583
+ height: 1px;
584
+ }
585
+ .lego-land .h-\[18px\] {
586
+ height: 18px;
587
+ }
588
+ .lego-land .h-\[50px\] {
589
+ height: 50px;
590
+ }
591
+ .lego-land .h-\[100px\] {
592
+ height: 100px;
593
+ }
594
+ .lego-land .h-\[120px\] {
595
+ height: 120px;
596
+ }
597
+ .lego-land .h-\[172px\] {
598
+ height: 172px;
599
+ }
600
+ .lego-land .h-\[200px\] {
601
+ height: 200px;
602
+ }
603
+ .lego-land .h-\[220px\] {
604
+ height: 220px;
605
+ }
606
+ .lego-land .h-\[600px\] {
607
+ height: 600px;
608
+ }
609
+ .lego-land .h-\[var\(--input-height\)\] {
610
+ height: var(--input-height);
611
+ }
612
+ .lego-land .h-\[var\(--input-height\,40px\)\] {
613
+ height: var(--input-height,40px);
614
+ }
615
+ .lego-land .h-\[var\(--input-height-large\)\] {
616
+ height: var(--input-height-large);
617
+ }
618
+ .lego-land .h-full {
619
+ height: 100%;
620
+ }
621
+ .lego-land .h-px {
622
+ height: 1px;
623
+ }
624
+ .lego-land .max-h-12 {
625
+ max-height: calc(var(--spacing) * 12);
626
+ }
627
+ .lego-land .max-h-\[80vh\] {
628
+ max-height: 80vh;
629
+ }
630
+ .lego-land .max-h-\[240px\] {
631
+ max-height: 240px;
632
+ }
633
+ .lego-land .max-h-\[280px\] {
634
+ max-height: 280px;
635
+ }
636
+ .lego-land .max-h-\[300px\] {
637
+ max-height: 300px;
638
+ }
639
+ .lego-land .max-h-\[400px\] {
640
+ max-height: 400px;
641
+ }
642
+ .lego-land .max-h-\[507px\] {
643
+ max-height: 507px;
644
+ }
645
+ .lego-land .min-h-0 {
646
+ min-height: calc(var(--spacing) * 0);
647
+ }
648
+ .lego-land .min-h-8 {
649
+ min-height: calc(var(--spacing) * 8);
650
+ }
651
+ .lego-land .min-h-\[32px\] {
652
+ min-height: 32px;
653
+ }
654
+ .lego-land .min-h-\[60px\] {
655
+ min-height: 60px;
656
+ }
657
+ .lego-land .min-h-\[80px\] {
658
+ min-height: 80px;
659
+ }
660
+ .lego-land .min-h-\[114px\] {
661
+ min-height: 114px;
662
+ }
663
+ .lego-land .min-h-\[144px\] {
664
+ min-height: 144px;
665
+ }
666
+ .lego-land .min-h-\[200px\] {
667
+ min-height: 200px;
668
+ }
669
+ .lego-land .min-h-full {
670
+ min-height: 100%;
671
+ }
672
+ .lego-land .min-h-px {
673
+ min-height: 1px;
674
+ }
675
+ .lego-land .w-0\.5 {
676
+ width: calc(var(--spacing) * 0.5);
677
+ }
678
+ .lego-land .w-3 {
679
+ width: calc(var(--spacing) * 3);
680
+ }
681
+ .lego-land .w-3\.5 {
682
+ width: calc(var(--spacing) * 3.5);
683
+ }
684
+ .lego-land .w-3\/4 {
685
+ width: calc(3/4 * 100%);
686
+ }
687
+ .lego-land .w-4 {
688
+ width: calc(var(--spacing) * 4);
689
+ }
690
+ .lego-land .w-5 {
691
+ width: calc(var(--spacing) * 5);
692
+ }
693
+ .lego-land .w-6 {
694
+ width: calc(var(--spacing) * 6);
695
+ }
696
+ .lego-land .w-7 {
697
+ width: calc(var(--spacing) * 7);
698
+ }
699
+ .lego-land .w-8 {
700
+ width: calc(var(--spacing) * 8);
701
+ }
702
+ .lego-land .w-9 {
703
+ width: calc(var(--spacing) * 9);
704
+ }
705
+ .lego-land .w-10 {
706
+ width: calc(var(--spacing) * 10);
707
+ }
708
+ .lego-land .w-11 {
709
+ width: calc(var(--spacing) * 11);
710
+ }
711
+ .lego-land .w-12 {
712
+ width: calc(var(--spacing) * 12);
713
+ }
714
+ .lego-land .w-16 {
715
+ width: calc(var(--spacing) * 16);
716
+ }
717
+ .lego-land .w-20 {
718
+ width: calc(var(--spacing) * 20);
719
+ }
720
+ .lego-land .w-24 {
721
+ width: calc(var(--spacing) * 24);
722
+ }
723
+ .lego-land .w-64 {
724
+ width: calc(var(--spacing) * 64);
725
+ }
726
+ .lego-land .w-80 {
727
+ width: calc(var(--spacing) * 80);
728
+ }
729
+ .lego-land .w-96 {
730
+ width: calc(var(--spacing) * 96);
731
+ }
732
+ .lego-land .w-\[1px\] {
733
+ width: 1px;
734
+ }
735
+ .lego-land .w-\[76px\] {
736
+ width: 76px;
737
+ }
738
+ .lego-land .w-\[88px\] {
739
+ width: 88px;
740
+ }
741
+ .lego-land .w-\[116px\] {
742
+ width: 116px;
743
+ }
744
+ .lego-land .w-\[120px\] {
745
+ width: 120px;
746
+ }
747
+ .lego-land .w-\[140px\] {
748
+ width: 140px;
749
+ }
750
+ .lego-land .w-\[144px\] {
751
+ width: 144px;
752
+ }
753
+ .lego-land .w-\[152px\] {
754
+ width: 152px;
755
+ }
756
+ .lego-land .w-\[196px\] {
757
+ width: 196px;
758
+ }
759
+ .lego-land .w-\[200px\] {
760
+ width: 200px;
761
+ }
762
+ .lego-land .w-\[232px\] {
763
+ width: 232px;
764
+ }
765
+ .lego-land .w-\[240px\] {
766
+ width: 240px;
767
+ }
768
+ .lego-land .w-\[260px\] {
769
+ width: 260px;
770
+ }
771
+ .lego-land .w-\[320px\] {
772
+ width: 320px;
773
+ }
774
+ .lego-land .w-\[336px\] {
775
+ width: 336px;
776
+ }
777
+ .lego-land .w-\[360px\] {
778
+ width: 360px;
779
+ }
780
+ .lego-land .w-\[380px\] {
781
+ width: 380px;
782
+ }
783
+ .lego-land .w-\[390px\] {
784
+ width: 390px;
785
+ }
786
+ .lego-land .w-\[400px\] {
787
+ width: 400px;
788
+ }
789
+ .lego-land .w-\[420px\] {
790
+ width: 420px;
791
+ }
792
+ .lego-land .w-\[500px\] {
793
+ width: 500px;
794
+ }
795
+ .lego-land .w-\[503px\] {
796
+ width: 503px;
797
+ }
798
+ .lego-land .w-\[512px\] {
799
+ width: 512px;
800
+ }
801
+ .lego-land .w-\[520px\] {
802
+ width: 520px;
803
+ }
804
+ .lego-land .w-\[620px\] {
805
+ width: 620px;
806
+ }
807
+ .lego-land .w-\[640px\] {
808
+ width: 640px;
809
+ }
810
+ .lego-land .w-\[900px\] {
811
+ width: 900px;
812
+ }
813
+ .lego-land .w-\[960px\] {
814
+ width: 960px;
815
+ }
816
+ .lego-land .w-\[max-content\] {
817
+ width: -moz-max-content;
818
+ width: max-content;
819
+ }
820
+ .lego-land .w-\[min-content\] {
821
+ width: -moz-min-content;
822
+ width: min-content;
823
+ }
824
+ .lego-land .w-\[var\(--radix-select-trigger-width\)\] {
825
+ width: var(--radix-select-trigger-width);
826
+ }
827
+ .lego-land .w-fit {
828
+ width: -moz-fit-content;
829
+ width: fit-content;
830
+ }
831
+ .lego-land .w-full {
832
+ width: 100%;
833
+ }
834
+ .lego-land .w-px {
835
+ width: 1px;
836
+ }
837
+ .lego-land .max-w-6xl {
838
+ max-width: var(--container-6xl);
839
+ }
840
+ .lego-land .max-w-800 {
841
+ max-width: calc(var(--spacing) * 800);
842
+ }
843
+ .lego-land .max-w-\[80\%\] {
844
+ max-width: 80%;
845
+ }
846
+ .lego-land .max-w-\[125px\] {
847
+ max-width: 125px;
848
+ }
849
+ .lego-land .max-w-\[426px\] {
850
+ max-width: 426px;
851
+ }
852
+ .lego-land .max-w-\[472px\] {
853
+ max-width: 472px;
854
+ }
855
+ .lego-land .max-w-\[600px\] {
856
+ max-width: 600px;
857
+ }
858
+ .lego-land .max-w-full {
859
+ max-width: 100%;
860
+ }
861
+ .lego-land .max-w-md {
862
+ max-width: var(--container-md);
863
+ }
864
+ .lego-land .max-w-sm {
865
+ max-width: var(--container-sm);
866
+ }
867
+ .lego-land .\!min-w-0 {
868
+ min-width: calc(var(--spacing) * 0) !important;
869
+ }
870
+ .lego-land .min-w-0 {
871
+ min-width: calc(var(--spacing) * 0);
872
+ }
873
+ .lego-land .min-w-2 {
874
+ min-width: calc(var(--spacing) * 2);
875
+ }
876
+ .lego-land .min-w-5 {
877
+ min-width: calc(var(--spacing) * 5);
878
+ }
879
+ .lego-land .min-w-\[64px\] {
880
+ min-width: 64px;
881
+ }
882
+ .lego-land .min-w-\[77px\] {
883
+ min-width: 77px;
884
+ }
885
+ .lego-land .min-w-\[80px\] {
886
+ min-width: 80px;
887
+ }
888
+ .lego-land .min-w-\[88px\] {
889
+ min-width: 88px;
890
+ }
891
+ .lego-land .min-w-\[102px\] {
892
+ min-width: 102px;
893
+ }
894
+ .lego-land .min-w-\[120px\] {
895
+ min-width: 120px;
896
+ }
897
+ .lego-land .min-w-\[127px\] {
898
+ min-width: 127px;
899
+ }
900
+ .lego-land .min-w-\[160px\] {
901
+ min-width: 160px;
902
+ }
903
+ .lego-land .min-w-\[196px\] {
904
+ min-width: 196px;
905
+ }
906
+ .lego-land .min-w-\[320px\] {
907
+ min-width: 320px;
908
+ }
909
+ .lego-land .min-w-\[var\(--radix-select-trigger-width\)\] {
910
+ min-width: var(--radix-select-trigger-width);
911
+ }
912
+ .lego-land .min-w-full {
913
+ min-width: 100%;
914
+ }
915
+ .lego-land .min-w-px {
916
+ min-width: 1px;
917
+ }
918
+ .lego-land .flex-1 {
919
+ flex: 1;
920
+ }
921
+ .lego-land .shrink {
922
+ flex-shrink: 1;
923
+ }
924
+ .lego-land .shrink-0 {
925
+ flex-shrink: 0;
926
+ }
927
+ .lego-land .grow {
928
+ flex-grow: 1;
929
+ }
930
+ .lego-land .basis-0 {
931
+ flex-basis: calc(var(--spacing) * 0);
932
+ }
933
+ .lego-land .table-fixed {
934
+ table-layout: fixed;
935
+ }
936
+ .lego-land .border-collapse {
937
+ border-collapse: collapse;
938
+ }
939
+ .lego-land .translate-x-3 {
940
+ --tw-translate-x: calc(var(--spacing) * 3);
941
+ translate: var(--tw-translate-x) var(--tw-translate-y);
942
+ }
943
+ .lego-land .-translate-y-1\/2 {
944
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
945
+ translate: var(--tw-translate-x) var(--tw-translate-y);
946
+ }
947
+ .lego-land .-translate-y-px {
948
+ --tw-translate-y: -1px;
949
+ translate: var(--tw-translate-x) var(--tw-translate-y);
950
+ }
951
+ .lego-land .scale-\[0\.96\] {
952
+ scale: 0.96;
953
+ }
954
+ .lego-land .rotate-180 {
955
+ rotate: 180deg;
956
+ }
957
+ .lego-land .transform {
958
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
959
+ }
960
+ .lego-land .animate-pulse {
961
+ animation: var(--animate-pulse);
962
+ }
963
+ .lego-land .animate-spin {
964
+ animation: var(--animate-spin);
965
+ }
966
+ .lego-land .cursor-default {
967
+ cursor: default;
968
+ }
969
+ .lego-land .cursor-grab {
970
+ cursor: grab;
971
+ }
972
+ .lego-land .cursor-not-allowed {
973
+ cursor: not-allowed;
974
+ }
975
+ .lego-land .cursor-pointer {
976
+ cursor: pointer;
977
+ }
978
+ .lego-land .touch-none {
979
+ touch-action: none;
980
+ }
981
+ .lego-land .resize {
982
+ resize: both;
983
+ }
984
+ .lego-land .resize-none {
985
+ resize: none;
986
+ }
987
+ .lego-land .resize-x {
988
+ resize: horizontal;
989
+ }
990
+ .lego-land .resize-y {
991
+ resize: vertical;
992
+ }
993
+ .lego-land .list-decimal {
994
+ list-style-type: decimal;
995
+ }
996
+ .lego-land .list-disc {
997
+ list-style-type: disc;
998
+ }
999
+ .lego-land .grid-cols-2 {
1000
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1001
+ }
1002
+ .lego-land .grid-cols-3 {
1003
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1004
+ }
1005
+ .lego-land .grid-cols-8 {
1006
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1007
+ }
1008
+ .lego-land .flex-col {
1009
+ flex-direction: column;
1010
+ }
1011
+ .lego-land .flex-row {
1012
+ flex-direction: row;
1013
+ }
1014
+ .lego-land .flex-wrap {
1015
+ flex-wrap: wrap;
1016
+ }
1017
+ .lego-land .place-items-center {
1018
+ place-items: center;
1019
+ }
1020
+ .lego-land .items-center {
1021
+ align-items: center;
1022
+ }
1023
+ .lego-land .items-end {
1024
+ align-items: flex-end;
1025
+ }
1026
+ .lego-land .items-start {
1027
+ align-items: flex-start;
1028
+ }
1029
+ .lego-land .items-stretch {
1030
+ align-items: stretch;
1031
+ }
1032
+ .lego-land .justify-between {
1033
+ justify-content: space-between;
1034
+ }
1035
+ .lego-land .justify-center {
1036
+ justify-content: center;
1037
+ }
1038
+ .lego-land .justify-end {
1039
+ justify-content: flex-end;
1040
+ }
1041
+ .lego-land .justify-start {
1042
+ justify-content: flex-start;
1043
+ }
1044
+ .lego-land .\!gap-2 {
1045
+ gap: calc(var(--spacing) * 2) !important;
1046
+ }
1047
+ .lego-land .gap-0 {
1048
+ gap: calc(var(--spacing) * 0);
1049
+ }
1050
+ .lego-land .gap-0\.5 {
1051
+ gap: calc(var(--spacing) * 0.5);
1052
+ }
1053
+ .lego-land .gap-1 {
1054
+ gap: calc(var(--spacing) * 1);
1055
+ }
1056
+ .lego-land .gap-1\.5 {
1057
+ gap: calc(var(--spacing) * 1.5);
1058
+ }
1059
+ .lego-land .gap-2 {
1060
+ gap: calc(var(--spacing) * 2);
1061
+ }
1062
+ .lego-land .gap-2\.5 {
1063
+ gap: calc(var(--spacing) * 2.5);
1064
+ }
1065
+ .lego-land .gap-3 {
1066
+ gap: calc(var(--spacing) * 3);
1067
+ }
1068
+ .lego-land .gap-4 {
1069
+ gap: calc(var(--spacing) * 4);
1070
+ }
1071
+ .lego-land .gap-6 {
1072
+ gap: calc(var(--spacing) * 6);
1073
+ }
1074
+ .lego-land .gap-8 {
1075
+ gap: calc(var(--spacing) * 8);
1076
+ }
1077
+ .lego-land .gap-10 {
1078
+ gap: calc(var(--spacing) * 10);
1079
+ }
1080
+ .lego-land .gap-\[2px\] {
1081
+ gap: 2px;
1082
+ }
1083
+ .lego-land .gap-\[4px\] {
1084
+ gap: 4px;
1085
+ }
1086
+ .lego-land .gap-\[10px\] {
1087
+ gap: 10px;
1088
+ }
1089
+ .lego-land .space-y-1 {
1090
+ .lego-land :where(& > :not(:last-child)) {
1091
+ --tw-space-y-reverse: 0;
1092
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1093
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1094
+ }
1095
+ }
1096
+ .lego-land .space-y-3 {
1097
+ .lego-land :where(& > :not(:last-child)) {
1098
+ --tw-space-y-reverse: 0;
1099
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1100
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1101
+ }
1102
+ }
1103
+ .lego-land .-space-x-2 {
1104
+ .lego-land :where(& > :not(:last-child)) {
1105
+ --tw-space-x-reverse: 0;
1106
+ margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
1107
+ margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
1108
+ }
1109
+ }
1110
+ .lego-land .self-start {
1111
+ align-self: flex-start;
1112
+ }
1113
+ .lego-land .truncate {
1114
+ overflow: hidden;
1115
+ text-overflow: ellipsis;
1116
+ white-space: nowrap;
1117
+ }
1118
+ .lego-land .overflow-auto {
1119
+ overflow: auto;
1120
+ }
1121
+ .lego-land .overflow-clip {
1122
+ overflow: clip;
1123
+ }
1124
+ .lego-land .overflow-hidden {
1125
+ overflow: hidden;
1126
+ }
1127
+ .lego-land .overflow-x-auto {
1128
+ overflow-x: auto;
1129
+ }
1130
+ .lego-land .overflow-y-auto {
1131
+ overflow-y: auto;
1132
+ }
1133
+ .lego-land .\!rounded-xl {
1134
+ border-radius: var(--radius-xl) !important;
1135
+ }
1136
+ .lego-land .rounded {
1137
+ border-radius: 0.25rem;
1138
+ }
1139
+ .lego-land .rounded-2xl {
1140
+ border-radius: var(--radius-2xl);
1141
+ }
1142
+ .lego-land .rounded-3xl {
1143
+ border-radius: var(--radius-3xl);
1144
+ }
1145
+ .lego-land .rounded-\[4px\] {
1146
+ border-radius: 4px;
1147
+ }
1148
+ .lego-land .rounded-\[8px\] {
1149
+ border-radius: 8px;
1150
+ }
1151
+ .lego-land .rounded-\[12px\] {
1152
+ border-radius: 12px;
1153
+ }
1154
+ .lego-land .rounded-\[16px\] {
1155
+ border-radius: 16px;
1156
+ }
1157
+ .lego-land .rounded-\[32px\] {
1158
+ border-radius: 32px;
1159
+ }
1160
+ .lego-land .rounded-\[var\(--input-radius\)\] {
1161
+ border-radius: var(--input-radius);
1162
+ }
1163
+ .lego-land .rounded-\[var\(--input-radius\,12px\)\] {
1164
+ border-radius: var(--input-radius,12px);
1165
+ }
1166
+ .lego-land .rounded-\[var\(--rounded-sm\)\] {
1167
+ border-radius: var(--rounded-sm);
1168
+ }
1169
+ .lego-land .rounded-\[var\(--rounded-sm\,4px\)\] {
1170
+ border-radius: var(--rounded-sm,4px);
1171
+ }
1172
+ .lego-land .rounded-\[var\(--rounded-xl\,12px\)\] {
1173
+ border-radius: var(--rounded-xl,12px);
1174
+ }
1175
+ .lego-land .rounded-full {
1176
+ border-radius: calc(infinity * 1px);
1177
+ }
1178
+ .lego-land .rounded-lg {
1179
+ border-radius: var(--radius);
1180
+ }
1181
+ .lego-land .rounded-md {
1182
+ border-radius: calc(var(--radius) - 2px);
1183
+ }
1184
+ .lego-land .rounded-sm {
1185
+ border-radius: calc(var(--radius) - 4px);
1186
+ }
1187
+ .lego-land .rounded-xl {
1188
+ border-radius: var(--radius-xl);
1189
+ }
1190
+ .lego-land .rounded-t-none {
1191
+ border-top-left-radius: 0;
1192
+ border-top-right-radius: 0;
1193
+ }
1194
+ .lego-land .rounded-t-xl {
1195
+ border-top-left-radius: var(--radius-xl);
1196
+ border-top-right-radius: var(--radius-xl);
1197
+ }
1198
+ .lego-land .rounded-l-2xl {
1199
+ border-top-left-radius: var(--radius-2xl);
1200
+ border-bottom-left-radius: var(--radius-2xl);
1201
+ }
1202
+ .lego-land .rounded-l-\[16px\] {
1203
+ border-top-left-radius: 16px;
1204
+ border-bottom-left-radius: 16px;
1205
+ }
1206
+ .lego-land .rounded-r-2xl {
1207
+ border-top-right-radius: var(--radius-2xl);
1208
+ border-bottom-right-radius: var(--radius-2xl);
1209
+ }
1210
+ .lego-land .rounded-b {
1211
+ border-bottom-right-radius: 0.25rem;
1212
+ border-bottom-left-radius: 0.25rem;
1213
+ }
1214
+ .lego-land .rounded-b-2xl {
1215
+ border-bottom-right-radius: var(--radius-2xl);
1216
+ border-bottom-left-radius: var(--radius-2xl);
1217
+ }
1218
+ .lego-land .rounded-b-\[12px\] {
1219
+ border-bottom-right-radius: 12px;
1220
+ border-bottom-left-radius: 12px;
1221
+ }
1222
+ .lego-land .rounded-b-\[16px\] {
1223
+ border-bottom-right-radius: 16px;
1224
+ border-bottom-left-radius: 16px;
1225
+ }
1226
+ .lego-land .border {
1227
+ border-style: var(--tw-border-style);
1228
+ border-width: 1px;
1229
+ }
1230
+ .lego-land .border-0 {
1231
+ border-style: var(--tw-border-style);
1232
+ border-width: 0px;
1233
+ }
1234
+ .lego-land .border-1 {
1235
+ border-style: var(--tw-border-style);
1236
+ border-width: 1px;
1237
+ }
1238
+ .lego-land .border-\[0\.5px\] {
1239
+ border-style: var(--tw-border-style);
1240
+ border-width: 0.5px;
1241
+ }
1242
+ .lego-land .border-\[1\.5px\] {
1243
+ border-style: var(--tw-border-style);
1244
+ border-width: 1.5px;
1245
+ }
1246
+ .lego-land .border-t {
1247
+ border-top-style: var(--tw-border-style);
1248
+ border-top-width: 1px;
1249
+ }
1250
+ .lego-land .border-t-0 {
1251
+ border-top-style: var(--tw-border-style);
1252
+ border-top-width: 0px;
1253
+ }
1254
+ .lego-land .border-r {
1255
+ border-right-style: var(--tw-border-style);
1256
+ border-right-width: 1px;
1257
+ }
1258
+ .lego-land .border-b {
1259
+ border-bottom-style: var(--tw-border-style);
1260
+ border-bottom-width: 1px;
1261
+ }
1262
+ .lego-land .border-l {
1263
+ border-left-style: var(--tw-border-style);
1264
+ border-left-width: 1px;
1265
+ }
1266
+ .lego-land .border-dotted {
1267
+ --tw-border-style: dotted;
1268
+ border-style: dotted;
1269
+ }
1270
+ .lego-land .border-solid {
1271
+ --tw-border-style: solid;
1272
+ border-style: solid;
1273
+ }
1274
+ .lego-land .border-token-brand {
1275
+ border-color: hsl(var(--border-brand));
1276
+ }
1277
+ .lego-land .border-token-dark\/50 {
1278
+ border-color: hsl(var(--bg-dark));
1279
+ @supports (color: color-mix(in lab, red, red)) {
1280
+ border-color: color-mix(in oklab, hsl(var(--bg-dark)) 50%, transparent);
1281
+ }
1282
+ }
1283
+ .lego-land .border-token-destructive {
1284
+ border-color: hsl(var(--border-destructive));
1285
+ }
1286
+ .lego-land .border-token-input {
1287
+ border-color: hsl(var(--border-input));
1288
+ }
1289
+ .lego-land .border-token-light {
1290
+ border-color: hsl(var(--border-light));
1291
+ }
1292
+ .lego-land .border-token-xlight {
1293
+ border-color: hsl(var(--border-xlight));
1294
+ }
1295
+ .lego-land .border-transparent {
1296
+ border-color: transparent;
1297
+ }
1298
+ .lego-land .bg-\[var\(--\.\.\.\)\] {
1299
+ background-color: var(--...);
1300
+ }
1301
+ .lego-land .bg-\[var\(--filter-input\)\] {
1302
+ background-color: var(--filter-input);
1303
+ }
1304
+ .lego-land .bg-badge-default-bg {
1305
+ background-color: hsl(var(--badge-default-bg));
1306
+ }
1307
+ .lego-land .bg-badge-destructive-bg {
1308
+ background-color: hsl(var(--badge-destructive-bg));
1309
+ }
1310
+ .lego-land .bg-badge-neutral-bg {
1311
+ background-color: hsl(var(--badge-neutral-bg));
1312
+ }
1313
+ .lego-land .bg-badge-success-bg {
1314
+ background-color: hsl(var(--badge-success-bg));
1315
+ }
1316
+ .lego-land .bg-badge-warning-bg {
1317
+ background-color: hsl(var(--badge-warning-bg));
1318
+ }
1319
+ .lego-land .bg-black\/5 {
1320
+ background-color: color-mix(in srgb, #000 5%, transparent);
1321
+ @supports (color: color-mix(in lab, red, red)) {
1322
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1323
+ }
1324
+ }
1325
+ .lego-land .bg-black\/25 {
1326
+ background-color: color-mix(in srgb, #000 25%, transparent);
1327
+ @supports (color: color-mix(in lab, red, red)) {
1328
+ background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
1329
+ }
1330
+ }
1331
+ .lego-land .bg-black\/30 {
1332
+ background-color: color-mix(in srgb, #000 30%, transparent);
1333
+ @supports (color: color-mix(in lab, red, red)) {
1334
+ background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1335
+ }
1336
+ }
1337
+ .lego-land .bg-blue-500 {
1338
+ background-color: var(--color-blue-500);
1339
+ }
1340
+ .lego-land .bg-blue-600 {
1341
+ background-color: var(--color-blue-600);
1342
+ }
1343
+ .lego-land .bg-gray-50 {
1344
+ background-color: var(--color-gray-50);
1345
+ }
1346
+ .lego-land .bg-green-100 {
1347
+ background-color: var(--color-green-100);
1348
+ }
1349
+ .lego-land .bg-interaction-hov-opacity-primary {
1350
+ background-color: hsl(var(--hov-opacity-primary));
1351
+ }
1352
+ .lego-land .bg-interaction-hov-opacity-secondary {
1353
+ background-color: hsl(var(--hov-opacity-secondary));
1354
+ }
1355
+ .lego-land .bg-interaction-hov-solid-primary {
1356
+ background-color: hsl(var(--hov-solid-primary));
1357
+ }
1358
+ .lego-land .bg-interaction-hov-solid-secondary {
1359
+ background-color: hsl(var(--hov-solid-secondary));
1360
+ }
1361
+ .lego-land .bg-interaction-in-focus-opacity {
1362
+ background-color: hsl(var(--in-focus-opacity));
1363
+ }
1364
+ .lego-land .bg-interaction-in-focus-solid {
1365
+ background-color: hsl(var(--in-focus-solid));
1366
+ }
1367
+ .lego-land .bg-interaction-pressed-opacity-primary {
1368
+ background-color: hsl(var(--pressed-opacity-primary));
1369
+ }
1370
+ .lego-land .bg-interaction-pressed-opacity-secondary {
1371
+ background-color: hsl(var(--pressed-opacity-secondary));
1372
+ }
1373
+ .lego-land .bg-interaction-pressed-solid {
1374
+ background-color: hsl(var(--pressed-solid));
1375
+ }
1376
+ .lego-land .bg-interaction-selected {
1377
+ background-color: hsl(var(--interaction-selected));
1378
+ }
1379
+ .lego-land .bg-lime-100 {
1380
+ background-color: var(--color-lime-100);
1381
+ }
1382
+ .lego-land .bg-orange-100 {
1383
+ background-color: var(--color-orange-100);
1384
+ }
1385
+ .lego-land .bg-red-100 {
1386
+ background-color: var(--color-red-100);
1387
+ }
1388
+ .lego-land .bg-red-500 {
1389
+ background-color: var(--color-red-500);
1390
+ }
1391
+ .lego-land .bg-token-blue-primary {
1392
+ background-color: hsl(var(--bg-blue-primary));
1393
+ }
1394
+ .lego-land .bg-token-blue-secondary {
1395
+ background-color: hsl(var(--bg-blue-secondary));
1396
+ }
1397
+ .lego-land .bg-token-brand-primary {
1398
+ background-color: hsl(var(--bg-brand-primary));
1399
+ }
1400
+ .lego-land .bg-token-brand-secondary {
1401
+ background-color: hsl(var(--bg-brand-secondary));
1402
+ }
1403
+ .lego-land .bg-token-dark {
1404
+ background-color: hsl(var(--bg-dark));
1405
+ }
1406
+ .lego-land .bg-token-dark-grey {
1407
+ background-color: hsl(var(--bg-dark-grey));
1408
+ }
1409
+ .lego-land .bg-token-destructive-primary {
1410
+ background-color: hsl(var(--bg-destructive-primary));
1411
+ }
1412
+ .lego-land .bg-token-destructive-secondary {
1413
+ background-color: hsl(var(--bg-destructive-secondary));
1414
+ }
1415
+ .lego-land .bg-token-grey {
1416
+ background-color: hsl(var(--bg-grey));
1417
+ }
1418
+ .lego-land .bg-token-grey\/50 {
1419
+ background-color: hsl(var(--bg-grey));
1420
+ @supports (color: color-mix(in lab, red, red)) {
1421
+ background-color: color-mix(in oklab, hsl(var(--bg-grey)) 50%, transparent);
1422
+ }
1423
+ }
1424
+ .lego-land .bg-token-input {
1425
+ background-color: hsl(var(--border-input));
1426
+ }
1427
+ .lego-land .bg-token-light {
1428
+ background-color: hsl(var(--border-light));
1429
+ }
1430
+ .lego-land .bg-token-light-grey {
1431
+ background-color: hsl(var(--bg-light-grey));
1432
+ }
1433
+ .lego-land .bg-token-success-primary {
1434
+ background-color: hsl(var(--bg-success-primary));
1435
+ }
1436
+ .lego-land .bg-token-success-secondary {
1437
+ background-color: hsl(var(--bg-success-secondary));
1438
+ }
1439
+ .lego-land .bg-token-warning-primary {
1440
+ background-color: hsl(var(--bg-warning-primary));
1441
+ }
1442
+ .lego-land .bg-token-warning-secondary {
1443
+ background-color: hsl(var(--bg-warning-secondary));
1444
+ }
1445
+ .lego-land .bg-token-white {
1446
+ background-color: hsl(var(--bg-white));
1447
+ }
1448
+ .lego-land .bg-transparent {
1449
+ background-color: transparent;
1450
+ }
1451
+ .lego-land .bg-white {
1452
+ background-color: var(--color-white);
1453
+ }
1454
+ .lego-land .bg-yellow-100 {
1455
+ background-color: var(--color-yellow-100);
1456
+ }
1457
+ .lego-land .fill-current {
1458
+ fill: currentcolor;
1459
+ }
1460
+ .lego-land .fill-green-600 {
1461
+ fill: var(--color-green-600);
1462
+ }
1463
+ .lego-land .fill-lime-600 {
1464
+ fill: var(--color-lime-600);
1465
+ }
1466
+ .lego-land .fill-orange-500 {
1467
+ fill: var(--color-orange-500);
1468
+ }
1469
+ .lego-land .fill-red-500 {
1470
+ fill: var(--color-red-500);
1471
+ }
1472
+ .lego-land .fill-yellow-500 {
1473
+ fill: var(--color-yellow-500);
1474
+ }
1475
+ .lego-land .object-contain {
1476
+ -o-object-fit: contain;
1477
+ object-fit: contain;
1478
+ }
1479
+ .lego-land .object-cover {
1480
+ -o-object-fit: cover;
1481
+ object-fit: cover;
1482
+ }
1483
+ .lego-land .p-0 {
1484
+ padding: calc(var(--spacing) * 0);
1485
+ }
1486
+ .lego-land .p-0\.5 {
1487
+ padding: calc(var(--spacing) * 0.5);
1488
+ }
1489
+ .lego-land .p-1 {
1490
+ padding: calc(var(--spacing) * 1);
1491
+ }
1492
+ .lego-land .p-1\.5 {
1493
+ padding: calc(var(--spacing) * 1.5);
1494
+ }
1495
+ .lego-land .p-2 {
1496
+ padding: calc(var(--spacing) * 2);
1497
+ }
1498
+ .lego-land .p-2\.5 {
1499
+ padding: calc(var(--spacing) * 2.5);
1500
+ }
1501
+ .lego-land .p-3 {
1502
+ padding: calc(var(--spacing) * 3);
1503
+ }
1504
+ .lego-land .p-3\.5 {
1505
+ padding: calc(var(--spacing) * 3.5);
1506
+ }
1507
+ .lego-land .p-4 {
1508
+ padding: calc(var(--spacing) * 4);
1509
+ }
1510
+ .lego-land .p-5 {
1511
+ padding: calc(var(--spacing) * 5);
1512
+ }
1513
+ .lego-land .p-6 {
1514
+ padding: calc(var(--spacing) * 6);
1515
+ }
1516
+ .lego-land .p-8 {
1517
+ padding: calc(var(--spacing) * 8);
1518
+ }
1519
+ .lego-land .p-14 {
1520
+ padding: calc(var(--spacing) * 14);
1521
+ }
1522
+ .lego-land .p-20 {
1523
+ padding: calc(var(--spacing) * 20);
1524
+ }
1525
+ .lego-land .p-\[2px\] {
1526
+ padding: 2px;
1527
+ }
1528
+ .lego-land .p-\[4px\] {
1529
+ padding: 4px;
1530
+ }
1531
+ .lego-land .\!px-3 {
1532
+ padding-inline: calc(var(--spacing) * 3) !important;
1533
+ }
1534
+ .lego-land .px-0 {
1535
+ padding-inline: calc(var(--spacing) * 0);
1536
+ }
1537
+ .lego-land .px-0\.5 {
1538
+ padding-inline: calc(var(--spacing) * 0.5);
1539
+ }
1540
+ .lego-land .px-1 {
1541
+ padding-inline: calc(var(--spacing) * 1);
1542
+ }
1543
+ .lego-land .px-1\.5 {
1544
+ padding-inline: calc(var(--spacing) * 1.5);
1545
+ }
1546
+ .lego-land .px-2 {
1547
+ padding-inline: calc(var(--spacing) * 2);
1548
+ }
1549
+ .lego-land .px-2\.5 {
1550
+ padding-inline: calc(var(--spacing) * 2.5);
1551
+ }
1552
+ .lego-land .px-3 {
1553
+ padding-inline: calc(var(--spacing) * 3);
1554
+ }
1555
+ .lego-land .px-4 {
1556
+ padding-inline: calc(var(--spacing) * 4);
1557
+ }
1558
+ .lego-land .px-6 {
1559
+ padding-inline: calc(var(--spacing) * 6);
1560
+ }
1561
+ .lego-land .px-7 {
1562
+ padding-inline: calc(var(--spacing) * 7);
1563
+ }
1564
+ .lego-land .px-8 {
1565
+ padding-inline: calc(var(--spacing) * 8);
1566
+ }
1567
+ .lego-land .px-10 {
1568
+ padding-inline: calc(var(--spacing) * 10);
1569
+ }
1570
+ .lego-land .px-12 {
1571
+ padding-inline: calc(var(--spacing) * 12);
1572
+ }
1573
+ .lego-land .px-16 {
1574
+ padding-inline: calc(var(--spacing) * 16);
1575
+ }
1576
+ .lego-land .px-\[6px\] {
1577
+ padding-inline: 6px;
1578
+ }
1579
+ .lego-land .px-\[8px\] {
1580
+ padding-inline: 8px;
1581
+ }
1582
+ .lego-land .px-\[11px\] {
1583
+ padding-inline: 11px;
1584
+ }
1585
+ .lego-land .px-\[12px\] {
1586
+ padding-inline: 12px;
1587
+ }
1588
+ .lego-land .px-\[var\(--input-padding-horizontal\,12px\)\] {
1589
+ padding-inline: var(--input-padding-horizontal,12px);
1590
+ }
1591
+ .lego-land .\!py-0 {
1592
+ padding-block: calc(var(--spacing) * 0) !important;
1593
+ }
1594
+ .lego-land .py-0\.5 {
1595
+ padding-block: calc(var(--spacing) * 0.5);
1596
+ }
1597
+ .lego-land .py-1 {
1598
+ padding-block: calc(var(--spacing) * 1);
1599
+ }
1600
+ .lego-land .py-1\.5 {
1601
+ padding-block: calc(var(--spacing) * 1.5);
1602
+ }
1603
+ .lego-land .py-2 {
1604
+ padding-block: calc(var(--spacing) * 2);
1605
+ }
1606
+ .lego-land .py-2\.5 {
1607
+ padding-block: calc(var(--spacing) * 2.5);
1608
+ }
1609
+ .lego-land .py-3 {
1610
+ padding-block: calc(var(--spacing) * 3);
1611
+ }
1612
+ .lego-land .py-3\.5 {
1613
+ padding-block: calc(var(--spacing) * 3.5);
1614
+ }
1615
+ .lego-land .py-4 {
1616
+ padding-block: calc(var(--spacing) * 4);
1617
+ }
1618
+ .lego-land .py-6 {
1619
+ padding-block: calc(var(--spacing) * 6);
1620
+ }
1621
+ .lego-land .py-8 {
1622
+ padding-block: calc(var(--spacing) * 8);
1623
+ }
1624
+ .lego-land .py-\[3px\] {
1625
+ padding-block: 3px;
1626
+ }
1627
+ .lego-land .py-\[6px\] {
1628
+ padding-block: 6px;
1629
+ }
1630
+ .lego-land .py-\[8px\] {
1631
+ padding-block: 8px;
1632
+ }
1633
+ .lego-land .py-\[10px\] {
1634
+ padding-block: 10px;
1635
+ }
1636
+ .lego-land .py-px {
1637
+ padding-block: 1px;
1638
+ }
1639
+ .lego-land .pt-0 {
1640
+ padding-top: calc(var(--spacing) * 0);
1641
+ }
1642
+ .lego-land .pt-1 {
1643
+ padding-top: calc(var(--spacing) * 1);
1644
+ }
1645
+ .lego-land .pt-2 {
1646
+ padding-top: calc(var(--spacing) * 2);
1647
+ }
1648
+ .lego-land .pt-3 {
1649
+ padding-top: calc(var(--spacing) * 3);
1650
+ }
1651
+ .lego-land .pt-4 {
1652
+ padding-top: calc(var(--spacing) * 4);
1653
+ }
1654
+ .lego-land .pt-6 {
1655
+ padding-top: calc(var(--spacing) * 6);
1656
+ }
1657
+ .lego-land .pr-1 {
1658
+ padding-right: calc(var(--spacing) * 1);
1659
+ }
1660
+ .lego-land .pr-1\.5 {
1661
+ padding-right: calc(var(--spacing) * 1.5);
1662
+ }
1663
+ .lego-land .pr-2 {
1664
+ padding-right: calc(var(--spacing) * 2);
1665
+ }
1666
+ .lego-land .pr-2\.5 {
1667
+ padding-right: calc(var(--spacing) * 2.5);
1668
+ }
1669
+ .lego-land .pr-5 {
1670
+ padding-right: calc(var(--spacing) * 5);
1671
+ }
1672
+ .lego-land .pr-px {
1673
+ padding-right: 1px;
1674
+ }
1675
+ .lego-land .pb-2 {
1676
+ padding-bottom: calc(var(--spacing) * 2);
1677
+ }
1678
+ .lego-land .pb-3 {
1679
+ padding-bottom: calc(var(--spacing) * 3);
1680
+ }
1681
+ .lego-land .pb-4 {
1682
+ padding-bottom: calc(var(--spacing) * 4);
1683
+ }
1684
+ .lego-land .pb-8 {
1685
+ padding-bottom: calc(var(--spacing) * 8);
1686
+ }
1687
+ .lego-land .pl-2 {
1688
+ padding-left: calc(var(--spacing) * 2);
1689
+ }
1690
+ .lego-land .pl-3 {
1691
+ padding-left: calc(var(--spacing) * 3);
1692
+ }
1693
+ .lego-land .pl-5 {
1694
+ padding-left: calc(var(--spacing) * 5);
1695
+ }
1696
+ .lego-land .pl-\[20px\] {
1697
+ padding-left: 20px;
1698
+ }
1699
+ .lego-land .pl-px {
1700
+ padding-left: 1px;
1701
+ }
1702
+ .lego-land .text-center {
1703
+ text-align: center;
1704
+ }
1705
+ .lego-land .text-left {
1706
+ text-align: left;
1707
+ }
1708
+ .lego-land .text-right {
1709
+ text-align: right;
1710
+ }
1711
+ .lego-land .align-middle {
1712
+ vertical-align: middle;
1713
+ }
1714
+ .lego-land .font-nunito {
1715
+ font-family: var(--font-nunito, Nunito), ui-sans-serif, system-ui, sans-serif;
1716
+ }
1717
+ .lego-land .font-sans {
1718
+ font-family: var(--font-nunito, Nunito), ui-sans-serif, system-ui, sans-serif;
1719
+ }
1720
+ .lego-land .text-2xl {
1721
+ font-size: 24px;
1722
+ line-height: var(--tw-leading, 32px);
1723
+ }
1724
+ .lego-land .text-3xl {
1725
+ font-size: 30px;
1726
+ line-height: var(--tw-leading, 36px);
1727
+ }
1728
+ .lego-land .text-4xl {
1729
+ font-size: 36px;
1730
+ line-height: var(--tw-leading, 40px);
1731
+ }
1732
+ .lego-land .text-5xl {
1733
+ font-size: 48px;
1734
+ line-height: var(--tw-leading, 1);
1735
+ }
1736
+ .lego-land .text-6xl {
1737
+ font-size: 60px;
1738
+ line-height: var(--tw-leading, 1);
1739
+ }
1740
+ .lego-land .text-base {
1741
+ font-size: 16px;
1742
+ line-height: var(--tw-leading, 24px);
1743
+ }
1744
+ .lego-land .text-lg {
1745
+ font-size: 18px;
1746
+ line-height: var(--tw-leading, 28px);
1747
+ }
1748
+ .lego-land .text-sm {
1749
+ font-size: 14px;
1750
+ line-height: var(--tw-leading, 20px);
1751
+ }
1752
+ .lego-land .text-xl {
1753
+ font-size: 20px;
1754
+ line-height: var(--tw-leading, 28px);
1755
+ }
1756
+ .lego-land .text-xs {
1757
+ font-size: 12px;
1758
+ line-height: var(--tw-leading, 16px);
1759
+ }
1760
+ .lego-land .text-\[8px\] {
1761
+ font-size: 8px;
1762
+ }
1763
+ .lego-land .text-\[10px\] {
1764
+ font-size: 10px;
1765
+ }
1766
+ .lego-land .text-\[20px\] {
1767
+ font-size: 20px;
1768
+ }
1769
+ .lego-land .text-\[36px\] {
1770
+ font-size: 36px;
1771
+ }
1772
+ .lego-land .leading-4 {
1773
+ --tw-leading: calc(var(--spacing) * 4);
1774
+ line-height: calc(var(--spacing) * 4);
1775
+ }
1776
+ .lego-land .leading-5 {
1777
+ --tw-leading: calc(var(--spacing) * 5);
1778
+ line-height: calc(var(--spacing) * 5);
1779
+ }
1780
+ .lego-land .leading-6 {
1781
+ --tw-leading: calc(var(--spacing) * 6);
1782
+ line-height: calc(var(--spacing) * 6);
1783
+ }
1784
+ .lego-land .leading-7 {
1785
+ --tw-leading: calc(var(--spacing) * 7);
1786
+ line-height: calc(var(--spacing) * 7);
1787
+ }
1788
+ .lego-land .leading-8 {
1789
+ --tw-leading: calc(var(--spacing) * 8);
1790
+ line-height: calc(var(--spacing) * 8);
1791
+ }
1792
+ .lego-land .leading-9 {
1793
+ --tw-leading: calc(var(--spacing) * 9);
1794
+ line-height: calc(var(--spacing) * 9);
1795
+ }
1796
+ .lego-land .leading-10 {
1797
+ --tw-leading: calc(var(--spacing) * 10);
1798
+ line-height: calc(var(--spacing) * 10);
1799
+ }
1800
+ .lego-land .leading-none {
1801
+ --tw-leading: 1;
1802
+ line-height: 1;
1803
+ }
1804
+ .lego-land .leading-normal {
1805
+ --tw-leading: var(--leading-normal);
1806
+ line-height: var(--leading-normal);
1807
+ }
1808
+ .lego-land .font-black {
1809
+ --tw-font-weight: var(--font-weight-black);
1810
+ font-weight: var(--font-weight-black);
1811
+ }
1812
+ .lego-land .font-bold {
1813
+ --tw-font-weight: var(--font-weight-bold);
1814
+ font-weight: var(--font-weight-bold);
1815
+ }
1816
+ .lego-land .font-extrabold {
1817
+ --tw-font-weight: var(--font-weight-extrabold);
1818
+ font-weight: var(--font-weight-extrabold);
1819
+ }
1820
+ .lego-land .font-extralight {
1821
+ --tw-font-weight: var(--font-weight-extralight);
1822
+ font-weight: var(--font-weight-extralight);
1823
+ }
1824
+ .lego-land .font-light {
1825
+ --tw-font-weight: var(--font-weight-light);
1826
+ font-weight: var(--font-weight-light);
1827
+ }
1828
+ .lego-land .font-medium {
1829
+ --tw-font-weight: var(--font-weight-medium);
1830
+ font-weight: var(--font-weight-medium);
1831
+ }
1832
+ .lego-land .font-normal {
1833
+ --tw-font-weight: var(--font-weight-normal);
1834
+ font-weight: var(--font-weight-normal);
1835
+ }
1836
+ .lego-land .font-semibold {
1837
+ --tw-font-weight: var(--font-weight-semibold);
1838
+ font-weight: var(--font-weight-semibold);
1839
+ }
1840
+ .lego-land .font-thin {
1841
+ --tw-font-weight: var(--font-weight-thin);
1842
+ font-weight: var(--font-weight-thin);
1843
+ }
1844
+ .lego-land .tracking-normal {
1845
+ --tw-tracking: var(--tracking-normal);
1846
+ letter-spacing: var(--tracking-normal);
1847
+ }
1848
+ .lego-land .tracking-tight {
1849
+ --tw-tracking: var(--tracking-tight);
1850
+ letter-spacing: var(--tracking-tight);
1851
+ }
1852
+ .lego-land .break-words {
1853
+ overflow-wrap: break-word;
1854
+ }
1855
+ .lego-land .break-all {
1856
+ word-break: break-all;
1857
+ }
1858
+ .lego-land .text-ellipsis {
1859
+ text-overflow: ellipsis;
1860
+ }
1861
+ .lego-land .whitespace-nowrap {
1862
+ white-space: nowrap;
1863
+ }
1864
+ .lego-land .whitespace-pre-wrap {
1865
+ white-space: pre-wrap;
1866
+ }
1867
+ .lego-land .text-badge-default-fg {
1868
+ color: hsl(var(--badge-default-fg));
1869
+ }
1870
+ .lego-land .text-badge-destructive-fg {
1871
+ color: hsl(var(--badge-destructive-fg));
1872
+ }
1873
+ .lego-land .text-badge-neutral-fg {
1874
+ color: hsl(var(--badge-neutral-fg));
1875
+ }
1876
+ .lego-land .text-badge-success-fg {
1877
+ color: hsl(var(--badge-success-fg));
1878
+ }
1879
+ .lego-land .text-badge-warning-fg {
1880
+ color: hsl(var(--badge-warning-fg));
1881
+ }
1882
+ .lego-land .text-black {
1883
+ color: var(--color-black);
1884
+ }
1885
+ .lego-land .text-cyan-700 {
1886
+ color: var(--color-cyan-700);
1887
+ }
1888
+ .lego-land .text-fg-black {
1889
+ color: hsl(var(--text-black));
1890
+ }
1891
+ .lego-land .text-fg-black\/20 {
1892
+ color: hsl(var(--text-black));
1893
+ @supports (color: color-mix(in lab, red, red)) {
1894
+ color: color-mix(in oklab, hsl(var(--text-black)) 20%, transparent);
1895
+ }
1896
+ }
1897
+ .lego-land .text-fg-blue {
1898
+ color: hsl(var(--text-blue));
1899
+ }
1900
+ .lego-land .text-fg-brand {
1901
+ color: hsl(var(--text-brand));
1902
+ }
1903
+ .lego-land .text-fg-destructive {
1904
+ color: hsl(var(--text-destructive));
1905
+ }
1906
+ .lego-land .text-fg-disable {
1907
+ color: hsl(var(--text-disable));
1908
+ }
1909
+ .lego-land .text-fg-grey-primary {
1910
+ color: hsl(var(--text-grey-primary));
1911
+ }
1912
+ .lego-land .text-fg-grey-secondary {
1913
+ color: hsl(var(--text-grey-secondary));
1914
+ }
1915
+ .lego-land .text-fg-grey-tertiary {
1916
+ color: hsl(var(--text-grey-tertiary));
1917
+ }
1918
+ .lego-land .text-fg-placeholder {
1919
+ color: hsl(var(--text-placeholder));
1920
+ }
1921
+ .lego-land .text-fg-success {
1922
+ color: hsl(var(--text-success));
1923
+ }
1924
+ .lego-land .text-fg-warning {
1925
+ color: hsl(var(--text-warning));
1926
+ }
1927
+ .lego-land .text-fg-white {
1928
+ color: hsl(var(--text-white));
1929
+ }
1930
+ .lego-land .text-green-600 {
1931
+ color: var(--color-green-600);
1932
+ }
1933
+ .lego-land .text-green-700 {
1934
+ color: var(--color-green-700);
1935
+ }
1936
+ .lego-land .text-icon-black {
1937
+ color: hsl(var(--icon-black));
1938
+ }
1939
+ .lego-land .text-icon-blue {
1940
+ color: hsl(var(--icon-blue));
1941
+ }
1942
+ .lego-land .text-icon-destructive {
1943
+ color: hsl(var(--icon-destructive));
1944
+ }
1945
+ .lego-land .text-icon-disable {
1946
+ color: hsl(var(--icon-disable));
1947
+ }
1948
+ .lego-land .text-icon-grey-primary {
1949
+ color: hsl(var(--icon-grey-primary));
1950
+ }
1951
+ .lego-land .text-icon-grey-secondary {
1952
+ color: hsl(var(--icon-grey-secondary));
1953
+ }
1954
+ .lego-land .text-icon-grey-tertiary {
1955
+ color: hsl(var(--icon-grey-tertiary));
1956
+ }
1957
+ .lego-land .text-icon-link {
1958
+ color: hsl(var(--icon-link));
1959
+ }
1960
+ .lego-land .text-icon-placeholder {
1961
+ color: hsl(var(--icon-placeholder));
1962
+ }
1963
+ .lego-land .text-icon-success {
1964
+ color: hsl(var(--icon-success));
1965
+ }
1966
+ .lego-land .text-icon-warning {
1967
+ color: hsl(var(--icon-warning));
1968
+ }
1969
+ .lego-land .text-icon-white {
1970
+ color: hsl(var(--icon-white));
1971
+ }
1972
+ .lego-land .text-indigo-700 {
1973
+ color: var(--color-indigo-700);
1974
+ }
1975
+ .lego-land .text-inherit {
1976
+ color: inherit;
1977
+ }
1978
+ .lego-land .text-lime-600 {
1979
+ color: var(--color-lime-600);
1980
+ }
1981
+ .lego-land .text-lime-700 {
1982
+ color: var(--color-lime-700);
1983
+ }
1984
+ .lego-land .text-orange-500 {
1985
+ color: var(--color-orange-500);
1986
+ }
1987
+ .lego-land .text-orange-700 {
1988
+ color: var(--color-orange-700);
1989
+ }
1990
+ .lego-land .text-purple-700 {
1991
+ color: var(--color-purple-700);
1992
+ }
1993
+ .lego-land .text-red-500 {
1994
+ color: var(--color-red-500);
1995
+ }
1996
+ .lego-land .text-red-700 {
1997
+ color: var(--color-red-700);
1998
+ }
1999
+ .lego-land .text-teal-700 {
2000
+ color: var(--color-teal-700);
2001
+ }
2002
+ .lego-land .text-white {
2003
+ color: var(--color-white);
2004
+ }
2005
+ .lego-land .text-yellow-500 {
2006
+ color: var(--color-yellow-500);
2007
+ }
2008
+ .lego-land .text-yellow-700 {
2009
+ color: var(--color-yellow-700);
2010
+ }
2011
+ .lego-land .lowercase {
2012
+ text-transform: lowercase;
2013
+ }
2014
+ .lego-land .uppercase {
2015
+ text-transform: uppercase;
2016
+ }
2017
+ .lego-land .tabular-nums {
2018
+ --tw-numeric-spacing: tabular-nums;
2019
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2020
+ }
2021
+ .lego-land .underline {
2022
+ text-decoration-line: underline;
2023
+ }
2024
+ .lego-land .opacity-0 {
2025
+ opacity: 0%;
2026
+ }
2027
+ .lego-land .opacity-40 {
2028
+ opacity: 40%;
2029
+ }
2030
+ .lego-land .opacity-50 {
2031
+ opacity: 50%;
2032
+ }
2033
+ .lego-land .opacity-60 {
2034
+ opacity: 60%;
2035
+ }
2036
+ .lego-land .opacity-100 {
2037
+ opacity: 100%;
2038
+ }
2039
+ .lego-land .shadow {
2040
+ --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));
2041
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2042
+ }
2043
+ .lego-land .shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.1\)\] {
2044
+ --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
2045
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2046
+ }
2047
+ .lego-land .shadow-\[0px_1px_2px_0px_rgba\(23\,46\,84\,0\.9\)\] {
2048
+ --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(23,46,84,0.9));
2049
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2050
+ }
2051
+ .lego-land .shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
2052
+ --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.1));
2053
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2054
+ }
2055
+ .lego-land .shadow-\[0px_1px_3px_0px_rgba\(0\,0\,0\,0\.1\)\] {
2056
+ --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
2057
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2058
+ }
2059
+ .lego-land .shadow-\[0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
2060
+ --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.1));
2061
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2062
+ }
2063
+ .lego-land .shadow-\[0px_4px_6px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_10px_15px_0px_rgba\(0\,0\,0\,0\.1\)\] {
2064
+ --tw-shadow: 0px 4px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 10px 15px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
2065
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2066
+ }
2067
+ .lego-land .shadow-\[inset_-1px_0_0_0_hsl\(var\(--border-light\)\)\,12px_0_12px_-8px_rgba\(0\,0\,0\,0\.18\)\] {
2068
+ --tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, hsl(var(--border-light))), 12px 0 12px -8px var(--tw-shadow-color, rgba(0,0,0,0.18));
2069
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2070
+ }
2071
+ .lego-land .shadow-lg {
2072
+ --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));
2073
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2074
+ }
2075
+ .lego-land .shadow-md {
2076
+ --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));
2077
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2078
+ }
2079
+ .lego-land .shadow-none {
2080
+ --tw-shadow: 0 0 #0000;
2081
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2082
+ }
2083
+ .lego-land .shadow-sm {
2084
+ --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));
2085
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2086
+ }
2087
+ .lego-land .shadow-xs {
2088
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2089
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2090
+ }
2091
+ .lego-land .ring {
2092
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2093
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2094
+ }
2095
+ .lego-land .ring-1 {
2096
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2097
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2098
+ }
2099
+ .lego-land .ring-token-brand\/40 {
2100
+ --tw-ring-color: hsl(var(--border-brand));
2101
+ @supports (color: color-mix(in lab, red, red)) {
2102
+ --tw-ring-color: color-mix(in oklab, hsl(var(--border-brand)) 40%, transparent);
2103
+ }
2104
+ }
2105
+ .lego-land .outline {
2106
+ outline-style: var(--tw-outline-style);
2107
+ outline-width: 1px;
2108
+ }
2109
+ .lego-land .outline-2 {
2110
+ outline-style: var(--tw-outline-style);
2111
+ outline-width: 2px;
2112
+ }
2113
+ .lego-land .outline-offset-2 {
2114
+ outline-offset: 2px;
2115
+ }
2116
+ .lego-land .outline-token-brand {
2117
+ outline-color: hsl(var(--border-brand));
2118
+ }
2119
+ .lego-land .blur {
2120
+ --tw-blur: blur(8px);
2121
+ 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,);
2122
+ }
2123
+ .lego-land .drop-shadow {
2124
+ --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
2125
+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
2126
+ 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,);
2127
+ }
2128
+ .lego-land .drop-shadow-sm {
2129
+ --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
2130
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
2131
+ 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,);
2132
+ }
2133
+ .lego-land .filter {
2134
+ 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,);
2135
+ }
2136
+ .lego-land .transition {
2137
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2138
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2139
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2140
+ }
2141
+ .lego-land .transition-\[background-color\,color\,border-color\,transform\] {
2142
+ transition-property: background-color,color,border-color,transform;
2143
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2144
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2145
+ }
2146
+ .lego-land .transition-\[background-color\,transform\,opacity\] {
2147
+ transition-property: background-color,transform,opacity;
2148
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2149
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2150
+ }
2151
+ .lego-land .transition-\[width\,box-shadow\] {
2152
+ transition-property: width,box-shadow;
2153
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2154
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2155
+ }
2156
+ .lego-land .transition-\[width\] {
2157
+ transition-property: width;
2158
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2159
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2160
+ }
2161
+ .lego-land .transition-all {
2162
+ transition-property: all;
2163
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2164
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2165
+ }
2166
+ .lego-land .transition-colors {
2167
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2168
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2169
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2170
+ }
2171
+ .lego-land .transition-opacity {
2172
+ transition-property: opacity;
2173
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2174
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2175
+ }
2176
+ .lego-land .transition-transform {
2177
+ transition-property: transform, translate, scale, rotate;
2178
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2179
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2180
+ }
2181
+ .lego-land .duration-150 {
2182
+ --tw-duration: 150ms;
2183
+ transition-duration: 150ms;
2184
+ }
2185
+ .lego-land .duration-200 {
2186
+ --tw-duration: 200ms;
2187
+ transition-duration: 200ms;
2188
+ }
2189
+ .lego-land .duration-300 {
2190
+ --tw-duration: 300ms;
2191
+ transition-duration: 300ms;
2192
+ }
2193
+ .lego-land .ease-in-out {
2194
+ --tw-ease: var(--ease-in-out);
2195
+ transition-timing-function: var(--ease-in-out);
2196
+ }
2197
+ .lego-land .ease-out {
2198
+ --tw-ease: var(--ease-out);
2199
+ transition-timing-function: var(--ease-out);
2200
+ }
2201
+ .lego-land .outline-none {
2202
+ --tw-outline-style: none;
2203
+ outline-style: none;
2204
+ }
2205
+ .lego-land .select-all {
2206
+ -webkit-user-select: all;
2207
+ -moz-user-select: all;
2208
+ user-select: all;
2209
+ }
2210
+ .lego-land .select-none {
2211
+ -webkit-user-select: none;
2212
+ -moz-user-select: none;
2213
+ user-select: none;
2214
+ }
2215
+ .lego-land .group-hover\:bg-interaction-hov-solid-primary {
2216
+ .lego-land &:is(:where(.group):hover *) {
2217
+ @media (hover: hover) {
2218
+ background-color: hsl(var(--hov-solid-primary));
2219
+ }
2220
+ }
2221
+ }
2222
+ .lego-land .group-hover\:opacity-100 {
2223
+ .lego-land &:is(:where(.group):hover *) {
2224
+ @media (hover: hover) {
2225
+ opacity: 100%;
2226
+ }
2227
+ }
2228
+ }
2229
+ .lego-land .group-hover\/item\:opacity-100 {
2230
+ .lego-land &:is(:where(.group\/item):hover *) {
2231
+ @media (hover: hover) {
2232
+ opacity: 100%;
2233
+ }
2234
+ }
2235
+ }
2236
+ .lego-land .group-hover\/remove\:text-fg-destructive {
2237
+ .lego-land &:is(:where(.group\/remove):hover *) {
2238
+ @media (hover: hover) {
2239
+ color: hsl(var(--text-destructive));
2240
+ }
2241
+ }
2242
+ }
2243
+ .lego-land .group-hover\/tab\:bg-interaction-hov-opacity-primary {
2244
+ .lego-land &:is(:where(.group\/tab):hover *) {
2245
+ @media (hover: hover) {
2246
+ background-color: hsl(var(--hov-opacity-primary));
2247
+ }
2248
+ }
2249
+ }
2250
+ .lego-land .group-active\:w-5 {
2251
+ .lego-land &:is(:where(.group):active *) {
2252
+ width: calc(var(--spacing) * 5);
2253
+ }
2254
+ }
2255
+ .lego-land .group-active\:w-7 {
2256
+ .lego-land &:is(:where(.group):active *) {
2257
+ width: calc(var(--spacing) * 7);
2258
+ }
2259
+ }
2260
+ .lego-land .group-active\:bg-token-dark-grey {
2261
+ .lego-land &:is(:where(.group):active *) {
2262
+ background-color: hsl(var(--bg-dark-grey));
2263
+ }
2264
+ }
2265
+ .lego-land .group-data-\[placeholder\]\:text-fg-placeholder {
2266
+ .lego-land &:is(:where(.group)[data-placeholder] *) {
2267
+ color: hsl(var(--text-placeholder));
2268
+ }
2269
+ }
2270
+ .lego-land .group-data-\[selected\=true\]\:bg-interaction-in-focus-solid {
2271
+ .lego-land &:is(:where(.group)[data-selected="true"] *) {
2272
+ background-color: hsl(var(--in-focus-solid));
2273
+ }
2274
+ }
2275
+ .lego-land .group-data-\[selected\=true\]\:group-hover\:bg-interaction-in-focus-solid {
2276
+ .lego-land &:is(:where(.group)[data-selected="true"] *) {
2277
+ .lego-land &:is(:where(.group):hover *) {
2278
+ @media (hover: hover) {
2279
+ background-color: hsl(var(--in-focus-solid));
2280
+ }
2281
+ }
2282
+ }
2283
+ }
2284
+ .lego-land .group-data-\[state\=open\]\:rotate-180 {
2285
+ .lego-land &:is(:where(.group)[data-state="open"] *) {
2286
+ rotate: 180deg;
2287
+ }
2288
+ }
2289
+ .lego-land .peer-disabled\:cursor-not-allowed {
2290
+ .lego-land &:is(:where(.peer):disabled ~ *) {
2291
+ cursor: not-allowed;
2292
+ }
2293
+ }
2294
+ .lego-land .peer-disabled\:opacity-50 {
2295
+ .lego-land &:is(:where(.peer):disabled ~ *) {
2296
+ opacity: 50%;
2297
+ }
2298
+ }
2299
+ .lego-land .selection\:bg-token-brand-secondary {
2300
+ .lego-land & *::-moz-selection {
2301
+ background-color: hsl(var(--bg-brand-secondary));
2302
+ }
2303
+ .lego-land & *::selection {
2304
+ background-color: hsl(var(--bg-brand-secondary));
2305
+ }
2306
+ .lego-land &::-moz-selection {
2307
+ background-color: hsl(var(--bg-brand-secondary));
2308
+ }
2309
+ .lego-land &::selection {
2310
+ background-color: hsl(var(--bg-brand-secondary));
2311
+ }
2312
+ }
2313
+ .lego-land .selection\:text-fg-blue {
2314
+ .lego-land & *::-moz-selection {
2315
+ color: hsl(var(--text-blue));
2316
+ }
2317
+ .lego-land & *::selection {
2318
+ color: hsl(var(--text-blue));
2319
+ }
2320
+ .lego-land &::-moz-selection {
2321
+ color: hsl(var(--text-blue));
2322
+ }
2323
+ .lego-land &::selection {
2324
+ color: hsl(var(--text-blue));
2325
+ }
2326
+ }
2327
+ .lego-land .placeholder\:text-fg-placeholder {
2328
+ .lego-land &::-moz-placeholder {
2329
+ color: hsl(var(--text-placeholder));
2330
+ }
2331
+ .lego-land &::placeholder {
2332
+ color: hsl(var(--text-placeholder));
2333
+ }
2334
+ }
2335
+ .lego-land .before\:pointer-events-none {
2336
+ .lego-land &::before {
2337
+ content: var(--tw-content);
2338
+ pointer-events: none;
2339
+ }
2340
+ }
2341
+ .lego-land .before\:absolute {
2342
+ .lego-land &::before {
2343
+ content: var(--tw-content);
2344
+ position: absolute;
2345
+ }
2346
+ }
2347
+ .lego-land .before\:inset-0 {
2348
+ .lego-land &::before {
2349
+ content: var(--tw-content);
2350
+ inset: calc(var(--spacing) * 0);
2351
+ }
2352
+ }
2353
+ .lego-land .before\:rounded-full {
2354
+ .lego-land &::before {
2355
+ content: var(--tw-content);
2356
+ border-radius: calc(infinity * 1px);
2357
+ }
2358
+ }
2359
+ .lego-land .before\:bg-black\/5 {
2360
+ .lego-land &::before {
2361
+ content: var(--tw-content);
2362
+ background-color: color-mix(in srgb, #000 5%, transparent);
2363
+ @supports (color: color-mix(in lab, red, red)) {
2364
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
2365
+ }
2366
+ }
2367
+ }
2368
+ .lego-land .before\:opacity-0 {
2369
+ .lego-land &::before {
2370
+ content: var(--tw-content);
2371
+ opacity: 0%;
2372
+ }
2373
+ }
2374
+ .lego-land .before\:transition-colors {
2375
+ .lego-land &::before {
2376
+ content: var(--tw-content);
2377
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2378
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2379
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2380
+ }
2381
+ }
2382
+ .lego-land .before\:transition-opacity {
2383
+ .lego-land &::before {
2384
+ content: var(--tw-content);
2385
+ transition-property: opacity;
2386
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2387
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2388
+ }
2389
+ }
2390
+ .lego-land .before\:content-\[\'\'\] {
2391
+ .lego-land &::before {
2392
+ --tw-content: '';
2393
+ content: var(--tw-content);
2394
+ }
2395
+ }
2396
+ .lego-land .group-hover\:before\:opacity-100 {
2397
+ .lego-land &:is(:where(.group):hover *) {
2398
+ @media (hover: hover) {
2399
+ &::before {
2400
+ content: var(--tw-content);
2401
+ opacity: 100%;
2402
+ }
2403
+ }
2404
+ }
2405
+ }
2406
+ .lego-land .group-active\:before\:opacity-0 {
2407
+ .lego-land &:is(:where(.group):active *) {
2408
+ .lego-land &::before {
2409
+ content: var(--tw-content);
2410
+ opacity: 0%;
2411
+ }
2412
+ }
2413
+ }
2414
+ .lego-land .after\:pointer-events-none {
2415
+ .lego-land &::after {
2416
+ content: var(--tw-content);
2417
+ pointer-events: none;
2418
+ }
2419
+ }
2420
+ .lego-land .after\:absolute {
2421
+ .lego-land &::after {
2422
+ content: var(--tw-content);
2423
+ position: absolute;
2424
+ }
2425
+ }
2426
+ .lego-land .after\:inset-0 {
2427
+ .lego-land &::after {
2428
+ content: var(--tw-content);
2429
+ inset: calc(var(--spacing) * 0);
2430
+ }
2431
+ }
2432
+ .lego-land .after\:rounded-\[inherit\] {
2433
+ .lego-land &::after {
2434
+ content: var(--tw-content);
2435
+ border-radius: inherit;
2436
+ }
2437
+ }
2438
+ .lego-land .after\:bg-black\/5 {
2439
+ .lego-land &::after {
2440
+ content: var(--tw-content);
2441
+ background-color: color-mix(in srgb, #000 5%, transparent);
2442
+ @supports (color: color-mix(in lab, red, red)) {
2443
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
2444
+ }
2445
+ }
2446
+ }
2447
+ .lego-land .after\:opacity-0 {
2448
+ .lego-land &::after {
2449
+ content: var(--tw-content);
2450
+ opacity: 0%;
2451
+ }
2452
+ }
2453
+ .lego-land .after\:transition-\[opacity\,background-color\] {
2454
+ .lego-land &::after {
2455
+ content: var(--tw-content);
2456
+ transition-property: opacity,background-color;
2457
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2458
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2459
+ }
2460
+ }
2461
+ .lego-land .after\:transition-opacity {
2462
+ .lego-land &::after {
2463
+ content: var(--tw-content);
2464
+ transition-property: opacity;
2465
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2466
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2467
+ }
2468
+ }
2469
+ .lego-land .after\:duration-150 {
2470
+ .lego-land &::after {
2471
+ content: var(--tw-content);
2472
+ --tw-duration: 150ms;
2473
+ transition-duration: 150ms;
2474
+ }
2475
+ }
2476
+ .lego-land .after\:content-\[\'\'\] {
2477
+ .lego-land &::after {
2478
+ --tw-content: '';
2479
+ content: var(--tw-content);
2480
+ }
2481
+ }
2482
+ .lego-land .first\:rounded-l-xl {
2483
+ .lego-land &:first-child {
2484
+ border-top-left-radius: var(--radius-xl);
2485
+ border-bottom-left-radius: var(--radius-xl);
2486
+ }
2487
+ }
2488
+ .lego-land .group-data-\[selected\=true\]\:first\:rounded-l-xl {
2489
+ .lego-land &:is(:where(.group)[data-selected="true"] *) {
2490
+ .lego-land &:first-child {
2491
+ border-top-left-radius: var(--radius-xl);
2492
+ border-bottom-left-radius: var(--radius-xl);
2493
+ }
2494
+ }
2495
+ }
2496
+ .lego-land .last\:rounded-r-xl {
2497
+ .lego-land &:last-child {
2498
+ border-top-right-radius: var(--radius-xl);
2499
+ border-bottom-right-radius: var(--radius-xl);
2500
+ }
2501
+ }
2502
+ .lego-land .last\:border-b-0 {
2503
+ .lego-land &:last-child {
2504
+ border-bottom-style: var(--tw-border-style);
2505
+ border-bottom-width: 0px;
2506
+ }
2507
+ }
2508
+ .lego-land .group-data-\[selected\=true\]\:last\:rounded-r-xl {
2509
+ .lego-land &:is(:where(.group)[data-selected="true"] *) {
2510
+ .lego-land &:last-child {
2511
+ border-top-right-radius: var(--radius-xl);
2512
+ border-bottom-right-radius: var(--radius-xl);
2513
+ }
2514
+ }
2515
+ }
2516
+ .lego-land .focus-within\:border-token-brand {
2517
+ .lego-land &:focus-within {
2518
+ border-color: hsl(var(--border-brand));
2519
+ }
2520
+ }
2521
+ .lego-land .focus-within\:border-token-destructive {
2522
+ .lego-land &:focus-within {
2523
+ border-color: hsl(var(--border-destructive));
2524
+ }
2525
+ }
2526
+ .lego-land .hover\:border-token-dark {
2527
+ .lego-land &:hover {
2528
+ @media (hover: hover) {
2529
+ border-color: hsl(var(--bg-dark));
2530
+ }
2531
+ }
2532
+ }
2533
+ .lego-land .hover\:border-token-light {
2534
+ .lego-land &:hover {
2535
+ @media (hover: hover) {
2536
+ border-color: hsl(var(--border-light));
2537
+ }
2538
+ }
2539
+ }
2540
+ .lego-land .hover\:bg-interaction-hov-opacity-primary {
2541
+ .lego-land &:hover {
2542
+ @media (hover: hover) {
2543
+ background-color: hsl(var(--hov-opacity-primary));
2544
+ }
2545
+ }
2546
+ }
2547
+ .lego-land .hover\:bg-interaction-hov-opacity-secondary {
2548
+ .lego-land &:hover {
2549
+ @media (hover: hover) {
2550
+ background-color: hsl(var(--hov-opacity-secondary));
2551
+ }
2552
+ }
2553
+ }
2554
+ .lego-land .hover\:bg-interaction-hov-solid-primary {
2555
+ .lego-land &:hover {
2556
+ @media (hover: hover) {
2557
+ background-color: hsl(var(--hov-solid-primary));
2558
+ }
2559
+ }
2560
+ }
2561
+ .lego-land .hover\:bg-token-brand-secondary {
2562
+ .lego-land &:hover {
2563
+ @media (hover: hover) {
2564
+ background-color: hsl(var(--bg-brand-secondary));
2565
+ }
2566
+ }
2567
+ }
2568
+ .lego-land .hover\:bg-token-dark-grey {
2569
+ .lego-land &:hover {
2570
+ @media (hover: hover) {
2571
+ background-color: hsl(var(--bg-dark-grey));
2572
+ }
2573
+ }
2574
+ }
2575
+ .lego-land .hover\:bg-token-dark\/5 {
2576
+ .lego-land &:hover {
2577
+ @media (hover: hover) {
2578
+ background-color: hsl(var(--bg-dark));
2579
+ @supports (color: color-mix(in lab, red, red)) {
2580
+ background-color: color-mix(in oklab, hsl(var(--bg-dark)) 5%, transparent);
2581
+ }
2582
+ }
2583
+ }
2584
+ }
2585
+ .lego-land .hover\:bg-token-grey {
2586
+ .lego-land &:hover {
2587
+ @media (hover: hover) {
2588
+ background-color: hsl(var(--bg-grey));
2589
+ }
2590
+ }
2591
+ }
2592
+ .lego-land .hover\:text-fg-black {
2593
+ .lego-land &:hover {
2594
+ @media (hover: hover) {
2595
+ color: hsl(var(--text-black));
2596
+ }
2597
+ }
2598
+ }
2599
+ .lego-land .hover\:text-fg-destructive {
2600
+ .lego-land &:hover {
2601
+ @media (hover: hover) {
2602
+ color: hsl(var(--text-destructive));
2603
+ }
2604
+ }
2605
+ }
2606
+ .lego-land .hover\:shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] {
2607
+ .lego-land &:hover {
2608
+ @media (hover: hover) {
2609
+ --tw-shadow: 0px 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -4px var(--tw-shadow-color, rgba(0,0,0,0.1));
2610
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2611
+ }
2612
+ }
2613
+ }
2614
+ .lego-land .hover\:before\:bg-interaction-hov-opacity-primary {
2615
+ .lego-land &:hover {
2616
+ @media (hover: hover) {
2617
+ &::before {
2618
+ content: var(--tw-content);
2619
+ background-color: hsl(var(--hov-opacity-primary));
2620
+ }
2621
+ }
2622
+ }
2623
+ }
2624
+ .lego-land .hover\:after\:opacity-100 {
2625
+ .lego-land &:hover {
2626
+ @media (hover: hover) {
2627
+ &::after {
2628
+ content: var(--tw-content);
2629
+ opacity: 100%;
2630
+ }
2631
+ }
2632
+ }
2633
+ }
2634
+ .lego-land .focus\:border-token-brand {
2635
+ .lego-land &:focus {
2636
+ border-color: hsl(var(--border-brand));
2637
+ }
2638
+ }
2639
+ .lego-land .focus\:outline-none {
2640
+ .lego-land &:focus {
2641
+ --tw-outline-style: none;
2642
+ outline-style: none;
2643
+ }
2644
+ }
2645
+ .lego-land .focus-visible\:border-black\/40 {
2646
+ .lego-land &:focus-visible {
2647
+ border-color: color-mix(in srgb, #000 40%, transparent);
2648
+ @supports (color: color-mix(in lab, red, red)) {
2649
+ border-color: color-mix(in oklab, var(--color-black) 40%, transparent);
2650
+ }
2651
+ }
2652
+ }
2653
+ .lego-land .focus-visible\:border-token-brand {
2654
+ .lego-land &:focus-visible {
2655
+ border-color: hsl(var(--border-brand));
2656
+ }
2657
+ }
2658
+ .lego-land .focus-visible\:border-token-destructive {
2659
+ .lego-land &:focus-visible {
2660
+ border-color: hsl(var(--border-destructive));
2661
+ }
2662
+ }
2663
+ .lego-land .focus-visible\:bg-interaction-hov-solid-primary {
2664
+ .lego-land &:focus-visible {
2665
+ background-color: hsl(var(--hov-solid-primary));
2666
+ }
2667
+ }
2668
+ .lego-land .focus-visible\:opacity-100 {
2669
+ .lego-land &:focus-visible {
2670
+ opacity: 100%;
2671
+ }
2672
+ }
2673
+ .lego-land .focus-visible\:ring-2 {
2674
+ .lego-land &:focus-visible {
2675
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2676
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2677
+ }
2678
+ }
2679
+ .lego-land .focus-visible\:ring-token-brand {
2680
+ .lego-land &:focus-visible {
2681
+ --tw-ring-color: hsl(var(--border-brand));
2682
+ }
2683
+ }
2684
+ .lego-land .focus-visible\:outline {
2685
+ .lego-land &:focus-visible {
2686
+ outline-style: var(--tw-outline-style);
2687
+ outline-width: 1px;
2688
+ }
2689
+ }
2690
+ .lego-land .focus-visible\:outline-2 {
2691
+ .lego-land &:focus-visible {
2692
+ outline-style: var(--tw-outline-style);
2693
+ outline-width: 2px;
2694
+ }
2695
+ }
2696
+ .lego-land .focus-visible\:outline-offset-2 {
2697
+ .lego-land &:focus-visible {
2698
+ outline-offset: 2px;
2699
+ }
2700
+ }
2701
+ .lego-land .focus-visible\:outline-token-brand {
2702
+ .lego-land &:focus-visible {
2703
+ outline-color: hsl(var(--border-brand));
2704
+ }
2705
+ }
2706
+ .lego-land .focus-visible\:outline-none {
2707
+ .lego-land &:focus-visible {
2708
+ --tw-outline-style: none;
2709
+ outline-style: none;
2710
+ }
2711
+ }
2712
+ .lego-land .active\:scale-100 {
2713
+ .lego-land &:active {
2714
+ --tw-scale-x: 100%;
2715
+ --tw-scale-y: 100%;
2716
+ --tw-scale-z: 100%;
2717
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2718
+ }
2719
+ }
2720
+ .lego-land .active\:scale-\[0\.96\] {
2721
+ .lego-land &:active {
2722
+ scale: 0.96;
2723
+ }
2724
+ }
2725
+ .lego-land .active\:scale-\[0\.955\] {
2726
+ .lego-land &:active {
2727
+ scale: 0.955;
2728
+ }
2729
+ }
2730
+ .lego-land .active\:cursor-grabbing {
2731
+ .lego-land &:active {
2732
+ cursor: grabbing;
2733
+ }
2734
+ }
2735
+ .lego-land .active\:border-black\/20 {
2736
+ .lego-land &:active {
2737
+ border-color: color-mix(in srgb, #000 20%, transparent);
2738
+ @supports (color: color-mix(in lab, red, red)) {
2739
+ border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
2740
+ }
2741
+ }
2742
+ }
2743
+ .lego-land .active\:border-interaction-pressed-solid {
2744
+ .lego-land &:active {
2745
+ border-color: hsl(var(--pressed-solid));
2746
+ }
2747
+ }
2748
+ .lego-land .active\:bg-interaction-hov-solid-primary {
2749
+ .lego-land &:active {
2750
+ background-color: hsl(var(--hov-solid-primary));
2751
+ }
2752
+ }
2753
+ .lego-land .active\:bg-interaction-pressed-opacity-primary {
2754
+ .lego-land &:active {
2755
+ background-color: hsl(var(--pressed-opacity-primary));
2756
+ }
2757
+ }
2758
+ .lego-land .active\:bg-interaction-pressed-opacity-secondary {
2759
+ .lego-land &:active {
2760
+ background-color: hsl(var(--pressed-opacity-secondary));
2761
+ }
2762
+ }
2763
+ .lego-land .active\:bg-interaction-pressed-solid {
2764
+ .lego-land &:active {
2765
+ background-color: hsl(var(--pressed-solid));
2766
+ }
2767
+ }
2768
+ .lego-land .active\:bg-token-dark-grey {
2769
+ .lego-land &:active {
2770
+ background-color: hsl(var(--bg-dark-grey));
2771
+ }
2772
+ }
2773
+ .lego-land .active\:bg-token-grey {
2774
+ .lego-land &:active {
2775
+ background-color: hsl(var(--bg-grey));
2776
+ }
2777
+ }
2778
+ .lego-land .active\:text-fg-black {
2779
+ .lego-land &:active {
2780
+ color: hsl(var(--text-black));
2781
+ }
2782
+ }
2783
+ .lego-land .active\:shadow-\[0px_1px_3px_0px_rgba\(0\,0\,0\,0\.1\)\] {
2784
+ .lego-land &:active {
2785
+ --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
2786
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2787
+ }
2788
+ }
2789
+ .lego-land .active\:before\:bg-interaction-pressed-opacity-primary {
2790
+ .lego-land &:active {
2791
+ .lego-land &::before {
2792
+ content: var(--tw-content);
2793
+ background-color: hsl(var(--pressed-opacity-primary));
2794
+ }
2795
+ }
2796
+ }
2797
+ .lego-land .active\:after\:bg-black\/25 {
2798
+ .lego-land &:active {
2799
+ .lego-land &::after {
2800
+ content: var(--tw-content);
2801
+ background-color: color-mix(in srgb, #000 25%, transparent);
2802
+ @supports (color: color-mix(in lab, red, red)) {
2803
+ background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
2804
+ }
2805
+ }
2806
+ }
2807
+ }
2808
+ .lego-land .active\:after\:opacity-100 {
2809
+ .lego-land &:active {
2810
+ .lego-land &::after {
2811
+ content: var(--tw-content);
2812
+ opacity: 100%;
2813
+ }
2814
+ }
2815
+ }
2816
+ .lego-land .disabled\:pointer-events-none {
2817
+ .lego-land &:disabled {
2818
+ pointer-events: none;
2819
+ }
2820
+ }
2821
+ .lego-land .disabled\:cursor-not-allowed {
2822
+ .lego-land &:disabled {
2823
+ cursor: not-allowed;
2824
+ }
2825
+ }
2826
+ .lego-land .disabled\:border-token-grey {
2827
+ .lego-land &:disabled {
2828
+ border-color: hsl(var(--bg-grey));
2829
+ }
2830
+ }
2831
+ .lego-land .disabled\:border-token-xlight {
2832
+ .lego-land &:disabled {
2833
+ border-color: hsl(var(--border-xlight));
2834
+ }
2835
+ }
2836
+ .lego-land .disabled\:bg-token-grey {
2837
+ .lego-land &:disabled {
2838
+ background-color: hsl(var(--bg-grey));
2839
+ }
2840
+ }
2841
+ .lego-land .disabled\:text-fg-disable {
2842
+ .lego-land &:disabled {
2843
+ color: hsl(var(--text-disable));
2844
+ }
2845
+ }
2846
+ .lego-land .disabled\:text-fg-grey-secondary {
2847
+ .lego-land &:disabled {
2848
+ color: hsl(var(--text-grey-secondary));
2849
+ }
2850
+ }
2851
+ .lego-land .disabled\:opacity-40 {
2852
+ .lego-land &:disabled {
2853
+ opacity: 40%;
2854
+ }
2855
+ }
2856
+ .lego-land .disabled\:opacity-50 {
2857
+ .lego-land &:disabled {
2858
+ opacity: 50%;
2859
+ }
2860
+ }
2861
+ .lego-land .disabled\:opacity-100 {
2862
+ .lego-land &:disabled {
2863
+ opacity: 100%;
2864
+ }
2865
+ }
2866
+ .lego-land .disabled\:hover\:border-token-input {
2867
+ .lego-land &:disabled {
2868
+ .lego-land &:hover {
2869
+ @media (hover: hover) {
2870
+ border-color: hsl(var(--border-input));
2871
+ }
2872
+ }
2873
+ }
2874
+ }
2875
+ .lego-land .disabled\:hover\:before\:bg-transparent {
2876
+ .lego-land &:disabled {
2877
+ .lego-land &:hover {
2878
+ @media (hover: hover) {
2879
+ &::before {
2880
+ content: var(--tw-content);
2881
+ background-color: transparent;
2882
+ }
2883
+ }
2884
+ }
2885
+ }
2886
+ }
2887
+ .lego-land .disabled\:active\:before\:bg-transparent {
2888
+ .lego-land &:disabled {
2889
+ .lego-land &:active {
2890
+ .lego-land &::before {
2891
+ content: var(--tw-content);
2892
+ background-color: transparent;
2893
+ }
2894
+ }
2895
+ }
2896
+ }
2897
+ .lego-land .data-\[disabled\]\:pointer-events-none {
2898
+ .lego-land &[data-disabled] {
2899
+ pointer-events: none;
2900
+ }
2901
+ }
2902
+ .lego-land .data-\[disabled\]\:opacity-50 {
2903
+ .lego-land &[data-disabled] {
2904
+ opacity: 50%;
2905
+ }
2906
+ }
2907
+ .lego-land .data-\[placeholder\]\:text-fg-placeholder {
2908
+ .lego-land &[data-placeholder] {
2909
+ color: hsl(var(--text-placeholder));
2910
+ }
2911
+ }
2912
+ .lego-land .data-\[selected\=true\]\:bg-token-brand-secondary {
2913
+ .lego-land &[data-selected="true"] {
2914
+ background-color: hsl(var(--bg-brand-secondary));
2915
+ }
2916
+ }
2917
+ .lego-land .data-\[selected\=true\]\:hover\:bg-interaction-hov-solid-primary {
2918
+ .lego-land &[data-selected="true"] {
2919
+ .lego-land &:hover {
2920
+ @media (hover: hover) {
2921
+ background-color: hsl(var(--hov-solid-primary));
2922
+ }
2923
+ }
2924
+ }
2925
+ }
2926
+ .lego-land .data-\[state\=checked\]\:translate-x-3 {
2927
+ .lego-land &[data-state="checked"] {
2928
+ --tw-translate-x: calc(var(--spacing) * 3);
2929
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2930
+ }
2931
+ }
2932
+ .lego-land .data-\[state\=checked\]\:translate-x-5 {
2933
+ .lego-land &[data-state="checked"] {
2934
+ --tw-translate-x: calc(var(--spacing) * 5);
2935
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2936
+ }
2937
+ }
2938
+ .lego-land .data-\[state\=checked\]\:border-transparent {
2939
+ .lego-land &[data-state="checked"] {
2940
+ border-color: transparent;
2941
+ }
2942
+ }
2943
+ .lego-land .data-\[state\=checked\]\:bg-token-brand-primary {
2944
+ .lego-land &[data-state="checked"] {
2945
+ background-color: hsl(var(--bg-brand-primary));
2946
+ }
2947
+ }
2948
+ .lego-land .data-\[state\=checked\]\:bg-token-brand-secondary {
2949
+ .lego-land &[data-state="checked"] {
2950
+ background-color: hsl(var(--bg-brand-secondary));
2951
+ }
2952
+ }
2953
+ .lego-land .data-\[state\=checked\]\:font-semibold {
2954
+ .lego-land &[data-state="checked"] {
2955
+ --tw-font-weight: var(--font-weight-semibold);
2956
+ font-weight: var(--font-weight-semibold);
2957
+ }
2958
+ }
2959
+ .lego-land .data-\[state\=checked\]\:text-fg-brand {
2960
+ .lego-land &[data-state="checked"] {
2961
+ color: hsl(var(--text-brand));
2962
+ }
2963
+ }
2964
+ .lego-land .data-\[state\=checked\]\:shadow-\[0px_1px_2px_0px_rgba\(23\,46\,84\,0\.9\)\] {
2965
+ .lego-land &[data-state="checked"] {
2966
+ --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(23,46,84,0.9));
2967
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2968
+ }
2969
+ }
2970
+ .lego-land .data-\[state\=checked\]\:group-active\:translate-x-1\.5 {
2971
+ .lego-land &[data-state="checked"] {
2972
+ .lego-land &:is(:where(.group):active *) {
2973
+ --tw-translate-x: calc(var(--spacing) * 1.5);
2974
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2975
+ }
2976
+ }
2977
+ }
2978
+ .lego-land .data-\[state\=checked\]\:group-active\:translate-x-3 {
2979
+ .lego-land &[data-state="checked"] {
2980
+ .lego-land &:is(:where(.group):active *) {
2981
+ --tw-translate-x: calc(var(--spacing) * 3);
2982
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2983
+ }
2984
+ }
2985
+ }
2986
+ .lego-land .data-\[state\=checked\]\:hover\:bg-interaction-hov-solid-primary {
2987
+ .lego-land &[data-state="checked"] {
2988
+ .lego-land &:hover {
2989
+ @media (hover: hover) {
2990
+ background-color: hsl(var(--hov-solid-primary));
2991
+ }
2992
+ }
2993
+ }
2994
+ }
2995
+ .lego-land .data-\[state\=closed\]\:hidden {
2996
+ .lego-land &[data-state="closed"] {
2997
+ display: none;
2998
+ }
2999
+ }
3000
+ .lego-land .data-\[state\=open\]\:z-10 {
3001
+ .lego-land &[data-state="open"] {
3002
+ z-index: 10;
3003
+ }
3004
+ }
3005
+ .lego-land .data-\[state\=open\]\:border-black\/20 {
3006
+ .lego-land &[data-state="open"] {
3007
+ border-color: color-mix(in srgb, #000 20%, transparent);
3008
+ @supports (color: color-mix(in lab, red, red)) {
3009
+ border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
3010
+ }
3011
+ }
3012
+ }
3013
+ .lego-land .data-\[state\=open\]\:border-token-brand {
3014
+ .lego-land &[data-state="open"] {
3015
+ border-color: hsl(var(--border-brand));
3016
+ }
3017
+ }
3018
+ .lego-land .data-\[state\=open\]\:bg-interaction-hov-solid-primary {
3019
+ .lego-land &[data-state="open"] {
3020
+ background-color: hsl(var(--hov-solid-primary));
3021
+ }
3022
+ }
3023
+ .lego-land .data-\[state\=open\]\:bg-token-light-grey {
3024
+ .lego-land &[data-state="open"] {
3025
+ background-color: hsl(var(--bg-light-grey));
3026
+ }
3027
+ }
3028
+ .lego-land .data-\[state\=open\]\:after\:opacity-100 {
3029
+ .lego-land &[data-state="open"] {
3030
+ .lego-land &::after {
3031
+ content: var(--tw-content);
3032
+ opacity: 100%;
3033
+ }
3034
+ }
3035
+ }
3036
+ .lego-land .data-\[state\=unchecked\]\:translate-x-0 {
3037
+ .lego-land &[data-state="unchecked"] {
3038
+ --tw-translate-x: calc(var(--spacing) * 0);
3039
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3040
+ }
3041
+ }
3042
+ .lego-land .data-\[state\=unchecked\]\:bg-token-dark-grey {
3043
+ .lego-land &[data-state="unchecked"] {
3044
+ background-color: hsl(var(--bg-dark-grey));
3045
+ }
3046
+ }
3047
+ .lego-land .\[\&\]\:\[stroke-width\:1\.5\] {
3048
+ stroke-width: 1.5;
3049
+ }
3050
+ .lego-land .\[\&_\.rdp-day_button\]\:rounded-\[8px\] {
3051
+ .lego-land & .rdp-day button {
3052
+ border-radius: 8px;
3053
+ }
3054
+ }
3055
+ .lego-land .\[\&_\.rdp-months\]\:gap-3 {
3056
+ .lego-land & .rdp-months {
3057
+ gap: calc(var(--spacing) * 3);
3058
+ }
3059
+ }
3060
+ .lego-land .\[\&_\[data-filter-label\]\]\:\!font-normal {
3061
+ .lego-land & [data-filter-label] {
3062
+ --tw-font-weight: var(--font-weight-normal) !important;
3063
+ font-weight: var(--font-weight-normal) !important;
3064
+ }
3065
+ }
3066
+ .lego-land .\[\&_\[data-filter-separator\]\]\:\!hidden {
3067
+ .lego-land & [data-filter-separator] {
3068
+ display: none !important;
3069
+ }
3070
+ }
3071
+ .lego-land .\[\&_\[data-radix-select-value\]\]\:block {
3072
+ .lego-land & [data-radix-select-value] {
3073
+ display: block;
3074
+ }
3075
+ }
3076
+ .lego-land .\[\&_\[data-radix-select-value\]\]\:max-w-full {
3077
+ .lego-land & [data-radix-select-value] {
3078
+ max-width: 100%;
3079
+ }
3080
+ }
3081
+ .lego-land .\[\&_\[data-radix-select-value\]\]\:min-w-0 {
3082
+ .lego-land & [data-radix-select-value] {
3083
+ min-width: calc(var(--spacing) * 0);
3084
+ }
3085
+ }
3086
+ .lego-land .\[\&_\[data-radix-select-value\]\]\:truncate {
3087
+ .lego-land & [data-radix-select-value] {
3088
+ overflow: hidden;
3089
+ text-overflow: ellipsis;
3090
+ white-space: nowrap;
3091
+ }
3092
+ }
3093
+ .lego-land .\[\&_button\:not\(\[data-has-value\]\)_\[data-filter-label\]\]\:\!text-fg-placeholder {
3094
+ .lego-land & button:not([data-has-value]) [data-filter-label] {
3095
+ color: hsl(var(--text-placeholder)) !important;
3096
+ }
3097
+ }
3098
+ .lego-land .\[\&_button\[data-has-value\]_\[data-filter-label\]\]\:\!text-fg-brand {
3099
+ .lego-land & button[data-has-value] [data-filter-label] {
3100
+ color: hsl(var(--text-brand)) !important;
3101
+ }
3102
+ }
3103
+ .lego-land .\[\&_button\[data-has-value\]\>div\>svg\]\:\!text-fg-brand {
3104
+ .lego-land & button[data-has-value]>div>svg {
3105
+ color: hsl(var(--text-brand)) !important;
3106
+ }
3107
+ }
3108
+ .lego-land .\[\&_button\[data-state\=open\]\]\:border-b {
3109
+ .lego-land & button[data-state=open] {
3110
+ border-bottom-style: var(--tw-border-style);
3111
+ border-bottom-width: 1px;
3112
+ }
3113
+ }
3114
+ .lego-land .\[\&_button\[data-state\=open\]\]\:border-token-xlight {
3115
+ .lego-land & button[data-state=open] {
3116
+ border-color: hsl(var(--border-xlight));
3117
+ }
3118
+ }
3119
+ .lego-land .\[\&_button\[data-state\]\]\:\!rounded-none {
3120
+ .lego-land & button[data-state] {
3121
+ border-radius: 0 !important;
3122
+ }
3123
+ }
3124
+ .lego-land .\[\&_button\[data-state\]\]\:\!rounded-r-\[16px\] {
3125
+ .lego-land & button[data-state] {
3126
+ border-top-right-radius: 16px !important;
3127
+ border-bottom-right-radius: 16px !important;
3128
+ }
3129
+ }
3130
+ .lego-land .\[\&\:\:-webkit-inner-spin-button\]\:m-0 {
3131
+ .lego-land &::-webkit-inner-spin-button {
3132
+ margin: calc(var(--spacing) * 0);
3133
+ }
3134
+ }
3135
+ .lego-land .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
3136
+ .lego-land &::-webkit-inner-spin-button {
3137
+ -webkit-appearance: none;
3138
+ appearance: none;
3139
+ }
3140
+ }
3141
+ .lego-land .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
3142
+ .lego-land &::-webkit-outer-spin-button {
3143
+ -webkit-appearance: none;
3144
+ appearance: none;
3145
+ }
3146
+ }
3147
+ .lego-land .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
3148
+ .lego-land &::-webkit-search-cancel-button {
3149
+ display: none;
3150
+ }
3151
+ }
3152
+ .lego-land .\[\&\:not\(\:focus-within\)\]\:hover\:border-token-input-hover {
3153
+ .lego-land &:not(:focus-within) {
3154
+ .lego-land &:hover {
3155
+ @media (hover: hover) {
3156
+ border-color: hsl(var(--border-input-hover));
3157
+ }
3158
+ }
3159
+ }
3160
+ }
3161
+ .lego-land .\[\&\:not\(\[data-state\=open\]\)\]\:hover\:border-token-input-hover {
3162
+ .lego-land &:not([data-state=open]) {
3163
+ .lego-land &:hover {
3164
+ @media (hover: hover) {
3165
+ border-color: hsl(var(--border-input-hover));
3166
+ }
3167
+ }
3168
+ }
3169
+ }
3170
+ .lego-land .\[\&\>\*\]\:relative {
3171
+ .lego-land &>* {
3172
+ position: relative;
3173
+ }
3174
+ }
3175
+ .lego-land .\[\&\>\*\]\:z-10 {
3176
+ .lego-land &>* {
3177
+ z-index: 10;
3178
+ }
3179
+ }
3180
+ .lego-land .\[\&\>\*\]\:\!rounded-none {
3181
+ .lego-land &>* {
3182
+ border-radius: 0 !important;
3183
+ }
3184
+ }
3185
+ .lego-land .\[\&\>\*\]\:\!rounded-r-\[16px\] {
3186
+ .lego-land &>* {
3187
+ border-top-right-radius: 16px !important;
3188
+ border-bottom-right-radius: 16px !important;
3189
+ }
3190
+ }
3191
+ .lego-land .\[\&\>svg\]\:size-2\.5 {
3192
+ .lego-land &>svg {
3193
+ width: calc(var(--spacing) * 2.5);
3194
+ height: calc(var(--spacing) * 2.5);
3195
+ }
3196
+ }
3197
+ .lego-land .\[\&\>svg\]\:size-3 {
3198
+ .lego-land &>svg {
3199
+ width: calc(var(--spacing) * 3);
3200
+ height: calc(var(--spacing) * 3);
3201
+ }
3202
+ }
3203
+ .lego-land .\[\&\>svg\]\:size-4 {
3204
+ .lego-land &>svg {
3205
+ width: calc(var(--spacing) * 4);
3206
+ height: calc(var(--spacing) * 4);
3207
+ }
3208
+ }
3209
+ .lego-land .\[\&\>svg\]\:size-5 {
3210
+ .lego-land &>svg {
3211
+ width: calc(var(--spacing) * 5);
3212
+ height: calc(var(--spacing) * 5);
3213
+ }
3214
+ }
3215
+ .lego-land .\[\&\>svg\]\:h-3 {
3216
+ .lego-land &>svg {
3217
+ height: calc(var(--spacing) * 3);
3218
+ }
3219
+ }
3220
+ .lego-land .\[\&\>svg\]\:h-4 {
3221
+ .lego-land &>svg {
3222
+ height: calc(var(--spacing) * 4);
3223
+ }
3224
+ }
3225
+ .lego-land .\[\&\>svg\]\:h-full {
3226
+ .lego-land &>svg {
3227
+ height: 100%;
3228
+ }
3229
+ }
3230
+ .lego-land .\[\&\>svg\]\:w-3 {
3231
+ .lego-land &>svg {
3232
+ width: calc(var(--spacing) * 3);
3233
+ }
3234
+ }
3235
+ .lego-land .\[\&\>svg\]\:w-4 {
3236
+ .lego-land &>svg {
3237
+ width: calc(var(--spacing) * 4);
3238
+ }
3239
+ }
3240
+ .lego-land .\[\&\>svg\]\:w-full {
3241
+ .lego-land &>svg {
3242
+ width: 100%;
3243
+ }
3244
+ }
3245
+ .lego-land .\[\&\>svg\]\:shrink-0 {
3246
+ .lego-land &>svg {
3247
+ flex-shrink: 0;
3248
+ }
3249
+ }
3250
+ .lego-land .\[\&\>svg\]\:fill-current {
3251
+ .lego-land &>svg {
3252
+ fill: currentcolor;
3253
+ }
3254
+ }
3255
+ .lego-land .\[\&\[data-state\=open\]\>div\>svg\]\:rotate-180 {
3256
+ .lego-land &[data-state=open]>div>svg {
3257
+ rotate: 180deg;
3258
+ }
3259
+ }
3260
+ .lego-land .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
3261
+ .lego-land &[data-state=open]>svg {
3262
+ rotate: 180deg;
3263
+ }
3264
+ }
3265
+ .lego-land .\[\&\[type\=number\]\]\:\[appearance\:textfield\] {
3266
+ .lego-land &[type=number] {
3267
+ -webkit-appearance: textfield;
3268
+ -moz-appearance: textfield;
3269
+ appearance: textfield;
3270
+ }
3271
+ }
3272
+ }
3273
+ .lego-land .rdp-root {
3274
+ --rdp-accent-color: blue;
3275
+ --rdp-accent-background-color: #f0f0ff;
3276
+ --rdp-day-height: 44px;
3277
+ --rdp-day-width: 44px;
3278
+ --rdp-day_button-border-radius: 100%;
3279
+ --rdp-day_button-border: 2px solid transparent;
3280
+ --rdp-day_button-height: 42px;
3281
+ --rdp-day_button-width: 42px;
3282
+ --rdp-selected-border: 2px solid var(--rdp-accent-color);
3283
+ --rdp-disabled-opacity: 0.5;
3284
+ --rdp-outside-opacity: 0.75;
3285
+ --rdp-today-color: var(--rdp-accent-color);
3286
+ --rdp-dropdown-gap: 0.5rem;
3287
+ --rdp-months-gap: 2rem;
3288
+ --rdp-nav_button-disabled-opacity: 0.5;
3289
+ --rdp-nav_button-height: 2.25rem;
3290
+ --rdp-nav_button-width: 2.25rem;
3291
+ --rdp-nav-height: 2.75rem;
3292
+ --rdp-range_middle-background-color: var(--rdp-accent-background-color);
3293
+ --rdp-range_middle-color: inherit;
3294
+ --rdp-range_start-color: white;
3295
+ --rdp-range_start-background: linear-gradient(
3296
+ var(--rdp-gradient-direction),
3297
+ transparent 50%,
3298
+ var(--rdp-range_middle-background-color) 50%
3299
+ );
3300
+ --rdp-range_start-date-background-color: var(--rdp-accent-color);
3301
+ --rdp-range_end-background: linear-gradient(
3302
+ var(--rdp-gradient-direction),
3303
+ var(--rdp-range_middle-background-color) 50%,
3304
+ transparent 50%
3305
+ );
3306
+ --rdp-range_end-color: white;
3307
+ --rdp-range_end-date-background-color: var(--rdp-accent-color);
3308
+ --rdp-week_number-border-radius: 100%;
3309
+ --rdp-week_number-border: 2px solid transparent;
3310
+ --rdp-week_number-height: var(--rdp-day-height);
3311
+ --rdp-week_number-opacity: 0.75;
3312
+ --rdp-week_number-width: var(--rdp-day-width);
3313
+ --rdp-weeknumber-text-align: center;
3314
+ --rdp-weekday-opacity: 0.75;
3315
+ --rdp-weekday-padding: 0.5rem 0rem;
3316
+ --rdp-weekday-text-align: center;
3317
+ --rdp-gradient-direction: 90deg;
3318
+ --rdp-animation_duration: 0.3s;
3319
+ --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
3320
+ }
3321
+ .lego-land .rdp-root[dir="rtl"] {
3322
+ --rdp-gradient-direction: -90deg;
3323
+ }
3324
+ .lego-land .rdp-root[data-broadcast-calendar="true"] {
3325
+ --rdp-outside-opacity: unset;
3326
+ }
3327
+ .lego-land .rdp-root {
3328
+ position: relative;
3329
+ box-sizing: border-box;
3330
+ }
3331
+ .lego-land .rdp-root * {
3332
+ box-sizing: border-box;
3333
+ }
3334
+ .lego-land .rdp-day {
3335
+ width: var(--rdp-day-width);
3336
+ height: var(--rdp-day-height);
3337
+ text-align: center;
3338
+ }
3339
+ .lego-land .rdp-day_button {
3340
+ background: none;
3341
+ padding: 0;
3342
+ margin: 0;
3343
+ cursor: pointer;
3344
+ font: inherit;
3345
+ color: inherit;
3346
+ justify-content: center;
3347
+ align-items: center;
3348
+ display: flex;
3349
+ width: var(--rdp-day_button-width);
3350
+ height: var(--rdp-day_button-height);
3351
+ border: var(--rdp-day_button-border);
3352
+ border-radius: var(--rdp-day_button-border-radius);
3353
+ }
3354
+ .lego-land .rdp-day_button:disabled {
3355
+ cursor: revert;
3356
+ }
3357
+ .lego-land .rdp-caption_label {
3358
+ z-index: 1;
3359
+ position: relative;
3360
+ display: inline-flex;
3361
+ align-items: center;
3362
+ white-space: nowrap;
3363
+ border: 0;
3364
+ }
3365
+ .lego-land .rdp-dropdown:focus-visible ~ .rdp-caption_label {
3366
+ outline: 5px auto Highlight;
3367
+ outline: 5px auto -webkit-focus-ring-color;
3368
+ }
3369
+ .lego-land .rdp-button_next, .lego-land .rdp-button_previous {
3370
+ border: none;
3371
+ background: none;
3372
+ padding: 0;
3373
+ margin: 0;
3374
+ cursor: pointer;
3375
+ font: inherit;
3376
+ color: inherit;
3377
+ -moz-appearance: none;
3378
+ -webkit-appearance: none;
3379
+ display: inline-flex;
3380
+ align-items: center;
3381
+ justify-content: center;
3382
+ position: relative;
3383
+ appearance: none;
3384
+ width: var(--rdp-nav_button-width);
3385
+ height: var(--rdp-nav_button-height);
3386
+ }
3387
+ .lego-land .rdp-button_next:disabled, .lego-land .rdp-button_next[aria-disabled="true"], .lego-land .rdp-button_previous:disabled, .lego-land .rdp-button_previous[aria-disabled="true"] {
3388
+ cursor: revert;
3389
+ opacity: var(--rdp-nav_button-disabled-opacity);
3390
+ }
3391
+ .lego-land .rdp-chevron {
3392
+ display: inline-block;
3393
+ fill: var(--rdp-accent-color);
3394
+ }
3395
+ .lego-land .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
3396
+ transform: rotate(180deg);
3397
+ transform-origin: 50%;
3398
+ }
3399
+ .lego-land .rdp-dropdowns {
3400
+ position: relative;
3401
+ display: inline-flex;
3402
+ align-items: center;
3403
+ gap: var(--rdp-dropdown-gap);
3404
+ }
3405
+ .lego-land .rdp-dropdown {
3406
+ z-index: 2;
3407
+ opacity: 0;
3408
+ -webkit-appearance: none;
3409
+ -moz-appearance: none;
3410
+ appearance: none;
3411
+ position: absolute;
3412
+ inset-block-start: 0;
3413
+ inset-block-end: 0;
3414
+ inset-inline-start: 0;
3415
+ width: 100%;
3416
+ margin: 0;
3417
+ padding: 0;
3418
+ cursor: inherit;
3419
+ border: none;
3420
+ line-height: inherit;
3421
+ }
3422
+ .lego-land .rdp-dropdown_root {
3423
+ position: relative;
3424
+ display: inline-flex;
3425
+ align-items: center;
3426
+ }
3427
+ .lego-land .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
3428
+ opacity: var(--rdp-disabled-opacity);
3429
+ }
3430
+ .lego-land .rdp-month_caption {
3431
+ display: flex;
3432
+ align-content: center;
3433
+ height: var(--rdp-nav-height);
3434
+ font-weight: bold;
3435
+ font-size: large;
3436
+ }
3437
+ .lego-land .rdp-root[data-nav-layout="around"] .rdp-month, .lego-land .rdp-root[data-nav-layout="after"] .rdp-month {
3438
+ position: relative;
3439
+ }
3440
+ .lego-land .rdp-root[data-nav-layout="around"] .rdp-month_caption {
3441
+ justify-content: center;
3442
+ margin-inline-start: var(--rdp-nav_button-width);
3443
+ margin-inline-end: var(--rdp-nav_button-width);
3444
+ position: relative;
3445
+ }
3446
+ .lego-land .rdp-root[data-nav-layout="around"] .rdp-button_previous {
3447
+ position: absolute;
3448
+ inset-inline-start: 0;
3449
+ top: 0;
3450
+ height: var(--rdp-nav-height);
3451
+ display: inline-flex;
3452
+ }
3453
+ .lego-land .rdp-root[data-nav-layout="around"] .rdp-button_next {
3454
+ position: absolute;
3455
+ inset-inline-end: 0;
3456
+ top: 0;
3457
+ height: var(--rdp-nav-height);
3458
+ display: inline-flex;
3459
+ justify-content: center;
3460
+ }
3461
+ .lego-land .rdp-months {
3462
+ position: relative;
3463
+ display: flex;
3464
+ flex-wrap: wrap;
3465
+ gap: var(--rdp-months-gap);
3466
+ max-width: -moz-fit-content;
3467
+ max-width: fit-content;
3468
+ }
3469
+ .lego-land .rdp-month_grid {
3470
+ border-collapse: collapse;
3471
+ }
3472
+ .lego-land .rdp-nav {
3473
+ position: absolute;
3474
+ inset-block-start: 0;
3475
+ inset-inline-end: 0;
3476
+ display: flex;
3477
+ align-items: center;
3478
+ height: var(--rdp-nav-height);
3479
+ }
3480
+ .lego-land .rdp-weekday {
3481
+ opacity: var(--rdp-weekday-opacity);
3482
+ padding: var(--rdp-weekday-padding);
3483
+ font-weight: 500;
3484
+ font-size: smaller;
3485
+ text-align: var(--rdp-weekday-text-align);
3486
+ text-transform: var(--rdp-weekday-text-transform);
3487
+ }
3488
+ .lego-land .rdp-week_number {
3489
+ opacity: var(--rdp-week_number-opacity);
3490
+ font-weight: 400;
3491
+ font-size: small;
3492
+ height: var(--rdp-week_number-height);
3493
+ width: var(--rdp-week_number-width);
3494
+ border: var(--rdp-week_number-border);
3495
+ border-radius: var(--rdp-week_number-border-radius);
3496
+ text-align: var(--rdp-weeknumber-text-align);
3497
+ }
3498
+ .lego-land .rdp-today:not(.rdp-outside) {
3499
+ color: var(--rdp-today-color);
3500
+ }
3501
+ .lego-land .rdp-selected {
3502
+ font-weight: bold;
3503
+ font-size: large;
3504
+ }
3505
+ .lego-land .rdp-selected .rdp-day_button {
3506
+ border: var(--rdp-selected-border);
3507
+ }
3508
+ .lego-land .rdp-outside {
3509
+ opacity: var(--rdp-outside-opacity);
3510
+ }
3511
+ .lego-land .rdp-disabled:not(.rdp-selected) {
3512
+ opacity: var(--rdp-disabled-opacity);
3513
+ }
3514
+ .lego-land .rdp-hidden {
3515
+ visibility: hidden;
3516
+ color: var(--rdp-range_start-color);
3517
+ }
3518
+ .lego-land .rdp-range_start {
3519
+ background: var(--rdp-range_start-background);
3520
+ }
3521
+ .lego-land .rdp-range_start .rdp-day_button {
3522
+ background-color: var(--rdp-range_start-date-background-color);
3523
+ color: var(--rdp-range_start-color);
3524
+ }
3525
+ .lego-land .rdp-range_middle {
3526
+ background-color: var(--rdp-range_middle-background-color);
3527
+ }
3528
+ .lego-land .rdp-range_middle .rdp-day_button {
3529
+ border: unset;
3530
+ border-radius: unset;
3531
+ color: var(--rdp-range_middle-color);
3532
+ }
3533
+ .lego-land .rdp-range_end {
3534
+ background: var(--rdp-range_end-background);
3535
+ color: var(--rdp-range_end-color);
3536
+ }
3537
+ .lego-land .rdp-range_end .rdp-day_button {
3538
+ color: var(--rdp-range_start-color);
3539
+ background-color: var(--rdp-range_end-date-background-color);
3540
+ }
3541
+ .lego-land .rdp-range_start.rdp-range_end {
3542
+ background: revert;
3543
+ }
3544
+ .lego-land .rdp-focusable {
3545
+ cursor: pointer;
3546
+ }
3547
+ @keyframes rdp-slide_in_left {
3548
+ 0% {
3549
+ transform: translateX(-100%);
3550
+ }
3551
+ 100% {
3552
+ transform: translateX(0);
3553
+ }
3554
+ }
3555
+ @keyframes rdp-slide_in_right {
3556
+ 0% {
3557
+ transform: translateX(100%);
3558
+ }
3559
+ 100% {
3560
+ transform: translateX(0);
3561
+ }
3562
+ }
3563
+ @keyframes rdp-slide_out_left {
3564
+ 0% {
3565
+ transform: translateX(0);
3566
+ }
3567
+ 100% {
3568
+ transform: translateX(-100%);
3569
+ }
3570
+ }
3571
+ @keyframes rdp-slide_out_right {
3572
+ 0% {
3573
+ transform: translateX(0);
3574
+ }
3575
+ 100% {
3576
+ transform: translateX(100%);
3577
+ }
3578
+ }
3579
+ .lego-land .rdp-weeks_before_enter {
3580
+ animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3581
+ }
3582
+ .lego-land .rdp-weeks_before_exit {
3583
+ animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3584
+ }
3585
+ .lego-land .rdp-weeks_after_enter {
3586
+ animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3587
+ }
3588
+ .lego-land .rdp-weeks_after_exit {
3589
+ animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3590
+ }
3591
+ .lego-land .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
3592
+ animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3593
+ }
3594
+ .lego-land .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
3595
+ animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3596
+ }
3597
+ .lego-land .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
3598
+ animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3599
+ }
3600
+ .lego-land .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
3601
+ animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3602
+ }
3603
+ @keyframes rdp-fade_in {
3604
+ from {
3605
+ opacity: 0;
3606
+ }
3607
+ to {
3608
+ opacity: 1;
3609
+ }
3610
+ }
3611
+ @keyframes rdp-fade_out {
3612
+ from {
3613
+ opacity: 1;
3614
+ }
3615
+ to {
3616
+ opacity: 0;
3617
+ }
3618
+ }
3619
+ .lego-land .rdp-caption_after_enter {
3620
+ animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3621
+ }
3622
+ .lego-land .rdp-caption_after_exit {
3623
+ animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3624
+ }
3625
+ .lego-land .rdp-caption_before_enter {
3626
+ animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3627
+ }
3628
+ .lego-land .rdp-caption_before_exit {
3629
+ animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
3630
+ }
3631
+ @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap");
3632
+ .lego-land {
3633
+ --font-sans: var(--font-nunito, "Nunito"), ui-sans-serif, system-ui, sans-serif;
3634
+ font-family: var(--font-sans);
3635
+ --bg-white: 0 0% 100%;
3636
+ --bg-light-grey: 0 0% 98%;
3637
+ --bg-grey: 0 0% 96%;
3638
+ --bg-dark-grey: 0 0% 90%;
3639
+ --bg-dark: 0 0% 4%;
3640
+ --bg-brand-primary: 213 63% 32%;
3641
+ --bg-brand-secondary: 209 100% 97%;
3642
+ --bg-destructive-primary: 0 72% 41%;
3643
+ --bg-destructive-secondary: 0 86% 97%;
3644
+ --bg-warning-primary: 32 95% 31%;
3645
+ --bg-warning-secondary: 48 96% 89%;
3646
+ --bg-success-primary: 160 84% 27%;
3647
+ --bg-success-secondary: 152 81% 96%;
3648
+ --bg-blue-primary: 199 95% 32%;
3649
+ --bg-blue-secondary: 204 100% 97%;
3650
+ --border-xlight: 0 0% 96%;
3651
+ --border-light: 0 0% 90%;
3652
+ --border-brand: 213 63% 32%;
3653
+ --border-destructive: 0 72% 41%;
3654
+ --border-input: 0 0% 90%;
3655
+ --hov-opacity-primary: 0 0% 4% / 0.05;
3656
+ --hov-opacity-secondary: 0 0% 4% / 0.05;
3657
+ --hov-solid-primary: 0 0% 98%;
3658
+ --hov-solid-secondary: 0 0% 96%;
3659
+ --pressed-opacity-primary: 0 0% 4% / 0.1;
3660
+ --pressed-opacity-secondary: 0 0% 4% / 0.1;
3661
+ --pressed-solid: 0 0% 90%;
3662
+ --in-focus-opacity: 0 0% 4% / 0.15;
3663
+ --in-focus-solid: 0 0% 96%;
3664
+ --interaction-selected: 209 100% 97%;
3665
+ --icon-white: 0 0% 98%;
3666
+ --icon-black: 0 0% 4%;
3667
+ --icon-disable: 0 0% 64%;
3668
+ --icon-placeholder: 0 0% 64%;
3669
+ --icon-grey-primary: 0 0% 64%;
3670
+ --icon-grey-secondary: 0 0% 45%;
3671
+ --icon-grey-tertiary: 0 0% 32%;
3672
+ --icon-destructive: 0 72% 41%;
3673
+ --icon-link: 213 63% 32%;
3674
+ --icon-success: 160 84% 27%;
3675
+ --icon-warning: 32 95% 31%;
3676
+ --icon-blue: 199 95% 32%;
3677
+ --text-white: 0 0% 98%;
3678
+ --text-black: 0 0% 4%;
3679
+ --text-disable: 0 0% 64%;
3680
+ --text-placeholder: 0 0% 64%;
3681
+ --text-grey-primary: 0 0% 64%;
3682
+ --text-grey-secondary: 0 0% 45%;
3683
+ --text-grey-tertiary: 0 0% 32%;
3684
+ --text-destructive: 0 72% 41%;
3685
+ --text-brand: 213 63% 32%;
3686
+ --text-success: 160 84% 27%;
3687
+ --text-warning: 32 95% 31%;
3688
+ --text-blue: 199 95% 32%;
3689
+ --badge-default-bg: 204 100% 97%;
3690
+ --badge-default-fg: 199 95% 32%;
3691
+ --badge-success-bg: 152 81% 96%;
3692
+ --badge-success-fg: 160 84% 27%;
3693
+ --badge-warning-bg: 48 96% 89%;
3694
+ --badge-warning-fg: 32 95% 31%;
3695
+ --badge-neutral-bg: 0 0% 90%;
3696
+ --badge-neutral-fg: 0 0% 32%;
3697
+ --badge-destructive-bg: 0 86% 97%;
3698
+ --badge-destructive-fg: 0 72% 41%;
3699
+ --primary10: #1d488519;
3700
+ --date-picker-circle: #3d6aa8;
3701
+ --radius: 0.5rem;
3702
+ --rounded-sm: 4px;
3703
+ --rounded-md: 6px;
3704
+ --radius-md: 8px;
3705
+ --rounded-2xl: 16px;
3706
+ --rounded-full: 9999px;
3707
+ --input-radius: 12px;
3708
+ --input-height: 40px;
3709
+ --input-height-large: 56px;
3710
+ --input-padding-horizontal: 12px;
3711
+ --spacing-pl-2: 8px;
3712
+ --spacing-pr-3: 12px;
3713
+ --spacing-py-1: 4px;
3714
+ --spacing-py-1-5: 6px;
3715
+ --spacing-gap-1: 4px;
3716
+ --spacing-gap-2: 8px;
3717
+ --spacing-gap-4: 16px;
3718
+ --filter-input: #fff;
3719
+ }
3720
+ .lego-land .rdp-root {
3721
+ --rdp-accent-color: hsl(var(--text-black));
3722
+ --rdp-accent-background-color: hsl(var(--bg-brand-secondary));
3723
+ --rdp-today-color: hsl(var(--bg-brand-primary));
3724
+ --rdp-range_middle-background-color: hsl(var(--bg-brand-secondary));
3725
+ --rdp-range_middle-color: hsl(var(--text-black));
3726
+ --rdp-range_start-date-background-color: hsl(var(--bg-brand-primary));
3727
+ --rdp-range_end-date-background-color: hsl(var(--bg-brand-primary));
3728
+ --rdp-range_start-color: hsl(var(--bg-white));
3729
+ --rdp-range_end-color: hsl(var(--bg-white));
3730
+ --rdp-day-height: 32px;
3731
+ --rdp-day-width: 32px;
3732
+ --rdp-day_button-height: 30px;
3733
+ --rdp-day_button-width: 30px;
3734
+ --rdp-months-gap: 1rem;
3735
+ --rdp-weekday-padding: 0.25rem 0;
3736
+ --rdp-dropdown-gap: 0.25rem;
3737
+ --rdp-nav_button-height: 1.75rem;
3738
+ --rdp-nav_button-width: 1.75rem;
3739
+ --rdp-nav-height: 2rem;
3740
+ }
3741
+ .lego-land .rdp-root,
3742
+ .lego-land .rdp-root * {
3743
+ font-family: var(--font-sans);
3744
+ }
3745
+ .lego-land .rdp-root {
3746
+ font-size: 12px;
3747
+ line-height: 1rem;
3748
+ }
3749
+ .lego-land .rdp-root,
3750
+ .lego-land .rdp-root .rdp-day_button {
3751
+ color: hsl(var(--text-black));
3752
+ font-size: 14px;
3753
+ font-weight: 400;
3754
+ }
3755
+ .lego-land .rdp-root .rdp-weekday {
3756
+ color: hsl(var(--text-grey-secondary));
3757
+ font-size: 12px;
3758
+ font-weight: 500;
3759
+ }
3760
+ .lego-land .rdp-root .rdp-outside .rdp-day_button {
3761
+ opacity: 0.5;
3762
+ }
3763
+ .lego-land .rdp-root .rdp-month_caption {
3764
+ font-size: 14px;
3765
+ font-weight: 600;
3766
+ }
3767
+ .lego-land .rdp-root .rdp-selected {
3768
+ font-size: 14px;
3769
+ }
3770
+ .lego-land .rdp-root .rdp-day_button {
3771
+ border: none !important;
3772
+ border-radius: 8px !important;
3773
+ }
3774
+ .lego-land .rdp-root .rdp-selected .rdp-day_button {
3775
+ border-radius: 8px !important;
3776
+ border: none !important;
3777
+ background-color: hsl(var(--bg-brand-primary)) !important;
3778
+ color: white !important;
3779
+ font-weight: 400;
3780
+ font-size: 14px;
3781
+ }
3782
+ .lego-land .rdp-root .rdp-selected {
3783
+ font-weight: 400;
3784
+ font-size: 14px;
3785
+ }
3786
+ .lego-land .rdp-root .rdp-range_start,
3787
+ .lego-land .rdp-root .rdp-range_end {
3788
+ background: transparent !important;
3789
+ }
3790
+ .lego-land .rdp-root .rdp-range_start .rdp-day_button,
3791
+ .lego-land .rdp-root .rdp-range_end .rdp-day_button {
3792
+ border-radius: 8px !important;
3793
+ border: none !important;
3794
+ background-color: hsl(var(--bg-brand-primary)) !important;
3795
+ color: white !important;
3796
+ font-weight: 400;
3797
+ }
3798
+ .lego-land .rdp-root .rdp-range_middle .rdp-day_button {
3799
+ background-color: hsl(var(--bg-brand-secondary)) !important;
3800
+ color: hsl(var(--text-black)) !important;
3801
+ border-radius: 0 !important;
3802
+ font-weight: 400;
3803
+ }
3804
+ .lego-land .rdp-root .rdp-today.rdp-selected .rdp-day_button,
3805
+ .lego-land .rdp-root .rdp-today.rdp-range_start .rdp-day_button,
3806
+ .lego-land .rdp-root .rdp-today.rdp-range_end .rdp-day_button {
3807
+ color: white !important;
3808
+ }
3809
+ .lego-land .rdp-root .rdp-today.rdp-range_middle .rdp-day_button {
3810
+ color: hsl(var(--text-black)) !important;
3811
+ }
3812
+ @layer base {
3813
+ .lego-land * {
3814
+ border-color: hsl(var(--border-light));
3815
+ }
3816
+ }
3817
+ @property --tw-translate-x {
3818
+ syntax: "*";
3819
+ inherits: false;
3820
+ initial-value: 0;
3821
+ }
3822
+ @property --tw-translate-y {
3823
+ syntax: "*";
3824
+ inherits: false;
3825
+ initial-value: 0;
3826
+ }
3827
+ @property --tw-translate-z {
3828
+ syntax: "*";
3829
+ inherits: false;
3830
+ initial-value: 0;
3831
+ }
3832
+ @property --tw-rotate-x {
3833
+ syntax: "*";
3834
+ inherits: false;
3835
+ }
3836
+ @property --tw-rotate-y {
3837
+ syntax: "*";
3838
+ inherits: false;
3839
+ }
3840
+ @property --tw-rotate-z {
3841
+ syntax: "*";
3842
+ inherits: false;
3843
+ }
3844
+ @property --tw-skew-x {
3845
+ syntax: "*";
3846
+ inherits: false;
3847
+ }
3848
+ @property --tw-skew-y {
3849
+ syntax: "*";
3850
+ inherits: false;
3851
+ }
3852
+ @property --tw-space-y-reverse {
3853
+ syntax: "*";
3854
+ inherits: false;
3855
+ initial-value: 0;
3856
+ }
3857
+ @property --tw-space-x-reverse {
3858
+ syntax: "*";
3859
+ inherits: false;
3860
+ initial-value: 0;
3861
+ }
3862
+ @property --tw-border-style {
3863
+ syntax: "*";
3864
+ inherits: false;
3865
+ initial-value: solid;
3866
+ }
3867
+ @property --tw-leading {
3868
+ syntax: "*";
3869
+ inherits: false;
3870
+ }
3871
+ @property --tw-font-weight {
3872
+ syntax: "*";
3873
+ inherits: false;
3874
+ }
3875
+ @property --tw-tracking {
3876
+ syntax: "*";
3877
+ inherits: false;
3878
+ }
3879
+ @property --tw-ordinal {
3880
+ syntax: "*";
3881
+ inherits: false;
3882
+ }
3883
+ @property --tw-slashed-zero {
3884
+ syntax: "*";
3885
+ inherits: false;
3886
+ }
3887
+ @property --tw-numeric-figure {
3888
+ syntax: "*";
3889
+ inherits: false;
3890
+ }
3891
+ @property --tw-numeric-spacing {
3892
+ syntax: "*";
3893
+ inherits: false;
3894
+ }
3895
+ @property --tw-numeric-fraction {
3896
+ syntax: "*";
3897
+ inherits: false;
3898
+ }
3899
+ @property --tw-shadow {
3900
+ syntax: "*";
3901
+ inherits: false;
3902
+ initial-value: 0 0 #0000;
3903
+ }
3904
+ @property --tw-shadow-color {
3905
+ syntax: "*";
3906
+ inherits: false;
3907
+ }
3908
+ @property --tw-shadow-alpha {
3909
+ syntax: "<percentage>";
3910
+ inherits: false;
3911
+ initial-value: 100%;
3912
+ }
3913
+ @property --tw-inset-shadow {
3914
+ syntax: "*";
3915
+ inherits: false;
3916
+ initial-value: 0 0 #0000;
3917
+ }
3918
+ @property --tw-inset-shadow-color {
3919
+ syntax: "*";
3920
+ inherits: false;
3921
+ }
3922
+ @property --tw-inset-shadow-alpha {
3923
+ syntax: "<percentage>";
3924
+ inherits: false;
3925
+ initial-value: 100%;
3926
+ }
3927
+ @property --tw-ring-color {
3928
+ syntax: "*";
3929
+ inherits: false;
3930
+ }
3931
+ @property --tw-ring-shadow {
3932
+ syntax: "*";
3933
+ inherits: false;
3934
+ initial-value: 0 0 #0000;
3935
+ }
3936
+ @property --tw-inset-ring-color {
3937
+ syntax: "*";
3938
+ inherits: false;
3939
+ }
3940
+ @property --tw-inset-ring-shadow {
3941
+ syntax: "*";
3942
+ inherits: false;
3943
+ initial-value: 0 0 #0000;
3944
+ }
3945
+ @property --tw-ring-inset {
3946
+ syntax: "*";
3947
+ inherits: false;
3948
+ }
3949
+ @property --tw-ring-offset-width {
3950
+ syntax: "<length>";
3951
+ inherits: false;
3952
+ initial-value: 0px;
3953
+ }
3954
+ @property --tw-ring-offset-color {
3955
+ syntax: "*";
3956
+ inherits: false;
3957
+ initial-value: #fff;
3958
+ }
3959
+ @property --tw-ring-offset-shadow {
3960
+ syntax: "*";
3961
+ inherits: false;
3962
+ initial-value: 0 0 #0000;
3963
+ }
3964
+ @property --tw-outline-style {
3965
+ syntax: "*";
3966
+ inherits: false;
3967
+ initial-value: solid;
3968
+ }
3969
+ @property --tw-blur {
3970
+ syntax: "*";
3971
+ inherits: false;
3972
+ }
3973
+ @property --tw-brightness {
3974
+ syntax: "*";
3975
+ inherits: false;
3976
+ }
3977
+ @property --tw-contrast {
3978
+ syntax: "*";
3979
+ inherits: false;
3980
+ }
3981
+ @property --tw-grayscale {
3982
+ syntax: "*";
3983
+ inherits: false;
3984
+ }
3985
+ @property --tw-hue-rotate {
3986
+ syntax: "*";
3987
+ inherits: false;
3988
+ }
3989
+ @property --tw-invert {
3990
+ syntax: "*";
3991
+ inherits: false;
3992
+ }
3993
+ @property --tw-opacity {
3994
+ syntax: "*";
3995
+ inherits: false;
3996
+ }
3997
+ @property --tw-saturate {
3998
+ syntax: "*";
3999
+ inherits: false;
4000
+ }
4001
+ @property --tw-sepia {
4002
+ syntax: "*";
4003
+ inherits: false;
4004
+ }
4005
+ @property --tw-drop-shadow {
4006
+ syntax: "*";
4007
+ inherits: false;
4008
+ }
4009
+ @property --tw-drop-shadow-color {
4010
+ syntax: "*";
4011
+ inherits: false;
4012
+ }
4013
+ @property --tw-drop-shadow-alpha {
4014
+ syntax: "<percentage>";
4015
+ inherits: false;
4016
+ initial-value: 100%;
4017
+ }
4018
+ @property --tw-drop-shadow-size {
4019
+ syntax: "*";
4020
+ inherits: false;
4021
+ }
4022
+ @property --tw-duration {
4023
+ syntax: "*";
4024
+ inherits: false;
4025
+ }
4026
+ @property --tw-ease {
4027
+ syntax: "*";
4028
+ inherits: false;
4029
+ }
4030
+ @property --tw-content {
4031
+ syntax: "*";
4032
+ initial-value: "";
4033
+ inherits: false;
4034
+ }
4035
+ @property --tw-scale-x {
4036
+ syntax: "*";
4037
+ inherits: false;
4038
+ initial-value: 1;
4039
+ }
4040
+ @property --tw-scale-y {
4041
+ syntax: "*";
4042
+ inherits: false;
4043
+ initial-value: 1;
4044
+ }
4045
+ @property --tw-scale-z {
4046
+ syntax: "*";
4047
+ inherits: false;
4048
+ initial-value: 1;
4049
+ }
4050
+ @keyframes spin {
4051
+ to {
4052
+ transform: rotate(360deg);
4053
+ }
4054
+ }
4055
+ @keyframes pulse {
4056
+ 50% {
4057
+ opacity: 0.5;
4058
+ }
4059
+ }
4060
+ @layer properties {
4061
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4062
+ .lego-land *, .lego-land ::before, .lego-land ::after, .lego-land ::backdrop {
4063
+ --tw-translate-x: 0;
4064
+ --tw-translate-y: 0;
4065
+ --tw-translate-z: 0;
4066
+ --tw-rotate-x: initial;
4067
+ --tw-rotate-y: initial;
4068
+ --tw-rotate-z: initial;
4069
+ --tw-skew-x: initial;
4070
+ --tw-skew-y: initial;
4071
+ --tw-space-y-reverse: 0;
4072
+ --tw-space-x-reverse: 0;
4073
+ --tw-border-style: solid;
4074
+ --tw-leading: initial;
4075
+ --tw-font-weight: initial;
4076
+ --tw-tracking: initial;
4077
+ --tw-ordinal: initial;
4078
+ --tw-slashed-zero: initial;
4079
+ --tw-numeric-figure: initial;
4080
+ --tw-numeric-spacing: initial;
4081
+ --tw-numeric-fraction: initial;
4082
+ --tw-shadow: 0 0 #0000;
4083
+ --tw-shadow-color: initial;
4084
+ --tw-shadow-alpha: 100%;
4085
+ --tw-inset-shadow: 0 0 #0000;
4086
+ --tw-inset-shadow-color: initial;
4087
+ --tw-inset-shadow-alpha: 100%;
4088
+ --tw-ring-color: initial;
4089
+ --tw-ring-shadow: 0 0 #0000;
4090
+ --tw-inset-ring-color: initial;
4091
+ --tw-inset-ring-shadow: 0 0 #0000;
4092
+ --tw-ring-inset: initial;
4093
+ --tw-ring-offset-width: 0px;
4094
+ --tw-ring-offset-color: #fff;
4095
+ --tw-ring-offset-shadow: 0 0 #0000;
4096
+ --tw-outline-style: solid;
4097
+ --tw-blur: initial;
4098
+ --tw-brightness: initial;
4099
+ --tw-contrast: initial;
4100
+ --tw-grayscale: initial;
4101
+ --tw-hue-rotate: initial;
4102
+ --tw-invert: initial;
4103
+ --tw-opacity: initial;
4104
+ --tw-saturate: initial;
4105
+ --tw-sepia: initial;
4106
+ --tw-drop-shadow: initial;
4107
+ --tw-drop-shadow-color: initial;
4108
+ --tw-drop-shadow-alpha: 100%;
4109
+ --tw-drop-shadow-size: initial;
4110
+ --tw-duration: initial;
4111
+ --tw-ease: initial;
4112
+ --tw-content: "";
4113
+ --tw-scale-x: 1;
4114
+ --tw-scale-y: 1;
4115
+ --tw-scale-z: 1;
4116
+ }
4117
+ }
4118
+ }