@powerhousedao/contributor-billing 1.1.0 → 1.1.2

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.
Files changed (2) hide show
  1. package/dist/style.css +2612 -336
  2. package/package.json +18 -18
package/dist/style.css CHANGED
@@ -52,16 +52,24 @@
52
52
  --color-emerald-100: oklch(95% 0.052 163.051);
53
53
  --color-emerald-200: oklch(90.5% 0.093 164.15);
54
54
  --color-emerald-300: oklch(84.5% 0.143 164.978);
55
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
55
56
  --color-emerald-500: oklch(69.6% 0.17 162.48);
56
57
  --color-emerald-600: oklch(59.6% 0.145 163.225);
57
58
  --color-emerald-700: oklch(50.8% 0.118 165.612);
58
59
  --color-emerald-800: oklch(43.2% 0.095 166.913);
59
60
  --color-emerald-900: oklch(37.8% 0.077 168.94);
60
61
  --color-teal-50: oklch(98.4% 0.014 180.72);
62
+ --color-teal-100: oklch(95.3% 0.051 180.801);
63
+ --color-teal-500: oklch(70.4% 0.14 182.503);
61
64
  --color-cyan-500: oklch(71.5% 0.143 215.221);
62
65
  --color-sky-50: oklch(97.7% 0.013 236.62);
66
+ --color-sky-100: oklch(95.1% 0.026 236.824);
67
+ --color-sky-200: oklch(90.1% 0.058 230.902);
68
+ --color-sky-300: oklch(82.8% 0.111 230.318);
63
69
  --color-sky-500: oklch(68.5% 0.169 237.323);
70
+ --color-sky-600: oklch(58.8% 0.158 241.966);
64
71
  --color-sky-700: oklch(50% 0.134 242.749);
72
+ --color-sky-800: oklch(44.3% 0.11 240.79);
65
73
  --color-blue-50: oklch(97% 0.014 254.604);
66
74
  --color-blue-100: hsl(209 100% 90%);
67
75
  --color-blue-200: hsl(209 97% 85%);
@@ -82,8 +90,14 @@
82
90
  --color-indigo-700: oklch(45.7% 0.24 277.023);
83
91
  --color-indigo-900: oklch(35.9% 0.144 278.697);
84
92
  --color-violet-50: oklch(96.9% 0.016 293.756);
93
+ --color-violet-100: oklch(94.3% 0.029 294.588);
94
+ --color-violet-200: oklch(89.4% 0.057 293.283);
95
+ --color-violet-300: oklch(81.1% 0.111 293.571);
96
+ --color-violet-400: oklch(70.2% 0.183 293.541);
85
97
  --color-violet-500: oklch(60.6% 0.25 292.717);
86
98
  --color-violet-600: oklch(54.1% 0.281 293.009);
99
+ --color-violet-700: oklch(49.1% 0.27 292.581);
100
+ --color-violet-900: oklch(38% 0.189 293.745);
87
101
  --color-purple-50: oklch(97.7% 0.014 308.299);
88
102
  --color-purple-100: hsl(262 79% 93%);
89
103
  --color-purple-200: hsl(263 79% 89%);
@@ -95,7 +109,12 @@
95
109
  --color-purple-800: hsl(263 78% 66%);
96
110
  --color-purple-900: hsl(263 78% 63%);
97
111
  --color-pink-500: oklch(65.6% 0.241 354.308);
112
+ --color-rose-50: oklch(96.9% 0.015 12.422);
113
+ --color-rose-100: oklch(94.1% 0.03 12.58);
114
+ --color-rose-300: oklch(81% 0.117 11.638);
98
115
  --color-rose-500: oklch(64.5% 0.246 16.439);
116
+ --color-rose-600: oklch(58.6% 0.253 17.585);
117
+ --color-rose-700: oklch(51.4% 0.222 16.935);
99
118
  --color-slate-50: hsl(210 20% 96%);
100
119
  --color-slate-100: hsl(210 9% 74%);
101
120
  --color-slate-200: hsl(210 9% 48%);
@@ -157,7 +176,9 @@
157
176
  --tracking-tight: -0.025em;
158
177
  --tracking-wide: 0.025em;
159
178
  --tracking-wider: 0.05em;
179
+ --tracking-widest: 0.1em;
160
180
  --leading-tight: 1.25;
181
+ --leading-normal: 1.5;
161
182
  --leading-relaxed: 1.625;
162
183
  --radius-sm: 0.25rem;
163
184
  --radius-md: 0.375rem;
@@ -6655,7 +6676,7 @@
6655
6676
  }
6656
6677
  }
6657
6678
  }
6658
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
6679
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
6659
6680
  @layer properties;
6660
6681
  @layer theme, base, components, utilities;
