@telefonica/mistica 12.11.1 → 12.13.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 (337) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +2 -2
  3. package/dist/avatar.d.ts +3 -2
  4. package/dist/avatar.js +72 -17
  5. package/dist/avatar.js.flow +2 -1
  6. package/dist/badge.css-mistica.js +4 -4
  7. package/dist/badge.d.ts +2 -0
  8. package/dist/badge.js +49 -8
  9. package/dist/badge.js.flow +2 -0
  10. package/dist/boxed.js +5 -5
  11. package/dist/button-group.css-mistica.js +1 -1
  12. package/dist/button-group.js +7 -7
  13. package/dist/button-layout.css-mistica.js +12 -12
  14. package/dist/button-layout.js +1 -1
  15. package/dist/button.css-mistica.js +26 -26
  16. package/dist/button.js +127 -77
  17. package/dist/callout.css-mistica.js +2 -2
  18. package/dist/callout.d.ts +2 -1
  19. package/dist/callout.js +68 -16
  20. package/dist/callout.js.flow +2 -1
  21. package/dist/card.css-mistica.js +5 -5
  22. package/dist/card.js +47 -41
  23. package/dist/carousel.css-mistica.js +23 -25
  24. package/dist/carousel.css.d.ts +1 -0
  25. package/dist/carousel.css.js.flow +4 -0
  26. package/dist/carousel.d.ts +7 -1
  27. package/dist/carousel.js +237 -209
  28. package/dist/carousel.js.flow +9 -1
  29. package/dist/checkbox.css-mistica.js +6 -6
  30. package/dist/checkbox.js +1 -1
  31. package/dist/chip.css-mistica.js +2 -2
  32. package/dist/chip.d.ts +7 -11
  33. package/dist/chip.js +65 -22
  34. package/dist/chip.js.flow +11 -6
  35. package/dist/circle.css-mistica.js +1 -1
  36. package/dist/credit-card-number-field.css-mistica.js +3 -3
  37. package/dist/cvv-field.css-mistica.js +1 -1
  38. package/dist/date-time-picker.js +2 -2
  39. package/dist/desktop-container-type-context.js +14 -4
  40. package/dist/dialog.css-mistica.js +6 -6
  41. package/dist/dialog.d.ts +2 -10
  42. package/dist/dialog.js +1 -0
  43. package/dist/dialog.js.flow +6 -4
  44. package/dist/double-field.css-mistica.js +5 -4
  45. package/dist/empty-state-card.css-mistica.js +1 -1
  46. package/dist/empty-state.css-mistica.js +2 -2
  47. package/dist/empty-state.js +5 -5
  48. package/dist/fade-in.d.ts +2 -0
  49. package/dist/fade-in.js +59 -6
  50. package/dist/fade-in.js.flow +2 -0
  51. package/dist/feedback.css-mistica.js +1 -1
  52. package/dist/feedback.js +130 -115
  53. package/dist/fixed-footer-layout.css-mistica.js +36 -0
  54. package/dist/fixed-footer-layout.css.d.ts +9 -0
  55. package/dist/fixed-footer-layout.css.js.flow +17 -0
  56. package/dist/fixed-footer-layout.css.ts.vanilla.js +11 -0
  57. package/dist/fixed-footer-layout.js +35 -84
  58. package/dist/header.js +99 -129
  59. package/dist/highlighted-card.css-mistica.js +5 -5
  60. package/dist/highlighted-card.d.ts +1 -1
  61. package/dist/highlighted-card.js +20 -15
  62. package/dist/highlighted-card.js.flow +1 -1
  63. package/dist/icon-button.css-mistica.js +13 -0
  64. package/dist/icon-button.css.d.ts +1 -0
  65. package/dist/icon-button.css.js.flow +3 -0
  66. package/dist/icon-button.css.ts.vanilla.js +11 -0
  67. package/dist/icon-button.d.ts +2 -1
  68. package/dist/icon-button.js +51 -28
  69. package/dist/icon-button.js.flow +2 -1
  70. package/dist/icons/icon-error.css-mistica.js +20 -0
  71. package/dist/icons/icon-error.css.d.ts +2 -0
  72. package/dist/icons/icon-error.css.js.flow +4 -0
  73. package/dist/icons/icon-error.css.ts.vanilla.js +11 -0
  74. package/dist/icons/icon-error.js +22 -33
  75. package/dist/icons/icon-info.js +16 -28
  76. package/dist/icons/icon-success-vivo.js +10 -20
  77. package/dist/icons/icon-success.js +28 -44
  78. package/dist/image.css-mistica.js +3 -3
  79. package/dist/index.d.ts +2 -0
  80. package/dist/index.js +8 -0
  81. package/dist/index.js.flow +2 -0
  82. package/dist/list.css-mistica.js +7 -7
  83. package/dist/list.js +112 -71
  84. package/dist/loading-bar.css-mistica.js +6 -6
  85. package/dist/loading-bar.d.ts +2 -0
  86. package/dist/loading-bar.js +60 -6
  87. package/dist/loading-bar.js.flow +5 -1
  88. package/dist/maybe-dismissable.css-mistica.js +24 -0
  89. package/dist/maybe-dismissable.css.d.ts +3 -0
  90. package/dist/maybe-dismissable.css.js.flow +5 -0
  91. package/dist/maybe-dismissable.css.ts.vanilla.js +11 -0
  92. package/dist/maybe-dismissable.js +16 -51
  93. package/dist/media-queries.css-mistica.js +37 -5
  94. package/dist/menu.css-mistica.js +34 -0
  95. package/dist/menu.css.d.ts +11 -0
  96. package/dist/menu.css.js.flow +19 -0
  97. package/dist/menu.css.ts.vanilla.js +11 -0
  98. package/dist/menu.d.ts +2 -0
  99. package/dist/menu.js +53 -99
  100. package/dist/menu.js.flow +2 -0
  101. package/dist/navigation-bar.css-mistica.js +79 -0
  102. package/dist/navigation-bar.css.d.ts +17 -0
  103. package/dist/navigation-bar.css.js.flow +26 -0
  104. package/dist/navigation-bar.css.ts.vanilla.js +11 -0
  105. package/dist/navigation-bar.js +206 -334
  106. package/dist/navigation-breadcrumbs.css-mistica.js +27 -0
  107. package/dist/navigation-breadcrumbs.css.d.ts +5 -0
  108. package/dist/navigation-breadcrumbs.css.js.flow +7 -0
  109. package/dist/navigation-breadcrumbs.css.ts.vanilla.js +11 -0
  110. package/dist/navigation-breadcrumbs.js +20 -38
  111. package/dist/overlay.d.ts +2 -0
  112. package/dist/overlay.js +37 -11
  113. package/dist/overlay.js.flow +2 -0
  114. package/dist/package-version.js +1 -1
  115. package/dist/password-field.css-mistica.js +13 -0
  116. package/dist/password-field.css.d.ts +1 -0
  117. package/dist/password-field.css.js.flow +3 -0
  118. package/dist/password-field.css.ts.vanilla.js +11 -0
  119. package/dist/password-field.js +39 -55
  120. package/dist/popover.css-mistica.js +51 -0
  121. package/dist/popover.css.d.ts +12 -0
  122. package/dist/popover.css.js.flow +14 -0
  123. package/dist/popover.css.ts.vanilla.js +11 -0
  124. package/dist/popover.d.ts +2 -1
  125. package/dist/popover.js +97 -118
  126. package/dist/popover.js.flow +2 -1
  127. package/dist/progress-bar.css-mistica.js +3 -3
  128. package/dist/progress-bar.d.ts +2 -0
  129. package/dist/progress-bar.js +60 -7
  130. package/dist/progress-bar.js.flow +2 -0
  131. package/dist/radio-button.css-mistica.js +39 -0
  132. package/dist/radio-button.css.d.ts +6 -0
  133. package/dist/radio-button.css.js.flow +8 -0
  134. package/dist/radio-button.css.ts.vanilla.js +11 -0
  135. package/dist/radio-button.d.ts +1 -0
  136. package/dist/radio-button.js +81 -125
  137. package/dist/radio-button.js.flow +1 -0
  138. package/dist/responsive-layout.css-mistica.js +7 -4
  139. package/dist/responsive-layout.css.d.ts +1 -0
  140. package/dist/responsive-layout.css.js.flow +1 -0
  141. package/dist/responsive-layout.d.ts +2 -0
  142. package/dist/responsive-layout.js +19 -11
  143. package/dist/responsive-layout.js.flow +2 -0
  144. package/dist/screen-reader-only.css-mistica.js +2 -2
  145. package/dist/select.css-mistica.js +60 -0
  146. package/dist/select.css.d.ts +16 -0
  147. package/dist/select.css.js.flow +30 -0
  148. package/dist/select.css.ts.vanilla.js +11 -0
  149. package/dist/select.js +150 -272
  150. package/dist/skeleton-base.js +13 -32
  151. package/dist/skeletons.css-mistica.js +1 -1
  152. package/dist/skeletons.js +63 -42
  153. package/dist/skins/skin-contract.css.js.flow +1 -0
  154. package/dist/snackbar.css-mistica.js +4 -4
  155. package/dist/snackbar.d.ts +2 -0
  156. package/dist/snackbar.js +70 -23
  157. package/dist/snackbar.js.flow +2 -0
  158. package/dist/spinner.css-mistica.js +2 -2
  159. package/dist/spinner.js +14 -11
  160. package/dist/sprinkles.css-mistica.js +217 -479
  161. package/dist/sprinkles.css.d.ts +0 -25
  162. package/dist/stepper.css-mistica.js +7 -7
  163. package/dist/stepper.d.ts +2 -0
  164. package/dist/stepper.js +52 -11
  165. package/dist/stepper.js.flow +2 -0
  166. package/dist/switch-component.css-mistica.js +54 -0
  167. package/dist/switch-component.css.d.ts +14 -0
  168. package/dist/switch-component.css.js.flow +43 -0
  169. package/dist/switch-component.css.ts.vanilla.js +11 -0
  170. package/dist/switch-component.js +35 -96
  171. package/dist/tabs.css-mistica.js +6 -6
  172. package/dist/tabs.js +16 -15
  173. package/dist/tag.css-mistica.js +2 -2
  174. package/dist/tag.js +5 -5
  175. package/dist/text-field-base.css-mistica.js +63 -0
  176. package/dist/text-field-base.css.d.ts +17 -0
  177. package/dist/text-field-base.css.js.flow +19 -0
  178. package/dist/text-field-base.css.ts.vanilla.js +11 -0
  179. package/dist/text-field-base.js +120 -314
  180. package/dist/text-field-components.css-mistica.js +69 -0
  181. package/dist/text-field-components.css.d.ts +18 -0
  182. package/dist/text-field-components.css.js.flow +20 -0
  183. package/dist/text-field-components.css.ts.vanilla.js +11 -0
  184. package/dist/text-field-components.d.ts +0 -4
  185. package/dist/text-field-components.js +46 -159
  186. package/dist/text-field-components.js.flow +0 -4
  187. package/dist/text-link.css-mistica.js +3 -3
  188. package/dist/text.js +159 -92
  189. package/dist/theme-context-provider.js +1 -1
  190. package/dist/title.js +44 -12
  191. package/dist/tooltip.css-mistica.js +7 -7
  192. package/dist/tooltip.d.ts +2 -0
  193. package/dist/tooltip.js +62 -36
  194. package/dist/tooltip.js.flow +2 -0
  195. package/dist/touchable.css-mistica.js +3 -3
  196. package/dist/touchable.js +10 -10
  197. package/dist/utils/animation.d.ts +0 -6
  198. package/dist/utils/animation.js +18 -55
  199. package/dist/utils/animation.js.flow +0 -8
  200. package/dist/utils/aspect-ratio-support.css-mistica.js +29 -0
  201. package/dist/utils/aspect-ratio-support.css.d.ts +6 -0
  202. package/dist/utils/aspect-ratio-support.css.js.flow +11 -0
  203. package/dist/utils/aspect-ratio-support.css.ts.vanilla.js +11 -0
  204. package/dist/utils/aspect-ratio-support.js +37 -56
  205. package/dist/utils/color.d.ts +1 -1
  206. package/dist/utils/color.js.flow +1 -1
  207. package/dist/utils/dom.d.ts +1 -1
  208. package/dist/utils/dom.js +7 -5
  209. package/dist/utils/dom.js.flow +2 -1
  210. package/dist/video.css-mistica.js +2 -2
  211. package/dist-es/avatar.css-mistica.js +2 -2
  212. package/dist-es/avatar.js +77 -22
  213. package/dist-es/badge.css-mistica.js +2 -2
  214. package/dist-es/badge.js +56 -15
  215. package/dist-es/boxed.js +5 -5
  216. package/dist-es/button-group.css-mistica.js +1 -1
  217. package/dist-es/button-group.js +10 -10
  218. package/dist-es/button-layout.css-mistica.js +7 -7
  219. package/dist-es/button-layout.js +4 -4
  220. package/dist-es/button.css-mistica.js +9 -9
  221. package/dist-es/button.js +152 -102
  222. package/dist-es/callout.css-mistica.js +2 -2
  223. package/dist-es/callout.js +79 -27
  224. package/dist-es/card.css-mistica.js +2 -2
  225. package/dist-es/card.js +78 -72
  226. package/dist-es/carousel.css-mistica.js +8 -7
  227. package/dist-es/carousel.js +286 -258
  228. package/dist-es/checkbox.css-mistica.js +5 -5
  229. package/dist-es/checkbox.js +1 -1
  230. package/dist-es/chip.css-mistica.js +2 -2
  231. package/dist-es/chip.js +79 -36
  232. package/dist-es/circle.css-mistica.js +1 -1
  233. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  234. package/dist-es/cvv-field.css-mistica.js +1 -1
  235. package/dist-es/date-time-picker.js +1 -1
  236. package/dist-es/desktop-container-type-context.js +4 -2
  237. package/dist-es/dialog.css-mistica.js +5 -5
  238. package/dist-es/dialog.js +1 -0
  239. package/dist-es/double-field.css-mistica.js +5 -4
  240. package/dist-es/empty-state-card.css-mistica.js +1 -1
  241. package/dist-es/empty-state.css-mistica.js +2 -2
  242. package/dist-es/empty-state.js +18 -18
  243. package/dist-es/fade-in.js +60 -7
  244. package/dist-es/feedback.css-mistica.js +1 -1
  245. package/dist-es/feedback.js +170 -155
  246. package/dist-es/fixed-footer-layout.css-mistica.js +7 -0
  247. package/dist-es/fixed-footer-layout.css.ts.vanilla.js +2 -0
  248. package/dist-es/fixed-footer-layout.js +47 -96
  249. package/dist-es/header.js +116 -146
  250. package/dist-es/highlighted-card.css-mistica.js +5 -5
  251. package/dist-es/highlighted-card.js +44 -39
  252. package/dist-es/icon-button.css-mistica.js +4 -0
  253. package/dist-es/icon-button.css.ts.vanilla.js +2 -0
  254. package/dist-es/icon-button.js +41 -26
  255. package/dist-es/icons/icon-error.css-mistica.js +3 -0
  256. package/dist-es/icons/icon-error.css.ts.vanilla.js +2 -0
  257. package/dist-es/icons/icon-error.js +46 -57
  258. package/dist-es/icons/icon-info.js +28 -40
  259. package/dist-es/icons/icon-success-vivo.js +18 -28
  260. package/dist-es/icons/icon-success.js +45 -56
  261. package/dist-es/image.css-mistica.js +2 -2
  262. package/dist-es/index.js +1738 -1736
  263. package/dist-es/list.css-mistica.js +2 -2
  264. package/dist-es/list.js +126 -85
  265. package/dist-es/loading-bar.css-mistica.js +2 -2
  266. package/dist-es/loading-bar.js +73 -19
  267. package/dist-es/maybe-dismissable.css-mistica.js +4 -0
  268. package/dist-es/maybe-dismissable.css.ts.vanilla.js +2 -0
  269. package/dist-es/maybe-dismissable.js +24 -59
  270. package/dist-es/media-queries.css-mistica.js +3 -3
  271. package/dist-es/menu.css-mistica.js +11 -0
  272. package/dist-es/menu.css.ts.vanilla.js +2 -0
  273. package/dist-es/menu.js +61 -107
  274. package/dist-es/navigation-bar.css-mistica.js +17 -0
  275. package/dist-es/navigation-bar.css.ts.vanilla.js +2 -0
  276. package/dist-es/navigation-bar.js +253 -381
  277. package/dist-es/navigation-breadcrumbs.css-mistica.js +4 -0
  278. package/dist-es/navigation-breadcrumbs.css.ts.vanilla.js +2 -0
  279. package/dist-es/navigation-breadcrumbs.js +34 -52
  280. package/dist-es/overlay.js +41 -15
  281. package/dist-es/package-version.js +1 -1
  282. package/dist-es/password-field.css-mistica.js +4 -0
  283. package/dist-es/password-field.css.ts.vanilla.js +2 -0
  284. package/dist-es/password-field.js +45 -61
  285. package/dist-es/popover.css-mistica.js +4 -0
  286. package/dist-es/popover.css.ts.vanilla.js +2 -0
  287. package/dist-es/popover.js +121 -141
  288. package/dist-es/progress-bar.css-mistica.js +2 -2
  289. package/dist-es/progress-bar.js +68 -15
  290. package/dist-es/radio-button.css-mistica.js +10 -0
  291. package/dist-es/radio-button.css.ts.vanilla.js +2 -0
  292. package/dist-es/radio-button.js +99 -143
  293. package/dist-es/responsive-layout.css-mistica.js +2 -2
  294. package/dist-es/responsive-layout.js +23 -15
  295. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  296. package/dist-es/select.css-mistica.js +22 -0
  297. package/dist-es/select.css.ts.vanilla.js +2 -0
  298. package/dist-es/select.js +177 -299
  299. package/dist-es/skeleton-base.js +17 -36
  300. package/dist-es/skeletons.css-mistica.js +1 -1
  301. package/dist-es/skeletons.js +78 -57
  302. package/dist-es/snackbar.css-mistica.js +2 -2
  303. package/dist-es/snackbar.js +89 -42
  304. package/dist-es/spinner.css-mistica.js +2 -2
  305. package/dist-es/spinner.js +14 -11
  306. package/dist-es/sprinkles.css-mistica.js +217 -479
  307. package/dist-es/stepper.css-mistica.js +2 -2
  308. package/dist-es/stepper.js +68 -27
  309. package/dist-es/style.css +1 -1
  310. package/dist-es/switch-component.css-mistica.js +22 -0
  311. package/dist-es/switch-component.css.ts.vanilla.js +2 -0
  312. package/dist-es/switch-component.js +51 -112
  313. package/dist-es/tabs.css-mistica.js +6 -6
  314. package/dist-es/tabs.js +24 -23
  315. package/dist-es/tag.css-mistica.js +2 -2
  316. package/dist-es/tag.js +11 -11
  317. package/dist-es/text-field-base.css-mistica.js +4 -0
  318. package/dist-es/text-field-base.css.ts.vanilla.js +2 -0
  319. package/dist-es/text-field-base.js +134 -328
  320. package/dist-es/text-field-components.css-mistica.js +4 -0
  321. package/dist-es/text-field-components.css.ts.vanilla.js +2 -0
  322. package/dist-es/text-field-components.js +56 -157
  323. package/dist-es/text-link.css-mistica.js +3 -3
  324. package/dist-es/text.js +159 -92
  325. package/dist-es/theme-context-provider.js +1 -1
  326. package/dist-es/title.js +50 -18
  327. package/dist-es/tooltip.css-mistica.js +3 -3
  328. package/dist-es/tooltip.js +90 -64
  329. package/dist-es/touchable.css-mistica.js +2 -2
  330. package/dist-es/touchable.js +10 -10
  331. package/dist-es/utils/animation.js +28 -62
  332. package/dist-es/utils/aspect-ratio-support.css-mistica.js +6 -0
  333. package/dist-es/utils/aspect-ratio-support.css.ts.vanilla.js +2 -0
  334. package/dist-es/utils/aspect-ratio-support.js +34 -58
  335. package/dist-es/utils/dom.js +7 -5
  336. package/dist-es/video.css-mistica.js +2 -2
  337. package/package.json +2 -1
