@powerhousedao/contributor-billing 1.0.0-dev.14 → 1.0.0-dev.15

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