@wwtdev/bsds-css 3.2.2 → 3.4.0-rc.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 (11) hide show
  1. package/dist/wwt-bsds-components.css +118 -60
  2. package/dist/wwt-bsds-components.min.css +1 -1
  3. package/dist/wwt-bsds-preset-v4.css +23 -12
  4. package/dist/wwt-bsds-preset.js +89 -31
  5. package/dist/wwt-bsds-tokens.css +256 -33
  6. package/dist/wwt-bsds-tokens.min.css +1 -1
  7. package/dist/wwt-bsds-utilities.css +0 -6
  8. package/dist/wwt-bsds-utilities.min.css +1 -1
  9. package/dist/wwt-bsds.css +375 -100
  10. package/dist/wwt-bsds.min.css +1 -1
  11. package/package.json +9 -22
package/dist/wwt-bsds-preset-v4.css CHANGED
@@ -37,7 +37,6 @@
37
37
  --color-gold-200: var(--bs-gold-200);
38
38
  --color-gold-300: var(--bs-gold-300);
39
39
  --color-gold-400: var(--bs-gold-400);
40
- --color-gold-500: var(--bs-gold-500);
41
40
 
42
41
  --color-gray-50: var(--bs-gray-50);
43
42
  --color-gray-100: var(--bs-gray-100);
@@ -324,28 +323,40 @@
324
323
  --font-weight-semibold: var(--bs-font-semibold);
325
324
 
326
325
  /* ─── Spacing ────────────────────────────────────────────────────────────── */
326
+ --spacing: var(--bs-space);
327
327
  --spacing-none: var(--bs-space-none);
328
- --spacing-0: var(--bs-space-0);
329
328
  --spacing-3xs: var(--bs-space-3xs);
330
- --spacing-1: var(--bs-space-1);
331
329
  --spacing-2xs: var(--bs-space-2xs);
332
- --spacing-2: var(--bs-space-2);
333
330
  --spacing-xs: var(--bs-space-xs);
334
- --spacing-3: var(--bs-space-3);
335
331
  --spacing-sm: var(--bs-space-sm);
336
- --spacing-4: var(--bs-space-4);
337
332
  --spacing-md: var(--bs-space-md);
338
- --spacing-6: var(--bs-space-6);
339
333
  --spacing-lg: var(--bs-space-lg);
340
- --spacing-8: var(--bs-space-8);
341
334
  --spacing-xl: var(--bs-space-xl);
342
- --spacing-12: var(--bs-space-12);
343
335
  --spacing-2xl: var(--bs-space-2xl);
344
- --spacing-16: var(--bs-space-16);
345
336
  --spacing-3xl: var(--bs-space-3xl);
346
- --spacing-24: var(--bs-space-24);
347
337
  --spacing-4xl: var(--bs-space-4xl);
348
- --spacing-32: var(--bs-space-32);
338
+
339
+ /* ─── Max widths ─────────────────────────────────────────────────────────── */
340
+ /*
341
+ * Note: Had to define dedicated `--max-width-*` namespace, which `max-w-*`
342
+ * resolves before `--spacing-*`. This preserves the custom values from v3
343
+ * preset that would have been overridden by the spacing scale above (e.g.
344
+ * `max-w-sm` would have resolved to `var(--spacing-sm)` instead of `30rem`).
345
+ */
346
+ --max-width-content: 72rem;
347
+ --max-width-3xs: 16rem;
348
+ --max-width-2xs: 18rem;
349
+ --max-width-xs: 20rem;
350
+ --max-width-sm: 30rem;
351
+ --max-width-md: 40rem;
352
+ --max-width-lg: 50rem;
353
+ --max-width-xl: 60rem;
354
+ --max-width-2xl: 70rem;
355
+ --max-width-3xl: 75rem;
356
+ --max-width-4xl: 80rem;
357
+ --max-width-5xl: 90rem;
358
+ --max-width-6xl: 100rem;
359
+ --max-width-7xl: 110rem;
349
360
 
350
361
  /* ─── Line heights ───────────────────────────────────────────────────────── */
351
362
  --leading-none: var(--bs-leading-none);
package/dist/wwt-bsds-preset.js CHANGED
@@ -33,17 +33,16 @@ var colorPrimitives = {
33
33
  400: "#2918C4"
34
34
  },
35
35
  gold: {
36
- 10: "rgba(235, 223, 212, 0.1)",
37
- 100: "#F9F5F1",
38
- 200: "#EBDFD4",
39
- 300: "#E0C7AC",
40
- 400: "#CCA175",
41
- 500: "#997958"
36
+ 10: "rgba(224, 199, 172, 0.1)",
37
+ 100: "#EBDFD4",
38
+ 200: "#E0C7AC",
39
+ 300: "#CCA175",
40
+ 400: "#997958"
42
41
  },
