@telefonica/mistica 12.9.1 → 12.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (274) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +3 -4
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/box.js +18 -24
  5. package/dist/boxed.css-mistica.js +12 -0
  6. package/dist/boxed.css.d.ts +1 -0
  7. package/dist/boxed.css.js.flow +3 -0
  8. package/dist/boxed.css.ts.vanilla.js +11 -0
  9. package/dist/boxed.js +24 -30
  10. package/dist/button-group.css-mistica.js +27 -0
  11. package/dist/button-group.css.d.ts +4 -0
  12. package/dist/button-group.css.js.flow +6 -0
  13. package/dist/button-group.css.ts.vanilla.js +11 -0
  14. package/dist/button-group.js +20 -45
  15. package/dist/button-layout.css-mistica.js +50 -0
  16. package/dist/button-layout.css.d.ts +11 -0
  17. package/dist/button-layout.css.js.flow +21 -0
  18. package/dist/button-layout.css.ts.vanilla.js +11 -0
  19. package/dist/button-layout.js +63 -107
  20. package/dist/button.css-mistica.js +80 -0
  21. package/dist/button.css.d.ts +20 -0
  22. package/dist/button.css.js.flow +30 -0
  23. package/dist/button.css.ts.vanilla.js +11 -0
  24. package/dist/button.d.ts +0 -1
  25. package/dist/button.js +128 -336
  26. package/dist/button.js.flow +0 -1
  27. package/dist/callout.css-mistica.js +21 -0
  28. package/dist/callout.css.d.ts +2 -0
  29. package/dist/callout.css.js.flow +4 -0
  30. package/dist/{avatar.css.ts.vanilla.js → callout.css.ts.vanilla.js} +0 -0
  31. package/dist/callout.js +24 -59
  32. package/dist/card.css-mistica.js +39 -0
  33. package/dist/card.css.d.ts +8 -0
  34. package/dist/card.css.js.flow +10 -0
  35. package/dist/card.css.ts.vanilla.js +11 -0
  36. package/dist/card.js +128 -200
  37. package/dist/carousel.js +208 -222
  38. package/dist/checkbox.css-mistica.js +34 -0
  39. package/dist/checkbox.css.d.ts +5 -0
  40. package/dist/checkbox.css.js.flow +7 -0
  41. package/dist/checkbox.css.ts.vanilla.js +11 -0
  42. package/dist/checkbox.js +37 -82
  43. package/dist/chip.css-mistica.js +33 -0
  44. package/dist/chip.css.d.ts +4 -0
  45. package/dist/chip.css.js.flow +6 -0
  46. package/dist/chip.css.ts.vanilla.js +11 -0
  47. package/dist/chip.js +22 -67
  48. package/dist/circle.css-mistica.js +13 -0
  49. package/dist/circle.css.d.ts +1 -0
  50. package/dist/circle.css.js.flow +3 -0
  51. package/dist/circle.css.ts.vanilla.js +11 -0
  52. package/dist/circle.js +11 -37
  53. package/dist/credit-card-number-field.css-mistica.js +30 -0
  54. package/dist/credit-card-number-field.css.d.ts +4 -0
  55. package/dist/credit-card-number-field.css.js.flow +6 -0
  56. package/dist/credit-card-number-field.css.ts.vanilla.js +11 -0
  57. package/dist/credit-card-number-field.js +44 -72
  58. package/dist/cvv-field.css-mistica.js +21 -0
  59. package/dist/cvv-field.css.d.ts +2 -0
  60. package/dist/cvv-field.css.js.flow +4 -0
  61. package/dist/cvv-field.css.ts.vanilla.js +11 -0
  62. package/dist/cvv-field.js +43 -57
  63. package/dist/date-time-picker.css-mistica.js +12 -0
  64. package/dist/date-time-picker.css.d.ts +1 -0
  65. package/dist/date-time-picker.css.js.flow +3 -0
  66. package/dist/date-time-picker.css.ts.vanilla.js +11 -0
  67. package/dist/date-time-picker.js +46 -225
  68. package/dist/dialog.css-mistica.js +48 -0
  69. package/dist/dialog.css.d.ts +10 -0
  70. package/dist/dialog.css.js.flow +12 -0
  71. package/dist/dialog.css.ts.vanilla.js +11 -0
  72. package/dist/dialog.js +136 -231
  73. package/dist/divider.css-mistica.js +15 -0
  74. package/dist/divider.css.d.ts +1 -0
  75. package/dist/divider.css.js.flow +3 -0
  76. package/dist/divider.css.ts.vanilla.js +11 -0
  77. package/dist/divider.js +5 -34
  78. package/dist/double-field.css-mistica.js +16 -0
  79. package/dist/double-field.css.d.ts +1 -0
  80. package/dist/double-field.css.js.flow +3 -0
  81. package/dist/double-field.css.ts.vanilla.js +11 -0
  82. package/dist/double-field.js +13 -45
  83. package/dist/empty-state-card.css-mistica.js +24 -0
  84. package/dist/empty-state-card.css.d.ts +3 -0
  85. package/dist/empty-state-card.css.js.flow +5 -0
  86. package/dist/empty-state-card.css.ts.vanilla.js +11 -0
  87. package/dist/empty-state-card.js +23 -57
  88. package/dist/empty-state.css-mistica.js +44 -0
  89. package/dist/empty-state.css.d.ts +10 -0
  90. package/dist/empty-state.css.js.flow +15 -0
  91. package/dist/empty-state.css.ts.vanilla.js +11 -0
  92. package/dist/empty-state.js +70 -134
  93. package/dist/feedback.js +61 -60
  94. package/dist/fixed-footer-layout.js +41 -42
  95. package/dist/grid-layout.css-mistica.js +26 -0
  96. package/dist/grid-layout.css.d.ts +6 -0
  97. package/dist/grid-layout.css.js.flow +14 -0
  98. package/dist/grid-layout.css.ts.vanilla.js +11 -0
  99. package/dist/grid-layout.js +73 -196
  100. package/dist/header.js +8 -7
  101. package/dist/image.css-mistica.js +21 -0
  102. package/dist/image.css.d.ts +3 -0
  103. package/dist/image.css.js.flow +5 -0
  104. package/dist/image.css.ts.vanilla.js +11 -0
  105. package/dist/image.js +42 -63
  106. package/dist/inline.css-mistica.js +25 -0
  107. package/dist/inline.css.d.ts +6 -0
  108. package/dist/inline.css.js.flow +8 -0
  109. package/dist/inline.css.ts.vanilla.js +11 -0
  110. package/dist/inline.js +27 -52
  111. package/dist/list.d.ts +5 -52
  112. package/dist/list.js +59 -53
  113. package/dist/list.js.flow +16 -6
  114. package/dist/maybe-dismissable.js +21 -20
  115. package/dist/media-queries.css.d.ts +2 -2
  116. package/dist/media-queries.css.js.flow +2 -2
  117. package/dist/navigation-bar.d.ts +1 -1
  118. package/dist/navigation-bar.js +167 -166
  119. package/dist/navigation-bar.js.flow +1 -1
  120. package/dist/package-version.js +1 -1
  121. package/dist/placeholder.js +7 -8
  122. package/dist/radio-button.js +76 -72
  123. package/dist/responsive-layout.css-mistica.js +29 -0
  124. package/dist/responsive-layout.css.d.ts +6 -0
  125. package/dist/responsive-layout.css.js.flow +11 -0
  126. package/dist/responsive-layout.css.ts.vanilla.js +11 -0
  127. package/dist/responsive-layout.d.ts +0 -1
  128. package/dist/responsive-layout.js +18 -101
  129. package/dist/responsive-layout.js.flow +0 -1
  130. package/dist/screen-size-context.d.ts +10 -3
  131. package/dist/screen-size-context.js.flow +12 -3
  132. package/dist/search-field.d.ts +1 -1
  133. package/dist/search-field.js.flow +1 -1
  134. package/dist/skins/skin-contract.css-mistica.js +86 -0
  135. package/dist/skins/skin-contract.css.d.ts +91 -0
  136. package/dist/snackbar.css-mistica.js +6 -6
  137. package/dist/sprinkles.css-mistica.js +595 -291
  138. package/dist/sprinkles.css.d.ts +71 -10
  139. package/dist/stack.css-mistica.js +25 -0
  140. package/dist/stack.css.d.ts +5 -0
  141. package/dist/stack.css.js.flow +7 -0
  142. package/dist/stack.css.ts.vanilla.js +11 -0
  143. package/dist/stack.js +11 -32
  144. package/dist/stepper.d.ts +1 -1
  145. package/dist/stepper.js.flow +1 -1
  146. package/dist/tag.css-mistica.js +1 -1
  147. package/dist/text-field-base.d.ts +3 -2
  148. package/dist/text-field-base.js.flow +3 -2
  149. package/dist/text-field.d.ts +1 -1
  150. package/dist/text-field.js.flow +1 -1
  151. package/dist/text.css-mistica.js +38 -0
  152. package/dist/text.css.d.ts +13 -0
  153. package/dist/text.css.js.flow +30 -0
  154. package/dist/text.css.ts.vanilla.js +11 -0
  155. package/dist/text.d.ts +1 -1
  156. package/dist/text.js +87 -164
  157. package/dist/text.js.flow +1 -1
  158. package/dist/theme-context-provider.js +52 -39
  159. package/dist/theme.d.ts +13 -13
  160. package/dist/theme.js.flow +13 -13
  161. package/dist/title.js +9 -10
  162. package/dist/touchable.css-mistica.js +24 -0
  163. package/dist/touchable.css.d.ts +3 -0
  164. package/dist/touchable.css.js.flow +5 -0
  165. package/dist/touchable.css.ts.vanilla.js +11 -0
  166. package/dist/touchable.d.ts +1 -0
  167. package/dist/touchable.js +58 -74
  168. package/dist/touchable.js.flow +1 -0
  169. package/dist/utils/color.d.ts +6 -0
  170. package/dist/utils/color.js +12 -4
  171. package/dist/utils/color.js.flow +6 -0
  172. package/dist/utils/utility-types.js.flow +3 -0
  173. package/dist/video.css-mistica.js +12 -0
  174. package/dist/video.css.d.ts +1 -0
  175. package/dist/video.css.js.flow +3 -0
  176. package/dist/video.d.ts +1 -1
  177. package/dist/video.js +17 -29
  178. package/dist/video.js.flow +5 -1
  179. package/dist-es/avatar.css-mistica.js +2 -3
  180. package/dist-es/badge.css-mistica.js +2 -2
  181. package/dist-es/box.js +22 -28
  182. package/dist-es/boxed.css-mistica.js +3 -0
  183. package/dist-es/boxed.css.ts.vanilla.js +2 -0
  184. package/dist-es/boxed.js +30 -36
  185. package/dist-es/button-group.css-mistica.js +4 -0
  186. package/dist-es/button-group.css.ts.vanilla.js +2 -0
  187. package/dist-es/button-group.js +24 -49
  188. package/dist-es/button-layout.css-mistica.js +12 -0
  189. package/dist-es/button-layout.css.ts.vanilla.js +2 -0
  190. package/dist-es/button-layout.js +77 -121
  191. package/dist-es/button.css-mistica.js +12 -0
  192. package/dist-es/button.css.ts.vanilla.js +2 -0
  193. package/dist-es/button.js +154 -359
  194. package/dist-es/callout.css-mistica.js +4 -0
  195. package/dist-es/{avatar.css.ts.vanilla.js → callout.css.ts.vanilla.js} +0 -0
  196. package/dist-es/callout.js +40 -75
  197. package/dist-es/card.css-mistica.js +4 -0
  198. package/dist-es/card.css.ts.vanilla.js +2 -0
  199. package/dist-es/card.js +148 -220
  200. package/dist-es/carousel.js +237 -251
  201. package/dist-es/checkbox.css-mistica.js +8 -0
  202. package/dist-es/checkbox.css.ts.vanilla.js +2 -0
  203. package/dist-es/checkbox.js +56 -101
  204. package/dist-es/chip.css-mistica.js +10 -0
  205. package/dist-es/chip.css.ts.vanilla.js +2 -0
  206. package/dist-es/chip.js +34 -79
  207. package/dist-es/circle.css-mistica.js +4 -0
  208. package/dist-es/circle.css.ts.vanilla.js +2 -0
  209. package/dist-es/circle.js +13 -39
  210. package/dist-es/credit-card-number-field.css-mistica.js +7 -0
  211. package/dist-es/credit-card-number-field.css.ts.vanilla.js +2 -0
  212. package/dist-es/credit-card-number-field.js +58 -86
  213. package/dist-es/cvv-field.css-mistica.js +4 -0
  214. package/dist-es/cvv-field.css.ts.vanilla.js +2 -0
  215. package/dist-es/cvv-field.js +63 -77
  216. package/dist-es/date-time-picker.css-mistica.js +3 -0
  217. package/dist-es/date-time-picker.css.ts.vanilla.js +2 -0
  218. package/dist-es/date-time-picker.js +63 -242
  219. package/dist-es/dialog.css-mistica.js +7 -0
  220. package/dist-es/dialog.css.ts.vanilla.js +2 -0
  221. package/dist-es/dialog.js +169 -264
  222. package/dist-es/divider.css-mistica.js +6 -0
  223. package/dist-es/divider.css.ts.vanilla.js +2 -0
  224. package/dist-es/divider.js +8 -32
  225. package/dist-es/double-field.css-mistica.js +7 -0
  226. package/dist-es/double-field.css.ts.vanilla.js +2 -0
  227. package/dist-es/double-field.js +21 -53
  228. package/dist-es/empty-state-card.css-mistica.js +4 -0
  229. package/dist-es/empty-state-card.css.ts.vanilla.js +2 -0
  230. package/dist-es/empty-state-card.js +36 -70
  231. package/dist-es/empty-state.css-mistica.js +9 -0
  232. package/dist-es/empty-state.css.ts.vanilla.js +2 -0
  233. package/dist-es/empty-state.js +77 -141
  234. package/dist-es/feedback.js +79 -78
  235. package/dist-es/fixed-footer-layout.js +50 -51
  236. package/dist-es/grid-layout.css-mistica.js +6 -0
  237. package/dist-es/grid-layout.css.ts.vanilla.js +2 -0
  238. package/dist-es/grid-layout.js +88 -211
  239. package/dist-es/header.js +22 -21
  240. package/dist-es/image.css-mistica.js +4 -0
  241. package/dist-es/image.css.ts.vanilla.js +2 -0
  242. package/dist-es/image.js +54 -75
  243. package/dist-es/inline.css-mistica.js +5 -0
  244. package/dist-es/inline.css.ts.vanilla.js +2 -0
  245. package/dist-es/inline.js +32 -57
  246. package/dist-es/list.js +73 -67
  247. package/dist-es/maybe-dismissable.js +29 -28
  248. package/dist-es/navigation-bar.js +231 -230
  249. package/dist-es/package-version.js +1 -1
  250. package/dist-es/placeholder.js +12 -13
  251. package/dist-es/radio-button.js +96 -92
  252. package/dist-es/responsive-layout.css-mistica.js +6 -0
  253. package/dist-es/responsive-layout.css.ts.vanilla.js +2 -0
  254. package/dist-es/responsive-layout.js +19 -55
  255. package/dist-es/skins/skin-contract.css-mistica.js +86 -0
  256. package/dist-es/snackbar.css-mistica.js +2 -2
  257. package/dist-es/sprinkles.css-mistica.js +595 -291
  258. package/dist-es/stack.css-mistica.js +5 -0
  259. package/dist-es/stack.css.ts.vanilla.js +2 -0
  260. package/dist-es/stack.js +15 -36
  261. package/dist-es/style.css +1 -1
  262. package/dist-es/tag.css-mistica.js +1 -1
  263. package/dist-es/text.css-mistica.js +9 -0
  264. package/dist-es/text.css.ts.vanilla.js +2 -0
  265. package/dist-es/text.js +83 -160
  266. package/dist-es/theme-context-provider.js +89 -76
  267. package/dist-es/title.js +16 -17
  268. package/dist-es/touchable.css-mistica.js +4 -0
  269. package/dist-es/touchable.css.ts.vanilla.js +2 -0
  270. package/dist-es/touchable.js +60 -84
  271. package/dist-es/utils/color.js +2 -2
  272. package/dist-es/video.css-mistica.js +3 -0
  273. package/dist-es/video.js +29 -41
  274. package/package.json +8 -5
