@texturehq/edges 1.34.1 → 1.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -61,6 +61,9 @@
61
61
  --color-viz-categorical-10: #52a119;
62
62
  --color-viz-categorical-11: #ff513d;
63
63
  --color-viz-categorical-12: #046691;
64
+ --motion-duration-fast: 150ms;
65
+ --motion-duration-normal: 250ms;
66
+ --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
64
67
  --spacing-0: 0;
65
68
  --spacing-1: 0.25rem;
66
69
  --spacing-2: 0.5rem;
@@ -84,7 +87,6 @@
84
87
  --spacing-48: 12rem;
85
88
  --spacing-60: 15rem;
86
89
  --spacing-64: 16rem;
87
- --spacing-72: 18rem;
88
90
  --spacing-80: 20rem;
89
91
  --spacing-96: 24rem;
90
92
  --radius-none: 0;
@@ -330,59 +332,46 @@
330
332
  --color-map-satellite-border: #ffffff;
331
333
  --color-map-neutral-border: #000000;
332
334
  --color-state-charging: #f3e8ff;
333
- --color-state-charging-data: #d9b6fd;
334
335
  --color-state-charging-border: #c084fc;
335
336
  --color-state-charging-text: #6b21a8;
336
337
  --color-state-discharging: #fffbeb;
337
- --color-state-discharging-data: #fce380;
338
338
  --color-state-discharging-border: #facc15;
339
339
  --color-state-discharging-text: #78350f;
340
340
  --color-state-heat: #fee2e2;
341
- --color-state-heat-data: #fba9a9;
342
341
  --color-state-heat-border: #f87171;
343
342
  --color-state-heat-text: #920000;
344
343
  --color-state-cool: #dbeafe;
345
- --color-state-cool-data: #9dc7fc;
346
344
  --color-state-cool-border: #60a5fa;
347
345
  --color-state-cool-text: #0334be;
348
346
  --color-state-eco: #ddfff1;
349
- --color-state-eco-data: #88e9c5;
350
347
  --color-state-eco-border: #34d399;
351
348
  --color-state-eco-text: #065f46;
352
349
  --color-state-auto: #ffedd5;
353
- --color-state-auto-data: #fed3a4;
354
350
  --color-state-auto-border: #fdba74;
355
351
  --color-state-auto-text: #7c2d12;
356
352
  --color-state-circulate: #ede9fe;
357
353
  --color-state-circulate-border: #a78bfa;
358
354
  --color-state-circulate-text: #4338ca;
359
355
  --color-state-on: #ccfbf1;
360
- --color-state-on-data: #7ce7d8;
361
356
  --color-state-on-border: #2dd4bf;
362
357
  --color-state-on-text: #0f766e;
363
358
  --color-state-idle: #e5e7eb;
364
- --color-state-idle-data: #c0c5cd;
365
359
  --color-state-idle-border: #9ca3af;
366
360
  --color-state-idle-text: #374151;
367
361
  --color-state-off: #e5e7eb;
368
- --color-state-off-data: #c0c5cd;
369
362
  --color-state-off-border: #9ca3af;
370
363
  --color-state-off-text: #374151;
371
364
  --color-state-unknown: #f8f8f8;
372
- --color-state-unknown-data: #e4e6e9;
373
365
  --color-state-unknown-border: #d1d5db;
374
366
  --color-state-unknown-text: #000000;
375
367
  --color-state-importing: #dbeafe;
376
- --color-state-importing-data: #8bb6fa;
377
368
  --color-state-importing-border: #3b82f6;
378
369
  --color-state-importing-text: #1e40af;
379
370
  --color-state-exporting: #fef3c7;
380
- --color-state-exporting-data: #f9c869;
381
371
  --color-state-exporting-border: #f59e0b;
382
372
  --color-state-exporting-text: #92400e;
383
373
  --color-brand-primary: var(--color-ink);
384
374
  --color-brand-dark: var(--color-ink);
385
- --color-neutral-black: var(--color-black);
386
375
  --action-brand-background: var(--color-ink);
387
376
  --action-brand-hover: var(--color-graphite);
388
377
  --theme-text-label: var(--color-text-primary);
@@ -416,47 +405,14 @@
416
405
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
417
406
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
418
407
  "Courier New", monospace;
419
- --color-red-50: oklch(97.1% 0.013 17.38);
420
- --color-red-100: oklch(93.6% 0.032 17.717);
421
- --color-red-200: oklch(88.5% 0.062 18.334);
422
408
  --color-red-500: oklch(63.7% 0.237 25.331);
423
- --color-red-800: oklch(44.4% 0.177 26.899);
424
- --color-red-900: oklch(39.6% 0.141 25.723);
425
- --color-red-950: oklch(25.8% 0.092 26.042);
426
- --color-amber-50: oklch(98.7% 0.022 95.277);
427
- --color-amber-100: oklch(96.2% 0.059 95.617);
428
- --color-amber-200: oklch(92.4% 0.12 95.746);
429
- --color-amber-800: oklch(47.3% 0.137 46.201);
430
- --color-amber-900: oklch(41.4% 0.112 45.904);
431
- --color-amber-950: oklch(27.9% 0.077 45.635);
432
- --color-green-50: oklch(98.2% 0.018 155.826);
433
- --color-green-100: oklch(96.2% 0.044 156.743);
434
- --color-green-400: oklch(79.2% 0.209 151.711);
435
- --color-green-500: oklch(72.3% 0.219 149.579);
436
- --color-green-600: oklch(62.7% 0.194 149.214);
437
- --color-green-900: oklch(39.3% 0.095 152.535);
438
- --color-blue-50: oklch(97% 0.014 254.604);
439
- --color-blue-100: oklch(93.2% 0.032 255.585);
440
- --color-blue-200: oklch(88.2% 0.059 254.128);
441
- --color-blue-500: oklch(62.3% 0.214 259.815);
442
- --color-blue-800: oklch(42.4% 0.199 265.638);
443
- --color-blue-900: oklch(37.9% 0.146 265.522);
444
- --color-blue-950: oklch(28.2% 0.091 267.935);
445
- --color-purple-500: oklch(62.7% 0.265 303.9);
446
- --color-purple-600: oklch(55.8% 0.288 302.321);
447
- --color-pink-500: oklch(65.6% 0.241 354.308);
448
409
  --spacing: 0.25rem;
449
410
  --breakpoint-lg: 64rem;
450
411
  --container-xs: 20rem;
451
412
  --container-sm: 24rem;
452
413
  --container-md: 28rem;
453
- --container-lg: 32rem;
454
- --container-xl: 36rem;
455
- --container-2xl: 42rem;
456
- --container-3xl: 48rem;
457
414
  --container-4xl: 56rem;
458
415
  --container-6xl: 72rem;
459
- --container-7xl: 80rem;
460
416
  --text-xs: 0.75rem;
461
417
  --text-xs--line-height: calc(1 / 0.75);
462
418
  --text-sm: 0.875rem;
@@ -473,16 +429,6 @@
473
429
  --text-3xl--line-height: calc(2.25 / 1.875);
474
430
  --text-4xl: 2.25rem;
475
431
  --text-4xl--line-height: calc(2.5 / 2.25);
476
- --text-5xl: 3rem;
477
- --text-5xl--line-height: 1;
478
- --text-6xl: 3.75rem;
479
- --text-6xl--line-height: 1;
480
- --text-7xl: 4.5rem;
481
- --text-7xl--line-height: 1;
482
- --text-8xl: 6rem;
483
- --text-8xl--line-height: 1;
484
- --text-9xl: 8rem;
485
- --text-9xl--line-height: 1;
486
432
  --tracking-tight: -0.025em;