43
42
  gray: {
44
43
  50: "#F7F7FC",
45
44
  100: "#F0F0FA",
46
- 150: "#E4E4EB",
45
+ 150: "#DCDDE9",
47
46
  200: "#C9CAD9",
48
47
  300: "#A3A4B7",
49
48
  400: "#4E4F5F",
@@ -58,7 +57,7 @@ var colorPrimitives = {
58
57
  500: "#00744D"
59
58
  },
60
59
  maroon: {
61
- 10: "rgba(195, 91, 91, 0.1)",
60
+ 10: "rgba(215, 145, 145, 0.1)",
62
61
  100: "#EBC8C8",
63
62
  200: "#D79191",
64
63
  300: "#C35B5B",
@@ -84,7 +83,7 @@ var colorPrimitives = {
84
83
  100: "#F3C4A8",
85
84
  200: "#F7A17B",
86
85
  300: "#F97C4C",
87
- 400: "#FB550E",
86
+ 400: "#ed5615",
88
87
  500: "#C33D04",
89
88
  "brand": "#FF5100"
90
89
  },
@@ -407,28 +406,87 @@ var lineHeight = {
407
406
  "lg": 1.5
408
407
  };
409
408
  var spacing = {
410
- "none": "0",
411
- "0": "0",
412
- "3xs": "0.25rem",
413
- "1": "0.25rem",
414
- "2xs": "0.5rem",
415
- "2": "0.5rem",
416
- "xs": "0.75rem",
417
- "3": "0.75rem",
418
- "sm": "1rem",
419
- "4": "1rem",
420
- "md": "1.5rem",
421
- "6": "1.5rem",
422
- "lg": "2rem",
423
- "8": "2rem",
424
- "xl": "3rem",
425
- "12": "3rem",
426
- "2xl": "4rem",
427
- "16": "4rem",
428
- "3xl": "6rem",
429
- "24": "6rem",
430
- "4xl": "8rem",
431
- "32": "8rem"
409
+ "": "0.25rem",
410
+ "px": "1px",
411
+ "0": "calc(var(--bs-space) * 0)",
412
+ // 0
413
+ "0.5": "calc(var(--bs-space) * 0.5)",
414
+ // 0.125rem | 2px
415
+ "1": "calc(var(--bs-space) * 1)",
416
+ // 0.25rem | 4px
417
+ "1.5": "calc(var(--bs-space) * 1.5)",
418
+ // 0.375rem | 6px
419
+ "2": "calc(var(--bs-space) * 2)",
420
+ // 0.5rem | 8px
421
+ "2.5": "calc(var(--bs-space) * 2.5)",
422
+ // 0.625rem | 10px
423
+ "3": "calc(var(--bs-space) * 3)",
424
+ // 0.75rem | 12px
425
+ "3.5": "calc(var(--bs-space) * 3.5)",
426
+ // 0.875rem | 14px
427
+ "4": "calc(var(--bs-space) * 4)",
428
+ // 1rem | 16px
429
+ "5": "calc(var(--bs-space) * 5)",
430
+ // 1.25rem | 20px
431
+ "6": "calc(var(--bs-space) * 6)",
432
+ // 1.5rem | 24px
433
+ "7": "calc(var(--bs-space) * 7)",
434
+ // 1.75rem | 28px
435
+ "8": "calc(var(--bs-space) * 8)",
436
+ // 2rem | 32px
437
+ "9": "calc(var(--bs-space) * 9)",
438
+ // 2.25rem | 36px
439
+ "10": "calc(var(--bs-space) * 10)",
440
+ // 2.5rem | 40px
441
+ "11": "calc(var(--bs-space) * 11)",
442
+ // 2.75rem | 44px
443
+ "12": "calc(var(--bs-space) * 12)",
444
+ // 3rem | 48px
445
+ "14": "calc(var(--bs-space) * 14)",
446
+ // 3.5rem | 56px
447
+ "16": "calc(var(--bs-space) * 16)",
448
+ // 4rem | 64px
449
+ "20": "calc(var(--bs-space) * 20)",
450
+ // 5rem | 80px
451
+ "24": "calc(var(--bs-space) * 24)",
452
+ // 6rem | 96px
453
+ "28": "calc(var(--bs-space) * 28)",
454
+ // 7rem | 112px
455
+ "32": "calc(var(--bs-space) * 32)",
456
+ // 8rem | 128px
457
+ "36": "calc(var(--bs-space) * 36)",
458
+ // 9rem | 144px
459
+ "40": "calc(var(--bs-space) * 40)",
460
+ // 10rem | 160px
461
+ "44": "calc(var(--bs-space) * 44)",
462
+ // 11rem | 176px
463
+ "48": "calc(var(--bs-space) * 48)",
464
+ // 12rem | 192px
465
+ "52": "calc(var(--bs-space) * 52)",
466
+ // 13rem | 208px
467
+ "56": "calc(var(--bs-space) * 56)",
468
+ // 14rem | 224px
469
+ "60": "calc(var(--bs-space) * 60)",
470
+ // 15rem | 240px
471
+ "64": "calc(var(--bs-space) * 64)",
472
+ // 16rem | 256px
473
+ "72": "calc(var(--bs-space) * 72)",
474
+ // 18rem | 288px
475
+ "80": "calc(var(--bs-space) * 80)",
476
+ // 20rem | 320px
477
+ "96": "calc(var(--bs-space) * 96)",
478
+ // 24rem | 384px
479
+ "none": "var(--bs-space-0)",
480
+ "3xs": "var(--bs-space-1)",
481
+ "2xs": "var(--bs-space-2)",
482
+ "xs": "var(--bs-space-3)",
483
+ "sm": "var(--bs-space-4)",
484
+ "md": "var(--bs-space-6)",
485
+ "lg": "var(--bs-space-8)",
486
+ "xl": "var(--bs-space-12)",
487
+ "2xl": "var(--bs-space-16)",
488
+ "3xl": "var(--bs-space-24)",
489
+ "4xl": "var(--bs-space-32)"
432
490
  };
433
491
  var boxShadow = {
434
492
  DEFAULT: "-4px 4px 12px var(--bs-shadow-primary), -8px 8px 16px var(--bs-shadow-secondary)",
package/dist/wwt-bsds-tokens.css CHANGED
@@ -25,15 +25,14 @@
25
25
  --bs-cobalt-200: #948be1;
26
26
  --bs-cobalt-300: #5f52d3;
27
27
  --bs-cobalt-400: #2918c4;
28
- --bs-gold-10: rgba(235, 223, 212, 0.1);
29
- --bs-gold-100: #f9f5f1;
30
- --bs-gold-200: #ebdfd4;
31
- --bs-gold-300: #e0c7ac;
32
- --bs-gold-400: #cca175;
33
- --bs-gold-500: #997958;
28
+ --bs-gold-10: rgba(224, 199, 172, 0.1);
29
+ --bs-gold-100: #ebdfd4;
30
+ --bs-gold-200: #e0c7ac;
31
+ --bs-gold-300: #cca175;
32
+ --bs-gold-400: #997958;
34
33
  --bs-gray-50: #f7f7fc;
35
34
  --bs-gray-100: #f0f0fa;
36
- --bs-gray-150: #e4e4eb;
35
+ --bs-gray-150: #dcdde9;
37
36
  --bs-gray-200: #c9cad9;
38
37
  --bs-gray-300: #a3a4b7;
39
38
  --bs-gray-400: #4e4f5f;
@@ -44,7 +43,7 @@
44
43
  --bs-green-300: #39a283;
45
44
  --bs-green-400: #008b5d;
46
45
  --bs-green-500: #00744d;
47
- --bs-maroon-10: rgba(195, 91, 91, 0.1);
46
+ --bs-maroon-10: rgba(215, 145, 145, 0.1);
48
47
  --bs-maroon-100: #ebc8c8;
49
48
  --bs-maroon-200: #d79191;
50
49
  --bs-maroon-300: #c35b5b;
@@ -64,7 +63,7 @@
64
63
  --bs-orange-100: #f3c4a8;
65
64
  --bs-orange-200: #f7a17b;
66
65
  --bs-orange-300: #f97c4c;
67
- --bs-orange-400: #fb550e;
66
+ --bs-orange-400: #ed5615;
68
67
  --bs-orange-500: #c33d04;
69
68
  --bs-orange-brand: #ff5100;
70
69
  --bs-orchid-10: rgba(190, 128, 255, 0.1);
@@ -227,28 +226,53 @@
227
226
  rgba(22, 47, 180, 0.05) 283.2deg,
228
227
  rgba(227, 28, 121, 0.05) 414.4deg
229
228
  );
230
- --bs-space-0: 0;
231
- --bs-space-1: 0.25rem;
232
- --bs-space-2: 0.5rem;
233
- --bs-space-3: 0.75rem;
234
- --bs-space-4: 1rem;
235
- --bs-space-6: 1.5rem;
236
- --bs-space-8: 2rem;
237
- --bs-space-12: 3rem;
238
- --bs-space-16: 4rem;
239
- --bs-space-24: 6rem;
240
- --bs-space-32: 8rem;
241
- --bs-space-none: 0;
242
- --bs-space-3xs: 0.25rem;
243
- --bs-space-2xs: 0.5rem;
244
- --bs-space-xs: 0.75rem;
245
- --bs-space-sm: 1rem;
246
- --bs-space-md: 1.5rem;
247
- --bs-space-lg: 2rem;
248
- --bs-space-xl: 3rem;
249
- --bs-space-2xl: 4rem;
250
- --bs-space-3xl: 6rem;
251
- --bs-space-4xl: 8rem;
229
+ --bs-space-0: calc(var(--bs-space) * 0);
230
+ --bs-space-1: calc(var(--bs-space) * 1);
231
+ --bs-space-2: calc(var(--bs-space) * 2);
232
+ --bs-space-3: calc(var(--bs-space) * 3);
233
+ --bs-space-4: calc(var(--bs-space) * 4);
234
+ --bs-space-5: calc(var(--bs-space) * 5);
235
+ --bs-space-6: calc(var(--bs-space) * 6);
236
+ --bs-space-7: calc(var(--bs-space) * 7);
237
+ --bs-space-8: calc(var(--bs-space) * 8);
238
+ --bs-space-9: calc(var(--bs-space) * 9);
239
+ --bs-space-10: calc(var(--bs-space) * 10);
240
+ --bs-space-11: calc(var(--bs-space) * 11);
241
+ --bs-space-12: calc(var(--bs-space) * 12);
242
+ --bs-space-14: calc(var(--bs-space) * 14);
243
+ --bs-space-16: calc(var(--bs-space) * 16);
244
+ --bs-space-20: calc(var(--bs-space) * 20);
245
+ --bs-space-24: calc(var(--bs-space) * 24);
246
+ --bs-space-28: calc(var(--bs-space) * 28);
247
+ --bs-space-32: calc(var(--bs-space) * 32);
248
+ --bs-space-36: calc(var(--bs-space) * 36);
249
+ --bs-space-40: calc(var(--bs-space) * 40);
250
+ --bs-space-44: calc(var(--bs-space) * 44);
251
+ --bs-space-48: calc(var(--bs-space) * 48);
252
+ --bs-space-52: calc(var(--bs-space) * 52);
253
+ --bs-space-56: calc(var(--bs-space) * 56);
254
+ --bs-space-60: calc(var(--bs-space) * 60);
255
+ --bs-space-64: calc(var(--bs-space) * 64);
256
+ --bs-space-72: calc(var(--bs-space) * 72);
257
+ --bs-space-80: calc(var(--bs-space) * 80);
258
+ --bs-space-96: calc(var(--bs-space) * 96);
259
+ --bs-space: 0.25rem;
260
+ --bs-space-px: 1px;
261
+ --bs-space-0_5: calc(var(--bs-space) * 0.5);
262
+ --bs-space-1_5: calc(var(--bs-space) * 1.5);
263
+ --bs-space-2_5: calc(var(--bs-space) * 2.5);
264
+ --bs-space-3_5: calc(var(--bs-space) * 3.5);
265
+ --bs-space-none: var(--bs-space-0);
266
+ --bs-space-3xs: var(--bs-space-1);
267
+ --bs-space-2xs: var(--bs-space-2);
268
+ --bs-space-xs: var(--bs-space-3);
269
+ --bs-space-sm: var(--bs-space-4);
270
+ --bs-space-md: var(--bs-space-6);
271
+ --bs-space-lg: var(--bs-space-8);
272
+ --bs-space-xl: var(--bs-space-12);
273
+ --bs-space-2xl: var(--bs-space-16);
274
+ --bs-space-3xl: var(--bs-space-24);
275
+ --bs-space-4xl: var(--bs-space-32);
252
276
  --bs-text-xs: 0.75rem;
253
277
  --bs-text-sm: 0.875rem;
254
278
  --bs-text-base: 1rem;
@@ -302,6 +326,9 @@
302
326
  /* Dynamic width set by the navigation component for page layout */
303
327
  --bs-page-nav-width: 0px;
304
328
 
329
+ /* Pill */
330
+ --bs-pill-height: 1.5rem;
331
+
305
332
  /* Table */
306
333
  --bs-table-cell-padding-xs: var(--bs-space-2);
307
334
  --bs-table-cell-padding-sm: var(--bs-space-3);
@@ -393,6 +420,202 @@
393
420
  --bs-border-active: var(--bs-cobalt-400);
394
421
  --bs-border-error: var(--bs-maroon-500);
395
422
  }
423
+ html:where(:has([data-theme="softchoice-dark"])),
424
+ [data-theme="softchoice-dark"] {
425
+ color-scheme: dark;
426
+ }
427
+ [data-theme="softchoice-dark"] {
428
+ /* Ink */
429
+ --bs-ink-base: var(--bs-white);
430
+ --bs-ink-medium: var(--bs-gray-100);
431
+ --bs-ink-light: var(--bs-gray-150);
432
+ --bs-ink-disabled: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
433
+ --bs-ink-invert-base: var(--bs-black);
434
+ --bs-ink-invert-medium: var(--bs-gray-500);
435
+ --bs-ink-invert-light: var(--bs-gray-400);
436
+ --bs-ink-primary: var(--bs-cobalt-100);
437
+ --bs-ink-secondary: var(--bs-orange-200);
438
+ --bs-ink-accent-1: var(--bs-midnight-100);
439
+ --bs-ink-accent-2: var(--bs-violet-100);
440
+ --bs-ink-accent-3: var(--bs-pink-200);
441
+ --bs-ink-accent-4: var(--bs-orchid-200);
442
+ --bs-ink-positive: var(--bs-green-200);
443
+ --bs-ink-warning: var(--bs-yellow-300);
444
+ --bs-ink-negative: var(--bs-maroon-200);
445
+
446
+ /* Primary */
447
+ --bs-primary-base-fixed: var(--bs-cobalt-400);
448
+ --bs-primary-base: var(--bs-cobalt-300);
449
+ --bs-primary-medium: var(--bs-cobalt-200);
450
+ --bs-primary-light: var(--bs-cobalt-200);
451
+ --bs-primary-lightest: var(--bs-cobalt-100);
452
+ --bs-primary-highlight: var(--bs-cobalt-10);
453
+
454
+ /* Secondary */
455
+ --bs-secondary-base-fixed: var(--bs-orange-400);
456
+ --bs-secondary-base: var(--bs-orange-300);
457
+ --bs-secondary-medium: var(--bs-orange-200);
458
+ --bs-secondary-light: var(--bs-orange-200);
459
+ --bs-secondary-lightest: var(--bs-orange-100);
460
+ --bs-secondary-highlight: var(--bs-orange-10);
461
+
462
+ /* Accent 1 */
463
+ --bs-accent-1-base-fixed: var(--bs-midnight-400);
464
+ --bs-accent-1-base: var(--bs-midnight-300);
465
+ --bs-accent-1-medium: var(--bs-midnight-200);
466
+ --bs-accent-1-light: var(--bs-midnight-200);
467
+ --bs-accent-1-lightest: var(--bs-midnight-100);
468
+ --bs-accent-1-highlight: var(--bs-midnight-10);
469
+
470
+ /* Accent 2 */
471
+ --bs-accent-2-base: var(--bs-violet-300);
472
+ --bs-accent-2-medium: var(--bs-violet-200);
473
+ --bs-accent-2-light: var(--bs-violet-200);
474
+
475
+ /* Accent 3 */
476
+ --bs-accent-3-base: var(--bs-pink-300);
477
+ --bs-accent-3-medium: var(--bs-pink-200);
478
+
479
+ /* Accent 4 */
480
+ --bs-accent-4-base-fixed: var(--bs-orchid-400);
481
+ --bs-accent-4-base: var(--bs-orchid-300);
482
+ --bs-accent-4-medium: var(--bs-orchid-200);
483
+ --bs-accent-4-light: var(--bs-orchid-200);
484
+ --bs-accent-4-lightest: var(--bs-orchid-100);
485
+ --bs-accent-4-highlight: var(--bs-orchid-10);
486
+
487
+ /* Accent 5 */
488
+ --bs-accent-5-base: var(--bs-gold-300);
489
+ --bs-accent-5-medium: var(--bs-gold-200);
490
+ --bs-accent-5-light: var(--bs-gold-200);
491
+ --bs-accent-5-lightest: var(--bs-gold-100);
492
+ --bs-accent-5-highlight: var(--bs-gold-10);
493
+
494
+ /* Accent 6 */
495
+ --bs-accent-6-base: var(--bs-red-300);
496
+
497
+ /* Accent 7 */
498
+ --bs-accent-7-base: var(--bs-navy-300);
499
+ --bs-accent-7-medium: var(--bs-navy-200);
500
+
501
+ /* Neutral */
502
+ --bs-neutral-dark: var(--bs-charcoal-100);
503
+ --bs-neutral-base: var(--bs-charcoal-200);
504
+ --bs-neutral-medium: var(--bs-charcoal-300);
505
+ --bs-neutral-light: var(--bs-charcoal-400);
506
+ --bs-neutral-lightest: var(--bs-charcoal-500);
507
+
508
+ /* Warning */
509
+ --bs-warning-base: var(--bs-yellow-400);
510
+ --bs-warning-medium: var(--bs-yellow-300);
511
+ --bs-warning-highlight: var(--bs-yellow-10);
512
+
513
+ /* Negative */
514
+ --bs-negative-base: var(--bs-maroon-300);
515
+ --bs-negative-medium: var(--bs-maroon-200);
516
+ --bs-negative-highlight: var(--bs-maroon-10);
517
+
518
+ /* Background */
519
+ --bs-bg-base: var(--bs-slate-600);
520
+ --bs-bg-light: var(--bs-slate-500);
521
+ --bs-bg-medium: var(--bs-slate-400);
522
+ --bs-bg-disabled: rgba(78, 79, 95, 0.3); /* gray-400 at 30% */
523
+ --bs-bg-invert-base: var(--bs-white);
524
+ --bs-bg-invert-light: var(--bs-charcoal-100);
525
+ --bs-bg-invert-medium: var(--bs-charcoal-200);
526
+ --bs-bg-base-to-light: var(--bs-slate-500);
527
+ --bs-bg-base-to-medium: var(--bs-slate-400);
528
+ --bs-bg-medium-to-base: var(--bs-slate-600);
529
+ --bs-bg-medium-to-light: var(--bs-slate-500);
530
+ --bs-bg-light-to-base: var(--bs-slate-600);
531
+ --bs-bg-light-to-medium: var(--bs-slate-400);
532
+
533
+ /* Borders */
534
+ --bs-border-base: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
535
+ --bs-border-medium: var(--bs-gray-400);
536
+ --bs-border-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
537
+ --bs-border-medium-to-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
538
+ --bs-border-input: var(--bs-violet-200);
539
+ --bs-border-active: var(--bs-cobalt-300);
540
+ --bs-border-error: var(--bs-maroon-200);
541
+
542
+ /* Atom gradients */
543
+ --bs-gradient-atom-ai-bg: conic-gradient(from 180deg at 50% 50%, rgba(83, 101, 196, 0.2) -96.8deg, rgba(228, 94, 155, 0.2) 74.2deg, rgba(51, 158, 238, 0.2) 98.8deg, rgba(249, 124, 76, 0.2) 259.6deg, rgba(83, 101, 196, 0.2) 283.2deg, rgba(228, 94, 155, 0.2) 414.4deg);
544
+ --bs-gradient-atom-ai-border: conic-gradient(from 180deg at 50% 50%, var(--bs-royal-300) -96.8deg, var(--bs-pink-300) 74.2deg, var(--bs-blue-300) 98.8deg, var(--bs-orange-300) 259.6deg, var(--bs-royal-300) 283.2deg, var(--bs-pink-300) 414.4deg);
545
+
546
+ /* Shadows */
547
+ --bs-shadow-secondary: rgba(10, 11, 25, 0.60);
548
+ --bs-shadow-dark: -16px 20px 40px 0 #000;
549
+ --bs-shadow-contentLow: var(--bs-shadow-dark);
550
+ --bs-shadow-contentLowCenter: var(--bs-shadow-dark);
551
+ --bs-shadow-contentMedium: var(--bs-shadow-dark);
552
+ --bs-shadow-contentHigh: var(--bs-shadow-dark);
553
+ --bs-shadow-drawerLeft: var(--bs-shadow-dark);
554
+ --bs-shadow-drawerRight: 16px 20px 40px 0 #000;
555
+ --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
556
+
557
+ /* -------------- Deprecated Color Tokens -------------- */
558
+ /* Ink */
559
+ --bs-ink-blue: var(--bs-cobalt-100); /* replaced by Ink Primary */
560
+ --bs-ink-orange: var(--bs-yellow-300); /* replaced by Ink Warning */
561
+ --bs-ink-pink: var(--bs-pink-200); /* replaced by Ink Accent 3 */
562
+ --bs-ink-plum: var(--bs-orange-200); /* replaced by Ink Secondary */
563
+ --bs-ink-purple: var(--bs-orchid-200); /* replaced by Ink Accent 4 */
564
+ --bs-ink-red: var(--bs-maroon-200); /* replaced by Ink Negative */
565
+ --bs-ink-royal: var(--bs-midnight-100); /* replaced by Ink Accent 1 */
566
+ --bs-ink-violet: var(--bs-violet-100); /* replaced by Ink Accent 2 */
567
+ --bs-bg-invert-to-medium: var(--bs-gray-500); /* removed in v3 */
568
+ --bs-ink-accent: var(--bs-orange-200); /* removed in v3 */
569
+
570
+ /* Blue (replaced by Primary) */
571
+ --bs-blue-base: var(--bs-cobalt-300);
572
+ --bs-blue-medium: var(--bs-cobalt-200);
573
+ --bs-blue-light: var(--bs-cobalt-200);
574
+ --bs-blue-lightest: var(--bs-cobalt-100);
575
+
576
+ /* Gray (replaced by Neutral) */
577
+ --bs-gray-dark: var(--bs-charcoal-100);
578
+ --bs-gray-base: var(--bs-charcoal-200);
579
+ --bs-gray-medium: var(--bs-charcoal-300);
580
+ --bs-gray-light: var(--bs-charcoal-400);
581
+ --bs-gray-lightest: var(--bs-charcoal-500);
582
+
583
+ /* Navy (replaced by Accent 7) */
584
+ --bs-navy-base: var(--bs-navy-300);
585
+ --bs-navy-medium: var(--bs-navy-200);
586
+
587
+ /* Orange (replaced by Warning) */
588
+ --bs-warning: var(--bs-yellow-400);
589
+ --bs-orange-base: var(--bs-yellow-300);
590
+
591
+ /* Pink (replaced by Accent 3) */
592
+ --bs-pink-base: var(--bs-pink-300);
593
+ --bs-pink-medium: var(--bs-pink-200);
594
+
595
+ /* Plum (replaced by Secondary) */
596
+ --bs-plum-base: var(--bs-orange-300);
597
+ --bs-plum-medium: var(--bs-orange-200);
598
+
599
+ /* Purple (replaced by Accent 4) */
600
+ --bs-purple-base: var(--bs-orchid-300);
601
+ --bs-purple-medium: var(--bs-orchid-200);
602
+ --bs-purple-light: var(--bs-orchid-200);
603
+ --bs-purple-lightest: var(--bs-orchid-100);
604
+
605
+ /* Red (replaced by Negative) */
606
+ --bs-red-base: var(--bs-maroon-300);
607
+ --bs-red-medium: var(--bs-maroon-200);
608
+
609
+ /* Royal Blue (replaced by Accent 1) */
610
+ --bs-royal-base: var(--bs-midnight-300);
611
+ --bs-royal-medium: var(--bs-midnight-200);
612
+ --bs-royal-light: var(--bs-midnight-200);
613
+ --bs-royal-lightest: var(--bs-midnight-100);
614
+
615
+ /* Violet (replaced by Accent 2) */
616
+ --bs-violet-base: var(--bs-violet-300);
617
+ --bs-violet-medium: var(--bs-violet-200);
618
+ }
396
619
  /* put browser scrollbars into dark mode */
397
620
  /* html selector needed since data-theme gets added to body, but scrolling may be on <html> */
398
621
  html:where(:has(.dark, [data-theme="wwt-dark"])),
@@ -405,7 +628,7 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
405
628
  /* Ink */
406
629
  --bs-ink-base: var(--bs-white);
407
630
  --bs-ink-medium: var(--bs-gray-100);
408
- --bs-ink-light: var(--bs-gray-200);
631
+ --bs-ink-light: var(--bs-gray-150);
409
632
  --bs-ink-disabled: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
410
633
  --bs-ink-primary: var(--bs-blue-100);
411
634
  --bs-ink-secondary: var(--bs-plum-100);
@@ -570,7 +793,7 @@ html:where(:has(.dark, [data-theme="wwt-dark"])),
570
793
  --bs-ink-disabled: rgba(78, 79, 95, 0.6); /* gray-400 at 60% */
571
794
  --bs-ink-invert-base: var(--bs-white);
572
795
  --bs-ink-invert-medium: var(--bs-gray-100);
573
- --bs-ink-invert-light: var(--bs-gray-200);
796
+ --bs-ink-invert-light: var(--bs-gray-150);
574
797
  --bs-ink-primary: var(--bs-blue-500);
575
798
  --bs-ink-secondary: var(--bs-plum-400);
576
799
  --bs-ink-accent-1: var(--bs-royal-400);
package/dist/wwt-bsds-tokens.min.css CHANGED
@@ -1 +1 @@
1
- :root{--bs-transparent:transparent;--bs-inherit:inherit;--bs-current:currentColor;--bs-white:#fff;--bs-white-10:rgba(255,255,255,0.1);--bs-black:#0a0b19;--bs-blue-10:rgba(102,182,242,0.1);--bs-blue-100:#99cff7;--bs-blue-200:#66b6f2;--bs-blue-300:#339eee;--bs-blue-400:#0086ea;--bs-blue-500:#006dc7;--bs-charcoal-100:#f5f5f6;--bs-charcoal-200:#ececec;--bs-charcoal-300:#b3b5b8;--bs-charcoal-400:#5f6266;--bs-charcoal-500:#40454d;--bs-cobalt-10:rgba(148,139,225,0.1);--bs-cobalt-100:#c9c5f0;--bs-cobalt-200:#948be1;--bs-cobalt-300:#5f52d3;--bs-cobalt-400:#2918c4;--bs-gold-10:rgba(235,223,212,0.1);--bs-gold-100:#f9f5f1;--bs-gold-200:#ebdfd4;--bs-gold-300:#e0c7ac;--bs-gold-400:#cca175;--bs-gold-500:#997958;--bs-gray-50:#f7f7fc;--bs-gray-100:#f0f0fa;--bs-gray-150:#e4e4eb;--bs-gray-200:#c9cad9;--bs-gray-300:#a3a4b7;--bs-gray-400:#4e4f5f;--bs-gray-500:#292940;--bs-green-10:rgba(57,162,131,0.1);--bs-green-100:#abcfcc;--bs-green-200:#72b9a8;--bs-green-300:#39a283;--bs-green-400:#008b5d;--bs-green-500:#00744d;--bs-maroon-10:rgba(195,91,91,0.1);--bs-maroon-100:#ebc8c8;--bs-maroon-200:#d79191;--bs-maroon-300:#c35b5b;--bs-maroon-400:#af2424;--bs-maroon-500:#a70c0c;--bs-midnight-10:rgba(141,137,177,0.1);--bs-midnight-100:#c6c4d8;--bs-midnight-200:#8d89b1;--bs-midnight-300:#494382;--bs-midnight-400:#1c1463;--bs-navy-10:rgba(141,142,161,0.1);--bs-navy-100:#c6c6d1;--bs-navy-200:#8d8ea1;--bs-navy-300:#555775;--bs-navy-400:#1d1e48;--bs-orange-10:rgba(247,161,123,0.1);--bs-orange-100:#f3c4a8;--bs-orange-200:#f7a17b;--bs-orange-300:#f97c4c;--bs-orange-400:#fb550e;--bs-orange-500:#c33d04;--bs-orange-brand:#ff5100;--bs-orchid-10:rgba(190,128,255,0.1);--bs-orchid-100:#debfff;--bs-orchid-200:#be80ff;--bs-orchid-300:#9d40ff;--bs-orchid-400:#7d00ff;--bs-pink-10:rgba(235,126,175,0.1);--bs-pink-100:#f6cbe0;--bs-pink-200:#eb7eaf;--bs-pink-300:#e45e9b;--bs-pink-400:#e31c79;--bs-pink-500:#d11a6f;--bs-plum-10:rgba(119,102,183,0.1);--bs-plum-100:#a499cf;--bs-plum-200:#7766b7;--bs-plum-300:#49339f;--bs-plum-400:#1c0087;--bs-purple-10:rgba(191,138,223,0.1);--bs-purple-100:#e0c5ef;--bs-purple-200:#bf8adf;--bs-purple-300:#a154d0;--bs-purple-400:#8212c4;--bs-red-10:rgba(245,126,127,0.1);--bs-red-100:#f8a9aa;--bs-red-200:#f57e7f;--bs-red-300:#f15355;--bs-red-400:#ee282a;--bs-red-500:#d91214;--bs-royal-10:rgba(117,133,209,0.1);--bs-royal-100:#c5cceb;--bs-royal-200:#7585d1;--bs-royal-300:#5365c4;--bs-royal-400:#162fb4;--bs-slate-400:#22222e;--bs-slate-500:#17171f;--bs-slate-600:#0b0b10;--bs-violet-10:rgba(153,131,182,0.1);--bs-violet-100:#cbc0da;--bs-violet-200:#9983b6;--bs-violet-300:#634291;--bs-violet-400:#330072;--bs-yellow-10:rgba(255,184,52,0.1);--bs-yellow-100:#fdeed3;--bs-yellow-200:#fcdea7;--bs-yellow-300:#f8c464;--bs-yellow-400:#c18300;--bs-yellow-500:#805a14;--bs-shadow-primary:rgba(0,0,0,0.06);--bs-shadow-secondary:rgba(28,0,135,0.2);--bs-gradient-dark:linear-gradient(90deg,#1c0087 0,#ee282a 35.01%,#fff 49.99%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 19.93%,#ee282a 39.91%,#1c0087 49.9%,#0086ea 60%,#0086ea 79.99%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 49.35%,#0086ea 100%);--bs-gradient-blue-center:radial-gradient(154.77% 52.27% at 47.08% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:linear-gradient(90deg,#162fb4 0,#1d1e48 98.9%);--bs-gradient-blue-mid-right:linear-gradient(90deg,#1d1e48 0,#162fb4 99.27%);--bs-gradient-blue-bottom-center:radial-gradient(100% 100% at 50% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-center:radial-gradient(96.7% 96.7% at 50% 0,#162fb4 5%,#1d1e48 100%);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 0 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 100% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-light-blue-transparent:radial-gradient(236% 114.71% at 94.24% 7.6%,rgba(153,207,247,0.2) 0,rgba(203,192,218,0.08) 100%);--bs-gradient-light-blue-opaque:linear-gradient(311deg,#ebf7ff 9.29%,#fbfafc 92%);--bs-gradient-light-gray:linear-gradient(180deg,var(--background-light,#f7f7fc) 24.82%,var(--background-medium,#f0f0fa) 100%);--bs-gradient-softchoice-light:linear-gradient(252deg,rgba(255,81,0,0.15) 66.87%,rgba(125,0,255,0.15) 97.9%);--bs-gradient-softchoice-dark:linear-gradient(252deg,#ff5100 66.87%,#7d00ff 97.9%);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-400) -96.8deg,var(--bs-pink-400) 74.2deg,var(--bs-blue-400) 98.8deg,var(--bs-orange-400) 259.6deg,var(--bs-royal-400) 283.2deg,var(--bs-pink-400) 414.4deg);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(22,47,180,0.05) -96.8deg,rgba(227,28,121,0.05) 74.2deg,rgba(0,134,234,0.05) 98.8deg,rgba(251,85,14,0.05) 259.6deg,rgba(22,47,180,0.05) 283.2deg,rgba(227,28,121,0.05) 414.4deg);--bs-space-0:0;--bs-space-1:.25rem;--bs-space-2:.5rem;--bs-space-3:.75rem;--bs-space-4:1rem;--bs-space-6:1.5rem;--bs-space-8:2rem;--bs-space-12:3rem;--bs-space-16:4rem;--bs-space-24:6rem;--bs-space-32:8rem;--bs-space-none:0;--bs-space-3xs:.25rem;--bs-space-2xs:.5rem;--bs-space-xs:.75rem;--bs-space-sm:1rem;--bs-space-md:1.5rem;--bs-space-lg:2rem;--bs-space-xl:3rem;--bs-space-2xl:4rem;--bs-space-3xl:6rem;--bs-space-4xl:8rem;--bs-text-xs:.75rem;--bs-text-sm:.875rem;--bs-text-base:1rem;--bs-text-md:1.125rem;--bs-text-lg:1.25rem;--bs-text-xl:1.5rem;--bs-text-2xl:1.75rem;--bs-text-3xl:2rem;--bs-text-4xl:2.25rem;--bs-text-5xl:2.625rem;--bs-text-6xl:3rem;--bs-font-light:300;--bs-font-normal:400;--bs-font-semibold:600;--bs-leading-none:1;--bs-leading-sm:1.1;--bs-leading-regular:1.3;--bs-leading-lg:1.5;--bs-shadow-contentLow:-4px 4px 12px var(--bs-shadow-primary),-8px 8px 16px var(--bs-shadow-secondary);--bs-shadow-contentLowCenter:0 0 12px var(--bs-shadow-primary),0 0 16px var(--bs-shadow-secondary);--bs-shadow-contentMedium:-8px 8px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-contentHigh:0 16px 48px var(--bs-shadow-primary),0 32px 64px var(--bs-shadow-secondary);--bs-shadow-drawerLeft:-12px 12px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-drawerRight:-12px 12px 24px var(--bs-shadow-primary),16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary)}:root{--bs-transition-quick:75ms;--bs-transition-fast:100ms;--bs-transition-moderate:150ms;--bs-transition-medium:200ms;--bs-transition-slow:250ms;--bs-transition-leisurely:300ms;--bs-transition-long:500ms;--bs-transition-ease:ease-in-out;--bs-transition-cubic:cubic-bezier(.15,.4,.49,1);--bs-horizontal-nav-height:48px;--bs-vertical-nav-narrow-width:4.5rem;--bs-vertical-nav-width:11.25rem;--bs-vertical-nav-collapsed-width:4.5rem;--bs-page-nav-width:0;--bs-table-cell-padding-xs:var(--bs-space-2);--bs-table-cell-padding-sm:var(--bs-space-3);--bs-table-cell-padding-md:var(--bs-space-4);--bs-table-cell-padding-lg:var(--bs-space-6);--bs-table-cell-padding-xl:var(--bs-space-8);--bs-popover-z-index:1100}.softchoice,[data-theme="softchoice-light"]{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-orange-500);--bs-ink-accent-1:var(--bs-midnight-400);--bs-ink-accent-4:var(--bs-orchid-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-ink-negative:var(--bs-maroon-500);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-400);--bs-primary-medium:var(--bs-cobalt-300);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-orange-400);--bs-secondary-base:var(--bs-orange-400);--bs-secondary-medium:var(--bs-orange-300);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-400);--bs-accent-1-medium:var(--bs-midnight-300);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-400);--bs-accent-4-medium:var(--bs-orchid-300);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-400);--bs-accent-5-medium:var(--bs-gold-300);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-10);--bs-neutral-dark:var(--bs-charcoal-500);--bs-neutral-base:var(--bs-charcoal-400);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-200);--bs-neutral-lightest:var(--bs-charcoal-100);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-500);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-highlight:var(--bs-maroon-10);--bs-bg-light:var(--bs-charcoal-100);--bs-bg-medium:var(--bs-charcoal-200);--bs-bg-disabled:var(--bs-charcoal-300);--bs-bg-medium-to-base:var(--bs-charcoal-200);--bs-bg-medium-to-light:var(--bs-charcoal-200);--bs-bg-light-to-base:var(--bs-charcoal-100);--bs-bg-light-to-medium:var(--bs-charcoal-100);--bs-border-active:var(--bs-cobalt-400);--bs-border-error:var(--bs-maroon-500)}html:where(:has(.dark,[data-theme="wwt-dark"])),.dark,[data-theme="wwt-dark"]{color-scheme:dark}.dark,[data-theme="wwt-dark"]{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-200);--bs-ink-disabled:rgba(163,164,183,0.7);--bs-ink-primary:var(--bs-blue-100);--bs-ink-secondary:var(--bs-plum-100);--bs-ink-accent-1:var(--bs-royal-200);--bs-ink-accent-2:var(--bs-violet-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-purple-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-white:var(--bs-white);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-primary-base:var(--bs-blue-300);--bs-primary-medium:var(--bs-blue-200);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--bs-accent-1-base:var(--bs-royal-300);--bs-accent-1-medium:var(--bs-royal-200);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-2-medium:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base:var(--bs-purple-300);--bs-accent-4-medium:var(--bs-purple-200);--bs-accent-5-base:var(--bs-orange-300);--bs-accent-5-medium:var(--bs-orange-200);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-200);--bs-neutral-dark:var(--bs-gray-100);--bs-neutral-base:var(--bs-gray-200);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-400);--bs-neutral-lightest:var(--bs-gray-500);--bs-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-200);--bs-negative-base:var(--bs-red-300);--bs-negative-medium:var(--bs-red-200);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-gray-50);--bs-bg-invert-medium:var(--bs-gray-100);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-dark:var(--bs-gray-300);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-300);--bs-border-error:var(--bs-red-300);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-ink-blue:var(--bs-blue-200);--bs-ink-orange:var(--bs-orange-200);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-plum-100);--bs-ink-purple:var(--bs-purple-200);--bs-ink-red:var(--bs-red-200);--bs-ink-royal:var(--bs-royal-200);--bs-ink-violet:var(--bs-violet-200);--bs-bg-invert-to-medium:var(--bs-gray-100);--bs-ink-accent:var(--bs-gray-100);--bs-blue-base:var(--bs-blue-300);--bs-gray-dark:var(--bs-gray-100);--bs-gray-base:var(--bs-gray-200);--bs-gray-light:var(--bs-gray-400);--bs-gray-lightest:var(--bs-gray-500);--bs-navy-base:var(--bs-navy-200);--bs-warning:var(--bs-orange-400);--bs-orange-base:var(--bs-orange-300);--bs-pink-base:var(--bs-pink-300);--bs-plum-base:var(--bs-plum-300);--bs-plum-medium:var(--bs-plum-200);--bs-purple-base:var(--bs-purple-300);--bs-red-base:var(--bs-red-300);--bs-royal-base:var(--bs-royal-300);--bs-royal-medium:var(--bs-royal-200);--bs-violet-base:var(--bs-violet-300)}:root,[data-theme="wwt-light"]{--bs-ink-base:var(--bs-black);--bs-ink-medium:var(--bs-gray-500);--bs-ink-light:var(--bs-gray-400);--bs-ink-disabled:rgba(78,79,95,0.6);--bs-ink-invert-base:var(--bs-white);--bs-ink-invert-medium:var(--bs-gray-100);--bs-ink-invert-light:var(--bs-gray-200);--bs-ink-primary:var(--bs-blue-500);--bs-ink-secondary:var(--bs-plum-400);--bs-ink-accent-1:var(--bs-royal-400);--bs-ink-accent-2:var(--bs-violet-400);--bs-ink-accent-3:var(--bs-pink-500);--bs-ink-accent-4:var(--bs-purple-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-orange-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-white:var(--bs-white);--bs-primary-base-fixed:var(--bs-blue-400);--bs-primary-base:var(--bs-blue-400);--bs-primary-medium:var(--bs-blue-300);--bs-primary-light:var(--bs-blue-200);--bs-primary-lightest:var(--bs-blue-100);--bs-primary-highlight:var(--bs-blue-10);--bs-secondary-base-fixed:var(--bs-plum-400);--bs-secondary-base:var(--bs-plum-400);--bs-secondary-medium:var(--bs-plum-300);--bs-secondary-light:var(--bs-plum-200);--bs-secondary-lightest:var(--bs-plum-100);--bs-secondary-highlight:var(--bs-plum-10);--bs-accent-1-base-fixed:var(--bs-royal-400);--bs-accent-1-base:var(--bs-royal-400);--bs-accent-1-medium:var(--bs-royal-300);--bs-accent-1-light:var(--bs-royal-200);--bs-accent-1-lightest:var(--bs-royal-100);--bs-accent-1-highlight:var(--bs-royal-10);--bs-accent-2-base-fixed:var(--bs-violet-400);--bs-accent-2-base:var(--bs-violet-400);--bs-accent-2-medium:var(--bs-violet-300);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-2-lightest:var(--bs-violet-100);--bs-accent-2-highlight:var(--bs-violet-10);--bs-accent-3-base-fixed:var(--bs-pink-400);--bs-accent-3-base:var(--bs-pink-400);--bs-accent-3-medium:var(--bs-pink-300);--bs-accent-3-light:var(--bs-pink-200);--bs-accent-3-lightest:var(--bs-pink-100);--bs-accent-3-highlight:var(--bs-pink-10);--bs-accent-4-base-fixed:var(--bs-purple-400);--bs-accent-4-base:var(--bs-purple-400);--bs-accent-4-medium:var(--bs-purple-300);--bs-accent-4-light:var(--bs-purple-200);--bs-accent-4-lightest:var(--bs-purple-100);--bs-accent-4-highlight:var(--bs-purple-10);--bs-accent-5-base:var(--bs-orange-400);--bs-accent-5-medium:var(--bs-orange-300);--bs-accent-5-light:var(--bs-orange-200);--bs-accent-5-lightest:var(--bs-orange-100);--bs-accent-5-highlight:var(--bs-orange-10);--bs-accent-6-base:var(--bs-red-400);--bs-accent-6-medium:var(--bs-red-300);--bs-accent-6-light:var(--bs-red-200);--bs-accent-6-lightest:var(--bs-red-100);--bs-accent-6-highlight:var(--bs-red-10);--bs-accent-7-base:var(--bs-navy-400);--bs-accent-7-medium:var(--bs-navy-300);--bs-accent-7-light:var(--bs-navy-200);--bs-accent-7-lightest:var(--bs-navy-100);--bs-accent-7-highlight:var(--bs-navy-10);--bs-neutral-dark:var(--bs-gray-500);--bs-neutral-base:var(--bs-gray-400);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-200);--bs-neutral-lightest:var(--bs-gray-100);--bs-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-highlight:var(--bs-green-10);--bs-warning-base:var(--bs-orange-500);--bs-warning-medium:var(--bs-orange-300);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-base:var(--bs-red-500);--bs-negative-medium:var(--bs-red-300);--bs-negative-highlight:var(--bs-red-10);--bs-bg-base:var(--bs-white);--bs-bg-light:var(--bs-gray-50);--bs-bg-medium:var(--bs-gray-100);--bs-bg-disabled:var(--bs-gray-200);--bs-bg-invert-base:var(--bs-slate-600);--bs-bg-invert-light:var(--bs-slate-500);--bs-bg-invert-medium:var(--bs-slate-400);--bs-bg-base-to-light:var(--bs-white);--bs-bg-base-to-medium:var(--bs-white);--bs-bg-medium-to-base:var(--bs-gray-100);--bs-bg-medium-to-light:var(--bs-gray-100);--bs-bg-light-to-base:var(--bs-gray-50);--bs-bg-light-to-medium:var(--bs-gray-50);--bs-border-dark:var(--bs-gray-300);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--bs-border-medium-to-light:var(--bs-gray-150);--bs-border-input:rgba(99,66,145,0.75);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-500);--bs-ink-blue:var(--bs-blue-500);--bs-ink-orange:var(--bs-orange-500);--bs-ink-pink:var(--bs-pink-500);--bs-ink-plum:var(--bs-plum-400);--bs-ink-purple:var(--bs-purple-400);--bs-ink-red:var(--bs-red-500);--bs-ink-royal:var(--bs-royal-400);--bs-ink-violet:var(--bs-violet-400);--bs-bg-invert-to-medium:var(--bs-slate-400);--bs-ink-accent:var(--bs-plum-400);--bs-blue-base:var(--bs-blue-400);--bs-blue-medium:var(--bs-blue-300);--bs-blue-light:var(--bs-blue-200);--bs-blue-lightest:var(--bs-blue-100);--bs-gray-dark:var(--bs-gray-500);--bs-gray-base:var(--bs-gray-400);--bs-gray-medium:var(--bs-gray-300);--bs-gray-light:var(--bs-gray-200);--bs-gray-lightest:var(--bs-gray-100);--bs-navy-base:var(--bs-navy-400);--bs-navy-medium:var(--bs-navy-300);--bs-navy-light:var(--bs-navy-200);--bs-navy-lightest:var(--bs-navy-100);--bs-warning:var(--bs-orange-500);--bs-orange-base:var(--bs-orange-400);--bs-orange-medium:var(--bs-orange-300);--bs-orange-light:var(--bs-orange-200);--bs-orange-lightest:var(--bs-orange-100);--bs-pink-base:var(--bs-pink-400);--bs-pink-medium:var(--bs-pink-300);--bs-pink-light:var(--bs-pink-200);--bs-pink-lightest:var(--bs-pink-100);--bs-plum-base:var(--bs-plum-400);--bs-plum-medium:var(--bs-plum-300);--bs-plum-light:var(--bs-plum-200);--bs-plum-lightest:var(--bs-plum-100);--bs-purple-base:var(--bs-purple-400);--bs-purple-medium:var(--bs-purple-300);--bs-purple-light:var(--bs-purple-200);--bs-purple-lightest:var(--bs-purple-100);--bs-red-base:var(--bs-red-400);--bs-red-medium:var(--bs-red-300);--bs-red-light:var(--bs-red-200);--bs-red-lightest:var(--bs-red-100);--bs-royal-base:var(--bs-royal-400);--bs-royal-medium:var(--bs-royal-300);--bs-royal-light:var(--bs-royal-200);--bs-royal-lightest:var(--bs-royal-100);--bs-violet-base:var(--bs-violet-400);--bs-violet-medium:var(--bs-violet-300);--bs-violet-light:var(--bs-violet-200);--bs-violet-lightest:var(--bs-violet-100)}
1
+ :root{--bs-transparent:transparent;--bs-inherit:inherit;--bs-current:currentColor;--bs-white:#fff;--bs-white-10:rgba(255,255,255,0.1);--bs-black:#0a0b19;--bs-blue-10:rgba(102,182,242,0.1);--bs-blue-100:#99cff7;--bs-blue-200:#66b6f2;--bs-blue-300:#339eee;--bs-blue-400:#0086ea;--bs-blue-500:#006dc7;--bs-charcoal-100:#f5f5f6;--bs-charcoal-200:#ececec;--bs-charcoal-300:#b3b5b8;--bs-charcoal-400:#5f6266;--bs-charcoal-500:#40454d;--bs-cobalt-10:rgba(148,139,225,0.1);--bs-cobalt-100:#c9c5f0;--bs-cobalt-200:#948be1;--bs-cobalt-300:#5f52d3;--bs-cobalt-400:#2918c4;--bs-gold-10:rgba(224,199,172,0.1);--bs-gold-100:#ebdfd4;--bs-gold-200:#e0c7ac;--bs-gold-300:#cca175;--bs-gold-400:#997958;--bs-gray-50:#f7f7fc;--bs-gray-100:#f0f0fa;--bs-gray-150:#dcdde9;--bs-gray-200:#c9cad9;--bs-gray-300:#a3a4b7;--bs-gray-400:#4e4f5f;--bs-gray-500:#292940;--bs-green-10:rgba(57,162,131,0.1);--bs-green-100:#abcfcc;--bs-green-200:#72b9a8;--bs-green-300:#39a283;--bs-green-400:#008b5d;--bs-green-500:#00744d;--bs-maroon-10:rgba(215,145,145,0.1);--bs-maroon-100:#ebc8c8;--bs-maroon-200:#d79191;--bs-maroon-300:#c35b5b;--bs-maroon-400:#af2424;--bs-maroon-500:#a70c0c;--bs-midnight-10:rgba(141,137,177,0.1);--bs-midnight-100:#c6c4d8;--bs-midnight-200:#8d89b1;--bs-midnight-300:#494382;--bs-midnight-400:#1c1463;--bs-navy-10:rgba(141,142,161,0.1);--bs-navy-100:#c6c6d1;--bs-navy-200:#8d8ea1;--bs-navy-300:#555775;--bs-navy-400:#1d1e48;--bs-orange-10:rgba(247,161,123,0.1);--bs-orange-100:#f3c4a8;--bs-orange-200:#f7a17b;--bs-orange-300:#f97c4c;--bs-orange-400:#ed5615;--bs-orange-500:#c33d04;--bs-orange-brand:#ff5100;--bs-orchid-10:rgba(190,128,255,0.1);--bs-orchid-100:#debfff;--bs-orchid-200:#be80ff;--bs-orchid-300:#9d40ff;--bs-orchid-400:#7d00ff;--bs-pink-10:rgba(235,126,175,0.1);--bs-pink-100:#f6cbe0;--bs-pink-200:#eb7eaf;--bs-pink-300:#e45e9b;--bs-pink-400:#e31c79;--bs-pink-500:#d11a6f;--bs-plum-10:rgba(119,102,183,0.1);--bs-plum-100:#a499cf;--bs-plum-200:#7766b7;--bs-plum-300:#49339f;--bs-plum-400:#1c0087;--bs-purple-10:rgba(191,138,223,0.1);--bs-purple-100:#e0c5ef;--bs-purple-200:#bf8adf;--bs-purple-300:#a154d0;--bs-purple-400:#8212c4;--bs-red-10:rgba(245,126,127,0.1);--bs-red-100:#f8a9aa;--bs-red-200:#f57e7f;--bs-red-300:#f15355;--bs-red-400:#ee282a;--bs-red-500:#d91214;--bs-royal-10:rgba(117,133,209,0.1);--bs-royal-100:#c5cceb;--bs-royal-200:#7585d1;--bs-royal-300:#5365c4;--bs-royal-400:#162fb4;--bs-slate-400:#22222e;--bs-slate-500:#17171f;--bs-slate-600:#0b0b10;--bs-violet-10:rgba(153,131,182,0.1);--bs-violet-100:#cbc0da;--bs-violet-200:#9983b6;--bs-violet-300:#634291;--bs-violet-400:#330072;--bs-yellow-10:rgba(255,184,52,0.1);--bs-yellow-100:#fdeed3;--bs-yellow-200:#fcdea7;--bs-yellow-300:#f8c464;--bs-yellow-400:#c18300;--bs-yellow-500:#805a14;--bs-shadow-primary:rgba(0,0,0,0.06);--bs-shadow-secondary:rgba(28,0,135,0.2);--bs-gradient-dark:linear-gradient(90deg,#1c0087 0,#ee282a 35.01%,#fff 49.99%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 19.93%,#ee282a 39.91%,#1c0087 49.9%,#0086ea 60%,#0086ea 79.99%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 49.35%,#0086ea 100%);--bs-gradient-blue-center:radial-gradient(154.77% 52.27% at 47.08% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:linear-gradient(90deg,#162fb4 0,#1d1e48 98.9%);--bs-gradient-blue-mid-right:linear-gradient(90deg,#1d1e48 0,#162fb4 99.27%);--bs-gradient-blue-bottom-center:radial-gradient(100% 100% at 50% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-center:radial-gradient(96.7% 96.7% at 50% 0,#162fb4 5%,#1d1e48 100%);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 0 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 100% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-light-blue-transparent:radial-gradient(236% 114.71% at 94.24% 7.6%,rgba(153,207,247,0.2) 0,rgba(203,192,218,0.08) 100%);--bs-gradient-light-blue-opaque:linear-gradient(311deg,#ebf7ff 9.29%,#fbfafc 92%);--bs-gradient-light-gray:linear-gradient(180deg,var(--background-light,#f7f7fc) 24.82%,var(--background-medium,#f0f0fa) 100%);--bs-gradient-softchoice-light:linear-gradient(252deg,rgba(255,81,0,0.15) 66.87%,rgba(125,0,255,0.15) 97.9%);--bs-gradient-softchoice-dark:linear-gradient(252deg,#ff5100 66.87%,#7d00ff 97.9%);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-400) -96.8deg,var(--bs-pink-400) 74.2deg,var(--bs-blue-400) 98.8deg,var(--bs-orange-400) 259.6deg,var(--bs-royal-400) 283.2deg,var(--bs-pink-400) 414.4deg);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(22,47,180,0.05) -96.8deg,rgba(227,28,121,0.05) 74.2deg,rgba(0,134,234,0.05) 98.8deg,rgba(251,85,14,0.05) 259.6deg,rgba(22,47,180,0.05) 283.2deg,rgba(227,28,121,0.05) 414.4deg);--bs-space-0:calc(var(--bs-space) * 0);--bs-space-1:calc(var(--bs-space) * 1);--bs-space-2:calc(var(--bs-space) * 2);--bs-space-3:calc(var(--bs-space) * 3);--bs-space-4:calc(var(--bs-space) * 4);--bs-space-5:calc(var(--bs-space) * 5);--bs-space-6:calc(var(--bs-space) * 6);--bs-space-7:calc(var(--bs-space) * 7);--bs-space-8:calc(var(--bs-space) * 8);--bs-space-9:calc(var(--bs-space) * 9);--bs-space-10:calc(var(--bs-space) * 10);--bs-space-11:calc(var(--bs-space) * 11);--bs-space-12:calc(var(--bs-space) * 12);--bs-space-14:calc(var(--bs-space) * 14);--bs-space-16:calc(var(--bs-space) * 16);--bs-space-20:calc(var(--bs-space) * 20);--bs-space-24:calc(var(--bs-space) * 24);--bs-space-28:calc(var(--bs-space) * 28);--bs-space-32:calc(var(--bs-space) * 32);--bs-space-36:calc(var(--bs-space) * 36);--bs-space-40:calc(var(--bs-space) * 40);--bs-space-44:calc(var(--bs-space) * 44);--bs-space-48:calc(var(--bs-space) * 48);--bs-space-52:calc(var(--bs-space) * 52);--bs-space-56:calc(var(--bs-space) * 56);--bs-space-60:calc(var(--bs-space) * 60);--bs-space-64:calc(var(--bs-space) * 64);--bs-space-72:calc(var(--bs-space) * 72);--bs-space-80:calc(var(--bs-space) * 80);--bs-space-96:calc(var(--bs-space) * 96);--bs-space:.25rem;--bs-space-px:1px;--bs-space-0_5:calc(var(--bs-space) * 0.5);--bs-space-1_5:calc(var(--bs-space) * 1.5);--bs-space-2_5:calc(var(--bs-space) * 2.5);--bs-space-3_5:calc(var(--bs-space) * 3.5);--bs-space-none:var(--bs-space-0);--bs-space-3xs:var(--bs-space-1);--bs-space-2xs:var(--bs-space-2);--bs-space-xs:var(--bs-space-3);--bs-space-sm:var(--bs-space-4);--bs-space-md:var(--bs-space-6);--bs-space-lg:var(--bs-space-8);--bs-space-xl:var(--bs-space-12);--bs-space-2xl:var(--bs-space-16);--bs-space-3xl:var(--bs-space-24);--bs-space-4xl:var(--bs-space-32);--bs-text-xs:.75rem;--bs-text-sm:.875rem;--bs-text-base:1rem;--bs-text-md:1.125rem;--bs-text-lg:1.25rem;--bs-text-xl:1.5rem;--bs-text-2xl:1.75rem;--bs-text-3xl:2rem;--bs-text-4xl:2.25rem;--bs-text-5xl:2.625rem;--bs-text-6xl:3rem;--bs-font-light:300;--bs-font-normal:400;--bs-font-semibold:600;--bs-leading-none:1;--bs-leading-sm:1.1;--bs-leading-regular:1.3;--bs-leading-lg:1.5;--bs-shadow-contentLow:-4px 4px 12px var(--bs-shadow-primary),-8px 8px 16px var(--bs-shadow-secondary);--bs-shadow-contentLowCenter:0 0 12px var(--bs-shadow-primary),0 0 16px var(--bs-shadow-secondary);--bs-shadow-contentMedium:-8px 8px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-contentHigh:0 16px 48px var(--bs-shadow-primary),0 32px 64px var(--bs-shadow-secondary);--bs-shadow-drawerLeft:-12px 12px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-drawerRight:-12px 12px 24px var(--bs-shadow-primary),16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary)}:root{--bs-transition-quick:75ms;--bs-transition-fast:100ms;--bs-transition-moderate:150ms;--bs-transition-medium:200ms;--bs-transition-slow:250ms;--bs-transition-leisurely:300ms;--bs-transition-long:500ms;--bs-transition-ease:ease-in-out;--bs-transition-cubic:cubic-bezier(.15,.4,.49,1);--bs-horizontal-nav-height:48px;--bs-vertical-nav-narrow-width:4.5rem;--bs-vertical-nav-width:11.25rem;--bs-vertical-nav-collapsed-width:4.5rem;--bs-page-nav-width:0;--bs-pill-height:1.5rem;--bs-table-cell-padding-xs:var(--bs-space-2);--bs-table-cell-padding-sm:var(--bs-space-3);--bs-table-cell-padding-md:var(--bs-space-4);--bs-table-cell-padding-lg:var(--bs-space-6);--bs-table-cell-padding-xl:var(--bs-space-8);--bs-popover-z-index:1100}.softchoice,[data-theme="softchoice-light"]{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-orange-500);--bs-ink-accent-1:var(--bs-midnight-400);--bs-ink-accent-4:var(--bs-orchid-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-ink-negative:var(--bs-maroon-500);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-400);--bs-primary-medium:var(--bs-cobalt-300);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-orange-400);--bs-secondary-base:var(--bs-orange-400);--bs-secondary-medium:var(--bs-orange-300);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-400);--bs-accent-1-medium:var(--bs-midnight-300);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-400);--bs-accent-4-medium:var(--bs-orchid-300);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-400);--bs-accent-5-medium:var(--bs-gold-300);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-10);--bs-neutral-dark:var(--bs-charcoal-500);--bs-neutral-base:var(--bs-charcoal-400);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-200);--bs-neutral-lightest:var(--bs-charcoal-100);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-500);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-highlight:var(--bs-maroon-10);--bs-bg-light:var(--bs-charcoal-100);--bs-bg-medium:var(--bs-charcoal-200);--bs-bg-disabled:var(--bs-charcoal-300);--bs-bg-medium-to-base:var(--bs-charcoal-200);--bs-bg-medium-to-light:var(--bs-charcoal-200);--bs-bg-light-to-base:var(--bs-charcoal-100);--bs-bg-light-to-medium:var(--bs-charcoal-100);--bs-border-active:var(--bs-cobalt-400);--bs-border-error:var(--bs-maroon-500)}html:where(:has([data-theme="softchoice-dark"])),[data-theme="softchoice-dark"]{color-scheme:dark}[data-theme="softchoice-dark"]{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-150);--bs-ink-disabled:rgba(163,164,183,0.7);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-ink-primary:var(--bs-cobalt-100);--bs-ink-secondary:var(--bs-orange-200);--bs-ink-accent-1:var(--bs-midnight-100);--bs-ink-accent-2:var(--bs-violet-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-orchid-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-yellow-300);--bs-ink-negative:var(--bs-maroon-200);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-300);--bs-primary-medium:var(--bs-cobalt-200);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-orange-400);--bs-secondary-base:var(--bs-orange-300);--bs-secondary-medium:var(--bs-orange-200);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-300);--bs-accent-1-medium:var(--bs-midnight-200);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-2-medium:var(--bs-violet-200);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-300);--bs-accent-4-medium:var(--bs-orchid-200);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-300);--bs-accent-5-medium:var(--bs-gold-200);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-10);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-200);--bs-neutral-dark:var(--bs-charcoal-100);--bs-neutral-base:var(--bs-charcoal-200);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-400);--bs-neutral-lightest:var(--bs-charcoal-500);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-300);--bs-negative-medium:var(--bs-maroon-200);--bs-negative-highlight:var(--bs-maroon-10);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-charcoal-100);--bs-bg-invert-medium:var(--bs-charcoal-200);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-cobalt-300);--bs-border-error:var(--bs-maroon-200);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-ink-blue:var(--bs-cobalt-100);--bs-ink-orange:var(--bs-yellow-300);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-orange-200);--bs-ink-purple:var(--bs-orchid-200);--bs-ink-red:var(--bs-maroon-200);--bs-ink-royal:var(--bs-midnight-100);--bs-ink-violet:var(--bs-violet-100);--bs-bg-invert-to-medium:var(--bs-gray-500);--bs-ink-accent:var(--bs-orange-200);--bs-blue-base:var(--bs-cobalt-300);--bs-blue-medium:var(--bs-cobalt-200);--bs-blue-light:var(--bs-cobalt-200);--bs-blue-lightest:var(--bs-cobalt-100);--bs-gray-dark:var(--bs-charcoal-100);--bs-gray-base:var(--bs-charcoal-200);--bs-gray-medium:var(--bs-charcoal-300);--bs-gray-light:var(--bs-charcoal-400);--bs-gray-lightest:var(--bs-charcoal-500);--bs-navy-base:var(--bs-navy-300);--bs-navy-medium:var(--bs-navy-200);--bs-warning:var(--bs-yellow-400);--bs-orange-base:var(--bs-yellow-300);--bs-pink-base:var(--bs-pink-300);--bs-pink-medium:var(--bs-pink-200);--bs-plum-base:var(--bs-orange-300);--bs-plum-medium:var(--bs-orange-200);--bs-purple-base:var(--bs-orchid-300);--bs-purple-medium:var(--bs-orchid-200);--bs-purple-light:var(--bs-orchid-200);--bs-purple-lightest:var(--bs-orchid-100);--bs-red-base:var(--bs-maroon-300);--bs-red-medium:var(--bs-maroon-200);--bs-royal-base:var(--bs-midnight-300);--bs-royal-medium:var(--bs-midnight-200);--bs-royal-light:var(--bs-midnight-200);--bs-royal-lightest:var(--bs-midnight-100);--bs-violet-base:var(--bs-violet-300);--bs-violet-medium:var(--bs-violet-200)}html:where(:has(.dark,[data-theme="wwt-dark"])),.dark,[data-theme="wwt-dark"]{color-scheme:dark}.dark,[data-theme="wwt-dark"]{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-150);--bs-ink-disabled:rgba(163,164,183,0.7);--bs-ink-primary:var(--bs-blue-100);--bs-ink-secondary:var(--bs-plum-100);--bs-ink-accent-1:var(--bs-royal-200);--bs-ink-accent-2:var(--bs-violet-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-purple-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-white:var(--bs-white);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-primary-base:var(--bs-blue-300);--bs-primary-medium:var(--bs-blue-200);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--bs-accent-1-base:var(--bs-royal-300);--bs-accent-1-medium:var(--bs-royal-200);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-2-medium:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base:var(--bs-purple-300);--bs-accent-4-medium:var(--bs-purple-200);--bs-accent-5-base:var(--bs-orange-300);--bs-accent-5-medium:var(--bs-orange-200);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-200);--bs-neutral-dark:var(--bs-gray-100);--bs-neutral-base:var(--bs-gray-200);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-400);--bs-neutral-lightest:var(--bs-gray-500);--bs-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-200);--bs-negative-base:var(--bs-red-300);--bs-negative-medium:var(--bs-red-200);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-gray-50);--bs-bg-invert-medium:var(--bs-gray-100);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-dark:var(--bs-gray-300);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-300);--bs-border-error:var(--bs-red-300);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-ink-blue:var(--bs-blue-200);--bs-ink-orange:var(--bs-orange-200);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-plum-100);--bs-ink-purple:var(--bs-purple-200);--bs-ink-red:var(--bs-red-200);--bs-ink-royal:var(--bs-royal-200);--bs-ink-violet:var(--bs-violet-200);--bs-bg-invert-to-medium:var(--bs-gray-100);--bs-ink-accent:var(--bs-gray-100);--bs-blue-base:var(--bs-blue-300);--bs-gray-dark:var(--bs-gray-100);--bs-gray-base:var(--bs-gray-200);--bs-gray-light:var(--bs-gray-400);--bs-gray-lightest:var(--bs-gray-500);--bs-navy-base:var(--bs-navy-200);--bs-warning:var(--bs-orange-400);--bs-orange-base:var(--bs-orange-300);--bs-pink-base:var(--bs-pink-300);--bs-plum-base:var(--bs-plum-300);--bs-plum-medium:var(--bs-plum-200);--bs-purple-base:var(--bs-purple-300);--bs-red-base:var(--bs-red-300);--bs-royal-base:var(--bs-royal-300);--bs-royal-medium:var(--bs-royal-200);--bs-violet-base:var(--bs-violet-300)}:root,[data-theme="wwt-light"]{--bs-ink-base:var(--bs-black);--bs-ink-medium:var(--bs-gray-500);--bs-ink-light:var(--bs-gray-400);--bs-ink-disabled:rgba(78,79,95,0.6);--bs-ink-invert-base:var(--bs-white);--bs-ink-invert-medium:var(--bs-gray-100);--bs-ink-invert-light:var(--bs-gray-150);--bs-ink-primary:var(--bs-blue-500);--bs-ink-secondary:var(--bs-plum-400);--bs-ink-accent-1:var(--bs-royal-400);--bs-ink-accent-2:var(--bs-violet-400);--bs-ink-accent-3:var(--bs-pink-500);--bs-ink-accent-4:var(--bs-purple-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-orange-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-white:var(--bs-white);--bs-primary-base-fixed:var(--bs-blue-400);--bs-primary-base:var(--bs-blue-400);--bs-primary-medium:var(--bs-blue-300);--bs-primary-light:var(--bs-blue-200);--bs-primary-lightest:var(--bs-blue-100);--bs-primary-highlight:var(--bs-blue-10);--bs-secondary-base-fixed:var(--bs-plum-400);--bs-secondary-base:var(--bs-plum-400);--bs-secondary-medium:var(--bs-plum-300);--bs-secondary-light:var(--bs-plum-200);--bs-secondary-lightest:var(--bs-plum-100);--bs-secondary-highlight:var(--bs-plum-10);--bs-accent-1-base-fixed:var(--bs-royal-400);--bs-accent-1-base:var(--bs-royal-400);--bs-accent-1-medium:var(--bs-royal-300);--bs-accent-1-light:var(--bs-royal-200);--bs-accent-1-lightest:var(--bs-royal-100);--bs-accent-1-highlight:var(--bs-royal-10);--bs-accent-2-base-fixed:var(--bs-violet-400);--bs-accent-2-base:var(--bs-violet-400);--bs-accent-2-medium:var(--bs-violet-300);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-2-lightest:var(--bs-violet-100);--bs-accent-2-highlight:var(--bs-violet-10);--bs-accent-3-base-fixed:var(--bs-pink-400);--bs-accent-3-base:var(--bs-pink-400);--bs-accent-3-medium:var(--bs-pink-300);--bs-accent-3-light:var(--bs-pink-200);--bs-accent-3-lightest:var(--bs-pink-100);--bs-accent-3-highlight:var(--bs-pink-10);--bs-accent-4-base-fixed:var(--bs-purple-400);--bs-accent-4-base:var(--bs-purple-400);--bs-accent-4-medium:var(--bs-purple-300);--bs-accent-4-light:var(--bs-purple-200);--bs-accent-4-lightest:var(--bs-purple-100);--bs-accent-4-highlight:var(--bs-purple-10);--bs-accent-5-base:var(--bs-orange-400);--bs-accent-5-medium:var(--bs-orange-300);--bs-accent-5-light:var(--bs-orange-200);--bs-accent-5-lightest:var(--bs-orange-100);--bs-accent-5-highlight:var(--bs-orange-10);--bs-accent-6-base:var(--bs-red-400);--bs-accent-6-medium:var(--bs-red-300);--bs-accent-6-light:var(--bs-red-200);--bs-accent-6-lightest:var(--bs-red-100);--bs-accent-6-highlight:var(--bs-red-10);--bs-accent-7-base:var(--bs-navy-400);--bs-accent-7-medium:var(--bs-navy-300);--bs-accent-7-light:var(--bs-navy-200);--bs-accent-7-lightest:var(--bs-navy-100);--bs-accent-7-highlight:var(--bs-navy-10);--bs-neutral-dark:var(--bs-gray-500);--bs-neutral-base:var(--bs-gray-400);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-200);--bs-neutral-lightest:var(--bs-gray-100);--bs-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-highlight:var(--bs-green-10);--bs-warning-base:var(--bs-orange-500);--bs-warning-medium:var(--bs-orange-300);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-base:var(--bs-red-500);--bs-negative-medium:var(--bs-red-300);--bs-negative-highlight:var(--bs-red-10);--bs-bg-base:var(--bs-white);--bs-bg-light:var(--bs-gray-50);--bs-bg-medium:var(--bs-gray-100);--bs-bg-disabled:var(--bs-gray-200);--bs-bg-invert-base:var(--bs-slate-600);--bs-bg-invert-light:var(--bs-slate-500);--bs-bg-invert-medium:var(--bs-slate-400);--bs-bg-base-to-light:var(--bs-white);--bs-bg-base-to-medium:var(--bs-white);--bs-bg-medium-to-base:var(--bs-gray-100);--bs-bg-medium-to-light:var(--bs-gray-100);--bs-bg-light-to-base:var(--bs-gray-50);--bs-bg-light-to-medium:var(--bs-gray-50);--bs-border-dark:var(--bs-gray-300);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--bs-border-medium-to-light:var(--bs-gray-150);--bs-border-input:rgba(99,66,145,0.75);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-500);--bs-ink-blue:var(--bs-blue-500);--bs-ink-orange:var(--bs-orange-500);--bs-ink-pink:var(--bs-pink-500);--bs-ink-plum:var(--bs-plum-400);--bs-ink-purple:var(--bs-purple-400);--bs-ink-red:var(--bs-red-500);--bs-ink-royal:var(--bs-royal-400);--bs-ink-violet:var(--bs-violet-400);--bs-bg-invert-to-medium:var(--bs-slate-400);--bs-ink-accent:var(--bs-plum-400);--bs-blue-base:var(--bs-blue-400);--bs-blue-medium:var(--bs-blue-300);--bs-blue-light:var(--bs-blue-200);--bs-blue-lightest:var(--bs-blue-100);--bs-gray-dark:var(--bs-gray-500);--bs-gray-base:var(--bs-gray-400);--bs-gray-medium:var(--bs-gray-300);--bs-gray-light:var(--bs-gray-200);--bs-gray-lightest:var(--bs-gray-100);--bs-navy-base:var(--bs-navy-400);--bs-navy-medium:var(--bs-navy-300);--bs-navy-light:var(--bs-navy-200);--bs-navy-lightest:var(--bs-navy-100);--bs-warning:var(--bs-orange-500);--bs-orange-base:var(--bs-orange-400);--bs-orange-medium:var(--bs-orange-300);--bs-orange-light:var(--bs-orange-200);--bs-orange-lightest:var(--bs-orange-100);--bs-pink-base:var(--bs-pink-400);--bs-pink-medium:var(--bs-pink-300);--bs-pink-light:var(--bs-pink-200);--bs-pink-lightest:var(--bs-pink-100);--bs-plum-base:var(--bs-plum-400);--bs-plum-medium:var(--bs-plum-300);--bs-plum-light:var(--bs-plum-200);--bs-plum-lightest:var(--bs-plum-100);--bs-purple-base:var(--bs-purple-400);--bs-purple-medium:var(--bs-purple-300);--bs-purple-light:var(--bs-purple-200);--bs-purple-lightest:var(--bs-purple-100);--bs-red-base:var(--bs-red-400);--bs-red-medium:var(--bs-red-300);--bs-red-light:var(--bs-red-200);--bs-red-lightest:var(--bs-red-100);--bs-royal-base:var(--bs-royal-400);--bs-royal-medium:var(--bs-royal-300);--bs-royal-light:var(--bs-royal-200);--bs-royal-lightest:var(--bs-royal-100);--bs-violet-base:var(--bs-violet-400);--bs-violet-medium:var(--bs-violet-300);--bs-violet-light:var(--bs-violet-200);--bs-violet-lightest:var(--bs-violet-100)}