@spear-ai/spectral 1.6.17 → 1.8.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 (149) hide show
  1. package/dist/.js +201 -200
  2. package/dist/Accordion.d.ts +13 -15
  3. package/dist/Accordion.js +184 -179
  4. package/dist/Alert/AlertBase.d.ts +7 -7
  5. package/dist/Alert/AlertBase.js +21 -21
  6. package/dist/Alert.d.ts +2 -2
  7. package/dist/Alert.js +31 -31
  8. package/dist/Avatar.d.ts +2 -2
  9. package/dist/Avatar.js +30 -22
  10. package/dist/Badge.d.ts +1 -1
  11. package/dist/Badge.js +3 -2
  12. package/dist/Button.d.ts +3 -3
  13. package/dist/Button.js +108 -46
  14. package/dist/ButtonGroup/ButtonGroupButton.d.ts +1 -1
  15. package/dist/ButtonGroup/ButtonGroupButton.js +5 -5
  16. package/dist/ButtonGroup.d.ts +5 -5
  17. package/dist/ButtonGroup.js +21 -21
  18. package/dist/ButtonIcon.d.ts +2 -2
  19. package/dist/ButtonIcon.js +30 -31
  20. package/dist/Checkbox/CheckboxBase.d.ts +2 -2
  21. package/dist/Checkbox/CheckboxBase.js +50 -57
  22. package/dist/Checkbox.js +15 -19
  23. package/dist/DataCard/Card.d.ts +1 -1
  24. package/dist/DataCard/Card.js +1 -1
  25. package/dist/DataCard.js +1 -1
  26. package/dist/DateTimePicker/Calendar.d.ts +4 -4
  27. package/dist/DateTimePicker/Calendar.js +3 -3
  28. package/dist/DateTimePicker/DateTimeDisplayInput.js +126 -136
  29. package/dist/DateTimePicker/DateTimeInput.js +4 -4
  30. package/dist/DateTimePicker/DateTimeUtils.d.ts +31 -31
  31. package/dist/DateTimePicker/DateTimeUtils.js +139 -197
  32. package/dist/DateTimePicker/TimePicker.d.ts +4 -4
  33. package/dist/DateTimePicker/TimePicker.js +3 -3
  34. package/dist/DateTimePicker.d.ts +5 -5
  35. package/dist/DateTimePicker.js +90 -70
  36. package/dist/Dialog.d.ts +13 -13
  37. package/dist/Dialog.js +57 -84
  38. package/dist/Drawer.d.ts +2 -2
  39. package/dist/Drawer.js +8 -8
  40. package/dist/HoverCard.d.ts +6 -5
  41. package/dist/HoverCard.js +64 -64
  42. package/dist/Icons/PolygonIcon.d.ts +5 -0
  43. package/dist/Icons/PolygonIcon.js +40 -0
  44. package/dist/Icons/index.d.ts +1 -1
  45. package/dist/Icons.js +34 -34
  46. package/dist/IconsAnimated/PanelLeftCloseIcon.js +2 -2
  47. package/dist/IconsAnimated/PanelLeftOpenIcon.js +2 -2
  48. package/dist/Input/InputUtils.d.ts +2 -2
  49. package/dist/Input/InputUtils.js +4 -4
  50. package/dist/Input.d.ts +1 -1
  51. package/dist/Input.js +19 -19
  52. package/dist/InputOTP.d.ts +10 -10
  53. package/dist/InputOTP.js +114 -114
  54. package/dist/Kbd.d.ts +8 -5
  55. package/dist/Kbd.js +85 -20
  56. package/dist/Label.d.ts +4 -2
  57. package/dist/Label.js +3 -3
  58. package/dist/MultiSelect/MultiSelectBase.d.ts +1 -1
  59. package/dist/MultiSelect/MultiSelectBase.js +278 -202
  60. package/dist/MultiSelect.d.ts +6 -6
  61. package/dist/MultiSelect.js +9 -9
  62. package/dist/Popover.js +22 -237
  63. package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts +11 -11
  64. package/dist/RadioButtonGroup/RadioButtonGroupBase.js +28 -28
  65. package/dist/RadioButtonGroup.d.ts +1 -1
  66. package/dist/RadioGroup.d.ts +15 -15
  67. package/dist/RadioGroup.js +253 -236
  68. package/dist/Select.d.ts +3 -1
  69. package/dist/Select.js +91 -88
  70. package/dist/Separator.js +4 -4
  71. package/dist/Skeleton.d.ts +1 -2
  72. package/dist/Skeleton.js +2 -4
  73. package/dist/Slider.d.ts +6 -6
  74. package/dist/Slider.js +78 -78
  75. package/dist/Switch/SwitchBase.d.ts +4 -4
  76. package/dist/Switch/SwitchBase.js +75 -111
  77. package/dist/Switch.d.ts +4 -4
  78. package/dist/Switch.js +122 -33
  79. package/dist/Tabs/TabsBase.js +39 -38
  80. package/dist/Tabs/tabsUtils.js +7 -7
  81. package/dist/Tabs.d.ts +0 -4
  82. package/dist/Tabs.js +62 -66
  83. package/dist/Textarea/TextareaUtils.d.ts +7 -7
  84. package/dist/Textarea/TextareaUtils.js +13 -13
  85. package/dist/Textarea.js +28 -18
  86. package/dist/Toast.d.ts +43 -0
  87. package/dist/Toast.js +883 -0
  88. package/dist/Toggle/ToggleBase.d.ts +4 -4
  89. package/dist/Toggle/ToggleBase.js +32 -33
  90. package/dist/Toggle.d.ts +1 -1
  91. package/dist/Toggle.js +7 -12
  92. package/dist/ToggleGroup/ToggleGroupBase.d.ts +5 -5
  93. package/dist/ToggleGroup/ToggleGroupBase.js +30 -30
  94. package/dist/ToggleGroup.d.ts +1 -1
  95. package/dist/ToggleGroup.js +27 -30
  96. package/dist/Tooltip.d.ts +1 -1
  97. package/dist/Tooltip.js +97 -97
  98. package/dist/Tray.d.ts +9 -9
  99. package/dist/Tray.js +71 -70
  100. package/dist/hooks/useAccordionAutoScroll.d.ts.map +1 -1
  101. package/dist/hooks/useAccordionAutoScroll.js +42 -39
  102. package/dist/hooks/useControllableState.d.ts +2 -2
  103. package/dist/hooks/useControllableState.d.ts.map +1 -1
  104. package/dist/hooks/useControllableState.js +2 -2
  105. package/dist/index-C12FUuIW.js +13 -0
  106. package/dist/{index-yU8jOTzS.js → index-CpovUAO-.js} +1 -1
  107. package/dist/{index-BdS7Ix8W.js → index-CqbPiOid.js} +1 -1
  108. package/dist/{index-B3UpsZ2x.js → index-CrjD9cAD.js} +1 -1
  109. package/dist/index-DEYs15GP.js +66 -0
  110. package/dist/index-DdFoGvON.js +146 -0
  111. package/dist/index-Q3N6lgwg.js +225 -0
  112. package/dist/index.d.ts +3 -3
  113. package/dist/index.d.ts.map +1 -1
  114. package/dist/primitives/button.d.ts +1 -1
  115. package/dist/primitives/button.js +4 -4
  116. package/dist/primitives/input.d.ts.map +1 -1
  117. package/dist/primitives/input.js +8 -5
  118. package/dist/primitives/select.d.ts +12 -13
  119. package/dist/primitives/select.d.ts.map +1 -1
  120. package/dist/primitives/select.js +59 -88
  121. package/dist/primitives/slot.d.ts +5 -5
  122. package/dist/primitives/slot.d.ts.map +1 -1
  123. package/dist/primitives/slot.js +24 -33
  124. package/dist/primitives/textarea.d.ts.map +1 -1
  125. package/dist/primitives/textarea.js +4 -3
  126. package/dist/{proxy-Cukf-VVj.js → proxy-CgaCj1WQ.js} +7 -3
  127. package/dist/styles/base-colors.css +30 -30
  128. package/dist/styles/horizon/base-colors.css +30 -30
  129. package/dist/styles/horizon/colors.css +43 -13
  130. package/dist/styles/horizon/utilities.css +26 -3
  131. package/dist/styles/main.css +1 -1
  132. package/dist/styles/spectral.css +2 -2
  133. package/dist/styles/theme.css +99 -46
  134. package/dist/{use-animation-zNd5Nq85.js → use-animation-CR-SdV2l.js} +1 -1
  135. package/dist/utils/formFieldUtils.d.ts +2 -2
  136. package/dist/utils/formFieldUtils.d.ts.map +1 -1
  137. package/dist/utils/formFieldUtils.js +14 -11
  138. package/dist/utils/sharedUtils.d.ts +3 -3
  139. package/dist/utils/sharedUtils.d.ts.map +1 -1
  140. package/dist/utils/sharedUtils.js +1 -4
  141. package/dist/utils/twUtils.d.ts +1 -1
  142. package/dist/utils/twUtils.d.ts.map +1 -1
  143. package/dist/utils/twUtils.js +1 -4
  144. package/package.json +6 -1
  145. package/dist/Icons/LineToolIcon2.d.ts +0 -5
  146. package/dist/Icons/LineToolIcon2.js +0 -49
  147. package/dist/createLucideIcon-D4r5Phnh.js +0 -70
  148. package/dist/index-CeP1E2kK.js +0 -209
  149. package/dist/index-Dy-Hzr7y.js +0 -13