487
433
  --tracking-wide: 0.025em;
488
434
  --tracking-wider: 0.05em;
@@ -495,7 +441,6 @@
495
441
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
496
442
  --animate-spin: spin 1s linear infinite;
497
443
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
498
- --animate-bounce: bounce 1s infinite;
499
444
  --blur-sm: 8px;
500
445
  --blur-md: 12px;
501
446
  --aspect-video: 16 / 9;
@@ -2328,9 +2273,6 @@
2328
2273
  .start {
2329
2274
  inset-inline-start: var(--spacing);
2330
2275
  }
2331
- .start-1 {
2332
- inset-inline-start: var(--spacing-1);
2333
- }
2334
2276
  .end {
2335
2277
  inset-inline-end: var(--spacing);
2336
2278
  }
@@ -2439,9 +2381,6 @@
2439
2381
  .left-1\/2 {
2440
2382
  left: calc(1 / 2 * 100%);
2441
2383
  }
2442
- .left-2 {
2443
- left: var(--spacing-2);
2444
- }
2445
2384
  .left-3 {
2446
2385
  left: var(--spacing-3);
2447
2386
  }
@@ -2460,9 +2399,6 @@
2460
2399
  .isolate {
2461
2400
  isolation: isolate;
2462
2401
  }
2463
- .z-0 {
2464
- z-index: 0;
2465
- }
2466
2402
  .z-10 {
2467
2403
  z-index: 10;
2468
2404
  }
@@ -2568,9 +2504,6 @@
2568
2504
  .-my-2 {
2569
2505
  margin-block: calc(var(--spacing-2) * -1);
2570
2506
  }
2571
- .my-1 {
2572
- margin-block: var(--spacing-1);
2573
- }
2574
2507
  .my-2 {
2575
2508
  margin-block: var(--spacing-2);
2576
2509
  }
@@ -2619,18 +2552,12 @@
2619
2552
  .mt-6 {
2620
2553
  margin-top: var(--spacing-6);
2621
2554
  }
2622
- .mt-8 {
2623
- margin-top: var(--spacing-8);
2624
- }
2625
2555
  .mr-1 {
2626
2556
  margin-right: var(--spacing-1);
2627
2557
  }
2628
2558
  .mr-1\.5 {
2629
2559
  margin-right: calc(var(--spacing) * 1.5);
2630
2560
  }
2631
- .mr-2 {
2632
- margin-right: var(--spacing-2);
2633
- }
2634
2561
  .mr-3 {
2635
2562
  margin-right: var(--spacing-3);
2636
2563
  }
@@ -2787,30 +2714,12 @@
2787
2714
  .h-20 {
2788
2715
  height: var(--spacing-20);
2789
2716
  }
2790
- .h-24 {
2791
- height: var(--spacing-24);
2792
- }
2793
2717
  .h-28 {
2794
2718
  height: var(--spacing-28);
2795
2719
  }
2796
- .h-32 {
2797
- height: var(--spacing-32);
2798
- }
2799
- .h-48 {
2800
- height: var(--spacing-48);
2801
- }
2802
2720
  .h-64 {
2803
2721
  height: var(--spacing-64);
2804
2722
  }
2805
- .h-72 {
2806
- height: var(--spacing-72);
2807
- }
2808
- .h-80 {
2809
- height: var(--spacing-80);
2810
- }
2811
- .h-96 {
2812
- height: var(--spacing-96);
2813
- }
2814
2723
  .h-\[32px\] {
2815
2724
  height: 32px;
2816
2725
  }
@@ -2832,33 +2741,9 @@
2832
2741
  .h-\[120px\] {
2833
2742
  height: 120px;
2834
2743
  }
2835
- .h-\[250px\] {
2836
- height: 250px;
2837
- }
2838
- .h-\[300px\] {
2839
- height: 300px;
2840
- }
2841
- .h-\[350px\] {
2842
- height: 350px;
2843
- }
2844
- .h-\[400px\] {
2845
- height: 400px;
2846
- }
2847
- .h-\[420px\] {
2848
- height: 420px;
2849
- }
2850
- .h-\[500px\] {
2851
- height: 500px;
2852
- }
2853
- .h-\[600px\] {
2854
- height: 600px;
2855
- }
2856
2744
  .h-\[calc\(100\%\+2\.5rem\)\] {
2857
2745
  height: calc(100% + 2.5rem);
2858
2746
  }
2859
- .h-\[calc\(100\%-3rem\)\] {
2860
- height: calc(100% - 3rem);
2861
- }
2862
2747
  .h-\[calc\(100dvh-60px\)\] {
2863
2748
  height: calc(100dvh - 60px);
2864
2749
  }
@@ -2931,15 +2816,6 @@
2931
2816
  .min-h-\[300px\] {
2932
2817
  min-height: 300px;
2933
2818
  }
2934
- .min-h-\[400px\] {
2935
- min-height: 400px;
2936
- }
2937
- .min-h-\[500px\] {
2938
- min-height: 500px;
2939
- }
2940
- .min-h-screen {
2941
- min-height: 100vh;
2942
- }
2943
2819
  .w-0 {
2944
2820
  width: var(--spacing-0);
2945
2821
  }
@@ -3039,42 +2915,9 @@
3039
2915
  .w-\[32rem\] {
3040
2916
  width: 32rem;
3041
2917
  }
3042
- .w-\[40rem\] {
3043
- width: 40rem;
3044
- }
3045
- .w-\[48rem\] {
3046
- width: 48rem;
3047
- }
3048
- .w-\[56rem\] {
3049
- width: 56rem;
3050
- }
3051
- .w-\[200px\] {
3052
- width: 200px;
3053
- }
3054
- .w-\[300px\] {
3055
- width: 300px;
3056
- }
3057
- .w-\[320px\] {
3058
- width: 320px;
3059
- }
3060
- .w-\[360px\] {
3061
- width: 360px;
3062
- }
3063
- .w-\[400px\] {
3064
- width: 400px;
3065
- }
3066
- .w-\[500px\] {
3067
- width: 500px;
3068
- }
3069
2918
  .w-\[600px\] {
3070
2919
  width: 600px;
3071
2920
  }
3072
- .w-\[700px\] {
3073
- width: 700px;
3074
- }
3075
- .w-\[800px\] {
3076
- width: 800px;
3077
- }
3078
2921
  .w-auto {
3079
2922
  width: auto;
3080
2923
  }
@@ -3091,21 +2934,9 @@
3091
2934
  .\!max-w-none {
3092
2935
  max-width: none !important;
3093
2936
  }
3094
- .max-w-2xl {
3095
- max-width: var(--container-2xl);
3096
- }
3097
- .max-w-3xl {
3098
- max-width: var(--container-3xl);
3099
- }
3100
- .max-w-4xl {
3101
- max-width: var(--container-4xl);
3102
- }
3103
2937
  .max-w-6xl {
3104
2938
  max-width: var(--container-6xl);
3105
2939
  }
3106
- .max-w-7xl {
3107
- max-width: var(--container-7xl);
3108
- }
3109
2940
  .max-w-\[90vw\] {
3110
2941
  max-width: 90vw;
3111
2942
  }
@@ -3115,30 +2946,12 @@
3115
2946
  .max-w-\[200px\] {
3116
2947
  max-width: 200px;
3117
2948
  }
