@designbasekorea/ui 0.1.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.
Files changed (14) hide show
  1. package/dist/index.css +392 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.ts +19977 -0
  4. package/dist/index.esm.css +392 -0
  5. package/dist/index.esm.css.map +1 -0
  6. package/dist/index.esm.js +11800 -0
  7. package/dist/index.esm.js.map +1 -0
  8. package/dist/index.js +11888 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/index.umd.css +392 -0
  11. package/dist/index.umd.css.map +1 -0
  12. package/dist/index.umd.js +11889 -0
  13. package/dist/index.umd.js.map +1 -0
  14. package/package.json +75 -0
package/dist/index.css ADDED
@@ -0,0 +1,392 @@
1
+ /* merged from @designbase/theme */
2
+ /* merged from @designbase/tokens/css */
3
+ /**
4
+ * Do not edit directly
5
+ * Generated on Mon, 08 Sep 2025 07:22:42 GMT
6
+ */
7
+
8
+
9
+ :root {
10
+ --z-index-foundation-toast: 1030;
11
+ --z-index-foundation-tooltip: 1020;
12
+ --z-index-foundation-popover: 1010;
13
+ --z-index-foundation-modal: 1000;
14
+ --z-index-foundation-auto: auto;
15
+ --z-index-foundation-50: 50;
16
+ --z-index-foundation-40: 40;
17
+ --z-index-foundation-30: 30;
18
+ --z-index-foundation-20: 20;
19
+ --z-index-foundation-10: 10;
20
+ --z-index-foundation-0: 0;
21
+ --typography-foundation-line-height-loose: 2;
22
+ --typography-foundation-line-height-relaxed: 1.625;
23
+ --typography-foundation-line-height-normal: 1.5;
24
+ --typography-foundation-line-height-snug: 1.375;
25
+ --typography-foundation-line-height-tight: 1.25;
26
+ --typography-foundation-line-height-none: 1;
27
+ --typography-foundation-font-weight-extrabold: 800;
28
+ --typography-foundation-font-weight-bold: 700;
29
+ --typography-foundation-font-weight-semibold: 600;
30
+ --typography-foundation-font-weight-medium: 500;
31
+ --typography-foundation-font-weight-normal: 400;
32
+ --typography-foundation-font-weight-light: 300;
33
+ --typography-foundation-font-size-6xl: 60;
34
+ --typography-foundation-font-size-5xl: 48;
35
+ --typography-foundation-font-size-4xl: 36;
36
+ --typography-foundation-font-size-3xl: 30;
37
+ --typography-foundation-font-size-2xl: 24;
38
+ --typography-foundation-font-size-xl: 20;
39
+ --typography-foundation-font-size-lg: 18;
40
+ --typography-foundation-font-size-base: 16;
41
+ --typography-foundation-font-size-sm: 14;
42
+ --typography-foundation-font-size-xs: 12;
43
+ --typography-foundation-font-family-mono: 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', 'Source Code Pro', monospace;
44
+ --typography-foundation-font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
45
+ --spacing-semantic-size-2xl: 5rem;
46
+ --spacing-foundation-96: 384;
47
+ --spacing-foundation-80: 320;
48
+ --spacing-foundation-72: 288;
49
+ --spacing-foundation-64: 256;
50
+ --spacing-foundation-60: 240;
51
+ --spacing-foundation-56: 224;
52
+ --spacing-foundation-52: 208;
53
+ --spacing-foundation-48: 192;
54
+ --spacing-foundation-44: 176;
55
+ --spacing-foundation-40: 160;
56
+ --spacing-foundation-36: 144;
57
+ --spacing-foundation-32: 128;
58
+ --spacing-foundation-28: 112;
59
+ --spacing-foundation-24: 96;
60
+ --spacing-foundation-20: 80;
61
+ --spacing-foundation-16: 64;
62
+ --spacing-foundation-14: 56;
63
+ --spacing-foundation-12: 48;
64
+ --spacing-foundation-11: 44;
65
+ --spacing-foundation-10: 40;
66
+ --spacing-foundation-9: 36;
67
+ --spacing-foundation-8: 32;
68
+ --spacing-foundation-7: 28;
69
+ --spacing-foundation-6: 24;
70
+ --spacing-foundation-5: 20;
71
+ --spacing-foundation-4: 16;
72
+ --spacing-foundation-3: 12;
73
+ --spacing-foundation-2: 8;
74
+ --spacing-foundation-1: 4;
75
+ --spacing-foundation-0: 0;
76
+ --opacity-foundation-100: 1;
77
+ --opacity-foundation-95: 0.95;
78
+ --opacity-foundation-90: 0.9;
79
+ --opacity-foundation-80: 0.8;
80
+ --opacity-foundation-75: 0.75;
81
+ --opacity-foundation-70: 0.7;
82
+ --opacity-foundation-60: 0.6;
83
+ --opacity-foundation-50: 0.5;
84
+ --opacity-foundation-40: 0.4;
85
+ --opacity-foundation-30: 0.3;
86
+ --opacity-foundation-25: 0.25;
87
+ --opacity-foundation-20: 0.2;
88
+ --opacity-foundation-10: 0.1;
89
+ --opacity-foundation-5: 0.05;
90
+ --opacity-foundation-0: 0;
91
+ --shadow-foundation-inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
92
+ --shadow-foundation-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
93
+ --shadow-foundation-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
94
+ --shadow-foundation-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
95
+ --shadow-foundation-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
96
+ --shadow-foundation-base: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
97
+ --shadow-foundation-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
98
+ --shadow-foundation-none: 0px 0px 0px 0px rgba(0,0,0,0.2);
99
+ --color-semantic-component-action-secondary-bg: rgba(0, 0, 0, 0);
100
+ --color-foundation-black: #000000;
101
+ --color-foundation-white: #ffffff;
102
+ --color-foundation-purple-900: #49169c;
103
+ --color-foundation-purple-800: #5818bf;
104
+ --color-foundation-purple-700: #6a1ee3;
105
+ --color-foundation-purple-600: #7830f7;
106
+ --color-foundation-purple-500: #8a58ff;
107
+ --color-foundation-purple-400: #a385ff;
108
+ --color-foundation-purple-300: #c2b1ff;
109
+ --color-foundation-purple-200: #dbd4ff;
110
+ --color-foundation-purple-100: #ece8ff;
111
+ --color-foundation-purple-50: #f5f2ff;
112
+ --color-foundation-teal-900: #134e48;
113
+ --color-foundation-teal-800: #115e56;
114
+ --color-foundation-teal-700: #0f766b;
115
+ --color-foundation-teal-600: #0d9485;
116
+ --color-foundation-teal-500: #14b8a6;
117
+ --color-foundation-teal-400: #2dd4c2;
118
+ --color-foundation-teal-300: #5eeadb;
119
+ --color-foundation-teal-200: #99f6ec;
120
+ --color-foundation-teal-100: #ccfbf6;
121
+ --color-foundation-teal-50: #f0fdfc;
122
+ --color-foundation-green-900: #14532b;
123
+ --color-foundation-green-800: #166533;
124
+ --color-foundation-green-700: #15803c;
125
+ --color-foundation-green-600: #16a34a;
126
+ --color-foundation-green-500: #22c55e;
127
+ --color-foundation-green-400: #4ade80;
128
+ --color-foundation-green-300: #86efad;
129
+ --color-foundation-green-200: #bbf7d1;
130
+ --color-foundation-green-100: #dcfce8;
131
+ --color-foundation-green-50: #f0fdf5;
132
+ --color-foundation-yellow-900: #74470f;
133
+ --color-foundation-yellow-800: #89570a;
134
+ --color-foundation-yellow-700: #a67102;
135
+ --color-foundation-yellow-600: #d1b400;
136
+ --color-foundation-yellow-500: #ffd600;
137
+ --color-foundation-yellow-400: #ffe50d;
138
+ --color-foundation-yellow-300: #fff441;
139
+ --color-foundation-yellow-200: #fffd86;
140
+ --color-foundation-yellow-100: #feffc1;
141
+ --color-foundation-yellow-50: #ffffe7;
142
+ --color-foundation-orange-900: #82270c;
143
+ --color-foundation-orange-800: #82270c;
144
+ --color-foundation-orange-700: #cc3802;
145
+ --color-foundation-orange-600: #ff5100;
146
+ --color-foundation-orange-500: #ff6b0a;
147
+ --color-foundation-orange-400: #ff8c32;
148
+ --color-foundation-orange-300: #ffb66d;
149
+ --color-foundation-orange-200: #ffd5a5;
150
+ --color-foundation-orange-100: #ffecd3;
151
+ --color-foundation-orange-50: #fff7ec;
152
+ --color-foundation-red-900: #7f1d1d;
153
+ --color-foundation-red-800: #991b1b;
154
+ --color-foundation-red-700: #b91c1c;
155
+ --color-foundation-red-600: #dc2626;
156
+ --color-foundation-red-500: #ef4444;
157
+ --color-foundation-red-400: #f87171;
158
+ --color-foundation-red-300: #fca5a5;
159
+ --color-foundation-red-200: #fecaca;
160
+ --color-foundation-red-100: #fee2e2;
161
+ --color-foundation-red-50: #fef2f2;
162
+ --color-foundation-blue-900: #0d4b9b;
163
+ --color-foundation-blue-800: #0855c5;
164
+ --color-foundation-blue-700: #006fff;
165
+ --color-foundation-blue-600: #0683ff;
166
+ --color-foundation-blue-500: #1ea2ff;
167
+ --color-foundation-blue-400: #48c3ff;
168
+ --color-foundation-blue-300: #83d9ff;
169
+ --color-foundation-blue-200: #b5e7ff;
170
+ --color-foundation-blue-100: #d6f0ff;
171
+ --color-foundation-blue-50: #edf9ff;
172
+ --color-foundation-neutral-white: #ffffff;
173
+ --color-foundation-neutral-1100: #000000;
174
+ --color-foundation-neutral-1000: #17191a;
175
+ --color-foundation-neutral-900: #2f3133;
176
+ --color-foundation-neutral-800: #464a4d;
177
+ --color-foundation-neutral-700: #5e6366;
178
+ --color-foundation-neutral-600: #757b80;
179
+ --color-foundation-neutral-500: #8c9499;
180
+ --color-foundation-neutral-400: #a4adb2;
181
+ --color-foundation-neutral-300: #bbc5cc;
182
+ --color-foundation-neutral-200: #e8eef2;
183
+ --color-foundation-neutral-100: #f2f8fc;
184
+ --color-foundation-neutral-50: #f8fafc;
185
+ --color-foundation-neutral-0: #ffffff;
186
+ --border-radius-foundation-full: 9999;
187
+ --border-radius-foundation-3xl: 24;
188
+ --border-radius-foundation-2xl: 16;
189
+ --border-radius-foundation-xl: 12;
190
+ --border-radius-foundation-lg: 8;
191
+ --border-radius-foundation-md: 6;
192
+ --border-radius-foundation-base: 4;
193
+ --border-radius-foundation-sm: 2;
194
+ --border-radius-foundation-none: 0;
195
+ --spacing-semantic-size-xl: var(--spacing-foundation-10);
196
+ --spacing-semantic-size-lg: var(--spacing-foundation-8);
197
+ --spacing-semantic-size-md: var(--spacing-foundation-6);
198
+ --spacing-semantic-size-sm: var(--spacing-foundation-5);
199
+ --spacing-semantic-size-xs: var(--spacing-foundation-4);
200
+ --spacing-semantic-gap-xl: var(--spacing-foundation-6);
201
+ --spacing-semantic-gap-l: var(--spacing-foundation-4);
202
+ --spacing-semantic-gap-m: var(--spacing-foundation-3);
203
+ --spacing-semantic-gap-s: var(--spacing-foundation-2);
204
+ --spacing-semantic-gap-xs: var(--spacing-foundation-1);
205
+ --spacing-semantic-padding-xl: var(--spacing-foundation-8);
206
+ --spacing-semantic-padding-l: var(--spacing-foundation-6);
207
+ --spacing-semantic-padding-m: var(--spacing-foundation-4);
208
+ --spacing-semantic-padding-s: var(--spacing-foundation-3);
209
+ --spacing-semantic-padding-xs: var(--spacing-foundation-2);
210
+ --spacing-semantic-padding-xxs: var(--spacing-foundation-1);
211
+ --spacing-semantic-margin-xxl: var(--spacing-foundation-8);
212
+ --spacing-semantic-margin-xl: var(--spacing-foundation-6);
213
+ --spacing-semantic-margin-l: var(--spacing-foundation-4);
214
+ --spacing-semantic-margin-m: var(--spacing-foundation-3);
215
+ --spacing-semantic-margin-s: var(--spacing-foundation-2);
216
+ --spacing-semantic-margin-xs: var(--spacing-foundation-1);
217
+ --opacity-semantic-focus: var(--opacity-foundation-90);
218
+ --opacity-semantic-hover: var(--opacity-foundation-80);
219
+ --opacity-semantic-overlay-dark: var(--opacity-foundation-75);
220
+ --opacity-semantic-overlay-medium: var(--opacity-foundation-50);
221
+ --opacity-semantic-overlay-light: var(--opacity-foundation-25);
222
+ --opacity-semantic-disabled: var(--opacity-foundation-50);
223
+ --shadow-semantic-tooltip-default: var(--shadow-foundation-sm);
224
+ --shadow-semantic-dropdown-default: var(--shadow-foundation-md);
225
+ --shadow-semantic-modal-content: var(--shadow-foundation-2xl);
226
+ --shadow-semantic-modal-overlay: var(--shadow-foundation-xl);
227
+ --shadow-semantic-card-elevated: var(--shadow-foundation-lg);
228
+ --shadow-semantic-card-hover: var(--shadow-foundation-md);
229
+ --shadow-semantic-card-default: var(--shadow-foundation-base);
230
+ --shadow-semantic-button-active: var(--shadow-foundation-inner);
231
+ --shadow-semantic-button-hover: var(--shadow-foundation-sm);
232
+ --shadow-semantic-button-default: var(--shadow-foundation-none);
233
+ --color-semantic-component-action-danger-icon-disabled: var(--color-foundation-neutral-500);
234
+ --color-semantic-component-action-danger-icon-selected: var(--color-foundation-neutral-white);
235
+ --color-semantic-component-action-danger-icon: var(--color-foundation-neutral-white);
236
+ --color-semantic-component-action-danger-text-disabled: var(--color-foundation-neutral-500);
237
+ --color-semantic-component-action-danger-text-selected: var(--color-foundation-neutral-white);
238
+ --color-semantic-component-action-danger-text-hover: var(--color-foundation-neutral-white);
239
+ --color-semantic-component-action-danger-text: var(--color-foundation-neutral-white);
240
+ --color-semantic-component-action-danger-border-disabled: var(--color-foundation-neutral-300);
241
+ --color-semantic-component-action-danger-border-selected: var(--color-foundation-red-600);
242
+ --color-semantic-component-action-danger-border-active: var(--color-foundation-red-800);
243
+ --color-semantic-component-action-danger-border-hover: var(--color-foundation-red-700);
244
+ --color-semantic-component-action-danger-border: var(--color-foundation-red-600);
245
+ --color-semantic-component-action-danger-bg-disabled: var(--color-foundation-neutral-300);
246
+ --color-semantic-component-action-danger-bg-selected: var(--color-foundation-red-600);
247
+ --color-semantic-component-action-danger-bg-active: var(--color-foundation-red-800);
248
+ --color-semantic-component-action-danger-bg-hover: var(--color-foundation-red-700);
249
+ --color-semantic-component-action-danger-bg: var(--color-foundation-red-600);
250
+ --color-semantic-component-action-secondary-icon-disabled: var(--color-foundation-neutral-400);
251
+ --color-semantic-component-action-secondary-icon-selected: var(--color-foundation-neutral-800);
252
+ --color-semantic-component-action-secondary-icon: var(--color-foundation-neutral-600);
253
+ --color-semantic-component-action-secondary-text-disabled: var(--color-foundation-neutral-400);
254
+ --color-semantic-component-action-secondary-text-selected: var(--color-foundation-neutral-900);
255
+ --color-semantic-component-action-secondary-text-hover: var(--color-foundation-neutral-900);
256
+ --color-semantic-component-action-secondary-text: var(--color-foundation-neutral-700);
257
+ --color-semantic-component-action-secondary-border-disabled: var(--color-foundation-neutral-200);
258
+ --color-semantic-component-action-secondary-border-selected: var(--color-foundation-neutral-400);
259
+ --color-semantic-component-action-secondary-border-active: var(--color-foundation-neutral-500);
260
+ --color-semantic-component-action-secondary-border-hover: var(--color-foundation-neutral-400);
261
+ --color-semantic-component-action-secondary-border: var(--color-foundation-neutral-300);
262
+ --color-semantic-component-action-secondary-bg-disabled: var(--color-foundation-neutral-50);
263
+ --color-semantic-component-action-secondary-bg-selected: var(--color-foundation-neutral-200);
264
+ --color-semantic-component-action-secondary-bg-active: var(--color-foundation-neutral-200);
265
+ --color-semantic-component-action-secondary-bg-hover: var(--color-foundation-neutral-100);
266
+ --color-semantic-component-action-primary-icon-disabled: var(--color-foundation-neutral-500);
267
+ --color-semantic-component-action-primary-icon-selected: var(--color-foundation-neutral-white);
268
+ --color-semantic-component-action-primary-icon: var(--color-foundation-neutral-white);
269
+ --color-semantic-component-action-primary-text-disabled: var(--color-foundation-neutral-500);
270
+ --color-semantic-component-action-primary-text-selected: var(--color-foundation-neutral-white);
271
+ --color-semantic-component-action-primary-text-hover: var(--color-foundation-neutral-white);
272
+ --color-semantic-component-action-primary-text: var(--color-foundation-neutral-white);
273
+ --color-semantic-component-action-primary-border-disabled: var(--color-foundation-neutral-300);
274
+ --color-semantic-component-action-primary-border-selected: var(--color-foundation-blue-600);
275
+ --color-semantic-component-action-primary-border-active: var(--color-foundation-blue-800);
276
+ --color-semantic-component-action-primary-border-hover: var(--color-foundation-blue-700);
277
+ --color-semantic-component-action-primary-border: var(--color-foundation-blue-600);
278
+ --color-semantic-component-action-primary-bg-disabled: var(--color-foundation-neutral-300);
279
+ --color-semantic-component-action-primary-bg-selected: var(--color-foundation-blue-600);
280
+ --color-semantic-component-action-primary-bg-active: var(--color-foundation-blue-800);
281
+ --color-semantic-component-action-primary-bg-hover: var(--color-foundation-blue-700);
282
+ --color-semantic-component-action-primary-bg: var(--color-foundation-blue-600);
283
+ --color-semantic-component-action-interactive-icon-disabled: var(--color-foundation-neutral-400);
284
+ --color-semantic-component-action-interactive-icon-selected: var(--color-foundation-neutral-white);
285
+ --color-semantic-component-action-interactive-icon: var(--color-foundation-neutral-600);
286
+ --color-semantic-component-action-interactive-text-disabled: var(--color-foundation-neutral-400);
287
+ --color-semantic-component-action-interactive-text-selected: var(--color-foundation-neutral-white);
288
+ --color-semantic-component-action-interactive-text-hover: var(--color-foundation-neutral-900);
289
+ --color-semantic-component-action-interactive-text: var(--color-foundation-neutral-900);
290
+ --color-semantic-component-action-interactive-border-disabled: var(--color-foundation-neutral-200);
291
+ --color-semantic-component-action-interactive-border-selected: var(--color-foundation-blue-600);
292
+ --color-semantic-component-action-interactive-border-active: var(--color-foundation-neutral-500);
293
+ --color-semantic-component-action-interactive-border-hover: var(--color-foundation-neutral-400);
294
+ --color-semantic-component-action-interactive-border: var(--color-foundation-neutral-300);
295
+ --color-semantic-component-action-interactive-bg-disabled: var(--color-foundation-neutral-100);
296
+ --color-semantic-component-action-interactive-bg-selected: var(--color-foundation-blue-600);
297
+ --color-semantic-component-action-interactive-bg-active: var(--color-foundation-neutral-100);
298
+ --color-semantic-component-action-interactive-bg-hover: var(--color-foundation-neutral-50);
299
+ --color-semantic-component-action-interactive-bg: var(--color-foundation-neutral-white);
300
+ --border-radius-semantic-action-pill: var(--border-radius-foundation-full);
301
+ --border-radius-semantic-action-lg: var(--border-radius-foundation-md);
302
+ --border-radius-semantic-action-md: var(--border-radius-foundation-sm);
303
+ --border-radius-semantic-action-sm: var(--border-radius-foundation-sm);
304
+ --border-radius-semantic-checkbox-lg: var(--border-radius-foundation-md);
305
+ --border-radius-semantic-checkbox-md: var(--border-radius-foundation-sm);
306
+ --border-radius-semantic-checkbox-sm: var(--border-radius-foundation-sm);
307
+ --border-radius-semantic-modal-lg: var(--border-radius-foundation-xl);
308
+ --border-radius-semantic-modal-md: var(--border-radius-foundation-lg);
309
+ --border-radius-semantic-modal-sm: var(--border-radius-foundation-md);
310
+ --border-radius-semantic-card-lg: var(--border-radius-foundation-lg);
311
+ --border-radius-semantic-card-md: var(--border-radius-foundation-md);
312
+ --border-radius-semantic-card-sm: var(--border-radius-foundation-base);
313
+ --border-radius-semantic-input-lg: var(--border-radius-foundation-md);
314
+ --border-radius-semantic-input-md: var(--border-radius-foundation-base);
315
+ --border-radius-semantic-input-sm: var(--border-radius-foundation-sm);
316
+ --border-radius-semantic-button-pill: var(--border-radius-foundation-full);
317
+ --border-radius-semantic-button-lg: var(--border-radius-foundation-md);
318
+ --border-radius-semantic-button-md: var(--border-radius-foundation-base);
319
+ --border-radius-semantic-button-sm: var(--border-radius-foundation-sm);
320
+ }
321
+
322
+ [data-theme="dark"] {
323
+ --color-semantic-component-button-secondary-bg: rgba(0, 0, 0, 0);
324
+ --color-semantic-background-overlay: rgba(0, 0, 0, 0.7);
325
+ --color-semantic-component-input-placeholder: var(--color-foundation-neutral-500);
326
+ --color-semantic-component-input-text: var(--color-foundation-neutral-100);
327
+ --color-semantic-component-input-border-error: var(--color-foundation-red-500);
328
+ --color-semantic-component-input-border-focus: var(--color-foundation-blue-500);
329
+ --color-semantic-component-input-border-hover: var(--color-foundation-neutral-500);
330
+ --color-semantic-component-input-border: var(--color-foundation-neutral-600);
331
+ --color-semantic-component-input-bg-disabled: var(--color-foundation-neutral-900);
332
+ --color-semantic-component-input-bg: var(--color-foundation-neutral-800);
333
+ --color-semantic-component-button-danger-text: var(--color-foundation-neutral-white);
334
+ --color-semantic-component-button-danger-bg-active: var(--color-foundation-red-700);
335
+ --color-semantic-component-button-danger-bg-hover: var(--color-foundation-red-500);
336
+ --color-semantic-component-button-danger-bg: var(--color-foundation-red-600);
337
+ --color-semantic-component-button-tertiary-text-hover: var(--color-foundation-neutral-100);
338
+ --color-semantic-component-button-tertiary-text: var(--color-foundation-neutral-200);
339
+ --color-semantic-component-button-tertiary-border-hover: var(--color-foundation-neutral-500);
340
+ --color-semantic-component-button-tertiary-border: var(--color-foundation-neutral-600);
341
+ --color-semantic-component-button-tertiary-bg-active: var(--color-foundation-neutral-600);
342
+ --color-semantic-component-button-tertiary-bg-hover: var(--color-foundation-neutral-700);
343
+ --color-semantic-component-button-tertiary-bg: var(--color-foundation-neutral-800);
344
+ --color-semantic-component-button-secondary-text-hover: var(--color-foundation-neutral-100);
345
+ --color-semantic-component-button-secondary-text: var(--color-foundation-neutral-300);
346
+ --color-semantic-component-button-secondary-border-hover: var(--color-foundation-neutral-500);
347
+ --color-semantic-component-button-secondary-border: var(--color-foundation-neutral-600);
348
+ --color-semantic-component-button-secondary-bg-active: var(--color-foundation-neutral-700);
349
+ --color-semantic-component-button-secondary-bg-hover: var(--color-foundation-neutral-800);
350
+ --color-semantic-component-button-primary-text-disabled: var(--color-foundation-neutral-500);
351
+ --color-semantic-component-button-primary-text: var(--color-foundation-neutral-white);
352
+ --color-semantic-component-button-primary-bg-disabled: var(--color-foundation-neutral-700);
353
+ --color-semantic-component-button-primary-bg-active: var(--color-foundation-blue-800);
354
+ --color-semantic-component-button-primary-bg-hover: var(--color-foundation-blue-600);
355
+ --color-semantic-component-button-primary-bg: var(--color-foundation-blue-700);
356
+ --color-semantic-component-icon-inverse: var(--color-foundation-neutral-900);
357
+ --color-semantic-component-icon-muted: var(--color-foundation-neutral-500);
358
+ --color-semantic-component-icon-info: var(--color-foundation-blue-400);
359
+ --color-semantic-component-icon-danger: var(--color-foundation-red-400);
360
+ --color-semantic-component-icon-warning: var(--color-foundation-yellow-400);
361
+ --color-semantic-component-icon-success: var(--color-foundation-green-400);
362
+ --color-semantic-component-icon-secondary: var(--color-foundation-neutral-300);
363
+ --color-semantic-component-icon-primary: var(--color-foundation-neutral-white);
364
+ --color-semantic-border-focus: var(--color-foundation-blue-500);
365
+ --color-semantic-border-muted: var(--color-foundation-neutral-800);
366
+ --color-semantic-border-secondary: var(--color-foundation-neutral-600);
367
+ --color-semantic-border-primary: var(--color-foundation-neutral-700);
368
+ --color-semantic-background-inverse: var(--color-foundation-neutral-white);
369
+ --color-semantic-background-tertiary: var(--color-foundation-neutral-700);
370
+ --color-semantic-background-secondary: var(--color-foundation-neutral-800);
371
+ --color-semantic-background-primary: var(--color-foundation-neutral-900);
372
+ --color-semantic-text-link-hover: var(--color-foundation-blue-300);
373
+ --color-semantic-text-link: var(--color-foundation-blue-400);
374
+ --color-semantic-text-inverse: var(--color-foundation-neutral-900);
375
+ --color-semantic-text-disabled: var(--color-foundation-neutral-600);
376
+ --color-semantic-text-muted: var(--color-foundation-neutral-400);
377
+ --color-semantic-text-secondary: var(--color-foundation-neutral-300);
378
+ --color-semantic-text-primary: var(--color-foundation-neutral-100);
379
+ --color-semantic-info-background: var(--color-foundation-blue-900);
380
+ --color-semantic-info-foreground: var(--color-foundation-blue-400);
381
+ --color-semantic-error-background: var(--color-foundation-red-900);
382
+ --color-semantic-error-foreground: var(--color-foundation-red-400);
383
+ --color-semantic-warning-background: var(--color-foundation-yellow-900);
384
+ --color-semantic-warning-foreground: var(--color-foundation-yellow-400);
385
+ --color-semantic-success-background: var(--color-foundation-green-900);
386
+ --color-semantic-success-foreground: var(--color-foundation-green-400);
387
+ }
388
+
389
+ *,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:var(--font-family-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-sm, 14px);color:var(--color-text-primary, #111827);background-color:var(--color-bg-primary, #ffffff);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;padding:0;cursor:pointer;outline:none}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{background:rgba(0,0,0,0);border:none;outline:none;appearance:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted, #6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-border-focus, #3b82f6);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f3f4f6)}::-webkit-scrollbar-thumb{background:var(--color-border-secondary, #d1d5db);border-radius:var(--border-radius-base, 4px)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary, #e5e7eb)}::selection{background-color:var(--color-text-link, #2563eb);color:var(--color-text-inverse, #ffffff)}@media print{*,*::before,*::after{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--db-text-primary: var(--color-semantic-text-primary);--db-text-secondary: var(--color-semantic-text-secondary);--db-text-muted: var(--color-semantic-text-muted);--db-text-disabled: var(--color-semantic-text-disabled);--db-text-inverse: var(--color-semantic-text-inverse);--db-text-link: var(--color-semantic-text-link);--db-text-link-hover: var(--color-semantic-text-link-hover);--db-text-success: var(--color-semantic-success-foreground);--db-text-warning: var(--color-semantic-warning-foreground);--db-text-error: var(--color-semantic-error-foreground);--db-bg-primary: var(--color-semantic-background-primary);--db-bg-secondary: var(--color-semantic-background-secondary);--db-bg-tertiary: var(--color-semantic-background-tertiary);--db-bg-inverse: var(--color-semantic-background-inverse);--db-bg-overlay: var(--color-semantic-background-overlay);--db-bg-success: var(--color-semantic-success-background);--db-bg-warning: var(--color-semantic-warning-background);--db-bg-error: var(--color-semantic-error-background);--db-border-primary: var(--color-semantic-border-primary);--db-border-secondary: var(--color-semantic-border-secondary);--db-border-muted: var(--color-semantic-border-muted);--db-border-focus: var(--color-semantic-border-focus);--db-border-success: var(--color-semantic-success-foreground);--db-border-warning: var(--color-semantic-warning-foreground);--db-border-error: var(--color-semantic-error-foreground);--db-btn-primary-bg: var(--color-semantic-component-button-primary-bg);--db-btn-primary-text: var(--color-semantic-component-button-primary-text);--db-btn-secondary-bg: var(--color-semantic-component-button-secondary-bg);--db-btn-secondary-text: var(--color-semantic-component-button-secondary-text);--db-icon-primary: var(--color-semantic-component-icon-primary);--db-icon-secondary: var(--color-semantic-component-icon-secondary);--db-icon-success: var(--color-semantic-component-icon-success);--db-icon-warning: var(--color-semantic-component-icon-warning);--db-icon-danger: var(--color-semantic-component-icon-danger);--db-icon-info: var(--color-semantic-component-icon-info);--db-icon-muted: var(--color-semantic-component-icon-muted);--db-icon-inverse: var(--color-semantic-component-icon-inverse);--db-neutral-0: var(--color-foundation-neutral-0);--db-neutral-50: var(--color-foundation-neutral-50);--db-neutral-100: var(--color-foundation-neutral-100);--db-neutral-200: var(--color-foundation-neutral-200);--db-neutral-300: var(--color-foundation-neutral-300);--db-neutral-400: var(--color-foundation-neutral-400);--db-neutral-500: var(--color-foundation-neutral-500);--db-neutral-600: var(--color-foundation-neutral-600);--db-neutral-700: var(--color-foundation-neutral-700);--db-neutral-800: var(--color-foundation-neutral-800);--db-neutral-900: var(--color-foundation-neutral-900);--db-neutral-1000: var(--color-foundation-neutral-1000);--db-neutral-1100: var(--color-foundation-neutral-1100);--db-neutral-white: var(--color-foundation-neutral-white);--db-neutral-black: var(--color-foundation-neutral-black);--db-blue-50: var(--color-foundation-blue-50);--db-blue-100: var(--color-foundation-blue-100);--db-blue-200: var(--color-foundation-blue-200);--db-blue-300: var(--color-foundation-blue-300);--db-blue-400: var(--color-foundation-blue-400);--db-blue-500: var(--color-foundation-blue-500);--db-blue-600: var(--color-foundation-blue-600);--db-blue-700: var(--color-foundation-blue-700);--db-blue-800: var(--color-foundation-blue-800);--db-blue-900: var(--color-foundation-blue-900);--db-red-50: var(--color-foundation-red-50);--db-red-100: var(--color-foundation-red-100);--db-red-200: var(--color-foundation-red-200);--db-red-300: var(--color-foundation-red-300);--db-red-400: var(--color-foundation-red-400);--db-red-500: var(--color-foundation-red-500);--db-red-600: var(--color-foundation-red-600);--db-red-700: var(--color-foundation-red-700);--db-red-800: var(--color-foundation-red-800);--db-red-900: var(--color-foundation-red-900);--db-green-50: var(--color-foundation-green-50);--db-green-100: var(--color-foundation-green-100);--db-green-200: var(--color-foundation-green-200);--db-green-300: var(--color-foundation-green-300);--db-green-400: var(--color-foundation-green-400);--db-green-500: var(--color-foundation-green-500);--db-green-600: var(--color-foundation-green-600);--db-green-700: var(--color-foundation-green-700);--db-green-800: var(--color-foundation-green-800);--db-green-900: var(--color-foundation-green-900);--db-yellow-50: var(--color-foundation-yellow-50);--db-yellow-100: var(--color-foundation-yellow-100);--db-yellow-200: var(--color-foundation-yellow-200);--db-yellow-300: var(--color-foundation-yellow-300);--db-yellow-400: var(--color-foundation-yellow-400);--db-yellow-500: var(--color-foundation-yellow-500);--db-yellow-600: var(--color-foundation-yellow-600);--db-yellow-700: var(--color-foundation-yellow-700);--db-yellow-800: var(--color-foundation-yellow-800);--db-yellow-900: var(--color-foundation-yellow-900);--db-color-primary: var(--db-blue-600);--db-color-secondary: var(--db-blue-300);--db-color-tertiary: var(--db-blue-100);--db-margin-xs: var(--spacing-semantic-margin-xs);--db-margin-s: var(--spacing-semantic-margin-s);--db-margin-m: var(--spacing-semantic-margin-m);--db-margin-l: var(--spacing-semantic-margin-l);--db-margin-xl: var(--spacing-semantic-margin-xl);--db-margin-xxl: var(--spacing-semantic-margin-xxl);--db-padding-xxs: var(--spacing-semantic-padding-xxs);--db-padding-xs: var(--spacing-semantic-padding-xs);--db-padding-s: var(--spacing-semantic-padding-s);--db-padding-m: var(--spacing-semantic-padding-m);--db-padding-l: var(--spacing-semantic-padding-l);--db-padding-xl: var(--spacing-semantic-padding-xl);--db-gap-xs: var(--spacing-semantic-gap-xs);--db-gap-s: var(--spacing-semantic-gap-s);--db-gap-m: var(--spacing-semantic-gap-m);--db-gap-l: var(--spacing-semantic-gap-l);--db-gap-xl: var(--spacing-semantic-gap-xl);--db-spacing-0: var(--spacing-foundation-0);--db-spacing-1: var(--spacing-foundation-1);--db-spacing-2: var(--spacing-foundation-2);--db-spacing-3: var(--spacing-foundation-3);--db-spacing-4: var(--spacing-foundation-4);--db-spacing-5: var(--spacing-foundation-5);--db-spacing-6: var(--spacing-foundation-6);--db-spacing-7: var(--spacing-foundation-7);--db-spacing-8: var(--spacing-foundation-8);--db-spacing-9: var(--spacing-foundation-9);--db-spacing-10: var(--spacing-foundation-10);--db-spacing-11: var(--spacing-foundation-11);--db-spacing-12: var(--spacing-foundation-12);--db-spacing-14: var(--spacing-foundation-14);--db-spacing-16: var(--spacing-foundation-16);--db-spacing-20: var(--spacing-foundation-20);--db-spacing-24: var(--spacing-foundation-24);--db-spacing-28: var(--spacing-foundation-28);--db-spacing-32: var(--spacing-foundation-32);--db-spacing-36: var(--spacing-foundation-36);--db-spacing-40: var(--spacing-foundation-40);--db-spacing-44: var(--spacing-foundation-44);--db-spacing-48: var(--spacing-foundation-48);--db-spacing-52: var(--spacing-foundation-52);--db-spacing-56: var(--spacing-foundation-56);--db-spacing-60: var(--spacing-foundation-60);--db-spacing-64: var(--spacing-foundation-64);--db-spacing-72: var(--spacing-foundation-72);--db-spacing-80: var(--spacing-foundation-80);--db-spacing-96: var(--spacing-foundation-96);--db-size-xs: var(--spacing-semantic-size-xs);--db-size-sm: var(--spacing-semantic-size-sm);--db-size-md: var(--spacing-semantic-size-md);--db-size-lg: var(--spacing-semantic-size-lg);--db-size-xl: var(--spacing-semantic-size-xl);--db-size-2xl: var(--spacing-semantic-size-2xl);--db-radius-none: var(--border-radius-foundation-none);--db-radius-sm: var(--border-radius-foundation-sm);--db-radius-base: var(--border-radius-foundation-base);--db-radius-md: var(--border-radius-foundation-md);--db-radius-lg: var(--border-radius-foundation-lg);--db-radius-xl: var(--border-radius-foundation-xl);--db-radius-2xl: var(--border-radius-foundation-2xl);--db-radius-3xl: var(--border-radius-foundation-3xl);--db-radius-full: var(--border-radius-foundation-full);--db-radius-btn-sm: var(--border-radius-semantic-button-sm);--db-radius-btn-md: var(--border-radius-semantic-button-md);--db-radius-btn-lg: var(--border-radius-semantic-button-lg);--db-radius-btn-pill: var(--border-radius-semantic-button-pill);--db-radius-input-sm: var(--border-radius-semantic-input-sm);--db-radius-input-md: var(--border-radius-semantic-input-md);--db-radius-input-lg: var(--border-radius-semantic-input-lg);--db-radius-card-sm: var(--border-radius-semantic-card-sm);--db-radius-card-md: var(--border-radius-semantic-card-md);--db-radius-card-lg: var(--border-radius-semantic-card-lg);--db-radius-modal-sm: var(--border-radius-semantic-modal-sm);--db-radius-modal-md: var(--border-radius-semantic-modal-md);--db-radius-modal-lg: var(--border-radius-semantic-modal-lg);--db-radius-action-sm: var(--border-radius-semantic-action-sm);--db-radius-action-md: var(--border-radius-semantic-action-md);--db-radius-action-lg: var(--border-radius-semantic-action-lg);--db-radius-action-pill: var(--border-radius-semantic-action-pill);--db-font-primary: var(--typography-foundation-font-family-primary);--db-font-mono: var(--typography-foundation-font-family-mono);--db-text-xs: var(--typography-foundation-font-size-xs);--db-text-sm: var(--typography-foundation-font-size-sm);--db-text-base: var(--typography-foundation-font-size-base);--db-text-lg: var(--typography-foundation-font-size-lg);--db-text-xl: var(--typography-foundation-font-size-xl);--db-text-2xl: var(--typography-foundation-font-size-2xl);--db-text-3xl: var(--typography-foundation-font-size-3xl);--db-text-4xl: var(--typography-foundation-font-size-4xl);--db-text-5xl: var(--typography-foundation-font-size-5xl);--db-text-6xl: var(--typography-foundation-font-size-6xl);--db-weight-light: var(--typography-foundation-font-weight-light);--db-weight-normal: var(--typography-foundation-font-weight-normal);--db-weight-medium: var(--typography-foundation-font-weight-medium);--db-weight-semibold: var(--typography-foundation-font-weight-semibold);--db-weight-bold: var(--typography-foundation-font-weight-bold);--db-weight-extrabold: var(--typography-foundation-font-weight-extrabold);--db-leading-none: var(--typography-foundation-line-height-none);--db-leading-tight: var(--typography-foundation-line-height-tight);--db-leading-snug: var(--typography-foundation-line-height-snug);--db-leading-normal: var(--typography-foundation-line-height-normal);--db-leading-relaxed: var(--typography-foundation-line-height-relaxed);--db-leading-loose: var(--typography-foundation-line-height-loose);--db-shadow-none: var(--shadow-foundation-none);--db-shadow-sm: var(--shadow-foundation-sm);--db-shadow-base: var(--shadow-foundation-base);--db-shadow-md: var(--shadow-foundation-md);--db-shadow-lg: var(--shadow-foundation-lg);--db-shadow-xl: var(--shadow-foundation-xl);--db-shadow-2xl: var(--shadow-foundation-2xl);--db-shadow-inner: var(--shadow-foundation-inner);--db-opacity-0: var(--opacity-foundation-0);--db-opacity-5: var(--opacity-foundation-5);--db-opacity-10: var(--opacity-foundation-10);--db-opacity-20: var(--opacity-foundation-20);--db-opacity-25: var(--opacity-foundation-25);--db-opacity-30: var(--opacity-foundation-30);--db-opacity-40: var(--opacity-foundation-40);--db-opacity-50: var(--opacity-foundation-50);--db-opacity-60: var(--opacity-foundation-60);--db-opacity-70: var(--opacity-foundation-70);--db-opacity-75: var(--opacity-foundation-75);--db-opacity-80: var(--opacity-foundation-80);--db-opacity-90: var(--opacity-foundation-90);--db-opacity-95: var(--opacity-foundation-95);--db-opacity-100: var(--opacity-foundation-100);--db-z-auto: var(--z-index-foundation-auto);--db-z-0: var(--z-index-foundation-0);--db-z-10: var(--z-index-foundation-10);--db-z-20: var(--z-index-foundation-20);--db-z-30: var(--z-index-foundation-30);--db-z-40: var(--z-index-foundation-40);--db-z-50: var(--z-index-foundation-50);--db-z-modal: var(--z-index-foundation-modal);--db-z-popover: var(--z-index-foundation-popover);--db-z-tooltip: var(--z-index-foundation-tooltip);--db-z-toast: var(--z-index-foundation-toast);--db-animation-speed: 300ms;--db-animation-ease: ease-out;--db-animation-ease-in: ease-in}:root{--db-text-primary: var(--color-semantic-text-primary);--db-text-secondary: var(--color-semantic-text-secondary);--db-text-muted: var(--color-semantic-text-muted);--db-text-disabled: var(--color-semantic-text-disabled);--db-text-inverse: var(--color-semantic-text-inverse);--db-text-link: var(--color-semantic-text-link);--db-text-link-hover: var(--color-semantic-text-link-hover);--db-text-success: var(--color-semantic-success-foreground);--db-text-warning: var(--color-semantic-warning-foreground);--db-text-error: var(--color-semantic-error-foreground);--db-bg-primary: var(--color-semantic-background-primary);--db-bg-secondary: var(--color-semantic-background-secondary);--db-bg-tertiary: var(--color-semantic-background-tertiary);--db-bg-inverse: var(--color-semantic-background-inverse);--db-bg-overlay: var(--color-semantic-background-overlay);--db-bg-success: var(--color-semantic-success-background);--db-bg-warning: var(--color-semantic-warning-background);--db-bg-error: var(--color-semantic-error-background);--db-border-primary: var(--color-semantic-border-primary);--db-border-secondary: var(--color-semantic-border-secondary);--db-border-muted: var(--color-semantic-border-muted);--db-border-focus: var(--color-semantic-border-focus);--db-border-success: var(--color-semantic-success-foreground);--db-border-warning: var(--color-semantic-warning-foreground);--db-border-error: var(--color-semantic-error-foreground);--db-btn-primary-bg: var(--color-semantic-component-button-primary-bg);--db-btn-primary-text: var(--color-semantic-component-button-primary-text);--db-btn-secondary-bg: var(--color-semantic-component-button-secondary-bg);--db-btn-secondary-text: var(--color-semantic-component-button-secondary-text);--db-icon-primary: var(--color-semantic-component-icon-primary);--db-icon-secondary: var(--color-semantic-component-icon-secondary);--db-icon-success: var(--color-semantic-component-icon-success);--db-icon-warning: var(--color-semantic-component-icon-warning);--db-icon-danger: var(--color-semantic-component-icon-danger);--db-icon-info: var(--color-semantic-component-icon-info);--db-icon-muted: var(--color-semantic-component-icon-muted);--db-icon-inverse: var(--color-semantic-component-icon-inverse);--db-neutral-0: var(--color-foundation-neutral-0);--db-neutral-50: var(--color-foundation-neutral-50);--db-neutral-100: var(--color-foundation-neutral-100);--db-neutral-200: var(--color-foundation-neutral-200);--db-neutral-300: var(--color-foundation-neutral-300);--db-neutral-400: var(--color-foundation-neutral-400);--db-neutral-500: var(--color-foundation-neutral-500);--db-neutral-600: var(--color-foundation-neutral-600);--db-neutral-700: var(--color-foundation-neutral-700);--db-neutral-800: var(--color-foundation-neutral-800);--db-neutral-900: var(--color-foundation-neutral-900);--db-neutral-1000: var(--color-foundation-neutral-1000);--db-neutral-1100: var(--color-foundation-neutral-1100);--db-neutral-white: var(--color-foundation-neutral-white);--db-neutral-black: var(--color-foundation-neutral-black);--db-blue-50: var(--color-foundation-blue-50);--db-blue-100: var(--color-foundation-blue-100);--db-blue-200: var(--color-foundation-blue-200);--db-blue-300: var(--color-foundation-blue-300);--db-blue-400: var(--color-foundation-blue-400);--db-blue-500: var(--color-foundation-blue-500);--db-blue-600: var(--color-foundation-blue-600);--db-blue-700: var(--color-foundation-blue-700);--db-blue-800: var(--color-foundation-blue-800);--db-blue-900: var(--color-foundation-blue-900);--db-red-50: var(--color-foundation-red-50);--db-red-100: var(--color-foundation-red-100);--db-red-200: var(--color-foundation-red-200);--db-red-300: var(--color-foundation-red-300);--db-red-400: var(--color-foundation-red-400);--db-red-500: var(--color-foundation-red-500);--db-red-600: var(--color-foundation-red-600);--db-red-700: var(--color-foundation-red-700);--db-red-800: var(--color-foundation-red-800);--db-red-900: var(--color-foundation-red-900);--db-green-50: var(--color-foundation-green-50);--db-green-100: var(--color-foundation-green-100);--db-green-200: var(--color-foundation-green-200);--db-green-300: var(--color-foundation-green-300);--db-green-400: var(--color-foundation-green-400);--db-green-500: var(--color-foundation-green-500);--db-green-600: var(--color-foundation-green-600);--db-green-700: var(--color-foundation-green-700);--db-green-800: var(--color-foundation-green-800);--db-green-900: var(--color-foundation-green-900);--db-yellow-50: var(--color-foundation-yellow-50);--db-yellow-100: var(--color-foundation-yellow-100);--db-yellow-200: var(--color-foundation-yellow-200);--db-yellow-300: var(--color-foundation-yellow-300);--db-yellow-400: var(--color-foundation-yellow-400);--db-yellow-500: var(--color-foundation-yellow-500);--db-yellow-600: var(--color-foundation-yellow-600);--db-yellow-700: var(--color-foundation-yellow-700);--db-yellow-800: var(--color-foundation-yellow-800);--db-yellow-900: var(--color-foundation-yellow-900);--db-color-primary: var(--db-blue-600);--db-color-secondary: var(--db-blue-300);--db-color-tertiary: var(--db-blue-100);--db-margin-xs: var(--spacing-semantic-margin-xs);--db-margin-s: var(--spacing-semantic-margin-s);--db-margin-m: var(--spacing-semantic-margin-m);--db-margin-l: var(--spacing-semantic-margin-l);--db-margin-xl: var(--spacing-semantic-margin-xl);--db-margin-xxl: var(--spacing-semantic-margin-xxl);--db-padding-xxs: var(--spacing-semantic-padding-xxs);--db-padding-xs: var(--spacing-semantic-padding-xs);--db-padding-s: var(--spacing-semantic-padding-s);--db-padding-m: var(--spacing-semantic-padding-m);--db-padding-l: var(--spacing-semantic-padding-l);--db-padding-xl: var(--spacing-semantic-padding-xl);--db-gap-xs: var(--spacing-semantic-gap-xs);--db-gap-s: var(--spacing-semantic-gap-s);--db-gap-m: var(--spacing-semantic-gap-m);--db-gap-l: var(--spacing-semantic-gap-l);--db-gap-xl: var(--spacing-semantic-gap-xl);--db-spacing-0: var(--spacing-foundation-0);--db-spacing-1: var(--spacing-foundation-1);--db-spacing-2: var(--spacing-foundation-2);--db-spacing-3: var(--spacing-foundation-3);--db-spacing-4: var(--spacing-foundation-4);--db-spacing-5: var(--spacing-foundation-5);--db-spacing-6: var(--spacing-foundation-6);--db-spacing-7: var(--spacing-foundation-7);--db-spacing-8: var(--spacing-foundation-8);--db-spacing-9: var(--spacing-foundation-9);--db-spacing-10: var(--spacing-foundation-10);--db-spacing-11: var(--spacing-foundation-11);--db-spacing-12: var(--spacing-foundation-12);--db-spacing-14: var(--spacing-foundation-14);--db-spacing-16: var(--spacing-foundation-16);--db-spacing-20: var(--spacing-foundation-20);--db-spacing-24: var(--spacing-foundation-24);--db-spacing-28: var(--spacing-foundation-28);--db-spacing-32: var(--spacing-foundation-32);--db-spacing-36: var(--spacing-foundation-36);--db-spacing-40: var(--spacing-foundation-40);--db-spacing-44: var(--spacing-foundation-44);--db-spacing-48: var(--spacing-foundation-48);--db-spacing-52: var(--spacing-foundation-52);--db-spacing-56: var(--spacing-foundation-56);--db-spacing-60: var(--spacing-foundation-60);--db-spacing-64: var(--spacing-foundation-64);--db-spacing-72: var(--spacing-foundation-72);--db-spacing-80: var(--spacing-foundation-80);--db-spacing-96: var(--spacing-foundation-96);--db-size-xs: var(--spacing-semantic-size-xs);--db-size-sm: var(--spacing-semantic-size-sm);--db-size-md: var(--spacing-semantic-size-md);--db-size-lg: var(--spacing-semantic-size-lg);--db-size-xl: var(--spacing-semantic-size-xl);--db-size-2xl: var(--spacing-semantic-size-2xl);--db-radius-none: var(--border-radius-foundation-none);--db-radius-sm: var(--border-radius-foundation-sm);--db-radius-base: var(--border-radius-foundation-base);--db-radius-md: var(--border-radius-foundation-md);--db-radius-lg: var(--border-radius-foundation-lg);--db-radius-xl: var(--border-radius-foundation-xl);--db-radius-2xl: var(--border-radius-foundation-2xl);--db-radius-3xl: var(--border-radius-foundation-3xl);--db-radius-full: var(--border-radius-foundation-full);--db-radius-btn-sm: var(--border-radius-semantic-button-sm);--db-radius-btn-md: var(--border-radius-semantic-button-md);--db-radius-btn-lg: var(--border-radius-semantic-button-lg);--db-radius-btn-pill: var(--border-radius-semantic-button-pill);--db-radius-input-sm: var(--border-radius-semantic-input-sm);--db-radius-input-md: var(--border-radius-semantic-input-md);--db-radius-input-lg: var(--border-radius-semantic-input-lg);--db-radius-card-sm: var(--border-radius-semantic-card-sm);--db-radius-card-md: var(--border-radius-semantic-card-md);--db-radius-card-lg: var(--border-radius-semantic-card-lg);--db-radius-modal-sm: var(--border-radius-semantic-modal-sm);--db-radius-modal-md: var(--border-radius-semantic-modal-md);--db-radius-modal-lg: var(--border-radius-semantic-modal-lg);--db-radius-action-sm: var(--border-radius-semantic-action-sm);--db-radius-action-md: var(--border-radius-semantic-action-md);--db-radius-action-lg: var(--border-radius-semantic-action-lg);--db-radius-action-pill: var(--border-radius-semantic-action-pill);--db-font-primary: var(--typography-foundation-font-family-primary);--db-font-mono: var(--typography-foundation-font-family-mono);--db-text-xs: var(--typography-foundation-font-size-xs);--db-text-sm: var(--typography-foundation-font-size-sm);--db-text-base: var(--typography-foundation-font-size-base);--db-text-lg: var(--typography-foundation-font-size-lg);--db-text-xl: var(--typography-foundation-font-size-xl);--db-text-2xl: var(--typography-foundation-font-size-2xl);--db-text-3xl: var(--typography-foundation-font-size-3xl);--db-text-4xl: var(--typography-foundation-font-size-4xl);--db-text-5xl: var(--typography-foundation-font-size-5xl);--db-text-6xl: var(--typography-foundation-font-size-6xl);--db-weight-light: var(--typography-foundation-font-weight-light);--db-weight-normal: var(--typography-foundation-font-weight-normal);--db-weight-medium: var(--typography-foundation-font-weight-medium);--db-weight-semibold: var(--typography-foundation-font-weight-semibold);--db-weight-bold: var(--typography-foundation-font-weight-bold);--db-weight-extrabold: var(--typography-foundation-font-weight-extrabold);--db-leading-none: var(--typography-foundation-line-height-none);--db-leading-tight: var(--typography-foundation-line-height-tight);--db-leading-snug: var(--typography-foundation-line-height-snug);--db-leading-normal: var(--typography-foundation-line-height-normal);--db-leading-relaxed: var(--typography-foundation-line-height-relaxed);--db-leading-loose: var(--typography-foundation-line-height-loose);--db-shadow-none: var(--shadow-foundation-none);--db-shadow-sm: var(--shadow-foundation-sm);--db-shadow-base: var(--shadow-foundation-base);--db-shadow-md: var(--shadow-foundation-md);--db-shadow-lg: var(--shadow-foundation-lg);--db-shadow-xl: var(--shadow-foundation-xl);--db-shadow-2xl: var(--shadow-foundation-2xl);--db-shadow-inner: var(--shadow-foundation-inner);--db-opacity-0: var(--opacity-foundation-0);--db-opacity-5: var(--opacity-foundation-5);--db-opacity-10: var(--opacity-foundation-10);--db-opacity-20: var(--opacity-foundation-20);--db-opacity-25: var(--opacity-foundation-25);--db-opacity-30: var(--opacity-foundation-30);--db-opacity-40: var(--opacity-foundation-40);--db-opacity-50: var(--opacity-foundation-50);--db-opacity-60: var(--opacity-foundation-60);--db-opacity-70: var(--opacity-foundation-70);--db-opacity-75: var(--opacity-foundation-75);--db-opacity-80: var(--opacity-foundation-80);--db-opacity-90: var(--opacity-foundation-90);--db-opacity-95: var(--opacity-foundation-95);--db-opacity-100: var(--opacity-foundation-100);--db-z-auto: var(--z-index-foundation-auto);--db-z-0: var(--z-index-foundation-0);--db-z-10: var(--z-index-foundation-10);--db-z-20: var(--z-index-foundation-20);--db-z-30: var(--z-index-foundation-30);--db-z-40: var(--z-index-foundation-40);--db-z-50: var(--z-index-foundation-50);--db-z-modal: var(--z-index-foundation-modal);--db-z-popover: var(--z-index-foundation-popover);--db-z-tooltip: var(--z-index-foundation-tooltip);--db-z-toast: var(--z-index-foundation-toast);--db-animation-speed: 300ms;--db-animation-ease: ease-out;--db-animation-ease-in: ease-in}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:600;line-height:1.2;color:var(--db-text-primary);transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem;font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--db-margin-m)}h4{font-size:1.5rem;font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem;font-weight:600;margin-bottom:var(--db-margin-s)}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{margin:0 0 var(--db-margin-m) 0;line-height:1.6;color:var(--db-text-primary);transition:color .3s ease}a{color:var(--db-text-link);text-decoration:none;transition:all .3s ease;cursor:pointer}a:hover{color:var(--db-text-link-hover);text-decoration:underline}a:active{color:var(--db-text-link)}a:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}strong,b{font-weight:600;color:var(--db-text-primary)}em,i{font-style:italic;color:var(--db-text-primary)}blockquote{margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l);border-left:4px solid var(--db-border-primary);background-color:var(--db-bg-secondary);color:var(--db-text-secondary);font-style:italic;border-radius:0 8px 8px 0}code{background-color:var(--db-bg-tertiary);color:var(--db-text-primary);padding:.125rem .25rem;border-radius:4px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.875em;border:1px solid var(--db-border-muted)}pre{background-color:var(--db-bg-tertiary);color:var(--db-text-primary);padding:var(--db-padding-m);border-radius:8px;overflow-x:auto;border:1px solid var(--db-border-muted);margin:var(--db-margin-m) 0}pre code{background:none;border:none;padding:0;color:inherit}ul,ol{margin:0 0 var(--db-margin-m) 0;padding-left:var(--db-padding-l);color:var(--db-text-primary)}li{margin-bottom:var(--db-margin-s);line-height:1.6;color:var(--db-text-primary)}dl{margin:0 0 var(--db-margin-m) 0}dt{font-weight:600;color:var(--db-text-primary);margin-bottom:var(--db-margin-xs)}dd{margin:0 0 var(--db-margin-s) var(--db-padding-l);color:var(--db-text-secondary)}hr{border:none;height:1px;background-color:var(--db-border-muted);margin:var(--db-margin-xl) 0}table{width:100%;border-collapse:collapse;margin:var(--db-margin-m) 0;color:var(--db-text-primary)}th,td{padding:var(--db-padding-s);text-align:left;border-bottom:1px solid var(--db-border-muted)}th{background-color:var(--db-bg-secondary);font-weight:600;color:var(--db-text-primary)}tr:hover{background-color:var(--db-bg-secondary)}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--db-text-primary);background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:6px;padding:var(--db-padding-s) var(--db-padding-s);transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--db-border-focus);box-shadow:0 0 0 3px rgba(0,123,255,.1)}input:disabled,textarea:disabled,select:disabled{background-color:var(--db-bg-tertiary);color:var(--db-text-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder,select::placeholder{color:var(--db-text-muted)}button{font-family:inherit;font-size:inherit;color:var(--db-text-primary);background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:6px;padding:var(--db-padding-s) var(--db-padding-m);cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-focus)}button:active{transform:translateY(1px)}button:focus{outline:none;border-color:var(--db-border-focus);box-shadow:0 0 0 3px rgba(0,123,255,.1)}button:disabled{background-color:var(--db-bg-tertiary);color:var(--db-text-disabled);cursor:not-allowed}label{display:inline-block;margin-bottom:var(--db-margin-s);font-weight:500;color:var(--db-text-primary)}fieldset{border:1px solid var(--db-border-muted);border-radius:8px;padding:var(--db-padding-m);margin:var(--db-margin-m) 0}legend{padding:0 var(--db-padding-s);font-weight:600;color:var(--color-text-primary)}input[type=checkbox],input[type=radio]{margin-right:var(--db-margin-s);width:auto;height:auto}input[type=range]{background:rgba(0,0,0,0);border:none;padding:0;height:6px;border-radius:3px;background:var(--color-border-muted)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-action-primary-bg);cursor:pointer;border:2px solid var(--color-bg-primary)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-action-primary-bg);cursor:pointer;border:2px solid var(--color-bg-primary)}progress{width:100%;height:8px;border-radius:4px;background-color:var(--color-bg-tertiary);border:none}progress::-webkit-progress-bar{background-color:var(--color-bg-tertiary);border-radius:4px}progress::-webkit-progress-value{background-color:var(--color-action-primary-bg);border-radius:4px}progress::-moz-progress-bar{background-color:var(--color-action-primary-bg);border-radius:4px}meter{width:100%;height:8px;border-radius:4px;background-color:var(--color-bg-tertiary);border:none}meter::-webkit-meter-bar{background-color:var(--color-bg-tertiary);border-radius:4px}meter::-webkit-meter-optimum-value{background-color:var(--color-green-500);border-radius:4px}meter::-webkit-meter-suboptimum-value{background-color:var(--color-yellow-500);border-radius:4px}meter::-webkit-meter-even-less-good-value{background-color:var(--color-red-500);border-radius:4px}details{margin:var(--db-margin-m) 0;border:1px solid var(--color-border-muted);border-radius:8px;overflow:hidden}summary{padding:var(--db-padding-m);background-color:var(--db-bg-secondary);color:var(--db-text-primary);font-weight:600;cursor:pointer;transition:background-color .3s ease}summary:hover{background-color:var(--db-bg-tertiary)}summary::-webkit-details-marker{color:var(--db-text-muted)}details[open] summary{border-bottom:1px solid var(--db-border-muted)}details>div{padding:var(--db-padding-m);color:var(--db-text-primary)}mark{background-color:var(--db-yellow-200);color:var(--db-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:3px}del,s{color:var(--db-text-muted);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{font-size:.875em;color:var(--db-text-muted)}big{font-size:1.125em;color:var(--db-text-primary)}cite{font-style:italic;color:var(--db-text-secondary)}time{color:var(--color-text-muted);font-size:.875em}address{font-style:normal;color:var(--color-text-secondary);margin:var(--db-margin-m) 0}article,section{margin:var(--db-margin-xl) 0}header,footer{padding:var(--db-padding-m) 0;color:var(--db-text-primary)}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--db-gap-m)}nav a{color:var(--db-text-primary);text-decoration:none;padding:var(--db-padding-s);border-radius:4px;transition:all .3s ease}nav a:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}nav a.active{background-color:var(--db-color-primary);color:var(--db-text-inverse)}main{min-height:100vh;color:var(--db-text-primary)}aside{background-color:var(--db-bg-secondary);padding:var(--db-padding-m);border-radius:8px;color:var(--db-text-primary)}figure{margin:var(--db-margin-xl) 0;text-align:center}figcaption{margin-top:var(--db-margin-s);color:var(--db-text-secondary);font-size:.875em}video,audio{max-width:100%;border-radius:8px}canvas{border:1px solid var(--db-border-muted);border-radius:8px}::selection{background-color:var(--db-color-primary);color:var(--db-text-inverse)}::-moz-selection{background-color:var(--db-color-primary);color:var(--db-text-inverse)}:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--db-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--db-border-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--db-border-primary)}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--db-bg-tertiary);border-color:var(--db-border-primary)}[data-theme=dark] blockquote{background-color:var(--db-bg-tertiary);border-left-color:var(--db-border-primary)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--db-bg-primary);border-color:var(--db-border-primary)}[data-theme=brand] h1,[data-theme=brand] h2,[data-theme=brand] h3,[data-theme=brand] h4,[data-theme=brand] h5,[data-theme=brand] h6{color:var(--db-text-primary)}[data-theme=brand] a{color:var(--db-text-link)}/*# sourceMappingURL=theme.css.map */
390
+
391
+ .designbase-spinner{align-items:center;color:var(--spinner-color,var(--db-blue-500));display:inline-flex;gap:var(--db-gap-s);justify-content:center}.designbase-spinner__label{color:var(--db-text-secondary);font-size:var(--db-text-sm);white-space:nowrap}.designbase-spinner--circular .designbase-spinner__circular{animation:spin var(--spinner-speed,1s) linear infinite;height:1em;width:1em}.designbase-spinner--circular .designbase-spinner__circular-track{opacity:.2}.designbase-spinner--circular .designbase-spinner__circular-indicator{stroke-dasharray:80;stroke-dashoffset:80;animation:circular-progress var(--spinner-speed,1s) ease-in-out infinite}.designbase-spinner--dots .designbase-spinner__dots{display:flex;gap:var(--db-gap-xs)}.designbase-spinner--dots .designbase-spinner__dot{animation:dots-bounce var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:50%;height:.5em;width:.5em}.designbase-spinner--dots .designbase-spinner__dot:first-child{animation-delay:-.32s}.designbase-spinner--dots .designbase-spinner__dot:nth-child(2){animation-delay:-.16s}.designbase-spinner--bars .designbase-spinner__bars{display:flex;gap:2px;height:1em}.designbase-spinner--bars .designbase-spinner__bar{animation:bars-wave var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:2px;width:3px}.designbase-spinner--bars .designbase-spinner__bar:first-child{animation-delay:-.4s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(2){animation-delay:-.3s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(3){animation-delay:-.2s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(4){animation-delay:-.1s}.designbase-spinner--pulse .designbase-spinner__pulse{animation:pulse-scale var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:50%;height:1em;width:1em}.designbase-spinner--ripple{height:1em;position:relative;width:1em}.designbase-spinner--ripple .designbase-spinner__ripple-circle{animation:ripple-expand var(--spinner-speed,1s) ease-out infinite;border:2px solid;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.designbase-spinner--ripple .designbase-spinner__ripple-circle:nth-child(2){animation-delay:calc(var(--spinner-speed, 1s)*.5)}.designbase-spinner--xs{font-size:12px}.designbase-spinner--sm{font-size:14px}.designbase-spinner--md{font-size:16px}.designbase-spinner--lg{font-size:20px}.designbase-spinner--xl{font-size:24px}@keyframes circular-progress{0%{stroke-dashoffset:70}50%{stroke-dashoffset:80}to{stroke-dashoffset:70}}@keyframes dots-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes bars-wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes pulse-scale{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.8)}}@keyframes ripple-expand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.designbase-button{align-items:center;border:1px solid transparent;cursor:pointer;display:inline-flex;font-weight:var(--db-weight-medium);gap:var(--db-gap-s);justify-content:center;outline:none;transition:all .15s ease}.designbase-button:focus{box-shadow:0 0 0 2px var(--db-border-focus);outline:none}.designbase-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-60)}.designbase-button--primary{background-color:var(--db-btn-primary-bg);border-color:var(--db-btn-primary-bg);color:var(--db-btn-primary-text)}.designbase-button--primary:hover:not(:disabled){background-color:var(--db-blue-700);border-color:var(--db-blue-700)}.designbase-button--primary:active:not(:disabled){background-color:var(--db-blue-800);border-color:var(--db-blue-800)}.designbase-button--secondary{background-color:var(--db-btn-secondary-bg);border-color:var(--db-btn-secondary-bg);color:var(--db-btn-secondary-text)}.designbase-button--secondary:hover:not(:disabled){background-color:var(--db-neutral-100);border-color:var(--db-neutral-300);color:var(--db-text-primary)}.designbase-button--secondary:active:not(:disabled){background-color:var(--db-neutral-200)}.designbase-button--tertiary{background-color:var(--db-bg-secondary);border-color:var(--db-border-secondary);color:var(--db-text-primary)}.designbase-button--tertiary:hover:not(:disabled){background-color:var(--db-bg-tertiary);border-color:var(--db-border-primary);color:var(--db-text-primary)}.designbase-button--tertiary:active:not(:disabled){background-color:var(--db-neutral-200);border-color:var(--db-border-primary)}.designbase-button--danger{background-color:var(--db-red-600);border-color:var(--db-red-600);color:var(--db-white)}.designbase-button--danger:hover:not(:disabled){background-color:var(--db-red-700);border-color:var(--db-red-700)}.designbase-button--danger:active:not(:disabled){background-color:var(--db-red-800);border-color:var(--db-red-800)}.designbase-button--ghost{background-color:transparent;border-color:transparent;color:var(--db-text-primary)}.designbase-button--ghost:hover:not(:disabled){background-color:var(--db-bg-secondary)}.designbase-button--ghost:focus{box-shadow:0 0 0 2px var(--db-border-focus)}.designbase-button--xs{font-size:var(--db-text-xs);padding:var(--db-padding-xxs) var(--db-padding-xs)}.designbase-button--sm{font-size:var(--db-text-sm);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-button--md{font-size:var(--db-text-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-button--lg{font-size:var(--db-text-base);padding:var(--db-padding-s) var(--db-padding-l)}.designbase-button--xl{font-size:var(--db-text-lg);padding:var(--db-padding-m) var(--db-padding-xl)}.designbase-button--radius-sm{border-radius:var(--db-radius-btn-sm)}.designbase-button--radius-md{border-radius:var(--db-radius-btn-md)}.designbase-button--radius-lg{border-radius:var(--db-radius-btn-lg)}.designbase-button--radius-pill{border-radius:var(--db-radius-btn-pill)}.designbase-button--icon-only{gap:0}.designbase-button--icon-only.designbase-button--xs{padding:var(--db-padding-xxs)}.designbase-button--icon-only.designbase-button--md,.designbase-button--icon-only.designbase-button--sm{padding:var(--db-padding-xs)}.designbase-button--icon-only.designbase-button--lg{padding:var(--db-padding-s)}.designbase-button--icon-only.designbase-button--xl{padding:var(--db-padding-m)}.designbase-button--full-width{width:100%}.designbase-button--loading{pointer-events:none}.designbase-button .designbase-button__spinner{animation:spin 1s linear infinite}.designbase-input{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-input__label{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-input__required{color:var(--db-red-500);margin-left:var(--db-margin-xs)}.designbase-input__wrapper{align-items:center;display:flex;position:relative}.designbase-input__field{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);outline:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-input__field::placeholder{color:var(--db-text-muted)}.designbase-input__field:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-input__field:disabled{background-color:var(--db-bg-secondary);color:var(--db-text-disabled);cursor:not-allowed}.designbase-input__field:read-only{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-input__end-icon,.designbase-input__start-icon{color:var(--db-text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.designbase-input__start-icon{left:var(--db-padding-s)}.designbase-input__end-icon{right:var(--db-padding-s)}.designbase-input__helper-text{color:var(--db-text-secondary)}.designbase-input__error-message,.designbase-input__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:0}.designbase-input__error-message{color:var(--db-red-500)}.designbase-input--sm .designbase-input__field{font-size:var(--db-text-sm);line-height:var(--db-leading-normal);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-input--sm.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-s) + 16px + var(--db-padding-xs))}.designbase-input--sm.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-s) + 16px + var(--db-padding-xs))}.designbase-input--md .designbase-input__field{font-size:var(--db-text-sm);line-height:var(--db-leading-normal);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-input--md.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-m) + 20px + var(--db-padding-xs))}.designbase-input--md.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-m) + 20px + var(--db-padding-xs))}.designbase-input--lg .designbase-input__field{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-input--lg.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-l) + 24px + var(--db-padding-xs))}.designbase-input--lg.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-l) + 24px + var(--db-padding-xs))}.designbase-input--error .designbase-input__field{border-color:var(--db-red-500)}.designbase-input--error .designbase-input__field:focus{border-color:var(--db-red-500);box-shadow:0 0 0 3px var(--db-red-100)}.designbase-input--disabled .designbase-input__field{background-color:var(--db-bg-secondary);color:var(--db-text-disabled);cursor:not-allowed}.designbase-input--disabled .designbase-input__end-icon,.designbase-input--disabled .designbase-input__start-icon{color:var(--db-text-disabled)}.designbase-input--readonly .designbase-input__field{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-input--full-width{width:100%}.designbase-modal{background-color:var(--db-bg-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;transform:translateY(0);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-modal__overlay{align-items:center;backdrop-filter:blur(4px);background-color:var(--db-bg-overlay);display:flex;inset:0;justify-content:center;padding:var(--db-padding-m);position:fixed;z-index:var(--db-z-modal)}.designbase-modal__content{display:flex;flex-direction:column;height:100%;overflow:hidden}.designbase-modal__header{align-items:center;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-s)}.designbase-modal__header-content{flex:1}.designbase-modal__title{color:var(--db-text-primary);font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-modal__close-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:var(--db-margin-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:32px}.designbase-modal__close-button:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-modal__close-button:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-modal__body{flex:1;overflow-y:auto;padding:var(--db-padding-xl)}.designbase-modal__footer{align-items:center;background-color:var(--db-bg-secondary);border-top:1px solid var(--db-border-primary);display:flex;flex-shrink:0;gap:var(--db-gap-s);justify-content:flex-end;padding:var(--db-padding-l) var(--db-padding-xl)}.designbase-modal--sm{max-width:400px;width:100%}.designbase-modal--md{max-width:500px;width:100%}.designbase-modal--lg{max-width:600px;width:100%}.designbase-modal--xl{max-width:800px;width:100%}.designbase-modal--full{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.designbase-modal--full .designbase-modal__overlay{padding:0}.designbase-modal[data-state=entered],.designbase-modal[data-state=entering]{opacity:1;transform:translateY(0)}.designbase-modal[data-state=exiting]{opacity:0;transform:translateY(-10px)}.designbase-modal__overlay[data-state=entered],.designbase-modal__overlay[data-state=entering]{opacity:1}.designbase-modal__overlay[data-state=exiting]{opacity:0}.designbase-checkbox{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-checkbox__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-checkbox__visual{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-action-sm);display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{height:60%;width:60%}.designbase-checkbox__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-checkbox .designbase-checkbox__visual{background-color:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-checkbox:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual{background-color:var(--db-bg-secondary);border-color:var(--db-border-secondary)}.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual{background-color:var(--db-blue-500);border-color:var(--db-blue-500)}.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual{background-color:var(--db-blue-600);border-color:var(--db-blue-600)}.designbase-checkbox--no-label{gap:0}.designbase-checkbox--xs{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-checkbox--xs .designbase-checkbox__visual{height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-checkbox--sm{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-checkbox--sm .designbase-checkbox__visual{height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-checkbox--md{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-checkbox--md .designbase-checkbox__visual{height:var(--db-size-md);width:var(--db-size-md)}.designbase-checkbox--lg{font-size:var(--db-text-lg);line-height:var(--db-leading-normal)}.designbase-checkbox--lg .designbase-checkbox__visual{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-checkbox--xl{font-size:var(--db-text-xl);line-height:var(--db-leading-normal)}.designbase-checkbox--xl .designbase-checkbox__visual{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-checkbox--disabled{cursor:not-allowed;opacity:var(--db-opacity-60)}.designbase-checkbox--disabled .designbase-checkbox__visual{background-color:var(--db-bg-muted);border-color:var(--db-border-muted)}.designbase-checkbox--disabled .designbase-checkbox__label{color:var(--db-text-muted)}.designbase-checkbox--readonly{cursor:default}.designbase-checkbox:focus-within .designbase-checkbox__visual{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-toggle{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-toggle__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-toggle__track{align-items:center;background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-action-pill);display:flex;flex-shrink:0;position:relative}.designbase-toggle__thumb,.designbase-toggle__track{transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-toggle__thumb{background-color:var(--db-bg-primary);border-radius:50%;left:2px;position:absolute}.designbase-toggle__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-toggle .designbase-toggle__track{background-color:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-toggle .designbase-toggle__thumb{background-color:var(--db-bg-primary)}.designbase-toggle:hover:not(.designbase-toggle--disabled) .designbase-toggle__track{background-color:var(--db-bg-tertiary);border-color:var(--db-border-secondary)}.designbase-toggle.designbase-toggle--selected .designbase-toggle__track{background-color:var(--db-blue-500);border-color:var(--db-blue-500)}.designbase-toggle.designbase-toggle--selected .designbase-toggle__thumb{background-color:var(--db-bg-primary)}.designbase-toggle.designbase-toggle--selected:hover:not(.designbase-toggle--disabled) .designbase-toggle__track{background-color:var(--db-blue-600);border-color:var(--db-blue-600)}.designbase-toggle.designbase-toggle--selected:hover:not(.designbase-toggle--disabled) .designbase-toggle__thumb{background-color:var(--db-bg-primary)}.designbase-toggle--no-label{gap:0}.designbase-toggle--xs{font-size:var(--db-font-xs);line-height:var(--db-leading-none)}.designbase-toggle--xs .designbase-toggle__track{height:var(--db-size-sm);width:calc(var(--db-size-sm)*1.75)}.designbase-toggle--xs .designbase-toggle__thumb{height:calc(var(--db-size-sm) - 4px);width:calc(var(--db-size-sm) - 4px)}.designbase-toggle--xs.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(calc(var(--db-size-sm)*.75 - 2px))}.designbase-toggle--sm{font-size:var(--db-font-sm);line-height:var(--db-leading-tight)}.designbase-toggle--sm .designbase-toggle__track{height:var(--db-size-md);width:calc(var(--db-size-md)*1.75)}.designbase-toggle--sm .designbase-toggle__thumb{height:calc(var(--db-size-md) - 4px);width:calc(var(--db-size-md) - 4px)}.designbase-toggle--sm.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(calc(var(--db-size-md)*.75 - 2px))}.designbase-toggle--md{font-size:var(--db-font-md);line-height:var(--db-leading-normal)}.designbase-toggle--md .designbase-toggle__track{height:var(--db-size-lg);width:calc(var(--db-size-lg)*1.75)}.designbase-toggle--md .designbase-toggle__thumb{height:calc(var(--db-size-lg) - 4px);width:calc(var(--db-size-lg) - 4px)}.designbase-toggle--md.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(calc(var(--db-size-lg)*.75 - 2px))}.designbase-toggle--lg{font-size:var(--db-font-lg);line-height:var(--db-leading-relaxed)}.designbase-toggle--lg .designbase-toggle__track{height:var(--db-size-xl);width:calc(var(--db-size-xl)*1.75)}.designbase-toggle--lg .designbase-toggle__thumb{height:calc(var(--db-size-xl) - 4px);width:calc(var(--db-size-xl) - 4px)}.designbase-toggle--lg.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(calc(var(--db-size-xl)*.75 - 2px))}.designbase-toggle--xl{font-size:var(--db-font-xl);line-height:var(--db-leading-relaxed)}.designbase-toggle--xl .designbase-toggle__track{height:var(--db-size-2xl);width:calc(var(--db-size-2xl)*1.75)}.designbase-toggle--xl .designbase-toggle__thumb{height:calc(var(--db-size-2xl) - 4px);width:calc(var(--db-size-2xl) - 4px)}.designbase-toggle--xl.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(calc(var(--db-size-2xl)*.75 - 2px))}.designbase-toggle--disabled{cursor:not-allowed;opacity:var(--db-opacity-60)}.designbase-toggle--disabled .designbase-toggle__track{background-color:var(--db-bg-secondary);border-color:var(--db-border-muted)}.designbase-toggle--disabled .designbase-toggle__thumb{background-color:var(--db-bg-primary)}.designbase-toggle--disabled .designbase-toggle__label{color:var(--db-text-disabled)}.designbase-toggle--readonly{cursor:default}.designbase-toggle:focus-within .designbase-toggle__track{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-radio{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-radio__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-radio__visual{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);display:flex;flex-shrink:0;justify-content:center;position:relative}.designbase-radio__dot,.designbase-radio__visual{border-radius:50%;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-radio__dot{height:60%;width:60%}.designbase-radio__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-radio .designbase-radio__visual{background-color:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-radio:hover:not(.designbase-radio--disabled) .designbase-radio__visual{background-color:var(--db-bg-secondary);border-color:var(--db-border-secondary)}.designbase-radio.designbase-radio--selected .designbase-radio__visual{background-color:var(--db-blue-500);border-color:var(--db-blue-500)}.designbase-radio.designbase-radio--selected:hover:not(.designbase-radio--disabled) .designbase-radio__visual{background-color:var(--db-blue-600);border-color:var(--db-blue-600)}.designbase-radio--no-label{gap:0}.designbase-radio--xs{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-radio--xs .designbase-radio__visual{height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-radio--sm{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-radio--sm .designbase-radio__visual{height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-radio--md{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-radio--md .designbase-radio__visual{height:var(--db-size-md);width:var(--db-size-md)}.designbase-radio--lg{font-size:var(--db-text-lg);line-height:var(--db-leading-normal)}.designbase-radio--lg .designbase-radio__visual{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-radio--xl{font-size:var(--db-text-xl);line-height:var(--db-leading-normal)}.designbase-radio--xl .designbase-radio__visual{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-radio--disabled{cursor:not-allowed;opacity:.6}.designbase-radio--disabled .designbase-radio__visual{background-color:var(--db-bg-secondary);border-color:var(--db-border-muted)}.designbase-radio--disabled .designbase-radio__label{color:var(--db-text-disabled)}.designbase-radio--readonly{cursor:default}.designbase-radio:focus-within .designbase-radio__visual{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toast{align-items:flex-start;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);display:flex;gap:var(--db-gap-s);max-width:400px;min-width:300px;opacity:0;padding:var(--db-padding-m);position:fixed;transform:translateX(100%);transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:var(--db-z-toast)}.designbase-toast--visible{opacity:1;transform:translateX(0)}.designbase-toast__progress{background-color:var(--db-border-primary);border-radius:var(--db-radius-md) var(--db-radius-md) 0 0;height:3px;left:0;overflow:hidden;position:absolute;right:0;top:0}.designbase-toast__progress-bar{background-color:var(--db-blue-500);height:100%;transition:width .1s linear}.designbase-toast__icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.designbase-toast__status-icon{font-size:16px;font-weight:700}.designbase-toast__content{flex:1;min-width:0}.designbase-toast__title{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal);margin:0}.designbase-toast__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:var(--db-margin-xs) 0 0 0}.designbase-toast__close-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all var(--db-animation-speed) var(--db-animation-ease);width:20px}.designbase-toast__close-button:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-toast__close-button:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-toast--success{border-left:4px solid var(--db-green-500)}.designbase-toast--success .designbase-toast__progress-bar{background-color:var(--db-green-500)}.designbase-toast--success .designbase-toast__status-icon{color:var(--db-green-500)}.designbase-toast--error{border-left:4px solid var(--db-red-500)}.designbase-toast--error .designbase-toast__progress-bar{background-color:var(--db-red-500)}.designbase-toast--error .designbase-toast__status-icon{color:var(--db-red-500)}.designbase-toast--warning{border-left:4px solid var(--db-yellow-500)}.designbase-toast--warning .designbase-toast__progress-bar{background-color:var(--db-yellow-500)}.designbase-toast--warning .designbase-toast__status-icon{color:var(--db-yellow-500)}.designbase-toast--info{border-left:4px solid var(--db-blue-500)}.designbase-toast--info .designbase-toast__progress-bar{background-color:var(--db-blue-500)}.designbase-toast--info .designbase-toast__status-icon{color:var(--db-blue-500)}.designbase-toast--top-left{transform:translateX(-100%)}.designbase-toast--top-left.designbase-toast--visible{transform:translateX(0)}.designbase-toast--top-center{transform:translateY(-100%)}.designbase-toast--top-center.designbase-toast--visible{transform:translateY(0)}.designbase-toast--top-right{transform:translateX(100%)}.designbase-toast--top-right.designbase-toast--visible{transform:translateX(0)}.designbase-toast--bottom-left{transform:translateX(-100%)}.designbase-toast--bottom-left.designbase-toast--visible{transform:translateX(0)}.designbase-toast--bottom-center{transform:translateY(100%)}.designbase-toast--bottom-center.designbase-toast--visible{transform:translateY(0)}.designbase-toast--bottom-right{transform:translateX(100%)}.designbase-toast--bottom-right.designbase-toast--visible{transform:translateX(0)}@media (max-width:640px){.designbase-toast{margin:0 var(--db-spacing-4);max-width:calc(100vw - 32px);min-width:280px}}.designbase-toast-container .designbase-toast{margin-bottom:var(--db-spacing-3)}.designbase-toast-container{pointer-events:none;position:fixed;z-index:var(--db-z-toast)}.designbase-toast-container--top-left{left:var(--db-spacing-4);top:var(--db-spacing-4)}.designbase-toast-container--top-center{left:50%;top:var(--db-spacing-4);transform:translateX(-50%)}.designbase-toast-container--top-right{right:var(--db-spacing-4);top:var(--db-spacing-4)}.designbase-toast-container--bottom-left{bottom:var(--db-spacing-4);left:var(--db-spacing-4)}.designbase-toast-container--bottom-center{bottom:var(--db-spacing-4);left:50%;transform:translateX(-50%)}.designbase-toast-container--bottom-right{bottom:var(--db-spacing-4);right:var(--db-spacing-4)}.designbase-toast-container .designbase-toast{margin-bottom:var(--db-margin-s);pointer-events:auto}.designbase-toast-container .designbase-toast:last-child{margin-bottom:0}.designbase-select{display:flex;flex-direction:column;gap:var(--db-gap-xs);position:relative}.designbase-select__label{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-select__required{color:var(--db-red-500);margin-left:var(--db-margin-xs)}.designbase-select__trigger{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);cursor:pointer;display:flex;gap:var(--db-gap-s);justify-content:space-between;outline:none;padding:var(--db-padding-s) var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-select__trigger:hover:not(.designbase-select__trigger--disabled){border-color:var(--db-border-secondary)}.designbase-select__trigger--focused,.designbase-select__trigger:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-select__value{align-items:center;display:flex;flex:1;min-width:0}.designbase-select__single-value{color:var(--db-text-primary);font-size:var(--db-text-sm);line-height:var(--db-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__tags{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--db-gap-xs);min-height:20px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--db-border-primary) transparent;scrollbar-width:thin}.designbase-select__tags::-webkit-scrollbar{height:4px}.designbase-select__tags::-webkit-scrollbar-track{background:transparent}.designbase-select__tags::-webkit-scrollbar-thumb{background-color:var(--db-border-primary);border-radius:2px}.designbase-select__tags::-webkit-scrollbar-thumb:hover{background-color:var(--db-border-secondary)}.designbase-select__tag{align-items:center;background-color:var(--db-blue-100);border:1px solid var(--db-blue-200);border-radius:var(--db-radius-sm);color:var(--db-blue-700);display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-select__tag-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__tag-remove{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-blue-600);cursor:pointer;display:flex;height:16px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:16px}.designbase-select__tag-remove:hover{background-color:var(--db-blue-200);color:var(--db-blue-800)}.designbase-select__search-input{background:none;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-sm);line-height:var(--db-leading-tight);min-width:60px;outline:none}.designbase-select__search-input::placeholder{color:var(--db-text-muted)}.designbase-select__indicators{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-xs)}.designbase-select__clear-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:20px}.designbase-select__clear-button:hover{background-color:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-select__chevron{align-items:center;color:var(--db-text-secondary);display:flex;height:20px;justify-content:center;transition:transform .15s ease-in-out;width:20px}.designbase-select__dropdown{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-4px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-select__dropdown--open{opacity:1;transform:translateY(0);visibility:visible}.designbase-select__dropdown--full{width:100%}.designbase-select__dropdown--auto{min-width:100%;width:auto}.designbase-select__options{max-height:200px;overflow-y:auto;padding:var(--db-padding-xs)}.designbase-select__option{align-items:center;border-radius:var(--db-radius-sm);cursor:pointer;display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-select__option:hover:not(.designbase-select__option--disabled){background-color:var(--db-bg-tertiary)}.designbase-select__option--selected{background-color:var(--db-blue-50);color:var(--db-blue-700)}.designbase-select__option--focused{background-color:var(--db-bg-tertiary)}.designbase-select__option--disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-select__checkbox{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.designbase-select__checkbox .designbase-checkbox{margin:0;min-height:auto;padding:0}.designbase-select__checkbox .designbase-checkbox__visual{height:16px;width:16px}.designbase-select__option-label{flex:1;font-size:var(--db-text-sm);line-height:var(--db-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__no-options{color:var(--db-text-secondary);font-size:var(--db-text-sm);line-height:var(--db-leading-tight);padding:var(--db-padding-md);text-align:center}.designbase-select__helper-text{color:var(--db-text-secondary)}.designbase-select__error-message,.designbase-select__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:0}.designbase-select__error-message{color:var(--db-red-500)}.designbase-select--sm .designbase-select__trigger{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-select--sm .designbase-select__search-input,.designbase-select--sm .designbase-select__single-value,.designbase-select--sm .designbase-select__trigger{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-select--md .designbase-select__trigger{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-select--md .designbase-select__search-input,.designbase-select--md .designbase-select__single-value,.designbase-select--md .designbase-select__trigger{font-size:var(--db-text-sm);line-height:var(--db-leading-tight)}.designbase-select--lg .designbase-select__trigger{padding:var(--db-padding-m) var(--db-padding-l)}.designbase-select--lg .designbase-select__search-input,.designbase-select--lg .designbase-select__single-value,.designbase-select--lg .designbase-select__trigger{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-select--error .designbase-select__trigger{border-color:var(--db-red-500)}.designbase-select--error .designbase-select__trigger:focus{border-color:var(--db-red-500);box-shadow:0 0 0 3px var(--db-red-100)}.designbase-select--disabled .designbase-select__trigger{background-color:var(--db-bg-secondary);border-color:var(--db-border-muted);color:var(--db-text-disabled);cursor:not-allowed}.designbase-select--disabled .designbase-select__single-value{color:var(--db-text-disabled)}.designbase-select--readonly .designbase-select__trigger{background-color:var(--db-bg-secondary);color:var(--db-text-primary);cursor:default}.designbase-select--full-width{width:100%}.designbase-select--multiple .designbase-select__trigger{min-height:40px}@media (max-width:640px){.designbase-select .designbase-select__dropdown{border-radius:var(--db-radius-lg) var(--db-radius-lg) 0 0;bottom:0;left:0;max-height:50vh;position:fixed;right:0;top:auto}.designbase-select .designbase-select__options{max-height:none}}.designbase-tabs{display:flex;flex-direction:column;width:100%}.designbase-tabs__list{border-bottom:1px solid var(--db-border-primary);display:flex;gap:var(--db-gap-xs)}.designbase-tabs__list--horizontal{flex-direction:row}.designbase-tabs__list--vertical{border-bottom:none;border-right:1px solid var(--db-border-primary);flex-direction:column;min-width:200px;width:200px}.designbase-tabs__list--full-width{width:100%}.designbase-tabs__list--full-width .designbase-tabs__tab{flex:1}.designbase-tabs__tab{align-items:center;background:none;border:none;border-radius:var(--db-radius-md) var(--db-radius-md) 0 0;color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:var(--db-leading-normal);outline:none;padding:var(--db-padding-s) var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){background-color:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-tabs__tab:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-tabs__tab--selected{background-color:var(--db-bg-primary);border-bottom:2px solid var(--db-blue-500);color:var(--db-blue-600)}.designbase-tabs__tab--selected:after{background-color:var(--db-bg-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.designbase-tabs__tab--focused{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-tabs__tab--disabled{background-color:var(--db-bg-secondary);color:var(--db-text-disabled);cursor:not-allowed}.designbase-tabs__tab-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-tabs__tab-label{white-space:nowrap}.designbase-tabs__panel{background-color:var(--db-bg-primary);border-radius:0 0 var(--db-radius-md) var(--db-radius-md);flex:1;padding:var(--db-padding-l)}.designbase-tabs--pills .designbase-tabs__list{border-bottom:none;gap:var(--db-gap-xs)}.designbase-tabs--pills .designbase-tabs__tab{border-bottom:none;border-radius:var(--db-radius-full)}.designbase-tabs--pills .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){background-color:var(--db-bg-tertiary)}.designbase-tabs--pills .designbase-tabs__tab--selected{background-color:var(--db-blue-500);border-bottom:none;color:var(--db-text-inverse)}.designbase-tabs--pills .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--underline .designbase-tabs__list{border-bottom:1px solid var(--db-border-primary)}.designbase-tabs--underline .designbase-tabs__tab{border-bottom:2px solid transparent;border-radius:0}.designbase-tabs--underline .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-bottom-color:var(--db-border-secondary)}.designbase-tabs--underline .designbase-tabs__tab--selected{border-bottom-color:var(--db-blue-500)}.designbase-tabs--underline .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--sm .designbase-tabs__tab{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-tabs--sm .designbase-tabs__panel{padding:var(--db-padding-m)}.designbase-tabs--md .designbase-tabs__tab{font-size:var(--db-text-sm);line-height:var(--db-leading-normal);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-tabs--md .designbase-tabs__panel{padding:var(--db-padding-l)}.designbase-tabs--lg .designbase-tabs__tab{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-tabs--lg .designbase-tabs__panel{padding:var(--db-padding-xl)}.designbase-tabs--vertical{flex-direction:row}.designbase-tabs--vertical .designbase-tabs__list{border-bottom:none;border-right:1px solid var(--db-border-primary);flex-direction:column;min-width:200px;width:200px}.designbase-tabs--vertical .designbase-tabs__tab{border-bottom:none;border-radius:var(--db-radius-md) 0 0 var(--db-radius-md);border-right:2px solid transparent;justify-content:flex-start;text-align:left}.designbase-tabs--vertical .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-right-color:var(--db-border-secondary)}.designbase-tabs--vertical .designbase-tabs__tab--selected{border-bottom:none;border-right-color:var(--db-blue-500)}.designbase-tabs--vertical .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--vertical .designbase-tabs__panel{border-radius:0 var(--db-radius-md) var(--db-radius-md) 0;flex:1}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__list{border-right:none}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab{border-radius:var(--db-radius-full);border-right:none;margin-bottom:var(--db-margin-xs)}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab--selected,.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-right-color:transparent}.designbase-tabs--full-width{width:100%}.designbase-tabs--full-width .designbase-tabs__tab{flex:1}@media (max-width:640px){.designbase-tabs--vertical{flex-direction:column}.designbase-tabs--vertical .designbase-tabs__list{border-bottom:1px solid var(--db-border-primary);border-right:none;flex-direction:row;min-width:auto;overflow-x:auto;width:100%}.designbase-tabs--vertical .designbase-tabs__tab{border-bottom:2px solid transparent;border-radius:var(--db-radius-md) var(--db-radius-md) 0 0;border-right:none;justify-content:center;min-width:120px;text-align:center;white-space:nowrap}.designbase-tabs--vertical .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-bottom-color:var(--db-border-secondary);border-right-color:transparent}.designbase-tabs--vertical .designbase-tabs__tab--selected{border-bottom-color:var(--db-blue-500);border-right-color:transparent}.designbase-tabs--vertical .designbase-tabs__panel{border-radius:0 0 var(--db-radius-md) var(--db-radius-md)}}.designbase-segment-control{background-color:var(--db-bg-secondary);border-radius:var(--db-radius-lg);display:flex;gap:0;padding:var(--db-padding-xs);position:relative;width:fit-content}.designbase-segment-control__segment{align-items:center;background:none;border:none;border-radius:var(--db-radius-md);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:var(--db-leading-tight);min-width:80px;outline:none;padding:var(--db-padding-s) var(--db-padding-m);position:relative;transition:all .15s ease-in-out;z-index:1}.designbase-segment-control__segment:hover:not(.designbase-segment-control__segment--disabled){color:var(--db-text-primary)}.designbase-segment-control__segment:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-segment-control__segment--selected{background-color:var(--db-bg-primary);box-shadow:var(--db-shadow-sm);color:var(--db-text-primary)}.designbase-segment-control__segment--focused{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-segment-control__segment--disabled{background-color:var(--db-bg-secondary);color:var(--db-text-disabled);cursor:not-allowed}.designbase-segment-control__segment-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-segment-control__segment-label{white-space:nowrap}.designbase-segment-control__indicator{background-color:var(--db-bg-primary);border-radius:var(--db-radius-md);bottom:var(--db-spacing-2);box-shadow:var(--db-shadow-sm);left:var(--db-spacing-2);pointer-events:none;position:absolute;top:var(--db-spacing-2);transition:transform .2s ease-in-out;z-index:0}.designbase-segment-control--sm{border-radius:var(--db-radius-md);padding:var(--db-padding-xxs)}.designbase-segment-control--sm .designbase-segment-control__segment{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);min-width:60px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-segment-control--sm .designbase-segment-control__indicator{bottom:var(--db-spacing-1);left:var(--db-spacing-1);top:var(--db-spacing-1)}.designbase-segment-control--md{border-radius:var(--db-radius-lg);padding:var(--db-padding-xs)}.designbase-segment-control--md .designbase-segment-control__segment{font-size:var(--db-text-sm);line-height:var(--db-leading-tight);min-width:80px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-segment-control--md .designbase-segment-control__indicator{bottom:var(--db-spacing-2);left:var(--db-spacing-2);top:var(--db-spacing-2)}.designbase-segment-control--lg{border-radius:var(--db-radius-xl);padding:var(--db-padding-s)}.designbase-segment-control--lg .designbase-segment-control__segment{font-size:var(--db-text-base);line-height:var(--db-leading-normal);min-width:100px;padding:var(--db-padding-m) var(--db-padding-l)}.designbase-segment-control--lg .designbase-segment-control__indicator{bottom:var(--db-spacing-3);left:var(--db-spacing-3);top:var(--db-spacing-3)}.designbase-segment-control--full-width{width:100%}.designbase-segment-control--full-width .designbase-segment-control__segment{flex:1;min-width:0}.designbase-segment-control--disabled{cursor:not-allowed;opacity:.6}.designbase-segment-control--disabled .designbase-segment-control__segment{cursor:not-allowed}@media (max-width:640px){.designbase-segment-control .designbase-segment-control__segment{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);min-width:60px;padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-dropdown{display:inline-block;position:relative}.designbase-dropdown__trigger{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-s);justify-content:space-between;line-height:var(--db-leading-normal);outline:none;padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropdown__trigger:hover:not(:disabled){background-color:var(--db-bg-hover);border-color:var(--db-border-hover)}.designbase-dropdown__trigger:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-dropdown__trigger:disabled{background-color:var(--db-bg-muted);border-color:var(--db-border-muted);color:var(--db-text-muted);cursor:not-allowed}.designbase-dropdown__trigger--open{border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-dropdown__trigger-label{white-space:nowrap}.designbase-dropdown__trigger-icon{color:var(--db-text-secondary);flex-shrink:0;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropdown__trigger--open .designbase-dropdown__trigger-icon{transform:rotate(180deg)}.designbase-dropdown__menu{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);left:0;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:100%;transform:translateY(-4px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-dropdown)}.designbase-dropdown__menu--open{opacity:1;transform:translateY(0);visibility:visible}.designbase-dropdown__menu--bottom-left{left:0;top:100%;transform:translateY(-4px)}.designbase-dropdown__menu--bottom-left.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--bottom-right{left:auto;right:0;top:100%;transform:translateY(-4px)}.designbase-dropdown__menu--bottom-right.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--top-left{bottom:100%;left:0;top:auto;transform:translateY(4px)}.designbase-dropdown__menu--top-left.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--top-right{bottom:100%;left:auto;right:0;top:auto;transform:translateY(4px)}.designbase-dropdown__menu--top-right.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__item{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);line-height:var(--db-leading-normal);outline:none;padding:var(--db-padding-s) var(--db-padding-m);text-align:left;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-dropdown__item:focus,.designbase-dropdown__item:hover:not(.designbase-dropdown__item--disabled){background-color:var(--db-bg-hover)}.designbase-dropdown__item:focus{outline:2px solid var(--db-blue-500);outline-offset:-2px}.designbase-dropdown__item--focused{background-color:var(--db-bg-hover)}.designbase-dropdown__item--disabled{background-color:var(--db-bg-muted);color:var(--db-text-muted);cursor:not-allowed}.designbase-dropdown__item-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center}.designbase-dropdown__item-label{flex:1;white-space:nowrap}.designbase-dropdown__divider{background-color:var(--db-border-primary);height:1px;margin:var(--db-margin-xs) 0}.designbase-dropdown--sm .designbase-dropdown__item,.designbase-dropdown--sm .designbase-dropdown__trigger{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-dropdown--md .designbase-dropdown__item,.designbase-dropdown--md .designbase-dropdown__trigger{font-size:var(--db-text-sm);line-height:var(--db-leading-normal);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-dropdown--lg .designbase-dropdown__item,.designbase-dropdown--lg .designbase-dropdown__trigger{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-dropdown--full-width,.designbase-dropdown--full-width .designbase-dropdown__trigger{width:100%}.designbase-dropdown--full-width .designbase-dropdown__menu{min-width:100%;width:100%}.designbase-dropdown--disabled .designbase-dropdown__trigger{background-color:var(--db-bg-muted);border-color:var(--db-border-muted);color:var(--db-text-muted);cursor:not-allowed}@media (max-width:640px){.designbase-dropdown .designbase-dropdown__menu{border-radius:var(--db-radius-lg) var(--db-radius-lg) 0 0;bottom:0;left:0;max-height:50vh;min-width:100%;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}.designbase-dropdown .designbase-dropdown__item{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}}.designbase-logo{align-items:center;display:inline-flex;font-family:var(--db-font-primary);font-weight:var(--db-weight-bold);justify-content:center;line-height:1;text-decoration:none;transition:all .15s ease-in-out}.designbase-logo__text{color:var(--db-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-logo__image{display:block;height:auto;max-width:100%;object-fit:contain}.designbase-logo__link{align-items:center;color:inherit;display:inline-flex;justify-content:center;text-decoration:none}.designbase-logo__link:hover{text-decoration:none}.designbase-logo--xs .designbase-logo__text{font-size:var(--db-text-xs);line-height:var(--db-leading-normal)}.designbase-logo--xs .designbase-logo__image{max-height:16px}.designbase-logo--sm .designbase-logo__text{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-logo--sm .designbase-logo__image{max-height:20px}.designbase-logo--md .designbase-logo__text{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-logo--md .designbase-logo__image{max-height:24px}.designbase-logo--lg .designbase-logo__text{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-logo--lg .designbase-logo__image{max-height:32px}.designbase-logo--xl .designbase-logo__text{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-logo--xl .designbase-logo__image{max-height:40px}.designbase-logo--default .designbase-logo__text{color:var(--db-text-primary)}.designbase-logo--primary .designbase-logo__text{color:var(--db-color-primary)}.designbase-logo--secondary .designbase-logo__text{color:var(--db-text-secondary)}.designbase-logo--white .designbase-logo__text{color:var(--db-text-inverse)}.designbase-logo--dark .designbase-logo__text{color:var(--db-text-primary)}.designbase-logo--clickable{cursor:pointer}.designbase-logo--clickable:hover{opacity:.8;transform:translateY(-1px)}.designbase-logo--clickable:active{transform:translateY(0)}.designbase-logo--full-width{justify-content:flex-start;width:100%}.designbase-logo--full-width .designbase-logo__text{flex:1;min-width:0}.designbase-logo--full-width .designbase-logo__image{flex-shrink:0}@media (max-width:640px){.designbase-logo--lg .designbase-logo__text{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-logo--lg .designbase-logo__image{max-height:24px}.designbase-logo--xl .designbase-logo__text{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-logo--xl .designbase-logo__image{max-height:32px}}.designbase-logo:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-progressbar,.designbase-progressbar__container{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-progressbar__container--top{flex-direction:column}.designbase-progressbar__container--bottom{flex-direction:column-reverse}.designbase-progressbar__container--inside{flex-direction:column}.designbase-progressbar__track{background-color:var(--db-bg-secondary);border-radius:var(--db-radius-full);overflow:hidden;position:relative;width:100%}.designbase-progressbar__fill{align-items:center;background-color:var(--db-blue-500);border-radius:var(--db-radius-full);display:flex;height:100%;justify-content:center;position:relative;transition:width var(--db-animation-speed) var(--db-animation-ease)}.designbase-progressbar__fill-label{color:var(--db-text-inverse);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:var(--db-leading-tight);white-space:nowrap;z-index:1}.designbase-progressbar__label{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-progressbar__label--bottom,.designbase-progressbar__label--top{text-align:left}.designbase-progressbar__label--inside{display:none}.designbase-progressbar--xs .designbase-progressbar__track{height:4px}.designbase-progressbar--xs .designbase-progressbar__label{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-progressbar--sm .designbase-progressbar__track{height:6px}.designbase-progressbar--sm .designbase-progressbar__label{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-progressbar--md .designbase-progressbar__track{height:8px}.designbase-progressbar--md .designbase-progressbar__label{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-progressbar--lg .designbase-progressbar__track{height:12px}.designbase-progressbar--lg .designbase-progressbar__label{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-progressbar--xl .designbase-progressbar__track{height:16px}.designbase-progressbar--xl .designbase-progressbar__label{font-size:var(--db-text-lg);line-height:var(--db-leading-relaxed)}.designbase-progressbar--default .designbase-progressbar__fill,.designbase-progressbar--primary .designbase-progressbar__fill{background-color:var(--db-blue-500)}.designbase-progressbar--success .designbase-progressbar__fill{background-color:var(--db-green-500)}.designbase-progressbar--warning .designbase-progressbar__fill{background-color:var(--db-yellow-500)}.designbase-progressbar--danger .designbase-progressbar__fill{background-color:var(--db-red-500)}.designbase-progressbar--solid .designbase-progressbar__fill{background:linear-gradient(90deg,currentColor,currentColor)}.designbase-progressbar--animated .designbase-progressbar__fill,.designbase-progressbar--striped .designbase-progressbar__fill{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.designbase-progressbar--animated .designbase-progressbar__fill{animation:progressbar-stripes 1s linear infinite}.designbase-progressbar--disabled{cursor:not-allowed;opacity:var(--db-opacity-60)}.designbase-progressbar--disabled .designbase-progressbar__track{background-color:var(--db-bg-secondary)}.designbase-progressbar--disabled .designbase-progressbar__fill{background-color:var(--db-text-disabled)}.designbase-progressbar--disabled .designbase-progressbar__label{color:var(--db-text-disabled)}.designbase-progressbar--full-width{width:100%}@keyframes progressbar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:640px){.designbase-progressbar--lg .designbase-progressbar__track{height:10px}.designbase-progressbar--lg .designbase-progressbar__label{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-progressbar--xl .designbase-progressbar__track{height:14px}.designbase-progressbar--xl .designbase-progressbar__label{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}}.designbase-progressbar:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-badge{align-items:center;border:1px solid transparent;border-radius:var(--db-radius-action-md);display:inline-flex;font-weight:var(--db-weight-medium);justify-content:center;line-height:1;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-badge--sm{font-size:var(--db-text-xs);padding:var(--db-padding-xxs)}.designbase-badge--md{font-size:var(--db-text-sm);padding:var(--db-padding-xs)}.designbase-badge--lg{font-size:var(--db-text-base);padding:var(--db-padding-s)}.designbase-badge--primary{background-color:var(--db-btn-primary-bg);border-color:var(--db-btn-primary-bg);color:var(--db-btn-primary-text)}.designbase-badge--secondary,.designbase-badge--tertiary{background-color:var(--db-btn-secondary-bg);border-color:var(--db-btn-secondary-border);color:var(--db-btn-secondary-text)}.designbase-badge--info{background-color:var(--db-blue-600);border-color:var(--db-blue-600);color:var(--db-text-inverse)}.designbase-badge--success{background-color:var(--db-green-600);border-color:var(--db-green-600);color:var(--db-text-inverse)}.designbase-badge--warning{background-color:var(--db-yellow-600);border-color:var(--db-yellow-600);color:var(--db-text-inverse)}.designbase-badge--danger{background-color:var(--db-red-600);border-color:var(--db-red-600);color:var(--db-text-inverse)}.designbase-badge--dot{border:none;border-radius:50%;height:8px;min-height:8px;min-width:8px;padding:0;width:8px}.designbase-badge--dot.designbase-badge--sm{height:6px;min-height:6px;min-width:6px;width:6px}.designbase-badge--dot.designbase-badge--lg{height:10px;min-height:10px;min-width:10px;width:10px}.designbase-badge--number{border-radius:var(--db-radius-btn-pill);justify-content:center;min-width:20px}.designbase-badge--number.designbase-badge--sm{min-width:16px}.designbase-badge--number.designbase-badge--lg{min-width:24px}.designbase-badge--text{border-radius:var(--db-radius-action-md)}.designbase-badge--outlined{background-color:transparent}.designbase-badge--outlined.designbase-badge--primary{border-color:var(--db-blue-600);color:var(--db-blue-600)}.designbase-badge--outlined.designbase-badge--secondary{border-color:var(--db-border-primary);color:var(--db-text-secondary)}.designbase-badge--outlined.designbase-badge--info{border-color:var(--db-blue-600);color:var(--db-blue-600)}.designbase-badge--outlined.designbase-badge--success{border-color:var(--db-green-600);color:var(--db-green-600)}.designbase-badge--outlined.designbase-badge--warning{border-color:var(--db-yellow-600);color:var(--db-yellow-600)}.designbase-badge--outlined.designbase-badge--danger{border-color:var(--db-red-600);color:var(--db-red-600)}.designbase-badge--disabled{cursor:not-allowed;opacity:.5}.designbase-badge:not(.designbase-badge--disabled):hover{box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-badge:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.designbase-menu-item__content{align-items:center;border-radius:var(--db-radius-action-md);cursor:default;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__content--clickable{cursor:pointer}.designbase-menu-item__content--clickable:hover{background-color:var(--db-bg-tertiary)}.designbase-menu-item__content--clickable:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-menu-item__icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__icon--primary{color:var(--db-blue-600)}.designbase-menu-item__icon--success{color:var(--db-green-600)}.designbase-menu-item__icon--warning{color:var(--db-yellow-600)}.designbase-menu-item__icon--danger{color:var(--db-red-600)}.designbase-menu-item__icon--active,.designbase-menu-item__icon--info{color:var(--db-blue-600)}.designbase-menu-item__icon--disabled{color:var(--db-text-disabled)}.designbase-menu-item__label{color:var(--db-text-primary);flex:1;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-menu-item__expand-icon{align-items:center;color:var(--db-text-secondary);display:flex;height:16px;justify-content:center;transition:transform .2s ease;width:16px}.designbase-menu-item__children{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-menu-item__children--dropdown{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-card-md);box-shadow:var(--db-shadow-lg);left:0;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:100%;transform:translateY(-10px);z-index:var(--db-z-popover)}.designbase-menu-item__children--accordion,.designbase-menu-item__children--dropdown{margin-top:var(--db-margin-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__children--accordion{margin-left:var(--db-margin-m);max-height:0;overflow:hidden}.designbase-menu-item--dropdown{position:relative}.designbase-menu-item--expanded .designbase-menu-item__children--dropdown{opacity:1;transform:translateY(0)}.designbase-menu-item--expanded .designbase-menu-item__children--accordion{max-height:500px}.designbase-menu-item__child{align-items:center;border-radius:var(--db-radius-action-md);cursor:pointer;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__child:hover{background-color:var(--db-bg-tertiary)}.designbase-menu-item__child:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-menu-item__child--active{background-color:var(--db-blue-50);color:var(--db-blue-700)}.designbase-menu-item__child--active .designbase-menu-item__child-icon{color:var(--db-blue-600)}.designbase-menu-item__child--active .designbase-menu-item__child-label{color:var(--db-blue-700);font-weight:var(--db-weight-semibold)}.designbase-menu-item__child--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-menu-item__child--disabled:hover{background-color:transparent}.designbase-menu-item__child-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center}.designbase-menu-item__child-label{color:var(--db-text-primary);flex:1;font-size:var(--db-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-menu-item--inline{align-items:center;display:inline-flex;flex-direction:row;width:auto}.designbase-menu-item--inline .designbase-menu-item__content{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-menu-item--block{display:flex;flex-direction:column;width:100%}.designbase-menu-item--sm .designbase-menu-item__content{padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-menu-item--sm .designbase-menu-item__label{font-size:var(--db-text-xs)}.designbase-menu-item--sm .designbase-menu-item__children{margin-left:var(--db-margin-s)}.designbase-menu-item--sm .designbase-menu-item__child{padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-menu-item--sm .designbase-menu-item__child-label{font-size:var(--db-text-xs)}.designbase-menu-item--md .designbase-menu-item__content{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-menu-item--md .designbase-menu-item__label{font-size:var(--db-text-sm)}.designbase-menu-item--md .designbase-menu-item__children{margin-left:var(--db-margin-m)}.designbase-menu-item--md .designbase-menu-item__child{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-menu-item--md .designbase-menu-item__child-label{font-size:var(--db-text-sm)}.designbase-menu-item--lg .designbase-menu-item__content{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-menu-item--lg .designbase-menu-item__label{font-size:var(--db-text-base)}.designbase-menu-item--lg .designbase-menu-item__children{margin-left:var(--db-margin-l)}.designbase-menu-item--lg .designbase-menu-item__child{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-menu-item--lg .designbase-menu-item__child-label{font-size:var(--db-text-base)}.designbase-menu-item--default .designbase-menu-item__content{color:var(--db-text-primary)}.designbase-menu-item--primary .designbase-menu-item__content{color:var(--db-blue-700)}.designbase-menu-item--primary .designbase-menu-item__icon{color:var(--db-blue-600)}.designbase-menu-item--success .designbase-menu-item__content{color:var(--db-green-700)}.designbase-menu-item--success .designbase-menu-item__icon{color:var(--db-green-600)}.designbase-menu-item--warning .designbase-menu-item__content{color:var(--db-yellow-700)}.designbase-menu-item--warning .designbase-menu-item__icon{color:var(--db-yellow-600)}.designbase-menu-item--danger .designbase-menu-item__content{color:var(--db-red-700)}.designbase-menu-item--danger .designbase-menu-item__icon{color:var(--db-red-600)}.designbase-menu-item--info .designbase-menu-item__content{color:var(--db-blue-700)}.designbase-menu-item--info .designbase-menu-item__icon{color:var(--db-blue-600)}.designbase-menu-item--depth-1 .designbase-menu-item__content{padding-left:var(--db-padding-m)}.designbase-menu-item--depth-2 .designbase-menu-item__content{padding-left:var(--db-padding-l)}.designbase-menu-item--depth-3 .designbase-menu-item__content{padding-left:var(--db-padding-xl)}.designbase-menu-item--active .designbase-menu-item__content{background-color:var(--db-blue-50);color:var(--db-blue-700)}.designbase-menu-item--active .designbase-menu-item__icon{color:var(--db-blue-600)}.designbase-menu-item--active .designbase-menu-item__label{color:var(--db-blue-700);font-weight:var(--db-weight-semibold)}.designbase-menu-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-menu-item--disabled .designbase-menu-item__content{cursor:not-allowed}.designbase-menu-item--disabled .designbase-menu-item__content:hover{background-color:transparent}@media (max-width:640px){.designbase-menu-item__label{max-width:120px}.designbase-menu-item__child-label{max-width:100px}}.designbase-search-bar{display:inline-flex;position:relative;width:auto}.designbase-search-bar--full-width{width:100%}.designbase-search-bar__container{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-search-bar__container:hover{border-color:var(--db-border-secondary)}.designbase-search-bar__container:focus-within{border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-search-bar__search-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;height:100%;justify-content:center;pointer-events:none;width:40px}.designbase-search-bar__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-sm);font-weight:var(--db-weight-normal);line-height:1.5;min-width:0;outline:none;padding:var(--db-padding-s) var(--db-padding-m);width:100%}.designbase-search-bar__input::placeholder{color:var(--db-text-muted)}.designbase-search-bar__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-search-bar__input:read-only{color:var(--db-text-secondary)}.designbase-search-bar__clear-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:var(--db-size-xl);justify-content:center;margin-right:var(--db-margin-xs);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-xl)}.designbase-search-bar__clear-button:hover{background-color:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-search-bar__clear-button:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-search-bar__clear-button:active{background-color:var(--db-border-primary)}.designbase-search-bar--sm .designbase-search-bar__container{min-height:32px}.designbase-search-bar--sm .designbase-search-bar__search-icon{width:32px}.designbase-search-bar--sm .designbase-search-bar__input{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-search-bar--sm .designbase-search-bar__clear-button{height:24px;width:24px}.designbase-search-bar--md .designbase-search-bar__container{min-height:40px}.designbase-search-bar--md .designbase-search-bar__search-icon{width:40px}.designbase-search-bar--md .designbase-search-bar__input{font-size:var(--db-text-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-search-bar--md .designbase-search-bar__clear-button{height:32px;width:32px}.designbase-search-bar--lg .designbase-search-bar__container{min-height:48px}.designbase-search-bar--lg .designbase-search-bar__search-icon{width:48px}.designbase-search-bar--lg .designbase-search-bar__input{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-search-bar--lg .designbase-search-bar__clear-button{height:40px;width:40px}.designbase-search-bar--default .designbase-search-bar__container{background-color:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-search-bar--outlined .designbase-search-bar__container{background-color:transparent;border-color:var(--db-border-primary)}.designbase-search-bar--filled .designbase-search-bar__container{background-color:var(--db-bg-secondary);border-color:transparent}.designbase-search-bar--filled:hover .designbase-search-bar__container{background-color:var(--db-bg-tertiary)}.designbase-search-bar--filled:focus-within .designbase-search-bar__container{background-color:var(--db-bg-primary);border-color:var(--db-blue-500)}.designbase-search-bar--disabled .designbase-search-bar__container{background-color:var(--db-bg-secondary);border-color:var(--db-border-muted);cursor:not-allowed}.designbase-search-bar--disabled .designbase-search-bar__search-icon{color:var(--db-text-disabled)}.designbase-search-bar--disabled .designbase-search-bar__clear-button{display:none}.designbase-search-bar--readonly .designbase-search-bar__container{background-color:var(--db-bg-secondary)}.designbase-search-bar--readonly .designbase-search-bar__clear-button{display:none}.designbase-search-bar:focus-within .designbase-search-bar__search-icon{color:var(--db-blue-600)}.designbase-search-bar--has-value .designbase-search-bar__search-icon{color:var(--db-blue-600)}.designbase-avatar{align-items:center;background-color:var(--db-bg-secondary);border-radius:var(--db-radius-full);display:inline-flex;height:var(--db-size-md);justify-content:center;position:relative;transition:all .2s ease;user-select:none;width:var(--db-size-md)}.designbase-avatar__image{border-radius:var(--db-radius-full);height:100%;object-fit:cover;overflow:hidden;transition:opacity .2s ease;width:100%}.designbase-avatar__image--error{opacity:0}.designbase-avatar__fallback{background-color:var(--db-bg-secondary);font-size:var(--db-text-sm);font-weight:var(--db-weight-semibold);line-height:1;text-transform:uppercase}.designbase-avatar__fallback,.designbase-avatar__icon{align-items:center;border-radius:var(--db-radius-full);color:var(--db-text-secondary);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.designbase-avatar__icon{font-size:var(--db-text-base)}.designbase-avatar__status{border:2px solid var(--db-white);border-radius:var(--db-radius-full);bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:10}.designbase-avatar__status--online{background-color:var(--db-green-500)}.designbase-avatar__status--offline{background-color:var(--db-gray-400)}.designbase-avatar__status--away{background-color:var(--db-yellow-500)}.designbase-avatar__status--busy{background-color:var(--db-red-500)}.designbase-avatar__badge{pointer-events:none;position:absolute;right:calc(var(--db-margin-xs)*-1);top:calc(var(--db-margin-xs)*-1);z-index:30}.designbase-avatar--xs{height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-avatar--xs .designbase-avatar__fallback,.designbase-avatar--xs .designbase-avatar__icon{font-size:var(--db-text-xs)}.designbase-avatar--xs .designbase-avatar__status{height:8px;width:8px}.designbase-avatar--sm{height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-avatar--sm .designbase-avatar__fallback{font-size:var(--db-text-xs)}.designbase-avatar--sm .designbase-avatar__icon{font-size:var(--db-text-sm)}.designbase-avatar--sm .designbase-avatar__status{height:10px;width:10px}.designbase-avatar--md{height:var(--db-size-md);width:var(--db-size-md)}.designbase-avatar--md .designbase-avatar__fallback{font-size:var(--db-text-sm)}.designbase-avatar--md .designbase-avatar__icon{font-size:var(--db-text-base)}.designbase-avatar--md .designbase-avatar__status{height:12px;width:12px}.designbase-avatar--lg{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-avatar--lg .designbase-avatar__fallback{font-size:var(--db-text-base)}.designbase-avatar--lg .designbase-avatar__icon{font-size:var(--db-text-lg)}.designbase-avatar--lg .designbase-avatar__status{height:14px;width:14px}.designbase-avatar--xl{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-avatar--xl .designbase-avatar__fallback{font-size:var(--db-text-lg)}.designbase-avatar--xl .designbase-avatar__icon{font-size:var(--db-text-xl)}.designbase-avatar--xl .designbase-avatar__status{height:16px;width:16px}.designbase-avatar--2xl{height:var(--db-size-2xl);width:var(--db-size-2xl)}.designbase-avatar--2xl .designbase-avatar__fallback{font-size:var(--db-text-xl)}.designbase-avatar--2xl .designbase-avatar__icon{font-size:var(--db-text-2xl)}.designbase-avatar--2xl .designbase-avatar__status{height:18px;width:18px}.designbase-avatar--default{background-color:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-avatar--primary{background-color:var(--db-blue-100);border-color:var(--db-blue-200);color:var(--db-blue-700)}.designbase-avatar--success{background-color:var(--db-green-100);border-color:var(--db-green-200);color:var(--db-green-700)}.designbase-avatar--warning{background-color:var(--db-yellow-100);border-color:var(--db-yellow-200);color:var(--db-yellow-700)}.designbase-avatar--danger{background-color:var(--db-red-100);border-color:var(--db-red-200);color:var(--db-red-700)}.designbase-avatar--info{background-color:var(--db-blue-100);border-color:var(--db-blue-200);color:var(--db-blue-700)}.designbase-avatar--clickable{cursor:pointer}.designbase-avatar--clickable:hover{box-shadow:var(--db-shadow-md);transform:scale(1.05)}.designbase-avatar--clickable:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-avatar--loading .designbase-avatar__fallback,.designbase-avatar--loading .designbase-avatar__icon,.designbase-avatar--loading .designbase-avatar__image{opacity:.5}.designbase-avatar--loading:after{animation:designbase-avatar-spin 1s linear infinite;border:2px solid var(--db-border-primary);border-radius:var(--db-radius-full);border-top-color:var(--db-blue-500);content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.designbase-avatar-group{align-items:center;display:flex}.designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group__item:first-child{margin-left:0}.designbase-avatar-group--sm .designbase-avatar-group__item,.designbase-avatar-group--xs .designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group--lg .designbase-avatar-group__item,.designbase-avatar-group--md .designbase-avatar-group__item{margin-left:calc(var(--db-margin-s)*-1)}.designbase-avatar-group--2xl .designbase-avatar-group__item,.designbase-avatar-group--xl .designbase-avatar-group__item{margin-left:calc(var(--db-margin-m)*-1)}.designbase-avatar-group__overflow{align-items:center;background-color:var(--db-bg-secondary);border:2px solid var(--db-border-primary);border-radius:var(--db-radius-full);color:var(--db-text-secondary);display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-semibold);height:var(--db-size-md);justify-content:center;line-height:1;min-width:var(--db-size-md);padding:0 var(--db-padding-s);z-index:1}.designbase-avatar-group--xs .designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-xs);min-width:var(--db-size-xs);padding:0 var(--db-padding-xs)}.designbase-avatar-group--sm .designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-sm);min-width:var(--db-size-sm);padding:0 var(--db-padding-xs)}.designbase-avatar-group--md .designbase-avatar-group__overflow{font-size:var(--db-text-sm);height:var(--db-size-md);min-width:var(--db-size-md);padding:0 var(--db-padding-s)}.designbase-avatar-group--lg .designbase-avatar-group__overflow{font-size:var(--db-text-base);height:var(--db-size-lg);min-width:var(--db-size-lg);padding:0 var(--db-padding-s)}.designbase-avatar-group--xl .designbase-avatar-group__overflow{font-size:var(--db-text-lg);height:var(--db-size-xl);min-width:var(--db-size-xl);padding:0 var(--db-padding-m)}.designbase-avatar-group--2xl .designbase-avatar-group__overflow{font-size:var(--db-text-xl);height:var(--db-size-2xl);min-width:var(--db-size-2xl);padding:0 var(--db-padding-m)}.designbase-avatar-group--max-2 .designbase-avatar-group__item:nth-child(n+3),.designbase-avatar-group--max-3 .designbase-avatar-group__item:nth-child(n+4),.designbase-avatar-group--max-4 .designbase-avatar-group__item:nth-child(n+5),.designbase-avatar-group--max-5 .designbase-avatar-group__item:nth-child(n+6){display:none}@media (max-width:640px){.designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-sm);min-width:var(--db-size-sm);padding:0 var(--db-padding-xs)}}@keyframes designbase-avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.designbase-navbar{background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);position:relative;z-index:var(--db-z-50)}.designbase-navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width,1200px);padding:0 var(--db-padding-m)}.designbase-navbar__container--full-width{max-width:none}.designbase-navbar__brand,.designbase-navbar__logo{align-items:center;display:flex}.designbase-navbar__logo{cursor:pointer;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__logo:hover{opacity:.8}.designbase-navbar__logo:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__logo-text{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);text-decoration:none}.designbase-navbar__nav,.designbase-navbar__nav-list{align-items:center;display:flex}.designbase-navbar__nav-list{gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-navbar__nav-item{position:relative}.designbase-navbar__nav-link{align-items:center;background:none;border:none;border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__nav-link:hover{background-color:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-navbar__nav-link:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__nav-link--active{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-navbar__nav-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-navbar__dropdown{position:relative}.designbase-navbar__dropdown:hover .designbase-navbar__dropdown-menu{display:block}.designbase-navbar__dropdown-toggle{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-navbar__dropdown-menu{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);display:none;left:0;list-style:none;margin-top:var(--db-margin-xs);min-width:200px;padding:var(--db-padding-xs);position:absolute;top:100%;z-index:var(--db-z-popover)}.designbase-navbar__dropdown-item{align-items:center;border-radius:var(--db-radius-sm);color:var(--db-text-primary);display:flex;font-size:var(--db-text-sm);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__dropdown-item:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__dropdown-item--active{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-navbar__dropdown-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-navbar__search{align-items:center;display:flex;margin:0 var(--db-margin-m)}.designbase-navbar__search-input-wrapper{align-items:center;display:flex;position:relative}.designbase-navbar__search-icon{color:var(--db-text-secondary);font-size:var(--db-text-sm);left:var(--db-padding-s);pointer-events:none;position:absolute}.designbase-navbar__search-input{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-full);font-size:var(--db-text-sm);min-width:200px;padding:var(--db-padding-s) var(--db-padding-s) var(--db-padding-s) var(--db-padding-xl);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__search-input:focus{background-color:var(--db-bg-primary);border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100);outline:none}.designbase-navbar__search-input::placeholder{color:var(--db-text-muted)}.designbase-navbar__user-menu{align-items:center;display:flex}.designbase-navbar__user-dropdown{position:relative}.designbase-navbar__user-toggle{align-items:center;background:none;border:none;border-radius:var(--db-radius-md);cursor:pointer;display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__user-toggle:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__user-toggle:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__user-avatar{object-fit:cover}.designbase-navbar__user-avatar,.designbase-navbar__user-avatar-placeholder{border-radius:var(--db-radius-full);height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-navbar__user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);color:var(--db-text-inverse);display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-semibold);justify-content:center}.designbase-navbar__user-name{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-navbar__user-dropdown-menu{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);list-style:none;margin-top:var(--db-margin-xs);min-width:200px;padding:var(--db-padding-xs);position:absolute;right:0;top:100%;z-index:var(--db-z-popover)}.designbase-navbar__user-info{border-bottom:1px solid var(--db-border-primary);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-navbar__user-email{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-navbar__user-dropdown-item{align-items:center;border-radius:var(--db-radius-sm);color:var(--db-text-primary);display:flex;font-size:var(--db-text-sm);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__user-dropdown-item:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__user-dropdown-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-navbar__auth-button{background-color:var(--db-blue-500);border:none;border-radius:var(--db-radius-md);color:var(--db-text-inverse);cursor:pointer;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-l);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__auth-button:hover{background-color:var(--db-blue-600)}.designbase-navbar__auth-button:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__mobile-toggle{background:none;border:none;border-radius:var(--db-radius-sm);cursor:pointer;display:none;flex-direction:column;gap:2px;padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-toggle:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__mobile-toggle:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__mobile-toggle-line{background-color:var(--db-text-primary);height:2px;transition:all .2s ease;width:20px}.designbase-navbar__mobile-menu{background-color:var(--db-bg-primary);border-top:1px solid var(--db-border-primary);box-shadow:var(--db-shadow-lg);left:0;max-height:calc(100vh - 100%);overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--db-z-50)}.designbase-navbar__mobile-menu-header{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between;padding:var(--db-padding-m)}.designbase-navbar__mobile-menu-header h3{color:var(--db-text-primary);font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);margin:0}.designbase-navbar__mobile-menu-close{background:none;border:none;border-radius:var(--db-radius-sm);cursor:pointer;padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-menu-close:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__mobile-menu-close:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__mobile-search{border-bottom:1px solid var(--db-border-primary);padding:var(--db-padding-m)}.designbase-navbar__mobile-nav-list{list-style:none;margin:0;padding:0}.designbase-navbar__mobile-nav-item{border-bottom:1px solid var(--db-border-secondary)}.designbase-navbar__mobile-nav-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-nav-link:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__mobile-nav-link--active{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-navbar__mobile-nav-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-navbar__mobile-submenu{background-color:var(--db-bg-secondary);list-style:none;margin:0;padding:0}.designbase-navbar__mobile-submenu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m) var(--db-padding-s) var(--db-padding-xl);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-submenu-link:hover{background-color:var(--db-bg-tertiary)}.designbase-navbar__mobile-submenu-link--active{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-navbar__mobile-submenu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-navbar__mobile-user{background-color:var(--db-bg-secondary);border-top:1px solid var(--db-border-primary);padding:var(--db-padding-m)}.designbase-navbar__mobile-user-info{align-items:center;display:flex;gap:var(--db-gap-m);margin-bottom:var(--db-margin-m)}.designbase-navbar__mobile-user-avatar{border-radius:var(--db-radius-full);height:var(--db-size-2xl);object-fit:cover;width:var(--db-size-2xl)}.designbase-navbar__mobile-user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);border-radius:var(--db-radius-full);color:var(--db-text-inverse);display:flex;font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);height:var(--db-size-2xl);justify-content:center;width:var(--db-size-2xl)}.designbase-navbar__mobile-user-name{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs)}.designbase-navbar__mobile-user-email{color:var(--db-text-secondary);font-size:var(--db-text-sm)}.designbase-navbar__mobile-user-menu{list-style:none;margin:0;padding:0}.designbase-navbar__mobile-user-menu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);padding:var(--db-padding-s) 0;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-user-menu-link:hover{color:var(--db-blue-600)}.designbase-navbar__mobile-user-menu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-navbar--sm .designbase-navbar__container{height:48px}.designbase-navbar--sm .designbase-navbar__logo-text{font-size:var(--db-text-xl)}.designbase-navbar--sm .designbase-navbar__nav-link{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-navbar--sm .designbase-navbar__search-input{font-size:var(--db-text-xs);min-width:150px}.designbase-navbar--sm .designbase-navbar__user-avatar,.designbase-navbar--sm .designbase-navbar__user-avatar-placeholder{font-size:var(--db-text-xs);height:24px;width:24px}.designbase-navbar--sm .designbase-navbar__user-name{font-size:var(--db-text-xs)}.designbase-navbar--md .designbase-navbar__container{height:64px}.designbase-navbar--lg .designbase-navbar__container{height:80px}.designbase-navbar--lg .designbase-navbar__logo-text{font-size:var(--db-text-2xl)}.designbase-navbar--lg .designbase-navbar__nav-link{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-navbar--lg .designbase-navbar__search-input{font-size:var(--db-text-base);min-width:250px}.designbase-navbar--lg .designbase-navbar__user-avatar,.designbase-navbar--lg .designbase-navbar__user-avatar-placeholder{font-size:var(--db-text-base);height:40px;width:40px}.designbase-navbar--lg .designbase-navbar__user-name{font-size:var(--db-text-base)}.designbase-navbar--transparent{background-color:transparent;border-bottom:none}.designbase-navbar--solid{background-color:var(--db-blue-600);border-bottom:none}.designbase-navbar--solid .designbase-navbar__logo-text,.designbase-navbar--solid .designbase-navbar__nav-link,.designbase-navbar--solid .designbase-navbar__user-name{color:var(--db-text-inverse)}.designbase-navbar--solid .designbase-navbar__nav-link--active,.designbase-navbar--solid .designbase-navbar__nav-link:hover{background-color:var(--db-bg-overlay)}.designbase-navbar--solid .designbase-navbar__search-input{background-color:var(--db-bg-overlay);border-color:var(--db-border-secondary);color:var(--db-text-inverse)}.designbase-navbar--solid .designbase-navbar__search-input::placeholder{color:var(--db-text-inverse)}.designbase-navbar--solid .designbase-navbar__search-input:focus{background-color:var(--db-bg-primary);color:var(--db-text-primary)}.designbase-navbar--solid .designbase-navbar__user-toggle:hover{background-color:var(--db-bg-overlay)}.designbase-navbar--solid .designbase-navbar__mobile-toggle-line{background-color:var(--db-text-inverse)}.designbase-navbar--fixed{left:0;position:fixed;right:0;top:0}.designbase-navbar--sticky{position:sticky;top:0}.designbase-navbar--shadow{box-shadow:var(--db-shadow-sm)}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:first-child{transform:rotate(45deg) translate(5px,5px)}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:nth-child(2){opacity:0}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.designbase-navbar__nav,.designbase-navbar__search,.designbase-navbar__user-menu{display:none}.designbase-navbar__mobile-toggle{display:flex}.designbase-navbar__container{padding:0 var(--db-padding-s)}}@media (max-width:480px){.designbase-navbar__logo-text{font-size:var(--db-text-lg)}.designbase-navbar__mobile-menu{max-height:calc(100vh - 64px)}}.designbase-sidebar{background-color:var(--db-bg-primary);border-right:1px solid var(--db-border-primary);height:100vh;overflow-y:auto;position:relative;transition:width var(--db-animation-speed) var(--db-animation-ease);width:280px;z-index:var(--db-z-20)}.designbase-sidebar__container{display:flex;flex-direction:column;height:100%}.designbase-sidebar__header{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between;min-height:64px;padding:var(--db-padding-m)}.designbase-sidebar__logo{align-items:center;cursor:pointer;display:flex;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__logo:hover{opacity:.8}.designbase-sidebar__logo:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-sidebar__logo-text{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__toggle{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:var(--db-size-xl);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-xl)}.designbase-sidebar__toggle:hover{background-color:var(--db-bg-tertiary)}.designbase-sidebar__toggle:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-sidebar__toggle-icon{color:var(--db-text-secondary);font-size:var(--db-text-sm);transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__toggle-icon--collapsed{transform:rotate(180deg)}.designbase-sidebar__nav{flex:1;overflow-y:auto;padding:var(--db-padding-m) 0}.designbase-sidebar__nav-list{list-style:none;margin:0;padding:0}.designbase-sidebar__item{margin-bottom:var(--db-margin-xs)}.designbase-sidebar__link{align-items:center;border-radius:var(--db-radius-md);color:var(--db-text-primary);display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-s);margin:0 var(--db-margin-s);padding:var(--db-padding-s) var(--db-padding-m);position:relative;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__link:hover{background-color:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-sidebar__link:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-sidebar__link--active{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-sidebar__link--active:before{background-color:var(--db-blue-500);border-radius:0 var(--db-radius-sm) var(--db-radius-sm) 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.designbase-sidebar__link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-sidebar__link--expanded{background-color:var(--db-bg-tertiary)}.designbase-sidebar__link--has-children{cursor:pointer}.designbase-sidebar__icon{flex-shrink:0;font-size:var(--db-text-base);text-align:center;width:var(--db-size-md)}.designbase-sidebar__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__badge{border-radius:var(--db-radius-full);flex-shrink:0;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);line-height:1;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-sidebar__badge--primary{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-sidebar__badge--success{background-color:var(--db-green-100);color:var(--db-green-700)}.designbase-sidebar__badge--warning{background-color:var(--db-yellow-100);color:var(--db-yellow-700)}.designbase-sidebar__badge--danger{background-color:var(--db-red-100);color:var(--db-red-700)}.designbase-sidebar__badge--info{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-sidebar__chevron{color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-xs);transition:transform .2s ease}.designbase-sidebar__chevron--expanded{transform:rotate(90deg)}.designbase-sidebar__submenu{list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.designbase-sidebar__submenu--expanded{max-height:500px}.designbase-sidebar__user{background-color:var(--db-bg-secondary);border-top:1px solid var(--db-border-primary);padding:var(--db-padding-m)}.designbase-sidebar__user-info{align-items:center;display:flex;gap:var(--db-gap-s);margin-bottom:var(--db-margin-s)}.designbase-sidebar__user-avatar{border-radius:var(--db-radius-full);flex-shrink:0;height:40px;object-fit:cover;width:40px}.designbase-sidebar__user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);border-radius:var(--db-radius-full);color:var(--db-text-inverse);display:flex;flex-shrink:0;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);height:40px;justify-content:center;width:40px}.designbase-sidebar__user-details{flex:1;min-width:0}.designbase-sidebar__user-name{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__user-email{margin-bottom:var(--db-margin-xs)}.designbase-sidebar__user-email,.designbase-sidebar__user-role{color:var(--db-text-secondary);font-size:var(--db-text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__user-menu{list-style:none;margin:0;padding:0}.designbase-sidebar__user-menu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-s);padding:var(--db-padding-xs) 0;text-decoration:none;transition:all .2s ease}.designbase-sidebar__user-menu-link:hover{color:var(--db-blue-600)}.designbase-sidebar__user-menu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-sidebar__user-collapsed{display:flex;justify-content:center;padding:var(--db-padding-m)}.designbase-sidebar__user-avatar-collapsed{border-radius:var(--db-radius-full);height:40px;object-fit:cover;width:40px}.designbase-sidebar__user-avatar-placeholder-collapsed{align-items:center;background-color:var(--db-blue-500);border-radius:var(--db-radius-full);color:var(--db-text-inverse);display:flex;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);height:40px;justify-content:center;width:40px}.designbase-sidebar--sm{width:240px}.designbase-sidebar--sm .designbase-sidebar__header{min-height:56px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-sidebar--sm .designbase-sidebar__logo-text{font-size:var(--db-text-xl)}.designbase-sidebar--sm .designbase-sidebar__link{font-size:var(--db-text-xs);margin:0 var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-sidebar--sm .designbase-sidebar__icon{font-size:var(--db-text-sm);width:16px}.designbase-sidebar--sm .designbase-sidebar__user-avatar,.designbase-sidebar--sm .designbase-sidebar__user-avatar-collapsed,.designbase-sidebar--sm .designbase-sidebar__user-avatar-placeholder,.designbase-sidebar--sm .designbase-sidebar__user-avatar-placeholder-collapsed{font-size:var(--db-text-sm);height:32px;width:32px}.designbase-sidebar--sm .designbase-sidebar__user-email,.designbase-sidebar--sm .designbase-sidebar__user-name,.designbase-sidebar--sm .designbase-sidebar__user-role{font-size:var(--db-text-xs)}.designbase-sidebar--md{width:280px}.designbase-sidebar--lg{width:320px}.designbase-sidebar--lg .designbase-sidebar__header{min-height:72px;padding:var(--db-padding-l) var(--db-padding-l)}.designbase-sidebar--lg .designbase-sidebar__logo-text{font-size:var(--db-text-2xl)}.designbase-sidebar--lg .designbase-sidebar__link{font-size:var(--db-text-base);margin:0 var(--db-margin-m);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-sidebar--lg .designbase-sidebar__icon{font-size:var(--db-text-lg);width:24px}.designbase-sidebar--lg .designbase-sidebar__user-avatar,.designbase-sidebar--lg .designbase-sidebar__user-avatar-collapsed,.designbase-sidebar--lg .designbase-sidebar__user-avatar-placeholder,.designbase-sidebar--lg .designbase-sidebar__user-avatar-placeholder-collapsed{font-size:var(--db-text-lg);height:48px;width:48px}.designbase-sidebar--lg .designbase-sidebar__user-name{font-size:var(--db-text-base)}.designbase-sidebar--lg .designbase-sidebar__user-email,.designbase-sidebar--lg .designbase-sidebar__user-role{font-size:var(--db-text-sm)}.designbase-sidebar--right{border-left:1px solid var(--db-border-primary);border-right:none}.designbase-sidebar--collapsed{width:64px}.designbase-sidebar--collapsed .designbase-sidebar__badge,.designbase-sidebar--collapsed .designbase-sidebar__chevron,.designbase-sidebar--collapsed .designbase-sidebar__label,.designbase-sidebar--collapsed .designbase-sidebar__logo-text,.designbase-sidebar--collapsed .designbase-sidebar__user-info,.designbase-sidebar--collapsed .designbase-sidebar__user-menu{display:none}.designbase-sidebar--collapsed .designbase-sidebar__link{justify-content:center;margin:0 var(--db-margin-xs);padding:var(--db-padding-s)}.designbase-sidebar--collapsed .designbase-sidebar__icon{margin:0}.designbase-sidebar--collapsed .designbase-sidebar__toggle-icon{transform:rotate(180deg)}.designbase-sidebar--fixed{bottom:0;left:0;position:fixed;top:0;z-index:var(--db-z-50)}.designbase-sidebar--full-height{height:100vh}.designbase-sidebar--shadow{box-shadow:var(--db-shadow-lg)}@media (max-width:768px){.designbase-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:var(--db-z-50)}.designbase-sidebar--mobile-open{transform:translateX(0)}.designbase-sidebar--right{left:auto;right:0;transform:translateX(100%)}.designbase-sidebar--right--mobile-open{transform:translateX(0)}}.designbase-sidebar:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-pagination{align-items:center;display:flex;gap:var(--db-gap-m);justify-content:center}.designbase-pagination__container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-pagination__container--full-width{justify-content:space-between;width:100%}.designbase-pagination__total{color:var(--db-text-secondary);font-size:var(--db-text-sm);white-space:nowrap}.designbase-pagination__list,.designbase-pagination__nav{align-items:center;display:flex}.designbase-pagination__list{gap:var(--db-gap-xs);list-style:none;margin:0;padding:0}.designbase-pagination__button,.designbase-pagination__item{align-items:center;display:flex}.designbase-pagination__button{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);height:36px;justify-content:center;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-pagination__button:hover{background-color:var(--db-bg-tertiary);border-color:var(--db-border-secondary);color:var(--db-text-primary)}.designbase-pagination__button:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-pagination__button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-pagination__button--active{background-color:var(--db-blue-500);border-color:var(--db-blue-500);color:var(--db-text-inverse)}.designbase-pagination__button--active:hover{background-color:var(--db-blue-600);border-color:var(--db-blue-600);color:var(--db-text-inverse)}.designbase-pagination__button--first i,.designbase-pagination__button--last i,.designbase-pagination__button--next i,.designbase-pagination__button--previous i{font-size:var(--db-text-sm)}.designbase-pagination__ellipsis{align-items:center;display:flex;height:36px;justify-content:center;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-pagination__ellipsis-text{color:var(--db-text-secondary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-pagination__page-size,.designbase-pagination__page-size-label{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-pagination__page-size-label{color:var(--db-text-secondary);cursor:pointer;font-size:var(--db-text-sm)}.designbase-pagination__page-size-select:disabled{cursor:not-allowed;opacity:.5}.designbase-pagination--sm .designbase-pagination__button{font-size:var(--db-text-xs)}.designbase-pagination--sm .designbase-pagination__button,.designbase-pagination--sm .designbase-pagination__ellipsis{height:32px;min-width:32px;padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-pagination--sm .designbase-pagination__ellipsis-text,.designbase-pagination--sm .designbase-pagination__page-size-label,.designbase-pagination--sm .designbase-pagination__total{font-size:var(--db-text-xs)}.designbase-pagination--md .designbase-pagination__button{font-size:var(--db-text-sm)}.designbase-pagination--md .designbase-pagination__button,.designbase-pagination--md .designbase-pagination__ellipsis{height:36px;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-pagination--md .designbase-pagination__ellipsis-text,.designbase-pagination--md .designbase-pagination__page-size-label,.designbase-pagination--md .designbase-pagination__total{font-size:var(--db-text-sm)}.designbase-pagination--md .designbase-pagination__page-size-select{min-width:80px}.designbase-pagination--lg .designbase-pagination__button{font-size:var(--db-text-base)}.designbase-pagination--lg .designbase-pagination__button,.designbase-pagination--lg .designbase-pagination__ellipsis{height:44px;min-width:44px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-pagination--lg .designbase-pagination__ellipsis-text,.designbase-pagination--lg .designbase-pagination__page-size-label,.designbase-pagination--lg .designbase-pagination__total{font-size:var(--db-text-base)}.designbase-pagination--lg .designbase-pagination__page-size-select{min-width:80px}.designbase-pagination--outlined .designbase-pagination__button{background-color:transparent;border:2px solid var(--db-border-primary)}.designbase-pagination--outlined .designbase-pagination__button:hover{border-color:var(--db-blue-500);color:var(--db-blue-600)}.designbase-pagination--outlined .designbase-pagination__button--active{background-color:transparent;border-color:var(--db-blue-500);color:var(--db-blue-600)}.designbase-pagination--outlined .designbase-pagination__button--active:hover{background-color:var(--db-blue-50)}.designbase-pagination--minimal .designbase-pagination__button{background-color:transparent;border:none;border-radius:var(--db-radius-sm)}.designbase-pagination--minimal .designbase-pagination__button:hover{background-color:var(--db-bg-tertiary)}.designbase-pagination--minimal .designbase-pagination__button--active{background-color:var(--db-blue-100);color:var(--db-blue-700)}.designbase-pagination--minimal .designbase-pagination__button--active:hover{background-color:var(--db-blue-200)}.designbase-pagination--left{justify-content:flex-start}.designbase-pagination--center{justify-content:center}.designbase-pagination--right{justify-content:flex-end}.designbase-pagination--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-pagination--disabled .designbase-pagination__button,.designbase-pagination--disabled .designbase-pagination__page-size-select{cursor:not-allowed}.designbase-pagination--full-width{width:100%}@media (max-width:640px){.designbase-pagination,.designbase-pagination__container{flex-direction:column;gap:var(--db-gap-s)}.designbase-pagination__container{width:100%}.designbase-pagination__container--full-width{flex-direction:column}.designbase-pagination__list{flex-wrap:wrap;justify-content:center}.designbase-pagination__button{font-size:var(--db-text-xs);height:32px;min-width:32px}.designbase-pagination__ellipsis{height:32px;min-width:32px}.designbase-pagination__ellipsis-text{font-size:var(--db-text-xs)}.designbase-pagination__total{font-size:var(--db-text-xs);text-align:center}.designbase-pagination__page-size{justify-content:center}.designbase-pagination__page-size-label{font-size:var(--db-text-xs)}.designbase-pagination__page-size-select{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-xs)}}@media (max-width:480px){.designbase-pagination__list{gap:var(--db-gap-xs)}.designbase-pagination__button{font-size:var(--db-text-xs)}.designbase-pagination__button,.designbase-pagination__ellipsis{height:28px;min-width:28px;padding:var(--db-padding-xs)}.designbase-pagination__ellipsis-text{font-size:var(--db-text-xs)}}.designbase-pagination:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-breadcrumbs{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-sm)}.designbase-breadcrumbs__list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.designbase-breadcrumbs__item,.designbase-breadcrumbs__link,.designbase-breadcrumbs__list{align-items:center;display:flex}.designbase-breadcrumbs__link{border-radius:var(--db-radius-sm);color:var(--db-text-secondary);gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s);text-decoration:none;transition:all .2s ease}.designbase-breadcrumbs__link:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-breadcrumbs__link:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-breadcrumbs__link--active{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-breadcrumbs__link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-breadcrumbs__text{align-items:center;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-breadcrumbs__text--active{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-breadcrumbs__text--disabled{opacity:var(--db-opacity-50)}.designbase-breadcrumbs__icon{align-items:center;display:flex;font-size:var(--db-text-sm);height:16px;justify-content:center;width:16px}.designbase-breadcrumbs__label{white-space:nowrap}.designbase-breadcrumbs__separator{align-items:center;color:var(--db-text-muted);display:flex;font-size:var(--db-text-xs);height:16px;justify-content:center;margin:0 var(--db-margin-xs);width:16px}.designbase-breadcrumbs--contained{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-breadcrumbs--underlined{border-bottom:2px solid var(--db-border-primary);margin-bottom:var(--db-padding-s);padding-bottom:var(--db-padding-s)}.designbase-breadcrumbs--sm{font-size:var(--db-text-xs)}.designbase-breadcrumbs--sm .designbase-breadcrumbs__link,.designbase-breadcrumbs--sm .designbase-breadcrumbs__text{padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-breadcrumbs--sm .designbase-breadcrumbs__icon,.designbase-breadcrumbs--sm .designbase-breadcrumbs__separator{font-size:var(--db-text-xs);height:12px;width:12px}.designbase-breadcrumbs--md{font-size:var(--db-text-sm)}.designbase-breadcrumbs--lg{font-size:var(--db-text-base)}.designbase-breadcrumbs--lg .designbase-breadcrumbs__link,.designbase-breadcrumbs--lg .designbase-breadcrumbs__text{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-breadcrumbs--lg .designbase-breadcrumbs__icon{font-size:var(--db-text-base);height:20px;width:20px}.designbase-breadcrumbs--lg .designbase-breadcrumbs__separator{font-size:var(--db-text-sm);height:20px;width:20px}.designbase-breadcrumbs--minimal .designbase-breadcrumbs__link,.designbase-breadcrumbs--minimal .designbase-breadcrumbs__text{padding:var(--db-padding-xs) 0}.designbase-breadcrumbs--minimal .designbase-breadcrumbs__separator{margin:0 var(--db-margin-xs)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__link{background-color:var(--db-white);border:1px solid var(--db-border-primary)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__link:hover{background-color:var(--db-blue-50);border-color:var(--db-blue-500)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__text{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary)}.designbase-breadcrumbs--collapsed .designbase-breadcrumbs__separator{position:relative}.designbase-breadcrumbs--collapsed .designbase-breadcrumbs__separator:before{content:"...";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.designbase-breadcrumbs__list{flex-wrap:wrap}.designbase-breadcrumbs__item{margin-bottom:var(--db-margin-xs)}.designbase-breadcrumbs__separator{margin:0 var(--db-margin-xs) var(--db-margin-xs) var(--db-margin-xs)}}.designbase-breadcrumbs:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-table{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);overflow:hidden;width:100%}.designbase-table__header{align-items:center;background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between;padding:var(--db-padding-m) var(--db-padding-l)}.designbase-table__header-left,.designbase-table__header-right{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__title{color:var(--db-text-primary);font-size:var(--db-font-lg);font-weight:var(--db-weight-semibold);margin:0}.designbase-table__container{overflow-x:auto;overflow-y:auto}.designbase-table__table{border-collapse:collapse;table-layout:fixed;width:100%}.designbase-table__table--scrollable{min-width:600px}.designbase-table__thead{background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary)}.designbase-table__tbody{background-color:var(--db-bg-primary)}.designbase-table__tr{border-bottom:1px solid var(--db-border-secondary);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-table__tr:last-child{border-bottom:none}.designbase-table__tr:hover{background-color:var(--db-bg-tertiary)}.designbase-table__tr--selected{background-color:var(--db-blue-50);border-color:var(--db-blue-200)}.designbase-table__tr--selected:hover{background-color:var(--db-blue-100)}.designbase-table__tr--clickable{cursor:pointer}.designbase-table__th{background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);color:var(--db-text-primary);font-size:var(--db-font-sm);font-weight:var(--db-weight-semibold);padding:var(--db-padding-m) var(--db-padding-l);position:relative;text-align:left}.designbase-table__th--checkbox{text-align:center;width:48px}.designbase-table__th--sortable{cursor:pointer;user-select:none}.designbase-table__th--sortable:hover{background-color:var(--db-bg-tertiary)}.designbase-table__th--sorted{background-color:var(--db-blue-50);color:var(--db-blue-700)}.designbase-table__th--left{text-align:left}.designbase-table__th--center{text-align:center}.designbase-table__th--right{text-align:right}.designbase-table__th--fixed-left{background-color:var(--db-bg-secondary);left:0;position:sticky;z-index:10}.designbase-table__th--fixed-right{background-color:var(--db-bg-secondary);position:sticky;right:0;z-index:10}.designbase-table__th-content{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-table__th-text{flex:1}.designbase-table__sort-icon{align-items:center;color:var(--db-text-muted);display:flex;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-table__sort-icon--asc{color:var(--db-blue-500);transform:rotate(180deg)}.designbase-table__sort-icon--desc{color:var(--db-blue-500)}.designbase-table__td{border-bottom:1px solid var(--db-border-secondary);color:var(--db-text-primary);font-size:var(--db-font-sm);padding:var(--db-padding-m) var(--db-padding-l);text-align:left;vertical-align:middle}.designbase-table__td--checkbox{text-align:center;width:48px}.designbase-table__td--empty{color:var(--db-text-secondary);padding:var(--db-padding-xl);text-align:center}.designbase-table__td--left{text-align:left}.designbase-table__td--center{text-align:center}.designbase-table__td--right{text-align:right}.designbase-table__td--fixed-left{background-color:var(--db-bg-primary);left:0;position:sticky;z-index:5}.designbase-table__td--fixed-right{background-color:var(--db-bg-primary);position:sticky;right:0;z-index:5}.designbase-table__checkbox{accent-color:var(--db-blue-500);cursor:pointer;height:16px;width:16px}.designbase-table__empty{font-size:var(--db-font-sm);gap:var(--db-gap-s)}.designbase-table__empty,.designbase-table__loading{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column}.designbase-table__loading{gap:var(--db-gap-m);justify-content:center;padding:var(--db-padding-xl)}.designbase-table__loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--db-border-primary);border:2px solid var(--db-border-primary);border-radius:50%;border-top-color:var(--db-blue-500);height:24px;width:24px}.designbase-table--sm .designbase-table__td,.designbase-table--sm .designbase-table__th{font-size:var(--db-font-xs);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-table--sm .designbase-table__checkbox{height:14px;width:14px}.designbase-table--md .designbase-table__td,.designbase-table--md .designbase-table__th{font-size:var(--db-font-sm);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-table--lg .designbase-table__td,.designbase-table--lg .designbase-table__th{font-size:var(--db-font-md);padding:var(--db-padding-l) var(--db-padding-xl)}.designbase-table--lg .designbase-table__checkbox{height:18px;width:18px}.designbase-table--striped .designbase-table__tr:nth-child(2n){background-color:var(--db-bg-secondary)}.designbase-table--bordered .designbase-table__td,.designbase-table--bordered .designbase-table__th{border:1px solid var(--db-border-primary)}.designbase-table--hoverable .designbase-table__tr:hover{background-color:var(--db-bg-tertiary)}.designbase-table--selectable .designbase-table__tr--selected{background-color:var(--db-blue-50)}.designbase-table--sortable .designbase-table__th--sortable{cursor:pointer}.designbase-table--scrollable .designbase-table__container{max-height:400px}@media (max-width:768px){.designbase-table__container{overflow-x:auto}.designbase-table__table{min-width:600px}.designbase-table__td,.designbase-table__th{font-size:var(--db-font-xs);padding:var(--db-padding-s) var(--db-padding-m)}}.designbase-chip{align-items:center;background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-full);color:var(--db-text-primary);display:inline-flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);line-height:1;padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap}.designbase-chip__end-icon,.designbase-chip__start-icon{align-items:center;display:flex;font-size:var(--db-text-sm);height:var(--db-size-sm);justify-content:center;width:var(--db-size-sm)}.designbase-chip__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-chip__delete-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-xs);height:var(--db-size-sm);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-sm)}.designbase-chip__delete-button:hover{background-color:var(--db-bg-hover);color:var(--db-text-primary)}.designbase-chip__delete-button:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-chip__delete-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-chip--sm{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-chip--sm .designbase-chip__delete-button,.designbase-chip--sm .designbase-chip__end-icon,.designbase-chip--sm .designbase-chip__start-icon{font-size:var(--db-text-xs);height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-chip--md{font-size:var(--db-text-sm);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-chip--lg{font-size:var(--db-text-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-chip--lg .designbase-chip__delete-button,.designbase-chip--lg .designbase-chip__end-icon,.designbase-chip--lg .designbase-chip__start-icon{font-size:var(--db-text-base);height:var(--db-size-md);width:var(--db-size-md)}.designbase-chip--default{background-color:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-chip--default,.designbase-chip--default .designbase-chip__end-icon,.designbase-chip--default .designbase-chip__start-icon{color:var(--db-text-primary)}.designbase-chip--default .designbase-chip__delete-button{color:var(--db-text-secondary)}.designbase-chip--default .designbase-chip__delete-button:hover{background-color:var(--db-bg-hover);color:var(--db-text-primary)}.designbase-chip--primary{background-color:var(--db-blue-600);border-color:var(--db-blue-600);color:var(--db-white)}.designbase-chip--primary .designbase-chip__delete-button,.designbase-chip--primary .designbase-chip__end-icon,.designbase-chip--primary .designbase-chip__start-icon{color:var(--db-white)}.designbase-chip--primary .designbase-chip__delete-button:hover{background-color:hsla(0,0%,100%,.2);color:var(--db-white)}.designbase-chip--success{background-color:var(--db-green-100);border-color:var(--db-green-200);color:var(--db-green-700)}.designbase-chip--success .designbase-chip__end-icon,.designbase-chip--success .designbase-chip__start-icon{color:var(--db-green-700)}.designbase-chip--success .designbase-chip__delete-button{color:var(--db-green-600)}.designbase-chip--success .designbase-chip__delete-button:hover{background-color:var(--db-green-200);color:var(--db-green-800)}.designbase-chip--warning{background-color:var(--db-yellow-100);border-color:var(--db-yellow-200)}.designbase-chip--warning,.designbase-chip--warning .designbase-chip__end-icon,.designbase-chip--warning .designbase-chip__start-icon{color:var(--db-yellow-700)}.designbase-chip--warning .designbase-chip__delete-button{color:var(--db-yellow-600)}.designbase-chip--warning .designbase-chip__delete-button:hover{background-color:var(--db-yellow-200);color:var(--db-yellow-800)}.designbase-chip--danger{background-color:var(--db-red-100);border-color:var(--db-red-200);color:var(--db-red-700)}.designbase-chip--danger .designbase-chip__end-icon,.designbase-chip--danger .designbase-chip__start-icon{color:var(--db-red-700)}.designbase-chip--danger .designbase-chip__delete-button{color:var(--db-red-600)}.designbase-chip--danger .designbase-chip__delete-button:hover{background-color:var(--db-red-200);color:var(--db-red-800)}.designbase-chip--info{background-color:var(--db-blue-100);border-color:var(--db-blue-200)}.designbase-chip--info,.designbase-chip--info .designbase-chip__end-icon,.designbase-chip--info .designbase-chip__start-icon{color:var(--db-blue-700)}.designbase-chip--info .designbase-chip__delete-button{color:var(--db-blue-600)}.designbase-chip--info .designbase-chip__delete-button:hover{background-color:var(--db-blue-200);color:var(--db-blue-800)}.designbase-chip--outlined{background-color:transparent;border-width:2px}.designbase-chip--outlined.designbase-chip--primary{border-color:var(--db-blue-500);color:var(--db-blue-600)}.designbase-chip--outlined.designbase-chip--primary .designbase-chip__end-icon,.designbase-chip--outlined.designbase-chip--primary .designbase-chip__start-icon{color:var(--db-blue-600)}.designbase-chip--outlined.designbase-chip--primary .designbase-chip__delete-button{color:var(--db-blue-500)}.designbase-chip--outlined.designbase-chip--primary .designbase-chip__delete-button:hover{background-color:var(--db-blue-50);color:var(--db-blue-700)}.designbase-chip--outlined.designbase-chip--success{border-color:var(--db-green-500);color:var(--db-green-600)}.designbase-chip--outlined.designbase-chip--success .designbase-chip__end-icon,.designbase-chip--outlined.designbase-chip--success .designbase-chip__start-icon{color:var(--db-green-600)}.designbase-chip--outlined.designbase-chip--success .designbase-chip__delete-button{color:var(--db-green-500)}.designbase-chip--outlined.designbase-chip--success .designbase-chip__delete-button:hover{background-color:var(--db-green-50);color:var(--db-green-700)}.designbase-chip--outlined.designbase-chip--warning{border-color:var(--db-yellow-500);color:var(--db-yellow-600)}.designbase-chip--outlined.designbase-chip--warning .designbase-chip__end-icon,.designbase-chip--outlined.designbase-chip--warning .designbase-chip__start-icon{color:var(--db-yellow-600)}.designbase-chip--outlined.designbase-chip--warning .designbase-chip__delete-button{color:var(--db-yellow-500)}.designbase-chip--outlined.designbase-chip--warning .designbase-chip__delete-button:hover{background-color:var(--db-yellow-50);color:var(--db-yellow-700)}.designbase-chip--outlined.designbase-chip--danger{border-color:var(--db-red-500);color:var(--db-red-600)}.designbase-chip--outlined.designbase-chip--danger .designbase-chip__end-icon,.designbase-chip--outlined.designbase-chip--danger .designbase-chip__start-icon{color:var(--db-red-600)}.designbase-chip--outlined.designbase-chip--danger .designbase-chip__delete-button{color:var(--db-red-500)}.designbase-chip--outlined.designbase-chip--danger .designbase-chip__delete-button:hover{background-color:var(--db-red-50);color:var(--db-red-700)}.designbase-chip--outlined.designbase-chip--info{border-color:var(--db-blue-500);color:var(--db-blue-600)}.designbase-chip--outlined.designbase-chip--info .designbase-chip__end-icon,.designbase-chip--outlined.designbase-chip--info .designbase-chip__start-icon{color:var(--db-blue-600)}.designbase-chip--outlined.designbase-chip--info .designbase-chip__delete-button{color:var(--db-blue-500)}.designbase-chip--outlined.designbase-chip--info .designbase-chip__delete-button:hover{background-color:var(--db-blue-50);color:var(--db-blue-700)}.designbase-chip--neutral{background-color:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-chip--neutral,.designbase-chip--neutral .designbase-chip__end-icon,.designbase-chip--neutral .designbase-chip__start-icon{color:var(--db-text-secondary)}.designbase-chip--neutral .designbase-chip__delete-button{color:var(--db-text-muted)}.designbase-chip--neutral .designbase-chip__delete-button:hover{background-color:var(--db-bg-hover);color:var(--db-text-secondary)}.designbase-chip--deletable{padding-right:var(--db-padding-xs)}.designbase-chip--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-chip--selected{background-color:var(--db-blue-500);border-color:var(--db-blue-500);color:var(--db-white)}.designbase-chip--clickable{cursor:pointer}.designbase-chip--clickable:hover{box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-chip--clickable:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-chip--full-width{justify-content:center;width:100%}@media (max-width:640px){.designbase-chip__label{max-width:120px}}.designbase-divider{background:none;border:none;border-color:var(--db-border-primary);display:block;outline:none}.designbase-divider--horizontal{border-top-style:solid;border-top-width:1px;margin:var(--db-margin-m) 0;width:100%}.designbase-divider--vertical{border-left-style:solid;border-left-width:1px;display:inline-block;height:1em;margin:0 var(--db-margin-s);vertical-align:middle;width:1px}.designbase-divider--dashed{border-style:dashed}.designbase-divider--dotted{border-style:dotted}.designbase-divider--horizontal.designbase-divider--thick{border-top-width:2px}.designbase-divider--horizontal.designbase-divider--thin{border-top-width:.5px}.designbase-divider--vertical.designbase-divider--thick{border-left-width:2px}.designbase-divider--vertical.designbase-divider--thin{border-left-width:.5px}.designbase-divider--primary{border-color:var(--db-blue-500)}.designbase-divider--secondary{border-color:var(--db-neutral-500)}.designbase-divider--success{border-color:var(--db-green-500)}.designbase-divider--warning{border-color:var(--db-yellow-500)}.designbase-divider--danger{border-color:var(--db-red-500)}.designbase-divider--info{border-color:var(--db-blue-500)}.designbase-divider--light{border-color:var(--db-neutral-200)}.designbase-divider--dark{border-color:var(--db-neutral-800)}.designbase-divider--no-margin{margin:0}.designbase-divider--margin-sm{margin:var(--db-margin-s) 0}.designbase-divider--margin-md{margin:var(--db-margin-m) 0}.designbase-divider--margin-lg{margin:var(--db-margin-l) 0}.designbase-divider--margin-xl{margin:var(--db-margin-xl) 0}.designbase-divider--vertical.designbase-divider--no-margin{margin:0}.designbase-divider--vertical.designbase-divider--margin-sm{margin:0 var(--db-margin-xs)}.designbase-divider--vertical.designbase-divider--margin-md{margin:0 var(--db-margin-s)}.designbase-divider--vertical.designbase-divider--margin-lg{margin:0 var(--db-margin-m)}.designbase-divider--vertical.designbase-divider--margin-xl{margin:0 var(--db-margin-l)}@media (max-width:768px){.designbase-divider--horizontal{margin:var(--db-margin-m) 0}.designbase-divider--vertical{margin:0 var(--db-margin-s)}}.designbase-divider:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-range-slider{display:flex;flex-direction:column;gap:var(--db-gap-s);max-width:100%;min-width:120px;width:100%}.designbase-range-slider--full-width{max-width:none}.designbase-range-slider--vertical{align-items:center;flex-direction:row;gap:var(--db-gap-m);height:200px;max-width:none}.designbase-range-slider__values{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-font-sm);justify-content:space-between}.designbase-range-slider__value{color:var(--db-text-primary);font-weight:var(--db-weight-medium)}.designbase-range-slider__container{align-items:center;display:flex;height:20px;outline:none;position:relative;width:100%}.designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-range-slider__track{background-color:var(--db-border-primary);border-radius:var(--db-radius-action-pill);cursor:pointer;height:4px;position:relative;touch-action:none;transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;width:100%}.designbase-range-slider__track:hover{background-color:var(--db-border-secondary)}.designbase-range-slider__track--disabled{background-color:var(--db-border-muted);cursor:not-allowed}.designbase-range-slider__track--disabled:hover{background-color:var(--db-border-muted)}.designbase-range-slider__track--readonly{cursor:default}.designbase-range-slider__track--readonly:hover{background-color:var(--db-border-primary)}.designbase-range-slider__fill{border-radius:var(--db-radius-action-pill);height:100%;left:0;pointer-events:none;top:0}.designbase-range-slider__fill,.designbase-range-slider__thumb{background-color:var(--db-blue-500);position:absolute;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-range-slider__thumb{border:2px solid var(--db-bg-primary);border-radius:50%;box-shadow:var(--db-shadow-sm);cursor:grab;height:16px;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:16px}.designbase-range-slider__thumb:hover{box-shadow:var(--db-shadow-md);transform:translate(-50%,-50%) scale(1.1)}.designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-range-slider__thumb--active{box-shadow:var(--db-shadow-lg);cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.designbase-range-slider__mark{background-color:var(--db-border-primary);border-radius:var(--db-radius-action-pill);height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--db-animation-speed) var(--db-animation-ease);width:2px}.designbase-range-slider__mark--active{background-color:var(--db-blue-500)}.designbase-range-slider__mark-label{color:var(--db-text-secondary);font-size:var(--db-font-xs);left:50%;position:absolute;top:16px;transform:translateX(-50%);white-space:nowrap}.designbase-range-slider--primary .designbase-range-slider__fill,.designbase-range-slider--primary .designbase-range-slider__mark--active,.designbase-range-slider--primary .designbase-range-slider__thumb{background-color:var(--db-blue-500)}.designbase-range-slider--success .designbase-range-slider__fill,.designbase-range-slider--success .designbase-range-slider__mark--active,.designbase-range-slider--success .designbase-range-slider__thumb{background-color:var(--db-green-500)}.designbase-range-slider--warning .designbase-range-slider__fill,.designbase-range-slider--warning .designbase-range-slider__mark--active,.designbase-range-slider--warning .designbase-range-slider__thumb{background-color:var(--db-yellow-500)}.designbase-range-slider--danger .designbase-range-slider__fill,.designbase-range-slider--danger .designbase-range-slider__mark--active,.designbase-range-slider--danger .designbase-range-slider__thumb{background-color:var(--db-red-500)}.designbase-range-slider--sm .designbase-range-slider__container{height:16px}.designbase-range-slider--sm .designbase-range-slider__track{height:3px}.designbase-range-slider--sm .designbase-range-slider__thumb{height:12px;width:12px}.designbase-range-slider--sm .designbase-range-slider__mark{height:6px;width:1px}.designbase-range-slider--sm .designbase-range-slider__values{font-size:var(--db-font-xs)}.designbase-range-slider--md .designbase-range-slider__container{height:20px}.designbase-range-slider--md .designbase-range-slider__track{height:4px}.designbase-range-slider--md .designbase-range-slider__thumb{height:16px;width:16px}.designbase-range-slider--md .designbase-range-slider__mark{height:8px;width:2px}.designbase-range-slider--md .designbase-range-slider__values{font-size:var(--db-font-sm)}.designbase-range-slider--lg .designbase-range-slider__container{height:24px}.designbase-range-slider--lg .designbase-range-slider__track{height:6px}.designbase-range-slider--lg .designbase-range-slider__thumb{height:20px;width:20px}.designbase-range-slider--lg .designbase-range-slider__mark{height:10px;width:3px}.designbase-range-slider--lg .designbase-range-slider__values{font-size:var(--db-font-md)}.designbase-range-slider--vertical .designbase-range-slider__container{flex-direction:column;height:100%;width:20px}.designbase-range-slider--vertical .designbase-range-slider__track{height:100%;width:4px}.designbase-range-slider--vertical .designbase-range-slider__fill{height:auto;left:auto;top:auto;width:100%}.designbase-range-slider--vertical .designbase-range-slider__thumb{left:50%;top:auto;transform:translate(-50%,50%)}.designbase-range-slider--vertical .designbase-range-slider__thumb:hover{transform:translate(-50%,50%) scale(1.1)}.designbase-range-slider--vertical .designbase-range-slider__thumb--active{transform:translate(-50%,50%) scale(1.2)}.designbase-range-slider--vertical .designbase-range-slider__mark{height:2px;left:50%;top:auto;transform:translate(-50%,50%);width:8px}.designbase-range-slider--vertical .designbase-range-slider__mark-label{left:24px;top:auto;transform:translateY(-50%)}.designbase-range-slider--vertical.designbase-range-slider--sm .designbase-range-slider__container{width:16px}.designbase-range-slider--vertical.designbase-range-slider--sm .designbase-range-slider__track{width:3px}.designbase-range-slider--vertical.designbase-range-slider--sm .designbase-range-slider__thumb{height:12px;width:12px}.designbase-range-slider--vertical.designbase-range-slider--sm .designbase-range-slider__mark{height:1px;width:6px}.designbase-range-slider--vertical.designbase-range-slider--lg .designbase-range-slider__container{width:24px}.designbase-range-slider--vertical.designbase-range-slider--lg .designbase-range-slider__track{width:6px}.designbase-range-slider--vertical.designbase-range-slider--lg .designbase-range-slider__thumb{height:20px;width:20px}.designbase-range-slider--vertical.designbase-range-slider--lg .designbase-range-slider__mark{height:3px;width:10px}.designbase-range-slider--disabled{opacity:.5;pointer-events:none}.designbase-range-slider--disabled .designbase-range-slider__thumb,.designbase-range-slider--disabled .designbase-range-slider__track{cursor:not-allowed}.designbase-range-slider--readonly .designbase-range-slider__thumb,.designbase-range-slider--readonly .designbase-range-slider__track{cursor:default}.designbase-tooltip{opacity:0;pointer-events:none;position:fixed;transform:scale(.95);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-tooltip)}.designbase-tooltip--visible{opacity:1;transform:scale(1);visibility:visible}.designbase-tooltip__content{word-wrap:break-word;background-color:var(--db-bg-inverse);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);color:var(--db-text-inverse);font-size:var(--db-text-sm);line-height:var(--db-leading-tight);max-width:100%;padding:var(--db-padding-s) var(--db-padding-m);white-space:nowrap;white-space:normal}.designbase-tooltip__arrow{border:4px solid transparent;height:0;position:absolute;width:0}.designbase-tooltip__arrow--top,.designbase-tooltip__arrow--top-end,.designbase-tooltip__arrow--top-start{border-top-color:var(--db-bg-inverse);top:100%}.designbase-tooltip__arrow--bottom,.designbase-tooltip__arrow--bottom-end,.designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-bg-inverse);bottom:100%}.designbase-tooltip__arrow--left,.designbase-tooltip__arrow--left-end,.designbase-tooltip__arrow--left-start{border-left-color:var(--db-bg-inverse);left:100%}.designbase-tooltip__arrow--right,.designbase-tooltip__arrow--right-end,.designbase-tooltip__arrow--right-start{border-right-color:var(--db-bg-inverse);right:100%}.designbase-tooltip--sm .designbase-tooltip__content{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-tooltip--md .designbase-tooltip__content{font-size:var(--db-text-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-tooltip--lg .designbase-tooltip__content{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-tooltip--default .designbase-tooltip__content{background-color:var(--db-bg-inverse);color:var(--db-text-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--top,.designbase-tooltip--default .designbase-tooltip__arrow--top-end,.designbase-tooltip--default .designbase-tooltip__arrow--top-start{border-top-color:var(--db-bg-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--bottom,.designbase-tooltip--default .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--default .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-bg-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--left,.designbase-tooltip--default .designbase-tooltip__arrow--left-end,.designbase-tooltip--default .designbase-tooltip__arrow--left-start{border-left-color:var(--db-bg-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--right,.designbase-tooltip--default .designbase-tooltip__arrow--right-end,.designbase-tooltip--default .designbase-tooltip__arrow--right-start{border-right-color:var(--db-bg-inverse)}.designbase-tooltip--primary .designbase-tooltip__content{background-color:var(--db-blue-500);color:var(--db-text-inverse)}.designbase-tooltip--primary .designbase-tooltip__arrow--top,.designbase-tooltip--primary .designbase-tooltip__arrow--top-end,.designbase-tooltip--primary .designbase-tooltip__arrow--top-start{border-top-color:var(--db-blue-500)}.designbase-tooltip--primary .designbase-tooltip__arrow--bottom,.designbase-tooltip--primary .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--primary .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-blue-500)}.designbase-tooltip--primary .designbase-tooltip__arrow--left,.designbase-tooltip--primary .designbase-tooltip__arrow--left-end,.designbase-tooltip--primary .designbase-tooltip__arrow--left-start{border-left-color:var(--db-blue-500)}.designbase-tooltip--primary .designbase-tooltip__arrow--right,.designbase-tooltip--primary .designbase-tooltip__arrow--right-end,.designbase-tooltip--primary .designbase-tooltip__arrow--right-start{border-right-color:var(--db-blue-500)}.designbase-tooltip--success .designbase-tooltip__content{background-color:var(--db-green-500);color:var(--db-text-inverse)}.designbase-tooltip--success .designbase-tooltip__arrow--top,.designbase-tooltip--success .designbase-tooltip__arrow--top-end,.designbase-tooltip--success .designbase-tooltip__arrow--top-start{border-top-color:var(--db-green-500)}.designbase-tooltip--success .designbase-tooltip__arrow--bottom,.designbase-tooltip--success .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--success .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-green-500)}.designbase-tooltip--success .designbase-tooltip__arrow--left,.designbase-tooltip--success .designbase-tooltip__arrow--left-end,.designbase-tooltip--success .designbase-tooltip__arrow--left-start{border-left-color:var(--db-green-500)}.designbase-tooltip--success .designbase-tooltip__arrow--right,.designbase-tooltip--success .designbase-tooltip__arrow--right-end,.designbase-tooltip--success .designbase-tooltip__arrow--right-start{border-right-color:var(--db-green-500)}.designbase-tooltip--warning .designbase-tooltip__content{background-color:var(--db-yellow-500);color:var(--db-neutral-900)}.designbase-tooltip--warning .designbase-tooltip__arrow--top,.designbase-tooltip--warning .designbase-tooltip__arrow--top-end,.designbase-tooltip--warning .designbase-tooltip__arrow--top-start{border-top-color:var(--db-yellow-500)}.designbase-tooltip--warning .designbase-tooltip__arrow--bottom,.designbase-tooltip--warning .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--warning .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-yellow-500)}.designbase-tooltip--warning .designbase-tooltip__arrow--left,.designbase-tooltip--warning .designbase-tooltip__arrow--left-end,.designbase-tooltip--warning .designbase-tooltip__arrow--left-start{border-left-color:var(--db-yellow-500)}.designbase-tooltip--warning .designbase-tooltip__arrow--right,.designbase-tooltip--warning .designbase-tooltip__arrow--right-end,.designbase-tooltip--warning .designbase-tooltip__arrow--right-start{border-right-color:var(--db-yellow-500)}.designbase-tooltip--danger .designbase-tooltip__content{background-color:var(--db-red-500);color:var(--db-text-inverse)}.designbase-tooltip--danger .designbase-tooltip__arrow--top,.designbase-tooltip--danger .designbase-tooltip__arrow--top-end,.designbase-tooltip--danger .designbase-tooltip__arrow--top-start{border-top-color:var(--db-red-500)}.designbase-tooltip--danger .designbase-tooltip__arrow--bottom,.designbase-tooltip--danger .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--danger .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-red-500)}.designbase-tooltip--danger .designbase-tooltip__arrow--left,.designbase-tooltip--danger .designbase-tooltip__arrow--left-end,.designbase-tooltip--danger .designbase-tooltip__arrow--left-start{border-left-color:var(--db-red-500)}.designbase-tooltip--danger .designbase-tooltip__arrow--right,.designbase-tooltip--danger .designbase-tooltip__arrow--right-end,.designbase-tooltip--danger .designbase-tooltip__arrow--right-start{border-right-color:var(--db-red-500)}.designbase-tooltip--info .designbase-tooltip__content{background-color:var(--db-blue-500);color:var(--db-text-inverse)}.designbase-tooltip--info .designbase-tooltip__arrow--top,.designbase-tooltip--info .designbase-tooltip__arrow--top-end,.designbase-tooltip--info .designbase-tooltip__arrow--top-start{border-top-color:var(--db-blue-500)}.designbase-tooltip--info .designbase-tooltip__arrow--bottom,.designbase-tooltip--info .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--info .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-blue-500)}.designbase-tooltip--info .designbase-tooltip__arrow--left,.designbase-tooltip--info .designbase-tooltip__arrow--left-end,.designbase-tooltip--info .designbase-tooltip__arrow--left-start{border-left-color:var(--db-blue-500)}.designbase-tooltip--info .designbase-tooltip__arrow--right,.designbase-tooltip--info .designbase-tooltip__arrow--right-end,.designbase-tooltip--info .designbase-tooltip__arrow--right-start{border-right-color:var(--db-blue-500)}.designbase-tooltip--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-popover{opacity:0;pointer-events:auto;position:fixed;transform:scale(.95);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-popover--visible{opacity:1;transform:scale(1);visibility:visible}.designbase-popover__content{word-wrap:break-word;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-xl);color:var(--db-text-primary);font-size:var(--db-text-sm);line-height:var(--db-leading-tight);max-width:100%;padding:var(--db-padding-m);white-space:normal}.designbase-popover__arrow{border:4px solid transparent;height:0;position:absolute;width:0}.designbase-popover__arrow--top,.designbase-popover__arrow--top-end,.designbase-popover__arrow--top-start{border-top-color:var(--db-bg-primary);top:100%}.designbase-popover__arrow--bottom,.designbase-popover__arrow--bottom-end,.designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-bg-primary);bottom:100%}.designbase-popover__arrow--left,.designbase-popover__arrow--left-end,.designbase-popover__arrow--left-start{border-left-color:var(--db-bg-primary);left:100%}.designbase-popover__arrow--right,.designbase-popover__arrow--right-end,.designbase-popover__arrow--right-start{border-right-color:var(--db-bg-primary);right:100%}.designbase-popover--sm .designbase-popover__content{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-popover--md .designbase-popover__content{font-size:var(--db-text-sm);padding:var(--db-padding-m)}.designbase-popover--lg .designbase-popover__content{font-size:var(--db-text-base);padding:var(--db-padding-l)}.designbase-popover--default .designbase-popover__content{background-color:var(--db-bg-primary);border-color:var(--db-border-primary);color:var(--db-text-primary)}.designbase-popover--default .designbase-popover__arrow--top,.designbase-popover--default .designbase-popover__arrow--top-end,.designbase-popover--default .designbase-popover__arrow--top-start{border-top-color:var(--db-bg-primary)}.designbase-popover--default .designbase-popover__arrow--bottom,.designbase-popover--default .designbase-popover__arrow--bottom-end,.designbase-popover--default .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-bg-primary)}.designbase-popover--default .designbase-popover__arrow--left,.designbase-popover--default .designbase-popover__arrow--left-end,.designbase-popover--default .designbase-popover__arrow--left-start{border-left-color:var(--db-bg-primary)}.designbase-popover--default .designbase-popover__arrow--right,.designbase-popover--default .designbase-popover__arrow--right-end,.designbase-popover--default .designbase-popover__arrow--right-start{border-right-color:var(--db-bg-primary)}.designbase-popover--primary .designbase-popover__content{background-color:var(--db-blue-50);border-color:var(--db-blue-200);color:var(--db-blue-900)}.designbase-popover--primary .designbase-popover__arrow--top,.designbase-popover--primary .designbase-popover__arrow--top-end,.designbase-popover--primary .designbase-popover__arrow--top-start{border-top-color:var(--db-blue-50)}.designbase-popover--primary .designbase-popover__arrow--bottom,.designbase-popover--primary .designbase-popover__arrow--bottom-end,.designbase-popover--primary .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-blue-50)}.designbase-popover--primary .designbase-popover__arrow--left,.designbase-popover--primary .designbase-popover__arrow--left-end,.designbase-popover--primary .designbase-popover__arrow--left-start{border-left-color:var(--db-blue-50)}.designbase-popover--primary .designbase-popover__arrow--right,.designbase-popover--primary .designbase-popover__arrow--right-end,.designbase-popover--primary .designbase-popover__arrow--right-start{border-right-color:var(--db-blue-50)}.designbase-popover--success .designbase-popover__content{background-color:var(--db-green-50);border-color:var(--db-green-200);color:var(--db-green-900)}.designbase-popover--success .designbase-popover__arrow--top,.designbase-popover--success .designbase-popover__arrow--top-end,.designbase-popover--success .designbase-popover__arrow--top-start{border-top-color:var(--db-green-50)}.designbase-popover--success .designbase-popover__arrow--bottom,.designbase-popover--success .designbase-popover__arrow--bottom-end,.designbase-popover--success .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-green-50)}.designbase-popover--success .designbase-popover__arrow--left,.designbase-popover--success .designbase-popover__arrow--left-end,.designbase-popover--success .designbase-popover__arrow--left-start{border-left-color:var(--db-green-50)}.designbase-popover--success .designbase-popover__arrow--right,.designbase-popover--success .designbase-popover__arrow--right-end,.designbase-popover--success .designbase-popover__arrow--right-start{border-right-color:var(--db-green-50)}.designbase-popover--warning .designbase-popover__content{background-color:var(--db-yellow-50);border-color:var(--db-yellow-200);color:var(--db-yellow-900)}.designbase-popover--warning .designbase-popover__arrow--top,.designbase-popover--warning .designbase-popover__arrow--top-end,.designbase-popover--warning .designbase-popover__arrow--top-start{border-top-color:var(--db-yellow-50)}.designbase-popover--warning .designbase-popover__arrow--bottom,.designbase-popover--warning .designbase-popover__arrow--bottom-end,.designbase-popover--warning .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-yellow-50)}.designbase-popover--warning .designbase-popover__arrow--left,.designbase-popover--warning .designbase-popover__arrow--left-end,.designbase-popover--warning .designbase-popover__arrow--left-start{border-left-color:var(--db-yellow-50)}.designbase-popover--warning .designbase-popover__arrow--right,.designbase-popover--warning .designbase-popover__arrow--right-end,.designbase-popover--warning .designbase-popover__arrow--right-start{border-right-color:var(--db-yellow-50)}.designbase-popover--danger .designbase-popover__content{background-color:var(--db-red-50);border-color:var(--db-red-200);color:var(--db-red-900)}.designbase-popover--danger .designbase-popover__arrow--top,.designbase-popover--danger .designbase-popover__arrow--top-end,.designbase-popover--danger .designbase-popover__arrow--top-start{border-top-color:var(--db-red-50)}.designbase-popover--danger .designbase-popover__arrow--bottom,.designbase-popover--danger .designbase-popover__arrow--bottom-end,.designbase-popover--danger .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-red-50)}.designbase-popover--danger .designbase-popover__arrow--left,.designbase-popover--danger .designbase-popover__arrow--left-end,.designbase-popover--danger .designbase-popover__arrow--left-start{border-left-color:var(--db-red-50)}.designbase-popover--danger .designbase-popover__arrow--right,.designbase-popover--danger .designbase-popover__arrow--right-end,.designbase-popover--danger .designbase-popover__arrow--right-start{border-right-color:var(--db-red-50)}.designbase-popover--info .designbase-popover__content{background-color:var(--db-blue-50);border-color:var(--db-blue-200);color:var(--db-blue-900)}.designbase-popover--info .designbase-popover__arrow--top,.designbase-popover--info .designbase-popover__arrow--top-end,.designbase-popover--info .designbase-popover__arrow--top-start{border-top-color:var(--db-blue-50)}.designbase-popover--info .designbase-popover__arrow--bottom,.designbase-popover--info .designbase-popover__arrow--bottom-end,.designbase-popover--info .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-blue-50)}.designbase-popover--info .designbase-popover__arrow--left,.designbase-popover--info .designbase-popover__arrow--left-end,.designbase-popover--info .designbase-popover__arrow--left-start{border-left-color:var(--db-blue-50)}.designbase-popover--info .designbase-popover__arrow--right,.designbase-popover--info .designbase-popover__arrow--right-end,.designbase-popover--info .designbase-popover__arrow--right-start{border-right-color:var(--db-blue-50)}.designbase-popover--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-alert{background-color:var(--db-bg-primary);border:1px solid;border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-sm);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-alert__content{align-items:flex-start;display:flex;gap:var(--db-gap-s)}.designbase-alert__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-alert__body{flex:1;min-width:0}.designbase-alert__title{font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-xs)}.designbase-alert__message{color:var(--db-text-secondary);font-size:var(--db-text-sm);line-height:var(--db-leading-snug)}.designbase-alert__close{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.designbase-alert__close:hover{background-color:var(--db-bg-secondary);color:var(--db-text-secondary)}.designbase-alert__close:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-alert__actions{border-top:1px solid var(--db-border-primary);display:flex;gap:var(--db-gap-s);margin-top:var(--db-margin-xs);padding-top:var(--db-padding-s)}.designbase-alert__action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}.designbase-alert--info{background-color:var(--db-blue-50);border-color:var(--db-blue-200);color:var(--db-blue-900)}.designbase-alert--info .designbase-alert__icon{color:var(--db-blue-500)}.designbase-alert--info .designbase-alert__title{color:var(--db-blue-900)}.designbase-alert--info .designbase-alert__message{color:var(--db-blue-700)}.designbase-alert--success{background-color:var(--db-green-50);border-color:var(--db-green-200);color:var(--db-green-900)}.designbase-alert--success .designbase-alert__icon{color:var(--db-green-500)}.designbase-alert--success .designbase-alert__title{color:var(--db-green-900)}.designbase-alert--success .designbase-alert__message{color:var(--db-green-700)}.designbase-alert--warning{background-color:var(--db-yellow-50);border-color:var(--db-yellow-200);color:var(--db-yellow-900)}.designbase-alert--warning .designbase-alert__icon{color:var(--db-yellow-500)}.designbase-alert--warning .designbase-alert__title{color:var(--db-yellow-900)}.designbase-alert--warning .designbase-alert__message{color:var(--db-yellow-700)}.designbase-alert--danger{background-color:var(--db-red-50);border-color:var(--db-red-200);color:var(--db-red-900)}.designbase-alert--danger .designbase-alert__icon{color:var(--db-red-500)}.designbase-alert--danger .designbase-alert__title{color:var(--db-red-900)}.designbase-alert--danger .designbase-alert__message{color:var(--db-red-700)}.designbase-alert--sm{padding:var(--db-padding-xs)}.designbase-alert--sm .designbase-alert__title{font-size:var(--db-text-sm);margin-bottom:var(--db-margin-xs)}.designbase-alert--sm .designbase-alert__message{font-size:var(--db-text-xs)}.designbase-alert--sm .designbase-alert__close{height:16px;width:16px}.designbase-alert--md{padding:var(--db-padding-s)}.designbase-alert--md .designbase-alert__title{font-size:var(--db-text-base);margin-bottom:var(--db-margin-xs)}.designbase-alert--md .designbase-alert__message{font-size:var(--db-text-sm)}.designbase-alert--md .designbase-alert__close{height:20px;width:20px}.designbase-alert--lg{padding:var(--db-padding-m)}.designbase-alert--lg .designbase-alert__title{font-size:var(--db-text-lg);margin-bottom:var(--db-margin-s)}.designbase-alert--lg .designbase-alert__message{font-size:var(--db-text-base)}.designbase-alert--lg .designbase-alert__close{height:24px;width:24px}.designbase-alert--with-icon .designbase-alert__body{padding-left:0}.designbase-alert--closable .designbase-alert__body{padding-right:0}.designbase-confirm__overlay{align-items:center;animation:fadeIn .2s ease;background-color:var(--db-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--db-padding-m);position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-confirm__modal{animation:slideIn .2s ease;background-color:var(--db-bg-primary);border-radius:var(--db-radius-xl);box-shadow:var(--db-shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.designbase-confirm__modal--sm{width:400px}.designbase-confirm__modal--md{width:500px}.designbase-confirm__modal--lg{width:600px}.designbase-confirm__header{align-items:flex-start;display:flex;gap:var(--db-gap-m);padding:var(--db-padding-m)}.designbase-confirm__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-top:2px}.designbase-confirm__title-area{flex:1;min-width:0}.designbase-confirm__title{color:var(--db-text-primary);font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-confirm__content{color:var(--db-text-secondary);flex:1;font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);overflow-y:auto;padding:var(--db-padding-m)}.designbase-confirm__footer{border-top:1px solid var(--db-border-primary);display:flex;gap:var(--db-gap-s);justify-content:flex-end;padding:var(--db-padding-m)}.designbase-confirm__modal--info .designbase-confirm__icon{color:var(--db-blue-500)}.designbase-confirm__modal--success .designbase-confirm__icon{color:var(--db-green-500)}.designbase-confirm__modal--warning .designbase-confirm__icon{color:var(--db-yellow-500)}.designbase-confirm__modal--danger .designbase-confirm__icon{color:var(--db-red-500)}.designbase-confirm--sm .designbase-confirm__header{padding:var(--db-padding-s) 0}.designbase-confirm--sm .designbase-confirm__title{font-size:var(--db-text-base)}.designbase-confirm--sm .designbase-confirm__content{font-size:var(--db-text-sm);padding:var(--db-padding-s)}.designbase-confirm--sm .designbase-confirm__footer{padding:var(--db-padding-s)}.designbase-confirm--md .designbase-confirm__header{padding:var(--db-padding-m)}.designbase-confirm--md .designbase-confirm__title{font-size:var(--db-text-lg)}.designbase-confirm--md .designbase-confirm__content{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-confirm--md .designbase-confirm__footer{padding:0 var(--db-padding-m)}.designbase-confirm--lg .designbase-confirm__header{padding:var(--db-padding-l)}.designbase-confirm--lg .designbase-confirm__title{font-size:var(--db-text-xl)}.designbase-confirm--lg .designbase-confirm__content{font-size:var(--db-text-lg);padding:var(--db-padding-l)}.designbase-confirm--lg .designbase-confirm__footer{padding:var(--db-padding-l)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.designbase-confirm__overlay{padding:var(--db-padding-sm)}.designbase-confirm__modal{margin:0;max-width:100%;width:100%!important}.designbase-confirm__footer{flex-direction:column-reverse}.designbase-confirm__footer .designbase-button{width:100%}}.designbase-accordion{display:flex;flex-direction:column;gap:0}.designbase-accordion--sm .designbase-accordion__trigger{font-size:var(--db-text-sm);padding:var(--db-padding-s)}.designbase-accordion--sm .designbase-accordion__content-inner{padding:var(--db-padding-s)}.designbase-accordion--sm .designbase-accordion__number,.designbase-accordion--sm .designbase-accordion__question{font-size:var(--db-text-xs);height:20px;min-width:20px}.designbase-accordion--md .designbase-accordion__trigger{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-accordion--md .designbase-accordion__content-inner{padding:var(--db-padding-m)}.designbase-accordion--lg .designbase-accordion__trigger{font-size:var(--db-text-lg);padding:var(--db-padding-l)}.designbase-accordion--lg .designbase-accordion__content-inner{padding:var(--db-padding-l)}.designbase-accordion--lg .designbase-accordion__number,.designbase-accordion--lg .designbase-accordion__question{font-size:var(--db-text-base);height:28px;min-width:28px}.designbase-accordion--default .designbase-accordion__item{background-color:transparent;border:none;box-shadow:none;padding:0}.designbase-accordion--bordered .designbase-accordion__item{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-card-md)}.designbase-accordion--bordered .designbase-accordion__item:not(:last-child){border-bottom:none;border-radius:var(--db-radius-card-md) var(--db-radius-card-md) 0 0}.designbase-accordion--bordered .designbase-accordion__item:last-child{border-radius:0 0 var(--db-radius-card-md) var(--db-radius-card-md)}.designbase-accordion--bordered .designbase-accordion__item:only-child{border-radius:var(--db-radius-card-md)}.designbase-accordion--separated{gap:var(--db-gap-s)}.designbase-accordion--separated .designbase-accordion__item{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-card-md)}.designbase-accordion--contained{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-card-lg);overflow:hidden}.designbase-accordion--contained .designbase-accordion__item{background-color:transparent;border:none;border-radius:0}.designbase-accordion--contained .designbase-accordion__item:not(:last-child){border-bottom:1px solid var(--db-border-primary)}.designbase-accordion__item{transition:all .2s ease}.designbase-accordion__item--expanded .designbase-accordion__chevron{transform:rotate(180deg)}.designbase-accordion__item--expanded .designbase-accordion__content{max-height:1000px;opacity:1}.designbase-accordion__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-accordion__item--disabled .designbase-accordion__trigger{color:var(--db-text-disabled);cursor:not-allowed}.designbase-accordion__item--disabled .designbase-accordion__chevron,.designbase-accordion__item--disabled .designbase-accordion__icon{color:var(--db-icon-muted)}.designbase-accordion__trigger{align-items:center;background:none;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;gap:var(--db-gap-m);text-align:left;transition:all .2s ease;width:100%}.designbase-accordion__trigger:hover:not(:disabled){background-color:var(--db-bg-secondary)}.designbase-accordion__trigger:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-accordion__trigger:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-accordion__icon{align-items:center;color:var(--db-icon-primary);display:flex;flex-shrink:0;justify-content:center;transition:color .2s ease}.designbase-accordion__number{background-color:var(--db-bg-secondary);color:var(--db-text-secondary)}.designbase-accordion__number,.designbase-accordion__question{align-items:center;border-radius:var(--db-radius-action-sm);display:flex;flex-shrink:0;font-size:var(--db-text-sm);font-weight:var(--db-weight-semibold);height:24px;justify-content:center;margin-right:var(--db-margin-xs);min-width:24px}.designbase-accordion__question{background-color:var(--db-btn-primary-bg);color:var(--db-text-inverse)}.designbase-accordion__title{color:var(--db-text-primary);flex:1;font-weight:var(--db-weight-medium);line-height:var(--db-leading-snug)}.designbase-accordion__chevron{align-items:center;color:var(--db-icon-primary);display:flex;flex-shrink:0;justify-content:center;transition:transform .2s ease}.designbase-accordion__content{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.designbase-accordion__content-inner{color:var(--db-text-secondary);line-height:var(--db-leading-snug)}.designbase-accordion--multiple .designbase-accordion__item{margin-bottom:var(--db-margin-xs)}.designbase-accordion--multiple .designbase-accordion__item:last-child{margin-bottom:0}@media (max-width:640px){.designbase-accordion--lg .designbase-accordion__content-inner,.designbase-accordion--lg .designbase-accordion__trigger,.designbase-accordion--md .designbase-accordion__content-inner,.designbase-accordion--md .designbase-accordion__trigger,.designbase-accordion--sm .designbase-accordion__content-inner,.designbase-accordion--sm .designbase-accordion__trigger{padding:var(--db-padding-s)}}.designbase-accordion .designbase-accordion__item{background-color:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-accordion .designbase-accordion__trigger{color:var(--db-text-primary)}.designbase-accordion .designbase-accordion__trigger:hover:not(:disabled){background-color:var(--db-bg-secondary)}.designbase-accordion .designbase-accordion__trigger:disabled{color:var(--db-text-disabled)}.designbase-accordion .designbase-accordion__icon{color:var(--db-icon-primary)}.designbase-accordion .designbase-accordion__number{background-color:var(--db-bg-secondary);color:var(--db-text-secondary)}.designbase-accordion .designbase-accordion__question{background-color:var(--db-btn-primary-bg);color:var(--db-text-inverse)}.designbase-accordion .designbase-accordion__title{color:var(--db-text-primary)}.designbase-accordion .designbase-accordion__chevron{color:var(--db-icon-primary)}.designbase-accordion .designbase-accordion__content-inner{color:var(--db-text-secondary)}.designbase-accordion .designbase-accordion__item--disabled .designbase-accordion__trigger{color:var(--db-text-disabled)}.designbase-accordion .designbase-accordion__item--disabled .designbase-accordion__chevron,.designbase-accordion .designbase-accordion__item--disabled .designbase-accordion__icon{color:var(--db-icon-muted)}.designbase-context-menu{animation:contextMenuFadeIn var(--db-animation-speed) var(--db-animation-ease);background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);max-width:300px;min-width:200px;padding:var(--db-padding-xs);position:fixed;z-index:var(--db-z-popover)}.designbase-context-menu__item-wrapper{position:relative}.designbase-context-menu__submenu{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);left:100%;max-width:300px;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:0;transform:translateX(-10px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-context-menu__submenu--open{opacity:1;transform:translateX(0);visibility:visible}.designbase-context-menu .designbase-menu-item{border-radius:var(--db-radius-sm);margin:var(--db-margin-xs)}.designbase-context-menu .designbase-menu-item:hover{background-color:var(--db-bg-hover)}.designbase-context-menu .designbase-menu-item:focus{background-color:var(--db-bg-hover);outline:2px solid var(--db-blue-500);outline-offset:-2px}.designbase-context-menu .designbase-menu-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-context-menu .designbase-menu-item--disabled:hover{background-color:transparent}.designbase-context-menu .designbase-divider{border-color:var(--db-border-primary);margin:var(--db-margin-xs) 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.designbase-context-menu{max-width:calc(100vw - 32px);min-width:180px}.designbase-context-menu__submenu{max-width:calc(100vw - 64px);min-width:180px}}.designbase-textarea{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-textarea__label{color:var(--db-text-primary);cursor:pointer;font-size:var(--db-font-sm);font-weight:var(--db-weight-medium);line-height:var(--db-leading-tight)}.designbase-textarea__required{color:var(--db-red-500);margin-left:var(--db-margin-xs)}.designbase-textarea__wrapper{align-items:stretch;display:flex;position:relative}.designbase-textarea__field{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);font-family:inherit;font-size:var(--db-font-md);line-height:var(--db-leading-normal);min-height:100px;padding:var(--db-padding-s);resize:vertical;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-textarea__field::placeholder{color:var(--db-text-muted)}.designbase-textarea__field:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 3px var(--db-blue-100);outline:none}.designbase-textarea__field:hover:not(:disabled):not(:focus){border-color:var(--db-border-secondary)}.designbase-textarea__footer{align-items:center;display:flex;justify-content:space-between;min-height:20px}.designbase-textarea__helper-text{color:var(--db-text-secondary);font-size:var(--db-font-sm);line-height:var(--db-leading-tight)}.designbase-textarea__error-message{color:var(--db-red-500);font-size:var(--db-font-sm);line-height:var(--db-leading-tight)}.designbase-textarea__character-count{color:var(--db-text-secondary);font-size:var(--db-font-sm);line-height:var(--db-leading-tight)}.designbase-textarea__character-count--top{margin-bottom:var(--db-margin-xs)}.designbase-textarea__character-count--bottom{margin-left:auto}.designbase-textarea__character-count-text--error{color:var(--db-red-500)}.designbase-textarea--sm .designbase-textarea__field{font-size:var(--db-font-sm);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-textarea--sm .designbase-textarea__character-count,.designbase-textarea--sm .designbase-textarea__error-message,.designbase-textarea--sm .designbase-textarea__helper-text,.designbase-textarea--sm .designbase-textarea__label{font-size:var(--db-font-xs);line-height:var(--db-leading-none)}.designbase-textarea--md .designbase-textarea__field{font-size:var(--db-font-md);line-height:var(--db-leading-normal);padding:var(--db-padding-s)}.designbase-textarea--lg .designbase-textarea__field{font-size:var(--db-font-lg);line-height:var(--db-leading-relaxed);padding:var(--db-padding-m)}.designbase-textarea--lg .designbase-textarea__character-count,.designbase-textarea--lg .designbase-textarea__error-message,.designbase-textarea--lg .designbase-textarea__helper-text,.designbase-textarea--lg .designbase-textarea__label{font-size:var(--db-font-md);line-height:var(--db-leading-normal)}.designbase-textarea--error .designbase-textarea__field{border-color:var(--db-red-500)}.designbase-textarea--error .designbase-textarea__field:focus{border-color:var(--db-red-500);box-shadow:0 0 0 3px var(--db-red-100)}.designbase-textarea--error .designbase-textarea__label{color:var(--db-red-500)}.designbase-textarea--disabled .designbase-textarea__field{background-color:var(--db-bg-secondary);border-color:var(--db-border-muted);color:var(--db-text-disabled);cursor:not-allowed}.designbase-textarea--disabled .designbase-textarea__field::placeholder{color:var(--db-text-disabled)}.designbase-textarea--disabled .designbase-textarea__label{color:var(--db-text-disabled);cursor:not-allowed}.designbase-textarea--readonly .designbase-textarea__field{background-color:var(--db-bg-secondary);border-color:var(--db-border-muted);cursor:default}.designbase-textarea--readonly .designbase-textarea__field:focus{border-color:var(--db-border-muted);box-shadow:none}.designbase-textarea--full-width{width:100%}.designbase-textarea--not-resizable .designbase-textarea__field{resize:none}@media (max-width:640px){.designbase-textarea__footer{align-items:flex-start;flex-direction:column;gap:var(--db-gap-xs)}.designbase-textarea__character-count--bottom{margin-left:0}}.designbase-image{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-secondary);display:block;overflow:hidden;position:relative}.designbase-image__img{height:100%;object-fit:cover;opacity:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image__img--loaded{opacity:1}.designbase-image__img--error{opacity:0}.designbase-image--ratio-auto .designbase-image__img{object-fit:contain}.designbase-image--ratio-1-1{aspect-ratio:1/1}.designbase-image--ratio-16-9{aspect-ratio:16/9}.designbase-image--ratio-4-3{aspect-ratio:4/3}.designbase-image--ratio-3-2{aspect-ratio:3/2}.designbase-image--ratio-3-4{aspect-ratio:3/4}.designbase-image--ratio-2-1{aspect-ratio:2/1}.designbase-image--fit-cover .designbase-image__img{object-fit:cover}.designbase-image--fit-contain .designbase-image__img{object-fit:contain}.designbase-image--fit-fill .designbase-image__img{object-fit:fill}.designbase-image--fit-none .designbase-image__img{object-fit:none}.designbase-image--fit-scale-down .designbase-image__img{object-fit:scale-down}.designbase-image--rounded{border-radius:var(--db-radius-md)}.designbase-image--rounded-sm{border-radius:var(--db-radius-sm)}.designbase-image--rounded-md{border-radius:var(--db-radius-md)}.designbase-image--rounded-lg{border-radius:var(--db-radius-lg)}.designbase-image--rounded-full{border-radius:var(--db-radius-full)}.designbase-image--shadow,.designbase-image--shadow-sm{box-shadow:var(--db-shadow-sm)}.designbase-image--shadow-md{box-shadow:var(--db-shadow-md)}.designbase-image--shadow-lg{box-shadow:var(--db-shadow-lg)}.designbase-image--hover{cursor:pointer;transition:transform var(--db-animation-speed) var(--db-animation-ease),box-shadow var(--db-animation-speed) var(--db-animation-ease)}.designbase-image--hover:hover{box-shadow:var(--db-shadow-lg);transform:translateY(-2px)}.designbase-image--hover:active{transform:translateY(0)}.designbase-image--full-width{width:100%}.designbase-image--full-height{height:100%}.designbase-image--clickable{cursor:pointer}.designbase-image--error .designbase-image__img,.designbase-image--loading .designbase-image__img{opacity:0}.designbase-image__placeholder{align-items:center;background-color:var(--db-bg-secondary);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image__placeholder--visible{opacity:1}.designbase-image__placeholder--skeleton .designbase-image__skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--db-bg-muted) 25%,var(--db-bg-secondary) 50%,var(--db-bg-muted) 75%);background-size:200% 100%;height:100%;width:100%}.designbase-image__placeholder--blur .designbase-image__blur{background-color:var(--db-bg-secondary);filter:blur(10px);height:100%;transform:scale(1.1);width:100%}.designbase-image__error{align-items:center;background-color:var(--db-bg-secondary);color:var(--db-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:var(--db-padding-m);position:absolute;text-align:center;top:0;width:100%}.designbase-image__error-text{font-size:var(--db-text-sm);line-height:var(--db-leading-tight);margin-top:var(--db-margin-s)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.designbase-image__error{padding:var(--db-padding-s)}.designbase-image__error-text{font-size:var(--db-text-xs)}}.designbase-container{box-sizing:border-box;margin:0 auto;width:100%}.designbase-container--size-sm{max-width:640px}.designbase-container--size-md{max-width:768px}.designbase-container--size-lg{max-width:1200px}.designbase-container--size-xl{max-width:1400px}.designbase-container--size-full{max-width:100%}.designbase-container--padding-none{padding-left:0;padding-right:0}.designbase-container--padding-sm{padding-left:var(--spacing-semantic-padding-sm,12px);padding-right:var(--spacing-semantic-padding-sm,12px)}.designbase-container--padding-md{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--padding-lg{padding-left:var(--spacing-semantic-padding-lg,24px);padding-right:var(--spacing-semantic-padding-lg,24px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-xl,32px);padding-right:var(--spacing-semantic-padding-xl,32px)}.designbase-container--margin-none{margin-bottom:0;margin-top:0}.designbase-container--margin-sm{margin-bottom:var(--spacing-semantic-margin-sm,8px);margin-top:var(--spacing-semantic-margin-sm,8px)}.designbase-container--margin-md{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}.designbase-container--margin-lg{margin-bottom:var(--spacing-semantic-margin-lg,24px);margin-top:var(--spacing-semantic-margin-lg,24px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-xl,32px);margin-top:var(--spacing-semantic-margin-xl,32px)}.designbase-container--border{border:1px solid var(--db-border-primary)}.designbase-container--rounded{border-radius:var(--db-radius-md)}.designbase-container--rounded-sm{border-radius:var(--db-radius-sm)}.designbase-container--rounded-md{border-radius:var(--db-radius-md)}.designbase-container--rounded-lg{border-radius:var(--db-radius-lg)}.designbase-container--shadow,.designbase-container--shadow-sm{box-shadow:var(--db-shadow-sm)}.designbase-container--shadow-md{box-shadow:var(--db-shadow-md)}.designbase-container--shadow-lg{box-shadow:var(--db-shadow-lg)}@media (max-width:768px){.designbase-container--padding-lg{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-lg,24px);padding-right:var(--spacing-semantic-padding-lg,24px)}.designbase-container--margin-lg{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-lg,24px);margin-top:var(--spacing-semantic-margin-lg,24px)}}@media (max-width:480px){.designbase-container--padding-lg,.designbase-container--padding-md{padding-left:var(--spacing-semantic-padding-sm,12px);padding-right:var(--spacing-semantic-padding-sm,12px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--margin-lg,.designbase-container--margin-md{margin-bottom:var(--spacing-semantic-margin-sm,8px);margin-top:var(--spacing-semantic-margin-sm,8px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}}.designbase-stack{box-sizing:border-box;display:flex;flex-direction:column}.designbase-stack--full-width{width:100%}.designbase-stack--full-height{height:100%}.designbase-stack--wrap{flex-wrap:wrap}.designbase-stack--direction-vertical{flex-direction:column}.designbase-stack--direction-horizontal{flex-direction:row}.designbase-stack--alignment-start{align-items:flex-start}.designbase-stack--alignment-center{align-items:center}.designbase-stack--alignment-end{align-items:flex-end}.designbase-stack--alignment-stretch{align-items:stretch}.designbase-stack--justify-start{justify-content:flex-start}.designbase-stack--justify-center{justify-content:center}.designbase-stack--justify-end{justify-content:flex-end}.designbase-stack--justify-space-between{justify-content:space-between}.designbase-stack--justify-space-around{justify-content:space-around}.designbase-stack--justify-space-evenly{justify-content:space-evenly}.designbase-stack--spacing-none{gap:0}.designbase-stack--spacing-xs{gap:var(--db-gap-xs)}.designbase-stack--spacing-sm{gap:var(--db-gap-s)}.designbase-stack--spacing-md{gap:var(--db-gap-m)}.designbase-stack--spacing-lg{gap:var(--db-gap-l)}.designbase-stack--spacing-xl{gap:var(--db-gap-xl)}@media (max-width:768px){.designbase-stack--spacing-lg{gap:var(--db-gap-m)}.designbase-stack--spacing-xl{gap:var(--db-gap-l)}}@media (max-width:480px){.designbase-stack--spacing-lg,.designbase-stack--spacing-md{gap:var(--db-gap-s)}.designbase-stack--spacing-xl{gap:var(--db-gap-m)}}.designbase-grid{display:flex;flex-direction:column;padding:var(--ion-grid-padding,16px);width:100%}.designbase-grid--fixed{margin:0 auto;width:var(--ion-grid-width,100%)}@media (min-width:576px){.designbase-grid--fixed{width:var(--ion-grid-width-sm,540px)}}@media (min-width:768px){.designbase-grid--fixed{width:var(--ion-grid-width-md,720px)}}@media (min-width:992px){.designbase-grid--fixed{width:var(--ion-grid-width-lg,960px)}}@media (min-width:1200px){.designbase-grid--fixed{width:var(--ion-grid-width-xl,1140px)}}.designbase-grid--no-padding{padding:0}.designbase-grid__row{display:flex;flex-wrap:wrap;margin:calc(var(--ion-grid-column-padding, 8px)*-1)}.designbase-grid__row--align-start{align-items:flex-start}.designbase-grid__row--align-center{align-items:center}.designbase-grid__row--align-end{align-items:flex-end}.designbase-grid__row--align-stretch{align-items:stretch}.designbase-grid__row--justify-start{justify-content:flex-start}.designbase-grid__row--justify-center{justify-content:center}.designbase-grid__row--justify-end{justify-content:flex-end}.designbase-grid__row--justify-around{justify-content:space-around}.designbase-grid__row--justify-between{justify-content:space-between}.designbase-grid__row--justify-evenly{justify-content:space-evenly}.designbase-grid__col{box-sizing:border-box;flex:1;padding:var(--ion-grid-column-padding,8px)}.designbase-grid__col--xs-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--xs-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--xs-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--xs-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--xs-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--xs-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--xs-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--xs-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--xs-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--xs-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--xs-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--xs-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--xs-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--xs-offset-1{margin-left:8.33333%}.designbase-grid__col--xs-offset-2{margin-left:16.66667%}.designbase-grid__col--xs-offset-3{margin-left:25%}.designbase-grid__col--xs-offset-4{margin-left:33.33333%}.designbase-grid__col--xs-offset-5{margin-left:41.66667%}.designbase-grid__col--xs-offset-6{margin-left:50%}.designbase-grid__col--xs-offset-7{margin-left:58.33333%}.designbase-grid__col--xs-offset-8{margin-left:66.66667%}.designbase-grid__col--xs-offset-9{margin-left:75%}.designbase-grid__col--xs-offset-10{margin-left:83.33333%}.designbase-grid__col--xs-offset-11{margin-left:91.66667%}.designbase-grid__col--xs-push-1{margin-left:8.33333%}.designbase-grid__col--xs-push-2{margin-left:16.66667%}.designbase-grid__col--xs-push-3{margin-left:25%}.designbase-grid__col--xs-push-4{margin-left:33.33333%}.designbase-grid__col--xs-push-5{margin-left:41.66667%}.designbase-grid__col--xs-push-6{margin-left:50%}.designbase-grid__col--xs-push-7{margin-left:58.33333%}.designbase-grid__col--xs-push-8{margin-left:66.66667%}.designbase-grid__col--xs-push-9{margin-left:75%}.designbase-grid__col--xs-push-10{margin-left:83.33333%}.designbase-grid__col--xs-push-11{margin-left:91.66667%}.designbase-grid__col--xs-pull-1{margin-left:-8.33333%}.designbase-grid__col--xs-pull-2{margin-left:-16.66667%}.designbase-grid__col--xs-pull-3{margin-left:-25%}.designbase-grid__col--xs-pull-4{margin-left:-33.33333%}.designbase-grid__col--xs-pull-5{margin-left:-41.66667%}.designbase-grid__col--xs-pull-6{margin-left:-50%}.designbase-grid__col--xs-pull-7{margin-left:-58.33333%}.designbase-grid__col--xs-pull-8{margin-left:-66.66667%}.designbase-grid__col--xs-pull-9{margin-left:-75%}.designbase-grid__col--xs-pull-10{margin-left:-83.33333%}.designbase-grid__col--xs-pull-11{margin-left:-91.66667%}@media (min-width:576px){.designbase-grid__col--sm-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--sm-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--sm-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--sm-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--sm-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--sm-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--sm-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--sm-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--sm-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--sm-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--sm-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--sm-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--sm-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--sm-offset-1{margin-left:8.33333%}.designbase-grid__col--sm-offset-2{margin-left:16.66667%}.designbase-grid__col--sm-offset-3{margin-left:25%}.designbase-grid__col--sm-offset-4{margin-left:33.33333%}.designbase-grid__col--sm-offset-5{margin-left:41.66667%}.designbase-grid__col--sm-offset-6{margin-left:50%}.designbase-grid__col--sm-offset-7{margin-left:58.33333%}.designbase-grid__col--sm-offset-8{margin-left:66.66667%}.designbase-grid__col--sm-offset-9{margin-left:75%}.designbase-grid__col--sm-offset-10{margin-left:83.33333%}.designbase-grid__col--sm-offset-11{margin-left:91.66667%}.designbase-grid__col--sm-push-1{margin-left:8.33333%}.designbase-grid__col--sm-push-2{margin-left:16.66667%}.designbase-grid__col--sm-push-3{margin-left:25%}.designbase-grid__col--sm-push-4{margin-left:33.33333%}.designbase-grid__col--sm-push-5{margin-left:41.66667%}.designbase-grid__col--sm-push-6{margin-left:50%}.designbase-grid__col--sm-push-7{margin-left:58.33333%}.designbase-grid__col--sm-push-8{margin-left:66.66667%}.designbase-grid__col--sm-push-9{margin-left:75%}.designbase-grid__col--sm-push-10{margin-left:83.33333%}.designbase-grid__col--sm-push-11{margin-left:91.66667%}.designbase-grid__col--sm-pull-1{margin-left:-8.33333%}.designbase-grid__col--sm-pull-2{margin-left:-16.66667%}.designbase-grid__col--sm-pull-3{margin-left:-25%}.designbase-grid__col--sm-pull-4{margin-left:-33.33333%}.designbase-grid__col--sm-pull-5{margin-left:-41.66667%}.designbase-grid__col--sm-pull-6{margin-left:-50%}.designbase-grid__col--sm-pull-7{margin-left:-58.33333%}.designbase-grid__col--sm-pull-8{margin-left:-66.66667%}.designbase-grid__col--sm-pull-9{margin-left:-75%}.designbase-grid__col--sm-pull-10{margin-left:-83.33333%}.designbase-grid__col--sm-pull-11{margin-left:-91.66667%}}@media (min-width:768px){.designbase-grid__col--md-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--md-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--md-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--md-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--md-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--md-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--md-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--md-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--md-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--md-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--md-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--md-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--md-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--md-offset-1{margin-left:8.33333%}.designbase-grid__col--md-offset-2{margin-left:16.66667%}.designbase-grid__col--md-offset-3{margin-left:25%}.designbase-grid__col--md-offset-4{margin-left:33.33333%}.designbase-grid__col--md-offset-5{margin-left:41.66667%}.designbase-grid__col--md-offset-6{margin-left:50%}.designbase-grid__col--md-offset-7{margin-left:58.33333%}.designbase-grid__col--md-offset-8{margin-left:66.66667%}.designbase-grid__col--md-offset-9{margin-left:75%}.designbase-grid__col--md-offset-10{margin-left:83.33333%}.designbase-grid__col--md-offset-11{margin-left:91.66667%}.designbase-grid__col--md-push-1{margin-left:8.33333%}.designbase-grid__col--md-push-2{margin-left:16.66667%}.designbase-grid__col--md-push-3{margin-left:25%}.designbase-grid__col--md-push-4{margin-left:33.33333%}.designbase-grid__col--md-push-5{margin-left:41.66667%}.designbase-grid__col--md-push-6{margin-left:50%}.designbase-grid__col--md-push-7{margin-left:58.33333%}.designbase-grid__col--md-push-8{margin-left:66.66667%}.designbase-grid__col--md-push-9{margin-left:75%}.designbase-grid__col--md-push-10{margin-left:83.33333%}.designbase-grid__col--md-push-11{margin-left:91.66667%}.designbase-grid__col--md-pull-1{margin-left:-8.33333%}.designbase-grid__col--md-pull-2{margin-left:-16.66667%}.designbase-grid__col--md-pull-3{margin-left:-25%}.designbase-grid__col--md-pull-4{margin-left:-33.33333%}.designbase-grid__col--md-pull-5{margin-left:-41.66667%}.designbase-grid__col--md-pull-6{margin-left:-50%}.designbase-grid__col--md-pull-7{margin-left:-58.33333%}.designbase-grid__col--md-pull-8{margin-left:-66.66667%}.designbase-grid__col--md-pull-9{margin-left:-75%}.designbase-grid__col--md-pull-10{margin-left:-83.33333%}.designbase-grid__col--md-pull-11{margin-left:-91.66667%}}@media (min-width:992px){.designbase-grid__col--lg-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--lg-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--lg-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--lg-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--lg-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--lg-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--lg-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--lg-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--lg-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--lg-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--lg-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--lg-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--lg-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--lg-offset-1{margin-left:8.33333%}.designbase-grid__col--lg-offset-2{margin-left:16.66667%}.designbase-grid__col--lg-offset-3{margin-left:25%}.designbase-grid__col--lg-offset-4{margin-left:33.33333%}.designbase-grid__col--lg-offset-5{margin-left:41.66667%}.designbase-grid__col--lg-offset-6{margin-left:50%}.designbase-grid__col--lg-offset-7{margin-left:58.33333%}.designbase-grid__col--lg-offset-8{margin-left:66.66667%}.designbase-grid__col--lg-offset-9{margin-left:75%}.designbase-grid__col--lg-offset-10{margin-left:83.33333%}.designbase-grid__col--lg-offset-11{margin-left:91.66667%}.designbase-grid__col--lg-push-1{margin-left:8.33333%}.designbase-grid__col--lg-push-2{margin-left:16.66667%}.designbase-grid__col--lg-push-3{margin-left:25%}.designbase-grid__col--lg-push-4{margin-left:33.33333%}.designbase-grid__col--lg-push-5{margin-left:41.66667%}.designbase-grid__col--lg-push-6{margin-left:50%}.designbase-grid__col--lg-push-7{margin-left:58.33333%}.designbase-grid__col--lg-push-8{margin-left:66.66667%}.designbase-grid__col--lg-push-9{margin-left:75%}.designbase-grid__col--lg-push-10{margin-left:83.33333%}.designbase-grid__col--lg-push-11{margin-left:91.66667%}.designbase-grid__col--lg-pull-1{margin-left:-8.33333%}.designbase-grid__col--lg-pull-2{margin-left:-16.66667%}.designbase-grid__col--lg-pull-3{margin-left:-25%}.designbase-grid__col--lg-pull-4{margin-left:-33.33333%}.designbase-grid__col--lg-pull-5{margin-left:-41.66667%}.designbase-grid__col--lg-pull-6{margin-left:-50%}.designbase-grid__col--lg-pull-7{margin-left:-58.33333%}.designbase-grid__col--lg-pull-8{margin-left:-66.66667%}.designbase-grid__col--lg-pull-9{margin-left:-75%}.designbase-grid__col--lg-pull-10{margin-left:-83.33333%}.designbase-grid__col--lg-pull-11{margin-left:-91.66667%}}@media (min-width:1200px){.designbase-grid__col--xl-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--xl-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--xl-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--xl-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--xl-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--xl-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--xl-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--xl-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--xl-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--xl-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--xl-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--xl-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--xl-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--xl-offset-1{margin-left:8.33333%}.designbase-grid__col--xl-offset-2{margin-left:16.66667%}.designbase-grid__col--xl-offset-3{margin-left:25%}.designbase-grid__col--xl-offset-4{margin-left:33.33333%}.designbase-grid__col--xl-offset-5{margin-left:41.66667%}.designbase-grid__col--xl-offset-6{margin-left:50%}.designbase-grid__col--xl-offset-7{margin-left:58.33333%}.designbase-grid__col--xl-offset-8{margin-left:66.66667%}.designbase-grid__col--xl-offset-9{margin-left:75%}.designbase-grid__col--xl-offset-10{margin-left:83.33333%}.designbase-grid__col--xl-offset-11{margin-left:91.66667%}.designbase-grid__col--xl-push-1{margin-left:8.33333%}.designbase-grid__col--xl-push-2{margin-left:16.66667%}.designbase-grid__col--xl-push-3{margin-left:25%}.designbase-grid__col--xl-push-4{margin-left:33.33333%}.designbase-grid__col--xl-push-5{margin-left:41.66667%}.designbase-grid__col--xl-push-6{margin-left:50%}.designbase-grid__col--xl-push-7{margin-left:58.33333%}.designbase-grid__col--xl-push-8{margin-left:66.66667%}.designbase-grid__col--xl-push-9{margin-left:75%}.designbase-grid__col--xl-push-10{margin-left:83.33333%}.designbase-grid__col--xl-push-11{margin-left:91.66667%}.designbase-grid__col--xl-pull-1{margin-left:-8.33333%}.designbase-grid__col--xl-pull-2{margin-left:-16.66667%}.designbase-grid__col--xl-pull-3{margin-left:-25%}.designbase-grid__col--xl-pull-4{margin-left:-33.33333%}.designbase-grid__col--xl-pull-5{margin-left:-41.66667%}.designbase-grid__col--xl-pull-6{margin-left:-50%}.designbase-grid__col--xl-pull-7{margin-left:-58.33333%}.designbase-grid__col--xl-pull-8{margin-left:-66.66667%}.designbase-grid__col--xl-pull-9{margin-left:-75%}.designbase-grid__col--xl-pull-10{margin-left:-83.33333%}.designbase-grid__col--xl-pull-11{margin-left:-91.66667%}}:root{--ion-grid-padding:16px;--ion-grid-padding-xs:16px;--ion-grid-padding-sm:16px;--ion-grid-padding-md:16px;--ion-grid-padding-lg:16px;--ion-grid-padding-xl:16px;--ion-grid-column-padding:8px;--ion-grid-column-padding-xs:8px;--ion-grid-column-padding-sm:8px;--ion-grid-column-padding-md:8px;--ion-grid-column-padding-lg:8px;--ion-grid-column-padding-xl:8px;--ion-grid-width:100%;--ion-grid-width-xs:100%;--ion-grid-width-sm:540px;--ion-grid-width-md:720px;--ion-grid-width-lg:960px;--ion-grid-width-xl:1140px;--ion-grid-columns:12}.designbase-grid[role=grid] .designbase-grid__row{role:"row"}.designbase-grid[role=grid] .designbase-grid__col{role:"gridcell"}.designbase-grid__col{backface-visibility:hidden;will-change:flex-basis,max-width,margin-left}.designbase-form{padding:0;width:100%}.designbase-form--vertical .designbase-form__field-wrapper{display:flex;flex-direction:column;margin-bottom:var(--db-margin-m)}.designbase-form--vertical .designbase-form__field-wrapper:last-child{margin-bottom:0}.designbase-form--vertical .designbase-form__label{color:var(--db-text-primary);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-form--horizontal .designbase-form__field-wrapper{align-items:center;display:flex;margin-bottom:var(--db-margin-m)}.designbase-form--horizontal .designbase-form__field-wrapper:last-child{margin-bottom:0}.designbase-form--horizontal .designbase-form__label{color:var(--db-text-primary);flex:0 0 120px;font-weight:var(--db-weight-medium);margin-right:var(--db-margin-m);text-align:right}.designbase-form--horizontal .designbase-form__field{flex:1}.designbase-form--horizontal .designbase-form__error,.designbase-form--horizontal .designbase-form__help{margin-left:calc(120px + var(--db-margin-m))}.designbase-form--inline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-form--inline .designbase-form__field-wrapper{flex:0 0 auto;margin-bottom:0}.designbase-form--inline .designbase-form__label{color:var(--db-text-primary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-form--inline .designbase-form__actions{flex:0 0 auto}.designbase-form--sm .designbase-form__field,.designbase-form--sm .designbase-form__label{font-size:var(--db-text-sm)}.designbase-form--sm .designbase-form__error,.designbase-form--sm .designbase-form__help{font-size:var(--db-text-xs)}.designbase-form--md .designbase-form__field,.designbase-form--md .designbase-form__label{font-size:var(--db-text-base)}.designbase-form--md .designbase-form__error,.designbase-form--md .designbase-form__help{font-size:var(--db-text-sm)}.designbase-form--lg .designbase-form__field,.designbase-form--lg .designbase-form__label{font-size:var(--db-text-lg)}.designbase-form--lg .designbase-form__error,.designbase-form--lg .designbase-form__help{font-size:var(--db-text-base)}.designbase-form--bordered{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);box-shadow:var(--db-shadow-sm)}.designbase-form--bordered,.designbase-form--filled{border-radius:var(--db-radius-lg);padding:var(--db-padding-xl)}.designbase-form--filled{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary)}.designbase-form__header{margin-bottom:var(--db-margin-xl);text-align:center}.designbase-form__title{color:var(--db-text-primary);font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold);margin:0 0 var(--db-margin-s) 0}.designbase-form__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:1.5;margin:0}.designbase-form__field-wrapper{position:relative}.designbase-form__label{display:block;line-height:1.4}.designbase-form__required{color:var(--db-red-500);margin-left:var(--db-margin-xs)}.designbase-form__field{transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-form__field--error{border-color:var(--db-red-500)!important;box-shadow:0 0 0 2px rgba(220,53,69,.1)}.designbase-form__file-input{background-color:var(--db-bg-secondary);border:2px dashed var(--db-border-primary);border-radius:var(--db-radius-md);cursor:pointer;padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-form__file-input:hover{background-color:var(--db-blue-50);border-color:var(--db-blue-500)}.designbase-form__file-input:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 2px rgba(0,123,255,.1);outline:none}.designbase-form__radio-group{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-form__radio-group .designbase-radio{margin-bottom:0}.designbase-form__checkbox-group{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-form__checkbox-group .designbase-checkbox{margin-bottom:0}.designbase-form__error{animation:formErrorSlideIn var(--db-animation-speed) var(--db-animation-ease);color:var(--db-red-500)}.designbase-form__error,.designbase-form__help{font-size:var(--db-text-sm);line-height:1.4;margin-top:var(--db-margin-xs)}.designbase-form__help{color:var(--db-text-secondary)}.designbase-form__actions{border-top:1px solid var(--db-border-primary);display:flex;gap:var(--db-gap-s);margin-top:var(--db-margin-xl);padding-top:var(--db-padding-m)}.designbase-form--inline .designbase-form__actions{border-top:none;margin-top:0;padding-top:0}@media (max-width:768px){.designbase-form--horizontal .designbase-form__field-wrapper{align-items:flex-start;flex-direction:column}.designbase-form--horizontal .designbase-form__label{flex:none;margin-bottom:var(--db-margin-xs);margin-right:0;text-align:left}.designbase-form--horizontal .designbase-form__error,.designbase-form--horizontal .designbase-form__help{margin-left:0}.designbase-form--inline{align-items:stretch;flex-direction:column}.designbase-form--inline .designbase-form__field-wrapper{flex:1}.designbase-form--inline .designbase-form__actions{flex:1;justify-content:stretch}.designbase-form--inline .designbase-form__actions .designbase-button{flex:1}.designbase-form__actions{flex-direction:column}.designbase-form__actions .designbase-button{width:100%}}.designbase-form__field:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-form__field-wrapper{animation:formFieldSlideIn var(--db-animation-speed) var(--db-animation-ease)}@keyframes formErrorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes formFieldSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.designbase-form__field-wrapper--error .designbase-form__label{color:var(--db-red-500)}.designbase-form__field-wrapper--success .designbase-form__field{border-color:var(--db-green-500);box-shadow:0 0 0 2px rgba(40,167,69,.1)}.designbase-form__field-wrapper--warning .designbase-form__field{border-color:var(--db-yellow-500);box-shadow:0 0 0 2px rgba(255,193,7,.1)}.designbase-form--loading{opacity:.7;pointer-events:none}.designbase-form--loading .designbase-form__field{background-color:var(--db-bg-secondary)}.designbase-form--disabled{opacity:.6;pointer-events:none}.designbase-form--disabled .designbase-form__field{background-color:var(--db-bg-secondary);cursor:not-allowed}.designbase-share{display:inline-block;position:relative}.designbase-share__trigger{position:relative}.designbase-share__content{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-lg);padding:var(--db-padding-l)}.designbase-share__platforms{display:grid;gap:var(--db-gap-s);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--db-margin-l)}.designbase-share__platform-button{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--db-font-sm);font-weight:var(--db-font-medium);gap:var(--db-gap-xs);overflow:hidden;padding:var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-share__platform-button:hover{border-color:var(--platform-color,#007bff);box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.designbase-share__platform-button:active{transform:translateY(0)}.designbase-share__platform-button--facebook{--platform-color:#1877f2}.designbase-share__platform-button--facebook:hover{background-color:rgba(24,119,242,.1);color:#1877f2}.designbase-share__platform-button--twitter{--platform-color:#1da1f2}.designbase-share__platform-button--twitter:hover{background-color:rgba(29,161,242,.1);color:#1da1f2}.designbase-share__platform-button--instagram{--platform-color:#e4405f}.designbase-share__platform-button--instagram:hover{background-color:rgba(228,64,95,.1);color:#e4405f}.designbase-share__platform-button--linkedin{--platform-color:#0077b5}.designbase-share__platform-button--linkedin:hover{background-color:rgba(0,119,181,.1);color:#0077b5}.designbase-share__platform-button--pinterest{--platform-color:#bd081c}.designbase-share__platform-button--pinterest:hover{background-color:rgba(189,8,28,.1);color:#bd081c}.designbase-share__platform-button--whatsapp{--platform-color:#25d366}.designbase-share__platform-button--whatsapp:hover{background-color:rgba(37,211,102,.1);color:#25d366}.designbase-share__platform-button--telegram{--platform-color:#08c}.designbase-share__platform-button--telegram:hover{background-color:rgba(0,136,204,.1);color:#08c}.designbase-share__platform-button--email{--platform-color:#ea4335}.designbase-share__platform-button--email:hover{background-color:rgba(234,67,53,.1);color:#ea4335}.designbase-share__platform-button--link{--platform-color:#6c757d}.designbase-share__platform-button--link:hover{background-color:hsla(208,7%,46%,.1);color:#6c757d}.designbase-share__platform-button--link.designbase-share__platform-button--copied{background-color:var(--db-green-600);border-color:var(--db-green-600);color:#fff}.designbase-share__platform-button--qr{--platform-color:#6c757d}.designbase-share__platform-button--qr:hover{background-color:hsla(208,7%,46%,.1);color:#6c757d}.designbase-share__platform-icon{fill:currentColor;height:24px;width:24px}.designbase-share__platform-name{font-size:var(--db-font-xs);line-height:1.2;text-align:center}.designbase-share__copy-success{align-items:center;animation:copySuccessFadeIn .3s ease;background-color:var(--db-green-600);border-radius:var(--db-radius-sm);color:#fff;display:flex;font-size:var(--db-font-xs);font-weight:var(--db-weight-bold);gap:var(--db-gap-xs);left:50%;padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.designbase-share__copy-success svg{height:12px;width:12px}.designbase-share__qr-section{background-color:var(--db-bg-secondary);border-radius:var(--db-radius-md);margin-bottom:var(--db-margin-l);padding:var(--db-padding-m);text-align:center}.designbase-share__qr-title{color:var(--db-text-primary);font-size:var(--db-font-md);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0}.designbase-share__qr-code{margin-bottom:var(--db-margin-s)}.designbase-share__qr-code img{border-radius:var(--db-radius-sm);box-shadow:var(--db-shadow-sm)}.designbase-share__qr-description{color:var(--db-text-secondary);font-size:var(--db-font-sm);margin:0}.designbase-share__link-preview{margin-bottom:var(--db-margin-m)}.designbase-share__link-title{color:var(--db-text-primary);font-size:var(--db-font-md);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0}.designbase-share__link-container{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-share__link-input{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:text;flex:1;font-size:var(--db-font-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-share__link-input:focus{border-color:var(--db-blue-600);box-shadow:0 0 0 2px rgba(0,123,255,.1);outline:none}.designbase-share__copy-button{flex-shrink:0}.designbase-share--dropdown{position:relative}.designbase-share--inline{display:block;width:100%}.designbase-share--inline .designbase-share__content{border:1px solid var(--db-border-primary);box-shadow:none}.designbase-share--sm .designbase-share__platform-button{font-size:var(--db-font-xs);padding:var(--db-padding-s)}.designbase-share--sm .designbase-share__platform-icon{height:20px;width:20px}.designbase-share--sm .designbase-share__platform-name{font-size:var(--db-font-xs)}.designbase-share--lg .designbase-share__platform-button{font-size:var(--db-font-md);padding:var(--db-padding-l)}.designbase-share--lg .designbase-share__platform-icon{height:32px;width:32px}.designbase-share--lg .designbase-share__platform-name{font-size:var(--db-font-sm)}@media (max-width:768px){.designbase-share .designbase-share__platforms{gap:var(--db-gap-xs);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.designbase-share .designbase-share__platform-button{font-size:var(--db-font-xs);padding:var(--db-padding-s)}.designbase-share .designbase-share__platform-icon{height:20px;width:20px}.designbase-share .designbase-share__platform-name{font-size:var(--db-font-xs)}.designbase-share .designbase-share__content{padding:var(--db-padding-m)}.designbase-share .designbase-share__link-container{align-items:stretch;flex-direction:column}.designbase-share .designbase-share__copy-button{width:100%}}.designbase-share__platform-button:focus-visible{outline:2px solid var(--platform-color,#007bff);outline-offset:2px}.designbase-share__platform-button{animation:platformButtonSlideIn .3s ease}@keyframes copySuccessFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes platformButtonSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.designbase-share__platform-button svg{fill:currentColor}.designbase-share--loading{opacity:.7;pointer-events:none}.designbase-share--loading .designbase-share__platform-button{cursor:not-allowed}.designbase-share--disabled{opacity:.5;pointer-events:none}.designbase-share--disabled .designbase-share__platform-button{cursor:not-allowed}.designbase-card{background-color:var(--db-bg-primary);border-radius:var(--db-radius-lg);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-card--default{border:1px solid var(--db-border-primary);box-shadow:var(--db-shadow-sm)}.designbase-card--elevated{border:none;box-shadow:var(--db-shadow-lg)}.designbase-card--outlined{border:2px solid var(--db-border-primary);box-shadow:none}.designbase-card--filled{background-color:var(--db-bg-secondary);border:none;box-shadow:none}.designbase-card--flat{background-color:transparent;border:none;box-shadow:none}.designbase-card--sm .designbase-card__title{font-size:var(--db-text-base);font-weight:var(--db-weight-semibold)}.designbase-card--sm .designbase-card__description,.designbase-card--sm .designbase-card__subtitle{font-size:var(--db-text-sm)}.designbase-card--sm .designbase-card__content{padding:var(--db-padding-m)}.designbase-card--sm .designbase-card__icon{height:32px;width:32px}.designbase-card--md .designbase-card__title{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold)}.designbase-card--md .designbase-card__description,.designbase-card--md .designbase-card__subtitle{font-size:var(--db-text-base)}.designbase-card--md .designbase-card__content{padding:var(--db-padding-l)}.designbase-card--md .designbase-card__icon{height:40px;width:40px}.designbase-card--lg .designbase-card__title{font-size:var(--db-text-xl);font-weight:var(--db-weight-bold)}.designbase-card--lg .designbase-card__description,.designbase-card--lg .designbase-card__subtitle{font-size:var(--db-text-lg)}.designbase-card--lg .designbase-card__content{padding:var(--db-padding-xl)}.designbase-card--lg .designbase-card__icon{height:48px;width:48px}.designbase-card--xl .designbase-card__title{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-card--xl .designbase-card__description,.designbase-card--xl .designbase-card__subtitle{font-size:var(--db-text-xl)}.designbase-card--xl .designbase-card__content{padding:var(--db-padding-2xl)}.designbase-card--xl .designbase-card__icon{height:56px;width:56px}.designbase-card--horizontal{flex-direction:row}.designbase-card--horizontal .designbase-card__image--left{flex:0 0 auto;width:200px}.designbase-card--horizontal .designbase-card__image--right{flex:0 0 auto;order:2;width:200px}.designbase-card--horizontal .designbase-card__content{display:flex;flex:1;flex-direction:column;justify-content:center}.designbase-card--compact .designbase-card__content{padding:var(--db-padding-s)}.designbase-card--compact .designbase-card__description,.designbase-card--compact .designbase-card__title{margin-bottom:var(--db-margin-xs)}.designbase-card--full-width{width:100%}.designbase-card--clickable{cursor:pointer;user-select:none}.designbase-card--clickable:hover{box-shadow:var(--db-shadow-xl);transform:translateY(-2px)}.designbase-card--clickable:active{transform:translateY(0)}.designbase-card--hoverable:hover{box-shadow:var(--db-shadow-xl);transform:translateY(-4px)}.designbase-card--selectable{cursor:pointer}.designbase-card--selectable:hover,.designbase-card--selected{border-color:var(--db-blue-500)}.designbase-card--selected{background-color:var(--db-blue-50)}.designbase-card--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.designbase-card--loading{pointer-events:none}.designbase-card__image{overflow:hidden;position:relative}.designbase-card__image--top{order:-1}.designbase-card__image--bottom{order:1}.designbase-card__image--left,.designbase-card__image--right{flex:0 0 auto}.designbase-card__image--background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.designbase-card__image-element{height:100%;object-fit:cover;width:100%}.designbase-card__overlay{background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7));display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;padding:var(--db-padding-l);position:relative;z-index:2}.designbase-card__overlay,.designbase-card__overlay .designbase-card__description,.designbase-card__overlay .designbase-card__subtitle,.designbase-card__overlay .designbase-card__title{color:var(--db-text-inverse)}.designbase-card__content{display:flex;flex:1;flex-direction:column}.designbase-card__icon{align-items:center;color:var(--db-blue-500);display:flex;justify-content:center;margin-bottom:var(--db-margin-m)}.designbase-card__icon-element{height:100%;width:100%}.designbase-card__header{margin-bottom:var(--db-margin-m)}.designbase-card__title{color:var(--db-text-primary);line-height:1.3;margin:0 0 var(--db-margin-xs) 0}.designbase-card__subtitle{color:var(--db-text-secondary);font-weight:var(--db-weight-normal);line-height:1.4;margin:0}.designbase-card__description{color:var(--db-text-secondary);line-height:1.6;margin:0 0 var(--db-margin-m) 0}.designbase-card__body{color:var(--db-text-primary);line-height:1.6;margin-bottom:var(--db-margin-m)}.designbase-card__tags{display:flex;flex-wrap:wrap;gap:var(--db-gap-xs);margin-bottom:var(--db-margin-m)}.designbase-card__tag{background-color:var(--db-blue-50);border-radius:var(--db-radius-sm);color:var(--db-blue-600);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-card__meta{color:var(--db-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--db-text-sm);gap:var(--db-gap-s);margin-bottom:var(--db-margin-m)}.designbase-card__meta-item{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-card__meta-label{font-weight:var(--db-weight-medium)}.designbase-card__meta-value{color:var(--db-text-primary)}.designbase-card__actions{border-top:1px solid var(--db-border-primary);display:flex;gap:var(--db-gap-s);margin-top:auto;padding-top:var(--db-padding-m)}.designbase-card__select-overlay{background-color:var(--db-bg-overlay);border-radius:var(--db-radius-sm);left:var(--db-spacing-2);padding:var(--db-padding-xs);position:absolute;top:var(--db-spacing-2);z-index:10}.designbase-card__select-input{cursor:pointer;height:16px;width:16px}.designbase-card__loading-overlay{align-items:center;background-color:var(--db-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.designbase-card__loading-spinner{animation:cardLoadingSpin 1s linear infinite;border-top:3px solid var(--db-border-primary);border:3px solid var(--db-border-primary);border-radius:50%;border-top-color:var(--db-blue-500);height:32px;width:32px}@keyframes cardLoadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.designbase-card--horizontal{flex-direction:column}.designbase-card--horizontal .designbase-card__image--left,.designbase-card--horizontal .designbase-card__image--right{order:-1;width:100%}.designbase-card__actions{flex-direction:column}.designbase-card__actions .designbase-button{width:100%}.designbase-card__meta{flex-direction:column;gap:var(--db-gap-xs)}}.designbase-card--clickable:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-card__image-element:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-card{animation:cardSlideIn .3s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.designbase-reorder{display:flex;flex-direction:column;gap:var(--db-gap-xs);user-select:none}.designbase-reorder--default .designbase-reorder__item{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md)}.designbase-reorder--bordered .designbase-reorder__item{background-color:var(--db-bg-primary);border:2px solid var(--db-border-primary);border-radius:var(--db-radius-lg)}.designbase-reorder--filled .designbase-reorder__item{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md)}.designbase-reorder--minimal .designbase-reorder__item{background-color:transparent;border:none;border-bottom:1px solid var(--db-border-primary);border-radius:0}.designbase-reorder--minimal .designbase-reorder__item:last-child{border-bottom:none}.designbase-reorder--sm .designbase-reorder__item{min-height:40px;padding:var(--db-padding-s)}.designbase-reorder--sm .designbase-reorder__checkbox,.designbase-reorder--sm .designbase-reorder__drag-handle{height:var(--db-size-md);width:var(--db-size-md)}.designbase-reorder--md .designbase-reorder__item{min-height:56px;padding:var(--db-padding-m)}.designbase-reorder--md .designbase-reorder__checkbox,.designbase-reorder--md .designbase-reorder__drag-handle{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-reorder--lg .designbase-reorder__item{min-height:72px;padding:var(--db-padding-l)}.designbase-reorder--lg .designbase-reorder__checkbox,.designbase-reorder--lg .designbase-reorder__drag-handle{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-reorder--horizontal{flex-direction:row;gap:var(--db-gap-s)}.designbase-reorder--horizontal .designbase-reorder__item{flex:1;min-width:120px}.designbase-reorder--full-width{width:100%}.designbase-reorder--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-reorder--disabled .designbase-reorder__item{cursor:not-allowed}.designbase-reorder--dragging .designbase-reorder__item{transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder--dragging .designbase-reorder__item:not(.designbase-reorder__item--dragged){transition:transform .15s ease,opacity .15s ease}.designbase-reorder--selectable .designbase-reorder__item{cursor:pointer}.designbase-reorder__item{align-items:center;cursor:grab;display:flex;gap:var(--db-gap-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__item:hover{background-color:var(--db-bg-secondary);box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-reorder__item:active{cursor:grabbing;transform:translateY(0)}.designbase-reorder__item--selected{background-color:var(--db-blue-100);border-color:var(--db-blue-600)}.designbase-reorder__item--selected:hover{background-color:var(--db-blue-200)}.designbase-reorder__item--dragged{box-shadow:var(--db-shadow-lg);cursor:grabbing;opacity:var(--db-opacity-30);position:relative;transform:none;z-index:1000}.designbase-reorder__item--dragged:hover{transform:none}.designbase-reorder__item--dragged:before{background-color:var(--db-bg-secondary);border:2px dashed var(--db-blue-600);border-radius:inherit;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.designbase-reorder__item--drag-over{background-color:var(--db-blue-100);border-color:var(--db-blue-600);position:relative;transform:translateY(4px);transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__item--drag-over:after{background-color:var(--db-blue-600);border-radius:2px;content:"";height:4px;left:0;opacity:var(--db-opacity-80);position:absolute;right:0;top:-2px}.designbase-reorder__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-reorder__item--disabled:hover{background-color:inherit;box-shadow:none;transform:none}.designbase-reorder__drag-handle{align-items:center;color:var(--db-text-secondary);cursor:grab;display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__drag-handle:hover{color:var(--db-blue-600)}.designbase-reorder__drag-handle:active{cursor:grabbing}.designbase-reorder__drag-handle svg{height:100%;width:100%}.designbase-reorder__checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-reorder__checkbox-input{accent-color:var(--db-blue-600);cursor:pointer;height:16px;width:16px}.designbase-reorder__content{color:var(--db-text-primary);flex:1;line-height:1.5;min-width:0}@media (max-width:768px){.designbase-reorder--horizontal{flex-direction:column;gap:var(--db-gap-xs)}.designbase-reorder--horizontal .designbase-reorder__item{min-width:auto}.designbase-reorder__item{min-height:48px;padding:var(--db-padding-s)}.designbase-reorder__checkbox,.designbase-reorder__drag-handle{height:18px;width:18px}}.designbase-reorder__item:focus-visible{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-reorder__drag-handle:focus-visible{border-radius:var(--db-radius-sm);outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-reorder__checkbox-input:focus-visible{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-reorder__item{animation:reorderItemSlideIn .3s ease}@keyframes reorderItemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.designbase-reorder--dragging body{overflow:hidden}@media (hover:none) and (pointer:coarse){.designbase-reorder__item{min-height:60px}.designbase-reorder__checkbox,.designbase-reorder__drag-handle{min-height:44px;min-width:44px}}.designbase-scroll-area{box-sizing:border-box;overflow:hidden;position:relative}.designbase-scroll-area--full-width{width:100%}.designbase-scroll-area--full-height{height:100%}.designbase-scroll-area--direction-vertical{overflow-x:hidden;overflow-y:auto}.designbase-scroll-area--direction-horizontal{overflow-x:auto;overflow-y:hidden}.designbase-scroll-area--direction-both{overflow:auto}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-track{background:var(--scrollbar-track-color,var(--db-border-muted));border-radius:var(--db-radius-sm)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--db-border-primary));border-radius:var(--db-radius-sm)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--db-border-primary)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-corner{background:var(--scrollbar-track-color,var(--db-border-muted))}.designbase-scroll-area--scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.designbase-scroll-area--scrollbar-none::-webkit-scrollbar{display:none}.designbase-scroll-area--always-show::-webkit-scrollbar{-webkit-appearance:none}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:8px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:8px}.designbase-scroll-area--always-show::-webkit-scrollbar-track{background:var(--scrollbar-track-color,var(--db-border-muted));border-radius:var(--db-radius-sm)}.designbase-scroll-area--always-show::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--db-border-primary));border-radius:var(--db-radius-sm)}.designbase-scroll-area--always-show::-webkit-scrollbar-thumb:hover{background:var(--db-border-primary)}.designbase-scroll-area__content{box-sizing:border-box;height:100%;width:100%}@media (max-width:768px){.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:4px;width:4px}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:6px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:6px}}@media (max-width:480px){.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:3px;width:3px}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:4px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:4px}}.designbase-split-view{box-sizing:border-box;display:flex;position:relative}.designbase-split-view--full-width{width:100%}.designbase-split-view--full-height{height:100%}.designbase-split-view--dragging{cursor:col-resize}.designbase-split-view--dragging *{pointer-events:none}.designbase-split-view--dragging .designbase-split-view__splitter{pointer-events:auto}.designbase-split-view--direction-horizontal{flex-direction:row}.designbase-split-view--direction-horizontal .designbase-split-view__first{flex-shrink:0;min-width:0;width:var(--split-value)}.designbase-split-view--direction-horizontal .designbase-split-view__second{flex:1;min-width:0}.designbase-split-view--direction-horizontal .designbase-split-view__splitter{cursor:col-resize;flex-shrink:0;width:var(--splitter-size,4px)}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:hover{background-color:var(--splitter-hover-color,var(--db-border-primary))}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:before{background-color:var(--splitter-color,var(--db-border-primary));border-radius:1px;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.designbase-split-view--direction-vertical{flex-direction:column}.designbase-split-view--direction-vertical .designbase-split-view__first{flex-shrink:0;height:var(--split-value);min-height:0}.designbase-split-view--direction-vertical .designbase-split-view__second{flex:1;min-height:0}.designbase-split-view--direction-vertical .designbase-split-view__splitter{cursor:row-resize;flex-shrink:0;height:var(--splitter-size,4px)}.designbase-split-view--direction-vertical .designbase-split-view__splitter:hover{background-color:var(--splitter-hover-color,var(--db-border-primary))}.designbase-split-view--direction-vertical .designbase-split-view__splitter:before{background-color:var(--splitter-color,var(--db-border-primary));border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.designbase-split-view__first,.designbase-split-view__second{box-sizing:border-box;overflow:hidden}.designbase-split-view__splitter{background-color:var(--splitter-color,var(--db-border-muted));position:relative;transition:background-color .2s ease;z-index:10}.designbase-split-view__splitter:active,.designbase-split-view__splitter:hover{background-color:var(--splitter-hover-color,var(--db-border-primary))}@media (max-width:768px){.designbase-split-view--direction-horizontal .designbase-split-view__splitter{width:6px}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:before{height:16px;width:3px}.designbase-split-view--direction-vertical .designbase-split-view__splitter{height:6px}.designbase-split-view--direction-vertical .designbase-split-view__splitter:before{height:3px;width:16px}}@media (max-width:480px){.designbase-split-view--direction-horizontal .designbase-split-view__splitter{width:8px}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:before{height:12px;width:4px}.designbase-split-view--direction-vertical .designbase-split-view__splitter{height:8px}.designbase-split-view--direction-vertical .designbase-split-view__splitter:before{height:4px;width:12px}}.designbase-section{box-sizing:border-box;display:flex;flex-direction:column}.designbase-section--full-width{width:100%}.designbase-section--full-height{height:100%}.designbase-section--no-padding .designbase-section__content{padding:0}.designbase-section--size-sm .designbase-section__content,.designbase-section--size-sm .designbase-section__footer,.designbase-section--size-sm .designbase-section__header{padding:var(--db-padding-s)}.designbase-section--size-sm .designbase-section__title{font-size:var(--db-text-lg);line-height:var(--db-leading-snug)}.designbase-section--size-sm .designbase-section__subtitle{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-section--size-md .designbase-section__content,.designbase-section--size-md .designbase-section__footer,.designbase-section--size-md .designbase-section__header{padding:var(--db-padding-m)}.designbase-section--size-md .designbase-section__title{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-section--size-md .designbase-section__subtitle{font-size:var(--db-text-lg);line-height:var(--db-leading-snug)}.designbase-section--size-lg .designbase-section__content,.designbase-section--size-lg .designbase-section__footer,.designbase-section--size-lg .designbase-section__header{padding:var(--db-padding-l)}.designbase-section--size-lg .designbase-section__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight)}.designbase-section--size-lg .designbase-section__subtitle{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-section--size-xl .designbase-section__content,.designbase-section--size-xl .designbase-section__footer,.designbase-section--size-xl .designbase-section__header{padding:var(--db-padding-xl)}.designbase-section--size-xl .designbase-section__title{font-size:var(--db-text-3xl);line-height:var(--db-leading-tight)}.designbase-section--size-xl .designbase-section__subtitle{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight)}.designbase-section--variant-default{background-color:transparent;border:none;border-radius:0;box-shadow:none}.designbase-section--variant-elevated{background-color:var(--db-bg-primary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-sm)}.designbase-section--variant-outlined{background-color:transparent;border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:none}.designbase-section--variant-filled{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-md);box-shadow:none}.designbase-section__header{align-items:flex-start;border-bottom:1px solid var(--db-border-secondary);display:flex;gap:var(--db-gap-md);justify-content:space-between;margin-bottom:0}.designbase-section--variant-default .designbase-section__header{border-bottom:none}.designbase-section__title-area{flex:1;min-width:0}.designbase-section__title{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-section__subtitle{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);margin:0 0 var(--db-margin-xs) 0}.designbase-section__description{color:var(--db-text-muted);font-size:var(--db-text-sm);line-height:var(--db-leading-relaxed);margin:0}.designbase-section__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-sm)}.designbase-section__content{flex:1;min-height:0}.designbase-section__footer{align-items:center;border-top:1px solid var(--db-border-secondary);display:flex;gap:var(--db-gap-md);justify-content:space-between;margin-top:auto}.designbase-section--variant-default .designbase-section__footer{border-top:none}@media (max-width:768px){.designbase-section__header{align-items:flex-start;flex-direction:column;gap:var(--db-margin-s)}.designbase-section__actions{justify-content:flex-end;width:100%}.designbase-section__footer{align-items:flex-start;flex-direction:column;gap:var(--db-margin-s)}}@media (max-width:480px){.designbase-section--size-lg .designbase-section__content,.designbase-section--size-lg .designbase-section__footer,.designbase-section--size-lg .designbase-section__header{padding:var(--db-padding-m)}.designbase-section--size-xl .designbase-section__content,.designbase-section--size-xl .designbase-section__footer,.designbase-section--size-xl .designbase-section__header{padding:var(--db-padding-l)}}.designbase-timeline{position:relative;width:100%}.designbase-timeline__container{align-items:center;display:flex;flex-direction:column;position:relative}.designbase-timeline__container:before{background-color:var(--db-border-muted);bottom:0;content:"";left:50%;opacity:.3;position:absolute;top:0;transform:translateX(-50%);width:1px}.designbase-timeline__item{align-items:flex-start;display:flex;margin-bottom:2rem;position:relative;width:100%}.designbase-timeline__item:last-child{margin-bottom:0}.designbase-timeline__item--left{flex-direction:row}.designbase-timeline__item--left .designbase-timeline__content{margin-right:2rem;text-align:right}.designbase-timeline__item--left .designbase-timeline__separator{order:2}.designbase-timeline__item--right{flex-direction:row-reverse}.designbase-timeline__item--right .designbase-timeline__content{margin-left:2rem;text-align:left}.designbase-timeline__item--right .designbase-timeline__separator{order:1}.designbase-timeline__item--clickable{cursor:pointer}.designbase-timeline__item--clickable .designbase-timeline__content-inner,.designbase-timeline__item--clickable .designbase-timeline__dot{transition:all .2s ease}.designbase-timeline__item--clickable .designbase-timeline__content-inner:hover,.designbase-timeline__item--clickable .designbase-timeline__dot:hover{transform:scale(1.05)}.designbase-timeline__item--disabled{opacity:.5;pointer-events:none}.designbase-timeline__content{flex:1;max-width:45%}.designbase-timeline__content-inner{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-sm);padding:1rem}.designbase-timeline__content-inner:hover{box-shadow:var(--db-shadow-md)}.designbase-timeline__content--left .designbase-timeline__timestamp{text-align:right}.designbase-timeline__content--right .designbase-timeline__timestamp{text-align:left}.designbase-timeline__timestamp{color:var(--db-text-secondary);font-size:var(--db-text-sm);font-weight:500;margin-bottom:.5rem}.designbase-timeline__title{color:var(--db-text-primary);font-size:var(--db-text-lg);font-weight:600;line-height:1.4;margin:0 0 .5rem}.designbase-timeline__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:1.5;margin:0}.designbase-timeline__separator{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.designbase-timeline__dot{align-items:center;background-color:var(--db-bg-primary);border:2px solid var(--db-border-primary);border-radius:50%;box-shadow:var(--db-shadow-sm);display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.designbase-timeline__dot-inner{background-color:var(--db-color-primary);border-radius:50%;height:.75rem;width:.75rem}.designbase-timeline__dot--clickable{cursor:pointer}.designbase-timeline__dot--clickable:hover{box-shadow:var(--db-shadow-md);transform:scale(1.1)}.designbase-timeline__dot--primary{border-color:var(--db-color-primary)}.designbase-timeline__dot--primary .designbase-timeline__dot-inner{background-color:var(--db-color-primary)}.designbase-timeline__dot--secondary{border-color:var(--db-color-secondary)}.designbase-timeline__dot--secondary .designbase-timeline__dot-inner{background-color:var(--db-color-secondary)}.designbase-timeline__dot--success{border-color:var(--db-border-success)}.designbase-timeline__dot--success .designbase-timeline__dot-inner{background-color:var(--db-text-success)}.designbase-timeline__dot--warning{border-color:var(--db-border-warning)}.designbase-timeline__dot--warning .designbase-timeline__dot-inner{background-color:var(--db-text-warning)}.designbase-timeline__dot--error{border-color:var(--db-border-error)}.designbase-timeline__dot--error .designbase-timeline__dot-inner{background-color:var(--db-text-error)}.designbase-timeline__dot--info{border-color:var(--db-blue-600)}.designbase-timeline__dot--info .designbase-timeline__dot-inner{background-color:var(--db-blue-600)}.designbase-timeline__dot--default{border-color:var(--db-border-primary)}.designbase-timeline__dot--default .designbase-timeline__dot-inner{background-color:var(--db-text-secondary)}.designbase-timeline__dot--outlined,.designbase-timeline__dot--outlined .designbase-timeline__dot-inner{background-color:transparent}.designbase-timeline__dot--filled .designbase-timeline__dot-inner{background-color:var(--db-bg-primary)}.designbase-timeline__icon{align-items:center;color:inherit;display:flex;height:1rem;justify-content:center;width:1rem}.designbase-timeline__connector{background-color:var(--db-border-primary);height:2rem;margin-top:.5rem;width:2px}.designbase-timeline--sm .designbase-timeline__dot{height:1.5rem;width:1.5rem}.designbase-timeline--sm .designbase-timeline__dot .designbase-timeline__dot-inner{height:.5rem;width:.5rem}.designbase-timeline--sm .designbase-timeline__title{font-size:var(--db-text-base)}.designbase-timeline--sm .designbase-timeline__description{font-size:var(--db-text-sm)}.designbase-timeline--lg .designbase-timeline__dot{height:2.5rem;width:2.5rem}.designbase-timeline--lg .designbase-timeline__dot .designbase-timeline__dot-inner{height:1rem;width:1rem}.designbase-timeline--lg .designbase-timeline__description,.designbase-timeline--lg .designbase-timeline__title{font-size:var(--db-text-lg)}.designbase-timeline--left .designbase-timeline__container:before{left:2rem;transform:none}.designbase-timeline--left .designbase-timeline__item{flex-direction:row}.designbase-timeline--left .designbase-timeline__item .designbase-timeline__content{margin-right:2rem;max-width:calc(100% - 4rem);text-align:left}.designbase-timeline--left .designbase-timeline__item .designbase-timeline__separator{order:2}.designbase-timeline--right .designbase-timeline__container:before{left:auto;right:2rem;transform:none}.designbase-timeline--right .designbase-timeline__item{flex-direction:row-reverse}.designbase-timeline--right .designbase-timeline__item .designbase-timeline__content{margin-left:2rem;max-width:calc(100% - 4rem);text-align:right}.designbase-timeline--right .designbase-timeline__item .designbase-timeline__separator{order:1}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n){flex-direction:row-reverse}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n) .designbase-timeline__content{margin-left:2rem;margin-right:0;text-align:left}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n) .designbase-timeline__separator{order:1}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd){flex-direction:row-reverse}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd) .designbase-timeline__content{margin-left:2rem;margin-right:0;text-align:left}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd) .designbase-timeline__separator{order:1}.designbase-timeline--full-width .designbase-timeline__content{max-width:40%}.designbase-timeline--full-width.designbase-timeline--left .designbase-timeline__content,.designbase-timeline--full-width.designbase-timeline--right .designbase-timeline__content{max-width:calc(100% - 4rem)}@media (max-width:768px){.designbase-timeline__container:before{left:1rem;transform:none}.designbase-timeline__item{flex-direction:row!important}.designbase-timeline__item .designbase-timeline__content{margin-left:0!important;margin-right:1.5rem!important;max-width:calc(100% - 3rem)!important;text-align:left!important}.designbase-timeline__item .designbase-timeline__separator{order:2!important}.designbase-timeline__content-inner{padding:.75rem}.designbase-timeline__title{font-size:var(--db-text-base)}.designbase-timeline__description{font-size:var(--db-text-sm)}}.designbase-progress-step{display:flex;flex-direction:column;gap:var(--db-gap-m)}.designbase-progress-step--default .designbase-progress-step__indicator{background-color:var(--db-bg-primary);border:2px solid var(--db-border-primary);color:var(--db-text-primary)}.designbase-progress-step--outlined .designbase-progress-step__indicator{background-color:transparent;border:2px solid var(--db-border-primary);color:var(--db-text-primary)}.designbase-progress-step--filled .designbase-progress-step__indicator{background-color:var(--db-bg-secondary);border:2px solid var(--db-border-primary);color:var(--db-text-primary)}.designbase-progress-step--minimal .designbase-progress-step__indicator{background-color:transparent;border:none;color:var(--db-text-primary)}.designbase-progress-step--sm .designbase-progress-step__indicator{font-size:var(--db-font-xs);height:var(--db-size-md);width:var(--db-size-md)}.designbase-progress-step--sm .designbase-progress-step__connector{margin-left:11px;width:2px}.designbase-progress-step--sm .designbase-progress-step__title{font-size:var(--db-font-sm)}.designbase-progress-step--sm .designbase-progress-step__description{font-size:var(--db-font-xs)}.designbase-progress-step--md .designbase-progress-step__indicator{font-size:var(--db-font-sm);height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-progress-step--md .designbase-progress-step__connector{margin-left:15px;width:2px}.designbase-progress-step--md .designbase-progress-step__title{font-size:var(--db-font-md)}.designbase-progress-step--md .designbase-progress-step__description{font-size:var(--db-font-sm)}.designbase-progress-step--lg .designbase-progress-step__indicator{font-size:var(--db-font-md);height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-progress-step--lg .designbase-progress-step__connector{margin-left:18.5px;width:3px}.designbase-progress-step--lg .designbase-progress-step__title{font-size:var(--db-font-lg)}.designbase-progress-step--lg .designbase-progress-step__description{font-size:var(--db-font-md)}.designbase-progress-step--vertical .designbase-progress-step__item{align-items:flex-start;display:flex;gap:var(--db-gap-m)}.designbase-progress-step--vertical .designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.designbase-progress-step--vertical .designbase-progress-step__connector{height:var(--db-spacing-24);margin-top:var(--db-margin-xs)}.designbase-progress-step--horizontal{align-items:center;flex-direction:row;gap:var(--db-gap-s)}.designbase-progress-step--horizontal .designbase-progress-step__item{align-items:center;display:flex;flex:1;flex-direction:column;text-align:center}.designbase-progress-step--horizontal .designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:row;width:100%}.designbase-progress-step--horizontal .designbase-progress-step__connector{flex:1;height:2px;margin:0 var(--db-margin-s)}.designbase-progress-step--horizontal .designbase-progress-step__content{margin-top:var(--db-margin-s);width:100%}.designbase-progress-step--alternating .designbase-progress-step__item{align-items:flex-start;display:flex;gap:var(--db-gap-m)}.designbase-progress-step--alternating .designbase-progress-step__item:nth-child(2n){flex-direction:row-reverse;text-align:right}.designbase-progress-step--alternating .designbase-progress-step__item:nth-child(2n) .designbase-progress-step__content{text-align:right}.designbase-progress-step--alternating .designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.designbase-progress-step--alternating .designbase-progress-step__connector{height:var(--db-spacing-24);margin-top:var(--db-margin-xs)}.designbase-progress-step--full-width,.designbase-progress-step--full-width .designbase-progress-step__item{width:100%}.designbase-progress-step--clickable .designbase-progress-step__item--clickable{cursor:pointer}.designbase-progress-step--clickable .designbase-progress-step__item--clickable:hover .designbase-progress-step__indicator{transform:scale(1.05)}.designbase-progress-step--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-progress-step__item{position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-progress-step__item--pending .designbase-progress-step__indicator{background-color:var(--db-bg-primary);border-color:var(--db-border-primary);color:var(--db-text-muted)}.designbase-progress-step__item--pending .designbase-progress-step__connector{background-color:var(--db-border-primary)}.designbase-progress-step__item--active .designbase-progress-step__indicator{background-color:var(--db-blue-600);border-color:var(--db-blue-600);box-shadow:0 0 0 4px rgba(0,123,255,.2);color:var(--db-neutral-white)}.designbase-progress-step__item--active .designbase-progress-step__connector{background-color:var(--db-blue-600)}.designbase-progress-step__item--active .designbase-progress-step__title{color:var(--db-blue-600);font-weight:var(--db-weight-bold)}.designbase-progress-step__item--completed .designbase-progress-step__indicator{background-color:var(--db-green-600);border-color:var(--db-green-600);color:var(--db-neutral-white)}.designbase-progress-step__item--completed .designbase-progress-step__connector{background-color:var(--db-green-600)}.designbase-progress-step__item--completed .designbase-progress-step__title{color:var(--db-green-600)}.designbase-progress-step__item--error .designbase-progress-step__indicator{background-color:var(--db-red-600);border-color:var(--db-red-600);color:var(--db-neutral-white)}.designbase-progress-step__item--error .designbase-progress-step__connector{background-color:var(--db-red-600)}.designbase-progress-step__item--error .designbase-progress-step__title{color:var(--db-red-600)}.designbase-progress-step__item--disabled{opacity:var(--db-opacity-50);pointer-events:none}.designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;position:relative}.designbase-progress-step__indicator{align-items:center;border-radius:50%;display:flex;font-weight:var(--db-weight-bold);justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:2}.designbase-progress-step__connector{background-color:var(--db-border-primary);position:relative;transition:background-color var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-progress-step__content{flex:1;min-width:0}.designbase-progress-step__header{align-items:flex-start;display:flex;gap:var(--db-gap-s);justify-content:space-between;margin-bottom:var(--db-margin-xs)}.designbase-progress-step__title{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);line-height:1.4;margin:0}.designbase-progress-step__timestamp{color:var(--db-text-muted);flex-shrink:0;font-size:var(--db-font-xs);white-space:nowrap}.designbase-progress-step__description{color:var(--db-text-muted);line-height:1.5;margin:0}.designbase-progress-step__icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-progress-step__icon svg{fill:currentColor;height:60%;width:60%}.designbase-progress-step__number{font-weight:var(--db-weight-bold)}@media (max-width:768px){.designbase-progress-step--horizontal{flex-direction:column;gap:var(--db-gap-m)}.designbase-progress-step--horizontal .designbase-progress-step__item{flex-direction:row;text-align:left;width:100%}.designbase-progress-step--horizontal .designbase-progress-step__indicator-container{flex-direction:column;width:auto}.designbase-progress-step--horizontal .designbase-progress-step__connector{flex:none;height:var(--db-spacing-24);margin:var(--db-margin-xs) 0 0 0}.designbase-progress-step--horizontal .designbase-progress-step__content{margin-left:var(--db-margin-m);margin-top:0}.designbase-progress-step--alternating .designbase-progress-step__item{flex-direction:row!important;text-align:left!important}.designbase-progress-step--alternating .designbase-progress-step__item .designbase-progress-step__content{text-align:left!important}}.designbase-progress-step__indicator:focus-visible{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-progress-step__item{animation:progressStepSlideIn .3s ease}@keyframes progressStepSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.designbase-progress-step__indicator{min-height:44px;min-width:44px}}.designbase-stat{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);display:flex;font-family:var(--db-font-family);gap:var(--db-gap-sm);padding:var(--db-padding-md);transition:all .2s ease}.designbase-stat--size-sm{gap:var(--db-gap-xs);padding:var(--db-padding-sm)}.designbase-stat--size-sm .designbase-stat__value{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold)}.designbase-stat--size-sm .designbase-stat__label{font-size:var(--db-text-sm)}.designbase-stat--size-sm .designbase-stat__icon{font-size:var(--db-text-base)}.designbase-stat--size-md{gap:var(--db-gap-sm);padding:var(--db-padding-md)}.designbase-stat--size-md .designbase-stat__value{font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold)}.designbase-stat--size-md .designbase-stat__label{font-size:var(--db-text-base)}.designbase-stat--size-md .designbase-stat__icon{font-size:var(--db-text-xl)}.designbase-stat--size-lg{gap:var(--db-gap-md);padding:var(--db-padding-lg)}.designbase-stat--size-lg .designbase-stat__value{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-stat--size-lg .designbase-stat__label{font-size:var(--db-text-lg)}.designbase-stat--size-lg .designbase-stat__icon{font-size:var(--db-text-2xl)}.designbase-stat--size-xl{gap:var(--db-gap-lg);padding:var(--db-padding-xl)}.designbase-stat--size-xl .designbase-stat__value{font-size:var(--db-text-3xl);font-weight:var(--db-weight-bold)}.designbase-stat--size-xl .designbase-stat__label{font-size:var(--db-text-xl)}.designbase-stat--size-xl .designbase-stat__icon{font-size:var(--db-text-3xl)}.designbase-stat--variant-minimal{background:transparent;border:none;padding:var(--db-padding-xs)}.designbase-stat--variant-minimal .designbase-stat__label,.designbase-stat--variant-minimal .designbase-stat__value{opacity:.8}.designbase-stat--variant-card{border:1px solid var(--db-border-primary);box-shadow:var(--db-shadow-sm)}.designbase-stat--variant-colored{border:none;color:var(--db-text-inverse)}.designbase-stat--variant-colored .designbase-stat__change,.designbase-stat--variant-colored .designbase-stat__description,.designbase-stat--variant-colored .designbase-stat__icon,.designbase-stat--variant-colored .designbase-stat__label,.designbase-stat--variant-colored .designbase-stat__value{color:var(--db-text-inverse)}.designbase-stat--layout-horizontal{align-items:center;flex-direction:row}.designbase-stat--layout-vertical{align-items:flex-start;flex-direction:column;text-align:left}.designbase-stat--layout-reverse{align-items:center;flex-direction:row-reverse}.designbase-stat--color-primary{--stat-color:var(--db-blue-600)}.designbase-stat--color-secondary{--stat-color:var(--db-text-secondary)}.designbase-stat--color-success{--stat-color:var(--db-green-600)}.designbase-stat--color-warning{--stat-color:var(--db-yellow-600)}.designbase-stat--color-error{--stat-color:var(--db-red-600)}.designbase-stat--color-info{--stat-color:var(--db-blue-700)}.designbase-stat--clickable{cursor:pointer}.designbase-stat--clickable:hover{box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.designbase-stat--clickable:active{transform:translateY(0)}.designbase-stat--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-stat--animated .designbase-stat__value{animation:stat-pulse 2s infinite}.designbase-stat--with-progress{align-items:flex-start;flex-direction:column;gap:var(--db-gap-sm)}.designbase-stat--with-change .designbase-stat__content,.designbase-stat--with-description .designbase-stat__content{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-stat__icon{align-items:center;color:var(--stat-color,var(--db-blue-600));display:flex;flex-shrink:0;justify-content:center}.designbase-stat__icon--left{order:1}.designbase-stat__icon--right{order:3}.designbase-stat__content{flex:1;min-width:0}.designbase-stat__main{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-stat__value{color:var(--stat-color,var(--db-text-primary));line-height:1.2}.designbase-stat__label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);line-height:1.4}.designbase-stat__change{font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-stat__change--increase{color:var(--db-green-600)}.designbase-stat__change--decrease{color:var(--db-red-600)}.designbase-stat__description{color:var(--db-text-muted);font-size:var(--db-text-sm);line-height:1.4}.designbase-stat__progress{background:var(--db-border-muted);border-radius:var(--db-radius-sm);height:4px;overflow:hidden;width:100%}.designbase-stat__progress-bar{background:var(--stat-color,var(--db-blue-600));border-radius:var(--db-radius-sm);height:100%;transition:width .3s ease}@keyframes stat-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.designbase-stat--size-lg{gap:var(--db-gap-sm);padding:var(--db-padding-md)}.designbase-stat--size-lg .designbase-stat__value{font-size:var(--db-text-xl)}.designbase-stat--size-lg .designbase-stat__label{font-size:var(--db-text-base)}.designbase-stat--size-lg .designbase-stat__icon{font-size:var(--db-text-xl)}.designbase-stat--size-xl{gap:var(--db-gap-md);padding:var(--db-padding-lg)}.designbase-stat--size-xl .designbase-stat__value{font-size:var(--db-text-2xl)}.designbase-stat--size-xl .designbase-stat__label{font-size:var(--db-text-lg)}.designbase-stat--size-xl .designbase-stat__icon{font-size:var(--db-text-2xl)}.designbase-stat--layout-vertical{align-items:center;text-align:center}}@media (max-width:480px){.designbase-stat--size-md{gap:var(--db-gap-xs);padding:var(--db-padding-sm)}.designbase-stat--size-md .designbase-stat__value{font-size:var(--db-text-lg)}.designbase-stat--size-md .designbase-stat__label{font-size:var(--db-text-sm)}.designbase-stat--size-md .designbase-stat__icon{font-size:var(--db-text-base)}.designbase-stat--layout-reverse{align-items:flex-start;flex-direction:column;text-align:left}}.designbase-rating{align-items:center;display:inline-flex;font-family:var(--db-font-primary)}.designbase-rating,.designbase-rating--size-xs{gap:var(--db-gap-xs)}.designbase-rating--size-xs .designbase-rating__star{font-size:12px}.designbase-rating--size-xs .designbase-rating__number,.designbase-rating--size-xs .designbase-rating__review-count{font-size:var(--db-text-xs)}.designbase-rating--size-sm{gap:var(--db-gap-sm)}.designbase-rating--size-sm .designbase-rating__star{font-size:16px}.designbase-rating--size-sm .designbase-rating__number,.designbase-rating--size-sm .designbase-rating__review-count{font-size:var(--db-text-sm)}.designbase-rating--size-md{gap:var(--db-gap-sm)}.designbase-rating--size-md .designbase-rating__star{font-size:20px}.designbase-rating--size-md .designbase-rating__number,.designbase-rating--size-md .designbase-rating__review-count{font-size:var(--db-text-base)}.designbase-rating--size-lg{gap:var(--db-gap-md)}.designbase-rating--size-lg .designbase-rating__star{font-size:24px}.designbase-rating--size-lg .designbase-rating__number,.designbase-rating--size-lg .designbase-rating__review-count{font-size:var(--db-text-lg)}.designbase-rating--size-xl{gap:var(--db-gap-md)}.designbase-rating--size-xl .designbase-rating__star{font-size:32px}.designbase-rating--size-xl .designbase-rating__number,.designbase-rating--size-xl .designbase-rating__review-count{font-size:var(--db-text-xl)}.designbase-rating--variant-minimal .designbase-rating__star{opacity:.7}.designbase-rating--variant-minimal .designbase-rating__number,.designbase-rating--variant-minimal .designbase-rating__review-count{opacity:.8}.designbase-rating--variant-card{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-sm);padding:var(--db-padding-md)}.designbase-rating--variant-inline{align-items:center;display:inline-flex;gap:var(--db-gap-xs)}.designbase-rating--variant-large{align-items:center;flex-direction:column;gap:var(--db-gap-md);text-align:center}.designbase-rating--variant-large .designbase-rating__stars{justify-content:center}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-rating--variant-large .designbase-rating__review-count{font-size:var(--db-text-base)}.designbase-rating--type-number .designbase-rating__number{font-weight:var(--db-weight-semibold)}.designbase-rating--type-percentage .designbase-rating__number{color:var(--db-blue-600);font-weight:var(--db-weight-semibold)}.designbase-rating--type-text .designbase-rating__number{font-style:italic}.designbase-rating--display-reviews .designbase-rating__review-count{font-weight:var(--typography-semantic-body-md-font-weight,500)}.designbase-rating--display-detailed{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-rating--display-detailed .designbase-rating__stars{justify-content:flex-start}.designbase-rating--display-detailed .designbase-rating__detailed{width:100%}.designbase-rating--color-primary{--rating-color:var(--db-blue-600)}.designbase-rating--color-secondary{--rating-color:var(--db-text-secondary)}.designbase-rating--color-success{--rating-color:var(--db-green-600)}.designbase-rating--color-warning{--rating-color:var(--db-yellow-600)}.designbase-rating--color-error{--rating-color:var(--db-red-600)}.designbase-rating--readonly .designbase-rating__star{cursor:default;pointer-events:none}.designbase-rating--disabled{opacity:.5;pointer-events:none}.designbase-rating--disabled .designbase-rating__star{cursor:not-allowed}.designbase-rating--clickable .designbase-rating__star{cursor:pointer}.designbase-rating--animated .designbase-rating__star{transition:all .2s ease}.designbase-rating--hovering .designbase-rating__star{transform:scale(1.05)}.designbase-rating__stars{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-rating__star{color:var(--rating-color,var(--db-blue-600));transition:all .2s ease}.designbase-rating__star:hover{transform:scale(1.1)}.designbase-rating__star--clickable{cursor:pointer}.designbase-rating__star--clickable:hover{color:var(--db-blue-700)}.designbase-rating__star--clickable:active{transform:scale(.95)}.designbase-rating__star--animated{animation:rating-pulse .3s ease}.designbase-rating__number-container{align-items:center;display:flex}.designbase-rating__number{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-rating__reviews{align-items:center;display:flex}.designbase-rating__review-count{color:var(--db-text-secondary);font-size:var(--db-text-sm)}.designbase-rating__detailed{width:100%}.designbase-rating__rating-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}@keyframes rating-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.designbase-rating--variant-large{gap:var(--db-gap-s)}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-xl)}.designbase-rating--variant-large .designbase-rating__review-count{font-size:var(--db-text-sm)}.designbase-rating--display-detailed{gap:var(--db-gap-xs)}}@media (max-width:480px){.designbase-rating--size-lg{gap:var(--db-gap-s)}.designbase-rating--size-lg .designbase-rating__star{font-size:20px}.designbase-rating--size-xl{gap:var(--db-gap-s)}.designbase-rating--size-xl .designbase-rating__star{font-size:24px}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-lg)}}.designbase-video-player{background:var(--db-bg-secondary);border-radius:var(--db-radius-lg);font-family:var(--db-font-family);line-height:var(--db-leading-normal);overflow:hidden;position:relative;width:100%}.designbase-video-player--size-sm{height:180px;max-width:320px}.designbase-video-player--size-md{height:360px;max-width:640px}.designbase-video-player--size-lg{height:540px;max-width:960px}.designbase-video-player--size-xl{height:720px;max-width:1280px}.designbase-video-player--theme-light{--video-controls-bg:hsla(0,0%,100%,.9);--video-controls-color:var(--db-text-primary);--video-overlay-bg:rgba(0,0,0,.3)}.designbase-video-player--theme-dark{--video-controls-bg:rgba(0,0,0,.8);--video-controls-color:var(--db-text-inverse);--video-overlay-bg:rgba(0,0,0,.5)}.designbase-video-player--playing .designbase-video-player__center-controls{opacity:0;transform:scale(.8)}.designbase-video-player--paused .designbase-video-player__center-controls{opacity:1;transform:scale(1)}.designbase-video-player--muted .designbase-video-player__volume-slider{opacity:.5}.designbase-video-player--fullscreen{border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.designbase-video-player--fullscreen .designbase-video-player__video{height:100%;object-fit:contain;width:100%}.designbase-video-player--error .designbase-video-player__error,.designbase-video-player--loading .designbase-video-player__loading,.designbase-video-player--show-controls .designbase-video-player__overlay{opacity:1;visibility:visible}.designbase-video-player__video{background:var(--db-bg-primary);cursor:pointer;height:100%;object-fit:cover;width:100%}.designbase-video-player__loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__loading .designbase-video-player__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--db-border-secondary);border:3px solid var(--db-border-secondary);border-radius:50%;border-top-color:var(--db-blue-600);height:40px;width:40px}.designbase-video-player__error{background:var(--video-overlay-bg);border-radius:var(--db-radius-md);color:var(--db-text-inverse);left:50%;opacity:0;padding:var(--db-padding-lg);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__error p{font-size:var(--db-text-base);margin:0 0 var(--db-margin-md) 0}.designbase-video-player__error button{background:var(--db-blue-600);border:none;border-radius:var(--db-radius-sm);color:var(--db-white);cursor:pointer;font-size:var(--db-text-sm);padding:var(--db-padding-sm) var(--db-padding-md);transition:background-color .2s ease}.designbase-video-player__error button:hover{background:var(--db-blue-700)}.designbase-video-player__overlay{background:linear-gradient(to bottom,transparent 0,transparent 60%,var(--video-overlay-bg) 100%);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--db-padding-md);position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:5}.designbase-video-player__top-controls{align-items:flex-start;color:var(--video-controls-color);display:flex;justify-content:space-between}.designbase-video-player__title h3{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-video-player__title p{font-size:var(--db-text-sm);margin:0;opacity:.8}.designbase-video-player__settings{position:relative}.designbase-video-player__settings .designbase-video-player__settings-button{background:none;border:none;border-radius:var(--db-radius-sm);color:var(--video-controls-color);cursor:pointer;padding:var(--db-padding-xs);transition:background-color .2s ease}.designbase-video-player__settings .designbase-video-player__settings-button:hover{background:hsla(0,0%,100%,.1)}.designbase-video-player__settings .designbase-video-player__settings-menu{background:var(--video-controls-bg);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);min-width:200px;padding:var(--db-padding-md);position:absolute;right:0;top:100%;z-index:20}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group{margin-bottom:var(--db-margin-sm)}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group:last-child{margin-bottom:0}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group label{color:var(--video-controls-color);display:block;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group select{background:var(--db-bg-primary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-sm);color:var(--db-text-primary);font-size:var(--db-text-sm);padding:var(--db-padding-xs) var(--db-padding-sm);width:100%}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group select:focus{border-color:var(--db-blue-600);outline:none}.designbase-video-player__center-controls{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.designbase-video-player__play-button{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:var(--db-white);cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .2s ease;width:80px}.designbase-video-player__play-button:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.designbase-video-player__bottom-controls{color:var(--video-controls-color)}.designbase-video-player__progress{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;margin-bottom:var(--db-margin-sm);position:relative;transition:height .2s ease}.designbase-video-player__progress:hover{height:6px}.designbase-video-player__progress .designbase-video-player__progress-bar{background:var(--db-blue-600);border-radius:2px;height:100%;transition:width .1s ease}.designbase-video-player__progress .designbase-video-player__progress-handle{background:var(--db-blue-600);border-radius:50%;height:12px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px}.designbase-video-player__progress:hover .designbase-video-player__progress-handle{opacity:1}.designbase-video-player__controls{align-items:center;display:flex;gap:var(--db-gap-sm);justify-content:space-between}.designbase-video-player__left-controls,.designbase-video-player__right-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-video-player__control-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--video-controls-color);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-xs);transition:all .2s ease}.designbase-video-player__control-button:hover{background:hsla(0,0%,100%,.1)}.designbase-video-player__control-button:disabled{cursor:not-allowed;opacity:.5}.designbase-video-player__control-button:disabled:hover{background:none}.designbase-video-player__volume{align-items:center;display:flex;position:relative}.designbase-video-player__volume .designbase-video-player__volume-slider{background:var(--video-controls-bg);border-radius:var(--db-radius-md);bottom:100%;left:50%;margin-bottom:var(--db-margin-xs);opacity:0;padding:var(--db-padding-sm);position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:10}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--db-blue-600);border-radius:50%;cursor:pointer;height:12px;width:12px}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]::-moz-range-thumb{background:var(--db-blue-600);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.designbase-video-player__volume:hover .designbase-video-player__volume-slider{opacity:1;visibility:visible}.designbase-video-player__time{font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);opacity:.9}.designbase-video-player__playlist-controls{align-items:center;display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs)}@media (max-width:768px){.designbase-video-player--size-md{height:200px;max-width:100%}.designbase-video-player--size-lg{height:300px;max-width:100%}.designbase-video-player--size-xl{height:400px;max-width:100%}.designbase-video-player__play-button{height:60px;width:60px}.designbase-video-player__settings-menu{min-width:150px}.designbase-video-player__volume-slider input[type=range]{width:60px}}.designbase-video-player:focus-within{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-audio-player{background:var(--db-bg-primary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-sm);font-family:var(--db-font-primary);line-height:var(--db-leading-normal);padding:var(--db-padding-m);position:relative;transition:all .3s ease;width:100%}.designbase-audio-player--size-sm{max-width:300px;padding:var(--db-padding-s)}.designbase-audio-player--size-md{max-width:400px;padding:var(--db-padding-m)}.designbase-audio-player--size-lg{max-width:500px;padding:var(--db-padding-l)}.designbase-audio-player--size-xl{max-width:600px;padding:var(--db-padding-xl)}.designbase-audio-player--playing .designbase-audio-player__play-button{background:var(--db-blue-600);color:var(--db-white);transform:scale(1.05)}.designbase-audio-player--paused .designbase-audio-player__play-button{background:var(--db-neutral-200);color:var(--db-text-primary)}.designbase-audio-player--muted .designbase-audio-player__volume-slider{opacity:.5}.designbase-audio-player--error .designbase-audio-player__error,.designbase-audio-player--loading .designbase-audio-player__loading{opacity:1;visibility:visible}.designbase-audio-player--shuffle .designbase-audio-player__control-button[data-shuffle]{color:var(--db-blue-600)}.designbase-audio-player--repeat-none .designbase-audio-player__control-button[data-repeat]{color:var(--db-text-secondary)}.designbase-audio-player--repeat-all .designbase-audio-player__control-button[data-repeat],.designbase-audio-player--repeat-one .designbase-audio-player__control-button[data-repeat]{color:var(--db-blue-600)}.designbase-audio-player__loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__loading .designbase-audio-player__spinner{animation:spin 1s linear infinite;border-top:2px solid var(--db-border-secondary);border:2px solid var(--db-border-secondary);border-radius:50%;border-top-color:var(--db-blue-600);height:24px;width:24px}.designbase-audio-player__error{background:var(--db-red-50);border:1px solid var(--db-red-200);border-radius:var(--db-radius-md);color:var(--db-red-600);left:50%;opacity:0;padding:var(--db-padding-m);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__error p{font-size:var(--db-text-sm);margin:0 0 var(--db-margin-s) 0}.designbase-audio-player__error button{background:var(--db-blue-600);border:none;border-radius:var(--db-radius-sm);color:var(--db-white);cursor:pointer;font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:background-color .2s ease}.designbase-audio-player__error button:hover{background:var(--db-blue-700)}.designbase-audio-player__album-art{border:3px solid var(--db-white);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-md);flex-shrink:0;height:80px;margin-right:var(--db-margin-m);overflow:hidden;transition:transform .3s ease;width:80px}.designbase-audio-player__album-art:hover{transform:scale(1.05)}.designbase-audio-player__album-art img{height:100%;object-fit:cover;width:100%}.designbase-audio-player__album-art .album-placeholder{align-items:center;background:linear-gradient(135deg,var(--db-blue-400),var(--db-blue-200));color:var(--db-white);display:flex;font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold);height:100%;justify-content:center;width:100%}.designbase-audio-player__main{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-audio-player__info{align-items:center;display:flex;gap:var(--db-gap-s);margin-bottom:var(--db-margin-s)}.designbase-audio-player__title{color:var(--audio-controls-color);font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);line-height:1.2;margin:0}.designbase-audio-player__artist{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:1.2;margin:0}.designbase-audio-player__album{color:var(--db-text-muted);font-size:var(--db-text-sm);line-height:1.2;margin:0}.designbase-audio-player__progress{background:var(--db-bg-secondary);border-radius:var(--db-radius-full);cursor:pointer;height:6px;margin:var(--db-margin-s) 0;position:relative;transition:height .2s ease}.designbase-audio-player__progress .designbase-audio-player__progress-bar{background:var(--db-color-primary);border-radius:var(--db-radius-full);height:100%;position:relative;transition:width .1s ease}.designbase-audio-player__progress .designbase-audio-player__progress-bar:after{background:var(--db-color-primary);border-radius:50%;box-shadow:var(--db-shadow-md);content:"";height:16px;position:absolute;right:0;top:0;top:50%;transform:translate(50%,-50%);width:16px}.designbase-audio-player__progress .designbase-audio-player__progress-handle{background:var(--db-bg-primary);border-radius:50%;box-shadow:var(--db-shadow-md);height:16px;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:16px}.designbase-audio-player__progress:hover .designbase-audio-player__progress-handle{opacity:1}.designbase-audio-player__controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between;margin:var(--db-margin-s) 0}.designbase-audio-player__left-controls,.designbase-audio-player__right-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-audio-player__center-controls,.designbase-audio-player__control-button{align-items:center;display:flex;justify-content:center}.designbase-audio-player__control-button{background:none;border:none;border-radius:var(--db-radius-sm);color:var(--audio-controls-color);cursor:pointer;height:40px;padding:var(--db-padding-xs);transition:all .2s ease;width:40px}.designbase-audio-player__control-button:hover{background:var(--db-bg-secondary);transform:scale(1.1)}.designbase-audio-player__control-button:disabled{cursor:not-allowed;opacity:.5}.designbase-audio-player__control-button:disabled:hover{background:none;transform:none}.designbase-audio-player__play-button{align-items:center;background:var(--db-blue-600);border:none;border-radius:50%;box-shadow:var(--db-shadow-lg);color:var(--db-white);cursor:pointer;display:flex;font-size:var(--db-text-xl);height:56px;justify-content:center;transition:all .3s ease;width:56px}.designbase-audio-player__play-button:hover{background:var(--db-blue-700);box-shadow:var(--db-shadow-xl);transform:scale(1.1);transform:scale(1.05)}.designbase-audio-player__bottom-controls{align-items:center;display:flex;gap:var(--db-gap-sm);justify-content:space-between}.designbase-audio-player__left-bottom,.designbase-audio-player__right-bottom{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-audio-player__time{background:var(--db-bg-secondary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-sm);box-shadow:var(--db-shadow-sm);color:var(--db-text-primary);font-family:Courier New,monospace;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);min-width:80px;padding:var(--db-padding-xs) var(--db-padding-s);text-align:center}.designbase-audio-player__volume{align-items:center;display:flex;position:relative}.designbase-audio-player__volume .designbase-audio-player__volume-slider{background:var(--db-white);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-lg);bottom:100%;box-shadow:var(--db-shadow-xl);left:50%;margin-bottom:var(--db-margin-s);min-width:120px;opacity:0;padding:var(--db-padding-m);position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]{background:var(--db-neutral-200);border-radius:var(--db-radius-full);cursor:pointer;height:6px;outline:none;width:100px}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--db-blue-600);border-radius:50%;box-shadow:var(--db-shadow-md);cursor:pointer;height:16px;width:16px}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]::-moz-range-thumb{background:var(--db-blue-600);border:none;border-radius:50%;box-shadow:var(--db-shadow-md);cursor:pointer;height:16px;width:16px}.designbase-audio-player__volume .designbase-audio-player__volume-slider .volume-label{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-xs);justify-content:space-between;margin-bottom:var(--db-margin-s)}.designbase-audio-player__volume:hover .designbase-audio-player__volume-slider{opacity:1;visibility:visible}.designbase-audio-player__volume .designbase-audio-player__control-button{position:relative}.designbase-audio-player__volume .designbase-audio-player__control-button:after{border-bottom:6px solid var(--db-white);border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;margin-top:2px;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .3s ease;width:0}.designbase-audio-player__volume:hover .designbase-audio-player__control-button:after{opacity:1}.designbase-audio-player__settings{position:relative}.designbase-audio-player__settings .designbase-audio-player__settings-menu{background:var(--audio-controls-bg);border:1px solid var(--audio-border-color);border-radius:var(--db-radius-md);bottom:100%;box-shadow:var(--db-shadow-lg);margin-bottom:var(--db-margin-xs);min-width:150px;padding:var(--db-padding-md);position:absolute;right:0;z-index:20}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group{margin-bottom:var(--db-margin-sm)}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group:last-child{margin-bottom:0}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group label{color:var(--audio-controls-color);display:block;font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group select{background:var(--db-bg-primary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-sm);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-sm);width:100%}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group select:focus{border-color:var(--db-blue-600);outline:none}.designbase-audio-player__playlist{border-top:1px solid var(--db-border-secondary);margin-top:var(--db-margin-lg);padding-top:var(--db-padding-md)}.designbase-audio-player__playlist h4{color:var(--audio-controls-color);font-size:var(--db-text-sm);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-sm) 0}.designbase-audio-player__playlist .designbase-audio-player__playlist-tracks{display:flex;flex-direction:column;gap:var(--db-gap-xs);max-height:200px;overflow-y:auto}.designbase-audio-player__playlist .designbase-audio-player__playlist-track{align-items:center;border-radius:var(--db-radius-sm);cursor:pointer;display:flex;gap:var(--db-gap-sm);padding:var(--db-padding-sm);transition:background-color .2s ease}.designbase-audio-player__playlist .designbase-audio-player__playlist-track:hover{background:var(--db-bg-secondary)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active{background:var(--db-blue-600);color:var(--db-white)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active .designbase-audio-player__playlist-track-artist,.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active .designbase-audio-player__playlist-track-title{color:var(--db-white)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track img{border-radius:var(--db-radius-sm);height:40px;object-fit:cover;width:40px}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-info{flex:1;min-width:0}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-title{color:var(--audio-controls-color);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-artist{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.designbase-audio-player--size-lg,.designbase-audio-player--size-md,.designbase-audio-player--size-xl{max-width:100%}.designbase-audio-player__play-button{height:40px;width:40px}.designbase-audio-player__settings-menu{min-width:120px}.designbase-audio-player__volume-slider input[type=range]{width:60px}.designbase-audio-player__controls,.designbase-audio-player__left-controls,.designbase-audio-player__right-controls{gap:var(--db-gap-xs)}}.designbase-audio-player:focus-within{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-dropzone{align-items:center;background:var(--db-bg-primary);border:2px dashed var(--db-border-primary);border-radius:var(--db-radius-lg);cursor:pointer;display:flex;font-family:var(--db-font-family);justify-content:center;position:relative;transition:all .2s ease}.designbase-dropzone--size-sm{min-height:120px;padding:var(--db-padding-md)}.designbase-dropzone--size-sm .designbase-dropzone__icon{height:32px;margin-bottom:var(--db-margin-sm);width:32px}.designbase-dropzone--size-sm .designbase-dropzone__title{font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-dropzone--size-sm .designbase-dropzone__description{font-size:var(--db-text-xs)}.designbase-dropzone--size-md{min-height:160px;padding:var(--db-padding-lg)}.designbase-dropzone--size-md .designbase-dropzone__icon{height:48px;margin-bottom:var(--db-margin-md);width:48px}.designbase-dropzone--size-md .designbase-dropzone__title{font-size:var(--db-text-base);font-weight:var(--db-weight-semibold)}.designbase-dropzone--size-md .designbase-dropzone__description{font-size:var(--db-text-sm)}.designbase-dropzone--size-lg{min-height:200px;padding:var(--db-padding-xl)}.designbase-dropzone--size-lg .designbase-dropzone__icon{height:64px;margin-bottom:var(--db-margin-lg);width:64px}.designbase-dropzone--size-lg .designbase-dropzone__title{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold)}.designbase-dropzone--size-lg .designbase-dropzone__description{font-size:var(--db-text-base)}.designbase-dropzone--variant-default{background:var(--db-bg-primary);border-color:var(--db-border-primary);color:var(--db-text-primary)}.designbase-dropzone--variant-outlined{background:transparent;border-color:var(--db-border-primary);color:var(--db-text-primary)}.designbase-dropzone--variant-filled{background:var(--db-bg-secondary);border-color:var(--db-border-primary);color:var(--db-text-primary)}.designbase-dropzone:hover:not(.designbase-dropzone--disabled):not(.designbase-dropzone--readonly){background:var(--db-bg-hover);border-color:var(--db-border-secondary)}.designbase-dropzone:focus-within{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-dropzone--drag-over{background:var(--db-blue-100);border-color:var(--db-blue-600);color:var(--db-blue-600)}.designbase-dropzone--drag-over .designbase-dropzone__icon{color:var(--db-blue-600)}.designbase-dropzone--disabled{cursor:not-allowed;opacity:.5}.designbase-dropzone--disabled,.designbase-dropzone--disabled:hover{background:var(--db-bg-disabled);border-color:var(--db-border-primary)}.designbase-dropzone--readonly{background:var(--db-bg-disabled);cursor:default}.designbase-dropzone--readonly:hover{background:var(--db-bg-disabled);border-color:var(--db-border-primary)}.designbase-dropzone__content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.designbase-dropzone__icon{align-items:center;color:var(--db-text-secondary);display:flex;justify-content:center;transition:color .2s ease}.designbase-dropzone__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--db-margin-md)}.designbase-dropzone__image img{border-radius:var(--db-radius-md);height:auto;max-width:100%}.designbase-dropzone__title{color:inherit;line-height:1.4;margin-bottom:var(--db-margin-xs)}.designbase-dropzone__description{color:var(--db-text-secondary);line-height:1.4;margin-bottom:var(--db-margin-md)}.designbase-dropzone__button{background:var(--db-blue-600);border:none;border-radius:var(--db-radius-md);color:var(--db-white);cursor:pointer;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);padding:var(--db-padding-sm) var(--db-padding-lg);transition:all .2s ease}.designbase-dropzone__button:hover:not(:disabled){background:var(--db-blue-700)}.designbase-dropzone__button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-dropzone__button:disabled{cursor:not-allowed;opacity:.5}.designbase-dropzone__size-limit{color:var(--db-text-muted);font-weight:var(--db-weight-medium)}@media (max-width:768px){.designbase-dropzone--size-lg{min-height:160px;padding:var(--db-padding-lg)}.designbase-dropzone--size-lg .designbase-dropzone__icon{height:48px;margin-bottom:var(--db-margin-md);width:48px}.designbase-dropzone--size-lg .designbase-dropzone__title{font-size:var(--db-text-base)}.designbase-dropzone--size-lg .designbase-dropzone__description{font-size:var(--db-text-sm)}}@media (max-width:480px){.designbase-dropzone--size-lg,.designbase-dropzone--size-md{min-height:120px;padding:var(--db-padding-md)}.designbase-dropzone--size-lg .designbase-dropzone__icon,.designbase-dropzone--size-md .designbase-dropzone__icon{height:32px;margin-bottom:var(--db-margin-sm);width:32px}.designbase-dropzone--size-lg .designbase-dropzone__title,.designbase-dropzone--size-md .designbase-dropzone__title{font-size:var(--db-text-sm)}.designbase-dropzone--size-lg .designbase-dropzone__description,.designbase-dropzone--size-md .designbase-dropzone__description{font-size:var(--db-text-xs)}}.designbase-file-uploader{display:flex;flex-direction:column;gap:var(--db-gap-l)}.designbase-file-uploader--size-sm .designbase-file-uploader__file-list-title{font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-file-uploader--size-sm .designbase-file-uploader__file-name{font-size:var(--db-text-sm)}.designbase-file-uploader--size-sm .designbase-file-uploader__file-error,.designbase-file-uploader--size-sm .designbase-file-uploader__file-size{font-size:var(--db-text-xs)}.designbase-file-uploader--size-sm .designbase-file-uploader__remove-button,.designbase-file-uploader--size-sm .designbase-file-uploader__retry-button{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-file-uploader--size-md .designbase-file-uploader__file-list-title{font-size:var(--db-text-base);font-weight:var(--db-weight-semibold)}.designbase-file-uploader--size-md .designbase-file-uploader__file-name{font-size:var(--db-text-base)}.designbase-file-uploader--size-md .designbase-file-uploader__file-error,.designbase-file-uploader--size-md .designbase-file-uploader__file-size{font-size:var(--db-text-sm)}.designbase-file-uploader--size-md .designbase-file-uploader__remove-button,.designbase-file-uploader--size-md .designbase-file-uploader__retry-button{font-size:var(--db-text-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-file-uploader--size-lg .designbase-file-uploader__file-list-title{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold)}.designbase-file-uploader--size-lg .designbase-file-uploader__file-name{font-size:var(--db-text-lg)}.designbase-file-uploader--size-lg .designbase-file-uploader__file-error,.designbase-file-uploader--size-lg .designbase-file-uploader__file-size{font-size:var(--db-text-base)}.designbase-file-uploader--size-lg .designbase-file-uploader__remove-button,.designbase-file-uploader--size-lg .designbase-file-uploader__retry-button{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-file-uploader--variant-default .designbase-file-uploader__file-list{background:var(--db-bg-primary);border:1px solid var(--db-border-primary)}.designbase-file-uploader--variant-outlined .designbase-file-uploader__file-list{background:transparent;border:1px solid var(--db-border-primary)}.designbase-file-uploader--variant-filled .designbase-file-uploader__file-list{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary)}.designbase-file-uploader--disabled{opacity:var(--db-opacity-50);pointer-events:none}.designbase-file-uploader--readonly .designbase-file-uploader__remove-button,.designbase-file-uploader--readonly .designbase-file-uploader__retry-button{cursor:default;opacity:var(--db-opacity-50)}.designbase-file-uploader__file-list{border-radius:var(--db-radius-lg);overflow:hidden}.designbase-file-uploader__file-list-title{background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);color:var(--db-text-primary);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-file-uploader__file-items{display:flex;flex-direction:column}.designbase-file-uploader__file-item{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding:var(--db-padding-m);transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__file-item:last-child{border-bottom:none}.designbase-file-uploader__file-item:hover{background:var(--db-bg-hover)}.designbase-file-uploader__file-item--pending .designbase-file-uploader__file-icon{color:var(--db-text-secondary)}.designbase-file-uploader__file-item--uploading .designbase-file-uploader__file-icon{color:var(--db-blue-500)}.designbase-file-uploader__file-item--success .designbase-file-uploader__file-icon{color:var(--db-green-500)}.designbase-file-uploader__file-item--error .designbase-file-uploader__file-icon{color:var(--db-red-500)}.designbase-file-uploader__file-info{align-items:center;display:flex;flex:1;gap:var(--db-gap-m);min-width:0}.designbase-file-uploader__file-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;height:var(--db-size-md);justify-content:center;width:var(--db-size-md)}.designbase-file-uploader__file-icon .designbase-spinner{height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-file-uploader__file-details{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-xs);min-width:0}.designbase-file-uploader__file-name{color:var(--db-text-primary);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-file-uploader__file-size{color:var(--db-text-secondary)}.designbase-file-uploader__file-error{color:var(--db-red-500);font-weight:var(--db-weight-medium)}.designbase-file-uploader__progress{align-items:center;display:flex;gap:var(--db-gap-s);margin:0 var(--db-margin-l);min-width:120px}.designbase-file-uploader__file-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-file-uploader__retry-button{background:var(--db-bg-primary);border:1px solid var(--db-blue-500);border-radius:var(--db-radius-md);color:var(--db-blue-500);cursor:pointer;font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__retry-button:hover:not(:disabled){background:var(--db-blue-500);color:var(--db-white)}.designbase-file-uploader__retry-button:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-file-uploader__retry-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-file-uploader__remove-button{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-secondary);cursor:pointer;font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__remove-button:hover:not(:disabled){background:var(--db-red-50);border-color:var(--db-red-500);color:var(--db-red-500)}.designbase-file-uploader__remove-button:focus{outline:2px solid var(--db-red-500);outline-offset:2px}.designbase-file-uploader__remove-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}@media (max-width:768px){.designbase-file-uploader__file-item{align-items:flex-start;flex-direction:column;gap:var(--db-gap-m)}.designbase-file-uploader__file-info{width:100%}.designbase-file-uploader__progress{margin:0;min-width:auto;width:100%}.designbase-file-uploader__file-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){.designbase-file-uploader__file-item,.designbase-file-uploader__file-list-title{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-file-uploader__remove-button,.designbase-file-uploader__retry-button{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-progress{align-items:center;display:flex;gap:var(--db-gap-sm)}.designbase-progress--size-sm{gap:var(--db-gap-xs)}.designbase-progress--size-sm .designbase-progress__value{font-size:var(--db-text-xs)}.designbase-progress--size-sm .designbase-progress__circular-value{font-size:var(--db-text-sm)}.designbase-progress--size-md{gap:var(--db-gap-sm)}.designbase-progress--size-md .designbase-progress__value{font-size:var(--db-text-sm)}.designbase-progress--size-md .designbase-progress__circular-value{font-size:var(--db-text-base)}.designbase-progress--size-lg{gap:var(--db-gap-md)}.designbase-progress--size-lg .designbase-progress__value{font-size:var(--db-text-base)}.designbase-progress--size-lg .designbase-progress__circular-value{font-size:var(--db-text-lg)}.designbase-progress--variant-default .designbase-progress__bar{background-color:var(--db-blue-600)}.designbase-progress--variant-default .designbase-progress__circular-bar{stroke:var(--db-blue-600)}.designbase-progress--variant-success .designbase-progress__bar{background-color:var(--db-green-600)}.designbase-progress--variant-success .designbase-progress__circular-bar{stroke:var(--db-green-600)}.designbase-progress--variant-warning .designbase-progress__bar{background-color:var(--db-yellow-600)}.designbase-progress--variant-warning .designbase-progress__circular-bar{stroke:var(--db-yellow-600)}.designbase-progress--variant-danger .designbase-progress__bar{background-color:var(--db-red-600)}.designbase-progress--variant-danger .designbase-progress__circular-bar{stroke:var(--db-red-600)}.designbase-progress--animated .designbase-progress__bar{transition:width .3s ease}.designbase-progress--animated .designbase-progress__circular-bar{transition:stroke-dashoffset .3s ease}.designbase-progress--striped .designbase-progress__bar{animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.designbase-progress__linear{align-items:center;display:flex;gap:var(--db-gap-sm);width:100%}.designbase-progress__track{background-color:var(--db-bg-tertiary);border-radius:var(--db-radius-full);flex:1;height:8px;overflow:hidden}.designbase-progress__bar{background-color:var(--db-blue-600);border-radius:var(--db-radius-full);height:100%;transition:width .3s ease}.designbase-progress__value{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);min-width:3em;text-align:right;white-space:nowrap}.designbase-progress__circular{align-items:center;display:flex;justify-content:center;position:relative}.designbase-progress__circular-svg{transform:rotate(-90deg)}.designbase-progress__circular-track{fill:none;stroke:var(--db-bg-tertiary);stroke-linecap:round}.designbase-progress__circular-bar{fill:none;stroke:var(--db-blue-600);stroke-linecap:round;transition:stroke-dashoffset .3s ease}.designbase-progress__circular-value{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);position:absolute}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:480px){.designbase-progress--size-lg .designbase-progress__value{font-size:var(--db-text-sm)}.designbase-progress--size-lg .designbase-progress__circular-value{font-size:var(--db-text-base)}}.designbase-stepper{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);display:inline-flex;transition:all .2s ease}.designbase-stepper,.designbase-stepper--size-sm{gap:var(--db-gap-xs)}.designbase-stepper--size-sm .designbase-stepper__button{height:28px;width:28px}.designbase-stepper--size-sm .designbase-stepper__value{min-width:40px;padding:0 var(--db-padding-sm)}.designbase-stepper--size-sm .designbase-stepper__value-text{font-size:var(--db-text-sm)}.designbase-stepper--size-md{gap:var(--db-gap-xs)}.designbase-stepper--size-md .designbase-stepper__button{height:32px;width:32px}.designbase-stepper--size-md .designbase-stepper__value{min-width:48px;padding:0 var(--db-padding-md)}.designbase-stepper--size-md .designbase-stepper__value-text{font-size:var(--db-text-base)}.designbase-stepper--size-lg{gap:var(--db-gap-sm)}.designbase-stepper--size-lg .designbase-stepper__button{height:36px;width:36px}.designbase-stepper--size-lg .designbase-stepper__value{min-width:56px;padding:0 var(--db-padding-lg)}.designbase-stepper--size-lg .designbase-stepper__value-text{font-size:var(--db-text-lg)}.designbase-stepper--variant-default{background-color:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-stepper--variant-outlined{background-color:transparent;border-color:var(--db-border-primary)}.designbase-stepper--variant-filled{background-color:var(--db-bg-secondary);border-color:var(--db-border-secondary)}.designbase-stepper--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-stepper--readonly .designbase-stepper__button{cursor:not-allowed;opacity:.5}.designbase-stepper:hover:not(.designbase-stepper--disabled){border-color:var(--db-blue-600);box-shadow:var(--db-shadow-sm)}.designbase-stepper:focus-within{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-stepper__button{align-items:center;background:none;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all .2s ease}.designbase-stepper__button:hover:not(.designbase-stepper__button--disabled){background-color:var(--db-bg-secondary);color:var(--db-blue-600)}.designbase-stepper__button:active:not(.designbase-stepper__button--disabled){background-color:var(--db-bg-tertiary);transform:scale(.95)}.designbase-stepper__button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-stepper__button:disabled{cursor:not-allowed;opacity:.5}.designbase-stepper__button--disabled{color:var(--db-text-muted);cursor:not-allowed;opacity:.5}.designbase-stepper__button--disabled:hover{background-color:transparent;color:var(--db-text-muted)}.designbase-stepper__button svg{stroke:currentColor;stroke-width:2;height:16px;width:16px}.designbase-stepper__value{align-items:center;color:var(--db-text-primary);display:flex;flex:1;font-weight:var(--db-weight-medium);justify-content:center;min-width:0;text-align:center;user-select:none}.designbase-stepper__value-text{font-weight:var(--db-weight-semibold);line-height:1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:480px){.designbase-stepper--size-lg .designbase-stepper__button{height:32px;width:32px}.designbase-stepper--size-lg .designbase-stepper__value{min-width:48px;padding:0 var(--db-padding-md)}.designbase-stepper--size-lg .designbase-stepper__value-text{font-size:var(--db-text-base)}}.designbase-gradient{align-items:center;background-position:50%;background-size:200% 200%;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.designbase-gradient--size-sm{border-radius:var(--db-radius-md);height:80px;width:120px}.designbase-gradient--size-md{border-radius:var(--db-radius-lg);height:120px;width:200px}.designbase-gradient--size-lg{border-radius:var(--db-radius-xl);height:180px;width:300px}.designbase-gradient--size-xl{border-radius:var(--db-radius-2xl);height:240px;width:400px}.designbase-gradient--size-full{border-radius:0;height:100%;width:100%}.designbase-gradient--full-width{width:100%}.designbase-gradient--full-height{height:100%}.designbase-gradient--variant-animated{animation:gradient-shift 3s ease-in-out infinite}.designbase-gradient--variant-mesh{animation:mesh-rotate 8s ease-in-out infinite;background-size:400% 400%}.designbase-gradient--direction-to-right{background:linear-gradient(to right,var(--gradient-colors))}.designbase-gradient--direction-to-left{background:linear-gradient(to left,var(--gradient-colors))}.designbase-gradient--direction-to-bottom{background:linear-gradient(to bottom,var(--gradient-colors))}.designbase-gradient--direction-to-top{background:linear-gradient(to top,var(--gradient-colors))}.designbase-gradient--direction-to-bottom-right{background:linear-gradient(to bottom right,var(--gradient-colors))}.designbase-gradient--direction-to-bottom-left{background:linear-gradient(to bottom left,var(--gradient-colors))}.designbase-gradient--direction-to-top-right{background:linear-gradient(to top right,var(--gradient-colors))}.designbase-gradient--direction-to-top-left{background:linear-gradient(to top left,var(--gradient-colors))}.designbase-gradient--direction-radial{background:radial-gradient(circle,var(--gradient-colors));background-size:100% 100%}.designbase-gradient:hover{box-shadow:var(--db-shadow-lg);transform:scale(1.02)}.designbase-gradient:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-gradient:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,transparent);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.designbase-gradient:hover:before{opacity:1}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mesh-rotate{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}:root{--gradient-colors:#ff6b6b,#4ecdc4,#45b7d1,#96ceb4}@media (max-width:768px){.designbase-gradient--size-xl{height:180px;width:300px}.designbase-gradient--size-lg{height:150px;width:250px}}@media (max-width:480px){.designbase-gradient--size-xl{height:150px;width:250px}.designbase-gradient--size-lg{height:120px;width:200px}.designbase-gradient--size-md{height:90px;width:150px}}.gradient-sunset{background:linear-gradient(45deg,#ff6b6b,#feca57,#ff9ff3,#54a0ff)}.gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-forest{background:linear-gradient(45deg,#11998e,#38ef7d)}.gradient-sunrise{background:linear-gradient(45deg,#ff9a9e,#fecfef 50%,#fecfef)}.gradient-aurora{background:linear-gradient(45deg,#a8edea,#fed6e3)}.gradient-cosmic{animation:gradient-shift 6s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-size:400% 400%}.gradient-neon{animation:gradient-shift 4s ease infinite;background:linear-gradient(45deg,#ff006e,#8338ec,#3a86ff);background-size:200% 200%}.gradient-pastel{background:linear-gradient(45deg,#ffd1dc,#e0f7fa,#f3e5f5,#fff3e0)}.gradient-metallic{animation:gradient-shift 5s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:300% 300%}.designbase-toolbar{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:var(--db-z-10)}.designbase-toolbar--size-sm{gap:var(--db-gap-xs);min-height:32px;padding:var(--db-padding-xs)}.designbase-toolbar--size-sm .designbase-toolbar__item{border-radius:var(--db-radius-sm);font-size:var(--db-text-sm);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-toolbar--size-sm .designbase-toolbar__item-icon{height:14px;width:14px}.designbase-toolbar--size-md{gap:var(--db-gap-s);min-height:40px;padding:var(--db-padding-s)}.designbase-toolbar--size-md .designbase-toolbar__item{border-radius:var(--db-radius-md);font-size:var(--db-text-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-toolbar--size-md .designbase-toolbar__item-icon{height:16px;width:16px}.designbase-toolbar--size-lg{gap:var(--db-gap-m);min-height:48px;padding:var(--db-padding-m)}.designbase-toolbar--size-lg .designbase-toolbar__item{border-radius:var(--db-radius-lg);font-size:var(--db-text-lg);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-toolbar--size-lg .designbase-toolbar__item-icon{height:18px;width:18px}.designbase-toolbar--variant-default{background:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-toolbar--variant-outlined{background:transparent;border-color:var(--db-border-primary)}.designbase-toolbar--variant-filled{background:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-toolbar--variant-ghost{background:transparent;border-color:transparent}.designbase-toolbar--position-top{border-bottom:1px solid var(--db-border-primary)}.designbase-toolbar--position-bottom{border-top:1px solid var(--db-border-primary)}.designbase-toolbar--position-left{border-right:1px solid var(--db-border-primary);flex-direction:column}.designbase-toolbar--position-right{border-left:1px solid var(--db-border-primary);flex-direction:column}.designbase-toolbar--position-floating{border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-lg);position:absolute}.designbase-toolbar--full-width{width:100%}.designbase-toolbar--fixed{position:fixed;z-index:var(--db-z-50)}.designbase-toolbar--shadow{box-shadow:var(--db-shadow-sm)}.designbase-toolbar--rounded{border-radius:var(--db-radius-lg)}.designbase-toolbar__content{width:100%}.designbase-toolbar__content,.designbase-toolbar__group{align-items:center;display:flex;gap:inherit}.designbase-toolbar__group-separator{background:var(--db-border-primary);height:24px;margin:0 var(--db-margin-xs);width:1px}.designbase-toolbar__children{align-items:center;display:flex;gap:inherit;margin-left:auto}.designbase-toolbar__item{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:var(--db-gap-xs);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap}.designbase-toolbar__item:hover:not(.designbase-toolbar__item--disabled){background:var(--db-bg-tertiary)}.designbase-toolbar__item:focus{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-toolbar__item--active{background:var(--db-blue-500);color:var(--db-text-inverse)}.designbase-toolbar__item--active:hover{background:var(--db-blue-600)}.designbase-toolbar__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-toolbar__item--disabled:hover{background:transparent}.designbase-toolbar__item--dropdown{position:relative}.designbase-toolbar__item--open{background:var(--db-bg-tertiary)}.designbase-toolbar__item--separator{background:var(--db-border-primary);cursor:default;height:24px;margin:0 var(--db-margin-xs);padding:0;width:1px}.designbase-toolbar__item--separator:hover{background:var(--db-border-primary)}.designbase-toolbar__item--custom{padding:0}.designbase-toolbar__item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-toolbar__item-label{font-weight:var(--db-weight-medium)}.designbase-toolbar__dropdown-trigger{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;gap:var(--db-gap-xs);height:100%;padding:inherit;width:100%}.designbase-toolbar__dropdown-arrow{align-items:center;display:flex;flex-shrink:0;justify-content:center;transition:transform .2s ease}.designbase-toolbar__item--open .designbase-toolbar__dropdown-arrow{transform:rotate(180deg)}.designbase-toolbar__dropdown-menu{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-lg);left:0;margin-top:var(--db-margin-xs);min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:var(--db-z-popover)}.designbase-toolbar__dropdown-option{align-items:center;background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-sm);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);text-align:left;transition:background-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-toolbar__dropdown-option:hover:not(.designbase-toolbar__dropdown-option--disabled){background:var(--db-bg-tertiary)}.designbase-toolbar__dropdown-option:focus{outline:2px solid var(--db-blue-500);outline-offset:-2px}.designbase-toolbar__dropdown-option--selected{background:var(--db-blue-500);color:var(--db-text-inverse)}.designbase-toolbar__dropdown-option--selected:hover{background:var(--db-blue-600)}.designbase-toolbar__dropdown-option--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-toolbar__dropdown-option--disabled:hover{background:transparent}.designbase-toolbar__dropdown-option-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.designbase-toolbar__dropdown-option-label{flex:1;text-align:left}@media (max-width:768px){.designbase-toolbar--size-lg{gap:var(--db-gap-s);min-height:40px;padding:var(--db-padding-s)}.designbase-toolbar--size-lg .designbase-toolbar__item{font-size:var(--db-text-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-toolbar__dropdown-trigger .designbase-toolbar__item-label,.designbase-toolbar__item-label{display:none}}@media (max-width:480px){.designbase-toolbar--size-md{gap:var(--db-gap-xs);min-height:32px;padding:var(--db-padding-xs)}.designbase-toolbar--size-md .designbase-toolbar__item{font-size:var(--db-text-sm);padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-time-picker{display:inline-block;position:relative;width:200px}.designbase-time-picker--size-sm{width:160px}.designbase-time-picker--size-sm .designbase-time-picker__trigger{font-size:var(--db-text-sm);min-height:32px;padding:var(--db-padding-xxs)}.designbase-time-picker--size-sm .designbase-time-picker__option{font-size:var(--db-text-sm);min-height:28px;padding:var(--db-padding-xxs)}.designbase-time-picker--size-sm .designbase-time-picker__column-header{font-size:var(--db-text-sm);padding:var(--db-padding-xxs)}.designbase-time-picker--size-md{width:200px}.designbase-time-picker--size-md .designbase-time-picker__trigger{font-size:var(--db-text-base);min-height:40px;padding:var(--db-padding-xs)}.designbase-time-picker--size-md .designbase-time-picker__option{font-size:var(--db-text-base);min-height:36px;padding:var(--db-padding-xs)}.designbase-time-picker--size-md .designbase-time-picker__column-header{font-size:var(--db-text-base);padding:var(--db-padding-xs)}.designbase-time-picker--size-lg{width:240px}.designbase-time-picker--size-lg .designbase-time-picker__trigger{font-size:var(--db-text-lg);min-height:48px;padding:var(--db-padding-s)}.designbase-time-picker--size-lg .designbase-time-picker__option{font-size:var(--db-text-lg);min-height:44px;padding:var(--db-padding-s)}.designbase-time-picker--size-lg .designbase-time-picker__column-header{font-size:var(--db-text-lg);padding:var(--db-padding-s)}.designbase-time-picker--variant-default .designbase-time-picker__trigger{background:var(--db-bg-primary);border:1px solid var(--db-border-primary)}.designbase-time-picker--variant-outlined .designbase-time-picker__trigger{background:transparent;border:1px solid var(--db-border-primary)}.designbase-time-picker--variant-filled .designbase-time-picker__trigger{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary)}.designbase-time-picker__trigger{align-items:center;border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .2s ease;width:100%}.designbase-time-picker__trigger:hover:not(:disabled){background:var(--db-bg-tertiary);border-color:var(--db-border-secondary)}.designbase-time-picker__trigger:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-time-picker__trigger:disabled{background:var(--db-bg-secondary);cursor:not-allowed;opacity:.5}.designbase-time-picker__display{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.designbase-time-picker__arrow{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:var(--db-margin-sm);transition:transform .2s ease}.designbase-time-picker--open .designbase-time-picker__arrow{transform:rotate(180deg)}.designbase-time-picker__dropdown{left:0;margin-top:var(--spacing-semantic-spacing-xs,4px);position:absolute;right:0;top:100%;z-index:1000}.designbase-time-picker__dropdown-content{box-shadow:var(--db-shadow-lg)}.designbase-time-picker__dropdown-content,.designbase-time-picker__inline{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);display:flex;max-height:300px;overflow:hidden}.designbase-time-picker__column{border-right:1px solid var(--db-border-primary);display:flex;flex:1;flex-direction:column}.designbase-time-picker__column:last-child{border-right:none}.designbase-time-picker__column-header{background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);color:var(--db-text-secondary);flex-shrink:0;font-weight:var(--db-weight-medium);text-align:center}.designbase-time-picker__options{-ms-overflow-style:none;display:flex;flex-direction:column;max-height:250px;overflow-y:auto;scrollbar-width:none}.designbase-time-picker__options::-webkit-scrollbar{background:transparent;width:0}.designbase-time-picker__options:hover::-webkit-scrollbar{width:4px}.designbase-time-picker__options:hover::-webkit-scrollbar-track{background:transparent}.designbase-time-picker__options:hover::-webkit-scrollbar-thumb{background:var(--db-border-primary);border-radius:2px}.designbase-time-picker__options:hover::-webkit-scrollbar-thumb:hover{background:var(--db-border-secondary)}.designbase-time-picker__option{align-items:center;background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;text-align:center;transition:all .2s ease;white-space:nowrap}.designbase-time-picker__option:hover:not(.designbase-time-picker__option--disabled){background:var(--db-bg-tertiary)}.designbase-time-picker__option:focus{outline:2px solid var(--db-blue-600);outline-offset:-2px}.designbase-time-picker__option--selected{background:var(--db-blue-600);color:var(--db-white)}.designbase-time-picker__option--selected:hover{background:var(--db-blue-700)}.designbase-time-picker__option--disabled{color:var(--db-text-muted);cursor:not-allowed;opacity:.5}.designbase-time-picker__option--disabled:hover{background:transparent}.designbase-time-picker--disabled .designbase-time-picker__trigger{background:var(--db-bg-secondary);cursor:not-allowed;opacity:.5}.designbase-time-picker--readonly .designbase-time-picker__trigger{background:var(--db-bg-secondary);cursor:default}.designbase-time-picker--readonly .designbase-time-picker__trigger:hover{background:var(--db-bg-secondary);border-color:var(--db-border-primary)}@media (max-width:768px){.designbase-time-picker--size-lg{width:200px}.designbase-time-picker--size-lg .designbase-time-picker__trigger{font-size:var(--db-text-base);min-height:40px;padding:var(--db-padding-s)}.designbase-time-picker--size-lg .designbase-time-picker__option{font-size:var(--db-text-base);min-height:36px;padding:var(--db-padding-s)}.designbase-time-picker__dropdown-content,.designbase-time-picker__inline{max-height:250px}}@media (max-width:480px){.designbase-time-picker{max-width:200px;width:100%}.designbase-time-picker--size-lg .designbase-time-picker__trigger,.designbase-time-picker--size-md .designbase-time-picker__trigger{font-size:var(--db-text-sm);min-height:32px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-time-picker--size-lg .designbase-time-picker__option,.designbase-time-picker--size-md .designbase-time-picker__option{font-size:var(--db-text-sm);min-height:28px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-time-picker__dropdown-content,.designbase-time-picker__inline{max-height:200px}}.designbase-date-picker-container{display:inline-block;position:relative}.designbase-date-picker-dropdown{margin-top:var(--db-margin-xs);position:absolute;z-index:1000}.designbase-date-picker-dropdown--placement-top{bottom:100%;margin-bottom:var(--db-margin-xs);margin-top:0}.designbase-date-picker-dropdown--placement-bottom{top:100%}.designbase-date-picker-dropdown--placement-left{margin-right:var(--db-margin-xs);margin-top:0;right:100%;top:0}.designbase-date-picker-dropdown--placement-right{left:100%;margin-left:var(--db-margin-xs);margin-top:0;top:0}.designbase-date-picker{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-lg);display:flex;flex-direction:column;font-family:var(--db-font-family);overflow:hidden}.designbase-date-picker--size-sm{width:280px}.designbase-date-picker--size-sm .designbase-date-picker__header{padding:var(--db-padding-sm) var(--db-padding-md)}.designbase-date-picker--size-sm .designbase-date-picker__current-month{font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-date-picker--size-sm .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--size-sm .designbase-date-picker__weekday{font-size:var(--db-text-sm);padding:var(--db-padding-xs) 0}.designbase-date-picker--size-sm .designbase-date-picker__date{font-size:var(--db-text-sm);min-height:32px}.designbase-date-picker--size-sm .designbase-date-picker__footer{padding:var(--db-padding-sm) var(--db-padding-md)}.designbase-date-picker--size-md{width:320px}.designbase-date-picker--size-md .designbase-date-picker__header{padding:var(--db-padding-md) var(--db-padding-lg)}.designbase-date-picker--size-md .designbase-date-picker__current-month{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold)}.designbase-date-picker--size-md .designbase-date-picker__weekdays{padding:var(--db-padding-sm) 0}.designbase-date-picker--size-md .designbase-date-picker__weekday{font-size:var(--db-text-base);padding:var(--db-padding-sm) 0}.designbase-date-picker--size-md .designbase-date-picker__date{font-size:var(--db-text-base);min-height:40px}.designbase-date-picker--size-md .designbase-date-picker__footer{padding:var(--db-padding-md) var(--db-padding-lg)}.designbase-date-picker--size-lg{width:360px}.designbase-date-picker--size-lg .designbase-date-picker__header{padding:var(--db-padding-lg) var(--db-padding-xl)}.designbase-date-picker--size-lg .designbase-date-picker__current-month{font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold)}.designbase-date-picker--size-lg .designbase-date-picker__weekdays{padding:var(--db-padding-md) 0}.designbase-date-picker--size-lg .designbase-date-picker__weekday{font-size:var(--db-text-lg);padding:var(--db-padding-md) 0}.designbase-date-picker--size-lg .designbase-date-picker__date{font-size:var(--db-text-lg);min-height:48px}.designbase-date-picker--size-lg .designbase-date-picker__footer{padding:var(--db-padding-lg) var(--db-padding-xl)}.designbase-date-picker--variant-default{background:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-date-picker--variant-outlined{background:transparent;border-color:var(--db-border-primary)}.designbase-date-picker--variant-filled{background:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-date-picker__header{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between}.designbase-date-picker__nav-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-md);color:var(--db-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.designbase-date-picker__nav-button:hover:not(:disabled){background:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-date-picker__nav-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-date-picker__nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-date-picker__current-month{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__weekdays{border-bottom:1px solid var(--db-border-primary);display:grid;grid-template-columns:repeat(7,1fr)}.designbase-date-picker__weekday{align-items:center;color:var(--db-text-secondary);display:flex;font-weight:var(--db-weight-medium);justify-content:center;text-align:center}.designbase-date-picker__grid{background:var(--db-border-primary);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.designbase-date-picker__date{align-items:center;background:var(--db-bg-primary);border:none;color:var(--db-text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:var(--db-weight-medium);justify-content:center;min-height:40px;position:relative;transition:all .2s ease}.designbase-date-picker__date:hover:not(.designbase-date-picker__date--disabled):not(.designbase-date-picker__date--outside){background:var(--db-bg-tertiary)}.designbase-date-picker__date:focus{outline:2px solid var(--db-blue-600);outline-offset:-2px;z-index:1}.designbase-date-picker__date--outside{background:var(--db-bg-secondary);color:var(--db-text-muted);cursor:default}.designbase-date-picker__date--outside:hover{background:var(--db-bg-secondary)}.designbase-date-picker__date--today{color:var(--db-blue-600);font-weight:var(--db-weight-semibold)}.designbase-date-picker__date--today:before{background:var(--db-blue-600);border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:4px}.designbase-date-picker__date--selected{background:var(--db-blue-600);color:var(--db-white);font-weight:var(--db-weight-semibold)}.designbase-date-picker__date--selected:hover{background:var(--db-blue-700)}.designbase-date-picker__date--in-range{background:var(--db-blue-100);color:var(--db-blue-600)}.designbase-date-picker__date--range-start{background:var(--db-blue-600);border-bottom-left-radius:var(--db-radius-md);border-top-left-radius:var(--db-radius-md);color:var(--db-white)}.designbase-date-picker__date--range-end{background:var(--db-blue-600);border-bottom-right-radius:var(--db-radius-md);border-top-right-radius:var(--db-radius-md);color:var(--db-white)}.designbase-date-picker__date--weekend{color:var(--db-text-secondary)}.designbase-date-picker__date--selected.designbase-date-picker__date--weekend{color:var(--db-white)}.designbase-date-picker__date--disabled{background:var(--db-bg-secondary);color:var(--db-text-muted);cursor:not-allowed;opacity:.5}.designbase-date-picker__date--disabled:hover{background:var(--db-bg-secondary)}.designbase-date-picker__date--has-events{font-weight:var(--db-weight-semibold)}.designbase-date-picker__date-number{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-date-picker__events{align-items:center;display:flex;gap:2px;justify-content:center;margin-top:2px}.designbase-date-picker__event{background:var(--db-blue-600);border-radius:50%;height:4px;width:4px}.designbase-date-picker__event--badge{align-items:center;border-radius:var(--db-radius-sm);color:var(--db-white);display:flex;font-size:10px;font-weight:var(--db-weight-medium);height:16px;justify-content:center;width:16px}.designbase-date-picker__event-count{color:var(--db-text-secondary);font-size:10px;font-weight:var(--db-weight-medium)}.designbase-date-picker__footer{align-items:center;border-top:1px solid var(--db-border-primary);display:flex;justify-content:center}.designbase-date-picker__today-button{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-sm);transition:all .2s ease}.designbase-date-picker__today-button:hover:not(:disabled){background:var(--db-bg-tertiary);border-color:var(--db-border-secondary)}.designbase-date-picker__today-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-date-picker__today-button:disabled{cursor:not-allowed;opacity:.5}.designbase-date-picker--disabled{opacity:.5;pointer-events:none}.designbase-date-picker--disabled .designbase-date-picker__nav-button,.designbase-date-picker--disabled .designbase-date-picker__today-button{cursor:not-allowed}.designbase-date-picker--readonly .designbase-date-picker__date{cursor:default}.designbase-date-picker--readonly .designbase-date-picker__date:hover{background:var(--db-bg-primary)}.designbase-date-picker--readonly .designbase-date-picker__nav-button,.designbase-date-picker--readonly .designbase-date-picker__today-button{cursor:default}.designbase-date-picker--readonly .designbase-date-picker__nav-button:hover,.designbase-date-picker--readonly .designbase-date-picker__today-button:hover{background:transparent}@media (max-width:768px){.designbase-date-picker-dropdown{left:50%!important;margin:0;max-width:400px;position:fixed;top:50%!important;transform:translate(-50%,-50%);width:calc(100vw - 32px)}.designbase-date-picker--size-lg{width:320px}.designbase-date-picker--size-lg .designbase-date-picker__header{padding:var(--db-padding-md) var(--db-padding-lg)}.designbase-date-picker--size-lg .designbase-date-picker__current-month{font-size:var(--db-text-lg)}.designbase-date-picker--size-lg .designbase-date-picker__weekdays{padding:var(--db-padding-sm) 0}.designbase-date-picker--size-lg .designbase-date-picker__weekday{font-size:var(--db-text-base);padding:var(--db-padding-sm) 0}.designbase-date-picker--size-lg .designbase-date-picker__date{font-size:var(--db-text-base);min-height:40px}.designbase-date-picker--size-lg .designbase-date-picker__footer{padding:var(--db-padding-md) var(--db-padding-lg)}}@media (max-width:480px){.designbase-date-picker-dropdown{width:calc(100vw - 16px)}.designbase-date-picker{max-width:320px;width:100%}.designbase-date-picker--size-lg .designbase-date-picker__header,.designbase-date-picker--size-md .designbase-date-picker__header{padding:var(--db-padding-sm) var(--db-padding-md)}.designbase-date-picker--size-lg .designbase-date-picker__current-month,.designbase-date-picker--size-md .designbase-date-picker__current-month{font-size:var(--db-text-base)}.designbase-date-picker--size-lg .designbase-date-picker__weekdays,.designbase-date-picker--size-md .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--size-lg .designbase-date-picker__weekday,.designbase-date-picker--size-md .designbase-date-picker__weekday{font-size:var(--db-text-sm);padding:var(--db-padding-xs) 0}.designbase-date-picker--size-lg .designbase-date-picker__date,.designbase-date-picker--size-md .designbase-date-picker__date{font-size:var(--db-text-sm);min-height:32px}.designbase-date-picker--size-lg .designbase-date-picker__footer,.designbase-date-picker--size-md .designbase-date-picker__footer{padding:var(--db-padding-sm) var(--db-padding-md)}}.designbase-markdown-editor{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);display:flex;flex-direction:column;font-family:var(--db-font-primary);transition:all .2s ease}.designbase-markdown-editor--size-sm .designbase-markdown-editor__toolbar{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-markdown-editor--size-sm .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-sm .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-markdown-editor--size-sm .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-sm .designbase-markdown-editor__preview,.designbase-markdown-editor--size-sm .designbase-markdown-editor__textarea{font-size:var(--db-text-sm);padding:var(--db-padding-m)}.designbase-markdown-editor--size-sm .designbase-markdown-editor__status{font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-markdown-editor--size-md .designbase-markdown-editor__toolbar{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-markdown-editor--size-md .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-md .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-sm);padding:var(--db-padding-s)}.designbase-markdown-editor--size-md .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-md .designbase-markdown-editor__preview,.designbase-markdown-editor--size-md .designbase-markdown-editor__textarea{font-size:var(--db-text-base);padding:var(--db-padding-l)}.designbase-markdown-editor--size-md .designbase-markdown-editor__status{font-size:var(--db-text-sm);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-markdown-editor--size-lg .designbase-markdown-editor__toolbar{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-markdown-editor--size-lg .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-lg .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-markdown-editor--size-lg .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-lg .designbase-markdown-editor__preview,.designbase-markdown-editor--size-lg .designbase-markdown-editor__textarea{font-size:var(--db-text-lg);padding:var(--db-padding-xl)}.designbase-markdown-editor--size-lg .designbase-markdown-editor__status{font-size:var(--db-text-base);padding:var(--db-padding-l) var(--db-padding-xl)}.designbase-markdown-editor--variant-default{background:var(--db-bg-primary);border-color:var(--db-border-primary)}.designbase-markdown-editor--variant-outlined{background:transparent;border-color:var(--db-border-primary)}.designbase-markdown-editor--variant-filled{background:var(--db-bg-secondary);border-color:var(--db-border-primary)}.designbase-markdown-editor--mode-edit .designbase-markdown-editor__content,.designbase-markdown-editor--mode-preview .designbase-markdown-editor__content{display:block}.designbase-markdown-editor--mode-split .designbase-markdown-editor__content{display:flex;gap:var(--db-gap-m)}.designbase-markdown-editor--mode-split .designbase-markdown-editor__edit-panel,.designbase-markdown-editor--mode-split .designbase-markdown-editor__preview-panel{flex:1}.designbase-markdown-editor--mode-code .designbase-markdown-editor__content{display:block}.designbase-markdown-editor--theme-light{color:var(--db-text-primary)}.designbase-markdown-editor--theme-dark{background:var(--db-bg-inverse);border-color:var(--db-border-primary);color:var(--db-text-inverse)}.designbase-markdown-editor--focused{border-color:var(--db-blue-600);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-markdown-editor--disabled,.designbase-markdown-editor--readonly .designbase-markdown-editor__toolbar{opacity:.5;pointer-events:none}.designbase-markdown-editor__toolbar{align-items:center;background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg) var(--db-radius-lg) 0 0;display:flex;flex-wrap:wrap}.designbase-markdown-editor__mode-buttons{align-items:center;display:flex;gap:var(--db-gap-xs);margin-right:var(--db-margin-md)}.designbase-markdown-editor__mode-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;padding:var(--db-padding-sm);transition:all .2s ease}.designbase-markdown-editor__mode-button:hover:not(.designbase-markdown-editor__mode-button--disabled){background:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-markdown-editor__mode-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-markdown-editor__mode-button--active{background:var(--db-blue-600);color:var(--db-white)}.designbase-markdown-editor__mode-button--disabled{cursor:not-allowed;opacity:.5}.designbase-markdown-editor__toolbar-separator{background:var(--db-border-primary);height:24px;margin:0 var(--db-margin-md);width:1px}.designbase-markdown-editor__toolbar-item{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;padding:var(--db-padding-sm);position:relative;transition:all .2s ease}.designbase-markdown-editor__toolbar-item:hover:not(.designbase-markdown-editor__toolbar-item--disabled){background:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-markdown-editor__toolbar-item:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-markdown-editor__toolbar-item--active{background:var(--db-blue-600);color:var(--db-white)}.designbase-markdown-editor__toolbar-item--disabled{cursor:not-allowed;opacity:.5}.designbase-markdown-editor__toolbar-shortcut{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-sm);color:var(--db-text-secondary);font-size:var(--db-text-xs);left:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.designbase-markdown-editor__toolbar-item:hover .designbase-markdown-editor__toolbar-shortcut{opacity:1}.designbase-markdown-editor__file-upload{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-sm);transition:all .2s ease}.designbase-markdown-editor__file-upload:hover{background:var(--db-bg-tertiary);color:var(--db-text-primary)}.designbase-markdown-editor__file-upload:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-markdown-editor__content{flex:1;min-height:200px}.designbase-markdown-editor__edit-panel{height:100%}.designbase-markdown-editor__textarea{background:transparent;border:none;color:inherit;font-family:Monaco,Menlo,Ubuntu Mono,monospace;height:100%;line-height:1.6;min-height:inherit;outline:none;resize:vertical;width:100%}.designbase-markdown-editor__textarea::placeholder{color:var(--db-text-muted)}.designbase-markdown-editor__textarea:disabled{cursor:not-allowed}.designbase-markdown-editor__preview-panel{height:100%;overflow-y:auto}.designbase-markdown-editor__preview{color:inherit;line-height:1.6}.designbase-markdown-editor__preview h1,.designbase-markdown-editor__preview h2,.designbase-markdown-editor__preview h3,.designbase-markdown-editor__preview h4,.designbase-markdown-editor__preview h5,.designbase-markdown-editor__preview h6{font-weight:var(--db-weight-semibold);line-height:1.3;margin:var(--db-margin-lg) 0 var(--db-margin-md) 0}.designbase-markdown-editor__preview h1{font-size:var(--db-text-3xl)}.designbase-markdown-editor__preview h2{font-size:var(--db-text-2xl)}.designbase-markdown-editor__preview h3{font-size:var(--db-text-xl)}.designbase-markdown-editor__preview p{margin:0 0 var(--db-margin-m) 0}.designbase-markdown-editor__preview strong{font-weight:var(--db-weight-semibold)}.designbase-markdown-editor__preview em{font-style:italic}.designbase-markdown-editor__preview del{text-decoration:line-through}.designbase-markdown-editor__preview code{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-sm);color:var(--db-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.designbase-markdown-editor__preview pre{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);margin:var(--db-margin-lg) 0;overflow-x:auto;padding:var(--db-padding-lg)}.designbase-markdown-editor__preview pre code{background:none;border:none;color:inherit;padding:0}.designbase-markdown-editor__preview a{color:var(--db-blue-600);text-decoration:none}.designbase-markdown-editor__preview a:hover{text-decoration:underline}.designbase-markdown-editor__preview img{border-radius:var(--db-radius-md);height:auto;max-width:100%}.designbase-markdown-editor__preview blockquote{background:var(--db-bg-secondary);border-left:4px solid var(--db-blue-600);border-radius:0 var(--db-radius-md) var(--db-radius-md) 0;font-style:italic;margin:var(--db-margin-lg) 0;padding:var(--db-padding-md) var(--db-padding-lg)}.designbase-markdown-editor__preview ol,.designbase-markdown-editor__preview ul{margin:var(--db-margin-md) 0;padding-left:var(--db-padding-xl)}.designbase-markdown-editor__preview li{margin:var(--db-margin-xs) 0}.designbase-markdown-editor__preview table{border-collapse:collapse;margin:var(--db-margin-lg) 0;width:100%}.designbase-markdown-editor__preview td,.designbase-markdown-editor__preview th{border:1px solid var(--db-border-primary);padding:var(--db-padding-sm) var(--db-padding-md);text-align:left}.designbase-markdown-editor__preview th{background:var(--db-bg-secondary);font-weight:var(--db-weight-semibold)}.designbase-markdown-editor__preview hr{border:none;border-top:1px solid var(--db-border-primary);margin:var(--db-margin-xl) 0}.designbase-markdown-editor__code-panel{height:100%;overflow-y:auto}.designbase-markdown-editor__code-view{word-wrap:break-word;background:var(--db-bg-secondary);border:none;border-radius:0;color:var(--db-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;height:100%;line-height:1.6;margin:0;min-height:inherit;outline:none;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.designbase-markdown-editor__code-view code{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;padding:0}.designbase-markdown-editor__status{align-items:center;background:var(--db-bg-secondary);border-radius:0 0 var(--db-radius-lg) var(--db-radius-lg);border-top:1px solid var(--db-border-primary);color:var(--db-text-secondary);display:flex;gap:var(--db-gap-lg)}.designbase-markdown-editor__last-saved,.designbase-markdown-editor__line-count,.designbase-markdown-editor__word-count{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-markdown-editor__last-saved{color:var(--db-green-600)}.designbase-markdown-editor__saving{align-items:center;color:var(--db-blue-600);display:flex;gap:var(--db-gap-xs)}@media (max-width:768px){.designbase-markdown-editor--mode-split .designbase-markdown-editor__content{flex-direction:column}.designbase-markdown-editor__toolbar{gap:var(--db-gap-xs)}.designbase-markdown-editor__mode-buttons{margin-right:var(--db-margin-s)}.designbase-markdown-editor__mode-button,.designbase-markdown-editor__toolbar-item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-markdown-editor__status{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}}@media (max-width:480px){.designbase-markdown-editor__toolbar{padding:var(--db-padding-s)}.designbase-markdown-editor__code-view,.designbase-markdown-editor__preview,.designbase-markdown-editor__textarea{font-size:var(--db-text-sm);padding:var(--db-padding-m)}.designbase-markdown-editor__status{font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m)}}.designbase-lightbox{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.designbase-lightbox--size-sm .designbase-lightbox__modal{max-height:80vh;max-width:600px}.designbase-lightbox--size-sm .designbase-lightbox__image{max-height:400px;max-width:500px}.designbase-lightbox--size-sm .designbase-lightbox__thumbnail{height:60px;width:60px}.designbase-lightbox--size-md .designbase-lightbox__modal{max-height:85vh;max-width:800px}.designbase-lightbox--size-md .designbase-lightbox__image{max-height:500px;max-width:700px}.designbase-lightbox--size-md .designbase-lightbox__thumbnail{height:80px;width:80px}.designbase-lightbox--size-lg .designbase-lightbox__modal{max-height:90vh;max-width:1000px}.designbase-lightbox--size-lg .designbase-lightbox__image{max-height:600px;max-width:900px}.designbase-lightbox--size-lg .designbase-lightbox__thumbnail{height:100px;width:100px}.designbase-lightbox--size-xl .designbase-lightbox__modal{max-height:95vh;max-width:1200px}.designbase-lightbox--size-xl .designbase-lightbox__image{max-height:700px;max-width:1100px}.designbase-lightbox--size-xl .designbase-lightbox__thumbnail{height:120px;width:120px}.designbase-lightbox--variant-default .designbase-lightbox__modal{background:var(--db-bg-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-xl)}.designbase-lightbox--variant-minimal .designbase-lightbox__modal{background:transparent;border-radius:0;box-shadow:none}.designbase-lightbox--variant-minimal .designbase-lightbox__header,.designbase-lightbox--variant-minimal .designbase-lightbox__thumbnails{backdrop-filter:blur(10px);background:rgba(0,0,0,.5)}.designbase-lightbox--variant-fullscreen .designbase-lightbox__modal{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.designbase-lightbox--theme-light{color:var(--db-text-primary)}.designbase-lightbox--theme-dark .designbase-lightbox__modal{background:var(--db-bg-primary-dark);color:var(--db-text-primary-dark)}.designbase-lightbox--fullscreen .designbase-lightbox__overlay{padding:0!important}.designbase-lightbox--fullscreen .designbase-lightbox__modal{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.designbase-lightbox--disabled,.designbase-lightbox--readonly .designbase-lightbox__nav-button,.designbase-lightbox--readonly .designbase-lightbox__thumbnail,.designbase-lightbox--readonly .designbase-lightbox__toolbar-button{opacity:.5;pointer-events:none}.designbase-lightbox__overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:var(--db-padding-lg);position:absolute;right:0;top:0}.designbase-lightbox__modal{background:var(--db-bg-primary);border-radius:var(--db-radius-lg);display:flex;flex-direction:column;height:100%;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.designbase-lightbox__header{align-items:center;background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-lg)}.designbase-lightbox__title{align-items:center;display:flex;flex:1;gap:var(--db-gap-md);min-width:0}.designbase-lightbox__title-text{color:var(--db-text-primary);font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-lightbox__counter{color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-lightbox__header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-sm)}.designbase-lightbox__toolbar-button{align-items:center;background:transparent;border:1px solid var(--db-border-primary);border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);height:36px;justify-content:center;transition:all .2s ease;width:36px}.designbase-lightbox__toolbar-button:hover:not(:disabled){background:var(--db-bg-hover);border-color:var(--db-border-secondary);color:var(--db-text-primary)}.designbase-lightbox__toolbar-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-lightbox__toolbar-button:disabled{cursor:not-allowed;opacity:.5}.designbase-lightbox__close-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-sm);color:var(--db-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.designbase-lightbox__close-button:hover:not(:disabled){background:var(--db-bg-hover);color:var(--db-text-primary)}.designbase-lightbox__close-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-lightbox__close-button:disabled{cursor:not-allowed;opacity:.5}.designbase-lightbox__content{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.designbase-lightbox__nav-button{align-items:center;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-primary-foreground);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10}.designbase-lightbox__nav-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.designbase-lightbox__nav-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-lightbox__nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-lightbox__nav-button--prev{left:var(--db-padding-lg)}.designbase-lightbox__nav-button--next{right:var(--db-padding-lg)}.designbase-lightbox__image-container{align-items:center;background:var(--db-bg-tertiary);display:flex;flex:1;justify-content:center;min-height:200px;overflow:hidden;position:relative}.designbase-lightbox__image{max-height:100%;max-width:100%;object-fit:contain;opacity:0;transition:all .3s ease}.designbase-lightbox__image--loaded{opacity:1}.designbase-lightbox__image--dragging{transition:none}.designbase-lightbox__loading{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column;gap:var(--db-gap-md);justify-content:center}.designbase-lightbox__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--db-border-primary);border:3px solid var(--db-border-primary);border-radius:50%;border-top-color:var(--db-blue-600);height:32px;width:32px}.designbase-lightbox__loading-text{color:var(--db-text-secondary);font-size:var(--db-text-sm);margin:0}.designbase-lightbox__error{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column;gap:var(--db-gap-md);justify-content:center}.designbase-lightbox__error-icon{font-size:var(--db-text-xl)}.designbase-lightbox__error-text{color:var(--db-text-secondary);font-size:var(--db-text-sm);margin:0}.designbase-lightbox__description{background:var(--db-bg-secondary);border-top:1px solid var(--db-border-primary);flex-shrink:0;padding:var(--db-padding-lg)}.designbase-lightbox__description-text{color:var(--db-text-secondary);font-size:var(--db-text-sm);line-height:1.6;margin:0}.designbase-lightbox__thumbnails{background:var(--db-bg-secondary);border-top:1px solid var(--db-border-primary);flex-shrink:0;padding:var(--db-padding-lg)}.designbase-lightbox__thumbnails-container{display:flex;gap:var(--db-gap-sm);overflow-x:auto;scrollbar-color:var(--db-border-primary) transparent;scrollbar-width:thin}.designbase-lightbox__thumbnails-container::-webkit-scrollbar{height:6px}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-track{background:transparent}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-thumb{background:var(--db-border-primary);border-radius:3px}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-thumb:hover{background:var(--db-border-secondary)}.designbase-lightbox__thumbnail{align-items:center;background:transparent;border:2px solid var(--db-border-primary);border-radius:var(--db-radius-md);cursor:pointer;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;transition:all .2s ease;width:100px}.designbase-lightbox__thumbnail:hover:not(:disabled){border-color:var(--db-blue-600);transform:scale(1.05)}.designbase-lightbox__thumbnail:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-lightbox__thumbnail:disabled{cursor:not-allowed;opacity:.5}.designbase-lightbox__thumbnail--active{border-color:var(--db-blue-600);box-shadow:0 0 0 2px var(--db-blue-100)}.designbase-lightbox__thumbnail-image{border-radius:var(--db-radius-sm);height:100%;object-fit:cover;width:100%}@media (max-width:768px){.designbase-lightbox__overlay{padding:var(--db-padding-md)}.designbase-lightbox__modal{max-height:95vh}.designbase-lightbox__header{align-items:stretch;flex-direction:column;gap:var(--db-gap-sm);padding:var(--db-padding-md)}.designbase-lightbox__header-actions,.designbase-lightbox__title{justify-content:center}.designbase-lightbox__nav-button{height:40px;width:40px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-md)}.designbase-lightbox__nav-button--next{right:var(--db-padding-md)}.designbase-lightbox__thumbnails{padding:var(--db-padding-md)}.designbase-lightbox__thumbnail{height:80px;width:80px}}@media (max-width:480px){.designbase-lightbox__header,.designbase-lightbox__overlay{padding:var(--db-padding-sm)}.designbase-lightbox__title-text{font-size:var(--db-text-md)}.designbase-lightbox__toolbar-button{height:32px;width:32px}.designbase-lightbox__close-button,.designbase-lightbox__nav-button{height:36px;width:36px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-sm)}.designbase-lightbox__nav-button--next{right:var(--db-padding-sm)}.designbase-lightbox__thumbnails{padding:var(--db-padding-sm)}.designbase-lightbox__thumbnail{height:60px;width:60px}}.designbase-carousel{overflow:hidden;position:relative;width:100%}.designbase-carousel--size-sm .designbase-carousel__container{height:200px}.designbase-carousel--size-sm .designbase-carousel__slide-title{font-size:var(--db-text-sm)}.designbase-carousel--size-sm .designbase-carousel__slide-description{font-size:var(--db-text-xs)}.designbase-carousel--size-sm .designbase-carousel__nav-button{height:32px;width:32px}.designbase-carousel--size-sm .designbase-carousel__indicator{height:8px;width:8px}.designbase-carousel--size-sm .designbase-carousel__action-button{height:28px;width:28px}.designbase-carousel--size-md .designbase-carousel__container{height:300px}.designbase-carousel--size-md .designbase-carousel__slide-title{font-size:var(--db-text-base)}.designbase-carousel--size-md .designbase-carousel__slide-description{font-size:var(--db-text-sm)}.designbase-carousel--size-md .designbase-carousel__nav-button{height:40px;width:40px}.designbase-carousel--size-md .designbase-carousel__indicator{height:10px;width:10px}.designbase-carousel--size-md .designbase-carousel__action-button{height:32px;width:32px}.designbase-carousel--size-lg .designbase-carousel__container{height:400px}.designbase-carousel--size-lg .designbase-carousel__slide-title{font-size:var(--db-text-lg)}.designbase-carousel--size-lg .designbase-carousel__slide-description{font-size:var(--db-text-base)}.designbase-carousel--size-lg .designbase-carousel__nav-button{height:48px;width:48px}.designbase-carousel--size-lg .designbase-carousel__indicator{height:12px;width:12px}.designbase-carousel--size-lg .designbase-carousel__action-button{height:36px;width:36px}.designbase-carousel--size-xl .designbase-carousel__container{height:500px}.designbase-carousel--size-xl .designbase-carousel__slide-title{font-size:var(--db-text-xl)}.designbase-carousel--size-xl .designbase-carousel__slide-description{font-size:var(--db-text-lg)}.designbase-carousel--size-xl .designbase-carousel__nav-button{height:56px;width:56px}.designbase-carousel--size-xl .designbase-carousel__indicator{height:14px;width:14px}.designbase-carousel--size-xl .designbase-carousel__action-button{height:40px;width:40px}.designbase-carousel--variant-default .designbase-carousel__slide{border-radius:var(--db-radius-md);overflow:hidden}.designbase-carousel--variant-cards .designbase-carousel__slide{background:var(--db-bg-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-md);overflow:hidden}.designbase-carousel--variant-gallery .designbase-carousel__slide{border-radius:var(--db-radius-sm);overflow:hidden}.designbase-carousel--variant-gallery .designbase-carousel__slide-image{overflow:hidden;position:relative}.designbase-carousel--variant-gallery .designbase-carousel__slide-img{transition:transform .3s ease}.designbase-carousel--variant-gallery .designbase-carousel__slide:hover .designbase-carousel__slide-img{transform:scale(1.05)}.designbase-carousel--variant-hero .designbase-carousel__container{height:600px}.designbase-carousel--variant-hero .designbase-carousel__slide{overflow:hidden;position:relative}.designbase-carousel--variant-hero .designbase-carousel__slide-info{background:rgba(0,0,0,.7);border-radius:var(--db-radius-lg);left:50%;max-width:80%;padding:var(--db-padding-xl);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.designbase-carousel--variant-hero .designbase-carousel__slide-title{font-size:var(--db-text-3xl);margin-bottom:var(--db-margin-md)}.designbase-carousel--variant-hero .designbase-carousel__slide-description{font-size:var(--db-text-lg)}.designbase-carousel--variant-testimonial .designbase-carousel__slide{align-items:center;background:var(--db-bg-primary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--db-padding-xl);text-align:center}.designbase-carousel--variant-testimonial .designbase-carousel__slide-description{font-size:var(--db-text-lg);font-style:italic;margin-bottom:var(--db-margin-lg)}.designbase-carousel--variant-testimonial .designbase-carousel__slide-meta{font-weight:var(--db-weight-semibold)}.designbase-carousel--theme-light{color:var(--db-text-primary)}.designbase-carousel--theme-dark{color:var(--db-text-inverse)}.designbase-carousel--theme-dark .designbase-carousel__slide{background:var(--db-bg-inverse)}.designbase-carousel--theme-dark .designbase-carousel__action-button,.designbase-carousel--theme-dark .designbase-carousel__autoplay-button,.designbase-carousel--theme-dark .designbase-carousel__fullscreen-button,.designbase-carousel--theme-dark .designbase-carousel__nav-button,.designbase-carousel--theme-dark .designbase-carousel__quick-nav-button{background:var(--db-bg-overlay);color:var(--db-text-inverse)}.designbase-carousel--theme-dark .designbase-carousel__action-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__autoplay-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__fullscreen-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__nav-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__quick-nav-button:hover:not(:disabled){background:var(--db-bg-overlay)}.designbase-carousel--transition-slide .designbase-carousel__track{transition:transform .3s ease}.designbase-carousel--transition-fade .designbase-carousel__slide{opacity:0;transition:opacity .3s ease}.designbase-carousel--transition-fade .designbase-carousel__slide--active{opacity:1}.designbase-carousel--transition-zoom .designbase-carousel__slide{transform:scale(.8);transition:transform .3s ease}.designbase-carousel--transition-zoom .designbase-carousel__slide--active{transform:scale(1)}.designbase-carousel--transition-flip .designbase-carousel__slide{transform:rotateY(90deg);transition:transform .6s ease}.designbase-carousel--transition-flip .designbase-carousel__slide--active{transform:rotateY(0deg)}.designbase-carousel--transition-cube .designbase-carousel__track{perspective:1000px;transform-style:preserve-3d}.designbase-carousel--transition-cube .designbase-carousel__slide{transform:rotateY(0deg) translateZ(0);transition:transform .6s ease}.designbase-carousel--indicator-dots .designbase-carousel__indicator-dot{border-radius:50%}.designbase-carousel--indicator-lines .designbase-carousel__indicator-line{background:var(--db-border-primary);border-radius:2px;height:3px;transition:all .2s ease;width:100%}.designbase-carousel--indicator-lines .designbase-carousel__indicator--active .designbase-carousel__indicator-line{background:var(--db-blue-600);transform:scaleX(1.5)}.designbase-carousel--indicator-numbers .designbase-carousel__indicator-number{color:var(--db-text-secondary);font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);transition:all .2s ease}.designbase-carousel--indicator-numbers .designbase-carousel__indicator--active .designbase-carousel__indicator-number{color:var(--db-blue-600);font-weight:var(--db-weight-semibold)}.designbase-carousel--indicator-thumbnails .designbase-carousel__indicator-thumbnail{border-radius:var(--border-radius-semantic-radius-sm,4px);height:100%;object-fit:cover;opacity:.6;transition:all .2s ease;width:100%}.designbase-carousel--indicator-thumbnails .designbase-carousel__indicator--active .designbase-carousel__indicator-thumbnail{opacity:1;transform:scale(1.1)}.designbase-carousel--disabled,.designbase-carousel--readonly .designbase-carousel__action-button,.designbase-carousel--readonly .designbase-carousel__autoplay-button,.designbase-carousel--readonly .designbase-carousel__fullscreen-button,.designbase-carousel--readonly .designbase-carousel__indicator,.designbase-carousel--readonly .designbase-carousel__nav-button,.designbase-carousel--readonly .designbase-carousel__quick-nav-button{opacity:.5;pointer-events:none}.designbase-carousel--dragging{cursor:grabbing}.designbase-carousel--dragging .designbase-carousel__track{transition:none}.designbase-carousel--fullscreen{background:var(--db-bg-primary);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.designbase-carousel--fullscreen .designbase-carousel__container{height:100vh}.designbase-carousel--transitioning .designbase-carousel__track{pointer-events:none}.designbase-carousel__container{border-radius:var(--db-radius-lg);height:300px;overflow:hidden;position:relative;width:100%}.designbase-carousel__track{display:flex;height:100%;transition:transform .3s ease;width:100%}.designbase-carousel__slide{cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;position:relative;transition:all .3s ease}.designbase-carousel__slide:hover{transform:translateY(-2px)}.designbase-carousel__slide-image{flex:1;overflow:hidden;position:relative}.designbase-carousel__slide-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.designbase-carousel__slide-content{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--db-padding-lg)}.designbase-carousel__slide-info{background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;color:var(--db-text-inverse);left:0;padding:var(--db-padding-lg);position:absolute;right:0}.designbase-carousel__slide-title{font-weight:var(--db-weight-semibold);line-height:1.4;margin:0 0 var(--db-margin-xs) 0}.designbase-carousel__slide-description{font-size:var(--db-text-sm);line-height:1.5;margin:0;opacity:.9}.designbase-carousel__slide-meta{align-items:center;display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-sm);margin-top:var(--db-margin-sm);opacity:.8}.designbase-carousel__slide-author,.designbase-carousel__slide-date,.designbase-carousel__slide-rating{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-carousel__slide-actions{display:flex;flex-direction:column;gap:var(--db-gap-xs);position:absolute;right:var(--db-margin-md);top:var(--db-margin-md);z-index:10}.designbase-carousel__action-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.designbase-carousel__action-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__action-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-carousel__action-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__action-button--active{background:var(--db-blue-600)}.designbase-carousel__action-button--active:hover:not(:disabled){background:var(--db-blue-700)}.designbase-carousel__action-button--like.designbase-carousel__action-button--active{background:var(--db-red-600)}.designbase-carousel__action-button--like.designbase-carousel__action-button--active:hover:not(:disabled){background:var(--db-red-700)}.designbase-carousel__nav-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.designbase-carousel__nav-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.designbase-carousel__nav-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-carousel__nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__nav-button--prev{left:var(--db-margin-md)}.designbase-carousel__nav-button--next{right:var(--db-margin-md)}.designbase-carousel__quick-nav-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.3);border:none;border-radius:50%;color:var(--db-text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}.designbase-carousel__quick-nav-button:hover:not(:disabled){background:rgba(0,0,0,.5);transform:translateY(-50%) scale(1.1)}.designbase-carousel__quick-nav-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-carousel__quick-nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__quick-nav-button--first{left:var(--db-margin-sm)}.designbase-carousel__quick-nav-button--last{right:var(--db-margin-sm)}.designbase-carousel__fullscreen-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--db-margin-m);top:var(--db-margin-m);transition:all .2s ease;width:36px;z-index:10}.designbase-carousel__fullscreen-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__fullscreen-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-carousel__fullscreen-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__controls{align-items:center;display:flex;gap:var(--db-gap-lg);justify-content:center;margin-top:var(--db-margin-md);padding:var(--db-padding-md)}.designbase-carousel__indicators{align-items:center;display:flex;gap:var(--db-gap-sm);justify-content:center}.designbase-carousel__indicator{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:10px;justify-content:center;padding:0;transition:all .2s ease;width:10px}.designbase-carousel__indicator:hover:not(:disabled){transform:scale(1.2)}.designbase-carousel__indicator:focus{outline:2px solid var(--color-semantic-primary-default,#3b82f6);outline-offset:2px}.designbase-carousel__indicator:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__indicator-dot{background:var(--db-border-primary);border-radius:50%;height:100%;transition:all .2s ease;width:100%}.designbase-carousel__indicator--active .designbase-carousel__indicator-dot{background:var(--db-blue-600);transform:scale(1.2)}.designbase-carousel__autoplay-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.designbase-carousel__autoplay-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__autoplay-button:focus{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-carousel__autoplay-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.designbase-carousel__container{height:250px}.designbase-carousel__nav-button{height:36px;width:36px}.designbase-carousel__nav-button--prev{left:var(--db-margin-s)}.designbase-carousel__nav-button--next{right:var(--db-margin-s)}.designbase-carousel__action-button{height:28px;width:28px}.designbase-carousel__slide-info{padding:var(--db-padding-m)}.designbase-carousel__slide-title{font-size:var(--db-text-sm)}.designbase-carousel__slide-description{font-size:var(--db-text-xs)}.designbase-carousel__controls{flex-direction:column;gap:var(--db-gap-s)}}@media (max-width:480px){.designbase-carousel__container{height:200px}.designbase-carousel__nav-button{height:32px;width:32px}.designbase-carousel__nav-button--prev{left:var(--db-margin-xs)}.designbase-carousel__nav-button--next{right:var(--db-margin-xs)}.designbase-carousel__action-button{height:24px;width:24px}.designbase-carousel__slide-info{padding:var(--db-padding-s)}.designbase-carousel__controls{margin-top:var(--db-margin-s)}}.designbase-list{display:flex;flex-direction:column;width:100%}.designbase-list--size-sm .designbase-list__item{font-size:var(--db-text-sm);line-height:var(--db-leading-normal);padding:var(--db-padding-xs)}.designbase-list--size-sm .designbase-list__item-title{font-size:var(--db-text-sm);font-weight:var(--db-weight-medium)}.designbase-list--size-sm .designbase-list__item-description{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-list--size-sm .designbase-list__item-icon{height:var(--db-size-sm);margin-right:var(--db-margin-xs);width:var(--db-size-sm)}.designbase-list--size-sm .designbase-list__item-image{height:var(--db-size-md);margin-right:var(--db-margin-xs);width:var(--db-size-md)}.designbase-list--size-md .designbase-list__item{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-s)}.designbase-list--size-md .designbase-list__item-title{font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-list--size-md .designbase-list__item-description{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-list--size-md .designbase-list__item-icon{height:var(--db-size-md);margin-right:var(--db-margin-s);width:var(--db-size-md)}.designbase-list--size-md .designbase-list__item-image{height:var(--db-size-lg);margin-right:var(--db-margin-s);width:var(--db-size-lg)}.designbase-list--size-lg .designbase-list__item{font-size:var(--db-text-lg);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-list--size-lg .designbase-list__item-title{font-size:var(--db-text-lg);font-weight:var(--db-weight-medium)}.designbase-list--size-lg .designbase-list__item-description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-list--size-lg .designbase-list__item-icon{height:var(--db-size-md);margin-right:var(--db-margin-m);width:var(--db-size-md)}.designbase-list--size-lg .designbase-list__item-image{height:var(--db-size-xl);margin-right:var(--db-margin-m);width:var(--db-size-xl)}.designbase-list--layout-horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-list--layout-horizontal .designbase-list__item{flex:1;max-width:300px;min-width:200px}.designbase-list--spacing-none .designbase-list__item{margin-bottom:0}.designbase-list--spacing-sm .designbase-list__item{margin-bottom:var(--db-margin-xs)}.designbase-list--spacing-md .designbase-list__item{margin-bottom:var(--db-margin-s)}.designbase-list--spacing-lg .designbase-list__item{margin-bottom:var(--db-margin-m)}.designbase-list--variant-default .designbase-list__item{background:var(--db-bg-primary);border-radius:var(--db-radius-md);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-default .designbase-list__item:hover{background:var(--db-bg-secondary)}.designbase-list--variant-bordered .designbase-list__item{background:var(--db-bg-primary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-md);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-bordered .designbase-list__item:hover{border-color:var(--db-border-primary);box-shadow:var(--db-shadow-sm)}.designbase-list--variant-card .designbase-list__item{background:var(--db-bg-primary);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-sm);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-card .designbase-list__item:hover{box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-list--variant-minimal .designbase-list__item{background:transparent;border:none;border-bottom:1px solid var(--db-border-muted);border-radius:0;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-minimal .designbase-list__item:last-child{border-bottom:none}.designbase-list--variant-minimal .designbase-list__item:hover{background:var(--db-bg-secondary)}.designbase-list--selectable .designbase-list__item{cursor:pointer}.designbase-list--selectable .designbase-list__item--selected{background:var(--db-blue-500);border-color:var(--db-blue-500);color:var(--db-white)}.designbase-list--selectable .designbase-list__item--selected:hover{background:var(--db-blue-600)}.designbase-list--draggable .designbase-list__item{cursor:grab}.designbase-list--draggable .designbase-list__item--dragging{cursor:grabbing;opacity:var(--db-opacity-50)}.designbase-list--loading .designbase-list__item{pointer-events:none}.designbase-list__item{align-items:center;background:var(--db-bg-primary);border-radius:var(--db-radius-md);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list__item--alignment-start{align-items:flex-start}.designbase-list__item--alignment-center{align-items:center}.designbase-list__item--alignment-end{align-items:flex-end}.designbase-list__item--alignment-stretch{align-items:stretch}.designbase-list__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-list__item--clickable{cursor:pointer}.designbase-list__item--clickable:hover{background:var(--db-bg-secondary)}.designbase-list__item--clickable:active{transform:translateY(1px)}.designbase-list__item-checkbox{align-items:center;display:flex;margin-right:var(--db-margin-s)}.designbase-list__item-checkbox input[type=checkbox],.designbase-list__item-checkbox input[type=radio]{cursor:pointer;height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-list__item-icon{align-items:center;color:var(--db-text-muted);display:flex;flex-shrink:0;justify-content:center}.designbase-list__item-image{border-radius:var(--db-radius-sm);flex-shrink:0;overflow:hidden}.designbase-list__item-image img{height:100%;object-fit:cover;width:100%}.designbase-list__item-content{flex:1;min-width:0}.designbase-list__item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-xs)}.designbase-list__item-title{color:var(--db-text-primary);font-weight:var(--db-weight-medium);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-list__item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--db-text-muted);display:-webkit-box;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.designbase-list__item-badge{border-radius:var(--db-radius-sm);flex-shrink:0;font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:1;padding:var(--db-padding-xs) var(--db-padding-s);white-space:nowrap}.designbase-list__item-badge--color-primary.designbase-list__item-badge--variant-solid{background:var(--db-blue-500);color:var(--db-white)}.designbase-list__item-badge--color-primary.designbase-list__item-badge--variant-outline{background:transparent;border:1px solid var(--db-blue-500);color:var(--db-blue-500)}.designbase-list__item-badge--color-primary.designbase-list__item-badge--variant-soft{background:var(--db-blue-50);color:var(--db-blue-700)}.designbase-list__item-badge--color-secondary.designbase-list__item-badge--variant-solid{background:var(--db-neutral-500);color:var(--db-white)}.designbase-list__item-badge--color-secondary.designbase-list__item-badge--variant-outline{background:transparent;border:1px solid var(--db-neutral-500);color:var(--db-neutral-500)}.designbase-list__item-badge--color-secondary.designbase-list__item-badge--variant-soft{background:var(--db-neutral-50);color:var(--db-neutral-700)}.designbase-list__item-badge--color-success.designbase-list__item-badge--variant-solid{background:var(--db-green-500);color:var(--db-white)}.designbase-list__item-badge--color-success.designbase-list__item-badge--variant-outline{background:transparent;border:1px solid var(--db-green-500);color:var(--db-green-500)}.designbase-list__item-badge--color-success.designbase-list__item-badge--variant-soft{background:var(--db-green-50);color:var(--db-green-700)}.designbase-list__item-badge--color-warning.designbase-list__item-badge--variant-solid{background:var(--db-yellow-500);color:var(--db-white)}.designbase-list__item-badge--color-warning.designbase-list__item-badge--variant-outline{background:transparent;border:1px solid var(--db-yellow-500);color:var(--db-yellow-500)}.designbase-list__item-badge--color-warning.designbase-list__item-badge--variant-soft{background:var(--db-yellow-50);color:var(--db-yellow-700)}.designbase-list__item-badge--color-error.designbase-list__item-badge--variant-solid{background:var(--db-red-500);color:var(--db-white)}.designbase-list__item-badge--color-error.designbase-list__item-badge--variant-outline{background:transparent;border:1px solid var(--db-red-500);color:var(--db-red-500)}.designbase-list__item-badge--color-error.designbase-list__item-badge--variant-soft{background:var(--db-red-50);color:var(--db-red-700)}.designbase-list__item-badge--color-info.designbase-list__item-badge--variant-solid{background:var(--db-blue-500);color:var(--db-white)}.designbase-list__item-badge--color-info.designbase-list__item-badge--variant-outline{background:transparent;border:1px solid var(--db-blue-500);color:var(--db-blue-500)}.designbase-list__item-badge--color-info.designbase-list__item-badge--variant-soft{background:var(--db-blue-50);color:var(--db-blue-700)}.designbase-list__item-meta{display:flex;flex-direction:column;gap:var(--db-gap-xs);margin-top:var(--db-margin-s)}.designbase-list__item-meta-item{align-items:center;color:var(--db-text-muted);display:flex;font-size:var(--db-text-xs)}.designbase-list__item-meta-label{font-weight:var(--db-weight-medium);margin-right:var(--db-margin-xs)}.designbase-list__item-meta-value{color:var(--db-text-secondary)}.designbase-list__item-actions{flex-shrink:0;gap:var(--db-gap-s);margin-left:var(--db-margin-s)}.designbase-list__item-action,.designbase-list__item-actions{align-items:center;display:flex}.designbase-list__item-drag-handle{align-items:center;color:var(--db-text-muted);cursor:grab;display:flex;flex-shrink:0;height:var(--db-size-md);justify-content:center;margin-left:var(--db-margin-s);width:var(--db-size-md)}.designbase-list__item-drag-handle:hover{color:var(--db-text-secondary)}.designbase-list__item--loading .designbase-list__item-skeleton{align-items:center;display:flex;width:100%}.designbase-list__item--loading .designbase-list__item-skeleton-icon{animation:pulse 1.5s ease-in-out infinite;background:var(--db-bg-tertiary);border-radius:var(--db-radius-sm);height:var(--db-size-md);margin-right:var(--db-margin-s);width:var(--db-size-md)}.designbase-list__item--loading .designbase-list__item-skeleton-content{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-s)}.designbase-list__item--loading .designbase-list__item-skeleton-title{animation:pulse 1.5s ease-in-out infinite;background:var(--db-bg-tertiary);border-radius:var(--db-radius-sm);height:16px;width:60%}.designbase-list__item--loading .designbase-list__item-skeleton-description{animation:pulse 1.5s ease-in-out infinite;background:var(--db-bg-tertiary);border-radius:var(--db-radius-sm);height:12px;width:80%}.designbase-list__empty{align-items:center;color:var(--db-text-muted);display:flex;justify-content:center;padding:var(--db-padding-lg);text-align:center}@media (max-width:768px){.designbase-list--layout-horizontal{flex-direction:column}.designbase-list--layout-horizontal .designbase-list__item{max-width:none;min-width:auto}.designbase-list__item-actions{margin-left:var(--db-margin-s)}.designbase-list__item-meta{flex-direction:column;gap:var(--db-gap-xs)}}.designbase-hero-feature{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.designbase-hero-feature--size-sm{min-height:300px;padding:var(--db-padding-lg) var(--db-padding-sm)}.designbase-hero-feature--size-sm .designbase-hero-feature__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-sm .designbase-hero-feature__subtitle{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-sm .designbase-hero-feature__description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-hero-feature--size-md{min-height:400px;padding:var(--db-padding-xl) var(--db-padding-md)}.designbase-hero-feature--size-md .designbase-hero-feature__title{font-size:var(--db-text-3xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-md .designbase-hero-feature__subtitle{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-md .designbase-hero-feature__description{font-size:var(--db-text-lg);line-height:var(--db-leading-normal)}.designbase-hero-feature--size-lg{min-height:500px;padding:var(--db-padding-2xl) var(--db-padding-lg)}.designbase-hero-feature--size-lg .designbase-hero-feature__title{font-size:var(--db-text-4xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-lg .designbase-hero-feature__subtitle{font-size:var(--db-text-3xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-lg .designbase-hero-feature__description{font-size:var(--db-text-xl);line-height:var(--db-leading-relaxed)}.designbase-hero-feature--size-xl{min-height:600px;padding:var(--db-padding-3xl) var(--db-padding-xl)}.designbase-hero-feature--size-xl .designbase-hero-feature__title{font-size:var(--db-text-5xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-xl .designbase-hero-feature__subtitle{font-size:var(--db-text-4xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-xl .designbase-hero-feature__description{font-size:var(--db-text-2xl);line-height:var(--db-leading-relaxed)}.designbase-hero-feature--full-height{min-height:100vh}.designbase-hero-feature--theme-light{background:var(--db-bg-primary);color:var(--db-text-primary)}.designbase-hero-feature--theme-dark{background:var(--db-bg-inverse);color:var(--db-text-inverse)}.designbase-hero-feature--theme-gradient{background:linear-gradient(135deg,var(--db-blue-600) 0,var(--db-blue-400) 100%);color:var(--db-text-inverse)}.designbase-hero-feature--theme-image{background:var(--db-bg-primary);color:var(--db-text-primary)}.designbase-hero-feature--alignment-left .designbase-hero-feature__content{align-items:flex-start;text-align:left}.designbase-hero-feature--alignment-center .designbase-hero-feature__content{align-items:center;text-align:center}.designbase-hero-feature--alignment-right .designbase-hero-feature__content{align-items:flex-end;text-align:right}.designbase-hero-feature--animated .designbase-hero-feature__buttons,.designbase-hero-feature--animated .designbase-hero-feature__description,.designbase-hero-feature--animated .designbase-hero-feature__subtitle,.designbase-hero-feature--animated .designbase-hero-feature__title{animation:fadeInUp .8s ease-out}.designbase-hero-feature--animated .designbase-hero-feature__badge{animation:fadeInDown .6s ease-out}.designbase-hero-feature--animated .designbase-hero-feature__stats{animation:fadeInUp 1s ease-out .2s both}.designbase-hero-feature--parallax .designbase-hero-feature__image--parallax{transform:translateZ(0);will-change:transform}.designbase-hero-feature__container{align-items:center;display:flex;gap:var(--db-gap-lg);justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.designbase-hero-feature__content{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-sm);max-width:600px}.designbase-hero-feature__icon{align-items:center;background:var(--db-blue-600);border-radius:var(--db-radius-lg);color:var(--db-white);display:flex;height:64px;justify-content:center;margin-bottom:var(--db-margin-sm);width:64px}.designbase-hero-feature__badge{align-items:center;border-radius:var(--db-radius-sm);display:inline-flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:1;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-sm);white-space:nowrap;width:fit-content}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-solid{background:var(--db-blue-600);color:var(--db-white)}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-blue-600);color:var(--db-blue-600)}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-soft{background:var(--db-blue-100);color:var(--db-blue-700)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-solid{background:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-border-primary);color:var(--db-text-secondary)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-soft{background:var(--db-bg-tertiary);color:var(--db-text-secondary)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-solid{background:var(--db-green-600);color:var(--db-white)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-green-600);color:var(--db-green-600)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-soft{background:var(--db-green-100);color:var(--db-green-700)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-solid{background:var(--db-yellow-600);color:var(--db-white)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-yellow-600);color:var(--db-yellow-700)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-soft{background:var(--db-yellow-100);color:var(--db-yellow-700)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-solid{background:var(--db-red-600);color:var(--db-white)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-red-600);color:var(--db-red-600)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-soft{background:var(--db-red-100);color:var(--db-red-700)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-solid{background:var(--db-blue-600);color:var(--db-white)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-blue-600);color:var(--db-blue-600)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-soft{background:var(--db-blue-100);color:var(--db-blue-700)}.designbase-hero-feature__title{color:inherit;font-weight:var(--db-weight-bold);line-height:1.2;margin:0}.designbase-hero-feature__subtitle{color:inherit;font-weight:var(--db-weight-semibold);line-height:1.3;margin:0;opacity:.8}.designbase-hero-feature__description{color:inherit;line-height:1.6;margin:0;max-width:500px;opacity:.7}.designbase-hero-feature__buttons{display:flex;flex-wrap:wrap;gap:var(--db-gap-sm);margin-top:var(--db-margin-sm)}.designbase-hero-feature__button{align-items:center;border:none;border-radius:var(--db-radius-md);cursor:pointer;display:inline-flex;font-size:var(--db-text-base);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-sm) var(--db-padding-lg);text-decoration:none;transition:all .2s ease}.designbase-hero-feature__button--size-sm{font-size:var(--db-text-sm);padding:var(--db-padding-xs) var(--db-padding-md)}.designbase-hero-feature__button--size-md{font-size:var(--db-text-base);padding:var(--db-padding-sm) var(--db-padding-lg)}.designbase-hero-feature__button--size-lg{font-size:var(--db-text-lg);padding:var(--db-padding-md) var(--db-padding-xl)}.designbase-hero-feature__button--variant-primary{background:var(--db-blue-600);color:var(--db-white)}.designbase-hero-feature__button--variant-primary:hover{background:var(--db-blue-700);transform:translateY(-1px)}.designbase-hero-feature__button--variant-secondary{background:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-hero-feature__button--variant-secondary:hover{background:var(--db-bg-hover);transform:translateY(-1px)}.designbase-hero-feature__button--variant-outline{background:transparent;border:2px solid var(--db-blue-600);color:var(--db-blue-600)}.designbase-hero-feature__button--variant-outline:hover{background:var(--db-blue-600);border-color:var(--db-blue-600)}.designbase-hero-feature__button--variant-ghost{background:transparent;color:var(--db-blue-600)}.designbase-hero-feature__button--variant-ghost:hover{background:var(--db-blue-100)}.designbase-hero-feature__button-icon{align-items:center;display:flex;justify-content:center}.designbase-hero-feature__stats{display:flex;flex-wrap:wrap;gap:var(--db-gap-md);margin-top:var(--db-margin-md)}.designbase-hero-feature__stat{align-items:flex-start;display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-hero-feature__stat-value{color:inherit;font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold);line-height:1}.designbase-hero-feature__stat-label{color:inherit;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);opacity:.7}.designbase-hero-feature__stat-description{color:inherit;font-size:var(--db-text-xs);opacity:.5}.designbase-hero-feature__image{align-items:center;display:flex;flex:1;justify-content:center;max-width:500px}.designbase-hero-feature__image img{border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-lg);height:auto;transition:transform .3s ease;width:100%}.designbase-hero-feature__image img:hover{transform:scale(1.02)}.designbase-hero-feature__background-video{object-fit:cover}.designbase-hero-feature__background-image,.designbase-hero-feature__background-video,.designbase-hero-feature__overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.designbase-hero-feature--variant-split .designbase-hero-feature__container{flex-direction:row}.designbase-hero-feature--variant-centered .designbase-hero-feature__container{flex-direction:column;text-align:center}.designbase-hero-feature--variant-centered .designbase-hero-feature__content{align-items:center;text-align:center}.designbase-hero-feature--variant-overlay .designbase-hero-feature__content{position:relative;z-index:3}.designbase-hero-feature--variant-minimal .designbase-hero-feature__content{max-width:800px}.designbase-hero-feature--variant-minimal .designbase-hero-feature__title{font-size:var(--db-text-4xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.designbase-hero-feature--size-lg,.designbase-hero-feature--size-xl{padding:var(--db-padding-lg) var(--db-padding-sm)}.designbase-hero-feature--size-lg .designbase-hero-feature__title,.designbase-hero-feature--size-xl .designbase-hero-feature__title{font-size:var(--db-text-3xl)}.designbase-hero-feature--size-lg .designbase-hero-feature__subtitle,.designbase-hero-feature--size-xl .designbase-hero-feature__subtitle{font-size:var(--db-text-2xl)}.designbase-hero-feature--size-lg .designbase-hero-feature__description,.designbase-hero-feature--size-xl .designbase-hero-feature__description{font-size:var(--db-text-lg)}.designbase-hero-feature--variant-split .designbase-hero-feature__container{flex-direction:column;gap:var(--db-gap-md)}.designbase-hero-feature--variant-split .designbase-hero-feature__image{max-width:100%}.designbase-hero-feature__buttons{flex-direction:column;width:100%}.designbase-hero-feature__button{justify-content:center;width:100%}.designbase-hero-feature__stats{flex-direction:column;gap:var(--db-gap-sm)}}.designbase-banner{align-items:center;display:flex;overflow:hidden;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-banner--size-sm{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-banner--size-sm .designbase-banner__title{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-banner--size-sm .designbase-banner__description{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-banner--size-sm .designbase-banner__icon{height:20px;margin-right:var(--db-margin-s);width:20px}.designbase-banner--size-sm .designbase-banner__image{height:32px;margin-right:var(--db-margin-s);width:32px}.designbase-banner--size-md{padding:var(--db-padding-m) var(--db-padding-l)}.designbase-banner--size-md .designbase-banner__title{font-size:var(--db-text-lg);line-height:var(--db-leading-normal)}.designbase-banner--size-md .designbase-banner__description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-banner--size-md .designbase-banner__icon{height:24px;margin-right:var(--db-margin-m);width:24px}.designbase-banner--size-md .designbase-banner__image{height:40px;margin-right:var(--db-margin-m);width:40px}.designbase-banner--size-lg{padding:var(--db-padding-l) var(--db-padding-xl)}.designbase-banner--size-lg .designbase-banner__title{font-size:var(--db-text-xl);line-height:var(--db-leading-normal)}.designbase-banner--size-lg .designbase-banner__description{font-size:var(--db-text-lg);line-height:var(--db-leading-normal)}.designbase-banner--size-lg .designbase-banner__icon{height:32px;margin-right:var(--db-margin-l);width:32px}.designbase-banner--size-lg .designbase-banner__image{height:48px;margin-right:var(--db-margin-l);width:48px}.designbase-banner--position-bottom,.designbase-banner--position-top{position:relative}.designbase-banner--position-fixed{left:0;position:fixed;right:0;top:0;z-index:var(--db-z-50)}.designbase-banner--position-sticky{position:sticky;top:0;z-index:var(--db-z-10)}.designbase-banner--alignment-left .designbase-banner__container{justify-content:flex-start}.designbase-banner--alignment-left .designbase-banner__content{text-align:left}.designbase-banner--alignment-center .designbase-banner__container{justify-content:center}.designbase-banner--alignment-center .designbase-banner__content{text-align:center}.designbase-banner--alignment-right .designbase-banner__container{justify-content:flex-end}.designbase-banner--alignment-right .designbase-banner__content{text-align:right}.designbase-banner--full-width{margin-left:calc(-50vw + 50%);width:100vw}.designbase-banner--shadow{box-shadow:var(--db-shadow-md)}.designbase-banner--rounded{border-radius:var(--db-radius-lg)}.designbase-banner--animated{animation:slideInDown .5s ease-out}.designbase-banner--animated.designbase-banner--hidden{animation:slideOutUp .3s ease-in forwards}.designbase-banner--dismissible .designbase-banner__dismiss{display:flex}.designbase-banner__container{align-items:center;display:flex;gap:var(--db-gap-m);margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.designbase-banner__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center}.designbase-banner__image{border-radius:var(--db-radius-sm);flex-shrink:0;overflow:hidden}.designbase-banner__image img{height:100%;object-fit:cover;width:100%}.designbase-banner__content{flex:1;min-width:0}.designbase-banner__title{color:inherit;font-weight:var(--db-weight-medium);line-height:1.3;margin:0}.designbase-banner__description{color:inherit;line-height:1.5;margin:var(--db-margin-xs) 0 0 0;opacity:.8}.designbase-banner__actions{display:flex;flex-shrink:0;gap:var(--db-gap-s);margin-left:var(--db-margin-m)}.designbase-banner__action{align-items:center;border:none;border-radius:var(--db-radius-sm);cursor:pointer;display:inline-flex;font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-banner__action--size-sm{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-banner__action--size-md{font-size:var(--db-text-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-banner__action--size-lg{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-banner__action--variant-primary{background:var(--db-btn-primary-bg);color:var(--db-btn-primary-text)}.designbase-banner__action--variant-primary:hover{background:var(--db-blue-700);transform:translateY(-1px)}.designbase-banner__action--variant-secondary{background:var(--db-btn-secondary-bg);color:var(--db-btn-secondary-text)}.designbase-banner__action--variant-secondary:hover{background:var(--db-neutral-200);transform:translateY(-1px)}.designbase-banner__action--variant-outline{background:transparent;border:1px solid var(--db-btn-primary-bg);color:var(--db-btn-primary-text)}.designbase-banner__action--variant-outline:hover{background:var(--db-btn-primary-bg);border-color:var(--db-btn-primary-bg)}.designbase-banner__action--variant-ghost{background:transparent;color:var(--db-btn-primary-text)}.designbase-banner__action--variant-ghost:hover{background:var(--db-neutral-100)}.designbase-banner__action-icon{align-items:center;display:flex;justify-content:center}.designbase-banner__dismiss{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-sm);color:inherit;cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:1;margin-left:var(--db-margin-s);transition:all var(--db-animation-speed) var(--db-animation-ease);width:24px}.designbase-banner__dismiss:hover{background:var(--db-bg-tertiary);transform:scale(1.1)}.designbase-banner__dismiss:focus{outline:2px solid currentColor;outline-offset:2px}.designbase-banner__background,.designbase-banner__overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.designbase-banner--variant-default.designbase-banner--style-solid{background:var(--db-bg-primary);border:1px solid var(--db-border-secondary);color:var(--db-text-primary)}.designbase-banner--variant-default.designbase-banner--style-outline{background:transparent;border:2px solid var(--db-border-primary);color:var(--db-text-primary)}.designbase-banner--variant-default.designbase-banner--style-soft{background:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-banner--variant-default.designbase-banner--style-gradient{background:linear-gradient(135deg,var(--db-bg-primary) 0,var(--db-bg-secondary) 100%);color:var(--db-text-primary)}.designbase-banner--variant-success.designbase-banner--style-solid{background:var(--db-bg-success);border:1px solid var(--db-border-success);color:var(--db-text-success)}.designbase-banner--variant-success.designbase-banner--style-outline{background:transparent;border:2px solid var(--db-border-success);color:var(--db-text-success)}.designbase-banner--variant-success.designbase-banner--style-soft{background:var(--db-bg-success);color:var(--db-text-success)}.designbase-banner--variant-success.designbase-banner--style-gradient{background:linear-gradient(135deg,var(--db-bg-success) 0,var(--db-bg-success) 100%);color:var(--db-text-success)}.designbase-banner--variant-warning.designbase-banner--style-solid{background:var(--db-bg-warning);border:1px solid var(--db-border-warning);color:var(--db-text-warning)}.designbase-banner--variant-warning.designbase-banner--style-outline{background:transparent;border:2px solid var(--db-border-warning);color:var(--db-text-warning)}.designbase-banner--variant-warning.designbase-banner--style-soft{background:var(--db-bg-warning);color:var(--db-text-warning)}.designbase-banner--variant-warning.designbase-banner--style-gradient{background:linear-gradient(135deg,var(--db-bg-warning) 0,var(--db-bg-warning) 100%);color:var(--db-text-warning)}.designbase-banner--variant-error.designbase-banner--style-solid{background:var(--db-bg-error);border:1px solid var(--db-border-error);color:var(--db-text-error)}.designbase-banner--variant-error.designbase-banner--style-outline{background:transparent;border:2px solid var(--db-border-error);color:var(--db-text-error)}.designbase-banner--variant-error.designbase-banner--style-soft{background:var(--db-bg-error);color:var(--db-text-error)}.designbase-banner--variant-error.designbase-banner--style-gradient{background:linear-gradient(135deg,var(--db-bg-error) 0,var(--db-bg-error) 100%);color:var(--db-text-error)}.designbase-banner--variant-info.designbase-banner--style-solid{background:var(--db-bg-tertiary);border:1px solid var(--db-blue-200);color:var(--db-blue-700)}.designbase-banner--variant-info.designbase-banner--style-outline{background:transparent;border:2px solid var(--db-blue-200);color:var(--db-blue-700)}.designbase-banner--variant-info.designbase-banner--style-soft{background:var(--db-blue-50);color:var(--db-blue-700)}.designbase-banner--variant-info.designbase-banner--style-gradient{background:linear-gradient(135deg,var(--db-blue-50) 0,var(--db-blue-100) 100%);color:var(--db-blue-700)}.designbase-banner--variant-promo.designbase-banner--style-solid{background:linear-gradient(135deg,var(--db-blue-600) 0,var(--db-blue-400) 100%);color:var(--db-white)}.designbase-banner--variant-promo.designbase-banner--style-outline{background:transparent;border:2px solid var(--db-blue-600);color:var(--db-blue-600)}.designbase-banner--variant-promo.designbase-banner--style-soft{background:var(--db-blue-50);color:var(--db-blue-700)}.designbase-banner--variant-promo.designbase-banner--style-gradient{background:linear-gradient(135deg,var(--db-blue-600) 0,var(--db-blue-100) 100%);color:var(--db-white)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (max-width:768px){.designbase-banner--size-lg{padding:var(--db-padding-m) var(--db-padding-l)}.designbase-banner--size-lg .designbase-banner__title{font-size:var(--db-text-lg)}.designbase-banner--size-lg .designbase-banner__description{font-size:var(--db-text-base)}.designbase-banner__container{flex-direction:column;gap:var(--db-gap-s);text-align:center}.designbase-banner__actions{flex-wrap:wrap;justify-content:center;margin-left:0;margin-top:var(--db-margin-s)}.designbase-banner__dismiss{margin-left:0;position:absolute;right:var(--db-margin-s);top:var(--db-margin-s)}}.designbase-skeleton{background-color:var(--db-bg-muted);border-radius:var(--db-radius-sm);display:inline-block;overflow:hidden;position:relative}.designbase-skeleton--text{border-radius:var(--db-radius-sm);width:100%}.designbase-skeleton--circular{aspect-ratio:1;border-radius:50%}.designbase-skeleton--rectangular{border-radius:0}.designbase-skeleton--rounded{border-radius:var(--db-radius-md)}.designbase-skeleton--xs.designbase-skeleton--text{height:12px}.designbase-skeleton--sm.designbase-skeleton--text{height:16px}.designbase-skeleton--md.designbase-skeleton--text{height:20px}.designbase-skeleton--lg.designbase-skeleton--text{height:24px}.designbase-skeleton--xl.designbase-skeleton--text{height:32px}.designbase-skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.designbase-skeleton--wave:after{animation:skeleton-wave 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.designbase-skeleton--none{animation:none}.designbase-skeleton__line{background-color:var(--db-bg-muted);border-radius:var(--db-radius-sm);display:block;height:100%}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton-wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.designbase-skeleton:focus{outline:none}.designbase-youtube-player{background-color:var(--db-bg-secondary);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-md);overflow:hidden;position:relative;width:100%}.designbase-youtube-player--sm{aspect-ratio:16/9;max-width:320px}.designbase-youtube-player--md{aspect-ratio:16/9;max-width:640px}.designbase-youtube-player--lg{aspect-ratio:16/9;max-width:960px}.designbase-youtube-player--xl{aspect-ratio:16/9;max-width:1280px}.designbase-youtube-player--full{aspect-ratio:16/9;width:100%}.designbase-youtube-player--default{border:1px solid var(--db-border-primary)}.designbase-youtube-player--minimal{border:none;border-radius:0;box-shadow:none}.designbase-youtube-player--theater{background-color:var(--db-bg-inverse);border-radius:0;box-shadow:none}.designbase-youtube-player--picture-in-picture{border-radius:var(--db-radius-md);bottom:20px;box-shadow:var(--db-shadow-xl);height:180px;position:fixed;right:20px;width:320px;z-index:1000}.designbase-youtube-player--light{background-color:var(--db-bg-primary);color:var(--db-text-primary)}.designbase-youtube-player--dark{background-color:var(--db-bg-inverse);color:var(--db-text-inverse)}.designbase-youtube-player--fullscreen{aspect-ratio:auto;border-radius:0;height:100vh;left:0;max-width:none;position:fixed;top:0;width:100vw;z-index:9999}.designbase-youtube-player--error .designbase-youtube-player__container{display:none}.designbase-youtube-player__container{background-color:var(--db-bg-inverse);height:100%;position:relative;width:100%}.designbase-youtube-player__iframe{border:none;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.designbase-youtube-player__description{background-color:var(--db-bg-primary);border-top:1px solid var(--db-border-primary);padding:var(--db-padding-md)}.designbase-youtube-player__description p{color:var(--db-text-secondary);font-size:var(--db-text-sm);line-height:1.5;margin:0}.designbase-youtube-player__error{align-items:center;color:var(--db-red-600);display:flex;height:100%;justify-content:center;padding:var(--db-padding-xl);text-align:center}.designbase-youtube-player__error p{font-size:var(--db-text-base);line-height:1.5;margin:0}@media (max-width:768px){.designbase-youtube-player--lg,.designbase-youtube-player--md,.designbase-youtube-player--sm,.designbase-youtube-player--xl{max-width:100%}}.designbase-youtube-player:focus-within{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-youtube-player:before{animation:spin 1s linear infinite;border:3px solid var(--db-border-primary);border-radius:50%;border-top-color:var(--db-white);content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:40px;z-index:1}.designbase-youtube-player--loading:before{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.designbase-youtube-player--picture-in-picture .designbase-youtube-player__description{display:none}.designbase-backdrop{align-items:center;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--backdrop-animation-duration,.3s) ease-in-out;visibility:hidden;z-index:var(--backdrop-z-index,1000)}.designbase-backdrop--blur{backdrop-filter:blur(var(--backdrop-blur-amount,4px));-webkit-backdrop-filter:blur(var(--backdrop-blur-amount,4px))}.designbase-backdrop--open{opacity:1;visibility:visible}.designbase-backdrop--fade.designbase-backdrop--open{animation:backdrop-fade-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--fade:not(.designbase-backdrop--open){animation:backdrop-fade-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--slide.designbase-backdrop--open{animation:backdrop-slide-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--slide:not(.designbase-backdrop--open){animation:backdrop-slide-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--zoom.designbase-backdrop--open{animation:backdrop-zoom-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--zoom:not(.designbase-backdrop--open){animation:backdrop-zoom-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--none{transition:none}.designbase-backdrop:focus{outline:none}.designbase-backdrop:focus-visible{outline:2px solid var(--db-blue-600);outline-offset:2px}@media (prefers-contrast:high){.designbase-backdrop{background-color:rgba(0,0,0,.8)}}@media (prefers-reduced-motion:reduce){.designbase-backdrop{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.designbase-backdrop{min-height:44px;min-width:44px}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes backdrop-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes backdrop-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width:768px){.designbase-backdrop{padding:16px}}@media (max-width:480px){.designbase-backdrop{padding:8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-backdrop--blur{backdrop-filter:blur(calc(var(--backdrop-blur-amount, 4px)*.5));-webkit-backdrop-filter:blur(calc(var(--backdrop-blur-amount, 4px)*.5))}}@media print{.designbase-backdrop{display:none!important}}.designbase-bottom-sheet{background-color:var(--db-bg-primary);border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;bottom:0;box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;left:0;max-height:100vh;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform var(--db-animation-speed,.3s) ease-out;z-index:var(--db-z-index,1001)}.designbase-bottom-sheet--open{transform:translateY(0)}.designbase-bottom-sheet--dragging{cursor:grabbing;transition:none;user-select:none}.designbase-bottom-sheet--sm{max-height:40vh}.designbase-bottom-sheet--md{max-height:60vh}.designbase-bottom-sheet--lg{max-height:80vh}.designbase-bottom-sheet--xl{max-height:90vh}.designbase-bottom-sheet--full,.designbase-bottom-sheet--fullscreen{border-radius:0;max-height:100vh}.designbase-bottom-sheet--fade.designbase-bottom-sheet--open{animation:bottom-sheet-fade-in var(--db-animation-speed,.3s) ease-out}.designbase-bottom-sheet--fade:not(.designbase-bottom-sheet--open){animation:bottom-sheet-fade-out var(--db-animation-speed,.3s) ease-in}.designbase-bottom-sheet--scale.designbase-bottom-sheet--open{animation:bottom-sheet-scale-in var(--db-animation-speed,.3s) ease-out}.designbase-bottom-sheet--scale:not(.designbase-bottom-sheet--open){animation:bottom-sheet-scale-out var(--db-animation-speed,.3s) ease-in}.designbase-bottom-sheet--none{transition:none}.designbase-bottom-sheet__handle{background-color:var(--db-border-primary);border-radius:2px;cursor:grab;height:4px;margin:var(--db-margin-s) auto;transition:background-color var(--db-animation-speed,.2s) ease;width:40px}.designbase-bottom-sheet__handle:hover{background-color:var(--db-border-secondary)}.designbase-bottom-sheet__handle:active{cursor:grabbing}.designbase-bottom-sheet__header{background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);padding:var(--db-padding-m) var(--db-padding-l) var(--db-padding-xs)}.designbase-bottom-sheet__header--sticky{position:sticky;top:0;z-index:10}.designbase-bottom-sheet__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0 0 var(--db-margin-xs) 0}.designbase-bottom-sheet__subtitle{color:var(--db-text-secondary);font-size:var(--db-text-sm);line-height:var(--db-leading-normal);margin:0}.designbase-bottom-sheet__content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:var(--db-padding-m) var(--db-padding-l)}.designbase-bottom-sheet__content::-webkit-scrollbar{width:6px}.designbase-bottom-sheet__content::-webkit-scrollbar-track{background:transparent}.designbase-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--db-border-primary);border-radius:3px}.designbase-bottom-sheet__content::-webkit-scrollbar-thumb:hover{background-color:var(--db-border-secondary)}.designbase-bottom-sheet__footer{background-color:var(--db-bg-primary);border-top:1px solid var(--db-border-primary);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-bottom-sheet__footer--sticky{bottom:0;position:sticky;z-index:10}.designbase-bottom-sheet:focus{outline:none}.designbase-bottom-sheet:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.designbase-bottom-sheet{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.designbase-bottom-sheet .designbase-bottom-sheet__handle{height:6px;margin:var(--db-margin-m) auto;width:60px}}.designbase-backdrop--bottom-sheet{align-items:flex-end;justify-content:flex-end}@keyframes bottom-sheet-fade-in{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bottom-sheet-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.95)}}@keyframes bottom-sheet-scale-in{0%{transform:translateY(100%) scale(.8)}to{transform:translateY(0) scale(1)}}@keyframes bottom-sheet-scale-out{0%{transform:translateY(0) scale(1)}to{transform:translateY(100%) scale(.8)}}@media (max-width:768px){.designbase-bottom-sheet__header{padding:var(--db-padding-s) var(--db-padding-m) var(--db-padding-xs)}.designbase-bottom-sheet__content,.designbase-bottom-sheet__footer{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-bottom-sheet__title{font-size:var(--db-text-lg)}}@media (max-width:480px){.designbase-bottom-sheet{border-radius:var(--db-radius-lg) var(--db-radius-lg) 0 0}.designbase-bottom-sheet__header{padding:var(--db-padding-xs) var(--db-padding-s) var(--db-padding-xxs)}.designbase-bottom-sheet__content,.designbase-bottom-sheet__footer{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-bottom-sheet__title{font-size:var(--db-text-base)}.designbase-bottom-sheet__subtitle{font-size:var(--db-text-xs)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-bottom-sheet{box-shadow:var(--db-shadow-lg)}}@media print{.designbase-bottom-sheet{display:none!important}}.designbase-bottom-sheet:focus-within{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-fab{align-items:center;background-color:var(--db-blue-600);border:none;border-radius:50%;bottom:var(--db-spacing-xl);box-shadow:var(--db-shadow-xl);color:var(--db-neutral-white);cursor:pointer;display:flex;height:56px;justify-content:center;min-height:56px;min-width:56px;outline:none;overflow:hidden;position:fixed;right:var(--db-spacing-xl);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;width:56px;z-index:var(--db-z-fab)}.designbase-fab:hover:not(:disabled){box-shadow:var(--db-shadow-2xl);transform:translateY(-2px)}.designbase-fab:active:not(:disabled){box-shadow:var(--db-shadow-lg);transform:translateY(0)}.designbase-fab:focus-visible{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-fab--sm{height:var(--db-size-sm);min-height:var(--db-size-sm);min-width:var(--db-size-sm);width:var(--db-size-sm)}.designbase-fab--md{height:var(--db-size-md);min-height:var(--db-size-md);min-width:var(--db-size-md);width:var(--db-size-md)}.designbase-fab--lg{height:var(--db-size-lg);min-height:var(--db-size-lg);min-width:var(--db-size-lg);width:var(--db-size-lg)}.designbase-fab--xl{height:var(--db-size-xl);min-height:var(--db-size-xl);min-width:var(--db-size-xl);width:var(--db-size-xl)}.designbase-fab--primary{background-color:var(--db-blue-600);color:var(--db-neutral-white)}.designbase-fab--secondary{background-color:var(--db-neutral-500);color:var(--db-neutral-white)}.designbase-fab--success{background-color:var(--db-green-600);color:var(--db-neutral-white)}.designbase-fab--warning{background-color:var(--db-yellow-500);color:var(--db-neutral-900)}.designbase-fab--danger{background-color:var(--db-red-600);color:var(--db-neutral-white)}.designbase-fab--info{background-color:var(--db-blue-500);color:var(--db-neutral-white)}.designbase-fab--bottom-right{bottom:var(--db-spacing-xl);right:var(--db-spacing-xl)}.designbase-fab--bottom-left{bottom:var(--db-spacing-xl);left:var(--db-spacing-xl)}.designbase-fab--top-right{right:var(--db-spacing-xl);top:var(--db-spacing-xl)}.designbase-fab--top-left{left:var(--db-spacing-xl);top:var(--db-spacing-xl)}.designbase-fab--center{left:50%;top:50%;transform:translate(-50%,-50%)}.designbase-fab--center:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05)}.designbase-fab--center:active:not(:disabled){transform:translate(-50%,-50%) scale(.95)}.designbase-fab--elevation-none{box-shadow:none}.designbase-fab--elevation-sm{box-shadow:var(--db-shadow-sm)}.designbase-fab--elevation-md{box-shadow:var(--db-shadow-xl)}.designbase-fab--elevation-lg,.designbase-fab--elevation-xl{box-shadow:var(--db-shadow-2xl)}.designbase-fab--extended{border-radius:28px;min-width:80px;padding:0 var(--db-padding-xl);width:auto}.designbase-fab--extended .designbase-fab__label{font-weight:var(--db-weight-medium);margin-left:var(--db-margin-m);white-space:nowrap}.designbase-fab--disabled{cursor:not-allowed;opacity:var(--db-opacity-60);pointer-events:none}.designbase-fab--disabled:hover{box-shadow:var(--db-shadow-xl);transform:none}.designbase-fab--loading{cursor:wait;pointer-events:none}.designbase-fab--pressed{transform:scale(.95)}.designbase-fab--scale:hover:not(:disabled){transform:scale(1.05)}.designbase-fab--scale:active:not(:disabled){transform:scale(.95)}.designbase-fab--rotate:hover:not(:disabled){transform:rotate(180deg)}.designbase-fab--bounce:hover:not(:disabled){animation:fab-bounce .6s ease-in-out}.designbase-fab--pulse:hover:not(:disabled){animation:fab-pulse 1s ease-in-out infinite}.designbase-fab__icon{align-items:center;display:flex;font-size:var(--db-text-2xl);justify-content:center;line-height:var(--db-leading-none)}.designbase-fab--sm .designbase-fab__icon{font-size:var(--db-text-xl)}.designbase-fab--lg .designbase-fab__icon{font-size:var(--db-text-3xl)}.designbase-fab--xl .designbase-fab__icon{font-size:var(--db-text-4xl)}.designbase-fab__label{font-size:var(--db-text-sm);font-weight:var(--db-weight-medium);line-height:var(--db-leading-tight);white-space:nowrap}.designbase-fab__content,.designbase-fab__loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-fab__spinner{animation:fab-spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-fab--sm .designbase-fab__spinner{border-width:1.5px;height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-fab--lg .designbase-fab__spinner{border-width:2.5px;height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-fab--xl .designbase-fab__spinner{border-width:3px;height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-fab__ripple{background-color:hsla(0,0%,100%,.3);border-radius:inherit;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.designbase-fab:active:not(:disabled) .designbase-fab__ripple{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.designbase-fab{animation:none!important;transition:none}.designbase-fab:hover:not(:disabled){transform:none}}@media (hover:none) and (pointer:coarse){.designbase-fab:hover:not(:disabled){transform:none}.designbase-fab:active:not(:disabled){transform:scale(.95)}}@keyframes fab-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes fab-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.designbase-fab{bottom:var(--db-spacing-4);right:var(--db-spacing-4)}.designbase-fab--bottom-left{bottom:var(--db-spacing-4);left:var(--db-spacing-4)}.designbase-fab--top-right{right:var(--db-spacing-4);top:var(--db-spacing-4)}.designbase-fab--top-left{left:var(--db-spacing-4);top:var(--db-spacing-4)}}@media (max-width:480px){.designbase-fab{bottom:var(--db-spacing-3);right:var(--db-spacing-3)}.designbase-fab--bottom-left{bottom:var(--db-spacing-3);left:var(--db-spacing-3)}.designbase-fab--top-right{right:var(--db-spacing-3);top:var(--db-spacing-3)}.designbase-fab--top-left{left:var(--db-spacing-3);top:var(--db-spacing-3)}.designbase-fab--extended{min-width:var(--db-spacing-16);padding:0 var(--db-padding-m)}.designbase-fab--extended .designbase-fab__label{font-size:var(--db-text-sm);margin-left:var(--db-margin-s)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-fab{box-shadow:var(--db-shadow-lg)}}@media print{.designbase-fab{display:none!important}}.designbase-calendar{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-lg);display:flex;flex-direction:column;font-family:var(--db-font-family);overflow:hidden}.designbase-calendar__header{align-items:center;background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between;padding:var(--db-padding-m) var(--db-padding-l)}.designbase-calendar__navigation{align-items:center;display:flex;gap:var(--db-gap-m)}.designbase-calendar__nav-button{align-items:center;background-color:var(--db-bg-primary);border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-font-md);height:var(--db-size-md);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-md)}.designbase-calendar__nav-button:hover:not(:disabled){background-color:var(--db-blue-100);color:var(--db-blue-600)}.designbase-calendar__nav-button:active:not(:disabled){transform:scale(.95)}.designbase-calendar__nav-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-calendar__title{color:var(--db-text-primary);font-size:var(--db-font-lg);font-weight:var(--db-weight-semibold);margin:0;min-width:120px;text-align:center}.designbase-calendar__body{flex:1;overflow:hidden}.designbase-calendar__month-view{display:flex;flex-direction:column;height:100%}.designbase-calendar__weekdays{background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);display:grid;grid-template-columns:repeat(7,1fr)}.designbase-calendar__weekday{border-right:1px solid var(--db-border-primary);color:var(--db-text-secondary);font-size:var(--db-font-sm);font-weight:var(--db-weight-semibold);padding:var(--db-padding-m) var(--db-padding-s);text-align:center}.designbase-calendar__weekday:last-child{border-right:none}.designbase-calendar__days{display:grid;flex:1;grid-template-columns:repeat(7,1fr);min-height:400px}.designbase-calendar__day{border-bottom:1px solid var(--db-border-secondary);border-right:1px solid var(--db-border-secondary);cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__day:hover{background-color:var(--db-bg-tertiary)}.designbase-calendar__day:nth-child(7n){border-right:none}.designbase-calendar__day--current-month{background-color:var(--db-bg-primary)}.designbase-calendar__day:not(.designbase-calendar__day--current-month){background-color:var(--db-bg-disabled);color:var(--db-text-disabled)}.designbase-calendar__day:not(.designbase-calendar__day--current-month) .designbase-calendar__day-number{opacity:var(--db-opacity-50)}.designbase-calendar__day--today{background-color:var(--db-blue-100)}.designbase-calendar__day--today .designbase-calendar__day-number{align-items:center;background-color:var(--db-blue-600);border-radius:50%;color:var(--db-neutral-white);display:flex;font-weight:var(--db-weight-semibold);height:24px;justify-content:center;width:24px}.designbase-calendar__day--selected{background-color:var(--db-blue-100);border:2px solid var(--db-blue-600)}.designbase-calendar__day--weekend{background-color:var(--db-bg-primary)}.designbase-calendar__day-number{color:var(--db-text-primary);font-size:var(--db-font-sm);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-calendar__day-events{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-xs);position:relative}.designbase-calendar__event-bar{align-items:center;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:var(--db-weight-medium);height:20px;overflow:hidden;padding:0 var(--db-padding-xs);position:relative;text-overflow:ellipsis;text-shadow:0 1px 2px var(--db-neutral-900,rgba(0,0,0,.3));transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap;z-index:3}.designbase-calendar__event-bar:hover{box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-calendar__event-bar--dragging{opacity:var(--db-opacity-50);transform:rotate(5deg)}.designbase-calendar__event-bar--drag-over{border:2px dashed var(--db-blue-600)}.designbase-calendar__event-bar--meeting{background-color:var(--db-blue-500)}.designbase-calendar__event-bar--task{background-color:var(--db-yellow-500)}.designbase-calendar__event-bar--reminder{background-color:var(--db-green-500)}.designbase-calendar__event-bar--birthday{background-color:var(--db-red-500)}.designbase-calendar__event-bar--holiday{background-color:var(--db-blue-500)}.designbase-calendar__event-bar--custom{background-color:var(--db-neutral-500)}.designbase-calendar__event-title{font-size:10px;line-height:var(--db-leading-none);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-calendar__drop-zone{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-calendar__drop-zone--active{background-color:var(--db-blue-50);border:2px dashed var(--db-blue-600);pointer-events:auto;z-index:2}.designbase-calendar__more-events{color:var(--db-text-secondary);font-size:10px;font-weight:var(--db-weight-medium)}.designbase-calendar__week-view{display:flex;flex-direction:column;height:100%}.designbase-calendar__week-header{background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);display:grid;grid-template-columns:60px repeat(7,1fr)}.designbase-calendar__time-column-header,.designbase-calendar__week-day-header{border-right:1px solid var(--db-border-primary);padding:var(--db-padding-m) var(--db-padding-s)}.designbase-calendar__week-day-header{cursor:pointer;text-align:center;transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-day-header:hover{background-color:var(--db-bg-tertiary)}.designbase-calendar__week-day-header:last-child{border-right:none}.designbase-calendar__week-day-header--today{background-color:var(--db-blue-100);color:var(--db-blue-600);font-weight:var(--db-weight-semibold)}.designbase-calendar__week-day-name{color:var(--db-text-secondary);display:block;font-size:12px;font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs)}.designbase-calendar__week-day-number{color:var(--db-text-primary);display:block;font-size:var(--db-font-md);font-weight:var(--db-weight-medium)}.designbase-calendar__week-grid{display:flex;flex:1;overflow:hidden}.designbase-calendar__time-column{background-color:var(--db-bg-secondary);border-right:1px solid var(--db-border-primary);width:60px}.designbase-calendar__time-slot{align-items:center;border-bottom:1px solid var(--db-border-secondary);display:flex;height:60px;justify-content:center}.designbase-calendar__time-label{color:var(--db-text-secondary);font-size:11px;font-weight:var(--db-weight-medium)}.designbase-calendar__week-columns{display:grid;flex:1;grid-template-columns:repeat(7,1fr)}.designbase-calendar__week-column{border-right:1px solid var(--db-border-secondary)}.designbase-calendar__week-column:last-child{border-right:none}.designbase-calendar__week-cell{border-bottom:1px solid var(--db-border-secondary);cursor:pointer;height:60px;position:relative;transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-cell:hover{background-color:var(--db-bg-tertiary)}.designbase-calendar__week-cell:active{background-color:var(--db-blue-100)}.designbase-calendar__week-event{font-size:10px;font-weight:var(--db-weight-medium);text-shadow:0 1px 2px var(--db-neutral-900,rgba(0,0,0,.3));transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-event:hover{box-shadow:var(--db-shadow-md);transform:scale(1.02)}.designbase-calendar__year-view{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:var(--db-padding-l)}.designbase-calendar__year-month{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-md);cursor:pointer;padding:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__year-month:hover{border-color:var(--db-blue-500);box-shadow:var(--db-shadow-sm)}.designbase-calendar__year-month-title{color:var(--db-text-primary);font-size:var(--db-font-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0;text-align:center}.designbase-calendar__year-month-events{display:flex;flex-direction:column;gap:4px;min-height:80px}.designbase-calendar__year-event{border-radius:2px;height:4px}.designbase-calendar__year-event,.designbase-calendar__year-event--meeting{background-color:var(--db-blue-500)}.designbase-calendar__year-event--task{background-color:var(--db-yellow-500)}.designbase-calendar__year-event--reminder{background-color:var(--db-green-500)}.designbase-calendar__year-event--birthday{background-color:var(--db-red-500)}.designbase-calendar__year-event--holiday{background-color:var(--db-blue-500)}.designbase-calendar__year-event--custom{background-color:var(--db-neutral-500)}.designbase-calendar__year-more-events{color:var(--db-text-secondary);font-size:11px;font-style:italic;text-align:center}.designbase-calendar__event-form{display:flex;flex-direction:column;gap:16px}.designbase-calendar__form-row{display:flex;flex-direction:column;gap:8px}.designbase-calendar__form-row label{color:var(--db-text-primary);font-size:var(--db-font-sm);font-weight:var(--db-weight-medium)}.designbase-calendar__form-row input[type=checkbox]{margin-right:8px}.designbase-calendar__time-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.designbase-calendar__color-picker{display:flex;flex-wrap:wrap;gap:8px}.designbase-calendar__color-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.designbase-calendar__color-option:hover{transform:scale(1.1)}.designbase-calendar__color-option--selected{border-color:var(--db-text-primary);transform:scale(1.1)}.designbase-calendar__form-info{background-color:var(--db-bg-secondary);border-left:4px solid var(--db-blue-500);border-radius:var(--db-radius-sm);padding:var(--db-padding-s)}.designbase-calendar__form-info p{color:var(--db-text-secondary);font-size:var(--db-font-sm);margin:0}.designbase-calendar__modal-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.designbase-calendar__modal-buttons{display:flex;gap:8px}.designbase-calendar__input{border:1px solid var(--db-border-primary);border-radius:var(--db-radius-sm);font-size:var(--db-font-sm);padding:var(--db-padding-xs) var(--db-padding-s);transition:border-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-calendar__input:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 2px var(--db-blue-100);outline:none}.designbase-calendar__input::placeholder{color:var(--db-text-disabled)}.designbase-calendar__select{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-sm);cursor:pointer;font-size:var(--db-font-sm);padding:var(--db-padding-xs) var(--db-padding-s);transition:border-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-calendar__select:focus{border-color:var(--db-blue-500);box-shadow:0 0 0 2px var(--db-blue-100);outline:none}@media (max-width:768px){.designbase-calendar__header{flex-direction:column;gap:12px;padding:12px 16px}.designbase-calendar__navigation{justify-content:space-between;width:100%}.designbase-calendar__title{min-width:auto}.designbase-calendar__days{min-height:300px}.designbase-calendar__day{min-height:60px;padding:4px}.designbase-calendar__day-number{font-size:12px}.designbase-calendar__event-dot{height:6px;width:6px}.designbase-calendar__year-view{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.designbase-calendar__year-month{padding:12px}.designbase-calendar__year-month-title{font-size:14px}.designbase-calendar__week-header{grid-template-columns:50px repeat(7,1fr)}.designbase-calendar__time-column{width:50px}.designbase-calendar__time-slot{height:50px}.designbase-calendar__time-label{font-size:10px}.designbase-calendar__week-cell{height:50px}}@media (max-width:480px){.designbase-calendar__year-view{gap:8px;grid-template-columns:1fr;padding:12px}.designbase-calendar__week-header{grid-template-columns:40px repeat(7,1fr)}.designbase-calendar__time-column{width:40px}.designbase-calendar__time-slot,.designbase-calendar__week-cell{height:40px}.designbase-calendar__week-day-header{padding:8px 4px}.designbase-calendar__week-day-name{font-size:10px}.designbase-calendar__week-day-number{font-size:14px}}.designbase-drawer{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-drawer__overlay{background-color:var(--db-bg-overlay);bottom:0;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease-in)}.designbase-drawer__overlay--open{opacity:1}.designbase-drawer__container{background-color:var(--db-bg-primary);box-shadow:var(--db-shadow-lg);display:flex;flex-direction:column;pointer-events:auto;position:absolute;transition:transform var(--db-animation-speed) var(--db-animation-ease-in)}.designbase-drawer__container--left{border-right:1px solid var(--db-border-primary);bottom:0;left:0;top:0;transform:translateX(-100%)}.designbase-drawer__container--left.designbase-drawer__container--open{transform:translateX(0)}.designbase-drawer__container--right{border-left:1px solid var(--db-border-primary);bottom:0;right:0;top:0;transform:translateX(100%)}.designbase-drawer__container--right.designbase-drawer__container--open{transform:translateX(0)}.designbase-drawer__container--top{border-bottom:1px solid var(--db-border-primary);left:0;right:0;top:0;transform:translateY(-100%)}.designbase-drawer__container--top.designbase-drawer__container--open{transform:translateY(0)}.designbase-drawer__container--bottom{border-top:1px solid var(--db-border-primary);bottom:0;left:0;right:0;transform:translateY(100%)}.designbase-drawer__container--bottom.designbase-drawer__container--open{transform:translateY(0)}.designbase-drawer--sm .designbase-drawer__container--left,.designbase-drawer--sm .designbase-drawer__container--right{width:320px}.designbase-drawer--sm .designbase-drawer__container--bottom,.designbase-drawer--sm .designbase-drawer__container--top{height:320px}.designbase-drawer--md .designbase-drawer__container--left,.designbase-drawer--md .designbase-drawer__container--right{width:480px}.designbase-drawer--md .designbase-drawer__container--bottom,.designbase-drawer--md .designbase-drawer__container--top{height:480px}.designbase-drawer--lg .designbase-drawer__container--left,.designbase-drawer--lg .designbase-drawer__container--right{width:640px}.designbase-drawer--lg .designbase-drawer__container--bottom,.designbase-drawer--lg .designbase-drawer__container--top{height:640px}.designbase-drawer--xl .designbase-drawer__container--left,.designbase-drawer--xl .designbase-drawer__container--right{width:800px}.designbase-drawer--xl .designbase-drawer__container--bottom,.designbase-drawer--xl .designbase-drawer__container--top{height:800px}.designbase-drawer--full .designbase-drawer__container--left,.designbase-drawer--full .designbase-drawer__container--right{width:100vw}.designbase-drawer--full .designbase-drawer__container--bottom,.designbase-drawer--full .designbase-drawer__container--top{height:100vh}.designbase-drawer__header{align-items:center;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-m)}.designbase-drawer__title{color:var(--db-text-primary);font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);line-height:1.4;margin:0}.designbase-drawer__close-button{flex-shrink:0;margin-left:var(--db-margin-s)}.designbase-drawer__content{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--db-padding-m)}.designbase-drawer__content::-webkit-scrollbar{width:6px}.designbase-drawer__content::-webkit-scrollbar-track{background:var(--db-bg-secondary)}.designbase-drawer__content::-webkit-scrollbar-thumb{background:var(--db-border-primary);border-radius:3px}.designbase-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--db-border-secondary)}.designbase-drawer--animating{pointer-events:none}.designbase-drawer--animating .designbase-drawer__container{pointer-events:auto}@media (max-width:768px){.designbase-drawer--lg .designbase-drawer__container--left,.designbase-drawer--lg .designbase-drawer__container--right,.designbase-drawer--md .designbase-drawer__container--left,.designbase-drawer--md .designbase-drawer__container--right,.designbase-drawer--xl .designbase-drawer__container--left,.designbase-drawer--xl .designbase-drawer__container--right{width:100vw}.designbase-drawer--lg .designbase-drawer__container--bottom,.designbase-drawer--lg .designbase-drawer__container--top,.designbase-drawer--md .designbase-drawer__container--bottom,.designbase-drawer--md .designbase-drawer__container--top,.designbase-drawer--xl .designbase-drawer__container--bottom,.designbase-drawer--xl .designbase-drawer__container--top{height:100vh}.designbase-drawer__content,.designbase-drawer__header{padding:var(--db-padding-s)}.designbase-drawer__title{font-size:var(--db-text-md)}}@media (max-width:480px){.designbase-drawer--sm .designbase-drawer__container--left,.designbase-drawer--sm .designbase-drawer__container--right{width:100vw}.designbase-drawer--sm .designbase-drawer__container--bottom,.designbase-drawer--sm .designbase-drawer__container--top{height:100vh}}.designbase-drawer:focus-visible{outline:none}.designbase-drawer__container:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:-2px}.designbase-drawer__container{backface-visibility:hidden;will-change:transform}.designbase-drawer__overlay{will-change:opacity}.designbase-image-list{display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-image-list--grid{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(var(--columns,3),1fr)}.designbase-image-list--grid.designbase-image-list--columns-1{grid-template-columns:1fr}.designbase-image-list--grid.designbase-image-list--columns-2{grid-template-columns:repeat(2,1fr)}.designbase-image-list--grid.designbase-image-list--columns-3{grid-template-columns:repeat(3,1fr)}.designbase-image-list--grid.designbase-image-list--columns-4{grid-template-columns:repeat(4,1fr)}.designbase-image-list--grid.designbase-image-list--columns-5{grid-template-columns:repeat(5,1fr)}.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(6,1fr)}.designbase-image-list--list{flex-direction:column;gap:var(--db-gap-s)}.designbase-image-list--list .designbase-image-list__item{align-items:center;border-radius:var(--db-radius-md);display:flex;gap:var(--db-gap-m);padding:var(--db-padding-s);transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item:hover{background-color:var(--db-bg-hover)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__image{flex-shrink:0;height:80px;width:120px}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay{background:none;color:var(--db-text-primary);flex:1;padding:0;position:static}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay .designbase-image-list__title{font-size:var(--db-font-md);font-weight:var(--db-font-medium);margin:0 0 var(--db-margin-xs) 0}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay .designbase-image-list__description{color:var(--db-text-secondary);font-size:var(--db-font-sm);margin:0}.designbase-image-list--gallery{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.designbase-image-list--gallery .designbase-image-list__item{border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-md);overflow:hidden;position:relative;transition:transform var(--db-animation-speed) var(--db-animation-ease),box-shadow var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--gallery .designbase-image-list__item:hover{box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,.15));transform:translateY(-4px)}.designbase-image-list--gallery .designbase-image-list__item:hover .designbase-image-list__overlay{opacity:1}.designbase-image-list--carousel{display:flex;gap:var(--db-gap-m);overflow-x:auto;padding:var(--db-padding-s) 0;scroll-snap-type:x mandatory}.designbase-image-list--carousel::-webkit-scrollbar{height:6px}.designbase-image-list--carousel::-webkit-scrollbar-track{background:var(--db-bg-secondary);border-radius:var(--db-radius-sm)}.designbase-image-list--carousel::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:var(--db-radius-sm)}.designbase-image-list--carousel::-webkit-scrollbar-thumb:hover{background:var(--db-border-dark)}.designbase-image-list--carousel .designbase-image-list__carousel-item{flex:0 0 auto;max-width:300px;min-width:200px;scroll-snap-align:start}.designbase-image-list--spacing-xs{gap:var(--db-gap-xs)}.designbase-image-list--spacing-sm{gap:var(--db-gap-s)}.designbase-image-list--spacing-md{gap:var(--db-gap-m)}.designbase-image-list--spacing-lg{gap:var(--db-gap-l)}.designbase-image-list--spacing-xl{gap:var(--db-gap-xl)}.designbase-image-list__item{border-radius:var(--db-radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list__item:hover .designbase-image-list__overlay{opacity:1}.designbase-image-list__image{height:100%;transition:transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image-list--hover .designbase-image-list__image:hover{transform:scale(1.05)}.designbase-image-list__overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;left:0;opacity:0;padding:var(--db-padding-m);pointer-events:none;position:absolute;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list__title{font-size:var(--db-font-md);font-weight:var(--db-font-semibold);line-height:1.3;margin:0 0 var(--db-margin-xs) 0}.designbase-image-list__description{font-size:var(--db-font-sm);line-height:1.4;margin:0;opacity:var(--db-opacity-90)}.designbase-image-list__metadata{color:#fff;display:flex;flex-direction:column;font-size:var(--db-font-xs);gap:var(--db-gap-xs);pointer-events:none;position:absolute;right:var(--db-margin-s);text-shadow:0 1px 2px rgba(0,0,0,.5);top:var(--db-margin-s)}.designbase-image-list__date,.designbase-image-list__size{background:rgba(0,0,0,.6);border-radius:var(--db-radius-sm);font-weight:var(--db-font-medium);padding:var(--db-padding-xs) var(--db-padding-s)}@media (max-width:1200px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-4,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-3,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-4,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(2,1fr)}.designbase-image-list--responsive.designbase-image-list--list .designbase-image-list__item{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-image-list--responsive.designbase-image-list--list .designbase-image-list__item .designbase-image-list__image{height:120px;width:100%}}@media (max-width:480px){.designbase-image-list--responsive.designbase-image-list--gallery,.designbase-image-list--responsive.designbase-image-list--grid{grid-template-columns:1fr}.designbase-image-list--responsive .designbase-image-list__carousel-item{max-width:200px;min-width:150px}}.designbase-image-list__item:focus-visible{outline:2px solid var(--db-primary);outline-offset:var(--db-outline-offset)}.designbase-image-list__item{backface-visibility:hidden;will-change:transform}.designbase-image-list__image{will-change:transform}.designbase-masonry{display:flex;gap:var(--db-gap-m);width:100%}.designbase-masonry__column{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-m)}.designbase-masonry--columns-1 .designbase-masonry__column,.designbase-masonry--columns-2 .designbase-masonry__column,.designbase-masonry--columns-3 .designbase-masonry__column,.designbase-masonry--columns-4 .designbase-masonry__column,.designbase-masonry--columns-5 .designbase-masonry__column,.designbase-masonry--columns-6 .designbase-masonry__column{flex:1}.designbase-masonry--spacing-xs,.designbase-masonry--spacing-xs .designbase-masonry__column{gap:var(--db-gap-xs)}.designbase-masonry--spacing-sm,.designbase-masonry--spacing-sm .designbase-masonry__column{gap:var(--db-gap-s)}.designbase-masonry--spacing-md,.designbase-masonry--spacing-md .designbase-masonry__column{gap:var(--db-gap-m)}.designbase-masonry--spacing-lg,.designbase-masonry--spacing-lg .designbase-masonry__column{gap:var(--db-gap-l)}.designbase-masonry--spacing-xl,.designbase-masonry--spacing-xl .designbase-masonry__column{gap:var(--db-gap-xl)}.designbase-masonry__item{border-radius:var(--db-radius-md);cursor:pointer;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-masonry__item--visible{opacity:1;transform:translateY(0)}.designbase-masonry__item:hover .designbase-masonry__overlay{opacity:1}.designbase-masonry__item:hover .designbase-masonry__image{transform:scale(1.05)}.designbase-masonry__image{display:block;height:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-masonry__overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;left:0;opacity:0;padding:var(--db-padding-m);pointer-events:none;position:absolute;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-masonry__title{font-size:var(--db-text-lg);font-weight:var(--db-weight-semibold);line-height:1.3;margin:0 0 var(--db-margin-xs) 0}.designbase-masonry__description{font-size:var(--db-text-sm);line-height:1.4;margin:0;opacity:var(--db-opacity-90)}.designbase-masonry__metadata{color:#fff;display:flex;flex-direction:column;font-size:var(--db-text-xs);gap:var(--db-gap-xs);pointer-events:none;position:absolute;right:var(--db-margin-s);text-shadow:0 1px 2px rgba(0,0,0,.5);top:var(--db-margin-s)}.designbase-masonry__date,.designbase-masonry__size{background:rgba(0,0,0,.6);border-radius:var(--db-radius-sm);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-masonry--animation-fade .designbase-masonry__item,.designbase-masonry--animation-fade .designbase-masonry__item--visible{animation:masonryFadeIn .6s ease forwards}.designbase-masonry--animation-slide .designbase-masonry__item,.designbase-masonry--animation-slide .designbase-masonry__item--visible{animation:masonrySlideIn .6s ease forwards}.designbase-masonry--animation-zoom .designbase-masonry__item,.designbase-masonry--animation-zoom .designbase-masonry__item--visible{animation:masonryZoomIn .6s ease forwards}.designbase-masonry--animation-none .designbase-masonry__item{animation:none;opacity:1;transform:none}@media (max-width:1200px){.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+5),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+5){display:none}}@media (max-width:992px){.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+4),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+4),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+4){display:none}}@media (max-width:768px){.designbase-masonry--responsive.designbase-masonry--columns-3 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+3){display:none}}@media (max-width:480px){.designbase-masonry--responsive.designbase-masonry--columns-2 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-3 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+2){display:none}}.designbase-masonry--infinite-scroll{max-height:80vh;overflow-y:auto}.designbase-masonry--infinite-scroll::-webkit-scrollbar{width:6px}.designbase-masonry--infinite-scroll::-webkit-scrollbar-track{background:var(--db-bg-secondary);border-radius:var(--db-radius-sm)}.designbase-masonry--infinite-scroll::-webkit-scrollbar-thumb{background:var(--db-border-primary);border-radius:var(--db-radius-sm)}.designbase-masonry--infinite-scroll::-webkit-scrollbar-thumb:hover{background:var(--db-border-secondary)}.designbase-masonry__item:focus-visible{outline:2px solid var(--db-blue-600);outline-offset:2px}.designbase-masonry__item{backface-visibility:hidden;will-change:transform,opacity}.designbase-masonry__image{will-change:transform}@keyframes masonryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes masonrySlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes masonryZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.designbase-animation-text{cursor:default;display:inline-block;position:relative;transition:all .3s ease}.designbase-animation-text--xs{font-size:var(--db-text-xs)}.designbase-animation-text--sm{font-size:var(--db-text-sm)}.designbase-animation-text--md{font-size:var(--db-text-base)}.designbase-animation-text--lg{font-size:var(--db-text-lg)}.designbase-animation-text--xl{font-size:var(--db-text-xl)}.designbase-animation-text--2xl{font-size:var(--db-text-2xl)}.designbase-animation-text--3xl{font-size:var(--db-text-3xl)}.designbase-animation-text--light{font-weight:var(--db-weight-light)}.designbase-animation-text--normal{font-weight:var(--db-weight-normal)}.designbase-animation-text--medium{font-weight:var(--db-weight-medium)}.designbase-animation-text--semibold{font-weight:var(--db-weight-semibold)}.designbase-animation-text--bold{font-weight:var(--db-weight-bold)}.designbase-animation-text--extrabold{font-weight:var(--db-weight-extrabold)}.designbase-animation-text--left{text-align:left}.designbase-animation-text--center{text-align:center}.designbase-animation-text--right{text-align:right}.designbase-animation-text--justify{text-align:justify}.designbase-animation-text--primary{color:var(--db-text-primary)}.designbase-animation-text--secondary{color:var(--db-text-secondary)}.designbase-animation-text--success{color:var(--db-green-600)}.designbase-animation-text--warning{color:var(--db-yellow-600)}.designbase-animation-text--error{color:var(--db-red-600)}.designbase-animation-text--info{color:var(--db-blue-600)}.designbase-animation-text--custom{color:var(--db-text-custom)}.designbase-animation-text--clickable{cursor:pointer;user-select:none}.designbase-animation-text--clickable:hover{transform:scale(1.05)}.designbase-animation-text--clickable:active{transform:scale(.95)}.designbase-animation-text--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-animation-text--fade{opacity:0;transform:translateY(20px)}.designbase-animation-text--fade.designbase-animation-text--visible{opacity:1;transform:translateY(0);transition:opacity var(--db-animation-speed) ease,transform var(--db-animation-speed) ease}.designbase-animation-text--fade.designbase-animation-text--animating{animation:fadeInOut var(--db-animation-speed) ease-in-out}.designbase-animation-text--slide{opacity:0;overflow:hidden}.designbase-animation-text--slide.designbase-animation-text--visible{animation:slideIn var(--db-animation-speed) ease-out;opacity:1}.designbase-animation-text--slide.designbase-animation-text--animating{animation:slideInOut var(--db-animation-speed) ease-in-out}.designbase-animation-text--slide--left{transform:translateX(-100%)}.designbase-animation-text--slide--left.designbase-animation-text--visible{transform:translateX(0)}.designbase-animation-text--slide--right{transform:translateX(100%)}.designbase-animation-text--slide--right.designbase-animation-text--visible{transform:translateX(0)}.designbase-animation-text--slide--up{transform:translateY(100%)}.designbase-animation-text--slide--up.designbase-animation-text--visible{transform:translateY(0)}.designbase-animation-text--slide--down{transform:translateY(-100%)}.designbase-animation-text--slide--down.designbase-animation-text--visible{transform:translateY(0)}.designbase-animation-text--bounce.designbase-animation-text--visible{animation:bounceIn var(--db-animation-speed) ease-out}.designbase-animation-text--bounce.designbase-animation-text--animating{animation:bounce var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--shake.designbase-animation-text--visible{animation:shakeIn var(--db-animation-speed) ease-out}.designbase-animation-text--shake.designbase-animation-text--animating{animation:shake var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--glow.designbase-animation-text--visible{animation:glowIn var(--db-animation-speed) ease-out}.designbase-animation-text--glow.designbase-animation-text--animating{animation:glow var(--db-animation-speed) ease-in-out infinite;text-shadow:0 0 10px var(--db-glow-color),0 0 20px var(--db-glow-color),0 0 30px var(--db-glow-color)}.designbase-animation-text--gradient.designbase-animation-text--visible{animation:gradientIn var(--db-animation-speed) ease-out}.designbase-animation-text--gradient.designbase-animation-text--animating{animation:gradient var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--wave.designbase-animation-text--visible{animation:waveIn var(--db-animation-speed) ease-out}.designbase-animation-text--wave.designbase-animation-text--animating{animation:wave var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--wave span{animation:waveChar var(--db-animation-speed) ease-in-out infinite;display:inline-block}.designbase-animation-text--wave span:first-child{animation-delay:.1s}.designbase-animation-text--wave span:nth-child(2){animation-delay:.2s}.designbase-animation-text--wave span:nth-child(3){animation-delay:.3s}.designbase-animation-text--wave span:nth-child(4){animation-delay:.4s}.designbase-animation-text--wave span:nth-child(5){animation-delay:.5s}.designbase-animation-text--wave span:nth-child(6){animation-delay:.6s}.designbase-animation-text--wave span:nth-child(7){animation-delay:.7s}.designbase-animation-text--wave span:nth-child(8){animation-delay:.8s}.designbase-animation-text--wave span:nth-child(9){animation-delay:.9s}.designbase-animation-text--wave span:nth-child(10){animation-delay:1s}.designbase-animation-text--wave span:nth-child(11){animation-delay:1.1s}.designbase-animation-text--wave span:nth-child(12){animation-delay:1.2s}.designbase-animation-text--wave span:nth-child(13){animation-delay:1.3s}.designbase-animation-text--wave span:nth-child(14){animation-delay:1.4s}.designbase-animation-text--wave span:nth-child(15){animation-delay:1.5s}.designbase-animation-text--wave span:nth-child(16){animation-delay:1.6s}.designbase-animation-text--wave span:nth-child(17){animation-delay:1.7s}.designbase-animation-text--wave span:nth-child(18){animation-delay:1.8s}.designbase-animation-text--wave span:nth-child(19){animation-delay:1.9s}.designbase-animation-text--wave span:nth-child(20){animation-delay:2s}.designbase-animation-text--flip{perspective:1000px}.designbase-animation-text--flip.designbase-animation-text--visible{animation:flipIn var(--db-animation-speed) ease-out}.designbase-animation-text--flip.designbase-animation-text--animating{animation:flip var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--scale.designbase-animation-text--visible{animation:scaleIn var(--db-animation-speed) ease-out}.designbase-animation-text--scale.designbase-animation-text--animating{animation:scale var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--typing{border-right:2px solid;overflow:hidden;white-space:nowrap}.designbase-animation-text--typing.designbase-animation-text--visible{animation:typing var(--db-animation-speed) steps(40)}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInOut{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shakeIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes glowIn{0%{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color)}}@keyframes glow{0%,to{text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}50%{text-shadow:0 0 20px var(--glow-color),0 0 30px var(--glow-color),0 0 40px var(--glow-color)}}@keyframes gradientIn{0%{background-position:0 50%;opacity:0}to{background-position:100% 50%;opacity:1}}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes waveIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveChar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes flip{0%,to{transform:perspective(400px) rotateY(0deg)}50%{transform:perspective(400px) rotateY(180deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width:768px){.designbase-animation-text--3xl{font-size:var(--db-text-2xl)}.designbase-animation-text--2xl{font-size:var(--db-text-xl)}.designbase-animation-text--xl{font-size:var(--db-text-lg)}}.designbase-animation-background{display:block;overflow:hidden;position:relative;transition:all .3s ease}.designbase-animation-background--clickable{cursor:pointer;user-select:none}.designbase-animation-background--clickable:hover{transform:scale(1.02)}.designbase-animation-background--clickable:active{transform:scale(.98)}.designbase-animation-background--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-animation-background__canvas{display:block;height:100%;width:100%}.designbase-animation-background--gradient.designbase-animation-background--visible{animation:gradientMove var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--gradient.designbase-animation-background--animating{animation:gradientPulse var(--db-animation-speed) ease-in-out}.designbase-animation-background--rainbow.designbase-animation-background--visible{animation:rainbowMove var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--rainbow.designbase-animation-background--animating{animation:rainbowPulse var(--db-animation-speed) ease-in-out}.designbase-animation-background--pulse.designbase-animation-background--visible{animation:pulse var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--pulse.designbase-animation-background--animating{animation:pulseIntense var(--db-animation-speed) ease-in-out}.designbase-animation-background--wave:before{animation:waveMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(45deg,var(--wave-colors));background-size:400% 400%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--wave.designbase-animation-background--visible{animation:waveFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--wave.designbase-animation-background--animating:before{animation:waveIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--aurora:before{animation:auroraMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(45deg,var(--aurora-colors));background-size:400% 400%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--aurora.designbase-animation-background--visible{animation:auroraFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--aurora.designbase-animation-background--animating:before{animation:auroraIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--fire:before{animation:fireMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to top,var(--fire-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--fire.designbase-animation-background--visible{animation:fireFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--fire.designbase-animation-background--animating:before{animation:fireIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--ocean:before{animation:oceanMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to bottom,var(--ocean-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--ocean.designbase-animation-background--visible{animation:oceanFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--ocean.designbase-animation-background--animating:before{animation:oceanIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--sunset:before{animation:sunsetMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to bottom,var(--sunset-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--sunset.designbase-animation-background--visible{animation:sunsetFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--sunset.designbase-animation-background--animating:before{animation:sunsetIntense var(--db-animation-speed) ease-in-out infinite}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientPulse{0%,to{background-position:0 50%;opacity:1}50%{background-position:100% 50%;opacity:.8}}@keyframes rainbowMove{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}@keyframes rainbowPulse{0%,to{background-position:0 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes pulseIntense{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes waveMove{0%,to{background-position:0 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-10px)}}@keyframes waveFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes waveIntense{0%,to{background-position:0 50%;transform:translateY(0) scale(1)}50%{background-position:100% 50%;transform:translateY(-20px) scale(1.05)}}@keyframes auroraMove{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}}@keyframes auroraFadeIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes auroraIntense{0%,to{background-position:0 50%;filter:hue-rotate(0deg) brightness(1)}50%{background-position:100% 50%;filter:hue-rotate(1turn) brightness(1.2)}}@keyframes fireMove{0%,to{background-position:50% 100%;filter:brightness(1)}50%{background-position:50% 0;filter:brightness(1.3)}}@keyframes fireFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fireIntense{0%,to{background-position:50% 100%;filter:brightness(1) saturate(1)}50%{background-position:50% 0;filter:brightness(1.5) saturate(1.5)}}@keyframes oceanMove{0%,to{background-position:0 100%;filter:hue-rotate(0deg)}50%{background-position:100% 0;filter:hue-rotate(30deg)}}@keyframes oceanFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes oceanIntense{0%,to{background-position:0 100%;filter:hue-rotate(0deg) brightness(1)}50%{background-position:100% 0;filter:hue-rotate(60deg) brightness(1.2)}}@keyframes sunsetMove{0%,to{background-position:0 0;filter:brightness(1)}50%{background-position:100% 100%;filter:brightness(1.2)}}@keyframes sunsetFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sunsetIntense{0%,to{background-position:0 0;filter:brightness(1) saturate(1)}50%{background-position:100% 100%;filter:brightness(1.4) saturate(1.3)}}@media (max-width:768px){.designbase-animation-background--clickable:hover{transform:none}}.designbase-resizable-panels{display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow var(--db-animation-speed) var(--db-animation-ease);user-select:none}.designbase-resizable-panels--border{border:1px solid var(--db-border)}.designbase-resizable-panels--shadow{box-shadow:var(--db-shadow-md)}.designbase-resizable-panels--resizing{transition:none;z-index:1000}.designbase-resizable-panels--resizing .designbase-resizable-panels__handle{opacity:1;transform:scale(1.1)}.designbase-resizable-panels__content{flex:1;overflow:auto;position:relative;z-index:1}.designbase-resizable-panels__handle{align-items:center;border-radius:var(--db-radius-sm);color:#fff;display:flex;font-size:var(--db-font-xs);justify-content:center;opacity:var(--db-opacity-70);position:absolute;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:10}.designbase-resizable-panels__handle:hover{opacity:var(--db-opacity-100);transform:scale(1.1)}.designbase-resizable-panels__handle:active{transform:scale(.95)}@media (hover:none){.designbase-resizable-panels__handle{opacity:var(--db-opacity-90)}}.designbase-resizable-panels__guides{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.designbase-resizable-panels__guide{background:linear-gradient(90deg,transparent 0,var(--db-primary) 50%,transparent 100%);opacity:var(--db-opacity-60);position:absolute}.designbase-resizable-panels__guide--horizontal{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.designbase-resizable-panels__guide--vertical{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.designbase-resizable-panels__size-indicator{background:rgba(0,0,0,.8);border-radius:var(--db-radius-sm);color:#fff;font-size:var(--db-font-xs);font-weight:var(--db-font-medium);left:var(--db-spacing-10);padding:var(--db-padding-xs) var(--db-padding-s);pointer-events:none;position:absolute;top:var(--db-spacing-10);white-space:nowrap;z-index:6}.designbase-resizable-panels__constraints{bottom:var(--db-spacing-10);display:flex;flex-direction:column;gap:var(--db-gap-xs);left:var(--db-spacing-10);pointer-events:none;position:absolute;z-index:6}.designbase-resizable-panels__constraint{animation:pulse 1s ease-in-out infinite;background:rgba(220,53,69,.9);border-radius:var(--db-radius-sm);color:#fff;font-size:var(--db-font-xs);font-weight:var(--db-font-medium);padding:var(--db-padding-xs) var(--db-padding-s);white-space:nowrap}.designbase-resizable-panels__constraint--min{background:rgba(255,193,7,.9);color:#212529}.designbase-resizable-panels__constraint--max{background:rgba(220,53,69,.9);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.designbase-resizable-panels__handle{opacity:var(--db-opacity-90);transform:scale(1.2)}.designbase-resizable-panels__size-indicator{font-size:11px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-resizable-panels__constraint{font-size:9px;padding:var(--db-padding-xs) var(--db-padding-xs)}}@media (prefers-contrast:high){.designbase-resizable-panels__handle{border:2px solid}.designbase-resizable-panels__guide{background:#000;opacity:1}.designbase-resizable-panels__size-indicator{background:#000;border:1px solid #fff}.designbase-resizable-panels__constraint{border:1px solid}}.designbase-resizable-panels:focus-within{outline:2px solid var(--db-primary);outline-offset:var(--db-outline-offset)}.designbase-resizable-panels__handle[aria-label]:before{content:attr(aria-label);height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.designbase-theme-toggle{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-theme-toggle--sm{gap:var(--db-gap-xs)}.designbase-theme-toggle--sm .designbase-theme-toggle__button,.designbase-theme-toggle--sm .designbase-theme-toggle__tab,.designbase-theme-toggle--sm .designbase-theme-toggle__trigger{font-size:var(--db-font-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-theme-toggle--sm .designbase-theme-toggle__button svg,.designbase-theme-toggle--sm .designbase-theme-toggle__tab svg,.designbase-theme-toggle--sm .designbase-theme-toggle__trigger svg{height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-theme-toggle--md{gap:var(--db-gap-s)}.designbase-theme-toggle--md .designbase-theme-toggle__button,.designbase-theme-toggle--md .designbase-theme-toggle__tab,.designbase-theme-toggle--md .designbase-theme-toggle__trigger{font-size:var(--db-font-sm);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-theme-toggle--md .designbase-theme-toggle__button svg,.designbase-theme-toggle--md .designbase-theme-toggle__tab svg,.designbase-theme-toggle--md .designbase-theme-toggle__trigger svg{height:var(--db-size-md);width:var(--db-size-md)}.designbase-theme-toggle--lg{gap:var(--db-gap-m)}.designbase-theme-toggle--lg .designbase-theme-toggle__button,.designbase-theme-toggle--lg .designbase-theme-toggle__tab,.designbase-theme-toggle--lg .designbase-theme-toggle__trigger{font-size:var(--db-font-md);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-theme-toggle--lg .designbase-theme-toggle__button svg,.designbase-theme-toggle--lg .designbase-theme-toggle__tab svg,.designbase-theme-toggle--lg .designbase-theme-toggle__trigger svg{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-theme-toggle__button{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-font-sm);font-weight:var(--db-font-medium);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-theme-toggle__button:hover{background:var(--db-bg-secondary);border-color:var(--db-primary);box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-theme-toggle__button:active{box-shadow:var(--db-shadow-sm);transform:translateY(0)}.designbase-theme-toggle__button--active{background:var(--db-primary);border-color:var(--db-primary);color:var(--db-white)}.designbase-theme-toggle__trigger{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border);border-radius:var(--db-radius-md);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--db-gap-s);justify-content:space-between;min-width:120px;padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-theme-toggle__trigger:hover{background:var(--db-bg-secondary);border-color:var(--db-primary)}.designbase-theme-toggle__arrow{transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-theme-toggle__arrow--open{transform:rotate(180deg)}.designbase-theme-toggle__dropdown{background:var(--db-bg-primary);border:1px solid var(--db-border);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-md);left:0;margin-top:var(--db-margin-xs);overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.designbase-theme-toggle__option{align-items:center;background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-font-sm);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);text-align:left;transition:background-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-theme-toggle__option:hover{background:var(--db-bg-secondary)}.designbase-theme-toggle__option--active{background:var(--db-primary);color:var(--db-white)}.designbase-theme-toggle__tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-font-sm);font-weight:var(--db-font-medium);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-theme-toggle__tab:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-theme-toggle__tab--active{background:var(--db-bg-primary);border-bottom-color:var(--db-primary);color:var(--db-primary)}.designbase-theme-toggle__label{white-space:nowrap}@media (max-width:768px){.designbase-theme-toggle{flex-direction:column;gap:var(--db-gap-s)}.designbase-theme-toggle .designbase-theme-toggle__button,.designbase-theme-toggle .designbase-theme-toggle__tab,.designbase-theme-toggle .designbase-theme-toggle__trigger{justify-content:center;width:100%}}
392
+ /*# sourceMappingURL=index.css.map */