@@ -0,0 +1,5 @@
1
+ import "./stack.css.ts.vanilla.js";
2
+ var r = "xjgm6d2", m = "xjgm6d1", v = {
3
+ space: "var(--xjgm6d0)"
4
+ };
5
+ export { r as flexStack, m as marginStack, v as vars };
@@ -0,0 +1,2 @@
1
+ var s = "";
2
+ export { s as default };
package/dist-es/stack.js CHANGED
@@ -50,46 +50,25 @@ function _objectSpreadProps(target, source) {
50
50
  }
51
51
  return target;
52
52
  }
53
- import * as m from "react";
54
- import { createUseStyles as n } from "./jss.js";
53
+ import * as c from "react";
55
54
  import o from "classnames";
55
+ import { assignInlineVars as n } from "@vanilla-extract/dynamic";
56
56
  import { getPrefixedDataAttributes as d } from "./utils/dom.js";
57
- import { jsx as i } from "./_virtual/jsx-runtime.js";
58
- var p = n(function() {
59
- return {
60
- marginStack: {
61
- "& > div:not(:empty) ~ div:not(:empty)": {
62
- marginTop: function(e) {
63
- return e.space;
64
- }
65
- }
66
- },
67
- flexStack: {
68
- display: "flex",
69
- flexDirection: "column",
70
- height: "100%",
71
- justifyContent: function(e) {
72
- return "space-".concat(e.space);
73
- },
74
- "& > div:empty": {
75
- display: "none"
76
- }
77
- }
78
- };
79
- }), S = function(e) {
80
- var t = e.space, s = e.className, r = e.children, c = e.role, a = p({
81
- space: t
82
- });
83
- return /* @__PURE__ */ i("div", _objectSpreadProps(_objectSpread({
84
- className: o(s, typeof t == "number" ? a.marginStack : a.flexStack),
85
- role: c,
86
- "aria-labelledby": e["aria-labelledby"]
87
- }, d(e.dataAttributes)), {
88
- children: m.Children.map(r, function(l) {
89
- return /* @__PURE__ */ i("div", {
57
+ import { marginStack as f, flexStack as p, vars as b } from "./stack.css-mistica.js";
58
+ import { jsx as t } from "./_virtual/jsx-runtime.js";
59
+ var k = function(a) {
60
+ var e = a.space, i = a.className, s = a.children, m = a.role, r = typeof e == "number";
61
+ return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({
62
+ className: o(i, r ? f : p),
63
+ style: n(_defineProperty({}, b.space, r ? "".concat(e, "px") : "space-".concat(e))),
64
+ role: m,
65
+ "aria-labelledby": a["aria-labelledby"]
66
+ }, d(a.dataAttributes)), {
67
+ children: c.Children.map(s, function(l) {
68
+ return /* @__PURE__ */ t("div", {
90
69
  children: l
91
70
  });
92
71
  })
93
72
  }));
94
73
  };
95
- export { S as default };
74
+ export { k as default };
package/dist-es/style.css CHANGED
@@ -1 +1 @@
1
- ._1y2v1nf0{color:var(--_1vqcj1i0)}._1y2v1nf1{color:var(--_1vqcj1i1)}._1y2v1nf2{color:var(--_1vqcj1i2)}._1y2v1nf3{color:var(--_1vqcj1i3)}._1y2v1nf4{color:var(--_1vqcj1i4)}._1y2v1nf5{color:var(--_1vqcj1i5)}._1y2v1nf6{color:var(--_1vqcj1i6)}._1y2v1nf7{color:var(--_1vqcj1i7)}._1y2v1nf8{color:var(--_1vqcj1i8)}._1y2v1nf9{color:var(--_1vqcj1i9)}._1y2v1nfa{color:var(--_1vqcj1ia)}._1y2v1nfb{color:var(--_1vqcj1ib)}._1y2v1nfc{color:var(--_1vqcj1ic)}._1y2v1nfd{color:var(--_1vqcj1id)}._1y2v1nfe{color:var(--_1vqcj1ie)}._1y2v1nff{color:var(--_1vqcj1if)}._1y2v1nfg{color:var(--_1vqcj1ig)}._1y2v1nfh{color:var(--_1vqcj1ih)}._1y2v1nfi{color:var(--_1vqcj1ii)}._1y2v1nfj{color:var(--_1vqcj1ij)}._1y2v1nfk{color:var(--_1vqcj1ik)}._1y2v1nfl{color:var(--_1vqcj1il)}._1y2v1nfm{color:var(--_1vqcj1im)}._1y2v1nfn{color:var(--_1vqcj1in)}._1y2v1nfo{color:var(--_1vqcj1io)}._1y2v1nfp{color:var(--_1vqcj1ip)}._1y2v1nfq{color:var(--_1vqcj1iq)}._1y2v1nfr{color:var(--_1vqcj1ir)}._1y2v1nfs{color:var(--_1vqcj1is)}._1y2v1nft{color:var(--_1vqcj1it)}._1y2v1nfu{color:var(--_1vqcj1iu)}._1y2v1nfv{color:var(--_1vqcj1iv)}._1y2v1nfw{color:var(--_1vqcj1iw)}._1y2v1nfx{color:var(--_1vqcj1ix)}._1y2v1nfy{color:var(--_1vqcj1iy)}._1y2v1nfz{color:var(--_1vqcj1iz)}._1y2v1nf10{color:var(--_1vqcj1i10)}._1y2v1nf11{color:var(--_1vqcj1i11)}._1y2v1nf12{color:var(--_1vqcj1i12)}._1y2v1nf13{color:var(--_1vqcj1i13)}._1y2v1nf14{color:var(--_1vqcj1i14)}._1y2v1nf15{color:var(--_1vqcj1i15)}._1y2v1nf16{color:var(--_1vqcj1i16)}._1y2v1nf17{color:var(--_1vqcj1i17)}._1y2v1nf18{color:var(--_1vqcj1i18)}._1y2v1nf19{color:var(--_1vqcj1i19)}._1y2v1nf1a{color:var(--_1vqcj1i1a)}._1y2v1nf1b{color:var(--_1vqcj1i1b)}._1y2v1nf1c{color:var(--_1vqcj1i1c)}._1y2v1nf1d{color:var(--_1vqcj1i1d)}._1y2v1nf1e{color:var(--_1vqcj1i1e)}._1y2v1nf1f{color:var(--_1vqcj1i1f)}._1y2v1nf1g{color:var(--_1vqcj1i1g)}._1y2v1nf1h{color:var(--_1vqcj1i1h)}._1y2v1nf1i{color:var(--_1vqcj1i1i)}._1y2v1nf1j{color:var(--_1vqcj1i1j)}._1y2v1nf1k{color:var(--_1vqcj1i1k)}._1y2v1nf1l{color:var(--_1vqcj1i1l)}._1y2v1nf1m{color:var(--_1vqcj1i1m)}._1y2v1nf1n{color:var(--_1vqcj1i1n)}._1y2v1nf1o{color:var(--_1vqcj1i1o)}._1y2v1nf1p{color:var(--_1vqcj1i1p)}._1y2v1nf1q{color:var(--_1vqcj1i1q)}._1y2v1nf1r{color:var(--_1vqcj1i1r)}._1y2v1nf1s{color:var(--_1vqcj1i1s)}._1y2v1nf1t{color:var(--_1vqcj1i1t)}._1y2v1nf1u{color:var(--_1vqcj1i1u)}._1y2v1nf1v{color:var(--_1vqcj1i1v)}._1y2v1nf1w{color:var(--_1vqcj1i1w)}._1y2v1nf1x{color:var(--_1vqcj1i1x)}._1y2v1nf1y{color:var(--_1vqcj1i1y)}._1y2v1nf1z{color:var(--_1vqcj1i1z)}._1y2v1nf20{color:var(--_1vqcj1i20)}._1y2v1nf21{color:var(--_1vqcj1i21)}._1y2v1nf22{color:var(--_1vqcj1i22)}._1y2v1nf23{color:var(--_1vqcj1i23)}._1y2v1nf24{color:var(--_1vqcj1i24)}._1y2v1nf25{color:var(--_1vqcj1i25)}._1y2v1nf26{color:var(--_1vqcj1i26)}._1y2v1nf27{color:var(--_1vqcj1i27)}._1y2v1nf28{color:var(--_1vqcj1i28)}._1y2v1nf29{color:var(--_1vqcj1i29)}._1y2v1nf2a{color:var(--_1vqcj1i2a)}._1y2v1nf2b{color:var(--_1vqcj1i2b)}._1y2v1nf2c{color:transparent}._1y2v1nf2d{background-color:var(--_1vqcj1i0)}._1y2v1nf2e{background-color:var(--_1vqcj1i1)}._1y2v1nf2f{background-color:var(--_1vqcj1i2)}._1y2v1nf2g{background-color:var(--_1vqcj1i3)}._1y2v1nf2h{background-color:var(--_1vqcj1i4)}._1y2v1nf2i{background-color:var(--_1vqcj1i5)}._1y2v1nf2j{background-color:var(--_1vqcj1i6)}._1y2v1nf2k{background-color:var(--_1vqcj1i7)}._1y2v1nf2l{background-color:var(--_1vqcj1i8)}._1y2v1nf2m{background-color:var(--_1vqcj1i9)}._1y2v1nf2n{background-color:var(--_1vqcj1ia)}._1y2v1nf2o{background-color:var(--_1vqcj1ib)}._1y2v1nf2p{background-color:var(--_1vqcj1ic)}._1y2v1nf2q{background-color:var(--_1vqcj1id)}._1y2v1nf2r{background-color:var(--_1vqcj1ie)}._1y2v1nf2s{background-color:var(--_1vqcj1if)}._1y2v1nf2t{background-color:var(--_1vqcj1ig)}._1y2v1nf2u{background-color:var(--_1vqcj1ih)}._1y2v1nf2v{background-color:var(--_1vqcj1ii)}._1y2v1nf2w{background-color:var(--_1vqcj1ij)}._1y2v1nf2x{background-color:var(--_1vqcj1ik)}._1y2v1nf2y{background-color:var(--_1vqcj1il)}._1y2v1nf2z{background-color:var(--_1vqcj1im)}._1y2v1nf30{background-color:var(--_1vqcj1in)}._1y2v1nf31{background-color:var(--_1vqcj1io)}._1y2v1nf32{background-color:var(--_1vqcj1ip)}._1y2v1nf33{background-color:var(--_1vqcj1iq)}._1y2v1nf34{background-color:var(--_1vqcj1ir)}._1y2v1nf35{background-color:var(--_1vqcj1is)}._1y2v1nf36{background-color:var(--_1vqcj1it)}._1y2v1nf37{background-color:var(--_1vqcj1iu)}._1y2v1nf38{background-color:var(--_1vqcj1iv)}._1y2v1nf39{background-color:var(--_1vqcj1iw)}._1y2v1nf3a{background-color:var(--_1vqcj1ix)}._1y2v1nf3b{background-color:var(--_1vqcj1iy)}._1y2v1nf3c{background-color:var(--_1vqcj1iz)}._1y2v1nf3d{background-color:var(--_1vqcj1i10)}._1y2v1nf3e{background-color:var(--_1vqcj1i11)}._1y2v1nf3f{background-color:var(--_1vqcj1i12)}._1y2v1nf3g{background-color:var(--_1vqcj1i13)}._1y2v1nf3h{background-color:var(--_1vqcj1i14)}._1y2v1nf3i{background-color:var(--_1vqcj1i15)}._1y2v1nf3j{background-color:var(--_1vqcj1i16)}._1y2v1nf3k{background-color:var(--_1vqcj1i17)}._1y2v1nf3l{background-color:var(--_1vqcj1i18)}._1y2v1nf3m{background-color:var(--_1vqcj1i19)}._1y2v1nf3n{background-color:var(--_1vqcj1i1a)}._1y2v1nf3o{background-color:var(--_1vqcj1i1b)}._1y2v1nf3p{background-color:var(--_1vqcj1i1c)}._1y2v1nf3q{background-color:var(--_1vqcj1i1d)}._1y2v1nf3r{background-color:var(--_1vqcj1i1e)}._1y2v1nf3s{background-color:var(--_1vqcj1i1f)}._1y2v1nf3t{background-color:var(--_1vqcj1i1g)}._1y2v1nf3u{background-color:var(--_1vqcj1i1h)}._1y2v1nf3v{background-color:var(--_1vqcj1i1i)}._1y2v1nf3w{background-color:var(--_1vqcj1i1j)}._1y2v1nf3x{background-color:var(--_1vqcj1i1k)}._1y2v1nf3y{background-color:var(--_1vqcj1i1l)}._1y2v1nf3z{background-color:var(--_1vqcj1i1m)}._1y2v1nf40{background-color:var(--_1vqcj1i1n)}._1y2v1nf41{background-color:var(--_1vqcj1i1o)}._1y2v1nf42{background-color:var(--_1vqcj1i1p)}._1y2v1nf43{background-color:var(--_1vqcj1i1q)}._1y2v1nf44{background-color:var(--_1vqcj1i1r)}._1y2v1nf45{background-color:var(--_1vqcj1i1s)}._1y2v1nf46{background-color:var(--_1vqcj1i1t)}._1y2v1nf47{background-color:var(--_1vqcj1i1u)}._1y2v1nf48{background-color:var(--_1vqcj1i1v)}._1y2v1nf49{background-color:var(--_1vqcj1i1w)}._1y2v1nf4a{background-color:var(--_1vqcj1i1x)}._1y2v1nf4b{background-color:var(--_1vqcj1i1y)}._1y2v1nf4c{background-color:var(--_1vqcj1i1z)}._1y2v1nf4d{background-color:var(--_1vqcj1i20)}._1y2v1nf4e{background-color:var(--_1vqcj1i21)}._1y2v1nf4f{background-color:var(--_1vqcj1i22)}._1y2v1nf4g{background-color:var(--_1vqcj1i23)}._1y2v1nf4h{background-color:var(--_1vqcj1i24)}._1y2v1nf4i{background-color:var(--_1vqcj1i25)}._1y2v1nf4j{background-color:var(--_1vqcj1i26)}._1y2v1nf4k{background-color:var(--_1vqcj1i27)}._1y2v1nf4l{background-color:var(--_1vqcj1i28)}._1y2v1nf4m{background-color:var(--_1vqcj1i29)}._1y2v1nf4n{background-color:var(--_1vqcj1i2a)}._1y2v1nf4o{background-color:var(--_1vqcj1i2b)}._1y2v1nf4p{background-color:transparent}._1y2v1nf4q{position:relative}._1y2v1nf4r{position:absolute}._1y2v1nf4s{position:fixed}._1y2v1nf4t{position:static}._1y2v1nf4u{display:none}._1y2v1nf4v{display:flex}._1y2v1nf4w{display:inline-flex}._1y2v1nf4x{display:block}._1y2v1nf4y{display:inline}._1y2v1nf4z{display:inline-block}._1y2v1nf50{flex-direction:row}._1y2v1nf51{flex-direction:column}._1y2v1nf52{justify-content:stretch}._1y2v1nf53{justify-content:flex-start}._1y2v1nf54{justify-content:center}._1y2v1nf55{justify-content:flex-end}._1y2v1nf56{justify-content:space-around}._1y2v1nf57{justify-content:space-between}._1y2v1nf58{align-items:stretch}._1y2v1nf59{align-items:flex-start}._1y2v1nf5a{align-items:center}._1y2v1nf5b{align-items:flex-end}._1y2v1nf5c{flex-shrink:0}._1y2v1nf5d{flex-grow:0}._1y2v1nf5e{flex-grow:1}._1y2v1nf5f{flex:1}._1y2v1nf5g{padding-top:0}._1y2v1nf5h{padding-top:2px}._1y2v1nf5i{padding-top:4px}._1y2v1nf5j{padding-top:8px}._1y2v1nf5k{padding-top:12px}._1y2v1nf5l{padding-top:16px}._1y2v1nf5m{padding-top:24px}._1y2v1nf5n{padding-top:32px}._1y2v1nf5o{padding-top:40px}._1y2v1nf5p{padding-top:48px}._1y2v1nf5q{padding-top:56px}._1y2v1nf5r{padding-top:64px}._1y2v1nf5s{padding-top:72px}._1y2v1nf5t{padding-top:80px}._1y2v1nf5u{padding-bottom:0}._1y2v1nf5v{padding-bottom:2px}._1y2v1nf5w{padding-bottom:4px}._1y2v1nf5x{padding-bottom:8px}._1y2v1nf5y{padding-bottom:12px}._1y2v1nf5z{padding-bottom:16px}._1y2v1nf60{padding-bottom:24px}._1y2v1nf61{padding-bottom:32px}._1y2v1nf62{padding-bottom:40px}._1y2v1nf63{padding-bottom:48px}._1y2v1nf64{padding-bottom:56px}._1y2v1nf65{padding-bottom:64px}._1y2v1nf66{padding-bottom:72px}._1y2v1nf67{padding-bottom:80px}._1y2v1nf68{padding-left:0}._1y2v1nf69{padding-left:2px}._1y2v1nf6a{padding-left:4px}._1y2v1nf6b{padding-left:8px}._1y2v1nf6c{padding-left:12px}._1y2v1nf6d{padding-left:16px}._1y2v1nf6e{padding-left:24px}._1y2v1nf6f{padding-left:32px}._1y2v1nf6g{padding-left:40px}._1y2v1nf6h{padding-left:48px}._1y2v1nf6i{padding-left:56px}._1y2v1nf6j{padding-left:64px}._1y2v1nf6k{padding-left:72px}._1y2v1nf6l{padding-left:80px}._1y2v1nf6m{padding-right:0}._1y2v1nf6n{padding-right:2px}._1y2v1nf6o{padding-right:4px}._1y2v1nf6p{padding-right:8px}._1y2v1nf6q{padding-right:12px}._1y2v1nf6r{padding-right:16px}._1y2v1nf6s{padding-right:24px}._1y2v1nf6t{padding-right:32px}._1y2v1nf6u{padding-right:40px}._1y2v1nf6v{padding-right:48px}._1y2v1nf6w{padding-right:56px}._1y2v1nf6x{padding-right:64px}._1y2v1nf6y{padding-right:72px}._1y2v1nf6z{padding-right:80px}._1y2v1nf70{box-sizing:border-box;width:100%}._1y2v1nf71{box-sizing:border-box;width:0}._1y2v1nf72{box-sizing:border-box;width:2px}._1y2v1nf73{box-sizing:border-box;width:4px}._1y2v1nf74{box-sizing:border-box;width:8px}._1y2v1nf75{box-sizing:border-box;width:12px}._1y2v1nf76{box-sizing:border-box;width:16px}._1y2v1nf77{box-sizing:border-box;width:24px}._1y2v1nf78{box-sizing:border-box;width:32px}._1y2v1nf79{box-sizing:border-box;width:40px}._1y2v1nf7a{box-sizing:border-box;width:48px}._1y2v1nf7b{box-sizing:border-box;width:56px}._1y2v1nf7c{box-sizing:border-box;width:64px}._1y2v1nf7d{box-sizing:border-box;width:72px}._1y2v1nf7e{box-sizing:border-box;width:80px}._1y2v1nf7f{box-sizing:border-box;height:0}._1y2v1nf7g{box-sizing:border-box;height:2px}._1y2v1nf7h{box-sizing:border-box;height:4px}._1y2v1nf7i{box-sizing:border-box;height:8px}._1y2v1nf7j{box-sizing:border-box;height:12px}._1y2v1nf7k{box-sizing:border-box;height:16px}._1y2v1nf7l{box-sizing:border-box;height:24px}._1y2v1nf7m{box-sizing:border-box;height:32px}._1y2v1nf7n{box-sizing:border-box;height:40px}._1y2v1nf7o{box-sizing:border-box;height:48px}._1y2v1nf7p{box-sizing:border-box;height:56px}._1y2v1nf7q{box-sizing:border-box;height:64px}._1y2v1nf7r{box-sizing:border-box;height:72px}._1y2v1nf7s{box-sizing:border-box;height:80px}._1y2v1nf7t{box-sizing:border-box;min-width:0}._1y2v1nf7u{box-sizing:border-box;min-width:2px}._1y2v1nf7v{box-sizing:border-box;min-width:4px}._1y2v1nf7w{box-sizing:border-box;min-width:8px}._1y2v1nf7x{box-sizing:border-box;min-width:12px}._1y2v1nf7y{box-sizing:border-box;min-width:16px}._1y2v1nf7z{box-sizing:border-box;min-width:24px}._1y2v1nf80{box-sizing:border-box;min-width:32px}._1y2v1nf81{box-sizing:border-box;min-width:40px}._1y2v1nf82{box-sizing:border-box;min-width:48px}._1y2v1nf83{box-sizing:border-box;min-width:56px}._1y2v1nf84{box-sizing:border-box;min-width:64px}._1y2v1nf85{box-sizing:border-box;min-width:72px}._1y2v1nf86{box-sizing:border-box;min-width:80px}._1y2v1nf87{box-sizing:border-box;min-height:0}._1y2v1nf88{box-sizing:border-box;min-height:2px}._1y2v1nf89{box-sizing:border-box;min-height:4px}._1y2v1nf8a{box-sizing:border-box;min-height:8px}._1y2v1nf8b{box-sizing:border-box;min-height:12px}._1y2v1nf8c{box-sizing:border-box;min-height:16px}._1y2v1nf8d{box-sizing:border-box;min-height:24px}._1y2v1nf8e{box-sizing:border-box;min-height:32px}._1y2v1nf8f{box-sizing:border-box;min-height:40px}._1y2v1nf8g{box-sizing:border-box;min-height:48px}._1y2v1nf8h{box-sizing:border-box;min-height:56px}._1y2v1nf8i{box-sizing:border-box;min-height:64px}._1y2v1nf8j{box-sizing:border-box;min-height:72px}._1y2v1nf8k{box-sizing:border-box;min-height:80px}._1y2v1nf8l{border:1px solid var(--_1vqcj1ib)}._1y2v1nf8m{border-radius:50%}._1y2v1nf8n{border-radius:2px}._1y2v1nf8o{border-radius:4px}._1y2v1nf8p{border-radius:8px}._1y2v1nf8q{border-radius:16px}._1y2v1nf8r{cursor:pointer}._1y2v1nf8s{overflow:hidden}._1y2v1nf8t{top:0}._1y2v1nf8u{top:2px}._1y2v1nf8v{top:4px}._1y2v1nf8w{top:8px}._1y2v1nf8x{top:12px}._1y2v1nf8y{top:16px}._1y2v1nf8z{top:24px}._1y2v1nf90{top:32px}._1y2v1nf91{top:40px}._1y2v1nf92{top:48px}._1y2v1nf93{top:56px}._1y2v1nf94{top:64px}._1y2v1nf95{top:72px}._1y2v1nf96{top:80px}._1y2v1nf97{left:0}._1y2v1nf98{left:2px}._1y2v1nf99{left:4px}._1y2v1nf9a{left:8px}._1y2v1nf9b{left:12px}._1y2v1nf9c{left:16px}._1y2v1nf9d{left:24px}._1y2v1nf9e{left:32px}._1y2v1nf9f{left:40px}._1y2v1nf9g{left:48px}._1y2v1nf9h{left:56px}._1y2v1nf9i{left:64px}._1y2v1nf9j{left:72px}._1y2v1nf9k{left:80px}._1y2v1nf9l{right:0}._1y2v1nf9m{right:2px}._1y2v1nf9n{right:4px}._1y2v1nf9o{right:8px}._1y2v1nf9p{right:12px}._1y2v1nf9q{right:16px}._1y2v1nf9r{right:24px}._1y2v1nf9s{right:32px}._1y2v1nf9t{right:40px}._1y2v1nf9u{right:48px}._1y2v1nf9v{right:56px}._1y2v1nf9w{right:64px}._1y2v1nf9x{right:72px}._1y2v1nf9y{right:80px}._1y2v1nf9z{bottom:0}._1y2v1nfa0{bottom:2px}._1y2v1nfa1{bottom:4px}._1y2v1nfa2{bottom:8px}._1y2v1nfa3{bottom:12px}._1y2v1nfa4{bottom:16px}._1y2v1nfa5{bottom:24px}._1y2v1nfa6{bottom:32px}._1y2v1nfa7{bottom:40px}._1y2v1nfa8{bottom:48px}._1y2v1nfa9{bottom:56px}._1y2v1nfaa{bottom:64px}._1y2v1nfab{bottom:72px}._1y2v1nfac{bottom:80px}.o7bjb01{transition:visibility .3s;visibility:hidden}.o7bjb02{visibility:visible}.o7bjb04{max-width:800px;min-width:360px;box-sizing:border-box;min-height:48px;padding:14px 16px;bottom:24px;z-index:1000;opacity:0;transform:translateY(100px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.o7bjb07{opacity:1;transform:initial;-webkit-animation-duration:.3s;animation-duration:.3s}.o7bjb09{margin:-6px -8px -6px 16px;font-weight:500;font-size:1rem;line-height:24px;padding:4px 8px;white-space:nowrap;box-sizing:border-box;width:auto}.o7bjb0a{margin-top:18px;margin-left:0;align-self:flex-end}@media only screen and (max-width: 1023px),(max-height: 549px){.o7bjb04{left:8px;right:8px;bottom:8px;box-sizing:border-box;min-width:0}}@media only screen and (min-height: 550px) and (min-width: 1024px){.o7bjb09{margin-left:48px}}._17szrmd2{top:-2px;right:-6px;border-radius:50%;box-shadow:0 0 0 1.5px var(--_1vqcj1ic)}._17szrmd4{top:-8px;right:-9px;width:18px;box-sizing:border-box;height:18px;font-size:12px;font-weight:500}._17szrmd6{box-sizing:border-box;width:24px;right:-14px;border-radius:24px}._1wy08671{vertical-align:middle;border-radius:50px}.f1g4uj1{object-fit:cover}
1
+ .xjgm6d1>div:not(:empty)~div:not(:empty){margin-top:var(--xjgm6d0)}.xjgm6d2{display:flex;flex-direction:column;box-sizing:border-box;height:100%;justify-content:var(--xjgm6d0)}.xjgm6d2>div:empty{display:none}.kkfbnv1{flex-direction:row;grid-auto-flow:column}.kkfbnv2{display:flex;display:grid}.kkfbnv3{display:inline-flex;display:inline-grid}.kkfbnv1>div:not(:empty)~div:not(:empty){margin-left:var(--kkfbnv0)}.kkfbnv1>div:empty{display:none}.ihbkeq0{border:1px solid var(--_1vqcj1i2)}._1y2v1nf0{color:var(--_1vqcj1i0)}._1y2v1nf1{color:var(--_1vqcj1i1)}._1y2v1nf2{color:var(--_1vqcj1i2)}._1y2v1nf3{color:var(--_1vqcj1i3)}._1y2v1nf4{color:var(--_1vqcj1i4)}._1y2v1nf5{color:var(--_1vqcj1i5)}._1y2v1nf6{color:var(--_1vqcj1i6)}._1y2v1nf7{color:var(--_1vqcj1i7)}._1y2v1nf8{color:var(--_1vqcj1i8)}._1y2v1nf9{color:var(--_1vqcj1i9)}._1y2v1nfa{color:var(--_1vqcj1ia)}._1y2v1nfb{color:var(--_1vqcj1ib)}._1y2v1nfc{color:var(--_1vqcj1ic)}._1y2v1nfd{color:var(--_1vqcj1id)}._1y2v1nfe{color:var(--_1vqcj1ie)}._1y2v1nff{color:var(--_1vqcj1if)}._1y2v1nfg{color:var(--_1vqcj1ig)}._1y2v1nfh{color:var(--_1vqcj1ih)}._1y2v1nfi{color:var(--_1vqcj1ii)}._1y2v1nfj{color:var(--_1vqcj1ij)}._1y2v1nfk{color:var(--_1vqcj1ik)}._1y2v1nfl{color:var(--_1vqcj1il)}._1y2v1nfm{color:var(--_1vqcj1im)}._1y2v1nfn{color:var(--_1vqcj1in)}._1y2v1nfo{color:var(--_1vqcj1io)}._1y2v1nfp{color:var(--_1vqcj1ip)}._1y2v1nfq{color:var(--_1vqcj1iq)}._1y2v1nfr{color:var(--_1vqcj1ir)}._1y2v1nfs{color:var(--_1vqcj1is)}._1y2v1nft{color:var(--_1vqcj1it)}._1y2v1nfu{color:var(--_1vqcj1iu)}._1y2v1nfv{color:var(--_1vqcj1iv)}._1y2v1nfw{color:var(--_1vqcj1iw)}._1y2v1nfx{color:var(--_1vqcj1ix)}._1y2v1nfy{color:var(--_1vqcj1iy)}._1y2v1nfz{color:var(--_1vqcj1iz)}._1y2v1nf10{color:var(--_1vqcj1i10)}._1y2v1nf11{color:var(--_1vqcj1i11)}._1y2v1nf12{color:var(--_1vqcj1i12)}._1y2v1nf13{color:var(--_1vqcj1i13)}._1y2v1nf14{color:var(--_1vqcj1i14)}._1y2v1nf15{color:var(--_1vqcj1i15)}._1y2v1nf16{color:var(--_1vqcj1i16)}._1y2v1nf17{color:var(--_1vqcj1i17)}._1y2v1nf18{color:var(--_1vqcj1i18)}._1y2v1nf19{color:var(--_1vqcj1i19)}._1y2v1nf1a{color:var(--_1vqcj1i1a)}._1y2v1nf1b{color:var(--_1vqcj1i1b)}._1y2v1nf1c{color:var(--_1vqcj1i1c)}._1y2v1nf1d{color:var(--_1vqcj1i1d)}._1y2v1nf1e{color:var(--_1vqcj1i1e)}._1y2v1nf1f{color:var(--_1vqcj1i1f)}._1y2v1nf1g{color:var(--_1vqcj1i1g)}._1y2v1nf1h{color:var(--_1vqcj1i1h)}._1y2v1nf1i{color:var(--_1vqcj1i1i)}._1y2v1nf1j{color:var(--_1vqcj1i1j)}._1y2v1nf1k{color:var(--_1vqcj1i1k)}._1y2v1nf1l{color:var(--_1vqcj1i1l)}._1y2v1nf1m{color:var(--_1vqcj1i1m)}._1y2v1nf1n{color:var(--_1vqcj1i1n)}._1y2v1nf1o{color:var(--_1vqcj1i1o)}._1y2v1nf1p{color:var(--_1vqcj1i1p)}._1y2v1nf1q{color:var(--_1vqcj1i1q)}._1y2v1nf1r{color:var(--_1vqcj1i1r)}._1y2v1nf1s{color:var(--_1vqcj1i1s)}._1y2v1nf1t{color:var(--_1vqcj1i1t)}._1y2v1nf1u{color:var(--_1vqcj1i1u)}._1y2v1nf1v{color:var(--_1vqcj1i1v)}._1y2v1nf1w{color:var(--_1vqcj1i1w)}._1y2v1nf1x{color:var(--_1vqcj1i1x)}._1y2v1nf1y{color:var(--_1vqcj1i1y)}._1y2v1nf1z{color:var(--_1vqcj1i1z)}._1y2v1nf20{color:var(--_1vqcj1i20)}._1y2v1nf21{color:var(--_1vqcj1i21)}._1y2v1nf22{color:var(--_1vqcj1i22)}._1y2v1nf23{color:var(--_1vqcj1i23)}._1y2v1nf24{color:var(--_1vqcj1i24)}._1y2v1nf25{color:var(--_1vqcj1i25)}._1y2v1nf26{color:var(--_1vqcj1i26)}._1y2v1nf27{color:var(--_1vqcj1i27)}._1y2v1nf28{color:var(--_1vqcj1i28)}._1y2v1nf29{color:var(--_1vqcj1i29)}._1y2v1nf2a{color:var(--_1vqcj1i2a)}._1y2v1nf2b{color:var(--_1vqcj1i2b)}._1y2v1nf2c{color:transparent}._1y2v1nf2d{color:inherit}._1y2v1nf2e{background:var(--_1vqcj1i0)}._1y2v1nf2f{background:var(--_1vqcj1i1)}._1y2v1nf2g{background:var(--_1vqcj1i2)}._1y2v1nf2h{background:var(--_1vqcj1i3)}._1y2v1nf2i{background:var(--_1vqcj1i4)}._1y2v1nf2j{background:var(--_1vqcj1i5)}._1y2v1nf2k{background:var(--_1vqcj1i6)}._1y2v1nf2l{background:var(--_1vqcj1i7)}._1y2v1nf2m{background:var(--_1vqcj1i8)}._1y2v1nf2n{background:var(--_1vqcj1i9)}._1y2v1nf2o{background:var(--_1vqcj1ia)}._1y2v1nf2p{background:var(--_1vqcj1ib)}._1y2v1nf2q{background:var(--_1vqcj1ic)}._1y2v1nf2r{background:var(--_1vqcj1id)}._1y2v1nf2s{background:var(--_1vqcj1ie)}._1y2v1nf2t{background:var(--_1vqcj1if)}._1y2v1nf2u{background:var(--_1vqcj1ig)}._1y2v1nf2v{background:var(--_1vqcj1ih)}._1y2v1nf2w{background:var(--_1vqcj1ii)}._1y2v1nf2x{background:var(--_1vqcj1ij)}._1y2v1nf2y{background:var(--_1vqcj1ik)}._1y2v1nf2z{background:var(--_1vqcj1il)}._1y2v1nf30{background:var(--_1vqcj1im)}._1y2v1nf31{background:var(--_1vqcj1in)}._1y2v1nf32{background:var(--_1vqcj1io)}._1y2v1nf33{background:var(--_1vqcj1ip)}._1y2v1nf34{background:var(--_1vqcj1iq)}._1y2v1nf35{background:var(--_1vqcj1ir)}._1y2v1nf36{background:var(--_1vqcj1is)}._1y2v1nf37{background:var(--_1vqcj1it)}._1y2v1nf38{background:var(--_1vqcj1iu)}._1y2v1nf39{background:var(--_1vqcj1iv)}._1y2v1nf3a{background:var(--_1vqcj1iw)}._1y2v1nf3b{background:var(--_1vqcj1ix)}._1y2v1nf3c{background:var(--_1vqcj1iy)}._1y2v1nf3d{background:var(--_1vqcj1iz)}._1y2v1nf3e{background:var(--_1vqcj1i10)}._1y2v1nf3f{background:var(--_1vqcj1i11)}._1y2v1nf3g{background:var(--_1vqcj1i12)}._1y2v1nf3h{background:var(--_1vqcj1i13)}._1y2v1nf3i{background:var(--_1vqcj1i14)}._1y2v1nf3j{background:var(--_1vqcj1i15)}._1y2v1nf3k{background:var(--_1vqcj1i16)}._1y2v1nf3l{background:var(--_1vqcj1i17)}._1y2v1nf3m{background:var(--_1vqcj1i18)}._1y2v1nf3n{background:var(--_1vqcj1i19)}._1y2v1nf3o{background:var(--_1vqcj1i1a)}._1y2v1nf3p{background:var(--_1vqcj1i1b)}._1y2v1nf3q{background:var(--_1vqcj1i1c)}._1y2v1nf3r{background:var(--_1vqcj1i1d)}._1y2v1nf3s{background:var(--_1vqcj1i1e)}._1y2v1nf3t{background:var(--_1vqcj1i1f)}._1y2v1nf3u{background:var(--_1vqcj1i1g)}._1y2v1nf3v{background:var(--_1vqcj1i1h)}._1y2v1nf3w{background:var(--_1vqcj1i1i)}._1y2v1nf3x{background:var(--_1vqcj1i1j)}._1y2v1nf3y{background:var(--_1vqcj1i1k)}._1y2v1nf3z{background:var(--_1vqcj1i1l)}._1y2v1nf40{background:var(--_1vqcj1i1m)}._1y2v1nf41{background:var(--_1vqcj1i1n)}._1y2v1nf42{background:var(--_1vqcj1i1o)}._1y2v1nf43{background:var(--_1vqcj1i1p)}._1y2v1nf44{background:var(--_1vqcj1i1q)}._1y2v1nf45{background:var(--_1vqcj1i1r)}._1y2v1nf46{background:var(--_1vqcj1i1s)}._1y2v1nf47{background:var(--_1vqcj1i1t)}._1y2v1nf48{background:var(--_1vqcj1i1u)}._1y2v1nf49{background:var(--_1vqcj1i1v)}._1y2v1nf4a{background:var(--_1vqcj1i1w)}._1y2v1nf4b{background:var(--_1vqcj1i1x)}._1y2v1nf4c{background:var(--_1vqcj1i1y)}._1y2v1nf4d{background:var(--_1vqcj1i1z)}._1y2v1nf4e{background:var(--_1vqcj1i20)}._1y2v1nf4f{background:var(--_1vqcj1i21)}._1y2v1nf4g{background:var(--_1vqcj1i22)}._1y2v1nf4h{background:var(--_1vqcj1i23)}._1y2v1nf4i{background:var(--_1vqcj1i24)}._1y2v1nf4j{background:var(--_1vqcj1i25)}._1y2v1nf4k{background:var(--_1vqcj1i26)}._1y2v1nf4l{background:var(--_1vqcj1i27)}._1y2v1nf4m{background:var(--_1vqcj1i28)}._1y2v1nf4n{background:var(--_1vqcj1i29)}._1y2v1nf4o{background:var(--_1vqcj1i2a)}._1y2v1nf4p{background:var(--_1vqcj1i2b)}._1y2v1nf4q{background:transparent}._1y2v1nf4r{background:inherit}._1y2v1nf4s{background-color:var(--_1vqcj1i0)}._1y2v1nf4t{background-color:var(--_1vqcj1i1)}._1y2v1nf4u{background-color:var(--_1vqcj1i2)}._1y2v1nf4v{background-color:var(--_1vqcj1i3)}._1y2v1nf4w{background-color:var(--_1vqcj1i4)}._1y2v1nf4x{background-color:var(--_1vqcj1i5)}._1y2v1nf4y{background-color:var(--_1vqcj1i6)}._1y2v1nf4z{background-color:var(--_1vqcj1i7)}._1y2v1nf50{background-color:var(--_1vqcj1i8)}._1y2v1nf51{background-color:var(--_1vqcj1i9)}._1y2v1nf52{background-color:var(--_1vqcj1ia)}._1y2v1nf53{background-color:var(--_1vqcj1ib)}._1y2v1nf54{background-color:var(--_1vqcj1ic)}._1y2v1nf55{background-color:var(--_1vqcj1id)}._1y2v1nf56{background-color:var(--_1vqcj1ie)}._1y2v1nf57{background-color:var(--_1vqcj1if)}._1y2v1nf58{background-color:var(--_1vqcj1ig)}._1y2v1nf59{background-color:var(--_1vqcj1ih)}._1y2v1nf5a{background-color:var(--_1vqcj1ii)}._1y2v1nf5b{background-color:var(--_1vqcj1ij)}._1y2v1nf5c{background-color:var(--_1vqcj1ik)}._1y2v1nf5d{background-color:var(--_1vqcj1il)}._1y2v1nf5e{background-color:var(--_1vqcj1im)}._1y2v1nf5f{background-color:var(--_1vqcj1in)}._1y2v1nf5g{background-color:var(--_1vqcj1io)}._1y2v1nf5h{background-color:var(--_1vqcj1ip)}._1y2v1nf5i{background-color:var(--_1vqcj1iq)}._1y2v1nf5j{background-color:var(--_1vqcj1ir)}._1y2v1nf5k{background-color:var(--_1vqcj1is)}._1y2v1nf5l{background-color:var(--_1vqcj1it)}._1y2v1nf5m{background-color:var(--_1vqcj1iu)}._1y2v1nf5n{background-color:var(--_1vqcj1iv)}._1y2v1nf5o{background-color:var(--_1vqcj1iw)}._1y2v1nf5p{background-color:var(--_1vqcj1ix)}._1y2v1nf5q{background-color:var(--_1vqcj1iy)}._1y2v1nf5r{background-color:var(--_1vqcj1iz)}._1y2v1nf5s{background-color:var(--_1vqcj1i10)}._1y2v1nf5t{background-color:var(--_1vqcj1i11)}._1y2v1nf5u{background-color:var(--_1vqcj1i12)}._1y2v1nf5v{background-color:var(--_1vqcj1i13)}._1y2v1nf5w{background-color:var(--_1vqcj1i14)}._1y2v1nf5x{background-color:var(--_1vqcj1i15)}._1y2v1nf5y{background-color:var(--_1vqcj1i16)}._1y2v1nf5z{background-color:var(--_1vqcj1i17)}._1y2v1nf60{background-color:var(--_1vqcj1i18)}._1y2v1nf61{background-color:var(--_1vqcj1i19)}._1y2v1nf62{background-color:var(--_1vqcj1i1a)}._1y2v1nf63{background-color:var(--_1vqcj1i1b)}._1y2v1nf64{background-color:var(--_1vqcj1i1c)}._1y2v1nf65{background-color:var(--_1vqcj1i1d)}._1y2v1nf66{background-color:var(--_1vqcj1i1e)}._1y2v1nf67{background-color:var(--_1vqcj1i1f)}._1y2v1nf68{background-color:var(--_1vqcj1i1g)}._1y2v1nf69{background-color:var(--_1vqcj1i1h)}._1y2v1nf6a{background-color:var(--_1vqcj1i1i)}._1y2v1nf6b{background-color:var(--_1vqcj1i1j)}._1y2v1nf6c{background-color:var(--_1vqcj1i1k)}._1y2v1nf6d{background-color:var(--_1vqcj1i1l)}._1y2v1nf6e{background-color:var(--_1vqcj1i1m)}._1y2v1nf6f{background-color:var(--_1vqcj1i1n)}._1y2v1nf6g{background-color:var(--_1vqcj1i1o)}._1y2v1nf6h{background-color:var(--_1vqcj1i1p)}._1y2v1nf6i{background-color:var(--_1vqcj1i1q)}._1y2v1nf6j{background-color:var(--_1vqcj1i1r)}._1y2v1nf6k{background-color:var(--_1vqcj1i1s)}._1y2v1nf6l{background-color:var(--_1vqcj1i1t)}._1y2v1nf6m{background-color:var(--_1vqcj1i1u)}._1y2v1nf6n{background-color:var(--_1vqcj1i1v)}._1y2v1nf6o{background-color:var(--_1vqcj1i1w)}._1y2v1nf6p{background-color:var(--_1vqcj1i1x)}._1y2v1nf6q{background-color:var(--_1vqcj1i1y)}._1y2v1nf6r{background-color:var(--_1vqcj1i1z)}._1y2v1nf6s{background-color:var(--_1vqcj1i20)}._1y2v1nf6t{background-color:var(--_1vqcj1i21)}._1y2v1nf6u{background-color:var(--_1vqcj1i22)}._1y2v1nf6v{background-color:var(--_1vqcj1i23)}._1y2v1nf6w{background-color:var(--_1vqcj1i24)}._1y2v1nf6x{background-color:var(--_1vqcj1i25)}._1y2v1nf6y{background-color:var(--_1vqcj1i26)}._1y2v1nf6z{background-color:var(--_1vqcj1i27)}._1y2v1nf70{background-color:var(--_1vqcj1i28)}._1y2v1nf71{background-color:var(--_1vqcj1i29)}._1y2v1nf72{background-color:var(--_1vqcj1i2a)}._1y2v1nf73{background-color:var(--_1vqcj1i2b)}._1y2v1nf74{background-color:transparent}._1y2v1nf75{background-color:inherit}._1y2v1nf76{position:relative}._1y2v1nf77{position:absolute}._1y2v1nf78{position:fixed}._1y2v1nf79{position:static}._1y2v1nf7a{display:none}._1y2v1nf7b{display:flex}._1y2v1nf7c{display:inline-flex}._1y2v1nf7d{display:block}._1y2v1nf7e{display:inline}._1y2v1nf7f{display:inline-block}._1y2v1nf7g{flex-direction:row}._1y2v1nf7h{flex-direction:column}._1y2v1nf7i{justify-content:stretch}._1y2v1nf7j{justify-content:flex-start}._1y2v1nf7k{justify-content:center}._1y2v1nf7l{justify-content:flex-end}._1y2v1nf7m{justify-content:space-around}._1y2v1nf7n{justify-content:space-between}._1y2v1nf7o{align-items:stretch}._1y2v1nf7p{align-items:flex-start}._1y2v1nf7q{align-items:center}._1y2v1nf7r{align-items:flex-end}._1y2v1nf7s{align-items:baseline}._1y2v1nf7t{flex-shrink:0}._1y2v1nf7u{flex-grow:0}._1y2v1nf7v{flex-grow:1}._1y2v1nf7w{flex:1}._1y2v1nf7x{padding-top:0}._1y2v1nf7y{padding-top:2px}._1y2v1nf7z{padding-top:4px}._1y2v1nf80{padding-top:8px}._1y2v1nf81{padding-top:12px}._1y2v1nf82{padding-top:16px}._1y2v1nf83{padding-top:24px}._1y2v1nf84{padding-top:32px}._1y2v1nf85{padding-top:40px}._1y2v1nf86{padding-top:48px}._1y2v1nf87{padding-top:56px}._1y2v1nf88{padding-top:64px}._1y2v1nf89{padding-top:72px}._1y2v1nf8a{padding-top:80px}._1y2v1nf8b{padding-bottom:0}._1y2v1nf8c{padding-bottom:2px}._1y2v1nf8d{padding-bottom:4px}._1y2v1nf8e{padding-bottom:8px}._1y2v1nf8f{padding-bottom:12px}._1y2v1nf8g{padding-bottom:16px}._1y2v1nf8h{padding-bottom:24px}._1y2v1nf8i{padding-bottom:32px}._1y2v1nf8j{padding-bottom:40px}._1y2v1nf8k{padding-bottom:48px}._1y2v1nf8l{padding-bottom:56px}._1y2v1nf8m{padding-bottom:64px}._1y2v1nf8n{padding-bottom:72px}._1y2v1nf8o{padding-bottom:80px}._1y2v1nf8p{padding-left:0}._1y2v1nf8q{padding-left:2px}._1y2v1nf8r{padding-left:4px}._1y2v1nf8s{padding-left:8px}._1y2v1nf8t{padding-left:12px}._1y2v1nf8u{padding-left:16px}._1y2v1nf8v{padding-left:24px}._1y2v1nf8w{padding-left:32px}._1y2v1nf8x{padding-left:40px}._1y2v1nf8y{padding-left:48px}._1y2v1nf8z{padding-left:56px}._1y2v1nf90{padding-left:64px}._1y2v1nf91{padding-left:72px}._1y2v1nf92{padding-left:80px}._1y2v1nf93{padding-right:0}._1y2v1nf94{padding-right:2px}._1y2v1nf95{padding-right:4px}._1y2v1nf96{padding-right:8px}._1y2v1nf97{padding-right:12px}._1y2v1nf98{padding-right:16px}._1y2v1nf99{padding-right:24px}._1y2v1nf9a{padding-right:32px}._1y2v1nf9b{padding-right:40px}._1y2v1nf9c{padding-right:48px}._1y2v1nf9d{padding-right:56px}._1y2v1nf9e{padding-right:64px}._1y2v1nf9f{padding-right:72px}._1y2v1nf9g{padding-right:80px}._1y2v1nf9h{box-sizing:border-box;width:100%}._1y2v1nf9i{box-sizing:border-box;width:auto}._1y2v1nf9j{box-sizing:border-box;width:0}._1y2v1nf9k{box-sizing:border-box;width:2px}._1y2v1nf9l{box-sizing:border-box;width:4px}._1y2v1nf9m{box-sizing:border-box;width:8px}._1y2v1nf9n{box-sizing:border-box;width:12px}._1y2v1nf9o{box-sizing:border-box;width:16px}._1y2v1nf9p{box-sizing:border-box;width:24px}._1y2v1nf9q{box-sizing:border-box;width:32px}._1y2v1nf9r{box-sizing:border-box;width:40px}._1y2v1nf9s{box-sizing:border-box;width:48px}._1y2v1nf9t{box-sizing:border-box;width:56px}._1y2v1nf9u{box-sizing:border-box;width:64px}._1y2v1nf9v{box-sizing:border-box;width:72px}._1y2v1nf9w{box-sizing:border-box;width:80px}._1y2v1nf9x{box-sizing:border-box;height:100%}._1y2v1nf9y{box-sizing:border-box;height:0}._1y2v1nf9z{box-sizing:border-box;height:2px}._1y2v1nfa0{box-sizing:border-box;height:4px}._1y2v1nfa1{box-sizing:border-box;height:8px}._1y2v1nfa2{box-sizing:border-box;height:12px}._1y2v1nfa3{box-sizing:border-box;height:16px}._1y2v1nfa4{box-sizing:border-box;height:24px}._1y2v1nfa5{box-sizing:border-box;height:32px}._1y2v1nfa6{box-sizing:border-box;height:40px}._1y2v1nfa7{box-sizing:border-box;height:48px}._1y2v1nfa8{box-sizing:border-box;height:56px}._1y2v1nfa9{box-sizing:border-box;height:64px}._1y2v1nfaa{box-sizing:border-box;height:72px}._1y2v1nfab{box-sizing:border-box;height:80px}._1y2v1nfac{box-sizing:border-box;min-width:0}._1y2v1nfad{box-sizing:border-box;min-width:2px}._1y2v1nfae{box-sizing:border-box;min-width:4px}._1y2v1nfaf{box-sizing:border-box;min-width:8px}._1y2v1nfag{box-sizing:border-box;min-width:12px}._1y2v1nfah{box-sizing:border-box;min-width:16px}._1y2v1nfai{box-sizing:border-box;min-width:24px}._1y2v1nfaj{box-sizing:border-box;min-width:32px}._1y2v1nfak{box-sizing:border-box;min-width:40px}._1y2v1nfal{box-sizing:border-box;min-width:48px}._1y2v1nfam{box-sizing:border-box;min-width:56px}._1y2v1nfan{box-sizing:border-box;min-width:64px}._1y2v1nfao{box-sizing:border-box;min-width:72px}._1y2v1nfap{box-sizing:border-box;min-width:80px}._1y2v1nfaq{box-sizing:border-box;min-height:0}._1y2v1nfar{box-sizing:border-box;min-height:2px}._1y2v1nfas{box-sizing:border-box;min-height:4px}._1y2v1nfat{box-sizing:border-box;min-height:8px}._1y2v1nfau{box-sizing:border-box;min-height:12px}._1y2v1nfav{box-sizing:border-box;min-height:16px}._1y2v1nfaw{box-sizing:border-box;min-height:24px}._1y2v1nfax{box-sizing:border-box;min-height:32px}._1y2v1nfay{box-sizing:border-box;min-height:40px}._1y2v1nfaz{box-sizing:border-box;min-height:48px}._1y2v1nfb0{box-sizing:border-box;min-height:56px}._1y2v1nfb1{box-sizing:border-box;min-height:64px}._1y2v1nfb2{box-sizing:border-box;min-height:72px}._1y2v1nfb3{box-sizing:border-box;min-height:80px}._1y2v1nfb4{box-sizing:border-box;max-width:100%}._1y2v1nfb5{box-sizing:border-box;max-height:100%}._1y2v1nfb6{border:1px solid var(--_1vqcj1ib)}._1y2v1nfb7{border:none}._1y2v1nfb8{border-radius:50%}._1y2v1nfb9{border-radius:2px}._1y2v1nfba{border-radius:4px}._1y2v1nfbb{border-radius:8px}._1y2v1nfbc{border-radius:16px}._1y2v1nfbd{cursor:pointer}._1y2v1nfbe{overflow:hidden}._1y2v1nfbf{overflow:visible}._1y2v1nfbg{top:0}._1y2v1nfbh{top:2px}._1y2v1nfbi{top:4px}._1y2v1nfbj{top:8px}._1y2v1nfbk{top:12px}._1y2v1nfbl{top:16px}._1y2v1nfbm{top:24px}._1y2v1nfbn{top:32px}._1y2v1nfbo{top:40px}._1y2v1nfbp{top:48px}._1y2v1nfbq{top:56px}._1y2v1nfbr{top:64px}._1y2v1nfbs{top:72px}._1y2v1nfbt{top:80px}._1y2v1nfbu{left:0}._1y2v1nfbv{left:2px}._1y2v1nfbw{left:4px}._1y2v1nfbx{left:8px}._1y2v1nfby{left:12px}._1y2v1nfbz{left:16px}._1y2v1nfc0{left:24px}._1y2v1nfc1{left:32px}._1y2v1nfc2{left:40px}._1y2v1nfc3{left:48px}._1y2v1nfc4{left:56px}._1y2v1nfc5{left:64px}._1y2v1nfc6{left:72px}._1y2v1nfc7{left:80px}._1y2v1nfc8{right:0}._1y2v1nfc9{right:2px}._1y2v1nfca{right:4px}._1y2v1nfcb{right:8px}._1y2v1nfcc{right:12px}._1y2v1nfcd{right:16px}._1y2v1nfce{right:24px}._1y2v1nfcf{right:32px}._1y2v1nfcg{right:40px}._1y2v1nfch{right:48px}._1y2v1nfci{right:56px}._1y2v1nfcj{right:64px}._1y2v1nfck{right:72px}._1y2v1nfcl{right:80px}._1y2v1nfcm{bottom:0}._1y2v1nfcn{bottom:2px}._1y2v1nfco{bottom:4px}._1y2v1nfcp{bottom:8px}._1y2v1nfcq{bottom:12px}._1y2v1nfcr{bottom:16px}._1y2v1nfcs{bottom:24px}._1y2v1nfct{bottom:32px}._1y2v1nfcu{bottom:40px}._1y2v1nfcv{bottom:48px}._1y2v1nfcw{bottom:56px}._1y2v1nfcx{bottom:64px}._1y2v1nfcy{bottom:72px}._1y2v1nfcz{bottom:80px}._1y2v1nfd0{object-fit:cover}._17szrmd2{top:-2px;right:-6px;border-radius:50%;box-shadow:0 0 0 1.5px var(--_1vqcj1ic)}._17szrmd4{top:-8px;right:-9px;width:18px;box-sizing:border-box;height:18px;font-size:12px;font-weight:500}._17szrmd6{box-sizing:border-box;width:24px;right:-14px;border-radius:24px}._379jdb1{display:grid}@media only screen and (min-height: 550px) and (min-width: 1368px){._379jdb1{grid-column-gap:24px;grid-template-columns:repeat(12,1fr)}}@media only screen and (min-height: 550px) and (min-width: 1024px) and (max-width: 1367px){._379jdb1{grid-template-columns:repeat(12,1fr);grid-column-gap:16px}}@media only screen and (min-height: 550px) and (min-width: 1024px){._379jdb3{grid-column:span var(--_379jdb2)}}@media only screen and (max-width: 1023px),(max-height: 549px){._379jdb1{grid-template-columns:minmax(0,1fr);grid-column-gap:16px;gap:var(--_379jdb0, 0px)}._379jdb3{grid-column:span 1}}.rrbrpn2{border:1.5px solid transparent;box-sizing:border-box;min-width:136px}.rrbrpn2:hover:not([disabled]){transition:background-color .3s cubic-bezier(.77,0,.175,1),color .3s cubic-bezier(.77,0,.175,1),border-color .3s cubic-bezier(.77,0,.175,1)}.rrbrpn2[disabled]:not(.rrbrpn0){opacity:.5}.rrbrpn4{opacity:0}.rrbrpn5{box-sizing:border-box;min-width:104px}.rrbrpn7{left:14.5px;right:14.5px;opacity:0;transform:translateY(2rem);transition:opacity .3s cubic-bezier(.77,0,.175,1),transform .3s cubic-bezier(.77,0,.175,1)}.rrbrpn5 .rrbrpn7{left:10.5px;right:10.5px}.rrbrpn0 .rrbrpn7{transform:translateY(0);opacity:1}.rrbrpn9{padding:10.5px 14.5px;opacity:1;transition:opacity .3s cubic-bezier(.77,0,.175,1),transform .3s cubic-bezier(.77,0,.175,1)}.rrbrpn5 .rrbrpn9{padding:4.5px 10.5px}.rrbrpn0 .rrbrpn9{transform:translateY(-2rem);opacity:0}.rrbrpn9 svg{display:block}.rrbrpng{padding-top:6px;padding-bottom:6px;font-weight:500;transition:background-color .3s cubic-bezier(.77,0,.175,1),color .3s cubic-bezier(.77,0,.175,1)}.rrbrpng:enabled:active{background-color:var(--_1vqcj1ii)}.rrbrpng[disabled]{opacity:.5}.rrbrpng:hover:not([disabled]){background-color:var(--_1vqcj1ii)}.rrbrpni:enabled:active{background-color:var(--_1vqcj1ij)}.rrbrpni:hover:not([disabled]){background-color:var(--_1vqcj1ij)}.rrbrpn9 svg{display:block}.rrbrpnk{margin-left:-12px}.rrbrpnl:enabled:active{background-color:var(--_1vqcj1im)}.rrbrpnl:hover:not([disabled]){background-color:var(--_1vqcj1io)}.rrbrpnm{border-color:var(--_1vqcj1ip)}.rrbrpnm:enabled:active{color:var(--_1vqcj1i1q);border-color:var(--_1vqcj1iq)}.rrbrpnm:hover:not([disabled]){color:var(--_1vqcj1i1q);border-color:var(--_1vqcj1iq)}.rrbrpnn:enabled:active{background-color:var(--_1vqcj1ig)}.rrbrpnn:hover:not([disabled]){background-color:var(--_1vqcj1ih)}.rrbrpno:enabled:active{background-color:var(--_1vqcj1in);color:var(--_1vqcj1i1o)}.rrbrpno:hover:not([disabled]){color:var(--_1vqcj1i1o);background-color:var(--_1vqcj1in)}.rrbrpnp{border-color:var(--_1vqcj1ir)}.rrbrpnp:enabled:active{border-color:var(--_1vqcj1is);color:var(--_1vqcj1i1s)}.rrbrpnp:hover:not([disabled]){border-color:var(--_1vqcj1is);color:var(--_1vqcj1i1s)}.rrbrpnq:enabled:active{background-color:var(--_1vqcj1ig)}.rrbrpnq:hover:not([disabled]){background-color:var(--_1vqcj1ih)}@media (pointer: coarse),(hover: none){.rrbrpng:hover:not([disabled]){background-color:initial}.rrbrpni:hover:not([disabled]){background-color:initial}.rrbrpnl:hover:not([disabled]){background-color:var(--_1vqcj1ik)}.rrbrpnm:hover:not([disabled]){color:var(--_1vqcj1i1p);background-color:transparent;border-color:var(--_1vqcj1ip)}.rrbrpnn:hover:not([disabled]){background-color:var(--_1vqcj1if)}.rrbrpno:hover:not([disabled]){color:var(--_1vqcj1i1n);background-color:var(--_1vqcj1il)}.rrbrpnp:hover:not([disabled]){border-color:var(--_1vqcj1ir);color:var(--_1vqcj1i1r)}.rrbrpnq:hover:not([disabled]){background-color:var(--_1vqcj1if)}}.o7bjb01{transition:visibility .3s;visibility:hidden}.o7bjb02{visibility:visible}.o7bjb04{max-width:800px;min-width:360px;box-sizing:border-box;min-height:48px;padding:14px 16px;bottom:24px;z-index:1000;opacity:0;transform:translateY(100px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.o7bjb07{opacity:1;transform:initial;-webkit-animation-duration:.3s;animation-duration:.3s}.o7bjb09{margin:-6px -8px -6px 16px;font-weight:500;font-size:1rem;line-height:24px;padding:4px 8px;white-space:nowrap;box-sizing:border-box;width:auto}.o7bjb0a{margin-top:18px;margin-left:0;align-self:flex-end}@media only screen and (max-width: 1023px),(max-height: 549px){.o7bjb04{left:8px;right:8px;bottom:8px;box-sizing:border-box;min-width:0}}@media only screen and (min-height: 550px) and (min-width: 1024px){.o7bjb09{margin-left:48px}}@-webkit-keyframes _3dl29l0{0%{opacity:0}to{opacity:1}}@keyframes _3dl29l0{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _3dl29l1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _3dl29l1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}._3dl29l3{z-index:26}._3dl29l5{z-index:26;min-height:0;box-sizing:border-box;min-width:0;-webkit-animation:_3dl29l0 .2s ease-in-out;animation:_3dl29l0 .2s ease-in-out;transition:opacity .2s ease-in-out}._3dl29l6{opacity:0}._3dl29la{-webkit-animation:_3dl29l1 .2s ease-in-out;animation:_3dl29l1 .2s ease-in-out;will-change:transform,opacity;transition:opacity .2s ease-in-out,transform .2s ease-in-out}._3dl29lb{opacity:0;transform:scale(.8)}._3dl29ld{box-sizing:border-box;width:calc(100vw - 48px);margin:auto}._3dl29lj{overflow-y:auto}._3dl29lm{width:2.5rem;box-sizing:border-box;height:2.5rem}@media only screen and (min-height: 550px) and (min-width: 1024px){._3dl29l8{padding:24px}._3dl29ld{width:680px;padding:40px;box-sizing:border-box;max-height:calc(100vh - 64px)}._3dl29ll{padding-top:32px}._3dl29lm{width:4rem;box-sizing:border-box;height:4rem}}.splu5g5{overflow-wrap:anywhere}.splu5g6{overflow-wrap:inherit}.splu5g7{font-size:var(--splu5g1);line-height:var(--splu5g3)}.splu5g8{display:-webkit-box;overflow:hidden;-webkit-line-clamp:var(--splu5g4);line-clamp:var(--splu5g4);-webkit-box-orient:vertical;box-orient:vertical}.splu5g9{word-break:break-all}.splu5ga{word-break:break-word}@supports not (overflow-wrap: anywhere){.splu5g5{word-break:break-word}.splu5g6{word-break:inherit}}@media only screen and (max-width: 1023px),(max-height: 549px){.splu5g7{line-height:var(--splu5g2);font-size:var(--splu5g0)}}@supports (overflow-wrap: anywhere){.splu5g9{overflow-wrap:anywhere;word-break:break-all}.splu5ga{overflow-wrap:anywhere;word-break:normal}}._15e54s91{margin-top:16px}._15e54s99{min-height:80px;box-sizing:border-box;min-width:104px}._15e54s9c{display:flex;box-sizing:border-box;height:100%}@media only screen and (min-height: 550px) and (min-width: 1024px){._15e54s95{padding:24px 24px 32px}._15e54s97{padding:32px 24px}._15e54s99{padding:24px}}@media (pointer: fine),(pointer: none){._15e54s9b:hover{background-color:var(--_1vqcj1i7)}._15e54s9c:hover{background-color:transparent}}.o0dvt10{border-bottom:1px solid var(--_1vqcj1i11)}.o0dvt11{border-bottom:1px solid var(--_1vqcj1i12)}._1rz9b11{cursor:default}._1rz9b13{height:18px;box-sizing:border-box;width:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:1px solid transparent;vertical-align:middle;transition:box-shadow .3s}._1rz9b14{box-shadow:inset 0 0 0 1px var(--_1vqcj1it)}._1rz9b15{box-shadow:inset 0 0 0 2px var(--_1vqcj1it)}._1rz9b16{box-shadow:inset 0 0 0 12px var(--_1vqcj1iu)}._1rz9b18{transform:scale(0);transform-origin:center;transition:transform .3s cubic-bezier(.68,-.6,.32,1.6)}._1rz9b19{transform:scale(1)}._1rz9b1a{opacity:.5}._13fzrua2{flex-direction:column-reverse}._13fzrua3{margin-top:0}._13fzrua4{margin-top:24px}._13fzrua7{background-repeat:no-repeat;background-size:cover;background-position:center}._13fzruab{box-sizing:border-box;height:112px}._13fzruac{border:1px solid var(--_1vqcj1i2)}@media only screen and (max-width: 1023px),(max-height: 549px){._13fzrua2{border:none;box-sizing:border-box;max-width:368px}}@media only screen and (min-height: 550px) and (min-width: 1024px){._13fzrua2{border-radius:16px;flex-direction:row;overflow:hidden;background-color:var(--_13fzrua0)}._13fzrua3,._13fzrua4{margin:64px}._13fzrua5{position:absolute;box-sizing:border-box;height:100%}._13fzrua7{background-size:contain;background-position:bottom right}._13fzrua9{width:80px;box-sizing:border-box;height:80px}._13fzruab{box-sizing:border-box;height:128px}}.cc7htn1{border-radius:20px;vertical-align:middle;min-height:32px;box-sizing:border-box;min-width:56px;cursor:default}.cc7htn6{border-color:var(--_1vqcj1iu)}.cc7htn7{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cc7htna{color:var(--_1vqcj1i1c)}.cc7htnb{color:var(--_1vqcj1iu)}@media (pointer: fine),(pointer: none){.cc7htn7:hover:not(.cc7htn2){color:var(--_1vqcj1iu);background-color:var(--_1vqcj1i27)}.cc7htn8:hover:not(.cc7htn2){border-color:var(--_1vqcj1i27)}.cc7htn9:hover:not(.cc7htn2){border-color:var(--_1vqcj1i1)}.cc7htn7:hover:not(.cc7htn2)>.cc7htna{color:var(--_1vqcj1iu)}.cc7htn7:hover:not(.cc7htn2)>.cc7htnb{color:var(--_1vqcj1iu)}}.c0yqjy0 td,.c0yqjy0 th{vertical-align:middle}.c0yqjy0 .rdt{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c0yqjy0 .rdtPicker{display:none;position:absolute;box-sizing:border-box;min-width:250px;padding:4px;margin-top:1px;z-index:99999!important;background:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid #f9f9f9}.c0yqjy0 .rdtOpen .rdtPicker{display:block}.c0yqjy0 .rdtStatic .rdtPicker{box-shadow:none;position:static}.c0yqjy0 .rdtPicker .rdtTimeToggle{text-align:center}.c0yqjy0 .rdtPicker table{box-sizing:border-box;width:100%;margin:0}.c0yqjy0 .rdtPicker td,.c0yqjy0 .rdtPicker th{text-align:center;box-sizing:border-box;height:28px}.c0yqjy0 .rdtPicker td{cursor:pointer}.c0yqjy0 .rdtPicker td.rdtDay:hover,.c0yqjy0 .rdtPicker td.rdtHour:hover,.c0yqjy0 .rdtPicker td.rdtMinute:hover,.c0yqjy0 .rdtPicker td.rdtSecond:hover,.c0yqjy0 .rdtPicker .rdtTimeToggle:hover{background:#eeeeee;cursor:pointer}.c0yqjy0 .rdtPicker td.rdtOld,.c0yqjy0 .rdtPicker td.rdtNew{color:#999}.c0yqjy0 .rdtPicker td.rdtToday{position:relative}.c0yqjy0 .rdtPicker td.rdtToday:before{content:"";display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:#0003;position:absolute;bottom:4px;right:4px}.c0yqjy0 .rdtPicker td.rdtActive,.c0yqjy0 .rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.c0yqjy0 .rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.c0yqjy0 .rdtPicker td.rdtDisabled,.c0yqjy0 .rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:default}.c0yqjy0 .rdtPicker td span.rdtOld{color:#999}.c0yqjy0 .rdtPicker td span.rdtDisabled,.c0yqjy0 .rdtPicker td span.rdtDisabled{background:none;color:#999;cursor:default}.c0yqjy0 .rdtPicker th{border-bottom:1px solid #f9f9f9;font-weight:700}.c0yqjy0 .rdtPicker .dow{box-sizing:border-box;width:14.2857%;border-bottom:none;cursor:default}.c0yqjy0 .rdtPicker th.rdtSwitch{box-sizing:border-box;width:100px}.c0yqjy0 .rdtPicker th.rdtNext,.c0yqjy0 .rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.c0yqjy0 .rdtPrev span,.c0yqjy0 .rdtNext span{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c0yqjy0 .rdtPicker th.rdtDisabled,.c0yqjy0 .rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:default}.c0yqjy0 .rdtPicker thead tr:first-of-type th{cursor:pointer}.c0yqjy0 .rdtPicker thead tr:first-of-type th:hover{background:#eeeeee}.c0yqjy0 .rdtPicker tfoot{border-top:1px solid #f9f9f9}.c0yqjy0 .rdtPicker button{border:none;background:none;cursor:pointer}.c0yqjy0 .rdtPicker button:hover{background-color:#eee}.c0yqjy0 .rdtPicker thead button{width:100%;box-sizing:border-box;height:100%}.c0yqjy0 td.rdtMonth,.c0yqjy0 td.rdtYear{height:50px;box-sizing:border-box;width:25%;cursor:pointer}.c0yqjy0 td.rdtMonth:hover,.c0yqjy0 td.rdtYear:hover{background:#eee}.c0yqjy0 .rdtCounters{display:inline-block}.c0yqjy0 .rdtCounters>div{float:left}.c0yqjy0 .rdtCounter{height:100px;box-sizing:border-box;width:40px}.c0yqjy0 .rdtCounterSeparator{line-height:100px}.c0yqjy0 .rdtCounter .rdtBtn{box-sizing:border-box;height:40%;line-height:40px;cursor:pointer;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c0yqjy0 .rdtCounter .rdtBtn:hover{background:#eee}.c0yqjy0 .rdtCounter .rdtCount{box-sizing:border-box;height:20%;font-size:1.2em}.c0yqjy0 .rdtMilli{vertical-align:middle;padding-left:8px;box-sizing:border-box;width:48px}.c0yqjy0 .rdtMilli input{box-sizing:border-box;width:100%;font-size:1.2em;margin-top:37px}.c0yqjy0 .rdtTime td{cursor:default}.mhti6u1{vertical-align:bottom;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:inherit;text-decoration:none;font-size:inherit;-webkit-tap-highlight-color:transparent}.mhti6u1:active,.mhti6u1:hover{text-decoration:none}.mhti6u1[disabled]{cursor:default}.mhti6u4{cursor:auto}._10ijton2{margin:0 0 0 16px;line-height:1.42857142;font-size:14px}.kfxylh1{margin:16px 0;padding:0 16px}.kfxylh3{margin:8px;justify-content:inherit}.kfxylh6{flex-wrap:wrap-reverse;margin:-8px}.kfxylh6:empty{margin:0}.kfxylh8{flex-wrap:wrap-reverse;margin:-8px}.kfxylh8:empty{margin:0}.kfxylh6>*:not(.kfxylh3){min-width:var(--kfxylh0);box-sizing:border-box;width:calc(50% - 16px);margin:8px}.kfxylh8>*:not(.kfxylh3){min-width:var(--kfxylh0);box-sizing:border-box;width:calc(100% - 16px);margin:8px}.kfxylh9>*:not(.kfxylh3){min-width:auto;box-sizing:border-box;width:auto;margin:8px}@media only screen and (max-width: 1023px),(max-height: 549px){.kfxylh1{padding:0;margin:16px}.kfxylhi{justify-content:center}}@media only screen and (min-height: 550px) and (min-width: 1024px){.kfxylh4{margin-left:2px}.kfxylh6>*:not(.kfxylh3){box-sizing:border-box;width:var(--kfxylh0)}.kfxylh8>*:not(.kfxylh3){box-sizing:border-box;width:var(--kfxylh0)}.kfxylhh{justify-content:flex-start}}@media only screen and (min-height: 550px) and (min-width: 1024px){.skrulh1{box-sizing:border-box;width:328px}.skrulh2{box-sizing:border-box;width:100%}}._17lofg72{--_17lofg70: 0px;margin:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}._17lofg74{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media only screen and (min-height: 550px) and (min-width: 1368px){._17lofg72{box-sizing:border-box;width:1224px}}@media only screen and (min-height: 550px) and (min-width: 1024px) and (max-width: 1367px){._17lofg72{box-sizing:border-box;width:calc(100% - 80px);margin:0 40px}}@media only screen and (min-height: 550px) and (min-width: 768px) and (max-width: 1023px){._17lofg72{--_17lofg70: 32px;box-sizing:border-box;width:calc(100% - 64px);margin:0 32px}}@media only screen and (max-width: 767px),(max-height: 549px){._17lofg72{--_17lofg70: 16px;box-sizing:border-box;width:calc(100% - 32px);margin:0 16px}}._1wy08671{vertical-align:middle;border-radius:50px}@media only screen and (min-height: 550px) and (min-width: 1024px){._1azor6p0{box-sizing:border-box;max-width:392px}._1azor6p2{box-sizing:border-box;height:80px}._1azor6p4{width:56px;box-sizing:border-box;height:56px}}._17tt25r1{z-index:1;transition:opacity .3s}._17tt25r2{border-radius:0}._14g0jmy1{box-sizing:border-box;min-height:56px}._14g0jmy3{align-self:center}.yvyo3q0{perspective:1000px}.yvyo3q2{transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.yvyo3q4{transition:transform .4s;transform-style:preserve-3d}.yvyo3q5{transform:none}.yvyo3q6{transform:rotateY(180deg)}._1wpwyyp1{background-size:cover;background-position:center}._1xdd1h61{flex-wrap:wrap}._1xdd1h62{margin-top:-16px;margin-left:-28px}._1xdd1h63{margin-left:12px}._1xdd1h64{margin-top:16px;margin-left:16px}
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./tag.css.ts.vanilla.js";
3
- var _ = "_1wy08671 _1y2v1nf5i _1y2v1nf5w _1y2v1nf4w _1y2v1nf50 _1y2v1nf5a _1y2v1nf54 _1y2v1nf83 _1y2v1nf6q";
3
+ var _ = "_1wy08671 _1y2v1nf7z _1y2v1nf8d _1y2v1nf7c _1y2v1nf7g _1y2v1nf7q _1y2v1nf7k _1y2v1nfam _1y2v1nf97";
4
4
  export { _ as tag };
@@ -0,0 +1,9 @@
1
+ import "./text.css.ts.vanilla.js";
2
+ var r = "splu5g7", a = "splu5ga splu5g8", p = "splu5g9 splu5g8", l = {
3
+ mobileSize: "var(--splu5g0)",
4
+ desktopSize: "var(--splu5g1)",
5
+ mobileLineHeight: "var(--splu5g2)",
6
+ desktopLineHeight: "var(--splu5g3)",
7
+ lineClamp: "var(--splu5g4)"
8
+ }, s = "splu5g5", t = "splu5g6";
9
+ export { r as text, a as truncateToMoreThanOneLine, p as truncateToOneLine, l as vars, s as withWordBreak, t as withoutWordBreak };
@@ -0,0 +1,2 @@
1
+ var t = "";
2
+ export { t as default };
package/dist-es/text.js CHANGED
@@ -50,233 +50,156 @@ function _objectSpreadProps(target, source) {
50
50
  }
51
51
  return target;
52
52
  }
53
- import * as I from "react";
54
- import W from "classnames";
55
- import { createUseStyles as B } from "./jss.js";
56
- import { useIsInverseVariant as O } from "./theme-variant-context.js";
57
- import { pxToRem as a } from "./utils/css.js";
58
- import { getPrefixedDataAttributes as R } from "./utils/dom.js";
59
- import { useTheme as l } from "./hooks.js";
60
- import { jsx as r } from "./_virtual/jsx-runtime.js";
61
- var C = B(function(e) {
62
- var _obj;
63
- var i = {
64
- light: 300,
65
- regular: 400,
66
- medium: 500,
67
- bold: 700
68
- }, c = (_obj = {}, _defineProperty(_obj, e.colors.textPrimary, e.colors.textPrimaryInverse), _defineProperty(_obj, e.colors.textSecondary, e.colors.textSecondaryInverse), _defineProperty(_obj, e.colors.textLink, e.colors.textLinkInverse), _obj), s = function(param) {
69
- var t = param.truncate;
70
- return t === !0 ? 1 : t || "initial";
71
- };
72
- return {
73
- text: _defineProperty({
74
- lineHeight: function(param) {
75
- var t = param.desktopLineHeight;
76
- return a(t);
77
- },
78
- textTransform: function(param) {
79
- var t = param.transform;
80
- return t || "inherit";
81
- },
82
- fontSize: function(param) {
83
- var t = param.desktopSize;
84
- return a(t);
85
- },
86
- fontWeight: function(param) {
87
- var t = param.weight;
88
- return t ? i[t] : "inherit";
89
- },
90
- color: function(param) {
91
- var t = param.isInverse, tmp = param.color, o = tmp === void 0 ? e.colors.textPrimary : tmp;
92
- var h;
93
- return t && (h = c[o]) != null ? h : o;
94
- },
95
- textDecoration: function(t) {
96
- var o;
97
- return (o = t.decoration) != null ? o : "inherit";
98
- },
99
- letterSpacing: function(param) {
100
- var t = param.letterSpacing;
101
- return t;
102
- },
103
- overflowWrap: function(param) {
104
- var t = param.wordBreak;
105
- return t ? "anywhere" : "inherit";
106
- },
107
- "@supports not (overflow-wrap: anywhere)": {
108
- wordBreak: function(param) {
109
- var t = param.wordBreak;
110
- return t ? "break-word" : "inherit";
111
- }
112
- },
113
- hyphens: function(param) {
114
- var t = param.hyphens;
115
- return t;
116
- },
117
- margin: 0
118
- }, e.mq.tabletOrSmaller, {
119
- lineHeight: function(param) {
120
- var t = param.mobileLineHeight;
121
- return a(t);
122
- },
123
- fontSize: function(param) {
124
- var t = param.mobileSize;
125
- return a(t);
126
- }
127
- }),
128
- truncate: {
129
- "-webkit-line-clamp": s,
130
- lineClamp: s,
131
- wordBreak: function(param) {
132
- var t = param.truncate;
133
- return t === 1 || t === !0 ? "break-all" : "break-word";
134
- },
135
- "@supports (overflow-wrap: anywhere)": {
136
- overflowWrap: "anywhere",
137
- wordBreak: function(param) {
138
- var t = param.truncate;
139
- return t === 1 || t === !0 ? "break-all" : "normal";
140
- }
141
- },
142
- display: "-webkit-box",
143
- boxOrient: "vertical",
144
- overflow: "hidden"
145
- }
146
- };
147
- }), n = function(param) {
148
- var e = param.weight, i = param.color, c = param.decoration, s = param.truncate, t = param.transform, tmp = param.wordBreak, o = tmp === void 0 ? !0 : tmp, h = param.hyphens, tmp1 = param.as, b = tmp1 === void 0 ? "span" : tmp1, x = param.children, d = param.size, tmp2 = param.mobileSize, k = tmp2 === void 0 ? d : tmp2, tmp3 = param.desktopSize, p = tmp3 === void 0 ? d : tmp3, m = param.lineHeight, tmp4 = param.mobileLineHeight, S = tmp4 === void 0 ? m : tmp4, tmp5 = param.desktopLineHeight, f = tmp5 === void 0 ? m : tmp5, z = param.letterSpacing, H = param.id, L = param.role, T = param["aria-level"], v = param.dataAttributes;
149
- var y = O(), g = C({
150
- isInverse: y,
151
- mobileSize: k,
152
- desktopSize: p,
153
- mobileLineHeight: S,
154
- desktopLineHeight: f,
155
- weight: e,
156
- color: i,
157
- decoration: c,
158
- transform: t,
159
- wordBreak: o,
160
- hyphens: h,
161
- letterSpacing: z,
162
- truncate: s
163
- });
164
- if (!x && x !== 0) return null;
165
- var P = W(g.text, _defineProperty({}, g.truncate, !!s));
166
- return /*#__PURE__*/ I.createElement(b, _objectSpread({
167
- className: P,
168
- id: H,
169
- role: L,
170
- "aria-level": T
171
- }, R(v)), x);
172
- }, u = function(e) {
173
- return e.regular && "regular" || e.medium && "medium";
174
- }, w = function(e) {
175
- return e.light && "light" || e.regular && "regular" || e.medium && "medium";
176
- }, U = function(e) {
177
- var ref = l(), i = ref.textPresets;
178
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
53
+ import * as M from "react";
54
+ import O from "classnames";
55
+ import { assignInlineVars as b } from "@vanilla-extract/dynamic";
56
+ import { useIsInverseVariant as R } from "./theme-variant-context.js";
57
+ import { pxToRem as h } from "./utils/css.js";
58
+ import { getPrefixedDataAttributes as j } from "./utils/dom.js";
59
+ import { useTheme as s } from "./hooks.js";
60
+ import { vars as n } from "./skins/skin-contract.css-mistica.js";
61
+ import { text as A, withWordBreak as B, withoutWordBreak as E, truncateToOneLine as N, truncateToMoreThanOneLine as $, vars as l } from "./text.css-mistica.js";
62
+ import { jsx as i } from "./_virtual/jsx-runtime.js";
63
+ var _obj;
64
+ var q = {
65
+ light: 300,
66
+ regular: 400,
67
+ medium: 500,
68
+ bold: 700
69
+ }, F = (_obj = {}, _defineProperty(_obj, n.colors.textPrimary, n.colors.textPrimaryInverse), _defineProperty(_obj, n.colors.textSecondary, n.colors.textSecondaryInverse), _defineProperty(_obj, n.colors.textLink, n.colors.textLinkInverse), _obj), G = function(e) {
70
+ return e === !0 ? 1 : e || "initial";
71
+ }, r = function(param) {
72
+ var e = param.weight, tmp = param.color, t = tmp === void 0 ? n.colors.textPrimary : tmp, x = param.decoration, o = param.truncate, f = param.transform, tmp1 = param.wordBreak, g = tmp1 === void 0 ? !0 : tmp1, z = param.hyphens, tmp2 = param.as, w = tmp2 === void 0 ? "span" : tmp2, c = param.children, d = param.size, tmp3 = param.mobileSize, a = tmp3 === void 0 ? d : tmp3, tmp4 = param.desktopSize, u = tmp4 === void 0 ? d : tmp4, p = param.lineHeight, tmp5 = param.mobileLineHeight, S = tmp5 === void 0 ? p : tmp5, tmp6 = param.desktopLineHeight, k = tmp6 === void 0 ? p : tmp6, H = param.letterSpacing, T = param.id, v = param.role, P = param["aria-level"], y = param.dataAttributes;
73
+ var L;
74
+ var I = R(), W = G(o);
75
+ if (!c && c !== 0) return null;
76
+ var _obj, _obj1;
77
+ var V = O(A, g ? B : E, (_obj = {}, _defineProperty(_obj, N, o === 1 || o === !0), _defineProperty(_obj, $, o && o > 1), _obj)), C = b((_obj1 = {}, _defineProperty(_obj1, l.mobileSize, a ? h(a) : ""), _defineProperty(_obj1, l.mobileLineHeight, S ? h(S) : ""), _defineProperty(_obj1, l.desktopSize, u ? h(u) : ""), _defineProperty(_obj1, l.desktopLineHeight, k ? h(k) : ""), _obj1)), D = o ? b(_defineProperty({}, l.lineClamp, String(W))) : {};
78
+ return /*#__PURE__*/ M.createElement(w, _objectSpreadProps(_objectSpread({
79
+ className: V,
80
+ id: T,
81
+ role: v,
82
+ "aria-level": P
83
+ }, j(y)), {
84
+ style: _objectSpreadProps(_objectSpread({}, C, D), {
85
+ margin: 0,
86
+ hyphens: z,
87
+ letterSpacing: H,
88
+ fontWeight: e ? q[e] : "inherit",
89
+ textTransform: f || "inherit",
90
+ textDecoration: x != null ? x : "inherit",
91
+ overflowWrap: g ? "anywhere" : "inherit",
92
+ color: I && (L = F[t]) != null ? L : t
93
+ })
94
+ }), c);
95
+ }, m = function(e) {
96
+ if (e.light) return "light";
97
+ if (e.regular) return "regular";
98
+ if (e.medium) return "medium";
99
+ }, te = function(e) {
100
+ var ref = s(), t = ref.textPresets;
101
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
179
102
  mobileSize: 32,
180
103
  mobileLineHeight: "40px",
181
104
  desktopSize: 64,
182
105
  desktopLineHeight: "72px",
183
- weight: i.text10.weight
106
+ weight: t.text10.weight
184
107
  }, e), {
185
108
  children: e.children
186
109
  }));
187
- }, V = function(e) {
188
- var ref = l(), i = ref.textPresets;
189
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
110
+ }, ie = function(e) {
111
+ var ref = s(), t = ref.textPresets;
112
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
190
113
  mobileSize: 32,
191
114
  mobileLineHeight: "40px",
192
115
  desktopSize: 56,
193
116
  desktopLineHeight: "64px",
194
- weight: i.text9.weight
117
+ weight: t.text9.weight
195
118
  }, e), {
196
119
  children: e.children
197
120
  }));
198
- }, F = function(e) {
199
- var ref = l(), i = ref.textPresets;
200
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
121
+ }, re = function(e) {
122
+ var ref = s(), t = ref.textPresets;
123
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
201
124
  mobileSize: 32,
202
125
  mobileLineHeight: "40px",
203
126
  desktopSize: 48,
204
127
  desktopLineHeight: "56px",
205
- weight: i.text8.weight
128
+ weight: t.text8.weight
206
129
  }, e), {
207
130
  children: e.children
208
131
  }));
209
- }, G = function(e) {
210
- var ref = l(), i = ref.textPresets;
211
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
132
+ }, ne = function(e) {
133
+ var ref = s(), t = ref.textPresets;
134
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
212
135
  mobileSize: 28,
213
136
  mobileLineHeight: "32px",
214
137
  desktopSize: 40,
215
138
  desktopLineHeight: "48px",
216
- weight: i.text7.weight
139
+ weight: t.text7.weight
217
140
  }, e), {
218
141
  children: e.children
219
142
  }));