package/css/mistica.css CHANGED
@@ -1 +1 @@
1
- @-webkit-keyframes kq227n0{0%{opacity:0}to{opacity:1}}@keyframes kq227n0{0%{opacity:0}to{opacity:1}}.kq227n1{-webkit-animation-name:kq227n0;animation-name:kq227n0;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.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}.kkfbnv4{justify-content:space-between}.kkfbnv5{justify-content:space-around}.kkfbnv6{justify-content:space-evenly}._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-shrink:1}._1y2v1nf7v{flex-grow:0}._1y2v1nf7w{flex-grow:1}._1y2v1nf7x{flex:1}._1y2v1nf7y{padding-top:0}._1y2v1nf7z{padding-top:2px}._1y2v1nf80{padding-top:4px}._1y2v1nf81{padding-top:8px}._1y2v1nf82{padding-top:12px}._1y2v1nf83{padding-top:16px}._1y2v1nf84{padding-top:24px}._1y2v1nf85{padding-top:32px}._1y2v1nf86{padding-top:40px}._1y2v1nf87{padding-top:48px}._1y2v1nf88{padding-top:56px}._1y2v1nf89{padding-top:64px}._1y2v1nf8a{padding-top:72px}._1y2v1nf8b{padding-top:80px}._1y2v1nf8c{padding-bottom:0}._1y2v1nf8d{padding-bottom:2px}._1y2v1nf8e{padding-bottom:4px}._1y2v1nf8f{padding-bottom:8px}._1y2v1nf8g{padding-bottom:12px}._1y2v1nf8h{padding-bottom:16px}._1y2v1nf8i{padding-bottom:24px}._1y2v1nf8j{padding-bottom:32px}._1y2v1nf8k{padding-bottom:40px}._1y2v1nf8l{padding-bottom:48px}._1y2v1nf8m{padding-bottom:56px}._1y2v1nf8n{padding-bottom:64px}._1y2v1nf8o{padding-bottom:72px}._1y2v1nf8p{padding-bottom:80px}._1y2v1nf8q{padding-left:0}._1y2v1nf8r{padding-left:2px}._1y2v1nf8s{padding-left:4px}._1y2v1nf8t{padding-left:8px}._1y2v1nf8u{padding-left:12px}._1y2v1nf8v{padding-left:16px}._1y2v1nf8w{padding-left:24px}._1y2v1nf8x{padding-left:32px}._1y2v1nf8y{padding-left:40px}._1y2v1nf8z{padding-left:48px}._1y2v1nf90{padding-left:56px}._1y2v1nf91{padding-left:64px}._1y2v1nf92{padding-left:72px}._1y2v1nf93{padding-left:80px}._1y2v1nf94{padding-right:0}._1y2v1nf95{padding-right:2px}._1y2v1nf96{padding-right:4px}._1y2v1nf97{padding-right:8px}._1y2v1nf98{padding-right:12px}._1y2v1nf99{padding-right:16px}._1y2v1nf9a{padding-right:24px}._1y2v1nf9b{padding-right:32px}._1y2v1nf9c{padding-right:40px}._1y2v1nf9d{padding-right:48px}._1y2v1nf9e{padding-right:56px}._1y2v1nf9f{padding-right:64px}._1y2v1nf9g{padding-right:72px}._1y2v1nf9h{padding-right:80px}._1y2v1nf9i{box-sizing:border-box;width:100%}._1y2v1nf9j{box-sizing:border-box;width:auto}._1y2v1nf9k{box-sizing:border-box;width:0}._1y2v1nf9l{box-sizing:border-box;width:2px}._1y2v1nf9m{box-sizing:border-box;width:4px}._1y2v1nf9n{box-sizing:border-box;width:8px}._1y2v1nf9o{box-sizing:border-box;width:12px}._1y2v1nf9p{box-sizing:border-box;width:16px}._1y2v1nf9q{box-sizing:border-box;width:24px}._1y2v1nf9r{box-sizing:border-box;width:32px}._1y2v1nf9s{box-sizing:border-box;width:40px}._1y2v1nf9t{box-sizing:border-box;width:48px}._1y2v1nf9u{box-sizing:border-box;width:56px}._1y2v1nf9v{box-sizing:border-box;width:64px}._1y2v1nf9w{box-sizing:border-box;width:72px}._1y2v1nf9x{box-sizing:border-box;width:80px}._1y2v1nf9y{box-sizing:border-box;height:100%}._1y2v1nf9z{box-sizing:border-box;height:0}._1y2v1nfa0{box-sizing:border-box;height:2px}._1y2v1nfa1{box-sizing:border-box;height:4px}._1y2v1nfa2{box-sizing:border-box;height:8px}._1y2v1nfa3{box-sizing:border-box;height:12px}._1y2v1nfa4{box-sizing:border-box;height:16px}._1y2v1nfa5{box-sizing:border-box;height:24px}._1y2v1nfa6{box-sizing:border-box;height:32px}._1y2v1nfa7{box-sizing:border-box;height:40px}._1y2v1nfa8{box-sizing:border-box;height:48px}._1y2v1nfa9{box-sizing:border-box;height:56px}._1y2v1nfaa{box-sizing:border-box;height:64px}._1y2v1nfab{box-sizing:border-box;height:72px}._1y2v1nfac{box-sizing:border-box;height:80px}._1y2v1nfad{box-sizing:border-box;min-width:100%}._1y2v1nfae{box-sizing:border-box;min-width:0}._1y2v1nfaf{box-sizing:border-box;min-width:2px}._1y2v1nfag{box-sizing:border-box;min-width:4px}._1y2v1nfah{box-sizing:border-box;min-width:8px}._1y2v1nfai{box-sizing:border-box;min-width:12px}._1y2v1nfaj{box-sizing:border-box;min-width:16px}._1y2v1nfak{box-sizing:border-box;min-width:24px}._1y2v1nfal{box-sizing:border-box;min-width:32px}._1y2v1nfam{box-sizing:border-box;min-width:40px}._1y2v1nfan{box-sizing:border-box;min-width:48px}._1y2v1nfao{box-sizing:border-box;min-width:56px}._1y2v1nfap{box-sizing:border-box;min-width:64px}._1y2v1nfaq{box-sizing:border-box;min-width:72px}._1y2v1nfar{box-sizing:border-box;min-width:80px}._1y2v1nfas{box-sizing:border-box;min-height:0}._1y2v1nfat{box-sizing:border-box;min-height:2px}._1y2v1nfau{box-sizing:border-box;min-height:4px}._1y2v1nfav{box-sizing:border-box;min-height:8px}._1y2v1nfaw{box-sizing:border-box;min-height:12px}._1y2v1nfax{box-sizing:border-box;min-height:16px}._1y2v1nfay{box-sizing:border-box;min-height:24px}._1y2v1nfaz{box-sizing:border-box;min-height:32px}._1y2v1nfb0{box-sizing:border-box;min-height:40px}._1y2v1nfb1{box-sizing:border-box;min-height:48px}._1y2v1nfb2{box-sizing:border-box;min-height:56px}._1y2v1nfb3{box-sizing:border-box;min-height:64px}._1y2v1nfb4{box-sizing:border-box;min-height:72px}._1y2v1nfb5{box-sizing:border-box;min-height:80px}._1y2v1nfb6{box-sizing:border-box;max-width:100%}._1y2v1nfb7{box-sizing:border-box;max-height:100%}._1y2v1nfb8{border:1px solid var(--_1vqcj1ib)}._1y2v1nfb9{border:none}._1y2v1nfba{border-radius:50%}._1y2v1nfbb{border-radius:2px}._1y2v1nfbc{border-radius:4px}._1y2v1nfbd{border-radius:8px}._1y2v1nfbe{border-radius:16px}._1y2v1nfbf{border-radius:20px}._1y2v1nfbg{cursor:pointer}._1y2v1nfbh{overflow:hidden}._1y2v1nfbi{overflow:visible}._1y2v1nfbj{top:0}._1y2v1nfbk{top:2px}._1y2v1nfbl{top:4px}._1y2v1nfbm{top:8px}._1y2v1nfbn{top:12px}._1y2v1nfbo{top:16px}._1y2v1nfbp{top:24px}._1y2v1nfbq{top:32px}._1y2v1nfbr{top:40px}._1y2v1nfbs{top:48px}._1y2v1nfbt{top:56px}._1y2v1nfbu{top:64px}._1y2v1nfbv{top:72px}._1y2v1nfbw{top:80px}._1y2v1nfbx{left:0}._1y2v1nfby{left:2px}._1y2v1nfbz{left:4px}._1y2v1nfc0{left:8px}._1y2v1nfc1{left:12px}._1y2v1nfc2{left:16px}._1y2v1nfc3{left:24px}._1y2v1nfc4{left:32px}._1y2v1nfc5{left:40px}._1y2v1nfc6{left:48px}._1y2v1nfc7{left:56px}._1y2v1nfc8{left:64px}._1y2v1nfc9{left:72px}._1y2v1nfca{left:80px}._1y2v1nfcb{right:0}._1y2v1nfcc{right:2px}._1y2v1nfcd{right:4px}._1y2v1nfce{right:8px}._1y2v1nfcf{right:12px}._1y2v1nfcg{right:16px}._1y2v1nfch{right:24px}._1y2v1nfci{right:32px}._1y2v1nfcj{right:40px}._1y2v1nfck{right:48px}._1y2v1nfcl{right:56px}._1y2v1nfcm{right:64px}._1y2v1nfcn{right:72px}._1y2v1nfco{right:80px}._1y2v1nfcp{bottom:0}._1y2v1nfcq{bottom:2px}._1y2v1nfcr{bottom:4px}._1y2v1nfcs{bottom:8px}._1y2v1nfct{bottom:12px}._1y2v1nfcu{bottom:16px}._1y2v1nfcv{bottom:24px}._1y2v1nfcw{bottom:32px}._1y2v1nfcx{bottom:40px}._1y2v1nfcy{bottom:48px}._1y2v1nfcz{bottom:56px}._1y2v1nfd0{bottom:64px}._1y2v1nfd1{bottom:72px}._1y2v1nfd2{bottom:80px}._1y2v1nfd3{object-fit:cover}@-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}}.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}.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){.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)}}.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}.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 _1num3qg0{0%{transform:translate(0)}to{transform:translate(150%)}}@keyframes _1num3qg0{0%{transform:translate(0)}to{transform:translate(150%)}}@-webkit-keyframes _1num3qg1{0%{transform:scaleX(.1)}20%{transform:scaleX(.35)}50%{transform:scaleX(.7)}to{transform:scaleX(.8)}}@keyframes _1num3qg1{0%{transform:scaleX(.1)}20%{transform:scaleX(.35)}50%{transform:scaleX(.7)}to{transform:scaleX(.8)}}._1num3qg3{z-index:9999}._1num3qg6{left:-55%;-webkit-animation:_1num3qg0 1.2s ease-out infinite;animation:_1num3qg0 1.2s ease-out infinite;-webkit-animation-delay:400;animation-delay:400;background-color:var(--_1vqcj1iw)}._1num3qg8{transform:scaleX(.1);-webkit-animation:_1num3qg1 1.2s ease-out infinite;animation:_1num3qg1 1.2s ease-out infinite;-webkit-animation-delay:400;animation-delay:400}._1num3qg9{transition:.4s ease-out;transform:translateY(-4px)}._1num3qga{transform:translateY(0)}._1num3qgb{transform:translateY(0);transition:.4s ease-out}._1num3qgc{transform:translateY(-4px)}.splu5g5{overflow-wrap:anywhere}.splu5g6{overflow-wrap:inherit}.splu5g7{margin:0;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}}._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}._379jdb4{display:grid}@media only screen and (min-height: 550px) and (min-width: 1368px){._379jdb4{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){._379jdb4{grid-template-columns:repeat(12,1fr);grid-column-gap:16px}}@media only screen and (min-height: 550px) and (min-width: 1024px){._379jdb6{grid-column:span var(--_379jdb5)}}@media only screen and (max-width: 1023px),(max-height: 549px){._379jdb4{grid-template-columns:minmax(0,1fr);grid-column-gap:16px;gap:var(--_379jdb3, 0px)}._379jdb6{grid-column:span 1}}.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}._1m1n0pr1{line-height:inherit;word-break:break-word}._1m1n0pr1[disabled]{opacity:.5;text-decoration:none}._1m1n0pr6{text-decoration:underline}@media (pointer: fine),(pointer: none){._1m1n0pr1:hover:not([disabled]){text-decoration:underline}._1m1n0pr6:hover:not([disabled]){text-decoration-thickness:2px}._1m1n0pr7:hover:not([disabled]){text-decoration-thickness:1px}}@-webkit-keyframes _14h93mq1{0%{box-sizing:border-box;width:0}}@keyframes _14h93mq1{0%{box-sizing:border-box;width:0}}@-webkit-keyframes _14h93mq2{0%{box-sizing:border-box;width:100%}99%{opacity:1}to{opacity:0}}@keyframes _14h93mq2{0%{box-sizing:border-box;width:100%}99%{opacity:1}to{opacity:0}}@-webkit-keyframes _14h93mq3{0%{border-color:var(--_1vqcj1id);background-color:transparent}to{border-color:var(--_1vqcj1iu);background-color:var(--_1vqcj1iu)}}@keyframes _14h93mq3{0%{border-color:var(--_1vqcj1id);background-color:transparent}to{border-color:var(--_1vqcj1iu);background-color:var(--_1vqcj1iu)}}@-webkit-keyframes _14h93mq4{0%{color:var(--_1vqcj1i1k)}to{color:var(--_1vqcj1i1j)}}@keyframes _14h93mq4{0%{color:var(--_1vqcj1i1k)}to{color:var(--_1vqcj1i1j)}}@-webkit-keyframes _14h93mq5{0%{background-color:var(--_1vqcj1iu);transform:scale(1)}to{background-color:var(--_1vqcj1iu);transform:scale(0)}}@keyframes _14h93mq5{0%{background-color:var(--_1vqcj1iu);transform:scale(1)}to{background-color:var(--_1vqcj1iu);transform:scale(0)}}._14h93mq9{text-align:center}._14h93mq9:first-child{align-items:flex-start;text-align:left}._14h93mq9:last-child{align-items:flex-end;text-align:right}._14h93mqb{height:calc(.5rem + 16px);box-sizing:border-box;width:calc(.5rem + 16px)}._14h93mqc:after{content:"";position:absolute;top:0;left:0;width:100%;box-sizing:border-box;height:100%;border-radius:50%;-webkit-animation:_14h93mq5 .3s ease-in-out;animation:_14h93mq5 .3s ease-in-out;will-change:transform;transition:transform .3s ease-in-out}._14h93mqe{border:2px solid var(--_1vqcj1id)}._14h93mqf{transition:border-color .3s ease-in-out,background-color .3s ease-in-out;will-change:border-color,background-color;-webkit-animation:_14h93mq3 .3s ease-in-out;animation:_14h93mq3 .3s ease-in-out;background:var(--_1vqcj1iu);border-color:var(--_1vqcj1iu)}._14h93mqf span{-webkit-animation:_14h93mq4 .3s ease-in-out;animation:_14h93mq4 .3s ease-in-out;will-change:color;transition:color .3s ease-in-out}._14h93mqh{box-sizing:border-box;width:200px;top:calc(1.5rem + 18px)}._14h93mqk{margin:0 8px;background:var(--_1vqcj1it)}._14h93mqk:last-child{display:none}._14h93mqm{background:var(--_1vqcj1iu)}._14h93mqn{transition:width 1s cubic-bezier(.75,0,.27,1);-webkit-animation:_14h93mq1 1s cubic-bezier(.75,0,.27,1);animation:_14h93mq1 1s cubic-bezier(.75,0,.27,1)}._14h93mqp{transition:width 1s cubic-bezier(.75,0,.27,1);-webkit-animation:_14h93mq2 1s cubic-bezier(.75,0,.27,1);animation:_14h93mq2 1s cubic-bezier(.75,0,.27,1)}@media only screen and (min-height: 550px) and (min-width: 1024px){._14h93mq7{box-sizing:border-box;min-height:var(--_14h93mq0)}._14h93mqb{height:calc(1rem + 16px);box-sizing:border-box;width:calc(1rem + 16px)}._14h93mqk{position:relative;top:calc(.5rem + 6px)}}@media only screen and (max-width: 1023px),(max-height: 549px){._14h93mq7{align-items:center}}._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}@-webkit-keyframes _1xhatbp6{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes _1xhatbp6{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes _1xhatbp7{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(-100%)}}@keyframes _1xhatbp7{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(-100%)}}@-webkit-keyframes _1xhatbp8{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translate(0) translateY(-50%)}}@keyframes _1xhatbp8{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translate(0) translateY(-50%)}}@-webkit-keyframes _1xhatbp9{0%{opacity:1}to{opacity:0}}@keyframes _1xhatbp9{0%{opacity:1}to{opacity:0}}._1xhatbpb{left:50%;transform:translate(-50%,-50%) rotate(45deg);box-shadow:var(--_1xhatbp5)}._1xhatbpc{top:100%;left:50%;transform:translate(-50%)}._1xhatbpd{right:100%;top:50%;transform:translateY(-100%) rotate(90deg);transform-origin:bottom}._1xhatbpe{bottom:100%;left:50%;transform:translate(-50%) rotate(180deg)}._1xhatbpf{left:100%;top:50%;transform:translateY(-100%) rotate(-90deg);transform-origin:bottom}._1xhatbpj{z-index:50;box-shadow:0 2px 4px 0 rgba(0,0,0,var(--_1xhatbp0));background-color:var(--_1vqcj1i2)}._1xhatbpk{transform:var(--_1xhatbp1)}._1xhatbpl{-webkit-animation-name:var(--_1xhatbp4);animation-name:var(--_1xhatbp4);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}._1xhatbpm{transform:var(--_1xhatbp2)}._1xhatbpn{transform:var(--_1xhatbp3);opacity:1;transition:opacity .3s cubic-bezier(.215,.61,.355,1)}._1xhatbpo{-webkit-animation:_1xhatbp9 .3s cubic-bezier(.215,.61,.355,1) both;animation:_1xhatbp9 .3s cubic-bezier(.215,.61,.355,1) both}._2buj9g0{opacity:.5}._2buj9ga,._2buj9gb{margin-left:16px}._2buj9gg{line-height:0;margin:16px 0;border-left:1px solid var(--_1vqcj1i11)}@media (pointer: fine),(pointer: none){._2buj9g1:hover{background:var(--_1vqcj1i7)}}.o0dvt10{border-bottom:1px solid var(--_1vqcj1i11)}.o0dvt11{border-bottom:1px solid var(--_1vqcj1i12)}.lgofm10{border-bottom:1px solid var(--_1vqcj1i11)}.lgofm14{overflow-x:scroll;overflow-y:hidden}.lgofm17{flex:1 0 80px;vertical-align:baseline;border-bottom:2px solid transparent;border-top:initial;border-right:initial;border-left:initial}.lgofm18{box-sizing:border-box;max-width:284px}.lgofm19{max-width:max(50%,284px);box-sizing:border-box;max-width:284}.lgofm1a{max-width:max(33.33%,284px);box-sizing:border-box;max-width:284}.lgofm1e{flex-basis:112px}.lgofm1h{border-bottom:2px solid var(--_1vqcj1iu)}.lgofm1i{border-bottom:2px solid transparent}.lgofm1m{margin-right:8px;height:1.5rem;box-sizing:border-box;width:1.5rem}@media only screen and (max-width: 1023px),(max-height: 549px){.lgofm12{display:flex}}@media (pointer: fine),(pointer: none){.lgofm17:hover{color:var(--_1vqcj1i1i)}}@media only screen and (min-height: 550px) and (min-width: 1024px){.lgofm17{flex:0 1 208px;padding:16px 32px;box-sizing:border-box;max-width:284px}.lgofm1e{flex-basis:208px}}.kfxylh1{margin:16px 0;padding:0 16px}.kfxylh3{margin:8px;justify-content:inherit}.kfxylh6{flex-wrap:wrap-reverse;margin:-8px}.kfxylh6:empty{margin:0}.kfxylh7>*: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}.kfxylh7>*:not(.kfxylh3){box-sizing:border-box;width:var(--kfxylh0)}.kfxylh8>*:not(.kfxylh3){box-sizing:border-box;width:var(--kfxylh0)}.kfxylhh{justify-content:flex-start}}._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}}.gx6h6a3{margin:auto}.gx6h6a4{text-align:left;padding:64px 8px 16px;z-index:1;position:relative}.gx6h6a5{opacity:0;transform:translateY(20px)}.gx6h6a6{transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-delay:.6s;opacity:1;transform:translate(0)}.gx6h6a7{box-sizing:border-box;max-width:496px;overflow-wrap:break-word}@media only screen and (min-height: 550px) and (min-width: 1024px){.gx6h6a1{box-sizing:border-box;width:50%}}@-webkit-keyframes j0y7r91{0%{box-sizing:border-box;max-width:0}}@keyframes j0y7r91{0%{box-sizing:border-box;max-width:0}}.j0y7r93{transition:max-width 1s cubic-bezier(.75,0,.27,1);-webkit-animation:j0y7r91 1s cubic-bezier(.75,0,.27,1);animation:j0y7r91 1s cubic-bezier(.75,0,.27,1)}.ihbkeq0{border:1px solid var(--_1vqcj1i2)}._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}}._14g0jmy1{box-sizing:border-box;min-height:56px}._14g0jmy3{align-self:center}._17tt25r1{z-index:1;transition:opacity .3s}._17tt25r2{border-radius:0}@-webkit-keyframes _1fthc590{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes _1fthc590{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@-webkit-keyframes _1fthc591{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes _1fthc591{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@-webkit-keyframes _1fthc592{0%{opacity:1}to{opacity:.2}}@keyframes _1fthc592{0%{opacity:1}to{opacity:.2}}._1fthc594{-webkit-animation:_1fthc590 1.4s linear infinite;animation:_1fthc590 1.4s linear infinite}._1fthc595{stroke-dasharray:187px;stroke-dashoffset:0;transform-origin:center;-webkit-animation:_1fthc591 1.4s ease-in-out infinite;animation:_1fthc591 1.4s ease-in-out infinite}._1fthc597{-webkit-animation:_1fthc592 1s infinite linear;animation:_1fthc592 1s infinite linear}._1fthc597:nth-of-type(2){-webkit-animation-delay:-.08s;animation-delay:-.08s}._1fthc597:nth-of-type(3){-webkit-animation-delay:-.16s;animation-delay:-.16s}._1fthc597:nth-of-type(4){-webkit-animation-delay:-.24s;animation-delay:-.24s}._1fthc597:nth-of-type(5){-webkit-animation-delay:-.32s;animation-delay:-.32s}._1fthc597:nth-of-type(6){-webkit-animation-delay:-.4s;animation-delay:-.4s}._1fthc597:nth-of-type(7){-webkit-animation-delay:-.48s;animation-delay:-.48s}._1fthc597:nth-of-type(8){-webkit-animation-delay:-.56s;animation-delay:-.56s}._1fthc597:nth-of-type(9){-webkit-animation-delay:-.64s;animation-delay:-.64s}._1fthc597:nth-of-type(10){-webkit-animation-delay:-.72s;animation-delay:-.72s}._1fthc597:nth-of-type(11){-webkit-animation-delay:-.8s;animation-delay:-.8s}._1fthc597:nth-of-type(12){-webkit-animation-delay:-.88s;animation-delay:-.88s}.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)}}.gwdgwo1{margin:-1px;width:1px;box-sizing:border-box;height:1px;clip:rect(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1wy08671{vertical-align:middle;border-radius:50px}._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}}.wrb8722{align-self:stretch}.wrb8725{width:100px;min-width:100px;box-sizing:border-box;height:inherit}.wrb8728{padding-right:8px}.wrb8729{padding-right:56px}@media only screen and (min-height: 550px) and (min-width: 1024px){.wrb8727{padding-top:32px;padding-bottom:32px;padding-left:24px}.wrb8728{padding-right:24px}}._1abcu71{transition:transform .3s ease-in-out,background-color .3s ease-in-out;z-index:2}._1abcu72{transform:scale(1.25)}._1abcu75{background-color:rgba(var(--_1vqcj1i3l),.5)}._1abcu7b{scrollbar-width:none}._1abcu7b::-webkit-scrollbar{display:none}._1abcu7d{transition:opacity .2s}._1abcu7d[disabled]{opacity:0}._1abcu7l{--_1abcu7j: 8;overflow-x:auto}._1abcu7m{margin:0 calc(var(--_17lofg70, 0px) * -1)}._1abcu7o{scroll-snap-align:start;flex-shrink:0;box-sizing:border-box;width:calc(1 / var(--_1abcu7g) * 100% + var(--_1abcu7j) / var(--_1abcu7g) * 1px);scroll-margin:calc(-1px * var(--_1abcu7j))}._1abcu7o:first-child{box-sizing:border-box;width:calc(1 / var(--_1abcu7g) * 100% - (var(--_1abcu7j) * (var(--_1abcu7g) - 1)) / var(--_1abcu7g) * 1px);scroll-margin:0}._1abcu7o:empty{display:none}._1abcu7o:not(:empty)~._1abcu7o:not(:empty){padding-left:calc(var(--_1abcu7j) * 1px)}._1abcu7q{z-index:2;top:calc(50% - 20px)}._1abcu7r,._379jdb0 ._1abcu7r,._379jdb1 ._1abcu7r{left:-20px}._1abcu7s,._379jdb0 ._1abcu7s,._379jdb1 ._1abcu7s{right:-20px}._1abcu7v{overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}._1abcu7x{scroll-snap-align:start}._1abcu7z{z-index:2;top:calc(50% - 20px)}._1abcu715{z-index:2}@media only screen and (max-width: 1023px),(max-height: 549px){._1abcu71{width:4px;box-sizing:border-box;height:4px}._1abcu72{transform:scale(1.5)}._1abcu7n:before{content:"";flex-shrink:0;display:block;box-sizing:border-box;width:25%}._1abcu7n:after{content:"";flex-shrink:0;display:block;box-sizing:border-box;width:25%}._1abcu7o{box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% + var(--_1abcu7j) / var(--_1abcu7f) * 1px);scroll-snap-align:start;scroll-margin:calc(var(--_1abcu7h) * 1px)}._1abcu7o:first-child{box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - var(--_1abcu7j) * (var(--_1abcu7f) - 1) / var(--_1abcu7f) * 1px)}._1abcu7m:not(._1abcu7n) ._1abcu7o{box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - (var(--_1abcu7i) + var(--_1abcu7h) + var(--_1abcu7j)) / var(--_1abcu7f) * 1px)}._1abcu7m:not(._1abcu7n) ._1abcu7o:first-child{padding-left:var(--_17lofg70, 0px);box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - (var(--_1abcu7i) + var(--_1abcu7h) + var(--_1abcu7j)) / var(--_1abcu7f) * 1px - var(--_1abcu7j) * 1px + var(--_17lofg70, 0px))}._1abcu7m:not(._1abcu7n) ._1abcu7o:last-child{padding-right:var(--_17lofg70, 0px);box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - (var(--_1abcu7i) + var(--_1abcu7h) + var(--_1abcu7j)) / var(--_1abcu7f) * 1px + var(--_17lofg70, 0px))}._1abcu7n ._1abcu7o{box-sizing:border-box;width:50%;scroll-snap-align:center;scroll-margin:0}._1abcu7r{left:calc(var(--_17lofg70, 0px) * -1)}._1abcu7s{right:calc(var(--_17lofg70, 0px) * -1)}._1abcu7v{margin:0 calc(var(--_17lofg70, 0px) * -1)}._1abcu711{left:0}._1abcu713{right:0}}@media (pointer: coarse){._1abcu7d{display:none}}@media only screen and (min-height: 550px) and (min-width: 1024px){._1abcu7l{--_1abcu7j: 16}}@media only screen and (min-height: 550px) and (min-width: 1368px){._1abcu7r{left:-64px}._1abcu7s{right:-64px}}._10ijton2{margin:0 0 0 16px;line-height:1.42857142;font-size:14px}.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}@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%}}.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)}@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}}@-webkit-keyframes zopolw0{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes zopolw0{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.zopolw2{-webkit-animation:zopolw0 1.5s linear infinite;animation:zopolw0 1.5s linear infinite}.zopolw6{margin-left:16px}._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
+ @-webkit-keyframes kq227n0{0%{opacity:0}to{opacity:1}}@keyframes kq227n0{0%{opacity:0}to{opacity:1}}.kq227n1{-webkit-animation-name:kq227n0;animation-name:kq227n0;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.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}._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:transparent}._1y2v1nf4t{position:relative}._1y2v1nf4u{position:absolute}._1y2v1nf4v{position:fixed}._1y2v1nf4w{position:static}._1y2v1nf4x{display:none}._1y2v1nf4y{display:flex}._1y2v1nf4z{display:inline-flex}._1y2v1nf50{display:block}._1y2v1nf51{display:inline}._1y2v1nf52{display:inline-block}._1y2v1nf53{flex-direction:row}._1y2v1nf54{flex-direction:column}._1y2v1nf55{justify-content:stretch}._1y2v1nf56{justify-content:flex-start}._1y2v1nf57{justify-content:center}._1y2v1nf58{justify-content:flex-end}._1y2v1nf59{justify-content:space-around}._1y2v1nf5a{justify-content:space-between}._1y2v1nf5b{align-items:stretch}._1y2v1nf5c{align-items:flex-start}._1y2v1nf5d{align-items:center}._1y2v1nf5e{align-items:flex-end}._1y2v1nf5f{align-items:baseline}._1y2v1nf5g{flex-shrink:0}._1y2v1nf5h{flex-shrink:1}._1y2v1nf5i{flex-grow:0}._1y2v1nf5j{flex-grow:1}._1y2v1nf5k{flex:1}._1y2v1nf5l{padding-top:0}._1y2v1nf5m{padding-top:2px}._1y2v1nf5n{padding-top:4px}._1y2v1nf5o{padding-top:8px}._1y2v1nf5p{padding-top:12px}._1y2v1nf5q{padding-top:16px}._1y2v1nf5r{padding-top:24px}._1y2v1nf5s{padding-top:32px}._1y2v1nf5t{padding-top:40px}._1y2v1nf5u{padding-top:48px}._1y2v1nf5v{padding-top:56px}._1y2v1nf5w{padding-top:64px}._1y2v1nf5x{padding-top:72px}._1y2v1nf5y{padding-top:80px}._1y2v1nf5z{padding-bottom:0}._1y2v1nf60{padding-bottom:2px}._1y2v1nf61{padding-bottom:4px}._1y2v1nf62{padding-bottom:8px}._1y2v1nf63{padding-bottom:12px}._1y2v1nf64{padding-bottom:16px}._1y2v1nf65{padding-bottom:24px}._1y2v1nf66{padding-bottom:32px}._1y2v1nf67{padding-bottom:40px}._1y2v1nf68{padding-bottom:48px}._1y2v1nf69{padding-bottom:56px}._1y2v1nf6a{padding-bottom:64px}._1y2v1nf6b{padding-bottom:72px}._1y2v1nf6c{padding-bottom:80px}._1y2v1nf6d{padding-left:0}._1y2v1nf6e{padding-left:2px}._1y2v1nf6f{padding-left:4px}._1y2v1nf6g{padding-left:8px}._1y2v1nf6h{padding-left:12px}._1y2v1nf6i{padding-left:16px}._1y2v1nf6j{padding-left:24px}._1y2v1nf6k{padding-left:32px}._1y2v1nf6l{padding-left:40px}._1y2v1nf6m{padding-left:48px}._1y2v1nf6n{padding-left:56px}._1y2v1nf6o{padding-left:64px}._1y2v1nf6p{padding-left:72px}._1y2v1nf6q{padding-left:80px}._1y2v1nf6r{padding-right:0}._1y2v1nf6s{padding-right:2px}._1y2v1nf6t{padding-right:4px}._1y2v1nf6u{padding-right:8px}._1y2v1nf6v{padding-right:12px}._1y2v1nf6w{padding-right:16px}._1y2v1nf6x{padding-right:24px}._1y2v1nf6y{padding-right:32px}._1y2v1nf6z{padding-right:40px}._1y2v1nf70{padding-right:48px}._1y2v1nf71{padding-right:56px}._1y2v1nf72{padding-right:64px}._1y2v1nf73{padding-right:72px}._1y2v1nf74{padding-right:80px}._1y2v1nf75{box-sizing:border-box;width:100%}._1y2v1nf76{box-sizing:border-box;width:auto}._1y2v1nf77{box-sizing:border-box;width:0}._1y2v1nf78{box-sizing:border-box;width:2px}._1y2v1nf79{box-sizing:border-box;width:4px}._1y2v1nf7a{box-sizing:border-box;width:8px}._1y2v1nf7b{box-sizing:border-box;width:12px}._1y2v1nf7c{box-sizing:border-box;width:16px}._1y2v1nf7d{box-sizing:border-box;width:24px}._1y2v1nf7e{box-sizing:border-box;width:32px}._1y2v1nf7f{box-sizing:border-box;width:40px}._1y2v1nf7g{box-sizing:border-box;width:48px}._1y2v1nf7h{box-sizing:border-box;width:56px}._1y2v1nf7i{box-sizing:border-box;width:64px}._1y2v1nf7j{box-sizing:border-box;width:72px}._1y2v1nf7k{box-sizing:border-box;width:80px}._1y2v1nf7l{box-sizing:border-box;height:100%}._1y2v1nf7m{box-sizing:border-box;height:0}._1y2v1nf7n{box-sizing:border-box;height:2px}._1y2v1nf7o{box-sizing:border-box;height:4px}._1y2v1nf7p{box-sizing:border-box;height:8px}._1y2v1nf7q{box-sizing:border-box;height:12px}._1y2v1nf7r{box-sizing:border-box;height:16px}._1y2v1nf7s{box-sizing:border-box;height:24px}._1y2v1nf7t{box-sizing:border-box;height:32px}._1y2v1nf7u{box-sizing:border-box;height:40px}._1y2v1nf7v{box-sizing:border-box;height:48px}._1y2v1nf7w{box-sizing:border-box;height:56px}._1y2v1nf7x{box-sizing:border-box;height:64px}._1y2v1nf7y{box-sizing:border-box;height:72px}._1y2v1nf7z{box-sizing:border-box;height:80px}._1y2v1nf80{box-sizing:border-box;min-width:100%}._1y2v1nf81{box-sizing:border-box;min-width:0}._1y2v1nf82{box-sizing:border-box;min-width:2px}._1y2v1nf83{box-sizing:border-box;min-width:4px}._1y2v1nf84{box-sizing:border-box;min-width:8px}._1y2v1nf85{box-sizing:border-box;min-width:12px}._1y2v1nf86{box-sizing:border-box;min-width:16px}._1y2v1nf87{box-sizing:border-box;min-width:24px}._1y2v1nf88{box-sizing:border-box;min-width:32px}._1y2v1nf89{box-sizing:border-box;min-width:40px}._1y2v1nf8a{box-sizing:border-box;min-width:48px}._1y2v1nf8b{box-sizing:border-box;min-width:56px}._1y2v1nf8c{box-sizing:border-box;min-width:64px}._1y2v1nf8d{box-sizing:border-box;min-width:72px}._1y2v1nf8e{box-sizing:border-box;min-width:80px}._1y2v1nf8f{box-sizing:border-box;min-height:0}._1y2v1nf8g{box-sizing:border-box;min-height:2px}._1y2v1nf8h{box-sizing:border-box;min-height:4px}._1y2v1nf8i{box-sizing:border-box;min-height:8px}._1y2v1nf8j{box-sizing:border-box;min-height:12px}._1y2v1nf8k{box-sizing:border-box;min-height:16px}._1y2v1nf8l{box-sizing:border-box;min-height:24px}._1y2v1nf8m{box-sizing:border-box;min-height:32px}._1y2v1nf8n{box-sizing:border-box;min-height:40px}._1y2v1nf8o{box-sizing:border-box;min-height:48px}._1y2v1nf8p{box-sizing:border-box;min-height:56px}._1y2v1nf8q{box-sizing:border-box;min-height:64px}._1y2v1nf8r{box-sizing:border-box;min-height:72px}._1y2v1nf8s{box-sizing:border-box;min-height:80px}._1y2v1nf8t{box-sizing:border-box;max-width:100%}._1y2v1nf8u{box-sizing:border-box;max-height:100%}._1y2v1nf8v{border:1px solid var(--_1vqcj1ib)}._1y2v1nf8w{border:none}._1y2v1nf8x{border-radius:50%}._1y2v1nf8y{border-radius:2px}._1y2v1nf8z{border-radius:4px}._1y2v1nf90{border-radius:8px}._1y2v1nf91{border-radius:16px}._1y2v1nf92{border-radius:20px}._1y2v1nf93{cursor:pointer}._1y2v1nf94{overflow:hidden}._1y2v1nf95{overflow:visible}._1y2v1nf96{top:0}._1y2v1nf97{top:2px}._1y2v1nf98{top:4px}._1y2v1nf99{top:8px}._1y2v1nf9a{top:12px}._1y2v1nf9b{top:16px}._1y2v1nf9c{top:24px}._1y2v1nf9d{top:32px}._1y2v1nf9e{top:40px}._1y2v1nf9f{top:48px}._1y2v1nf9g{top:56px}._1y2v1nf9h{top:64px}._1y2v1nf9i{top:72px}._1y2v1nf9j{top:80px}._1y2v1nf9k{left:0}._1y2v1nf9l{left:2px}._1y2v1nf9m{left:4px}._1y2v1nf9n{left:8px}._1y2v1nf9o{left:12px}._1y2v1nf9p{left:16px}._1y2v1nf9q{left:24px}._1y2v1nf9r{left:32px}._1y2v1nf9s{left:40px}._1y2v1nf9t{left:48px}._1y2v1nf9u{left:56px}._1y2v1nf9v{left:64px}._1y2v1nf9w{left:72px}._1y2v1nf9x{left:80px}._1y2v1nf9y{right:0}._1y2v1nf9z{right:2px}._1y2v1nfa0{right:4px}._1y2v1nfa1{right:8px}._1y2v1nfa2{right:12px}._1y2v1nfa3{right:16px}._1y2v1nfa4{right:24px}._1y2v1nfa5{right:32px}._1y2v1nfa6{right:40px}._1y2v1nfa7{right:48px}._1y2v1nfa8{right:56px}._1y2v1nfa9{right:64px}._1y2v1nfaa{right:72px}._1y2v1nfab{right:80px}._1y2v1nfac{bottom:0}._1y2v1nfad{bottom:2px}._1y2v1nfae{bottom:4px}._1y2v1nfaf{bottom:8px}._1y2v1nfag{bottom:12px}._1y2v1nfah{bottom:16px}._1y2v1nfai{bottom:24px}._1y2v1nfaj{bottom:32px}._1y2v1nfak{bottom:40px}._1y2v1nfal{bottom:48px}._1y2v1nfam{bottom:56px}._1y2v1nfan{bottom:64px}._1y2v1nfao{bottom:72px}._1y2v1nfap{bottom:80px}._1y2v1nfaq{object-fit:cover}.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}.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){.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)}}.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}.kkfbnv4{justify-content:space-between}.kkfbnv5{justify-content:space-around}.kkfbnv6{justify-content:space-evenly}.p5j8j53{transition:background .2s linear,box-shadow .2s linear}@media only screen and (max-width: 1023px),(max-height: 549px){.p5j8j54{position:fixed;left:0;bottom:0;z-index:1}.p5j8j56{box-shadow:0 -2px 8px #0000001a}.p5j8j58{padding-bottom:var(--p5j8j50);background:var(--p5j8j51, var(--_1vqcj1i1))}}@-webkit-keyframes _1num3qg0{0%{transform:translate(0)}to{transform:translate(150%)}}@keyframes _1num3qg0{0%{transform:translate(0)}to{transform:translate(150%)}}@-webkit-keyframes _1num3qg1{0%{transform:scaleX(.1)}20%{transform:scaleX(.35)}50%{transform:scaleX(.7)}to{transform:scaleX(.8)}}@keyframes _1num3qg1{0%{transform:scaleX(.1)}20%{transform:scaleX(.35)}50%{transform:scaleX(.7)}to{transform:scaleX(.8)}}._1num3qg3{z-index:9999}._1num3qg6{left:-55%;-webkit-animation:_1num3qg0 1.2s ease-out infinite;animation:_1num3qg0 1.2s ease-out infinite;-webkit-animation-delay:400;animation-delay:400;background-color:var(--_1vqcj1iw)}._1num3qg8{transform:scaleX(.1);-webkit-animation:_1num3qg1 1.2s ease-out infinite;animation:_1num3qg1 1.2s ease-out infinite;-webkit-animation-delay:400;animation-delay:400}._1num3qg9{transition:.4s ease-out;transform:translateY(-4px)}._1num3qga{transform:translateY(0)}._1num3qgb{transform:translateY(0);transition:.4s ease-out}._1num3qgc{transform:translateY(-4px)}.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}}.splu5g5{overflow-wrap:anywhere}.splu5g6{overflow-wrap:inherit}.splu5g7{margin:0;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}}._12igu661{left:50%;transform:translate(-50%,-50%) rotate(45deg)}._12igu663{width:24px;box-sizing:border-box;height:12px}._12igu665{z-index:9}._12igu667{text-align:left;box-sizing:border-box;width:100%;word-break:break-word}._12igu669{z-index:1}.ihbkeq0{border:1px solid var(--_1vqcj1i2)}@-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}}._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}._1m1n0pr1{line-height:inherit;word-break:break-word}._1m1n0pr1[disabled]{opacity:.5;text-decoration:none}._1m1n0pr6{text-decoration:underline}@media (pointer: fine),(pointer: none){._1m1n0pr1:hover:not([disabled]){text-decoration:underline}._1m1n0pr6:hover:not([disabled]){text-decoration-thickness:2px}._1m1n0pr7:hover:not([disabled]){text-decoration-thickness:1px}}._379jdb4{display:grid}@media only screen and (min-height: 550px) and (min-width: 1368px){._379jdb4{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){._379jdb4{grid-template-columns:repeat(12,1fr);grid-column-gap:16px}}@media only screen and (min-height: 550px) and (min-width: 1024px){._379jdb6{grid-column:span var(--_379jdb5)}}@media only screen and (max-width: 1023px),(max-height: 549px){._379jdb4{grid-template-columns:minmax(0,1fr);grid-column-gap:16px;gap:var(--_379jdb3, 0px)}._379jdb6{grid-column:span 1}}@-webkit-keyframes _1xhatbp6{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes _1xhatbp6{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes _1xhatbp7{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(-100%)}}@keyframes _1xhatbp7{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translateY(-100%)}}@-webkit-keyframes _1xhatbp8{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translate(0) translateY(-50%)}}@keyframes _1xhatbp8{0%{opacity:0}40%{opacity:1}to{opacity:1;transform:translate(0) translateY(-50%)}}@-webkit-keyframes _1xhatbp9{0%{opacity:1}to{opacity:0}}@keyframes _1xhatbp9{0%{opacity:1}to{opacity:0}}._1xhatbpb{left:50%;transform:translate(-50%,-50%) rotate(45deg);box-shadow:var(--_1xhatbp5)}._1xhatbpc{top:100%;left:50%;transform:translate(-50%)}._1xhatbpd{right:100%;top:50%;transform:translateY(-100%) rotate(90deg);transform-origin:bottom}._1xhatbpe{bottom:100%;left:50%;transform:translate(-50%) rotate(180deg)}._1xhatbpf{left:100%;top:50%;transform:translateY(-100%) rotate(-90deg);transform-origin:bottom}._1xhatbpj{z-index:50;box-shadow:0 2px 4px 0 rgba(0,0,0,var(--_1xhatbp0));background-color:var(--_1vqcj1i2)}._1xhatbpk{transform:var(--_1xhatbp1)}._1xhatbpl{-webkit-animation-name:var(--_1xhatbp4);animation-name:var(--_1xhatbp4);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}._1xhatbpm{transform:var(--_1xhatbp2)}._1xhatbpn{transform:var(--_1xhatbp3);opacity:1;transition:opacity .3s cubic-bezier(.215,.61,.355,1)}._1xhatbpo{-webkit-animation:_1xhatbp9 .3s cubic-bezier(.215,.61,.355,1) both;animation:_1xhatbp9 .3s cubic-bezier(.215,.61,.355,1) both}._2buj9g0{opacity:.5}._2buj9ga,._2buj9gb{margin-left:16px}._2buj9gi{line-height:0;margin:16px 0;border-left:1px solid var(--_1vqcj1i11)}@media (pointer: fine),(pointer: none){._2buj9g1:hover{background:var(--_1vqcj1i7)}}.q0hp3a6{cursor:pointer;padding:4px}.q0hp3a7{cursor:pointer;padding:0}.q0hp3a8{cursor:default;opacity:.5;padding:4px}.q0hp3a9{cursor:default;opacity:.5;padding:0}.q0hp3ab{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.q0hp3ac{box-sizing:border-box;width:34px}.q0hp3ad{box-sizing:border-box;width:51px}.q0hp3af{border-radius:40px}.q0hp3ah{pointer-events:none;transition:background .2s ease-in 0s}.q0hp3ai{background:var(--_1vqcj1it);box-sizing:border-box;height:14px}.q0hp3aj{background:var(--_1vqcj1it);box-sizing:border-box;height:31px}.q0hp3ak{background:var(--_1vqcj1iz);box-sizing:border-box;height:14px}.q0hp3al{background:var(--_1vqcj1iu);box-sizing:border-box;height:31px}.q0hp3am{cursor:default}.q0hp3an{cursor:default;opacity:.5}.q0hp3ap{margin:-4px;transition:all .2s ease-in 0s}.q0hp3aq{top:1px;width:20px;box-sizing:border-box;height:20px;box-shadow:1px 1px 2px #0000004d}.q0hp3ar{top:6px;width:27px;box-sizing:border-box;height:27px;box-shadow:1px 2px 4px #0000004d}.q0hp3as{right:21px;background-color:var(--_1vqcj1iy)}.q0hp3at{right:26px;background-color:var(--_1vqcj1i10)}.q0hp3au{right:1px;background-color:var(--_1vqcj1iu)}.q0hp3av{right:6px;background-color:var(--_1vqcj1i10)}.c6dmsu1{width:20px;box-sizing:border-box;height:20px;vertical-align:middle;transition:background .3s,box-shadow .3s}.c6dmsu2{box-shadow:inset 0 0 0 2px var(--_1vqcj1it)}.c6dmsu3{box-shadow:inset 0 0 0 1px var(--_1vqcj1it)}.c6dmsu5{height:10px;box-sizing:border-box;width:10px;opacity:0;transition:transform .2s,opacity .2s;transform:scale(0)}.c6dmsu7{opacity:1;transform:scale(1)}.c6dmsu8{cursor:default}.c6dmsu9{box-shadow:inset 0 0 0 2px var(--_1vqcj1iu);background:var(--_1vqcj1i1)}.c6dmsua{box-shadow:inset 0 0 0 5px var(--_1vqcj1iu);background:radial-gradient(circle,var(--_1vqcj1i10) 0%,var(--_1vqcj1i10) 64%,transparent 64%,transparent 100%)}.c6dmsub{cursor:default;opacity:.5}._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}._17lofg73{--_17lofg70: 0px;margin:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}._17lofg75{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){._17lofg73{box-sizing:border-box;width:1224px}}@media only screen and (min-height: 550px) and (min-width: 1024px) and (max-width: 1367px){._17lofg73{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){._17lofg73{--_17lofg70: 32px;box-sizing:border-box;width:calc(100% - 64px);margin:0 32px}}@media only screen and (max-width: 767px),(max-height: 549px){._17lofg73{--_17lofg70: 16px;box-sizing:border-box;width:calc(100% - 32px);margin:0 16px}}.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}.lgofm10{border-bottom:1px solid var(--_1vqcj1i11)}.lgofm14{overflow-x:scroll;overflow-y:hidden}.lgofm17{flex:1 0 80px;vertical-align:baseline;border-bottom:2px solid transparent;border-top:initial;border-right:initial;border-left:initial}.lgofm18{box-sizing:border-box;max-width:284px}.lgofm19{max-width:max(50%,284px);box-sizing:border-box;max-width:284}.lgofm1a{max-width:max(33.33%,284px);box-sizing:border-box;max-width:284}.lgofm1e{flex-basis:112px}.lgofm1h{border-bottom:2px solid var(--_1vqcj1iu)}.lgofm1i{border-bottom:2px solid transparent}.lgofm1m{margin-right:8px;height:1.5rem;box-sizing:border-box;width:1.5rem}@media only screen and (max-width: 1023px),(max-height: 549px){.lgofm12{display:flex}}@media (pointer: fine),(pointer: none){.lgofm17:hover{color:var(--_1vqcj1i1i)}}@media only screen and (min-height: 550px) and (min-width: 1024px){.lgofm17{flex:0 1 208px;padding:16px 32px;box-sizing:border-box;max-width:284px}.lgofm1e{flex-basis:208px}}@-webkit-keyframes _1fthc590{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes _1fthc590{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@-webkit-keyframes _1fthc591{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes _1fthc591{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@-webkit-keyframes _1fthc592{0%{opacity:1}to{opacity:.2}}@keyframes _1fthc592{0%{opacity:1}to{opacity:.2}}._1fthc594{-webkit-animation:_1fthc590 1.4s linear infinite;animation:_1fthc590 1.4s linear infinite}._1fthc595{stroke-dasharray:187px;stroke-dashoffset:0;transform-origin:center;-webkit-animation:_1fthc591 1.4s ease-in-out infinite;animation:_1fthc591 1.4s ease-in-out infinite}._1fthc597{-webkit-animation:_1fthc592 1s infinite linear;animation:_1fthc592 1s infinite linear}._1fthc597:nth-of-type(2){-webkit-animation-delay:-.08s;animation-delay:-.08s}._1fthc597:nth-of-type(3){-webkit-animation-delay:-.16s;animation-delay:-.16s}._1fthc597:nth-of-type(4){-webkit-animation-delay:-.24s;animation-delay:-.24s}._1fthc597:nth-of-type(5){-webkit-animation-delay:-.32s;animation-delay:-.32s}._1fthc597:nth-of-type(6){-webkit-animation-delay:-.4s;animation-delay:-.4s}._1fthc597:nth-of-type(7){-webkit-animation-delay:-.48s;animation-delay:-.48s}._1fthc597:nth-of-type(8){-webkit-animation-delay:-.56s;animation-delay:-.56s}._1fthc597:nth-of-type(9){-webkit-animation-delay:-.64s;animation-delay:-.64s}._1fthc597:nth-of-type(10){-webkit-animation-delay:-.72s;animation-delay:-.72s}._1fthc597:nth-of-type(11){-webkit-animation-delay:-.8s;animation-delay:-.8s}._1fthc597:nth-of-type(12){-webkit-animation-delay:-.88s;animation-delay:-.88s}.gwdgwo1{margin:-1px;width:1px;box-sizing:border-box;height:1px;clip:rect(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._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}}.kfxylh1{margin:16px 0;padding:0 16px}.kfxylh3{margin:8px;justify-content:inherit}.kfxylh6{flex-wrap:wrap-reverse;margin:-8px}.kfxylh6:empty{margin:0}.kfxylh7>*: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}.kfxylh7>*:not(.kfxylh3){box-sizing:border-box;width:var(--kfxylh0)}.kfxylh8>*:not(.kfxylh3){box-sizing:border-box;width:var(--kfxylh0)}.kfxylhh{justify-content:flex-start}}.o0dvt10{border-bottom:1px solid var(--_1vqcj1i11)}.o0dvt11{border-bottom:1px solid var(--_1vqcj1i12)}._2k0k3u7{top:var(--_2k0k3u0);bottom:var(--_2k0k3u1);right:var(--_2k0k3u2);width:var(--_2k0k3u3);transform-origin:var(--_2k0k3u4);box-sizing:border-box;max-height:var(--_2k0k3u5);list-style-type:none;margin:0;z-index:12;overflow-y:auto;transition:opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}._2k0k3u8{opacity:1;transform:scale(1)}._2k0k3u9{opacity:0;transform:scale(0)}._1vcy5dz1{vertical-align:middle;border-radius:50px}._1vcy5dz3{opacity:1;transform:rotate(0) scale(1);transition:transform .3s,opacity .1s}._1vcy5dz4{opacity:0;transform:rotate(-45deg) scale(.9)}._1vcy5dz5{opacity:0;transform:rotate(0) scale(.7)}._1vcy5dz7{z-index:25}._1vcy5dz9{border-bottom-style:solid}._1vcy5dza{border-color:var(--_1vqcj1i11)}._1vcy5dzb{border-color:transparent}._1vcy5dzc{border-color:var(--_1vqcj1i11)}._1vcy5dze{border-bottom:2px solid transparent;transition:border-color .3s ease-in-out}._1vcy5dzf{border-color:var(--_1vqcj1iu)}._1vcy5dzg{border-color:var(--_1vqcj1i19)}._1vcy5dzh{color:var(--_1vqcj1i1i)}._1vcy5dzi{color:var(--_1vqcj1i1j)}._1vcy5dzl{transform:translate(-100vw)}._1vcy5dzm,._1vcy5dzn{transform:translate(0)}._1vcy5dzo{transform:translate(-100vw)}._1vcy5dzr{z-index:26;box-sizing:border-box;height:calc(100vh - 56px);overflow-y:auto;transition:transform .3s ease-out}._1vcy5dzw{line-height:0}@media only screen and (max-width: 1023px),(max-height: 549px){._1vcy5dz9{box-sizing:border-box;height:56px;padding:8px 0;transition:border-color .3s}._1vcy5dzc{border-color:transparent}._1vcy5dzk{box-sizing:border-box;height:56px}}@media (pointer: fine),(pointer: none){._1vcy5dzh:hover{color:var(--_1vqcj1i1k)}._1vcy5dzi:hover{color:var(--_1vqcj1i1l)}._1vcy5dzu:hover{color:var(--_1vqcj1i1c)}._1vcy5dzv:hover{color:var(--_1vqcj1i19)}}.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)}}@-webkit-keyframes _1ao3f5e0{10%,90%{transform:translate(3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(0)}40%,60%{transform:translate(8px)}}@keyframes _1ao3f5e0{10%,90%{transform:translate(3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(0)}40%,60%{transform:translate(8px)}}._1ao3f5e1{-webkit-animation:_1ao3f5e0 .82s cubic-bezier(.36,.07,.19,.97) both;animation:_1ao3f5e0 .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-animation-delay:.84s;animation-delay:.84s}._1ao3f5e2{-webkit-animation:_1ao3f5e0 .82s cubic-bezier(.36,.07,.19,.97) both;animation:_1ao3f5e0 .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-animation-delay:.8s;animation-delay:.8s}._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}}@-webkit-keyframes j0y7r91{0%{box-sizing:border-box;max-width:0}}@keyframes j0y7r91{0%{box-sizing:border-box;max-width:0}}.j0y7r93{transition:max-width 1s cubic-bezier(.75,0,.27,1);-webkit-animation:j0y7r91 1s cubic-bezier(.75,0,.27,1);animation:j0y7r91 1s cubic-bezier(.75,0,.27,1)}@-webkit-keyframes _14h93mq1{0%{box-sizing:border-box;width:0}}@keyframes _14h93mq1{0%{box-sizing:border-box;width:0}}@-webkit-keyframes _14h93mq2{0%{box-sizing:border-box;width:100%}99%{opacity:1}to{opacity:0}}@keyframes _14h93mq2{0%{box-sizing:border-box;width:100%}99%{opacity:1}to{opacity:0}}@-webkit-keyframes _14h93mq3{0%{border-color:var(--_1vqcj1id);background-color:transparent}to{border-color:var(--_1vqcj1iu);background-color:var(--_1vqcj1iu)}}@keyframes _14h93mq3{0%{border-color:var(--_1vqcj1id);background-color:transparent}to{border-color:var(--_1vqcj1iu);background-color:var(--_1vqcj1iu)}}@-webkit-keyframes _14h93mq4{0%{color:var(--_1vqcj1i1k)}to{color:var(--_1vqcj1i1j)}}@keyframes _14h93mq4{0%{color:var(--_1vqcj1i1k)}to{color:var(--_1vqcj1i1j)}}@-webkit-keyframes _14h93mq5{0%{background-color:var(--_1vqcj1iu);transform:scale(1)}to{background-color:var(--_1vqcj1iu);transform:scale(0)}}@keyframes _14h93mq5{0%{background-color:var(--_1vqcj1iu);transform:scale(1)}to{background-color:var(--_1vqcj1iu);transform:scale(0)}}._14h93mq9{text-align:center}._14h93mq9:first-child{align-items:flex-start;text-align:left}._14h93mq9:last-child{align-items:flex-end;text-align:right}._14h93mqb{height:calc(.5rem + 16px);box-sizing:border-box;width:calc(.5rem + 16px)}._14h93mqc:after{content:"";position:absolute;top:0;left:0;width:100%;box-sizing:border-box;height:100%;border-radius:50%;-webkit-animation:_14h93mq5 .3s ease-in-out;animation:_14h93mq5 .3s ease-in-out;will-change:transform;transition:transform .3s ease-in-out}._14h93mqe{border:2px solid var(--_1vqcj1id)}._14h93mqf{transition:border-color .3s ease-in-out,background-color .3s ease-in-out;will-change:border-color,background-color;-webkit-animation:_14h93mq3 .3s ease-in-out;animation:_14h93mq3 .3s ease-in-out;background:var(--_1vqcj1iu);border-color:var(--_1vqcj1iu)}._14h93mqf span{-webkit-animation:_14h93mq4 .3s ease-in-out;animation:_14h93mq4 .3s ease-in-out;will-change:color;transition:color .3s ease-in-out}._14h93mqh{box-sizing:border-box;width:200px;top:calc(1.5rem + 18px)}._14h93mqk{margin:0 8px;background:var(--_1vqcj1it)}._14h93mqk:last-child{display:none}._14h93mqm{background:var(--_1vqcj1iu)}._14h93mqn{transition:width 1s cubic-bezier(.75,0,.27,1);-webkit-animation:_14h93mq1 1s cubic-bezier(.75,0,.27,1);animation:_14h93mq1 1s cubic-bezier(.75,0,.27,1)}._14h93mqp{transition:width 1s cubic-bezier(.75,0,.27,1);-webkit-animation:_14h93mq2 1s cubic-bezier(.75,0,.27,1);animation:_14h93mq2 1s cubic-bezier(.75,0,.27,1)}@media only screen and (min-height: 550px) and (min-width: 1024px){._14h93mq7{box-sizing:border-box;min-height:var(--_14h93mq0)}._14h93mqb{height:calc(1rem + 16px);box-sizing:border-box;width:calc(1rem + 16px)}._14h93mqk{position:relative;top:calc(.5rem + 6px)}}@media only screen and (max-width: 1023px),(max-height: 549px){._14h93mq7{align-items:center}}._1fniauj1{margin-top:16px}._1fniauj2:hover{text-decoration:underline}._1fniauj3{text-decoration:none;pointer-events:none}._1fniauj5{margin:0;list-style-type:none}._1abcu71{transition:transform .3s ease-in-out,background-color .3s ease-in-out;z-index:2}._1abcu72{transform:scale(1.25)}._1abcu75{background:rgba(var(--_1vqcj1i3l),.5)}._1abcu7b{scrollbar-width:none}._1abcu7b::-webkit-scrollbar{display:none}._1abcu7d{transition:opacity .2s}._1abcu7d[disabled]{opacity:0}._1abcu7n{--_1abcu7l: 8;overflow-x:auto}._1abcu7o{margin:0 calc(var(--_17lofg70, 0px) * -1)}._1abcu7q{scroll-snap-align:start;flex-shrink:0;box-sizing:border-box;width:calc(1 / var(--_1abcu7i) * 100% + var(--_1abcu7l) / var(--_1abcu7i) * 1px);scroll-margin:calc(-1px * var(--_1abcu7l))}._1abcu7q:first-child{box-sizing:border-box;width:calc(1 / var(--_1abcu7i) * 100% - (var(--_1abcu7l) * (var(--_1abcu7i) - 1)) / var(--_1abcu7i) * 1px);scroll-margin:0}._1abcu7q:empty{display:none}._1abcu7q:not(:empty)~._1abcu7q:not(:empty){padding-left:calc(var(--_1abcu7l) * 1px)}._1abcu7s{z-index:2;top:calc(50% - 20px)}._1abcu7t,._379jdb0 ._1abcu7t,._379jdb1 ._1abcu7t{left:-20px}._1abcu7u,._379jdb0 ._1abcu7u,._379jdb1 ._1abcu7u{right:-20px}._1abcu7x{overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}._1abcu7z{scroll-snap-align:start}._1abcu711{z-index:2;top:calc(50% - 20px)}._1abcu717{z-index:2}@media only screen and (max-width: 1023px),(max-height: 549px){._1abcu71{width:4px;box-sizing:border-box;height:4px}._1abcu72{transform:scale(1.5)}._1abcu7p:before{content:"";flex-shrink:0;display:block;box-sizing:border-box;width:25%}._1abcu7p:after{content:"";flex-shrink:0;display:block;box-sizing:border-box;width:25%}._1abcu7q{box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% + var(--_1abcu7l) / var(--_1abcu7f) * 1px);scroll-snap-align:start;scroll-margin:var(--_1abcu7j, var(--_17lofg70, 16px))}._1abcu7q:first-child{box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - var(--_1abcu7l) * (var(--_1abcu7f) - 1) / var(--_1abcu7f) * 1px)}._1abcu7o:not(._1abcu7p) ._1abcu7q{box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - (var(--_1abcu7k, var(--_17lofg70, 16px)) + var(--_1abcu7j, var(--_17lofg70, 16px)) + var(--_1abcu7l) * 1px) / var(--_1abcu7f))}._1abcu7o:not(._1abcu7p) ._1abcu7q:first-child{padding-left:var(--_17lofg70, 0px);box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - (var(--_1abcu7k, var(--_17lofg70, 16px)) + var(--_1abcu7j, var(--_17lofg70, 16px)) + var(--_1abcu7l) * 1px) / var(--_1abcu7f) - var(--_1abcu7l) * 1px + var(--_17lofg70, 0px))}._1abcu7o:not(._1abcu7p) ._1abcu7q:last-child{padding-right:var(--_17lofg70, 0px);box-sizing:border-box;width:calc(1 / var(--_1abcu7f) * 100% - (var(--_1abcu7k, var(--_17lofg70, 16px)) + var(--_1abcu7j, var(--_17lofg70, 16px)) + var(--_1abcu7l) * 1px) / var(--_1abcu7f) + var(--_17lofg70, 0px))}._1abcu7p ._1abcu7q{box-sizing:border-box;width:50%;scroll-snap-align:center;scroll-margin:0}._1abcu7t{left:calc(var(--_17lofg70, 0px) * -1)}._1abcu7u{right:calc(var(--_17lofg70, 0px) * -1)}._1abcu7x{margin:0 calc(var(--_17lofg70, 0px) * -1)}._1abcu713{left:0}._1abcu715{right:0}}@media (pointer: coarse){._1abcu7d{display:none}}@media only screen and (min-height: 550px) and (min-width: 1024px){._1abcu7n{--_1abcu7l: 16}}@media only screen and (max-width: 767px),(max-height: 549px){._1abcu7q{--_1abcu7f: var(--_1abcu7g)}}@media only screen and (min-height: 550px) and (min-width: 768px) and (max-width: 1023px){._1abcu7q{--_1abcu7f: var(--_1abcu7h)}}@media only screen and (min-height: 550px) and (min-width: 1368px){._1abcu7t{left:-64px}._1abcu7u{right:-64px}}._1sqpivv6{margin:0;list-style-type:none;top:var(--_1sqpivv0);left:var(--_1sqpivv1);min-width:var(--_1sqpivv3);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;padding-top:8px;padding-bottom:8px;transform-origin:var(--_1sqpivv2);transition:opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s;overflow-y:auto;box-sizing:border-box;max-height:var(--_1sqpivv4)}._1sqpivv7{opacity:1;transform:scale(1)}._1sqpivv8{opacity:0;transform:scale(0)}._1sqpivva{margin-top:16px}._1sqpivvc{outline:0}._1sqpivvg{font-family:inherit;padding-right:0;padding-left:12px;outline:0;font-size:16px;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none}._1sqpivvh{cursor:pointer}._1sqpivvi{cursor:default}._1sqpivvk{pointer-events:none;left:13px;right:49px;line-height:20px;font-size:16px;text-overflow:ellipsis;white-space:nowrap}._1sqpivvl{opacity:1}._1sqpivvm{opacity:.5}._1sqpivvo{top:calc(50% - 10px);pointer-events:none}._1sqpivvq{transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}@media only screen and (max-width: 1023px),(max-height: 549px){._1sqpivvc{box-sizing:border-box;width:100%}}@media only screen and (min-height: 550px) and (min-width: 1024px){._1sqpivvd{box-sizing:border-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._1sqpivve{box-sizing:border-box;width:100%}}@media (pointer: fine),(pointer: none){._1sqpivvq:hover{background-color:#00000014}}._1wy08671{vertical-align:middle;border-radius:50px}.yqt1oe1{vertical-align:middle;text-align:center;border:0;background-position:50% 50%;background-repeat:no-repeat}.gx6h6a3{margin:auto}.gx6h6a4{text-align:left;padding:64px 8px 16px;z-index:1;position:relative}.gx6h6a5{opacity:0;transform:translateY(20px)}.gx6h6a6{transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-delay:.6s;opacity:1;transform:translate(0)}.gx6h6a7{box-sizing:border-box;max-width:496px;overflow-wrap:break-word}@media only screen and (min-height: 550px) and (min-width: 1024px){.gx6h6a1{box-sizing:border-box;width:50%}}.rhey4t1{background:none;outline:0;font-size:inherit;line-height:inherit;caret-color:var(--_1vqcj1iu);text-overflow:ellipsis;box-shadow:none}.rhey4t1::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms}.rhey4t1::-ms-input-placeholder{opacity:0;-ms-transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms}.rhey4t1::placeholder{opacity:0;transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms}.rhey4t1:focus::-webkit-input-placeholder{opacity:.5}.rhey4t1:focus::-ms-input-placeholder{opacity:.5}.rhey4t1:focus::placeholder{opacity:.5}.rhey4t3{box-sizing:border-box;min-width:96px}.rhey4t4{box-sizing:border-box;width:100%;display:inline-flex}.rhey4t4>div{box-sizing:border-box;width:100%;display:inline-flex}.rhey4t6{resize:none;padding-bottom:8px}.rhey4t7{margin-top:28px}.rhey4t8{margin-top:16px}.rhey4ta{-webkit-appearance:none;-moz-appearance:none;appearance:none}.rhey4ta::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.rhey4ta::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.rhey4ta::-webkit-calendar-picker-indicator{position:absolute;top:0;left:-24px;right:0;bottom:0;width:auto;box-sizing:border-box;height:auto;opacity:0;color:transparent;background:transparent}.rhey4ta[type=month]:not(:valid):not(:focus)::-webkit-datetime-edit{color:transparent;opacity:0}.rhey4ta[type=date]:not(:valid):not(:focus)::-webkit-datetime-edit{color:transparent;opacity:0}.rhey4ta[type=datetime-local]:not(:valid):not(:focus)::-webkit-datetime-edit{color:transparent;opacity:0}.rhey4ta:-webkit-autofill{-webkit-text-fill-color:var(--_1vqcj1i1i);-webkit-transition-property:background-color;transition-property:background-color;transition-delay:99999s}.rhey4tb[type=month]:not(:valid):not(:focus){color:transparent}.rhey4tb[type=date]:not(:valid):not(:focus){color:transparent}.rhey4tb[type=datetime-local]:not(:valid):not(:focus){color:transparent}.rhey4tc{padding-top:28px;padding-bottom:8px}.rhey4tf{align-self:center}.rhey4th{pointer-events:none}.rhey4tj{transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms}.rhey4tl{padding-top:28px}.rhey4to{padding:6px 16px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.rhey4to:hover{background:rgba(0,0,0,.08)}.rhey4tr{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;background:white;z-index:2}.rhey4tr>ul{list-style-type:none;padding:0;margin:0}@media only screen and (max-width: 1023px),(max-height: 549px){.rhey4t7{margin-top:24px}.rhey4tc,.rhey4tl{padding-top:24px}}.cim30m2{z-index:2}.cim30m4{margin:0 0 8px 8px;background-color:rgba(var(--_1vqcj1i2d),.7)}.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)}._15k6ur91{pointer-events:none;transform-origin:0 0;transform:translateY(18px) scale(1);font-size:18px;line-height:24px;box-sizing:border-box;width:calc(100% - 24px)}._15k6ur93{display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}._15k6ur94{height:25.64102564102564px;transform:translateY(8px) scale(.78);line-height:25.64102564102564px;box-sizing:border-box;width:calc(100% - 24px) / .78}._15k6ur96{box-sizing:border-box;min-width:96px}._15k6ur97{opacity:.5}._15k6ur9e{box-sizing:border-box;height:152px}._15k6ur9g{margin:4px 0 0;flex-grow:1}._15k6ur9h{text-align:left}._15k6ur9i{text-align:right}@media only screen and (max-width: 1023px),(max-height: 549px){._15k6ur91{font-size:16px;transform:translateY(16px) scale(1)}._15k6ur94{transform:translateY(8px) scale(.75);height:21.333333333333332px;line-height:21.333333333333332px;box-sizing:border-box;width:calc(100% - 24px) / .75}}@media only screen and (min-height: 550px) and (min-width: 1024px){._15k6ur99{box-sizing:border-box;width:328px}._15k6ur9d{box-sizing:border-box;height:60px}}._10ijton2{margin:0 0 0 16px;line-height:1.42857142;font-size:14px}.ptqylz1{background-size:200%;margin:-8px;transition:background-color .2s ease-in-out}@media (pointer: fine),(pointer: none){.ptqylz1:hover{background:var(--_1vqcj1i7)}}._14g0jmy1{box-sizing:border-box;min-height:56px}._14g0jmy3{align-self:center}.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}@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}}.wrb8722{align-self:stretch}.wrb8725{width:100px;min-width:100px;box-sizing:border-box;height:inherit}.wrb8728{padding-right:8px}.wrb8729{padding-right:56px}@media only screen and (min-height: 550px) and (min-width: 1024px){.wrb8727{padding-top:32px;padding-bottom:32px;padding-left:24px}.wrb8728{padding-right:24px}}._17tt25r1{z-index:1;transition:opacity .3s}._17tt25r2{border-radius:0}@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%}}._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}@-webkit-keyframes zopolw0{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes zopolw0{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.zopolw2{-webkit-animation:zopolw0 1.5s linear infinite;animation:zopolw0 1.5s linear infinite}.zopolw6{margin-left:16px}@supports (aspect-ratio: 1 / 1){.yqswj62{aspect-ratio:var(--yqswj60)}}
package/dist/avatar.css-mistica.js CHANGED
@@ -13,8 +13,8 @@ _export(exports, {
13
13
  return a;
14
14
  },
15
15
  image: function() {
16
- return f;
16
+ return y;
17
17
  }
18
18
  });
19
19
  require("./sprinkles.css.ts.vanilla.js");
20
- var a = "_1y2v1nfba _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfbh", f = "_1y2v1nfd3";
20
+ var a = "_1y2v1nf8x _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf94", y = "_1y2v1nfaq";
package/dist/avatar.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { IconProps } from './utils/types';
2
+ import type { DataAttributes, IconProps } from './utils/types';
3
3
  declare type AvatarProps = {
4
4
  size: number;
5
5
  src?: string;
@@ -9,6 +9,7 @@ declare type AvatarProps = {
9
9
  Icon?: React.FC<IconProps>;
10
10
  badge?: boolean | number;
11
11
  'aria-label'?: string;
12
+ dataAttributes?: DataAttributes;
12
13
  };
13
- declare const Avatar: ({ size, src, Icon, badge, initials, "aria-label": ariaLabel, ...props }: AvatarProps) => JSX.Element;
14
+ declare const Avatar: ({ size, src, Icon, badge, initials, "aria-label": ariaLabel, dataAttributes, ...props }: AvatarProps) => JSX.Element;
14
15
  export default Avatar;
package/dist/avatar.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return j;
8
+ return O;
9
9
  }
10
10
  });