3118
- .max-w-\[250px\] {
3119
- max-width: 250px;
3120
- }
3121
- .max-w-\[300px\] {
3122
- max-width: 300px;
3123
- }
3124
- .max-w-\[350px\] {
3125
- max-width: 350px;
3126
- }
3127
2949
  .max-w-\[360px\] {
3128
2950
  max-width: 360px;
3129
2951
  }
3130
- .max-w-\[400px\] {
3131
- max-width: 400px;
3132
- }
3133
- .max-w-\[600px\] {
3134
- max-width: 600px;
3135
- }
3136
2952
  .max-w-full {
3137
2953
  max-width: 100%;
3138
2954
  }
3139
- .max-w-lg {
3140
- max-width: var(--container-lg);
3141
- }
3142
2955
  .max-w-md {
3143
2956
  max-width: var(--container-md);
3144
2957
  }
@@ -3148,12 +2961,6 @@
3148
2961
  .max-w-screen-lg {
3149
2962
  max-width: var(--breakpoint-lg);
3150
2963
  }
3151
- .max-w-sm {
3152
- max-width: var(--container-sm);
3153
- }
3154
- .max-w-xl {
3155
- max-width: var(--container-xl);
3156
- }
3157
2964
  .max-w-xs {
3158
2965
  max-width: var(--container-xs);
3159
2966
  }
@@ -3190,27 +2997,15 @@
3190
2997
  .min-w-\[120px\] {
3191
2998
  min-width: 120px;
3192
2999
  }
3193
- .min-w-\[150px\] {
3194
- min-width: 150px;
3195
- }
3196
3000
  .min-w-\[180px\] {
3197
3001
  min-width: 180px;
3198
3002
  }
3199
- .min-w-\[200px\] {
3200
- min-width: 200px;
3201
- }
3202
3003
  .min-w-\[208px\] {
3203
3004
  min-width: 208px;
3204
3005
  }
3205
3006
  .min-w-\[260px\] {
3206
3007
  min-width: 260px;
3207
3008
  }
3208
- .min-w-\[400px\] {
3209
- min-width: 400px;
3210
- }
3211
- .min-w-full {
3212
- min-width: 100%;
3213
- }
3214
3009
  .min-w-max {
3215
3010
  min-width: -moz-max-content;
3216
3011
  min-width: max-content;
@@ -3233,9 +3028,6 @@
3233
3028
  .table-fixed {
3234
3029
  table-layout: fixed;
3235
3030
  }
3236
- .border-collapse {
3237
- border-collapse: collapse;
3238
- }
3239
3031
  .border-separate {
3240
3032
  border-collapse: separate;
3241
3033
  }
@@ -3244,14 +3036,6 @@
3244
3036
  --tw-border-spacing-y: var(--spacing-0);
3245
3037
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
3246
3038
  }
3247
- .border-spacing-x-4 {
3248
- --tw-border-spacing-x: var(--spacing-4);
3249
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
3250
- }
3251
- .border-spacing-y-3 {
3252
- --tw-border-spacing-y: var(--spacing-3);
3253
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
3254
- }
3255
3039
  .\[border-spacing\:0\] {
3256
3040
  border-spacing: 0;
3257
3041
  }
@@ -3290,9 +3074,6 @@
3290
3074
  .rotate-45 {
3291
3075
  rotate: 45deg;
3292
3076
  }
3293
- .rotate-90 {
3294
- rotate: 90deg;
3295
- }
3296
3077
  .rotate-180 {
3297
3078
  rotate: 180deg;
3298
3079
  }
@@ -3311,9 +3092,6 @@
3311
3092
  .animate-\[tray-enter_400ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
3312
3093
  animation: tray-enter 400ms cubic-bezier(0.32,0.72,0,1);
3313
3094
  }
3314
- .animate-bounce {
3315
- animation: var(--animate-bounce);
3316
- }
3317
3095
  .animate-pulse {
3318
3096
  animation: var(--animate-pulse);
3319
3097
  }
@@ -3374,12 +3152,6 @@
3374
3152
  .snap-start {
3375
3153
  scroll-snap-align: start;
3376
3154
  }
3377
- .list-inside {
3378
- list-style-position: inside;
3379
- }
3380
- .list-decimal {
3381
- list-style-type: decimal;
3382
- }
3383
3155
  .list-disc {
3384
3156
  list-style-type: disc;
3385
3157
  }
@@ -3540,24 +3312,12 @@
3540
3312
  .gap-6 {
3541
3313
  gap: var(--spacing-6);
3542
3314
  }
3543
- .gap-7 {
3544
- gap: var(--spacing-7);
3545
- }
3546
3315
  .gap-8 {
3547
3316
  gap: var(--spacing-8);
3548
3317
  }
3549
- .gap-9 {
3550
- gap: var(--spacing-9);
3551
- }
3552
3318
  .gap-10 {
3553
3319
  gap: var(--spacing-10);
3554
3320
  }
3555
- .gap-16 {
3556
- gap: var(--spacing-16);
3557
- }
3558
- .gap-24 {
3559
- gap: var(--spacing-24);
3560
- }
3561
3321
  .gap-\[var\(--control-gap-lg\)\] {
3562
3322
  gap: var(--control-gap-lg);
3563
3323
  }
@@ -3570,6 +3330,9 @@
3570
3330
  .gap-\[var\(--control-gap-xl\)\] {
3571
3331
  gap: var(--control-gap-xl);
3572
3332
  }
3333
+ .gap-px {
3334
+ gap: 1px;
3335
+ }
3573
3336
  .space-y-0 {
3574
3337
  :where(& > :not(:last-child)) {
3575
3338
  --tw-space-y-reverse: 0;
@@ -3605,13 +3368,6 @@
3605
3368
  margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
3606
3369
  }
3607
3370
  }
3608
- .space-y-3 {
3609
- :where(& > :not(:last-child)) {
3610
- --tw-space-y-reverse: 0;
3611
- margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
3612
- margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
3613
- }
3614
- }
3615
3371
  .space-y-4 {
3616
3372
  :where(& > :not(:last-child)) {
3617
3373
  --tw-space-y-reverse: 0;
@@ -3633,20 +3389,6 @@
3633
3389
  margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));
3634
3390
  }
3635
3391
  }
3636
- .space-y-12 {
3637
- :where(& > :not(:last-child)) {
3638
- --tw-space-y-reverse: 0;
3639
- margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));
3640
- margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));
3641
- }
3642
- }
3643
- .space-y-16 {
3644
- :where(& > :not(:last-child)) {
3645
- --tw-space-y-reverse: 0;
3646
- margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));
3647
- margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));
3648
- }
3649
- }
3650
3392
  .gap-x-0 {
3651
3393
  -moz-column-gap: var(--spacing-0);
3652
3394
  column-gap: var(--spacing-0);
@@ -3679,13 +3421,6 @@
3679
3421
  -moz-column-gap: var(--spacing-12);
3680
3422
  column-gap: var(--spacing-12);
3681
3423
  }
3682
- .-space-x-2 {
3683
- :where(& > :not(:last-child)) {
3684
- --tw-space-x-reverse: 0;
3685
- margin-inline-start: calc(calc(var(--spacing-2) * -1) * var(--tw-space-x-reverse));
3686
- margin-inline-end: calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)));
3687
- }
3688
- }
3689
3424
  .space-x-2 {
3690
3425
  :where(& > :not(:last-child)) {
3691
3426
  --tw-space-x-reverse: 0;
@@ -3966,18 +3701,12 @@
3966
3701
  border-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
3967
3702
  }
3968
3703
  }