@@ -1,42 +1,33 @@
1
1
  "use client";
2
- import { jsx as m, Fragment as y } from "react/jsx-runtime";
2
+ import { jsx as m, Fragment as d } from "react/jsx-runtime";
3
3
  import { isValidElement as p, cloneElement as h } from "react";
4
- function E(i, n, { checkForDefaultPrevented: e = !0 } = {}) {
5
- return function(c) {
6
- i?.(c), (!e || !c.defaultPrevented) && n?.(c);
7
- };
8
- }
9
- function N(...i) {
10
- return (n) => {
11
- for (const e of i)
12
- e && (typeof e == "function" ? e(n) : typeof e == "object" && "current" in e && (e.current = n));
13
- };
14
- }
15
- function j(i) {
16
- return /* @__PURE__ */ m(y, { children: i.children });
17
- }
18
- const v = function({
19
- ref: n,
20
- children: e,
4
+ const N = (c, n, { checkForDefaultPrevented: e = !0 } = {}) => (t) => {
5
+ c?.(t), (!e || !t.defaultPrevented) && n?.(t);
6
+ }, E = (...c) => (n) => {
7
+ for (const e of c)
8
+ e && (typeof e == "function" ? e(n) : typeof e == "object" && "current" in e && (e.current = n));
9
+ }, j = (c) => /* @__PURE__ */ m(d, { children: c.children }), S = function({
10
+ children: n,
11
+ ref: e,
21
12
  ...t
22
13
  }) {
23
- if (!p(e))
24
- return e == null ? null : /* @__PURE__ */ m("span", { ...t, ref: n });
25
- const c = e, o = c.props ?? {}, f = { ...o, ...t };
26
- for (const [r, l] of Object.entries(t))
27
- if (r.startsWith("on") && typeof l == "function") {
28
- const a = o[r];
29
- typeof a == "function" ? f[r] = E(a, l) : f[r] = l;
14
+ if (!p(n))
15
+ return n == null ? null : /* @__PURE__ */ m("span", { ...t, ref: e });
16
+ const r = n, i = r.props ?? {}, s = { ...i, ...t };
17
+ for (const [o, f] of Object.entries(t))
18
+ if (o.startsWith("on") && typeof f == "function") {
19
+ const u = i[o];
20
+ typeof u == "function" ? s[o] = N(u, f) : s[o] = f;
30
21
  }
31
- const s = o.className || "";
32
- s && t.className && (f.className = `${s} ${t.className}`);
33
- const u = o.style;
34
- u && t.style && (f.style = { ...u, ...t.style });
35
- const d = c.ref;
36
- return f.ref = N(d, n), h(c, f);
22
+ const l = i.className || "";
23
+ l && t.className && (s.className = `${l} ${t.className}`);
24
+ const a = i.style;
25
+ a && t.style && (s.style = { ...a, ...t.style });
26
+ const y = r.ref;
27
+ return s.ref = E(y, e), h(r, s);
37
28
  };
38
- v.displayName = "Slot";
29
+ S.displayName = "Slot";
39
30
  export {
40
- v as Slot,
31
+ S as Slot,
41
32
  j as Slottable
42
33
  };
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,QAAQ,GAAI,yBAAyB,cAAc,CAAC,UAAU,CAAC,4CAW3E,CAAA"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,QAAQ,GAAI,yBAAyB,cAAc,CAAC,UAAU,CAAC,4CAW3E,CAAA"}
@@ -1,16 +1,17 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { cn as i } from "../utils/twUtils.js";
3
- const n = ({ className: e, ...r }) => /* @__PURE__ */ t(
3
+ import "react";
4
+ const d = ({ className: e, ...r }) => /* @__PURE__ */ t(
4
5
  "textarea",
5
6
  {
6
- "data-slot": "textarea",
7
7
  className: i(
8
8
  "border-input-border placeholder:text-input-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
9
9
  e
10
10
  ),
11
+ "data-slot": "textarea",
11
12
  ...r
12
13
  }
13
14
  );
14
15
  export {
15
- n as Textarea
16
+ d as Textarea
16
17
  };
@@ -4658,10 +4658,14 @@ export {
4658
4658
  Ke as P,
4659
4659
  El as a,
4660
4660
  Ar as b,
4661
- fa as c,
4662
- wa as d,
4661
+ al as c,
4662
+ fa as d,
4663
+ wa as e,
4664
+ Hi as h,
4663
4665
  Y as i,
4664
4666
  rc as m,
4667
+ ke as p,
4665
4668
  vl as s,
4666
- wr as u
4669
+ wr as u,
4670
+ He as w
4667
4671
  };
@@ -4,7 +4,7 @@
4
4
  --horizon-color-transparent: oklch(0 0 0 / 0%);
5
5
  --horizon-color-accent: oklch(92.53% 0.1976 123.38);
6
6
 
7
- --horizon-color-neutral-50: oklch(97.64% 0.001 286.38);
7
+ --horizon-color-neutral-50: oklch(98.5% 0 0);
8
8
  --horizon-color-neutral-100: oklch(92.19% 0 0);
9
9
  --horizon-color-neutral-200: oklch(86.99% 0 0);
10
10
  --horizon-color-neutral-300: oklch(79.03% 0 0);
@@ -16,17 +16,17 @@
16
16
  --horizon-color-neutral-900: oklch(26.86% 0 0);
17
17
  --horizon-color-neutral-950: oklch(21.78% 0 0);
18
18
 
19
- --horizon-color-primary-50: oklch(86.49% 0.057 257.62);
20
- --horizon-color-primary-100: oklch(80.86% 0.0808 257.62);
21
- --horizon-color-primary-200: oklch(75.06% 0.105 257.62);
22
- --horizon-color-primary-300: oklch(70.52% 0.1303 257.62);
23
- --horizon-color-primary-400: oklch(63.46% 0.1376 257.62);
24
- --horizon-color-primary-500: oklch(56.4% 0.1372 257.6);
25
- --horizon-color-primary-600: oklch(48.67% 0.1372 257.6);
26
- --horizon-color-primary-700: oklch(42.85% 0.1372 257.6);
27
- --horizon-color-primary-800: oklch(37.8% 0.1372 257.6);
28
- --horizon-color-primary-900: oklch(33.76% 0.1213 257.3);
29
- --horizon-color-primary-950: oklch(27.61% 0.101 257.73);
19
+ --horizon-color-primary-50: oklch(97.37% 0.01 238.00);
20
+ --horizon-color-primary-100: oklch(93.88% 0.03 242.35);
21
+ --horizon-color-primary-200: oklch(89.30% 0.06 242.83);
22
+ --horizon-color-primary-300: oklch(83.05% 0.09 240.33);
23
+ --horizon-color-primary-400: oklch(74.57% 0.14 245.84);
24
+ --horizon-color-primary-500: oklch(66.23% 0.18 254.28);
25
+ --horizon-color-primary-600: oklch(58.57% 0.21 259.12);
26
+ --horizon-color-primary-700: oklch(52.25% 0.21 261.44);
27
+ --horizon-color-primary-800: oklch(42.44% 0.17 262.29);
28
+ --horizon-color-primary-900: oklch(39.88% 0.14 261.51);
29
+ --horizon-color-primary-950: oklch(29.27% 0.09 263.49);
30
30
 
31
31
  --horizon-color-level-zero: oklch(23.78% 0 0);
32
32
  --horizon-color-level-one: oklch(26.94% 0 0);
@@ -35,26 +35,26 @@
35
35
  --horizon-color-level-four: oklch(35.71% 0 0);
36
36
  --horizon-color-level-five: oklch(38.62% 0 0);
37
37
 
38
- --horizon-color-success-50: oklch(99% 0.1049 144);
39
- --horizon-color-success-100: oklch(94% 0.1649 144);
40
- --horizon-color-success-200: oklch(92% 0.2424 144);
41
- --horizon-color-success-300: oklch(82% 0.2424 144);
42
- --horizon-color-success-400: oklch(76% 0.2424 144);
43
- --horizon-color-success-500: oklch(66% 0.2424 144);
38
+ --horizon-color-success-50: oklch(96.2% 0.044 156.743);
39
+ --horizon-color-success-100: oklch(92.5% 0.084 155.995);
40
+ --horizon-color-success-200: oklch(87.1% 0.15 154.449);
41
+ --horizon-color-success-300: oklch(79.2% 0.209 151.711);
42
+ --horizon-color-success-400: oklch(72.3% 0.219 149.579);
43
+ --horizon-color-success-500: oklch(62.7% 0.194 149.214);
44
44
 
45
- --horizon-color-warning-50: oklch(94% 0.0442 56.91);
46
- --horizon-color-warning-100: oklch(91% 0.095 52.355);
47
- --horizon-color-warning-200: oklch(84.9% 0.144 52.438);
48
- --horizon-color-warning-300: oklch(75% 0.2036 56.91);
49
- --horizon-color-warning-400: oklch(71.06% 0.19 46.76);
50
- --horizon-color-warning-500: oklch(70.5% 0.213 47.604);
45
+ --horizon-color-warning-50: oklch(95.4% 0.038 75.164);
46
+ --horizon-color-warning-100: oklch(90.1% 0.076 70.697);
47
+ --horizon-color-warning-200: oklch(83.7% 0.128 66.29);
48
+ --horizon-color-warning-300: oklch(75% 0.183 55.934);
49
+ --horizon-color-warning-400: oklch(70.5% 0.213 47.604);
50
+ --horizon-color-warning-500: oklch(64.6% 0.222 41.116);
51
51
 
52
- --horizon-color-danger-50: oklch(88.5% 0.0603 18.334);
53
- --horizon-color-danger-100: oklch(80.53% 0.1109 19.78);
54
- --horizon-color-danger-200: oklch(63.94% 0.2459 28.47);
55
- --horizon-color-danger-300: oklch(58.3% 0.2383 28.47);
56
- --horizon-color-danger-400: oklch(53.39% 0.2181 28.47);
57
- --horizon-color-danger-500: oklch(48.54% 0.1986 28.47);
52
+ --horizon-color-danger-50: oklch(93.6% 0.032 17.717);
53
+ --horizon-color-danger-100: oklch(88.5% 0.062 18.334);
54
+ --horizon-color-danger-200: oklch(80.8% 0.114 19.571);
55
+ --horizon-color-danger-300: oklch(70.4% 0.191 22.216);
56
+ --horizon-color-danger-400: oklch(57.7% 0.245 27.325);
57
+ --horizon-color-danger-500: oklch(50.5% 0.213 27.518);
58
58
  }
59
59
 
60
60
  :root[data-theme='light'] {
@@ -4,7 +4,7 @@
4
4
  --horizon-color-transparent: oklch(0 0 0 / 0%);
5
5
  --horizon-color-accent: oklch(92.53% 0.1976 123.38);
6
6
 
7
- --horizon-color-neutral-50: oklch(97.64% 0.001 286.38);
7
+ --horizon-color-neutral-50: oklch(98.5% 0 0);
8
8
  --horizon-color-neutral-100: oklch(92.19% 0 0);
9
9
  --horizon-color-neutral-200: oklch(86.99% 0 0);
10
10
  --horizon-color-neutral-300: oklch(79.03% 0 0);
@@ -16,17 +16,17 @@
16
16
  --horizon-color-neutral-900: oklch(26.86% 0 0);
17
17
  --horizon-color-neutral-950: oklch(21.78% 0 0);
18
18
 
19
- --horizon-color-primary-50: oklch(86.49% 0.057 257.62);
20
- --horizon-color-primary-100: oklch(80.86% 0.0808 257.62);
21
- --horizon-color-primary-200: oklch(75.06% 0.105 257.62);
22
- --horizon-color-primary-300: oklch(70.52% 0.1303 257.62);
23
- --horizon-color-primary-400: oklch(63.46% 0.1376 257.62);
24
- --horizon-color-primary-500: oklch(56.4% 0.1372 257.6);
25
- --horizon-color-primary-600: oklch(48.67% 0.1372 257.6);
26
- --horizon-color-primary-700: oklch(42.85% 0.1372 257.6);
27
- --horizon-color-primary-800: oklch(37.8% 0.1372 257.6);
28
- --horizon-color-primary-900: oklch(33.76% 0.1213 257.3);
29
- --horizon-color-primary-950: oklch(27.61% 0.101 257.73);
19
+ --horizon-color-primary-50: oklch(97.37% 0.01 238.00);
20
+ --horizon-color-primary-100: oklch(93.88% 0.03 242.35);
21
+ --horizon-color-primary-200: oklch(89.30% 0.06 242.83);
22
+ --horizon-color-primary-300: oklch(83.05% 0.09 240.33);
23
+ --horizon-color-primary-400: oklch(74.57% 0.14 245.84);
24
+ --horizon-color-primary-500: oklch(66.23% 0.18 254.28);
25
+ --horizon-color-primary-600: oklch(58.57% 0.21 259.12);
26
+ --horizon-color-primary-700: oklch(52.25% 0.21 261.44);
27
+ --horizon-color-primary-800: oklch(42.44% 0.17 262.29);
28
+ --horizon-color-primary-900: oklch(39.88% 0.14 261.51);
29
+ --horizon-color-primary-950: oklch(29.27% 0.09 263.49);
30
30
 
31
31
  --horizon-color-level-zero: oklch(23.78% 0 0);
32
32
  --horizon-color-level-one: oklch(26.94% 0 0);
@@ -35,26 +35,26 @@
35
35
  --horizon-color-level-four: oklch(35.71% 0 0);
36
36
  --horizon-color-level-five: oklch(38.62% 0 0);
37
37
 
38
- --horizon-color-success-50: oklch(99% 0.1049 144);
39
- --horizon-color-success-100: oklch(94% 0.1649 144);
40
- --horizon-color-success-200: oklch(92% 0.2424 144);
41
- --horizon-color-success-300: oklch(82% 0.2424 144);
42
- --horizon-color-success-400: oklch(76% 0.2424 144);
43
- --horizon-color-success-500: oklch(66% 0.2424 144);
38
+ --horizon-color-success-50: oklch(96.2% 0.044 156.743);
39
+ --horizon-color-success-100: oklch(92.5% 0.084 155.995);
40
+ --horizon-color-success-200: oklch(87.1% 0.15 154.449);
41
+ --horizon-color-success-300: oklch(79.2% 0.209 151.711);
42
+ --horizon-color-success-400: oklch(72.3% 0.219 149.579);
43
+ --horizon-color-success-500: oklch(62.7% 0.194 149.214);
44
44
 
45
- --horizon-color-warning-50: oklch(94% 0.0442 56.91);
46
- --horizon-color-warning-100: oklch(91% 0.095 52.355);
47
- --horizon-color-warning-200: oklch(84.9% 0.144 52.438);
48
- --horizon-color-warning-300: oklch(75% 0.2036 56.91);
49
- --horizon-color-warning-400: oklch(71.06% 0.19 46.76);
50
- --horizon-color-warning-500: oklch(70.5% 0.213 47.604);
45
+ --horizon-color-warning-50: oklch(95.4% 0.038 75.164);
46
+ --horizon-color-warning-100: oklch(90.1% 0.076 70.697);
47
+ --horizon-color-warning-200: oklch(83.7% 0.128 66.29);
48
+ --horizon-color-warning-300: oklch(75% 0.183 55.934);
49
+ --horizon-color-warning-400: oklch(70.5% 0.213 47.604);
50
+ --horizon-color-warning-500: oklch(64.6% 0.222 41.116);
51
51
 
52
- --horizon-color-danger-50: oklch(88.5% 0.0603 18.334);
53
- --horizon-color-danger-100: oklch(80.53% 0.1109 19.78);
54
- --horizon-color-danger-200: oklch(63.94% 0.2459 28.47);
55
- --horizon-color-danger-300: oklch(58.3% 0.2383 28.47);
56
- --horizon-color-danger-400: oklch(53.39% 0.2181 28.47);
57
- --horizon-color-danger-500: oklch(48.54% 0.1986 28.47);
52
+ --horizon-color-danger-50: oklch(93.6% 0.032 17.717);
53
+ --horizon-color-danger-100: oklch(88.5% 0.062 18.334);
54
+ --horizon-color-danger-200: oklch(80.8% 0.114 19.571);
55
+ --horizon-color-danger-300: oklch(70.4% 0.191 22.216);
56
+ --horizon-color-danger-400: oklch(57.7% 0.245 27.325);
57
+ --horizon-color-danger-500: oklch(50.5% 0.213 27.518);
58
58
  }
59
59
 
60
60
  :root[data-theme='light'] {
@@ -1,6 +1,6 @@
1
1
  @import './base-colors.css';
2
2
 
3
- /* dark default */
3
+ /* dark (default) */
4
4
  @theme {
5
5
  --color-background: var(--horizon-color-neutral-950);
6
6
 
@@ -8,14 +8,12 @@
8
8
  --color-text-inverted: var(--horizon-color-neutral-950);
9
9
  --color-text-secondary: var(--horizon-color-neutral-300);
10
10
  --color-text-disabled: var(--horizon-color-neutral-600);
11
- --color-text-accent-primary: var(--horizon-color-primary-500);
12
- --color-text-accent-secondary: var(--horizon-color-primary-300);
13
11
 
14
12
  --color-border-primary: var(--horizon-color-neutral-900);
15
13
  --color-border-secondary: var(--horizon-color-neutral-700);
16
14
 
17
15
  --color-accent: var(--horizon-color-accent);
18
- --color-selected-primary: var(--horizon-color-primary-700);
16
+ --color-selected-primary: var(--horizon-color-primary-600);
19
17
  --color-divider-primary: var(--horizon-color-level-four);
20
18
  --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent);
21
19
 
@@ -59,13 +57,13 @@
59
57
  --color-alert-danger-bg: var(--horizon-color-danger-50);
60
58
  --color-alert-danger-border: var(--horizon-color-danger-500);
61
59
  --color-alert-danger-text: var(--horizon-color-danger-500);
62
- --color-alert-info-bg: var(--horizon-color-primary-100);
60
+ --color-alert-info-bg: var(--horizon-color-primary-50);
63
61
  --color-alert-info-border: var(--horizon-color-primary-700);
64
62
  --color-alert-info-text: var(--horizon-color-primary-700);
65
63
 
66
64
  --color-badge-primary-bg: var(--horizon-color-level-five);
67
65
  --color-badge-primary-bg--hover: var(--horizon-color-level-four);
68
- --color-badge-primary-bg--active: var(--horizon-color-primary-800);
66
+ --color-badge-primary-bg--active: var(--horizon-color-primary-600);
69
67
  --color-badge-primary-border: var(--horizon-color-level-five);
70
68
  --color-badge-secondary-bg: var(--horizon-color-accent);
71
69
  --color-badge-secondary-border: var(--horizon-color-accent);
@@ -157,6 +155,10 @@
157
155
  --color-radio-border--hover: var(--horizon-color-accent);
158
156
  --color-radio-border--selected: var(--horizon-color-accent);
159
157
 
158
+ --color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent);
159
+ --color-radio-tile-border--hover: var(--horizon-color-neutral-300);
160
+ --color-radio-tile-border--selected: var(--horizon-color-accent);
161
+
160
162
  --color-select-item-bg--hover: var(--horizon-color-level-four);
161
163
 
162
164
  --color-slider-track: var(--horizon-color-neutral-700);
@@ -165,9 +167,10 @@
165
167
  --color-slider-thumb-bg: var(--horizon-color-neutral-50);
166
168
  --color-slider-thumb-ring: var(--horizon-color-neutral-50);
167
169
 
168
- --color-switch-bg: var(--horizon-color-neutral-500);
169
- --color-switch-bg--checked: var(--horizon-color-success-500);
170
+ --color-switch-bg: var(--horizon-color-neutral-700);
171
+ --color-switch-bg--checked: var(--horizon-color-white);
170
172
  --color-switch-thumb: var(--horizon-color-neutral-950);
173
+ --color-switch-thumb--checked: var(--horizon-color-white);
171
174
 
172
175
  --color-tabs-bg: var(--horizon-color-level-one);
173
176
  --color-tabs-group-bg: var(--horizon-color-level-one);
@@ -175,21 +178,48 @@
175
178
  --color-tabs-enclosed-indicator: var(--horizon-color-level-two);
176
179
  --color-tabs-border: var(--horizon-color-level-four);
177
180
 
181
+ --color-toast-bg: var(--horizon-color-level-one);
182
+ --color-toast-border: var(--horizon-color-level-four);
183
+ --color-toast-text: var(--horizon-color-neutral-50);
184
+ --color-toast-icon: var(--horizon-color-neutral-50);
185
+
186
+ --color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950));
187
+ --color-toast-success-border: var(--horizon-color-success-400);
188
+ --color-toast-success-text: var(--horizon-color-success-400);
189
+ --color-toast-success-icon: var(--horizon-color-success-400);
190
+
191
+ --color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950));
192
+ --color-toast-warning-border: var(--horizon-color-warning-400);
193
+ --color-toast-warning-text: var(--horizon-color-warning-400);
194
+ --color-toast-warning-icon: var(--horizon-color-warning-400);
195
+
196
+ --color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950));
197
+ --color-toast-danger-border: var(--horizon-color-danger-400);
198
+ --color-toast-danger-text: var(--horizon-color-danger-400);
199
+ --color-toast-danger-icon: var(--horizon-color-danger-400);
200
+
201
+ --color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950));
202
+ --color-toast-info-border: var(--horizon-color-primary-400);
203
+ --color-toast-info-text: var(--horizon-color-primary-400);
204
+ --color-toast-info-icon: var(--horizon-color-primary-400);
205
+
178
206
  --color-toggle-bg: var(--horizon-color-level-two);
