@tpc-mare/mare-ui-components-react 0.0.1

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 (137) hide show
  1. package/dist/.storybook/main.d.ts +3 -0
  2. package/dist/.storybook/manager.d.ts +1 -0
  3. package/dist/.storybook/preview.d.ts +3 -0
  4. package/dist/avatar/Avatar.d.ts +2 -0
  5. package/dist/avatar/Avatar.types.d.ts +26 -0
  6. package/dist/avatar/index.d.ts +2 -0
  7. package/dist/avatar/index.js +4 -0
  8. package/dist/badge/Badge.d.ts +2 -0
  9. package/dist/badge/Badge.types.d.ts +11 -0
  10. package/dist/badge/index.d.ts +2 -0
  11. package/dist/badge/index.js +4 -0
  12. package/dist/button/Button.d.ts +2 -0
  13. package/dist/button/Button.types.d.ts +18 -0
  14. package/dist/button/index.d.ts +2 -0
  15. package/dist/button/index.js +4 -0
  16. package/dist/checkbox/Checkbox.d.ts +2 -0
  17. package/dist/checkbox/Checkbox.types.d.ts +69 -0
  18. package/dist/checkbox/index.d.ts +2 -0
  19. package/dist/checkbox/index.js +4 -0
  20. package/dist/combobox/Combobox.d.ts +13 -0
  21. package/dist/combobox/Combobox.types.d.ts +16 -0
  22. package/dist/combobox/index.d.ts +2 -0
  23. package/dist/combobox/index.js +4 -0
  24. package/dist/date-picker/DatePicker.d.ts +3 -0
  25. package/dist/date-picker/DatePicker.types.d.ts +52 -0
  26. package/dist/date-picker/index.d.ts +2 -0
  27. package/dist/date-picker/index.js +4 -0
  28. package/dist/dialog/Dialog.d.ts +2 -0
  29. package/dist/dialog/Dialog.types.d.ts +55 -0
  30. package/dist/dialog/DialogFooter.d.ts +2 -0
  31. package/dist/dialog/DialogHeader.d.ts +2 -0
  32. package/dist/dialog/index.d.ts +4 -0
  33. package/dist/dialog/index.js +6 -0
  34. package/dist/drawer/Drawer.d.ts +2 -0
  35. package/dist/drawer/Drawer.types.d.ts +53 -0
  36. package/dist/drawer/DrawerFooter.d.ts +2 -0
  37. package/dist/drawer/DrawerHeader.d.ts +2 -0
  38. package/dist/drawer/index.d.ts +4 -0
  39. package/dist/drawer/index.js +6 -0
  40. package/dist/index/index.d.ts +44 -0
  41. package/dist/index/index.js +57 -0
  42. package/dist/input-number/InputNumber.d.ts +2 -0
  43. package/dist/input-number/InputNumber.types.d.ts +30 -0
  44. package/dist/input-number/index.d.ts +2 -0
  45. package/dist/input-number/index.js +4 -0
  46. package/dist/input-text/CharacterCount.d.ts +5 -0
  47. package/dist/input-text/FloatLabel.d.ts +6 -0
  48. package/dist/input-text/FormField.d.ts +8 -0
  49. package/dist/input-text/HelperText.d.ts +4 -0
  50. package/dist/input-text/IconField.d.ts +16 -0
  51. package/dist/input-text/InputText.d.ts +2 -0
  52. package/dist/input-text/InputText.types.d.ts +14 -0
  53. package/dist/input-text/field-layout.d.ts +12 -0
  54. package/dist/input-text/index.d.ts +11 -0
  55. package/dist/input-text/index.js +10 -0
  56. package/dist/menu/Menu.d.ts +2 -0
  57. package/dist/menu/Menu.types.d.ts +19 -0
  58. package/dist/menu/index.d.ts +2 -0
  59. package/dist/menu/index.js +4 -0
  60. package/dist/panel-menu/PanelMenu.d.ts +2 -0
  61. package/dist/panel-menu/PanelMenu.types.d.ts +12 -0
  62. package/dist/panel-menu/index.d.ts +2 -0
  63. package/dist/panel-menu/index.js +4 -0
  64. package/dist/progress-spinner/ProgressSpinner.d.ts +10 -0
  65. package/dist/progress-spinner/index.d.ts +2 -0
  66. package/dist/progress-spinner/index.js +4 -0
  67. package/dist/radio-group/RadioGroup.d.ts +2 -0
  68. package/dist/radio-group/RadioGroup.types.d.ts +62 -0
  69. package/dist/radio-group/index.d.ts +2 -0
  70. package/dist/radio-group/index.js +4 -0
  71. package/dist/search-field/SearchField.d.ts +2 -0
  72. package/dist/search-field/SearchField.types.d.ts +26 -0
  73. package/dist/search-field/index.d.ts +2 -0
  74. package/dist/search-field/index.js +4 -0
  75. package/dist/select-field/SelectField.d.ts +14 -0
  76. package/dist/select-field/SelectField.types.d.ts +11 -0
  77. package/dist/select-field/index.d.ts +2 -0
  78. package/dist/select-field/index.js +4 -0
  79. package/dist/shared/Avatar-D3QlO3Tz.js +59 -0
  80. package/dist/shared/Badge-WC6my4Aw.js +35 -0
  81. package/dist/shared/Button-AfMqNCme.js +177 -0
  82. package/dist/shared/Checkbox-Ci1b59K1.js +134 -0
  83. package/dist/shared/Combobox-DZ5SgSv6.js +134 -0
  84. package/dist/shared/DatePicker-BMl0szfL.js +856 -0
  85. package/dist/shared/DialogFooter-Bg3hz6fh.js +154 -0
  86. package/dist/shared/DrawerFooter-COA137vD.js +172 -0
  87. package/dist/shared/HelperText-CVWWvLCI.js +46 -0
  88. package/dist/shared/IconField-Dh6j6SL1.js +78 -0
  89. package/dist/shared/InputNumber-D48wsE-o.js +62 -0
  90. package/dist/shared/Menu-Cv9dU1iA.js +104 -0
  91. package/dist/shared/PanelMenu-5A9LgcGR.js +123 -0
  92. package/dist/shared/ProgressSpinner-B-lrS-tu.js +35 -0
  93. package/dist/shared/RadioGroup-lw27DCoV.js +133 -0
  94. package/dist/shared/SearchField-CuQ0cXOZ.js +63 -0
  95. package/dist/shared/SelectField-D6OlgFYy.js +118 -0
  96. package/dist/shared/Snackbar-C29nLHO9.js +100 -0
  97. package/dist/shared/Stepper-BGKHXl-b.js +110 -0
  98. package/dist/shared/Switch-D6E2OmgE.js +104 -0
  99. package/dist/shared/Tabs-BqIorZYD.js +66 -0
  100. package/dist/shared/Tag-BtbmgIwL.js +36 -0
  101. package/dist/shared/Textarea-iJhYTZos.js +40 -0
  102. package/dist/shared/field-layout-D34MpDMB.js +53 -0
  103. package/dist/shared/icons-_QeAcImG.js +44 -0
  104. package/dist/shared/icons.d.ts +11 -0
  105. package/dist/shared/useMediaQuery.d.ts +5 -0
  106. package/dist/snackbar/Snackbar.d.ts +3 -0
  107. package/dist/snackbar/Snackbar.types.d.ts +42 -0
  108. package/dist/snackbar/index.d.ts +2 -0
  109. package/dist/snackbar/index.js +5 -0
  110. package/dist/stepper/Stepper.d.ts +2 -0
  111. package/dist/stepper/Stepper.types.d.ts +18 -0
  112. package/dist/stepper/index.d.ts +2 -0
  113. package/dist/stepper/index.js +4 -0
  114. package/dist/styles.css +1 -0
  115. package/dist/switch/Switch.d.ts +2 -0
  116. package/dist/switch/Switch.types.d.ts +59 -0
  117. package/dist/switch/index.d.ts +2 -0
  118. package/dist/switch/index.js +4 -0
  119. package/dist/tabs/Tabs.d.ts +10 -0
  120. package/dist/tabs/Tabs.types.d.ts +7 -0
  121. package/dist/tabs/index.d.ts +2 -0
  122. package/dist/tabs/index.js +4 -0
  123. package/dist/tag/Tag.d.ts +2 -0
  124. package/dist/tag/Tag.types.d.ts +11 -0
  125. package/dist/tag/index.d.ts +2 -0
  126. package/dist/tag/index.js +4 -0
  127. package/dist/textarea/Textarea.d.ts +2 -0
  128. package/dist/textarea/Textarea.types.d.ts +15 -0
  129. package/dist/textarea/index.d.ts +2 -0
  130. package/dist/textarea/index.js +4 -0
  131. package/dist/themes/baglioni-resorts.css +1 -0
  132. package/dist/themes/baglioni.css +1 -0
  133. package/dist/themes/le-blanc.css +1 -0
  134. package/dist/themes/palace.css +1 -0
  135. package/dist/themes/the-palace-company.css +1 -0
  136. package/dist/vite.config.d.ts +2 -0
  137. package/package.json +70 -0