3969
- .border-amber-200 {
3970
- border-color: var(--color-amber-200);
3971
- }
3972
3704
  .border-background-surface {
3973
3705
  border-color: var(--color-background-surface);
3974
3706
  }
3975
3707
  .border-black {
3976
3708
  border-color: var(--color-black);
3977
3709
  }
3978
- .border-blue-200 {
3979
- border-color: var(--color-blue-200);
3980
- }
3981
3710
  .border-border-default {
3982
3711
  border-color: var(--color-border-default);
3983
3712
  }
@@ -4014,18 +3743,6 @@
4014
3743
  .border-border-muted {
4015
3744
  border-color: var(--color-border-muted);
4016
3745
  }
4017
- .border-border-muted\/30 {
4018
- border-color: color-mix(in srgb, #f5f5f4 30%, transparent);
4019
- @supports (color: color-mix(in lab, red, red)) {
4020
- border-color: color-mix(in oklab, var(--color-border-muted) 30%, transparent);
4021
- }
4022
- }
4023
- .border-border-muted\/50 {
4024
- border-color: color-mix(in srgb, #f5f5f4 50%, transparent);
4025
- @supports (color: color-mix(in lab, red, red)) {
4026
- border-color: color-mix(in oklab, var(--color-border-muted) 50%, transparent);
4027
- }
4028
- }
4029
3746
  .border-border-paper {
4030
3747
  border-color: var(--color-border-paper);
4031
3748
  }
@@ -4059,9 +3776,6 @@
4059
3776
  border-color: color-mix(in oklab, var(--color-feedback-error-border) 40%, transparent);
4060
3777
  }
4061
3778
  }
4062
- .border-feedback-info-background {
4063
- border-color: var(--color-feedback-info-background);
4064
- }
4065
3779
  .border-feedback-info-border {
4066
3780
  border-color: var(--color-feedback-info-border);
4067
3781
  }
@@ -4125,9 +3839,6 @@
4125
3839
  .border-gray-950 {
4126
3840
  border-color: var(--color-gray-950);
4127
3841
  }
4128
- .border-green-600 {
4129
- border-color: var(--color-green-600);
4130
- }
4131
3842
  .border-honey-base {
4132
3843
  border-color: var(--color-honey-base);
4133
3844
  }
@@ -4185,9 +3896,6 @@
4185
3896
  .border-plum-pastel {
4186
3897
  border-color: var(--color-plum-pastel);
4187
3898
  }
4188
- .border-red-200 {
4189
- border-color: var(--color-red-200);
4190
- }
4191
3899
  .border-rose-base {
4192
3900
  border-color: var(--color-rose-base);
4193
3901
  }
@@ -4242,9 +3950,6 @@
4242
3950
  .border-success-light {
4243
3951
  border-color: var(--color-success-light);
4244
3952
  }
4245
- .border-text-body {
4246
- border-color: var(--color-text-body);
4247
- }
4248
3953
  .border-text-heading {
4249
3954
  border-color: var(--color-text-heading);
4250
3955
  }
@@ -4344,12 +4049,6 @@
4344
4049
  .bg-action-destructive-hover {
4345
4050
  background-color: var(--color-action-destructive-hover);
4346
4051
  }