179
- --color-toggle-bg--active: var(--horizon-color-primary-700);
207
+ --color-toggle-bg--active: var(--horizon-color-primary-500);
180
208
  --color-toggle-bg--hover: var(--horizon-color-level-four);
181
209
  --color-toggle-border: var(--horizon-color-transparent);
182
210
  --color-toggle-border--hover: var(--horizon-color-level-four);
183
- --color-toggle-border--active: var(--horizon-color-primary-700);
211
+ --color-toggle-border--active: var(--horizon-color-primary-500);
184
212
  --color-toggle-text: var(--horizon-color-neutral-50);
185
213
  --color-toggle-text--hover: var(--horizon-color-neutral-200);
186
214
  --color-toggle-text--active: var(--horizon-color-neutral-50);
187
- --color-toggle-outline-border: var(--horizon-color-transparent);
215
+ --color-toggle-outline-border: var(--horizon-color-neutral-600);
216
+ --color-toggle-outline-border--hover: var(--horizon-color-neutral-400);
188
217
  --color-toggle-group-bg: var(--horizon-color-level-five);
189
218
 
190
219
  --color-tooltip-bg: var(--horizon-color-level-one);
191
- --color-tooltip-border: var(--horizon-color-white);
192
- --color-tooltip-arrow: var(--horizon-color-level-zero);
220
+ --color-tooltip-arrow: var(--horizon-color-level-one);
221
+ --color-tooltip-outline-border: var(--horizon-color-level-four);
222
+ --color-tooltip-outline-arrow: var(--horizon-color-level-four);
193
223
  }