11
11
  var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -14,6 +14,7 @@ var _iconUserAccountRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./
14
14
  var _themeVariantContextJs = require("./theme-variant-context.js");
15
15
  var _avatarCssMisticaJs = require("./avatar.css-mistica.js");
16
16
  var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
17
+ var _domJs = require("./utils/dom.js");
17
18
  var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
18
19
  function _interopRequireDefault(obj) {
19
20
  return obj && obj.__esModule ? obj : {
@@ -67,6 +68,19 @@ function _arrayLikeToArray(arr, len) {
67
68
  function _arrayWithHoles(arr) {
68
69
  if (Array.isArray(arr)) return arr;
69
70
  }
71
+ function _defineProperty(obj, key, value) {
72
+ if (key in obj) {
73
+ Object.defineProperty(obj, key, {
74
+ value: value,
75
+ enumerable: true,
76
+ configurable: true,
77
+ writable: true
78
+ });
79
+ } else {
80
+ obj[key] = value;
81
+ }
82
+ return obj;
83
+ }
70
84
  function _iterableToArrayLimit(arr, i) {
71
85
  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
72
86
  if (_i == null) return;
@@ -94,6 +108,45 @@ function _iterableToArrayLimit(arr, i) {
94
108
  function _nonIterableRest() {
95
109
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
96
110
  }
111
+ function _objectSpread(target) {
112
+ for(var i = 1; i < arguments.length; i++){
113
+ var source = arguments[i] != null ? arguments[i] : {};
114
+ var ownKeys = Object.keys(source);
115
+ if (typeof Object.getOwnPropertySymbols === "function") {
116
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
117
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
118
+ }));
119
+ }
120
+ ownKeys.forEach(function(key) {
121
+ _defineProperty(target, key, source[key]);
122
+ });
123
+ }
124
+ return target;
125
+ }
126
+ function ownKeys(object, enumerableOnly) {
127
+ var keys = Object.keys(object);
128
+ if (Object.getOwnPropertySymbols) {
129
+ var symbols = Object.getOwnPropertySymbols(object);
130
+ if (enumerableOnly) {
131
+ symbols = symbols.filter(function(sym) {
132
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
133
+ });
134
+ }
135
+ keys.push.apply(keys, symbols);
136
+ }
137
+ return keys;
138
+ }
139
+ function _objectSpreadProps(target, source) {
140
+ source = source != null ? source : {};
141
+ if (Object.getOwnPropertyDescriptors) {
142
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
143
+ } else {
144
+ ownKeys(Object(source)).forEach(function(key) {
145
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
146
+ });
147
+ }
148
+ return target;
149
+ }
97
150
  function _objectWithoutProperties(source, excluded) {
98
151
  if (source == null) return {};
99
152
  var target = _objectWithoutPropertiesLoose(source, excluded);
@@ -132,11 +185,11 @@ function _unsupportedIterableToArray(o, minLen) {
132
185
  if (n === "Map" || n === "Set") return Array.from(n);
133
186
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
134
187
  }
135
- var R = function R(r, o) {
188
+ var S = function S(r, o) {
136
189
  if (!o) return 0;
137
190
  var t = r / 2, e = o === !0 ? 5 : 10;
138
191
  return t * (1 - Math.sin(Math.PI / 4)) - e;
139
- }, S = function S(r, o) {
192
+ }, B = function B(r, o) {
140
193
  if (!o) return null;
141
194
  var t;
142
195
  return r <= 40 ? t = 14 : r <= 64 ? t = 16 : t = 18, /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("span", {
@@ -146,37 +199,39 @@ var R = function R(r, o) {
146
199
  },
147
200
  children: o
148
201
  });
149
- }, j = function j(_param) {
150
- var r = _param.size, o = _param.src, tmp = _param.Icon, t = tmp === void 0 ? _iconUserAccountRegularJs.default : tmp, e = _param.badge, tmp1 = _param.initials, a = tmp1 === void 0 ? "" : tmp1, c = _param["aria-label"], l = _objectWithoutProperties(_param, [
202
+ }, O = function O(_param) {
203
+ var r = _param.size, o = _param.src, tmp = _param.Icon, t = tmp === void 0 ? _iconUserAccountRegularJs.default : tmp, e = _param.badge, tmp1 = _param.initials, c = tmp1 === void 0 ? "" : tmp1, a = _param["aria-label"], h = _param.dataAttributes, l = _objectWithoutProperties(_param, [
151
204
  "size",
152
205
  "src",
153
206
  "Icon",
154
207
  "badge",
155
208
  "initials",
156
- "aria-label"
209
+ "aria-label",
210
+ "dataAttributes"
157
211
  ]);
158
212
  var d, f;
159
- var i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = (d = l.backgroundColor) != null ? d : i ? _skinContractCssMisticaJs.vars.colors.brandHigh : _skinContractCssMisticaJs.vars.colors.brandLow, p = (f = l.textColor) != null ? f : i ? _skinContractCssMisticaJs.vars.colors.textPrimaryInverse : _skinContractCssMisticaJs.vars.colors.brand, ref = _slicedToArray(_react.useState(!1), 2), v = ref[0], m = ref[1];
213
+ var i = (0, _themeVariantContextJs.useIsInverseVariant)(), p = (d = l.backgroundColor) != null ? d : i ? _skinContractCssMisticaJs.vars.colors.brandHigh : _skinContractCssMisticaJs.vars.colors.brandLow, v = (f = l.textColor) != null ? f : i ? _skinContractCssMisticaJs.vars.colors.textPrimaryInverse : _skinContractCssMisticaJs.vars.colors.brand, ref = _slicedToArray(_react.useState(!1), 2), I = ref[0], m = ref[1];
160
214
  _react.useEffect(function() {
161
215
  m(!1);
162
216
  }, [
163
217
  o
164
218
  ]);
165
- var I = a.trim().slice(0, 2), u = R(r, e), x = e === !0 ? void 0 : e || 0, C = !!o && !v, b = r <= 40 ? 16 : 24;
219
+ var x = c.trim().slice(0, 2), u = S(r, e), b = e === !0 ? void 0 : e || 0, C = !!o && !I, A = r <= 40 ? 16 : 24;
166
220
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {
167
- value: x,
221
+ value: b,
168
222
  top: u,
169
223
  right: u,
170
- children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
224
+ children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
171
225
  className: _avatarCssMisticaJs.avatar,
172
226
  role: "img",
173
- "aria-label": c != null ? c : a,
227
+ "aria-label": a != null ? a : c,
174
228
  style: {
175
229
  width: r,
176
230
  height: r,
177
- color: p,
178
- background: h
179
- },
231
+ color: v,
232
+ background: p
233
+ }
234
+ }, (0, _domJs.getPrefixedDataAttributes)(h, "Avatar")), {
180
235
  children: C ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("img", {
181
236
  src: o,
182
237
  className: _avatarCssMisticaJs.image,
@@ -186,10 +241,10 @@ var R = function R(r, o) {
186
241
  role: "none",
187
242
  width: r,
188
243
  height: r
189
- }) : S(r, I) || /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(t, {
190
- size: b,
244
+ }) : B(r, x) || /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(t, {
245
+ size: A,
191
246
  color: "currentColor"
192
247
  })
193
- })
248
+ }))
194
249
  });
