@powerhousedao/vetra-builder-package 0.0.9 → 0.0.10
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/style.css +279 -10
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -58,6 +58,8 @@
|
|
|
58
58
|
--color-zinc-50: oklch(98.5% 0 0);
|
|
59
59
|
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
60
60
|
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
61
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
62
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
61
63
|
--color-black: #000;
|
|
62
64
|
--color-white: #fff;
|
|
63
65
|
--spacing: 0.25rem;
|
|
@@ -88,6 +90,7 @@
|
|
|
88
90
|
--radius-xl: 0.75rem;
|
|
89
91
|
--radius-2xl: 1rem;
|
|
90
92
|
--radius-3xl: 1.5rem;
|
|
93
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
91
94
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
92
95
|
--animate-spin: spin 1s linear infinite;
|
|
93
96
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
@@ -1305,6 +1308,10 @@
|
|
|
1305
1308
|
--color-gray-700: hsl(189 5% 29%);
|
|
1306
1309
|
--color-gray-800: hsl(200 4% 26%);
|
|
1307
1310
|
--color-gray-900: hsl(192 5% 21%);
|
|
1311
|
+
--color-zinc-50: oklch(98.5% 0 0);
|
|
1312
|
+
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
1313
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
1314
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
1308
1315
|
--color-black: hsl(0 0% 0%);
|
|
1309
1316
|
--color-white: hsl(0 0% 100%);
|
|
1310
1317
|
--spacing: 0.25rem;
|
|
@@ -1334,6 +1341,7 @@
|
|
|
1334
1341
|
--radius-xl: 0.75rem;
|
|
1335
1342
|
--radius-2xl: 1rem;
|
|
1336
1343
|
--radius-3xl: 1.5rem;
|
|
1344
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
1337
1345
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1338
1346
|
--animate-spin: spin 1s linear infinite;
|
|
1339
1347
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
@@ -1590,6 +1598,9 @@
|
|
|
1590
1598
|
.right-3 {
|
|
1591
1599
|
right: calc(var(--spacing) * 3);
|
|
1592
1600
|
}
|
|
1601
|
+
.right-4 {
|
|
1602
|
+
right: calc(var(--spacing) * 4);
|
|
1603
|
+
}
|
|
1593
1604
|
.right-5 {
|
|
1594
1605
|
right: calc(var(--spacing) * 5);
|
|
1595
1606
|
}
|
|
@@ -1599,9 +1610,15 @@
|
|
|
1599
1610
|
.right-\[0px\] {
|
|
1600
1611
|
right: 0px;
|
|
1601
1612
|
}
|
|
1613
|
+
.-bottom-16 {
|
|
1614
|
+
bottom: calc(var(--spacing) * -16);
|
|
1615
|
+
}
|
|
1602
1616
|
.bottom-0 {
|
|
1603
1617
|
bottom: calc(var(--spacing) * 0);
|
|
1604
1618
|
}
|
|
1619
|
+
.bottom-4 {
|
|
1620
|
+
bottom: calc(var(--spacing) * 4);
|
|
1621
|
+
}
|
|
1605
1622
|
.bottom-5 {
|
|
1606
1623
|
bottom: calc(var(--spacing) * 5);
|
|
1607
1624
|
}
|
|
@@ -1647,6 +1664,12 @@
|
|
|
1647
1664
|
.z-\[20\] {
|
|
1648
1665
|
z-index: 20;
|
|
1649
1666
|
}
|
|
1667
|
+
.z-\[1000\] {
|
|
1668
|
+
z-index: 1000;
|
|
1669
|
+
}
|
|
1670
|
+
.z-\[1001\] {
|
|
1671
|
+
z-index: 1001;
|
|
1672
|
+
}
|
|
1650
1673
|
.container {
|
|
1651
1674
|
width: 100%;
|
|
1652
1675
|
@media (width >= 40rem) {
|
|
@@ -1900,9 +1923,15 @@
|
|
|
1900
1923
|
.h-0\.5 {
|
|
1901
1924
|
height: calc(var(--spacing) * 0.5);
|
|
1902
1925
|
}
|
|
1926
|
+
.h-2 {
|
|
1927
|
+
height: calc(var(--spacing) * 2);
|
|
1928
|
+
}
|
|
1903
1929
|
.h-3 {
|
|
1904
1930
|
height: calc(var(--spacing) * 3);
|
|
1905
1931
|
}
|
|
1932
|
+
.h-4 {
|
|
1933
|
+
height: calc(var(--spacing) * 4);
|
|
1934
|
+
}
|
|
1906
1935
|
.h-5 {
|
|
1907
1936
|
height: calc(var(--spacing) * 5);
|
|
1908
1937
|
}
|
|
@@ -1951,6 +1980,9 @@
|
|
|
1951
1980
|
.h-\[17px\] {
|
|
1952
1981
|
height: 17px;
|
|
1953
1982
|
}
|
|
1983
|
+
.h-\[18px\] {
|
|
1984
|
+
height: 18px;
|
|
1985
|
+
}
|
|
1954
1986
|
.h-\[22px\] {
|
|
1955
1987
|
height: 22px;
|
|
1956
1988
|
}
|
|
@@ -1966,6 +1998,9 @@
|
|
|
1966
1998
|
.h-\[52px\] {
|
|
1967
1999
|
height: 52px;
|
|
1968
2000
|
}
|
|
2001
|
+
.h-\[130px\] {
|
|
2002
|
+
height: 130px;
|
|
2003
|
+
}
|
|
1969
2004
|
.h-\[244px\] {
|
|
1970
2005
|
height: 244px;
|
|
1971
2006
|
}
|
|
@@ -2008,6 +2043,9 @@
|
|
|
2008
2043
|
.max-h-\[370px\] {
|
|
2009
2044
|
max-height: 370px;
|
|
2010
2045
|
}
|
|
2046
|
+
.max-h-\[404px\] {
|
|
2047
|
+
max-height: 404px;
|
|
2048
|
+
}
|
|
2011
2049
|
.max-h-screen {
|
|
2012
2050
|
max-height: 100vh;
|
|
2013
2051
|
}
|
|
@@ -2032,6 +2070,9 @@
|
|
|
2032
2070
|
.min-h-full {
|
|
2033
2071
|
min-height: 100%;
|
|
2034
2072
|
}
|
|
2073
|
+
.min-h-screen {
|
|
2074
|
+
min-height: 100vh;
|
|
2075
|
+
}
|
|
2035
2076
|
.w-\(--radix-popover-trigger-width\) {
|
|
2036
2077
|
width: var(--radix-popover-trigger-width);
|
|
2037
2078
|
}
|
|
@@ -2056,6 +2097,9 @@
|
|
|
2056
2097
|
.w-6 {
|
|
2057
2098
|
width: calc(var(--spacing) * 6);
|
|
2058
2099
|
}
|
|
2100
|
+
.w-7 {
|
|
2101
|
+
width: calc(var(--spacing) * 7);
|
|
2102
|
+
}
|
|
2059
2103
|
.w-8 {
|
|
2060
2104
|
width: calc(var(--spacing) * 8);
|
|
2061
2105
|
}
|
|
@@ -2080,6 +2124,9 @@
|
|
|
2080
2124
|
.w-\[6px\] {
|
|
2081
2125
|
width: 6px;
|
|
2082
2126
|
}
|
|
2127
|
+
.w-\[18px\] {
|
|
2128
|
+
width: 18px;
|
|
2129
|
+
}
|
|
2083
2130
|
.w-\[50px\] {
|
|
2084
2131
|
width: 50px;
|
|
2085
2132
|
}
|
|
@@ -2092,6 +2139,12 @@
|
|
|
2092
2139
|
.w-\[320px\] {
|
|
2093
2140
|
width: 320px;
|
|
2094
2141
|
}
|
|
2142
|
+
.w-\[338px\] {
|
|
2143
|
+
width: 338px;
|
|
2144
|
+
}
|
|
2145
|
+
.w-\[358px\] {
|
|
2146
|
+
width: 358px;
|
|
2147
|
+
}
|
|
2095
2148
|
.w-\[400px\] {
|
|
2096
2149
|
width: 400px;
|
|
2097
2150
|
}
|
|
@@ -2176,6 +2229,9 @@
|
|
|
2176
2229
|
.flex-none {
|
|
2177
2230
|
flex: none;
|
|
2178
2231
|
}
|
|
2232
|
+
.flex-shrink-0 {
|
|
2233
|
+
flex-shrink: 0;
|
|
2234
|
+
}
|
|
2179
2235
|
.shrink-0 {
|
|
2180
2236
|
flex-shrink: 0;
|
|
2181
2237
|
}
|
|
@@ -2200,6 +2256,9 @@
|
|
|
2200
2256
|
.-rotate-90 {
|
|
2201
2257
|
rotate: calc(90deg * -1);
|
|
2202
2258
|
}
|
|
2259
|
+
.rotate-0 {
|
|
2260
|
+
rotate: 0deg;
|
|
2261
|
+
}
|
|
2203
2262
|
.rotate-90 {
|
|
2204
2263
|
rotate: 90deg;
|
|
2205
2264
|
}
|
|
@@ -2287,6 +2346,9 @@
|
|
|
2287
2346
|
.justify-start {
|
|
2288
2347
|
justify-content: flex-start;
|
|
2289
2348
|
}
|
|
2349
|
+
.gap-0\.5 {
|
|
2350
|
+
gap: calc(var(--spacing) * 0.5);
|
|
2351
|
+
}
|
|
2290
2352
|
.gap-1 {
|
|
2291
2353
|
gap: calc(var(--spacing) * 1);
|
|
2292
2354
|
}
|
|
@@ -2367,12 +2429,18 @@
|
|
|
2367
2429
|
.overflow-scroll {
|
|
2368
2430
|
overflow: scroll;
|
|
2369
2431
|
}
|
|
2432
|
+
.overflow-visible {
|
|
2433
|
+
overflow: visible;
|
|
2434
|
+
}
|
|
2370
2435
|
.overflow-x-auto {
|
|
2371
2436
|
overflow-x: auto;
|
|
2372
2437
|
}
|
|
2373
2438
|
.overflow-x-hidden {
|
|
2374
2439
|
overflow-x: hidden;
|
|
2375
2440
|
}
|
|
2441
|
+
.overflow-x-visible {
|
|
2442
|
+
overflow-x: visible;
|
|
2443
|
+
}
|
|
2376
2444
|
.overflow-y-auto {
|
|
2377
2445
|
overflow-y: auto;
|
|
2378
2446
|
}
|
|
@@ -2388,6 +2456,9 @@
|
|
|
2388
2456
|
.rounded-\[2px\] {
|
|
2389
2457
|
border-radius: 2px;
|
|
2390
2458
|
}
|
|
2459
|
+
.rounded-\[24px\] {
|
|
2460
|
+
border-radius: 24px;
|
|
2461
|
+
}
|
|
2391
2462
|
.rounded-full {
|
|
2392
2463
|
border-radius: calc(infinity * 1px);
|
|
2393
2464
|
}
|
|
@@ -2481,6 +2552,9 @@
|
|
|
2481
2552
|
--tw-border-style: solid;
|
|
2482
2553
|
border-style: solid;
|
|
2483
2554
|
}
|
|
2555
|
+
.border-black {
|
|
2556
|
+
border-color: var(--color-black);
|
|
2557
|
+
}
|
|
2484
2558
|
.border-blue-600 {
|
|
2485
2559
|
border-color: var(--color-blue-600);
|
|
2486
2560
|
}
|
|
@@ -2526,6 +2600,9 @@
|
|
|
2526
2600
|
.border-white {
|
|
2527
2601
|
border-color: var(--color-white);
|
|
2528
2602
|
}
|
|
2603
|
+
.border-zinc-200 {
|
|
2604
|
+
border-color: var(--color-zinc-200);
|
|
2605
|
+
}
|
|
2529
2606
|
.border-b-gray-300 {
|
|
2530
2607
|
border-bottom-color: var(--color-gray-300);
|
|
2531
2608
|
}
|
|
@@ -2535,6 +2612,15 @@
|
|
|
2535
2612
|
.bg-black {
|
|
2536
2613
|
background-color: var(--color-black);
|
|
2537
2614
|
}
|
|
2615
|
+
.bg-black\/50 {
|
|
2616
|
+
background-color: color-mix(in srgb, hsl(0 0% 0%) 50%, transparent);
|
|
2617
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2618
|
+
background-color: color-mix(in srgb, #000 50%, transparent);
|
|
2619
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2620
|
+
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
2621
|
+
}
|
|
2622
|
+
}
|
|
2623
|
+
}
|
|
2538
2624
|
.bg-blue-100 {
|
|
2539
2625
|
background-color: var(--color-blue-100);
|
|
2540
2626
|
}
|
|
@@ -2634,6 +2720,9 @@
|
|
|
2634
2720
|
.bg-white {
|
|
2635
2721
|
background-color: var(--color-white);
|
|
2636
2722
|
}
|
|
2723
|
+
.bg-zinc-50 {
|
|
2724
|
+
background-color: var(--color-zinc-50);
|
|
2725
|
+
}
|
|
2637
2726
|
.object-contain {
|
|
2638
2727
|
object-fit: contain;
|
|
2639
2728
|
}
|
|
@@ -2703,6 +2792,9 @@
|
|
|
2703
2792
|
.py-4 {
|
|
2704
2793
|
padding-block: calc(var(--spacing) * 4);
|
|
2705
2794
|
}
|
|
2795
|
+
.py-6 {
|
|
2796
|
+
padding-block: calc(var(--spacing) * 6);
|
|
2797
|
+
}
|
|
2706
2798
|
.py-28 {
|
|
2707
2799
|
padding-block: calc(var(--spacing) * 28);
|
|
2708
2800
|
}
|
|
@@ -2866,6 +2958,9 @@
|
|
|
2866
2958
|
.text-nowrap {
|
|
2867
2959
|
text-wrap: nowrap;
|
|
2868
2960
|
}
|
|
2961
|
+
.break-words {
|
|
2962
|
+
overflow-wrap: break-word;
|
|
2963
|
+
}
|
|
2869
2964
|
.whitespace-nowrap {
|
|
2870
2965
|
white-space: nowrap;
|
|
2871
2966
|
}
|
|
@@ -2980,6 +3075,12 @@
|
|
|
2980
3075
|
.text-yellow-900 {
|
|
2981
3076
|
color: var(--color-yellow-900);
|
|
2982
3077
|
}
|
|
3078
|
+
.text-zinc-500 {
|
|
3079
|
+
color: var(--color-zinc-500);
|
|
3080
|
+
}
|
|
3081
|
+
.text-zinc-600 {
|
|
3082
|
+
color: var(--color-zinc-600);
|
|
3083
|
+
}
|
|
2983
3084
|
.capitalize {
|
|
2984
3085
|
text-transform: capitalize;
|
|
2985
3086
|
}
|
|
@@ -3008,10 +3109,18 @@
|
|
|
3008
3109
|
--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));
|
|
3009
3110
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3010
3111
|
}
|
|
3112
|
+
.shadow-\[0_2px_12px_rgba\(37\,42\,52\,0\.1\)\] {
|
|
3113
|
+
--tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(37,42,52,0.1));
|
|
3114
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3115
|
+
}
|
|
3011
3116
|
.shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
|
|
3012
3117
|
--tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
|
|
3013
3118
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3014
3119
|
}
|
|
3120
|
+
.shadow-\[1px_4px_15px_rgba\(74\,88\,115\,0\.25\)\] {
|
|
3121
|
+
--tw-shadow: 1px 4px 15px var(--tw-shadow-color, rgba(74,88,115,0.25));
|
|
3122
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3123
|
+
}
|
|
3015
3124
|
.shadow-button {
|
|
3016
3125
|
--tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
|
|
3017
3126
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -3086,6 +3195,11 @@
|
|
|
3086
3195
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3087
3196
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3088
3197
|
}
|
|
3198
|
+
.transition-transform {
|
|
3199
|
+
transition-property: transform, translate, scale, rotate;
|
|
3200
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3201
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3202
|
+
}
|
|
3089
3203
|
.duration-150 {
|
|
3090
3204
|
--tw-duration: 150ms;
|
|
3091
3205
|
transition-duration: 150ms;
|
|
@@ -3102,6 +3216,10 @@
|
|
|
3102
3216
|
--tw-ease: var(--ease-in-out);
|
|
3103
3217
|
transition-timing-function: var(--ease-in-out);
|
|
3104
3218
|
}
|
|
3219
|
+
.ease-out {
|
|
3220
|
+
--tw-ease: var(--ease-out);
|
|
3221
|
+
transition-timing-function: var(--ease-out);
|
|
3222
|
+
}
|
|
3105
3223
|
.outline-none {
|
|
3106
3224
|
--tw-outline-style: none;
|
|
3107
3225
|
outline-style: none;
|
|
@@ -3581,6 +3699,13 @@
|
|
|
3581
3699
|
}
|
|
3582
3700
|
}
|
|
3583
3701
|
}
|
|
3702
|
+
.hover\:bg-blue-600 {
|
|
3703
|
+
&:hover {
|
|
3704
|
+
@media (hover: hover) {
|
|
3705
|
+
background-color: var(--color-blue-600);
|
|
3706
|
+
}
|
|
3707
|
+
}
|
|
3708
|
+
}
|
|
3584
3709
|
.hover\:bg-gray-50 {
|
|
3585
3710
|
&:hover {
|
|
3586
3711
|
@media (hover: hover) {
|
|
@@ -3616,6 +3741,13 @@
|
|
|
3616
3741
|
}
|
|
3617
3742
|
}
|
|
3618
3743
|
}
|
|
3744
|
+
.hover\:bg-slate-100 {
|
|
3745
|
+
&:hover {
|
|
3746
|
+
@media (hover: hover) {
|
|
3747
|
+
background-color: var(--color-slate-100);
|
|
3748
|
+
}
|
|
3749
|
+
}
|
|
3750
|
+
}
|
|
3619
3751
|
.hover\:bg-slate-800 {
|
|
3620
3752
|
&:hover {
|
|
3621
3753
|
@media (hover: hover) {
|
|
@@ -5173,6 +5305,8 @@ input[type="number"] {
|
|
|
5173
5305
|
--color-zinc-50: oklch(98.5% 0 0);
|
|
5174
5306
|
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
5175
5307
|
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
5308
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
5309
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
5176
5310
|
--color-black: #000;
|
|
5177
5311
|
--color-white: #fff;
|
|
5178
5312
|
--spacing: 0.25rem;
|
|
@@ -5202,6 +5336,7 @@ input[type="number"] {
|
|
|
5202
5336
|
--radius-xl: 0.75rem;
|
|
5203
5337
|
--radius-2xl: 1rem;
|
|
5204
5338
|
--radius-3xl: 1.5rem;
|
|
5339
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
5205
5340
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
5206
5341
|
--animate-spin: spin 1s linear infinite;
|
|
5207
5342
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
@@ -5390,6 +5525,9 @@ input[type="number"] {
|
|
|
5390
5525
|
.mt-6 {
|
|
5391
5526
|
margin-top: calc(var(--spacing) * 6);
|
|
5392
5527
|
}
|
|
5528
|
+
.mr-2 {
|
|
5529
|
+
margin-right: calc(var(--spacing) * 2);
|
|
5530
|
+
}
|
|
5393
5531
|
.mb-2 {
|
|
5394
5532
|
margin-bottom: calc(var(--spacing) * 2);
|
|
5395
5533
|
}
|
|
@@ -5420,6 +5558,9 @@ input[type="number"] {
|
|
|
5420
5558
|
.inline-flex {
|
|
5421
5559
|
display: inline-flex;
|
|
5422
5560
|
}
|
|
5561
|
+
.h-4 {
|
|
5562
|
+
height: calc(var(--spacing) * 4);
|
|
5563
|
+
}
|
|
5423
5564
|
.h-\[200px\] {
|
|
5424
5565
|
height: 200px;
|
|
5425
5566
|
}
|
|
@@ -5432,6 +5573,9 @@ input[type="number"] {
|
|
|
5432
5573
|
.min-h-screen {
|
|
5433
5574
|
min-height: 100vh;
|
|
5434
5575
|
}
|
|
5576
|
+
.w-4 {
|
|
5577
|
+
width: calc(var(--spacing) * 4);
|
|
5578
|
+
}
|
|
5435
5579
|
.w-full {
|
|
5436
5580
|
width: 100%;
|
|
5437
5581
|
}
|
|
@@ -5671,6 +5815,9 @@ input[type="number"] {
|
|
|
5671
5815
|
.text-yellow-800 {
|
|
5672
5816
|
color: var(--color-yellow-800);
|
|
5673
5817
|
}
|
|
5818
|
+
.italic {
|
|
5819
|
+
font-style: italic;
|
|
5820
|
+
}
|
|
5674
5821
|
.filter {
|
|
5675
5822
|
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,);
|
|
5676
5823
|
}
|
|
@@ -5797,16 +5944,6 @@ input[type="number"] {
|
|
|
5797
5944
|
}
|
|
5798
5945
|
}
|
|
5799
5946
|
}
|
|
5800
|
-
.hover\:after\:opacity-30 {
|
|
5801
|
-
&:hover {
|
|
5802
|
-
@media (hover: hover) {
|
|
5803
|
-
&::after {
|
|
5804
|
-
content: var(--tw-content);
|
|
5805
|
-
opacity: 30%;
|
|
5806
|
-
}
|
|
5807
|
-
}
|
|
5808
|
-
}
|
|
5809
|
-
}
|
|
5810
5947
|
.focus\:border-transparent {
|
|
5811
5948
|
&:focus {
|
|
5812
5949
|
border-color: transparent;
|
|
@@ -6588,6 +6725,10 @@ input[type="number"] {
|
|
|
6588
6725
|
--color-gray-700: hsl(189 5% 29%);
|
|
6589
6726
|
--color-gray-800: hsl(200 4% 26%);
|
|
6590
6727
|
--color-gray-900: hsl(192 5% 21%);
|
|
6728
|
+
--color-zinc-50: oklch(98.5% 0 0);
|
|
6729
|
+
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
6730
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
6731
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
6591
6732
|
--color-black: hsl(0 0% 0%);
|
|
6592
6733
|
--color-white: hsl(0 0% 100%);
|
|
6593
6734
|
--spacing: 0.25rem;
|
|
@@ -6617,6 +6758,7 @@ input[type="number"] {
|
|
|
6617
6758
|
--radius-xl: 0.75rem;
|
|
6618
6759
|
--radius-2xl: 1rem;
|
|
6619
6760
|
--radius-3xl: 1.5rem;
|
|
6761
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
6620
6762
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
6621
6763
|
--animate-spin: spin 1s linear infinite;
|
|
6622
6764
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
@@ -6876,6 +7018,9 @@ input[type="number"] {
|
|
|
6876
7018
|
.right-3 {
|
|
6877
7019
|
right: calc(var(--spacing) * 3);
|
|
6878
7020
|
}
|
|
7021
|
+
.right-4 {
|
|
7022
|
+
right: calc(var(--spacing) * 4);
|
|
7023
|
+
}
|
|
6879
7024
|
.right-5 {
|
|
6880
7025
|
right: calc(var(--spacing) * 5);
|
|
6881
7026
|
}
|
|
@@ -6885,9 +7030,15 @@ input[type="number"] {
|
|
|
6885
7030
|
.right-\[0px\] {
|
|
6886
7031
|
right: 0px;
|
|
6887
7032
|
}
|
|
7033
|
+
.-bottom-16 {
|
|
7034
|
+
bottom: calc(var(--spacing) * -16);
|
|
7035
|
+
}
|
|
6888
7036
|
.bottom-0 {
|
|
6889
7037
|
bottom: calc(var(--spacing) * 0);
|
|
6890
7038
|
}
|
|
7039
|
+
.bottom-4 {
|
|
7040
|
+
bottom: calc(var(--spacing) * 4);
|
|
7041
|
+
}
|
|
6891
7042
|
.bottom-5 {
|
|
6892
7043
|
bottom: calc(var(--spacing) * 5);
|
|
6893
7044
|
}
|
|
@@ -6933,6 +7084,12 @@ input[type="number"] {
|
|
|
6933
7084
|
.z-\[20\] {
|
|
6934
7085
|
z-index: 20;
|
|
6935
7086
|
}
|
|
7087
|
+
.z-\[1000\] {
|
|
7088
|
+
z-index: 1000;
|
|
7089
|
+
}
|
|
7090
|
+
.z-\[1001\] {
|
|
7091
|
+
z-index: 1001;
|
|
7092
|
+
}
|
|
6936
7093
|
.container {
|
|
6937
7094
|
width: 100%;
|
|
6938
7095
|
@media (width >= 40rem) {
|
|
@@ -7186,9 +7343,15 @@ input[type="number"] {
|
|
|
7186
7343
|
.h-0\.5 {
|
|
7187
7344
|
height: calc(var(--spacing) * 0.5);
|
|
7188
7345
|
}
|
|
7346
|
+
.h-2 {
|
|
7347
|
+
height: calc(var(--spacing) * 2);
|
|
7348
|
+
}
|
|
7189
7349
|
.h-3 {
|
|
7190
7350
|
height: calc(var(--spacing) * 3);
|
|
7191
7351
|
}
|
|
7352
|
+
.h-4 {
|
|
7353
|
+
height: calc(var(--spacing) * 4);
|
|
7354
|
+
}
|
|
7192
7355
|
.h-5 {
|
|
7193
7356
|
height: calc(var(--spacing) * 5);
|
|
7194
7357
|
}
|
|
@@ -7237,6 +7400,9 @@ input[type="number"] {
|
|
|
7237
7400
|
.h-\[17px\] {
|
|
7238
7401
|
height: 17px;
|
|
7239
7402
|
}
|
|
7403
|
+
.h-\[18px\] {
|
|
7404
|
+
height: 18px;
|
|
7405
|
+
}
|
|
7240
7406
|
.h-\[22px\] {
|
|
7241
7407
|
height: 22px;
|
|
7242
7408
|
}
|
|
@@ -7252,6 +7418,9 @@ input[type="number"] {
|
|
|
7252
7418
|
.h-\[52px\] {
|
|
7253
7419
|
height: 52px;
|
|
7254
7420
|
}
|
|
7421
|
+
.h-\[130px\] {
|
|
7422
|
+
height: 130px;
|
|
7423
|
+
}
|
|
7255
7424
|
.h-\[244px\] {
|
|
7256
7425
|
height: 244px;
|
|
7257
7426
|
}
|
|
@@ -7294,6 +7463,9 @@ input[type="number"] {
|
|
|
7294
7463
|
.max-h-\[370px\] {
|
|
7295
7464
|
max-height: 370px;
|
|
7296
7465
|
}
|
|
7466
|
+
.max-h-\[404px\] {
|
|
7467
|
+
max-height: 404px;
|
|
7468
|
+
}
|
|
7297
7469
|
.max-h-screen {
|
|
7298
7470
|
max-height: 100vh;
|
|
7299
7471
|
}
|
|
@@ -7318,6 +7490,9 @@ input[type="number"] {
|
|
|
7318
7490
|
.min-h-full {
|
|
7319
7491
|
min-height: 100%;
|
|
7320
7492
|
}
|
|
7493
|
+
.min-h-screen {
|
|
7494
|
+
min-height: 100vh;
|
|
7495
|
+
}
|
|
7321
7496
|
.w-\(--radix-popover-trigger-width\) {
|
|
7322
7497
|
width: var(--radix-popover-trigger-width);
|
|
7323
7498
|
}
|
|
@@ -7342,6 +7517,9 @@ input[type="number"] {
|
|
|
7342
7517
|
.w-6 {
|
|
7343
7518
|
width: calc(var(--spacing) * 6);
|
|
7344
7519
|
}
|
|
7520
|
+
.w-7 {
|
|
7521
|
+
width: calc(var(--spacing) * 7);
|
|
7522
|
+
}
|
|
7345
7523
|
.w-8 {
|
|
7346
7524
|
width: calc(var(--spacing) * 8);
|
|
7347
7525
|
}
|
|
@@ -7366,6 +7544,9 @@ input[type="number"] {
|
|
|
7366
7544
|
.w-\[6px\] {
|
|
7367
7545
|
width: 6px;
|
|
7368
7546
|
}
|
|
7547
|
+
.w-\[18px\] {
|
|
7548
|
+
width: 18px;
|
|
7549
|
+
}
|
|
7369
7550
|
.w-\[50px\] {
|
|
7370
7551
|
width: 50px;
|
|
7371
7552
|
}
|
|
@@ -7378,6 +7559,12 @@ input[type="number"] {
|
|
|
7378
7559
|
.w-\[320px\] {
|
|
7379
7560
|
width: 320px;
|
|
7380
7561
|
}
|
|
7562
|
+
.w-\[338px\] {
|
|
7563
|
+
width: 338px;
|
|
7564
|
+
}
|
|
7565
|
+
.w-\[358px\] {
|
|
7566
|
+
width: 358px;
|
|
7567
|
+
}
|
|
7381
7568
|
.w-\[400px\] {
|
|
7382
7569
|
width: 400px;
|
|
7383
7570
|
}
|
|
@@ -7462,6 +7649,9 @@ input[type="number"] {
|
|
|
7462
7649
|
.flex-none {
|
|
7463
7650
|
flex: none;
|
|
7464
7651
|
}
|
|
7652
|
+
.flex-shrink-0 {
|
|
7653
|
+
flex-shrink: 0;
|
|
7654
|
+
}
|
|
7465
7655
|
.shrink-0 {
|
|
7466
7656
|
flex-shrink: 0;
|
|
7467
7657
|
}
|
|
@@ -7486,6 +7676,9 @@ input[type="number"] {
|
|
|
7486
7676
|
.-rotate-90 {
|
|
7487
7677
|
rotate: calc(90deg * -1);
|
|
7488
7678
|
}
|
|
7679
|
+
.rotate-0 {
|
|
7680
|
+
rotate: 0deg;
|
|
7681
|
+
}
|
|
7489
7682
|
.rotate-90 {
|
|
7490
7683
|
rotate: 90deg;
|
|
7491
7684
|
}
|
|
@@ -7573,6 +7766,9 @@ input[type="number"] {
|
|
|
7573
7766
|
.justify-start {
|
|
7574
7767
|
justify-content: flex-start;
|
|
7575
7768
|
}
|
|
7769
|
+
.gap-0\.5 {
|
|
7770
|
+
gap: calc(var(--spacing) * 0.5);
|
|
7771
|
+
}
|
|
7576
7772
|
.gap-1 {
|
|
7577
7773
|
gap: calc(var(--spacing) * 1);
|
|
7578
7774
|
}
|
|
@@ -7653,12 +7849,18 @@ input[type="number"] {
|
|
|
7653
7849
|
.overflow-scroll {
|
|
7654
7850
|
overflow: scroll;
|
|
7655
7851
|
}
|
|
7852
|
+
.overflow-visible {
|
|
7853
|
+
overflow: visible;
|
|
7854
|
+
}
|
|
7656
7855
|
.overflow-x-auto {
|
|
7657
7856
|
overflow-x: auto;
|
|
7658
7857
|
}
|
|
7659
7858
|
.overflow-x-hidden {
|
|
7660
7859
|
overflow-x: hidden;
|
|
7661
7860
|
}
|
|
7861
|
+
.overflow-x-visible {
|
|
7862
|
+
overflow-x: visible;
|
|
7863
|
+
}
|
|
7662
7864
|
.overflow-y-auto {
|
|
7663
7865
|
overflow-y: auto;
|
|
7664
7866
|
}
|
|
@@ -7674,6 +7876,9 @@ input[type="number"] {
|
|
|
7674
7876
|
.rounded-\[2px\] {
|
|
7675
7877
|
border-radius: 2px;
|
|
7676
7878
|
}
|
|
7879
|
+
.rounded-\[24px\] {
|
|
7880
|
+
border-radius: 24px;
|
|
7881
|
+
}
|
|
7677
7882
|
.rounded-full {
|
|
7678
7883
|
border-radius: calc(infinity * 1px);
|
|
7679
7884
|
}
|
|
@@ -7767,6 +7972,9 @@ input[type="number"] {
|
|
|
7767
7972
|
--tw-border-style: solid;
|
|
7768
7973
|
border-style: solid;
|
|
7769
7974
|
}
|
|
7975
|
+
.border-black {
|
|
7976
|
+
border-color: var(--color-black);
|
|
7977
|
+
}
|
|
7770
7978
|
.border-blue-600 {
|
|
7771
7979
|
border-color: var(--color-blue-600);
|
|
7772
7980
|
}
|
|
@@ -7812,6 +8020,9 @@ input[type="number"] {
|
|
|
7812
8020
|
.border-white {
|
|
7813
8021
|
border-color: var(--color-white);
|
|
7814
8022
|
}
|
|
8023
|
+
.border-zinc-200 {
|
|
8024
|
+
border-color: var(--color-zinc-200);
|
|
8025
|
+
}
|
|
7815
8026
|
.border-b-gray-300 {
|
|
7816
8027
|
border-bottom-color: var(--color-gray-300);
|
|
7817
8028
|
}
|
|
@@ -7821,6 +8032,18 @@ input[type="number"] {
|
|
|
7821
8032
|
.bg-black {
|
|
7822
8033
|
background-color: var(--color-black);
|
|
7823
8034
|
}
|
|
8035
|
+
.bg-black\/50 {
|
|
8036
|
+
background-color: color-mix(in srgb, hsl(0 0% 0%) 50%, transparent);
|
|
8037
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8038
|
+
background-color: color-mix(in srgb, #000 50%, transparent);
|
|
8039
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8040
|
+
background-color: color-mix(in srgb, #000 50%, transparent);
|
|
8041
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8042
|
+
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
8043
|
+
}
|
|
8044
|
+
}
|
|
8045
|
+
}
|
|
8046
|
+
}
|
|
7824
8047
|
.bg-blue-100 {
|
|
7825
8048
|
background-color: var(--color-blue-100);
|
|
7826
8049
|
}
|
|
@@ -7929,6 +8152,9 @@ input[type="number"] {
|
|
|
7929
8152
|
.bg-white {
|
|
7930
8153
|
background-color: var(--color-white);
|
|
7931
8154
|
}
|
|
8155
|
+
.bg-zinc-50 {
|
|
8156
|
+
background-color: var(--color-zinc-50);
|
|
8157
|
+
}
|
|
7932
8158
|
.object-contain {
|
|
7933
8159
|
object-fit: contain;
|
|
7934
8160
|
}
|
|
@@ -7998,6 +8224,9 @@ input[type="number"] {
|
|
|
7998
8224
|
.py-4 {
|
|
7999
8225
|
padding-block: calc(var(--spacing) * 4);
|
|
8000
8226
|
}
|
|
8227
|
+
.py-6 {
|
|
8228
|
+
padding-block: calc(var(--spacing) * 6);
|
|
8229
|
+
}
|
|
8001
8230
|
.py-28 {
|
|
8002
8231
|
padding-block: calc(var(--spacing) * 28);
|
|
8003
8232
|
}
|
|
@@ -8161,6 +8390,9 @@ input[type="number"] {
|
|
|
8161
8390
|
.text-nowrap {
|
|
8162
8391
|
text-wrap: nowrap;
|
|
8163
8392
|
}
|
|
8393
|
+
.break-words {
|
|
8394
|
+
overflow-wrap: break-word;
|
|
8395
|
+
}
|
|
8164
8396
|
.whitespace-nowrap {
|
|
8165
8397
|
white-space: nowrap;
|
|
8166
8398
|
}
|
|
@@ -8275,6 +8507,12 @@ input[type="number"] {
|
|
|
8275
8507
|
.text-yellow-900 {
|
|
8276
8508
|
color: var(--color-yellow-900);
|
|
8277
8509
|
}
|
|
8510
|
+
.text-zinc-500 {
|
|
8511
|
+
color: var(--color-zinc-500);
|
|
8512
|
+
}
|
|
8513
|
+
.text-zinc-600 {
|
|
8514
|
+
color: var(--color-zinc-600);
|
|
8515
|
+
}
|
|
8278
8516
|
.capitalize {
|
|
8279
8517
|
text-transform: capitalize;
|
|
8280
8518
|
}
|
|
@@ -8303,10 +8541,18 @@ input[type="number"] {
|
|
|
8303
8541
|
--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));
|
|
8304
8542
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
8305
8543
|
}
|
|
8544
|
+
.shadow-\[0_2px_12px_rgba\(37\,42\,52\,0\.1\)\] {
|
|
8545
|
+
--tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(37,42,52,0.1));
|
|
8546
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
8547
|
+
}
|
|
8306
8548
|
.shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
|
|
8307
8549
|
--tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
|
|
8308
8550
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
8309
8551
|
}
|
|
8552
|
+
.shadow-\[1px_4px_15px_rgba\(74\,88\,115\,0\.25\)\] {
|
|
8553
|
+
--tw-shadow: 1px 4px 15px var(--tw-shadow-color, rgba(74,88,115,0.25));
|
|
8554
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
8555
|
+
}
|
|
8310
8556
|
.shadow-button {
|
|
8311
8557
|
--tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
|
|
8312
8558
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -8384,6 +8630,11 @@ input[type="number"] {
|
|
|
8384
8630
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
8385
8631
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
8386
8632
|
}
|
|
8633
|
+
.transition-transform {
|
|
8634
|
+
transition-property: transform, translate, scale, rotate;
|
|
8635
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
8636
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
8637
|
+
}
|
|
8387
8638
|
.duration-150 {
|
|
8388
8639
|
--tw-duration: 150ms;
|
|
8389
8640
|
transition-duration: 150ms;
|
|
@@ -8400,6 +8651,10 @@ input[type="number"] {
|
|
|
8400
8651
|
--tw-ease: var(--ease-in-out);
|
|
8401
8652
|
transition-timing-function: var(--ease-in-out);
|
|
8402
8653
|
}
|
|
8654
|
+
.ease-out {
|
|
8655
|
+
--tw-ease: var(--ease-out);
|
|
8656
|
+
transition-timing-function: var(--ease-out);
|
|
8657
|
+
}
|
|
8403
8658
|
.outline-none {
|
|
8404
8659
|
--tw-outline-style: none;
|
|
8405
8660
|
outline-style: none;
|
|
@@ -8879,6 +9134,13 @@ input[type="number"] {
|
|
|
8879
9134
|
}
|
|
8880
9135
|
}
|
|
8881
9136
|
}
|
|
9137
|
+
.hover\:bg-blue-600 {
|
|
9138
|
+
&:hover {
|
|
9139
|
+
@media (hover: hover) {
|
|
9140
|
+
background-color: var(--color-blue-600);
|
|
9141
|
+
}
|
|
9142
|
+
}
|
|
9143
|
+
}
|
|
8882
9144
|
.hover\:bg-gray-50 {
|
|
8883
9145
|
&:hover {
|
|
8884
9146
|
@media (hover: hover) {
|
|
@@ -8914,6 +9176,13 @@ input[type="number"] {
|
|
|
8914
9176
|
}
|
|
8915
9177
|
}
|
|
8916
9178
|
}
|
|
9179
|
+
.hover\:bg-slate-100 {
|
|
9180
|
+
&:hover {
|
|
9181
|
+
@media (hover: hover) {
|
|
9182
|
+
background-color: var(--color-slate-100);
|
|
9183
|
+
}
|
|
9184
|
+
}
|
|
9185
|
+
}
|
|
8917
9186
|
.hover\:bg-slate-800 {
|
|
8918
9187
|
&:hover {
|
|
8919
9188
|
@media (hover: hover) {
|