194
224
 
195
225
  /* light theme variant */
@@ -2,6 +2,31 @@
2
2
 
3
3
  @layer utilities {
4
4
 
5
+ a {
6
+ color: var(--color-accent);
7
+ cursor: pointer;
8
+ position: relative;
9
+ text-decoration: none;
10
+ width: max-content;
11
+
12
+ &::before {
13
+ background-color: var(--color-accent);
14
+ border-radius: 0.1rem;
15
+ bottom: -0.2rem;
16
+ content: '';
17
+ height: 0.1rem;
18
+ left: 0;
19
+ position: absolute;
20
+ transform: scaleX(0);
21
+ transition: transform 0.3s ease-in-out;
22
+ width: 100%;
23
+ }
24
+
25
+ &:hover::before {
26
+ transform: scaleX(1);
27
+ }
28
+ }
29
+
5
30
  /* This wrapper class can be used to boost specificity if needed */
6
31
  .spectral-root {
7
32
  isolation: isolate;
@@ -58,9 +83,7 @@
58
83
  }
59
84
 
60
85
  .tooltip-effects {
61
- background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(38, 38, 38, 0.50);
62
- backdrop-filter: blur(12px);
63
- box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.10) inset, 0 20px 40px 0 rgba(0, 0, 0, 0.25), 0 15px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 10px 0 rgba(0, 0, 0, 0.05);
86
+ box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);
64
87
  }