195
250
  };
package/dist/avatar.js.flow CHANGED
@@ -1,7 +1,7 @@
1
1
  // @flow
2
2
 
3
3
  import * as React from "react";
4
- import type { IconProps } from "./utils/types";
4
+ import type { DataAttributes, IconProps } from "./utils/types";
5
5
  declare type AvatarProps = {
6
6
  size: number,
7
7
  src?: string,
@@ -11,6 +11,7 @@ declare type AvatarProps = {
11
11
  Icon?: React.ComponentType<IconProps>,
12
12
  badge?: boolean | number,
13
13
  "aria-label"?: string,
14
+ dataAttributes?: DataAttributes,
14
15
  };
15
16
  declare var Avatar: (x: AvatarProps) => React.Node;
16
17
  declare export default typeof Avatar;
package/dist/badge.css-mistica.js CHANGED
@@ -10,16 +10,16 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  badge: function() {
13
- return _;
13
+ return n;
14
14
  },
15
15
  badgeBigNumber: function() {
16
16
  return r;
17
17
  },
18
18
  badgeNumber: function() {
19
- return f;
19
+ return y;
20
20
  },
21
21
  badgeWithChildren: function() {
22
- return y;
22
+ return f;
23
23
  },
24
24
  container: function() {
25
25
  return a;
@@ -27,4 +27,4 @@ _export(exports, {
27
27
  });
28
28
  require("./sprinkles.css.ts.vanilla.js");
29
29
  require("./badge.css.ts.vanilla.js");
30
- var _ = "_17szrmd2 _1y2v1nf9n _1y2v1nfa2 _1y2v1nf5w", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf9n _1y2v1nfa2 _1y2v1nf5w _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nf1j", y = "_1y2v1nf77", a = "_1y2v1nf76 _1y2v1nf7f";
30
+ var n = "_17szrmd2 _1y2v1nf7a _1y2v1nf7p _1y2v1nf3i", r = "_17szrmd6", y = "_17szrmd4 _17szrmd2 _1y2v1nf7a _1y2v1nf7p _1y2v1nf3i _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf1j", f = "_1y2v1nf4u", a = "_1y2v1nf4t _1y2v1nf52";
package/dist/badge.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import * as React from 'react';
2
+ import type { DataAttributes } from './utils/types';
2
3
  declare type Props = {
3
4
  children?: React.ReactNode;
4
5
  value?: number;
5
6
  right?: number;
6
7
  top?: number;
8
+ dataAttributes?: DataAttributes;
7
9
  };
8
10
  /**
9
11
  * This Component is decorative and won't be read by screenreaders, to make it accessible,
package/dist/badge.js CHANGED
@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return u;
8
+ return j;
9
9
  }
10
10
  });
11
11
  var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
12
12
  var _badgeCssMisticaJs = require("./badge.css-mistica.js");
13
+ var _domJs = require("./utils/dom.js");
13
14
  var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
14
15
  function _interopRequireDefault(obj) {
15
16
  return obj && obj.__esModule ? obj : {
@@ -29,34 +30,74 @@ function _defineProperty(obj, key, value) {
29
30
  }
30
31
  return obj;
31
32
  }
32
- var u = function u(param) {
33
- var r = param.children, e = param.value, t = param.right, a = param.top;
33
+ function _objectSpread(target) {
34
+ for(var i = 1; i < arguments.length; i++){
35
+ var source = arguments[i] != null ? arguments[i] : {};
36
+ var ownKeys = Object.keys(source);
37
+ if (typeof Object.getOwnPropertySymbols === "function") {
38
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
39
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
40
+ }));
41
+ }
42
+ ownKeys.forEach(function(key) {
43
+ _defineProperty(target, key, source[key]);
44
+ });
45
+ }
46
+ return target;
47
+ }
48
+ function ownKeys(object, enumerableOnly) {
49
+ var keys = Object.keys(object);
50
+ if (Object.getOwnPropertySymbols) {
51
+ var symbols = Object.getOwnPropertySymbols(object);
52
+ if (enumerableOnly) {
53
+ symbols = symbols.filter(function(sym) {
54
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
55
+ });
56
+ }
57
+ keys.push.apply(keys, symbols);
58
+ }
59
+ return keys;
60
+ }
61
+ function _objectSpreadProps(target, source) {
62
+ source = source != null ? source : {};
63
+ if (Object.getOwnPropertyDescriptors) {
64
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
65
+ } else {
66
+ ownKeys(Object(source)).forEach(function(key) {
67
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
68
+ });
69
+ }
70
+ return target;
71
+ }
72
+ var j = function j(param) {
73
+ var r = param.children, e = param.value, s = param.right, a = param.top, d = param.dataAttributes;
34
74
  if (r && e === 0) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_jsxRuntimeJs.Fragment, {
35
75
  children: r
36
76
  });
37
77
  if (e === 0) return null;
38
78
  var i = e && e > 9;
39
79
  var _obj;
40
- return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
41
- className: _badgeCssMisticaJs.container,
80
+ return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
81
+ className: _badgeCssMisticaJs.container
82
+ }, (0, _domJs.getPrefixedDataAttributes)(d, "Badge")), {
42
83
  children: [
43
84
  e ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
44
85
  role: "presentation",
45
86
  "aria-hidden": "true",
46
87
  className: (0, _classnames.default)(_badgeCssMisticaJs.badgeNumber, (_obj = {}, _defineProperty(_obj, _badgeCssMisticaJs.badgeWithChildren, !!r), _defineProperty(_obj, _badgeCssMisticaJs.badgeBigNumber, i), _obj)),
47
88
  style: {
48
- right: t,
89
+ right: s,
49
90
  top: a
50
91
  },
51
92
  children: i ? "+9" : e
52
93
  }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
53
94
  style: {
54
- right: t,
95
+ right: s,
55
96
  top: a
56
97
  },
57
98
  className: (0, _classnames.default)(_badgeCssMisticaJs.badge, _defineProperty({}, _badgeCssMisticaJs.badgeWithChildren, !!r))
58
99
  }),
59
100
  r
60
101
  ]
61
- });
102
+ }));
62
103
  };
package/dist/badge.js.flow CHANGED
@@ -1,11 +1,13 @@
1
1
  // @flow
2
2
 
3
3
  import * as React from "react";
4
+ import type { DataAttributes } from "./utils/types";
4
5
  declare type Props = {
5
6
  children?: React.Node,
6
7
  value?: number,
7
8
  right?: number,
8
9
  top?: number,
10
+ dataAttributes?: DataAttributes,
9
11
  };
10
12
  /**
11
13
  * This Component is decorative and won't be read by screenreaders, to make it accessible,
package/dist/boxed.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "Boxed", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return j;
8
+ return z;
9
9
  }
10
10
  });
11
11
  var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -119,7 +119,7 @@ var B = function B(o, r) {
119
119
  }) : (0, _sprinklesCssMisticaJs.sprinkles)({
120
120
  border: "regular"
121
121
  });
122
- }, j = /*#__PURE__*/ _react.forwardRef(function(param, l) {
122
+ }, z = /*#__PURE__*/ _react.forwardRef(function(param, l) {
123
123
  var o = param.children, tmp = param.isInverse, r = tmp === void 0 ? !1 : tmp, i = param.className, s = param.role, m = param.dataAttributes, n = param["aria-label"], d = param.width, f = param.height;
124
124
  var ref = (0, _hooksJs.useTheme)(), c = ref.isDarkMode, u = (0, _themeVariantContextJs.useIsInverseVariant)();
125
125
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
@@ -132,11 +132,11 @@ var B = function B(o, r) {
132
132
  className: (0, _classnames.default)(i, B(u, r), (0, _sprinklesCssMisticaJs.sprinkles)({
133
133
  borderRadius: 8,
134
134
  overflow: "hidden",
135
- backgroundColor: r && !c ? _skinContractCssMisticaJs.vars.colors.backgroundBrand : _skinContractCssMisticaJs.vars.colors.backgroundContainer
135
+ background: r && !c ? _skinContractCssMisticaJs.vars.colors.backgroundBrand : _skinContractCssMisticaJs.vars.colors.backgroundContainer
136
136
  })),
137
- role: s
137
+ role: s,
138
+ "aria-label": n
138
139
  }, (0, _domJs.getPrefixedDataAttributes)(m)), {
139
- "aria-label": n,
140
140
  children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
141
141
  isInverse: r,
142
142
  children: o