@starasia/admin 14.50.1 → 14.51.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +3 -3
- package/dist/index.es.js +188 -188
- package/dist/index.umd.js +3 -3
- package/dist/skins/tech.css +141 -139
- package/dist/style.css +1 -1
- package/package.json +33 -33
package/dist/skins/tech.css
CHANGED
|
@@ -31,143 +31,145 @@
|
|
|
31
31
|
* file ini tidak berpengaruh apa-apa (selain memuat font).
|
|
32
32
|
*/
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
34
|
+
@layer starasia.tokens {
|
|
35
|
+
/* ==========================================================
|
|
36
|
+
Tech — Light (dan nilai bersama untuk dark)
|
|
37
|
+
========================================================== */
|
|
38
|
+
[data-skin="tech"] {
|
|
39
|
+
/* brand → cyan. 600 = primary light (#0E7490, machine-health), 300 =
|
|
40
|
+
primary dark (#5CD6FF, garis HUD) — pemetaan semantic starasia: light
|
|
41
|
+
pakai brand-600, dark pakai brand-300 untuk --sa-background-brand.
|
|
42
|
+
50/100/200/400 diambil dari palet HUD company (white/lit/ice). */
|
|
43
|
+
--sa-color-brand-50: #e8f6ff;
|
|
44
|
+
--sa-color-brand-100: #d6efff;
|
|
45
|
+
--sa-color-brand-200: #8fd3ff;
|
|
46
|
+
--sa-color-brand-300: #5cd6ff;
|
|
47
|
+
--sa-color-brand-400: #2fb8ff;
|
|
48
|
+
--sa-color-brand-500: #0e9bc4;
|
|
49
|
+
--sa-color-brand-600: #0e7490;
|
|
50
|
+
--sa-color-brand-700: #0b5d73;
|
|
51
|
+
--sa-color-brand-800: #0b4b5e;
|
|
52
|
+
--sa-color-brand-900: #072f3b;
|
|
53
|
+
|
|
54
|
+
/* gray → slate kebiruan; 100 = mist, 300 = line, 700 = muted (company),
|
|
55
|
+
1100 = ink HUD */
|
|
56
|
+
--sa-color-gray-50: #ffffff;
|
|
57
|
+
--sa-color-gray-100: #f4f6fa;
|
|
58
|
+
--sa-color-gray-200: #eef2f8;
|
|
59
|
+
--sa-color-gray-300: #dde3ed;
|
|
60
|
+
--sa-color-gray-400: #c3cedc;
|
|
61
|
+
--sa-color-gray-500: #8695ac;
|
|
62
|
+
--sa-color-gray-600: #6e7e96;
|
|
63
|
+
--sa-color-gray-700: #5a6b84;
|
|
64
|
+
--sa-color-gray-800: #3a4a61;
|
|
65
|
+
--sa-color-gray-900: #1b2637;
|
|
66
|
+
--sa-color-gray-1000: #0b1220;
|
|
67
|
+
--sa-color-gray-1100: #020b18;
|
|
68
|
+
|
|
69
|
+
/* dark surface scale → navy HUD (ink → panel → layar) */
|
|
70
|
+
--sa-color-dark-50: #020b18;
|
|
71
|
+
--sa-color-dark-100: #041830;
|
|
72
|
+
--sa-color-dark-200: #062342;
|
|
73
|
+
--sa-color-dark-300: #0b2747;
|
|
74
|
+
--sa-color-dark-400: #12304f;
|
|
75
|
+
--sa-color-dark-500: #45678c;
|
|
76
|
+
--sa-color-dark-600: #5f7a96;
|
|
77
|
+
--sa-color-dark-700: #7f8da0;
|
|
78
|
+
--sa-color-dark-800: #8fa6c4;
|
|
79
|
+
--sa-color-dark-900: #b4c6dc;
|
|
80
|
+
--sa-color-dark-1000: #d6e4f2;
|
|
81
|
+
--sa-color-dark-1100: #e8f6ff;
|
|
82
|
+
|
|
83
|
+
/* alpha → tint navy (light) / ice (dark) */
|
|
84
|
+
--sa-color-black-alpha-a5: #0b12200d;
|
|
85
|
+
--sa-color-black-alpha-a10: #0b12201a;
|
|
86
|
+
--sa-color-white-alpha-a5: #8fd3ff0d;
|
|
87
|
+
--sa-color-white-alpha-a10: #8fd3ff1a;
|
|
88
|
+
--sa-color-white-alpha-a20: #8fd3ff33;
|
|
89
|
+
|
|
90
|
+
/* semantic light */
|
|
91
|
+
--sa-border-subtle: #dde3ed;
|
|
92
|
+
--sa-background-error: #cc3340;
|
|
93
|
+
--sa-background-success: #157c54;
|
|
94
|
+
--sa-background-warning: #c77d19;
|
|
95
|
+
--sa-border-danger: #cc3340;
|
|
96
|
+
--sa-border-success: #157c54;
|
|
97
|
+
--sa-border-warning: #c77d19;
|
|
98
|
+
|
|
99
|
+
/* focus → amber (company: "amber focus ring, visible on both white and
|
|
100
|
+
navy"). --sa-border-focused dibaca input/textarea/tabs/breadcrumb/card/
|
|
101
|
+
Box; --sa-focus-ring dibaca Button (menggantikan ring per-tone). */
|
|
102
|
+
--sa-border-focused: var(--sa-color-amber-500, #f5a524);
|
|
103
|
+
--sa-focus-ring: rgba(245, 165, 36, 0.6);
|
|
104
|
+
|
|
105
|
+
/* radius → sudut tajam (pakai `0px`, bukan `0`: komponen memakai
|
|
106
|
+
`min(3px, var(--sa-radii-xs))` dan angka tanpa unit tidak valid di min()).
|
|
107
|
+
full & circular TIDAK diubah: pill, LED status, avatar tetap bulat. */
|
|
108
|
+
--sa-radii-xs: 0px;
|
|
109
|
+
--sa-radii-sm: 0px;
|
|
110
|
+
--sa-radii-md: 0px;
|
|
111
|
+
--sa-radii-lg: 0px;
|
|
112
|
+
--sa-radii-xl: 0px;
|
|
113
|
+
--sa-radii-2xl: 0px;
|
|
114
|
+
--sa-radii-rounded: 0px;
|
|
115
|
+
|
|
116
|
+
/* font — heading sama dengan body (Geist), mono untuk kode/angka */
|
|
117
|
+
--sa-font-family: "Geist", ui-sans-serif, system-ui, -apple-system,
|
|
118
|
+
"Segoe UI", Roboto, sans-serif;
|
|
119
|
+
--sa-font-family-heading: "Geist", ui-sans-serif, system-ui, -apple-system,
|
|
120
|
+
"Segoe UI", Roboto, sans-serif;
|
|
121
|
+
--sa-font-family-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo,
|
|
122
|
+
Consolas, monospace;
|
|
123
|
+
|
|
124
|
+
/* elevation datar — kartu cukup hairline border (sudah ada di Card) */
|
|
125
|
+
--sa-shadow-card: none;
|
|
126
|
+
|
|
127
|
+
/* token khusus tech — untuk dekorasi HUD/circuit di app */
|
|
128
|
+
--sa-glow-accent: rgba(14, 155, 196, 0.25);
|
|
129
|
+
--sa-grid-line: rgba(11, 18, 32, 0.05);
|
|
130
|
+
--sa-circuit-line: rgba(14, 116, 144, 0.18);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/* Seleksi teks amber + teks gelap (company) — sama di light & dark */
|
|
134
|
+
[data-skin="tech"] ::selection {
|
|
135
|
+
background-color: var(--sa-color-amber-500, #f5a524);
|
|
136
|
+
color: var(--sa-color-gray-1100, #020b18);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/* ==========================================================
|
|
140
|
+
Tech — Dark (palet HUD command center)
|
|
141
|
+
========================================================== */
|
|
142
|
+
[data-skin="tech"][data-theme="dark"] {
|
|
143
|
+
/* text */
|
|
144
|
+
--sa-text-primary: #e8f6ff;
|
|
145
|
+
|
|
146
|
+
/* surface: panel #041830 di atas halaman ink #020B18 */
|
|
147
|
+
--sa-background-primary: #041830;
|
|
148
|
+
--sa-background-primary-inverse: #020b18;
|
|
149
|
+
--sa-background-subtle: #12304f;
|
|
150
|
+
--sa-background-hover: #0b2747;
|
|
151
|
+
--sa-background-pressed: #0e2c50;
|
|
152
|
+
--sa-background-neutral: #062342;
|
|
153
|
+
--sa-background-neutral-hover: #0b2747;
|
|
154
|
+
--sa-background-neutral-pressed: #12304f;
|
|
155
|
+
--sa-background-brand-subtlest: #062342;
|
|
156
|
+
|
|
157
|
+
/* status — HUD */
|
|
158
|
+
--sa-background-error: #ff5d5d;
|
|
159
|
+
--sa-background-success: #4ade80;
|
|
160
|
+
--sa-background-warning: #f5a524;
|
|
161
|
+
--sa-border-danger: #ff5d5d;
|
|
162
|
+
--sa-border-success: #4ade80;
|
|
163
|
+
--sa-border-warning: #f5a524;
|
|
164
|
+
|
|
165
|
+
/* border-subtle mengikuti white-alpha-a10 (sudah di-tint ice di atas),
|
|
166
|
+
tapi light menimpanya dengan hex → kembalikan ke alpha di dark */
|
|
167
|
+
--sa-border-subtle: var(--sa-color-white-alpha-a10, #8fd3ff1a);
|
|
168
|
+
|
|
169
|
+
--sa-shadow-card: none;
|
|
170
|
+
|
|
171
|
+
--sa-glow-accent: rgba(143, 211, 255, 0.35);
|
|
172
|
+
--sa-grid-line: rgba(143, 211, 255, 0.06);
|
|
173
|
+
--sa-circuit-line: rgba(92, 214, 255, 0.16);
|
|
174
|
+
}
|
|
173
175
|
}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--sa-color-brand-50: #e6edf6;--sa-color-brand-100: #ccd9ed;--sa-color-brand-200: #99b3db;--sa-color-brand-300: #668cc9;--sa-color-brand-400: #3366b7;--sa-color-brand-500: #1a4fa0;--sa-color-brand-600: #04254f;--sa-color-brand-700: #031f43;--sa-color-brand-800: #021937;--sa-color-brand-900: #02132b;--sa-color-secondary-50: #e6e9fb;--sa-color-secondary-100: #b0b9f1;--sa-color-secondary-200: #8a98ea;--sa-color-secondary-300: #5468e1;--sa-color-secondary-400: #334bdb;--sa-color-secondary-500: #001ed2;--sa-color-secondary-600: #001bbf;--sa-color-secondary-700: #001595;--sa-color-secondary-800: #001174;--sa-color-secondary-900: #00003c;--sa-color-error-50: #fff0f3;--sa-color-error-100: #ffccd5;--sa-color-error-200: #ffb3c1;--sa-color-error-300: #ff8fa3;--sa-color-error-400: #ff758f;--sa-color-error-500: #ff4d6d;--sa-color-error-600: #c9184a;--sa-color-error-700: #a4133c;--sa-color-error-800: #800f2f;--sa-color-error-900: #590d22;--sa-color-success-50: #ecfff6;--sa-color-success-100: #baeed6;--sa-color-success-200: #97e6c1;--sa-color-success-300: #75dead;--sa-color-success-400: #52d698;--sa-color-success-500: #30ce84;--sa-color-success-600: #28ac6e;--sa-color-success-700: #208958;--sa-color-success-800: #186742;--sa-color-success-900: #10442c;--sa-color-info-50: #effaff;--sa-color-info-100: #def3ff;--sa-color-info-200: #b6eaff;--sa-color-info-300: #75dbff;--sa-color-info-400: #2ccaff;--sa-color-info-500: #00abeb;--sa-color-info-600: #0090d4;--sa-color-info-700: #0073ab;--sa-color-info-800: #00608d;--sa-color-info-900: #04334d;--sa-color-warning-50: #fef2e6;--sa-color-warning-100: #f8d9ac;--sa-color-warning-200: #f4c583;--sa-color-warning-300: #f1b259;--sa-color-warning-400: #ed9f30;--sa-color-warning-500: #d18d2c;--sa-color-warning-600: #8e5f1d;--sa-color-warning-700: #5f4013;--sa-color-warning-800: #2f200a;--sa-color-warning-900: #241808;--sa-color-amber-50: #fff8eb;--sa-color-amber-100: #ffefcc;--sa-color-amber-200: #ffdd99;--sa-color-amber-300: #ffc966;--sa-color-amber-400: #ffb63f;--sa-color-amber-500: #f5a524;--sa-color-amber-600: #d4870f;--sa-color-amber-700: #a8690b;--sa-color-amber-800: #7a4c0a;--sa-color-amber-900: #4d3008;--sa-color-azure-50: #eaf2fd;--sa-color-azure-100: #cfe0fa;--sa-color-azure-200: #9fc1f5;--sa-color-azure-300: #6fa2ef;--sa-color-azure-400: #3f83ea;--sa-color-azure-500: #1f6be0;--sa-color-azure-600: #0f5bd0;--sa-color-azure-700: #0c49a6;--sa-color-azure-800: #09377d;--sa-color-azure-900: #062553;--sa-color-gray-50: #ffffff;--sa-color-gray-100: #f8f8f8;--sa-color-gray-200: #f0f1f2;--sa-color-gray-300: #dddee1;--sa-color-gray-400: #b7b9be;--sa-color-gray-500: #8c8f97;--sa-color-gray-600: #7d818a;--sa-color-gray-700: #6b6e76;--sa-color-gray-800: #505258;--sa-color-gray-900: #3b3d42;--sa-color-gray-1000: #292a2e;--sa-color-gray-1100: #1e1f21;--sa-color-dark-50: #18191a;--sa-color-dark-100: #1f1f21;--sa-color-dark-200: #303134;--sa-color-dark-300: #3d3f43;--sa-color-dark-400: #4b4d51;--sa-color-dark-500: #63666b;--sa-color-dark-600: #7e8188;--sa-color-dark-700: #96999e;--sa-color-dark-800: #a9abaf;--sa-color-dark-900: #bfc1c4;--sa-color-dark-1000: #cecfd2;--sa-color-dark-1100: #e2e3e4;--sa-color-black-alpha-a5: #1717170d;--sa-color-black-alpha-a10: #0515241a;--sa-color-black-alpha-a20: #0b120e33;--sa-color-black-alpha-a30: #080f214c;--sa-color-black-alpha-a50: #181a1980;--sa-color-black-alpha-a70: #181a19b2;--sa-color-white-alpha-a5: #bdbdbd0d;--sa-color-white-alpha-a10: #bdbdbd1a;--sa-color-white-alpha-a20: #ceced933;--sa-color-white-alpha-a30: #d9dae74c;--sa-color-white-alpha-a50: #e3e4f280;--sa-color-white-alpha-a70: #e8edfdb2;--sa-color-white-alpha-a80: #e5e9f6cc;--sa-color-white-alpha-a90: #e5e9f6e6;--sa-color-gray-alpha-a10: #78867f1a;--sa-color-gray-alpha-a16: #78867f29;--sa-color-gray-alpha-a20: #78867f33;--sa-color-gray-alpha-a28: #78867f47;--sa-color-gray-alpha-a62: #78867f9e;--sa-color-black-alpha-a7: #00000012;--sa-color-black-alpha-a8: #00000014;--sa-color-black-alpha-a45: #00000073;--sa-color-white-alpha-half: #ffffff80;--sa-color-info-alpha-a10: #64b5f61a}:root{--sa-text-primary: var(--sa-color-gray-1000, #292a2e);--sa-text-primary-inverse: var(--sa-color-gray-50, #ffffff);--sa-text-brand: var(--sa-color-brand-700, #031f43);--sa-text-brand-bolder: var(--sa-color-brand-900, #02132b);--sa-text-brand-hover: var(--sa-color-brand-900, #02132b);--sa-text-brand-pressed: var(--sa-color-brand-800, #021937);--sa-text-brand-disable: var(--sa-color-brand-300, #668cc9);--sa-text-error: var(--sa-color-error-700, #a4133c);--sa-text-error-bolder: var(--sa-color-error-900, #590d22);--sa-text-error-hover: var(--sa-color-error-900, #590d22);--sa-text-error-pressed: var(--sa-color-error-800, #800f2f);--sa-text-error-disable: var(--sa-color-error-300, #ff8fa3);--sa-text-success: var(--sa-color-success-800, #186742);--sa-text-success-bolder: var(--sa-color-success-900, #10442c);--sa-text-success-hover: var(--sa-color-success-900, #10442c);--sa-text-success-pressed: var(--sa-color-success-800, #186742);--sa-text-success-disable: var(--sa-color-success-300, #75dead);--sa-text-info: var(--sa-color-info-700, #0073ab);--sa-text-info-bolder: var(--sa-color-info-900, #04334d);--sa-text-info-hover: var(--sa-color-info-900, #04334d);--sa-text-info-pressed: var(--sa-color-info-800, #00608d);--sa-text-info-disable: var(--sa-color-info-300, #75dbff);--sa-text-subtle: var(--sa-color-gray-800, #505258);--sa-text-subtlest: var(--sa-color-gray-700, #6b6e76);--sa-text-hover: var(--sa-color-gray-800, #505258);--sa-text-pressed: var(--sa-color-gray-900, #3b3d42);--sa-text-disable: var(--sa-color-black-alpha-a50, #181a1980);--sa-text-bolder: var(--sa-color-gray-1100, #1e1f21);--sa-text-warning: var(--sa-color-warning-700, #5f4013);--sa-text-warning-bolder: var(--sa-color-warning-800, #2f200a);--sa-text-warning-hover: var(--sa-color-warning-900, #241808);--sa-text-warning-pressed: var(--sa-color-warning-800, #2f200a);--sa-text-warning-disable: var(--sa-color-warning-300, #f1b259);--sa-text-secondary: var(--sa-color-secondary-700, #001595);--sa-text-secondary-bolder: var(--sa-color-secondary-900, #00003c);--sa-text-secondary-hover: var(--sa-color-secondary-900, #00003c);--sa-text-secondary-pressed: var(--sa-color-secondary-800, #001174);--sa-text-secondary-disable: var(--sa-color-secondary-300, #5468e1);--sa-icon-primary: var(--sa-color-gray-1000, #292a2e);--sa-icon-primary-inverse: var(--sa-color-gray-50, #ffffff);--sa-icon-subtle: var(--sa-color-gray-800, #505258);--sa-icon-subtlest: var(--sa-color-gray-700, #6b6e76);--sa-icon-hover: var(--sa-color-gray-800, #505258);--sa-icon-pressed: var(--sa-color-gray-900, #3b3d42);--sa-icon-disable: var(--sa-color-black-alpha-a50, #181a1980);--sa-icon-bolder: var(--sa-color-gray-1100, #1e1f21);--sa-icon-brand: var(--sa-color-brand-700, #031f43);--sa-icon-brand-bolder: var(--sa-color-brand-900, #02132b);--sa-icon-brand-hover: var(--sa-color-brand-900, #02132b);--sa-icon-brand-pressed: var(--sa-color-brand-800, #021937);--sa-icon-brand-disable: var(--sa-color-brand-300, #668cc9);--sa-icon-error: var(--sa-color-error-700, #a4133c);--sa-icon-error-bolder: var(--sa-color-error-900, #590d22);--sa-icon-error-hover: var(--sa-color-error-900, #590d22);--sa-icon-error-pressed: var(--sa-color-error-800, #800f2f);--sa-icon-error-disable: var(--sa-color-error-300, #ff8fa3);--sa-icon-success: var(--sa-color-success-800, #186742);--sa-icon-success-bolder: var(--sa-color-success-900, #10442c);--sa-icon-success-hover: var(--sa-color-success-900, #10442c);--sa-icon-success-pressed: var(--sa-color-success-800, #186742);--sa-icon-success-disable: var(--sa-color-success-300, #75dead);--sa-icon-info: var(--sa-color-info-700, #0073ab);--sa-icon-info-bolder: var(--sa-color-info-900, #04334d);--sa-icon-info-hover: var(--sa-color-info-900, #04334d);--sa-icon-info-pressed: var(--sa-color-info-800, #00608d);--sa-icon-info-disable: var(--sa-color-info-300, #75dbff);--sa-icon-warning: var(--sa-color-warning-700, #5f4013);--sa-icon-warning-bolder: var(--sa-color-warning-800, #2f200a);--sa-icon-warning-hover: var(--sa-color-warning-900, #241808);--sa-icon-warning-pressed: var(--sa-color-warning-800, #2f200a);--sa-icon-warning-disable: var(--sa-color-warning-300, #f1b259);--sa-icon-secondary: var(--sa-color-secondary-700, #001595);--sa-icon-secondary-bolder: var(--sa-color-secondary-900, #00003c);--sa-icon-secondary-hover: var(--sa-color-secondary-900, #00003c);--sa-icon-secondary-pressed: var(--sa-color-secondary-800, #001174);--sa-icon-secondary-disable: var(--sa-color-secondary-300, #5468e1);--sa-icon-brand-selected: var(--sa-color-brand-600, #04254f);--sa-icon-error-selected: var(--sa-color-error-600, #c9184a);--sa-icon-success-selected: var(--sa-color-success-600, #28ac6e);--sa-icon-info-selected: var(--sa-color-info-600, #0090d4);--sa-icon-warning-selected: var(--sa-color-warning-600, #8e5f1d);--sa-background-primary: var(--sa-color-gray-50, #ffffff);--sa-background-primary-inverse: var(--sa-color-gray-100, #f8f8f8);--sa-background-subtle: var(--sa-color-gray-300, #dddee1);--sa-background-hover: var(--sa-color-gray-200, #f0f1f2);--sa-background-pressed: var(--sa-color-gray-300, #dddee1);--sa-background-disable: var(--sa-color-black-alpha-a5, #1717170d);--sa-background-overlay: var(--sa-color-black-alpha-a45, #00000073);--sa-background-brand: var(--sa-color-brand-600, #04254f);--sa-background-brand-hover: var(--sa-color-brand-800, #021937);--sa-background-brand-pressed: var(--sa-color-brand-900, #02132b);--sa-background-brand-disable: var(--sa-color-brand-100, #ccd9ed);--sa-background-brand-subtle: var(--sa-color-brand-200, #99b3db);--sa-background-brand-subtle-hover: var(--sa-color-brand-300, #668cc9);--sa-background-brand-subtle-pressed: var(--sa-color-brand-400, #3366b7);--sa-background-brand-subtlest: var(--sa-color-brand-50, #e6edf6);--sa-background-error: var(--sa-color-error-600, #c9184a);--sa-background-error-hover: var(--sa-color-error-500, #ff4d6d);--sa-background-error-pressed: var(--sa-color-error-600, #c9184a);--sa-background-error-disable: var(--sa-color-error-100, #ffccd5);--sa-background-error-subtle: var(--sa-color-error-100, #ffccd5);--sa-background-error-subtle-hover: var(--sa-color-error-50, #fff0f3);--sa-background-error-subtlest: var(--sa-color-error-50, #fff0f3);--sa-background-error-subtlest-hover: var(--sa-color-error-100, #ffccd5);--sa-background-error-subtlest-pressed: var(--sa-color-error-300, #ff8fa3);--sa-background-success: var(--sa-color-success-800, #186742);--sa-background-success-hover: var(--sa-color-success-500, #30ce84);--sa-background-success-pressed: var(--sa-color-success-600, #28ac6e);--sa-background-success-disable: var(--sa-color-success-100, #baeed6);--sa-background-success-subtle: var(--sa-color-success-200, #97e6c1);--sa-background-success-subtle-hover: var(--sa-color-success-100, #baeed6);--sa-background-success-subtlest: var(--sa-color-success-50, #ecfff6);--sa-background-success-subtlest-hover: var(--sa-color-success-100, #baeed6);--sa-background-success-subtlest-pressed: var(--sa-color-success-300, #75dead);--sa-background-info: var(--sa-color-info-700, #0073ab);--sa-background-info-hover: var(--sa-color-info-500, #00abeb);--sa-background-info-pressed: var(--sa-color-info-600, #0090d4);--sa-background-info-disable: var(--sa-color-info-100, #def3ff);--sa-background-info-subtle: var(--sa-color-info-200, #b6eaff);--sa-background-info-subtle-hover: var(--sa-color-info-100, #def3ff);--sa-background-info-subtlest: var(--sa-color-info-50, #effaff);--sa-background-info-subtlest-hover: var(--sa-color-info-100, #def3ff);--sa-background-info-subtlest-pressed: var(--sa-color-info-300, #75dbff);--sa-background-warning: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-hover: var(--sa-color-warning-500, #d18d2c);--sa-background-warning-pressed: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-disable: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-subtle: var(--sa-color-warning-200, #f4c583);--sa-background-warning-subtle-hover: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-subtlest: var(--sa-color-warning-50, #fef2e6);--sa-background-warning-subtlest-hover: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-subtlest-pressed: var(--sa-color-warning-300, #f1b259);--sa-background-neutral: var(--sa-color-gray-200, #f0f1f2);--sa-background-neutral-hover: var(--sa-color-gray-300, #dddee1);--sa-background-neutral-pressed: var(--sa-color-gray-400, #b7b9be);--sa-background-secondary: var(--sa-color-secondary-500, #001ed2);--sa-background-secondary-hover: var(--sa-color-secondary-600, #001bbf);--sa-background-secondary-pressed: var(--sa-color-secondary-700, #001595);--sa-background-secondary-disable: var(--sa-color-secondary-100, #b0b9f1);--sa-background-secondary-subtle: var(--sa-color-secondary-100, #b0b9f1);--sa-border-primary: var(--sa-color-gray-1000, #292a2e);--sa-border-primary-inverse: var(--sa-color-gray-50, #ffffff);--sa-border-subtle: var(--sa-color-black-alpha-a10, #0515241a);--sa-border-bold: var(--sa-color-gray-600, #7d818a);--sa-border-disabled: var(--sa-color-black-alpha-a5, #1717170d);--sa-border-focused: var(--sa-color-brand-500, #1a4fa0);--sa-border-input: var(--sa-color-gray-500, #8c8f97);--sa-border-selected: var(--sa-color-brand-700, #031f43);--sa-border-brand: var(--sa-color-brand-700, #031f43);--sa-border-brand-disable: var(--sa-color-brand-200, #99b3db);--sa-border-danger: var(--sa-color-error-600, #c9184a);--sa-border-danger-subtle: var(--sa-color-error-200, #ffb3c1);--sa-border-danger-disable: var(--sa-color-error-200, #ffb3c1);--sa-border-success: var(--sa-color-success-600, #28ac6e);--sa-border-success-subtle: var(--sa-color-success-200, #97e6c1);--sa-border-success-disable: var(--sa-color-success-200, #97e6c1);--sa-border-info: var(--sa-color-info-600, #0090d4);--sa-border-info-subtle: var(--sa-color-info-200, #b6eaff);--sa-border-warning: var(--sa-color-warning-700, #5f4013);--sa-border-warning-subtle: var(--sa-color-warning-200, #f4c583);--sa-accent-primary: var(--sa-color-gray-1100, #1e1f21);--sa-accent-subtle: var(--sa-color-gray-200, #f0f1f2);--sa-accent-success: var(--sa-color-success-700, #208958);--sa-accent-success-subtle: var(--sa-color-success-50, #ecfff6);--sa-accent-danger: var(--sa-color-error-700, #a4133c);--sa-accent-danger-subtle: var(--sa-color-error-50, #fff0f3);--sa-accent-info: var(--sa-color-info-700, #0073ab);--sa-accent-info-subtle: var(--sa-color-info-50, #effaff);--sa-accent-warning: var(--sa-color-warning-400, #ed9f30);--sa-accent-warning-subtle: var(--sa-color-warning-50, #fef2e6);--sa-accent-brand: var(--sa-color-amber-500, #f5a524);--sa-accent-brand-subtle: var(--sa-color-amber-50, #fff8eb);--sa-background-accent: var(--sa-color-amber-500, #f5a524);--sa-background-accent-hover: var(--sa-color-amber-400, #ffb63f);--sa-background-accent-pressed: var(--sa-color-amber-600, #d4870f);--sa-background-accent-subtle: var(--sa-color-amber-100, #ffefcc);--sa-background-accent-subtlest: var(--sa-color-amber-50, #fff8eb);--sa-text-accent: var(--sa-color-amber-800, #7a4c0a);--sa-text-on-accent: var(--sa-color-gray-1100, #1e1f21);--sa-icon-accent: var(--sa-color-amber-700, #a8690b);--sa-border-accent: var(--sa-color-amber-500, #f5a524)}[data-theme=dark]{--sa-text-primary: var(--sa-color-dark-1100, #e2e3e4);--sa-text-primary-inverse: var(--sa-color-gray-1100, #1e1f21);--sa-text-brand: var(--sa-color-brand-300, #668cc9);--sa-text-brand-bolder: var(--sa-color-brand-50, #e6edf6);--sa-text-brand-hover: var(--sa-color-brand-100, #ccd9ed);--sa-text-brand-pressed: var(--sa-color-brand-200, #99b3db);--sa-text-brand-disable: var(--sa-color-brand-600, #04254f);--sa-text-error: var(--sa-color-error-300, #ff8fa3);--sa-text-error-bolder: var(--sa-color-error-50, #fff0f3);--sa-text-error-hover: var(--sa-color-error-100, #ffccd5);--sa-text-error-pressed: var(--sa-color-error-200, #ffb3c1);--sa-text-error-disable: var(--sa-color-error-600, #c9184a);--sa-text-success: var(--sa-color-success-500, #30ce84);--sa-text-success-bolder: var(--sa-color-success-50, #ecfff6);--sa-text-success-hover: var(--sa-color-success-100, #baeed6);--sa-text-success-pressed: var(--sa-color-success-200, #97e6c1);--sa-text-success-disable: var(--sa-color-success-600, #28ac6e);--sa-text-info: var(--sa-color-info-300, #75dbff);--sa-text-info-bolder: var(--sa-color-info-50, #effaff);--sa-text-info-hover: var(--sa-color-info-100, #def3ff);--sa-text-info-pressed: var(--sa-color-info-200, #b6eaff);--sa-text-info-disable: var(--sa-color-info-600, #0090d4);--sa-text-subtle: var(--sa-color-gray-500, #8c8f97);--sa-text-subtlest: var(--sa-color-gray-600, #7d818a);--sa-text-hover: var(--sa-color-dark-400, #4b4d51);--sa-text-pressed: var(--sa-color-dark-200, #303134);--sa-text-disable: var(--sa-color-white-alpha-a20, #ceced933);--sa-text-bolder: var(--sa-color-gray-50, #ffffff);--sa-text-warning: var(--sa-color-warning-300, #f1b259);--sa-text-warning-bolder: var(--sa-color-warning-50, #fef2e6);--sa-text-warning-hover: var(--sa-color-warning-100, #f8d9ac);--sa-text-warning-pressed: var(--sa-color-warning-200, #f4c583);--sa-text-warning-disable: var(--sa-color-warning-600, #8e5f1d);--sa-text-secondary: var(--sa-color-secondary-300, #5468e1);--sa-text-secondary-bolder: var(--sa-color-secondary-50, #e6e9fb);--sa-text-secondary-hover: var(--sa-color-secondary-100, #b0b9f1);--sa-text-secondary-pressed: var(--sa-color-secondary-200, #8a98ea);--sa-text-secondary-disable: var(--sa-color-secondary-600, #001bbf);--sa-icon-primary: var(--sa-color-dark-1100, #e2e3e4);--sa-icon-primary-inverse: var(--sa-color-gray-1100, #1e1f21);--sa-icon-subtle: var(--sa-color-gray-500, #8c8f97);--sa-icon-subtlest: var(--sa-color-gray-600, #7d818a);--sa-icon-hover: var(--sa-color-dark-900, #bfc1c4);--sa-icon-pressed: var(--sa-color-dark-1000, #cecfd2);--sa-icon-disable: var(--sa-color-white-alpha-a50, #e3e4f280);--sa-icon-bolder: var(--sa-color-gray-50, #ffffff);--sa-icon-brand: var(--sa-color-brand-300, #668cc9);--sa-icon-brand-bolder: var(--sa-color-brand-50, #e6edf6);--sa-icon-brand-hover: var(--sa-color-brand-100, #ccd9ed);--sa-icon-brand-pressed: var(--sa-color-brand-200, #99b3db);--sa-icon-brand-disable: var(--sa-color-brand-600, #04254f);--sa-icon-error: var(--sa-color-error-300, #ff8fa3);--sa-icon-error-bolder: var(--sa-color-error-50, #fff0f3);--sa-icon-error-hover: var(--sa-color-error-100, #ffccd5);--sa-icon-error-pressed: var(--sa-color-error-200, #ffb3c1);--sa-icon-error-disable: var(--sa-color-error-600, #c9184a);--sa-icon-success: var(--sa-color-success-500, #30ce84);--sa-icon-success-bolder: var(--sa-color-success-50, #ecfff6);--sa-icon-success-hover: var(--sa-color-success-100, #baeed6);--sa-icon-success-pressed: var(--sa-color-success-200, #97e6c1);--sa-icon-success-disable: var(--sa-color-success-600, #28ac6e);--sa-icon-info: var(--sa-color-info-300, #75dbff);--sa-icon-info-bolder: var(--sa-color-info-50, #effaff);--sa-icon-info-hover: var(--sa-color-info-100, #def3ff);--sa-icon-info-pressed: var(--sa-color-info-200, #b6eaff);--sa-icon-info-disable: var(--sa-color-info-600, #0090d4);--sa-icon-warning: var(--sa-color-warning-300, #f1b259);--sa-icon-warning-bolder: var(--sa-color-warning-50, #fef2e6);--sa-icon-warning-hover: var(--sa-color-warning-100, #f8d9ac);--sa-icon-warning-pressed: var(--sa-color-warning-200, #f4c583);--sa-icon-warning-disable: var(--sa-color-warning-600, #8e5f1d);--sa-icon-secondary: var(--sa-color-secondary-300, #5468e1);--sa-icon-secondary-bolder: var(--sa-color-secondary-50, #e6e9fb);--sa-icon-secondary-hover: var(--sa-color-secondary-100, #b0b9f1);--sa-icon-secondary-pressed: var(--sa-color-secondary-200, #8a98ea);--sa-icon-secondary-disable: var(--sa-color-secondary-600, #001bbf);--sa-icon-brand-selected: var(--sa-color-brand-400, #3366b7);--sa-icon-error-selected: var(--sa-color-error-400, #ff758f);--sa-icon-success-selected: var(--sa-color-success-400, #52d698);--sa-icon-info-selected: var(--sa-color-info-400, #2ccaff);--sa-icon-warning-selected: var(--sa-color-warning-400, #ed9f30);--sa-background-primary: var(--sa-color-gray-1100, #1e1f21);--sa-background-primary-inverse: var(--sa-color-gray-1000, #292a2e);--sa-background-subtle: var(--sa-color-dark-200, #303134);--sa-background-hover: var(--sa-color-gray-1000, #292a2e);--sa-background-pressed: var(--sa-color-gray-900, #3b3d42);--sa-background-disable: var(--sa-color-white-alpha-a5, #bdbdbd0d);--sa-background-overlay: var(--sa-color-black-alpha-a45, #00000073);--sa-background-brand: var(--sa-color-brand-300, #668cc9);--sa-background-brand-hover: var(--sa-color-brand-100, #ccd9ed);--sa-background-brand-pressed: var(--sa-color-brand-200, #99b3db);--sa-background-brand-disable: var(--sa-color-brand-600, #04254f);--sa-background-brand-subtle: var(--sa-color-brand-400, #3366b7);--sa-background-brand-subtle-hover: var(--sa-color-brand-300, #668cc9);--sa-background-brand-subtle-pressed: var(--sa-color-brand-200, #99b3db);--sa-background-brand-subtlest: var(--sa-color-brand-900, #02132b);--sa-background-error: var(--sa-color-error-500, #ff4d6d);--sa-background-error-hover: var(--sa-color-error-100, #ffccd5);--sa-background-error-pressed: var(--sa-color-error-300, #ff8fa3);--sa-background-error-disable: var(--sa-color-error-800, #800f2f);--sa-background-error-subtle: var(--sa-color-error-800, #800f2f);--sa-background-error-subtle-hover: var(--sa-color-error-700, #a4133c);--sa-background-error-subtlest: var(--sa-color-error-900, #590d22);--sa-background-error-subtlest-hover: var(--sa-color-error-600, #c9184a);--sa-background-error-subtlest-pressed: var(--sa-color-error-500, #ff4d6d);--sa-background-success: var(--sa-color-success-500, #30ce84);--sa-background-success-hover: var(--sa-color-success-100, #baeed6);--sa-background-success-pressed: var(--sa-color-success-200, #97e6c1);--sa-background-success-disable: var(--sa-color-success-600, #28ac6e);--sa-background-success-subtle: var(--sa-color-success-800, #186742);--sa-background-success-subtle-hover: var(--sa-color-success-700, #208958);--sa-background-success-subtlest: var(--sa-color-success-900, #10442c);--sa-background-success-subtlest-hover: var(--sa-color-success-600, #28ac6e);--sa-background-success-subtlest-pressed: var(--sa-color-success-500, #30ce84);--sa-background-info: var(--sa-color-info-500, #00abeb);--sa-background-info-hover: var(--sa-color-info-100, #def3ff);--sa-background-info-pressed: var(--sa-color-info-200, #b6eaff);--sa-background-info-disable: var(--sa-color-info-600, #0090d4);--sa-background-info-subtle: var(--sa-color-info-800, #00608d);--sa-background-info-subtle-hover: var(--sa-color-info-700, #0073ab);--sa-background-info-subtlest: var(--sa-color-info-900, #04334d);--sa-background-info-subtlest-hover: var(--sa-color-info-600, #0090d4);--sa-background-info-subtlest-pressed: var(--sa-color-info-500, #00abeb);--sa-background-warning: var(--sa-color-warning-300, #f1b259);--sa-background-warning-hover: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-pressed: var(--sa-color-warning-200, #f4c583);--sa-background-warning-disable: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-subtle: var(--sa-color-warning-800, #2f200a);--sa-background-warning-subtle-hover: var(--sa-color-warning-700, #5f4013);--sa-background-warning-subtlest: var(--sa-color-warning-900, #241808);--sa-background-warning-subtlest-hover: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-subtlest-pressed: var(--sa-color-warning-500, #d18d2c);--sa-background-neutral: var(--sa-color-gray-900, #3b3d42);--sa-background-neutral-hover: var(--sa-color-gray-800, #505258);--sa-background-neutral-pressed: var(--sa-color-gray-700, #6b6e76);--sa-background-secondary: var(--sa-color-secondary-600, #001bbf);--sa-background-secondary-hover: var(--sa-color-secondary-300, #5468e1);--sa-background-secondary-pressed: var(--sa-color-secondary-200, #8a98ea);--sa-background-secondary-disable: var(--sa-color-secondary-600, #001bbf);--sa-background-secondary-subtle: var(--sa-color-secondary-800, #001174);--sa-border-primary: var(--sa-color-white-alpha-a20, #ceced933);--sa-border-primary-inverse: var(--sa-color-dark-400, #4b4d51);--sa-border-subtle: var(--sa-color-white-alpha-a10, #bdbdbd1a);--sa-border-bold: var(--sa-color-dark-500, #63666b);--sa-border-disabled: var(--sa-color-white-alpha-a5, #bdbdbd0d);--sa-border-focused: var(--sa-color-brand-300, #668cc9);--sa-border-input: var(--sa-color-dark-500, #63666b);--sa-border-selected: var(--sa-color-brand-400, #3366b7);--sa-border-brand: var(--sa-color-brand-400, #3366b7);--sa-border-brand-disable: var(--sa-color-brand-600, #04254f);--sa-border-danger: var(--sa-color-error-500, #ff4d6d);--sa-border-danger-subtle: var(--sa-color-error-700, #a4133c);--sa-border-danger-disable: var(--sa-color-error-600, #c9184a);--sa-border-success: var(--sa-color-success-500, #30ce84);--sa-border-success-subtle: var(--sa-color-success-700, #208958);--sa-border-success-disable: var(--sa-color-success-600, #28ac6e);--sa-border-info: var(--sa-color-info-500, #00abeb);--sa-border-info-subtle: var(--sa-color-info-700, #0073ab);--sa-border-warning: var(--sa-color-warning-200, #f4c583);--sa-border-warning-subtle: var(--sa-color-warning-700, #5f4013);--sa-accent-primary: var(--sa-color-gray-100, #f8f8f8);--sa-accent-subtle: var(--sa-color-dark-200, #303134);--sa-accent-success: var(--sa-color-success-200, #97e6c1);--sa-accent-success-subtle: var(--sa-color-success-800, #186742);--sa-accent-danger: var(--sa-color-error-200, #ffb3c1);--sa-accent-danger-subtle: var(--sa-color-error-800, #800f2f);--sa-accent-info: var(--sa-color-brand-200, #99b3db);--sa-accent-info-subtle: var(--sa-color-info-800, #00608d);--sa-accent-warning: var(--sa-color-warning-200, #f4c583);--sa-accent-warning-subtle: var(--sa-color-warning-800, #2f200a);--sa-accent-brand: var(--sa-color-amber-400, #ffb63f);--sa-accent-brand-subtle: var(--sa-color-amber-900, #4d3008);--sa-background-accent-subtle: var(--sa-color-amber-800, #7a4c0a);--sa-background-accent-subtlest: var(--sa-color-amber-900, #4d3008);--sa-text-accent: var(--sa-color-amber-400, #ffb63f);--sa-icon-accent: var(--sa-color-amber-400, #ffb63f);--sa-border-accent: var(--sa-color-amber-400, #ffb63f)}:root{--sa-radii-none: 0;--sa-radii-xs: .25rem;--sa-radii-sm: .375rem;--sa-radii-md: .5rem;--sa-radii-lg: .75rem;--sa-radii-xl: .875rem;--sa-radii-2xl: 1rem;--sa-radii-full: 12rem;--sa-radii-rounded: 8px;--sa-radii-circular: 192px;--sa-spacing-0: 0rem;--sa-spacing-1: .063rem;--sa-spacing-2: .125rem;--sa-spacing-4: .25rem;--sa-spacing-6: .375rem;--sa-spacing-8: .5rem;--sa-spacing-10: .625rem;--sa-spacing-12: .75rem;--sa-spacing-14: .875rem;--sa-spacing-16: 1rem;--sa-spacing-18: 1.125rem;--sa-spacing-20: 1.25rem;--sa-spacing-24: 1.5rem;--sa-spacing-28: 1.75rem;--sa-spacing-32: 2rem;--sa-spacing-36: 2.25rem;--sa-spacing-40: 2.5rem;--sa-spacing-48: 3rem;--sa-spacing-64: 4rem;--sa-spacing-80: 5rem;--sa-spacing-96: 6rem;--sa-spacing-128: 8rem;--sa-spacing-160: 10rem;--sa-spacing-192: 12rem;--sa-spacing-224: 14rem;--sa-spacing-256: 16rem;--sa-spacing-xs: .25rem;--sa-spacing-sm: .5rem;--sa-spacing-md: .75rem;--sa-spacing-lg: 1rem;--sa-spacing-xl: 1.5rem;--sa-spacing-2xl: 2rem;--sa-spacing-3xl: 4rem;--sa-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sa-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sa-font-size-xs: .625rem;--sa-font-size-sm: .75rem;--sa-font-size-md: .875rem;--sa-font-size-lg: 1rem;--sa-font-size-xl: 1.125rem;--sa-font-size-2xl: 1.25rem;--sa-font-size-3xl: 1.5rem;--sa-font-size-4xl: 2rem;--sa-font-size-5xl: 2.25rem;--sa-font-size-6xl: 3rem;--sa-font-weight-hairline: 100;--sa-font-weight-thin: 100;--sa-font-weight-light: 300;--sa-font-weight-normal: 400;--sa-font-weight-medium: 500;--sa-font-weight-semibold: 600;--sa-font-weight-bold: 700;--sa-font-weight-extrabold: 800;--sa-font-weight-black: 900;--sa-line-height-3: .75rem;--sa-line-height-4: 1rem;--sa-line-height-5: 1.25rem;--sa-line-height-6: 1.5rem;--sa-line-height-7: 1.75rem;--sa-line-height-8: 1.875rem;--sa-line-height-9: 2.25rem;--sa-line-height-10: 2.5rem;--sa-line-height-none: 1;--sa-line-height-tight: 1.25;--sa-line-height-snug: 1.375;--sa-line-height-normal: 1.5;--sa-line-height-relaxed: 1.625;--sa-line-height-loose: 2;--sa-border: 1px;--sa-border-0: 0px;--sa-border-2: 2px;--sa-border-4: 4px;--sa-border-8: 8px;--sa-shadow-sm: 0 1px 2px 0 #0000000d;--sa-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sa-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--sa-shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--sa-shadow-2xl: 0 25px 50px -12px #00000040;--sa-shadow-inner: inset 0 2px 4px 0 #0000000d;--sa-shadow-card: 0px 4px 35px 0px #7090b040;--sa-h-0: 0px;--sa-h-0-5: .125rem;--sa-h-1: .25rem;--sa-h-1-5: .375rem;--sa-h-2: .5rem;--sa-h-2-5: .625rem;--sa-h-3: .75rem;--sa-h-3-5: .875rem;--sa-h-4: 1rem;--sa-h-5: 1.25rem;--sa-h-6: 1.5rem;--sa-h-7: 1.75rem;--sa-h-8: 2rem;--sa-h-9: 2.25rem;--sa-h-10: 2.5rem;--sa-h-11: 2.75rem;--sa-h-12: 3rem;--sa-h-14: 3.5rem;--sa-h-16: 4rem;--sa-h-20: 5rem;--sa-h-24: 6rem;--sa-h-28: 7rem;--sa-h-32: 8rem;--sa-h-36: 9rem;--sa-h-40: 10rem;--sa-h-44: 11rem;--sa-h-48: 12rem;--sa-h-52: 13rem;--sa-h-56: 14rem;--sa-h-60: 15rem;--sa-h-64: 16rem;--sa-h-72: 18rem;--sa-h-80: 20rem;--sa-h-96: 24rem;--sa-h-auto: auto;--sa-h-px: 1px;--sa-h-full: 100%;--sa-h-screen: 100vh;--sa-h-min: min-content;--sa-h-max: max-content;--sa-w-0: 0px;--sa-w-0-5: .125rem;--sa-w-1: .25rem;--sa-w-1-5: .375rem;--sa-w-2: .5rem;--sa-w-2-5: .625rem;--sa-w-3: .75rem;--sa-w-3-5: .875rem;--sa-w-4: 1rem;--sa-w-5: 1.25rem;--sa-w-6: 1.5rem;--sa-w-7: 1.75rem;--sa-w-8: 2rem;--sa-w-9: 2.25rem;--sa-w-10: 2.5rem;--sa-w-11: 2.75rem;--sa-w-12: 3rem;--sa-w-14: 3.5rem;--sa-w-16: 4rem;--sa-w-20: 5rem;--sa-w-24: 6rem;--sa-w-28: 7rem;--sa-w-32: 8rem;--sa-w-36: 9rem;--sa-w-40: 10rem;--sa-w-44: 11rem;--sa-w-48: 12rem;--sa-w-52: 13rem;--sa-w-56: 14rem;--sa-w-60: 15rem;--sa-w-64: 16rem;--sa-w-72: 18rem;--sa-w-80: 20rem;--sa-w-96: 24rem;--sa-w-auto: auto;--sa-w-px: 1px;--sa-w-full: 100%;--sa-w-screen: 100vw;--sa-w-min: min-content;--sa-w-max: max-content;--sa-z-sticky: 100;--sa-z-drawer: 1000;--sa-z-modal: 1100;--sa-z-popover: 1200;--sa-z-toast: 1300;--sa-z-tooltip: 1400}[data-theme=dark]{--sa-shadow-sm: 0 1px 2px 0 #00000040;--sa-shadow-md: 0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--sa-shadow-lg: 0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--sa-shadow-xl: 0 20px 25px -5px #0000005c, 0 8px 10px -6px #0000005c;--sa-shadow-2xl: 0 25px 50px -12px #00000080;--sa-shadow-inner: inset 0 2px 4px 0 #00000040;--sa-shadow-card: 0px 4px 24px 0px #00000066, inset 0 1px 0 0 #ffffff14}body{color:var(--sa-text-primary, #292a2e)}@layer sa-base{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%}code,kbd,samp,pre{font-family:var(--sa-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:1em}}:root{--sa-admin-base-icon-color: var(--sa-color-gray-600, #7d818a)}*::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none;background-color:var(--sa-background-primary, #ffffff)}body{font-family:var(--sa-font-family, "Inter", sans-serif)}button,input,optgroup,select,textarea{font-family:inherit}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[data-class=otp-input] .sa-input{text-align:center}[data-class=otp-input] .sa-input-placeholder{width:100%;text-align:center;flex:1;left:0}@keyframes pageLayoutEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){@keyframes pageLayoutEnter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ts-filter-dropdown-options::-webkit-scrollbar{width:6px}.ts-filter-dropdown-options::-webkit-scrollbar-track{background:transparent}.ts-filter-dropdown-options::-webkit-scrollbar-thumb{background:var(--sa-border-bold, #7d818a);border-radius:min(3px,var(--sa-radii-xs, 4px))}.ts-filter-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--sa-text-subtle, #8c8f97)}._lyd-root_8mm4b_1{--lyd-edge: var(--sa-spacing-lg, 1rem);--lyd-max-w: 1200px;--lyd-max-h: 90dvh;--lyd-bg: var(--sa-background-primary, #ffffff);--lyd-overlay: var(--sa-background-overlay, rgba(0, 0, 0, .45));--lyd-border: var(--sa-border-subtle, rgba(0, 0, 0, .08));--lyd-radius: var(--sa-radii-sm, .375rem);--lyd-shadow: var( --sa-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) );--lyd-duration: .2s;--lyd-easing: cubic-bezier(.32, .72, 0, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sa-z-modal, 1100);display:flex;align-items:center;justify-content:center}@media (max-width: 480px){._lyd-root_8mm4b_1{--lyd-edge: .5rem}}._lyd-backdrop_8mm4b_38{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lyd-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:_lyd-fade-in_8mm4b_1 var(--lyd-duration) var(--lyd-easing)}._lyd-panel_8mm4b_47{position:absolute;background:var(--lyd-bg);box-shadow:var(--lyd-shadow);display:flex;flex-direction:column;overflow:hidden}._lyd-modal_8mm4b_58{position:relative;width:min(var(--lyd-max-w),calc(100vw - (var(--lyd-edge) * 2)));height:min(var(--lyd-max-h),calc(100dvh - (var(--lyd-edge) * 2)));border-radius:var(--lyd-radius);animation:_lyd-fade-in_8mm4b_1 var(--lyd-duration) var(--lyd-easing)}._lyd-fullscreen_8mm4b_72{top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;border-radius:0;animation:_lyd-fade-in_8mm4b_1 var(--lyd-duration) var(--lyd-easing)}._lyd-sidebar_8mm4b_80{top:0;right:0;width:min(var(--lyd-max-w),100vw);height:100dvh;border-top-left-radius:var(--lyd-radius);border-bottom-left-radius:var(--lyd-radius);animation:_lyd-fade-in_8mm4b_1 var(--lyd-duration) var(--lyd-easing)}@media (max-width: 767px){._lyd-modal_8mm4b_58,._lyd-sidebar_8mm4b_80{bottom:0;top:0;left:0;right:0;transform:none;width:100vw;height:100dvh;border-radius:0;animation:_lyd-fade-in_8mm4b_1 var(--lyd-duration) var(--lyd-easing)}}._lyd-header_8mm4b_110{flex-shrink:0;display:flex;align-items:center;gap:var(--sa-spacing-md, .75rem);padding:var(--sa-spacing-md, .75rem) var(--sa-spacing-lg, 1rem);border-bottom:1px solid var(--lyd-border);background:var(--lyd-bg);min-height:56px}._lyd-header-content_8mm4b_121{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--sa-spacing-sm, .5rem)}._lyd-header-actions_8mm4b_129{flex-shrink:0;display:flex;align-items:center;gap:var(--sa-spacing-xs, .25rem)}._lyd-main_8mm4b_136{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}._lyd-body_8mm4b_143{flex:1 1 auto;min-width:0;overflow:auto}._lyd-aside_8mm4b_149{flex:0 0 var(--lyd-aside-w, 360px);max-width:var(--lyd-aside-w, 360px);min-width:0;border-left:1px solid var(--lyd-border);overflow:auto;background:var(--lyd-bg);transition:flex-basis .2s ease,max-width .2s ease}@media (max-width: 767px){._lyd-aside_8mm4b_149{display:none}}._lyd-footer_8mm4b_165{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--sa-spacing-sm, .5rem);padding:var(--sa-spacing-md, .75rem) var(--sa-spacing-lg, 1rem);border-top:1px solid var(--lyd-border);background:var(--lyd-bg)}._lyd-vm-group_8mm4b_178{display:inline-flex;align-items:center;border:1px solid var(--lyd-border);border-radius:var(--lyd-radius);overflow:hidden}._lyd-vm-btn_8mm4b_186{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--sa-text-subtle, #6b7280);transition:background-color .15s ease,color .15s ease}._lyd-vm-btn_8mm4b_186:hover{background:var(--sa-background-hover, rgba(0, 0, 0, .04));color:var(--sa-text-primary, #292a2e)}._lyd-vm-btn_8mm4b_186[data-active=true]{background:var(--sa-background-brand-subtlest, rgba(51, 102, 183, .08));color:var(--sa-text-brand, #3366b7)}._lyd-close-btn_8mm4b_209{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--lyd-radius);cursor:pointer;color:var(--sa-text-subtle, #6b7280);transition:background-color .15s ease,color .15s ease}._lyd-close-btn_8mm4b_209:hover{background:var(--sa-background-hover, rgba(0, 0, 0, .04));color:var(--sa-text-primary, #292a2e)}@media (max-width: 767px){._lyd-vm-group_8mm4b_178{display:none}}@keyframes _lyd-fade-in_8mm4b_1{0%{opacity:0}to{opacity:1}}@keyframes _lyd-scale-in_8mm4b_1{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes _lyd-slide-in-right_8mm4b_1{0%{transform:translate(100%)}to{transform:translate(0)}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@layer theme,base,starasia,components,utilities;@layer starasia.base,starasia.tokens,starasia.components;@layer starasia.tokens{:root{--sa-color-brand-50: #e6edf6;--sa-color-brand-100: #ccd9ed;--sa-color-brand-200: #99b3db;--sa-color-brand-300: #668cc9;--sa-color-brand-400: #3366b7;--sa-color-brand-500: #1a4fa0;--sa-color-brand-600: #04254f;--sa-color-brand-700: #031f43;--sa-color-brand-800: #021937;--sa-color-brand-900: #02132b;--sa-color-secondary-50: #e6e9fb;--sa-color-secondary-100: #b0b9f1;--sa-color-secondary-200: #8a98ea;--sa-color-secondary-300: #5468e1;--sa-color-secondary-400: #334bdb;--sa-color-secondary-500: #001ed2;--sa-color-secondary-600: #001bbf;--sa-color-secondary-700: #001595;--sa-color-secondary-800: #001174;--sa-color-secondary-900: #00003c;--sa-color-error-50: #fff0f3;--sa-color-error-100: #ffccd5;--sa-color-error-200: #ffb3c1;--sa-color-error-300: #ff8fa3;--sa-color-error-400: #ff758f;--sa-color-error-500: #ff4d6d;--sa-color-error-600: #c9184a;--sa-color-error-700: #a4133c;--sa-color-error-800: #800f2f;--sa-color-error-900: #590d22;--sa-color-success-50: #ecfff6;--sa-color-success-100: #baeed6;--sa-color-success-200: #97e6c1;--sa-color-success-300: #75dead;--sa-color-success-400: #52d698;--sa-color-success-500: #30ce84;--sa-color-success-600: #28ac6e;--sa-color-success-700: #208958;--sa-color-success-800: #186742;--sa-color-success-900: #10442c;--sa-color-info-50: #effaff;--sa-color-info-100: #def3ff;--sa-color-info-200: #b6eaff;--sa-color-info-300: #75dbff;--sa-color-info-400: #2ccaff;--sa-color-info-500: #00abeb;--sa-color-info-600: #0090d4;--sa-color-info-700: #0073ab;--sa-color-info-800: #00608d;--sa-color-info-900: #04334d;--sa-color-warning-50: #fef2e6;--sa-color-warning-100: #f8d9ac;--sa-color-warning-200: #f4c583;--sa-color-warning-300: #f1b259;--sa-color-warning-400: #ed9f30;--sa-color-warning-500: #d18d2c;--sa-color-warning-600: #8e5f1d;--sa-color-warning-700: #5f4013;--sa-color-warning-800: #2f200a;--sa-color-warning-900: #241808;--sa-color-amber-50: #fff8eb;--sa-color-amber-100: #ffefcc;--sa-color-amber-200: #ffdd99;--sa-color-amber-300: #ffc966;--sa-color-amber-400: #ffb63f;--sa-color-amber-500: #f5a524;--sa-color-amber-600: #d4870f;--sa-color-amber-700: #a8690b;--sa-color-amber-800: #7a4c0a;--sa-color-amber-900: #4d3008;--sa-color-azure-50: #eaf2fd;--sa-color-azure-100: #cfe0fa;--sa-color-azure-200: #9fc1f5;--sa-color-azure-300: #6fa2ef;--sa-color-azure-400: #3f83ea;--sa-color-azure-500: #1f6be0;--sa-color-azure-600: #0f5bd0;--sa-color-azure-700: #0c49a6;--sa-color-azure-800: #09377d;--sa-color-azure-900: #062553;--sa-color-gray-50: #ffffff;--sa-color-gray-100: #f8f8f8;--sa-color-gray-200: #f0f1f2;--sa-color-gray-300: #dddee1;--sa-color-gray-400: #b7b9be;--sa-color-gray-500: #8c8f97;--sa-color-gray-600: #7d818a;--sa-color-gray-700: #6b6e76;--sa-color-gray-800: #505258;--sa-color-gray-900: #3b3d42;--sa-color-gray-1000: #292a2e;--sa-color-gray-1100: #1e1f21;--sa-color-dark-50: #18191a;--sa-color-dark-100: #1f1f21;--sa-color-dark-200: #303134;--sa-color-dark-300: #3d3f43;--sa-color-dark-400: #4b4d51;--sa-color-dark-500: #63666b;--sa-color-dark-600: #7e8188;--sa-color-dark-700: #96999e;--sa-color-dark-800: #a9abaf;--sa-color-dark-900: #bfc1c4;--sa-color-dark-1000: #cecfd2;--sa-color-dark-1100: #e2e3e4;--sa-color-black-alpha-a5: #1717170d;--sa-color-black-alpha-a10: #0515241a;--sa-color-black-alpha-a20: #0b120e33;--sa-color-black-alpha-a30: #080f214c;--sa-color-black-alpha-a50: #181a1980;--sa-color-black-alpha-a70: #181a19b2;--sa-color-white-alpha-a5: #bdbdbd0d;--sa-color-white-alpha-a10: #bdbdbd1a;--sa-color-white-alpha-a20: #ceced933;--sa-color-white-alpha-a30: #d9dae74c;--sa-color-white-alpha-a50: #e3e4f280;--sa-color-white-alpha-a70: #e8edfdb2;--sa-color-white-alpha-a80: #e5e9f6cc;--sa-color-white-alpha-a90: #e5e9f6e6;--sa-color-gray-alpha-a10: #78867f1a;--sa-color-gray-alpha-a16: #78867f29;--sa-color-gray-alpha-a20: #78867f33;--sa-color-gray-alpha-a28: #78867f47;--sa-color-gray-alpha-a62: #78867f9e;--sa-color-black-alpha-a7: #00000012;--sa-color-black-alpha-a8: #00000014;--sa-color-black-alpha-a45: #00000073;--sa-color-white-alpha-half: #ffffff80;--sa-color-info-alpha-a10: #64b5f61a}:root{--sa-text-primary: var(--sa-color-gray-1000, #292a2e);--sa-text-primary-inverse: var(--sa-color-gray-50, #ffffff);--sa-text-brand: var(--sa-color-brand-700, #031f43);--sa-text-brand-bolder: var(--sa-color-brand-900, #02132b);--sa-text-brand-hover: var(--sa-color-brand-900, #02132b);--sa-text-brand-pressed: var(--sa-color-brand-800, #021937);--sa-text-brand-disable: var(--sa-color-brand-300, #668cc9);--sa-text-error: var(--sa-color-error-700, #a4133c);--sa-text-error-bolder: var(--sa-color-error-900, #590d22);--sa-text-error-hover: var(--sa-color-error-900, #590d22);--sa-text-error-pressed: var(--sa-color-error-800, #800f2f);--sa-text-error-disable: var(--sa-color-error-300, #ff8fa3);--sa-text-success: var(--sa-color-success-800, #186742);--sa-text-success-bolder: var(--sa-color-success-900, #10442c);--sa-text-success-hover: var(--sa-color-success-900, #10442c);--sa-text-success-pressed: var(--sa-color-success-800, #186742);--sa-text-success-disable: var(--sa-color-success-300, #75dead);--sa-text-info: var(--sa-color-info-700, #0073ab);--sa-text-info-bolder: var(--sa-color-info-900, #04334d);--sa-text-info-hover: var(--sa-color-info-900, #04334d);--sa-text-info-pressed: var(--sa-color-info-800, #00608d);--sa-text-info-disable: var(--sa-color-info-300, #75dbff);--sa-text-subtle: var(--sa-color-gray-800, #505258);--sa-text-subtlest: var(--sa-color-gray-700, #6b6e76);--sa-text-hover: var(--sa-color-gray-800, #505258);--sa-text-pressed: var(--sa-color-gray-900, #3b3d42);--sa-text-disable: var(--sa-color-black-alpha-a50, #181a1980);--sa-text-bolder: var(--sa-color-gray-1100, #1e1f21);--sa-text-warning: var(--sa-color-warning-700, #5f4013);--sa-text-warning-bolder: var(--sa-color-warning-800, #2f200a);--sa-text-warning-hover: var(--sa-color-warning-900, #241808);--sa-text-warning-pressed: var(--sa-color-warning-800, #2f200a);--sa-text-warning-disable: var(--sa-color-warning-300, #f1b259);--sa-text-secondary: var(--sa-color-secondary-700, #001595);--sa-text-secondary-bolder: var(--sa-color-secondary-900, #00003c);--sa-text-secondary-hover: var(--sa-color-secondary-900, #00003c);--sa-text-secondary-pressed: var(--sa-color-secondary-800, #001174);--sa-text-secondary-disable: var(--sa-color-secondary-300, #5468e1);--sa-icon-primary: var(--sa-color-gray-1000, #292a2e);--sa-icon-primary-inverse: var(--sa-color-gray-50, #ffffff);--sa-icon-subtle: var(--sa-color-gray-800, #505258);--sa-icon-subtlest: var(--sa-color-gray-700, #6b6e76);--sa-icon-hover: var(--sa-color-gray-800, #505258);--sa-icon-pressed: var(--sa-color-gray-900, #3b3d42);--sa-icon-disable: var(--sa-color-black-alpha-a50, #181a1980);--sa-icon-bolder: var(--sa-color-gray-1100, #1e1f21);--sa-icon-brand: var(--sa-color-brand-700, #031f43);--sa-icon-brand-bolder: var(--sa-color-brand-900, #02132b);--sa-icon-brand-hover: var(--sa-color-brand-900, #02132b);--sa-icon-brand-pressed: var(--sa-color-brand-800, #021937);--sa-icon-brand-disable: var(--sa-color-brand-300, #668cc9);--sa-icon-error: var(--sa-color-error-700, #a4133c);--sa-icon-error-bolder: var(--sa-color-error-900, #590d22);--sa-icon-error-hover: var(--sa-color-error-900, #590d22);--sa-icon-error-pressed: var(--sa-color-error-800, #800f2f);--sa-icon-error-disable: var(--sa-color-error-300, #ff8fa3);--sa-icon-success: var(--sa-color-success-800, #186742);--sa-icon-success-bolder: var(--sa-color-success-900, #10442c);--sa-icon-success-hover: var(--sa-color-success-900, #10442c);--sa-icon-success-pressed: var(--sa-color-success-800, #186742);--sa-icon-success-disable: var(--sa-color-success-300, #75dead);--sa-icon-info: var(--sa-color-info-700, #0073ab);--sa-icon-info-bolder: var(--sa-color-info-900, #04334d);--sa-icon-info-hover: var(--sa-color-info-900, #04334d);--sa-icon-info-pressed: var(--sa-color-info-800, #00608d);--sa-icon-info-disable: var(--sa-color-info-300, #75dbff);--sa-icon-warning: var(--sa-color-warning-700, #5f4013);--sa-icon-warning-bolder: var(--sa-color-warning-800, #2f200a);--sa-icon-warning-hover: var(--sa-color-warning-900, #241808);--sa-icon-warning-pressed: var(--sa-color-warning-800, #2f200a);--sa-icon-warning-disable: var(--sa-color-warning-300, #f1b259);--sa-icon-secondary: var(--sa-color-secondary-700, #001595);--sa-icon-secondary-bolder: var(--sa-color-secondary-900, #00003c);--sa-icon-secondary-hover: var(--sa-color-secondary-900, #00003c);--sa-icon-secondary-pressed: var(--sa-color-secondary-800, #001174);--sa-icon-secondary-disable: var(--sa-color-secondary-300, #5468e1);--sa-icon-brand-selected: var(--sa-color-brand-600, #04254f);--sa-icon-error-selected: var(--sa-color-error-600, #c9184a);--sa-icon-success-selected: var(--sa-color-success-600, #28ac6e);--sa-icon-info-selected: var(--sa-color-info-600, #0090d4);--sa-icon-warning-selected: var(--sa-color-warning-600, #8e5f1d);--sa-background-primary: var(--sa-color-gray-50, #ffffff);--sa-background-primary-inverse: var(--sa-color-gray-100, #f8f8f8);--sa-background-subtle: var(--sa-color-gray-300, #dddee1);--sa-background-hover: var(--sa-color-gray-200, #f0f1f2);--sa-background-pressed: var(--sa-color-gray-300, #dddee1);--sa-background-disable: var(--sa-color-black-alpha-a5, #1717170d);--sa-background-overlay: var(--sa-color-black-alpha-a45, #00000073);--sa-background-brand: var(--sa-color-brand-600, #04254f);--sa-background-brand-hover: var(--sa-color-brand-800, #021937);--sa-background-brand-pressed: var(--sa-color-brand-900, #02132b);--sa-background-brand-disable: var(--sa-color-brand-100, #ccd9ed);--sa-background-brand-subtle: var(--sa-color-brand-200, #99b3db);--sa-background-brand-subtle-hover: var(--sa-color-brand-300, #668cc9);--sa-background-brand-subtle-pressed: var(--sa-color-brand-400, #3366b7);--sa-background-brand-subtlest: var(--sa-color-brand-50, #e6edf6);--sa-background-error: var(--sa-color-error-600, #c9184a);--sa-background-error-hover: var(--sa-color-error-500, #ff4d6d);--sa-background-error-pressed: var(--sa-color-error-600, #c9184a);--sa-background-error-disable: var(--sa-color-error-100, #ffccd5);--sa-background-error-subtle: var(--sa-color-error-100, #ffccd5);--sa-background-error-subtle-hover: var(--sa-color-error-50, #fff0f3);--sa-background-error-subtlest: var(--sa-color-error-50, #fff0f3);--sa-background-error-subtlest-hover: var(--sa-color-error-100, #ffccd5);--sa-background-error-subtlest-pressed: var(--sa-color-error-300, #ff8fa3);--sa-background-success: var(--sa-color-success-800, #186742);--sa-background-success-hover: var(--sa-color-success-500, #30ce84);--sa-background-success-pressed: var(--sa-color-success-600, #28ac6e);--sa-background-success-disable: var(--sa-color-success-100, #baeed6);--sa-background-success-subtle: var(--sa-color-success-200, #97e6c1);--sa-background-success-subtle-hover: var(--sa-color-success-100, #baeed6);--sa-background-success-subtlest: var(--sa-color-success-50, #ecfff6);--sa-background-success-subtlest-hover: var(--sa-color-success-100, #baeed6);--sa-background-success-subtlest-pressed: var(--sa-color-success-300, #75dead);--sa-background-info: var(--sa-color-info-700, #0073ab);--sa-background-info-hover: var(--sa-color-info-500, #00abeb);--sa-background-info-pressed: var(--sa-color-info-600, #0090d4);--sa-background-info-disable: var(--sa-color-info-100, #def3ff);--sa-background-info-subtle: var(--sa-color-info-200, #b6eaff);--sa-background-info-subtle-hover: var(--sa-color-info-100, #def3ff);--sa-background-info-subtlest: var(--sa-color-info-50, #effaff);--sa-background-info-subtlest-hover: var(--sa-color-info-100, #def3ff);--sa-background-info-subtlest-pressed: var(--sa-color-info-300, #75dbff);--sa-background-warning: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-hover: var(--sa-color-warning-500, #d18d2c);--sa-background-warning-pressed: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-disable: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-subtle: var(--sa-color-warning-200, #f4c583);--sa-background-warning-subtle-hover: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-subtlest: var(--sa-color-warning-50, #fef2e6);--sa-background-warning-subtlest-hover: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-subtlest-pressed: var(--sa-color-warning-300, #f1b259);--sa-background-neutral: var(--sa-color-gray-200, #f0f1f2);--sa-background-neutral-hover: var(--sa-color-gray-300, #dddee1);--sa-background-neutral-pressed: var(--sa-color-gray-400, #b7b9be);--sa-background-secondary: var(--sa-color-secondary-500, #001ed2);--sa-background-secondary-hover: var(--sa-color-secondary-600, #001bbf);--sa-background-secondary-pressed: var(--sa-color-secondary-700, #001595);--sa-background-secondary-disable: var(--sa-color-secondary-100, #b0b9f1);--sa-background-secondary-subtle: var(--sa-color-secondary-100, #b0b9f1);--sa-border-primary: var(--sa-color-gray-1000, #292a2e);--sa-border-primary-inverse: var(--sa-color-gray-50, #ffffff);--sa-border-subtle: var(--sa-color-black-alpha-a10, #0515241a);--sa-border-bold: var(--sa-color-gray-600, #7d818a);--sa-border-disabled: var(--sa-color-black-alpha-a5, #1717170d);--sa-border-focused: var(--sa-color-brand-500, #1a4fa0);--sa-border-input: var(--sa-color-gray-500, #8c8f97);--sa-border-selected: var(--sa-color-brand-700, #031f43);--sa-border-brand: var(--sa-color-brand-700, #031f43);--sa-border-brand-disable: var(--sa-color-brand-200, #99b3db);--sa-border-danger: var(--sa-color-error-600, #c9184a);--sa-border-danger-subtle: var(--sa-color-error-200, #ffb3c1);--sa-border-danger-disable: var(--sa-color-error-200, #ffb3c1);--sa-border-success: var(--sa-color-success-600, #28ac6e);--sa-border-success-subtle: var(--sa-color-success-200, #97e6c1);--sa-border-success-disable: var(--sa-color-success-200, #97e6c1);--sa-border-info: var(--sa-color-info-600, #0090d4);--sa-border-info-subtle: var(--sa-color-info-200, #b6eaff);--sa-border-warning: var(--sa-color-warning-700, #5f4013);--sa-border-warning-subtle: var(--sa-color-warning-200, #f4c583);--sa-accent-primary: var(--sa-color-gray-1100, #1e1f21);--sa-accent-subtle: var(--sa-color-gray-200, #f0f1f2);--sa-accent-success: var(--sa-color-success-700, #208958);--sa-accent-success-subtle: var(--sa-color-success-50, #ecfff6);--sa-accent-danger: var(--sa-color-error-700, #a4133c);--sa-accent-danger-subtle: var(--sa-color-error-50, #fff0f3);--sa-accent-info: var(--sa-color-info-700, #0073ab);--sa-accent-info-subtle: var(--sa-color-info-50, #effaff);--sa-accent-warning: var(--sa-color-warning-400, #ed9f30);--sa-accent-warning-subtle: var(--sa-color-warning-50, #fef2e6);--sa-accent-brand: var(--sa-color-amber-500, #f5a524);--sa-accent-brand-subtle: var(--sa-color-amber-50, #fff8eb);--sa-background-accent: var(--sa-color-amber-500, #f5a524);--sa-background-accent-hover: var(--sa-color-amber-400, #ffb63f);--sa-background-accent-pressed: var(--sa-color-amber-600, #d4870f);--sa-background-accent-subtle: var(--sa-color-amber-100, #ffefcc);--sa-background-accent-subtlest: var(--sa-color-amber-50, #fff8eb);--sa-text-accent: var(--sa-color-amber-800, #7a4c0a);--sa-text-on-accent: var(--sa-color-gray-1100, #1e1f21);--sa-icon-accent: var(--sa-color-amber-700, #a8690b);--sa-border-accent: var(--sa-color-amber-500, #f5a524)}[data-theme=dark]{--sa-text-primary: var(--sa-color-dark-1100, #e2e3e4);--sa-text-primary-inverse: var(--sa-color-gray-1100, #1e1f21);--sa-text-brand: var(--sa-color-brand-300, #668cc9);--sa-text-brand-bolder: var(--sa-color-brand-50, #e6edf6);--sa-text-brand-hover: var(--sa-color-brand-100, #ccd9ed);--sa-text-brand-pressed: var(--sa-color-brand-200, #99b3db);--sa-text-brand-disable: var(--sa-color-brand-600, #04254f);--sa-text-error: var(--sa-color-error-300, #ff8fa3);--sa-text-error-bolder: var(--sa-color-error-50, #fff0f3);--sa-text-error-hover: var(--sa-color-error-100, #ffccd5);--sa-text-error-pressed: var(--sa-color-error-200, #ffb3c1);--sa-text-error-disable: var(--sa-color-error-600, #c9184a);--sa-text-success: var(--sa-color-success-500, #30ce84);--sa-text-success-bolder: var(--sa-color-success-50, #ecfff6);--sa-text-success-hover: var(--sa-color-success-100, #baeed6);--sa-text-success-pressed: var(--sa-color-success-200, #97e6c1);--sa-text-success-disable: var(--sa-color-success-600, #28ac6e);--sa-text-info: var(--sa-color-info-300, #75dbff);--sa-text-info-bolder: var(--sa-color-info-50, #effaff);--sa-text-info-hover: var(--sa-color-info-100, #def3ff);--sa-text-info-pressed: var(--sa-color-info-200, #b6eaff);--sa-text-info-disable: var(--sa-color-info-600, #0090d4);--sa-text-subtle: var(--sa-color-gray-500, #8c8f97);--sa-text-subtlest: var(--sa-color-gray-600, #7d818a);--sa-text-hover: var(--sa-color-dark-400, #4b4d51);--sa-text-pressed: var(--sa-color-dark-200, #303134);--sa-text-disable: var(--sa-color-white-alpha-a20, #ceced933);--sa-text-bolder: var(--sa-color-gray-50, #ffffff);--sa-text-warning: var(--sa-color-warning-300, #f1b259);--sa-text-warning-bolder: var(--sa-color-warning-50, #fef2e6);--sa-text-warning-hover: var(--sa-color-warning-100, #f8d9ac);--sa-text-warning-pressed: var(--sa-color-warning-200, #f4c583);--sa-text-warning-disable: var(--sa-color-warning-600, #8e5f1d);--sa-text-secondary: var(--sa-color-secondary-300, #5468e1);--sa-text-secondary-bolder: var(--sa-color-secondary-50, #e6e9fb);--sa-text-secondary-hover: var(--sa-color-secondary-100, #b0b9f1);--sa-text-secondary-pressed: var(--sa-color-secondary-200, #8a98ea);--sa-text-secondary-disable: var(--sa-color-secondary-600, #001bbf);--sa-icon-primary: var(--sa-color-dark-1100, #e2e3e4);--sa-icon-primary-inverse: var(--sa-color-gray-1100, #1e1f21);--sa-icon-subtle: var(--sa-color-gray-500, #8c8f97);--sa-icon-subtlest: var(--sa-color-gray-600, #7d818a);--sa-icon-hover: var(--sa-color-dark-900, #bfc1c4);--sa-icon-pressed: var(--sa-color-dark-1000, #cecfd2);--sa-icon-disable: var(--sa-color-white-alpha-a50, #e3e4f280);--sa-icon-bolder: var(--sa-color-gray-50, #ffffff);--sa-icon-brand: var(--sa-color-brand-300, #668cc9);--sa-icon-brand-bolder: var(--sa-color-brand-50, #e6edf6);--sa-icon-brand-hover: var(--sa-color-brand-100, #ccd9ed);--sa-icon-brand-pressed: var(--sa-color-brand-200, #99b3db);--sa-icon-brand-disable: var(--sa-color-brand-600, #04254f);--sa-icon-error: var(--sa-color-error-300, #ff8fa3);--sa-icon-error-bolder: var(--sa-color-error-50, #fff0f3);--sa-icon-error-hover: var(--sa-color-error-100, #ffccd5);--sa-icon-error-pressed: var(--sa-color-error-200, #ffb3c1);--sa-icon-error-disable: var(--sa-color-error-600, #c9184a);--sa-icon-success: var(--sa-color-success-500, #30ce84);--sa-icon-success-bolder: var(--sa-color-success-50, #ecfff6);--sa-icon-success-hover: var(--sa-color-success-100, #baeed6);--sa-icon-success-pressed: var(--sa-color-success-200, #97e6c1);--sa-icon-success-disable: var(--sa-color-success-600, #28ac6e);--sa-icon-info: var(--sa-color-info-300, #75dbff);--sa-icon-info-bolder: var(--sa-color-info-50, #effaff);--sa-icon-info-hover: var(--sa-color-info-100, #def3ff);--sa-icon-info-pressed: var(--sa-color-info-200, #b6eaff);--sa-icon-info-disable: var(--sa-color-info-600, #0090d4);--sa-icon-warning: var(--sa-color-warning-300, #f1b259);--sa-icon-warning-bolder: var(--sa-color-warning-50, #fef2e6);--sa-icon-warning-hover: var(--sa-color-warning-100, #f8d9ac);--sa-icon-warning-pressed: var(--sa-color-warning-200, #f4c583);--sa-icon-warning-disable: var(--sa-color-warning-600, #8e5f1d);--sa-icon-secondary: var(--sa-color-secondary-300, #5468e1);--sa-icon-secondary-bolder: var(--sa-color-secondary-50, #e6e9fb);--sa-icon-secondary-hover: var(--sa-color-secondary-100, #b0b9f1);--sa-icon-secondary-pressed: var(--sa-color-secondary-200, #8a98ea);--sa-icon-secondary-disable: var(--sa-color-secondary-600, #001bbf);--sa-icon-brand-selected: var(--sa-color-brand-400, #3366b7);--sa-icon-error-selected: var(--sa-color-error-400, #ff758f);--sa-icon-success-selected: var(--sa-color-success-400, #52d698);--sa-icon-info-selected: var(--sa-color-info-400, #2ccaff);--sa-icon-warning-selected: var(--sa-color-warning-400, #ed9f30);--sa-background-primary: var(--sa-color-gray-1100, #1e1f21);--sa-background-primary-inverse: var(--sa-color-gray-1000, #292a2e);--sa-background-subtle: var(--sa-color-dark-200, #303134);--sa-background-hover: var(--sa-color-gray-1000, #292a2e);--sa-background-pressed: var(--sa-color-gray-900, #3b3d42);--sa-background-disable: var(--sa-color-white-alpha-a5, #bdbdbd0d);--sa-background-overlay: var(--sa-color-black-alpha-a45, #00000073);--sa-background-brand: var(--sa-color-brand-300, #668cc9);--sa-background-brand-hover: var(--sa-color-brand-100, #ccd9ed);--sa-background-brand-pressed: var(--sa-color-brand-200, #99b3db);--sa-background-brand-disable: var(--sa-color-brand-600, #04254f);--sa-background-brand-subtle: var(--sa-color-brand-400, #3366b7);--sa-background-brand-subtle-hover: var(--sa-color-brand-300, #668cc9);--sa-background-brand-subtle-pressed: var(--sa-color-brand-200, #99b3db);--sa-background-brand-subtlest: var(--sa-color-brand-900, #02132b);--sa-background-error: var(--sa-color-error-500, #ff4d6d);--sa-background-error-hover: var(--sa-color-error-100, #ffccd5);--sa-background-error-pressed: var(--sa-color-error-300, #ff8fa3);--sa-background-error-disable: var(--sa-color-error-800, #800f2f);--sa-background-error-subtle: var(--sa-color-error-800, #800f2f);--sa-background-error-subtle-hover: var(--sa-color-error-700, #a4133c);--sa-background-error-subtlest: var(--sa-color-error-900, #590d22);--sa-background-error-subtlest-hover: var(--sa-color-error-600, #c9184a);--sa-background-error-subtlest-pressed: var(--sa-color-error-500, #ff4d6d);--sa-background-success: var(--sa-color-success-500, #30ce84);--sa-background-success-hover: var(--sa-color-success-100, #baeed6);--sa-background-success-pressed: var(--sa-color-success-200, #97e6c1);--sa-background-success-disable: var(--sa-color-success-600, #28ac6e);--sa-background-success-subtle: var(--sa-color-success-800, #186742);--sa-background-success-subtle-hover: var(--sa-color-success-700, #208958);--sa-background-success-subtlest: var(--sa-color-success-900, #10442c);--sa-background-success-subtlest-hover: var(--sa-color-success-600, #28ac6e);--sa-background-success-subtlest-pressed: var(--sa-color-success-500, #30ce84);--sa-background-info: var(--sa-color-info-500, #00abeb);--sa-background-info-hover: var(--sa-color-info-100, #def3ff);--sa-background-info-pressed: var(--sa-color-info-200, #b6eaff);--sa-background-info-disable: var(--sa-color-info-600, #0090d4);--sa-background-info-subtle: var(--sa-color-info-800, #00608d);--sa-background-info-subtle-hover: var(--sa-color-info-700, #0073ab);--sa-background-info-subtlest: var(--sa-color-info-900, #04334d);--sa-background-info-subtlest-hover: var(--sa-color-info-600, #0090d4);--sa-background-info-subtlest-pressed: var(--sa-color-info-500, #00abeb);--sa-background-warning: var(--sa-color-warning-300, #f1b259);--sa-background-warning-hover: var(--sa-color-warning-100, #f8d9ac);--sa-background-warning-pressed: var(--sa-color-warning-200, #f4c583);--sa-background-warning-disable: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-subtle: var(--sa-color-warning-800, #2f200a);--sa-background-warning-subtle-hover: var(--sa-color-warning-700, #5f4013);--sa-background-warning-subtlest: var(--sa-color-warning-900, #241808);--sa-background-warning-subtlest-hover: var(--sa-color-warning-600, #8e5f1d);--sa-background-warning-subtlest-pressed: var(--sa-color-warning-500, #d18d2c);--sa-background-neutral: var(--sa-color-gray-900, #3b3d42);--sa-background-neutral-hover: var(--sa-color-gray-800, #505258);--sa-background-neutral-pressed: var(--sa-color-gray-700, #6b6e76);--sa-background-secondary: var(--sa-color-secondary-600, #001bbf);--sa-background-secondary-hover: var(--sa-color-secondary-300, #5468e1);--sa-background-secondary-pressed: var(--sa-color-secondary-200, #8a98ea);--sa-background-secondary-disable: var(--sa-color-secondary-600, #001bbf);--sa-background-secondary-subtle: var(--sa-color-secondary-800, #001174);--sa-border-primary: var(--sa-color-white-alpha-a20, #ceced933);--sa-border-primary-inverse: var(--sa-color-dark-400, #4b4d51);--sa-border-subtle: var(--sa-color-white-alpha-a10, #bdbdbd1a);--sa-border-bold: var(--sa-color-dark-500, #63666b);--sa-border-disabled: var(--sa-color-white-alpha-a5, #bdbdbd0d);--sa-border-focused: var(--sa-color-brand-300, #668cc9);--sa-border-input: var(--sa-color-dark-500, #63666b);--sa-border-selected: var(--sa-color-brand-400, #3366b7);--sa-border-brand: var(--sa-color-brand-400, #3366b7);--sa-border-brand-disable: var(--sa-color-brand-600, #04254f);--sa-border-danger: var(--sa-color-error-500, #ff4d6d);--sa-border-danger-subtle: var(--sa-color-error-700, #a4133c);--sa-border-danger-disable: var(--sa-color-error-600, #c9184a);--sa-border-success: var(--sa-color-success-500, #30ce84);--sa-border-success-subtle: var(--sa-color-success-700, #208958);--sa-border-success-disable: var(--sa-color-success-600, #28ac6e);--sa-border-info: var(--sa-color-info-500, #00abeb);--sa-border-info-subtle: var(--sa-color-info-700, #0073ab);--sa-border-warning: var(--sa-color-warning-200, #f4c583);--sa-border-warning-subtle: var(--sa-color-warning-700, #5f4013);--sa-accent-primary: var(--sa-color-gray-100, #f8f8f8);--sa-accent-subtle: var(--sa-color-dark-200, #303134);--sa-accent-success: var(--sa-color-success-200, #97e6c1);--sa-accent-success-subtle: var(--sa-color-success-800, #186742);--sa-accent-danger: var(--sa-color-error-200, #ffb3c1);--sa-accent-danger-subtle: var(--sa-color-error-800, #800f2f);--sa-accent-info: var(--sa-color-brand-200, #99b3db);--sa-accent-info-subtle: var(--sa-color-info-800, #00608d);--sa-accent-warning: var(--sa-color-warning-200, #f4c583);--sa-accent-warning-subtle: var(--sa-color-warning-800, #2f200a);--sa-accent-brand: var(--sa-color-amber-400, #ffb63f);--sa-accent-brand-subtle: var(--sa-color-amber-900, #4d3008);--sa-background-accent-subtle: var(--sa-color-amber-800, #7a4c0a);--sa-background-accent-subtlest: var(--sa-color-amber-900, #4d3008);--sa-text-accent: var(--sa-color-amber-400, #ffb63f);--sa-icon-accent: var(--sa-color-amber-400, #ffb63f);--sa-border-accent: var(--sa-color-amber-400, #ffb63f)}:root{--sa-radii-none: 0;--sa-radii-xs: .25rem;--sa-radii-sm: .375rem;--sa-radii-md: .5rem;--sa-radii-lg: .75rem;--sa-radii-xl: .875rem;--sa-radii-2xl: 1rem;--sa-radii-full: 12rem;--sa-radii-rounded: 8px;--sa-radii-circular: 192px;--sa-spacing-0: 0rem;--sa-spacing-1: .063rem;--sa-spacing-2: .125rem;--sa-spacing-4: .25rem;--sa-spacing-6: .375rem;--sa-spacing-8: .5rem;--sa-spacing-10: .625rem;--sa-spacing-12: .75rem;--sa-spacing-14: .875rem;--sa-spacing-16: 1rem;--sa-spacing-18: 1.125rem;--sa-spacing-20: 1.25rem;--sa-spacing-24: 1.5rem;--sa-spacing-28: 1.75rem;--sa-spacing-32: 2rem;--sa-spacing-36: 2.25rem;--sa-spacing-40: 2.5rem;--sa-spacing-48: 3rem;--sa-spacing-64: 4rem;--sa-spacing-80: 5rem;--sa-spacing-96: 6rem;--sa-spacing-128: 8rem;--sa-spacing-160: 10rem;--sa-spacing-192: 12rem;--sa-spacing-224: 14rem;--sa-spacing-256: 16rem;--sa-spacing-xs: .25rem;--sa-spacing-sm: .5rem;--sa-spacing-md: .75rem;--sa-spacing-lg: 1rem;--sa-spacing-xl: 1.5rem;--sa-spacing-2xl: 2rem;--sa-spacing-3xl: 4rem;--sa-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sa-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sa-font-size-xs: .625rem;--sa-font-size-sm: .75rem;--sa-font-size-md: .875rem;--sa-font-size-lg: 1rem;--sa-font-size-xl: 1.125rem;--sa-font-size-2xl: 1.25rem;--sa-font-size-3xl: 1.5rem;--sa-font-size-4xl: 2rem;--sa-font-size-5xl: 2.25rem;--sa-font-size-6xl: 3rem;--sa-font-weight-hairline: 100;--sa-font-weight-thin: 100;--sa-font-weight-light: 300;--sa-font-weight-normal: 400;--sa-font-weight-medium: 500;--sa-font-weight-semibold: 600;--sa-font-weight-bold: 700;--sa-font-weight-extrabold: 800;--sa-font-weight-black: 900;--sa-line-height-3: .75rem;--sa-line-height-4: 1rem;--sa-line-height-5: 1.25rem;--sa-line-height-6: 1.5rem;--sa-line-height-7: 1.75rem;--sa-line-height-8: 1.875rem;--sa-line-height-9: 2.25rem;--sa-line-height-10: 2.5rem;--sa-line-height-none: 1;--sa-line-height-tight: 1.25;--sa-line-height-snug: 1.375;--sa-line-height-normal: 1.5;--sa-line-height-relaxed: 1.625;--sa-line-height-loose: 2;--sa-border: 1px;--sa-border-0: 0px;--sa-border-2: 2px;--sa-border-4: 4px;--sa-border-8: 8px;--sa-shadow-sm: 0 1px 2px 0 #0000000d;--sa-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sa-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--sa-shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--sa-shadow-2xl: 0 25px 50px -12px #00000040;--sa-shadow-inner: inset 0 2px 4px 0 #0000000d;--sa-shadow-card: 0px 4px 35px 0px #7090b040;--sa-h-0: 0px;--sa-h-0-5: .125rem;--sa-h-1: .25rem;--sa-h-1-5: .375rem;--sa-h-2: .5rem;--sa-h-2-5: .625rem;--sa-h-3: .75rem;--sa-h-3-5: .875rem;--sa-h-4: 1rem;--sa-h-5: 1.25rem;--sa-h-6: 1.5rem;--sa-h-7: 1.75rem;--sa-h-8: 2rem;--sa-h-9: 2.25rem;--sa-h-10: 2.5rem;--sa-h-11: 2.75rem;--sa-h-12: 3rem;--sa-h-14: 3.5rem;--sa-h-16: 4rem;--sa-h-20: 5rem;--sa-h-24: 6rem;--sa-h-28: 7rem;--sa-h-32: 8rem;--sa-h-36: 9rem;--sa-h-40: 10rem;--sa-h-44: 11rem;--sa-h-48: 12rem;--sa-h-52: 13rem;--sa-h-56: 14rem;--sa-h-60: 15rem;--sa-h-64: 16rem;--sa-h-72: 18rem;--sa-h-80: 20rem;--sa-h-96: 24rem;--sa-h-auto: auto;--sa-h-px: 1px;--sa-h-full: 100%;--sa-h-screen: 100vh;--sa-h-min: min-content;--sa-h-max: max-content;--sa-w-0: 0px;--sa-w-0-5: .125rem;--sa-w-1: .25rem;--sa-w-1-5: .375rem;--sa-w-2: .5rem;--sa-w-2-5: .625rem;--sa-w-3: .75rem;--sa-w-3-5: .875rem;--sa-w-4: 1rem;--sa-w-5: 1.25rem;--sa-w-6: 1.5rem;--sa-w-7: 1.75rem;--sa-w-8: 2rem;--sa-w-9: 2.25rem;--sa-w-10: 2.5rem;--sa-w-11: 2.75rem;--sa-w-12: 3rem;--sa-w-14: 3.5rem;--sa-w-16: 4rem;--sa-w-20: 5rem;--sa-w-24: 6rem;--sa-w-28: 7rem;--sa-w-32: 8rem;--sa-w-36: 9rem;--sa-w-40: 10rem;--sa-w-44: 11rem;--sa-w-48: 12rem;--sa-w-52: 13rem;--sa-w-56: 14rem;--sa-w-60: 15rem;--sa-w-64: 16rem;--sa-w-72: 18rem;--sa-w-80: 20rem;--sa-w-96: 24rem;--sa-w-auto: auto;--sa-w-px: 1px;--sa-w-full: 100%;--sa-w-screen: 100vw;--sa-w-min: min-content;--sa-w-max: max-content;--sa-z-sticky: 100;--sa-z-drawer: 1000;--sa-z-modal: 1100;--sa-z-popover: 1200;--sa-z-toast: 1300;--sa-z-tooltip: 1400}[data-theme=dark]{--sa-shadow-sm: 0 1px 2px 0 #00000040;--sa-shadow-md: 0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--sa-shadow-lg: 0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--sa-shadow-xl: 0 20px 25px -5px #0000005c, 0 8px 10px -6px #0000005c;--sa-shadow-2xl: 0 25px 50px -12px #00000080;--sa-shadow-inner: inset 0 2px 4px 0 #00000040;--sa-shadow-card: 0px 4px 24px 0px #00000066, inset 0 1px 0 0 #ffffff14}:root,[data-theme],[data-skin]{--background: var(--sa-background-primary);--foreground: var(--sa-text-primary);--card: var(--sa-background-primary);--card-foreground: var(--sa-text-primary);--popover: var(--sa-background-primary);--popover-foreground: var(--sa-text-primary);--primary: var(--sa-background-brand);--primary-foreground: var(--sa-text-primary-inverse);--secondary: var(--sa-background-neutral);--secondary-foreground: var(--sa-text-primary);--muted: var(--sa-background-primary-inverse);--muted-foreground: var(--sa-text-subtlest);--accent: var(--sa-background-neutral);--accent-foreground: var(--sa-text-primary);--destructive: var(--sa-background-error);--destructive-foreground: var(--sa-text-primary-inverse);--border: var(--sa-border-subtle);--input: var(--sa-border-input);--ring: var(--sa-border-focused);--radius: var(--sa-radii-md);--success: var(--sa-background-success);--success-foreground: var(--sa-text-primary-inverse);--warning: var(--sa-background-warning);--warning-foreground: var(--sa-text-on-accent);--info: var(--sa-background-info);--info-foreground: var(--sa-text-primary-inverse);--chart-1: var(--sa-color-brand-500);--chart-2: var(--sa-color-info-500);--chart-3: var(--sa-color-success-600);--chart-4: var(--sa-color-amber-500);--chart-5: var(--sa-color-error-500);--sidebar: var(--sa-background-primary);--sidebar-foreground: var(--sa-text-primary);--sidebar-primary: var(--sa-background-brand);--sidebar-primary-foreground: var(--sa-text-primary-inverse);--sidebar-accent: var(--sa-background-brand-subtlest);--sidebar-accent-foreground: var(--sa-text-brand);--sidebar-border: var(--sa-border-subtle);--sidebar-ring: var(--sa-border-focused)}}@layer starasia.base{body{color:var(--sa-text-primary, #292a2e)}}@layer theme,base,starasia,components,utilities;@layer starasia.base,starasia.tokens,starasia.components;@layer starasia.base{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%}code,kbd,samp,pre{font-family:var(--sa-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:1em}}@layer starasia.base{:root{--sa-admin-base-icon-color: var(--sa-color-gray-600, #7d818a)}*::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none;background-color:var(--sa-background-primary, #ffffff)}body{font-family:var(--sa-font-family, "Inter", sans-serif)}button,input,optgroup,select,textarea{font-family:inherit}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[data-class=otp-input] .sa-input{text-align:center}[data-class=otp-input] .sa-input-placeholder{width:100%;text-align:center;flex:1;left:0}@keyframes pageLayoutEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){@keyframes pageLayoutEnter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}}@layer starasia.components{@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ts-filter-dropdown-options::-webkit-scrollbar{width:6px}.ts-filter-dropdown-options::-webkit-scrollbar-track{background:transparent}.ts-filter-dropdown-options::-webkit-scrollbar-thumb{background:var(--sa-border-bold, #7d818a);border-radius:min(3px,var(--sa-radii-xs, 4px))}.ts-filter-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--sa-text-subtle, #8c8f97)}}@layer starasia.components{._lyd-root_jyp0m_6{--lyd-edge: var(--sa-spacing-lg, 1rem);--lyd-max-w: 1200px;--lyd-max-h: 90dvh;--lyd-bg: var(--sa-background-primary, #ffffff);--lyd-overlay: var(--sa-background-overlay, rgba(0, 0, 0, .45));--lyd-border: var(--sa-border-subtle, rgba(0, 0, 0, .08));--lyd-radius: var(--sa-radii-sm, .375rem);--lyd-shadow: var( --sa-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) );--lyd-duration: .2s;--lyd-easing: cubic-bezier(.32, .72, 0, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sa-z-modal, 1100);display:flex;align-items:center;justify-content:center}@media (max-width: 480px){._lyd-root_jyp0m_6{--lyd-edge: .5rem}}._lyd-backdrop_jyp0m_43{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lyd-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:_lyd-fade-in_jyp0m_1 var(--lyd-duration) var(--lyd-easing)}._lyd-panel_jyp0m_52{position:absolute;background:var(--lyd-bg);box-shadow:var(--lyd-shadow);display:flex;flex-direction:column;overflow:hidden}._lyd-modal_jyp0m_63{position:relative;width:min(var(--lyd-max-w),calc(100vw - (var(--lyd-edge) * 2)));height:min(var(--lyd-max-h),calc(100dvh - (var(--lyd-edge) * 2)));border-radius:var(--lyd-radius);animation:_lyd-fade-in_jyp0m_1 var(--lyd-duration) var(--lyd-easing)}._lyd-fullscreen_jyp0m_77{top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;border-radius:0;animation:_lyd-fade-in_jyp0m_1 var(--lyd-duration) var(--lyd-easing)}._lyd-sidebar_jyp0m_85{top:0;right:0;width:min(var(--lyd-max-w),100vw);height:100dvh;border-top-left-radius:var(--lyd-radius);border-bottom-left-radius:var(--lyd-radius);animation:_lyd-fade-in_jyp0m_1 var(--lyd-duration) var(--lyd-easing)}@media (max-width: 767px){._lyd-modal_jyp0m_63,._lyd-sidebar_jyp0m_85{bottom:0;top:0;left:0;right:0;transform:none;width:100vw;height:100dvh;border-radius:0;animation:_lyd-fade-in_jyp0m_1 var(--lyd-duration) var(--lyd-easing)}}._lyd-header_jyp0m_115{flex-shrink:0;display:flex;align-items:center;gap:var(--sa-spacing-md, .75rem);padding:var(--sa-spacing-md, .75rem) var(--sa-spacing-lg, 1rem);border-bottom:1px solid var(--lyd-border);background:var(--lyd-bg);min-height:56px}._lyd-header-content_jyp0m_126{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--sa-spacing-sm, .5rem)}._lyd-header-actions_jyp0m_134{flex-shrink:0;display:flex;align-items:center;gap:var(--sa-spacing-xs, .25rem)}._lyd-main_jyp0m_141{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}._lyd-body_jyp0m_148{flex:1 1 auto;min-width:0;overflow:auto}._lyd-aside_jyp0m_154{flex:0 0 var(--lyd-aside-w, 360px);max-width:var(--lyd-aside-w, 360px);min-width:0;border-left:1px solid var(--lyd-border);overflow:auto;background:var(--lyd-bg);transition:flex-basis .2s ease,max-width .2s ease}@media (max-width: 767px){._lyd-aside_jyp0m_154{display:none}}._lyd-footer_jyp0m_170{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--sa-spacing-sm, .5rem);padding:var(--sa-spacing-md, .75rem) var(--sa-spacing-lg, 1rem);border-top:1px solid var(--lyd-border);background:var(--lyd-bg)}._lyd-vm-group_jyp0m_183{display:inline-flex;align-items:center;border:1px solid var(--lyd-border);border-radius:var(--lyd-radius);overflow:hidden}._lyd-vm-btn_jyp0m_191{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--sa-text-subtle, #6b7280);transition:background-color .15s ease,color .15s ease}._lyd-vm-btn_jyp0m_191:hover{background:var(--sa-background-hover, rgba(0, 0, 0, .04));color:var(--sa-text-primary, #292a2e)}._lyd-vm-btn_jyp0m_191[data-active=true]{background:var(--sa-background-brand-subtlest, rgba(51, 102, 183, .08));color:var(--sa-text-brand, #3366b7)}._lyd-close-btn_jyp0m_214{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--lyd-radius);cursor:pointer;color:var(--sa-text-subtle, #6b7280);transition:background-color .15s ease,color .15s ease}._lyd-close-btn_jyp0m_214:hover{background:var(--sa-background-hover, rgba(0, 0, 0, .04));color:var(--sa-text-primary, #292a2e)}@media (max-width: 767px){._lyd-vm-group_jyp0m_183{display:none}}@keyframes _lyd-fade-in_jyp0m_1{0%{opacity:0}to{opacity:1}}@keyframes _lyd-scale-in_jyp0m_1{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes _lyd-slide-in-right_jyp0m_1{0%{transform:translate(100%)}to{transform:translate(0)}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starasia/admin",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.51.0",
|
|
4
4
|
"description": "Core Admin Dashboard for starasia UI",
|
|
5
5
|
"author": "Rizki Izzul Haq",
|
|
6
6
|
"main": "dist/index.umd.js",
|
|
@@ -50,43 +50,43 @@
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@starasia/accordion": "3.
|
|
54
|
-
"@starasia/alert": "5.0
|
|
55
|
-
"@starasia/avatar": "1.0
|
|
56
|
-
"@starasia/badges": "4.
|
|
57
|
-
"@starasia/box": "7.
|
|
58
|
-
"@starasia/breadcrumb": "6.0
|
|
59
|
-
"@starasia/button": "6.
|
|
60
|
-
"@starasia/card": "5.
|
|
61
|
-
"@starasia/checkbox": "5.
|
|
62
|
-
"@starasia/css": "5.
|
|
63
|
-
"@starasia/date": "7.0
|
|
64
|
-
"@starasia/dialog": "5.
|
|
65
|
-
"@starasia/drawer": "3.
|
|
66
|
-
"@starasia/dropdown": "6.0
|
|
67
|
-
"@starasia/flex": "4.
|
|
68
|
-
"@starasia/grid": "1.
|
|
53
|
+
"@starasia/accordion": "3.3.0",
|
|
54
|
+
"@starasia/alert": "5.1.0",
|
|
55
|
+
"@starasia/avatar": "1.1.0",
|
|
56
|
+
"@starasia/badges": "4.2.0",
|
|
57
|
+
"@starasia/box": "7.6.0",
|
|
58
|
+
"@starasia/breadcrumb": "6.1.0",
|
|
59
|
+
"@starasia/button": "6.2.0",
|
|
60
|
+
"@starasia/card": "5.7.0",
|
|
61
|
+
"@starasia/checkbox": "5.2.0",
|
|
62
|
+
"@starasia/css": "5.8.0",
|
|
63
|
+
"@starasia/date": "7.1.0",
|
|
64
|
+
"@starasia/dialog": "5.3.0",
|
|
65
|
+
"@starasia/drawer": "3.6.0",
|
|
66
|
+
"@starasia/dropdown": "6.1.0",
|
|
67
|
+
"@starasia/flex": "4.5.0",
|
|
68
|
+
"@starasia/grid": "1.4.0",
|
|
69
69
|
"@starasia/hooks": "1.0.2",
|
|
70
70
|
"@starasia/http": "1.0.5",
|
|
71
71
|
"@starasia/icon": "3.19.1",
|
|
72
|
-
"@starasia/input": "6.0
|
|
73
|
-
"@starasia/menu": "3.
|
|
74
|
-
"@starasia/pagination": "3.
|
|
75
|
-
"@starasia/progress": "4.
|
|
76
|
-
"@starasia/progress-stepper": "4.
|
|
77
|
-
"@starasia/radio": "5.
|
|
78
|
-
"@starasia/skeleton": "3.
|
|
79
|
-
"@starasia/stepper": "4.
|
|
72
|
+
"@starasia/input": "6.1.0",
|
|
73
|
+
"@starasia/menu": "3.7.0",
|
|
74
|
+
"@starasia/pagination": "3.4.0",
|
|
75
|
+
"@starasia/progress": "4.5.0",
|
|
76
|
+
"@starasia/progress-stepper": "4.1.0",
|
|
77
|
+
"@starasia/radio": "5.2.0",
|
|
78
|
+
"@starasia/skeleton": "3.2.0",
|
|
79
|
+
"@starasia/stepper": "4.2.0",
|
|
80
80
|
"@starasia/storage": "1.0.2",
|
|
81
|
-
"@starasia/story-record": "4.
|
|
82
|
-
"@starasia/table": "5.
|
|
83
|
-
"@starasia/tabs": "5.
|
|
84
|
-
"@starasia/text": "5.
|
|
85
|
-
"@starasia/textarea": "5.0
|
|
81
|
+
"@starasia/story-record": "4.3.0",
|
|
82
|
+
"@starasia/table": "5.2.0",
|
|
83
|
+
"@starasia/tabs": "5.3.0",
|
|
84
|
+
"@starasia/text": "5.3.0",
|
|
85
|
+
"@starasia/textarea": "5.1.0",
|
|
86
86
|
"@starasia/theme": "3.0.5",
|
|
87
|
-
"@starasia/toast": "4.
|
|
88
|
-
"@starasia/toggle": "5.
|
|
89
|
-
"@starasia/tooltip": "4.
|
|
87
|
+
"@starasia/toast": "4.4.0",
|
|
88
|
+
"@starasia/toggle": "5.2.0",
|
|
89
|
+
"@starasia/tooltip": "4.4.0",
|
|
90
90
|
"react-easy-crop": "^5.5.6"
|
|
91
91
|
},
|
|
92
92
|
"devDependencies": {
|