@nurix/ui-component-library 1.1.4 → 1.1.5-stage.129

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