220
- }, J = function(e) {
221
- var ref = l(), i = ref.textPresets;
222
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
143
+ }, oe = function(e) {
144
+ var ref = s(), t = ref.textPresets;
145
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
223
146
  mobileSize: 24,
224
147
  mobileLineHeight: "32px",
225
148
  desktopSize: 32,
226
149
  desktopLineHeight: "40px",
227
- weight: i.text6.weight
150
+ weight: t.text6.weight
228
151
  }, e), {
229
152
  children: e.children
230
153
  }));
231
- }, K = function(e) {
232
- var ref = l(), i = ref.textPresets;
233
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
154
+ }, se = function(e) {
155
+ var ref = s(), t = ref.textPresets;
156
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
234
157
  mobileSize: 22,
235
158
  mobileLineHeight: "24px",
236
159
  desktopSize: 28,
237
160
  desktopLineHeight: "32px",
238
- weight: i.text5.weight
161
+ weight: t.text5.weight
239
162
  }, e), {
240
163
  children: e.children
241
164
  }));
242
- }, Q = function(e) {
243
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
165
+ }, le = function(e) {
166
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
244
167
  mobileSize: 18,
245
168
  mobileLineHeight: "24px",
246
169
  desktopSize: 20,
247
170
  desktopLineHeight: "28px",
248
- weight: w(e)
171
+ weight: m(e)
249
172
  }, e), {
250
173
  children: e.children
251
174
  }));