4347
- .bg-action-destructive\/10 {
4348
- background-color: color-mix(in srgb, #c42d2d 10%, transparent);
4349
- @supports (color: color-mix(in lab, red, red)) {
4350
- background-color: color-mix(in oklab, var(--color-action-destructive) 10%, transparent);
4351
- }
4352
- }
4353
4052
  .bg-action-primary {
4354
4053
  background-color: var(--color-action-primary);
4355
4054
  }
@@ -4368,9 +4067,6 @@
4368
4067
  .bg-action-secondary-hover {
4369
4068
  background-color: var(--color-action-secondary-hover);
4370
4069
  }
4371
- .bg-amber-50 {
4372
- background-color: var(--color-amber-50);
4373
- }
4374
4070
  .bg-background-ai {
4375
4071
  background-color: var(--color-background-ai);
4376
4072
  }
@@ -4380,9 +4076,6 @@
4380
4076
  .bg-background-canvas {
4381
4077
  background-color: var(--color-background-canvas);
4382
4078
  }
4383
- .bg-background-canvas\! {
4384
- background-color: var(--color-background-canvas) !important;
4385
- }
4386
4079
  .bg-background-hover {
4387
4080
  background-color: var(--color-background-hover);
4388
4081
  }
@@ -4443,12 +4136,6 @@
4443
4136
  .bg-black {
4444
4137
  background-color: var(--color-black);
4445
4138
  }
4446
- .bg-blue-50 {
4447
- background-color: var(--color-blue-50);
4448
- }
4449
- .bg-blue-100 {
4450
- background-color: var(--color-blue-100);
4451
- }
4452
4139
  .bg-border-default {
4453
4140
  background-color: var(--color-border-default);
4454
4141
  }
@@ -4461,12 +4148,6 @@
4461
4148
  .bg-brand-primary {
4462
4149
  background-color: var(--color-brand-primary);
4463
4150
  }
4464
- .bg-brand-primary\/20 {
4465
- background-color: color-mix(in srgb, #111111 20%, transparent);
4466
- @supports (color: color-mix(in lab, red, red)) {
4467
- background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
4468
- }
4469
- }
4470
4151
  .bg-canary-base {
4471
4152
  background-color: var(--color-canary-base);
4472
4153
  }
@@ -4497,24 +4178,12 @@
4497
4178
  .bg-feedback-error-border {
4498
4179
  background-color: var(--color-feedback-error-border);
4499
4180
  }
4500
- .bg-feedback-error-border\/20 {
4501
- background-color: color-mix(in srgb, #c42d2d 20%, transparent);
4502
- @supports (color: color-mix(in lab, red, red)) {
4503
- background-color: color-mix(in oklab, var(--color-feedback-error-border) 20%, transparent);
4504
- }
4505
- }
4506
4181
  .bg-feedback-error-text {
4507
4182
  background-color: var(--color-feedback-error-text);
4508
4183
  }
4509
4184
  .bg-feedback-info-background {
4510
4185
  background-color: var(--color-feedback-info-background);
4511
4186
  }
4512
- .bg-feedback-info-background\/20 {
4513
- background-color: color-mix(in srgb, #e0eaf5 20%, transparent);
4514
- @supports (color: color-mix(in lab, red, red)) {
4515
- background-color: color-mix(in oklab, var(--color-feedback-info-background) 20%, transparent);
4516
- }
4517
- }
4518
4187
  .bg-feedback-info-border {
4519
4188
  background-color: var(--color-feedback-info-border);
4520
4189
  }
@@ -4527,12 +4196,6 @@
4527
4196
  .bg-feedback-success-border {
4528
4197
  background-color: var(--color-feedback-success-border);
4529
4198
  }
4530
- .bg-feedback-success-border\/20 {
4531
- background-color: color-mix(in srgb, #278a4a 20%, transparent);
4532
- @supports (color: color-mix(in lab, red, red)) {
4533
- background-color: color-mix(in oklab, var(--color-feedback-success-border) 20%, transparent);
4534
- }
4535
- }
4536
4199
  .bg-feedback-success-text {
4537
4200
  background-color: var(--color-feedback-success-text);
4538
4201
  }
@@ -4542,12 +4205,6 @@
4542
4205
  .bg-feedback-warning-border {
4543
4206
  background-color: var(--color-feedback-warning-border);
4544
4207
  }
4545
- .bg-feedback-warning-border\/20 {
4546
- background-color: color-mix(in srgb, #c88420 20%, transparent);
4547
- @supports (color: color-mix(in lab, red, red)) {
4548
- background-color: color-mix(in oklab, var(--color-feedback-warning-border) 20%, transparent);
4549
- }
4550
- }
4551
4208
  .bg-feedback-warning-text {
4552
4209
  background-color: var(--color-feedback-warning-text);
4553
4210
  }
@@ -4587,15 +4244,6 @@
4587
4244
  .bg-gray-950 {
4588
4245
  background-color: var(--color-gray-950);
4589
4246
  }
4590
- .bg-green-50 {
4591
- background-color: var(--color-green-50);
4592
- }
4593
- .bg-green-100 {
4594
- background-color: var(--color-green-100);
4595
- }
4596
- .bg-green-600 {
4597
- background-color: var(--color-green-600);
4598
- }
4599
4247
  .bg-honey-base {
4600
4248
  background-color: var(--color-honey-base);
4601
4249
  }
@@ -4650,9 +4298,6 @@
4650
4298
  .bg-plum-pastel {
4651
4299
  background-color: var(--color-plum-pastel);
4652
4300
  }
4653
- .bg-red-50 {
4654
- background-color: var(--color-red-50);
4655
- }
4656
4301
  .bg-rose-base {
4657
4302
  background-color: var(--color-rose-base);
4658
4303
  }
@@ -4764,27 +4409,9 @@
4764
4409
  .bg-viz-categorical-4 {
4765
4410
  background-color: var(--color-viz-categorical-4);
4766
4411
  }
4767
- .bg-viz-categorical-4\/15 {
4768
- background-color: color-mix(in srgb, #5d89ff 15%, transparent);
4769
- @supports (color: color-mix(in lab, red, red)) {
4770
- background-color: color-mix(in oklab, var(--color-viz-categorical-4) 15%, transparent);
4771
- }
4772
- }
4773
4412
  .bg-viz-categorical-5 {
4774
4413
  background-color: var(--color-viz-categorical-5);
4775
4414
  }
4776
- .bg-viz-categorical-5\/10 {
4777
- background-color: color-mix(in srgb, #9a47e2 10%, transparent);
4778
- @supports (color: color-mix(in lab, red, red)) {
4779
- background-color: color-mix(in oklab, var(--color-viz-categorical-5) 10%, transparent);
4780
- }
4781
- }
4782
- .bg-viz-categorical-5\/15 {
4783
- background-color: color-mix(in srgb, #9a47e2 15%, transparent);
4784
- @supports (color: color-mix(in lab, red, red)) {
4785
- background-color: color-mix(in oklab, var(--color-viz-categorical-5) 15%, transparent);
4786
- }
4787
- }
4788
4415
  .bg-viz-categorical-6 {
4789
4416
  background-color: var(--color-viz-categorical-6);
4790
4417
  }
@@ -5103,10 +4730,6 @@
5103
4730
  --tw-gradient-from: var(--color-skeleton-base);
5104
4731
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5105
4732
  }
5106
- .from-action-brand {
5107
- --tw-gradient-from: var(--color-action-brand);
5108
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5109
- }
5110
4733
  .from-background-modal\/20 {
5111
4734
  --tw-gradient-from: color-mix(in srgb, rgba(0, 0, 0, 0.15) 20%, transparent);
5112
4735
  @supports (color: color-mix(in lab, red, red)) {
@@ -5114,18 +4737,6 @@
5114
4737
  }
5115
4738
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5116
4739
  }
5117
- .from-blue-100 {
5118
- --tw-gradient-from: var(--color-blue-100);
5119
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5120
- }
5121
- .from-green-500 {
5122
- --tw-gradient-from: var(--color-green-500);
5123
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5124
- }
5125
- .from-purple-500 {
5126
- --tw-gradient-from: var(--color-purple-500);
5127
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5128
- }
5129
4740
  .via-\[var\(--color-skeleton-highlight\)\] {
5130
4741
  --tw-gradient-via: var(--color-skeleton-highlight);
5131
4742
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -5150,28 +4761,9 @@
5150
4761
  }
5151
4762
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5152
4763
  }
5153
- .to-blue-200 {
5154
- --tw-gradient-to: var(--color-blue-200);
5155
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5156
- }
5157
- .to-blue-500 {
5158
- --tw-gradient-to: var(--color-blue-500);
5159
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5160
- }
5161
- .to-pink-500 {
5162
- --tw-gradient-to: var(--color-pink-500);
5163
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5164
- }
5165
- .to-purple-600 {
5166
- --tw-gradient-to: var(--color-purple-600);
5167
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5168
- }
5169
4764
  .bg-clip-padding {
5170
4765
  background-clip: padding-box;
5171
4766
  }
5172
- .fill-action-brand {
5173
- fill: var(--color-action-brand);
5174
- }
5175
4767
  .fill-action-default {
5176
4768
  fill: var(--color-action-default);
5177
4769
  }
@@ -5181,9 +4773,6 @@
5181
4773
  .fill-background-surface {
5182
4774
  fill: var(--color-background-surface);
5183
4775
  }
5184
- .fill-neutral-black {
5185
- fill: var(--color-neutral-black);
5186
- }
5187
4776
  .fill-red-500 {
5188
4777
  fill: var(--color-red-500);
5189
4778
  }
@@ -5205,9 +4794,6 @@
5205
4794
  .fill-text-secondary {
5206
4795
  fill: var(--color-text-secondary);
5207
4796
  }
5208
- .fill-white {
5209
- fill: var(--color-white);
5210
- }
5211
4797
  .stroke-action-default-hover {
5212
4798
  stroke: var(--color-action-default-hover);
5213
4799
  }
@@ -5261,12 +4847,6 @@
5261
4847
  .p-8 {
5262
4848
  padding: var(--spacing-8);
5263
4849
  }
5264
- .p-10 {
5265
- padding: var(--spacing-10);
5266
- }
5267
- .p-12 {
5268
- padding: var(--spacing-12);
5269
- }
5270
4850
  .p-\[1rem\] {
5271
4851
  padding: 1rem;
5272
4852
  }
@@ -5327,9 +4907,6 @@
5327
4907
  .px-px {
5328
4908
  padding-inline: 1px;
5329
4909
  }
5330
- .py-0 {
5331
- padding-block: var(--spacing-0);
5332
- }
5333
4910
  .py-0\.5 {
5334
4911
  padding-block: calc(var(--spacing) * 0.5);
5335
4912
  }
@@ -5348,9 +4925,6 @@
5348
4925
  .py-3 {
5349
4926
  padding-block: var(--spacing-3);
5350
4927
  }
5351
- .py-3\.5 {
5352
- padding-block: calc(var(--spacing) * 3.5);
5353
- }
5354
4928
  .py-4 {
5355
4929
  padding-block: var(--spacing-4);
5356
4930
  }
@@ -5435,8 +5009,8 @@
5435
5009
  .pr-12 {
5436
5010
  padding-right: var(--spacing-12);
5437
5011
  }
5438
- .pb-1\.5 {
5439
- padding-bottom: calc(var(--spacing) * 1.5);
5012
+ .pb-1 {
5013
+ padding-bottom: var(--spacing-1);
5440
5014
  }
5441
5015
  .pb-2 {
5442
5016
  padding-bottom: var(--spacing-2);
@@ -5462,15 +5036,15 @@
5462
5036
  .pl-3 {
5463
5037
  padding-left: var(--spacing-3);
5464
5038
  }
5465
- .pl-4 {
5466
- padding-left: var(--spacing-4);
5467
- }
5468
5039
  .pl-5 {
5469
5040
  padding-left: var(--spacing-5);
5470
5041
  }
5471
5042
  .pl-8 {
5472
5043
  padding-left: var(--spacing-8);
5473
5044
  }
5045
+ .pl-9 {
5046
+ padding-left: var(--spacing-9);
5047
+ }
5474
5048
  .pl-10 {
5475
5049
  padding-left: var(--spacing-10);
5476
5050
  }
@@ -5501,15 +5075,9 @@
5501
5075
  .align-baseline {
5502
5076
  vertical-align: baseline;
5503
5077
  }
5504
- .align-middle {
5505
- vertical-align: middle;
5506
- }
5507
5078
  .align-text-bottom {
5508
5079
  vertical-align: text-bottom;
5509
5080
  }
5510
- .align-top {
5511
- vertical-align: top;
5512
- }
5513
5081
  .font-mono {
5514
5082
  font-family: var(--font-mono);
5515
5083
  }
@@ -5517,38 +5085,6 @@
5517
5085
  font-size: var(--text-base) !important;
5518
5086
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
5519
5087
  }
5520
- .text-2xl {
5521
- font-size: var(--text-2xl);
5522
- line-height: var(--tw-leading, var(--text-2xl--line-height));
5523
- }
5524
- .text-3xl {
5525
- font-size: var(--text-3xl);
5526
- line-height: var(--tw-leading, var(--text-3xl--line-height));
5527
- }
5528
- .text-4xl {
5529
- font-size: var(--text-4xl);
5530
- line-height: var(--tw-leading, var(--text-4xl--line-height));
5531
- }
5532
- .text-5xl {
5533
- font-size: var(--text-5xl);
5534
- line-height: var(--tw-leading, var(--text-5xl--line-height));
5535
- }
5536
- .text-6xl {
5537
- font-size: var(--text-6xl);
5538
- line-height: var(--tw-leading, var(--text-6xl--line-height));
5539
- }
5540
- .text-7xl {
5541
- font-size: var(--text-7xl);
5542
- line-height: var(--tw-leading, var(--text-7xl--line-height));
5543
- }
5544
- .text-8xl {
5545
- font-size: var(--text-8xl);
5546
- line-height: var(--tw-leading, var(--text-8xl--line-height));
5547
- }
5548
- .text-9xl {
5549
- font-size: var(--text-9xl);
5550
- line-height: var(--tw-leading, var(--text-9xl--line-height));
5551
- }
5552
5088
  .text-base {
5553
5089
  font-size: var(--text-base);
5554
5090
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -5575,9 +5111,6 @@
5575
5111
  .text-\[1rem\] {
5576
5112
  font-size: 1rem;
5577
5113
  }
5578
- .text-\[10px\] {
5579
- font-size: 10px;
5580
- }
5581
5114
  .text-\[15px\] {
5582
5115
  font-size: 15px;
5583
5116
  }
@@ -5722,27 +5255,12 @@
5722
5255
  .text-action-secondary-text {
5723
5256
  color: var(--color-action-secondary-text);
5724
5257
  }
5725
- .text-amber-800 {
5726
- color: var(--color-amber-800);
5727
- }
5728
- .text-amber-900 {
5729
- color: var(--color-amber-900);
5730
- }
5731
5258
  .text-background-body {
5732
5259
  color: var(--color-background-body);
5733
5260
  }
5734
5261
  .text-black {
5735
5262
  color: var(--color-black);
5736
5263
  }
5737
- .text-blue-500 {
5738
- color: var(--color-blue-500);
5739
- }
5740
- .text-blue-800 {
5741
- color: var(--color-blue-800);
5742
- }
5743
- .text-blue-900 {
5744
- color: var(--color-blue-900);
5745
- }
5746
5264
  .text-brand-primary {
5747
5265
  color: var(--color-brand-primary);
5748
5266
  }
@@ -5824,12 +5342,6 @@
5824
5342
  .text-gray-950 {
5825
5343
  color: var(--color-gray-950);
5826
5344
  }
5827
- .text-green-600 {
5828
- color: var(--color-green-600);
5829
- }
5830
- .text-green-900 {
5831
- color: var(--color-green-900);
5832
- }
5833
5345
  .text-honey-base {
5834
5346
  color: var(--color-honey-base);
5835
5347
  }
@@ -5881,12 +5393,6 @@
5881
5393
  .text-red-500 {
5882
5394
  color: var(--color-red-500);
5883
5395
  }
5884
- .text-red-800 {
5885
- color: var(--color-red-800);
5886
- }
5887
- .text-red-900 {
5888
- color: var(--color-red-900);
5889
- }
5890
5396
  .text-rose-base {
5891
5397
  color: var(--color-rose-base);
5892
5398
  }
@@ -6423,9 +5929,6 @@
6423
5929
  .opacity-75 {
6424
5930
  opacity: 75%;
6425
5931
  }
6426
- .opacity-80 {
6427
- opacity: 80%;
6428
- }
6429
5932
  .opacity-100 {
6430
5933
  opacity: 100%;
6431
5934
  }
@@ -6574,10 +6077,6 @@
6574
6077
  --tw-blur: blur(8px);
6575
6078
  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,);
6576
6079
  }
6577
- .blur-\[0\.5px\] {
6578
- --tw-blur: blur(0.5px);
6579
- 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,);
6580
- }
6581
6080
  .drop-shadow-lg {
6582
6081
  --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
6583
6082
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
@@ -6696,12 +6195,6 @@
6696
6195
  .\[-ms-overflow-style\:none\] {
6697
6196
  -ms-overflow-style: none;
6698
6197
  }
6699
- .\[animation-delay\:0\.1s\] {
6700
- animation-delay: 0.1s;
6701
- }
6702
- .\[animation-delay\:0\.2s\] {
6703
- animation-delay: 0.2s;
6704
- }
6705
6198
  .\[scrollbar-width\:none\] {
6706
6199
  scrollbar-width: none;
6707
6200
  }
@@ -6741,16 +6234,6 @@
6741
6234
  }
6742
6235
  }
6743
6236
  }
6744
- .group-hover\:scale-105 {
6745
- &:is(:where(.group):hover *) {
6746
- @media (hover: hover) {
6747
- --tw-scale-x: 105%;
6748
- --tw-scale-y: 105%;
6749
- --tw-scale-z: 105%;
6750
- scale: var(--tw-scale-x) var(--tw-scale-y);
6751
- }
6752
- }
6753
- }
6754
6237
  .group-hover\:bg-action-brand-hover {
6755
6238
  &:is(:where(.group):hover *) {
6756
6239
  @media (hover: hover) {
@@ -7041,11 +6524,6 @@
7041
6524
  border-bottom-width: 0px;
7042
6525
  }
7043
6526
  }
7044
- .last\:pr-0 {
7045
- &:last-child {
7046
- padding-right: var(--spacing-0);
7047
- }
7048
- }
7049
6527
  .visited\:text-action-primary {
7050
6528
  &:visited {
7051
6529
  color: var(--color-action-primary);
@@ -7123,23 +6601,6 @@
7123
6601
  }
7124
6602
  }
7125
6603
  }
7126
- .hover\:scale-110 {
7127
- &:hover {
7128
- @media (hover: hover) {
7129
- --tw-scale-x: 110%;
7130
- --tw-scale-y: 110%;
7131
- --tw-scale-z: 110%;
7132
- scale: var(--tw-scale-x) var(--tw-scale-y);
7133
- }
7134
- }
7135
- }
7136
- .hover\:scale-\[1\.02\] {
7137
- &:hover {
7138
- @media (hover: hover) {
7139
- scale: 1.02;
7140
- }
7141
- }
7142
- }
7143
6604
  .hover\:cursor-pointer {
7144
6605
  &:hover {
7145
6606
  @media (hover: hover) {
@@ -7175,16 +6636,6 @@
7175
6636
  }
7176
6637
  }
7177
6638
  }
7178
- .hover\:bg-action-brand\/90 {
7179
- &:hover {
7180
- @media (hover: hover) {
7181
- background-color: color-mix(in srgb, #111111 90%, transparent);
7182
- @supports (color: color-mix(in lab, red, red)) {
7183
- background-color: color-mix(in oklab, var(--color-action-brand) 90%, transparent);
7184
- }
7185
- }
7186
- }
7187
- }
7188
6639
  .hover\:bg-action-default-hover {
7189
6640
  &:hover {
7190
6641
  @media (hover: hover) {
@@ -7257,13 +6708,6 @@
7257
6708
  }
7258
6709
  }
7259
6710
  }
7260
- .hover\:bg-background-selected {
7261
- &:hover {
7262
- @media (hover: hover) {
7263
- background-color: var(--color-background-selected);
7264
- }
7265
- }
7266
- }
7267
6711
  .hover\:bg-background-surface {
7268
6712
  &:hover {
7269
6713
  @media (hover: hover) {
@@ -7295,16 +6739,6 @@
7295
6739
  }
7296
6740
  }
7297
6741
  }
7298
- .hover\:bg-brand-primary\/90 {
7299
- &:hover {
7300
- @media (hover: hover) {
7301
- background-color: color-mix(in srgb, #111111 90%, transparent);
7302
- @supports (color: color-mix(in lab, red, red)) {
7303
- background-color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent);
7304
- }
7305
- }
7306
- }
7307
- }
7308
6742
  .hover\:bg-feedback-error-background {
7309
6743
  &:hover {
7310
6744
  @media (hover: hover) {
@@ -7312,16 +6746,6 @@
7312
6746
  }
7313
6747
  }
7314
6748
  }
7315
- .hover\:bg-feedback-error-background\/80 {
7316
- &:hover {
7317
- @media (hover: hover) {
7318
- background-color: color-mix(in srgb, #fdecec 80%, transparent);
7319
- @supports (color: color-mix(in lab, red, red)) {
7320
- background-color: color-mix(in oklab, var(--color-feedback-error-background) 80%, transparent);
7321
- }
7322
- }
7323
- }
7324
- }
7325
6749
  .hover\:bg-feedback-info-background\/80 {
7326
6750
  &:hover {
7327
6751
  @media (hover: hover) {
@@ -7379,16 +6803,6 @@
7379
6803
  }
7380
6804
  }
7381
6805
  }
7382
- .hover\:bg-viz-categorical-4\/20 {
7383
- &:hover {
7384
- @media (hover: hover) {
7385
- background-color: color-mix(in srgb, #5d89ff 20%, transparent);
7386
- @supports (color: color-mix(in lab, red, red)) {
7387
- background-color: color-mix(in oklab, var(--color-viz-categorical-4) 20%, transparent);
7388
- }
7389
- }
7390
- }
7391
- }
7392
6806
  .hover\:font-semibold {
7393
6807
  &:hover {
7394
6808
  @media (hover: hover) {
@@ -7397,13 +6811,6 @@
7397
6811
  }
7398
6812
  }
7399
6813
  }
7400
- .hover\:text-action-brand {
7401
- &:hover {
7402
- @media (hover: hover) {
7403
- color: var(--color-action-brand);
7404
- }
7405
- }
7406
- }
7407
6814
  .hover\:text-action-primary {
7408
6815
  &:hover {
7409
6816
  @media (hover: hover) {
@@ -9060,146 +8467,11 @@
9060
8467
  gap: var(--spacing-4);
9061
8468
  }
9062
8469
  }
9063
- .dark\:border-amber-800 {
9064
- @media (prefers-color-scheme: dark) {
9065
- border-color: var(--color-amber-800);
9066
- }
9067
- }
9068
- .dark\:border-blue-800 {
9069
- @media (prefers-color-scheme: dark) {
9070
- border-color: var(--color-blue-800);
9071
- }
9072
- }
9073
- .dark\:border-border-muted {
9074
- @media (prefers-color-scheme: dark) {
9075
- border-color: var(--color-border-muted);
9076
- }
9077
- }
9078
- .dark\:border-feedback-info-border {
9079
- @media (prefers-color-scheme: dark) {
9080
- border-color: var(--color-feedback-info-border);
9081
- }
9082
- }
9083
- .dark\:border-gray-600 {
9084
- @media (prefers-color-scheme: dark) {
9085
- border-color: var(--color-gray-600);
9086
- }
9087
- }
9088
- .dark\:border-gray-700 {
9089
- @media (prefers-color-scheme: dark) {
9090
- border-color: var(--color-gray-700);
9091
- }
9092
- }
9093
- .dark\:border-red-800 {
9094
- @media (prefers-color-scheme: dark) {
9095
- border-color: var(--color-red-800);
9096
- }
9097
- }
9098
- .dark\:bg-amber-950 {
9099
- @media (prefers-color-scheme: dark) {
9100
- background-color: var(--color-amber-950);
9101
- }
9102
- }
9103
- .dark\:bg-background-muted {
9104
- @media (prefers-color-scheme: dark) {
9105
- background-color: var(--color-background-muted);
9106
- }
9107
- }
9108
- .dark\:bg-blue-950 {
9109
- @media (prefers-color-scheme: dark) {
9110
- background-color: var(--color-blue-950);
9111
- }
9112
- }
9113
- .dark\:bg-feedback-info-background {
9114
- @media (prefers-color-scheme: dark) {
9115
- background-color: var(--color-feedback-info-background);
9116
- }
9117
- }
9118
- .dark\:bg-feedback-success-background {
9119
- @media (prefers-color-scheme: dark) {
9120
- background-color: var(--color-feedback-success-background);
9121
- }
9122
- }
9123
- .dark\:bg-gray-900 {
9124
- @media (prefers-color-scheme: dark) {
9125
- background-color: var(--color-gray-900);
9126
- }
9127
- }
9128
- .dark\:bg-red-950 {
9129
- @media (prefers-color-scheme: dark) {
9130
- background-color: var(--color-red-950);
9131
- }
9132
- }
9133
- .dark\:text-amber-100 {
9134
- @media (prefers-color-scheme: dark) {
9135
- color: var(--color-amber-100);
9136
- }
9137
- }
9138
- .dark\:text-amber-200 {
9139
- @media (prefers-color-scheme: dark) {
9140
- color: var(--color-amber-200);
9141
- }
9142
- }
9143
- .dark\:text-blue-100 {
9144
- @media (prefers-color-scheme: dark) {
9145
- color: var(--color-blue-100);
9146
- }
9147
- }
9148
- .dark\:text-blue-200 {
9149
- @media (prefers-color-scheme: dark) {
9150
- color: var(--color-blue-200);
9151
- }
9152
- }
9153
- .dark\:text-feedback-info-text {
9154
- @media (prefers-color-scheme: dark) {
9155
- color: var(--color-feedback-info-text);
9156
- }
9157
- }
9158
- .dark\:text-gray-100 {
9159
- @media (prefers-color-scheme: dark) {
9160
- color: var(--color-gray-100);
9161
- }
9162
- }
9163
- .dark\:text-gray-300 {
9164
- @media (prefers-color-scheme: dark) {
9165
- color: var(--color-gray-300);
9166
- }
9167
- }
9168
- .dark\:text-gray-400 {
9169
- @media (prefers-color-scheme: dark) {
9170
- color: var(--color-gray-400);
9171
- }
9172
- }
9173
- .dark\:text-green-400 {
9174
- @media (prefers-color-scheme: dark) {
9175
- color: var(--color-green-400);
9176
- }
9177
- }
9178
- .dark\:text-red-100 {
9179
- @media (prefers-color-scheme: dark) {
9180
- color: var(--color-red-100);
9181
- }
9182
- }
9183
- .dark\:text-red-200 {
9184
- @media (prefers-color-scheme: dark) {
9185
- color: var(--color-red-200);
9186
- }
9187
- }
9188
8470
  .dark\:text-text-primary {
9189
8471
  @media (prefers-color-scheme: dark) {
9190
8472
  color: var(--color-text-primary);
9191
8473
  }
9192
8474
  }
9193
- .dark\:text-text-secondary {
9194
- @media (prefers-color-scheme: dark) {
9195
- color: var(--color-text-secondary);
9196
- }
9197
- }
9198
- .dark\:text-viz-categorical-4 {
9199
- @media (prefers-color-scheme: dark) {
9200
- color: var(--color-viz-categorical-4);
9201
- }
9202
- }
9203
8475
  .dark\:shadow-black\/60 {
9204
8476
  @media (prefers-color-scheme: dark) {
9205
8477
  --tw-shadow-color: color-mix(in srgb, #000000 60%, transparent);
@@ -9990,17 +9262,6 @@
9990
9262
  justify-content: flex-start !important;
9991
9263
  }
9992
9264
  }
9993
- .\[\&\>\*\]\:rounded-none {
9994
- &>* {
9995
- border-radius: var(--radius-none);
9996
- }
9997
- }
9998
- .\[\&\>\*\]\:border-none {
9999
- &>* {
10000
- --tw-border-style: none;
10001
- border-style: none;
10002
- }
10003
- }
10004
9265
  .\[\&\>\*\]\:\!text-left {
10005
9266
  &>* {
10006
9267
  text-align: left !important;
@@ -10028,6 +9289,54 @@
10028
9289
  }
10029
9290
  }
10030
9291
  }
9292
+ .edges-stack-nav {
9293
+ --edges-stack-nav-pane-shift: 12%;
9294
+ --edges-stack-nav-pane-duration: var(--motion-duration-normal, 200ms);
9295
+ --edges-stack-nav-pane-opacity-duration: var(--motion-duration-fast, 150ms);
9296
+ --edges-stack-nav-pane-easing: var(--motion-easing-standard, ease);
9297
+ background: var(--edges-stack-nav-background, var(--color-background-surface));
9298
+ border-right: 1px solid var(--edges-stack-nav-border-color, var(--color-border-default));
9299
+ }
9300
+ .edges-stack-nav__header {
9301
+ border-bottom: 1px solid var(--edges-stack-nav-border-color, var(--color-border-default));
9302
+ }
9303
+ .edges-stack-nav__footer {
9304
+ border-top: 1px solid var(--edges-stack-nav-border-color, var(--color-border-default));
9305
+ }
9306
+ .edges-stack-nav__divider {
9307
+ border-top: 1px solid var(--edges-stack-nav-border-color, var(--color-border-default));
9308
+ }
9309
+ .edges-stack-nav__back {
9310
+ border-bottom: 1px solid var(--edges-stack-nav-border-color, var(--color-border-default));
9311
+ }
9312
+ .edges-stack-nav__pane {
9313
+ opacity: 0;
9314
+ pointer-events: none;
9315
+ }
9316
+ .edges-stack-nav--animated .edges-stack-nav__pane {
9317
+ transition: transform var(--edges-stack-nav-pane-duration) var(--edges-stack-nav-pane-easing), opacity var(--edges-stack-nav-pane-opacity-duration) var(--edges-stack-nav-pane-easing);
9318
+ }
9319
+ .edges-stack-nav__pane--top {
9320
+ transform: translateX(0);
9321
+ opacity: 1;
9322
+ pointer-events: auto;
9323
+ }
9324
+ .edges-stack-nav__pane--above {
9325
+ transform: translateX(calc(var(--edges-stack-nav-pane-shift) * -1));
9326
+ }
9327
+ .edges-stack-nav__pane--below {
9328
+ transform: translateX(var(--edges-stack-nav-pane-shift));
9329
+ }
9330
+ .edges-stack-nav__pane--instant {
9331
+ transition: none;
9332
+ }
9333
+ .edges-stack-nav__row:hover, .edges-stack-nav__row:focus-visible {
9334
+ background: var(--edges-stack-nav-row-hover-background, var(--color-background-hover));
9335
+ }
9336
+ .edges-stack-nav__row--active, .edges-stack-nav__row--active:hover, .edges-stack-nav__row--active:focus-visible {
9337
+ background: var(--edges-stack-nav-row-active-background, var(--color-background-selected));
9338
+ color: var(--edges-stack-nav-row-active-color, var(--color-text-primary));
9339
+ }
10031
9340
  @layer base {
10032
9341
  :root {
10033
9342
  --default-border-color: var(--color-border-default);
@@ -10362,21 +9671,6 @@
10362
9671
  syntax: "*";
10363
9672
  inherits: false;
10364
9673
  }
10365
- @property --tw-scale-x {
10366
- syntax: "*";
10367
- inherits: false;
10368
- initial-value: 1;
10369
- }
10370
- @property --tw-scale-y {
10371
- syntax: "*";
10372
- inherits: false;
10373
- initial-value: 1;
10374
- }
10375
- @property --tw-scale-z {
10376
- syntax: "*";
10377
- inherits: false;
10378
- initial-value: 1;
10379
- }
10380
9674
  @property --tw-content {
10381
9675
  syntax: "*";
10382
9676
  initial-value: "";
@@ -10398,16 +9692,6 @@
10398
9692
  opacity: 0.5;
10399
9693
  }
10400
9694
  }
10401
- @keyframes bounce {
10402
- 0%, 100% {
10403
- transform: translateY(-25%);
10404
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
10405
- }
10406
- 50% {
10407
- transform: none;
10408
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
10409
- }
10410
- }
10411
9695
  @layer properties {
10412
9696
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
10413
9697
  *, ::before, ::after, ::backdrop {
@@ -10483,9 +9767,6 @@
10483
9767
  --tw-backdrop-sepia: initial;
10484
9768
  --tw-duration: initial;
10485
9769
  --tw-ease: initial;
10486
- --tw-scale-x: 1;
10487
- --tw-scale-y: 1;
10488
- --tw-scale-z: 1;
10489
9770
  --tw-content: "";
10490
9771
  }
10491
9772
  }