6661
6682
  @layer theme {
@@ -6664,36 +6685,72 @@
6664
6685
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
6665
6686
  "Courier New", monospace;
6666
6687
  --color-red-50: oklch(97.1% 0.013 17.38);
6667
- --color-red-100: hsl(3 82% 96%);
6668
6688
  --color-red-300: hsl(6 82% 87%);
6669
6689
  --color-red-500: hsl(5 80% 78%);
6670
6690
  --color-red-600: hsl(4 81% 74%);
6671
6691
  --color-red-800: hsl(5 81% 61%);
6672
- --color-green-100: hsl(134 51% 89%);
6692
+ --color-amber-50: oklch(98.7% 0.022 95.277);
6693
+ --color-amber-100: oklch(96.2% 0.059 95.617);
6694
+ --color-amber-200: oklch(92.4% 0.12 95.746);
6695
+ --color-amber-300: oklch(87.9% 0.169 91.605);
6696
+ --color-amber-500: oklch(76.9% 0.188 70.08);
6697
+ --color-amber-600: oklch(66.6% 0.179 58.318);
6698
+ --color-amber-700: oklch(55.5% 0.163 48.998);
6699
+ --color-amber-800: oklch(47.3% 0.137 46.201);
6700
+ --color-amber-900: oklch(41.4% 0.112 45.904);
6673
6701
  --color-green-500: hsl(136 53% 66%);
6674
- --color-green-800: hsl(136 53% 49%);
6675
- --color-blue-50: oklch(97% 0.014 254.604);
6676
- --color-blue-100: hsl(209 100% 90%);
6702
+ --color-emerald-50: oklch(97.9% 0.021 166.113);
6703
+ --color-emerald-100: oklch(95% 0.052 163.051);
6704
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
6705
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
6706
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
6707
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
6708
+ --color-emerald-800: oklch(43.2% 0.095 166.913);
6709
+ --color-teal-100: oklch(95.3% 0.051 180.801);
6710
+ --color-teal-500: oklch(70.4% 0.14 182.503);
6711
+ --color-sky-50: oklch(97.7% 0.013 236.62);
6712
+ --color-sky-100: oklch(95.1% 0.026 236.824);
6713
+ --color-sky-200: oklch(90.1% 0.058 230.902);
6714
+ --color-sky-300: oklch(82.8% 0.111 230.318);
6715
+ --color-sky-500: oklch(68.5% 0.169 237.323);
6716
+ --color-sky-600: oklch(58.8% 0.158 241.966);
6717
+ --color-sky-700: oklch(50% 0.134 242.749);
6718
+ --color-sky-800: oklch(44.3% 0.11 240.79);
6677
6719
  --color-blue-500: hsl(209 100% 70%);
6678
- --color-blue-600: hsl(209 100% 65%);
6679
- --color-blue-700: hsl(209 100% 60%);
6680
- --color-blue-800: hsl(209 100% 55%);
6681
- --color-blue-900: hsl(209 100% 50%);
6682
6720
  --color-indigo-600: oklch(51.1% 0.262 276.966);
6683
6721
  --color-indigo-700: oklch(45.7% 0.24 277.023);
6722
+ --color-violet-50: oklch(96.9% 0.016 293.756);
6723
+ --color-violet-100: oklch(94.3% 0.029 294.588);
6724
+ --color-violet-200: oklch(89.4% 0.057 293.283);
6725
+ --color-violet-300: oklch(81.1% 0.111 293.571);
6726
+ --color-violet-400: oklch(70.2% 0.183 293.541);
6727
+ --color-violet-500: oklch(60.6% 0.25 292.717);
6728
+ --color-violet-600: oklch(54.1% 0.281 293.009);
6729
+ --color-violet-700: oklch(49.1% 0.27 292.581);
6730
+ --color-violet-900: oklch(38% 0.189 293.745);
6731
+ --color-rose-50: oklch(96.9% 0.015 12.422);
6732
+ --color-rose-100: oklch(94.1% 0.03 12.58);
6733
+ --color-rose-300: oklch(81% 0.117 11.638);
6734
+ --color-rose-500: oklch(64.5% 0.246 16.439);
6735
+ --color-rose-600: oklch(58.6% 0.253 17.585);
6736
+ --color-rose-700: oklch(51.4% 0.222 16.935);
6737
+ --color-slate-50: hsl(210 20% 96%);
6738
+ --color-slate-100: hsl(210 9% 74%);
6739
+ --color-slate-200: hsl(210 9% 48%);
6740
+ --color-slate-300: hsl(210 9% 39%);
6741
+ --color-slate-400: hsl(210 9% 30%);
6742
+ --color-slate-500: hsl(207 8% 21%);
6684
6743
  --color-slate-600: hsl(210 9% 13%);
6685
- --color-gray-50: hsl(0 0% 99%);
6686
- --color-gray-100: hsl(0 0% 96%);
6744
+ --color-slate-700: hsl(204 9% 11%);
6745
+ --color-slate-800: hsl(195 9% 9%);
6746
+ --color-slate-900: hsl(195 6% 6%);
6687
6747
  --color-gray-200: hsl(0 0% 94%);
6688
6748
  --color-gray-300: hsl(210 3% 85%);
6689
6749
  --color-gray-500: hsl(200 2% 63%);
6690
6750
  --color-gray-600: hsl(200 4% 44%);
6691
- --color-gray-700: hsl(189 5% 29%);
6692
- --color-gray-800: hsl(200 4% 26%);
6693
6751
  --color-gray-900: hsl(192 5% 21%);
6694
6752
  --color-white: hsl(0 0% 100%);
6695
6753
  --spacing: 0.25rem;
6696
- --container-5xl: 64rem;
6697
6754
  --container-6xl: 72rem;
6698
6755
  --container-7xl: 80rem;
6699
6756
  --text-xs: 0.75rem;
@@ -6708,13 +6765,21 @@
6708
6765
  --text-xl--line-height: calc(1.75 / 1.25);
6709
6766
  --text-2xl: 1.5rem;
6710
6767
  --text-2xl--line-height: calc(2 / 1.5);
6768
+ --font-weight-normal: 400;
6711
6769
  --font-weight-medium: 500;
6712
6770
  --font-weight-semibold: 600;
6713
6771
  --font-weight-bold: 700;
6772
+ --tracking-tight: -0.025em;
6773
+ --tracking-wide: 0.025em;
6774
+ --tracking-widest: 0.1em;
6775
+ --leading-tight: 1.25;
6776
+ --leading-normal: 1.5;
6714
6777
  --leading-relaxed: 1.625;
6778
+ --radius-sm: 0.25rem;
6715
6779
  --radius-md: 0.375rem;
6716
6780
  --radius-lg: 0.5rem;
6717
6781
  --radius-xl: 0.75rem;
6782
+ --radius-2xl: 1rem;
6718
6783
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
6719
6784
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
6720
6785
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
@@ -6725,6 +6790,7 @@
6725
6790
  --animate-spin: spin 1s linear infinite;
6726
6791
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
6727
6792
  --animate-bounce: bounce 1s infinite;
6793
+ --blur-sm: 8px;
6728
6794
  --default-transition-duration: 150ms;
6729
6795
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6730
6796
  --default-font-family: var(--font-sans);
@@ -6883,6 +6949,9 @@
6883
6949
  .\@container {
6884
6950
  container-type: inline-size;
6885
6951
  }
6952
+ .pointer-events-none {
6953
+ pointer-events: none;
6954
+ }
6886
6955
  .collapse {
6887
6956
  visibility: collapse;
6888
6957
  }
@@ -6918,24 +6987,78 @@
6918
6987
  .sticky {
6919
6988
  position: sticky;
6920
6989
  }
6990
+ .inset-0 {
6991
+ inset: calc(var(--spacing) * 0);
6992
+ }
6993
+ .start {
6994
+ inset-inline-start: var(--spacing);
6995
+ }
6996
+ .end {
6997
+ inset-inline-end: var(--spacing);
6998
+ }
6999
+ .-top-px {
7000
+ top: -1px;
7001
+ }
6921
7002
  .top-0 {
6922
7003
  top: calc(var(--spacing) * 0);
6923
7004
  }
7005
+ .top-0\.5 {
7006
+ top: calc(var(--spacing) * 0.5);
7007
+ }
7008
+ .top-1\/2 {
7009
+ top: calc(1 / 2 * 100%);
7010
+ }
7011
+ .top-2\.5 {
7012
+ top: calc(var(--spacing) * 2.5);
7013
+ }
6924
7014
  .top-4 {
6925
7015
  top: calc(var(--spacing) * 4);
6926
7016
  }
7017
+ .top-\[-1px\] {
7018
+ top: -1px;
7019
+ }
6927
7020
  .right-0 {
6928
7021
  right: calc(var(--spacing) * 0);
6929
7022
  }
7023
+ .right-2\.5 {
7024
+ right: calc(var(--spacing) * 2.5);
7025
+ }
6930
7026
  .right-4 {
6931
7027
  right: calc(var(--spacing) * 4);
6932
7028
  }
7029
+ .right-8 {
7030
+ right: calc(var(--spacing) * 8);
7031
+ }
7032
+ .right-10 {
7033
+ right: calc(var(--spacing) * 10);
7034
+ }
7035
+ .bottom-0 {
7036
+ bottom: calc(var(--spacing) * 0);
7037
+ }
7038
+ .bottom-0\.5 {
7039
+ bottom: calc(var(--spacing) * 0.5);
7040
+ }
7041
+ .bottom-6 {
7042
+ bottom: calc(var(--spacing) * 6);
7043
+ }
6933
7044
  .left-0 {
6934
7045
  left: calc(var(--spacing) * 0);
6935
7046
  }
7047
+ .left-0\.5 {
7048
+ left: calc(var(--spacing) * 0.5);
7049
+ }
7050
+ .left-1\/2 {
7051
+ left: calc(1 / 2 * 100%);
7052
+ }
7053
+ .left-2\.5 {
7054
+ left: calc(var(--spacing) * 2.5);
7055
+ }
6936
7056
  .left-4 {
6937
7057
  left: calc(var(--spacing) * 4);
6938
7058
  }
7059
+ .left-\[calc\(100\%-1\.125rem\)\] {
7060
+ left: calc(100% - 1.125rem);
7061
+ }
6939
7062
  .z-10 {
6940
7063
  z-index: 10;
6941
7064
  }
@@ -6948,8 +7071,32 @@
6948
7071
  .z-40 {
6949
7072
  z-index: 40;
6950
7073
  }
6951
- .col-span-2 {
6952
- grid-column: span 2 / span 2;
7074
+ .z-50 {
7075
+ z-index: 50;
7076
+ }
7077
+ .z-\[1\] {
7078
+ z-index: 1;
7079
+ }
7080
+ .z-\[2\] {
7081
+ z-index: 2;
7082
+ }
7083
+ .z-\[4\] {
7084
+ z-index: 4;
7085
+ }
7086
+ .z-\[5\] {
7087
+ z-index: 5;
7088
+ }
7089
+ .z-\[15\] {
7090
+ z-index: 15;
7091
+ }
7092
+ .z-\[100\] {
7093
+ z-index: 100;
7094
+ }
7095
+ .z-\[1000\] {
7096
+ z-index: 1000;
7097
+ }
7098
+ .z-\[2000\] {
7099
+ z-index: 2000;
6953
7100
  }
6954
7101
  .container {
6955
7102
  width: 100%;
@@ -6969,27 +7116,60 @@
6969
7116
  max-width: 96rem;
6970
7117
  }
6971
7118
  }
7119
+ .-m-1 {
7120
+ margin: calc(var(--spacing) * -1);
7121
+ }
7122
+ .m-0 {
7123
+ margin: calc(var(--spacing) * 0);
7124
+ }
6972
7125
  .m-6 {
6973
7126
  margin: calc(var(--spacing) * 6);
6974
7127
  }
6975
7128
  .mx-auto {
6976
7129
  margin-inline: auto;
6977
7130
  }
7131
+ .mt-0\.5 {
7132
+ margin-top: calc(var(--spacing) * 0.5);
7133
+ }
6978
7134
  .mt-1 {
6979
7135
  margin-top: calc(var(--spacing) * 1);
6980
7136
  }
7137
+ .mt-1\.5 {
7138
+ margin-top: calc(var(--spacing) * 1.5);
7139
+ }
6981
7140
  .mt-2 {
6982
7141
  margin-top: calc(var(--spacing) * 2);
6983
7142
  }
7143
+ .mt-3 {
7144
+ margin-top: calc(var(--spacing) * 3);
7145
+ }
6984
7146
  .mt-4 {
6985
7147
  margin-top: calc(var(--spacing) * 4);
6986
7148
  }
7149
+ .mt-5 {
7150
+ margin-top: calc(var(--spacing) * 5);
7151
+ }
6987
7152
  .mt-6 {
6988
7153
  margin-top: calc(var(--spacing) * 6);
6989
7154
  }
7155
+ .mt-auto {
7156
+ margin-top: auto;
7157
+ }
7158
+ .mt-px {
7159
+ margin-top: 1px;
7160
+ }
7161
+ .mr-2 {
7162
+ margin-right: calc(var(--spacing) * 2);
7163
+ }
7164
+ .mb-0 {
7165
+ margin-bottom: calc(var(--spacing) * 0);
7166
+ }
6990
7167
  .mb-1 {
6991
7168
  margin-bottom: calc(var(--spacing) * 1);
6992
7169
  }
7170
+ .mb-1\.5 {
7171
+ margin-bottom: calc(var(--spacing) * 1.5);
7172
+ }
6993
7173
  .mb-2 {
6994
7174
  margin-bottom: calc(var(--spacing) * 2);
6995
7175
  }
@@ -6999,11 +7179,20 @@
6999
7179
  .mb-4 {
7000
7180
  margin-bottom: calc(var(--spacing) * 4);
7001
7181
  }
7002
- .ml-2 {
7003
- margin-left: calc(var(--spacing) * 2);
7182
+ .mb-5 {
7183
+ margin-bottom: calc(var(--spacing) * 5);
7004
7184
  }
7005
- .ml-4 {
7006
- margin-left: calc(var(--spacing) * 4);
7185
+ .mb-6 {
7186
+ margin-bottom: calc(var(--spacing) * 6);
7187
+ }
7188
+ .ml-1 {
7189
+ margin-left: calc(var(--spacing) * 1);
7190
+ }
7191
+ .ml-1\.5 {
7192
+ margin-left: calc(var(--spacing) * 1.5);
7193
+ }
7194
+ .ml-auto {
7195
+ margin-left: auto;
7007
7196
  }
7008
7197
  .block {
7009
7198
  display: block;
@@ -7023,6 +7212,9 @@
7023
7212
  .inline {
7024
7213
  display: inline;
7025
7214
  }
7215
+ .inline-block {
7216
+ display: inline-block;
7217
+ }
7026
7218
  .inline-flex {
7027
7219
  display: inline-flex;
7028
7220
  }
@@ -7037,80 +7229,284 @@
7037
7229
  width: calc(var(--spacing) * 8);
7038
7230
  height: calc(var(--spacing) * 8);
7039
7231
  }
7232
+ .h-1 {
7233
+ height: calc(var(--spacing) * 1);
7234
+ }
7235
+ .h-1\.5 {
7236
+ height: calc(var(--spacing) * 1.5);
7237
+ }
7238
+ .h-2 {
7239
+ height: calc(var(--spacing) * 2);
7240
+ }
7241
+ .h-3 {
7242
+ height: calc(var(--spacing) * 3);
7243
+ }
7244
+ .h-3\.5 {
7245
+ height: calc(var(--spacing) * 3.5);
7246
+ }
7040
7247
  .h-4 {
7041
7248
  height: calc(var(--spacing) * 4);
7042
7249
  }
7250
+ .h-5 {
7251
+ height: calc(var(--spacing) * 5);
7252
+ }
7043
7253
  .h-6 {
7044
7254
  height: calc(var(--spacing) * 6);
7045
7255
  }
7256
+ .h-7 {
7257
+ height: calc(var(--spacing) * 7);
7258
+ }
7259
+ .h-8 {
7260
+ height: calc(var(--spacing) * 8);
7261
+ }
7262
+ .h-9 {
7263
+ height: calc(var(--spacing) * 9);
7264
+ }
7265
+ .h-10 {
7266
+ height: calc(var(--spacing) * 10);
7267
+ }
7268
+ .h-11 {
7269
+ height: calc(var(--spacing) * 11);
7270
+ }
7046
7271
  .h-12 {
7047
7272
  height: calc(var(--spacing) * 12);
7048
7273
  }
7049
7274
  .h-14 {
7050
7275
  height: calc(var(--spacing) * 14);
7051
7276
  }
7277
+ .h-16 {
7278
+ height: calc(var(--spacing) * 16);
7279
+ }
7052
7280
  .h-20 {
7053
7281
  height: calc(var(--spacing) * 20);
7054
7282
  }
7055
7283
  .h-48 {
7056
7284
  height: calc(var(--spacing) * 48);
7057
7285
  }
7286
+ .h-\[0\.6875rem\] {
7287
+ height: 0.6875rem;
7288
+ }
7289
+ .h-\[1\.125rem\] {
7290
+ height: 1.125rem;
7291
+ }
7292
+ .h-\[5px\] {
7293
+ height: 5px;
7294
+ }
7295
+ .h-\[14px\] {
7296
+ height: 14px;
7297
+ }
7298
+ .h-\[18px\] {
7299
+ height: 18px;
7300
+ }
7301
+ .h-\[34px\] {
7302
+ height: 34px;
7303
+ }
7304
+ .h-\[100px\] {
7305
+ height: 100px;
7306
+ }
7307
+ .h-\[135px\] {
7308
+ height: 135px;
7309
+ }
7058
7310
  .h-full {
7059
7311
  height: 100%;
7060
7312
  }
7061
7313
  .h-screen {
7062
7314
  height: 100vh;
7063
7315
  }
7316
+ .max-h-\[85vh\] {
7317
+ max-height: 85vh;
7318
+ }
7319
+ .max-h-\[90vh\] {
7320
+ max-height: 90vh;
7321
+ }
7322
+ .max-h-\[calc\(100vh-220px\)\] {
7323
+ max-height: calc(100vh - 220px);
7324
+ }
7325
+ .min-h-0 {
7326
+ min-height: calc(var(--spacing) * 0);
7327
+ }
7328
+ .min-h-\[80px\] {
7329
+ min-height: 80px;
7330
+ }
7331
+ .min-h-\[280px\] {
7332
+ min-height: 280px;
7333
+ }
7334
+ .min-h-\[500px\] {
7335
+ min-height: 500px;
7336
+ }
7337
+ .min-h-\[600px\] {
7338
+ min-height: 600px;
7339
+ }
7064
7340
  .min-h-full {
7065
7341
  min-height: 100%;
7066
7342
  }
7343
+ .min-h-screen {
7344
+ min-height: 100vh;
7345
+ }
7346
+ .w-1\.5 {
7347
+ width: calc(var(--spacing) * 1.5);
7348
+ }
7349
+ .w-2 {
7350
+ width: calc(var(--spacing) * 2);
7351
+ }
7352
+ .w-3 {
7353
+ width: calc(var(--spacing) * 3);
7354
+ }
7355
+ .w-3\.5 {
7356
+ width: calc(var(--spacing) * 3.5);
7357
+ }
7358
+ .w-4 {
7359
+ width: calc(var(--spacing) * 4);
7360
+ }
7361
+ .w-5 {
7362
+ width: calc(var(--spacing) * 5);
7363
+ }
7067
7364
  .w-6 {
7068
7365
  width: calc(var(--spacing) * 6);
7069
7366
  }
7367
+ .w-7 {
7368
+ width: calc(var(--spacing) * 7);
7369
+ }
7070
7370
  .w-8 {
7071
7371
  width: calc(var(--spacing) * 8);
7072
7372
  }
7373
+ .w-9 {
7374
+ width: calc(var(--spacing) * 9);
7375
+ }
7376
+ .w-10 {
7377
+ width: calc(var(--spacing) * 10);
7378
+ }
7379
+ .w-11 {
7380
+ width: calc(var(--spacing) * 11);
7381
+ }
7073
7382
  .w-12 {
7074
7383
  width: calc(var(--spacing) * 12);
7075
7384
  }
7385
+ .w-14 {
7386
+ width: calc(var(--spacing) * 14);
7387
+ }
7388
+ .w-16 {
7389
+ width: calc(var(--spacing) * 16);
7390
+ }
7391
+ .w-20 {
7392
+ width: calc(var(--spacing) * 20);
7393
+ }
7076
7394
  .w-32 {
7077
7395
  width: calc(var(--spacing) * 32);
7078
7396
  }
7079
7397
  .w-64 {
7080
7398
  width: calc(var(--spacing) * 64);
7081
7399
  }
7400
+ .w-80 {
7401
+ width: calc(var(--spacing) * 80);
7402
+ }
7403
+ .w-96 {
7404
+ width: calc(var(--spacing) * 96);
7405
+ }
7406
+ .w-\[0\.6875rem\] {
7407
+ width: 0.6875rem;
7408
+ }
7409
+ .w-\[1\.125rem\] {
7410
+ width: 1.125rem;
7411
+ }
7412
+ .w-\[4\.5rem\] {
7413
+ width: 4.5rem;
7414
+ }
7415
+ .w-\[18px\] {
7416
+ width: 18px;
7417
+ }
7418
+ .w-\[90\%\] {
7419
+ width: 90%;
7420
+ }
7421
+ .w-\[180px\] {
7422
+ width: 180px;
7423
+ }
7082
7424
  .w-\[200px\] {
7083
7425
  width: 200px;
7084
7426
  }
7427
+ .w-\[220px\] {
7428
+ width: 220px;
7429
+ }
7085
7430
  .w-full {
7086
7431
  width: 100%;
7087
7432
  }
7088
- .max-w-5xl {
7089
- max-width: var(--container-5xl);
7090
- }
7091
7433
  .max-w-6xl {
7092
7434
  max-width: var(--container-6xl);
7093
7435
  }
7094
7436
  .max-w-7xl {
7095
7437
  max-width: var(--container-7xl);
7096
7438
  }
7097
- .flex-1 {
7098
- flex: 1;
7439
+ .max-w-\[28rem\] {
7440
+ max-width: 28rem;
7099
7441
  }
7100
- .flex-shrink {
7101
- flex-shrink: 1;
7442
+ .max-w-\[380px\] {
7443
+ max-width: 380px;
7102
7444
  }
7103
- .shrink {
7104
- flex-shrink: 1;
7445
+ .max-w-\[400px\] {
7446
+ max-width: 400px;
7105
7447
  }
7106
- .shrink-0 {
7107
- flex-shrink: 0;
7448
+ .max-w-\[420px\] {
7449
+ max-width: 420px;
7108
7450
  }
7109
- .grow {
7110
- flex-grow: 1;
7451
+ .max-w-\[600px\] {
7452
+ max-width: 600px;
7111
7453
  }
7112
- .border-collapse {
7113
- border-collapse: collapse;
7454
+ .max-w-\[1400px\] {
7455
+ max-width: 1400px;
7456
+ }
7457
+ .min-w-0 {
7458
+ min-width: calc(var(--spacing) * 0);
7459
+ }
7460
+ .min-w-\[10rem\] {
7461
+ min-width: 10rem;
7462
+ }
7463
+ .min-w-\[18px\] {
7464
+ min-width: 18px;
7465
+ }
7466
+ .min-w-\[80px\] {
7467
+ min-width: 80px;
7468
+ }
7469
+ .min-w-\[140px\] {
7470
+ min-width: 140px;
7471
+ }
7472
+ .min-w-\[260px\] {
7473
+ min-width: 260px;
7474
+ }
7475
+ .flex-1 {
7476
+ flex: 1;
7477
+ }
7478
+ .flex-\[1_1_45\%\] {
7479
+ flex: 1 1 45%;
7480
+ }
7481
+ .flex-shrink {
7482
+ flex-shrink: 1;
7483
+ }
7484
+ .shrink {
7485
+ flex-shrink: 1;
7486
+ }
7487
+ .shrink-0 {
7488
+ flex-shrink: 0;
7489
+ }
7490
+ .grow {
7491
+ flex-grow: 1;
7492
+ }
7493
+ .border-collapse {
7494
+ border-collapse: collapse;
7495
+ }
7496
+ .-translate-x-1\/2 {
7497
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
7498
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7499
+ }
7500
+ .-translate-y-1\/2 {
7501
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
7502
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7503
+ }
7504
+ .translate-y-1 {
7505
+ --tw-translate-y: calc(var(--spacing) * 1);
7506
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7507
+ }
7508
+ .scale-\[1\.02\] {
7509
+ scale: 1.02;
7114
7510
  }
7115
7511
  .transform {
7116
7512
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
@@ -7124,6 +7520,12 @@
7124
7520
  .animate-spin {
7125
7521
  animation: var(--animate-spin);
7126
7522
  }
7523
+ .cursor-default {
7524
+ cursor: default;
7525
+ }
7526
+ .cursor-help {
7527
+ cursor: help;
7528
+ }
7127
7529
  .cursor-not-allowed {
7128
7530
  cursor: not-allowed;
7129
7531
  }
@@ -7133,62 +7535,95 @@
7133
7535
  .resize {
7134
7536
  resize: both;
7135
7537
  }
7538
+ .resize-none {
7539
+ resize: none;
7540
+ }
7541
+ .resize-y {
7542
+ resize: vertical;
7543
+ }
7544
+ .appearance-none {
7545
+ appearance: none;
7546
+ }
7136
7547
  .grid-cols-2 {
7137
7548
  grid-template-columns: repeat(2, minmax(0, 1fr));
7138
7549
  }
7550
+ .grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] {
7551
+ grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
7552
+ }
7553
+ .grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
7554
+ grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
7555
+ }
7139
7556
  .flex-col {
7140
7557
  flex-direction: column;
7141
7558
  }
7559
+ .flex-nowrap {
7560
+ flex-wrap: nowrap;
7561
+ }
7142
7562
  .flex-wrap {
7143
7563
  flex-wrap: wrap;
7144
7564
  }
7565
+ .items-baseline {
7566
+ align-items: baseline;
7567
+ }
7145
7568
  .items-center {
7146
7569
  align-items: center;
7147
7570
  }
7571
+ .items-end {
7572
+ align-items: flex-end;
7573
+ }
7148
7574
  .items-start {
7149
7575
  align-items: flex-start;
7150
7576
  }
7577
+ .items-stretch {
7578
+ align-items: stretch;
7579
+ }
7151
7580
  .justify-between {
7152
7581
  justify-content: space-between;
7153
7582
  }
7154
7583
  .justify-center {
7155
7584
  justify-content: center;
7156
7585
  }
7586
+ .justify-end {
7587
+ justify-content: flex-end;
7588
+ }
7589
+ .justify-start {
7590
+ justify-content: flex-start;
7591
+ }
7592
+ .gap-0 {
7593
+ gap: calc(var(--spacing) * 0);
7594
+ }
7595
+ .gap-0\.5 {
7596
+ gap: calc(var(--spacing) * 0.5);
7597
+ }
7157
7598
  .gap-1 {
7158
7599
  gap: calc(var(--spacing) * 1);
7159
7600
  }
7601
+ .gap-1\.5 {
7602
+ gap: calc(var(--spacing) * 1.5);
7603
+ }
7160
7604
  .gap-2 {
7161
7605
  gap: calc(var(--spacing) * 2);
7162
7606
  }
7607
+ .gap-2\.5 {
7608
+ gap: calc(var(--spacing) * 2.5);
7609
+ }
7163
7610
  .gap-3 {
7164
7611
  gap: calc(var(--spacing) * 3);
7165
7612
  }
7613
+ .gap-3\.5 {
7614
+ gap: calc(var(--spacing) * 3.5);
7615
+ }
7166
7616
  .gap-4 {
7167
7617
  gap: calc(var(--spacing) * 4);
7168
7618
  }
7619
+ .gap-5 {
7620
+ gap: calc(var(--spacing) * 5);
7621
+ }
7169
7622
  .gap-6 {
7170
7623
  gap: calc(var(--spacing) * 6);
7171
7624
  }
7172
- .space-y-2 {
7173
- :where(& > :not(:last-child)) {
7174
- --tw-space-y-reverse: 0;
7175
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
7176
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
7177
- }
7178
- }
7179
- .space-y-3 {
7180
- :where(& > :not(:last-child)) {
7181
- --tw-space-y-reverse: 0;
7182
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
7183
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
7184
- }
7185
- }
7186
- .space-y-4 {
7187
- :where(& > :not(:last-child)) {
7188
- --tw-space-y-reverse: 0;
7189
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
7190
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
7191
- }
7625
+ .gap-px {
7626
+ gap: 1px;
7192
7627
  }
7193
7628
  .truncate {
7194
7629
  overflow: hidden;
@@ -7198,15 +7633,27 @@
7198
7633
  .overflow-hidden {
7199
7634
  overflow: hidden;
7200
7635
  }
7636
+ .overflow-x-auto {
7637
+ overflow-x: auto;
7638
+ }
7201
7639
  .overflow-y-auto {
7202
7640
  overflow-y: auto;
7203
7641
  }
7642
+ .overflow-y-visible {
7643
+ overflow-y: visible;
7644
+ }
7204
7645
  .\!rounded-full {
7205
7646
  border-radius: calc(infinity * 1px) !important;
7206
7647
  }
7207
7648
  .rounded {
7208
7649
  border-radius: 0.25rem;
7209
7650
  }
7651
+ .rounded-2xl {
7652
+ border-radius: var(--radius-2xl);
7653
+ }
7654
+ .rounded-\[10px\] {
7655
+ border-radius: 10px;
7656
+ }
7210
7657
  .rounded-full {
7211
7658
  border-radius: calc(infinity * 1px);
7212
7659
  }
@@ -7216,21 +7663,43 @@
7216
7663
  .rounded-md {
7217
7664
  border-radius: var(--radius-md);
7218
7665
  }
7666
+ .rounded-none {
7667
+ border-radius: 0;
7668
+ }
7669
+ .rounded-sm {
7670
+ border-radius: var(--radius-sm);
7671
+ }
7219
7672
  .rounded-xl {
7220
7673
  border-radius: var(--radius-xl);
7221
7674
  }
7675
+ .rounded-b-lg {
7676
+ border-bottom-right-radius: var(--radius-lg);
7677
+ border-bottom-left-radius: var(--radius-lg);
7678
+ }
7222
7679
  .border {
7223
7680
  border-style: var(--tw-border-style);
7224
7681
  border-width: 1px;
7225
7682
  }
7226
- .border-0 {
7683
+ .border-2 {
7227
7684
  border-style: var(--tw-border-style);
7228
- border-width: 0px;
7685
+ border-width: 2px;
7686
+ }
7687
+ .border-\[1\.5px\] {
7688
+ border-style: var(--tw-border-style);
7689
+ border-width: 1.5px;
7690
+ }
7691
+ .border-\[3px\] {
7692
+ border-style: var(--tw-border-style);
7693
+ border-width: 3px;
7229
7694
  }
7230
7695
  .border-t {
7231
7696
  border-top-style: var(--tw-border-style);
7232
7697
  border-top-width: 1px;
7233
7698
  }
7699
+ .border-t-\[3px\] {
7700
+ border-top-style: var(--tw-border-style);
7701
+ border-top-width: 3px;
7702
+ }
7234
7703
  .border-r {
7235
7704
  border-right-style: var(--tw-border-style);
7236
7705
  border-right-width: 1px;
@@ -7239,6 +7708,56 @@
7239
7708
  border-bottom-style: var(--tw-border-style);
7240
7709
  border-bottom-width: 1px;
7241
7710
  }
7711
+ .border-b-2 {
7712
+ border-bottom-style: var(--tw-border-style);
7713
+ border-bottom-width: 2px;
7714
+ }
7715
+ .border-b-\[1\.5px\] {
7716
+ border-bottom-style: var(--tw-border-style);
7717
+ border-bottom-width: 1.5px;
7718
+ }
7719
+ .border-l {
7720
+ border-left-style: var(--tw-border-style);
7721
+ border-left-width: 1px;
7722
+ }
7723
+ .border-l-4 {
7724
+ border-left-style: var(--tw-border-style);
7725
+ border-left-width: 4px;
7726
+ }
7727
+ .border-l-\[3px\] {
7728
+ border-left-style: var(--tw-border-style);
7729
+ border-left-width: 3px;
7730
+ }
7731
+ .border-dashed {
7732
+ --tw-border-style: dashed;
7733
+ border-style: dashed;
7734
+ }
7735
+ .border-none {
7736
+ --tw-border-style: none;
7737
+ border-style: none;
7738
+ }
7739
+ .border-solid {
7740
+ --tw-border-style: solid;
7741
+ border-style: solid;
7742
+ }
7743
+ .border-\[\#e4e8f0\] {
7744
+ border-color: #e4e8f0;
7745
+ }
7746
+ .border-\[\#f0f2f7\] {
7747
+ border-color: #f0f2f7;
7748
+ }
7749
+ .border-amber-200 {
7750
+ border-color: var(--color-amber-200);
7751
+ }
7752
+ .border-amber-500 {
7753
+ border-color: var(--color-amber-500);
7754
+ }
7755
+ .border-emerald-100 {
7756
+ border-color: var(--color-emerald-100);
7757
+ }
7758
+ .border-emerald-500 {
7759
+ border-color: var(--color-emerald-500);
7760
+ }
7242
7761
  .border-gray-200 {
7243
7762
  border-color: var(--color-gray-200);
7244
7763
  }
@@ -7248,417 +7767,1796 @@
7248
7767
  .border-red-300 {
7249
7768
  border-color: var(--color-red-300);
7250
7769
  }
7251
- .border-white\/10 {
7252
- border-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
7253
- @supports (color: color-mix(in lab, red, red)) {
7254
- border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
7255
- }
7256
- }
7257
- .bg-blue-50 {
7258
- background-color: var(--color-blue-50);
7259
- }
7260
- .bg-blue-100 {
7261
- background-color: var(--color-blue-100);
7770
+ .border-sky-200 {
7771
+ border-color: var(--color-sky-200);
7262
7772
  }
7263
- .bg-blue-500 {
7264
- background-color: var(--color-blue-500);
7773
+ .border-sky-300 {
7774
+ border-color: var(--color-sky-300);
7265
7775
  }
7266
- .bg-blue-600 {
7267
- background-color: var(--color-blue-600);
7776
+ .border-slate-100 {
7777
+ border-color: var(--color-slate-100);
7268
7778
  }
7269
- .bg-gray-50 {
7270
- background-color: var(--color-gray-50);
7779
+ .border-slate-200 {
7780
+ border-color: var(--color-slate-200);
7271
7781
  }
7272
- .bg-gray-100 {
7273
- background-color: var(--color-gray-100);
7782
+ .border-slate-300 {
7783
+ border-color: var(--color-slate-300);
7274
7784
  }
7275
- .bg-gray-200 {
7276
- background-color: var(--color-gray-200);
7785
+ .border-slate-400 {
7786
+ border-color: var(--color-slate-400);
7277
7787
  }
7278
- .bg-gray-300 {
7279
- background-color: var(--color-gray-300);
7788
+ .border-teal-500 {
7789
+ border-color: var(--color-teal-500);
7280
7790
  }
7281
- .bg-green-100 {
7282
- background-color: var(--color-green-100);
7791
+ .border-transparent {
7792
+ border-color: transparent;
7283
7793
  }
7284
- .bg-green-500 {
7285
- background-color: var(--color-green-500);
7794
+ .border-violet-100 {
7795
+ border-color: var(--color-violet-100);
7286
7796
  }
7287
- .bg-red-50 {
7288
- background-color: var(--color-red-50);
7797
+ .border-violet-200 {
7798
+ border-color: var(--color-violet-200);
7289
7799
  }
7290
- .bg-red-100 {
7291
- background-color: var(--color-red-100);
7800
+ .border-violet-300 {
7801
+ border-color: var(--color-violet-300);
7292
7802
  }
7293
- .bg-red-500 {
7294
- background-color: var(--color-red-500);
7803
+ .border-violet-400 {
7804
+ border-color: var(--color-violet-400);
7295
7805
  }
7296
- .bg-transparent {
7297
- background-color: transparent;
7806
+ .border-violet-500 {
7807
+ border-color: var(--color-violet-500);
7298
7808
  }
7299
- .bg-white {
7300
- background-color: var(--color-white);
7809
+ .border-violet-600 {
7810
+ border-color: var(--color-violet-600);
7301
7811
  }
7302
- .bg-white\/10 {
7303
- background-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
7812
+ .border-white\/10 {
7813
+ border-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
7304
7814
  @supports (color: color-mix(in lab, red, red)) {
7305
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
7815
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
7306
7816
  }
7307
7817
  }
7308
- .bg-white\/80 {
7309
- background-color: color-mix(in srgb, hsl(0 0% 100%) 80%, transparent);
7310
- @supports (color: color-mix(in lab, red, red)) {
7311
- background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
7312
- }
7818
+ .border-t-teal-500 {
7819
+ border-top-color: var(--color-teal-500);
7313
7820
  }
7314
- .from-blue-500 {
7315
- --tw-gradient-from: var(--color-blue-500);
7316
- --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));
7821
+ .border-b-transparent {
7822
+ border-bottom-color: transparent;
7317
7823
  }
7318
- .object-cover {
7319
- object-fit: cover;
7824
+ .border-b-violet-600 {
7825
+ border-bottom-color: var(--color-violet-600);
7320
7826
  }
7321
- .p-1 {
7322
- padding: calc(var(--spacing) * 1);
7827
+ .border-l-amber-500 {
7828
+ border-left-color: var(--color-amber-500);
7323
7829
  }
7324
- .p-2 {
7325
- padding: calc(var(--spacing) * 2);
7830
+ .border-l-emerald-500 {
7831
+ border-left-color: var(--color-emerald-500);
7326
7832
  }
7327
- .p-3 {
7328
- padding: calc(var(--spacing) * 3);
7833
+ .border-l-slate-500 {
7834
+ border-left-color: var(--color-slate-500);
7329
7835
  }
7330
- .p-4 {
7331
- padding: calc(var(--spacing) * 4);
7836
+ .border-l-teal-500 {
7837
+ border-left-color: var(--color-teal-500);
7332
7838
  }
7333
- .p-6 {
7334
- padding: calc(var(--spacing) * 6);
7839
+ .border-l-violet-500 {
7840
+ border-left-color: var(--color-violet-500);
7335
7841
  }
7336
- .px-2 {
7337
- padding-inline: calc(var(--spacing) * 2);
7842
+ .bg-\[\#7c5cff\] {
7843
+ background-color: #7c5cff;
7338
7844
  }
7339
- .px-3 {
7340
- padding-inline: calc(var(--spacing) * 3);
7845
+ .bg-\[\#e8f7fc\] {
7846
+ background-color: #e8f7fc;
7341
7847
  }
7342
- .px-4 {
7343
- padding-inline: calc(var(--spacing) * 4);
7848
+ .bg-\[\#e8faf3\] {
7849
+ background-color: #e8faf3;
7344
7850
  }
7345
- .px-6 {
7346
- padding-inline: calc(var(--spacing) * 6);
7851
+ .bg-\[\#f0f2f7\] {
7852
+ background-color: #f0f2f7;
7347
7853
  }
7348
- .px-8 {
7349
- padding-inline: calc(var(--spacing) * 8);
7854
+ .bg-\[\#f4f1ff\] {
7855
+ background-color: #f4f1ff;
7350
7856
  }
7351
- .py-1 {
7352
- padding-block: calc(var(--spacing) * 1);
7857
+ .bg-\[\#fafbfc\] {
7858
+ background-color: #fafbfc;
7353
7859
  }
7354
- .py-2 {
7355
- padding-block: calc(var(--spacing) * 2);
7860
+ .bg-\[\#fef7e6\] {
7861
+ background-color: #fef7e6;
7356
7862
  }
7357
- .py-4 {
7358
- padding-block: calc(var(--spacing) * 4);
7863
+ .bg-amber-50 {
7864
+ background-color: var(--color-amber-50);
7359
7865
  }
7360
- .py-6 {
7361
- padding-block: calc(var(--spacing) * 6);
7866
+ .bg-amber-100 {
7867
+ background-color: var(--color-amber-100);
7362
7868
  }
7363
- .py-8 {
7364
- padding-block: calc(var(--spacing) * 8);
7869
+ .bg-amber-500 {
7870
+ background-color: var(--color-amber-500);
7365
7871
  }
7366
- .pt-4 {
7367
- padding-top: calc(var(--spacing) * 4);
7872
+ .bg-blue-500 {
7873
+ background-color: var(--color-blue-500);
7368
7874
  }
7369
- .pt-6 {
7370
- padding-top: calc(var(--spacing) * 6);
7875
+ .bg-emerald-50 {
7876
+ background-color: var(--color-emerald-50);
7371
7877
  }
7372
- .text-center {
7373
- text-align: center;
7878
+ .bg-emerald-100 {
7879
+ background-color: var(--color-emerald-100);
7374
7880
  }
7375
- .text-right {
7376
- text-align: right;
7881
+ .bg-emerald-500 {
7882
+ background-color: var(--color-emerald-500);
7377
7883
  }
7378
- .font-mono {
7379
- font-family: var(--font-mono);
7884
+ .bg-gray-200 {
7885
+ background-color: var(--color-gray-200);
7380
7886
  }
7381
- .text-2xl {
7382
- font-size: var(--text-2xl);
7383
- line-height: var(--tw-leading, var(--text-2xl--line-height));
7887
+ .bg-green-500 {
7888
+ background-color: var(--color-green-500);
7384
7889
  }
7385
- .text-base {
7386
- font-size: var(--text-base);
7387
- line-height: var(--tw-leading, var(--text-base--line-height));
7890
+ .bg-inherit {
7891
+ background-color: inherit;
7388
7892
  }
7389
- .text-lg {
7390
- font-size: var(--text-lg);
7391
- line-height: var(--tw-leading, var(--text-lg--line-height));
7893
+ .bg-red-50 {
7894
+ background-color: var(--color-red-50);
7392
7895
  }
7393
- .text-sm {
7394
- font-size: var(--text-sm);
7395
- line-height: var(--tw-leading, var(--text-sm--line-height));
7896
+ .bg-red-500 {
7897
+ background-color: var(--color-red-500);
7396
7898
  }
7397
- .text-xl {
7398
- font-size: var(--text-xl);
7399
- line-height: var(--tw-leading, var(--text-xl--line-height));
7899
+ .bg-rose-50 {
7900
+ background-color: var(--color-rose-50);
7400
7901
  }
7401
- .text-xs {
7402
- font-size: var(--text-xs);
7403
- line-height: var(--tw-leading, var(--text-xs--line-height));
7902
+ .bg-rose-100 {
7903
+ background-color: var(--color-rose-100);
7404
7904
  }
7405
- .leading-4 {
7406
- --tw-leading: calc(var(--spacing) * 4);
7407
- line-height: calc(var(--spacing) * 4);
7905
+ .bg-rose-500 {
7906
+ background-color: var(--color-rose-500);
7408
7907
  }
7409
- .leading-relaxed {
7410
- --tw-leading: var(--leading-relaxed);
7411
- line-height: var(--leading-relaxed);
7908
+ .bg-sky-50 {
7909
+ background-color: var(--color-sky-50);
7412
7910
  }
7413
- .font-bold {
7414
- --tw-font-weight: var(--font-weight-bold);
7415
- font-weight: var(--font-weight-bold);
7911
+ .bg-sky-100 {
7912
+ background-color: var(--color-sky-100);
7416
7913
  }
7417
- .font-medium {
7418
- --tw-font-weight: var(--font-weight-medium);
7419
- font-weight: var(--font-weight-medium);
7914
+ .bg-sky-200 {
7915
+ background-color: var(--color-sky-200);
7420
7916
  }
7421
- .font-semibold {
7422
- --tw-font-weight: var(--font-weight-semibold);
7423
- font-weight: var(--font-weight-semibold);
7917
+ .bg-sky-600 {
7918
+ background-color: var(--color-sky-600);
7424
7919
  }
7425
- .whitespace-pre-wrap {
7426
- white-space: pre-wrap;
7920
+ .bg-slate-50 {
7921
+ background-color: var(--color-slate-50);
7427
7922
  }
7428
- .text-blue-600 {
7429
- color: var(--color-blue-600);
7923
+ .bg-slate-100 {
7924
+ background-color: var(--color-slate-100);
7430
7925
  }
7431
- .text-blue-800 {
7432
- color: var(--color-blue-800);
7926
+ .bg-slate-200 {
7927
+ background-color: var(--color-slate-200);
7433
7928
  }
7434
- .text-blue-900 {
7435
- color: var(--color-blue-900);
7929
+ .bg-slate-300 {
7930
+ background-color: var(--color-slate-300);
7436
7931
  }
7437
- .text-gray-500 {
7438
- color: var(--color-gray-500);
7932
+ .bg-slate-500 {
7933
+ background-color: var(--color-slate-500);
7439
7934
  }
7440
- .text-gray-600 {
7441
- color: var(--color-gray-600);
7935
+ .bg-slate-900\/40 {
7936
+ background-color: color-mix(in srgb, hsl(195 6% 6%) 40%, transparent);
7937
+ @supports (color: color-mix(in lab, red, red)) {
7938
+ background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
7939
+ }
7442
7940
  }
7443
- .text-gray-700 {
7444
- color: var(--color-gray-700);
7941
+ .bg-slate-900\/50 {
7942
+ background-color: color-mix(in srgb, hsl(195 6% 6%) 50%, transparent);
7943
+ @supports (color: color-mix(in lab, red, red)) {
7944
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
7945
+ }
7445
7946
  }
7446
- .text-gray-800 {
7447
- color: var(--color-gray-800);
7947
+ .bg-slate-900\/75 {
7948
+ background-color: color-mix(in srgb, hsl(195 6% 6%) 75%, transparent);
7949
+ @supports (color: color-mix(in lab, red, red)) {
7950
+ background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
7951
+ }
7448
7952
  }
7449
- .text-gray-900 {
7450
- color: var(--color-gray-900);
7953
+ .bg-teal-100 {
7954
+ background-color: var(--color-teal-100);
7451
7955
  }
7452
- .text-green-800 {
7453
- color: var(--color-green-800);
7956
+ .bg-teal-500 {
7957
+ background-color: var(--color-teal-500);
7454
7958
  }
7455
- .text-indigo-600 {
7456
- color: var(--color-indigo-600);
7959
+ .bg-transparent {
7960
+ background-color: transparent;
7457
7961
  }
7458
- .text-red-500 {
7459
- color: var(--color-red-500);
7962
+ .bg-violet-50 {
7963
+ background-color: var(--color-violet-50);
7460
7964
  }
7461
- .text-red-600 {
7462
- color: var(--color-red-600);
7965
+ .bg-violet-100 {
7966
+ background-color: var(--color-violet-100);
7463
7967
  }
7464
- .text-red-800 {
7465
- color: var(--color-red-800);
7968
+ .bg-violet-500 {
7969
+ background-color: var(--color-violet-500);
7466
7970
  }
7467
- .text-slate-600 {
7468
- color: var(--color-slate-600);
7971
+ .bg-violet-500\/\[0\.08\] {
7972
+ background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
7973
+ @supports (color: color-mix(in lab, red, red)) {
7974
+ background-color: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
7975
+ }
7469
7976
  }
7470
- .text-white {
7471
- color: var(--color-white);
7977
+ .bg-violet-600 {
7978
+ background-color: var(--color-violet-600);
7472
7979
  }
7473
- .lowercase {
7474
- text-transform: lowercase;
7980
+ .bg-white {
7981
+ background-color: var(--color-white);
7475
7982
  }
7476
- .line-through {
7477
- text-decoration-line: line-through;
7983
+ .bg-white\/10 {
7984
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
7985
+ @supports (color: color-mix(in lab, red, red)) {
7986
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
7987
+ }
7478
7988
  }
7479
- .shadow {
7480
- --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));
7481
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7989
+ .bg-white\/25 {
7990
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 25%, transparent);
7991
+ @supports (color: color-mix(in lab, red, red)) {
7992
+ background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
7993
+ }
7482
7994
  }
7483
- .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\] {
7484
- --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.1));
7485
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7995
+ .bg-white\/80 {
7996
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 80%, transparent);
7997
+ @supports (color: color-mix(in lab, red, red)) {
7998
+ background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
7999
+ }
7486
8000
  }
7487
- .shadow-lg {
7488
- --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));
7489
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8001
+ .bg-none {
8002
+ background-image: none;
7490
8003
  }
7491
- .shadow-md {
7492
- --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));
7493
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8004
+ .from-blue-500 {
8005
+ --tw-gradient-from: var(--color-blue-500);
8006
+ --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));
7494
8007
  }
7495
- .shadow-sm {
7496
- --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));
7497
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8008
+ .bg-cover {
8009
+ background-size: cover;
7498
8010
  }
7499
- .ring {
7500
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7501
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8011
+ .bg-center {
8012
+ background-position: center;
7502
8013
  }
7503
- .outline {
7504
- outline-style: var(--tw-outline-style);
7505
- outline-width: 1px;
8014
+ .fill-current {
8015
+ fill: currentcolor;
7506
8016
  }
7507
- .blur {
7508
- --tw-blur: blur(8px);
7509
- 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,);
8017
+ .stroke-current {
8018
+ stroke: currentcolor;
7510
8019
  }
7511
- .invert {
7512
- --tw-invert: invert(100%);
7513
- 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,);
8020
+ .object-cover {
8021
+ object-fit: cover;
7514
8022
  }
7515
- .sepia {
7516
- --tw-sepia: sepia(100%);
7517
- 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,);
8023
+ .p-0 {
8024
+ padding: calc(var(--spacing) * 0);
7518
8025
  }
7519
- .filter {
7520
- 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,);
8026
+ .p-0\.5 {
8027
+ padding: calc(var(--spacing) * 0.5);
7521
8028
  }
7522
- .backdrop-filter {
7523
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
7524
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
8029
+ .p-1 {
8030
+ padding: calc(var(--spacing) * 1);
7525
8031
  }
7526
- .transition {
7527
- 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, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
7528
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
7529
- transition-duration: var(--tw-duration, var(--default-transition-duration));
8032
+ .p-1\.5 {
8033
+ padding: calc(var(--spacing) * 1.5);
7530
8034
  }
7531
- .transition-all {
7532
- transition-property: all;
7533
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
7534
- transition-duration: var(--tw-duration, var(--default-transition-duration));
8035
+ .p-2 {
8036
+ padding: calc(var(--spacing) * 2);
7535
8037
  }
7536
- .transition-colors {
7537
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
7538
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
7539
- transition-duration: var(--tw-duration, var(--default-transition-duration));
8038
+ .p-3 {
8039
+ padding: calc(var(--spacing) * 3);
7540
8040
  }
7541
- .duration-200 {
7542
- --tw-duration: 200ms;
7543
- transition-duration: 200ms;
8041
+ .p-3\.5 {
8042
+ padding: calc(var(--spacing) * 3.5);
7544
8043
  }
7545
- .duration-300 {
7546
- --tw-duration: 300ms;
7547
- transition-duration: 300ms;
8044
+ .p-4 {
8045
+ padding: calc(var(--spacing) * 4);
7548
8046
  }
7549
- .ease-in {
7550
- --tw-ease: var(--ease-in);
7551
- transition-timing-function: var(--ease-in);
8047
+ .p-5 {
8048
+ padding: calc(var(--spacing) * 5);
7552
8049
  }
7553
- .ease-in-out {
7554
- --tw-ease: var(--ease-in-out);
7555
- transition-timing-function: var(--ease-in-out);
8050
+ .p-6 {
8051
+ padding: calc(var(--spacing) * 6);
7556
8052
  }
7557
- .ease-out {
7558
- --tw-ease: var(--ease-out);
7559
- transition-timing-function: var(--ease-out);
8053
+ .p-12 {
8054
+ padding: calc(var(--spacing) * 12);
7560
8055
  }
7561
- .outline-none {
7562
- --tw-outline-style: none;
7563
- outline-style: none;
8056
+ .p-\[18px\] {
8057
+ padding: 18px;
7564
8058
  }
7565
- .hover\:border-gray-300 {
7566
- &:hover {
7567
- @media (hover: hover) {
7568
- border-color: var(--color-gray-300);
7569
- }
7570
- }
8059
+ .px-0 {
8060
+ padding-inline: calc(var(--spacing) * 0);
7571
8061
  }
7572
- .hover\:bg-blue-50 {
7573
- &:hover {
7574
- @media (hover: hover) {
7575
- background-color: var(--color-blue-50);
7576
- }
7577
- }
8062
+ .px-1 {
8063
+ padding-inline: calc(var(--spacing) * 1);
7578
8064
  }
7579
- .hover\:bg-blue-700 {
7580
- &:hover {
7581
- @media (hover: hover) {
7582
- background-color: var(--color-blue-700);
8065
+ .px-1\.5 {
8066
+ padding-inline: calc(var(--spacing) * 1.5);
8067
+ }
8068
+ .px-2 {
8069
+ padding-inline: calc(var(--spacing) * 2);
8070
+ }
8071
+ .px-2\.5 {
8072
+ padding-inline: calc(var(--spacing) * 2.5);
8073
+ }
8074
+ .px-3 {
8075
+ padding-inline: calc(var(--spacing) * 3);
8076
+ }
8077
+ .px-3\.5 {
8078
+ padding-inline: calc(var(--spacing) * 3.5);
8079
+ }
8080
+ .px-4 {
8081
+ padding-inline: calc(var(--spacing) * 4);
8082
+ }
8083
+ .px-5 {
8084
+ padding-inline: calc(var(--spacing) * 5);
8085
+ }
8086
+ .px-6 {
8087
+ padding-inline: calc(var(--spacing) * 6);
8088
+ }
8089
+ .px-8 {
8090
+ padding-inline: calc(var(--spacing) * 8);
8091
+ }
8092
+ .px-\[0\.3125rem\] {
8093
+ padding-inline: 0.3125rem;
8094
+ }
8095
+ .px-\[5px\] {
8096
+ padding-inline: 5px;
8097
+ }
8098
+ .px-\[18px\] {
8099
+ padding-inline: 18px;
8100
+ }
8101
+ .py-0\.5 {
8102
+ padding-block: calc(var(--spacing) * 0.5);
8103
+ }
8104
+ .py-1 {
8105
+ padding-block: calc(var(--spacing) * 1);
8106
+ }
8107
+ .py-1\.5 {
8108
+ padding-block: calc(var(--spacing) * 1.5);
8109
+ }
8110
+ .py-2 {
8111
+ padding-block: calc(var(--spacing) * 2);
8112
+ }
8113
+ .py-2\.5 {
8114
+ padding-block: calc(var(--spacing) * 2.5);
8115
+ }
8116
+ .py-3 {
8117
+ padding-block: calc(var(--spacing) * 3);
8118
+ }
8119
+ .py-3\.5 {
8120
+ padding-block: calc(var(--spacing) * 3.5);
8121
+ }
8122
+ .py-4 {
8123
+ padding-block: calc(var(--spacing) * 4);
8124
+ }
8125
+ .py-5 {
8126
+ padding-block: calc(var(--spacing) * 5);
8127
+ }
8128
+ .py-8 {
8129
+ padding-block: calc(var(--spacing) * 8);
8130
+ }
8131
+ .py-16 {
8132
+ padding-block: calc(var(--spacing) * 16);
8133
+ }
8134
+ .py-\[0\.0625rem\] {
8135
+ padding-block: 0.0625rem;
8136
+ }
8137
+ .py-\[0\.1875rem\] {
8138
+ padding-block: 0.1875rem;
8139
+ }
8140
+ .py-\[3px\] {
8141
+ padding-block: 3px;
8142
+ }
8143
+ .py-\[5px\] {
8144
+ padding-block: 5px;
8145
+ }
8146
+ .py-\[60px\] {
8147
+ padding-block: 60px;
8148
+ }
8149
+ .py-px {
8150
+ padding-block: 1px;
8151
+ }
8152
+ .pt-1 {
8153
+ padding-top: calc(var(--spacing) * 1);
8154
+ }
8155
+ .pt-2 {
8156
+ padding-top: calc(var(--spacing) * 2);
8157
+ }
8158
+ .pt-2\.5 {
8159
+ padding-top: calc(var(--spacing) * 2.5);
8160
+ }
8161
+ .pt-3 {
8162
+ padding-top: calc(var(--spacing) * 3);
8163
+ }
8164
+ .pt-4 {
8165
+ padding-top: calc(var(--spacing) * 4);
8166
+ }
8167
+ .pt-5 {
8168
+ padding-top: calc(var(--spacing) * 5);
8169
+ }
8170
+ .pt-6 {
8171
+ padding-top: calc(var(--spacing) * 6);
8172
+ }
8173
+ .pt-\[5px\] {
8174
+ padding-top: 5px;
8175
+ }
8176
+ .pt-\[18px\] {
8177
+ padding-top: 18px;
8178
+ }
8179
+ .pr-1 {
8180
+ padding-right: calc(var(--spacing) * 1);
8181
+ }
8182
+ .pr-8 {
8183
+ padding-right: calc(var(--spacing) * 8);
8184
+ }
8185
+ .pb-0\.5 {
8186
+ padding-bottom: calc(var(--spacing) * 0.5);
8187
+ }
8188
+ .pb-1 {
8189
+ padding-bottom: calc(var(--spacing) * 1);
8190
+ }
8191
+ .pb-2\.5 {
8192
+ padding-bottom: calc(var(--spacing) * 2.5);
8193
+ }
8194
+ .pb-4 {
8195
+ padding-bottom: calc(var(--spacing) * 4);
8196
+ }
8197
+ .pb-5 {
8198
+ padding-bottom: calc(var(--spacing) * 5);
8199
+ }
8200
+ .pb-12 {
8201
+ padding-bottom: calc(var(--spacing) * 12);
8202
+ }
8203
+ .pl-0 {
8204
+ padding-left: calc(var(--spacing) * 0);
8205
+ }
8206
+ .pl-1 {
8207
+ padding-left: calc(var(--spacing) * 1);
8208
+ }
8209
+ .pl-2 {
8210
+ padding-left: calc(var(--spacing) * 2);
8211
+ }
8212
+ .pl-3 {
8213
+ padding-left: calc(var(--spacing) * 3);
8214
+ }
8215
+ .pl-8 {
8216
+ padding-left: calc(var(--spacing) * 8);
8217
+ }
8218
+ .pl-28 {
8219
+ padding-left: calc(var(--spacing) * 28);
8220
+ }
8221
+ .text-center {
8222
+ text-align: center;
8223
+ }
8224
+ .text-left {
8225
+ text-align: left;
8226
+ }
8227
+ .text-right {
8228
+ text-align: right;
8229
+ }
8230
+ .align-middle {
8231
+ vertical-align: middle;
8232
+ }
8233
+ .text-2xl {
8234
+ font-size: var(--text-2xl);
8235
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
8236
+ }
8237
+ .text-base {
8238
+ font-size: var(--text-base);
8239
+ line-height: var(--tw-leading, var(--text-base--line-height));
8240
+ }
8241
+ .text-lg {
8242
+ font-size: var(--text-lg);
8243
+ line-height: var(--tw-leading, var(--text-lg--line-height));
8244
+ }
8245
+ .text-sm {
8246
+ font-size: var(--text-sm);
8247
+ line-height: var(--tw-leading, var(--text-sm--line-height));
8248
+ }
8249
+ .text-xl {
8250
+ font-size: var(--text-xl);
8251
+ line-height: var(--tw-leading, var(--text-xl--line-height));
8252
+ }
8253
+ .text-xs {
8254
+ font-size: var(--text-xs);
8255
+ line-height: var(--tw-leading, var(--text-xs--line-height));
8256
+ }
8257
+ .text-\[0\.5rem\] {
8258
+ font-size: 0.5rem;
8259
+ }
8260
+ .text-\[0\.8rem\] {
8261
+ font-size: 0.8rem;
8262
+ }
8263
+ .text-\[0\.85rem\] {
8264
+ font-size: 0.85rem;
8265
+ }
8266
+ .text-\[0\.625rem\] {
8267
+ font-size: 0.625rem;
8268
+ }
8269
+ .text-\[0\.5625rem\] {
8270
+ font-size: 0.5625rem;
8271
+ }
8272
+ .text-\[0\.6875rem\] {
8273
+ font-size: 0.6875rem;
8274
+ }
8275
+ .text-\[0\.8125rem\] {
8276
+ font-size: 0.8125rem;
8277
+ }
8278
+ .text-\[0\.9375rem\] {
8279
+ font-size: 0.9375rem;
8280
+ }
8281
+ .text-\[1\.75rem\] {
8282
+ font-size: 1.75rem;
8283
+ }
8284
+ .text-\[1\.375rem\] {
8285
+ font-size: 1.375rem;
8286
+ }
8287
+ .text-\[1\.0625rem\] {
8288
+ font-size: 1.0625rem;
8289
+ }
8290
+ .leading-4 {
8291
+ --tw-leading: calc(var(--spacing) * 4);
8292
+ line-height: calc(var(--spacing) * 4);
8293
+ }
8294
+ .leading-6 {
8295
+ --tw-leading: calc(var(--spacing) * 6);
8296
+ line-height: calc(var(--spacing) * 6);
8297
+ }
8298
+ .leading-\[1\.3\] {
8299
+ --tw-leading: 1.3;
8300
+ line-height: 1.3;
8301
+ }
8302
+ .leading-\[1\.4\] {
8303
+ --tw-leading: 1.4;
8304
+ line-height: 1.4;
8305
+ }
8306
+ .leading-\[1\.7\] {
8307
+ --tw-leading: 1.7;
8308
+ line-height: 1.7;
8309
+ }
8310
+ .leading-normal {
8311
+ --tw-leading: var(--leading-normal);
8312
+ line-height: var(--leading-normal);
8313
+ }
8314
+ .leading-relaxed {
8315
+ --tw-leading: var(--leading-relaxed);
8316
+ line-height: var(--leading-relaxed);
8317
+ }
8318
+ .leading-tight {
8319
+ --tw-leading: var(--leading-tight);
8320
+ line-height: var(--leading-tight);
8321
+ }
8322
+ .font-bold {
8323
+ --tw-font-weight: var(--font-weight-bold);
8324
+ font-weight: var(--font-weight-bold);
8325
+ }
8326
+ .font-medium {
8327
+ --tw-font-weight: var(--font-weight-medium);
8328
+ font-weight: var(--font-weight-medium);
8329
+ }
8330
+ .font-normal {
8331
+ --tw-font-weight: var(--font-weight-normal);
8332
+ font-weight: var(--font-weight-normal);
8333
+ }
8334
+ .font-semibold {
8335
+ --tw-font-weight: var(--font-weight-semibold);
8336
+ font-weight: var(--font-weight-semibold);
8337
+ }
8338
+ .tracking-\[-0\.01em\] {
8339
+ --tw-tracking: -0.01em;
8340
+ letter-spacing: -0.01em;
8341
+ }
8342
+ .tracking-\[-0\.02em\] {
8343
+ --tw-tracking: -0.02em;
8344
+ letter-spacing: -0.02em;
8345
+ }
8346
+ .tracking-\[0\.04em\] {
8347
+ --tw-tracking: 0.04em;
8348
+ letter-spacing: 0.04em;
8349
+ }
8350
+ .tracking-\[0\.05em\] {
8351
+ --tw-tracking: 0.05em;
8352
+ letter-spacing: 0.05em;
8353
+ }
8354
+ .tracking-\[0\.06em\] {
8355
+ --tw-tracking: 0.06em;
8356
+ letter-spacing: 0.06em;
8357
+ }
8358
+ .tracking-\[0\.08em\] {
8359
+ --tw-tracking: 0.08em;
8360
+ letter-spacing: 0.08em;
8361
+ }
8362
+ .tracking-tight {
8363
+ --tw-tracking: var(--tracking-tight);
8364
+ letter-spacing: var(--tracking-tight);
8365
+ }
8366
+ .tracking-wide {
8367
+ --tw-tracking: var(--tracking-wide);
8368
+ letter-spacing: var(--tracking-wide);
8369
+ }
8370
+ .tracking-widest {
8371
+ --tw-tracking: var(--tracking-widest);
8372
+ letter-spacing: var(--tracking-widest);
8373
+ }
8374
+ .text-ellipsis {
8375
+ text-overflow: ellipsis;
8376
+ }
8377
+ .whitespace-nowrap {
8378
+ white-space: nowrap;
8379
+ }
8380
+ .whitespace-pre-wrap {
8381
+ white-space: pre-wrap;
8382
+ }
8383
+ .text-\[\#1a1f36\] {
8384
+ color: #1a1f36;
8385
+ }
8386
+ .text-\[\#4a5578\] {
8387
+ color: #4a5578;
8388
+ }
8389
+ .text-\[\#7c5cff\] {
8390
+ color: #7c5cff;
8391
+ }
8392
+ .text-\[\#8792a8\] {
8393
+ color: #8792a8;
8394
+ }
8395
+ .text-amber-500 {
8396
+ color: var(--color-amber-500);
8397
+ }
8398
+ .text-amber-600 {
8399
+ color: var(--color-amber-600);
8400
+ }
8401
+ .text-amber-700 {
8402
+ color: var(--color-amber-700);
8403
+ }
8404
+ .text-amber-800 {
8405
+ color: var(--color-amber-800);
8406
+ }
8407
+ .text-amber-900 {
8408
+ color: var(--color-amber-900);
8409
+ }
8410
+ .text-emerald-400 {
8411
+ color: var(--color-emerald-400);
8412
+ }
8413
+ .text-emerald-500 {
8414
+ color: var(--color-emerald-500);
8415
+ }
8416
+ .text-emerald-600 {
8417
+ color: var(--color-emerald-600);
8418
+ }
8419
+ .text-emerald-700 {
8420
+ color: var(--color-emerald-700);
8421
+ }
8422
+ .text-emerald-800 {
8423
+ color: var(--color-emerald-800);
8424
+ }
8425
+ .text-gray-500 {
8426
+ color: var(--color-gray-500);
8427
+ }
8428
+ .text-gray-600 {
8429
+ color: var(--color-gray-600);
8430
+ }
8431
+ .text-gray-900 {
8432
+ color: var(--color-gray-900);
8433
+ }
8434
+ .text-indigo-600 {
8435
+ color: var(--color-indigo-600);
8436
+ }
8437
+ .text-red-500 {
8438
+ color: var(--color-red-500);
8439
+ }
8440
+ .text-red-600 {
8441
+ color: var(--color-red-600);
8442
+ }
8443
+ .text-red-800 {
8444
+ color: var(--color-red-800);
8445
+ }
8446
+ .text-rose-500 {
8447
+ color: var(--color-rose-500);
8448
+ }
8449
+ .text-rose-600 {
8450
+ color: var(--color-rose-600);
8451
+ }
8452
+ .text-rose-700 {
8453
+ color: var(--color-rose-700);
8454
+ }
8455
+ .text-sky-500 {
8456
+ color: var(--color-sky-500);
8457
+ }
8458
+ .text-sky-600 {
8459
+ color: var(--color-sky-600);
8460
+ }
8461
+ .text-sky-700 {
8462
+ color: var(--color-sky-700);
8463
+ }
8464
+ .text-sky-800 {
8465
+ color: var(--color-sky-800);
8466
+ }
8467
+ .text-slate-300 {
8468
+ color: var(--color-slate-300);
8469
+ }
8470
+ .text-slate-400 {
8471
+ color: var(--color-slate-400);
8472
+ }
8473
+ .text-slate-500 {
8474
+ color: var(--color-slate-500);
8475
+ }
8476
+ .text-slate-600 {
8477
+ color: var(--color-slate-600);
8478
+ }
8479
+ .text-slate-700 {
8480
+ color: var(--color-slate-700);
8481
+ }
8482
+ .text-slate-800 {
8483
+ color: var(--color-slate-800);
8484
+ }
8485
+ .text-slate-900 {
8486
+ color: var(--color-slate-900);
8487
+ }
8488
+ .text-teal-500 {
8489
+ color: var(--color-teal-500);
8490
+ }
8491
+ .text-violet-500 {
8492
+ color: var(--color-violet-500);
8493
+ }
8494
+ .text-violet-600 {
8495
+ color: var(--color-violet-600);
8496
+ }
8497
+ .text-violet-700 {
8498
+ color: var(--color-violet-700);
8499
+ }
8500
+ .text-white {
8501
+ color: var(--color-white);
8502
+ }
8503
+ .text-white\/65 {
8504
+ color: color-mix(in srgb, hsl(0 0% 100%) 65%, transparent);
8505
+ @supports (color: color-mix(in lab, red, red)) {
8506
+ color: color-mix(in oklab, var(--color-white) 65%, transparent);
8507
+ }
8508
+ }
8509
+ .text-white\/70 {
8510
+ color: color-mix(in srgb, hsl(0 0% 100%) 70%, transparent);
8511
+ @supports (color: color-mix(in lab, red, red)) {
8512
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
8513
+ }
8514
+ }
8515
+ .text-white\/85 {
8516
+ color: color-mix(in srgb, hsl(0 0% 100%) 85%, transparent);
8517
+ @supports (color: color-mix(in lab, red, red)) {
8518
+ color: color-mix(in oklab, var(--color-white) 85%, transparent);
8519
+ }
8520
+ }
8521
+ .capitalize {
8522
+ text-transform: capitalize;
8523
+ }
8524
+ .lowercase {
8525
+ text-transform: lowercase;
8526
+ }
8527
+ .normal-case {
8528
+ text-transform: none;
8529
+ }
8530
+ .uppercase {
8531
+ text-transform: uppercase;
8532
+ }
8533
+ .italic {
8534
+ font-style: italic;
8535
+ }
8536
+ .line-through {
8537
+ text-decoration-line: line-through;
8538
+ }
8539
+ .no-underline {
8540
+ text-decoration-line: none;
8541
+ }
8542
+ .accent-emerald-600 {
8543
+ accent-color: var(--color-emerald-600);
8544
+ }
8545
+ .opacity-0 {
8546
+ opacity: 0%;
8547
+ }
8548
+ .opacity-50 {
8549
+ opacity: 50%;
8550
+ }
8551
+ .opacity-60 {
8552
+ opacity: 60%;
8553
+ }
8554
+ .opacity-80 {
8555
+ opacity: 80%;
8556
+ }
8557
+ .shadow {
8558
+ --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));
8559
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8560
+ }
8561
+ .shadow-\[0_0_0_3px_rgba\(139\,92\,246\,0\.15\)\] {
8562
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(139,92,246,0.15));
8563
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8564
+ }
8565
+ .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\] {
8566
+ --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.05));
8567
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8568
+ }
8569
+ .shadow-\[0_2px_4px_rgba\(124\,58\,237\,0\.3\)\] {
8570
+ --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(124,58,237,0.3));
8571
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8572
+ }
8573
+ .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\] {
8574
+ --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.1));
8575
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8576
+ }
8577
+ .shadow-\[inset_0_0_0_2px_\#8b5cf6\] {
8578
+ --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #8b5cf6);
8579
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8580
+ }
8581
+ .shadow-lg {
8582
+ --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));
8583
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8584
+ }
8585
+ .shadow-md {
8586
+ --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));
8587
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8588
+ }
8589
+ .shadow-sm {
8590
+ --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));
8591
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8592
+ }
8593
+ .shadow-xl {
8594
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
8595
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8596
+ }
8597
+ .ring {
8598
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
8599
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8600
+ }
8601
+ .outline {
8602
+ outline-style: var(--tw-outline-style);
8603
+ outline-width: 1px;
8604
+ }
8605
+ .blur {
8606
+ --tw-blur: blur(8px);
8607
+ 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,);
8608
+ }
8609
+ .sepia {
8610
+ --tw-sepia: sepia(100%);
8611
+ 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,);
8612
+ }
8613
+ .filter {
8614
+ 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,);
8615
+ }
8616
+ .backdrop-blur-sm {
8617
+ --tw-backdrop-blur: blur(var(--blur-sm));
8618
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
8619
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
8620
+ }
8621
+ .backdrop-filter {
8622
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
8623
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
8624
+ }
8625
+ .transition {
8626
+ 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, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
8627
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8628
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8629
+ }
8630
+ .transition-\[150ms\] {
8631
+ transition-property: 150ms;
8632
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8633
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8634
+ }
8635
+ .transition-\[background\,opacity\] {
8636
+ transition-property: background,opacity;
8637
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8638
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8639
+ }
8640
+ .transition-\[border-color\,box-shadow\] {
8641
+ transition-property: border-color,box-shadow;
8642
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8643
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8644
+ }
8645
+ .transition-\[width\] {
8646
+ transition-property: width;
8647
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8648
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8649
+ }
8650
+ .transition-all {
8651
+ transition-property: all;
8652
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8653
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8654
+ }
8655
+ .transition-colors {
8656
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
8657
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8658
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8659
+ }
8660
+ .transition-opacity {
8661
+ transition-property: opacity;
8662
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8663
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8664
+ }
8665
+ .transition-transform {
8666
+ transition-property: transform, translate, scale, rotate;
8667
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
8668
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
8669
+ }
8670
+ .duration-100 {
8671
+ --tw-duration: 100ms;
8672
+ transition-duration: 100ms;
8673
+ }
8674
+ .duration-150 {
8675
+ --tw-duration: 150ms;
8676
+ transition-duration: 150ms;
8677
+ }
8678
+ .duration-200 {
8679
+ --tw-duration: 200ms;
8680
+ transition-duration: 200ms;
8681
+ }
8682
+ .duration-300 {
8683
+ --tw-duration: 300ms;
8684
+ transition-duration: 300ms;
8685
+ }
8686
+ .ease-in {
8687
+ --tw-ease: var(--ease-in);
8688
+ transition-timing-function: var(--ease-in);
8689
+ }
8690
+ .ease-in-out {
8691
+ --tw-ease: var(--ease-in-out);
8692
+ transition-timing-function: var(--ease-in-out);
8693
+ }
8694
+ .ease-linear {
8695
+ --tw-ease: linear;
8696
+ transition-timing-function: linear;
8697
+ }
8698
+ .ease-out {
8699
+ --tw-ease: var(--ease-out);
8700
+ transition-timing-function: var(--ease-out);
8701
+ }
8702
+ .outline-none {
8703
+ --tw-outline-style: none;
8704
+ outline-style: none;
8705
+ }
8706
+ .select-none {
8707
+ -webkit-user-select: none;
8708
+ user-select: none;
8709
+ }
8710
+ .group-hover\:bg-violet-100 {
8711
+ &:is(:where(.group):hover *) {
8712
+ @media (hover: hover) {
8713
+ background-color: var(--color-violet-100);
8714
+ }
8715
+ }
8716
+ }
8717
+ .group-hover\:text-violet-600 {
8718
+ &:is(:where(.group):hover *) {
8719
+ @media (hover: hover) {
8720
+ color: var(--color-violet-600);
8721
+ }
8722
+ }
8723
+ }
8724
+ .group-hover\:text-violet-700 {
8725
+ &:is(:where(.group):hover *) {
8726
+ @media (hover: hover) {
8727
+ color: var(--color-violet-700);
8728
+ }
8729
+ }
8730
+ }
8731
+ .group-hover\/limititem\:opacity-100 {
8732
+ &:is(:where(.group\/limititem):hover *) {
8733
+ @media (hover: hover) {
8734
+ opacity: 100%;
8735
+ }
8736
+ }
8737
+ }
8738
+ .group-hover\/metricrow\:opacity-100 {
8739
+ &:is(:where(.group\/metricrow):hover *) {
8740
+ @media (hover: hover) {
8741
+ opacity: 100%;
8742
+ }
8743
+ }
8744
+ }
8745
+ .group-hover\/servicerow\:opacity-0 {
8746
+ &:is(:where(.group\/servicerow):hover *) {
8747
+ @media (hover: hover) {
8748
+ opacity: 0%;
8749
+ }
8750
+ }
8751
+ }
8752
+ .group-hover\/servicerow\:opacity-100 {
8753
+ &:is(:where(.group\/servicerow):hover *) {
8754
+ @media (hover: hover) {
8755
+ opacity: 100%;
8756
+ }
8757
+ }
8758
+ }
8759
+ .placeholder\:font-normal {
8760
+ &::placeholder {
8761
+ --tw-font-weight: var(--font-weight-normal);
8762
+ font-weight: var(--font-weight-normal);
8763
+ }
8764
+ }
8765
+ .placeholder\:text-\[\#8792a8\] {
8766
+ &::placeholder {
8767
+ color: #8792a8;
8768
+ }
8769
+ }
8770
+ .placeholder\:text-slate-400 {
8771
+ &::placeholder {
8772
+ color: var(--color-slate-400);
8773
+ }
8774
+ }
8775
+ .checked\:border-violet-600 {
8776
+ &:checked {
8777
+ border-color: var(--color-violet-600);
8778
+ }
8779
+ }
8780
+ .checked\:bg-violet-600 {
8781
+ &:checked {
8782
+ background-color: var(--color-violet-600);
8783
+ }
8784
+ }
8785
+ .focus-within\:border-teal-500 {
8786
+ &:focus-within {
8787
+ border-color: var(--color-teal-500);
8788
+ }
8789
+ }
8790
+ .focus-within\:border-violet-400 {
8791
+ &:focus-within {
8792
+ border-color: var(--color-violet-400);
8793
+ }
8794
+ }
8795
+ .focus-within\:shadow-\[0_0_0_3px_\#ccfbf1\] {
8796
+ &:focus-within {
8797
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ccfbf1);
8798
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8799
+ }
8800
+ }
8801
+ .focus-within\:shadow-\[0_0_0_3px_rgba\(124\,58\,237\,0\.1\)\] {
8802
+ &:focus-within {
8803
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(124,58,237,0.1));
8804
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8805
+ }
8806
+ }
8807
+ .hover\:-translate-y-0\.5 {
8808
+ &:hover {
8809
+ @media (hover: hover) {
8810
+ --tw-translate-y: calc(var(--spacing) * -0.5);
8811
+ translate: var(--tw-translate-x) var(--tw-translate-y);
8812
+ }
8813
+ }
8814
+ }
8815
+ .hover\:-translate-y-px {
8816
+ &:hover {
8817
+ @media (hover: hover) {
8818
+ --tw-translate-y: -1px;
8819
+ translate: var(--tw-translate-x) var(--tw-translate-y);
8820
+ }
8821
+ }
8822
+ }
8823
+ .hover\:scale-105 {
8824
+ &:hover {
8825
+ @media (hover: hover) {
8826
+ --tw-scale-x: 105%;
8827
+ --tw-scale-y: 105%;
8828
+ --tw-scale-z: 105%;
8829
+ scale: var(--tw-scale-x) var(--tw-scale-y);
8830
+ }
8831
+ }
8832
+ }
8833
+ .hover\:scale-\[1\.02\] {
8834
+ &:hover {
8835
+ @media (hover: hover) {
8836
+ scale: 1.02;
8837
+ }
8838
+ }
8839
+ }
8840
+ .hover\:border-\[\#7c5cff\] {
8841
+ &:hover {
8842
+ @media (hover: hover) {
8843
+ border-color: #7c5cff;
8844
+ }
8845
+ }
8846
+ }
8847
+ .hover\:border-\[\#8792a8\] {
8848
+ &:hover {
8849
+ @media (hover: hover) {
8850
+ border-color: #8792a8;
8851
+ }
8852
+ }
8853
+ }
8854
+ .hover\:border-\[\#e4e8f0\] {
8855
+ &:hover {
8856
+ @media (hover: hover) {
8857
+ border-color: #e4e8f0;
8858
+ }
8859
+ }
8860
+ }
8861
+ .hover\:border-amber-300 {
8862
+ &:hover {
8863
+ @media (hover: hover) {
8864
+ border-color: var(--color-amber-300);
8865
+ }
8866
+ }
8867
+ }
8868
+ .hover\:border-amber-500 {
8869
+ &:hover {
8870
+ @media (hover: hover) {
8871
+ border-color: var(--color-amber-500);
8872
+ }
8873
+ }
8874
+ }
8875
+ .hover\:border-emerald-400 {
8876
+ &:hover {
8877
+ @media (hover: hover) {
8878
+ border-color: var(--color-emerald-400);
8879
+ }
8880
+ }
8881
+ }
8882
+ .hover\:border-emerald-600 {
8883
+ &:hover {
8884
+ @media (hover: hover) {
8885
+ border-color: var(--color-emerald-600);
8886
+ }
8887
+ }
8888
+ }
8889
+ .hover\:border-rose-300 {
8890
+ &:hover {
8891
+ @media (hover: hover) {
8892
+ border-color: var(--color-rose-300);
8893
+ }
8894
+ }
8895
+ }
8896
+ .hover\:border-sky-500 {
8897
+ &:hover {
8898
+ @media (hover: hover) {
8899
+ border-color: var(--color-sky-500);
8900
+ }
8901
+ }
8902
+ }
8903
+ .hover\:border-slate-300 {
8904
+ &:hover {
8905
+ @media (hover: hover) {
8906
+ border-color: var(--color-slate-300);
8907
+ }
8908
+ }
8909
+ }
8910
+ .hover\:border-teal-500 {
8911
+ &:hover {
8912
+ @media (hover: hover) {
8913
+ border-color: var(--color-teal-500);
8914
+ }
8915
+ }
8916
+ }
8917
+ .hover\:border-violet-300 {
8918
+ &:hover {
8919
+ @media (hover: hover) {
8920
+ border-color: var(--color-violet-300);
8921
+ }
8922
+ }
8923
+ }
8924
+ .hover\:border-violet-400 {
8925
+ &:hover {
8926
+ @media (hover: hover) {
8927
+ border-color: var(--color-violet-400);
8928
+ }
8929
+ }
8930
+ }
8931
+ .hover\:border-violet-600 {
8932
+ &:hover {
8933
+ @media (hover: hover) {
8934
+ border-color: var(--color-violet-600);
8935
+ }
8936
+ }
8937
+ }
8938
+ .hover\:border-violet-700 {
8939
+ &:hover {
8940
+ @media (hover: hover) {
8941
+ border-color: var(--color-violet-700);
8942
+ }
8943
+ }
8944
+ }
8945
+ .hover\:border-b-slate-200 {
8946
+ &:hover {
8947
+ @media (hover: hover) {
8948
+ border-bottom-color: var(--color-slate-200);
8949
+ }
8950
+ }
8951
+ }
8952
+ .hover\:border-b-slate-300 {
8953
+ &:hover {
8954
+ @media (hover: hover) {
8955
+ border-bottom-color: var(--color-slate-300);
8956
+ }
8957
+ }
8958
+ }
8959
+ .hover\:bg-\[\#6a4de6\] {
8960
+ &:hover {
8961
+ @media (hover: hover) {
8962
+ background-color: #6a4de6;
8963
+ }
8964
+ }
8965
+ }
8966
+ .hover\:bg-\[\#e4e8f0\] {
8967
+ &:hover {
8968
+ @media (hover: hover) {
8969
+ background-color: #e4e8f0;
8970
+ }
8971
+ }
8972
+ }
8973
+ .hover\:bg-\[\#e8f7fc\] {
8974
+ &:hover {
8975
+ @media (hover: hover) {
8976
+ background-color: #e8f7fc;
8977
+ }
8978
+ }
8979
+ }
8980
+ .hover\:bg-\[\#f4f1ff\] {
8981
+ &:hover {
8982
+ @media (hover: hover) {
8983
+ background-color: #f4f1ff;
8984
+ }
8985
+ }
8986
+ }
8987
+ .hover\:bg-amber-600 {
8988
+ &:hover {
8989
+ @media (hover: hover) {
8990
+ background-color: var(--color-amber-600);
8991
+ }
8992
+ }
8993
+ }
8994
+ .hover\:bg-emerald-100 {
8995
+ &:hover {
8996
+ @media (hover: hover) {
8997
+ background-color: var(--color-emerald-100);
8998
+ }
8999
+ }
9000
+ }
9001
+ .hover\:bg-rose-50 {
9002
+ &:hover {
9003
+ @media (hover: hover) {
9004
+ background-color: var(--color-rose-50);
9005
+ }
9006
+ }
9007
+ }
9008
+ .hover\:bg-rose-100 {
9009
+ &:hover {
9010
+ @media (hover: hover) {
9011
+ background-color: var(--color-rose-100);
9012
+ }
9013
+ }
9014
+ }
9015
+ .hover\:bg-rose-600 {
9016
+ &:hover {
9017
+ @media (hover: hover) {
9018
+ background-color: var(--color-rose-600);
9019
+ }
9020
+ }
9021
+ }
9022
+ .hover\:bg-sky-100 {
9023
+ &:hover {
9024
+ @media (hover: hover) {
9025
+ background-color: var(--color-sky-100);
9026
+ }
9027
+ }
9028
+ }
9029
+ .hover\:bg-sky-700 {
9030
+ &:hover {
9031
+ @media (hover: hover) {
9032
+ background-color: var(--color-sky-700);
9033
+ }
9034
+ }
9035
+ }
9036
+ .hover\:bg-slate-50 {
9037
+ &:hover {
9038
+ @media (hover: hover) {
9039
+ background-color: var(--color-slate-50);
9040
+ }
9041
+ }
9042
+ }
9043
+ .hover\:bg-slate-100 {
9044
+ &:hover {
9045
+ @media (hover: hover) {
9046
+ background-color: var(--color-slate-100);
9047
+ }
9048
+ }
9049
+ }
9050
+ .hover\:bg-slate-200 {
9051
+ &:hover {
9052
+ @media (hover: hover) {
9053
+ background-color: var(--color-slate-200);
9054
+ }
9055
+ }
9056
+ }
9057
+ .hover\:bg-slate-300 {
9058
+ &:hover {
9059
+ @media (hover: hover) {
9060
+ background-color: var(--color-slate-300);
9061
+ }
9062
+ }
9063
+ }
9064
+ .hover\:bg-teal-500 {
9065
+ &:hover {
9066
+ @media (hover: hover) {
9067
+ background-color: var(--color-teal-500);
9068
+ }
9069
+ }
9070
+ }
9071
+ .hover\:bg-violet-50 {
9072
+ &:hover {
9073
+ @media (hover: hover) {
9074
+ background-color: var(--color-violet-50);
9075
+ }
9076
+ }
9077
+ }
9078
+ .hover\:bg-violet-100 {
9079
+ &:hover {
9080
+ @media (hover: hover) {
9081
+ background-color: var(--color-violet-100);
9082
+ }
9083
+ }
9084
+ }
9085
+ .hover\:bg-violet-500\/\[0\.08\] {
9086
+ &:hover {
9087
+ @media (hover: hover) {
9088
+ background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
9089
+ @supports (color: color-mix(in lab, red, red)) {
9090
+ background-color: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
9091
+ }
9092
+ }
9093
+ }
9094
+ }
9095
+ .hover\:bg-violet-600 {
9096
+ &:hover {
9097
+ @media (hover: hover) {
9098
+ background-color: var(--color-violet-600);
9099
+ }
9100
+ }
9101
+ }
9102
+ .hover\:bg-violet-700 {
9103
+ &:hover {
9104
+ @media (hover: hover) {
9105
+ background-color: var(--color-violet-700);
9106
+ }
9107
+ }
9108
+ }
9109
+ .hover\:bg-white {
9110
+ &:hover {
9111
+ @media (hover: hover) {
9112
+ background-color: var(--color-white);
9113
+ }
9114
+ }
9115
+ }
9116
+ .hover\:bg-white\/20 {
9117
+ &:hover {
9118
+ @media (hover: hover) {
9119
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 20%, transparent);
9120
+ @supports (color: color-mix(in lab, red, red)) {
9121
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
9122
+ }
9123
+ }
9124
+ }
9125
+ }
9126
+ .hover\:bg-white\/50 {
9127
+ &:hover {
9128
+ @media (hover: hover) {
9129
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 50%, transparent);
9130
+ @supports (color: color-mix(in lab, red, red)) {
9131
+ background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
9132
+ }
9133
+ }
9134
+ }
9135
+ }
9136
+ .hover\:text-\[\#0d9488\] {
9137
+ &:hover {
9138
+ @media (hover: hover) {
9139
+ color: #0d9488;
9140
+ }
9141
+ }
9142
+ }
9143
+ .hover\:text-\[\#4a5578\] {
9144
+ &:hover {
9145
+ @media (hover: hover) {
9146
+ color: #4a5578;
9147
+ }
9148
+ }
9149
+ }
9150
+ .hover\:text-\[\#7c5cff\] {
9151
+ &:hover {
9152
+ @media (hover: hover) {
9153
+ color: #7c5cff;
9154
+ }
9155
+ }
9156
+ }
9157
+ .hover\:text-emerald-700 {
9158
+ &:hover {
9159
+ @media (hover: hover) {
9160
+ color: var(--color-emerald-700);
9161
+ }
9162
+ }
9163
+ }
9164
+ .hover\:text-indigo-700 {
9165
+ &:hover {
9166
+ @media (hover: hover) {
9167
+ color: var(--color-indigo-700);
9168
+ }
9169
+ }
9170
+ }
9171
+ .hover\:text-rose-500 {
9172
+ &:hover {
9173
+ @media (hover: hover) {
9174
+ color: var(--color-rose-500);
9175
+ }
9176
+ }
9177
+ }
9178
+ .hover\:text-rose-600 {
9179
+ &:hover {
9180
+ @media (hover: hover) {
9181
+ color: var(--color-rose-600);
9182
+ }
9183
+ }
9184
+ }
9185
+ .hover\:text-sky-500 {
9186
+ &:hover {
9187
+ @media (hover: hover) {
9188
+ color: var(--color-sky-500);
9189
+ }
9190
+ }
9191
+ }
9192
+ .hover\:text-slate-600 {
9193
+ &:hover {
9194
+ @media (hover: hover) {
9195
+ color: var(--color-slate-600);
9196
+ }
9197
+ }
9198
+ }
9199
+ .hover\:text-slate-700 {
9200
+ &:hover {
9201
+ @media (hover: hover) {
9202
+ color: var(--color-slate-700);
9203
+ }
9204
+ }
9205
+ }
9206
+ .hover\:text-slate-800 {
9207
+ &:hover {
9208
+ @media (hover: hover) {
9209
+ color: var(--color-slate-800);
9210
+ }
9211
+ }
9212
+ }
9213
+ .hover\:text-violet-500 {
9214
+ &:hover {
9215
+ @media (hover: hover) {
9216
+ color: var(--color-violet-500);
9217
+ }
9218
+ }
9219
+ }
9220
+ .hover\:text-violet-600 {
9221
+ &:hover {
9222
+ @media (hover: hover) {
9223
+ color: var(--color-violet-600);
9224
+ }
9225
+ }
9226
+ }
9227
+ .hover\:text-violet-700 {
9228
+ &:hover {
9229
+ @media (hover: hover) {
9230
+ color: var(--color-violet-700);
9231
+ }
9232
+ }
9233
+ }
9234
+ .hover\:text-white {
9235
+ &:hover {
9236
+ @media (hover: hover) {
9237
+ color: var(--color-white);
9238
+ }
9239
+ }
9240
+ }
9241
+ .hover\:underline {
9242
+ &:hover {
9243
+ @media (hover: hover) {
9244
+ text-decoration-line: underline;
9245
+ }
9246
+ }
9247
+ }
9248
+ .hover\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.1\)\] {
9249
+ &:hover {
9250
+ @media (hover: hover) {
9251
+ --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.1));
9252
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9253
+ }
9254
+ }
9255
+ }
9256
+ .hover\:shadow-lg {
9257
+ &:hover {
9258
+ @media (hover: hover) {
9259
+ --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));
9260
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9261
+ }
9262
+ }
9263
+ }
9264
+ .hover\:shadow-sm {
9265
+ &:hover {
9266
+ @media (hover: hover) {
9267
+ --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));
9268
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9269
+ }
9270
+ }
9271
+ }
9272
+ .hover\:brightness-95 {
9273
+ &:hover {
9274
+ @media (hover: hover) {
9275
+ --tw-brightness: brightness(95%);
9276
+ 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,);
9277
+ }
9278
+ }
9279
+ }
9280
+ .hover\:brightness-\[0\.98\] {
9281
+ &:hover {
9282
+ @media (hover: hover) {
9283
+ --tw-brightness: brightness(0.98);
9284
+ 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,);
9285
+ }
9286
+ }
9287
+ }
9288
+ .focus\:border-\[\#7c5cff\] {
9289
+ &:focus {
9290
+ border-color: #7c5cff;
9291
+ }
9292
+ }
9293
+ .focus\:border-violet-400 {
9294
+ &:focus {
9295
+ border-color: var(--color-violet-400);
9296
+ }
9297
+ }
9298
+ .focus\:border-violet-500 {
9299
+ &:focus {
9300
+ border-color: var(--color-violet-500);
9301
+ }
9302
+ }
9303
+ .focus\:border-violet-600 {
9304
+ &:focus {
9305
+ border-color: var(--color-violet-600);
9306
+ }
9307
+ }
9308
+ .focus\:border-b-violet-500 {
9309
+ &:focus {
9310
+ border-bottom-color: var(--color-violet-500);
9311
+ }
9312
+ }
9313
+ .focus\:bg-white {
9314
+ &:focus {
9315
+ background-color: var(--color-white);
9316
+ }
9317
+ }
9318
+ .focus\:shadow-\[0_0_0_2px_rgb\(237\,233\,254\)\] {
9319
+ &:focus {
9320
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgb(237,233,254));
9321
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9322
+ }
9323
+ }
9324
+ .focus\:shadow-\[0_0_0_3px_\#ede9fe\] {
9325
+ &:focus {
9326
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ede9fe);
9327
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9328
+ }
9329
+ }
9330
+ .focus\:shadow-\[0_0_0_3px_\#f4f1ff\] {
9331
+ &:focus {
9332
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #f4f1ff);
9333
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9334
+ }
9335
+ }
9336
+ .focus\:shadow-\[0_0_0_3px_rgb\(237_233_254\)\] {
9337
+ &:focus {
9338
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgb(237 233 254));
9339
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9340
+ }
9341
+ }
9342
+ .focus\:shadow-\[0_0_0_3px_rgba\(139\,92\,246\,0\.15\)\] {
9343
+ &:focus {
9344
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(139,92,246,0.15));
9345
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9346
+ }
9347
+ }
9348
+ .focus\:ring-2 {
9349
+ &:focus {
9350
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
9351
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9352
+ }
9353
+ }
9354
+ .focus\:ring-blue-500 {
9355
+ &:focus {
9356
+ --tw-ring-color: var(--color-blue-500);
9357
+ }
9358
+ }
9359
+ .focus\:outline-none {
9360
+ &:focus {
9361
+ --tw-outline-style: none;
9362
+ outline-style: none;
9363
+ }
9364
+ }
9365
+ .focus-visible\:ring-2 {
9366
+ &:focus-visible {
9367
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
9368
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9369
+ }
9370
+ }
9371
+ .focus-visible\:ring-blue-500 {
9372
+ &:focus-visible {
9373
+ --tw-ring-color: var(--color-blue-500);
9374
+ }
9375
+ }
9376
+ .active\:translate-y-0 {
9377
+ &:active {
9378
+ --tw-translate-y: calc(var(--spacing) * 0);
9379
+ translate: var(--tw-translate-x) var(--tw-translate-y);
9380
+ }
9381
+ }
9382
+ .active\:scale-95 {
9383
+ &:active {
9384
+ --tw-scale-x: 95%;
9385
+ --tw-scale-y: 95%;
9386
+ --tw-scale-z: 95%;
9387
+ scale: var(--tw-scale-x) var(--tw-scale-y);
9388
+ }
9389
+ }
9390
+ .hover\:enabled\:translate-x-0\.5 {
9391
+ &:hover {
9392
+ @media (hover: hover) {
9393
+ &:enabled {
9394
+ --tw-translate-x: calc(var(--spacing) * 0.5);
9395
+ translate: var(--tw-translate-x) var(--tw-translate-y);
9396
+ }
9397
+ }
9398
+ }
9399
+ }
9400
+ .hover\:enabled\:-translate-y-px {
9401
+ &:hover {
9402
+ @media (hover: hover) {
9403
+ &:enabled {
9404
+ --tw-translate-y: -1px;
9405
+ translate: var(--tw-translate-x) var(--tw-translate-y);
9406
+ }
9407
+ }
9408
+ }
9409
+ }
9410
+ .hover\:enabled\:border-violet-300 {
9411
+ &:hover {
9412
+ @media (hover: hover) {
9413
+ &:enabled {
9414
+ border-color: var(--color-violet-300);
9415
+ }
9416
+ }
9417
+ }
9418
+ }
9419
+ .hover\:enabled\:bg-violet-100 {
9420
+ &:hover {
9421
+ @media (hover: hover) {
9422
+ &:enabled {
9423
+ background-color: var(--color-violet-100);
9424
+ }
9425
+ }
9426
+ }
9427
+ }
9428
+ .hover\:enabled\:bg-violet-700 {
9429
+ &:hover {
9430
+ @media (hover: hover) {
9431
+ &:enabled {
9432
+ background-color: var(--color-violet-700);
9433
+ }
7583
9434
  }
7584
9435
  }
7585
9436
  }
7586
- .hover\:bg-gray-200 {
9437
+ .hover\:enabled\:bg-white {
7587
9438
  &:hover {
7588
9439
  @media (hover: hover) {
7589
- background-color: var(--color-gray-200);
9440
+ &:enabled {
9441
+ background-color: var(--color-white);
9442
+ }
7590
9443
  }
7591
9444
  }
7592
9445
  }
7593
- .hover\:bg-gray-300 {
9446
+ .hover\:enabled\:text-violet-600 {
7594
9447
  &:hover {
7595
9448
  @media (hover: hover) {
7596
- background-color: var(--color-gray-300);
9449
+ &:enabled {
9450
+ color: var(--color-violet-600);
9451
+ }
7597
9452
  }
7598
9453
  }
7599
9454
  }
7600
- .hover\:bg-red-50 {
9455
+ .hover\:enabled\:shadow-\[0_2px_8px_rgba\(124\,58\,237\,0\.1\)\] {
7601
9456
  &:hover {
7602
9457
  @media (hover: hover) {
7603
- background-color: var(--color-red-50);
9458
+ &:enabled {
9459
+ --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(124,58,237,0.1));
9460
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9461
+ }
7604
9462
  }
7605
9463
  }
7606
9464
  }
7607
- .hover\:text-indigo-700 {
9465
+ .hover\:enabled\:shadow-\[0_4px_8px_rgba\(124\,58\,237\,0\.4\)\] {
7608
9466
  &:hover {
7609
9467
  @media (hover: hover) {
7610
- color: var(--color-indigo-700);
9468
+ &:enabled {
9469
+ --tw-shadow: 0 4px 8px var(--tw-shadow-color, rgba(124,58,237,0.4));
9470
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9471
+ }
7611
9472
  }
7612
9473
  }
7613
9474
  }
7614
- .hover\:underline {
7615
- &:hover {
7616
- @media (hover: hover) {
7617
- text-decoration-line: underline;
9475
+ .active\:enabled\:translate-x-0 {
9476
+ &:active {
9477
+ &:enabled {
9478
+ --tw-translate-x: calc(var(--spacing) * 0);
9479
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7618
9480
  }
7619
9481
  }
7620
9482
  }
7621
- .focus\:border-transparent {
7622
- &:focus {
7623
- border-color: transparent;
9483
+ .active\:enabled\:translate-y-0 {
9484
+ &:active {
9485
+ &:enabled {
9486
+ --tw-translate-y: calc(var(--spacing) * 0);
9487
+ translate: var(--tw-translate-x) var(--tw-translate-y);
9488
+ }
7624
9489
  }
7625
9490
  }
7626
- .focus\:ring-2 {
7627
- &:focus {
7628
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7629
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9491
+ .disabled\:cursor-not-allowed {
9492
+ &:disabled {
9493
+ cursor: not-allowed;
7630
9494
  }
7631
9495
  }
7632
- .focus\:ring-blue-500 {
7633
- &:focus {
7634
- --tw-ring-color: var(--color-blue-500);
9496
+ .disabled\:bg-slate-200 {
9497
+ &:disabled {
9498
+ background-color: var(--color-slate-200);
7635
9499
  }
7636
9500
  }
7637
- .focus\:outline-none {
7638
- &:focus {
7639
- --tw-outline-style: none;
7640
- outline-style: none;
9501
+ .disabled\:text-slate-400 {
9502
+ &:disabled {
9503
+ color: var(--color-slate-400);
7641
9504
  }
7642
9505
  }
7643
- .focus-visible\:ring-2 {
7644
- &:focus-visible {
7645
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7646
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9506
+ .disabled\:opacity-30 {
9507
+ &:disabled {
9508
+ opacity: 30%;
7647
9509
  }
7648
9510
  }
7649
- .focus-visible\:ring-blue-500 {
7650
- &:focus-visible {
7651
- --tw-ring-color: var(--color-blue-500);
9511
+ .disabled\:opacity-40 {
9512
+ &:disabled {
9513
+ opacity: 40%;
7652
9514
  }
7653
9515
  }
7654
- .disabled\:cursor-not-allowed {
9516
+ .disabled\:opacity-50 {
7655
9517
  &:disabled {
7656
- cursor: not-allowed;
9518
+ opacity: 50%;
7657
9519
  }
7658
9520
  }
7659
- .disabled\:bg-gray-300 {
9521
+ .disabled\:shadow-none {
7660
9522
  &:disabled {
7661
- background-color: var(--color-gray-300);
9523
+ --tw-shadow: 0 0 #0000;
9524
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
9525
+ }
9526
+ }
9527
+ .max-\[900px\]\:-order-1 {
9528
+ @media (width < 900px) {
9529
+ order: calc(1 * -1);
9530
+ }
9531
+ }
9532
+ .max-\[900px\]\:h-40 {
9533
+ @media (width < 900px) {
9534
+ height: calc(var(--spacing) * 40);
9535
+ }
9536
+ }
9537
+ .max-\[900px\]\:w-full {
9538
+ @media (width < 900px) {
9539
+ width: 100%;
9540
+ }
9541
+ }
9542
+ .max-\[900px\]\:grid-cols-1 {
9543
+ @media (width < 900px) {
9544
+ grid-template-columns: repeat(1, minmax(0, 1fr));
9545
+ }
9546
+ }
9547
+ .max-md\:\!grid-cols-1 {
9548
+ @media (width < 48rem) {
9549
+ grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
9550
+ }
9551
+ }
9552
+ .max-md\:grid-cols-1 {
9553
+ @media (width < 48rem) {
9554
+ grid-template-columns: repeat(1, minmax(0, 1fr));
9555
+ }
9556
+ }
9557
+ .max-md\:flex-col {
9558
+ @media (width < 48rem) {
9559
+ flex-direction: column;
7662
9560
  }
7663
9561
  }
7664
9562
  .sm\:px-6 {
@@ -7666,11 +9564,383 @@
7666
9564
  padding-inline: calc(var(--spacing) * 6);
7667
9565
  }
7668
9566
  }
9567
+ .md\:flex-1 {
9568
+ @media (width >= 48rem) {
9569
+ flex: 1;
9570
+ }
9571
+ }
9572
+ .md\:flex-nowrap {
9573
+ @media (width >= 48rem) {
9574
+ flex-wrap: nowrap;
9575
+ }
9576
+ }
7669
9577
  .md\:px-6 {
7670
9578
  @media (width >= 48rem) {
7671
9579
  padding-inline: calc(var(--spacing) * 6);
7672
9580
  }
7673
9581
  }
9582
+ .\[\&\>div\]\:mb-2\.5 {
9583
+ &>div {
9584
+ margin-bottom: calc(var(--spacing) * 2.5);
9585
+ }
9586
+ }
9587
+ .\[\&\>div\:last-child\]\:mb-0 {
9588
+ &>div:last-child {
9589
+ margin-bottom: calc(var(--spacing) * 0);
9590
+ }
9591
+ }
9592
+ .\[\&\>svg\]\:h-3 {
9593
+ &>svg {
9594
+ height: calc(var(--spacing) * 3);
9595
+ }
9596
+ }
9597
+ .\[\&\>svg\]\:w-3 {
9598
+ &>svg {
9599
+ width: calc(var(--spacing) * 3);
9600
+ }
9601
+ }
9602
+ .\[\&\>td\]\:border-t {
9603
+ &>td {
9604
+ border-top-style: var(--tw-border-style);
9605
+ border-top-width: 1px;
9606
+ }
9607
+ }
9608
+ .\[\&\>td\]\:border-t-2 {
9609
+ &>td {
9610
+ border-top-style: var(--tw-border-style);
9611
+ border-top-width: 2px;
9612
+ }
9613
+ }
9614
+ .\[\&\>td\]\:border-b {
9615
+ &>td {
9616
+ border-bottom-style: var(--tw-border-style);
9617
+ border-bottom-width: 1px;
9618
+ }
9619
+ }
9620
+ .\[\&\>td\]\:border-dashed {
9621
+ &>td {
9622
+ --tw-border-style: dashed;
9623
+ border-style: dashed;
9624
+ }
9625
+ }
9626
+ .\[\&\>td\]\:border-slate-100 {
9627
+ &>td {
9628
+ border-color: var(--color-slate-100);
9629
+ }
9630
+ }
9631
+ .\[\&\>td\]\:border-slate-200 {
9632
+ &>td {
9633
+ border-color: var(--color-slate-200);
9634
+ }
9635
+ }
9636
+ .\[\&\>td\]\:border-slate-300 {
9637
+ &>td {
9638
+ border-color: var(--color-slate-300);
9639
+ }
9640
+ }
9641
+ .\[\&\>td\]\:border-violet-200 {
9642
+ &>td {
9643
+ border-color: var(--color-violet-200);
9644
+ }
9645
+ }
9646
+ .\[\&\>td\]\:border-violet-300 {
9647
+ &>td {
9648
+ border-color: var(--color-violet-300);
9649
+ }
9650
+ }
9651
+ .\[\&\>td\]\:px-4 {
9652
+ &>td {
9653
+ padding-inline: calc(var(--spacing) * 4);
9654
+ }
9655
+ }
9656
+ .\[\&\>td\]\:py-2 {
9657
+ &>td {
9658
+ padding-block: calc(var(--spacing) * 2);
9659
+ }
9660
+ }
9661
+ .\[\&\>td\]\:py-2\.5 {
9662
+ &>td {
9663
+ padding-block: calc(var(--spacing) * 2.5);
9664
+ }
9665
+ }
9666
+ .\[\&\>td\]\:py-3\.5 {
9667
+ &>td {
9668
+ padding-block: calc(var(--spacing) * 3.5);
9669
+ }
9670
+ }
9671
+ .\[\&\>td\]\:pl-8 {
9672
+ &>td {
9673
+ padding-left: calc(var(--spacing) * 8);
9674
+ }
9675
+ }
9676
+ .\[\&\>td\]\:text-\[0\.8125rem\] {
9677
+ &>td {
9678
+ font-size: 0.8125rem;
9679
+ }
9680
+ }
9681
+ .\[\&\>td\]\:font-bold {
9682
+ &>td {
9683
+ --tw-font-weight: var(--font-weight-bold);
9684
+ font-weight: var(--font-weight-bold);
9685
+ }
9686
+ }
9687
+ .\[\&\>td\]\:font-semibold {
9688
+ &>td {
9689
+ --tw-font-weight: var(--font-weight-semibold);
9690
+ font-weight: var(--font-weight-semibold);
9691
+ }
9692
+ }
9693
+ .\[\&\>td\]\:text-slate-700 {
9694
+ &>td {
9695
+ color: var(--color-slate-700);
9696
+ }
9697
+ }
9698
+ .\[\&\>td\]\:text-violet-700 {
9699
+ &>td {
9700
+ color: var(--color-violet-700);
9701
+ }
9702
+ }
9703
+ .\[\&\>td\]\:text-violet-900 {
9704
+ &>td {
9705
+ color: var(--color-violet-900);
9706
+ }
9707
+ }
9708
+ .\[\&\>td\:first-child\]\:sticky {
9709
+ &>td:first-child {
9710
+ position: sticky;
9711
+ }
9712
+ }
9713
+ .\[\&\>td\:first-child\]\:left-0 {
9714
+ &>td:first-child {
9715
+ left: calc(var(--spacing) * 0);
9716
+ }
9717
+ }
9718
+ .\[\&\>td\:first-child\]\:z-10 {
9719
+ &>td:first-child {
9720
+ z-index: 10;
9721
+ }
9722
+ }
9723
+ .\[\&\>td\:first-child\]\:bg-slate-50 {
9724
+ &>td:first-child {
9725
+ background-color: var(--color-slate-50);
9726
+ }
9727
+ }
9728
+ .\[\&\>td\:first-child\]\:bg-slate-100 {
9729
+ &>td:first-child {
9730
+ background-color: var(--color-slate-100);
9731
+ }
9732
+ }
9733
+ .\[\&\>td\:first-child\]\:bg-violet-50 {
9734
+ &>td:first-child {
9735
+ background-color: var(--color-violet-50);
9736
+ }
9737
+ }
9738
+ .\[\&\>td\:first-child\]\:bg-violet-100 {
9739
+ &>td:first-child {
9740
+ background-color: var(--color-violet-100);
9741
+ }
9742
+ }
9743
+ }
9744
+ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');
9745
+ @keyframes so-fade-in {
9746
+ from {
9747
+ opacity: 0;
9748
+ transform: translateY(8px);
9749
+ }
9750
+ to {
9751
+ opacity: 1;
9752
+ transform: translateY(0);
9753
+ }
9754
+ }
9755
+ @keyframes so-scale-in {
9756
+ from {
9757
+ opacity: 0;
9758
+ transform: scale(0.96);
9759
+ }
9760
+ to {
9761
+ opacity: 1;
9762
+ transform: scale(1);
9763
+ }
9764
+ }
9765
+ @keyframes so-float {
9766
+ 0%, 100% {
9767
+ transform: translateY(0);
9768
+ }
9769
+ 50% {
9770
+ transform: translateY(-8px);
9771
+ }
9772
+ }
9773
+ @keyframes so-fab-in {
9774
+ from {
9775
+ opacity: 0;
9776
+ transform: translateY(8px);
9777
+ }
9778
+ to {
9779
+ opacity: 1;
9780
+ transform: translateY(0);
9781
+ }
9782
+ }
9783
+ @keyframes so-confirm-fade-in {
9784
+ from {
9785
+ opacity: 0;
9786
+ }
9787
+ to {
9788
+ opacity: 1;
9789
+ }
9790
+ }
9791
+ @keyframes so-confirm-scale-in {
9792
+ from {
9793
+ opacity: 0;
9794
+ transform: scale(0.95);
9795
+ }
9796
+ to {
9797
+ opacity: 1;
9798
+ transform: scale(1);
9799
+ }
9800
+ }
9801
+ @keyframes progress-pulse {
9802
+ 0%, 100% {
9803
+ opacity: 1;
9804
+ }
9805
+ 50% {
9806
+ opacity: 0.4;
9807
+ }
9808
+ }
9809
+ @keyframes progress-dropdown-in {
9810
+ from {
9811
+ opacity: 0;
9812
+ transform: translateY(-4px);
9813
+ }
9814
+ to {
9815
+ opacity: 1;
9816
+ transform: translateY(0);
9817
+ }
9818
+ }
9819
+ @keyframes progress-overlay-in {
9820
+ from {
9821
+ opacity: 0;
9822
+ }
9823
+ to {
9824
+ opacity: 1;
9825
+ }
9826
+ }
9827
+ @keyframes progress-modal-in {
9828
+ from {
9829
+ opacity: 0;
9830
+ transform: scale(0.95) translateY(8px);
9831
+ }
9832
+ to {
9833
+ opacity: 1;
9834
+ transform: scale(1) translateY(0);
9835
+ }
9836
+ }
9837
+ @keyframes tier-slide-up {
9838
+ from {
9839
+ opacity: 0;
9840
+ transform: translateY(12px);
9841
+ }
9842
+ to {
9843
+ opacity: 1;
9844
+ transform: translateY(0);
9845
+ }
9846
+ }
9847
+ @keyframes catalog__fade-in {
9848
+ from {
9849
+ opacity: 0;
9850
+ transform: translateY(4px);
9851
+ }
9852
+ to {
9853
+ opacity: 1;
9854
+ transform: translateY(0);
9855
+ }
9856
+ }
9857
+ @keyframes rts-spin {
9858
+ to {
9859
+ transform: rotate(360deg);
9860
+ }
9861
+ }
9862
+ @keyframes matrix-warning-pulse {
9863
+ 0%, 100% {
9864
+ opacity: 1;
9865
+ }
9866
+ 50% {
9867
+ opacity: 0.5;
9868
+ }
9869
+ }
9870
+ @keyframes panel-overlay-fade {
9871
+ from {
9872
+ opacity: 0;
9873
+ }
9874
+ to {
9875
+ opacity: 1;
9876
+ }
9877
+ }
9878
+ @keyframes panel-slide-in {
9879
+ from {
9880
+ opacity: 0;
9881
+ transform: translateX(20px);
9882
+ }
9883
+ to {
9884
+ opacity: 1;
9885
+ transform: translateX(0);
9886
+ }
9887
+ }
9888
+ @keyframes modal-backdrop {
9889
+ from {
9890
+ opacity: 0;
9891
+ }
9892
+ to {
9893
+ opacity: 1;
9894
+ }
9895
+ }
9896
+ @keyframes modal-pop {
9897
+ from {
9898
+ opacity: 0;
9899
+ transform: scale(0.95) translateY(8px);
9900
+ }
9901
+ to {
9902
+ opacity: 1;
9903
+ transform: scale(1) translateY(0);
9904
+ }
9905
+ }
9906
+ [data-radix-popper-content-wrapper] {
9907
+ z-index: 9999 !important;
9908
+ min-width: 0 !important;
9909
+ max-width: 280px !important;
9910
+ }
9911
+ [data-radix-popper-content-wrapper] [data-side] {
9912
+ max-width: 280px !important;
9913
+ white-space: normal !important;
9914
+ line-height: 1.45 !important;
9915
+ word-wrap: break-word !important;
9916
+ }
9917
+ .so-scrollbar-h::-webkit-scrollbar {
9918
+ height: 8px;
9919
+ }
9920
+ .so-scrollbar-h::-webkit-scrollbar-track {
9921
+ background: #f1f5f9;
9922
+ border-radius: 4px;
9923
+ }
9924
+ .so-scrollbar-h::-webkit-scrollbar-thumb {
9925
+ background: #cbd5e1;
9926
+ border-radius: 4px;
9927
+ }
9928
+ .so-scrollbar-h::-webkit-scrollbar-thumb:hover {
9929
+ background: #94a3b8;
9930
+ }
9931
+ .so-scrollbar-v::-webkit-scrollbar {
9932
+ width: 6px;
9933
+ }
9934
+ .so-scrollbar-v::-webkit-scrollbar-track {
9935
+ background: #f8fafc;
9936
+ border-radius: 3px;
9937
+ }
9938
+ .so-scrollbar-v::-webkit-scrollbar-thumb {
9939
+ background: #cbd5e1;
9940
+ border-radius: 3px;
9941
+ }
9942
+ .so-scrollbar-v::-webkit-scrollbar-thumb:hover {
9943
+ background: #94a3b8;
7674
9944
  }
7675
9945
  @property --tw-outline-style {
7676
9946
  syntax: "*";
@@ -7700,12 +9970,14 @@
7700
9970
  @layer properties {
7701
9971
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
7702
9972
  *, ::before, ::after, ::backdrop {
9973
+ --tw-translate-x: 0;
9974
+ --tw-translate-y: 0;
9975
+ --tw-translate-z: 0;
7703
9976
  --tw-rotate-x: initial;
7704
9977
  --tw-rotate-y: initial;
7705
9978
  --tw-rotate-z: initial;
7706
9979
  --tw-skew-x: initial;
7707
9980
  --tw-skew-y: initial;
7708
- --tw-space-y-reverse: 0;
7709
9981
  --tw-border-style: solid;
7710
9982
  --tw-gradient-position: initial;
7711
9983
  --tw-gradient-from: #0000;
@@ -7718,6 +9990,7 @@
7718
9990
  --tw-gradient-to-position: 100%;
7719
9991
  --tw-leading: initial;
7720
9992
  --tw-font-weight: initial;
9993
+ --tw-tracking: initial;
7721
9994
  --tw-shadow: 0 0 #0000;
7722
9995
  --tw-shadow-color: initial;
7723
9996
  --tw-shadow-alpha: 100%;
@@ -7757,6 +10030,9 @@
7757
10030
  --tw-backdrop-sepia: initial;
7758
10031
  --tw-duration: initial;
7759
10032
  --tw-ease: initial;
10033
+ --tw-scale-x: 1;
10034
+ --tw-scale-y: 1;
10035
+ --tw-scale-z: 1;
7760
10036
  }
7761
10037
  }
7762
10038
  }