252
- }, X = function(e) {
253
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
175
+ }, he = function(e) {
176
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
254
177
  mobileSize: 16,
255
178
  desktopSize: 18,
256
179
  lineHeight: "24px",
257
- weight: w(e)
180
+ weight: m(e)
258
181
  }, e), {
259
182
  children: e.children
260
183
  }));
261
- }, Y = function(e) {
262
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
184
+ }, me = function(e) {
185
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
263
186
  mobileSize: 14,
264
187
  mobileLineHeight: "20px",
265
188
  desktopSize: 16,
266
189
  desktopLineHeight: "24px",
267
- weight: u(e)
190
+ weight: m(e)
268
191
  }, e), {
269
192
  children: e.children
270
193
  }));
271
- }, Z = function(e) {
272
- return /* @__PURE__ */ r(n, _objectSpreadProps(_objectSpread({
194
+ }, xe = function(e) {
195
+ return /* @__PURE__ */ i(r, _objectSpreadProps(_objectSpread({
273
196
  mobileSize: 12,
274
197
  mobileLineHeight: "16px",
275
198
  desktopSize: 14,
276
199
  desktopLineHeight: "20px",
277
- weight: u(e)
200
+ weight: m(e)
278
201
  }, e), {
279
202
  children: e.children
280
203
  }));
281
204
  };
282
- export { n as Text, Z as Text1, U as Text10, Y as Text2, X as Text3, Q as Text4, K as Text5, J as Text6, G as Text7, F as Text8, V as Text9, n as default };
205
+ export { r as Text, xe as Text1, te as Text10, me as Text2, he as Text3, le as Text4, se as Text5, oe as Text6, ne as Text7, re as Text8, ie as Text9, r as default };