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

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