65
88
 
66
89
  .map-card-effects {
@@ -1 +1 @@
1
- :root{--horizon-color-black: oklch(0% 0 0);--horizon-color-white: oklch(100% 0 0);--horizon-color-transparent: oklch(0 0 0 / 0%);--horizon-color-accent: oklch(92.53% .1976 123.38);--horizon-color-neutral-50: oklch(97.64% .001 286.38);--horizon-color-neutral-100: oklch(92.19% 0 0);--horizon-color-neutral-200: oklch(86.99% 0 0);--horizon-color-neutral-300: oklch(79.03% 0 0);--horizon-color-neutral-400: oklch(71.55% 0 0);--horizon-color-neutral-500: oklch(55.55% 0 0);--horizon-color-neutral-600: oklch(43.86% 0 0);--horizon-color-neutral-700: oklch(37.15% 0 0);--horizon-color-neutral-800: oklch(32.11% 0 0);--horizon-color-neutral-900: oklch(26.86% 0 0);--horizon-color-neutral-950: oklch(21.78% 0 0);--horizon-color-primary-50: oklch(86.49% .057 257.62);--horizon-color-primary-100: oklch(80.86% .0808 257.62);--horizon-color-primary-200: oklch(75.06% .105 257.62);--horizon-color-primary-300: oklch(70.52% .1303 257.62);--horizon-color-primary-400: oklch(63.46% .1376 257.62);--horizon-color-primary-500: oklch(56.4% .1372 257.6);--horizon-color-primary-600: oklch(48.67% .1372 257.6);--horizon-color-primary-700: oklch(42.85% .1372 257.6);--horizon-color-primary-800: oklch(37.8% .1372 257.6);--horizon-color-primary-900: oklch(33.76% .1213 257.3);--horizon-color-primary-950: oklch(27.61% .101 257.73);--horizon-color-level-zero: oklch(23.78% 0 0);--horizon-color-level-one: oklch(26.94% 0 0);--horizon-color-level-two: oklch(29.93% 0 0);--horizon-color-level-three: oklch(32.89% 0 0);--horizon-color-level-four: oklch(35.71% 0 0);--horizon-color-level-five: oklch(38.62% 0 0);--horizon-color-success-50: oklch(99% .1049 144);--horizon-color-success-100: oklch(94% .1649 144);--horizon-color-success-200: oklch(92% .2424 144);--horizon-color-success-300: oklch(82% .2424 144);--horizon-color-success-400: oklch(76% .2424 144);--horizon-color-success-500: oklch(66% .2424 144);--horizon-color-warning-50: oklch(94% .0442 56.91);--horizon-color-warning-100: oklch(91% .095 52.355);--horizon-color-warning-200: oklch(84.9% .144 52.438);--horizon-color-warning-300: oklch(75% .2036 56.91);--horizon-color-warning-400: oklch(71.06% .19 46.76);--horizon-color-warning-500: oklch(70.5% .213 47.604);--horizon-color-danger-50: oklch(88.5% .0603 18.334);--horizon-color-danger-100: oklch(80.53% .1109 19.78);--horizon-color-danger-200: oklch(63.94% .2459 28.47);--horizon-color-danger-300: oklch(58.3% .2383 28.47);--horizon-color-danger-400: oklch(53.39% .2181 28.47);--horizon-color-danger-500: oklch(48.54% .1986 28.47)}:root[data-theme=light]{--horizon-color-level-one: oklch(98.51% 0 0)}@theme{ --color-background: var(--horizon-color-neutral-950); --color-text-primary: var(--horizon-color-neutral-50); --color-text-inverted: var(--horizon-color-neutral-950); --color-text-secondary: var(--horizon-color-neutral-300); --color-text-disabled: var(--horizon-color-neutral-600); --color-text-accent-primary: var(--horizon-color-primary-500); --color-text-accent-secondary: var(--horizon-color-primary-300); --color-border-primary: var(--horizon-color-neutral-900); --color-border-secondary: var(--horizon-color-neutral-700); --color-accent: var(--horizon-color-accent); --color-selected-primary: var(--horizon-color-primary-700); --color-divider-primary: var(--horizon-color-level-four); --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent); --color-level-zero: var(--horizon-color-level-zero); --color-level-one: var(--horizon-color-level-one); --color-level-two: var(--horizon-color-level-two); --color-level-three: var(--horizon-color-level-three); --color-level-four: var(--horizon-color-level-four); --color-level-five: var(--horizon-color-level-five); --color-success-50: var(--horizon-color-success-50); --color-success-100: var(--horizon-color-success-100); --color-success-200: var(--horizon-color-success-200); --color-success-300: var(--horizon-color-success-300); --color-success-400: var(--horizon-color-success-400); --color-success-500: var(--horizon-color-success-500); --color-warning-50: var(--horizon-color-warning-50); --color-warning-100: var(--horizon-color-warning-100); --color-warning-200: var(--horizon-color-warning-200); --color-warning-300: var(--horizon-color-warning-300); --color-warning-400: var(--horizon-color-warning-400); --color-warning-500: var(--horizon-color-warning-500); --color-danger-50: var(--horizon-color-danger-50); --color-danger-100: var(--horizon-color-danger-100); --color-danger-200: var(--horizon-color-danger-200); --color-danger-300: var(--horizon-color-danger-300); --color-danger-400: var(--horizon-color-danger-400); --color-danger-500: var(--horizon-color-danger-500); --color-alert-bg: var(--horizon-color-level-two); --color-alert-border: var(--horizon-color-level-three); --color-alert-text: var(--horizon-color-neutral-50); --color-alert-success-bg: var(--horizon-color-success-50); --color-alert-success-border: var(--horizon-color-success-500); --color-alert-success-text: var(--horizon-color-success-500); --color-alert-warning-bg: var(--horizon-color-warning-50); --color-alert-warning-border: var(--horizon-color-warning-500); --color-alert-warning-text: var(--horizon-color-warning-500); --color-alert-danger-bg: var(--horizon-color-danger-50); --color-alert-danger-border: var(--horizon-color-danger-500); --color-alert-danger-text: var(--horizon-color-danger-500); --color-alert-info-bg: var(--horizon-color-primary-100); --color-alert-info-border: var(--horizon-color-primary-700); --color-alert-info-text: var(--horizon-color-primary-700); --color-badge-primary-bg: var(--horizon-color-level-five); --color-badge-primary-bg--hover: var(--horizon-color-level-four); --color-badge-primary-bg--active: var(--horizon-color-primary-800); --color-badge-primary-border: var(--horizon-color-level-five); --color-badge-secondary-bg: var(--horizon-color-accent); --color-badge-secondary-border: var(--horizon-color-accent); --color-badge-secondary-text: var(--horizon-color-neutral-950); --color-badge-outline-bg: var(--horizon-color-transparent); --color-badge-outline-border: var(--horizon-color-level-five); --color-badge-destructive-bg: var(--horizon-color-danger-400); --color-badge-destructive-border: var(--horizon-color-danger-400); --color-button-primary-bg: var(--horizon-color-accent); --color-button-primary-bg--hover: var(--horizon-color-level-two); --color-button-primary-bg--disabled: var(--horizon-color-neutral-500); --color-button-primary-border: var(--horizon-color-accent); --color-button-primary-border--hover: var(--horizon-color-level-two); --color-button-primary-border--disabled: var(--horizon-color-neutral-500); --color-button-primary-text: var(--horizon-color-neutral-900); --color-button-primary-text--hover: var(--horizon-color-accent); --color-button-primary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-bg: var(--horizon-color-level-two); --color-button-secondary-bg--hover: var(--horizon-color-accent); --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500); --color-button-secondary-text: var(--horizon-color-neutral-50); --color-button-secondary-text--hover: var(--horizon-color-level-two); --color-button-secondary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-border: var(--horizon-color-neutral-900); --color-button-secondary-border--disabled: var(--horizon-color-neutral-500); --color-button-outline-bg: var(--horizon-color-transparent); --color-button-outline-bg--hover: var(--horizon-color-level-two); --color-button-outline-text: var(--horizon-color-neutral-50); --color-button-outline-text--hover: var(--horizon-color-accent); --color-button-outline-text--disabled: var(--horizon-color-neutral-400); --color-button-outline-border: var(--horizon-color-accent); --color-button-outline-border--disabled: var(--horizon-color-neutral-400); --color-button-ghost-bg: var(--horizon-color-transparent); --color-button-ghost-bg--hover: var(--horizon-color-level-two); --color-button-ghost-text: var(--horizon-color-neutral-50); --color-button-ghost-text--hover: var(--horizon-color-accent); --color-button-ghost-text--disabled: var(--horizon-color-neutral-400); --color-button-danger: var(--horizon-color-danger-200); --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-300) 80%, transparent); --color-checkbox-border: var(--horizon-color-neutral-100); --color-checkbox-border--focus: var(--horizon-color-accent); --color-checkbox-border--checked: var(--horizon-color-accent); --color-checkbox-indicator--checked: var(--horizon-color-accent); --color-data-card-description: var(--horizon-color-neutral-300); --color-dialog-bg: var(--horizon-color-level-one); --color-drawer-bg: var(--horizon-color-level-one); --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-input-border--hover: var(--horizon-color-neutral-300); --color-input-border--focus: var(--horizon-color-accent); --color-input-border--disabled: var(--horizon-color-neutral-500); --color-input-bg: var(--horizon-color-level-zero); --color-input-bg--hover: var(--horizon-color-level-four); --color-input-bg--disabled: var(--horizon-color-neutral-700); --color-input-bg--selected: var(--horizon-color-level-four); --color-input-text: var(--horizon-color-neutral-50); --color-input-text-prefix: var(--horizon-color-neutral-200); --color-input-text--disabled: var(--horizon-color-neutral-200); --color-input-text-placeholder: var(--horizon-color-neutral-500); --color-input-primitive-bg: var(--horizon-color-neutral-950); --color-input-primitive-border: var(--horizon-color-neutral-800); --color-input-otp-filled-bg: var(--horizon-color-level-two); --color-input-otp-filled-border: var(--horizon-color-level-two); --color-input-otp-filled-separator: var(--horizon-color-level-five); --color-input-otp-border: var(--horizon-color-neutral-300); --color-input-otp-border--focus: var(--horizon-color-accent); --color-input-otp-caret: var(--horizon-color-neutral-200); --color-kbd-bg: var(--horizon-color-level-two); --color-kbd-text: var(--color-text-secondary); --color-popover-bg: var(--horizon-color-level-one); --color-popover-text: var(--horizon-color-neutral-50); --color-radio-bg: var(--horizon-color-neutral-900); --color-radio-bg--selected: var(--horizon-color-accent); --color-radio-border: var(--horizon-color-neutral-800); --color-radio-border--hover: var(--horizon-color-accent); --color-radio-border--selected: var(--horizon-color-accent); --color-select-item-bg--hover: var(--horizon-color-level-four); --color-slider-track: var(--horizon-color-neutral-700); --color-slider-range: var(--horizon-color-neutral-50); --color-slider-thumb-border: var(--horizon-color-neutral-50); --color-slider-thumb-bg: var(--horizon-color-neutral-50); --color-slider-thumb-ring: var(--horizon-color-neutral-50); --color-switch-bg: var(--horizon-color-neutral-500); --color-switch-bg--checked: var(--horizon-color-success-500); --color-switch-thumb: var(--horizon-color-neutral-950); --color-tabs-bg: var(--horizon-color-level-one); --color-tabs-group-bg: var(--horizon-color-level-one); --color-tabs-indicator: var(--horizon-color-accent); --color-tabs-enclosed-indicator: var(--horizon-color-level-two); --color-tabs-border: var(--horizon-color-level-four); --color-toggle-bg: var(--horizon-color-level-two); --color-toggle-bg--active: var(--horizon-color-primary-700); --color-toggle-bg--hover: var(--horizon-color-level-four); --color-toggle-border: var(--horizon-color-transparent); --color-toggle-border--hover: var(--horizon-color-level-four); --color-toggle-border--active: var(--horizon-color-primary-700); --color-toggle-text: var(--horizon-color-neutral-50); --color-toggle-text--hover: var(--horizon-color-neutral-200); --color-toggle-text--active: var(--horizon-color-neutral-50); --color-toggle-outline-border: var(--horizon-color-transparent); --color-toggle-group-bg: var(--horizon-color-level-five); --color-tooltip-bg: var(--horizon-color-level-one); --color-tooltip-border: var(--horizon-color-white); --color-tooltip-arrow: var(--horizon-color-level-zero); }:root[data-theme=light]{--color-background: var(--horizon-color-neutral-50);--color-ring-offset: var(--horizon-color-neutral-50);--color-text-primary: var(--horizon-color-neutral-900);--color-text-secondary: var(--horizon-color-neutral-600);--color-card-bg: var(--horizon-color-level-one);--color-card-text: var(--horizon-color-neutral-900);--color-switch-bg: var(--horizon-color-neutral-300);--color-switch-bg--checked: var(--horizon-color-neutral-950);--color-switch-thumb: var(--horizon-color-neutral-50);--color-shadow-neumorphic: oklch(92.49% 0 0);--color-shadow-neumorphic-large: oklch(88.56% .0014 286.37)}@theme{ --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji"; --font-serif: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --ring: var(--color-accent); --ring-offset: var(--color-background); --animate-animate-in: animate-in; --animate-animate-out: animate-out; --animate-zoom-in-95: zoom-in-95; --animate-zoom-out-95: zoom-out-95; --animate-fade-in-0: fade-in-0; --animate-fade-out-0: fade-out-0; --animate-fade-in-tabs: fade-in-tabs .5s ease-in-out; --animate-slide-down-from-top: slide-down-from-top .3s ease-out; --animate-slide-up-to-top: slide-up-to-top .3s ease-out; --animate-fade-in-tabs-indicator: fade-in-tabs-indicator .3s ease-out; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --animate-spin-around: spin-around .8s linear infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{transform:translateY(-100%);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}@keyframes slide-up-to-top{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-100%);opacity:0;scale:.95}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@layer utilities{.spectral-root{isolation:isolate}[data-vaul-drawer] *,[data-vaul-drawer] *:before,[data-vaul-drawer] *:after{box-sizing:border-box!important}[vaul-drawer]{transition:transform .2s cubic-bezier(.165,.84,.44,1)!important}[vaul-overlay]{transition:opacity .2s cubic-bezier(.165,.84,.44,1)!important}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large),-12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic),-4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%) translateY(-50%)!important}svg:focus-visible,svg:focus{outline:none}.card-effects{background:linear-gradient(180deg,#ffffff03,#fff0),#26262680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.05);border-radius:1rem;box-shadow:0 -1px #0000001a inset,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.tooltip-effects{background:linear-gradient(180deg,#ffffff03,#fff0),#26262680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px #0000001a inset,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.map-card-effects{background:var(--color-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.05);border-radius:1rem;box-shadow:0 -1px #0000001a inset,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}@supports not (backdrop-filter: blur(0)){.card-effects{background-color:#22222599}}.rdp{margin:0}.rdp-root{padding-right:24px}.rdp-root .rdp-nav{position:absolute;z-index:9999}.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next{align-items:center;display:flex;justify-content:center;position:absolute}:is(.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next):hover{background-color:transparent;color:var(--color-text-secondary);cursor:pointer}.rdp-root .rdp-month_caption{align-items:center;display:flex;justify-content:center;padding-block-end:8px;position:relative}.rdp-root .rdp-month_caption .month-title{font-size:18px;font-weight:600}.rdp-root .rdp-day_button{border-color:transparent;border-radius:100%;height:40px;width:40px}.rdp-root .day.rdp-today{color:var(--color-accent);font-weight:600}.rdp-root .day.rdp-selected .rdp-day_button{background-color:var(--color-accent);border-radius:50%;color:var(--color-text-inverted);font-weight:600}.rdp-root .day.rdp-outside .rdp-day_button{opacity:.25}.rdp-root .day:not(.rdp-disabled):hover{background-color:var(--color-neutral-200);border-radius:50%;color:var(--color-text-inverted);cursor:pointer!important}.rdp-root .day.rdp-disabled .rdp-day_button{color:var(--color-text-disabled)}.rdp-root .day.rdp-hidden .rdp-day_button{visibility:hidden}.rdp-root .rdp-weekdays .rdp-weekday{color:var(--color-neutral-400);font-weight:500}:is(.rdp-root .hours,.rdp-root .minutes) input{max-width:22px;width:max-content}:is(.rdp-root .hours,.rdp-root .minutes) input.hours-input{text-align:right}:is(.rdp-root .hours,.rdp-root .minutes) input.minutes-input{text-align:left}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input{border:0;font-size:16px}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:hover,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus-visible{border:0;outline:0}.rdp-root .hours{align-items:center;display:flex;flex-direction:row}.rdp-root .hours input{text-align:right}.rdp-root .hours span{margin-inline:1px 2px}.rdp-root .am-pm{margin-inline-start:8px;width:auto}.rdp-root .am-pm button{background-color:transparent;border:0;font-size:14px;padding-inline:0}.rdp-root .am-pm button:hover{cursor:pointer}.rdp-root .am-pm button:focus,.rdp-root .am-pm button:focus-visible{outline:0}.rdp-root .am-pm button svg:not(.chevron-icon){display:none}.rdp-root .am-pm span:focus,.rdp-root .am-pm span:focus-visible{outline:0}.rdp-root .am-pm-dropdown{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:14px;margin-top:-5px;position:relative;width:58px;z-index:999}.rdp-root .am-pm-dropdown:hover{cursor:pointer}.rdp-root .am-pm-dropdown .am-pm-option{align-items:center;display:flex;height:24px;justify-content:center;padding-inline:8px;text-align:center;z-index:999}.rdp-root .am-pm-dropdown .am-pm-option:focus-visible,.rdp-root .am-pm-dropdown .am-pm-option:focus{outline:0}}@layer base{html{font-family:var(--font-sans)}*,*:before,*:after{box-sizing:border-box!important}html{scrollbar-gutter:stable}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans)}body[data-scroll-locked]{margin-right:0!important;overflow-y:scroll!important;overscroll-behavior:contain;padding-right:0!important}body::-webkit-scrollbar{width:14px}body::-webkit-scrollbar-track{background:var(--color-level-zero);border-radius:0}body::-webkit-scrollbar-thumb{background:var(--color-level-three);border-radius:6px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--color-level-three) var(--color-level-zero)}}h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}}
1
+ :root{--horizon-color-black: oklch(0% 0 0);--horizon-color-white: oklch(100% 0 0);--horizon-color-transparent: oklch(0 0 0 / 0%);--horizon-color-accent: oklch(92.53% .1976 123.38);--horizon-color-neutral-50: oklch(98.5% 0 0);--horizon-color-neutral-100: oklch(92.19% 0 0);--horizon-color-neutral-200: oklch(86.99% 0 0);--horizon-color-neutral-300: oklch(79.03% 0 0);--horizon-color-neutral-400: oklch(71.55% 0 0);--horizon-color-neutral-500: oklch(55.55% 0 0);--horizon-color-neutral-600: oklch(43.86% 0 0);--horizon-color-neutral-700: oklch(37.15% 0 0);--horizon-color-neutral-800: oklch(32.11% 0 0);--horizon-color-neutral-900: oklch(26.86% 0 0);--horizon-color-neutral-950: oklch(21.78% 0 0);--horizon-color-primary-50: oklch(97.37% .01 238);--horizon-color-primary-100: oklch(93.88% .03 242.35);--horizon-color-primary-200: oklch(89.3% .06 242.83);--horizon-color-primary-300: oklch(83.05% .09 240.33);--horizon-color-primary-400: oklch(74.57% .14 245.84);--horizon-color-primary-500: oklch(66.23% .18 254.28);--horizon-color-primary-600: oklch(58.57% .21 259.12);--horizon-color-primary-700: oklch(52.25% .21 261.44);--horizon-color-primary-800: oklch(42.44% .17 262.29);--horizon-color-primary-900: oklch(39.88% .14 261.51);--horizon-color-primary-950: oklch(29.27% .09 263.49);--horizon-color-level-zero: oklch(23.78% 0 0);--horizon-color-level-one: oklch(26.94% 0 0);--horizon-color-level-two: oklch(29.93% 0 0);--horizon-color-level-three: oklch(32.89% 0 0);--horizon-color-level-four: oklch(35.71% 0 0);--horizon-color-level-five: oklch(38.62% 0 0);--horizon-color-success-50: oklch(96.2% .044 156.743);--horizon-color-success-100: oklch(92.5% .084 155.995);--horizon-color-success-200: oklch(87.1% .15 154.449);--horizon-color-success-300: oklch(79.2% .209 151.711);--horizon-color-success-400: oklch(72.3% .219 149.579);--horizon-color-success-500: oklch(62.7% .194 149.214);--horizon-color-warning-50: oklch(95.4% .038 75.164);--horizon-color-warning-100: oklch(90.1% .076 70.697);--horizon-color-warning-200: oklch(83.7% .128 66.29);--horizon-color-warning-300: oklch(75% .183 55.934);--horizon-color-warning-400: oklch(70.5% .213 47.604);--horizon-color-warning-500: oklch(64.6% .222 41.116);--horizon-color-danger-50: oklch(93.6% .032 17.717);--horizon-color-danger-100: oklch(88.5% .062 18.334);--horizon-color-danger-200: oklch(80.8% .114 19.571);--horizon-color-danger-300: oklch(70.4% .191 22.216);--horizon-color-danger-400: oklch(57.7% .245 27.325);--horizon-color-danger-500: oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one: oklch(98.51% 0 0)}@theme{ --color-background: var(--horizon-color-neutral-950); --color-text-primary: var(--horizon-color-neutral-50); --color-text-inverted: var(--horizon-color-neutral-950); --color-text-secondary: var(--horizon-color-neutral-300); --color-text-disabled: var(--horizon-color-neutral-600); --color-border-primary: var(--horizon-color-neutral-900); --color-border-secondary: var(--horizon-color-neutral-700); --color-accent: var(--horizon-color-accent); --color-selected-primary: var(--horizon-color-primary-600); --color-divider-primary: var(--horizon-color-level-four); --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent); --color-level-zero: var(--horizon-color-level-zero); --color-level-one: var(--horizon-color-level-one); --color-level-two: var(--horizon-color-level-two); --color-level-three: var(--horizon-color-level-three); --color-level-four: var(--horizon-color-level-four); --color-level-five: var(--horizon-color-level-five); --color-success-50: var(--horizon-color-success-50); --color-success-100: var(--horizon-color-success-100); --color-success-200: var(--horizon-color-success-200); --color-success-300: var(--horizon-color-success-300); --color-success-400: var(--horizon-color-success-400); --color-success-500: var(--horizon-color-success-500); --color-warning-50: var(--horizon-color-warning-50); --color-warning-100: var(--horizon-color-warning-100); --color-warning-200: var(--horizon-color-warning-200); --color-warning-300: var(--horizon-color-warning-300); --color-warning-400: var(--horizon-color-warning-400); --color-warning-500: var(--horizon-color-warning-500); --color-danger-50: var(--horizon-color-danger-50); --color-danger-100: var(--horizon-color-danger-100); --color-danger-200: var(--horizon-color-danger-200); --color-danger-300: var(--horizon-color-danger-300); --color-danger-400: var(--horizon-color-danger-400); --color-danger-500: var(--horizon-color-danger-500); --color-alert-bg: var(--horizon-color-level-two); --color-alert-border: var(--horizon-color-level-three); --color-alert-text: var(--horizon-color-neutral-50); --color-alert-success-bg: var(--horizon-color-success-50); --color-alert-success-border: var(--horizon-color-success-500); --color-alert-success-text: var(--horizon-color-success-500); --color-alert-warning-bg: var(--horizon-color-warning-50); --color-alert-warning-border: var(--horizon-color-warning-500); --color-alert-warning-text: var(--horizon-color-warning-500); --color-alert-danger-bg: var(--horizon-color-danger-50); --color-alert-danger-border: var(--horizon-color-danger-500); --color-alert-danger-text: var(--horizon-color-danger-500); --color-alert-info-bg: var(--horizon-color-primary-50); --color-alert-info-border: var(--horizon-color-primary-700); --color-alert-info-text: var(--horizon-color-primary-700); --color-badge-primary-bg: var(--horizon-color-level-five); --color-badge-primary-bg--hover: var(--horizon-color-level-four); --color-badge-primary-bg--active: var(--horizon-color-primary-600); --color-badge-primary-border: var(--horizon-color-level-five); --color-badge-secondary-bg: var(--horizon-color-accent); --color-badge-secondary-border: var(--horizon-color-accent); --color-badge-secondary-text: var(--horizon-color-neutral-950); --color-badge-outline-bg: var(--horizon-color-transparent); --color-badge-outline-border: var(--horizon-color-level-five); --color-badge-destructive-bg: var(--horizon-color-danger-400); --color-badge-destructive-border: var(--horizon-color-danger-400); --color-button-primary-bg: var(--horizon-color-accent); --color-button-primary-bg--hover: var(--horizon-color-level-two); --color-button-primary-bg--disabled: var(--horizon-color-neutral-500); --color-button-primary-border: var(--horizon-color-accent); --color-button-primary-border--hover: var(--horizon-color-level-two); --color-button-primary-border--disabled: var(--horizon-color-neutral-500); --color-button-primary-text: var(--horizon-color-neutral-900); --color-button-primary-text--hover: var(--horizon-color-accent); --color-button-primary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-bg: var(--horizon-color-level-two); --color-button-secondary-bg--hover: var(--horizon-color-accent); --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500); --color-button-secondary-text: var(--horizon-color-neutral-50); --color-button-secondary-text--hover: var(--horizon-color-level-two); --color-button-secondary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-border: var(--horizon-color-neutral-900); --color-button-secondary-border--disabled: var(--horizon-color-neutral-500); --color-button-outline-bg: var(--horizon-color-transparent); --color-button-outline-bg--hover: var(--horizon-color-level-two); --color-button-outline-text: var(--horizon-color-neutral-50); --color-button-outline-text--hover: var(--horizon-color-accent); --color-button-outline-text--disabled: var(--horizon-color-neutral-400); --color-button-outline-border: var(--horizon-color-accent); --color-button-outline-border--disabled: var(--horizon-color-neutral-400); --color-button-ghost-bg: var(--horizon-color-transparent); --color-button-ghost-bg--hover: var(--horizon-color-level-two); --color-button-ghost-text: var(--horizon-color-neutral-50); --color-button-ghost-text--hover: var(--horizon-color-accent); --color-button-ghost-text--disabled: var(--horizon-color-neutral-400); --color-button-danger: var(--horizon-color-danger-200); --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-300) 80%, transparent); --color-checkbox-border: var(--horizon-color-neutral-100); --color-checkbox-border--focus: var(--horizon-color-accent); --color-checkbox-border--checked: var(--horizon-color-accent); --color-checkbox-indicator--checked: var(--horizon-color-accent); --color-data-card-description: var(--horizon-color-neutral-300); --color-dialog-bg: var(--horizon-color-level-one); --color-drawer-bg: var(--horizon-color-level-one); --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-input-border--hover: var(--horizon-color-neutral-300); --color-input-border--focus: var(--horizon-color-accent); --color-input-border--disabled: var(--horizon-color-neutral-500); --color-input-bg: var(--horizon-color-level-zero); --color-input-bg--hover: var(--horizon-color-level-four); --color-input-bg--disabled: var(--horizon-color-neutral-700); --color-input-bg--selected: var(--horizon-color-level-four); --color-input-text: var(--horizon-color-neutral-50); --color-input-text-prefix: var(--horizon-color-neutral-200); --color-input-text--disabled: var(--horizon-color-neutral-200); --color-input-text-placeholder: var(--horizon-color-neutral-500); --color-input-primitive-bg: var(--horizon-color-neutral-950); --color-input-primitive-border: var(--horizon-color-neutral-800); --color-input-otp-filled-bg: var(--horizon-color-level-two); --color-input-otp-filled-border: var(--horizon-color-level-two); --color-input-otp-filled-separator: var(--horizon-color-level-five); --color-input-otp-border: var(--horizon-color-neutral-300); --color-input-otp-border--focus: var(--horizon-color-accent); --color-input-otp-caret: var(--horizon-color-neutral-200); --color-kbd-bg: var(--horizon-color-level-two); --color-kbd-text: var(--color-text-secondary); --color-popover-bg: var(--horizon-color-level-one); --color-popover-text: var(--horizon-color-neutral-50); --color-radio-bg: var(--horizon-color-neutral-900); --color-radio-bg--selected: var(--horizon-color-accent); --color-radio-border: var(--horizon-color-neutral-800); --color-radio-border--hover: var(--horizon-color-accent); --color-radio-border--selected: var(--horizon-color-accent); --color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-radio-tile-border--hover: var(--horizon-color-neutral-300); --color-radio-tile-border--selected: var(--horizon-color-accent); --color-select-item-bg--hover: var(--horizon-color-level-four); --color-slider-track: var(--horizon-color-neutral-700); --color-slider-range: var(--horizon-color-neutral-50); --color-slider-thumb-border: var(--horizon-color-neutral-50); --color-slider-thumb-bg: var(--horizon-color-neutral-50); --color-slider-thumb-ring: var(--horizon-color-neutral-50); --color-switch-bg: var(--horizon-color-neutral-700); --color-switch-bg--checked: var(--horizon-color-white); --color-switch-thumb: var(--horizon-color-neutral-950); --color-switch-thumb--checked: var(--horizon-color-white); --color-tabs-bg: var(--horizon-color-level-one); --color-tabs-group-bg: var(--horizon-color-level-one); --color-tabs-indicator: var(--horizon-color-accent); --color-tabs-enclosed-indicator: var(--horizon-color-level-two); --color-tabs-border: var(--horizon-color-level-four); --color-toast-bg: var(--horizon-color-level-one); --color-toast-border: var(--horizon-color-level-four); --color-toast-text: var(--horizon-color-neutral-50); --color-toast-icon: var(--horizon-color-neutral-50); --color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950)); --color-toast-success-border: var(--horizon-color-success-400); --color-toast-success-text: var(--horizon-color-success-400); --color-toast-success-icon: var(--horizon-color-success-400); --color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950)); --color-toast-warning-border: var(--horizon-color-warning-400); --color-toast-warning-text: var(--horizon-color-warning-400); --color-toast-warning-icon: var(--horizon-color-warning-400); --color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950)); --color-toast-danger-border: var(--horizon-color-danger-400); --color-toast-danger-text: var(--horizon-color-danger-400); --color-toast-danger-icon: var(--horizon-color-danger-400); --color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950)); --color-toast-info-border: var(--horizon-color-primary-400); --color-toast-info-text: var(--horizon-color-primary-400); --color-toast-info-icon: var(--horizon-color-primary-400); --color-toggle-bg: var(--horizon-color-level-two); --color-toggle-bg--active: var(--horizon-color-primary-500); --color-toggle-bg--hover: var(--horizon-color-level-four); --color-toggle-border: var(--horizon-color-transparent); --color-toggle-border--hover: var(--horizon-color-level-four); --color-toggle-border--active: var(--horizon-color-primary-500); --color-toggle-text: var(--horizon-color-neutral-50); --color-toggle-text--hover: var(--horizon-color-neutral-200); --color-toggle-text--active: var(--horizon-color-neutral-50); --color-toggle-outline-border: var(--horizon-color-neutral-600); --color-toggle-outline-border--hover: var(--horizon-color-neutral-400); --color-toggle-group-bg: var(--horizon-color-level-five); --color-tooltip-bg: var(--horizon-color-level-one); --color-tooltip-arrow: var(--horizon-color-level-one); --color-tooltip-outline-border: var(--horizon-color-level-four); --color-tooltip-outline-arrow: var(--horizon-color-level-four); }:root[data-theme=light]{--color-background: var(--horizon-color-neutral-50);--color-ring-offset: var(--horizon-color-neutral-50);--color-text-primary: var(--horizon-color-neutral-900);--color-text-secondary: var(--horizon-color-neutral-600);--color-card-bg: var(--horizon-color-level-one);--color-card-text: var(--horizon-color-neutral-900);--color-switch-bg: var(--horizon-color-neutral-300);--color-switch-bg--checked: var(--horizon-color-neutral-950);--color-switch-thumb: var(--horizon-color-neutral-50);--color-shadow-neumorphic: oklch(92.49% 0 0);--color-shadow-neumorphic-large: oklch(88.56% .0014 286.37)}@theme{ --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji"; --font-serif: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --ring: var(--color-accent); --ring-offset: var(--color-background); --animate-animate-in: animate-in; --animate-animate-out: animate-out; --animate-zoom-in-95: zoom-in-95; --animate-zoom-out-95: zoom-out-95; --animate-fade-in-0: fade-in-0; --animate-fade-out-0: fade-out-0; --animate-fade-in-tabs: fade-in-tabs .5s ease-in-out; --animate-slide-down-from-top: slide-down-from-top .3s ease-out; --animate-slide-up-to-top: slide-up-to-top .3s ease-out; --animate-fade-in-tabs-indicator: fade-in-tabs-indicator .3s ease-out; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --animate-spin-around: spin-around .8s linear infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{transform:translateY(-100%);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}@keyframes slide-up-to-top{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-100%);opacity:0;scale:.95}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@plugin "tailwindcss-animate";