@@ -0,0 +1,104 @@
1
+ import { jsxs as p, jsx as e } from "react/jsx-runtime";
2
+ import { Switch as a } from "@ark-ui/react/switch";
3
+ const z = `
4
+ mare:inline-flex mare:items-center mare:gap-2
5
+ mare:select-none mare:cursor-pointer
6
+ mare:ark-disabled:cursor-default
7
+ `, g = `
8
+ mare:inline-flex mare:shrink-0 mare:items-center mare:px-0.5
9
+ mare:rounded-full mare:border mare:border-transparent
10
+ mare:bg-neutral
11
+ mare:shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
12
+ mare:transition-colors mare:duration-200
13
+
14
+ mare:data-size-small:w-9 mare:data-size-small:h-5.5
15
+ mare:data-size-medium:w-13 mare:data-size-medium:h-8
16
+ mare:data-size-large:w-16 mare:data-size-large:h-9
17
+
18
+ mare:ark-checked:bg-accent
19
+ mare:not-ark-disabled:ark-checked:hover:bg-accent-hover
20
+
21
+ mare:ark-disabled:bg-disabled!
22
+
23
+ mare:ark-invalid:border-danger
24
+ `, k = `
25
+ mare:rounded-full mare:bg-default
26
+ mare:transition-transform mare:duration-300
27
+
28
+ mare:data-size-small:w-4.5 mare:data-size-small:h-4.5
29
+ mare:data-size-medium:w-7 mare:data-size-medium:h-7
30
+ mare:data-size-large:w-8 mare:data-size-large:h-8
31
+
32
+ mare:data-size-small:ark-checked:translate-x-3.5
33
+ mare:data-size-medium:ark-checked:translate-x-5
34
+ mare:data-size-large:ark-checked:translate-x-7
35
+ `, f = `
36
+ mare:text-default
37
+ mare:data-size-small:tpc-typography-body-s
38
+ mare:data-size-medium:tpc-typography-body-m
39
+ mare:data-size-large:tpc-typography-body-l
40
+ mare:ark-disabled:text-disabled
41
+ `, x = `
42
+ mare:sr-only
43
+ `;
44
+ function N({
45
+ checked: t,
46
+ defaultChecked: s,
47
+ onCheckedChange: d,
48
+ children: m,
49
+ size: r = "small",
50
+ disabled: l = !1,
51
+ invalid: i = !1,
52
+ readOnly: n = !1,
53
+ required: o = !1,
54
+ name: c,
55
+ value: h = "on",
56
+ id: u
57
+ }) {
58
+ return /* @__PURE__ */ p(
59
+ a.Root,
60
+ {
61
+ checked: t,
62
+ defaultChecked: s,
63
+ onCheckedChange: (b) => {
64
+ d?.(b.checked);
65
+ },
66
+ disabled: l,
67
+ invalid: i,
68
+ readOnly: n,
69
+ required: o,
70
+ name: c,
71
+ value: h,
72
+ id: u,
73
+ className: z,
74
+ children: [
75
+ /* @__PURE__ */ e(
76
+ a.Control,
77
+ {
78
+ className: g,
79
+ "data-size": r,
80
+ children: /* @__PURE__ */ e(
81
+ a.Thumb,
82
+ {
83
+ className: k,
84
+ "data-size": r
85
+ }
86
+ )
87
+ }
88
+ ),
89
+ m && /* @__PURE__ */ e(
90
+ a.Label,
91
+ {
92
+ className: f,
93
+ "data-size": r,
94
+ children: m
95
+ }
96
+ ),
97
+ /* @__PURE__ */ e(a.HiddenInput, { className: x })
98
+ ]
99
+ }
100
+ );
101
+ }
102
+ export {
103
+ N as S
104
+ };
@@ -0,0 +1,66 @@
1
+ import { jsxs as o, jsx as l } from "react/jsx-runtime";
2
+ import { TabsRoot as c, TabList as u, TabTrigger as b, TabIndicator as p, TabContent as f } from "@ark-ui/react/tabs";
3
+ const d = {
4
+ small: "mare:tpc-typography-label-s",
5
+ medium: "mare:tpc-typography-label-m"
6
+ }, v = "mare:w-full", h = (a) => `
7
+ mare:relative mare:flex ${a ? "mare:w-full" : "mare:w-fit"}
8
+ mare:border-b mare:border-default
9
+ `, x = (a, r) => `
10
+ mare:group/tab mare:relative mare:cursor-pointer mare:select-none mare:whitespace-nowrap
11
+ mare:h-12 mare:px-4 mare:flex mare:items-center mare:justify-center mare:gap-2
12
+ ${r ? "mare:flex-1" : ""}
13
+ ${d[a]}
14
+ mare:text-weak mare:hover:text-default
15
+ mare:ark-active:text-accent
16
+ mare:ark-disabled:opacity-60 mare:ark-disabled:pointer-events-none
17
+ mare:focus-visible:outline mare:focus-visible:outline-1 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-1
18
+ `, g = `
19
+ mare:absolute mare:bottom-0 mare:h-0.5 mare:bg-accent
20
+ mare:transition-[left,width] mare:duration-200 mare:ease-[cubic-bezier(0.35,0,0.25,1)]
21
+ `, w = "mare:pt-3.5 mare:pb-4.5 mare:px-4.5 mare:text-default mare:focus-visible:outline-none";
22
+ function N({
23
+ value: a,
24
+ onValueChange: r,
25
+ items: m,
26
+ size: i = "small",
27
+ fluid: t = !1,
28
+ renderTab: s,
29
+ renderPanel: n
30
+ }) {
31
+ return /* @__PURE__ */ o(
32
+ c,
33
+ {
34
+ value: a,
35
+ className: v,
36
+ onValueChange: (e) => r?.(e.value),
37
+ children: [
38
+ /* @__PURE__ */ o(u, { className: h(t), children: [
39
+ m.map((e) => /* @__PURE__ */ l(
40
+ b,
41
+ {
42
+ value: e.value,
43
+ disabled: e.disabled,
44
+ className: x(i, t),
45
+ children: s ? s(e) : e.label
46
+ },
47
+ e.value
48
+ )),
49
+ /* @__PURE__ */ l(p, { className: g })
50
+ ] }),
51
+ m.map((e) => /* @__PURE__ */ l(
52
+ f,
53
+ {
54
+ value: e.value,
55
+ className: w,
56
+ children: n?.(e)
57
+ },
58
+ e.value
59
+ ))
60
+ ]
61
+ }
62
+ );
63
+ }
64
+ export {
65
+ N as T
66
+ };
@@ -0,0 +1,36 @@
1
+ import { jsxs as m, jsx as t } from "react/jsx-runtime";
2
+ const i = `
3
+ mare:inline-flex mare:items-center mare:justify-center mare:gap-0.5
4
+ mare:py-1 mare:px-1.5 mare:rounded-tag
5
+ mare:data-size-small:tpc-typography-label-xs mare:data-size-small:h-5.5
6
+ mare:data-size-medium:tpc-typography-label-xs mare:data-size-medium:h-6
7
+ mare:data-size-large:tpc-typography-label-s mare:data-size-large:h-8 mare:data-size-large:px-2.5
8
+ mare:data-severity-accent:bg-accent mare:data-severity-accent:text-on-accent
9
+ mare:data-severity-accent-weak:bg-accent-weak mare:data-severity-accent-weak:text-accent
10
+ mare:data-severity-neutral:bg-neutral-weak mare:data-severity-neutral:text-default
11
+ mare:data-severity-positive:bg-positive-weak mare:data-severity-positive:text-positive
12
+ mare:data-severity-warning:bg-warning-weak mare:data-severity-warning:text-warning
13
+ mare:data-severity-danger:bg-danger-weak mare:data-severity-danger:text-danger
14
+ `, n = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-3.5", d = "mare:px-0.5";
15
+ function l({
16
+ severity: r = "accent",
17
+ size: s = "small",
18
+ icon: a,
19
+ children: e
20
+ }) {
21
+ return /* @__PURE__ */ m(
22
+ "span",
23
+ {
24
+ className: i,
25
+ "data-severity": r,
26
+ "data-size": s,
27
+ children: [
28
+ a && /* @__PURE__ */ t("span", { className: n, children: a }),
29
+ e && /* @__PURE__ */ t("span", { className: d, children: e })
30
+ ]
31
+ }
32
+ );
33
+ }
34
+ export {
35
+ l as T
36
+ };
@@ -0,0 +1,40 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useFieldContext as x, FieldTextarea as F, FieldRoot as p } from "@ark-ui/react/field";
3
+ import { u as L, a as b } from "./field-layout-D34MpDMB.js";
4
+ function v({
5
+ value: l = "",
6
+ onValueChange: o,
7
+ size: s = "medium",
8
+ invalid: r = !1,
9
+ disabled: n = !1,
10
+ autoresize: i = !1,
11
+ placeholder: c,
12
+ ...f
13
+ }) {
14
+ const e = L(), u = !x(), m = b({
15
+ size: s,
16
+ hasFloatLabel: e?.hasFloatLabel ?? !1
17
+ }), d = e?.hasFloatLabel ? " " : c, a = /* @__PURE__ */ t(
18
+ F,
19
+ {
20
+ ...f,
21
+ autoresize: i,
22
+ className: m,
23
+ placeholder: d,
24
+ value: l,
25
+ onChange: (h) => o?.(h.target.value)
26
+ }
27
+ );
28
+ return u ? /* @__PURE__ */ t(
29
+ p,
30
+ {
31
+ invalid: r,
32
+ disabled: n,
33
+ className: "mare:w-full",
34
+ children: a
35
+ }
36
+ ) : a;
37
+ }
38
+ export {
39
+ v as T
40
+ };
@@ -0,0 +1,53 @@
1
+ import { createContext as l, useContext as o } from "react";
2
+ const r = `
3
+ mare:w-full mare:px-3
4
+ mare:tpc-typography-body-m mare:text-default mare:placeholder:text-weak
5
+ mare:border mare:border-strong mare:rounded-input
6
+ mare:outline-none mare:transition-all mare:duration-100
7
+ mare:bg-transparent
8
+ mare:focus:outline-solid mare:focus:outline-2 mare:focus:outline-accent mare:focus:-outline-offset-2
9
+ mare:aria-invalid:outline-solid mare:aria-invalid:outline-2 mare:aria-invalid:outline-danger mare:aria-invalid:-outline-offset-2
10
+ mare:disabled:text-disabled mare:disabled:border-disabled-default mare:disabled:placeholder:text-disabled
11
+ mare:group-has-[svg]:group-[.mare-icon-left]:pl-10
12
+ mare:group-has-[svg]:group-[.mare-icon-right]:pr-10
13
+ `, i = {
14
+ medium: "mare:h-12",
15
+ small: "mare:h-10"
16
+ }, s = {
17
+ medium: "mare:h-14 mare:pt-4 mare:pb-0",
18
+ small: "mare:h-12 mare:pt-4 mare:pb-0"
19
+ }, n = {
20
+ left: "mare:pl-10",
21
+ right: "mare:pr-10",
22
+ both: "mare:pl-10 mare:pr-10"
23
+ }, b = (e) => {
24
+ const a = e.hasFloatLabel ? s[e.size] : i[e.size], t = e.rounded ? "mare:rounded-full" : "", m = e.iconSide ? n[e.iconSide] : "";
25
+ return `${r} ${a} ${t} ${m}`;
26
+ }, d = {
27
+ medium: "mare:py-3",
28
+ small: "mare:py-2.5"
29
+ }, u = {
30
+ medium: "mare:pt-6 mare:pb-3",
31
+ small: "mare:pt-5 mare:pb-2.5"
32
+ }, f = (e) => {
33
+ const a = e.hasFloatLabel ? u[e.size] : d[e.size];
34
+ return `${r} mare:resize-y ${a}`;
35
+ }, g = "mare:relative mare:w-full mare:group", h = (e, a = {}) => `
36
+ mare:absolute mare:top-1/2 mare:-translate-y-1/2 mare:flex mare:items-center
37
+ mare:justify-center mare:[&>svg]:size-5
38
+ ${a.interactive ? "mare:bg-transparent mare:border-0 mare:p-0 mare:cursor-pointer mare:disabled:cursor-default" : "mare:pointer-events-none"}
39
+ ${a.disabled ? "mare:text-disabled" : "mare:text-weak"}
40
+ ${e === "left" ? "mare:left-3" : "mare:right-3"}
41
+ `, x = "mare:flex mare:flex-col mare:gap-2 mare:w-full", y = (e) => `mare:tpc-typography-label-s ${e ? "mare:text-danger" : "mare:text-default"}`, $ = (e) => `mare:tpc-typography-body-xs mare:ml-auto mare:shrink-0 ${e ? "mare:text-disabled" : "mare:text-weak"}`, p = l(null), v = () => o(p), z = (e, a) => !e || e === a ? a : "both";
42
+ export {
43
+ p as F,
44
+ f as a,
45
+ b as d,
46
+ h as f,
47
+ x as g,
48
+ y as h,
49
+ z as m,
50
+ g as p,
51
+ v as u,
52
+ $ as x
53
+ };
@@ -0,0 +1,44 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ const o = (e) => function(t) {
3
+ return /* @__PURE__ */ s(
4
+ "svg",
5
+ {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none",
9
+ stroke: "currentColor",
10
+ strokeWidth: "2",
11
+ strokeLinecap: "round",
12
+ strokeLinejoin: "round",
13
+ "aria-hidden": "true",
14
+ width: "1em",
15
+ height: "1em",
16
+ ...t,
17
+ children: e.map((n) => /* @__PURE__ */ s(
18
+ "path",
19
+ {
20
+ d: n
21
+ },
22
+ n
23
+ ))
24
+ }
25
+ );
26
+ }, h = o(["M6 9l6 6 6-6"]), i = o(["M15 18l-6-6 6-6"]), M = o(["M9 18l6-6-6-6"]), l = o(["M5 12l5 5L20 7"]), I = o([
27
+ "M8 2v4M16 2v4",
28
+ "M3 8h18",
29
+ "M4 4h16a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"
30
+ ]), c = o(["M6 6l12 12", "M18 6L6 18"]), v = c, C = o(["M5 12h14"]), d = o([
31
+ "M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14z",
32
+ "M20 20l-5-5"
33
+ ]);
34
+ export {
35
+ l as C,
36
+ C as M,
37
+ d as S,
38
+ c as a,
39
+ h as b,
40
+ i as c,
41
+ M as d,
42
+ v as e,
43
+ I as f
44
+ };
@@ -0,0 +1,11 @@
1
+ import { SVGProps } from 'react';
2
+ export declare const ChevronDownIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
3
+ export declare const ChevronUpIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
4
+ export declare const ChevronLeftIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
5
+ export declare const ChevronRightIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
6
+ export declare const CheckIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
7
+ export declare const CalendarIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
8
+ export declare const ClearIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
9
+ export declare const CloseIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
10
+ export declare const MinusIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
11
+ export declare const SearchIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
@@ -0,0 +1,5 @@
1
+ /** Tiny `matchMedia` subscription — no dependency, mirrors the Vue DS's
2
+ * useScreenWidth for the one thing components here actually need: whether
3
+ * we're at/above Tailwind's default `sm` breakpoint (640px). */
4
+ export declare function useMediaQuery(query: string): boolean;
5
+ export declare const SM_BREAKPOINT_QUERY = "(min-width: 640px)";
@@ -0,0 +1,3 @@
1
+ import { SnackbarController, SnackbarConfig, SnackbarProperties } from './Snackbar.types';
2
+ export declare function createSnackbar(config?: SnackbarConfig): SnackbarController;
3
+ export declare function Snackbar({ controller, portalContainer }: SnackbarProperties): import("react").JSX.Element;
@@ -0,0 +1,42 @@
1
+ import { ReactNode, RefObject } from 'react';
2
+ import { SnackbarSeverity, SnackbarPlacement } from '@tpc-development/mare-ui-components-core/snackbar';
3
+ export type { SnackbarSeverity, SnackbarPlacement, } from '@tpc-development/mare-ui-components-core/snackbar';
4
+ /** The payload for `controller.show()`/`.update()`. Framework-shaped on
5
+ * purpose (ReactNode `detail`/`leading`) — this is why it lives in the
6
+ * adapter, not in core alongside `SnackbarSeverity`/`SnackbarPlacement`. */
7
+ export interface SnackbarShowOptions {
8
+ /** @default 'contrast' */
9
+ severity?: SnackbarSeverity;
10
+ detail: ReactNode;
11
+ /** Icon or image shown before the detail text. Mutually exclusive with
12
+ * nothing in particular — it's just whatever `ReactNode` you pass. */
13
+ leading?: ReactNode;
14
+ /** @default 3000, and never resolves lower than that. */
15
+ life?: number;
16
+ /** Progress bar filling over `life`, indicating time until auto-dismiss. @default false */
17
+ progressBar?: boolean;
18
+ action?: {
19
+ label: string;
20
+ onClick: () => void;
21
+ };
22
+ }
23
+ /** Returned by `createSnackbar()`. Mirrors the legacy `useToast()` service —
24
+ * mount ONE `<Snackbar controller={controller} />` per controller, then push
25
+ * messages into it from anywhere via `controller.show(...)`. */
26
+ export interface SnackbarController {
27
+ /** Pushes a new message, returns its id. */
28
+ show(options: SnackbarShowOptions): string;
29
+ /** Dismisses one message by id, or every message in this controller if omitted. */
30
+ dismiss(id?: string): void;
31
+ update(id: string, options: Partial<SnackbarShowOptions>): void;
32
+ }
33
+ export interface SnackbarConfig {
34
+ /** @default 'bottom-center' */
35
+ placement?: SnackbarPlacement;
36
+ }
37
+ export interface SnackbarProperties {
38
+ controller: SnackbarController;
39
+ /** Where the toast stack portals to. Override if your app scopes
40
+ * `data-theme` to a sub-tree rather than the document root. */
41
+ portalContainer?: RefObject<HTMLElement | null>;
42
+ }
@@ -0,0 +1,2 @@
1
+ export { Snackbar, createSnackbar } from './Snackbar';
2
+ export type { SnackbarProperties, SnackbarController, SnackbarConfig, SnackbarShowOptions, SnackbarSeverity, SnackbarPlacement, } from './Snackbar.types';
@@ -0,0 +1,5 @@
1
+ import { S as c, c as e } from "../shared/Snackbar-C29nLHO9.js";
2
+ export {
3
+ c as Snackbar,
4
+ e as createSnackbar
5
+ };
@@ -0,0 +1,2 @@
1
+ import { StepperProperties } from './Stepper.types';
2
+ export declare function Stepper({ items, step, defaultStep, onStepChange, onStepComplete, linear, orientation, indicatorVariant, isStepValid, isStepSkippable, }: StepperProperties): import("react").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { StepItemData, StepperOrientation, StepperIndicatorVariant } from '@tpc-development/mare-ui-components-core/stepper';
2
+ export type { StepItemData, StepperOrientation, StepperIndicatorVariant, } from '@tpc-development/mare-ui-components-core/stepper';
3
+ export interface StepperProperties {
4
+ items: StepItemData[];
5
+ /** Controlled current step index (0-based). Omit to let Ark manage it. */
6
+ step?: number;
7
+ defaultStep?: number;
8
+ onStepChange?: (step: number) => void;
9
+ onStepComplete?: () => void;
10
+ /** Requires steps to be completed in order — blocks jumping ahead. */
11
+ linear?: boolean;
12
+ orientation?: StepperOrientation;
13
+ /** 'default': completed steps stay weak-accent. 'strong': completed steps
14
+ * get the same full-accent treatment as the current one. */
15
+ indicatorVariant?: StepperIndicatorVariant;
16
+ isStepValid?: (index: number) => boolean;
17
+ isStepSkippable?: (index: number) => boolean;
18
+ }
@@ -0,0 +1,2 @@
1
+ export { Stepper } from './Stepper';
2
+ export type { StepperProperties, StepItemData, StepperOrientation, StepperIndicatorVariant, } from './Stepper.types';
@@ -0,0 +1,4 @@
1
+ import { S as r } from "../shared/Stepper-BGKHXl-b.js";
2
+ export {
3
+ r as Stepper
4
+ };
@@ -0,0 +1 @@
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@layer theme{:root,:host{--mare-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mare-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--mare-spacing:.25rem;--mare-text-base:1rem;--mare-text-base--line-height:calc(1.5/1);--mare-text-lg:1.125rem;--mare-text-lg--line-height:calc(1.75/1.125);--mare-font-weight-normal:400;--mare-font-weight-medium:500;--mare-default-transition-duration:.15s;--mare-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--mare-default-font-family:var(--mare-font-sans);--mare-default-mono-font-family:var(--mare-font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--mare-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--mare-default-font-feature-settings,normal);font-variation-settings:var(--mare-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--mare-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--mare-default-mono-font-feature-settings,normal);font-variation-settings:var(--mare-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor;@supports (color:color-mix(in lab, red, red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mare\:pointer-events-none{pointer-events:none}.mare\:invisible{visibility:hidden}.mare\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mare\:absolute{position:absolute}.mare\:fixed{position:fixed}.mare\:relative{position:relative}.mare\:inset-0{inset:0}.mare\:top-0{top:0}.mare\:top-1\/2{top:50%}.mare\:top-2{top:.5rem}.mare\:right-0{right:0}.mare\:right-3{right:.75rem}.mare\:bottom-0{bottom:0}.mare\:left-0{left:0}.mare\:left-3{left:.75rem}.mare\:\[z-index\:var\(--z-index\)\]{z-index:var(--z-index)}.mare\:z-40{z-index:40}.mare\:z-50{z-index:50}.mare\:z-1103{z-index:1103}.mare\:-order-1{order:calc(1*-1)}.mare\:order-1{order:1}.mare\:my-2{margin-block:.5rem}.mare\:mt-2{margin-top:.5rem}.mare\:-mr-1\.5{margin-right:calc(var(--mare-spacing)*-1.5)}.mare\:mr-6\.5{margin-right:calc(var(--mare-spacing)*6.5)}.mare\:mb-0\.5{margin-bottom:calc(var(--mare-spacing)*.5)}.mare\:mb-1{margin-bottom:.25rem}.mare\:mb-1\.5{margin-bottom:calc(var(--mare-spacing)*1.5)}.mare\:-ml-1\.5{margin-left:calc(var(--mare-spacing)*-1.5)}.mare\:ml-6\.5{margin-left:calc(var(--mare-spacing)*6.5)}.mare\:ml-auto{margin-left:auto}.mare\:block{display:block}.mare\:flex{display:flex}.mare\:hidden{display:none}.mare\:inline-block{display:inline-block}.mare\:inline-flex{display:inline-flex}.mare\:aspect-square{aspect-ratio:1}.mare\:size-5{width:1.25rem;height:1.25rem}.mare\:size-8{width:2rem;height:2rem}.mare\:size-full{width:100%;height:100%}.mare\:\[height\:var\(--height\)\]{height:var(--height)}.mare\:h-0\.5{height:calc(var(--mare-spacing)*.5)}.mare\:h-1{height:.25rem}.mare\:h-2{height:.5rem}.mare\:h-8{height:2rem}.mare\:h-10{height:2.5rem}.mare\:h-12{height:3rem}.mare\:h-14{height:3.5rem}.mare\:h-\[1\.5px\]{height:1.5px}.mare\:h-auto{height:auto}.mare\:h-full{height:100%}.mare\:h-screen{height:100vh}.mare\:max-h-72{max-height:18rem}.mare\:max-h-\[calc\(100\%-32px\)\]{max-height:calc(100% - 32px)}.mare\:max-h-full{max-height:100%}.mare\:min-h-3\.5{min-height:calc(var(--mare-spacing)*3.5)}.mare\:min-h-8{min-height:2rem}.mare\:min-h-10{min-height:2.5rem}.mare\:min-h-13{min-height:calc(var(--mare-spacing)*13)}.mare\:min-h-24{min-height:6rem}.mare\:w-0{width:0}.mare\:w-10{width:2.5rem}.mare\:w-fit{width:fit-content}.mare\:w-full{width:100%}.mare\:w-screen{width:100vw}.mare\:max-w-13{max-width:calc(var(--mare-spacing)*13)}.mare\:max-w-\[429px\]{max-width:429px}.mare\:max-w-full{max-width:100%}.mare\:max-w-screen{max-width:100vw}.mare\:min-w-2{min-width:.5rem}.mare\:min-w-6{min-width:1.5rem}.mare\:min-w-52{min-width:13rem}.mare\:min-w-90{min-width:calc(var(--mare-spacing)*90)}.mare\:min-w-\[20rem\]{min-width:20rem}.mare\:min-w-\[var\(--reference-width\)\]{min-width:var(--reference-width)}.mare\:flex-1{flex:1}.mare\:flex-auto{flex:auto}.mare\:shrink-0{flex-shrink:0}.mare\:grow{flex-grow:1}.mare\:border-collapse{border-collapse:collapse}.mare\:origin-\[0\]{transform-origin:0}.mare\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.mare\:\[translate\:var\(--x\)_var\(--y\)\]{translate:var(--x)var(--y)}.mare\:\[scale\:var\(--scale\)\]{scale:var(--scale)}.mare\:\[animation\:mare-snackbar-progress_var\(--mare-snackbar-life\)_linear_forwards\]{animation:mare-snackbar-progress var(--mare-snackbar-life)linear forwards}.mare\:\[animation\:mare-spinner-dash_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite mare-spinner-dash}.mare\:\[animation\:spin_2s_linear_infinite\]{animation:2s linear infinite spin}.mare\:cursor-pointer{cursor:pointer}.mare\:resize-y{resize:vertical}.mare\:flex-col{flex-direction:column}.mare\:flex-col-reverse{flex-direction:column-reverse}.mare\:items-center{align-items:center}.mare\:items-start{align-items:flex-start}.mare\:justify-between{justify-content:space-between}.mare\:justify-center{justify-content:center}.mare\:justify-end{justify-content:flex-end}.mare\:justify-start{justify-content:flex-start}.mare\:gap-0\.5{gap:calc(var(--mare-spacing)*.5)}.mare\:gap-1{gap:.25rem}.mare\:gap-1\.5{gap:calc(var(--mare-spacing)*1.5)}.mare\:gap-2{gap:.5rem}.mare\:gap-3{gap:.75rem}.mare\:gap-4{gap:1rem}.mare\:gap-6{gap:1.5rem}.mare\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mare\:overflow-hidden{overflow:hidden}.mare\:overflow-x-auto{overflow-x:auto}.mare\:overflow-y-auto{overflow-y:auto}.mare\:rounded-2xl{border-radius:var(--radius-2xl);border-radius:var(--radius-2xl)}.mare\:rounded-button{border-radius:var(--component-button-radius)}.mare\:rounded-checkbox{border-radius:var(--component-checkbox-radius)}.mare\:rounded-full{border-radius:var(--radius-full);border-radius:3.40282e38px}.mare\:rounded-input{border-radius:var(--component-input-radius)}.mare\:rounded-md{border-radius:var(--radius-md);border-radius:var(--radius-md)}.mare\:rounded-menu-item{border-radius:var(--component-menu-item-radius)}.mare\:rounded-tag{border-radius:var(--component-tag-radius)}.mare\:rounded-tpc-container-s{border-radius:var(--component-container-s-radius)}.mare\:rounded-tpc-dialog{border-radius:var(--component-dialog-radius)}.mare\:rounded-tpc-overlay{border-radius:var(--component-overlay-radius)}.mare\:rounded-tpc-snackbar{border-radius:var(--component-snackbar-radius)}.mare\:rounded-t-none\!{border-top-left-radius:0!important;border-top-right-radius:0!important}.mare\:rounded-t-tpc-sheet{border-top-left-radius:var(--component-sheet-radius);border-top-right-radius:var(--component-sheet-radius)}.mare\:border{border-style:var(--tw-border-style);border-width:1px}.mare\:border-0{border-style:var(--tw-border-style);border-width:var(--border-width-0)}.mare\:border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.mare\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mare\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mare\:border-none{--tw-border-style:none;border-style:none}.mare\:border-default{border-color:var(--color-border-default)}.mare\:border-strong{border-color:var(--color-border-strong)}.mare\:border-transparent{border-color:#0000}.mare\:\[background-color\:currentColor\]{background-color:currentColor}.mare\:bg-\[var\(--color-fg-on-accent\)\]{background-color:var(--color-fg-on-accent)}.mare\:bg-accent{background-color:var(--color-bg-accent)}.mare\:bg-accent-weak{background-color:var(--color-bg-accent-weak)}.mare\:bg-default{background-color:var(--color-bg-default)}.mare\:bg-neutral{background-color:var(--color-bg-neutral)}.mare\:bg-neutral-weak{background-color:var(--color-bg-neutral-weak)}.mare\:bg-overlay{background-color:var(--color-bg-overlay)}.mare\:bg-raised{background-color:var(--color-bg-raised)}.mare\:bg-transparent{background-color:#0000}.mare\:fill-none{fill:none}.mare\:stroke-\[var\(--color-fg-danger\)\]{stroke:var(--color-fg-danger)}.mare\:stroke-default{stroke:var(--color-fg-default)}.mare\:stroke-on-accent{stroke:var(--color-fg-on-accent)}.mare\:stroke-on-danger{stroke:var(--color-fg-on-danger)}.mare\:object-cover{object-fit:cover}.mare\:p-0{padding:0}.mare\:p-0\.5{padding:calc(var(--mare-spacing)*.5)}.mare\:p-1{padding:.25rem}.mare\:p-2{padding:.5rem}.mare\:p-3{padding:.75rem}.mare\:p-4{padding:1rem}.mare\:px-0{padding-inline:0}.mare\:px-0\.5{padding-inline:calc(var(--mare-spacing)*.5)}.mare\:px-1{padding-inline:.25rem}.mare\:px-1\.5{padding-inline:calc(var(--mare-spacing)*1.5)}.mare\:px-2{padding-inline:.5rem}.mare\:px-3{padding-inline:.75rem}.mare\:px-4{padding-inline:1rem}.mare\:px-4\.5{padding-inline:calc(var(--mare-spacing)*4.5)}.mare\:px-6{padding-inline:1.5rem}.mare\:py-0{padding-block:0}.mare\:py-1{padding-block:.25rem}.mare\:py-1\.5{padding-block:calc(var(--mare-spacing)*1.5)}.mare\:py-2{padding-block:.5rem}.mare\:py-2\.5{padding-block:calc(var(--mare-spacing)*2.5)}.mare\:py-3{padding-block:.75rem}.mare\:py-4{padding-block:1rem}.mare\:ps-1{padding-inline-start:.25rem}.mare\:ps-7{padding-inline-start:1.75rem}.mare\:pt-0{padding-top:0}.mare\:pt-1{padding-top:.25rem}.mare\:pt-3{padding-top:.75rem}.mare\:pt-3\.5{padding-top:calc(var(--mare-spacing)*3.5)}.mare\:pt-4{padding-top:1rem}.mare\:pt-5{padding-top:1.25rem}.mare\:pt-6{padding-top:1.5rem}.mare\:pr-4{padding-right:1rem}.mare\:pr-9{padding-right:2.25rem}.mare\:pr-10{padding-right:2.5rem}.mare\:pb-0{padding-bottom:0}.mare\:pb-1{padding-bottom:.25rem}.mare\:pb-2\.5{padding-bottom:calc(var(--mare-spacing)*2.5)}.mare\:pb-3{padding-bottom:.75rem}.mare\:pb-4{padding-bottom:1rem}.mare\:pb-4\.5{padding-bottom:calc(var(--mare-spacing)*4.5)}.mare\:pb-6{padding-bottom:1.5rem}.mare\:pl-10{padding-left:2.5rem}.mare\:text-center{text-align:center}.mare\:text-left{text-align:left}.mare\:tpc-typography-label-m{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-m-font-weight);font-size:var(--typography-label-m-font-size);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-transform:var(--typography-label-text-transform)}.mare\:tpc-typography-label-s{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-s-font-weight);font-size:var(--typography-label-s-font-size);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-transform:var(--typography-label-text-transform)}.mare\:tpc-typography-label-xs{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-xs-font-weight);font-size:var(--typography-label-xs-font-size);line-height:var(--typography-label-xs-line-height);letter-spacing:var(--typography-label-xs-letter-spacing);text-transform:var(--typography-label-text-transform)}.mare\:tpc-typography-body-m{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-m-font-size);line-height:var(--typography-body-m-line-height);letter-spacing:var(--typography-body-m-letter-spacing)}.mare\:tpc-typography-body-s{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-s-font-size);line-height:var(--typography-body-s-line-height);letter-spacing:var(--typography-body-s-letter-spacing)}.mare\:tpc-typography-body-xs{font-weight:var(--typography-body-font-weight-default);font-family:var(--typography-body-font-family);font-size:var(--typography-body-xs-font-size);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing)}.mare\:tpc-typography-body-xxs{font-weight:var(--typography-body-font-weight-default);font-family:var(--typography-body-font-family);font-size:var(--typography-body-xxs-font-size);line-height:var(--typography-body-xxs-line-height);letter-spacing:var(--typography-body-xxs-letter-spacing)}.mare\:text-base{font-size:var(--mare-text-base);line-height:var(--tw-leading,var(--mare-text-base--line-height))}.mare\:text-lg{font-size:var(--mare-text-lg);line-height:var(--tw-leading,var(--mare-text-lg--line-height))}.mare\:font-normal{--tw-font-weight:var(--mare-font-weight-normal);font-weight:var(--mare-font-weight-normal)}.mare\:whitespace-nowrap{white-space:nowrap}.mare\:text-accent{color:var(--color-fg-accent)}.mare\:text-danger{color:var(--color-fg-danger)}.mare\:text-default{color:var(--color-fg-default)}.mare\:text-disabled{color:var(--color-fg-disabled)}.mare\:text-inherit{color:inherit}.mare\:text-on-accent{color:var(--color-fg-on-accent)}.mare\:text-positive{color:var(--color-fg-positive)}.mare\:text-weak{color:var(--color-fg-weak)}.mare\:no-underline{text-decoration-line:none}.mare\:no-underline\!{text-decoration-line:none!important}.mare\:\[opacity\:var\(--opacity\)\]{opacity:var(--opacity)}.mare\:opacity-0{opacity:0}.mare\:shadow-\[0_1px_2px_0_rgba\(18\,18\,23\,0\.05\)\]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#1212170d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mare\:shadow-\[0_2px_6px_0_rgba\(0\,0\,0\,0\.16\)\]{--tw-shadow:0 2px 6px 0 var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mare\:shadow-\[0_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\,0_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mare\:shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.10\)\,0_4px_6px_-2px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -2px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mare\:shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.10\)\,0px_4px_6px_-2px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0px 10px 15px -3px var(--tw-shadow-color,#0000001a),0px 4px 6px -2px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mare\:transition-\[border-width\,border-color\]{transition-property:border-width,border-color;transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}.mare\:transition-\[cubic-bezier\(0\.2\,0\,0\,1\)\]{transition-property:cubic-bezier(.2,0,0,1);transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}.mare\:transition-\[left\,width\]{transition-property:left,width;transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}.mare\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}.mare\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}.mare\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}.mare\:duration-100{--tw-duration:.1s;transition-duration:.1s}.mare\:duration-150{--tw-duration:.15s;transition-duration:.15s}.mare\:duration-200{--tw-duration:.2s;transition-duration:.2s}.mare\:duration-300{--tw-duration:.3s;transition-duration:.3s}.mare\:ease-\[cubic-bezier\(0\.35\,0\,0\.25\,1\)\]{--tw-ease:cubic-bezier(.35,0,.25,1);transition-timing-function:cubic-bezier(.35,0,.25,1)}.mare\:\[will-change\:translate\,opacity\,scale\]{will-change:translate,opacity,scale}.mare\:outline-none{--tw-outline-style:none;outline-style:none}.mare\:select-none{-webkit-user-select:none;user-select:none}.mare\:\[stroke-dashoffset\:0\]{stroke-dashoffset:0}.mare\:\[transition\:translate_400ms\,scale_400ms\,opacity_400ms\,height_400ms\]{transition:translate .4s,scale .4s,opacity .4s,height .4s}.mare\:\*\:w-full{:is(&>*){width:100%}}.mare\:group-focus-within\:top-2{&:is(:where(.mare\:group):focus-within *){top:.5rem}}.mare\:group-focus-within\:translate-y-0{&:is(:where(.mare\:group):focus-within *){--tw-translate-y:0rem;translate:var(--tw-translate-x)var(--tw-translate-y)}}.mare\:group-focus-within\:tpc-typography-body-xs{&:is(:where(.mare\:group):focus-within *){font-weight:var(--typography-body-font-weight-default);font-family:var(--typography-body-font-family);font-size:var(--typography-body-xs-font-size);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing)}}.mare\:group-has-\[\.mare-icon-left_svg\]\:left-10{&:is(:where(.mare\:group):has(:is(.mare-icon-left svg)) *){left:2.5rem}}.mare\:group-has-\[\:is\(input\,textarea\)\:not\(\:placeholder-shown\)\]\:top-2{&:is(:where(.mare\:group):has(:is(input,textarea):not(:placeholder-shown)) *){top:.5rem}}.mare\:group-has-\[\:is\(input\,textarea\)\:not\(\:placeholder-shown\)\]\:translate-y-0{&:is(:where(.mare\:group):has(:is(input,textarea):not(:placeholder-shown)) *){--tw-translate-y:0rem;translate:var(--tw-translate-x)var(--tw-translate-y)}}.mare\:group-has-\[\:is\(input\,textarea\)\:not\(\:placeholder-shown\)\]\:tpc-typography-body-xs{&:is(:where(.mare\:group):has(:is(input,textarea):not(:placeholder-shown)) *){font-weight:var(--typography-body-font-weight-default);font-family:var(--typography-body-font-family);font-size:var(--typography-body-xs-font-size);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing)}}.mare\:group-has-\[textarea\]\:top-2{&:is(:where(.mare\:group):has(:is(textarea)) *){top:.5rem}}.mare\:group-has-\[textarea\]\:translate-y-0{&:is(:where(.mare\:group):has(:is(textarea)) *){--tw-translate-y:0rem;translate:var(--tw-translate-x)var(--tw-translate-y)}}.mare\:group-has-\[svg\]\:group-\[\.mare-icon-left\]\:pl-10{&:is(:where(.mare\:group):has(:is(svg)) *){&:is(:where(.mare\:group).mare-icon-left *){padding-left:2.5rem}}}.mare\:group-has-\[svg\]\:group-\[\.mare-icon-right\]\:pr-10{&:is(:where(.mare\:group):has(:is(svg)) *){&:is(:where(.mare\:group).mare-icon-right *){padding-right:2.5rem}}}.mare\:group-\[\[data-complete\]\]\:flex{&:is(:where(.mare\:group)[data-complete] *){display:flex}}.mare\:group-\[\[data-complete\]\]\:hidden{&:is(:where(.mare\:group)[data-complete] *){display:none}}.mare\:group-\[\[data-incomplete\]\]\:text-weak{&:is(:where(.mare\:group)[data-incomplete] *){color:var(--color-fg-weak)}}.mare\:placeholder\:text-weak{&::placeholder{color:var(--color-fg-weak)}}.mare\:after\:absolute{&:after{content:var(--tw-content);position:absolute}}.mare\:after\:-bottom-\[4px\]{&:after{content:var(--tw-content);bottom:-4px}}.mare\:after\:left-0{&:after{content:var(--tw-content);left:0}}.mare\:after\:h-\[1px\]{&:after{content:var(--tw-content);height:1px}}.mare\:after\:w-full{&:after{content:var(--tw-content);width:100%}}.mare\:after\:origin-left{&:after{content:var(--tw-content);transform-origin:0}}.mare\:after\:scale-x-\[1\]{&:after{content:var(--tw-content);--tw-scale-x:1;scale:var(--tw-scale-x)var(--tw-scale-y)}}.mare\:after\:transform-gpu{&:after{content:var(--tw-content);transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}}.mare\:after\:bg-inverse{&:after{content:var(--tw-content);background-color:var(--color-bg-inverse)}}.mare\:after\:transition-transform{&:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--mare-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mare-default-transition-duration))}}.mare\:after\:duration-\[500ms\]{&:after{content:var(--tw-content);--tw-duration:.5s;transition-duration:.5s}}.mare\:after\:ease-\[cubic-bezier\(0\.19\,1\,0\.22\,1\)\]{&:after{content:var(--tw-content);--tw-ease:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}}.mare\:after\:will-change-transform{&:after{content:var(--tw-content);will-change:transform}}.mare\:after\:content-\[\'\'\]{&:after{--tw-content:"";content:var(--tw-content)}}.mare\:last\:flex-none{&:last-child{flex:none}}.mare\:empty\:hidden{&:empty{display:none}}.mare\:focus-within\:outline-2{&:focus-within{outline-style:var(--tw-outline-style);outline-width:2px}}.mare\:focus-within\:-outline-offset-2{&:focus-within{outline-offset:calc(2px*-1)}}.mare\:focus-within\:outline-accent{&:focus-within{outline-color:var(--color-border-accent)}}.mare\:focus-within\:outline-solid{&:focus-within{--tw-outline-style:solid;outline-style:solid}}.mare\:hover\:bg-hover{&:hover{@media (hover:hover){background-color:var(--color-bg-hover)}}}.mare\:hover\:bg-neutral-weak{&:hover{@media (hover:hover){background-color:var(--color-bg-neutral-weak)}}}.mare\:hover\:text-default{&:hover{@media (hover:hover){color:var(--color-fg-default)}}}.mare\:hover\:text-weak{&:hover{@media (hover:hover){color:var(--color-fg-weak)}}}.mare\:hover\:after\:origin-right{&:hover{@media (hover:hover){&:after{content:var(--tw-content);transform-origin:100%}}}}.mare\:hover\:after\:scale-x-0{&:hover{@media (hover:hover){&:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}}}}.mare\:focus\:outline-2{&:focus{outline-style:var(--tw-outline-style);outline-width:2px}}.mare\:focus\:-outline-offset-2{&:focus{outline-offset:calc(2px*-1)}}.mare\:focus\:outline-accent{&:focus{outline-color:var(--color-border-accent)}}.mare\:focus\:outline-solid{&:focus{--tw-outline-style:solid;outline-style:solid}}.mare\:focus-visible\:outline{&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}}.mare\:focus-visible\:outline-1{&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}}.mare\:focus-visible\:outline-2{&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}}.mare\:focus-visible\:-outline-offset-1{&:focus-visible{outline-offset:calc(1px*-1)}}.mare\:focus-visible\:-outline-offset-2{&:focus-visible{outline-offset:calc(2px*-1)}}.mare\:focus-visible\:outline-offset-2{&:focus-visible{outline-offset:2px}}.mare\:focus-visible\:outline-accent{&:focus-visible{outline-color:var(--color-border-accent)}}.mare\:focus-visible\:outline-none{&:focus-visible{--tw-outline-style:none;outline-style:none}}.mare\:focus-visible\:outline-solid{&:focus-visible{--tw-outline-style:solid;outline-style:solid}}.mare\:active\:duration-150{&:active{--tw-duration:.15s;transition-duration:.15s}}.mare\:disabled\:pointer-events-none{&:disabled{pointer-events:none}}.mare\:disabled\:cursor-default{&:disabled{cursor:default}}.mare\:disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.mare\:disabled\:text-disabled{&:disabled{color:var(--color-fg-disabled)}}.mare\:disabled\:opacity-40{&:disabled{opacity:.4}}.mare\:disabled\:opacity-50{&:disabled{opacity:.5}}.mare\:disabled\:placeholder\:text-disabled{&:disabled{&::placeholder{color:var(--color-fg-disabled)}}}.mare\:aria-invalid\:outline-2{&[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-width:2px}}.mare\:aria-invalid\:-outline-offset-2{&[aria-invalid=true]{outline-offset:calc(2px*-1)}}.mare\:aria-invalid\:outline-danger{&[aria-invalid=true]{outline-color:var(--color-border-danger)}}.mare\:aria-invalid\:outline-solid{&[aria-invalid=true]{--tw-outline-style:solid;outline-style:solid}}.mare\:data-\[invalid\]\:outline-2{&[data-invalid]{outline-style:var(--tw-outline-style);outline-width:2px}}.mare\:data-\[invalid\]\:-outline-offset-2{&[data-invalid]{outline-offset:calc(2px*-1)}}.mare\:data-\[invalid\]\:outline-danger{&[data-invalid]{outline-color:var(--color-border-danger)}}.mare\:data-\[invalid\]\:outline-solid{&[data-invalid]{--tw-outline-style:solid;outline-style:solid}}.mare\:data-\[placeholder-shown\]\:text-weak{&[data-placeholder-shown]{color:var(--color-fg-weak)}}.mare\:sm\:relative{@media (width>=40rem){position:relative}}.mare\:sm\:top-auto{@media (width>=40rem){top:auto}}.mare\:sm\:right-auto{@media (width>=40rem){right:auto}}.mare\:sm\:bottom-auto{@media (width>=40rem){bottom:auto}}.mare\:sm\:left-auto{@media (width>=40rem){left:auto}}.mare\:sm\:flex{@media (width>=40rem){display:flex}}.mare\:sm\:hidden{@media (width>=40rem){display:none}}.mare\:sm\:h-16{@media (width>=40rem){height:4rem}}.mare\:sm\:max-h-\[calc\(100\%-80px\)\]{@media (width>=40rem){max-height:calc(100% - 80px)}}.mare\:sm\:w-\[28rem\]{@media (width>=40rem){width:28rem}}.mare\:sm\:w-\[42rem\]{@media (width>=40rem){width:42rem}}.mare\:sm\:w-\[64rem\]{@media (width>=40rem){width:64rem}}.mare\:sm\:max-w-\[28rem\]{@media (width>=40rem){max-width:28rem}}.mare\:sm\:max-w-\[42rem\]{@media (width>=40rem){max-width:42rem}}.mare\:sm\:max-w-\[64rem\]{@media (width>=40rem){max-width:64rem}}.mare\:sm\:flex-row{@media (width>=40rem){flex-direction:row}}.mare\:sm\:gap-4{@media (width>=40rem){gap:1rem}}.mare\:sm\:gap-10{@media (width>=40rem){gap:2.5rem}}.mare\:sm\:rounded-tpc-dialog{@media (width>=40rem){border-radius:var(--component-dialog-radius)}}.mare\:sm\:rounded-tpc-dialog\!{@media (width>=40rem){border-radius:var(--component-dialog-radius)!important}}.mare\:sm\:px-10{@media (width>=40rem){padding-inline:2.5rem}}.mare\:sm\:pt-6{@media (width>=40rem){padding-top:1.5rem}}.mare\:sm\:pb-6{@media (width>=40rem){padding-bottom:1.5rem}}.mare\:sm\:\*\:flex-1{@media (width>=40rem){:is(&>*){flex:1}}}.mare\:md\:h-16{@media (width>=48rem){height:4rem}}.mare\:md\:w-120{@media (width>=48rem){width:calc(var(--mare-spacing)*120)}}.mare\:data-severity-neutral\:border{&[data-severity~=neutral]{border-style:var(--tw-border-style);border-width:1px}}.mare\:data-severity-neutral\:border-strong{&[data-severity~=neutral]{border-color:var(--color-border-strong)}}.mare\:data-severity-neutral\:bg-default{&[data-severity~=neutral]{background-color:var(--color-bg-default)}}.mare\:data-severity-neutral\:bg-neutral-weak{&[data-severity~=neutral]{background-color:var(--color-bg-neutral-weak)}}.mare\:data-severity-neutral\:text-default{&[data-severity~=neutral]{color:var(--color-fg-default)}}.mare\:data-severity-primary\:border{&[data-severity~=primary]{border-style:var(--tw-border-style);border-width:1px}}.mare\:data-severity-primary\:border-transparent{&[data-severity~=primary]{border-color:#0000}}.mare\:data-severity-primary\:bg-accent{&[data-severity~=primary]{background-color:var(--color-bg-accent)}}.mare\:data-severity-primary\:stroke-on-accent\!{&[data-severity~=primary]{stroke:var(--color-fg-on-accent)!important}}.mare\:data-severity-primary\:text-on-accent{&[data-severity~=primary]{color:var(--color-fg-on-accent)}}.mare\:data-severity-secondary\:border{&[data-severity~=secondary]{border-style:var(--tw-border-style);border-width:1px}}.mare\:data-severity-secondary\:border-strong{&[data-severity~=secondary]{border-color:var(--color-border-strong)}}.mare\:data-severity-secondary\:bg-transparent{&[data-severity~=secondary]{background-color:#0000}}.mare\:data-severity-secondary\:text-default{&[data-severity~=secondary]{color:var(--color-fg-default)}}.mare\:data-severity-ghost\:border{&[data-severity~=ghost]{border-style:var(--tw-border-style);border-width:1px}}.mare\:data-severity-ghost\:border-strong{&[data-severity~=ghost]{border-color:var(--color-border-strong)}}.mare\:data-severity-ghost\:border-transparent{&[data-severity~=ghost]{border-color:#0000}}.mare\:data-severity-ghost\:bg-transparent{&[data-severity~=ghost]{background-color:#0000}}.mare\:data-severity-ghost\:text-default{&[data-severity~=ghost]{color:var(--color-fg-default)}}.mare\:data-severity-danger\:border{&[data-severity~=danger]{border-style:var(--tw-border-style);border-width:1px}}.mare\:data-severity-danger\:border-transparent{&[data-severity~=danger]{border-color:#0000}}.mare\:data-severity-danger\:bg-danger{&[data-severity~=danger]{background-color:var(--color-bg-danger)}}.mare\:data-severity-danger\:bg-danger-weak{&[data-severity~=danger]{background-color:var(--color-bg-danger-weak)}}.mare\:data-severity-danger\:text-danger{&[data-severity~=danger]{color:var(--color-fg-danger)}}.mare\:data-severity-danger\:text-on-accent{&[data-severity~=danger]{color:var(--color-fg-on-accent)}}.mare\:data-severity-danger\:text-on-danger{&[data-severity~=danger]{color:var(--color-fg-on-danger)}}.mare\:data-severity-accent\:bg-accent{&[data-severity~=accent]{background-color:var(--color-bg-accent)}}.mare\:data-severity-accent\:text-on-accent{&[data-severity~=accent]{color:var(--color-fg-on-accent)}}.mare\:data-severity-accent-weak\:bg-accent-weak{&[data-severity~=accent-weak]{background-color:var(--color-bg-accent-weak)}}.mare\:data-severity-accent-weak\:text-accent{&[data-severity~=accent-weak]{color:var(--color-fg-accent)}}.mare\:data-severity-positive\:bg-positive{&[data-severity~=positive]{background-color:var(--color-bg-positive)}}.mare\:data-severity-positive\:bg-positive-weak{&[data-severity~=positive]{background-color:var(--color-bg-positive-weak)}}.mare\:data-severity-positive\:text-on-positive{&[data-severity~=positive]{color:var(--color-fg-on-positive)}}.mare\:data-severity-positive\:text-positive{&[data-severity~=positive]{color:var(--color-fg-positive)}}.mare\:data-severity-warning\:bg-warning{&[data-severity~=warning]{background-color:var(--color-bg-warning)}}.mare\:data-severity-warning\:bg-warning-weak{&[data-severity~=warning]{background-color:var(--color-bg-warning-weak)}}.mare\:data-severity-warning\:text-on-warning{&[data-severity~=warning]{color:var(--color-fg-on-warning)}}.mare\:data-severity-warning\:text-warning{&[data-severity~=warning]{color:var(--color-fg-warning)}}.mare\:data-severity-highlight\:bg-highlight{&[data-severity~=highlight]{background-color:var(--color-bg-highlight)}}.mare\:data-severity-highlight\:text-on-accent{&[data-severity~=highlight]{color:var(--color-fg-on-accent)}}.mare\:has-value\:h-4{&[data-has-value~=true]{height:1rem}}.mare\:has-value\:min-w-4{&[data-has-value~=true]{min-width:1rem}}.mare\:has-icon\:px-0{&[data-has-icon~=true]{padding-inline:0}}.mare\:data-size-xsmall\:h-8{&[data-size~=xsmall]{height:2rem}}.mare\:data-size-xsmall\:gap-1{&[data-size~=xsmall]{gap:.25rem}}.mare\:data-size-xsmall\:px-3{&[data-size~=xsmall]{padding-inline:.75rem}}.mare\:data-size-xsmall\:py-1\.5{&[data-size~=xsmall]{padding-block:calc(var(--mare-spacing)*1.5)}}.mare\:data-size-xsmall\:tpc-typography-label-s{&[data-size~=xsmall]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-s-font-weight);font-size:var(--typography-label-s-font-size);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-xsmall\:tpc-typography-label-s-underline{&[data-size~=xsmall]{font-family:var(--typography-label-font-family);font-size:var(--typography-label-s-font-size);font-style:normal;font-weight:var(--typography-label-s-font-weight);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}}.mare\:data-size-small\:h-2{&[data-size~=small]{height:.5rem}}.mare\:data-size-small\:h-4{&[data-size~=small]{height:1rem}}.mare\:data-size-small\:h-4\.5{&[data-size~=small]{height:calc(var(--mare-spacing)*4.5)}}.mare\:data-size-small\:h-5\.5{&[data-size~=small]{height:calc(var(--mare-spacing)*5.5)}}.mare\:data-size-small\:h-8{&[data-size~=small]{height:2rem}}.mare\:data-size-small\:h-10{&[data-size~=small]{height:2.5rem}}.mare\:data-size-small\:min-h-4\.5{&[data-size~=small]{min-height:calc(var(--mare-spacing)*4.5)}}.mare\:data-size-small\:w-2{&[data-size~=small]{width:.5rem}}.mare\:data-size-small\:w-4{&[data-size~=small]{width:1rem}}.mare\:data-size-small\:w-4\.5{&[data-size~=small]{width:calc(var(--mare-spacing)*4.5)}}.mare\:data-size-small\:w-8{&[data-size~=small]{width:2rem}}.mare\:data-size-small\:w-9{&[data-size~=small]{width:2.25rem}}.mare\:data-size-small\:min-w-4\.5{&[data-size~=small]{min-width:calc(var(--mare-spacing)*4.5)}}.mare\:data-size-small\:gap-1{&[data-size~=small]{gap:.25rem}}.mare\:data-size-small\:gap-1\.5{&[data-size~=small]{gap:calc(var(--mare-spacing)*1.5)}}.mare\:data-size-small\:px-3\.5{&[data-size~=small]{padding-inline:calc(var(--mare-spacing)*3.5)}}.mare\:data-size-small\:py-2\.5{&[data-size~=small]{padding-block:calc(var(--mare-spacing)*2.5)}}.mare\:data-size-small\:tpc-typography-label-s{&[data-size~=small]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-s-font-weight);font-size:var(--typography-label-s-font-size);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-small\:tpc-typography-label-xs{&[data-size~=small]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-xs-font-weight);font-size:var(--typography-label-xs-font-size);line-height:var(--typography-label-xs-line-height);letter-spacing:var(--typography-label-xs-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-small\:tpc-typography-label-s-underline{&[data-size~=small]{font-family:var(--typography-label-font-family);font-size:var(--typography-label-s-font-size);font-style:normal;font-weight:var(--typography-label-s-font-weight);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}}.mare\:data-size-small\:tpc-typography-body-s{&[data-size~=small]{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-s-font-size);line-height:var(--typography-body-s-line-height);letter-spacing:var(--typography-body-s-letter-spacing)}}.mare\:data-size-small\:text-base{&[data-size~=small]{font-size:var(--mare-text-base);line-height:var(--tw-leading,var(--mare-text-base--line-height))}}.mare\:data-size-medium\:h-2\.5{&[data-size~=medium]{height:calc(var(--mare-spacing)*2.5)}}.mare\:data-size-medium\:h-5{&[data-size~=medium]{height:1.25rem}}.mare\:data-size-medium\:h-6{&[data-size~=medium]{height:1.5rem}}.mare\:data-size-medium\:h-7{&[data-size~=medium]{height:1.75rem}}.mare\:data-size-medium\:h-8{&[data-size~=medium]{height:2rem}}.mare\:data-size-medium\:h-10{&[data-size~=medium]{height:2.5rem}}.mare\:data-size-medium\:h-12{&[data-size~=medium]{height:3rem}}.mare\:data-size-medium\:min-h-6{&[data-size~=medium]{min-height:1.5rem}}.mare\:data-size-medium\:w-2\.5{&[data-size~=medium]{width:calc(var(--mare-spacing)*2.5)}}.mare\:data-size-medium\:w-5{&[data-size~=medium]{width:1.25rem}}.mare\:data-size-medium\:w-6{&[data-size~=medium]{width:1.5rem}}.mare\:data-size-medium\:w-7{&[data-size~=medium]{width:1.75rem}}.mare\:data-size-medium\:w-10{&[data-size~=medium]{width:2.5rem}}.mare\:data-size-medium\:w-13{&[data-size~=medium]{width:calc(var(--mare-spacing)*13)}}.mare\:data-size-medium\:min-w-6{&[data-size~=medium]{min-width:1.5rem}}.mare\:data-size-medium\:gap-1\.5{&[data-size~=medium]{gap:calc(var(--mare-spacing)*1.5)}}.mare\:data-size-medium\:gap-2{&[data-size~=medium]{gap:.5rem}}.mare\:data-size-medium\:px-5\.5{&[data-size~=medium]{padding-inline:calc(var(--mare-spacing)*5.5)}}.mare\:data-size-medium\:py-2\.5{&[data-size~=medium]{padding-block:calc(var(--mare-spacing)*2.5)}}.mare\:data-size-medium\:tpc-typography-label-m{&[data-size~=medium]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-m-font-weight);font-size:var(--typography-label-m-font-size);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-medium\:tpc-typography-label-xs{&[data-size~=medium]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-xs-font-weight);font-size:var(--typography-label-xs-font-size);line-height:var(--typography-label-xs-line-height);letter-spacing:var(--typography-label-xs-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-medium\:tpc-typography-label-m-underline{&[data-size~=medium]{font-family:var(--typography-label-font-family);font-size:var(--typography-label-m-font-size);font-style:normal;font-weight:var(--typography-label-m-font-weight);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}}.mare\:data-size-medium\:tpc-typography-body-m{&[data-size~=medium]{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-m-font-size);line-height:var(--typography-body-m-line-height);letter-spacing:var(--typography-body-m-letter-spacing)}}.mare\:data-size-medium\:text-base{&[data-size~=medium]{font-size:var(--mare-text-base);line-height:var(--tw-leading,var(--mare-text-base--line-height))}}.mare\:data-size-large\:h-3{&[data-size~=large]{height:.75rem}}.mare\:data-size-large\:h-7{&[data-size~=large]{height:1.75rem}}.mare\:data-size-large\:h-8{&[data-size~=large]{height:2rem}}.mare\:data-size-large\:h-9{&[data-size~=large]{height:2.25rem}}.mare\:data-size-large\:h-14{&[data-size~=large]{height:3.5rem}}.mare\:data-size-large\:min-h-8{&[data-size~=large]{min-height:2rem}}.mare\:data-size-large\:w-3{&[data-size~=large]{width:.75rem}}.mare\:data-size-large\:w-7{&[data-size~=large]{width:1.75rem}}.mare\:data-size-large\:w-8{&[data-size~=large]{width:2rem}}.mare\:data-size-large\:w-16{&[data-size~=large]{width:4rem}}.mare\:data-size-large\:min-w-8{&[data-size~=large]{min-width:2rem}}.mare\:data-size-large\:gap-1\.5{&[data-size~=large]{gap:calc(var(--mare-spacing)*1.5)}}.mare\:data-size-large\:gap-2\.5{&[data-size~=large]{gap:calc(var(--mare-spacing)*2.5)}}.mare\:data-size-large\:px-2\.5{&[data-size~=large]{padding-inline:calc(var(--mare-spacing)*2.5)}}.mare\:data-size-large\:px-5\.5{&[data-size~=large]{padding-inline:calc(var(--mare-spacing)*5.5)}}.mare\:data-size-large\:py-4{&[data-size~=large]{padding-block:1rem}}.mare\:data-size-large\:tpc-typography-label-m{&[data-size~=large]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-m-font-weight);font-size:var(--typography-label-m-font-size);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-large\:tpc-typography-label-s{&[data-size~=large]{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-s-font-weight);font-size:var(--typography-label-s-font-size);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-transform:var(--typography-label-text-transform)}}.mare\:data-size-large\:tpc-typography-label-m-underline{&[data-size~=large]{font-family:var(--typography-label-font-family);font-size:var(--typography-label-m-font-size);font-style:normal;font-weight:var(--typography-label-m-font-weight);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}}.mare\:data-size-large\:tpc-typography-body-l{&[data-size~=large]{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-l-font-size);line-height:var(--typography-body-l-line-height);letter-spacing:var(--typography-body-l-letter-spacing)}}.mare\:icon-only\:rounded-full\!{&[data-icon-only~=true]{border-radius:var(--radius-full)!important}}.mare\:icon-only\:rounded-full\!{&[data-icon-only~=true]{border-radius:3.40282e38px!important}}.mare\:data-size-xsmall\:icon-only\:w-8{&[data-size~=xsmall]{&[data-icon-only~=true]{width:2rem}}}.mare\:data-size-xsmall\:icon-only\:min-w-8{&[data-size~=xsmall]{&[data-icon-only~=true]{min-width:2rem}}}.mare\:data-size-small\:icon-only\:w-10{&[data-size~=small]{&[data-icon-only~=true]{width:2.5rem}}}.mare\:data-size-small\:icon-only\:min-w-10{&[data-size~=small]{&[data-icon-only~=true]{min-width:2.5rem}}}.mare\:data-size-medium\:icon-only\:w-12{&[data-size~=medium]{&[data-icon-only~=true]{width:3rem}}}.mare\:data-size-medium\:icon-only\:min-w-12{&[data-size~=medium]{&[data-icon-only~=true]{min-width:3rem}}}.mare\:data-size-large\:icon-only\:w-14{&[data-size~=large]{&[data-icon-only~=true]{width:3.5rem}}}.mare\:data-size-large\:icon-only\:min-w-14{&[data-size~=large]{&[data-icon-only~=true]{min-width:3.5rem}}}.mare\:rounded\:rounded-full{&[data-rounded~=true]{border-radius:var(--radius-full)}}.mare\:rounded\:rounded-full{&[data-rounded~=true]{border-radius:3.40282e38px}}.mare\:data-size-xsmall\:icon-only\:rounded\:p-2\.5{&[data-size~=xsmall]{&[data-icon-only~=true]{&[data-rounded~=true]{padding:calc(var(--mare-spacing)*2.5)}}}}.mare\:data-size-small\:icon-only\:rounded\:p-2\.5{&[data-size~=small]{&[data-icon-only~=true]{&[data-rounded~=true]{padding:calc(var(--mare-spacing)*2.5)}}}}.mare\:data-size-medium\:icon-only\:rounded\:p-3\.5{&[data-size~=medium]{&[data-icon-only~=true]{&[data-rounded~=true]{padding:calc(var(--mare-spacing)*3.5)}}}}.mare\:data-size-large\:icon-only\:rounded\:p-1\.5{&[data-size~=large]{&[data-icon-only~=true]{&[data-rounded~=true]{padding:calc(var(--mare-spacing)*1.5)}}}}.mare\:p-disabled\:cursor-not-allowed{&[data-disabled~=true]{cursor:not-allowed}}.mare\:not-p-disabled\:data-severity-primary\:hover\:bg-accent-hover{&:not([data-disabled~=true]){&[data-severity~=primary]{&:hover{@media (hover:hover){background-color:var(--color-bg-accent-hover)}}}}}.mare\:not-p-disabled\:data-severity-secondary\:hover\:bg-hover{&:not([data-disabled~=true]){&[data-severity~=secondary]{&:hover{@media (hover:hover){background-color:var(--color-bg-hover)}}}}}.mare\:not-p-disabled\:data-severity-ghost\:hover\:bg-hover{&:not([data-disabled~=true]){&[data-severity~=ghost]{&:hover{@media (hover:hover){background-color:var(--color-bg-hover)}}}}}.mare\:not-p-disabled\:data-severity-ghost\:hover\:bg-transparent{&:not([data-disabled~=true]){&[data-severity~=ghost]{&:hover{@media (hover:hover){background-color:#0000}}}}}.mare\:not-p-disabled\:data-severity-danger\:hover\:bg-danger-hover{&:not([data-disabled~=true]){&[data-severity~=danger]{&:hover{@media (hover:hover){background-color:var(--color-bg-danger-hover)}}}}}.mare\:p-loading\:cursor-wait{&[data-loading~=true]{cursor:wait}}.mare\:not-p-loading\:p-disabled\:text-disabled{&:not([data-loading~=true]){&[data-disabled~=true]{color:var(--color-fg-disabled)}}}.mare\:not-p-loading\:p-disabled\:data-severity-primary\:bg-disabled{&:not([data-loading~=true]){&[data-disabled~=true]{&[data-severity~=primary]{background-color:var(--color-bg-disabled)}}}}.mare\:not-p-loading\:p-disabled\:data-severity-secondary\:border{&:not([data-loading~=true]){&[data-disabled~=true]{&[data-severity~=secondary]{border-style:var(--tw-border-style);border-width:1px}}}}.mare\:not-p-loading\:p-disabled\:data-severity-danger\:bg-disabled{&:not([data-loading~=true]){&[data-disabled~=true]{&[data-severity~=danger]{background-color:var(--color-bg-disabled)}}}}.mare\:p-active\:scale-95{&[data-active~=true]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.mare\:p-active\:shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.16\)\]{&[data-active~=true]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.mare\:p-raised\:shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.16\)\]{&[data-raised~=true]{--tw-shadow:0 4px 16px 0 var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.mare\:data-link\:h-auto{&[data-link~=true]{height:auto}}.mare\:data-link\:border-0{&[data-link~=true]{border-style:var(--tw-border-style);border-width:var(--border-width-0)}}.mare\:data-link\:bg-transparent{&[data-link~=true]{background-color:#0000}}.mare\:data-link\:p-0\!{&[data-link~=true]{padding:0!important}}.mare\:data-link\:text-default{&[data-link~=true]{color:var(--color-fg-default)}}.mare\:data-link\:hover\:bg-transparent\!{&[data-link~=true]{&:hover{@media (hover:hover){background-color:#0000!important}}}}.mare\:data-link\:hover\:text-default{&[data-link~=true]{&:hover{@media (hover:hover){color:var(--color-fg-default)}}}}.mare\:data-link\:data-size-xsmall\:h-auto{&[data-link~=true]{&[data-size~=xsmall]{height:auto}}}.mare\:data-link\:data-size-xsmall\:gap-1\.5{&[data-link~=true]{&[data-size~=xsmall]{gap:calc(var(--mare-spacing)*1.5)}}}.mare\:data-link\:data-size-small\:h-auto{&[data-link~=true]{&[data-size~=small]{height:auto}}}.mare\:data-link\:data-size-small\:gap-1\.5{&[data-link~=true]{&[data-size~=small]{gap:calc(var(--mare-spacing)*1.5)}}}.mare\:data-link\:data-size-medium\:h-auto{&[data-link~=true]{&[data-size~=medium]{height:auto}}}.mare\:data-link\:data-size-medium\:gap-2{&[data-link~=true]{&[data-size~=medium]{gap:.5rem}}}.mare\:data-link\:data-size-large\:h-auto{&[data-link~=true]{&[data-size~=large]{height:auto}}}.mare\:data-link\:data-size-large\:gap-2{&[data-link~=true]{&[data-size~=large]{gap:.5rem}}}.mare\:data-link\:p-disabled\:border-none\!{&[data-link~=true]{&[data-disabled~=true]{--tw-border-style:none!important;border-style:none!important}}}.mare\:p-disabled\:data-link\:bg-transparent\!{&[data-disabled~=true]{&[data-link~=true]{background-color:#0000!important}}}.mare\:data-severity-secondary\:not-data-link\:active\:bg-active\!{&[data-severity~=secondary]{&:not([data-link~=true]){&:active{background-color:var(--color-bg-active)!important}}}}.mare\:not-p-disabled\:data-severity-ghost\:not-data-link\:active\:bg-active{&:not([data-disabled~=true]){&[data-severity~=ghost]{&:not([data-link~=true]){&:active{background-color:var(--color-bg-active)}}}}}.mare\:ark-open\:rotate-180{&[data-state=open]{rotate:180deg}}.mare\:ark-open\:\[animation\:mare-dialog-backdrop-enter_300ms_ease-out\]{&[data-state=open]{animation:.3s ease-out mare-dialog-backdrop-enter}}.mare\:ark-open\:\[animation\:mare-dialog-enter-mobile_300ms_ease-out\]{&[data-state=open]{animation:.3s ease-out mare-dialog-enter-mobile}}.mare\:ark-open\:\[animation\:mare-drawer-enter_300ms_ease-out\]{&[data-state=open]{animation:.3s ease-out mare-drawer-enter}}.mare\:ark-open\:\[animation\:mare-menu-enter_120ms_cubic-bezier\(0\,0\,0\.2\,1\)\]{&[data-state=open]{animation:.12s cubic-bezier(0,0,.2,1) mare-menu-enter}}.mare\:ark-open\:\[animation\:mare-panel-menu-branch-open_150ms_ease-out\]{&[data-state=open]{animation:.15s ease-out mare-panel-menu-branch-open}}.mare\:ark-open\:bg-accent-weak{&[data-state=open]{background-color:var(--color-bg-accent-weak)}}.mare\:ark-open\:text-accent{&[data-state=open]{color:var(--color-fg-accent)}}.mare\:ark-open\:outline-2{&[data-state=open]{outline-style:var(--tw-outline-style);outline-width:2px}}.mare\:ark-open\:-outline-offset-2{&[data-state=open]{outline-offset:calc(2px*-1)}}.mare\:ark-open\:outline-accent{&[data-state=open]{outline-color:var(--color-border-accent)}}.mare\:ark-open\:outline-solid{&[data-state=open]{--tw-outline-style:solid;outline-style:solid}}.mare\:sm\:ark-open\:\[animation\:mare-dialog-enter-desktop_300ms_ease-out\]{@media (width>=40rem){&[data-state=open]{animation:.3s ease-out mare-dialog-enter-desktop}}}.mare\:ark-closed\:\[animation\:mare-dialog-backdrop-exit_200ms_ease-in\]{&[data-state=closed]{animation:.2s ease-in mare-dialog-backdrop-exit}}.mare\:ark-closed\:\[animation\:mare-dialog-exit-mobile_200ms_ease-in\]{&[data-state=closed]{animation:.2s ease-in mare-dialog-exit-mobile}}.mare\:ark-closed\:\[animation\:mare-drawer-exit_200ms_ease-in\]{&[data-state=closed]{animation:.2s ease-in mare-drawer-exit}}.mare\:ark-closed\:\[animation\:mare-menu-exit_100ms_linear\]{&[data-state=closed]{animation:.1s linear mare-menu-exit}}.mare\:ark-closed\:\[animation\:mare-panel-menu-branch-close_150ms_ease-out\]{&[data-state=closed]{animation:.15s ease-out mare-panel-menu-branch-close}}.mare\:ark-closed\:\[transition\:translate_400ms\,scale_400ms\,opacity_200ms\]{&[data-state=closed]{transition:translate .4s,scale .4s,opacity .2s}}.mare\:sm\:ark-closed\:\[animation\:mare-dialog-exit-desktop_200ms_ease-in\]{@media (width>=40rem){&[data-state=closed]{animation:.2s ease-in mare-dialog-exit-desktop}}}.mare\:ark-highlighted\:bg-hover{&[data-highlighted]{background-color:var(--color-bg-hover)}}.mare\:ark-selected\:bg-accent{&[data-state=checked],&[data-selected]{background-color:var(--color-bg-accent)}}.mare\:ark-selected\:bg-accent-weak{&[data-state=checked],&[data-selected]{background-color:var(--color-bg-accent-weak)}}.mare\:ark-selected\:text-accent{&[data-state=checked],&[data-selected]{color:var(--color-fg-accent)}}.mare\:ark-selected\:text-on-accent{&[data-state=checked],&[data-selected]{color:var(--color-fg-on-accent)}}.mare\:ark-selected\:hover\:bg-accent{&[data-state=checked],&[data-selected]{&:hover{@media (hover:hover){background-color:var(--color-bg-accent)}}}}.mare\:ark-disabled\:pointer-events-none{&[data-disabled]{pointer-events:none}}.mare\:ark-disabled\:cursor-default{&[data-disabled]{cursor:default}}.mare\:ark-disabled\:cursor-not-allowed{&[data-disabled]{cursor:not-allowed}}.mare\:ark-disabled\:border-disabled\!{&[data-disabled]{border-color:var(--color-border-disabled)!important}}.mare\:ark-disabled\:bg-disabled\!{&[data-disabled]{background-color:var(--color-bg-disabled)!important}}.mare\:ark-disabled\:text-disabled{&[data-disabled]{color:var(--color-fg-disabled)}}.mare\:ark-disabled\:text-disabled\!{&[data-disabled]{color:var(--color-fg-disabled)!important}}.mare\:ark-disabled\:opacity-40{&[data-disabled]{opacity:.4}}.mare\:ark-disabled\:opacity-60{&[data-disabled]{opacity:.6}}.mare\:ark-disabled\:hover\:bg-transparent{&[data-disabled]{&:hover{@media (hover:hover){background-color:#0000}}}}.mare\:ark-active\:text-accent{&[data-selected],&[data-state=active]{color:var(--color-fg-accent)}}.mare\:ark-checked\:visible{&[data-state=checked]{visibility:visible}}.mare\:ark-checked\:border-accent{&[data-state=checked]{border-color:var(--color-border-accent)}}.mare\:ark-checked\:bg-accent{&[data-state=checked]{background-color:var(--color-bg-accent)}}.mare\:data-size-small\:ark-checked\:translate-x-3\.5{&[data-size~=small]{&[data-state=checked]{--tw-translate-x:calc(var(--mare-spacing)*3.5);translate:var(--tw-translate-x)var(--tw-translate-y)}}}.mare\:data-size-small\:ark-checked\:border-\[6px\]{&[data-size~=small]{&[data-state=checked]{border-style:var(--tw-border-style);border-width:6px}}}.mare\:data-size-medium\:ark-checked\:translate-x-5{&[data-size~=medium]{&[data-state=checked]{--tw-translate-x:1.25rem;translate:var(--tw-translate-x)var(--tw-translate-y)}}}.mare\:data-size-medium\:ark-checked\:border-\[8px\]{&[data-size~=medium]{&[data-state=checked]{border-style:var(--tw-border-style);border-width:8px}}}.mare\:data-size-large\:ark-checked\:translate-x-7{&[data-size~=large]{&[data-state=checked]{--tw-translate-x:1.75rem;translate:var(--tw-translate-x)var(--tw-translate-y)}}}.mare\:data-size-large\:ark-checked\:border-\[11px\]{&[data-size~=large]{&[data-state=checked]{border-style:var(--tw-border-style);border-width:11px}}}.mare\:ark-disabled\:ark-checked\:border-disabled\!{&[data-disabled]{&[data-state=checked]{border-color:var(--color-border-disabled)!important}}}.mare\:ark-disabled\:ark-checked\:bg-disabled\!{&[data-disabled]{&[data-state=checked]{background-color:var(--color-bg-disabled)!important}}}.mare\:ark-indeterminate\:border-accent{&[data-state=indeterminate]{border-color:var(--color-border-accent)}}.mare\:ark-indeterminate\:bg-accent{&[data-state=indeterminate]{background-color:var(--color-bg-accent)}}.mare\:ark-disabled\:ark-indeterminate\:border-disabled\!{&[data-disabled]{&[data-state=indeterminate]{border-color:var(--color-border-disabled)!important}}}.mare\:ark-disabled\:ark-indeterminate\:bg-disabled\!{&[data-disabled]{&[data-state=indeterminate]{background-color:var(--color-bg-disabled)!important}}}.mare\:ark-invalid\:border-danger{&[data-invalid]{border-color:var(--color-border-danger)}}.mare\:ark-invalid\:border-danger\!{&[data-invalid]{border-color:var(--color-border-danger)!important}}.mare\:ark-invalid\:ark-checked\:border-danger{&[data-invalid]{&[data-state=checked]{border-color:var(--color-border-danger)}}}.mare\:ark-invalid\:ark-checked\:bg-\[var\(--color-fg-on-danger\)\]\!{&[data-invalid]{&[data-state=checked]{background-color:var(--color-fg-on-danger)!important}}}.mare\:ark-invalid\:ark-checked\:bg-danger{&[data-invalid]{&[data-state=checked]{background-color:var(--color-bg-danger)}}}.mare\:ark-invalid\:ark-indeterminate\:border-danger{&[data-invalid]{&[data-state=indeterminate]{border-color:var(--color-border-danger)}}}.mare\:ark-invalid\:ark-indeterminate\:bg-danger{&[data-invalid]{&[data-state=indeterminate]{background-color:var(--color-bg-danger)}}}.mare\:not-ark-disabled\:hover\:border-accent{&:not([data-disabled]){&:hover{@media (hover:hover){border-color:var(--color-border-accent)}}}}.mare\:not-ark-disabled\:ark-checked\:hover\:bg-accent-hover{&:not([data-disabled]){&[data-state=checked]{&:hover{@media (hover:hover){background-color:var(--color-bg-accent-hover)}}}}}.mare\:not-ark-disabled\:ark-indeterminate\:hover\:bg-accent-hover{&:not([data-disabled]){&[data-state=indeterminate]{&:hover{@media (hover:hover){background-color:var(--color-bg-accent-hover)}}}}}.mare\:ark-horizontal\:flex-col{&[data-orientation=horizontal]{flex-direction:column}}.mare\:ark-horizontal\:flex-row{&[data-orientation=horizontal]{flex-direction:row}}.mare\:ark-horizontal\:items-center{&[data-orientation=horizontal]{align-items:center}}.mare\:ark-horizontal\:justify-between{&[data-orientation=horizontal]{justify-content:space-between}}.mare\:ark-vertical\:absolute{&[data-orientation=vertical]{position:absolute}}.mare\:ark-vertical\:start-\[calc\(1rem-0\.75px\)\]{&[data-orientation=vertical]{inset-inline-start:calc(1rem - .75px)}}.mare\:ark-vertical\:top-8{&[data-orientation=vertical]{top:2rem}}.mare\:ark-vertical\:bottom-\[-0\.5rem\]{&[data-orientation=vertical]{bottom:-.5rem}}.mare\:ark-vertical\:h-auto{&[data-orientation=vertical]{height:auto}}.mare\:ark-vertical\:w-\[1\.5px\]{&[data-orientation=vertical]{width:1.5px}}.mare\:ark-vertical\:flex-none{&[data-orientation=vertical]{flex:none}}.mare\:ark-vertical\:flex-col{&[data-orientation=vertical]{flex-direction:column}}.mare\:ark-vertical\:flex-row{&[data-orientation=vertical]{flex-direction:row}}.mare\:ark-vertical\:items-start{&[data-orientation=vertical]{align-items:flex-start}}.mare\:ark-current\:bg-accent{&[data-current]{background-color:var(--color-bg-accent)}}.mare\:ark-current\:text-on-accent{&[data-current]{color:var(--color-fg-on-accent)}}.mare\:ark-complete\:bg-accent{&[data-complete]{background-color:var(--color-bg-accent)}}.mare\:ark-complete\:bg-accent-weak{&[data-complete]{background-color:var(--color-bg-accent-weak)}}.mare\:ark-complete\:text-accent{&[data-complete]{color:var(--color-fg-accent)}}.mare\:ark-complete\:text-on-accent{&[data-complete]{color:var(--color-fg-on-accent)}}.mare\:ark-incomplete\:bg-neutral-weak{&[data-incomplete]{background-color:var(--color-bg-neutral-weak)}}.mare\:ark-incomplete\:text-weak{&[data-incomplete]{color:var(--color-fg-weak)}}.mare\:ark-today\:font-medium{&[data-today]{--tw-font-weight:var(--mare-font-weight-medium);font-weight:var(--mare-font-weight-medium)}}.mare\:ark-today\:text-accent{&[data-today]{color:var(--color-fg-accent)}}.mare\:ark-range-start\:rounded-l-full{&[data-range-start]{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}}.mare\:ark-range-start\:rounded-r-none{&[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}}.mare\:ark-range-start\:bg-accent{&[data-range-start]{background-color:var(--color-bg-accent)}}.mare\:ark-range-start\:text-on-accent{&[data-range-start]{color:var(--color-fg-on-accent)}}.mare\:ark-range-end\:rounded-l-none{&[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}}.mare\:ark-range-end\:rounded-r-full{&[data-range-end]{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}}.mare\:ark-range-end\:bg-accent{&[data-range-end]{background-color:var(--color-bg-accent)}}.mare\:ark-range-end\:text-on-accent{&[data-range-end]{color:var(--color-fg-on-accent)}}.mare\:ark-outside-range\:text-weak{&[data-outside-range]{color:var(--color-fg-weak)}}.mare\:ark-unavailable\:pointer-events-none{&[data-unavailable]{pointer-events:none}}.mare\:ark-unavailable\:text-disabled{&[data-unavailable]{color:var(--color-fg-disabled)}}.mare\:ark-unavailable\:line-through{&[data-unavailable]{text-decoration-line:line-through}}.mare\:ark-focus\:outline-1{&[data-focus]{outline-style:var(--tw-outline-style);outline-width:1px}}.mare\:ark-focus\:outline-offset-2{&[data-focus]{outline-offset:2px}}.mare\:ark-focus\:outline-accent{&[data-focus]{outline-color:var(--color-border-accent)}}.mare\:ark-focus\:outline-solid{&[data-focus]{--tw-outline-style:solid;outline-style:solid}}.mare\:ark-inline\:border-none{&[data-inline]{--tw-border-style:none;border-style:none}}.mare\:ark-inline\:p-0{&[data-inline]{padding:0}}.mare\:ark-inline\:shadow-none{&[data-inline]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.mare\:not-ark-inline\:ark-open\:\[animation\:mare-menu-enter_150ms_ease-out\]{&:not([data-inline]){&[data-state=open]{animation:.15s ease-out mare-menu-enter}}}.mare\:not-ark-inline\:ark-closed\:\[animation\:mare-menu-exit_100ms_ease-in\]{&:not([data-inline]){&[data-state=closed]{animation:.1s ease-in mare-menu-exit}}}.mare\:ark-in-range-only\:rounded-none{&[data-in-range]:not([data-range-start]):not([data-range-end]){border-radius:var(--radius-none)}}.mare\:ark-in-range-only\:rounded-none{&[data-in-range]:not([data-range-start]):not([data-range-end]){border-radius:0}}.mare\:ark-in-range-only\:bg-accent-weak{&[data-in-range]:not([data-range-start]):not([data-range-end]){background-color:var(--color-bg-accent-weak)}}.mare\:ark-in-range-only\:text-accent{&[data-in-range]:not([data-range-start]):not([data-range-end]){color:var(--color-fg-accent)}}.mare\:ark-range-single\:rounded-full{&[data-range-start][data-range-end]{border-radius:var(--radius-full)}}.mare\:ark-range-single\:rounded-full{&[data-range-start][data-range-end]{border-radius:3.40282e38px}}.mare\:ark-type-contrast\:bg-inverse{&[data-type=contrast]{background-color:var(--color-bg-inverse)}}.mare\:ark-type-contrast\:text-on-inverse{&[data-type=contrast]{color:var(--color-fg-on-inverse)}}.mare\:ark-type-secondary\:border{&[data-type=secondary]{border-style:var(--tw-border-style);border-width:1px}}.mare\:ark-type-secondary\:border-default{&[data-type=secondary]{border-color:var(--color-border-default)}}.mare\:ark-type-secondary\:bg-raised{&[data-type=secondary]{background-color:var(--color-bg-raised)}}.mare\:ark-type-secondary\:text-default{&[data-type=secondary]{color:var(--color-fg-default)}}.mare\:ark-type-error\:bg-danger{&[data-type=error]{background-color:var(--color-bg-danger)}}.mare\:ark-type-error\:text-on-danger{&[data-type=error]{color:var(--color-fg-on-danger)}}.mare\:\[\&\>svg\]\:size-3\.5{&>svg{width:calc(var(--mare-spacing)*3.5);height:calc(var(--mare-spacing)*3.5)}}.mare\:\[\&\>svg\]\:size-4{&>svg{width:1rem;height:1rem}}.mare\:\[\&\>svg\]\:size-5{&>svg{width:1.25rem;height:1.25rem}}.mare\:\[\&\>svg\]\:size-full\!{&>svg{width:100%!important;height:100%!important}}.mare\:not-p-disabled\:not-data-link\:\[\&\[data-severity\~\=\'danger\'\]\:active\]\:bg-danger-active{&:not([data-disabled~=true]){&:not([data-link~=true]){&[data-severity~=danger]:active{background-color:var(--color-bg-danger-active)}}}}.mare\:not-p-disabled\:not-data-link\:\[\&\[data-severity\~\=\'ghost\'\]\:active\]\:bg-active{&:not([data-disabled~=true]){&:not([data-link~=true]){&[data-severity~=ghost]:active{background-color:var(--color-bg-active)}}}}.mare\:not-p-disabled\:not-data-link\:\[\&\[data-severity\~\=\'primary\'\]\:active\]\:bg-accent-active{&:not([data-disabled~=true]){&:not([data-link~=true]){&[data-severity~=primary]:active{background-color:var(--color-bg-accent-active)}}}}.mare\:not-p-disabled\:not-data-link\:\[\&\[data-severity\~\=\'secondary\'\]\:active\]\:bg-active{&:not([data-disabled~=true]){&:not([data-link~=true]){&[data-severity~=secondary]:active{background-color:var(--color-bg-active)}}}}.mare\:\[\&\[hidden\]\]\:hidden{&[hidden]{display:none}}}.mare-p-button:active{scale:95%}@keyframes mare-spinner-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-125px}}@keyframes mare-dialog-enter-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mare-dialog-exit-mobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes mare-dialog-enter-desktop{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes mare-dialog-exit-desktop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}@keyframes mare-dialog-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes mare-dialog-backdrop-exit{0%{opacity:1}to{opacity:0}}@keyframes mare-menu-enter{0%{opacity:0;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}@keyframes mare-menu-exit{0%{opacity:1}to{opacity:0}}@keyframes mare-drawer-enter{0%{transform:var(--mare-drawer-from)}to{transform:translate(0)}}@keyframes mare-drawer-exit{0%{transform:translate(0)}to{transform:var(--mare-drawer-from)}}@keyframes mare-panel-menu-branch-open{0%{opacity:.01;height:0}to{opacity:1;height:var(--height)}}@keyframes mare-panel-menu-branch-close{0%{opacity:1;height:var(--height)}to{opacity:.01;height:0}}@keyframes mare-snackbar-progress{0%{width:0%}to{width:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}.tpc-typography-display-l{font-family:var(--typography-body-font-family);font-family:var(--typography-display-l-font-family);font-weight:var(--typography-display-l-font-weight-mobile);font-size:var(--typography-display-l-font-size-mobile);line-height:var(--typography-display-l-line-height-mobile);letter-spacing:var(--typography-display-l-letter-spacing-mobile);text-transform:var(--typography-display-l-text-transform);@media (width>=48rem){font-size:var(--typography-display-l-font-size-tablet);line-height:var(--typography-display-l-line-height-tablet);font-weight:var(--typography-display-l-font-weight-tablet);letter-spacing:var(--typography-display-l-letter-spacing-tablet)}@media (width>=64rem){font-size:var(--typography-display-l-font-size-desktop);line-height:var(--typography-display-l-line-height-desktop);font-weight:var(--typography-display-l-font-weight-desktop);letter-spacing:var(--typography-display-l-letter-spacing-desktop)}}.tpc-typography-display-m{font-family:var(--typography-display-m-font-family);font-weight:var(--typography-display-m-font-weight-mobile);font-size:var(--typography-display-m-font-size-mobile);line-height:var(--typography-display-m-line-height-mobile);letter-spacing:var(--typography-display-m-letter-spacing-mobile);text-transform:var(--typography-display-m-text-transform);@media (width>=48rem){font-size:var(--typography-display-m-font-size-tablet);line-height:var(--typography-display-m-line-height-tablet);font-weight:var(--typography-display-m-font-weight-tablet);letter-spacing:var(--typography-display-m-letter-spacing-tablet)}@media (width>=64rem){font-size:var(--typography-display-m-font-size-desktop);line-height:var(--typography-display-m-line-height-desktop);font-weight:var(--typography-display-m-font-weight-desktop);letter-spacing:var(--typography-display-m-letter-spacing-desktop)}}.tpc-typography-display-s{font-family:var(--typography-display-s-font-family);font-weight:var(--typography-display-s-font-weight-mobile);font-size:var(--typography-display-s-font-size-mobile);line-height:var(--typography-display-s-line-height-mobile);letter-spacing:var(--typography-display-s-letter-spacing-mobile);text-transform:var(--typography-display-s-text-transform);@media (width>=48rem){font-size:var(--typography-display-s-font-size-tablet);line-height:var(--typography-display-s-line-height-tablet);font-weight:var(--typography-display-s-font-weight-tablet);letter-spacing:var(--typography-display-s-letter-spacing-tablet)}@media (width>=64rem){font-size:var(--typography-display-s-font-size-desktop);line-height:var(--typography-display-s-line-height-desktop);font-weight:var(--typography-display-s-font-weight-desktop);letter-spacing:var(--typography-display-s-letter-spacing-desktop)}}.tpc-typography-display-paragraph{font-family:var(--typography-display-paragraph-font-family);font-weight:var(--typography-display-paragraph-font-weight);font-size:var(--typography-display-paragraph-font-size-mobile);line-height:var(--typography-display-paragraph-line-height-mobile);letter-spacing:var(--typography-display-paragraph-letter-spacing);text-transform:var(--typography-display-paragraph-text-transform);@media (width>=48rem){font-size:var(--typography-display-paragraph-font-size-tablet);line-height:var(--typography-display-paragraph-line-height-tablet)}@media (width>=64rem){font-size:var(--typography-display-paragraph-font-size-desktop);line-height:var(--typography-display-paragraph-line-height-desktop)}}.tpc-typography-label-l{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-l-font-weight);font-size:var(--typography-label-l-font-size);line-height:var(--typography-label-l-line-height);letter-spacing:var(--typography-label-l-letter-spacing);text-transform:var(--typography-label-text-transform)}.tpc-typography-label-m{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-m-font-weight);font-size:var(--typography-label-m-font-size);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-transform:var(--typography-label-text-transform)}.tpc-typography-label-s{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-s-font-weight);font-size:var(--typography-label-s-font-size);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-transform:var(--typography-label-text-transform)}.tpc-typography-label-xs{font-family:var(--typography-label-font-family);font-weight:var(--typography-label-xs-font-weight);font-size:var(--typography-label-xs-font-size);line-height:var(--typography-label-xs-line-height);letter-spacing:var(--typography-label-xs-letter-spacing);text-transform:var(--typography-label-text-transform)}.tpc-typography-overline{font-family:var(--typography-overline-font-family);font-weight:var(--typography-overline-font-weight);font-size:var(--typography-overline-font-size);line-height:var(--typography-overline-line-height);letter-spacing:var(--typography-overline-letter-spacing);text-transform:var(--typography-overline-text-transform)}.tpc-typography-title-l{font-family:var(--typography-title-l-font-family);font-weight:var(--typography-title-l-font-weight);font-size:var(--typography-title-l-font-size);line-height:var(--typography-title-l-line-height);letter-spacing:var(--typography-title-l-letter-spacing);text-transform:var(--typography-title-l-text-transform)}.tpc-typography-title-m{font-family:var(--typography-title-m-font-family);font-weight:var(--typography-title-m-font-weight);font-size:var(--typography-title-m-font-size);line-height:var(--typography-title-m-line-height);letter-spacing:var(--typography-title-m-letter-spacing);text-transform:var(--typography-title-m-text-transform)}.tpc-typography-title-s{font-family:var(--typography-title-s-font-family);font-weight:var(--typography-title-s-font-weight);font-size:var(--typography-title-s-font-size);line-height:var(--typography-title-s-line-height);letter-spacing:var(--typography-title-s-letter-spacing);text-transform:var(--typography-title-s-text-transform)}.tpc-typography-title-xs{font-family:var(--typography-title-xs-font-family);font-weight:var(--typography-title-xs-font-weight);font-size:var(--typography-title-xs-font-size);line-height:var(--typography-title-xs-line-height);letter-spacing:var(--typography-title-xs-letter-spacing);text-transform:var(--typography-title-xs-text-transform)}.tpc-typography-label-m-underline{font-family:var(--typography-label-font-family);font-size:var(--typography-label-m-font-size);font-style:normal;font-weight:var(--typography-label-m-font-weight);line-height:var(--typography-label-m-line-height);letter-spacing:var(--typography-label-m-letter-spacing);text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.tpc-typography-label-s-underline{font-family:var(--typography-label-font-family);font-size:var(--typography-label-s-font-size);font-style:normal;font-weight:var(--typography-label-s-font-weight);line-height:var(--typography-label-s-line-height);letter-spacing:var(--typography-label-s-letter-spacing);text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.tpc-typography-body-l{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-l-font-size);line-height:var(--typography-body-l-line-height);letter-spacing:var(--typography-body-l-letter-spacing)}.tpc-typography-body-m{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-m-font-size);line-height:var(--typography-body-m-line-height);letter-spacing:var(--typography-body-m-letter-spacing)}.tpc-typography-body-m-editorial{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-editorial);font-size:var(--typography-body-m-font-size);line-height:var(--typography-body-m-line-height-editorial);letter-spacing:var(--typography-body-m-letter-spacing)}.tpc-typography-body-s{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-default);font-size:var(--typography-body-s-font-size);line-height:var(--typography-body-s-line-height);letter-spacing:var(--typography-body-s-letter-spacing)}.tpc-typography-body-s-editorial{font-family:var(--typography-body-font-family);font-weight:var(--typography-body-font-weight-editorial);font-size:var(--typography-body-s-font-size);line-height:var(--typography-body-s-line-height);letter-spacing:var(--typography-body-s-letter-spacing)}.tpc-typography-body-xs{font-weight:var(--typography-body-font-weight-default);font-family:var(--typography-body-font-family);font-size:var(--typography-body-xs-font-size);line-height:var(--typography-body-xs-line-height);letter-spacing:var(--typography-body-xs-letter-spacing)}.tpc-typography-body-xxs{font-weight:var(--typography-body-font-weight-default);font-family:var(--typography-body-font-family);font-size:var(--typography-body-xxs-font-size);line-height:var(--typography-body-xxs-line-height);letter-spacing:var(--typography-body-xxs-letter-spacing)}