@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.3

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 (459) hide show
  1. package/CHANGELOG.md +106 -0
  2. package/build/style.css +2758 -1509
  3. package/dist/apollo-core/apollo-core.css +14 -4597
  4. package/dist/apollo-core/apollo-core.esm.js +1 -2
  5. package/dist/apollo-core/index.esm.js +0 -2
  6. package/dist/apollo-core/p-13e7d3ea.entry.js +1 -0
  7. package/dist/apollo-core/p-2ce2fe5c.entry.js +1 -0
  8. package/dist/apollo-core/p-2f90296c.js +10 -0
  9. package/dist/apollo-core/p-3ff1ff38.entry.js +1 -0
  10. package/dist/apollo-core/p-63dd9a65.entry.js +1 -0
  11. package/dist/apollo-core/p-6c3c1e3d.entry.js +1 -0
  12. package/dist/apollo-core/p-81a6ce4c.entry.js +1 -0
  13. package/dist/apollo-core/p-918b0731.entry.js +1 -0
  14. package/dist/apollo-core/p-97bdb450.entry.js +1 -0
  15. package/dist/apollo-core/p-a43e2d1f.entry.js +1 -0
  16. package/dist/apollo-core/p-a7cc4114.entry.js +1 -0
  17. package/dist/apollo-core/p-ad90fe4d.js +1 -2
  18. package/dist/apollo-core/p-b6d1b135.entry.js +1 -0
  19. package/dist/apollo-core/p-bc0ebed2.entry.js +1 -0
  20. package/dist/apollo-core/p-c8af4ed6.entry.js +1 -0
  21. package/dist/apollo-core/p-d4aa2fa9.js +1 -0
  22. package/dist/apollo-core/p-d4e5d3aa.entry.js +1 -0
  23. package/dist/apollo-core/p-dad11011.entry.js +1 -0
  24. package/dist/apollo-core/p-db74c99c.entry.js +1 -0
  25. package/dist/cjs/apollo-core.cjs.js +3 -12
  26. package/dist/cjs/{index-000e170c.js → index-acf3dd7a.js} +216 -765
  27. package/dist/cjs/index.cjs.js +0 -2
  28. package/dist/cjs/loader.cjs.js +3 -6
  29. package/dist/cjs/regular-872f5226.js +16043 -0
  30. package/dist/cjs/v4-14140ff3.js +0 -2
  31. package/dist/cjs/xpl-application-shell.cjs.entry.js +13 -10
  32. package/dist/cjs/xpl-avatar_12.cjs.entry.js +322 -0
  33. package/dist/cjs/xpl-backdrop.cjs.entry.js +5 -3
  34. package/dist/cjs/xpl-button-row.cjs.entry.js +1 -6
  35. package/dist/cjs/xpl-choicelist.cjs.entry.js +1 -10
  36. package/dist/cjs/xpl-divider.cjs.entry.js +1 -4
  37. package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +4 -16
  38. package/dist/cjs/xpl-dropdown_2.cjs.entry.js +12 -14
  39. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -3
  40. package/dist/cjs/xpl-grid.cjs.entry.js +1 -3
  41. package/dist/cjs/xpl-input.cjs.entry.js +25 -22
  42. package/dist/cjs/xpl-list.cjs.entry.js +25 -4
  43. package/dist/cjs/xpl-main-nav.cjs.entry.js +4 -3
  44. package/dist/cjs/xpl-pagination.cjs.entry.js +2 -7
  45. package/dist/cjs/xpl-select.cjs.entry.js +25 -51
  46. package/dist/cjs/xpl-toggle.cjs.entry.js +4 -9
  47. package/dist/collection/collection-manifest.json +3 -6
  48. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +109 -125
  49. package/dist/collection/components/xpl-avatar/xpl-avatar.js +144 -151
  50. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +28 -27
  51. package/dist/collection/components/xpl-badge/xpl-badge.js +39 -44
  52. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +5 -3
  53. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +5 -3
  54. package/dist/collection/components/xpl-button/xpl-button.js +205 -205
  55. package/dist/collection/components/xpl-button-row/xpl-button-row.js +104 -106
  56. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +171 -182
  57. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +126 -134
  58. package/dist/collection/components/xpl-content-area/xpl-content-area.js +31 -28
  59. package/dist/collection/components/xpl-divider/xpl-divider.js +23 -27
  60. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +41 -47
  61. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +22 -27
  62. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +55 -83
  63. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +161 -169
  64. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -2
  65. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +74 -76
  66. package/dist/collection/components/xpl-input/xpl-input.js +419 -397
  67. package/dist/collection/components/xpl-list/xpl-list.js +77 -43
  68. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +54 -48
  69. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +49 -48
  70. package/dist/collection/components/xpl-pagination/xpl-pagination.js +128 -117
  71. package/dist/collection/components/xpl-radio/xpl-radio.js +148 -158
  72. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +4 -3
  73. package/dist/collection/components/xpl-select/xpl-select.js +235 -306
  74. package/dist/collection/components/xpl-table/xpl-table.js +148 -215
  75. package/dist/collection/components/xpl-tag/xpl-tag.js +25 -25
  76. package/dist/collection/components/xpl-toggle/xpl-toggle.js +135 -138
  77. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +52 -79
  78. package/dist/custom-elements/index.d.ts +219 -0
  79. package/dist/custom-elements/index.js +20224 -0
  80. package/dist/esm/apollo-core.js +3 -9
  81. package/dist/esm/{index-56581b5c.js → index-e3c4bb97.js} +217 -765
  82. package/dist/esm/index.js +0 -2
  83. package/dist/esm/loader.js +3 -6
  84. package/dist/esm/polyfills/css-shim.js +1 -1
  85. package/dist/esm/regular-86225e9d.js +16041 -0
  86. package/dist/esm/v4-929670b7.js +0 -2
  87. package/dist/esm/xpl-application-shell.entry.js +13 -10
  88. package/dist/esm/xpl-avatar_12.entry.js +307 -0
  89. package/dist/esm/xpl-backdrop.entry.js +5 -3
  90. package/dist/esm/xpl-button-row.entry.js +1 -6
  91. package/dist/esm/xpl-choicelist.entry.js +1 -10
  92. package/dist/esm/xpl-divider.entry.js +1 -4
  93. package/dist/esm/xpl-dropdown-group_3.entry.js +4 -16
  94. package/dist/esm/xpl-dropdown_2.entry.js +12 -14
  95. package/dist/esm/xpl-grid-item.entry.js +1 -3
  96. package/dist/esm/xpl-grid.entry.js +1 -3
  97. package/dist/esm/xpl-input.entry.js +25 -22
  98. package/dist/esm/xpl-list.entry.js +25 -4
  99. package/dist/esm/xpl-main-nav.entry.js +4 -3
  100. package/dist/esm/xpl-pagination.entry.js +2 -7
  101. package/dist/esm/xpl-select.entry.js +25 -51
  102. package/dist/esm/xpl-toggle.entry.js +4 -9
  103. package/dist/stories/application-shell.stories.js +8 -18
  104. package/dist/stories/avatar.stories.js +0 -1
  105. package/dist/stories/backdrop.stories.js +0 -1
  106. package/dist/stories/badge.stories.js +0 -1
  107. package/dist/stories/breadcrumbs.stories.js +0 -1
  108. package/dist/stories/button-row.stories.js +0 -1
  109. package/dist/stories/button.stories.js +0 -1
  110. package/dist/stories/checkbox.stories.js +0 -1
  111. package/dist/stories/choicelist.stories.js +0 -1
  112. package/dist/stories/content-area.stories.js +0 -1
  113. package/dist/stories/divider.stories.js +0 -1
  114. package/dist/stories/dropdown.stories.js +65 -74
  115. package/dist/stories/grid.stories.js +0 -1
  116. package/dist/stories/input.stories.js +0 -1
  117. package/dist/stories/list.stories.js +2 -3
  118. package/dist/stories/main-nav.stories.js +0 -1
  119. package/dist/stories/pagination.stories.js +0 -1
  120. package/dist/stories/radio.stories.js +0 -1
  121. package/dist/stories/secondary-nav.stories.js +0 -1
  122. package/dist/stories/select.stories.js +32 -109
  123. package/dist/stories/table.stories.js +7 -24
  124. package/dist/stories/tabs.stories.js +0 -1
  125. package/dist/stories/toggle.stories.js +0 -1
  126. package/dist/stories/utility-bar.stories.js +6 -2
  127. package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/application-shell.stories.d.ts +5 -14
  128. package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/dropdown.stories.d.ts +1 -17
  129. package/dist/types/Users/fernandogelin/Projects/apollo-admin/packages/apollo/.stencil/stories/select.stories.d.ts +74 -0
  130. package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/table.stories.d.ts +1 -22
  131. package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +1 -6
  132. package/dist/types/components/xpl-choicelist/choice.d.ts +5 -5
  133. package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +1 -2
  134. package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +10 -9
  135. package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts +0 -1
  136. package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +1 -7
  137. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -7
  138. package/dist/types/components/xpl-input/xpl-input.d.ts +2 -0
  139. package/dist/types/components/xpl-list/listitem.d.ts +19 -15
  140. package/dist/types/components/xpl-list/xpl-list.d.ts +3 -2
  141. package/dist/types/components/xpl-select/selectchoice.d.ts +3 -0
  142. package/dist/types/components/xpl-select/xpl-select.d.ts +1 -21
  143. package/dist/types/components/xpl-table/xpl-table.d.ts +7 -29
  144. package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +1 -5
  145. package/dist/types/components.d.ts +21 -268
  146. package/dist/types/stencil-public-runtime.d.ts +23 -97
  147. package/loader/index.d.ts +1 -9
  148. package/loader/package.json +0 -1
  149. package/package.json +28 -21
  150. package/LICENSE +0 -21
  151. package/dist/apollo-core/apollo-core.esm.js.map +0 -1
  152. package/dist/apollo-core/index.esm.js.map +0 -1
  153. package/dist/apollo-core/p-1fa46bc3.entry.js +0 -2
  154. package/dist/apollo-core/p-1fa46bc3.entry.js.map +0 -1
  155. package/dist/apollo-core/p-29f4679d.entry.js +0 -2
  156. package/dist/apollo-core/p-29f4679d.entry.js.map +0 -1
  157. package/dist/apollo-core/p-3f3cc34e.entry.js +0 -2
  158. package/dist/apollo-core/p-3f3cc34e.entry.js.map +0 -1
  159. package/dist/apollo-core/p-5372bf3e.entry.js +0 -2
  160. package/dist/apollo-core/p-5372bf3e.entry.js.map +0 -1
  161. package/dist/apollo-core/p-5ceaec87.entry.js +0 -2
  162. package/dist/apollo-core/p-5ceaec87.entry.js.map +0 -1
  163. package/dist/apollo-core/p-60d4d252.entry.js +0 -2
  164. package/dist/apollo-core/p-60d4d252.entry.js.map +0 -1
  165. package/dist/apollo-core/p-6797b2b7.entry.js +0 -7
  166. package/dist/apollo-core/p-6797b2b7.entry.js.map +0 -1
  167. package/dist/apollo-core/p-6acc4122.entry.js +0 -2
  168. package/dist/apollo-core/p-6acc4122.entry.js.map +0 -1
  169. package/dist/apollo-core/p-787bac91.entry.js +0 -2
  170. package/dist/apollo-core/p-787bac91.entry.js.map +0 -1
  171. package/dist/apollo-core/p-7a8e818a.entry.js +0 -2
  172. package/dist/apollo-core/p-7a8e818a.entry.js.map +0 -1
  173. package/dist/apollo-core/p-807d8de9.entry.js +0 -2
  174. package/dist/apollo-core/p-807d8de9.entry.js.map +0 -1
  175. package/dist/apollo-core/p-ad90fe4d.js.map +0 -1
  176. package/dist/apollo-core/p-bcb81e30.entry.js +0 -2
  177. package/dist/apollo-core/p-bcb81e30.entry.js.map +0 -1
  178. package/dist/apollo-core/p-da5a8e74.entry.js +0 -2
  179. package/dist/apollo-core/p-da5a8e74.entry.js.map +0 -1
  180. package/dist/apollo-core/p-e0541e23.entry.js +0 -2
  181. package/dist/apollo-core/p-e0541e23.entry.js.map +0 -1
  182. package/dist/apollo-core/p-e215fc5f.entry.js +0 -2
  183. package/dist/apollo-core/p-e215fc5f.entry.js.map +0 -1
  184. package/dist/apollo-core/p-e8953b60.js +0 -3
  185. package/dist/apollo-core/p-e8953b60.js.map +0 -1
  186. package/dist/apollo-core/p-efa8a79d.entry.js +0 -2
  187. package/dist/apollo-core/p-efa8a79d.entry.js.map +0 -1
  188. package/dist/cjs/apollo-core.cjs.js.map +0 -1
  189. package/dist/cjs/index-000e170c.js.map +0 -1
  190. package/dist/cjs/index.cjs.js.map +0 -1
  191. package/dist/cjs/loader.cjs.js.map +0 -1
  192. package/dist/cjs/v4-14140ff3.js.map +0 -1
  193. package/dist/cjs/xpl-application-shell.cjs.entry.js.map +0 -1
  194. package/dist/cjs/xpl-avatar_15.cjs.entry.js +0 -2278
  195. package/dist/cjs/xpl-avatar_15.cjs.entry.js.map +0 -1
  196. package/dist/cjs/xpl-backdrop.cjs.entry.js.map +0 -1
  197. package/dist/cjs/xpl-button-row.cjs.entry.js.map +0 -1
  198. package/dist/cjs/xpl-choicelist.cjs.entry.js.map +0 -1
  199. package/dist/cjs/xpl-divider.cjs.entry.js.map +0 -1
  200. package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js.map +0 -1
  201. package/dist/cjs/xpl-dropdown_2.cjs.entry.js.map +0 -1
  202. package/dist/cjs/xpl-grid-item.cjs.entry.js.map +0 -1
  203. package/dist/cjs/xpl-grid.cjs.entry.js.map +0 -1
  204. package/dist/cjs/xpl-input.cjs.entry.js.map +0 -1
  205. package/dist/cjs/xpl-list.cjs.entry.js.map +0 -1
  206. package/dist/cjs/xpl-main-nav.cjs.entry.js.map +0 -1
  207. package/dist/cjs/xpl-pagination.cjs.entry.js.map +0 -1
  208. package/dist/cjs/xpl-select.cjs.entry.js.map +0 -1
  209. package/dist/cjs/xpl-toggle.cjs.entry.js.map +0 -1
  210. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js.map +0 -1
  211. package/dist/collection/components/xpl-avatar/xpl-avatar.js.map +0 -1
  212. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js.map +0 -1
  213. package/dist/collection/components/xpl-badge/xpl-badge.js.map +0 -1
  214. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js.map +0 -1
  215. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js.map +0 -1
  216. package/dist/collection/components/xpl-button/xpl-button.js.map +0 -1
  217. package/dist/collection/components/xpl-button-row/xpl-button-row.js.map +0 -1
  218. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js.map +0 -1
  219. package/dist/collection/components/xpl-choicelist/choice.js +0 -2
  220. package/dist/collection/components/xpl-choicelist/choice.js.map +0 -1
  221. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js.map +0 -1
  222. package/dist/collection/components/xpl-content-area/xpl-content-area.js.map +0 -1
  223. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +0 -8
  224. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js.map +0 -1
  225. package/dist/collection/components/xpl-data-card/xpl-data-card.js +0 -162
  226. package/dist/collection/components/xpl-data-card/xpl-data-card.js.map +0 -1
  227. package/dist/collection/components/xpl-divider/xpl-divider.js.map +0 -1
  228. package/dist/collection/components/xpl-dropdown/dropdownoption.js +0 -2
  229. package/dist/collection/components/xpl-dropdown/dropdownoption.js.map +0 -1
  230. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js.map +0 -1
  231. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js.map +0 -1
  232. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js.map +0 -1
  233. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js.map +0 -1
  234. package/dist/collection/components/xpl-grid/xpl-grid.js.map +0 -1
  235. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js.map +0 -1
  236. package/dist/collection/components/xpl-icon/xpl-icon.css +0 -5
  237. package/dist/collection/components/xpl-icon/xpl-icon.js +0 -93
  238. package/dist/collection/components/xpl-icon/xpl-icon.js.map +0 -1
  239. package/dist/collection/components/xpl-input/xpl-input.js.map +0 -1
  240. package/dist/collection/components/xpl-list/listitem.js +0 -2
  241. package/dist/collection/components/xpl-list/listitem.js.map +0 -1
  242. package/dist/collection/components/xpl-list/xpl-list.js.map +0 -1
  243. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js.map +0 -1
  244. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js.map +0 -1
  245. package/dist/collection/components/xpl-pagination/xpl-pagination.js.map +0 -1
  246. package/dist/collection/components/xpl-radio/xpl-radio.js.map +0 -1
  247. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js.map +0 -1
  248. package/dist/collection/components/xpl-select/xpl-select.js.map +0 -1
  249. package/dist/collection/components/xpl-table/xpl-table.js.map +0 -1
  250. package/dist/collection/components/xpl-tag/xpl-tag.js.map +0 -1
  251. package/dist/collection/components/xpl-toggle/xpl-toggle.js.map +0 -1
  252. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js.map +0 -1
  253. package/dist/components/index.d.ts +0 -39
  254. package/dist/components/index.js +0 -82
  255. package/dist/components/index.js.map +0 -1
  256. package/dist/components/v4.js +0 -77
  257. package/dist/components/v4.js.map +0 -1
  258. package/dist/components/xpl-application-shell.d.ts +0 -11
  259. package/dist/components/xpl-application-shell.js +0 -80
  260. package/dist/components/xpl-application-shell.js.map +0 -1
  261. package/dist/components/xpl-avatar.d.ts +0 -11
  262. package/dist/components/xpl-avatar.js +0 -8
  263. package/dist/components/xpl-avatar.js.map +0 -1
  264. package/dist/components/xpl-avatar2.js +0 -51
  265. package/dist/components/xpl-avatar2.js.map +0 -1
  266. package/dist/components/xpl-backdrop.d.ts +0 -11
  267. package/dist/components/xpl-backdrop.js +0 -8
  268. package/dist/components/xpl-backdrop.js.map +0 -1
  269. package/dist/components/xpl-backdrop2.js +0 -35
  270. package/dist/components/xpl-backdrop2.js.map +0 -1
  271. package/dist/components/xpl-badge.d.ts +0 -11
  272. package/dist/components/xpl-badge.js +0 -8
  273. package/dist/components/xpl-badge.js.map +0 -1
  274. package/dist/components/xpl-badge2.js +0 -38
  275. package/dist/components/xpl-badge2.js.map +0 -1
  276. package/dist/components/xpl-breadcrumb-item.d.ts +0 -11
  277. package/dist/components/xpl-breadcrumb-item.js +0 -36
  278. package/dist/components/xpl-breadcrumb-item.js.map +0 -1
  279. package/dist/components/xpl-breadcrumbs.d.ts +0 -11
  280. package/dist/components/xpl-breadcrumbs.js +0 -31
  281. package/dist/components/xpl-breadcrumbs.js.map +0 -1
  282. package/dist/components/xpl-button-row.d.ts +0 -11
  283. package/dist/components/xpl-button-row.js +0 -50
  284. package/dist/components/xpl-button-row.js.map +0 -1
  285. package/dist/components/xpl-button.d.ts +0 -11
  286. package/dist/components/xpl-button.js +0 -8
  287. package/dist/components/xpl-button.js.map +0 -1
  288. package/dist/components/xpl-button2.js +0 -85
  289. package/dist/components/xpl-button2.js.map +0 -1
  290. package/dist/components/xpl-checkbox.d.ts +0 -11
  291. package/dist/components/xpl-checkbox.js +0 -8
  292. package/dist/components/xpl-checkbox.js.map +0 -1
  293. package/dist/components/xpl-checkbox2.js +0 -59
  294. package/dist/components/xpl-checkbox2.js.map +0 -1
  295. package/dist/components/xpl-choicelist.d.ts +0 -11
  296. package/dist/components/xpl-choicelist.js +0 -85
  297. package/dist/components/xpl-choicelist.js.map +0 -1
  298. package/dist/components/xpl-content-area.d.ts +0 -11
  299. package/dist/components/xpl-content-area.js +0 -34
  300. package/dist/components/xpl-content-area.js.map +0 -1
  301. package/dist/components/xpl-dashboard.d.ts +0 -11
  302. package/dist/components/xpl-dashboard.js +0 -31
  303. package/dist/components/xpl-dashboard.js.map +0 -1
  304. package/dist/components/xpl-data-card.d.ts +0 -11
  305. package/dist/components/xpl-data-card.js +0 -80
  306. package/dist/components/xpl-data-card.js.map +0 -1
  307. package/dist/components/xpl-divider.d.ts +0 -11
  308. package/dist/components/xpl-divider.js +0 -36
  309. package/dist/components/xpl-divider.js.map +0 -1
  310. package/dist/components/xpl-dropdown-group.d.ts +0 -11
  311. package/dist/components/xpl-dropdown-group.js +0 -8
  312. package/dist/components/xpl-dropdown-group.js.map +0 -1
  313. package/dist/components/xpl-dropdown-group2.js +0 -69
  314. package/dist/components/xpl-dropdown-group2.js.map +0 -1
  315. package/dist/components/xpl-dropdown-heading.d.ts +0 -11
  316. package/dist/components/xpl-dropdown-heading.js +0 -8
  317. package/dist/components/xpl-dropdown-heading.js.map +0 -1
  318. package/dist/components/xpl-dropdown-heading2.js +0 -31
  319. package/dist/components/xpl-dropdown-heading2.js.map +0 -1
  320. package/dist/components/xpl-dropdown-option.d.ts +0 -11
  321. package/dist/components/xpl-dropdown-option.js +0 -8
  322. package/dist/components/xpl-dropdown-option.js.map +0 -1
  323. package/dist/components/xpl-dropdown-option2.js +0 -89
  324. package/dist/components/xpl-dropdown-option2.js.map +0 -1
  325. package/dist/components/xpl-dropdown.d.ts +0 -11
  326. package/dist/components/xpl-dropdown.js +0 -8
  327. package/dist/components/xpl-dropdown.js.map +0 -1
  328. package/dist/components/xpl-dropdown2.js +0 -147
  329. package/dist/components/xpl-dropdown2.js.map +0 -1
  330. package/dist/components/xpl-grid-item.d.ts +0 -11
  331. package/dist/components/xpl-grid-item.js +0 -45
  332. package/dist/components/xpl-grid-item.js.map +0 -1
  333. package/dist/components/xpl-grid.d.ts +0 -11
  334. package/dist/components/xpl-grid.js +0 -50
  335. package/dist/components/xpl-grid.js.map +0 -1
  336. package/dist/components/xpl-icon.d.ts +0 -11
  337. package/dist/components/xpl-icon.js +0 -8
  338. package/dist/components/xpl-icon.js.map +0 -1
  339. package/dist/components/xpl-icon2.js +0 -1850
  340. package/dist/components/xpl-icon2.js.map +0 -1
  341. package/dist/components/xpl-input.d.ts +0 -11
  342. package/dist/components/xpl-input.js +0 -2574
  343. package/dist/components/xpl-input.js.map +0 -1
  344. package/dist/components/xpl-list.d.ts +0 -11
  345. package/dist/components/xpl-list.js +0 -73
  346. package/dist/components/xpl-list.js.map +0 -1
  347. package/dist/components/xpl-main-nav.d.ts +0 -11
  348. package/dist/components/xpl-main-nav.js +0 -44
  349. package/dist/components/xpl-main-nav.js.map +0 -1
  350. package/dist/components/xpl-nav-item.d.ts +0 -11
  351. package/dist/components/xpl-nav-item.js +0 -44
  352. package/dist/components/xpl-nav-item.js.map +0 -1
  353. package/dist/components/xpl-pagination.d.ts +0 -11
  354. package/dist/components/xpl-pagination.js +0 -100
  355. package/dist/components/xpl-pagination.js.map +0 -1
  356. package/dist/components/xpl-radio.d.ts +0 -11
  357. package/dist/components/xpl-radio.js +0 -8
  358. package/dist/components/xpl-radio.js.map +0 -1
  359. package/dist/components/xpl-radio2.js +0 -57
  360. package/dist/components/xpl-radio2.js.map +0 -1
  361. package/dist/components/xpl-secondary-nav.d.ts +0 -11
  362. package/dist/components/xpl-secondary-nav.js +0 -31
  363. package/dist/components/xpl-secondary-nav.js.map +0 -1
  364. package/dist/components/xpl-select.d.ts +0 -11
  365. package/dist/components/xpl-select.js +0 -712
  366. package/dist/components/xpl-select.js.map +0 -1
  367. package/dist/components/xpl-table.d.ts +0 -11
  368. package/dist/components/xpl-table.js +0 -170
  369. package/dist/components/xpl-table.js.map +0 -1
  370. package/dist/components/xpl-tag.d.ts +0 -11
  371. package/dist/components/xpl-tag.js +0 -8
  372. package/dist/components/xpl-tag.js.map +0 -1
  373. package/dist/components/xpl-tag2.js +0 -33
  374. package/dist/components/xpl-tag2.js.map +0 -1
  375. package/dist/components/xpl-toggle.d.ts +0 -11
  376. package/dist/components/xpl-toggle.js +0 -61
  377. package/dist/components/xpl-toggle.js.map +0 -1
  378. package/dist/components/xpl-utility-bar.d.ts +0 -11
  379. package/dist/components/xpl-utility-bar.js +0 -55
  380. package/dist/components/xpl-utility-bar.js.map +0 -1
  381. package/dist/esm/apollo-core.js.map +0 -1
  382. package/dist/esm/index-56581b5c.js.map +0 -1
  383. package/dist/esm/index.js.map +0 -1
  384. package/dist/esm/loader.js.map +0 -1
  385. package/dist/esm/v4-929670b7.js.map +0 -1
  386. package/dist/esm/xpl-application-shell.entry.js.map +0 -1
  387. package/dist/esm/xpl-avatar_15.entry.js +0 -2260
  388. package/dist/esm/xpl-avatar_15.entry.js.map +0 -1
  389. package/dist/esm/xpl-backdrop.entry.js.map +0 -1
  390. package/dist/esm/xpl-button-row.entry.js.map +0 -1
  391. package/dist/esm/xpl-choicelist.entry.js.map +0 -1
  392. package/dist/esm/xpl-divider.entry.js.map +0 -1
  393. package/dist/esm/xpl-dropdown-group_3.entry.js.map +0 -1
  394. package/dist/esm/xpl-dropdown_2.entry.js.map +0 -1
  395. package/dist/esm/xpl-grid-item.entry.js.map +0 -1
  396. package/dist/esm/xpl-grid.entry.js.map +0 -1
  397. package/dist/esm/xpl-input.entry.js.map +0 -1
  398. package/dist/esm/xpl-list.entry.js.map +0 -1
  399. package/dist/esm/xpl-main-nav.entry.js.map +0 -1
  400. package/dist/esm/xpl-pagination.entry.js.map +0 -1
  401. package/dist/esm/xpl-select.entry.js.map +0 -1
  402. package/dist/esm/xpl-toggle.entry.js.map +0 -1
  403. package/dist/stories/application-shell.stories.js.map +0 -1
  404. package/dist/stories/avatar.stories.js.map +0 -1
  405. package/dist/stories/backdrop.stories.js.map +0 -1
  406. package/dist/stories/badge.stories.js.map +0 -1
  407. package/dist/stories/breadcrumbs.stories.js.map +0 -1
  408. package/dist/stories/button-row.stories.js.map +0 -1
  409. package/dist/stories/button.stories.js.map +0 -1
  410. package/dist/stories/checkbox.stories.js.map +0 -1
  411. package/dist/stories/choicelist.stories.js.map +0 -1
  412. package/dist/stories/content-area.stories.js.map +0 -1
  413. package/dist/stories/dashboard.stories.js +0 -51
  414. package/dist/stories/dashboard.stories.js.map +0 -1
  415. package/dist/stories/data-card.stories.js +0 -70
  416. package/dist/stories/data-card.stories.js.map +0 -1
  417. package/dist/stories/divider.stories.js.map +0 -1
  418. package/dist/stories/dropdown.stories.js.map +0 -1
  419. package/dist/stories/grid.stories.js.map +0 -1
  420. package/dist/stories/icons.stories.js +0 -69
  421. package/dist/stories/icons.stories.js.map +0 -1
  422. package/dist/stories/input.stories.js.map +0 -1
  423. package/dist/stories/list.stories.js.map +0 -1
  424. package/dist/stories/main-nav.stories.js.map +0 -1
  425. package/dist/stories/pagination.stories.js.map +0 -1
  426. package/dist/stories/radio.stories.js.map +0 -1
  427. package/dist/stories/secondary-nav.stories.js.map +0 -1
  428. package/dist/stories/select.stories.js.map +0 -1
  429. package/dist/stories/table.stories.js.map +0 -1
  430. package/dist/stories/tabs.stories.js.map +0 -1
  431. package/dist/stories/toggle.stories.js.map +0 -1
  432. package/dist/stories/utility-bar.stories.js.map +0 -1
  433. package/dist/types/Users/roc/Sites/apollo/.stencil/stories/dashboard.stories.d.ts +0 -31
  434. package/dist/types/Users/roc/Sites/apollo/.stencil/stories/data-card.stories.d.ts +0 -71
  435. package/dist/types/Users/roc/Sites/apollo/.stencil/stories/icons.stories.d.ts +0 -77
  436. package/dist/types/Users/roc/Sites/apollo/.stencil/stories/select.stories.d.ts +0 -134
  437. package/dist/types/components/xpl-dashboard/xpl-dashboard.d.ts +0 -3
  438. package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +0 -38
  439. package/dist/types/components/xpl-icon/xpl-icon.d.ts +0 -17
  440. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
  441. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
  442. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
  443. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
  444. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
  445. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/button.stories.d.ts +0 -0
  446. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
  447. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
  448. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
  449. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
  450. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
  451. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/input.stories.d.ts +0 -0
  452. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/list.stories.d.ts +0 -0
  453. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
  454. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
  455. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
  456. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
  457. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
  458. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
  459. /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -0
@@ -1,4609 +1,26 @@
1
- :root {
2
- --xpl-size-spacing-144: 8.75rem;
3
- --xpl-size-spacing-112: 7rem;
4
- --xpl-size-spacing-80: 5rem;
5
- --xpl-size-spacing-64: 4rem;
6
- --xpl-size-spacing-48: 3rem;
7
- --xpl-size-spacing-32: 2rem;
8
- --xpl-size-spacing-24: 1.5rem;
9
- --xpl-size-spacing-16: 1rem;
10
- --xpl-size-spacing-12: 0.75rem;
11
- --xpl-size-spacing-8: 0.5rem;
12
- --xpl-size-spacing-4: 0.25rem;
13
- --xpl-size-spacing-0: 0rem;
14
- --xpl-size-font-caption: 0.75rem;
15
- --xpl-size-font-callout: 0.75rem;
16
- --xpl-size-font-body: 0.875rem;
17
- --xpl-size-font-title-5: 0.875rem;
18
- --xpl-size-font-title-4: 1rem;
19
- --xpl-size-font-title-3: 1.25rem;
20
- --xpl-size-font-title-2: 1.5rem;
21
- --xpl-size-font-title-1: 1.875rem;
22
- --xpl-font-weight-normal: normal;
23
- --xpl-font-weight-medium: medium;
24
- --xpl-font-weight-bold: bold;
25
- --xpl-font-family-default: apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif;
26
- --xpl-color-transparent: rgba(255, 255, 255, 0);
27
- --xpl-color-red-900: #731409;
28
- --xpl-color-red-800: #961305;
29
- --xpl-color-red-700: #c2210f;
30
- --xpl-color-red-600: #db321f;
31
- --xpl-color-red-500: #f24f3d;
32
- --xpl-color-red-400: #f87263;
33
- --xpl-color-red-300: #ff9387;
34
- --xpl-color-red-200: #fec5be;
35
- --xpl-color-red-100: #fed9d5;
36
- --xpl-color-red-50: #fef7f3;
37
- --xpl-color-pink-900: #730b3f;
38
- --xpl-color-pink-800: #990f54;
39
- --xpl-color-pink-700: #bf1d7b;
40
- --xpl-color-pink-600: #cc3399;
41
- --xpl-color-pink-500: #e550c8;
42
- --xpl-color-pink-400: #f26ddc;
43
- --xpl-color-pink-300: #ff8df4;
44
- --xpl-color-pink-200: #ffb8f9;
45
- --xpl-color-pink-100: #ffd9fb;
46
- --xpl-color-pink-50: #fff0fe;
47
- --xpl-color-yellow-900: #5c5002;
48
- --xpl-color-yellow-800: #726916;
49
- --xpl-color-yellow-700: #8a8220;
50
- --xpl-color-yellow-600: #9e9828;
51
- --xpl-color-yellow-500: #adab20;
52
- --xpl-color-yellow-400: #c6cc4e;
53
- --xpl-color-yellow-300: #dce967;
54
- --xpl-color-yellow-200: #ecfd91;
55
- --xpl-color-yellow-100: #f3febb;
56
- --xpl-color-yellow-50: #fbffe5;
57
- --xpl-color-green-900: #154737;
58
- --xpl-color-green-800: #1d614b;
59
- --xpl-color-green-700: #24785d;
60
- --xpl-color-green-600: #2e9977;
61
- --xpl-color-green-500: #37b88f;
62
- --xpl-color-green-400: #4ad4a8;
63
- --xpl-color-green-300: #52ebba;
64
- --xpl-color-green-200: #74fbd0;
65
- --xpl-color-green-100: #c4ffed;
66
- --xpl-color-green-50: #ebfff8;
67
- --xpl-color-orange-900: #7a2714;
68
- --xpl-color-orange-800: #a6361a;
69
- --xpl-color-orange-700: #cc4121;
70
- --xpl-color-orange-600: #f44e27;
71
- --xpl-color-orange-500: #f76d43;
72
- --xpl-color-orange-400: #f99170;
73
- --xpl-color-orange-300: #ffbda8;
74
- --xpl-color-orange-200: #ffdccc;
75
- --xpl-color-orange-100: #feede4;
76
- --xpl-color-orange-50: #fef6f4;
77
- --xpl-color-purple-900: #330d80;
78
- --xpl-color-purple-800: #4d1ab2;
79
- --xpl-color-purple-700: #6923f4;
80
- --xpl-color-purple-600: #793ef7;
81
- --xpl-color-purple-500: #8857fa;
82
- --xpl-color-purple-400: #a480ff;
83
- --xpl-color-purple-300: #c3adff;
84
- --xpl-color-purple-200: #ddd1ff;
85
- --xpl-color-purple-100: #ebe5ff;
86
- --xpl-color-purple-50: #f4f2ff;
87
- --xpl-color-gray-1200: #18161f;
88
- --xpl-color-gray-1100: #201e29;
89
- --xpl-color-gray-1000: #292632;
90
- --xpl-color-gray-900: #302d3b;
91
- --xpl-color-gray-800: #363240;
92
- --xpl-color-gray-700: #3c3847;
93
- --xpl-color-gray-600: #6a6d7d;
94
- --xpl-color-gray-500: #999ba8;
95
- --xpl-color-gray-400: #e1e2e8;
96
- --xpl-color-gray-300: #eaebef;
97
- --xpl-color-gray-200: #eeeff3;
98
- --xpl-color-gray-100: #f3f4f6;
99
- --xpl-color-gray-50: #f8f9fa;
100
- --xpl-color-gray-0: #ffffff;
101
- --xpl-color-text-warning-dm: var(--xpl-color-red-300);
102
- --xpl-color-text-warning-lm: var(--xpl-color-red-700);
103
- --xpl-color-text-reverse-dm: var(--xpl-color-gray-1000);
104
- --xpl-color-text-reverse-lm: var(--xpl-color-gray-0);
105
- --xpl-color-text-secondary-dm: var(--xpl-color-gray-500);
106
- --xpl-color-text-secondary-lm: var(--xpl-color-gray-600);
107
- --xpl-color-text-primary-dm: var(--xpl-color-gray-0);
108
- --xpl-color-text-primary-lm: var(--xpl-color-gray-900);
109
- --xpl-color-action-warning-hover-dm: var(--xpl-color-red-400);
110
- --xpl-color-action-warning-hover-lm: var(--xpl-color-red-800);
111
- --xpl-color-action-warning-dm: var(--xpl-color-red-300);
112
- --xpl-color-action-warning-lm: var(--xpl-color-red-700);
113
- --xpl-color-action-disabled-dm: var(--xpl-color-gray-800);
114
- --xpl-color-action-disabled-lm: var(--xpl-color-gray-100);
115
- --xpl-color-action-primary-hover-dm: var(--xpl-color-purple-400);
116
- --xpl-color-action-primary-hover-lm: var(--xpl-color-purple-800);
117
- --xpl-color-action-primary-dm: var(--xpl-color-purple-300);
118
- --xpl-color-action-primary-lm: var(--xpl-color-purple-700);
119
- --xpl-color-trivial-bg-dm: var(--xpl-color-transparent);
120
- --xpl-color-trivial-bg-lm: var(--xpl-color-gray-400);
121
- --xpl-color-trivial-dm: var(--xpl-color-gray-500);
122
- --xpl-color-trivial-lm: var(--xpl-color-gray-600);
123
- --xpl-color-information-bg-dm: var(--xpl-color-transparent);
124
- --xpl-color-highlight-bg-dm: var(--xpl-color-transparent);
125
- --xpl-color-highlight-bg-lm: var(--xpl-color-yellow-200);
126
- --xpl-color-highlight-dm: var(--xpl-color-yellow-200);
127
- --xpl-color-highlight-lm: var(--xpl-color-yellow-500);
128
- --xpl-color-negative-bg-dm: var(--xpl-color-transparent);
129
- --xpl-color-negative-bg-lm: var(--xpl-color-red-100);
130
- --xpl-color-negative-dm: var(--xpl-color-red-300);
131
- --xpl-color-negative-lm: var(--xpl-color-red-600);
132
- --xpl-color-positive-bg-dm: var(--xpl-color-transparent);
133
- --xpl-color-positive-bg-lm: var(--xpl-color-green-100);
134
- --xpl-color-positive-dm: var(--xpl-color-green-300);
135
- --xpl-color-positive-lm: var(--xpl-color-green-500);
136
- --xpl-color-secondary-bg-dm: var(--xpl-color-gray-900); /* themable */
137
- --xpl-color-secondary-bg-lm: var(--xpl-color-purple-50); /* themable */
138
- --xpl-color-secondary-hover-dm: var(--xpl-color-purple-400); /* themable */
139
- --xpl-color-secondary-hover-lm: var(--xpl-color-purple-800); /* themable */
140
- --xpl-color-secondary-dm: var(--xpl-color-purple-300); /* themable */
141
- --xpl-color-secondary-lm: var(--xpl-color-purple-700); /* themable */
142
- --xpl-color-primary-bg-dm: var(--xpl-color-gray-900); /* themable */
143
- --xpl-color-primary-bg-lm: var(--xpl-color-orange-50); /* themable */
144
- --xpl-color-primary-dm: var(--xpl-color-orange-400); /* themable */
145
- --xpl-color-primary-lm: var(--xpl-color-orange-600); /* themable */
146
- --xpl-color-stroke-dm: var(--xpl-color-gray-700);
147
- --xpl-color-stroke-lm: var(--xpl-color-gray-400);
148
- --xpl-color-navigation-dm: var(--xpl-color-gray-1000);
149
- --xpl-color-navigation-lm: var(--xpl-color-gray-1000);
150
- --xpl-color-background-2-dm: var(--xpl-color-gray-1100);
151
- --xpl-color-background-2-lm: var(--xpl-color-gray-100);
152
- --xpl-color-background-dm: var(--xpl-color-gray-1200);
153
- --xpl-color-background-lm: var(--xpl-color-gray-50);
154
- --xpl-color-foreground-dm: var(--xpl-color-gray-1000);
155
- --xpl-color-foreground-lm: var(--xpl-color-gray-0);
156
- --xpl-color-accent-purple: var(--xpl-color-purple-300);
157
- --xpl-color-accent-pink: var(--xpl-color-pink-300);
158
- --xpl-color-accent-yellow: var(--xpl-color-yellow-200);
159
- --xpl-color-accent-green: var(--xpl-color-green-200);
160
- --xpl-color-text-action-dm: var(--xpl-color-primary-dm); /* uses themable token */
161
- --xpl-color-text-action-lm: var(--xpl-color-primary-lm); /* uses themable token */
162
- --xpl-color-information-bg-lm: var(--xpl-color-primary-bg-lm); /* uses themable token */
163
- --xpl-color-information-dm: var(--xpl-color-primary-dm); /* uses themable token */
164
- --xpl-color-information-lm: var(--xpl-color-primary-lm); /* uses themable token */
165
- }
166
- .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:0.875rem;line-height:1.5rem;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}
167
- .flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}
168
- .flatpickr-calendar.open{display:inline-block;z-index:99999}
169
- .flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}
170
- .flatpickr-calendar.inline{display:block;position:relative;top:2px}
171
- .flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}
172
- .flatpickr-calendar.static.open{z-index:999;display:block}
173
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}
174
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}
175
- .flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
176
- .flatpickr-calendar .hasWeeks .dayContainer{border-left:0}
177
- .flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}
178
- .flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}
179
- .flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}
180
- .flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}
181
- .flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}
182
- .flatpickr-calendar:before{border-width:5px;margin:0 -5px}
183
- .flatpickr-calendar:after{border-width:4px;margin:0 -4px}
184
- .flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}
185
- .flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}
186
- .flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}
187
- .flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}
188
- .flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}
189
- .flatpickr-calendar.arrowBottom:after{border-top-color:#fff}
190
- .flatpickr-calendar:focus{outline:0}
191
- .flatpickr-wrapper{position:relative;display:inline-block}
192
- .flatpickr-months{display:flex}
193
- .flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}
194
- .flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}
195
- .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}
196
- .flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}
197
- .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
198
- /*rtl:begin:ignore*/left:0/*
199
- /*rtl:end:ignore*/}
200
- /*
201
- /*rtl:begin:ignore*/
202
- /*
203
- /*rtl:end:ignore*/
204
- .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
205
- /*rtl:begin:ignore*/right:0/*
206
- /*rtl:end:ignore*/}
207
- /*
208
- /*rtl:begin:ignore*/
209
- /*
210
- /*rtl:end:ignore*/
211
- .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}
212
- .flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}
213
- .flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}
214
- .flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}
215
- .numInputWrapper{position:relative;height:auto}
216
- .numInputWrapper input,.numInputWrapper span{display:inline-block}
217
- .numInputWrapper input{width:100%}
218
- .numInputWrapper input::-ms-clear{display:none}
219
- .numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
220
- .numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}
221
- .numInputWrapper span:hover{background:rgba(0,0,0,0.1)}
222
- .numInputWrapper span:active{background:rgba(0,0,0,0.2)}
223
- .numInputWrapper span:after{display:block;content:"";position:absolute}
224
- .numInputWrapper span.arrowUp{top:0;border-bottom:0}
225
- .numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}
226
- .numInputWrapper span.arrowDown{top:50%}
227
- .numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}
228
- .numInputWrapper span svg{width:inherit;height:auto}
229
- .numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}
230
- .numInputWrapper:hover{background:rgba(0,0,0,0.05)}
231
- .numInputWrapper:hover span{opacity:1}
232
- .flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}
233
- .flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}
234
- .flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}
235
- .flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}
236
- .flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}
237
- .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}
238
- .flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
239
- .flatpickr-current-month input.cur-year:focus{outline:0}
240
- .flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}
241
- .flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}
242
- .flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}
243
- .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}
244
- .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}
245
- .flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}
246
- .flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}
247
- span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}
248
- .dayContainer,.flatpickr-weeks{padding:1px 0 0 0}
249
- .flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}
250
- .flatpickr-days:focus{outline:0}
251
- .dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}
252
- .dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}
253
- .flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:2.4375rem;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}
254
- .flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}
255
- .flatpickr-day.today{border-color:#959ea9}
256
- .flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}
257
- .flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}
258
- .flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}
259
- .flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}
260
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}
261
- .flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}
262
- .flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}
263
- .flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}
264
- .flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}
265
- .flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}
266
- .flatpickr-day.hidden{visibility:hidden}
267
- .rangeMode .flatpickr-day{margin-top:1px}
268
- .flatpickr-weekwrapper{float:left}
269
- .flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}
270
- .flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:1.75rem}
271
- .flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}
272
- .flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}
273
- .flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}
274
- .flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:2.5rem;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}
275
- .flatpickr-time:after{content:"";display:table;clear:both}
276
- .flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}
277
- .flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}
278
- .flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}
279
- .flatpickr-time.hasSeconds .numInputWrapper{width:26%}
280
- .flatpickr-time.time24hr .numInputWrapper{width:49%}
281
- .flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:0.875rem;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
282
- .flatpickr-time input.flatpickr-hour{font-weight:bold}
283
- .flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}
284
- .flatpickr-time input:focus{outline:0;border:0}
285
- .flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}
286
- .flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}
287
- .flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}
288
- .flatpickr-input[readonly]{cursor:pointer}
289
- @keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
290
- /* stylelint-disable no-descending-specificity */
291
- /*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com */
292
- /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
293
- /*
294
- Document
295
- ========
296
- */
297
- /**
298
- * 1. Prevent padding and border from affecting element width.
299
- *
300
- * We used to set this in the html element and inherit from
301
- * the parent element for everything else. This caused issues
302
- * in shadow-dom-enhanced elements like <details> where the content
303
- * is wrapped by a div with box-sizing set to `content-box`.
304
- *
305
- * https://github.com/mozdevs/cssremedy/issues/4
306
- *
307
- *
308
- * 2. Allow adding a border to an element by just adding a border-width.
309
- *
310
- * By default, the way the browser specifies that an element should have no
311
- * border is by setting it's border-style to `none` in the user-agent
312
- * stylesheet.
313
- *
314
- * In order to easily add borders to elements by just setting the `border-width`
315
- * property, we change the default border-style for all elements to `solid`, and
316
- * use border-width to hide them instead. This way our `border` utilities only
317
- * need to set the `border-width` property instead of the entire `border`
318
- * shorthand, making our border utilities much more straightforward to compose.
319
- *
320
- * https://github.com/tailwindcss/tailwindcss/pull/116
321
- */
322
- [class^="xpl-"],
323
- [class^="xpl-"] *,
324
- [class^="xpl-"]::before,
325
- [class^="xpl-"] *::before,
326
- [class^="xpl-"]::after,
327
- [class^="xpl-"] *::after {
328
- box-sizing: border-box; /* 1 */
329
- border-width: 0; /* 2 */
330
- border-style: solid; /* 2 */
331
- border-color: #e5e7eb; /* 2 */
332
- }
333
- /**
334
- Use a more readable tab size (opinionated).
335
- */
336
- /**
337
- 1. Correct the line height in all browsers.
338
- 2. Prevent adjustments of font size after orientation changes in iOS.
339
- */
340
- [class^="xpl-"] {
341
- -moz-tab-size: 4;
342
- -o-tab-size: 4;
343
- tab-size: 4;
344
- line-height: 1.15; /* 1 */
345
- -webkit-text-size-adjust: 100%; /* 2 */
346
- }
347
- /*
348
- Sections
349
- ========
350
- */
351
- /**
352
- Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
353
- */
354
- /**
355
- * Tailwind custom reset styles
356
- */
357
- /**
358
- * 1. Use the user's configured `sans` font-family (with Tailwind's default
359
- * sans-serif font stack as a fallback) as a sane default.
360
- * 2. Use Tailwind's default "normal" line-height so the user isn't forced
361
- * to override it to ensure consistency even when using the default theme.
362
- */
363
- [class^="xpl-"],
364
- [class^="xpl-"] * {
365
- font-family: var(--xpl-font-family-default);
366
- line-height: 1.5; /* 2 */
367
- }
368
- /*
369
- Grouping content
370
- ================
371
- */
372
- /**
373
- 1. Add the correct height in Firefox.
374
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
375
- 3. Ensure horizontal rules are visible by default
376
- */
377
- [class^="xpl-"] hr {
378
- height: 0; /* 1 */
379
- color: inherit; /* 2 */
380
- border-top-width: 1px; /* 3 */
381
- }
382
- /*
383
- Text-level semantics
384
- ====================
385
- */
386
- /**
387
- Add the correct text decoration in Chrome, Edge, and Safari.
388
- */
389
- /**
390
- Add the correct font weight in Edge and Safari.
391
- */
392
- [class^="xpl-"] b,
393
- [class^="xpl-"] strong {
394
- font-weight: bolder;
395
- }
396
- /**
397
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
398
- 2. Correct the odd 'em' font sizing in all browsers.
399
- */
400
- /**
401
- * Use the configured 'mono' font family for elements that
402
- * are expected to be rendered with a monospace font, falling
403
- * back to the system monospace stack if there is no configured
404
- * 'mono' font family.
405
- */
406
- [class^="xpl-"] pre,
407
- [class^="xpl-"] code,
408
- [class^="xpl-"] kbd,
409
- [class^="xpl-"] samp {
410
- font-family:
411
- ui-monospace,
1
+ :root{--xpl-size-spacing-144:8.75rem;--xpl-size-spacing-112:7rem;--xpl-size-spacing-80:5rem;--xpl-size-spacing-64:4rem;--xpl-size-spacing-48:3rem;--xpl-size-spacing-32:2rem;--xpl-size-spacing-24:1.5rem;--xpl-size-spacing-16:1rem;--xpl-size-spacing-12:0.75rem;--xpl-size-spacing-8:0.5rem;--xpl-size-spacing-4:0.25rem;--xpl-size-spacing-0:0rem;--xpl-size-font-caption:0.75rem;--xpl-size-font-callout:0.75rem;--xpl-size-font-body:0.875rem;--xpl-size-font-title-5:0.875rem;--xpl-size-font-title-4:1rem;--xpl-size-font-title-3:1.25rem;--xpl-size-font-title-2:1.5rem;--xpl-size-font-title-1:1.875rem;--xpl-font-weight-normal:normal;--xpl-font-weight-medium:medium;--xpl-font-weight-bold:bold;--xpl-font-family-default:apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif;--xpl-color-transparent:rgba(255, 255, 255, 0);--xpl-color-red-900:#731409;--xpl-color-red-800:#961305;--xpl-color-red-700:#c2210f;--xpl-color-red-600:#db321f;--xpl-color-red-500:#f24f3d;--xpl-color-red-400:#f87263;--xpl-color-red-300:#ff9387;--xpl-color-red-200:#fec5be;--xpl-color-red-100:#fed9d5;--xpl-color-red-50:#fef7f3;--xpl-color-pink-900:#730b3f;--xpl-color-pink-800:#990f54;--xpl-color-pink-700:#bf1d7b;--xpl-color-pink-600:#cc3399;--xpl-color-pink-500:#e550c8;--xpl-color-pink-400:#f26ddc;--xpl-color-pink-300:#ff8df4;--xpl-color-pink-200:#ffb8f9;--xpl-color-pink-100:#ffd9fb;--xpl-color-pink-50:#fff0fe;--xpl-color-yellow-900:#5c5002;--xpl-color-yellow-800:#726916;--xpl-color-yellow-700:#8a8220;--xpl-color-yellow-600:#9e9828;--xpl-color-yellow-500:#adab20;--xpl-color-yellow-400:#c6cc4e;--xpl-color-yellow-300:#dce967;--xpl-color-yellow-200:#ecfd91;--xpl-color-yellow-100:#f3febb;--xpl-color-yellow-50:#fbffe5;--xpl-color-green-900:#154737;--xpl-color-green-800:#1d614b;--xpl-color-green-700:#24785d;--xpl-color-green-600:#2e9977;--xpl-color-green-500:#37b88f;--xpl-color-green-400:#4ad4a8;--xpl-color-green-300:#52ebba;--xpl-color-green-200:#74fbd0;--xpl-color-green-100:#c4ffed;--xpl-color-green-50:#ebfff8;--xpl-color-orange-900:#7a2714;--xpl-color-orange-800:#a6361a;--xpl-color-orange-700:#cc4121;--xpl-color-orange-600:#f44e27;--xpl-color-orange-500:#f76d43;--xpl-color-orange-400:#f99170;--xpl-color-orange-300:#ffbda8;--xpl-color-orange-200:#ffdccc;--xpl-color-orange-100:#feede4;--xpl-color-orange-50:#fef6f4;--xpl-color-purple-900:#330d80;--xpl-color-purple-800:#4d1ab2;--xpl-color-purple-700:#6923f4;--xpl-color-purple-600:#793ef7;--xpl-color-purple-500:#8857fa;--xpl-color-purple-400:#a480ff;--xpl-color-purple-300:#c3adff;--xpl-color-purple-200:#ddd1ff;--xpl-color-purple-100:#ebe5ff;--xpl-color-purple-50:#f4f2ff;--xpl-color-gray-1200:#18161f;--xpl-color-gray-1100:#201e29;--xpl-color-gray-1000:#292632;--xpl-color-gray-900:#302d3b;--xpl-color-gray-800:#363240;--xpl-color-gray-700:#3c3847;--xpl-color-gray-600:#6a6d7d;--xpl-color-gray-500:#999ba8;--xpl-color-gray-400:#e1e2e8;--xpl-color-gray-300:#eaebef;--xpl-color-gray-200:#eeeff3;--xpl-color-gray-100:#f3f4f6;--xpl-color-gray-50:#f8f9fa;--xpl-color-gray-0:#ffffff;--xpl-color-text-warning-dm:var(--xpl-color-red-300);--xpl-color-text-warning-lm:var(--xpl-color-red-700);--xpl-color-text-reverse-dm:var(--xpl-color-gray-1000);--xpl-color-text-reverse-lm:var(--xpl-color-gray-0);--xpl-color-text-secondary-dm:var(--xpl-color-gray-500);--xpl-color-text-secondary-lm:var(--xpl-color-gray-600);--xpl-color-text-primary-dm:var(--xpl-color-gray-0);--xpl-color-text-primary-lm:var(--xpl-color-gray-900);--xpl-color-action-warning-hover-dm:var(--xpl-color-red-400);--xpl-color-action-warning-hover-lm:var(--xpl-color-red-800);--xpl-color-action-warning-dm:var(--xpl-color-red-300);--xpl-color-action-warning-lm:var(--xpl-color-red-700);--xpl-color-action-disabled-dm:var(--xpl-color-gray-800);--xpl-color-action-disabled-lm:var(--xpl-color-gray-100);--xpl-color-action-primary-hover-dm:var(--xpl-color-purple-400);--xpl-color-action-primary-hover-lm:var(--xpl-color-purple-800);--xpl-color-action-primary-dm:var(--xpl-color-purple-300);--xpl-color-action-primary-lm:var(--xpl-color-purple-700);--xpl-color-trivial-bg-dm:var(--xpl-color-transparent);--xpl-color-trivial-bg-lm:var(--xpl-color-gray-400);--xpl-color-trivial-dm:var(--xpl-color-gray-500);--xpl-color-trivial-lm:var(--xpl-color-gray-600);--xpl-color-information-bg-dm:var(--xpl-color-transparent);--xpl-color-highlight-bg-dm:var(--xpl-color-transparent);--xpl-color-highlight-bg-lm:var(--xpl-color-yellow-200);--xpl-color-highlight-dm:var(--xpl-color-yellow-200);--xpl-color-highlight-lm:var(--xpl-color-yellow-500);--xpl-color-negative-bg-dm:var(--xpl-color-transparent);--xpl-color-negative-bg-lm:var(--xpl-color-red-100);--xpl-color-negative-dm:var(--xpl-color-red-300);--xpl-color-negative-lm:var(--xpl-color-red-600);--xpl-color-positive-bg-dm:var(--xpl-color-transparent);--xpl-color-positive-bg-lm:var(--xpl-color-green-100);--xpl-color-positive-dm:var(--xpl-color-green-300);--xpl-color-positive-lm:var(--xpl-color-green-500);--xpl-color-secondary-bg-dm:var(--xpl-color-gray-900);--xpl-color-secondary-bg-lm:var(--xpl-color-purple-50);--xpl-color-secondary-hover-dm:var(--xpl-color-purple-400);--xpl-color-secondary-hover-lm:var(--xpl-color-purple-800);--xpl-color-secondary-dm:var(--xpl-color-purple-300);--xpl-color-secondary-lm:var(--xpl-color-purple-700);--xpl-color-primary-bg-dm:var(--xpl-color-gray-900);--xpl-color-primary-bg-lm:var(--xpl-color-orange-50);--xpl-color-primary-dm:var(--xpl-color-orange-400);--xpl-color-primary-lm:var(--xpl-color-orange-600);--xpl-color-stroke-dm:var(--xpl-color-gray-700);--xpl-color-stroke-lm:var(--xpl-color-gray-400);--xpl-color-navigation-dm:var(--xpl-color-gray-1000);--xpl-color-navigation-lm:var(--xpl-color-gray-1000);--xpl-color-background-2-dm:var(--xpl-color-gray-1100);--xpl-color-background-2-lm:var(--xpl-color-gray-100);--xpl-color-background-dm:var(--xpl-color-gray-1200);--xpl-color-background-lm:var(--xpl-color-gray-50);--xpl-color-foreground-dm:var(--xpl-color-gray-1000);--xpl-color-foreground-lm:var(--xpl-color-gray-0);--xpl-color-accent-purple:var(--xpl-color-purple-300);--xpl-color-accent-pink:var(--xpl-color-pink-300);--xpl-color-accent-yellow:var(--xpl-color-yellow-200);--xpl-color-accent-green:var(--xpl-color-green-200);--xpl-color-text-action-dm:var(--xpl-color-primary-dm);--xpl-color-text-action-lm:var(--xpl-color-primary-lm);--xpl-color-information-bg-lm:var(--xpl-color-primary-bg-lm);--xpl-color-information-dm:var(--xpl-color-primary-dm);--xpl-color-information-lm:var(--xpl-color-primary-lm);}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:0.875rem;line-height:1.5rem;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0
2
+ }.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0
3
+ }.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:2.4375rem;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:1.75rem}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:2.5rem;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:0.875rem;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}/*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */[class^="xpl-"],[class^="xpl-"] *,[class^="xpl-"]::before,[class^="xpl-"] *::before,[class^="xpl-"]::after,[class^="xpl-"] *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}[class^="xpl-"]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%;}[class^="xpl-"],[class^="xpl-"] *{font-family:var(--xpl-font-family-default);line-height:1.5;}[class^="xpl-"] hr{height:0;color:inherit;border-top-width:1px;}[class^="xpl-"] abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[class^="xpl-"] b,[class^="xpl-"] strong{font-weight:bolder}[class^="xpl-"] pre,[class^="xpl-"] code,[class^="xpl-"] kbd,[class^="xpl-"] samp{font-family:ui-monospace,
412
4
  SFMono-Regular,
413
5
  Menlo,
414
6
  Monaco,
415
7
  Consolas,
416
8
  "Liberation Mono",
417
9
  "Courier New",
418
- monospace; /* 1 */
419
-
420
- font-size: 1em; /* 2 */
421
- }
422
- /**
423
- Add the correct font size in all browsers.
424
- */
425
- [class^="xpl-"] small {
426
- font-size: 80%;
427
- }
428
- /**
429
- Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
430
- */
431
- [class^="xpl-"] sub,
432
- [class^="xpl-"] sup {
433
- font-size: 75%;
434
- line-height: 0;
435
- position: relative;
436
- vertical-align: baseline;
437
- }
438
- [class^="xpl-"] sub {
439
- bottom: -0.25em;
440
- }
441
- [class^="xpl-"] sup {
442
- top: -0.5em;
443
- }
444
- /*
445
- Tabular data
446
- ============
447
- */
448
- /**
449
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
450
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
451
- */
452
- [class^="xpl-"] table,
453
- table[class^="xpl-"] {
454
- text-indent: 0; /* 1 */
455
- border-color: inherit; /* 2 */
456
- border-collapse: collapse;
457
- }
458
- /*
459
- Forms
460
- =====
461
- */
462
- /**
463
- 1. Change the font styles in all browsers.
464
- 2. Remove the margin in Firefox and Safari.
465
- */
466
- [class^="xpl-"] button,
467
- button[class^="xpl-"],
468
- [class^="xpl-"] input,
469
- input[class^="xpl-"],
470
- [class^="xpl-"] optgroup,
471
- optgroup[class^="xpl-"],
472
- [class^="xpl-"] select,
473
- select[class^="xpl-"] [class^="xpl-"] textarea,
474
- textarea[class^="xpl-"] {
475
- font-family: var(--xpl-font-family-default); /* 1 */
476
- font-size: 100%; /* 1 */
477
- line-height: 1.15; /* 1 */
478
- margin: 0; /* 2 */
479
- }
480
- /**
481
- Remove the inheritance of text transform in Edge and Firefox.
482
- 1. Remove the inheritance of text transform in Firefox.
483
- */
484
- [class^="xpl-"] button,
485
- button[class^="xpl-"],
486
- [class^="xpl-"] select,
487
- select[class^="xpl-"] {
488
- /* 1 */
489
- text-transform: none;
490
- }
491
- /**
492
- Correct the inability to style clickable types in iOS and Safari.
493
- */
494
- [class^="xpl-"] button,
495
- button[class^="xpl-"] [class^="xpl-"] [type="button"],
496
- [type="button"][class^="xpl-"] {
497
- -webkit-appearance: none;
498
- }
499
- /**
500
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
501
- */
502
- [class^="xpl-"] legend {
503
- padding: 0;
504
- }
505
- /**
506
- Add the correct vertical alignment in Chrome and Firefox.
507
- */
508
- [class^="xpl-"] progress {
509
- vertical-align: baseline;
510
- }
511
- /*
512
- Interactive
513
- ===========
514
- */
515
- /*
516
- Add the correct display in Chrome and Safari.
517
- */
518
- [class^="xpl-"] summary {
519
- display: list-item;
520
- }
521
- [class^="xpl-"] button,
522
- button[class^="xpl-"] {
523
- background-color: transparent;
524
- background-image: none;
525
- cursor: pointer;
526
- }
527
- /**
528
- * Work around a Firefox/IE bug where the transparent `button` background
529
- * results in a loss of the default `button` focus styles.
530
- */
531
- [class^="xpl-"] button:focus,
532
- button[class^="xpl-"]:focus {
533
- outline: 1px dotted;
534
- outline: 5px auto -webkit-focus-ring-color;
535
- }
536
- [class^="xpl-"] fieldset {
537
- margin: 0;
538
- padding: 0;
539
- }
540
- [class^="xpl-"] ol,
541
- ol[class^="xpl-"],
542
- [class^="xpl-"] ul,
543
- ul[class^="xpl-"] {
544
- list-style: none;
545
- margin: 0;
546
- padding: 0;
547
- }
548
- /**
549
- * Undo the `border-style: none` reset that Normalize applies to images so that
550
- * our `border-{width}` utilities have the expected effect.
551
- *
552
- * The Normalize reset is unnecessary for us since we default the border-width
553
- * to 0 on all elements.
554
- *
555
- * https://github.com/tailwindcss/tailwindcss/issues/362
556
- */
557
- [class^="xpl-"] img {
558
- border-style: solid;
559
- }
560
- [class^="xpl-"] textarea {
561
- resize: vertical;
562
- }
563
- [class^="xpl-"] input::-moz-placeholder,
564
- input[class^="xpl-"]::-moz-placeholder,
565
- [class^="xpl-"] textarea::-moz-placeholder,
566
- textarea[class^="xpl-"]::-moz-placeholder {
567
- opacity: 1;
568
- color: #9ca3af;
569
- }
570
- [class^="xpl-"] input::-moz-placeholder, input[class^="xpl-"]::-moz-placeholder, [class^="xpl-"] textarea::-moz-placeholder, textarea[class^="xpl-"]::-moz-placeholder {
571
- opacity: 1;
572
- color: #9ca3af;
573
- }
574
- [class^="xpl-"] input::placeholder,
575
- input[class^="xpl-"]::placeholder,
576
- [class^="xpl-"] textarea::placeholder,
577
- textarea[class^="xpl-"]::placeholder {
578
- opacity: 1;
579
- color: #9ca3af;
580
- }
581
- [class^="xpl-"] h1,
582
- [class^="xpl-"] h2,
583
- [class^="xpl-"] h3,
584
- [class^="xpl-"] h4,
585
- [class^="xpl-"] h5,
586
- [class^="xpl-"] h6 {
587
- font-size: inherit;
588
- font-weight: inherit;
589
- }
590
- /**
591
- * Reset form element properties that are easy to forget to
592
- * style explicitly so you don't inadvertently introduce
593
- * styles that deviate from your design system. These styles
594
- * supplement a partial reset that is already applied by
595
- * normalize.css.
596
- */
597
- [class^="xpl-"] button,
598
- button[class^="xpl-"],
599
- [class^="xpl-"] input,
600
- input[class^="xpl-"],
601
- [class^="xpl-"] optgroup,
602
- optgroup[class^="xpl-"],
603
- [class^="xpl-"] select,
604
- select[class^="xpl-"],
605
- [class^="xpl-"] textarea,
606
- textarea[class^="xpl-"] {
607
- line-height: inherit;
608
- color: inherit;
609
- }
610
- /**
611
- * Make replaced elements `display: block` by default as that's
612
- * the behavior you want almost all of the time.
613
- *
614
- * https://github.com/mozdevs/cssremedy/issues/14
615
- */
616
- [class^="xpl-"] img,
617
- [class^="xpl-"] video,
618
- [class^="xpl-"] canvas,
619
- [class^="xpl-"] audio,
620
- [class^="xpl-"] iframe,
621
- [class^="xpl-"] embed,
622
- [class^="xpl-"] object {
623
- display: block;
624
- }
625
- /**
626
- * Constrain images and videos to the parent width and preserve
627
- * their intrinsic aspect ratio.
628
- *
629
- * https://github.com/mozdevs/cssremedy/issues/14
630
- */
631
- [class^="xpl-"] img,
632
- [class^="xpl-"] video {
633
- max-width: 100%;
634
- height: auto;
635
- }
636
- * {
637
- --tw-shadow: 0 0 #0000;
638
- --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
639
- --tw-ring-offset-width: 0;
640
- --tw-ring-offset-color: #fff;
641
- --tw-ring-color: rgba(59 130 246 / 50%);
642
- --tw-ring-offset-shadow: 0 0 #0000;
643
- --tw-ring-shadow: 0 0 #0000;
644
- }
645
- .xpl-application-shell {
646
- grid-template:
647
- "nav utility utility" min-content "nav subnav content" 1fr / min-content min-content 1fr;
648
- max-height: 100vh;
649
- background-color: var(--xpl-color-navigation-lm);
650
- }
651
- .xpl-application-shell__nav {
652
- grid-area: nav;
653
- height: 100vh;
654
- }
655
- /* Only Firefox (as of 66) support animation of Grid tracks, so we need to apply animation to the width of the bar. */
656
- .xpl-application-shell__nav--sm,
657
- .xpl-application-shell__nav--md,
658
- .xpl-application-shell__nav--default {
659
- width: 0;
660
- transition-property: all;
661
- transition-timing-function: ease-in-out;
662
- }
663
- .xpl-application-shell__nav--sm {
664
- transform: translateX(-74px);
665
- transition-duration: 0.2s;
666
- }
667
- .xpl-application-shell__nav--sm--open {
668
- width: 74px;
669
- transition-duration: 0.2s;
670
- }
671
- .xpl-application-shell__nav--md {
672
- transform: translateX(-112px);
673
- transition-duration: 0.25s;
674
- }
675
- .xpl-application-shell__nav--md--open {
676
- width: 112px;
677
- transition-duration: 0.25s;
678
- }
679
- .xpl-application-shell__nav--default {
680
- transform: translateX(-240px);
681
- transition-duration: 0.3s;
682
- }
683
- .xpl-application-shell__nav--default--open {
684
- transition-duration: 0.3s;
685
- width: 240px;
686
- }
687
- .xpl-application-shell__nav {
688
- position: sticky;
689
- top: 0px
690
- }
691
- .xpl-application-shell__subnav {
692
- grid-area: subnav;
693
- background-color: var(--xpl-color-foreground-lm);
694
- border-top: 1px solid var(--xpl-color-stroke-lm);
695
- }
696
- .xpl-application-shell__utility {
697
- grid-area: utility;
698
- position: sticky;
699
- top: 0px;
700
- }
701
- .xpl-application-shell__content {
702
- grid-area: content;
703
- background-color: var(--xpl-color-background-lm);
704
- border-left: 1px solid var(--xpl-color-stroke-lm);
705
- border-top: 1px solid var(--xpl-color-stroke-lm);
706
- overflow-y: auto;
707
- }
708
- .xpl-application-shell {
709
- display: grid
710
- }
711
- .dark .xpl-application-shell__subnav {
712
- background-color: var(--xpl-color-background-2-dm);
713
- border-left: 1px solid var(--xpl-color-stroke-dm);
714
- border-top: 1px solid var(--xpl-color-stroke-dm);
715
- }
716
- .dark .xpl-application-shell__content {
717
- background-color: var(--xpl-color-background-dm);
718
- border-left: 1px solid var(--xpl-color-stroke-dm);
719
- border-top: 1px solid var(--xpl-color-stroke-dm);
720
- }
721
- .dark .xpl-application-shell__utility {
722
- border-left: 1px solid var(--xpl-color-stroke-dm);
723
- }
724
- @media (max-width: 1023px) {
725
- .xpl-application-shell {
726
- grid-template:
727
- "nav utility" min-content "nav subnav" min-content "nav content" 1fr / min-content 1fr;
728
- height: 100vh;
729
- }
730
-
731
- .xpl-application-shell__sidebar--open {
732
- grid-template-columns: min-content 100vw;
733
- }
734
-
735
- .xpl-application-shell__subnav {
736
- border-top: 0;
737
- }
738
-
739
- .xpl-application-shell {
740
- overflow: hidden
741
- }
742
-
743
-
744
- .dark .xpl-application-shell__subnav,
745
- .dark .xpl-application-shell__content,
746
- .dark .xpl-application-shell__utility {
747
- border-left: 0;
748
- }
749
- }
750
- @media (max-width: 640px) {
751
- .xpl-application-shell {
752
- grid-template-columns: min-content 100vw;
753
- height: -webkit-fill-available;
754
- }
755
-
756
- .xpl-application-shell__nav {
757
- max-height: -webkit-fill-available;
758
- }
759
-
760
- .xpl-application-shell__backdrop--open {
761
- grid-area: utility / subnav / content;
762
- }
763
- }
764
- .xpl-avatar {
765
- position: relative;
766
- display: inline-block;
767
- border-radius: 9999px;
768
- vertical-align: middle;
769
- text-transform: uppercase
770
- }
771
- a.xpl-avatar {
772
- text-decoration: none;
773
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
774
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
775
- transition-duration: 150ms;
776
- }
777
- a.xpl-avatar:focus {
778
- outline: 2px solid transparent;
779
- outline-offset: 2px;
780
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
781
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
782
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
783
- --tw-ring-offset-width: 2px
784
- }
785
- .dark a.xpl-avatar {
786
- --tw-ring-offset-color: #212633; /* gray-900 */
787
- }
788
- a.xpl-avatar:focus {
789
- --tw-ring-color: var(--xpl-color-secondary-lm);
790
- }
791
- .dark a.xpl-avatar:focus {
792
- --tw-ring-color: var(--xpl-color-secondary-dm);
793
- }
794
- a.xpl-avatar::after {
795
- content: '';
796
- position: absolute;
797
- top: 0px;
798
- left: 0px;
799
- display: block;
800
- height: 100%;
801
- width: 100%;
802
- border-radius: 9999px;
803
- --tw-bg-opacity: 1;
804
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
805
- opacity: 0;
806
- transition-property: opacity;
807
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
808
- transition-duration: 150ms;
809
- }
810
- a.xpl-avatar:hover::after,
811
- a.xpl-avatar:active::after {
812
- opacity: 0.2
813
- }
814
- .xpl-avatar--disabled {
815
- cursor: not-allowed
816
- }
817
- .xpl-avatar img,
818
- .xpl-avatar__placeholder {
819
- height: 2.5rem;
820
- width: 2.5rem;
821
- border-radius: 9999px
822
- }
823
- .xpl-avatar__placeholder {
824
- background-color: var(--xpl-color-secondary-lm);
825
- display: flex;
826
- align-items: center;
827
- justify-content: center;
828
- font-size: 0.875rem;
829
- line-height: 1.25rem;
830
- font-weight: 500;
831
- --tw-text-opacity: 1;
832
- color: rgb(255 255 255 / var(--tw-text-opacity));
833
- }
834
- .dark .xpl-avatar__placeholder {
835
- background-color: var(--xpl-color-secondary-dm);
836
- --tw-text-opacity: 1;
837
- color: rgb(48 45 59 / var(--tw-text-opacity));
838
- }
839
- .xpl-avatar--green .xpl-avatar__placeholder {
840
- --tw-bg-opacity: 1;
841
- background-color: rgb(116 251 208 / var(--tw-bg-opacity));
842
- --tw-text-opacity: 1;
843
- color: rgb(48 45 59 / var(--tw-text-opacity))
844
- }
845
- a.xpl-avatar--green:focus,
846
- .dark a.xpl-avatar--green:focus {
847
- --tw-ring-color: #74fbd0; /* green accent */
848
- }
849
- .xpl-avatar--yellow .xpl-avatar__placeholder {
850
- --tw-bg-opacity: 1;
851
- background-color: rgb(236 253 145 / var(--tw-bg-opacity));
852
- --tw-text-opacity: 1;
853
- color: rgb(48 45 59 / var(--tw-text-opacity))
854
- }
855
- a.xpl-avatar--yellow:focus,
856
- .dark a.xpl-avatar--yellow:focus {
857
- --tw-ring-color: #ecfd91; /* yellow accent */
858
- }
859
- .xpl-avatar--pink .xpl-avatar__placeholder {
860
- --tw-bg-opacity: 1;
861
- background-color: rgb(255 141 244 / var(--tw-bg-opacity));
862
- --tw-text-opacity: 1;
863
- color: rgb(48 45 59 / var(--tw-text-opacity))
864
- }
865
- a.xpl-avatar--pink:focus,
866
- .dark a.xpl-avatar--pink:focus {
867
- --tw-ring-color: #ff9ef6; /* pink accent */
868
- }
869
- .xpl-avatar--primary .xpl-avatar__placeholder {
870
- background-color: var(--xpl-color-primary-lm);
871
- }
872
- .xpl-avatar--sm img,
873
- .xpl-avatar--sm .xpl-avatar__placeholder {
874
- height: 1.5rem;
875
- width: 1.5rem;
876
- font-size: 0.625rem;
877
- line-height: 0.875rem
878
- }
879
- .xpl-avatar--md img,
880
- .xpl-avatar--md .xpl-avatar__placeholder {
881
- height: 2rem;
882
- width: 2rem;
883
- font-size: 0.625rem;
884
- line-height: 0.875rem
885
- }
886
- .dark .xpl-avatar--primary .xpl-avatar__placeholder {
887
- background-color: var(--xpl-color-primary-dm);
888
- --tw-text-opacity: 1;
889
- color: rgb(48 45 59 / var(--tw-text-opacity));
890
- }
891
- a.xpl-avatar--primary:focus {
892
- --tw-ring-color: var(--xpl-color-primary-lm);
893
- }
894
- .dark a.xpl-avatar--primary:focus {
895
- --tw-ring-color: var(--xpl-color-primary-dm);
896
- }
897
- [class^='xpl-avatar__dot'] {
898
- position: absolute;
899
- bottom: 0px;
900
- right: 0px;
901
- display: block;
902
- height: 0.625rem;
903
- width: 0.625rem;
904
- border-radius: 9999px;
905
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
906
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
907
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
908
- --tw-ring-opacity: 1;
909
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))
910
- }
911
- .dark [class^='xpl-avatar__dot'] {
912
- --tw-ring-opacity: 1;
913
- --tw-ring-color: rgb(48 45 59 / var(--tw-ring-opacity))
914
- }
915
- .xpl-avatar__dot--active {
916
- --tw-bg-opacity: 1;
917
- background-color: rgb(55 184 143 / var(--tw-bg-opacity))
918
- }
919
- .dark .xpl-avatar__dot--active {
920
- --tw-bg-opacity: 1;
921
- background-color: rgb(82 235 186 / var(--tw-bg-opacity))
922
- }
923
- .xpl-avatar__dot--warning {
924
- --tw-bg-opacity: 1;
925
- background-color: rgb(242 79 61 / var(--tw-bg-opacity))
926
- }
927
- .dark .xpl-avatar__dot--warning {
928
- --tw-bg-opacity: 1;
929
- background-color: rgb(255 147 135 / var(--tw-bg-opacity))
930
- }
931
- .xpl-avatar__dot--inactive {
932
- --tw-bg-opacity: 1;
933
- background-color: rgb(225 226 232 / var(--tw-bg-opacity))
934
- }
935
- .xpl-avatar--md [class^='xpl-avatar__dot'] {
936
- height: 0.5rem;
937
- width: 0.5rem
938
- }
939
- .xpl-avatar--sm [class^='xpl-avatar__dot'] {
940
- height: 0.375rem;
941
- width: 0.375rem
942
- }
943
- .xpl-avatar--rounded img {
944
- border-radius: 0.375rem
945
- }
946
- .xpl-avatar-group {
947
- display: flex
948
- }
949
- .xpl-avatar-group > :not([hidden]) ~ :not([hidden]) {
950
- --tw-space-x-reverse: 0;
951
- margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
952
- margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))
953
- }
954
- .xpl-avatar-group {
955
- overflow: hidden
956
- }
957
- .xpl-avatar-group img {
958
- box-shadow: 0 0 0 2px #fff;
959
- display: inline-block;
960
- height: 2rem;
961
- width: 2rem;
962
- border-radius: 9999px;
963
- }
964
- .xpl-avatar-group--s img {
965
- height: 1.5rem;
966
- width: 1.5rem
967
- }
968
- .xpl-avatar-group--l img {
969
- height: 2.5rem;
970
- width: 2.5rem
971
- }
972
- .dark .xpl-avatar-group img {
973
- box-shadow: 0 0 0 2px var(--xpl-color-gray-900);
974
- }
975
- .xpl-avatar-group--s > :not([hidden]) ~ :not([hidden]) {
976
- --tw-space-x-reverse: 0;
977
- margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
978
- margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)))
979
- }
980
- .xpl-backdrop {
981
- background-color: var(--xpl-color-gray-1000);
982
- opacity: 0.5;
983
- }
984
- .xpl-backdrop--fixed {
985
- position: fixed;
986
- inset: 0px
987
- }
988
- .xpl-backdrop--relative {
989
- position: relative
990
- }
991
- .xpl-backdrop {
992
- transition-property: opacity;
993
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
994
- transition-duration: 150ms
995
- }
996
- .dark .xpl-backdrop {
997
- background-color: var(--xpl-color-gray-1200);
998
- opacity: 0.6;
999
- }
1000
- .xpl-badge,
1001
- button.xpl-badge {
1002
- padding: 4px 12px;
1003
- display: inline-flex;
1004
- align-items: center;
1005
- border-radius: 9999px;
1006
- --tw-bg-opacity: 1;
1007
- background-color: rgb(235 229 255 / var(--tw-bg-opacity));
1008
- font-size: 0.75rem;
1009
- line-height: 1rem;
1010
- }
1011
- .xpl-badge--dot::before {
1012
- content: "";
1013
- height: 8px;
1014
- margin: 0 4px 0 -4px;
1015
- width: 8px;
1016
- display: inline-block;
1017
- border-radius: 9999px;
1018
- --tw-bg-opacity: 1;
1019
- background-color: rgb(136 87 250 / var(--tw-bg-opacity));
1020
- }
1021
- .dark .xpl-badge,
1022
- .dark button.xpl-badge {
1023
- padding: 3px 11px;
1024
- border-width: 1px;
1025
- --tw-border-opacity: 1;
1026
- border-color: rgb(195 173 255 / var(--tw-border-opacity));
1027
- background-color: transparent;
1028
- --tw-text-opacity: 1;
1029
- color: rgb(255 255 255 / var(--tw-text-opacity));
1030
- }
1031
- .dark .xpl-badge::before,
1032
- .dark button.xpl-badge::before {
1033
- --tw-bg-opacity: 1;
1034
- background-color: rgb(195 173 255 / var(--tw-bg-opacity))
1035
- }
1036
- .xpl-badge--success {
1037
- --tw-bg-opacity: 1;
1038
- background-color: rgb(196 255 237 / var(--tw-bg-opacity))
1039
- }
1040
- .xpl-badge--success::before {
1041
- --tw-bg-opacity: 1;
1042
- background-color: rgb(55 184 143 / var(--tw-bg-opacity))
1043
- }
1044
- .dark .xpl-badge--success {
1045
- --tw-border-opacity: 1;
1046
- border-color: rgb(82 235 186 / var(--tw-border-opacity))
1047
- }
1048
- .dark .xpl-badge--success::before {
1049
- --tw-bg-opacity: 1;
1050
- background-color: rgb(82 235 186 / var(--tw-bg-opacity))
1051
- }
1052
- .xpl-badge--warning {
1053
- --tw-bg-opacity: 1;
1054
- background-color: rgb(243 254 187 / var(--tw-bg-opacity))
1055
- }
1056
- .xpl-badge--warning::before {
1057
- --tw-bg-opacity: 1;
1058
- background-color: rgb(173 171 32 / var(--tw-bg-opacity))
1059
- }
1060
- .dark .xpl-badge--warning {
1061
- --tw-border-opacity: 1;
1062
- border-color: rgb(220 233 103 / var(--tw-border-opacity))
1063
- }
1064
- .dark .xpl-badge--warning::before {
1065
- --tw-bg-opacity: 1;
1066
- background-color: rgb(220 233 103 / var(--tw-bg-opacity))
1067
- }
1068
- .xpl-badge--inactive {
1069
- --tw-bg-opacity: 1;
1070
- background-color: rgb(238 239 243 / var(--tw-bg-opacity))
1071
- }
1072
- .xpl-badge--inactive::before {
1073
- --tw-bg-opacity: 1;
1074
- background-color: rgb(225 226 232 / var(--tw-bg-opacity))
1075
- }
1076
- .dark .xpl-badge--inactive {
1077
- --tw-border-opacity: 1;
1078
- border-color: rgb(225 226 232 / var(--tw-border-opacity))
1079
- }
1080
- .xpl-badge--error {
1081
- --tw-bg-opacity: 1;
1082
- background-color: rgb(254 217 213 / var(--tw-bg-opacity))
1083
- }
1084
- .xpl-badge--error::before {
1085
- --tw-bg-opacity: 1;
1086
- background-color: rgb(242 79 61 / var(--tw-bg-opacity))
1087
- }
1088
- .dark .xpl-badge--error {
1089
- --tw-border-opacity: 1;
1090
- border-color: rgb(255 147 135 / var(--tw-border-opacity))
1091
- }
1092
- .dark .xpl-badge--error::before {
1093
- --tw-bg-opacity: 1;
1094
- background-color: rgb(255 147 135 / var(--tw-bg-opacity))
1095
- }
1096
- /* stylelint-disable no-descending-specificity */
1097
- .xpl-button button,
1098
- .xpl-button a {
1099
- align-items: center;
1100
- align-content: center;
1101
- background-color: var(--xpl-color-secondary-lm);
1102
- border-radius: var(--xpl-button-radius);
1103
- display: inline-grid;
1104
- gap: 6px;
1105
- grid-auto-flow: column;
1106
- height: 40px;
1107
- justify-content: center;
1108
- justify-items: center;
1109
- padding: 10px 18px 10px 20px;
1110
- text-decoration: none;
1111
- white-space: nowrap;
1112
- }
1113
- .xpl-button button svg, .xpl-button a svg {
1114
- width: 15px;
1115
- height: 15px;
1116
- }
1117
- .xpl-button button:hover, .xpl-button a:hover {
1118
- background-color: var(--xpl-color-secondary-hover-lm);
1119
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1120
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1121
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1122
- }
1123
- .xpl-button button:active, .xpl-button a:active {
1124
- --tw-ring-color: var(--xpl-color-purple-500);
1125
-
1126
- background-color: var(--xpl-color-secondary-hover-lm);
1127
-
1128
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1129
-
1130
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1131
-
1132
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1133
-
1134
- --tw-ring-offset-width: 2px;
1135
- }
1136
- .xpl-button button:focus, .xpl-button a:focus {
1137
- --tw-ring-color: var(--xpl-color-purple-500);
1138
-
1139
- border-color: var(--xpl-color-secondary-lm);
1140
-
1141
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1142
-
1143
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1144
-
1145
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1146
-
1147
- --tw-ring-offset-width: 2px;
1148
- }
1149
- .xpl-button button:disabled,
1150
- .xpl-button button:disabled:hover,
1151
- .xpl-button a:disabled,
1152
- .xpl-button a:disabled:hover {
1153
- background-color: var(--xpl-color-action-disabled-lm);
1154
- border-color: var(--xpl-color-action-disabled-lm);
1155
- color: var(--xpl-color-text-secondary-lm);
1156
- cursor: not-allowed;
1157
- --tw-shadow: 0 0 #0000;
1158
- --tw-shadow-colored: 0 0 #0000;
1159
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1160
- }
1161
- .xpl-button button,
1162
- .xpl-button a {
1163
- cursor: pointer;
1164
- border-radius: 9999px;
1165
- border-width: 1px;
1166
- border-color: transparent;
1167
- font-size: 0.875rem;
1168
- line-height: 1.25rem;
1169
- font-weight: 500;
1170
- --tw-text-opacity: 1;
1171
- color: rgb(255 255 255 / var(--tw-text-opacity));
1172
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1173
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1174
- transition-duration: 150ms
1175
- }
1176
- .xpl-button button:focus,
1177
- .xpl-button a:focus {
1178
- outline: 2px solid transparent;
1179
- outline-offset: 2px
1180
- }
1181
- .xpl-button--sm button,
1182
- .xpl-button--sm a,
1183
- .xpl-button--xs button,
1184
- .xpl-button--xs a {
1185
- font-size: 0.75rem;
1186
- }
1187
- .xpl-button--sm button svg, .xpl-button--sm a svg, .xpl-button--xs button svg, .xpl-button--xs a svg {
1188
- width: 12px;
1189
- }
1190
- .xpl-button--sm button,
1191
- .xpl-button--sm a {
1192
- height: 32px;
1193
- padding: 8px 16px;
1194
- }
1195
- .xpl-button--xs button,
1196
- .xpl-button--xs a {
1197
- height: 24px;
1198
- padding: 4px 10px;
1199
- }
1200
- .xpl-button--icon-only button,
1201
- .xpl-button--icon-only a {
1202
- display: flex;
1203
- justify-content: center;
1204
- padding: 0;
1205
- width: 40px;
1206
- }
1207
- .xpl-button--icon-only button svg, .xpl-button--icon-only a svg {
1208
- height: 18px;
1209
- width: 18px;
1210
- }
1211
- .xpl-button--icon-only.xpl-button--sm a,
1212
- .xpl-button--icon-only.xpl-button--sm button {
1213
- height: 32px;
1214
- width: 32px;
1215
- }
1216
- .xpl-button--icon-only.xpl-button--sm a svg, .xpl-button--icon-only.xpl-button--sm button svg {
1217
- height: 15px;
1218
- width: 15px;
1219
- }
1220
- .xpl-button--icon-only.xpl-button--xs a,
1221
- .xpl-button--icon-only.xpl-button--xs button {
1222
- height: 24px;
1223
- width: 24px;
1224
- }
1225
- .xpl-button--icon-only.xpl-button--xs a svg, .xpl-button--icon-only.xpl-button--xs button svg {
1226
- height: 12px;
1227
- width: 12px;
1228
- }
1229
- .xpl-button--secondary a:hover, .xpl-button--secondary button:hover {
1230
- border-color: var(--xpl-color-secondary-lm);
1231
- --tw-bg-opacity: 1;
1232
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1233
- }
1234
- .xpl-button--secondary a:active, .xpl-button--secondary button:active {
1235
- --tw-ring-color: var(--xpl-color-purple-500);
1236
-
1237
- border-color: var(--xpl-color-action-primary-lm);
1238
-
1239
- --tw-bg-opacity: 1;
1240
-
1241
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1242
- }
1243
- .xpl-button--secondary a:focus, .xpl-button--secondary button:focus {
1244
- --tw-ring-color: var(--xpl-color-purple-500);
1245
- --tw-border-opacity: 1;
1246
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
1247
- }
1248
- .xpl-button--secondary a,
1249
- .xpl-button--secondary button {
1250
- --tw-border-opacity: 1;
1251
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
1252
- --tw-bg-opacity: 1;
1253
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1254
- --tw-text-opacity: 1;
1255
- color: rgb(48 45 59 / var(--tw-text-opacity))
1256
- }
1257
- .xpl-button--subtle a:hover, .xpl-button--subtle button:hover {
1258
- --tw-bg-opacity: 1;
1259
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1260
- }
1261
- .xpl-button--subtle a:active, .xpl-button--subtle button:active {
1262
- --tw-ring-color: var(--xpl-color-gray-400);
1263
- --tw-bg-opacity: 1;
1264
- background-color: rgb(234 235 239 / var(--tw-bg-opacity));
1265
- }
1266
- .xpl-button--subtle a:focus, .xpl-button--subtle button:focus {
1267
- --tw-ring-color: var(--xpl-color-gray-400);
1268
-
1269
- border-color: transparent;
1270
-
1271
- --tw-bg-opacity: 1;
1272
-
1273
- background-color: rgb(248 249 250 / var(--tw-bg-opacity));
1274
- }
1275
- .xpl-button--subtle a,
1276
- .xpl-button--subtle button {
1277
- --tw-bg-opacity: 1;
1278
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1279
- --tw-text-opacity: 1;
1280
- color: rgb(48 45 59 / var(--tw-text-opacity))
1281
- }
1282
- .xpl-button--success a:hover, .xpl-button--success button:hover {
1283
- --tw-bg-opacity: 1;
1284
- background-color: rgb(29 97 75 / var(--tw-bg-opacity))
1285
- }
1286
- .xpl-button--success a:active, .xpl-button--success button:active {
1287
- --tw-ring-color: var(--xpl-color-green-600);
1288
- --tw-bg-opacity: 1;
1289
- background-color: rgb(29 97 75 / var(--tw-bg-opacity));
1290
- }
1291
- .xpl-button--success a:focus, .xpl-button--success button:focus {
1292
- --tw-ring-color: var(--xpl-color-green-600);
1293
-
1294
- border-color: transparent;
1295
-
1296
- --tw-bg-opacity: 1;
1297
-
1298
- background-color: rgb(36 120 93 / var(--tw-bg-opacity));
1299
- }
1300
- .xpl-button--success a,
1301
- .xpl-button--success button {
1302
- --tw-bg-opacity: 1;
1303
- background-color: rgb(36 120 93 / var(--tw-bg-opacity));
1304
- --tw-text-opacity: 1;
1305
- color: rgb(255 255 255 / var(--tw-text-opacity))
1306
- }
1307
- .xpl-button--success.xpl-button--secondary a,
1308
- .xpl-button--success.xpl-button--secondary button {
1309
- background-color: transparent;
1310
- color: var(--xpl-color-green-600);
1311
- }
1312
- .xpl-button--success.xpl-button--secondary a:hover, .xpl-button--success.xpl-button--secondary button:hover {
1313
- background-color: transparent;
1314
- border-color: var(--xpl-color-green-600);
1315
- }
1316
- .xpl-button--success.xpl-button--secondary a:active, .xpl-button--success.xpl-button--secondary button:active {
1317
- background-color: transparent;
1318
- border-color: var(--xpl-color-green-600);
1319
- }
1320
- .xpl-button--success.xpl-button--secondary a:focus, .xpl-button--success.xpl-button--secondary button:focus {
1321
- background-color: transparent;
1322
- --tw-border-opacity: 1;
1323
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
1324
- }
1325
- .xpl-button--success.xpl-button--secondary a:disabled,
1326
- .xpl-button--success.xpl-button--secondary a:disabled:hover,
1327
- .xpl-button--success.xpl-button--secondary button:disabled,
1328
- .xpl-button--success.xpl-button--secondary button:disabled:hover {
1329
- background-color: var(--xpl-color-action-disabled-lm);
1330
- border-color: var(--xpl-color-action-disabled-lm);
1331
- color: var(--xpl-color-text-secondary-lm);
1332
- }
1333
- .xpl-button--success.xpl-button--subtle a:hover, .xpl-button--success.xpl-button--subtle button:hover {
1334
- --tw-bg-opacity: 1;
1335
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1336
- }
1337
- .xpl-button--success.xpl-button--subtle a:active, .xpl-button--success.xpl-button--subtle button:active {
1338
- --tw-ring-color: var(--xpl-color-gray-400);
1339
- --tw-bg-opacity: 1;
1340
- background-color: rgb(234 235 239 / var(--tw-bg-opacity));
1341
- }
1342
- .xpl-button--success.xpl-button--subtle a:focus, .xpl-button--success.xpl-button--subtle button:focus {
1343
- --tw-ring-color: var(--xpl-color-gray-400);
1344
-
1345
- border-color: transparent;
1346
-
1347
- --tw-bg-opacity: 1;
1348
-
1349
- background-color: rgb(248 249 250 / var(--tw-bg-opacity));
1350
- }
1351
- .xpl-button--success.xpl-button--subtle a:disabled,
1352
- .xpl-button--success.xpl-button--subtle a:disabled:hover,
1353
- .xpl-button--success.xpl-button--subtle button:disabled,
1354
- .xpl-button--success.xpl-button--subtle button:disabled:hover {
1355
- background-color: var(--xpl-color-action-disabled-lm);
1356
- border-color: var(--xpl-color-action-disabled-lm);
1357
- color: var(--xpl-color-text-secondary-lm);
1358
- }
1359
- .xpl-button--success.xpl-button--subtle a,
1360
- .xpl-button--success.xpl-button--subtle button {
1361
- --tw-bg-opacity: 1;
1362
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1363
- --tw-text-opacity: 1;
1364
- color: rgb(36 120 93 / var(--tw-text-opacity))
1365
- }
1366
- .xpl-button--warning a,
1367
- .xpl-button--warning button {
1368
- background-color: var(--xpl-color-action-warning-lm);
1369
- }
1370
- .xpl-button--warning a:hover, .xpl-button--warning button:hover {
1371
- background-color: var(--xpl-color-action-warning-hover-lm);
1372
- }
1373
- .xpl-button--warning a:active, .xpl-button--warning button:active {
1374
- --tw-ring-color: var(--xpl-color-red-700);
1375
-
1376
- background-color: var(--xpl-color-action-warning-hover-lm);
1377
- }
1378
- .xpl-button--warning a:focus, .xpl-button--warning button:focus {
1379
- --tw-ring-color: var(--xpl-color-action-warning-lm);
1380
-
1381
- background-color: var(--xpl-color-action-warning-lm);
1382
- border-color: transparent;
1383
- }
1384
- .xpl-button--warning a,
1385
- .xpl-button--warning button {
1386
- --tw-text-opacity: 1;
1387
- color: rgb(255 255 255 / var(--tw-text-opacity))
1388
- }
1389
- .xpl-button--warning.xpl-button--secondary a,
1390
- .xpl-button--warning.xpl-button--secondary button {
1391
- background-color: transparent;
1392
- color: var(--xpl-color-text-warning-lm);
1393
- }
1394
- .xpl-button--warning.xpl-button--secondary a:hover, .xpl-button--warning.xpl-button--secondary button:hover {
1395
- background-color: transparent;
1396
- border-color: var(--xpl-color-text-warning-lm);
1397
- }
1398
- .xpl-button--warning.xpl-button--secondary a:active, .xpl-button--warning.xpl-button--secondary button:active {
1399
- background-color: transparent;
1400
- border-color: var(--xpl-color-text-warning-lm);
1401
- }
1402
- .xpl-button--warning.xpl-button--secondary a:focus, .xpl-button--warning.xpl-button--secondary button:focus {
1403
- background-color: transparent;
1404
- --tw-border-opacity: 1;
1405
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
1406
- }
1407
- .xpl-button--warning.xpl-button--secondary a:disabled,
1408
- .xpl-button--warning.xpl-button--secondary a:disabled:hover,
1409
- .xpl-button--warning.xpl-button--secondary button:disabled,
1410
- .xpl-button--warning.xpl-button--secondary button:disabled:hover {
1411
- background-color: var(--xpl-color-action-disabled-lm);
1412
- border-color: var(--xpl-color-action-disabled-lm);
1413
- color: var(--xpl-color-text-secondary-lm);
1414
- }
1415
- .xpl-button--warning.xpl-button--subtle a,
1416
- .xpl-button--warning.xpl-button--subtle button {
1417
- color: var(--xpl-color-text-warning-lm);
1418
- }
1419
- .xpl-button--warning.xpl-button--subtle a:hover, .xpl-button--warning.xpl-button--subtle button:hover {
1420
- --tw-bg-opacity: 1;
1421
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1422
- }
1423
- .xpl-button--warning.xpl-button--subtle a:active, .xpl-button--warning.xpl-button--subtle button:active {
1424
- --tw-ring-color: var(--xpl-color-gray-400);
1425
- --tw-bg-opacity: 1;
1426
- background-color: rgb(234 235 239 / var(--tw-bg-opacity));
1427
- }
1428
- .xpl-button--warning.xpl-button--subtle a:focus, .xpl-button--warning.xpl-button--subtle button:focus {
1429
- --tw-ring-color: var(--xpl-color-gray-400);
1430
-
1431
- border-color: transparent;
1432
-
1433
- --tw-bg-opacity: 1;
1434
-
1435
- background-color: rgb(248 249 250 / var(--tw-bg-opacity));
1436
- }
1437
- .xpl-button--warning.xpl-button--subtle a:disabled,
1438
- .xpl-button--warning.xpl-button--subtle a:disabled:hover,
1439
- .xpl-button--warning.xpl-button--subtle button:disabled,
1440
- .xpl-button--warning.xpl-button--subtle button:disabled:hover {
1441
- background-color: var(--xpl-color-action-disabled-lm);
1442
- border-color: var(--xpl-color-action-disabled-lm);
1443
- color: var(--xpl-color-text-secondary-lm);
1444
- }
1445
- .xpl-button--warning.xpl-button--subtle a,
1446
- .xpl-button--warning.xpl-button--subtle button {
1447
- --tw-bg-opacity: 1;
1448
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
1449
- }
1450
- .dark .xpl-button a,
1451
- .dark .xpl-button button {
1452
- background-color: var(--xpl-color-secondary-dm);
1453
- color: var(--xpl-color-text-reverse-dm);
1454
- }
1455
- .dark .xpl-button a:hover, .dark .xpl-button button:hover {
1456
- background-color: var(--xpl-color-secondary-hover-dm);
1457
- border-color: transparent;
1458
- }
1459
- .dark .xpl-button a:focus, .dark .xpl-button button:focus {
1460
- --tw-ring-color: var(--xpl-color-purple-500);
1461
- --tw-ring-offset-color: var(--xpl-color-foreground-dm);
1462
-
1463
- border-color: transparent;
1464
- }
1465
- .dark .xpl-button a:active, .dark .xpl-button button:active {
1466
- --tw-ring-color: var(--xpl-color-purple-500);
1467
- --tw-ring-offset-color: var(--xpl-color-foreground-dm);
1468
-
1469
- background-color: var(--xpl-color-secondary-hover-dm);
1470
- }
1471
- .dark .xpl-button--secondary a,
1472
- .dark .xpl-button--secondary button {
1473
- border-color: var(--xpl-color-gray-600);
1474
- background-color: var(--xpl-color-foreground-dm);
1475
- }
1476
- .dark .xpl-button--secondary a:hover,
1477
- .dark .xpl-button--secondary a:active,
1478
- .dark .xpl-button--secondary a:focus,
1479
- .dark .xpl-button--secondary button:hover,
1480
- .dark .xpl-button--secondary button:active,
1481
- .dark .xpl-button--secondary button:focus {
1482
- background-color: var(--xpl-color-foreground-dm);
1483
- }
1484
- .dark .xpl-button--secondary a:hover, .dark .xpl-button--secondary button:hover {
1485
- border-color: var(--xpl-color-secondary-dm);
1486
- }
1487
- .dark .xpl-button--secondary a:active, .dark .xpl-button--secondary button:active {
1488
- border-color: var(--xpl-color-secondary-dm);
1489
- }
1490
- .dark .xpl-button--secondary a:focus, .dark .xpl-button--secondary button:focus {
1491
- --tw-ring-color: var(--xpl-color-secondary-dm);
1492
-
1493
- border-color: var(--xpl-color-gray-600);
1494
- }
1495
- .dark .xpl-button--secondary a,
1496
- .dark .xpl-button--secondary button {
1497
- --tw-text-opacity: 1;
1498
- color: rgb(255 255 255 / var(--tw-text-opacity))
1499
- }
1500
- .dark .xpl-button--subtle a:hover, .dark .xpl-button--subtle button:hover {
1501
- border-color: transparent;
1502
- --tw-bg-opacity: 1;
1503
- background-color: rgb(54 50 64 / var(--tw-bg-opacity));
1504
- }
1505
- .dark .xpl-button--subtle a:active, .dark .xpl-button--subtle button:active {
1506
- --tw-ring-color: var(--xpl-color-gray-700);
1507
- --tw-bg-opacity: 1;
1508
- background-color: rgb(60 56 71 / var(--tw-bg-opacity));
1509
- }
1510
- .dark .xpl-button--subtle a:focus, .dark .xpl-button--subtle button:focus {
1511
- --tw-ring-color: var(--xpl-color-gray-700);
1512
-
1513
- background-color: var(--xpl-color-foreground-dm);
1514
- border-color: transparent;
1515
- }
1516
- .dark .xpl-button--subtle a,
1517
- .dark .xpl-button--subtle button {
1518
- background-color: transparent;
1519
- --tw-text-opacity: 1;
1520
- color: rgb(255 255 255 / var(--tw-text-opacity))
1521
- }
1522
- .dark .xpl-button--success a,
1523
- .dark .xpl-button--success button {
1524
- color: var(--xpl-color-reverse-dm);
1525
- }
1526
- .dark .xpl-button--success a:hover, .dark .xpl-button--success button:hover {
1527
- border-color: transparent;
1528
- --tw-bg-opacity: 1;
1529
- background-color: rgb(74 212 168 / var(--tw-bg-opacity));
1530
- }
1531
- .dark .xpl-button--success a:active, .dark .xpl-button--success button:active {
1532
- --tw-ring-color: var(--xpl-color-green-200);
1533
- --tw-bg-opacity: 1;
1534
- background-color: rgb(74 212 168 / var(--tw-bg-opacity));
1535
- }
1536
- .dark .xpl-button--success a:focus, .dark .xpl-button--success button:focus {
1537
- --tw-ring-color: var(--xpl-color-green-200);
1538
-
1539
- border-color: transparent;
1540
-
1541
- --tw-bg-opacity: 1;
1542
-
1543
- background-color: rgb(116 251 208 / var(--tw-bg-opacity));
1544
- }
1545
- .dark .xpl-button--success a,
1546
- .dark .xpl-button--success button {
1547
- --tw-bg-opacity: 1;
1548
- background-color: rgb(116 251 208 / var(--tw-bg-opacity))
1549
- }
1550
- .dark .xpl-button--success.xpl-button--secondary a,
1551
- .dark .xpl-button--success.xpl-button--secondary button {
1552
- background-color: var(--xpl-color-foreground-dm);
1553
- color: var(--xpl-color-green-200);
1554
- }
1555
- .dark .xpl-button--success.xpl-button--secondary a:hover,
1556
- .dark .xpl-button--success.xpl-button--secondary a:active,
1557
- .dark .xpl-button--success.xpl-button--secondary a:focus,
1558
- .dark .xpl-button--success.xpl-button--secondary button:hover,
1559
- .dark .xpl-button--success.xpl-button--secondary button:active,
1560
- .dark .xpl-button--success.xpl-button--secondary button:focus {
1561
- background-color: var(--xpl-color-foreground-dm);
1562
- }
1563
- .dark .xpl-button--success.xpl-button--secondary a:hover, .dark .xpl-button--success.xpl-button--secondary button:hover {
1564
- border-color: var(--xpl-color-green-200);
1565
- }
1566
- .dark .xpl-button--success.xpl-button--secondary a:active, .dark .xpl-button--success.xpl-button--secondary button:active {
1567
- border-color: var(--xpl-color-green-200);
1568
- }
1569
- .dark .xpl-button--success.xpl-button--secondary a:focus, .dark .xpl-button--success.xpl-button--secondary button:focus {
1570
- border-color: var(--xpl-color-stroke-dm);
1571
- }
1572
- .dark .xpl-button--success.xpl-button--subtle a:hover, .dark .xpl-button--success.xpl-button--subtle button:hover {
1573
- --tw-bg-opacity: 1;
1574
- background-color: rgb(54 50 64 / var(--tw-bg-opacity))
1575
- }
1576
- .dark .xpl-button--success.xpl-button--subtle a:active, .dark .xpl-button--success.xpl-button--subtle button:active {
1577
- --tw-ring-color: var(--xpl-color-gray-700);
1578
- --tw-bg-opacity: 1;
1579
- background-color: rgb(60 56 71 / var(--tw-bg-opacity));
1580
- }
1581
- .dark .xpl-button--success.xpl-button--subtle a:focus, .dark .xpl-button--success.xpl-button--subtle button:focus {
1582
- --tw-ring-color: var(--xpl-color-gray-700);
1583
-
1584
- background-color: var(--xpl-color-foreground-dm);
1585
- border-color: transparent;
1586
- }
1587
- .dark .xpl-button--success.xpl-button--subtle a,
1588
- .dark .xpl-button--success.xpl-button--subtle button {
1589
- background-color: transparent;
1590
- --tw-text-opacity: 1;
1591
- color: rgb(116 251 208 / var(--tw-text-opacity))
1592
- }
1593
- .dark .xpl-button--warning a,
1594
- .dark .xpl-button--warning button {
1595
- background-color: var(--xpl-color-action-warning-dm);
1596
- color: var(--xpl-color-reverse-dm);
1597
- }
1598
- .dark .xpl-button--warning a:hover, .dark .xpl-button--warning button:hover {
1599
- border-color: transparent;
1600
- background-color: var(--xpl-color-action-warning-hover-dm);
1601
- }
1602
- .dark .xpl-button--warning a:active, .dark .xpl-button--warning button:active {
1603
- --tw-ring-color: var(--xpl-color-red-300);
1604
-
1605
- background-color: var(--xpl-color-action-warning-hover-dm);
1606
- }
1607
- .dark .xpl-button--warning a:focus, .dark .xpl-button--warning button:focus {
1608
- --tw-ring-color: var(--xpl-color-red-300);
1609
-
1610
- background-color: var(--xpl-color-action-warning-dm);
1611
- border-color: transparent;
1612
- }
1613
- .dark .xpl-button--warning.xpl-button--secondary a,
1614
- .dark .xpl-button--warning.xpl-button--secondary button {
1615
- background-color: var(--xpl-color-foreground-dm);
1616
- color: var(--xpl-color-text-warning-dm);
1617
- }
1618
- .dark .xpl-button--warning.xpl-button--secondary a:hover,
1619
- .dark .xpl-button--warning.xpl-button--secondary a:active,
1620
- .dark .xpl-button--warning.xpl-button--secondary a:focus,
1621
- .dark .xpl-button--warning.xpl-button--secondary button:hover,
1622
- .dark .xpl-button--warning.xpl-button--secondary button:active,
1623
- .dark .xpl-button--warning.xpl-button--secondary button:focus {
1624
- background-color: var(--xpl-color-foreground-dm);
1625
- }
1626
- .dark .xpl-button--warning.xpl-button--secondary a:hover, .dark .xpl-button--warning.xpl-button--secondary button:hover {
1627
- border-color: var(--xpl-color-text-warning-dm);
1628
- }
1629
- .dark .xpl-button--warning.xpl-button--secondary a:active, .dark .xpl-button--warning.xpl-button--secondary button:active {
1630
- border-color: var(--xpl-color-text-warning-dm);
1631
- }
1632
- .dark .xpl-button--warning.xpl-button--secondary a:focus, .dark .xpl-button--warning.xpl-button--secondary button:focus {
1633
- border-color: var(--xpl-color-stroke-dm);
1634
- }
1635
- .dark .xpl-button--warning.xpl-button--subtle a,
1636
- .dark .xpl-button--warning.xpl-button--subtle button {
1637
- color: var(--xpl-color-text-warning-dm);
1638
- }
1639
- .dark .xpl-button--warning.xpl-button--subtle a:hover, .dark .xpl-button--warning.xpl-button--subtle button:hover {
1640
- border-color: transparent;
1641
- --tw-bg-opacity: 1;
1642
- background-color: rgb(54 50 64 / var(--tw-bg-opacity));
1643
- }
1644
- .dark .xpl-button--warning.xpl-button--subtle a:active, .dark .xpl-button--warning.xpl-button--subtle button:active {
1645
- --tw-ring-color: var(--xpl-color-gray-700);
1646
- --tw-bg-opacity: 1;
1647
- background-color: rgb(60 56 71 / var(--tw-bg-opacity));
1648
- }
1649
- .dark .xpl-button--warning.xpl-button--subtle a:focus, .dark .xpl-button--warning.xpl-button--subtle button:focus {
1650
- --tw-ring-color: var(--xpl-color-gray-700);
1651
-
1652
- background-color: var(--xpl-color-foreground-dm);
1653
- border-color: transparent;
1654
- }
1655
- .dark .xpl-button--warning.xpl-button--subtle a,
1656
- .dark .xpl-button--warning.xpl-button--subtle button {
1657
- background-color: transparent
1658
- }
1659
- /* stylelint-disable-next-line no-duplicate-selectors */
1660
- .dark .xpl-button a:disabled,
1661
- .dark .xpl-button a:disabled:hover,
1662
- .dark .xpl-button button:disabled,
1663
- .dark .xpl-button button:disabled:hover {
1664
- background-color: var(--xpl-color-action-disabled-dm);
1665
- border-color: transparent;
1666
- color: var(--xpl-color-text-secondary-dm);
1667
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1668
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1669
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1670
- }
1671
- .xpl-button--link-disabled a,
1672
- .xpl-button--link-disabled a:hover,
1673
- .xpl-button--link-disabled a:focus,
1674
- .xpl-button--link-disabled a:active,
1675
- .xpl-button--link-disabled.xpl-button--success a,
1676
- .xpl-button--link-disabled.xpl-button--success a:hover,
1677
- .xpl-button--link-disabled.xpl-button--success a:focus,
1678
- .xpl-button--link-disabled.xpl-button--success a:active,
1679
- .xpl-button--link-disabled.xpl-button--warning a,
1680
- .xpl-button--link-disabled.xpl-button--warning a:hover,
1681
- .xpl-button--link-disabled.xpl-button--warning a:focus,
1682
- .xpl-button--link-disabled.xpl-button--warning a:active,
1683
- .xpl-button--link-disabled.xpl-button--neutral a,
1684
- .xpl-button--link-disabled.xpl-button--neutral a:hover,
1685
- .xpl-button--link-disabled.xpl-button--neutral a:focus,
1686
- .xpl-button--link-disabled.xpl-button--neutral a:active {
1687
- background-color: var(--xpl-color-action-disabled-lm);
1688
- border-color: var(--xpl-color-action-disabled-lm);
1689
- color: var(--xpl-color-text-secondary-lm);
1690
- cursor: not-allowed;
1691
- border-width: 0px;
1692
- --tw-shadow: 0 0 #0000;
1693
- --tw-shadow-colored: 0 0 #0000;
1694
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1695
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1696
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1697
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1698
- }
1699
- .dark .xpl-button--link-disabled a,
1700
- .dark .xpl-button--link-disabled a:hover,
1701
- .dark .xpl-button--link-disabled a:focus,
1702
- .dark .xpl-button--link-disabled a:active,
1703
- .dark .xpl-button--link-disabled.xpl-button--success a,
1704
- .dark .xpl-button--link-disabled.xpl-button--success a:hover,
1705
- .dark .xpl-button--link-disabled.xpl-button--success a:focus,
1706
- .dark .xpl-button--link-disabled.xpl-button--success a:active,
1707
- .dark .xpl-button--link-disabled.xpl-button--warning a,
1708
- .dark .xpl-button--link-disabled.xpl-button--warning a:hover,
1709
- .dark .xpl-button--link-disabled.xpl-button--warning a:focus,
1710
- .dark .xpl-button--link-disabled.xpl-button--warning a:active,
1711
- .dark .xpl-button--link-disabled.xpl-button--neutral a,
1712
- .dark .xpl-button--link-disabled.xpl-button--neutral a:hover,
1713
- .dark .xpl-button--link-disabled.xpl-button--neutral a:focus,
1714
- .dark .xpl-button--link-disabled.xpl-button--neutral a:active {
1715
- background-color: var(--xpl-color-action-disabled-dm);
1716
- border-color: transparent;
1717
- color: var(--xpl-color-text-secondary-dm);
1718
- cursor: not-allowed;
1719
- --tw-shadow: 0 0 #0000;
1720
- --tw-shadow-colored: 0 0 #0000;
1721
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1722
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1723
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1724
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1725
- }
1726
- .xpl-button--full-width a,
1727
- .xpl-button--full-width button {
1728
- width: 100%;
1729
- }
1730
- .xpl-button-row {
1731
- display: block;
1732
- width: 100%;
1733
- border-top-width: 1px;
1734
- --tw-border-opacity: 1;
1735
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
1736
- padding-top: 1.25rem
1737
- }
1738
- .dark .xpl-button-row {
1739
- --tw-border-opacity: 1;
1740
- border-color: rgb(106 109 125 / var(--tw-border-opacity))
1741
- }
1742
- .xpl-button-row-inner {
1743
- display: flex;
1744
- justify-content: space-between
1745
- }
1746
- .xpl-button-row xpl-button + xpl-button .xpl-button {
1747
- margin-left: 1rem
1748
- }
1749
- .xpl-button-row__right .xpl-button--secondary {
1750
- display: none;
1751
- }
1752
- .xpl-button-row__right {
1753
- display: flex
1754
- }
1755
- @media screen and (max-width: 640px) {
1756
- .xpl-button-row-inner {
1757
- display: block
1758
- }
1759
- .xpl-button-row .xpl-button a,
1760
- .xpl-button-row .xpl-button button {
1761
- margin-bottom: 1rem;
1762
- width: 100%;
1763
- justify-content: center
1764
- }
1765
-
1766
- .xpl-button-row xpl-button + xpl-button .xpl-button {
1767
- margin-left: 0px
1768
- }
1769
-
1770
- .xpl-button-row__left .xpl-button--secondary {
1771
- display: none;
1772
- }
1773
-
1774
- .xpl-button-row__right .xpl-button--secondary {
1775
- display: block;
1776
- }
1777
-
1778
- /* so that tertiary appears below primary */
1779
- .xpl-button-row__right {
1780
- flex-direction: column-reverse
1781
- }
1782
-
1783
- /* target the first because we're reversing it */
1784
- .xpl-button-row__right xpl-button:first-child .xpl-button {
1785
- margin-bottom: 0px
1786
- }
1787
- }
1788
- .xpl-breadcrumbs a {
1789
- color: inherit;
1790
- text-decoration: none;
1791
- }
1792
- .xpl-breadcrumbs ol {
1793
- color: var(--xpl-color-text-secondary-lm);
1794
- }
1795
- .xpl-breadcrumbs ol span {
1796
- color: var(--xpl-color-text-secondary-dm);
1797
- }
1798
- .xpl-breadcrumbs ol span svg {
1799
- height: 9px;
1800
- margin-top: 0.125rem;
1801
- }
1802
- .xpl-breadcrumbs ol span {
1803
- display: grid;
1804
- align-content: center
1805
- }
1806
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:hover {
1807
- color: var(--xpl-color-action-primary-lm);
1808
- }
1809
- .xpl-breadcrumbs ol .xpl-breadcrumb-item a,
1810
- .xpl-breadcrumbs ol .xpl-breadcrumb-item button,
1811
- .xpl-breadcrumbs ol .xpl-breadcrumb-item span {
1812
- padding-right: 0.5rem
1813
- }
1814
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3) {
1815
- display: none
1816
- }
1817
- .flatpickr-day.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){visibility:hidden}
1818
- @media (min-width: 768px) {
1819
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3) {
1820
- display: flex
1821
- }
1822
- }
1823
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child {
1824
- color: var(--xpl-color-text-primary-lm);
1825
- }
1826
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child:hover {
1827
- color: var(--xpl-color-action-primary-lm);
1828
- }
1829
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child span {
1830
- display: none
1831
- }
1832
- .flatpickr-day.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child span{visibility:hidden}
1833
- .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child {
1834
- pointer-events: none;
1835
- cursor: default;
1836
- text-decoration-line: none
1837
- }
1838
- .xpl-breadcrumbs ol .xpl-breadcrumb-item {
1839
- display: flex;
1840
- align-content: center
1841
- }
1842
- .xpl-breadcrumbs ol {
1843
- display: flex;
1844
- align-content: center;
1845
- font-size: 0.875rem;
1846
- line-height: 1.25rem
1847
- }
1848
- /* stylelint-disable no-descending-specificity, because the rule was expecting some of the code below to appear before some code that is nested above. */
1849
- .dark .xpl-breadcrumbs ol {
1850
- color: var(--xpl-color-text-secondary-dm);
1851
- }
1852
- .dark .xpl-breadcrumbs ol .xpl-breadcrumb-item:hover {
1853
- color: var(--xpl-color-action-primary-dm);
1854
- }
1855
- .dark .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child {
1856
- color: var(--xpl-color-text-primary-dm);
1857
- }
1858
- .dark .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child:hover {
1859
- color: var(--xpl-color-action-primary-dm);
1860
- }
1861
- .dark .xpl-breadcrumbs ol span {
1862
- color: var(--xpl-color-text-secondary-lm);
1863
- }
1864
- /**
1865
- * Since the UIs for checkboxes and radios are so
1866
- * similar, both components find their styles here.
1867
- */
1868
- .xpl-checkbox-radio-container {
1869
- margin-bottom: 1.5rem;
1870
- display: flex
1871
- }
1872
- .xpl-checkbox-radio-container.styled {
1873
- position: relative;
1874
- overflow: hidden;
1875
- border-radius: 0.375rem;
1876
- border-width: 1px;
1877
- --tw-border-opacity: 1;
1878
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
1879
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1880
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1881
- transition-duration: 150ms
1882
- }
1883
- .dark .xpl-checkbox-radio-container.styled {
1884
- --tw-border-opacity: 1;
1885
- border-color: rgb(106 109 125 / var(--tw-border-opacity))
1886
- }
1887
- .xpl-checkbox-radio-container.styled.disabled {
1888
- /* override hover */
1889
- --tw-border-opacity: 1 !important;
1890
- border-color: rgb(225 226 232 / var(--tw-border-opacity)) !important;
1891
- }
1892
- .dark .xpl-checkbox-radio-container.styled.disabled {
1893
- /* override hover */
1894
- --tw-border-opacity: 1 !important;
1895
- border-color: rgb(106 109 125 / var(--tw-border-opacity)) !important;
1896
- }
1897
- .xpl-checkbox-radio-container.styled:hover,
1898
- .xpl-checkbox-radio-container.styled:focus-within {
1899
- border-color: var(--xpl-color-secondary-lm);
1900
- }
1901
- .dark .xpl-checkbox-radio-container.styled:hover,
1902
- .dark .xpl-checkbox-radio-container.styled:focus-within {
1903
- border-color: var(--xpl-color-secondary-dm);
1904
- }
1905
- .xpl-checkbox {
1906
- border-radius: 4px;
1907
- height: 16px;
1908
- top: 2px;
1909
- width: 16px;
1910
- position: relative;
1911
- cursor: pointer;
1912
- -webkit-appearance: none;
1913
- -moz-appearance: none;
1914
- appearance: none;
1915
- border-width: 1px;
1916
- --tw-border-opacity: 1;
1917
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
1918
- --tw-bg-opacity: 1;
1919
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1920
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1921
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1922
- transition-duration: 150ms;
1923
- }
1924
- .xpl-checkbox:focus {
1925
- outline: 2px solid transparent;
1926
- outline-offset: 2px;
1927
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1928
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1929
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1930
- --tw-ring-offset-width: 2px
1931
- }
1932
- .dark .xpl-checkbox {
1933
- --tw-ring-offset-color: var(--xpl-color-gray-1200);
1934
- --tw-border-opacity: 1;
1935
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
1936
- --tw-bg-opacity: 1;
1937
- background-color: rgb(24 22 31 / var(--tw-bg-opacity));
1938
- }
1939
- .xpl-checkbox:hover,
1940
- .xpl-checkbox:checked,
1941
- .xpl-checkbox:indeterminate {
1942
- border-color: var(--xpl-color-secondary-lm);
1943
- }
1944
- .xpl-checkbox:checked,
1945
- .xpl-checkbox:indeterminate {
1946
- background-color: var(--xpl-color-secondary-lm);
1947
- }
1948
- .xpl-checkbox:disabled {
1949
- cursor: not-allowed;
1950
- --tw-border-opacity: 1;
1951
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
1952
- --tw-bg-opacity: 1;
1953
- background-color: rgb(225 226 232 / var(--tw-bg-opacity))
1954
- }
1955
- .xpl-checkbox:focus {
1956
- --tw-ring-color: var(--xpl-color-secondary-lm);
1957
- }
1958
- .xpl-checkbox-radio-container.styled input {
1959
- --tw-ring-color: transparent;
1960
- --tw-ring-offset-color: transparent;
1961
- position: absolute;
1962
- margin-left: 1rem;
1963
- margin-top: 1rem;
1964
- margin-bottom: 1rem;
1965
- outline: 2px solid transparent;
1966
- outline-offset: 2px;
1967
- }
1968
- .xpl-checkbox-radio-container input + label {
1969
- cursor: pointer;
1970
- padding-left: 1rem;
1971
- padding-right: 1rem;
1972
- vertical-align: middle
1973
- }
1974
- .xpl-checkbox-radio-container.styled label {
1975
- display: block;
1976
- width: 100%;
1977
- padding-left: 3rem;
1978
- padding-top: 1rem;
1979
- padding-right: 1rem;
1980
- padding-bottom: 1rem;
1981
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1982
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1983
- transition-duration: 150ms
1984
- }
1985
- .xpl-checkbox-radio-container.styled input:disabled + label {
1986
- --tw-bg-opacity: 1;
1987
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
1988
- }
1989
- .xpl-checkbox-radio-container.styled input:checked + label,
1990
- .xpl-checkbox-radio-container.styled .xpl-checkbox:indeterminate + label {
1991
- --tw-bg-opacity: 1;
1992
- background-color: rgb(244 242 255 / var(--tw-bg-opacity))
1993
- }
1994
- .dark .xpl-checkbox-radio-container.styled input:disabled + label {
1995
- --tw-bg-opacity: 1;
1996
- background-color: rgb(54 50 64 / var(--tw-bg-opacity))
1997
- }
1998
- .dark .xpl-checkbox-radio-container.styled input:checked + label,
1999
- .dark .xpl-checkbox-radio-container.styled .xpl-checkbox:indeterminate + label {
2000
- --tw-bg-opacity: 1;
2001
- background-color: rgb(48 45 59 / var(--tw-bg-opacity))
2002
- }
2003
- .xpl-checkbox-radio-container.styled .xpl-checkbox:disabled:indeterminate + label {
2004
- --tw-bg-opacity: 1;
2005
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
2006
- }
2007
- .xpl-checkbox::after {
2008
- content: "";
2009
- height: 16px;
2010
- width: 16px;
2011
- display: block;
2012
- background-repeat: no-repeat;
2013
- --tw-text-opacity: 1;
2014
- color: rgb(255 255 255 / var(--tw-text-opacity));
2015
- opacity: 0;
2016
- transition-property: opacity;
2017
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2018
- transition-duration: 150ms;
2019
- }
2020
- .dark .xpl-checkbox:focus {
2021
- --tw-ring-color: var(--xpl-color-secondary-dm);
2022
- }
2023
- .dark .xpl-checkbox:hover,
2024
- .dark .xpl-checkbox:checked,
2025
- .dark .xpl-checkbox:indeterminate {
2026
- border-color: var(--xpl-color-secondary-dm);
2027
- }
2028
- .dark .xpl-checkbox:checked,
2029
- .dark .xpl-checkbox:indeterminate {
2030
- background-color: var(--xpl-color-secondary-dm);
2031
- }
2032
- .dark .xpl-checkbox:disabled {
2033
- --tw-border-opacity: 1;
2034
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
2035
- --tw-bg-opacity: 1;
2036
- background-color: rgb(106 109 125 / var(--tw-bg-opacity))
2037
- }
2038
- .xpl-checkbox:disabled:checked,
2039
- .xpl-checkbox:disabled:indeterminate,
2040
- .dark .xpl-checkbox:disabled:checked,
2041
- .dark .xpl-checkbox:disabled:indeterminate {
2042
- --tw-border-opacity: 1;
2043
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
2044
- --tw-bg-opacity: 1;
2045
- background-color: rgb(153 155 168 / var(--tw-bg-opacity))
2046
- }
2047
- .xpl-checkbox-radio-container.styled .xpl-checkbox:focus {
2048
- --tw-ring-color: transparent;
2049
- --tw-border-opacity: 1;
2050
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
2051
- }
2052
- .xpl-checkbox-radio-container.styled .xpl-checkbox:checked:focus {
2053
- border-color: var(--xpl-color-secondary-lm);
2054
- }
2055
- .xpl-checkbox:indeterminate::after {
2056
- background-position: calc(50% - 1px) calc(50% - 1px);
2057
- background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='white'/%3E%3C/svg%3E%0A");
2058
- opacity: 1;
2059
- }
2060
- .xpl-checkbox:checked::after {
2061
- background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='white'/%3E%3C/svg%3E%0A");
2062
- background-position: calc(50% - 1px) calc(50% - 1px);
2063
- opacity: 1;
2064
- }
2065
- .dark .xpl-checkbox::after {
2066
- background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='%23292632'/%3E%3C/svg%3E%0A");
2067
- }
2068
- .dark .xpl-checkbox:indeterminate::after {
2069
- background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='%23292632'/%3E%3C/svg%3E%0A");
2070
- }
2071
- .xpl-radio {
2072
- height: 16px;
2073
- top: 2px;
2074
- transition-property: border;
2075
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2076
- transition-duration: 150ms;
2077
- width: 16px;
2078
- position: relative;
2079
- cursor: pointer;
2080
- -webkit-appearance: none;
2081
- -moz-appearance: none;
2082
- appearance: none;
2083
- border-radius: 9999px;
2084
- border-width: 1px;
2085
- --tw-border-opacity: 1;
2086
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
2087
- }
2088
- .xpl-radio:focus {
2089
- outline: 2px solid transparent;
2090
- outline-offset: 2px;
2091
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2092
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2093
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2094
- --tw-ring-offset-width: 2px
2095
- }
2096
- .dark .xpl-radio {
2097
- --tw-ring-offset-color: var(--xpl-color-gray-1200);
2098
- }
2099
- .xpl-radio:checked {
2100
- border-width: 5px;
2101
- }
2102
- .xpl-radio:hover,
2103
- .xpl-radio:active,
2104
- .xpl-radio:checked {
2105
- border-color: var(--xpl-color-secondary-lm);
2106
- }
2107
- .xpl-radio:focus {
2108
- --tw-ring-color: var(--xpl-color-secondary-lm);
2109
- }
2110
- .xpl-radio:disabled {
2111
- cursor: not-allowed;
2112
- --tw-border-opacity: 1;
2113
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
2114
- --tw-bg-opacity: 1;
2115
- background-color: rgb(225 226 232 / var(--tw-bg-opacity))
2116
- }
2117
- .xpl-radio:disabled:checked {
2118
- --tw-border-opacity: 1;
2119
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
2120
- --tw-bg-opacity: 1;
2121
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
2122
- }
2123
- .dark .xpl-radio:hover,
2124
- .dark .xpl-radio:active,
2125
- .dark .xpl-radio:checked {
2126
- border-color: var(--xpl-color-secondary-dm);
2127
- }
2128
- .dark .xpl-radio:disabled {
2129
- --tw-border-opacity: 1;
2130
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
2131
- --tw-bg-opacity: 1;
2132
- background-color: rgb(106 109 125 / var(--tw-bg-opacity))
2133
- }
2134
- .dark .xpl-radio:focus {
2135
- --tw-ring-color: var(--xpl-color-secondary-dm);
2136
- }
2137
- .dark .xpl-radio:disabled:checked {
2138
- --tw-border-opacity: 1;
2139
- border-color: rgb(153 155 168 / var(--tw-border-opacity));
2140
- --tw-bg-opacity: 1;
2141
- background-color: rgb(24 22 31 / var(--tw-bg-opacity))
2142
- }
2143
- .xpl-choicelist-heading {
2144
- margin-bottom: 0.5rem
2145
- }
2146
- .xpl-choicelist-heading > h3 {
2147
- font-size: 0.875rem;
2148
- line-height: 1.25rem;
2149
- --tw-text-opacity: 1;
2150
- color: rgb(48 45 59 / var(--tw-text-opacity))
2151
- }
2152
- .dark .xpl-choicelist-heading > h3 {
2153
- --tw-text-opacity: 1;
2154
- color: rgb(255 255 255 / var(--tw-text-opacity))
2155
- }
2156
- .xpl-choicelist-heading > p {
2157
- font-size: 0.75rem;
2158
- line-height: 1rem;
2159
- --tw-text-opacity: 1;
2160
- color: rgb(106 109 125 / var(--tw-text-opacity))
2161
- }
2162
- .dark .xpl-choicelist-heading > p {
2163
- --tw-text-opacity: 1;
2164
- color: rgb(153 155 168 / var(--tw-text-opacity))
2165
- }
2166
- .xpl-choicelist {
2167
- margin: 0px;
2168
- display: block;
2169
- padding: 0px
2170
- }
2171
- .xpl-choicelist li {
2172
- margin-bottom: 1rem
2173
- }
2174
- /* override default checkbox/radio styling in choicelists */
2175
- .xpl-choicelist .xpl-checkbox-radio-container {
2176
- margin-bottom: 0px
2177
- }
2178
- .xpl-choicelist--styled {
2179
- overflow: hidden;
2180
- border-radius: 0.375rem;
2181
- border-width: 1px;
2182
- --tw-border-opacity: 1;
2183
- border-color: rgb(238 239 243 / var(--tw-border-opacity))
2184
- }
2185
- .dark .xpl-choicelist--styled {
2186
- --tw-border-opacity: 1;
2187
- border-color: rgb(106 109 125 / var(--tw-border-opacity))
2188
- }
2189
- .xpl-choicelist--styled .xpl-radio-container,
2190
- .xpl-choicelist--styled .xpl-checkbox-container {
2191
- margin-bottom: 0px
2192
- }
2193
- .xpl-choicelist--styled li {
2194
- position: relative;
2195
- margin-bottom: 0px;
2196
- display: block;
2197
- border-width: 1px;
2198
- border-top-width: 0px;
2199
- border-left-width: 0px;
2200
- border-right-width: 0px;
2201
- --tw-border-opacity: 1;
2202
- border-color: rgb(238 239 243 / var(--tw-border-opacity));
2203
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2204
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2205
- transition-duration: 150ms
2206
- }
2207
- .dark .xpl-choicelist--styled li {
2208
- --tw-border-opacity: 1;
2209
- border-color: rgb(106 109 125 / var(--tw-border-opacity))
2210
- }
2211
- .xpl-choicelist--styled li:last-child {
2212
- border-bottom-width: 0px
2213
- }
2214
- .xpl-choicelist--styled li.selected {
2215
- --tw-bg-opacity: 1;
2216
- background-color: rgb(244 242 255 / var(--tw-bg-opacity))
2217
- }
2218
- .dark .xpl-choicelist--styled li.selected {
2219
- --tw-bg-opacity: 1;
2220
- background-color: rgb(54 50 64 / var(--tw-bg-opacity))
2221
- }
2222
- .xpl-choicelist--styled input {
2223
- position: absolute;
2224
- margin-left: 1rem;
2225
- margin-top: 1rem;
2226
- margin-bottom: 1rem
2227
- }
2228
- .xpl-choicelist--styled label {
2229
- display: block;
2230
- width: 100%;
2231
- padding-top: 1rem;
2232
- padding-right: 1rem;
2233
- padding-bottom: 1rem
2234
- }
2235
- .xpl-choicelist--styled .xpl-checkbox + label,
2236
- .xpl-choicelist--styled .xpl-radio + label {
2237
- padding-left: 3rem
2238
- }
2239
- .xpl-content-area-wrapper {
2240
- height: 100%;
2241
- min-width: 0;
2242
- background-color: var(--xpl-color-background-lm);
2243
- }
2244
- .xpl-content-area-wrapper__wide .xpl-content-area {
2245
- padding: 1.5rem
2246
- }
2247
- @media (min-width: 768px) {
2248
- .xpl-content-area-wrapper__wide .xpl-content-area {
2249
- padding: 2rem
2250
- }
2251
- }
2252
- .xpl-content-area-wrapper__narrow {
2253
- grid-template-areas: ". content .";
2254
- grid-template-columns: minmax(15%, auto) minmax(auto, 840px) minmax(15%, auto);
2255
- }
2256
- .xpl-content-area-wrapper__narrow .xpl-content-area {
2257
- grid-column: span 1 / span 1;
2258
- grid-column-start: 2;
2259
- padding-top: 5rem;
2260
- padding-bottom: 5rem
2261
- }
2262
- @media (max-width: 1023px) {
2263
- .xpl-content-area-wrapper__narrow .xpl-content-area {
2264
- grid-template-columns: none;
2265
- padding: 0px
2266
- }
2267
- .xpl-content-area-wrapper__narrow {
2268
- grid-template-columns: none;
2269
- grid-template-rows: none;
2270
- padding: 1.5rem
2271
- }
2272
- }
2273
- .xpl-content-area-wrapper__narrow {
2274
- display: grid;
2275
- grid-auto-flow: column;
2276
- justify-items: center
2277
- }
2278
- .xpl-content-area-wrapper__full {
2279
- max-width: none;
2280
- padding: 1.5rem
2281
- }
2282
- @media (min-width: 640px) {
2283
- .xpl-content-area-wrapper__full {
2284
- padding: 2rem
2285
- }
2286
- }
2287
- @media (min-width: 1024px) {
2288
- .xpl-content-area-wrapper__full {
2289
- padding: 0px
2290
- }
2291
- }
2292
- .dark .xpl-content-area-wrapper {
2293
- background-color: var(--xpl-color-background-dm);
2294
- color: var(--xpl-color-text-primary-dm);
2295
- }
2296
- .xpl-dashboard {
2297
- display: flex;
2298
- flex-wrap: wrap;
2299
- gap: 1rem
2300
- }
2301
- .xpl-data-card {
2302
- background-color: var(--xpl-color-foreground-lm);
2303
- border-color: var(--xpl-color-stroke-lm);
2304
- color: var(--xpl-color-text-primary-lm);
2305
- container-name: card;
2306
- container-type: inline-size;
2307
- flex-basis: 21%;
2308
- }
2309
- .xpl-data-card__anchor {
2310
- position: absolute;
2311
- top: 0px;
2312
- left: 0px;
2313
- display: block;
2314
- height: 100%;
2315
- width: 100%;
2316
- background-color: transparent
2317
- }
2318
- .xpl-data-card__anchor span {
2319
- position: absolute;
2320
- width: 1px;
2321
- height: 1px;
2322
- padding: 0;
2323
- margin: -1px;
2324
- overflow: hidden;
2325
- clip: rect(0, 0, 0, 0);
2326
- white-space: nowrap;
2327
- border-width: 0
2328
- }
2329
- .xpl-data-card__link:focus,
2330
- .xpl-data-card__link:active {
2331
- border-color: var(--xpl-color-secondary-lm);
2332
- }
2333
- .xpl-data-card__link:hover {
2334
- cursor: pointer;
2335
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2336
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2337
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2338
- }
2339
- .xpl-data-card__header {
2340
- margin-bottom: 0.25rem;
2341
- display: flex;
2342
- max-height: 2rem;
2343
- justify-content: space-between
2344
- }
2345
- .xpl-data-card__header--primary {
2346
- /* sets the icon color */
2347
- color: var(--xpl-color-primary-lm);
2348
- }
2349
- .xpl-data-card__header--secondary {
2350
- color: var(--xpl-color-secondary-lm);
2351
- }
2352
- .xpl-data-card__header__arrow {
2353
- color: var(--xpl-color-text-primary-lm);
2354
- }
2355
- .xpl-data-card__header--no-icon {
2356
- position: absolute;
2357
- top: 1rem;
2358
- right: 1rem;
2359
- display: flex;
2360
- justify-content: flex-end
2361
- }
2362
- .xpl-data-card dt {
2363
- font-size: var(--xpl-size-font-title-5);
2364
- }
2365
- .xpl-data-card dd {
2366
- font-size: var(--xpl-size-font-title-1);
2367
- font-weight: var(--xpl-font-weight-bold);
2368
- -webkit-margin-start: 0;
2369
- margin-inline-start: 0;
2370
- display: flex;
2371
- flex-direction: column;
2372
- }
2373
- .xpl-data-card {
2374
- position: relative;
2375
- display: flex;
2376
- height: -moz-min-content;
2377
- height: min-content;
2378
- max-width: 50%;
2379
- flex-grow: 1;
2380
- flex-direction: column-reverse;
2381
- overflow: hidden;
2382
- border-radius: 0.375rem;
2383
- border-width: 1px;
2384
- padding: 1rem
2385
- }
2386
- .dark .xpl-data-card {
2387
- background-color: var(--xpl-color-foreground-dm);
2388
- border-color: var(--xpl-color-stroke-dm);
2389
- color: var(--xpl-color-text-primary-dm);
2390
- }
2391
- .dark .xpl-data-card__header--primary {
2392
- color: var(--xpl-color-primary-dm);
2393
- }
2394
- .dark .xpl-data-card__header--secondary {
2395
- color: var(--xpl-color-secondary-dm);
2396
- }
2397
- .dark .xpl-data-card__header__arrow {
2398
- color: var(--xpl-color-text-primary-dm);
2399
- }
2400
- .dark .xpl-data-card__link:focus,
2401
- .dark .xpl-data-card__link:active {
2402
- border-color: var(--xpl-color-secondary-dm);
2403
- }
2404
- @media (max-width: 640px) {
2405
- .xpl-data-card {
2406
- flex-basis: 42%;
2407
- }
2408
- }
2409
- @container card (max-width: 212px) {
2410
- .xpl-data-card dd {
2411
- font-size: var(--xpl-size-font-title-2);
2412
- }
2413
- }
2414
- @container card (max-width: 441px) {
2415
- .xpl-data-card__long_stat {
2416
- display: none
2417
- }
2418
- .flatpickr-day.xpl-data-card__long_stat{visibility:hidden}
2419
- }
2420
- @container card (min-width: 441px) {
2421
- .xpl-data-card__short_stat {
2422
- display: none
2423
- }
2424
- .flatpickr-day.xpl-data-card__short_stat{visibility:hidden}
2425
- }
2426
- .xpl-data-card__short_stat abbr[title] {
2427
- text-decoration: none;
2428
- }
2429
- .dark .xpl-divider {
2430
- --tw-border-opacity: 1;
2431
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
2432
- --tw-text-opacity: 1;
2433
- color: rgb(255 255 255 / var(--tw-text-opacity))
2434
- }
2435
- .xpl-divider {
2436
- margin-bottom: 1rem;
2437
- display: block;
2438
- border-bottom-width: 1px;
2439
- --tw-border-opacity: 1;
2440
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
2441
- padding-bottom: 0.25rem;
2442
- font-size: 0.875rem;
2443
- line-height: 1.25rem;
2444
- --tw-text-opacity: 1;
2445
- color: rgb(48 45 59 / var(--tw-text-opacity))
2446
- }
2447
- .xpl-divider--3 {
2448
- font-size: 1.25rem;
2449
- line-height: 1.75rem;
2450
- font-weight: 700
2451
- }
2452
- .xpl-divider--2 {
2453
- font-size: 1rem;
2454
- line-height: 1.5rem
2455
- }
2456
- .xpl-divider--1 {
2457
- font-size: 0.75rem;
2458
- line-height: 1rem
2459
- }
2460
- .xpl-divider--0 span {
2461
- position: absolute;
2462
- width: 1px;
2463
- height: 1px;
2464
- padding: 0;
2465
- margin: -1px;
2466
- overflow: hidden;
2467
- clip: rect(0, 0, 0, 0);
2468
- white-space: nowrap;
2469
- border-width: 0
2470
- }
2471
- .xpl-divider--0 {
2472
- padding-bottom: 0px
2473
- }
2474
- .xpl-dropdown {
2475
- pointer-events: none;
2476
- position: absolute;
2477
- width: 100%;
2478
- --tw-translate-y: -0.5rem;
2479
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2480
- overflow: hidden;
2481
- border-radius: 0.375rem;
2482
- border-width: 1px;
2483
- --tw-border-opacity: 1;
2484
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
2485
- --tw-bg-opacity: 1;
2486
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2487
- opacity: 0;
2488
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2489
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2490
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2491
- transition-property: all;
2492
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2493
- transition-duration: 150ms
2494
- }
2495
- .dark .xpl-dropdown {
2496
- --tw-border-opacity: 1;
2497
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
2498
- --tw-bg-opacity: 1;
2499
- background-color: rgb(48 45 59 / var(--tw-bg-opacity))
2500
- }
2501
- .xpl-dropdown--open {
2502
- pointer-events: auto;
2503
- z-index: 50;
2504
- --tw-translate-y: 0.5rem;
2505
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2506
- opacity: 1
2507
- }
2508
- .xpl-dropdown-list {
2509
- max-height: 300px;
2510
- height: 100%;
2511
- overflow-y: auto;
2512
- }
2513
- .xpl-dropdown-list-item {
2514
- list-style: none;
2515
- }
2516
- .dark .xpl-dropdown-option {
2517
- --tw-text-opacity: 1;
2518
- color: rgb(255 255 255 / var(--tw-text-opacity))
2519
- }
2520
- .xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus {
2521
- --tw-bg-opacity: 1;
2522
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2523
- outline: 2px solid transparent;
2524
- outline-offset: 2px
2525
- }
2526
- .xpl-dropdown-option:not(.xpl-dropdown-option--disabled):hover {
2527
- background-color: var(--xpl-color-secondary-bg-lm);
2528
- }
2529
- .xpl-dropdown-option--disabled,
2530
- .xpl-dropdown-option--disabled [disabled] {
2531
- touch-action: none;
2532
- pointer-events: none;
2533
- }
2534
- .xpl-dropdown-option--disabled {
2535
- cursor: not-allowed;
2536
- opacity: 0.6
2537
- }
2538
- .xpl-dropdown-option--selected {
2539
- background-color: var(--xpl-color-secondary-bg-lm);
2540
- border-right: 4px solid var(--xpl-color-secondary-lm);
2541
- }
2542
- .dark .xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus {
2543
- --tw-bg-opacity: 1;
2544
- background-color: rgb(41 38 50 / var(--tw-bg-opacity));
2545
- outline: 2px solid transparent;
2546
- outline-offset: 2px
2547
- }
2548
- .dark .xpl-dropdown-option:not(.xpl-dropdown-option--disabled):hover {
2549
- --tw-bg-opacity: 1;
2550
- background-color: rgb(24 22 31 / var(--tw-bg-opacity))
2551
- }
2552
- .dark .xpl-dropdown-option--selected {
2553
- border-right: 4px solid var(--xpl-color-secondary-dm);
2554
- --tw-bg-opacity: 1;
2555
- background-color: rgb(24 22 31 / var(--tw-bg-opacity));
2556
- }
2557
- .xpl-dropdown-option {
2558
- display: block;
2559
- width: 100%;
2560
- cursor: pointer;
2561
- padding-left: 0.75rem;
2562
- padding-right: 0.75rem;
2563
- padding-top: 0.75rem;
2564
- padding-bottom: 0.75rem;
2565
- text-align: left;
2566
- font-size: 0.875rem;
2567
- line-height: 1.25rem;
2568
- --tw-text-opacity: 1;
2569
- color: rgb(48 45 59 / var(--tw-text-opacity))
2570
- }
2571
- .xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected {
2572
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='%236923F4'/%3E%3C/svg%3E%0A");
2573
- background-position: calc(100% - 16px) center;
2574
- background-repeat: no-repeat;
2575
- }
2576
- .dark .xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected {
2577
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='%23C3ADFF'/%3E%3C/svg%3E%0A");
2578
- }
2579
- .xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected {
2580
- border-width: 0px
2581
- }
2582
- .dark .xpl-dropdown-heading {
2583
- --tw-border-opacity: 1;
2584
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
2585
- --tw-text-opacity: 1;
2586
- color: rgb(153 155 168 / var(--tw-text-opacity))
2587
- }
2588
- .xpl-dropdown-heading {
2589
- display: block;
2590
- width: 100%;
2591
- border-bottom-width: 1px;
2592
- --tw-border-opacity: 1;
2593
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
2594
- padding-left: 0.75rem;
2595
- padding-right: 0.75rem;
2596
- padding-top: 0.5rem;
2597
- padding-bottom: 0.5rem;
2598
- font-size: 0.75rem;
2599
- line-height: 1rem;
2600
- --tw-text-opacity: 1;
2601
- color: rgb(106 109 125 / var(--tw-text-opacity))
2602
- }
2603
- /* Flatpickr overrides */
2604
- [class^="flatpickr-"] {
2605
- font-family: var(--xpl-font-family-default);
2606
- }
2607
- .flatpickr-calendar {
2608
- border: 1px solid #e1e2e8;
2609
- box-shadow: 0 4px 6px -2px #0000000d, 0 10px 15px -3px #0000001a;
2610
- }
2611
- @keyframes fpFadeInDown {
2612
- from {
2613
- opacity: 0;
2614
- transform: translate3d(-13px, -20px, 0);
2615
- }
2616
-
2617
- to {
2618
- opacity: 1;
2619
- transform: translate3d(-13px, 8px, 0);
2620
- }
2621
- }
2622
- .flatpickr-calendar.animate.arrowTop {
2623
- transform: translate3d(-13px, 8px, 0);
2624
- }
2625
- @keyframes fpFadeInDownAdjust {
2626
- from {
2627
- opacity: 0;
2628
- transform: translate3d(-13px, -28px, 0);
2629
- }
2630
-
2631
- to {
2632
- opacity: 1;
2633
- transform: translate3d(-13px, -8px, 0);
2634
- }
2635
- }
2636
- .flatpickr-calendar.animate.arrowBottom {
2637
- animation-name: fpFadeInDownAdjust;
2638
- transform: translate3d(-13px, -8px, 0);
2639
- }
2640
- .dark .flatpickr-calendar {
2641
- border-color: #302d3b;
2642
- box-shadow: 0 4px 6px -2px #0000000d, 0 10px 15px -3px #0000001a;
2643
- --tw-bg-opacity: 1;
2644
- background-color: rgb(60 56 71 / var(--tw-bg-opacity));
2645
- }
2646
- .flatpickr-calendar::before,
2647
- .flatpickr-calendar::after {
2648
- display: none !important;
2649
- }
2650
- .flatpickr-months {
2651
- padding: 0.5rem
2652
- }
2653
- .flatpickr-months .flatpickr-month {
2654
- height: 40px;
2655
- --tw-bg-opacity: 1;
2656
- background-color: rgb(248 249 250 / var(--tw-bg-opacity));
2657
- }
2658
- .dark .flatpickr-months .flatpickr-month {
2659
- --tw-bg-opacity: 1;
2660
- background-color: rgb(54 50 64 / var(--tw-bg-opacity))
2661
- }
2662
- .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
2663
- .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
2664
- left: 75%;
2665
- }
2666
- .flatpickr-months .flatpickr-prev-month,
2667
- .flatpickr-months .flatpickr-next-month {
2668
- box-sizing: border-box; /* don't know why this gets unset :-\ */
2669
- height: 40px;
2670
- top: 0.5rem;
2671
- padding-top: 0.75rem;
2672
- }
2673
- .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
2674
- .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
2675
- right: 0.5rem
2676
- }
2677
- .flatpickr-months .flatpickr-prev-month:hover,
2678
- .flatpickr-months .flatpickr-next-month:hover {
2679
- --tw-bg-opacity: 1;
2680
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
2681
- }
2682
- .dark .flatpickr-months .flatpickr-prev-month,
2683
- .dark .flatpickr-months .flatpickr-next-month {
2684
- fill: var(--xpl-color-text-primary-dm);
2685
- --tw-text-opacity: 1;
2686
- color: rgb(255 255 255 / var(--tw-text-opacity));
2687
- }
2688
- .dark .flatpickr-months .flatpickr-prev-month:hover,
2689
- .dark .flatpickr-months .flatpickr-next-month:hover {
2690
- --tw-bg-opacity: 1;
2691
- background-color: rgb(41 38 50 / var(--tw-bg-opacity))
2692
- }
2693
- .flatpickr-months .flatpickr-prev-month svg path,
2694
- .flatpickr-months .flatpickr-next-month svg path {
2695
- fill: var(--xpl-color-text-primary-lm);
2696
- }
2697
- .flatpickr-months .flatpickr-prev-month:hover path,
2698
- .flatpickr-months .flatpickr-next-month:hover path {
2699
- fill: var(--xpl-color-secondary-lm);
2700
- }
2701
- .dark .flatpickr-months .flatpickr-prev-month svg path,
2702
- .dark .flatpickr-months .flatpickr-next-month svg path {
2703
- fill: #fff;
2704
- }
2705
- .dark .flatpickr-months .flatpickr-prev-month:hover path,
2706
- .dark .flatpickr-months .flatpickr-next-month:hover path {
2707
- fill: var(--xpl-color-secondary-dm);
2708
- }
2709
- .flatpickr-current-month {
2710
- font-size: 100%;
2711
- height: 40px;
2712
- left: 0px;
2713
- padding: 0px;
2714
- text-align: left;
2715
- font-size: 1rem;
2716
- line-height: 1.5rem;
2717
- }
2718
- .flatpickr-current-month .flatpickr-monthDropdown-months {
2719
- font-weight: 500;
2720
- height: 40px;
2721
- margin: 0px;
2722
- -webkit-appearance: none;
2723
- -moz-appearance: none;
2724
- appearance: none;
2725
- padding: 0.5rem;
2726
- }
2727
- .flatpickr-current-month .numInputWrapper {
2728
- width: 64px;
2729
- }
2730
- .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
2731
- --tw-bg-opacity: 1;
2732
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
2733
- }
2734
- .flatpickr-current-month input.cur-year {
2735
- font-weight: 500;
2736
- height: 40px;
2737
- padding: 0.5rem;
2738
- padding-right: 1rem;
2739
- }
2740
- .numInputWrapper:hover,
2741
- .flatpickr-current-month input.cur-year:hover {
2742
- --tw-bg-opacity: 1;
2743
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
2744
- }
2745
- .numInputWrapper span {
2746
- border-width: 0px
2747
- }
2748
- .numInputWrapper span:hover {
2749
- --tw-bg-opacity: 1;
2750
- background-color: rgb(238 239 243 / var(--tw-bg-opacity))
2751
- }
2752
- .flatpickr-current-month .flatpickr-monthDropdown-months option {
2753
- --tw-text-opacity: 1;
2754
- color: rgb(48 45 59 / var(--tw-text-opacity))
2755
- }
2756
- .dark .flatpickr-current-month .flatpickr-monthDropdown-months option {
2757
- color: #fff;
2758
- }
2759
- .dark .flatpickr-current-month input.cur-year {
2760
- --tw-text-opacity: 1;
2761
- color: rgb(255 255 255 / var(--tw-text-opacity))
2762
- }
2763
- .dark .numInputWrapper:hover,
2764
- .dark .flatpickr-current-month input.cur-year:hover {
2765
- --tw-bg-opacity: 1;
2766
- background-color: rgb(41 38 50 / var(--tw-bg-opacity))
2767
- }
2768
- .flatpickr-current-month .numInputWrapper span.arrowUp::after {
2769
- bottom: 4px;
2770
- top: unset;
2771
- }
2772
- .flatpickr-current-month .numInputWrapper span.arrowDown::after {
2773
- top: 4px;
2774
- }
2775
- .dark .flatpickr-current-month .numInputWrapper span.arrowUp::after,
2776
- .dark .flatpickr-current-month .numInputWrapper span.arrowDown::after {
2777
- border-bottom-color: var(--xpl-color-text-primary-dm);
2778
- }
2779
- .dark .flatpickr-current-month .flatpickr-monthDropdown-months {
2780
- --tw-text-opacity: 1;
2781
- color: rgb(255 255 255 / var(--tw-text-opacity))
2782
- }
2783
- .dark .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
2784
- --tw-bg-opacity: 1;
2785
- background-color: rgb(41 38 50 / var(--tw-bg-opacity))
2786
- }
2787
- .flatpickr-day {
2788
- line-height: 2.3rem;
2789
- }
2790
- .rangeMode .flatpickr-day {
2791
- margin-top: 0px
2792
- }
2793
- .flatpickr-day.selected,
2794
- .flatpickr-day.startRange,
2795
- .flatpickr-day.endRange,
2796
- .flatpickr-day.selected.inRange,
2797
- .flatpickr-day.startRange.inRange,
2798
- .flatpickr-day.endRange.inRange,
2799
- .flatpickr-day.selected:focus,
2800
- .flatpickr-day.startRange:focus,
2801
- .flatpickr-day.endRange:focus,
2802
- .flatpickr-day.selected:hover,
2803
- .flatpickr-day.startRange:hover,
2804
- .flatpickr-day.endRange:hover,
2805
- .flatpickr-day.selected.prevMonthDay,
2806
- .flatpickr-day.startRange.prevMonthDay,
2807
- .flatpickr-day.endRange.prevMonthDay,
2808
- .flatpickr-day.selected.nextMonthDay,
2809
- .flatpickr-day.startRange.nextMonthDay,
2810
- .flatpickr-day.endRange.nextMonthDay {
2811
- background-color: var(--xpl-color-secondary-lm);
2812
- border-color: var(--xpl-color-secondary-lm);
2813
- }
2814
- .dark .flatpickr-day.selected, .dark .flatpickr-day.startRange, .dark .flatpickr-day.endRange, .dark .flatpickr-day.selected.inRange, .dark .flatpickr-day.startRange.inRange, .dark .flatpickr-day.endRange.inRange, .dark .flatpickr-day.selected:focus, .dark .flatpickr-day.startRange:focus, .dark .flatpickr-day.endRange:focus, .dark .flatpickr-day.selected:hover, .dark .flatpickr-day.startRange:hover, .dark .flatpickr-day.endRange:hover, .dark .flatpickr-day.selected.prevMonthDay, .dark .flatpickr-day.startRange.prevMonthDay, .dark .flatpickr-day.endRange.prevMonthDay, .dark .flatpickr-day.selected.nextMonthDay, .dark .flatpickr-day.startRange.nextMonthDay, .dark .flatpickr-day.endRange.nextMonthDay {
2815
- background-color: var(--xpl-color-secondary-dm);
2816
- border-color: var(--xpl-color-secondary-dm);
2817
- color: var(--xpl-color-text-reverse-dm);
2818
- }
2819
- .flatpickr-day.inRange,
2820
- .flatpickr-day.prevMonthDay.inRange,
2821
- .flatpickr-day.nextMonthDay.inRange,
2822
- .flatpickr-day.today.inRange,
2823
- .flatpickr-day.prevMonthDay.today.inRange,
2824
- .flatpickr-day.nextMonthDay.today.inRange,
2825
- .flatpickr-day:hover,
2826
- .flatpickr-day.prevMonthDay:hover,
2827
- .flatpickr-day.nextMonthDay:hover,
2828
- .flatpickr-day:focus,
2829
- .flatpickr-day.prevMonthDay:focus,
2830
- .flatpickr-day.nextMonthDay:focus {
2831
- background-color: var(--xpl-color-secondary-bg-lm);
2832
- border-color: var(--xpl-color-secondary-bg-lm);
2833
- }
2834
- .flatpickr-day.inRange {
2835
- box-shadow: -5px 0 0 var(--xpl-color-secondary-bg-lm), 5px 0 0 var(--xpl-color-secondary-bg-lm);
2836
- }
2837
- .dark .flatpickr-day.inRange {
2838
- box-shadow: -5px 0 0 var(--xpl-color-secondary-bg-dm), 5px 0 0 var(--xpl-color-secondary-bg-dm);
2839
- }
2840
- .dark .flatpickr-day {
2841
- --tw-text-opacity: 1;
2842
- color: rgb(255 255 255 / var(--tw-text-opacity))
2843
- }
2844
- .dark .flatpickr-day.inRange,
2845
- .dark .flatpickr-day.prevMonthDay.inRange,
2846
- .dark .flatpickr-day.nextMonthDay.inRange,
2847
- .dark .flatpickr-day.today.inRange,
2848
- .dark .flatpickr-day.prevMonthDay.today.inRange,
2849
- .dark .flatpickr-day.nextMonthDay.today.inRange,
2850
- .dark .flatpickr-day:hover,
2851
- .dark .flatpickr-day.prevMonthDay:hover,
2852
- .dark .flatpickr-day.nextMonthDay:hover,
2853
- .dark .flatpickr-day:focus,
2854
- .dark .flatpickr-day.prevMonthDay:focus,
2855
- .dark .flatpickr-day.nextMonthDay:focus {
2856
- background-color: var(--xpl-color-secondary-bg-dm);
2857
- border-color: var(--xpl-color-secondary-bg-dm);
2858
- color: var(--xpl-color-secondary-dm);
2859
- }
2860
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
2861
- .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
2862
- .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
2863
- box-shadow: -10px 0 0 var(--xpl-color-secondary-bg-lm);
2864
- }
2865
- .dark .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
2866
- .dark .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
2867
- .dark .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
2868
- box-shadow: -10px 0 0 var(--xpl-color-secondary-bg-dm);
2869
- }
2870
- span.flatpickr-weekday {
2871
- font-size: 0.875rem;
2872
- line-height: 1.25rem;
2873
- font-weight: 400;
2874
- --tw-text-opacity: 1;
2875
- color: rgb(48 45 59 / var(--tw-text-opacity))
2876
- }
2877
- .dark span.flatpickr-weekday {
2878
- --tw-text-opacity: 1;
2879
- color: rgb(255 255 255 / var(--tw-text-opacity))
2880
- }
2881
- .xpl-grid {
2882
- display: flex;
2883
- width: 100%;
2884
- flex-wrap: wrap
2885
- }
2886
- .xpl-grid-item {
2887
- margin-right: 1.5rem;
2888
- margin-bottom: 1.5rem;
2889
- flex-shrink: 0
2890
- }
2891
- @media screen and (max-width: 639px) {
2892
- .xpl-grid-item-xs-1 {
2893
- flex: 0 0 calc(16.667% - 20px);
2894
- }
2895
-
2896
- .xpl-grid-item-xs-2 {
2897
- flex: 0 0 calc(33.333% - 16px);
2898
- }
2899
-
2900
- .xpl-grid-item-xs-3 {
2901
- flex: 0 0 calc(50% - 12px);
2902
- }
2903
-
2904
- .xpl-grid-item-xs-4 {
2905
- flex: 0 0 calc(66.667% - 8px);
2906
- }
2907
-
2908
- .xpl-grid-item-xs-5 {
2909
- flex: 0 0 calc(83.333% - 4px);
2910
- }
2911
-
2912
- .xpl-grid-item-xs-6 {
2913
- flex: 0 0 100%;
2914
- }
2915
-
2916
- .xpl-grid-item-xs-last {
2917
- margin-right: 0px
2918
- }
2919
- }
2920
- @media screen and (min-width: 640px) and (max-width: 1023px) {
2921
- .xpl-grid-item-sm-1 {
2922
- flex: 0 0 calc(16.667% - 20px);
2923
- }
2924
-
2925
- .xpl-grid-item-sm-2 {
2926
- flex: 0 0 calc(33.333% - 16px);
2927
- }
2928
-
2929
- .xpl-grid-item-sm-3 {
2930
- flex: 0 0 calc(50% - 12px);
2931
- }
2932
-
2933
- .xpl-grid-item-sm-4 {
2934
- flex: 0 0 calc(66.667% - 8px);
2935
- }
2936
-
2937
- .xpl-grid-item-sm-5 {
2938
- flex: 0 0 calc(83.333% - 4px);
2939
- }
2940
-
2941
- .xpl-grid-item-sm-6 {
2942
- flex: 0 0 100%;
2943
- }
2944
-
2945
- .xpl-grid-item-sm-last {
2946
- margin-right: 0px
2947
- }
2948
- }
2949
- @media screen and (min-width: 1024px) and (max-width: 1279px) {
2950
- .xpl-grid-item-md-1 {
2951
- flex: 0 0 calc(16.667% - 20px);
2952
- }
2953
-
2954
- .xpl-grid-item-md-2 {
2955
- flex: 0 0 calc(33.333% - 16px);
2956
- }
2957
-
2958
- .xpl-grid-item-md-3 {
2959
- flex: 0 0 calc(50% - 12px);
2960
- }
2961
-
2962
- .xpl-grid-item-md-4 {
2963
- flex: 0 0 calc(66.667% - 8px);
2964
- }
2965
-
2966
- .xpl-grid-item-md-5 {
2967
- flex: 0 0 calc(83.333% - 4px);
2968
- }
2969
-
2970
- .xpl-grid-item-md-6 {
2971
- flex: 0 0 100%;
2972
- }
2973
-
2974
- .xpl-grid-item-md-last {
2975
- margin-right: 0px
2976
- }
2977
- }
2978
- @media screen and (min-width: 1280px) {
2979
- .xpl-grid-item-lg-1 {
2980
- flex: 0 0 calc(16.667% - 20px);
2981
- }
2982
-
2983
- .xpl-grid-item-lg-2 {
2984
- flex: 0 0 calc(33.333% - 16px);
2985
- }
2986
-
2987
- .xpl-grid-item-lg-3 {
2988
- flex: 0 0 calc(50% - 12px);
2989
- }
2990
-
2991
- .xpl-grid-item-lg-4 {
2992
- flex: 0 0 calc(66.667% - 8px);
2993
- }
2994
-
2995
- .xpl-grid-item-lg-5 {
2996
- flex: 0 0 calc(83.333% - 4px);
2997
- }
2998
-
2999
- .xpl-grid-item-lg-6 {
3000
- flex: 0 0 100%;
3001
- }
3002
-
3003
- .xpl-grid-item-lg-last {
3004
- margin-right: 0px
3005
- }
3006
- }
3007
- .xpl-icon__wrapper {
3008
- margin: 0px
3009
- }
3010
- .xpl-icon__wrapper--with-background--orange {
3011
- background-color: var(--xpl-color-orange-50);
3012
- }
3013
- .xpl-icon__wrapper--with-background--purple {
3014
- background-color: var(--xpl-color-purple-50);
3015
- }
3016
- .xpl-icon__wrapper--with-background--red {
3017
- background-color: var(--xpl-color-red-50);
3018
- }
3019
- .xpl-icon__wrapper--with-background--yellow {
3020
- background-color: var(--xpl-color-yellow-50);
3021
- }
3022
- .xpl-icon__wrapper--with-background--gray {
3023
- background-color: var(--xpl-color-gray-50);
3024
- }
3025
- .xpl-icon__wrapper--with-background {
3026
- border-radius: 0.375rem;
3027
- padding: 0.25rem
3028
- }
3029
- .xpl-icon__wrapper figcaption {
3030
- position: absolute;
3031
- width: 1px;
3032
- height: 1px;
3033
- padding: 0;
3034
- margin: -1px;
3035
- overflow: hidden;
3036
- clip: rect(0, 0, 0, 0);
3037
- white-space: nowrap;
3038
- border-width: 0
3039
- }
3040
- .dark .xpl-icon__wrapper--with-background--orange {
3041
- background-color: var(--xpl-color-orange-900);
3042
- }
3043
- .dark .xpl-icon__wrapper--with-background--purple {
3044
- background-color: var(--xpl-color-purple-900);
3045
- }
3046
- .dark .xpl-icon__wrapper--with-background--red {
3047
- background-color: var(--xpl-color-red-900);
3048
- }
3049
- .dark .xpl-icon__wrapper--with-background--yellow {
3050
- background-color: var(--xpl-color-yellow-900);
3051
- }
3052
- .dark .xpl-icon__wrapper--with-background--gray {
3053
- background-color: var(--xpl-color-gray-900);
3054
- }
3055
- .xpl-input {
3056
- position: relative;
3057
- display: block
3058
- }
3059
- .xpl-input input {
3060
- height: 44px;
3061
- display: block;
3062
- width: 100%;
3063
- overflow: hidden;
3064
- background-color: transparent;
3065
- padding-right: 0.5rem;
3066
- font-size: 0.875rem;
3067
- line-height: 1.25rem;
3068
- outline: 2px solid transparent;
3069
- outline-offset: 2px;
3070
- }
3071
- .xpl-input-calendar {
3072
- pointer-events: none;
3073
- position: absolute;
3074
- right: 0.75rem
3075
- }
3076
- button[class^="xpl-input-password"] {
3077
- position: absolute;
3078
- top: 0px;
3079
- right: 0px;
3080
- height: 100%;
3081
- cursor: pointer;
3082
- padding-left: 0.75rem;
3083
- padding-right: 0.75rem
3084
- }
3085
- .xpl-input-calendar path,
3086
- [class^="xpl-input-password"] path {
3087
- fill: var(--xpl-color-text-primary-lm);
3088
- }
3089
- .xpl-input-error path {
3090
- fill: var(--xpl-color-text-warning-lm);
3091
- }
3092
- .dark .xpl-input-calendar path,
3093
- .dark [class^="xpl-input-password"] path {
3094
- fill: #fff;
3095
- }
3096
- .xpl-input textarea {
3097
- min-height: 44px;
3098
- height: 98px;
3099
- display: block;
3100
- width: 100%;
3101
- overflow: hidden;
3102
- background-color: transparent;
3103
- padding-top: 0.75rem;
3104
- padding-bottom: 0.5rem;
3105
- font-size: 0.875rem;
3106
- line-height: 1.25rem;
3107
- outline: 2px solid transparent;
3108
- outline-offset: 2px;
3109
- }
3110
- .dark .xpl-input input,
3111
- .dark .xpl-input textarea {
3112
- --tw-text-opacity: 1;
3113
- color: rgb(255 255 255 / var(--tw-text-opacity))
3114
- }
3115
- .xpl-input input:-moz-read-only, .xpl-input textarea:-moz-read-only {
3116
- --tw-border-opacity: 1;
3117
- border-color: rgb(248 249 250 / var(--tw-border-opacity));
3118
- --tw-bg-opacity: 1;
3119
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
3120
- }
3121
- .xpl-input input:read-only,
3122
- .xpl-input textarea:read-only {
3123
- --tw-border-opacity: 1;
3124
- border-color: rgb(248 249 250 / var(--tw-border-opacity));
3125
- --tw-bg-opacity: 1;
3126
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
3127
- }
3128
- .xpl-input input:read-only:not(:disabled)::-moz-placeholder, .xpl-input textarea:read-only:not(:disabled)::-moz-placeholder {
3129
- color: var(--xpl-color-text-primary-lm);
3130
- }
3131
- .xpl-input input:-moz-read-only:not(:disabled)::placeholder, .xpl-input textarea:-moz-read-only:not(:disabled)::placeholder {
3132
- color: var(--xpl-color-text-primary-lm);
3133
- }
3134
- .xpl-input input:read-only:not(:disabled)::placeholder,
3135
- .xpl-input textarea:read-only:not(:disabled)::placeholder {
3136
- color: var(--xpl-color-text-primary-lm);
3137
- }
3138
- .xpl-input input:disabled,
3139
- .xpl-input textarea:disabled {
3140
- cursor: not-allowed;
3141
- background-color: transparent
3142
- }
3143
- .xpl-input-label {
3144
- display: block;
3145
- cursor: pointer;
3146
- padding-bottom: 0.25rem;
3147
- font-size: 0.875rem;
3148
- line-height: 1.25rem
3149
- }
3150
- .dark .xpl-input-label {
3151
- --tw-text-opacity: 1;
3152
- color: rgb(255 255 255 / var(--tw-text-opacity))
3153
- }
3154
- .xpl-input-label small {
3155
- display: block;
3156
- font-size: 0.75rem;
3157
- line-height: 1rem;
3158
- --tw-text-opacity: 1;
3159
- color: rgb(106 109 125 / var(--tw-text-opacity))
3160
- }
3161
- .dark .xpl-input-label small {
3162
- --tw-text-opacity: 1;
3163
- color: rgb(153 155 168 / var(--tw-text-opacity))
3164
- }
3165
- .xpl-input--disabled .xpl-input-label {
3166
- cursor: not-allowed
3167
- }
3168
- .xpl-input-wrapper {
3169
- position: relative;
3170
- display: flex;
3171
- align-items: center;
3172
- overflow: hidden;
3173
- border-radius: 0.375rem;
3174
- border-width: 1px;
3175
- --tw-border-opacity: 1;
3176
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
3177
- padding-left: 0.75rem
3178
- }
3179
- .xpl-input-wrapper:focus-within {
3180
- border-color: var(--xpl-color-secondary-lm);
3181
- }
3182
- .xpl-input--disabled .xpl-input-wrapper {
3183
- cursor: not-allowed;
3184
- --tw-bg-opacity: 1;
3185
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
3186
- }
3187
- .dark .xpl-input-wrapper {
3188
- --tw-border-opacity: 1;
3189
- border-color: rgb(106 109 125 / var(--tw-border-opacity))
3190
- }
3191
- .xpl-input--error .xpl-input-wrapper {
3192
- --tw-border-opacity: 1;
3193
- border-color: rgb(219 50 31 / var(--tw-border-opacity))
3194
- }
3195
- .dark .xpl-input--disabled .xpl-input-wrapper {
3196
- --tw-bg-opacity: 1;
3197
- background-color: rgb(54 50 64 / var(--tw-bg-opacity))
3198
- }
3199
- .dark .xpl-input--error .xpl-input-wrapper {
3200
- --tw-border-opacity: 1;
3201
- border-color: rgb(255 147 135 / var(--tw-border-opacity))
3202
- }
3203
- .xpl-input-wrapper label {
3204
- color: var(--xpl-color-text-secondary-lm);
3205
- top: 9px;
3206
- padding-left: 0.75rem;
3207
- padding-right: 0.75rem;
3208
- font-size: 0.875rem;
3209
- line-height: 1.25rem;
3210
- }
3211
- .dark .xpl-input-wrapper label {
3212
- color: var(--xpl-color-text-secondary-dm);
3213
- }
3214
- .xpl-input-wrapper label.xpl-input-pre {
3215
- flex-shrink: 0;
3216
- padding-left: 0px
3217
- }
3218
- .xpl-input-wrapper label.xpl-input-post {
3219
- border-left-width: 1px;
3220
- line-height: 2.75rem;
3221
- left: auto;
3222
- right: 0.75rem;
3223
- height: 2.75rem;
3224
- flex-shrink: 0;
3225
- --tw-border-opacity: 1;
3226
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
3227
- --tw-bg-opacity: 1;
3228
- background-color: rgb(248 249 250 / var(--tw-bg-opacity));
3229
- }
3230
- .dark .xpl-input-wrapper label.xpl-input-post {
3231
- --tw-border-opacity: 1;
3232
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
3233
- --tw-bg-opacity: 1;
3234
- background-color: rgb(60 56 71 / var(--tw-bg-opacity))
3235
- }
3236
- .dark .xpl-input-wrapper:focus-within {
3237
- border-color: var(--xpl-color-secondary-dm);
3238
- }
3239
- .xpl-input-characters {
3240
- background-color: #fffd;
3241
- pointer-events: none;
3242
- position: absolute;
3243
- bottom: 0px;
3244
- right: 0px;
3245
- display: block;
3246
- padding-bottom: 0.5rem;
3247
- padding-top: 0.5rem;
3248
- padding-right: 0.75rem;
3249
- padding-left: 0.75rem;
3250
- font-size: 0.75rem;
3251
- line-height: 1rem;
3252
- --tw-text-opacity: 1;
3253
- color: rgb(106 109 125 / var(--tw-text-opacity));
3254
- }
3255
- .dark .xpl-input-characters {
3256
- background-color: #fff4;
3257
- --tw-text-opacity: 1;
3258
- color: rgb(255 255 255 / var(--tw-text-opacity));
3259
- }
3260
- .xpl-input--disabled .xpl-input-characters {
3261
- background-color: transparent
3262
- }
3263
- .xpl-input--error .xpl-input-characters {
3264
- --tw-text-opacity: 1;
3265
- color: rgb(194 33 15 / var(--tw-text-opacity))
3266
- }
3267
- .dark .xpl-input--error .xpl-input-characters {
3268
- --tw-text-opacity: 1;
3269
- color: rgb(255 147 135 / var(--tw-text-opacity))
3270
- }
3271
- .xpl-input-error {
3272
- display: block;
3273
- padding-top: 0.25rem;
3274
- text-align: right;
3275
- font-size: 0.75rem;
3276
- line-height: 1rem;
3277
- --tw-text-opacity: 1;
3278
- color: rgb(194 33 15 / var(--tw-text-opacity))
3279
- }
3280
- .dark .xpl-input-error {
3281
- --tw-text-opacity: 1;
3282
- color: rgb(255 147 135 / var(--tw-text-opacity))
3283
- }
3284
- .xpl-input-error svg {
3285
- top: 1px;
3286
- position: relative;
3287
- margin-right: 0.5rem;
3288
- }
3289
- .dark .xpl-input-error path {
3290
- fill: var(--xpl-color-text-warning-dm);
3291
- }
3292
- .xpl-label {
3293
- display: block;
3294
- width: 100%;
3295
- cursor: pointer;
3296
- padding-bottom: 0.25rem;
3297
- font-size: 0.875rem;
3298
- line-height: 1.25rem
3299
- }
3300
- .xpl-label--disabled {
3301
- cursor: not-allowed !important;
3302
- --tw-text-opacity: 1;
3303
- color: rgb(106 109 125 / var(--tw-text-opacity));
3304
- }
3305
- small.xpl-description {
3306
- display: block;
3307
- font-size: 0.75rem;
3308
- line-height: 1rem;
3309
- --tw-text-opacity: 1;
3310
- color: rgb(106 109 125 / var(--tw-text-opacity))
3311
- }
3312
- .xpl-description--disabled {
3313
- cursor: not-allowed !important;
3314
- --tw-text-opacity: 1;
3315
- color: rgb(106 109 125 / var(--tw-text-opacity));
3316
- }
3317
- .dark .xpl-label {
3318
- --tw-text-opacity: 1;
3319
- color: rgb(255 255 255 / var(--tw-text-opacity))
3320
- }
3321
- .dark .xpl-label--disabled {
3322
- --tw-text-opacity: 1;
3323
- color: rgb(153 155 168 / var(--tw-text-opacity))
3324
- }
3325
- .dark .xpl-description {
3326
- --tw-text-opacity: 1;
3327
- color: rgb(153 155 168 / var(--tw-text-opacity))
3328
- }
3329
- .dark .xpl-description--disabled {
3330
- --tw-text-opacity: 1;
3331
- color: rgb(153 155 168 / var(--tw-text-opacity))
3332
- }
3333
- .xpl-list-item {
3334
- margin-bottom: 1.5rem;
3335
- display: flex;
3336
- width: 100%;
3337
- align-items: center;
3338
- justify-content: space-between;
3339
- border-radius: 0.375rem;
3340
- border-width: 1px;
3341
- --tw-border-opacity: 1;
3342
- border-color: rgb(225 226 232 / var(--tw-border-opacity));
3343
- padding: 1rem;
3344
- text-align: left;
3345
- font-size: 0.875rem;
3346
- line-height: 1.25rem;
3347
- --tw-text-opacity: 1;
3348
- color: rgb(48 45 59 / var(--tw-text-opacity));
3349
- text-decoration-line: none
3350
- }
3351
- .dark .xpl-list-item {
3352
- --tw-border-opacity: 1;
3353
- border-color: rgb(106 109 125 / var(--tw-border-opacity));
3354
- --tw-bg-opacity: 1;
3355
- background-color: rgb(48 45 59 / var(--tw-bg-opacity));
3356
- --tw-text-opacity: 1;
3357
- color: rgb(255 255 255 / var(--tw-text-opacity))
3358
- }
3359
- .xpl-list-left {
3360
- margin-right: 2rem;
3361
- display: flex;
3362
- flex-shrink: 0
3363
- }
3364
- .xpl-list-right div:not(:last-child) {
3365
- margin-bottom: 0.25rem
3366
- }
3367
- a.xpl-list-item {
3368
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z' fill='%236A6D7D'/%3E%3C/svg%3E%0A");
3369
- background-repeat: no-repeat;
3370
- background-position: calc(100% - 1rem) center;
3371
- padding-right: 2.25rem;
3372
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
3373
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3374
- transition-duration: 150ms;
3375
- }
3376
- a.xpl-list-item:hover {
3377
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3378
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3379
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
3380
- }
3381
- .dark a.xpl-list-item {
3382
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z' fill='%23999BA8'/%3E%3C/svg%3E%0A");
3383
- }
3384
- a.xpl-list-item:focus {
3385
- border-color: var(--xpl-color-secondary-lm);
3386
- outline: 2px solid transparent;
3387
- outline-offset: 2px;
3388
- }
3389
- .dark a.xpl-list-item:focus {
3390
- border-color: var(--xpl-color-secondary-dm);
3391
- }
3392
- .xpl-list-item:last-child {
3393
- margin-bottom: 0px
3394
- }
3395
- .xpl-list-item xpl-avatar {
3396
- margin-right: 1rem;
3397
- flex-shrink: 0
3398
- }
3399
- .xpl-list-item-content {
3400
- display: flex;
3401
- flex-grow: 1;
3402
- align-items: center;
3403
- justify-content: space-between
3404
- }
3405
- .xpl-list-item-metadata {
3406
- margin: 0px;
3407
- display: flex;
3408
- list-style-type: none;
3409
- padding: 0px
3410
- }
3411
- .xpl-list-item-metadata li {
3412
- margin-right: 1rem;
3413
- display: inline-flex;
3414
- font-size: 0.75rem;
3415
- line-height: 1rem;
3416
- --tw-text-opacity: 1;
3417
- color: rgb(106 109 125 / var(--tw-text-opacity))
3418
- }
3419
- .dark .xpl-list-item-metadata li {
3420
- --tw-text-opacity: 1;
3421
- color: rgb(153 155 168 / var(--tw-text-opacity))
3422
- }
3423
- .xpl-list-item-metadata li:last-child {
3424
- margin-right: 0px
3425
- }
3426
- .xpl-list-item-subtext {
3427
- --tw-text-opacity: 1;
3428
- color: rgb(106 109 125 / var(--tw-text-opacity))
3429
- }
3430
- .dark .xpl-list-item-subtext {
3431
- --tw-text-opacity: 1;
3432
- color: rgb(153 155 168 / var(--tw-text-opacity))
3433
- }
3434
- .xpl-list-item .xpl-avatar--group {
3435
- justify-content: flex-end
3436
- }
3437
- .xpl-list-item xpl-badge {
3438
- margin-right: 0.5rem
3439
- }
3440
- @media screen and (max-width: 640px) {
3441
- .xpl-list-item {
3442
- align-items: flex-start
3443
- }
3444
-
3445
- .xpl-list-item-content {
3446
- display: block
3447
- }
3448
-
3449
- ul.xpl-list-item-metadata {
3450
- margin-bottom: 0.25rem
3451
- }
3452
-
3453
- .xpl-list-item-metadata li {
3454
- display: block
3455
- }
3456
-
3457
- .xpl-list-item .xpl-avatar--group {
3458
- justify-content: flex-start
3459
- }
3460
- }
3461
- /* stylelint-disable no-descending-specificity, because the rule was expecting some of the code below to appear before some code that is nested above. */
3462
- .xpl-main-nav {
3463
- width: 240px;
3464
- }
3465
- .xpl-main-nav .xpl-main-nav__main_section .xpl-nav-item:last-of-type a,
3466
- .xpl-main-nav .xpl-main-nav__main_section .xpl-nav-item:last-of-type button {
3467
- margin-bottom: 74px;
3468
- }
3469
- @media (max-width: 639px) {
3470
- .xpl-main-nav .xpl-main-nav__main_section {
3471
- overflow-y: auto
3472
- }
3473
- }
3474
- .xpl-main-nav nav {
3475
- grid-template-rows: 74px 1fr min-content;
3476
- background-color: var(--xpl-color-navigation-dm);
3477
- display: grid;
3478
- height: 100%;
3479
- }
3480
- @media (max-width: 639px) {
3481
- .xpl-main-nav nav {
3482
- overflow-y: auto
3483
- }
3484
- }
3485
- .xpl-main-nav .xpl-nav-item a:not(.xpl-dropdown-list *), .xpl-main-nav .xpl-nav-item button:not(.xpl-dropdown-list *) {
3486
- width: 240px;
3487
- }
3488
- /* Brand Section */
3489
- .xpl-main-nav header {
3490
- grid-template-columns: max-content auto;
3491
- }
3492
- .xpl-main-nav header p {
3493
- color: var(--xpl-color-text-primary-dm);
3494
- margin-left: 1rem;
3495
- display: grid;
3496
- align-content: center;
3497
- font-size: 1rem;
3498
- line-height: 1.5rem;
3499
- font-weight: 600;
3500
- }
3501
- .xpl-main-nav header img {
3502
- height: 42px;
3503
- width: 42px;
3504
- border-radius: 0.5rem;
3505
- }
3506
- .xpl-main-nav header {
3507
- margin-bottom: 0.5rem;
3508
- display: flex;
3509
- align-items: center;
3510
- padding: 1rem
3511
- }
3512
- .xpl-main-nav footer {
3513
- background-color: var(--xpl-color-background-2-dm);
3514
- }
3515
- .xpl-main-nav footer .xpl-avatar {
3516
- margin-right: 1rem
3517
- }
3518
- .xpl-main-nav footer div p {
3519
- font-size: 0.875rem;
3520
- line-height: 1.25rem
3521
- }
3522
- .xpl-main-nav footer div p:first-of-type {
3523
- color: var(--xpl-color-text-primary-dm);
3524
- }
3525
- .xpl-main-nav footer div {
3526
- overflow-x: auto
3527
- }
3528
- .xpl-main-nav footer .xpl-nav-item a svg, .xpl-main-nav footer .xpl-nav-item button svg {
3529
- color: var(--xpl-color-text-secondary-dm);
3530
- fill: currentColor;
3531
- }
3532
- .xpl-main-nav footer {
3533
- z-index: 20;
3534
- display: grid;
3535
- align-items: flex-end;
3536
- padding-top: 0.5rem;
3537
- padding-bottom: 0.5rem
3538
- }
3539
- /* Width for different screen sizes */
3540
- .xpl-main-nav--md .xpl-nav-item a,
3541
- .xpl-main-nav--md .xpl-nav-item button {
3542
- width: 112px;
3543
- }
3544
- .xpl-main-nav--md .xpl-nav-item a svg, .xpl-main-nav--md .xpl-nav-item button svg {
3545
- margin-right: 0px
3546
- }
3547
- .xpl-main-nav--md .xpl-nav-item a,
3548
- .xpl-main-nav--md .xpl-nav-item button {
3549
- display: grid;
3550
- grid-auto-flow: row;
3551
- justify-items: center
3552
- }
3553
- .xpl-main-nav--sm .xpl-nav-item a,
3554
- .xpl-main-nav--sm .xpl-nav-item button {
3555
- width: 74px;
3556
- }
3557
- .xpl-main-nav--sm .xpl-nav-item a p, .xpl-main-nav--sm .xpl-nav-item button p {
3558
- display: none
3559
- }
3560
- .flatpickr-day.xpl-main-nav--sm .xpl-nav-item a p,.flatpickr-day .xpl-main-nav--sm .xpl-nav-item button p{visibility:hidden}
3561
- .xpl-main-nav--sm .xpl-nav-item a svg, .xpl-main-nav--sm .xpl-nav-item button svg {
3562
- margin-right: 0px
3563
- }
3564
- .xpl-main-nav--sm .xpl-nav-item a,
3565
- .xpl-main-nav--sm .xpl-nav-item button {
3566
- display: grid;
3567
- grid-auto-flow: row;
3568
- justify-items: center
3569
- }
3570
- .xpl-main-nav--sm .xpl-nav-item a,
3571
- .xpl-main-nav--sm .xpl-nav-item button,
3572
- .xpl-main-nav--md .xpl-nav-item a,
3573
- .xpl-main-nav--md .xpl-nav-item button {
3574
- font-size: 0.875rem;
3575
- line-height: 1rem;
3576
- padding-top: 0.75rem;
3577
- padding-bottom: 0.75rem;
3578
- font-weight: 600;
3579
- }
3580
- .xpl-main-nav--sm header p, .xpl-main-nav--md header p {
3581
- display: none
3582
- }
3583
- .flatpickr-day.xpl-main-nav--sm header p,.flatpickr-day .xpl-main-nav--md header p{visibility:hidden}
3584
- .xpl-main-nav--sm header, .xpl-main-nav--md header {
3585
- margin-top: 1rem;
3586
- align-content: center;
3587
- justify-content: center
3588
- }
3589
- .xpl-main-nav--sm footer .xpl-avatar, .xpl-main-nav--md footer .xpl-avatar {
3590
- margin-right: 0px
3591
- }
3592
- .xpl-main-nav--sm footer .xpl-nav-item a p, .xpl-main-nav--sm footer .xpl-nav-item button p, .xpl-main-nav--sm footer .xpl-nav-item div p, .xpl-main-nav--md footer .xpl-nav-item a p, .xpl-main-nav--md footer .xpl-nav-item button p, .xpl-main-nav--md footer .xpl-nav-item div p {
3593
- display: none
3594
- }
3595
- .flatpickr-day.xpl-main-nav--sm footer .xpl-nav-item a p,.flatpickr-day .xpl-main-nav--sm footer .xpl-nav-item button p,.flatpickr-day .xpl-main-nav--sm footer .xpl-nav-item div p,.flatpickr-day .xpl-main-nav--md footer .xpl-nav-item a p,.flatpickr-day .xpl-main-nav--md footer .xpl-nav-item button p,.flatpickr-day .xpl-main-nav--md footer .xpl-nav-item div p{visibility:hidden}
3596
- .xpl-main-nav--sm footer .xpl-nav-item a,
3597
- .xpl-main-nav--sm footer .xpl-nav-item button,
3598
- .xpl-main-nav--md footer .xpl-nav-item a,
3599
- .xpl-main-nav--md footer .xpl-nav-item button {
3600
- margin-bottom: 0px;
3601
- display: inline-flex
3602
- }
3603
- .xpl-nav-item a {
3604
- color: inherit,;
3605
- text-decoration: none;
3606
- }
3607
- .xpl-nav-item a p, .xpl-nav-item button p {
3608
- margin: 0;
3609
- }
3610
- .xpl-nav-item a svg, .xpl-nav-item button svg {
3611
- margin-right: 0.75rem;
3612
- height: 2rem;
3613
- width: 2rem;
3614
- fill: currentColor;
3615
- --tw-text-opacity: 1;
3616
- color: rgb(153 155 168 / var(--tw-text-opacity))
3617
- }
3618
- .xpl-nav-item a:hover svg, .xpl-nav-item a:focus svg, .xpl-nav-item a:active svg, .xpl-nav-item button:hover svg, .xpl-nav-item button:focus svg, .xpl-nav-item button:active svg {
3619
- fill: currentColor;
3620
- --tw-text-opacity: 1;
3621
- color: rgb(255 255 255 / var(--tw-text-opacity))
3622
- }
3623
- .xpl-nav-item a:hover,
3624
- .xpl-nav-item a:focus,
3625
- .xpl-nav-item a:active,
3626
- .xpl-nav-item button:hover,
3627
- .xpl-nav-item button:focus,
3628
- .xpl-nav-item button:active {
3629
- --tw-bg-opacity: 1;
3630
- background-color: rgb(24 22 31 / var(--tw-bg-opacity));
3631
- --tw-text-opacity: 1;
3632
- color: rgb(255 255 255 / var(--tw-text-opacity))
3633
- }
3634
- .xpl-nav-item a.active, .xpl-nav-item button.active {
3635
- border-right: 4px solid var(--xpl-color-primary-dm);
3636
- }
3637
- .xpl-nav-item a.active svg, .xpl-nav-item button.active svg {
3638
- fill: currentColor;
3639
- --tw-text-opacity: 1;
3640
- color: rgb(249 145 112 / var(--tw-text-opacity))
3641
- }
3642
- .xpl-nav-item a.active, .xpl-nav-item button.active {
3643
- --tw-text-opacity: 1;
3644
- color: rgb(255 255 255 / var(--tw-text-opacity))
3645
- }
3646
- .xpl-nav-item a,
3647
- .xpl-nav-item button {
3648
- display: flex;
3649
- width: 100%;
3650
- padding-left: 1rem;
3651
- padding-right: 1rem;
3652
- padding-top: 0.5rem;
3653
- padding-bottom: 0.5rem;
3654
- --tw-text-opacity: 1;
3655
- color: rgb(153 155 168 / var(--tw-text-opacity));
3656
- align-content: center;
3657
- align-items: center;
3658
- border-color: transparent;
3659
- background-color: transparent
3660
- }
3661
- .xpl-main-nav--md .xpl-nav-item a,
3662
- .xpl-main-nav--md .xpl-nav-item button,
3663
- .xpl-main-nav--sm .xpl-nav-item a,
3664
- .xpl-main-nav--sm .xpl-nav-item button {
3665
- justify-content: center;
3666
- padding-left: 0px;
3667
- padding-right: 0px
3668
- }
3669
- .xpl-pagination {
3670
- --tw-bg-opacity: 1;
3671
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3672
- padding-top: 0.75rem;
3673
- padding-bottom: 0.75rem
3674
- }
3675
- @media (min-width: 768px) {
3676
- .xpl-pagination {
3677
- display: flex;
3678
- align-items: center;
3679
- justify-content: space-between
3680
- }
3681
- }
3682
- .xpl-pagination p {
3683
- padding-bottom: 0.5rem;
3684
- font-size: 0.75rem;
3685
- line-height: 1rem;
3686
- --tw-text-opacity: 1;
3687
- color: rgb(60 56 71 / var(--tw-text-opacity))
3688
- }
3689
- @media (min-width: 768px) {
3690
- .xpl-pagination p {
3691
- padding-bottom: 0px
3692
- }
3693
- }
3694
- .xpl-pagination span {
3695
- font-weight: 500
3696
- }
3697
- .xpl-pagination nav {
3698
- position: relative;
3699
- z-index: 0;
3700
- display: inline-flex
3701
- }
3702
- .xpl-pagination nav > :not([hidden]) ~ :not([hidden]) {
3703
- --tw-space-x-reverse: 0;
3704
- margin-right: calc(-1px * var(--tw-space-x-reverse));
3705
- margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
3706
- }
3707
- .xpl-pagination nav {
3708
- border-radius: 0.375rem;
3709
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3710
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3711
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
3712
- }
3713
- .xpl-pagination svg {
3714
- height: 1.25rem;
3715
- width: 1.25rem;
3716
- fill: currentColor
3717
- }
3718
- .xpl-pagination .xpl-pagination-prev {
3719
- position: relative;
3720
- display: inline-flex;
3721
- align-items: center;
3722
- border-top-left-radius: 0.375rem;
3723
- border-bottom-left-radius: 0.375rem;
3724
- border-width: 1px;
3725
- --tw-border-opacity: 1;
3726
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
3727
- --tw-bg-opacity: 1;
3728
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3729
- padding-left: 0.5rem;
3730
- padding-right: 0.5rem;
3731
- padding-top: 0.5rem;
3732
- padding-bottom: 0.5rem;
3733
- font-size: 0.75rem;
3734
- line-height: 1rem;
3735
- font-weight: 500;
3736
- --tw-text-opacity: 1;
3737
- color: rgb(153 155 168 / var(--tw-text-opacity))
3738
- }
3739
- .xpl-pagination .xpl-pagination-prev:hover {
3740
- --tw-bg-opacity: 1;
3741
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
3742
- }
3743
- .xpl-pagination .xpl-pagination-next {
3744
- position: relative;
3745
- display: inline-flex;
3746
- align-items: center;
3747
- border-top-right-radius: 0.375rem;
3748
- border-bottom-right-radius: 0.375rem;
3749
- border-width: 1px;
3750
- --tw-border-opacity: 1;
3751
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
3752
- --tw-bg-opacity: 1;
3753
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3754
- padding-left: 0.5rem;
3755
- padding-right: 0.5rem;
3756
- padding-top: 0.5rem;
3757
- padding-bottom: 0.5rem;
3758
- font-size: 0.75rem;
3759
- line-height: 1rem;
3760
- font-weight: 500;
3761
- --tw-text-opacity: 1;
3762
- color: rgb(153 155 168 / var(--tw-text-opacity))
3763
- }
3764
- .xpl-pagination .xpl-pagination-next:hover {
3765
- --tw-bg-opacity: 1;
3766
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
3767
- }
3768
- .xpl-pagination .xpl-pagination-prev span,
3769
- .xpl-pagination .xpl-pagination-next span {
3770
- position: absolute;
3771
- width: 1px;
3772
- height: 1px;
3773
- padding: 0;
3774
- margin: -1px;
3775
- overflow: hidden;
3776
- clip: rect(0, 0, 0, 0);
3777
- white-space: nowrap;
3778
- border-width: 0
3779
- }
3780
- .xpl-pagination a,
3781
- .xpl-pagination button {
3782
- position: relative;
3783
- display: inline-flex;
3784
- align-items: center;
3785
- border-width: 1px;
3786
- --tw-border-opacity: 1;
3787
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
3788
- --tw-bg-opacity: 1;
3789
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3790
- padding-left: 1rem;
3791
- padding-right: 1rem;
3792
- padding-top: 0.5rem;
3793
- padding-bottom: 0.5rem;
3794
- font-size: 0.75rem;
3795
- line-height: 1rem;
3796
- font-weight: 500;
3797
- --tw-text-opacity: 1;
3798
- color: rgb(153 155 168 / var(--tw-text-opacity))
3799
- }
3800
- .xpl-pagination a:hover,
3801
- .xpl-pagination button:hover {
3802
- --tw-bg-opacity: 1;
3803
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
3804
- }
3805
- .xpl-pagination-ellipsis {
3806
- position: relative;
3807
- display: inline-flex;
3808
- align-items: center;
3809
- border-width: 1px;
3810
- --tw-border-opacity: 1;
3811
- border-color: rgb(234 235 239 / var(--tw-border-opacity));
3812
- --tw-bg-opacity: 1;
3813
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3814
- padding-left: 1rem;
3815
- padding-right: 1rem;
3816
- padding-top: 0.5rem;
3817
- padding-bottom: 0.5rem;
3818
- font-size: 0.75rem;
3819
- line-height: 1rem;
3820
- font-weight: 500;
3821
- --tw-text-opacity: 1;
3822
- color: rgb(60 56 71 / var(--tw-text-opacity))
3823
- }
3824
- .xpl-pagination .xpl-pagination-current {
3825
- z-index: 10;
3826
- --tw-border-opacity: 1;
3827
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
3828
- --tw-bg-opacity: 1;
3829
- background-color: rgb(238 242 255 / var(--tw-bg-opacity));
3830
- --tw-text-opacity: 1;
3831
- color: rgb(79 70 229 / var(--tw-text-opacity))
3832
- }
3833
- .xpl-pagination .xpl-pagination-current:hover {
3834
- --tw-bg-opacity: 1;
3835
- background-color: rgb(238 242 255 / var(--tw-bg-opacity))
3836
- }
3837
- .xpl-pagination .xpl-pagination-show-md {
3838
- display: none
3839
- }
3840
- .flatpickr-day.xpl-pagination .xpl-pagination-show-md{visibility:hidden}
3841
- @media (min-width: 768px) {
3842
- .xpl-pagination .xpl-pagination-show-md {
3843
- display: inline-flex
3844
- }
3845
- }
3846
- /* stylelint-disable no-descending-specificity, because the rule was expecting some of the code below to appear before some code that is nested above. */
3847
- @media (max-width: 1023px) {
3848
- .xpl-secondary-nav nav::after {
3849
- content: '';
3850
- background: linear-gradient(270deg, #fff 13.64%, rgba(255 255 255 / 0%) 89.53%);
3851
- position: absolute;
3852
- top: 0px;
3853
- bottom: 0px;
3854
- right: 0px;
3855
- width: 1.75rem;
3856
- overflow: hidden
3857
- }
3858
-
3859
- .dark .xpl-secondary-nav nav::after {
3860
- background:
3861
- linear-gradient(
10
+ monospace;font-size:1em;}[class^="xpl-"] small{font-size:80%}[class^="xpl-"] sub,[class^="xpl-"] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class^="xpl-"] sub{bottom:-0.25em}[class^="xpl-"] sup{top:-0.5em}[class^="xpl-"] table,table[class^="xpl-"]{text-indent:0;border-color:inherit;border-collapse:collapse}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] input,input[class^="xpl-"],[class^="xpl-"] optgroup,optgroup[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"] [class^="xpl-"] textarea,textarea[class^="xpl-"]{font-family:var(--xpl-font-family-default);font-size:100%;line-height:1.15;margin:0;}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"]{text-transform:none}[class^="xpl-"] button,button[class^="xpl-"] [class^="xpl-"] [type="button"],[type="button"][class^="xpl-"]{-webkit-appearance:none}[class^="xpl-"] legend{padding:0}[class^="xpl-"] progress{vertical-align:baseline}[class^="xpl-"] summary{display:list-item}[class^="xpl-"] button,button[class^="xpl-"]{background-color:transparent;background-image:none;cursor:pointer}[class^="xpl-"] button:focus,button[class^="xpl-"]:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[class^="xpl-"] fieldset{margin:0;padding:0}[class^="xpl-"] ol,ol[class^="xpl-"],[class^="xpl-"] ul,ul[class^="xpl-"]{list-style:none;margin:0;padding:0}[class^="xpl-"] img{border-style:solid}[class^="xpl-"] textarea{resize:vertical}[class^="xpl-"] input::-moz-placeholder,input[class^="xpl-"]::-moz-placeholder,[class^="xpl-"] textarea::-moz-placeholder,textarea[class^="xpl-"]::-moz-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input:-ms-input-placeholder,input[class^="xpl-"]:-ms-input-placeholder,[class^="xpl-"] textarea:-ms-input-placeholder,textarea[class^="xpl-"]:-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::-moz-placeholder,input[class^="xpl-"]::-moz-placeholder,[class^="xpl-"] textarea::-moz-placeholder,textarea[class^="xpl-"]::-moz-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input:-ms-input-placeholder,input[class^="xpl-"]:-ms-input-placeholder,[class^="xpl-"] textarea:-ms-input-placeholder,textarea[class^="xpl-"]:-ms-input-placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] input::placeholder,input[class^="xpl-"]::placeholder,[class^="xpl-"] textarea::placeholder,textarea[class^="xpl-"]::placeholder{opacity:1;color:#9ca3af}[class^="xpl-"] h1,[class^="xpl-"] h2,[class^="xpl-"] h3,[class^="xpl-"] h4,[class^="xpl-"] h5,[class^="xpl-"] h6{font-size:inherit;font-weight:inherit}[class^="xpl-"] a{color:inherit;text-decoration:inherit}[class^="xpl-"] button,button[class^="xpl-"],[class^="xpl-"] input,input[class^="xpl-"],[class^="xpl-"] optgroup,optgroup[class^="xpl-"],[class^="xpl-"] select,select[class^="xpl-"],[class^="xpl-"] textarea,textarea[class^="xpl-"]{line-height:inherit;color:inherit}[class^="xpl-"] img,[class^="xpl-"] video,[class^="xpl-"] canvas,[class^="xpl-"] audio,[class^="xpl-"] iframe,[class^="xpl-"] embed,[class^="xpl-"] object{display:block}[class^="xpl-"] img,[class^="xpl-"] video{max-width:100%;height:auto}*{--tw-shadow:0 0 #0000;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.xpl-application-shell{grid-template-areas:"nav utility utility"
11
+ "nav subnav content";grid-template-columns:-webkit-min-content -webkit-min-content 1fr;grid-template-columns:min-content min-content 1fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;max-height:100vh;background-color:var(--xpl-color-navigation-lm)}.xpl-application-shell__nav{grid-area:nav;height:100vh}.xpl-application-shell__nav--sm,.xpl-application-shell__nav--md,.xpl-application-shell__nav--default{width:0;transition-property:all;transition-timing-function:ease-in-out}.xpl-application-shell__nav--sm{transform:translateX(-74px);transition-duration:0.2s}.xpl-application-shell__nav--sm--open{width:74px;transition-duration:0.2s}.xpl-application-shell__nav--md{transform:translateX(-112px);transition-duration:0.25s}.xpl-application-shell__nav--md--open{width:112px;transition-duration:0.25s}.xpl-application-shell__nav--default{transform:translateX(-240px);transition-duration:0.3s}.xpl-application-shell__nav--default--open{transition-duration:0.3s;width:240px}.xpl-application-shell__nav{position:sticky;top:0px}.xpl-application-shell__subnav{grid-area:subnav;background-color:var(--xpl-color-foreground-lm);border-top:1px solid var(--xpl-color-stroke-lm)}.xpl-application-shell__utility{grid-area:utility;position:sticky;top:0px}.xpl-application-shell__content{grid-area:content;background-color:var(--xpl-color-background-lm);border-left:1px solid var(--xpl-color-stroke-lm);border-top:1px solid var(--xpl-color-stroke-lm);overflow-y:auto}.xpl-application-shell{display:grid}.dark .xpl-application-shell__subnav{background-color:var(--xpl-color-background-2-dm);border-left:1px solid var(--xpl-color-stroke-dm);border-top:1px solid var(--xpl-color-stroke-dm)}.dark .xpl-application-shell__content{background-color:var(--xpl-color-background-dm);border-left:1px solid var(--xpl-color-stroke-dm);border-top:1px solid var(--xpl-color-stroke-dm)}.dark .xpl-application-shell__utility{border-left:1px solid var(--xpl-color-stroke-dm)}@media (max-width: 1023px){.xpl-application-shell{grid-template-areas:"nav utility"
12
+ "nav subnav"
13
+ "nav content";grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr;height:100vh}.xpl-application-shell__sidebar--open{grid-template-columns:-webkit-min-content 100vw;grid-template-columns:min-content 100vw}.xpl-application-shell{overflow:hidden}&__subnav{border-top:0}.dark .xpl-application-shell__subnav,.dark .xpl-application-shell__content,.dark .xpl-application-shell__utility{border-left:0}}@media (max-width: 640px){.xpl-application-shell{grid-template-columns:-webkit-min-content 100vw;grid-template-columns:min-content 100vw;height:-webkit-fill-available}.xpl-application-shell__nav{max-height:-webkit-fill-available}.xpl-application-shell__backdrop--open{grid-area:utility / subnav / content}}.xpl-avatar{border-radius:9999px;display:inline-block;position:relative;text-transform:uppercase;vertical-align:middle}a.xpl-avatar{text-decoration:none}a.xpl-avatar:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}a.xpl-avatar{transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark a.xpl-avatar{--tw-ring-offset-color:#212633;}a.xpl-avatar:focus{--tw-ring-color:var(--xpl-color-secondary-lm)}.dark a.xpl-avatar:focus{--tw-ring-color:var(--xpl-color-secondary-dm)}a.xpl-avatar::after{content:'';--tw-bg-opacity:1;background-color:rgba(0, 0, 0, var(--tw-bg-opacity));border-radius:9999px;display:block;height:100%;opacity:0;position:absolute;top:0px;left:0px;width:100%;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}a.xpl-avatar:hover::after,a.xpl-avatar:active::after{opacity:0.2}.xpl-avatar--disabled{cursor:not-allowed}.xpl-avatar img,.xpl-avatar__placeholder{border-radius:9999px;height:2.5rem;width:2.5rem}.xpl-avatar__placeholder{background-color:var(--xpl-color-secondary-lm);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-avatar__placeholder{background-color:var(--xpl-color-secondary-dm);--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-avatar--green .xpl-avatar__placeholder{--tw-bg-opacity:1;background-color:rgba(116, 251, 208, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}a.xpl-avatar--green:focus,.dark a.xpl-avatar--green:focus{--tw-ring-color:#74fbd0;}.xpl-avatar--yellow .xpl-avatar__placeholder{--tw-bg-opacity:1;background-color:rgba(236, 253, 145, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}a.xpl-avatar--yellow:focus,.dark a.xpl-avatar--yellow:focus{--tw-ring-color:#ecfd91;}.xpl-avatar--pink .xpl-avatar__placeholder{--tw-bg-opacity:1;background-color:rgba(255, 141, 244, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}a.xpl-avatar--pink:focus,.dark a.xpl-avatar--pink:focus{--tw-ring-color:#ff9ef6;}.xpl-avatar--primary .xpl-avatar__placeholder{background-color:var(--xpl-color-primary-lm)}.xpl-avatar--sm img,.xpl-avatar--sm .xpl-avatar__placeholder{height:1.5rem;font-size:0.625rem;line-height:0.875rem;width:1.5rem}.xpl-avatar--md img,.xpl-avatar--md .xpl-avatar__placeholder{height:2rem;font-size:0.625rem;line-height:0.875rem;width:2rem}.dark .xpl-avatar--primary .xpl-avatar__placeholder{background-color:var(--xpl-color-primary-dm);--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}a.xpl-avatar--primary:focus{--tw-ring-color:var(--xpl-color-primary-lm)}.dark a.xpl-avatar--primary:focus{--tw-ring-color:var(--xpl-color-primary-dm)}[class^='xpl-avatar__dot']{border-radius:9999px;display:block;height:0.625rem;position:absolute;right:0px;bottom:0px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(255, 255, 255, var(--tw-ring-opacity));width:0.625rem}.dark [class^='xpl-avatar__dot']{--tw-ring-opacity:1;--tw-ring-color:rgba(48, 45, 59, var(--tw-ring-opacity))}.xpl-avatar__dot--active{--tw-bg-opacity:1;background-color:rgba(55, 184, 143, var(--tw-bg-opacity))}.dark .xpl-avatar__dot--active{--tw-bg-opacity:1;background-color:rgba(82, 235, 186, var(--tw-bg-opacity))}.xpl-avatar__dot--warning{--tw-bg-opacity:1;background-color:rgba(242, 79, 61, var(--tw-bg-opacity))}.dark .xpl-avatar__dot--warning{--tw-bg-opacity:1;background-color:rgba(255, 147, 135, var(--tw-bg-opacity))}.xpl-avatar__dot--inactive{--tw-bg-opacity:1;background-color:rgba(225, 226, 232, var(--tw-bg-opacity))}.xpl-avatar--md [class^='xpl-avatar__dot']{height:0.5rem;width:0.5rem}.xpl-avatar--sm [class^='xpl-avatar__dot']{height:0.375rem;width:0.375rem}.xpl-avatar--rounded img{border-radius:0.375rem}.xpl-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.5rem * var(--tw-space-x-reverse));margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-avatar-group{display:flex;overflow:hidden}.xpl-avatar-group img{box-shadow:0 0 0 2px #fff;border-radius:9999px;display:inline-block;height:2rem;width:2rem}.xpl-avatar-group--s img{height:1.5rem;width:1.5rem}.xpl-avatar-group--l img{height:2.5rem;width:2.5rem}.dark .xpl-avatar-group img{box-shadow:0 0 0 2px var(--xpl-color-gray-900)}.xpl-avatar-group--s>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.25rem * var(--tw-space-x-reverse));margin-left:calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-avatar-group--reverse{position:relative;z-index:0}.xpl-avatar-group--reverse img:nth-child(0){position:relative;z-index:50}.xpl-avatar-group--reverse img:nth-child(1){position:relative;z-index:40}.xpl-avatar-group--reverse img:nth-child(2){position:relative;z-index:30}.xpl-avatar-group--reverse img:nth-child(3){position:relative;z-index:20}.xpl-avatar-group--reverse img:nth-child(4){position:relative;z-index:10}.xpl-backdrop{background-color:var(--xpl-color-gray-1000);opacity:0.5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}&--fixed{position:fixed;top:0px;right:0px;bottom:0px;left:0px}&--relative{position:relative}.dark .xpl-backdrop{background-color:var(--xpl-color-gray-1200);opacity:0.6}.xpl-badge,button.xpl-badge{padding:4px 12px}.xpl-badge,button.xpl-badge{--tw-bg-opacity:1;background-color:rgba(235, 229, 255, var(--tw-bg-opacity));border-radius:9999px;display:inline-flex;align-items:center;font-size:0.75rem;line-height:1rem}.xpl-badge--dot::before{content:"";height:8px;margin:0 4px 0 -4px;width:8px;--tw-bg-opacity:1;background-color:rgba(136, 87, 250, var(--tw-bg-opacity));border-radius:9999px;display:inline-block}.dark .xpl-badge,.dark button.xpl-badge{padding:3px 11px}.dark .xpl-badge,.dark button.xpl-badge{background-color:transparent;--tw-border-opacity:1;border-color:rgba(195, 173, 255, var(--tw-border-opacity));border-width:1px;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-badge::before,.dark button.xpl-badge::before{--tw-bg-opacity:1;background-color:rgba(195, 173, 255, var(--tw-bg-opacity))}.xpl-badge--success{--tw-bg-opacity:1;background-color:rgba(196, 255, 237, var(--tw-bg-opacity))}.xpl-badge--success::before{--tw-bg-opacity:1;background-color:rgba(55, 184, 143, var(--tw-bg-opacity))}.dark .xpl-badge--success{--tw-border-opacity:1;border-color:rgba(82, 235, 186, var(--tw-border-opacity))}.dark .xpl-badge--success::before{--tw-bg-opacity:1;background-color:rgba(82, 235, 186, var(--tw-bg-opacity))}.xpl-badge--warning{--tw-bg-opacity:1;background-color:rgba(243, 254, 187, var(--tw-bg-opacity))}.xpl-badge--warning::before{--tw-bg-opacity:1;background-color:rgba(173, 171, 32, var(--tw-bg-opacity))}.dark .xpl-badge--warning{--tw-border-opacity:1;border-color:rgba(220, 233, 103, var(--tw-border-opacity))}.dark .xpl-badge--warning::before{--tw-bg-opacity:1;background-color:rgba(220, 233, 103, var(--tw-bg-opacity))}.xpl-badge--inactive{--tw-bg-opacity:1;background-color:rgba(238, 239, 243, var(--tw-bg-opacity))}.xpl-badge--inactive::before{--tw-bg-opacity:1;background-color:rgba(225, 226, 232, var(--tw-bg-opacity))}.dark .xpl-badge--inactive{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity))}.xpl-badge--error{--tw-bg-opacity:1;background-color:rgba(254, 217, 213, var(--tw-bg-opacity))}.xpl-badge--error::before{--tw-bg-opacity:1;background-color:rgba(242, 79, 61, var(--tw-bg-opacity))}.dark .xpl-badge--error{--tw-border-opacity:1;border-color:rgba(255, 147, 135, var(--tw-border-opacity))}.dark .xpl-badge--error::before{--tw-bg-opacity:1;background-color:rgba(255, 147, 135, var(--tw-bg-opacity))}.xpl-button button,.xpl-button a{align-items:center;align-content:center;background-color:var(--xpl-color-secondary-lm);border-radius:var(--xpl-button-radius);display:inline-grid;gap:6px;grid-auto-flow:column;height:40px;justify-content:center;justify-items:center;padding:10px 18px 10px 20px;text-decoration:none;white-space:nowrap}.xpl-button button svg,.xpl-button a svg{width:15px;height:15px}.xpl-button button:hover,.xpl-button a:hover{background-color:var(--xpl-color-secondary-hover-lm);--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.xpl-button button:active,.xpl-button a:active{--tw-ring-color:var(--xpl-color-purple-500);background-color:var(--xpl-color-secondary-hover-lm);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}.xpl-button button:focus,.xpl-button a:focus{--tw-ring-color:var(--xpl-color-purple-500);border-color:var(--xpl-color-secondary-lm);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}.xpl-button button:disabled,.xpl-button button:disabled:hover,.xpl-button a:disabled,.xpl-button a:disabled:hover{background-color:var(--xpl-color-action-disabled-lm);border-color:var(--xpl-color-action-disabled-lm);color:var(--xpl-color-text-secondary-lm)}.xpl-button button:disabled,.xpl-button button:disabled:hover,.xpl-button a:disabled,.xpl-button a:disabled:hover{cursor:not-allowed;--tw-shadow:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.xpl-button button,.xpl-button a{border-color:transparent;border-radius:9999px;border-width:1px;cursor:pointer;font-weight:500;font-size:0.875rem;line-height:1.25rem}.xpl-button button:focus,.xpl-button a:focus{outline:2px solid transparent;outline-offset:2px}.xpl-button button,.xpl-button a{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.xpl-button--sm button,.xpl-button--sm a,.xpl-button--xs button,.xpl-button--xs a{font-size:0.75rem}.xpl-button--sm button svg,.xpl-button--sm a svg,.xpl-button--xs button svg,.xpl-button--xs a svg{width:12px}.xpl-button--sm button,.xpl-button--sm a{height:32px;padding:8px 16px}.xpl-button--xs button,.xpl-button--xs a{height:24px;padding:4px 10px}.xpl-button--icon-only button,.xpl-button--icon-only a{display:flex;justify-content:center;padding:0;width:40px}.xpl-button--icon-only button svg,.xpl-button--icon-only a svg{height:18px;width:18px}.xpl-button--icon-only.xpl-button--sm a,.xpl-button--icon-only.xpl-button--sm button{height:32px;width:32px}.xpl-button--icon-only.xpl-button--sm a svg,.xpl-button--icon-only.xpl-button--sm button svg{height:15px;width:15px}.xpl-button--icon-only.xpl-button--xs a,.xpl-button--icon-only.xpl-button--xs button{height:24px;width:24px}.xpl-button--icon-only.xpl-button--xs a svg,.xpl-button--icon-only.xpl-button--xs button svg{height:12px;width:12px}.xpl-button--secondary a:hover,.xpl-button--secondary button:hover{border-color:var(--xpl-color-secondary-lm);--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-button--secondary a:active,.xpl-button--secondary button:active{--tw-ring-color:var(--xpl-color-purple-500);border-color:var(--xpl-color-action-primary-lm);--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-button--secondary a:focus,.xpl-button--secondary button:focus{--tw-ring-color:var(--xpl-color-purple-500);--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity))}.xpl-button--secondary a,.xpl-button--secondary button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-button--subtle a:hover,.xpl-button--subtle button:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.xpl-button--subtle a:active,.xpl-button--subtle button:active{--tw-ring-color:var(--xpl-color-gray-400);--tw-bg-opacity:1;background-color:rgba(234, 235, 239, var(--tw-bg-opacity))}.xpl-button--subtle a:focus,.xpl-button--subtle button:focus{--tw-ring-color:var(--xpl-color-gray-400);border-color:transparent;--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-button--subtle a,.xpl-button--subtle button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-button--success a:hover,.xpl-button--success button:hover{--tw-bg-opacity:1;background-color:rgba(29, 97, 75, var(--tw-bg-opacity))}.xpl-button--success a:active,.xpl-button--success button:active{--tw-ring-color:var(--xpl-color-green-600);--tw-bg-opacity:1;background-color:rgba(29, 97, 75, var(--tw-bg-opacity))}.xpl-button--success a:focus,.xpl-button--success button:focus{--tw-ring-color:var(--xpl-color-green-600);border-color:transparent;--tw-bg-opacity:1;background-color:rgba(36, 120, 93, var(--tw-bg-opacity))}.xpl-button--success a,.xpl-button--success button{--tw-bg-opacity:1;background-color:rgba(36, 120, 93, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-button--success.xpl-button--secondary a,.xpl-button--success.xpl-button--secondary button{background-color:transparent;color:var(--xpl-color-green-600)}.xpl-button--success.xpl-button--secondary a:hover,.xpl-button--success.xpl-button--secondary button:hover{background-color:transparent;border-color:var(--xpl-color-green-600)}.xpl-button--success.xpl-button--secondary a:active,.xpl-button--success.xpl-button--secondary button:active{background-color:transparent;border-color:var(--xpl-color-green-600)}.xpl-button--success.xpl-button--secondary a:focus,.xpl-button--success.xpl-button--secondary button:focus{background-color:transparent;--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity))}.xpl-button--success.xpl-button--secondary a:disabled,.xpl-button--success.xpl-button--secondary a:disabled:hover,.xpl-button--success.xpl-button--secondary button:disabled,.xpl-button--success.xpl-button--secondary button:disabled:hover{background-color:var(--xpl-color-action-disabled-lm);border-color:var(--xpl-color-action-disabled-lm);color:var(--xpl-color-text-secondary-lm)}.xpl-button--success.xpl-button--subtle a:hover,.xpl-button--success.xpl-button--subtle button:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.xpl-button--success.xpl-button--subtle a:active,.xpl-button--success.xpl-button--subtle button:active{--tw-ring-color:var(--xpl-color-gray-400);--tw-bg-opacity:1;background-color:rgba(234, 235, 239, var(--tw-bg-opacity))}.xpl-button--success.xpl-button--subtle a:focus,.xpl-button--success.xpl-button--subtle button:focus{--tw-ring-color:var(--xpl-color-gray-400);border-color:transparent;--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-button--success.xpl-button--subtle a:disabled,.xpl-button--success.xpl-button--subtle a:disabled:hover,.xpl-button--success.xpl-button--subtle button:disabled,.xpl-button--success.xpl-button--subtle button:disabled:hover{background-color:var(--xpl-color-action-disabled-lm);border-color:var(--xpl-color-action-disabled-lm);color:var(--xpl-color-text-secondary-lm)}.xpl-button--success.xpl-button--subtle a,.xpl-button--success.xpl-button--subtle button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(36, 120, 93, var(--tw-text-opacity))}.xpl-button--warning a,.xpl-button--warning button{background-color:var(--xpl-color-action-warning-lm)}.xpl-button--warning a:hover,.xpl-button--warning button:hover{background-color:var(--xpl-color-action-warning-hover-lm)}.xpl-button--warning a:active,.xpl-button--warning button:active{--tw-ring-color:var(--xpl-color-red-700);background-color:var(--xpl-color-action-warning-hover-lm)}.xpl-button--warning a:focus,.xpl-button--warning button:focus{--tw-ring-color:var(--xpl-color-action-warning-lm);background-color:var(--xpl-color-action-warning-lm);border-color:transparent}.xpl-button--warning a,.xpl-button--warning button{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-button--warning.xpl-button--secondary a,.xpl-button--warning.xpl-button--secondary button{background-color:transparent;color:var(--xpl-color-text-warning-lm)}.xpl-button--warning.xpl-button--secondary a:hover,.xpl-button--warning.xpl-button--secondary button:hover{background-color:transparent;border-color:var(--xpl-color-text-warning-lm)}.xpl-button--warning.xpl-button--secondary a:active,.xpl-button--warning.xpl-button--secondary button:active{background-color:transparent;border-color:var(--xpl-color-text-warning-lm)}.xpl-button--warning.xpl-button--secondary a:focus,.xpl-button--warning.xpl-button--secondary button:focus{background-color:transparent;--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity))}.xpl-button--warning.xpl-button--secondary a:disabled,.xpl-button--warning.xpl-button--secondary a:disabled:hover,.xpl-button--warning.xpl-button--secondary button:disabled,.xpl-button--warning.xpl-button--secondary button:disabled:hover{background-color:var(--xpl-color-action-disabled-lm);border-color:var(--xpl-color-action-disabled-lm);color:var(--xpl-color-text-secondary-lm)}.xpl-button--warning.xpl-button--subtle a,.xpl-button--warning.xpl-button--subtle button{color:var(--xpl-color-text-warning-lm)}.xpl-button--warning.xpl-button--subtle a:hover,.xpl-button--warning.xpl-button--subtle button:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.xpl-button--warning.xpl-button--subtle a:active,.xpl-button--warning.xpl-button--subtle button:active{--tw-ring-color:var(--xpl-color-gray-400);--tw-bg-opacity:1;background-color:rgba(234, 235, 239, var(--tw-bg-opacity))}.xpl-button--warning.xpl-button--subtle a:focus,.xpl-button--warning.xpl-button--subtle button:focus{--tw-ring-color:var(--xpl-color-gray-400);border-color:transparent;--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-button--warning.xpl-button--subtle a:disabled,.xpl-button--warning.xpl-button--subtle a:disabled:hover,.xpl-button--warning.xpl-button--subtle button:disabled,.xpl-button--warning.xpl-button--subtle button:disabled:hover{background-color:var(--xpl-color-action-disabled-lm);border-color:var(--xpl-color-action-disabled-lm);color:var(--xpl-color-text-secondary-lm)}.xpl-button--warning.xpl-button--subtle a,.xpl-button--warning.xpl-button--subtle button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.dark .xpl-button a,.dark .xpl-button button{background-color:var(--xpl-color-secondary-dm);color:var(--xpl-color-text-reverse-dm)}.dark .xpl-button a:hover,.dark .xpl-button button:hover{background-color:var(--xpl-color-secondary-hover-dm);border-color:transparent}.dark .xpl-button a:focus,.dark .xpl-button button:focus{--tw-ring-color:var(--xpl-color-purple-500);--tw-ring-offset-color:var(--xpl-color-foreground-dm);border-color:transparent}.dark .xpl-button a:active,.dark .xpl-button button:active{--tw-ring-color:var(--xpl-color-purple-500);--tw-ring-offset-color:var(--xpl-color-foreground-dm);background-color:var(--xpl-color-secondary-hover-dm)}.dark .xpl-button--secondary a,.dark .xpl-button--secondary button{border-color:var(--xpl-color-gray-600);background-color:var(--xpl-color-foreground-dm)}.dark .xpl-button--secondary a:hover,.dark .xpl-button--secondary a:active,.dark .xpl-button--secondary a:focus,.dark .xpl-button--secondary button:hover,.dark .xpl-button--secondary button:active,.dark .xpl-button--secondary button:focus{background-color:var(--xpl-color-foreground-dm)}.dark .xpl-button--secondary a:hover,.dark .xpl-button--secondary button:hover{border-color:var(--xpl-color-secondary-dm)}.dark .xpl-button--secondary a:active,.dark .xpl-button--secondary button:active{border-color:var(--xpl-color-secondary-dm)}.dark .xpl-button--secondary a:focus,.dark .xpl-button--secondary button:focus{--tw-ring-color:var(--xpl-color-secondary-dm);border-color:var(--xpl-color-gray-600)}.dark .xpl-button--secondary a,.dark .xpl-button--secondary button{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-button--subtle a:hover,.dark .xpl-button--subtle button:hover{border-color:transparent;--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.dark .xpl-button--subtle a:active,.dark .xpl-button--subtle button:active{--tw-ring-color:var(--xpl-color-gray-700);--tw-bg-opacity:1;background-color:rgba(60, 56, 71, var(--tw-bg-opacity))}.dark .xpl-button--subtle a:focus,.dark .xpl-button--subtle button:focus{--tw-ring-color:var(--xpl-color-gray-700);background-color:var(--xpl-color-foreground-dm);border-color:transparent}.dark .xpl-button--subtle a,.dark .xpl-button--subtle button{background-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-button--success a,.dark .xpl-button--success button{color:var(--xpl-color-reverse-dm)}.dark .xpl-button--success a:hover,.dark .xpl-button--success button:hover{border-color:transparent;--tw-bg-opacity:1;background-color:rgba(74, 212, 168, var(--tw-bg-opacity))}.dark .xpl-button--success a:active,.dark .xpl-button--success button:active{--tw-ring-color:var(--xpl-color-green-200);--tw-bg-opacity:1;background-color:rgba(74, 212, 168, var(--tw-bg-opacity))}.dark .xpl-button--success a:focus,.dark .xpl-button--success button:focus{--tw-ring-color:var(--xpl-color-green-200);border-color:transparent;--tw-bg-opacity:1;background-color:rgba(116, 251, 208, var(--tw-bg-opacity))}.dark .xpl-button--success a,.dark .xpl-button--success button{--tw-bg-opacity:1;background-color:rgba(116, 251, 208, var(--tw-bg-opacity))}.dark .xpl-button--success.xpl-button--secondary a,.dark .xpl-button--success.xpl-button--secondary button{background-color:var(--xpl-color-foreground-dm);color:var(--xpl-color-green-200)}.dark .xpl-button--success.xpl-button--secondary a:hover,.dark .xpl-button--success.xpl-button--secondary a:active,.dark .xpl-button--success.xpl-button--secondary a:focus,.dark .xpl-button--success.xpl-button--secondary button:hover,.dark .xpl-button--success.xpl-button--secondary button:active,.dark .xpl-button--success.xpl-button--secondary button:focus{background-color:var(--xpl-color-foreground-dm)}.dark .xpl-button--success.xpl-button--secondary a:hover,.dark .xpl-button--success.xpl-button--secondary button:hover{border-color:var(--xpl-color-green-200)}.dark .xpl-button--success.xpl-button--secondary a:active,.dark .xpl-button--success.xpl-button--secondary button:active{border-color:var(--xpl-color-green-200)}.dark .xpl-button--success.xpl-button--secondary a:focus,.dark .xpl-button--success.xpl-button--secondary button:focus{border-color:var(--xpl-color-stroke-dm)}.dark .xpl-button--success.xpl-button--subtle a:hover,.dark .xpl-button--success.xpl-button--subtle button:hover{--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.dark .xpl-button--success.xpl-button--subtle a:active,.dark .xpl-button--success.xpl-button--subtle button:active{--tw-ring-color:var(--xpl-color-gray-700);--tw-bg-opacity:1;background-color:rgba(60, 56, 71, var(--tw-bg-opacity))}.dark .xpl-button--success.xpl-button--subtle a:focus,.dark .xpl-button--success.xpl-button--subtle button:focus{--tw-ring-color:var(--xpl-color-gray-700);background-color:var(--xpl-color-foreground-dm);border-color:transparent}.dark .xpl-button--success.xpl-button--subtle a,.dark .xpl-button--success.xpl-button--subtle button{background-color:transparent;--tw-text-opacity:1;color:rgba(116, 251, 208, var(--tw-text-opacity))}.dark .xpl-button--warning a,.dark .xpl-button--warning button{background-color:var(--xpl-color-action-warning-dm);color:var(--xpl-color-reverse-dm)}.dark .xpl-button--warning a:hover,.dark .xpl-button--warning button:hover{border-color:transparent;background-color:var(--xpl-color-action-warning-hover-dm)}.dark .xpl-button--warning a:active,.dark .xpl-button--warning button:active{--tw-ring-color:var(--xpl-color-red-300);background-color:var(--xpl-color-action-warning-hover-dm)}.dark .xpl-button--warning a:focus,.dark .xpl-button--warning button:focus{--tw-ring-color:var(--xpl-color-red-300);background-color:var(--xpl-color-action-warning-dm);border-color:transparent}.dark .xpl-button--warning.xpl-button--secondary a,.dark .xpl-button--warning.xpl-button--secondary button{background-color:var(--xpl-color-foreground-dm);color:var(--xpl-color-text-warning-dm)}.dark .xpl-button--warning.xpl-button--secondary a:hover,.dark .xpl-button--warning.xpl-button--secondary a:active,.dark .xpl-button--warning.xpl-button--secondary a:focus,.dark .xpl-button--warning.xpl-button--secondary button:hover,.dark .xpl-button--warning.xpl-button--secondary button:active,.dark .xpl-button--warning.xpl-button--secondary button:focus{background-color:var(--xpl-color-foreground-dm)}.dark .xpl-button--warning.xpl-button--secondary a:hover,.dark .xpl-button--warning.xpl-button--secondary button:hover{border-color:var(--xpl-color-text-warning-dm)}.dark .xpl-button--warning.xpl-button--secondary a:active,.dark .xpl-button--warning.xpl-button--secondary button:active{border-color:var(--xpl-color-text-warning-dm)}.dark .xpl-button--warning.xpl-button--secondary a:focus,.dark .xpl-button--warning.xpl-button--secondary button:focus{border-color:var(--xpl-color-stroke-dm)}.dark .xpl-button--warning.xpl-button--subtle a,.dark .xpl-button--warning.xpl-button--subtle button{color:var(--xpl-color-text-warning-dm)}.dark .xpl-button--warning.xpl-button--subtle a:hover,.dark .xpl-button--warning.xpl-button--subtle button:hover{border-color:transparent;--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.dark .xpl-button--warning.xpl-button--subtle a:active,.dark .xpl-button--warning.xpl-button--subtle button:active{--tw-ring-color:var(--xpl-color-gray-700);--tw-bg-opacity:1;background-color:rgba(60, 56, 71, var(--tw-bg-opacity))}.dark .xpl-button--warning.xpl-button--subtle a:focus,.dark .xpl-button--warning.xpl-button--subtle button:focus{--tw-ring-color:var(--xpl-color-gray-700);background-color:var(--xpl-color-foreground-dm);border-color:transparent}.dark .xpl-button--warning.xpl-button--subtle a,.dark .xpl-button--warning.xpl-button--subtle button{background-color:transparent}.dark .xpl-button a:disabled,.dark .xpl-button a:disabled:hover,.dark .xpl-button button:disabled,.dark .xpl-button button:disabled:hover{background-color:var(--xpl-color-action-disabled-dm);border-color:transparent;color:var(--xpl-color-text-secondary-dm)}.dark .xpl-button a:disabled,.dark .xpl-button a:disabled:hover,.dark .xpl-button button:disabled,.dark .xpl-button button:disabled:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.xpl-button--link-disabled a,.xpl-button--link-disabled a:hover,.xpl-button--link-disabled a:focus,.xpl-button--link-disabled a:active,.xpl-button--link-disabled.xpl-button--success a,.xpl-button--link-disabled.xpl-button--success a:hover,.xpl-button--link-disabled.xpl-button--success a:focus,.xpl-button--link-disabled.xpl-button--success a:active,.xpl-button--link-disabled.xpl-button--warning a,.xpl-button--link-disabled.xpl-button--warning a:hover,.xpl-button--link-disabled.xpl-button--warning a:focus,.xpl-button--link-disabled.xpl-button--warning a:active,.xpl-button--link-disabled.xpl-button--neutral a,.xpl-button--link-disabled.xpl-button--neutral a:hover,.xpl-button--link-disabled.xpl-button--neutral a:focus,.xpl-button--link-disabled.xpl-button--neutral a:active{background-color:var(--xpl-color-action-disabled-lm);border-color:var(--xpl-color-action-disabled-lm);color:var(--xpl-color-text-secondary-lm)}.xpl-button--link-disabled a,.xpl-button--link-disabled a:hover,.xpl-button--link-disabled a:focus,.xpl-button--link-disabled a:active,.xpl-button--link-disabled.xpl-button--success a,.xpl-button--link-disabled.xpl-button--success a:hover,.xpl-button--link-disabled.xpl-button--success a:focus,.xpl-button--link-disabled.xpl-button--success a:active,.xpl-button--link-disabled.xpl-button--warning a,.xpl-button--link-disabled.xpl-button--warning a:hover,.xpl-button--link-disabled.xpl-button--warning a:focus,.xpl-button--link-disabled.xpl-button--warning a:active,.xpl-button--link-disabled.xpl-button--neutral a,.xpl-button--link-disabled.xpl-button--neutral a:hover,.xpl-button--link-disabled.xpl-button--neutral a:focus,.xpl-button--link-disabled.xpl-button--neutral a:active{border-width:0px;cursor:not-allowed;--tw-shadow:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.dark .xpl-button--link-disabled a,.dark .xpl-button--link-disabled a:hover,.dark .xpl-button--link-disabled a:focus,.dark .xpl-button--link-disabled a:active,.dark .xpl-button--link-disabled.xpl-button--success a,.dark .xpl-button--link-disabled.xpl-button--success a:hover,.dark .xpl-button--link-disabled.xpl-button--success a:focus,.dark .xpl-button--link-disabled.xpl-button--success a:active,.dark .xpl-button--link-disabled.xpl-button--warning a,.dark .xpl-button--link-disabled.xpl-button--warning a:hover,.dark .xpl-button--link-disabled.xpl-button--warning a:focus,.dark .xpl-button--link-disabled.xpl-button--warning a:active,.dark .xpl-button--link-disabled.xpl-button--neutral a,.dark .xpl-button--link-disabled.xpl-button--neutral a:hover,.dark .xpl-button--link-disabled.xpl-button--neutral a:focus,.dark .xpl-button--link-disabled.xpl-button--neutral a:active{background-color:var(--xpl-color-action-disabled-dm);border-color:transparent;color:var(--xpl-color-text-secondary-dm)}.dark .xpl-button--link-disabled a,.dark .xpl-button--link-disabled a:hover,.dark .xpl-button--link-disabled a:focus,.dark .xpl-button--link-disabled a:active,.dark .xpl-button--link-disabled.xpl-button--success a,.dark .xpl-button--link-disabled.xpl-button--success a:hover,.dark .xpl-button--link-disabled.xpl-button--success a:focus,.dark .xpl-button--link-disabled.xpl-button--success a:active,.dark .xpl-button--link-disabled.xpl-button--warning a,.dark .xpl-button--link-disabled.xpl-button--warning a:hover,.dark .xpl-button--link-disabled.xpl-button--warning a:focus,.dark .xpl-button--link-disabled.xpl-button--warning a:active,.dark .xpl-button--link-disabled.xpl-button--neutral a,.dark .xpl-button--link-disabled.xpl-button--neutral a:hover,.dark .xpl-button--link-disabled.xpl-button--neutral a:focus,.dark .xpl-button--link-disabled.xpl-button--neutral a:active{cursor:not-allowed;--tw-shadow:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.xpl-button--full-width a,.xpl-button--full-width button{width:100%}.xpl-button-row{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-top-width:1px;display:block;padding-top:1.25rem;width:100%}.dark .xpl-button-row{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-button-row-inner{display:flex;justify-content:space-between}.xpl-button-row xpl-button+xpl-button .xpl-button{margin-left:1rem}.xpl-button-row__right .xpl-button--secondary{display:none}.xpl-button-row__right{display:flex}@media screen and (max-width: 640px){.xpl-button-row-inner{display:block}.xpl-button-row .xpl-button a,.xpl-button-row .xpl-button button{justify-content:center;margin-bottom:1rem;width:100%}.xpl-button-row xpl-button+xpl-button .xpl-button{margin-left:0px}.xpl-button-row__left .xpl-button--secondary{display:none}.xpl-button-row__right .xpl-button--secondary{display:block}.xpl-button-row__right{flex-direction:column-reverse}.xpl-button-row__right xpl-button:first-child .xpl-button{margin-bottom:0px}}.xpl-breadcrumbs ol{color:var(--xpl-color-text-secondary-lm)}.xpl-breadcrumbs ol span{color:var(--xpl-color-text-secondary-dm)}.xpl-breadcrumbs ol span svg{height:9px;margin-top:0.125rem}.xpl-breadcrumbs ol span{display:grid;align-content:center}.xpl-breadcrumbs ol .xpl-breadcrumb-item:hover{color:var(--xpl-color-action-primary-lm)}.xpl-breadcrumbs ol .xpl-breadcrumb-item a,.xpl-breadcrumbs ol .xpl-breadcrumb-item button,.xpl-breadcrumbs ol .xpl-breadcrumb-item span{padding-right:0.5rem}.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){display:none}@media (min-width: 768px){.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){display:flex}}.flatpickr-day.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){visibility:hidden}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{color:var(--xpl-color-text-primary-lm)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child:hover{color:var(--xpl-color-action-primary-lm)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child span{display:none}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child .flatpickr-dayspan{visibility:hidden}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{cursor:default;pointer-events:none;text-decoration:none}.xpl-breadcrumbs ol .xpl-breadcrumb-item{display:flex;align-content:center}.xpl-breadcrumbs ol{display:flex;align-content:center;font-size:0.875rem;line-height:1.25rem}.dark .xpl-breadcrumbs ol{color:var(--xpl-color-text-secondary-dm)}.dark .xpl-breadcrumbs ol .xpl-breadcrumb-item:hover{color:var(--xpl-color-action-primary-dm)}.dark .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{color:var(--xpl-color-text-primary-dm)}.dark .xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child:hover{color:var(--xpl-color-action-primary-dm)}.dark .xpl-breadcrumbs ol span{color:var(--xpl-color-text-secondary-lm)}.xpl-checkbox-radio-container{display:flex;margin-bottom:1.5rem}.xpl-checkbox-radio-container.styled{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-radius:0.375rem;border-width:1px;overflow:hidden;position:relative;transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark .xpl-checkbox-radio-container.styled{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-checkbox-radio-container.styled.disabled{--tw-border-opacity:1 !important;border-color:rgba(225, 226, 232, var(--tw-border-opacity)) !important}.dark .xpl-checkbox-radio-container.styled.disabled{--tw-border-opacity:1 !important;border-color:rgba(106, 109, 125, var(--tw-border-opacity)) !important}.xpl-checkbox-radio-container.styled:hover,.xpl-checkbox-radio-container.styled:focus-within{border-color:var(--xpl-color-secondary-lm)}.dark .xpl-checkbox-radio-container.styled:hover,.dark .xpl-checkbox-radio-container.styled:focus-within{border-color:var(--xpl-color-secondary-dm)}.xpl-checkbox{border-radius:4px;height:16px;top:2px;width:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity));border-width:1px;cursor:pointer}.xpl-checkbox:focus{outline:2px solid transparent;outline-offset:2px}.xpl-checkbox{position:relative}.xpl-checkbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}.xpl-checkbox{transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark .xpl-checkbox{--tw-ring-offset-color:var(--xpl-color-gray-1200);--tw-bg-opacity:1;background-color:rgba(24, 22, 31, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity))}.xpl-checkbox:hover,.xpl-checkbox:checked,.xpl-checkbox:indeterminate{border-color:var(--xpl-color-secondary-lm)}.xpl-checkbox:checked,.xpl-checkbox:indeterminate{background-color:var(--xpl-color-secondary-lm)}.xpl-checkbox:disabled{--tw-bg-opacity:1;background-color:rgba(225, 226, 232, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));cursor:not-allowed}.xpl-checkbox:focus{--tw-ring-color:var(--xpl-color-secondary-lm)}.xpl-checkbox-radio-container.styled input{--tw-ring-color:transparent;--tw-ring-offset-color:transparent;margin-top:1rem;margin-bottom:1rem;margin-left:1rem;outline:2px solid transparent;outline-offset:2px;position:absolute}.xpl-checkbox-radio-container input+label{cursor:pointer;padding-right:1rem;padding-left:1rem;vertical-align:middle}.xpl-checkbox-radio-container.styled label{display:block;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:3rem;width:100%;transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.xpl-checkbox-radio-container.styled input:disabled+label{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-checkbox-radio-container.styled input:checked+label,.xpl-checkbox-radio-container.styled .xpl-checkbox:indeterminate+label{--tw-bg-opacity:1;background-color:rgba(244, 242, 255, var(--tw-bg-opacity))}.dark .xpl-checkbox-radio-container.styled input:disabled+label{--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.dark .xpl-checkbox-radio-container.styled input:checked+label,.dark .xpl-checkbox-radio-container.styled .xpl-checkbox:indeterminate+label{--tw-bg-opacity:1;background-color:rgba(48, 45, 59, var(--tw-bg-opacity))}.xpl-checkbox-radio-container.styled .xpl-checkbox:disabled:indeterminate+label{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-checkbox::after{content:"";height:16px;width:16px;background-repeat:no-repeat;display:block;opacity:0;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark .xpl-checkbox:focus{--tw-ring-color:var(--xpl-color-secondary-dm)}.dark .xpl-checkbox:hover,.dark .xpl-checkbox:checked,.dark .xpl-checkbox:indeterminate{border-color:var(--xpl-color-secondary-dm)}.dark .xpl-checkbox:checked,.dark .xpl-checkbox:indeterminate{background-color:var(--xpl-color-secondary-dm)}.dark .xpl-checkbox:disabled{--tw-bg-opacity:1;background-color:rgba(106, 109, 125, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-checkbox:disabled:checked,.xpl-checkbox:disabled:indeterminate,.dark .xpl-checkbox:disabled:checked,.dark .xpl-checkbox:disabled:indeterminate{--tw-bg-opacity:1;background-color:rgba(153, 155, 168, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity))}.xpl-checkbox-radio-container.styled .xpl-checkbox:focus{--tw-ring-color:transparent;--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity))}.xpl-checkbox-radio-container.styled .xpl-checkbox:checked:focus{border-color:var(--xpl-color-secondary-lm)}.xpl-checkbox:indeterminate::after{background-position:calc(50% - 1px) calc(50% - 1px);background-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='white'/%3E%3C/svg%3E%0A");opacity:1}.xpl-checkbox:checked::after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='white'/%3E%3C/svg%3E%0A");background-position:calc(50% - 1px) calc(50% - 1px);opacity:1}.dark .xpl-checkbox::after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='%23292632'/%3E%3C/svg%3E%0A")}.dark .xpl-checkbox:indeterminate::after{background-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='%23292632'/%3E%3C/svg%3E%0A")}.xpl-radio{height:16px;top:2px;transition-property:border;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity));border-radius:9999px;border-width:1px;cursor:pointer}.xpl-radio:focus{outline:2px solid transparent;outline-offset:2px}.xpl-radio{position:relative}.xpl-radio:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}.dark .xpl-radio{--tw-ring-offset-color:var(--xpl-color-gray-1200)}.xpl-radio:checked{border-width:5px}.xpl-radio:hover,.xpl-radio:active,.xpl-radio:checked{border-color:var(--xpl-color-secondary-lm)}.xpl-radio:focus{--tw-ring-color:var(--xpl-color-secondary-lm)}.xpl-radio:disabled{--tw-bg-opacity:1;background-color:rgba(225, 226, 232, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));cursor:not-allowed}.xpl-radio:disabled:checked{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity))}.dark .xpl-radio:hover,.dark .xpl-radio:active,.dark .xpl-radio:checked{border-color:var(--xpl-color-secondary-dm)}.dark .xpl-radio:disabled{--tw-bg-opacity:1;background-color:rgba(106, 109, 125, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.dark .xpl-radio:focus{--tw-ring-color:var(--xpl-color-secondary-dm)}.dark .xpl-radio:disabled:checked{--tw-bg-opacity:1;background-color:rgba(24, 22, 31, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(153, 155, 168, var(--tw-border-opacity))}.xpl-choicelist-heading{margin-bottom:0.5rem}.xpl-choicelist-heading>h3{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.dark .xpl-choicelist-heading>h3{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-choicelist-heading>p{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-choicelist-heading>p{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-choicelist{display:block;margin:0px;padding:0px}.xpl-choicelist li{margin-bottom:1rem}.xpl-choicelist .xpl-checkbox-radio-container{margin-bottom:0px}.xpl-choicelist--styled{--tw-border-opacity:1;border-color:rgba(238, 239, 243, var(--tw-border-opacity));border-radius:0.375rem;border-width:1px;overflow:hidden}.dark .xpl-choicelist--styled{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-choicelist--styled .xpl-radio-container,.xpl-choicelist--styled .xpl-checkbox-container{margin-bottom:0px}.xpl-choicelist--styled li{--tw-border-opacity:1;border-color:rgba(238, 239, 243, var(--tw-border-opacity));border-width:1px;border-top-width:0px;border-right-width:0px;border-left-width:0px;display:block;margin-bottom:0px;position:relative;transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark .xpl-choicelist--styled li{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-choicelist--styled li:last-child{border-bottom-width:0px}.xpl-choicelist--styled li.selected{--tw-bg-opacity:1;background-color:rgba(244, 242, 255, var(--tw-bg-opacity))}.dark .xpl-choicelist--styled li.selected{--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.xpl-choicelist--styled input{margin-top:1rem;margin-bottom:1rem;margin-left:1rem;position:absolute}.xpl-choicelist--styled label{display:block;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;width:100%}.xpl-choicelist--styled .xpl-checkbox+label,.xpl-choicelist--styled .xpl-radio+label{padding-left:3rem}.xpl-content-area-wrapper{height:100%;min-width:0;background-color:var(--xpl-color-background-lm)}.xpl-content-area-wrapper__wide .xpl-content-area{padding:1.5rem}@media (min-width: 768px){.xpl-content-area-wrapper__wide .xpl-content-area{padding:2rem}}.xpl-content-area-wrapper__narrow{grid-template-areas:". content .";grid-template-columns:minmax(15%, auto) minmax(auto, 840px) minmax(15%, auto)}.xpl-content-area-wrapper__narrow .xpl-content-area{padding-top:5rem;padding-bottom:5rem;grid-column:span 1 / span 1;grid-column-start:2}@media (max-width: 1023px){.xpl-content-area-wrapper__narrow .xpl-content-area{padding:0px;grid-template-columns:none}}@media (max-width: 1023px){.xpl-content-area-wrapper__narrow{padding:1.5rem;grid-template-columns:none;grid-template-rows:none}}.xpl-content-area-wrapper__narrow{display:grid;justify-items:center;grid-auto-flow:column}.xpl-content-area-wrapper__full{max-width:none;padding:1.5rem}@media (min-width: 640px){.xpl-content-area-wrapper__full{padding:2rem}}@media (min-width: 1024px){.xpl-content-area-wrapper__full{padding:0px}}.dark .xpl-content-area-wrapper{background-color:var(--xpl-color-background-dm);color:var(--xpl-color-text-primary-dm)}.dark .xpl-divider{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-divider{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-bottom-width:1px;display:block;font-size:0.875rem;line-height:1.25rem;margin-bottom:1rem;padding-bottom:0.25rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-divider--3{font-weight:700;font-size:1.25rem;line-height:1.75rem}.xpl-divider--2{font-size:1rem;line-height:1.5rem}.xpl-divider--1{font-size:0.75rem;line-height:1rem}.xpl-divider--0 span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.xpl-divider--0{padding-bottom:0px}.xpl-dropdown{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-radius:0.375rem;border-width:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);width:100%;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:-0.5rem;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark .xpl-dropdown{--tw-bg-opacity:1;background-color:rgba(48, 45, 59, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-dropdown--open{opacity:1;pointer-events:auto;z-index:50;--tw-translate-y:0.5rem}.xpl-dropdown-list{max-height:300px;height:100%;overflow-y:auto}.xpl-dropdown-list-item{list-style:none}.dark .xpl-dropdown-option{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px}.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):hover{background-color:var(--xpl-color-secondary-bg-lm)}.xpl-dropdown-option--disabled,.xpl-dropdown-option--disabled [disabled]{touch-action:none}.xpl-dropdown-option--disabled,.xpl-dropdown-option--disabled [disabled]{pointer-events:none}.xpl-dropdown-option--disabled{cursor:not-allowed;opacity:0.6}.xpl-dropdown-option--selected{background-color:var(--xpl-color-secondary-bg-lm);border-right:4px solid var(--xpl-color-secondary-lm)}.dark .xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus{--tw-bg-opacity:1;background-color:rgba(41, 38, 50, var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px}.dark .xpl-dropdown-option:not(.xpl-dropdown-option--disabled):hover{--tw-bg-opacity:1;background-color:rgba(24, 22, 31, var(--tw-bg-opacity))}.dark .xpl-dropdown-option--selected{border-right:4px solid var(--xpl-color-secondary-dm);--tw-bg-opacity:1;background-color:rgba(24, 22, 31, var(--tw-bg-opacity))}.xpl-dropdown-option{cursor:pointer;display:block;font-size:0.875rem;line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;text-align:left;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity));width:100%}.xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='%236923F4'/%3E%3C/svg%3E%0A");background-position:calc(100% - 16px) center;background-repeat:no-repeat}.dark .xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='%23C3ADFF'/%3E%3C/svg%3E%0A")}.xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected{border-width:0px}.dark .xpl-dropdown-heading{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-dropdown-heading{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-bottom-width:1px;display:block;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity));width:100%}[class^="flatpickr-"]{font-family:var(--xpl-font-family-default)}.flatpickr-calendar{border:1px solid #e1e2e8;box-shadow:0 4px 6px -2px #0000000d, 0 10px 15px -3px #0000001a}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(-13px, -20px, 0)}to{opacity:1;transform:translate3d(-13px, 8px, 0)}}.flatpickr-calendar.animate.arrowTop{transform:translate3d(-13px, 8px, 0)}@-webkit-keyframes fpFadeInDownAdjust{from{opacity:0;transform:translate3d(-13px, -28px, 0)}to{opacity:1;transform:translate3d(-13px, -8px, 0)}}@keyframes fpFadeInDownAdjust{from{opacity:0;transform:translate3d(-13px, -28px, 0)}to{opacity:1;transform:translate3d(-13px, -8px, 0)}}.flatpickr-calendar.animate.arrowBottom{-webkit-animation-name:fpFadeInDownAdjust;animation-name:fpFadeInDownAdjust;transform:translate3d(-13px, -8px, 0)}.dark .flatpickr-calendar{border-color:#302d3b;box-shadow:0 4px 6px -2px #0000000d, 0 10px 15px -3px #0000001a;--tw-bg-opacity:1;background-color:rgba(60, 56, 71, var(--tw-bg-opacity))}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none !important}.flatpickr-months{padding:0.5rem}.flatpickr-months .flatpickr-month{height:40px;--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.dark .flatpickr-months .flatpickr-month{--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:75%}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{box-sizing:border-box;height:40px}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{padding-top:0.75rem;top:0.5rem}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0.5rem}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.dark .flatpickr-months .flatpickr-prev-month,.dark .flatpickr-months .flatpickr-next-month{fill:var(--xpl-color-text-primary-dm)}.dark .flatpickr-months .flatpickr-prev-month,.dark .flatpickr-months .flatpickr-next-month{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .flatpickr-months .flatpickr-prev-month:hover,.dark .flatpickr-months .flatpickr-next-month:hover{--tw-bg-opacity:1;background-color:rgba(41, 38, 50, var(--tw-bg-opacity))}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:var(--xpl-color-text-primary-lm)}.flatpickr-months .flatpickr-prev-month:hover path,.flatpickr-months .flatpickr-next-month:hover path{fill:var(--xpl-color-secondary-lm)}.dark .flatpickr-months .flatpickr-prev-month svg path,.dark .flatpickr-months .flatpickr-next-month svg path{fill:#fff}.dark .flatpickr-months .flatpickr-prev-month:hover path,.dark .flatpickr-months .flatpickr-next-month:hover path{fill:var(--xpl-color-secondary-dm)}.flatpickr-current-month{font-size:100%;height:40px;font-size:1rem;line-height:1.5rem;padding:0px;left:0px;text-align:left}.flatpickr-current-month .flatpickr-monthDropdown-months{font-weight:500;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0px;padding:0.5rem}.flatpickr-current-month .numInputWrapper{width:64px}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.flatpickr-current-month input.cur-year{font-weight:500;height:40px;padding:0.5rem;padding-right:1rem}.numInputWrapper:hover,.flatpickr-current-month input.cur-year:hover{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity))}.numInputWrapper span{border-width:0px}.numInputWrapper span:hover{--tw-bg-opacity:1;background-color:rgba(238, 239, 243, var(--tw-bg-opacity))}.flatpickr-current-month .flatpickr-monthDropdown-months option{--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.dark .flatpickr-current-month .flatpickr-monthDropdown-months option{color:#fff}.dark .flatpickr-current-month input.cur-year{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .numInputWrapper:hover,.dark .flatpickr-current-month input.cur-year:hover{--tw-bg-opacity:1;background-color:rgba(41, 38, 50, var(--tw-bg-opacity))}.flatpickr-current-month .numInputWrapper span.arrowUp::after{bottom:4px;top:unset}.flatpickr-current-month .numInputWrapper span.arrowDown::after{top:4px}.dark .flatpickr-current-month .numInputWrapper span.arrowUp::after,.dark .flatpickr-current-month .numInputWrapper span.arrowDown::after{border-bottom-color:var(--xpl-color-text-primary-dm)}.dark .flatpickr-current-month .flatpickr-monthDropdown-months{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .flatpickr-current-month .flatpickr-monthDropdown-months:hover{--tw-bg-opacity:1;background-color:rgba(41, 38, 50, var(--tw-bg-opacity))}.flatpickr-day{line-height:2.3rem}.rangeMode .flatpickr-day{margin-top:0px}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background-color:var(--xpl-color-secondary-lm);border-color:var(--xpl-color-secondary-lm)}.dark .flatpickr-day.selected,.dark .flatpickr-day.startRange,.dark .flatpickr-day.endRange,.dark .flatpickr-day.selected.inRange,.dark .flatpickr-day.startRange.inRange,.dark .flatpickr-day.endRange.inRange,.dark .flatpickr-day.selected:focus,.dark .flatpickr-day.startRange:focus,.dark .flatpickr-day.endRange:focus,.dark .flatpickr-day.selected:hover,.dark .flatpickr-day.startRange:hover,.dark .flatpickr-day.endRange:hover,.dark .flatpickr-day.selected.prevMonthDay,.dark .flatpickr-day.startRange.prevMonthDay,.dark .flatpickr-day.endRange.prevMonthDay,.dark .flatpickr-day.selected.nextMonthDay,.dark .flatpickr-day.startRange.nextMonthDay,.dark .flatpickr-day.endRange.nextMonthDay{background-color:var(--xpl-color-secondary-dm);border-color:var(--xpl-color-secondary-dm);color:var(--xpl-color-text-reverse-dm)}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{background-color:var(--xpl-color-secondary-bg-lm);border-color:var(--xpl-color-secondary-bg-lm)}.flatpickr-day.inRange{box-shadow:-5px 0 0 var(--xpl-color-secondary-bg-lm), 5px 0 0 var(--xpl-color-secondary-bg-lm)}.dark .flatpickr-day.inRange{box-shadow:-5px 0 0 var(--xpl-color-secondary-bg-dm), 5px 0 0 var(--xpl-color-secondary-bg-dm)}.dark .flatpickr-day{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .flatpickr-day.inRange,.dark .flatpickr-day.prevMonthDay.inRange,.dark .flatpickr-day.nextMonthDay.inRange,.dark .flatpickr-day.today.inRange,.dark .flatpickr-day.prevMonthDay.today.inRange,.dark .flatpickr-day.nextMonthDay.today.inRange,.dark .flatpickr-day:hover,.dark .flatpickr-day.prevMonthDay:hover,.dark .flatpickr-day.nextMonthDay:hover,.dark .flatpickr-day:focus,.dark .flatpickr-day.prevMonthDay:focus,.dark .flatpickr-day.nextMonthDay:focus{background-color:var(--xpl-color-secondary-bg-dm);border-color:var(--xpl-color-secondary-bg-dm);color:var(--xpl-color-secondary-dm)}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 var(--xpl-color-secondary-bg-lm)}.dark .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.dark .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.dark .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 var(--xpl-color-secondary-bg-dm)}span.flatpickr-weekday{font-weight:400;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.dark span.flatpickr-weekday{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-grid{display:flex;flex-wrap:wrap;width:100%}.xpl-grid-item{flex-shrink:0;margin-right:1.5rem;margin-bottom:1.5rem}@media screen and (max-width: 639px){.xpl-grid-item-xs-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-xs-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-xs-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-xs-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-xs-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-xs-6{flex:0 0 100%}.xpl-grid-item-xs-last{margin-right:0px}}@media screen and (min-width: 640px) and (max-width: 1023px){.xpl-grid-item-sm-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-sm-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-sm-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-sm-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-sm-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-sm-6{flex:0 0 100%}.xpl-grid-item-sm-last{margin-right:0px}}@media screen and (min-width: 1024px) and (max-width: 1279px){.xpl-grid-item-md-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-md-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-md-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-md-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-md-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-md-6{flex:0 0 100%}.xpl-grid-item-md-last{margin-right:0px}}@media screen and (min-width: 1280px){.xpl-grid-item-lg-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-lg-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-lg-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-lg-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-lg-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-lg-6{flex:0 0 100%}.xpl-grid-item-lg-last{margin-right:0px}}.xpl-input{display:block;position:relative}.xpl-input input{height:44px;background-color:transparent;display:block;font-size:0.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;overflow:hidden;padding-right:0.5rem;width:100%}.xpl-input-calendar{pointer-events:none;position:absolute;right:0.75rem}button[class^="xpl-input-password"]{cursor:pointer;height:100%;padding-right:0.75rem;padding-left:0.75rem;position:absolute;top:0px;right:0px}.xpl-input-calendar path,[class^="xpl-input-password"] path{fill:var(--xpl-color-text-primary-lm)}.xpl-input-error path{fill:var(--xpl-color-text-warning-lm)}.dark .xpl-input-calendar path,.dark [class^="xpl-input-password"] path{fill:#fff}.xpl-input textarea{min-height:44px;height:98px;background-color:transparent;display:block;font-size:0.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;overflow:hidden;padding-bottom:0.5rem;padding-top:0.75rem;width:100%}.dark .xpl-input input,.dark .xpl-input textarea{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-input input:-moz-read-only,.xpl-input textarea:-moz-read-only{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(248, 249, 250, var(--tw-border-opacity))}.xpl-input input:read-only,.xpl-input textarea:read-only{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(248, 249, 250, var(--tw-border-opacity))}.xpl-input input:read-only:not(:disabled)::-moz-placeholder,.xpl-input textarea:read-only:not(:disabled)::-moz-placeholder{color:var(--xpl-color-text-primary-lm)}.xpl-input input:read-only:not(:disabled):-ms-input-placeholder,.xpl-input textarea:read-only:not(:disabled):-ms-input-placeholder{color:var(--xpl-color-text-primary-lm)}.xpl-input input:-moz-read-only:not(:disabled)::placeholder,.xpl-input textarea:-moz-read-only:not(:disabled)::placeholder{color:var(--xpl-color-text-primary-lm)}.xpl-input input:read-only:not(:disabled)::placeholder,.xpl-input textarea:read-only:not(:disabled)::placeholder{color:var(--xpl-color-text-primary-lm)}.xpl-input input:disabled,.xpl-input textarea:disabled{background-color:transparent;cursor:not-allowed}.xpl-input-label{cursor:pointer;display:block;font-size:0.875rem;line-height:1.25rem;padding-bottom:0.25rem}.dark .xpl-input-label{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-input-label small{display:block;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-input-label small{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-input--disabled .xpl-input-label{cursor:not-allowed}.xpl-input-wrapper{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-radius:0.375rem;border-width:1px;display:flex;align-items:center;overflow:hidden;padding-left:0.75rem;position:relative}.xpl-input-wrapper:focus-within{border-color:var(--xpl-color-secondary-lm)}.xpl-input--disabled .xpl-input-wrapper{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));cursor:not-allowed}.dark .xpl-input-wrapper{--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.xpl-input--error .xpl-input-wrapper{--tw-border-opacity:1;border-color:rgba(219, 50, 31, var(--tw-border-opacity))}.dark .xpl-input--disabled .xpl-input-wrapper{--tw-bg-opacity:1;background-color:rgba(54, 50, 64, var(--tw-bg-opacity))}.dark .xpl-input--error .xpl-input-wrapper{--tw-border-opacity:1;border-color:rgba(255, 147, 135, var(--tw-border-opacity))}.xpl-input-wrapper label{color:var(--xpl-color-text-secondary-lm);top:9px;font-size:0.875rem;line-height:1.25rem;padding-right:0.75rem;padding-left:0.75rem}.dark .xpl-input-wrapper label{color:var(--xpl-color-text-secondary-dm)}.xpl-input-wrapper label.xpl-input-pre{flex-shrink:0;padding-left:0px}.xpl-input-wrapper label.xpl-input-post{border-left-width:1px;line-height:2.75rem;--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));flex-shrink:0;height:2.75rem;right:0.75rem;left:auto}.dark .xpl-input-wrapper label.xpl-input-post{--tw-bg-opacity:1;background-color:rgba(60, 56, 71, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity))}.dark .xpl-input-wrapper:focus-within{border-color:var(--xpl-color-secondary-dm)}.xpl-input-characters{background-color:#fffd;display:block;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:0.75rem;padding-left:0.75rem;pointer-events:none;position:absolute;right:0px;bottom:0px;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-input-characters{background-color:#fff4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-input--disabled .xpl-input-characters{background-color:transparent}.xpl-input--error .xpl-input-characters{--tw-text-opacity:1;color:rgba(194, 33, 15, var(--tw-text-opacity))}.dark .xpl-input--error .xpl-input-characters{--tw-text-opacity:1;color:rgba(255, 147, 135, var(--tw-text-opacity))}.xpl-input-error{display:block;font-size:0.75rem;line-height:1rem;padding-top:0.25rem;text-align:right;--tw-text-opacity:1;color:rgba(194, 33, 15, var(--tw-text-opacity))}.dark .xpl-input-error{--tw-text-opacity:1;color:rgba(255, 147, 135, var(--tw-text-opacity))}.xpl-input-error svg{top:1px;margin-right:0.5rem;position:relative}.dark .xpl-input-error path{fill:var(--xpl-color-text-warning-dm)}.xpl-label{cursor:pointer;display:block;font-size:0.875rem;line-height:1.25rem;padding-bottom:0.25rem;width:100%}.xpl-label--disabled{cursor:not-allowed !important;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}small.xpl-description{display:block;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.xpl-description--disabled{cursor:not-allowed !important;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-label{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-label--disabled{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.dark .xpl-description{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.dark .xpl-description--disabled{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-list-item{--tw-border-opacity:1;border-color:rgba(225, 226, 232, var(--tw-border-opacity));border-radius:0.375rem;border-width:1px;display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;line-height:1.25rem;margin-bottom:1.5rem;padding:1rem;text-align:left;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity));text-decoration:none;width:100%}.dark .xpl-list-item{--tw-bg-opacity:1;background-color:rgba(48, 45, 59, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(106, 109, 125, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-list-left{display:flex;flex-shrink:0;margin-right:2rem}.xpl-list-right div:not(:last-child){margin-bottom:0.25rem}a.xpl-list-item{background-image:url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z' fill='%236A6D7D'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:calc(100% - 1rem) center;padding-right:2.25rem}a.xpl-list-item:hover{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}a.xpl-list-item{transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark a.xpl-list-item{background-image:url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z' fill='%23999BA8'/%3E%3C/svg%3E%0A")}a.xpl-list-item:focus{border-color:var(--xpl-color-secondary-lm);outline:2px solid transparent;outline-offset:2px}.dark a.xpl-list-item:focus{border-color:var(--xpl-color-secondary-dm)}.xpl-list-item:last-child{margin-bottom:0px}.xpl-list-item xpl-avatar{flex-shrink:0;margin-right:1rem}.xpl-list-item-content{display:flex;align-items:center;justify-content:space-between;flex-grow:1}.xpl-list-item-metadata{list-style-type:none;margin:0px;padding:0px}.xpl-list-item-metadata li{display:inline-block;font-size:0.75rem;line-height:1rem;margin-right:1rem;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-list-item-metadata li{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-list-item-metadata li:last-child{margin-right:0px}.xpl-list-item-subtext{--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-list-item-subtext{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-list-item .xpl-avatar--group{justify-content:flex-end}.xpl-list-item xpl-badge{margin-right:0.5rem}@media screen and (max-width: 640px){.xpl-list-item{align-items:flex-start}.xpl-list-item-content{display:block}ul.xpl-list-item-metadata{margin-bottom:0.25rem}.xpl-list-item-metadata li{display:block}.xpl-list-item .xpl-avatar--group{justify-content:flex-start}}.xpl-main-nav{width:240px}.xpl-main-nav .xpl-main-nav__main_section .xpl-nav-item:last-of-type a,.xpl-main-nav .xpl-main-nav__main_section .xpl-nav-item:last-of-type button{margin-bottom:74px}@media (max-width: 639px){.xpl-main-nav .xpl-main-nav__main_section{overflow-y:auto}}.xpl-main-nav nav{grid-template-rows:74px 1fr -webkit-min-content;grid-template-rows:74px 1fr min-content;background-color:var(--xpl-color-navigation-dm);display:grid;height:100%}@media (max-width: 639px){.xpl-main-nav nav{overflow-y:auto}}.xpl-main-nav .xpl-nav-item a:not(.xpl-dropdown-list *),.xpl-main-nav .xpl-nav-item button:not(.xpl-dropdown-list *){width:240px}.xpl-main-nav header{grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto}.xpl-main-nav header p{color:var(--xpl-color-text-primary-dm);display:grid;align-content:center;font-weight:600;font-size:1rem;line-height:1.5rem;margin-left:1rem}.xpl-main-nav header img{height:42px;width:42px;border-radius:0.5rem}.xpl-main-nav header{display:flex;align-items:center;margin-bottom:0.5rem;padding:1rem}.xpl-main-nav footer{background-color:var(--xpl-color-background-2-dm)}.xpl-main-nav footer .xpl-avatar{margin-right:1rem}.xpl-main-nav footer div p{font-size:0.875rem;line-height:1.25rem}.xpl-main-nav footer div p:first-of-type{color:var(--xpl-color-text-primary-dm)}.xpl-main-nav footer div{overflow-x:auto}.xpl-main-nav footer .xpl-nav-item a svg,.xpl-main-nav footer .xpl-nav-item button svg{color:var(--xpl-color-text-secondary-dm);fill:currentColor}.xpl-main-nav footer{display:grid;align-items:flex-end;padding-top:0.5rem;padding-bottom:0.5rem;z-index:20}.xpl-main-nav--md .xpl-nav-item a,.xpl-main-nav--md .xpl-nav-item button{width:112px}.xpl-main-nav--md .xpl-nav-item a svg,.xpl-main-nav--md .xpl-nav-item button svg{margin-right:0px}.xpl-main-nav--md .xpl-nav-item a,.xpl-main-nav--md .xpl-nav-item button{display:grid;justify-items:center;grid-auto-flow:row}.xpl-main-nav--sm .xpl-nav-item a,.xpl-main-nav--sm .xpl-nav-item button{width:74px}.xpl-main-nav--sm .xpl-nav-item a p,.xpl-main-nav--sm .xpl-nav-item button p{display:none}.xpl-main-nav--sm .xpl-nav-item a .flatpickr-dayp,.xpl-main-nav--sm .xpl-nav-item button .flatpickr-dayp{visibility:hidden}.xpl-main-nav--sm .xpl-nav-item a svg,.xpl-main-nav--sm .xpl-nav-item button svg{margin-right:0px}.xpl-main-nav--sm .xpl-nav-item a,.xpl-main-nav--sm .xpl-nav-item button{display:grid;justify-items:center;grid-auto-flow:row}.xpl-main-nav--sm .xpl-nav-item a,.xpl-main-nav--sm .xpl-nav-item button,.xpl-main-nav--md .xpl-nav-item a,.xpl-main-nav--md .xpl-nav-item button{font-size:0.875rem;line-height:1rem}.xpl-main-nav--sm .xpl-nav-item a,.xpl-main-nav--sm .xpl-nav-item button,.xpl-main-nav--md .xpl-nav-item a,.xpl-main-nav--md .xpl-nav-item button{font-weight:600;padding-top:0.75rem;padding-bottom:0.75rem}.xpl-main-nav--sm header p,.xpl-main-nav--md header p{display:none}.xpl-main-nav--sm header .flatpickr-dayp,.xpl-main-nav--md header .flatpickr-dayp{visibility:hidden}.xpl-main-nav--sm header,.xpl-main-nav--md header{align-content:center;justify-content:center;margin-top:1rem}.xpl-main-nav--sm footer .xpl-avatar,.xpl-main-nav--md footer .xpl-avatar{margin-right:0px}.xpl-main-nav--sm footer .xpl-nav-item a p,.xpl-main-nav--sm footer .xpl-nav-item button p,.xpl-main-nav--sm footer .xpl-nav-item div p,.xpl-main-nav--md footer .xpl-nav-item a p,.xpl-main-nav--md footer .xpl-nav-item button p,.xpl-main-nav--md footer .xpl-nav-item div p{display:none}.xpl-main-nav--sm footer .xpl-nav-item a .flatpickr-dayp,.xpl-main-nav--sm footer .xpl-nav-item button .flatpickr-dayp,.xpl-main-nav--sm footer .xpl-nav-item div .flatpickr-dayp,.xpl-main-nav--md footer .xpl-nav-item a .flatpickr-dayp,.xpl-main-nav--md footer .xpl-nav-item button .flatpickr-dayp,.xpl-main-nav--md footer .xpl-nav-item div .flatpickr-dayp{visibility:hidden}.xpl-main-nav--sm footer .xpl-nav-item a,.xpl-main-nav--sm footer .xpl-nav-item button,.xpl-main-nav--md footer .xpl-nav-item a,.xpl-main-nav--md footer .xpl-nav-item button{display:inline-flex;margin-bottom:0px}.xpl-nav-item a p,.xpl-nav-item button p{margin:0}.xpl-nav-item a svg,.xpl-nav-item button svg{height:2rem;margin-right:0.75rem;fill:currentColor;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity));width:2rem}.xpl-nav-item a:hover svg,.xpl-nav-item a:focus svg,.xpl-nav-item a:active svg,.xpl-nav-item button:hover svg,.xpl-nav-item button:focus svg,.xpl-nav-item button:active svg{fill:currentColor;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-nav-item a:hover,.xpl-nav-item a:focus,.xpl-nav-item a:active,.xpl-nav-item button:hover,.xpl-nav-item button:focus,.xpl-nav-item button:active{--tw-bg-opacity:1;background-color:rgba(24, 22, 31, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-nav-item a.active,.xpl-nav-item button.active{border-right:4px solid var(--xpl-color-primary-dm)}.xpl-nav-item a.active svg,.xpl-nav-item button.active svg{fill:currentColor;--tw-text-opacity:1;color:rgba(249, 145, 112, var(--tw-text-opacity))}.xpl-nav-item a.active,.xpl-nav-item button.active{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-nav-item a,.xpl-nav-item button{display:flex;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity));width:100%}.xpl-nav-item a,.xpl-nav-item button{background-color:transparent;border-color:transparent;align-items:center;align-content:center}.xpl-main-nav--md .xpl-nav-item a,.xpl-main-nav--md .xpl-nav-item button,.xpl-main-nav--sm .xpl-nav-item a,.xpl-main-nav--sm .xpl-nav-item button{justify-content:center;padding-left:0px;padding-right:0px}.xpl-pagination{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding-top:0.75rem;padding-bottom:0.75rem}@media (min-width: 768px){.xpl-pagination{display:flex;align-items:center;justify-content:space-between}}.xpl-pagination p{font-size:0.75rem;line-height:1rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgba(60, 56, 71, var(--tw-text-opacity))}@media (min-width: 768px){.xpl-pagination p{padding-bottom:0px}}.xpl-pagination span{font-weight:500}.xpl-pagination nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.xpl-pagination nav{border-radius:0.375rem;display:inline-flex;position:relative;--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:0}.xpl-pagination svg{height:1.25rem;width:1.25rem;fill:currentColor}.xpl-pagination .xpl-pagination-prev{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-prev:hover{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-prev{--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity));border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem;border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;position:relative;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-next{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-next:hover{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-next{--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity));border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;position:relative;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-prev span,.xpl-pagination .xpl-pagination-next span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.xpl-pagination a,.xpl-pagination button{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.xpl-pagination a:hover,.xpl-pagination button:hover{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-pagination a,.xpl-pagination button{--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity));border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;position:relative;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-pagination-ellipsis{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(234, 235, 239, var(--tw-border-opacity));border-width:1px;display:inline-flex;align-items:center;font-weight:500;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;position:relative;--tw-text-opacity:1;color:rgba(60, 56, 71, var(--tw-text-opacity))}.xpl-pagination .xpl-pagination-current{--tw-bg-opacity:1;background-color:rgba(238, 242, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity));z-index:10}.xpl-pagination .xpl-pagination-current:hover{--tw-bg-opacity:1;background-color:rgba(238, 242, 255, var(--tw-bg-opacity))}.xpl-pagination .xpl-pagination-show-md{display:none}@media (min-width: 768px){.xpl-pagination .xpl-pagination-show-md{display:inline-flex}}.flatpickr-day.xpl-pagination .xpl-pagination-show-md{visibility:hidden}@media (max-width: 1023px){.xpl-secondary-nav nav::after{content:'';background:linear-gradient(270deg, #fff 13.64%, rgba(255, 255, 255, 0) 89.53%)}.dark .xpl-secondary-nav nav::after{background:linear-gradient(
3862
14
  270deg,
3863
- rgba(32 30 41 / 100%) 20%,
15
+ rgba(32, 30, 41, 1) 20%,
3864
16
  rgb(32 30 41 / 15%) 89%
3865
- );
3866
- }
3867
- }
3868
- .xpl-secondary-nav nav {
3869
- position: relative;
3870
- --tw-bg-opacity: 1;
3871
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
3872
- }
3873
- .xpl-secondary-nav nav ul::-webkit-scrollbar {
3874
- display: none;
3875
- }
3876
- .dark .xpl-secondary-nav nav ul {
3877
- --tw-bg-opacity: 1;
3878
- background-color: rgb(32 30 41 / var(--tw-bg-opacity))
3879
- }
3880
- .xpl-secondary-nav nav ul {
3881
- display: flex;
3882
- flex-direction: row;
3883
- overflow-y: auto;
3884
- white-space: nowrap;
3885
- --tw-bg-opacity: 1;
3886
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
3887
- }
3888
- @media (min-width: 1024px) {
3889
- .xpl-secondary-nav nav ul {
3890
- flex-direction: column
3891
- }
3892
- .xpl-secondary-nav nav ul > :not([hidden]) ~ :not([hidden]) {
3893
- --tw-space-y-reverse: 0;
3894
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
3895
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
3896
- }
3897
- .xpl-secondary-nav nav ul {
3898
- white-space: normal;
3899
- padding-left: 0px;
3900
- padding-right: 0px
3901
- }
3902
- }
3903
- .xpl-secondary-nav nav ul .xpl-nav-item a {
3904
- height: 52px;
3905
- }
3906
- .dark .xpl-secondary-nav nav ul .xpl-nav-item a {
3907
- --tw-bg-opacity: 1;
3908
- background-color: rgb(32 30 41 / var(--tw-bg-opacity));
3909
- --tw-text-opacity: 1;
3910
- color: rgb(106 109 125 / var(--tw-text-opacity))
3911
- }
3912
- .dark .xpl-secondary-nav nav ul .xpl-nav-item a.active, .dark .xpl-secondary-nav nav ul .xpl-nav-item a:active, .dark .xpl-secondary-nav nav ul .xpl-nav-item a:focus {
3913
- --tw-border-opacity: 1;
3914
- border-color: rgb(249 145 112 / var(--tw-border-opacity));
3915
- --tw-bg-opacity: 1;
3916
- background-color: rgb(24 22 31 / var(--tw-bg-opacity));
3917
- --tw-text-opacity: 1;
3918
- color: rgb(255 255 255 / var(--tw-text-opacity))
3919
- }
3920
- .xpl-secondary-nav nav ul .xpl-nav-item a.active,
3921
- .xpl-secondary-nav nav ul .xpl-nav-item a:active,
3922
- .xpl-secondary-nav nav ul .xpl-nav-item a:focus {
3923
- --tw-border-opacity: 1;
3924
- border-color: rgb(249 145 112 / var(--tw-border-opacity));
3925
- --tw-bg-opacity: 1;
3926
- background-color: rgb(254 246 244 / var(--tw-bg-opacity));
3927
- --tw-text-opacity: 1;
3928
- color: rgb(48 45 59 / var(--tw-text-opacity))
3929
- }
3930
- .dark .xpl-secondary-nav nav ul .xpl-nav-item a:hover {
3931
- background-color: transparent;
3932
- --tw-text-opacity: 1;
3933
- color: rgb(255 255 255 / var(--tw-text-opacity))
3934
- }
3935
- .xpl-secondary-nav nav ul .xpl-nav-item a:hover {
3936
- background-color: transparent;
3937
- --tw-text-opacity: 1;
3938
- color: rgb(48 45 59 / var(--tw-text-opacity))
3939
- }
3940
- .xpl-secondary-nav nav ul .xpl-nav-item a {
3941
- border-bottom-width: 4px;
3942
- border-right-width: 0px;
3943
- padding-top: 1rem;
3944
- padding-bottom: 1rem;
3945
- padding-left: 1.5rem;
3946
- padding-right: 1.5rem;
3947
- font-size: 0.875rem;
3948
- line-height: 1.25rem
3949
- }
3950
- @media (min-width: 1024px) {
3951
- .xpl-secondary-nav nav ul .xpl-nav-item a {
3952
- height: 3rem;
3953
- border-bottom-width: 0px;
3954
- border-right-width: 4px
3955
- }
3956
- }
3957
- .dark .xpl-secondary-nav {
3958
- --tw-bg-opacity: 1;
3959
- background-color: rgb(32 30 41 / var(--tw-bg-opacity))
3960
- }
3961
- @media (min-width: 1024px) {
3962
- .xpl-secondary-nav nav ul .xpl-nav-item a {
3963
- width: 200px;
3964
- }
3965
- }
3966
- .xpl-secondary-nav {
3967
- --tw-bg-opacity: 1;
3968
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3969
- padding-top: 1.25rem;
3970
- padding-bottom: 1rem
3971
- }
3972
- @media (min-width: 1024px) {
3973
- .xpl-secondary-nav {
3974
- display: block;
3975
- padding: 0px
3976
- }
3977
- }
3978
- .xpl-select .xpl-input-wrapper > button {
3979
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6813 7.44187L0.132167 1.93773C-0.0440556 1.76151 -0.0440556 1.47655 0.132167 1.30033L0.874551 0.557948C1.05077 0.381726 1.33573 0.381726 1.51195 0.557948L6 5.001L10.488 0.557948C10.6643 0.381726 10.9492 0.381726 11.1254 0.557948L11.8678 1.30033C12.0441 1.47655 12.0441 1.76151 11.8678 1.93773L6.3187 7.44187C6.14248 7.61809 5.85752 7.61809 5.6813 7.44187Z' fill='%23272431'/%3E%3C/svg%3E");
3980
- background-position: calc(100% - 16px) center;
3981
- background-repeat: no-repeat;
3982
- height: 44px;
3983
- outline: none !important;
3984
- display: block;
3985
- width: 100%;
3986
- overflow: hidden;
3987
- background-color: transparent;
3988
- padding-right: 0.5rem;
3989
- text-align: left;
3990
- font-size: 0.875rem;
3991
- line-height: 1.25rem;
3992
- --tw-text-opacity: 1;
3993
- color: rgb(106 109 125 / var(--tw-text-opacity));
3994
- }
3995
- .xpl-select.xpl-select--disabled .xpl-input-wrapper > button {
3996
- cursor: not-allowed
3997
- }
3998
- .xpl-select.xpl-select--no-truncate .xpl-input-wrapper > button {
3999
- position: absolute;
4000
- right: 0px;
4001
- height: 100%;
4002
- width: 100%
4003
- }
4004
- .xpl-select--no-truncate .xpl-input-wrapper {
4005
- min-height: 46px;
4006
- }
4007
- .xpl-select-value {
4008
- pointer-events: none;
4009
- position: absolute;
4010
- white-space: nowrap;
4011
- font-size: 0.875rem;
4012
- line-height: 1.25rem;
4013
- --tw-text-opacity: 1;
4014
- color: rgb(106 109 125 / var(--tw-text-opacity))
4015
- }
4016
- .xpl-select--no-truncate .xpl-select-value {
4017
- position: relative;
4018
- white-space: normal;
4019
- padding-right: 2rem
4020
- }
4021
- .xpl-select--no-truncate xpl-tag {
4022
- z-index: 10;
4023
- margin-bottom: 0.5rem
4024
- }
4025
- .xpl-select-value.has-value {
4026
- --tw-text-opacity: 1;
4027
- color: rgb(48 45 59 / var(--tw-text-opacity))
4028
- }
4029
- .dark .xpl-select-value {
4030
- --tw-text-opacity: 1;
4031
- color: rgb(153 155 168 / var(--tw-text-opacity))
4032
- }
4033
- .dark .xpl-select-value.has-value {
4034
- --tw-text-opacity: 1;
4035
- color: rgb(255 255 255 / var(--tw-text-opacity))
4036
- }
4037
- .xpl-select-value--active {
4038
- padding-top: 8px;
4039
- pointer-events: auto;
4040
- top: 0px;
4041
- }
4042
- .dark .xpl-select .xpl-input-wrapper > button {
4043
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6813 7.44187L0.132167 1.93773C-0.0440556 1.76151 -0.0440556 1.47655 0.132167 1.30033L0.874551 0.557948C1.05077 0.381726 1.33573 0.381726 1.51195 0.557948L6 5.001L10.488 0.557948C10.6643 0.381726 10.9492 0.381726 11.1254 0.557948L11.8678 1.30033C12.0441 1.47655 12.0441 1.76151 11.8678 1.93773L6.3187 7.44187C6.14248 7.61809 5.85752 7.61809 5.6813 7.44187Z' fill='white'/%3E%3C/svg%3E");
4044
- --tw-text-opacity: 1;
4045
- color: rgb(153 155 168 / var(--tw-text-opacity));
4046
- }
4047
- .dark .xpl-select .xpl-input-wrapper button.has-value {
4048
- --tw-text-opacity: 1;
4049
- color: rgb(255 255 255 / var(--tw-text-opacity))
4050
- }
4051
- .xpl-table-container {
4052
- overflow: auto;
4053
- border-radius: 0.375rem;
4054
- border-width: 1px;
4055
- --tw-border-opacity: 1;
4056
- border-color: rgb(238 239 243 / var(--tw-border-opacity));
4057
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
4058
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4059
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
4060
- }
4061
- .dark .xpl-table-container {
4062
- --tw-border-opacity: 1;
4063
- border-color: rgb(54 50 64 / var(--tw-border-opacity));
4064
- --tw-bg-opacity: 1;
4065
- background-color: rgb(48 45 59 / var(--tw-bg-opacity))
4066
- }
4067
- .xpl-table {
4068
- min-width: 100%
4069
- }
4070
- .xpl-table > :not([hidden]) ~ :not([hidden]) {
4071
- --tw-divide-y-reverse: 0;
4072
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
4073
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
4074
- --tw-divide-opacity: 1;
4075
- border-color: rgb(238 239 243 / var(--tw-divide-opacity))
4076
- }
4077
- .dark .xpl-table > :not([hidden]) ~ :not([hidden]) {
4078
- --tw-divide-opacity: 1;
4079
- border-color: rgb(54 50 64 / var(--tw-divide-opacity))
4080
- }
4081
- .xpl-table--abs {
4082
- position: absolute
4083
- }
4084
- .xpl-table thead th {
4085
- white-space: nowrap;
4086
- padding-left: 1.5rem;
4087
- padding-right: 1.5rem;
4088
- padding-top: 0.75rem;
4089
- padding-bottom: 0.75rem;
4090
- text-align: left;
4091
- font-size: 0.75rem;
4092
- line-height: 1rem;
4093
- font-weight: 500;
4094
- --tw-text-opacity: 1;
4095
- color: rgb(153 155 168 / var(--tw-text-opacity))
4096
- }
4097
- .xpl-table-row-selected td {
4098
- --tw-bg-opacity: 1 !important;
4099
- background-color: rgb(244 242 255 / var(--tw-bg-opacity)) !important
4100
- }
4101
- .xpl-table tbody tr td {
4102
- white-space: nowrap;
4103
- padding-left: 1.5rem;
4104
- padding-right: 1.5rem;
4105
- padding-top: 1rem;
4106
- padding-bottom: 1rem;
4107
- font-size: 0.875rem;
4108
- line-height: 1.25rem;
4109
- --tw-text-opacity: 1;
4110
- color: rgb(153 155 168 / var(--tw-text-opacity))
4111
- }
4112
- .dark .xpl-table-row-selected td {
4113
- --tw-bg-opacity: 1 !important;
4114
- background-color: rgb(54 50 64 / var(--tw-bg-opacity)) !important
4115
- }
4116
- .xpl-table--freeze thead th:first-child,
4117
- .xpl-table--freeze tbody td:first-child {
4118
- border-right-width: 1px;
4119
- position: sticky;
4120
- left: 0px;
4121
- z-index: 10;
4122
- --tw-border-opacity: 1;
4123
- border-color: rgb(238 239 243 / var(--tw-border-opacity));
4124
- --tw-bg-opacity: 1;
4125
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
4126
- }
4127
- .xpl-table--freeze thead th:first-child {
4128
- --tw-bg-opacity: 1;
4129
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
4130
- }
4131
- .xpl-table tbody tr td:first-child,
4132
- .xpl-table p {
4133
- font-size: 0.875rem;
4134
- line-height: 1.25rem;
4135
- font-weight: 500;
4136
- --tw-text-opacity: 1;
4137
- color: rgb(48 45 59 / var(--tw-text-opacity))
4138
- }
4139
- .dark .xpl-table thead th {
4140
- --tw-text-opacity: 1;
4141
- color: rgb(234 235 239 / var(--tw-text-opacity))
4142
- }
4143
- .dark .xpl-table tbody tr td {
4144
- --tw-text-opacity: 1;
4145
- color: rgb(234 235 239 / var(--tw-text-opacity))
4146
- }
4147
- .dark .xpl-table--freeze thead th:first-child {
4148
- background-color: var(--xpl-color-background-dm);
4149
- --tw-border-opacity: 1;
4150
- border-color: rgb(54 50 64 / var(--tw-border-opacity));
4151
- }
4152
- .dark .xpl-table--freeze tbody td:first-child {
4153
- background-color: var(--xpl-color-foreground-dm);
4154
- --tw-border-opacity: 1;
4155
- border-color: rgb(54 50 64 / var(--tw-border-opacity));
4156
- }
4157
- .xpl-table--freeze thead th:first-child::after,
4158
- .xpl-table--freeze tbody td:first-child::after {
4159
- background:
4160
- linear-gradient(
17
+ )}}@media (max-width: 1023px){.xpl-secondary-nav nav::after{overflow:hidden;position:absolute;top:0px;right:0px;bottom:0px;width:1.75rem}}.xpl-secondary-nav nav{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));position:relative}.xpl-secondary-nav nav ul::-webkit-scrollbar{display:none}.dark .xpl-secondary-nav nav ul{--tw-bg-opacity:1;background-color:rgba(32, 30, 41, var(--tw-bg-opacity))}.xpl-secondary-nav nav ul{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));display:flex;flex-direction:row;overflow-y:auto;white-space:nowrap}@media (min-width: 1024px){.xpl-secondary-nav nav ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.xpl-secondary-nav nav ul{flex-direction:column;padding-right:0px;padding-left:0px;white-space:normal}}.xpl-secondary-nav nav ul .xpl-nav-item a{height:52px}.dark .xpl-secondary-nav nav ul .xpl-nav-item a{--tw-bg-opacity:1;background-color:rgba(32, 30, 41, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark .xpl-secondary-nav nav ul .xpl-nav-item a.active,.dark .xpl-secondary-nav nav ul .xpl-nav-item a:active,.dark .xpl-secondary-nav nav ul .xpl-nav-item a:focus{--tw-bg-opacity:1;background-color:rgba(24, 22, 31, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(249, 145, 112, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-secondary-nav nav ul .xpl-nav-item a.active,.xpl-secondary-nav nav ul .xpl-nav-item a:active,.xpl-secondary-nav nav ul .xpl-nav-item a:focus{--tw-bg-opacity:1;background-color:rgba(254, 246, 244, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(249, 145, 112, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.dark .xpl-secondary-nav nav ul .xpl-nav-item a:hover{background-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-secondary-nav nav ul .xpl-nav-item a:hover{background-color:transparent;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-secondary-nav nav ul .xpl-nav-item a{border-right-width:0px;border-bottom-width:4px;font-size:0.875rem;line-height:1.25rem;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 1024px){.xpl-secondary-nav nav ul .xpl-nav-item a{border-bottom-width:0px;border-right-width:4px;height:3rem}}.dark .xpl-secondary-nav{--tw-bg-opacity:1;background-color:rgba(32, 30, 41, var(--tw-bg-opacity))}@media (min-width: 1024px){.xpl-secondary-nav nav ul .xpl-nav-item a{width:200px}}.xpl-secondary-nav{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding-bottom:1rem;padding-top:1.25rem}@media (min-width: 1024px){.xpl-secondary-nav{display:block;padding:0px}}.xpl-select .xpl-input-wrapper>button{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6813 7.44187L0.132167 1.93773C-0.0440556 1.76151 -0.0440556 1.47655 0.132167 1.30033L0.874551 0.557948C1.05077 0.381726 1.33573 0.381726 1.51195 0.557948L6 5.001L10.488 0.557948C10.6643 0.381726 10.9492 0.381726 11.1254 0.557948L11.8678 1.30033C12.0441 1.47655 12.0441 1.76151 11.8678 1.93773L6.3187 7.44187C6.14248 7.61809 5.85752 7.61809 5.6813 7.44187Z' fill='%23272431'/%3E%3C/svg%3E");background-position:calc(100% - 16px) center;background-repeat:no-repeat;height:44px;outline:none !important;background-color:transparent;display:block;font-size:0.875rem;line-height:1.25rem;overflow:hidden;padding-right:0.5rem;text-align:left;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity));width:100%}.xpl-select.xpl-select--disabled .xpl-input-wrapper>button{cursor:not-allowed}.xpl-select.xpl-select--no-truncate .xpl-input-wrapper>button{height:100%;position:absolute;right:0px;width:100%}.xpl-select--no-truncate .xpl-input-wrapper{min-height:46px}.xpl-select-value{font-size:0.875rem;line-height:1.25rem;pointer-events:none;position:absolute;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity));white-space:nowrap}.xpl-select--no-truncate .xpl-select-value{padding-right:2rem;position:relative;white-space:normal}.xpl-select--no-truncate xpl-tag{margin-bottom:0.5rem;z-index:10}.xpl-select-value.has-value{--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.dark .xpl-select-value{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.dark .xpl-select-value.has-value{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-select-value--active{padding-top:8px;pointer-events:auto;top:0px}.dark .xpl-select .xpl-input-wrapper>button{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6813 7.44187L0.132167 1.93773C-0.0440556 1.76151 -0.0440556 1.47655 0.132167 1.30033L0.874551 0.557948C1.05077 0.381726 1.33573 0.381726 1.51195 0.557948L6 5.001L10.488 0.557948C10.6643 0.381726 10.9492 0.381726 11.1254 0.557948L11.8678 1.30033C12.0441 1.47655 12.0441 1.76151 11.8678 1.93773L6.3187 7.44187C6.14248 7.61809 5.85752 7.61809 5.6813 7.44187Z' fill='white'/%3E%3C/svg%3E");--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.dark .xpl-select .xpl-input-wrapper button.has-value{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-table-container{--tw-border-opacity:1;border-color:rgba(238, 239, 243, var(--tw-border-opacity));border-radius:0.375rem;border-width:1px;overflow:auto;--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.dark .xpl-table-container{--tw-bg-opacity:1;background-color:rgba(48, 45, 59, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(54, 50, 64, var(--tw-border-opacity))}.xpl-table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgba(238, 239, 243, var(--tw-divide-opacity))}.xpl-table{min-width:100%}.dark .xpl-table>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(54, 50, 64, var(--tw-divide-opacity))}.xpl-table--abs{position:absolute}.xpl-table thead th{font-weight:500;font-size:0.75rem;line-height:1rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.5rem;padding-right:1.5rem;text-align:left;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity));white-space:nowrap}.xpl-table-row-selected td{--tw-bg-opacity:1 !important;background-color:rgba(244, 242, 255, var(--tw-bg-opacity)) !important}.xpl-table tbody tr td{font-size:0.875rem;line-height:1.25rem;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity));white-space:nowrap}.dark .xpl-table-row-selected td{--tw-bg-opacity:1 !important;background-color:rgba(54, 50, 64, var(--tw-bg-opacity)) !important}.xpl-table--freeze thead th:first-child,.xpl-table--freeze tbody td:first-child{border-right-width:1px}.xpl-table--freeze thead th:first-child,.xpl-table--freeze tbody td:first-child{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(238, 239, 243, var(--tw-border-opacity));position:sticky;left:0px;z-index:10}.xpl-table--freeze thead th:first-child{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-table tbody tr td:first-child,.xpl-table p{font-weight:500;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.dark .xpl-table thead th{--tw-text-opacity:1;color:rgba(234, 235, 239, var(--tw-text-opacity))}.dark .xpl-table tbody tr td{--tw-text-opacity:1;color:rgba(234, 235, 239, var(--tw-text-opacity))}.dark .xpl-table--freeze thead th:first-child{background-color:var(--xpl-color-background-dm);--tw-border-opacity:1;border-color:rgba(54, 50, 64, var(--tw-border-opacity))}.dark .xpl-table--freeze tbody td:first-child{background-color:var(--xpl-color-foreground-dm);--tw-border-opacity:1;border-color:rgba(54, 50, 64, var(--tw-border-opacity))}.xpl-table--freeze thead th:first-child::after,.xpl-table--freeze tbody td:first-child::after{background:linear-gradient(
4161
18
  90deg,
4162
19
  #e4e6eb 0%,
4163
20
  #e4e6eb 0.01%,
4164
- rgba(228 230 235 / 0%) 100%
4165
- );
4166
- content: "";
4167
- width: 24px;
4168
- position: absolute;
4169
- left: 100%;
4170
- top: 0px;
4171
- display: block;
4172
- height: 100%;
4173
- opacity: 0;
4174
- transition-property: opacity;
4175
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4176
- transition-duration: 150ms;
4177
- }
4178
- .xpl-table--has-scrolled thead th:first-child::after,
4179
- .xpl-table--has-scrolled tbody td:first-child::after {
4180
- opacity: 1
4181
- }
4182
- .dark .xpl-table--freeze thead th:first-child::after,
4183
- .dark .xpl-table--freeze tbody td:first-child::after {
4184
- background:
4185
- linear-gradient(
21
+ rgba(228, 230, 235, 0) 100%
22
+ );content:"";width:24px}.xpl-table--freeze thead th:first-child::after,.xpl-table--freeze tbody td:first-child::after{display:block;height:100%;opacity:0;position:absolute;top:0px;left:100%;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.xpl-table--has-scrolled thead th:first-child::after,.xpl-table--has-scrolled tbody td:first-child::after{opacity:1}.dark .xpl-table--freeze thead th:first-child::after,.dark .xpl-table--freeze tbody td:first-child::after{background:linear-gradient(
4186
23
  90deg,
4187
- rgba(0 0 0 / 40%) 0%,
4188
- rgba(0 0 0 / 0%) 100%
4189
- );
4190
- }
4191
- .xpl-table thead {
4192
- --tw-bg-opacity: 1;
4193
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
4194
- }
4195
- .dark .xpl-table thead {
4196
- background-color: var(--xpl-color-background-dm);
4197
- }
4198
- .xpl-table tbody > :not([hidden]) ~ :not([hidden]) {
4199
- --tw-divide-y-reverse: 0;
4200
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
4201
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
4202
- --tw-divide-opacity: 1;
4203
- border-color: rgb(238 239 243 / var(--tw-divide-opacity))
4204
- }
4205
- .xpl-table tbody {
4206
- --tw-bg-opacity: 1;
4207
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
4208
- }
4209
- .dark .xpl-table tbody {
4210
- background-color: var(--xpl-color-foreground-dm);
4211
- }
4212
- .dark .xpl-table tbody > :not([hidden]) ~ :not([hidden]) {
4213
- --tw-divide-opacity: 1;
4214
- border-color: rgb(60 56 71 / var(--tw-divide-opacity))
4215
- }
4216
- .xpl-table.xpl-table--striped tbody tr:nth-child(2n) td {
4217
- --tw-bg-opacity: 1;
4218
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
4219
- }
4220
- .dark .xpl-table tbody tr td:first-child,
4221
- .dark .xpl-table p {
4222
- --tw-text-opacity: 1;
4223
- color: rgb(255 255 255 / var(--tw-text-opacity))
4224
- }
4225
- .dark .xpl-table.xpl-table--striped tbody tr:nth-child(2n) td {
4226
- --tw-bg-opacity: 1;
4227
- background-color: rgb(48 45 59 / var(--tw-bg-opacity))
4228
- }
4229
- .xpl-table .wrap {
4230
- white-space: normal
4231
- }
4232
- .xpl-table a {
4233
- --tw-text-opacity: 1;
4234
- color: rgb(79 70 229 / var(--tw-text-opacity))
4235
- }
4236
- .xpl-table a:hover {
4237
- --tw-text-opacity: 1;
4238
- color: rgb(49 46 129 / var(--tw-text-opacity))
4239
- }
4240
- .xpl-table label {
4241
- display: flex;
4242
- cursor: pointer;
4243
- align-items: center
4244
- }
4245
- .xpl-table input[type="checkbox"] {
4246
- margin-right: 1.5rem;
4247
- cursor: pointer
4248
- }
4249
- .xpl-tabs {
4250
- margin-bottom: 0.75rem;
4251
- overflow-x: auto
4252
- }
4253
- .xpl-tabs nav {
4254
- display: flex;
4255
- min-width: 100%
4256
- }
4257
- .xpl-tabs nav > :not([hidden]) ~ :not([hidden]) {
4258
- --tw-space-x-reverse: 0;
4259
- margin-right: calc(2rem * var(--tw-space-x-reverse));
4260
- margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
4261
- }
4262
- .xpl-tabs nav {
4263
- border-bottom-width: 1px;
4264
- --tw-border-opacity: 1;
4265
- border-color: rgb(238 239 243 / var(--tw-border-opacity))
4266
- }
4267
- .xpl-tabs a,
4268
- .xpl-tabs button {
4269
- display: flex;
4270
- white-space: nowrap;
4271
- border-bottom-width: 2px;
4272
- border-color: transparent;
4273
- padding-top: 1rem;
4274
- padding-bottom: 1rem;
4275
- padding-left: 0.25rem;
4276
- padding-right: 0.25rem;
4277
- font-size: 0.75rem;
4278
- line-height: 1rem;
4279
- font-weight: 500;
4280
- --tw-text-opacity: 1;
4281
- color: rgb(153 155 168 / var(--tw-text-opacity))
4282
- }
4283
- .xpl-tabs a:hover,
4284
- .xpl-tabs button:hover {
4285
- --tw-border-opacity: 1;
4286
- border-color: rgb(238 239 243 / var(--tw-border-opacity));
4287
- --tw-text-opacity: 1;
4288
- color: rgb(60 56 71 / var(--tw-text-opacity))
4289
- }
4290
- .xpl-tabs a span,
4291
- .xpl-tabs button span {
4292
- margin-left: 0.75rem;
4293
- border-radius: 9999px;
4294
- --tw-bg-opacity: 1;
4295
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
4296
- padding-top: 0.125rem;
4297
- padding-bottom: 0.125rem;
4298
- padding-left: 0.625rem;
4299
- padding-right: 0.625rem;
4300
- font-size: 0.625rem;
4301
- line-height: 0.875rem;
4302
- font-weight: 500;
4303
- --tw-text-opacity: 1;
4304
- color: rgb(48 45 59 / var(--tw-text-opacity))
4305
- }
4306
- .xpl-tabs a.current,
4307
- .xpl-tabs button.current {
4308
- --tw-border-opacity: 1;
4309
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
4310
- --tw-text-opacity: 1;
4311
- color: rgb(79 70 229 / var(--tw-text-opacity))
4312
- }
4313
- .xpl-tabs a.current span,
4314
- .xpl-tabs button.current span {
4315
- --tw-bg-opacity: 1;
4316
- background-color: rgb(224 231 255 / var(--tw-bg-opacity));
4317
- --tw-text-opacity: 1;
4318
- color: rgb(79 70 229 / var(--tw-text-opacity))
4319
- }
4320
- .xpl-tag-container {
4321
- position: relative;
4322
- display: inline-flex
4323
- }
4324
- button.xpl-tag {
4325
- border-color: var(--xpl-color-secondary-lm);
4326
- padding: 2px 28px 2px 10px;
4327
- margin-right: -0.25rem;
4328
- border-radius: 9999px;
4329
- border-width: 1px;
4330
- font-size: 0.875rem;
4331
- line-height: 1.25rem;
4332
- --tw-text-opacity: 1;
4333
- color: rgb(48 45 59 / var(--tw-text-opacity));
4334
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
4335
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4336
- transition-duration: 150ms;
4337
- }
4338
- .xpl-tag-container:hover button.xpl-tag {
4339
- --tw-bg-opacity: 1;
4340
- background-color: rgb(235 229 255 / var(--tw-bg-opacity))
4341
- }
4342
- .dark .xpl-tag {
4343
- border-color: var(--xpl-color-secondary-dm);
4344
- --tw-bg-opacity: 1;
4345
- background-color: rgb(48 45 59 / var(--tw-bg-opacity));
4346
- --tw-text-opacity: 1;
4347
- color: rgb(255 255 255 / var(--tw-text-opacity));
4348
- }
4349
- .dark .xpl-tag-container:hover button.xpl-tag {
4350
- --tw-border-opacity: 1;
4351
- border-color: rgb(235 229 255 / var(--tw-border-opacity));
4352
- --tw-bg-opacity: 1;
4353
- background-color: rgb(60 56 71 / var(--tw-bg-opacity))
4354
- }
4355
- button.xpl-tag__close {
4356
- right: 18px;
4357
- top: -1px;
4358
- position: relative;
4359
- height: 100%;
4360
- font-size: 1.25rem;
4361
- line-height: 1.75rem;
4362
- --tw-text-opacity: 1;
4363
- color: rgb(106 109 125 / var(--tw-text-opacity));
4364
- }
4365
- .dark button.xpl-tag__close {
4366
- --tw-text-opacity: 1;
4367
- color: rgb(153 155 168 / var(--tw-text-opacity))
4368
- }
4369
- .xpl-toggle-container {
4370
- margin-bottom: 1.5rem;
4371
- display: flex;
4372
- flex-wrap: wrap
4373
- }
4374
- .xpl-toggle {
4375
- --tw-ring-color: var(--xpl-color-secondary-lm);
4376
-
4377
- border-radius: 12px;
4378
- border-color: #d1d5db;
4379
- height: 24px;
4380
- top: 2px;
4381
- transition-property: background-color;
4382
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4383
- transition-duration: 150ms;
4384
- width: 44px;
4385
- position: relative;
4386
- flex-shrink: 0;
4387
- cursor: pointer;
4388
- -webkit-appearance: none;
4389
- -moz-appearance: none;
4390
- appearance: none;
4391
- --tw-bg-opacity: 1;
4392
- background-color: rgb(225 226 232 / var(--tw-bg-opacity));
4393
- }
4394
- .xpl-toggle:hover {
4395
- --tw-bg-opacity: 1;
4396
- background-color: rgb(153 155 168 / var(--tw-bg-opacity))
4397
- }
4398
- .xpl-toggle:focus {
4399
- outline: 2px solid transparent;
4400
- outline-offset: 2px;
4401
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4402
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4403
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
4404
- --tw-ring-offset-width: 2px
4405
- }
4406
- .xpl-toggle-container label {
4407
- cursor: pointer;
4408
- font-size: 0.875rem;
4409
- line-height: 1.25rem;
4410
- --tw-text-opacity: 1;
4411
- color: rgb(48 45 59 / var(--tw-text-opacity))
4412
- }
4413
- /* label (to the right of toggle) */
4414
- .xpl-toggle + label {
4415
- margin-top: 0.25rem;
4416
- cursor: pointer;
4417
- padding-left: 1rem;
4418
- padding-right: 1rem;
4419
- vertical-align: middle;
4420
- font-size: 0.875rem;
4421
- line-height: 1.25rem
4422
- }
4423
- .xpl-toggle--small + label {
4424
- margin-top: 0px
4425
- }
4426
- .xpl-toggle-container--disabled label {
4427
- color: var(--xpl-color-text-secondary-lm);
4428
- cursor: not-allowed;
4429
- }
4430
- .dark .xpl-toggle-container label {
4431
- --tw-text-opacity: 1;
4432
- color: rgb(255 255 255 / var(--tw-text-opacity))
4433
- }
4434
- /* heading */
4435
- .xpl-toggle-container label:first-child {
4436
- display: block;
4437
- width: 100%;
4438
- padding-bottom: 0.25rem
4439
- }
4440
- /* description */
4441
- .xpl-toggle-container small {
4442
- display: block;
4443
- font-size: 0.75rem;
4444
- line-height: 1rem;
4445
- --tw-text-opacity: 1;
4446
- color: rgb(153 155 168 / var(--tw-text-opacity))
4447
- }
4448
- .dark .xpl-toggle {
4449
- --tw-ring-offset-color: var(--xpl-color-gray-900);
4450
- --tw-ring-color: var(--xpl-color-secondary-dm);
4451
- --tw-bg-opacity: 1;
4452
- background-color: rgb(106 109 125 / var(--tw-bg-opacity));
4453
- }
4454
- .dark .xpl-toggle:hover {
4455
- --tw-bg-opacity: 1;
4456
- background-color: rgb(153 155 168 / var(--tw-bg-opacity))
4457
- }
4458
- .xpl-toggle::after {
4459
- background-color: #fff;
4460
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L7 7M1 7L4 4L1 7ZM4 4L7 1L4 4ZM4 4L1 1L4 4Z' stroke='%236A6D7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
4461
- background-position: 50% 50%;
4462
- background-repeat: no-repeat;
4463
- border-radius: 50%;
4464
- box-shadow: 0 1px 3px 0 #0000001a;
4465
- content: "";
4466
- display: block;
4467
- height: 20px;
4468
- position: absolute;
4469
- top: 2px;
4470
- left: 2px;
4471
- width: 20px;
4472
- transition-property: transform;
4473
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4474
- transition-duration: 150ms;
4475
- }
4476
- .dark .xpl-toggle + label {
4477
- --tw-text-opacity: 1;
4478
- color: rgb(255 255 255 / var(--tw-text-opacity))
4479
- }
4480
- .xpl-toggle:checked {
4481
- background-color: var(--xpl-color-secondary-lm);
4482
- }
4483
- .xpl-toggle-container--disabled .xpl-toggle,
4484
- .xpl-toggle-container--disabled .xpl-toggle:hover {
4485
- cursor: not-allowed;
4486
- --tw-bg-opacity: 1;
4487
- background-color: rgb(238 239 243 / var(--tw-bg-opacity))
4488
- }
4489
- .dark .xpl-toggle:checked {
4490
- background-color: var(--xpl-color-secondary-dm);
4491
- }
4492
- .dark .xpl-toggle-container--disabled .xpl-toggle {
4493
- background-color: var(--xpl-color-action-disabled-dm);
4494
- }
4495
- .xpl-toggle:checked:hover {
4496
- background-color: var(--xpl-color-secondary-hover-lm);
4497
- }
4498
- .xpl-toggle:checked::after {
4499
- background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%236923F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
4500
- transform: translateX(20px);
4501
- }
4502
- .xpl-toggle:disabled::after {
4503
- --tw-bg-opacity: 1;
4504
- background-color: rgb(248 249 250 / var(--tw-bg-opacity))
4505
- }
4506
- .xpl-toggle:checked:hover::after {
4507
- background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%234D1AB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
4508
- }
4509
- .xpl-toggle:disabled:checked,
4510
- .xpl-toggle:disabled:checked:hover {
4511
- --tw-bg-opacity: 1;
4512
- background-color: rgb(221 209 255 / var(--tw-bg-opacity))
4513
- }
4514
- .dark .xpl-toggle:checked:hover {
4515
- background-color: var(--xpl-color-secondary-hover-dm);
4516
- }
4517
- .dark .xpl-toggle:disabled:checked,
4518
- .dark .xpl-toggle:disabled:checked:hover {
4519
- background-color: var(--xpl-color-action-disabled-dm);
4520
- }
4521
- .xpl-toggle:disabled:checked::after {
4522
- background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%23A480FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
4523
- }
4524
- .dark .xpl-toggle:disabled::after {
4525
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L7 7M1 7L4 4L1 7ZM4 4L7 1L4 4ZM4 4L1 1L4 4Z' stroke='%23272431' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
4526
- --tw-bg-opacity: 1;
4527
- background-color: rgb(106 109 125 / var(--tw-bg-opacity));
4528
- }
4529
- .dark .xpl-toggle:disabled:checked::after {
4530
- background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%23272431' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
4531
- }
4532
- .xpl-toggle--small {
4533
- border-radius: 8px;
4534
- height: 16px;
4535
- width: 28px;
4536
- }
4537
- .xpl-toggle--small::after {
4538
- background-position: center calc(50% + 0.5px);
4539
- background-size: 50% auto;
4540
- height: 12px;
4541
- width: 12px;
4542
- }
4543
- .xpl-toggle--small:checked::after {
4544
- background-size: 60% auto;
4545
- transform: translateX(12px);
4546
- }
4547
- .xpl-utility-bar {
4548
- background-color: var(--xpl-color-gray-0);
4549
- color: var(--xpl-color-gray-500);
4550
- }
4551
- .xpl-utility-bar ul > *, .xpl-utility-bar nav > *, .xpl-utility-bar xpl-breadcrumbs > * {
4552
- display: grid;
4553
- align-content: center
4554
- }
4555
- .xpl-utility-bar ul:nth-child(2) > *, .xpl-utility-bar nav:nth-child(2) > *, .xpl-utility-bar xpl-breadcrumbs:nth-child(2) > * {
4556
- margin-left: 0.5rem
4557
- }
4558
- .xpl-utility-bar ul:nth-child(2), .xpl-utility-bar nav:nth-child(2), .xpl-utility-bar xpl-breadcrumbs:nth-child(2) {
4559
- justify-self: end
4560
- }
4561
- .xpl-utility-bar ul:first-child > *, .xpl-utility-bar nav:first-child > *, .xpl-utility-bar xpl-breadcrumbs:first-child > * {
4562
- margin-right: 0.5rem
4563
- }
4564
- .xpl-utility-bar ul:first-child, .xpl-utility-bar nav:first-child, .xpl-utility-bar xpl-breadcrumbs:first-child {
4565
- justify-self: start
4566
- }
4567
- .xpl-utility-bar ul,
4568
- .xpl-utility-bar nav,
4569
- .xpl-utility-bar xpl-breadcrumbs {
4570
- display: grid;
4571
- grid-auto-flow: column;
4572
- align-content: center;
4573
- align-items: center
4574
- }
4575
- .xpl-utility-bar div:first-child {
4576
- display: flex
4577
- }
4578
- .xpl-utility-bar {
4579
- display: grid;
4580
- grid-auto-flow: column;
4581
- padding-left: 1rem;
4582
- padding-right: 1rem;
4583
- padding-top: 0.75rem;
4584
- padding-bottom: 0.75rem
4585
- }
4586
- @media (min-width: 640px) {
4587
- .xpl-utility-bar {
4588
- padding-left: 1.5rem;
4589
- padding-right: 1.5rem
4590
- }
4591
- }
4592
- .dark .xpl-utility-bar {
4593
- background-color: var(--xpl-color-background-2-dm);
4594
- color: var(--xpl-color-gray-300);
4595
- }
4596
- .xpl-utility-bar__nav-control {
4597
- align-items: center;
4598
- display: flex;
4599
- }
4600
- .xpl-utility-nav__bars {
4601
- color: var(--xpl-color-text-primary-lm);
4602
- fill: currentcolor;
4603
- height: 16px;
4604
- margin-left: 0.5rem;
4605
- margin-right: 0.5rem;
4606
- }
4607
- .dark .xpl-utility-nav__bars {
4608
- color: var(--xpl-color-text-primary-dm);
4609
- }
24
+ rgba(0, 0, 0, 0.4) 0%,
25
+ rgba(0, 0, 0, 0) 100%
26
+ )}.xpl-table thead{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.dark .xpl-table thead{background-color:var(--xpl-color-background-dm)}.xpl-table tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgba(238, 239, 243, var(--tw-divide-opacity))}.xpl-table tbody{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.dark .xpl-table tbody{background-color:var(--xpl-color-foreground-dm)}.dark .xpl-table tbody>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(60, 56, 71, var(--tw-divide-opacity))}.xpl-table.xpl-table--striped tbody tr:nth-child(2n) td{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.dark .xpl-table tbody tr td:first-child,.dark .xpl-table p{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-table.xpl-table--striped tbody tr:nth-child(2n) td{--tw-bg-opacity:1;background-color:rgba(48, 45, 59, var(--tw-bg-opacity))}.xpl-table .wrap{white-space:normal}.xpl-table a{--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-table a:hover{--tw-text-opacity:1;color:rgba(49, 46, 129, var(--tw-text-opacity))}.xpl-table label{cursor:pointer;display:flex;align-items:center}.xpl-table input[type="checkbox"]{cursor:pointer;margin-right:1.5rem}.xpl-tabs{margin-bottom:0.75rem;overflow-x:auto}.xpl-tabs nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.xpl-tabs nav{--tw-border-opacity:1;border-color:rgba(238, 239, 243, var(--tw-border-opacity));border-bottom-width:1px;display:flex;min-width:100%}.xpl-tabs a,.xpl-tabs button{border-color:transparent}.xpl-tabs a:hover,.xpl-tabs button:hover{--tw-border-opacity:1;border-color:rgba(238, 239, 243, var(--tw-border-opacity))}.xpl-tabs a,.xpl-tabs button{border-bottom-width:2px;display:flex;font-weight:500;font-size:0.75rem;line-height:1rem;padding-left:0.25rem;padding-right:0.25rem;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-tabs a:hover,.xpl-tabs button:hover{--tw-text-opacity:1;color:rgba(60, 56, 71, var(--tw-text-opacity))}.xpl-tabs a,.xpl-tabs button{white-space:nowrap}.xpl-tabs a span,.xpl-tabs button span{--tw-bg-opacity:1;background-color:rgba(243, 244, 246, var(--tw-bg-opacity));border-radius:9999px;font-weight:500;font-size:0.625rem;line-height:0.875rem;margin-left:0.75rem;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.625rem;padding-right:0.625rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-tabs a.current,.xpl-tabs button.current{--tw-border-opacity:1;border-color:rgba(99, 102, 241, var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-tabs a.current span,.xpl-tabs button.current span{--tw-bg-opacity:1;background-color:rgba(224, 231, 255, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(79, 70, 229, var(--tw-text-opacity))}.xpl-tag-container{display:inline-flex;position:relative}button.xpl-tag{border-color:var(--xpl-color-secondary-lm);padding:2px 28px 2px 10px;border-radius:9999px;border-width:1px;font-size:0.875rem;line-height:1.25rem;margin-right:-0.25rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity));transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.xpl-tag-container:hover button.xpl-tag{--tw-bg-opacity:1;background-color:rgba(235, 229, 255, var(--tw-bg-opacity))}.dark .xpl-tag{border-color:var(--xpl-color-secondary-dm);--tw-bg-opacity:1;background-color:rgba(48, 45, 59, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark .xpl-tag-container:hover button.xpl-tag{--tw-bg-opacity:1;background-color:rgba(60, 56, 71, var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(235, 229, 255, var(--tw-border-opacity))}button.xpl-tag__close{right:18px;top:-1px;height:100%;font-size:1.25rem;line-height:1.75rem;position:relative;--tw-text-opacity:1;color:rgba(106, 109, 125, var(--tw-text-opacity))}.dark button.xpl-tag__close{--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.xpl-toggle-container{display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.xpl-toggle{--tw-ring-color:var(--xpl-color-secondary-lm);border-radius:12px;border-color:#d1d5db;height:24px;top:2px;transition-property:background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity:1;background-color:rgba(225, 226, 232, var(--tw-bg-opacity))}.xpl-toggle:hover{--tw-bg-opacity:1;background-color:rgba(153, 155, 168, var(--tw-bg-opacity))}.xpl-toggle{cursor:pointer;flex-shrink:0}.xpl-toggle:focus{outline:2px solid transparent;outline-offset:2px}.xpl-toggle{position:relative}.xpl-toggle:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}.xpl-toggle-container label{cursor:pointer;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(48, 45, 59, var(--tw-text-opacity))}.xpl-toggle+label{cursor:pointer;font-size:0.875rem;line-height:1.25rem;margin-top:0.25rem;padding-right:1rem;padding-left:1rem;vertical-align:middle}.xpl-toggle--small+label{margin-top:0px}.xpl-toggle-container--disabled label{color:var(--xpl-color-text-secondary-lm);cursor:not-allowed}.dark .xpl-toggle-container label{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-toggle-container label:first-child{display:block;padding-bottom:0.25rem;width:100%}.xpl-toggle-container small{display:block;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgba(153, 155, 168, var(--tw-text-opacity))}.dark .xpl-toggle{--tw-ring-offset-color:var(--xpl-color-gray-900);--tw-ring-color:var(--xpl-color-secondary-dm);--tw-bg-opacity:1;background-color:rgba(106, 109, 125, var(--tw-bg-opacity))}.dark .xpl-toggle:hover{--tw-bg-opacity:1;background-color:rgba(153, 155, 168, var(--tw-bg-opacity))}.xpl-toggle::after{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L7 7M1 7L4 4L1 7ZM4 4L7 1L4 4ZM4 4L1 1L4 4Z' stroke='%236A6D7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-position:50% 50%;background-repeat:no-repeat;border-radius:50%;box-shadow:0 1px 3px 0 #0000001a;content:"";display:block;height:20px;position:absolute;top:2px;left:2px;width:20px;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dark .xpl-toggle+label{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.xpl-toggle:checked{background-color:var(--xpl-color-secondary-lm)}.xpl-toggle-container--disabled .xpl-toggle,.xpl-toggle-container--disabled .xpl-toggle:hover{--tw-bg-opacity:1;background-color:rgba(238, 239, 243, var(--tw-bg-opacity));cursor:not-allowed}.dark .xpl-toggle:checked{background-color:var(--xpl-color-secondary-dm)}.dark .xpl-toggle-container--disabled .xpl-toggle{background-color:var(--xpl-color-action-disabled-dm)}.xpl-toggle:checked:hover{background-color:var(--xpl-color-secondary-hover-lm)}.xpl-toggle:checked::after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%236923F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");transform:translateX(20px)}.xpl-toggle:disabled::after{--tw-bg-opacity:1;background-color:rgba(248, 249, 250, var(--tw-bg-opacity))}.xpl-toggle:checked:hover::after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%234D1AB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.xpl-toggle:disabled:checked,.xpl-toggle:disabled:checked:hover{--tw-bg-opacity:1;background-color:rgba(221, 209, 255, var(--tw-bg-opacity))}.dark .xpl-toggle:checked:hover{background-color:var(--xpl-color-secondary-hover-dm)}.dark .xpl-toggle:disabled:checked,.dark .xpl-toggle:disabled:checked:hover{background-color:var(--xpl-color-action-disabled-dm)}.xpl-toggle:disabled:checked::after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%23A480FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.dark .xpl-toggle:disabled::after{background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L7 7M1 7L4 4L1 7ZM4 4L7 1L4 4ZM4 4L1 1L4 4Z' stroke='%23272431' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");--tw-bg-opacity:1;background-color:rgba(106, 109, 125, var(--tw-bg-opacity))}.dark .xpl-toggle:disabled:checked::after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%23272431' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.xpl-toggle--small{border-radius:8px;height:16px;width:28px}.xpl-toggle--small::after{background-position:center calc(50% + 0.5px);background-size:50% auto;height:12px;width:12px}.xpl-toggle--small:checked::after{background-size:60% auto;transform:translateX(12px)}.xpl-utility-bar{background-color:var(--xpl-color-gray-0);color:var(--xpl-color-gray-500)}.xpl-utility-bar ul>,.xpl-utility-bar nav>,.xpl-utility-bar xpl-breadcrumbs>{display:grid;align-content:center}.xpl-utility-bar ul:nth-child(2)>*,.xpl-utility-bar nav:nth-child(2)>*,.xpl-utility-bar xpl-breadcrumbs:nth-child(2)>*{margin-left:0.5rem}.xpl-utility-bar ul:nth-child(2),.xpl-utility-bar nav:nth-child(2),.xpl-utility-bar xpl-breadcrumbs:nth-child(2){justify-self:end}.xpl-utility-bar ul:first-child>*,.xpl-utility-bar nav:first-child>*,.xpl-utility-bar xpl-breadcrumbs:first-child>*{margin-right:0.5rem}.xpl-utility-bar ul:first-child,.xpl-utility-bar nav:first-child,.xpl-utility-bar xpl-breadcrumbs:first-child{justify-self:start}.xpl-utility-bar ul,.xpl-utility-bar nav,.xpl-utility-bar xpl-breadcrumbs{display:grid;align-items:center;align-content:center;grid-auto-flow:column}.xpl-utility-bar div:first-child{display:flex}.xpl-utility-bar{display:grid;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;grid-auto-flow:column}@media (min-width: 640px){.xpl-utility-bar{padding-left:1.5rem;padding-right:1.5rem}}.dark .xpl-utility-bar{background-color:var(--xpl-color-background-2-dm);color:var(--xpl-color-gray-300)}.xpl-utility-bar__nav-control{align-items:center;display:flex}.xpl-utility-nav__bars{color:var(--xpl-color-text-primary-lm);fill:currentColor;height:16px;margin-left:0.5rem;margin-right:0.5rem}.dark .xpl-utility-nav__bars{color:var(--xpl-color-text-primary-dm)}