@apple-pie/slice 0.1.44 → 0.1.46

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 (286) hide show
  1. package/dist/cjs/chunks/{AudioBubble-DGXJI6fl.js → AudioBubble-D7A6YNKq.js} +4 -3
  2. package/dist/cjs/chunks/{Avatar-C2REB8vr.js → Avatar-NhXEz-E5.js} +1 -1
  3. package/dist/cjs/chunks/{AvatarGroup-Dsqnnepg.js → AvatarGroup-BiY5kR8U.js} +1 -1
  4. package/dist/cjs/chunks/{Badge-xReCD3qV.js → Badge-DjXygkSp.js} +1 -1
  5. package/dist/cjs/chunks/{Button-7vW7Ut0n.js → Button-C-omYiMd.js} +1 -1
  6. package/dist/cjs/chunks/{ButtonBar-r8xaXQOT.js → ButtonBar-BeJEeGL_.js} +1 -1
  7. package/dist/cjs/chunks/{Camera-BbWi-vvW.js → Camera-D9EEGKDj.js} +5 -4
  8. package/dist/cjs/chunks/{CheckBox-BCR1qSIr.js → CheckBox-B30zlOIJ.js} +1 -1
  9. package/dist/cjs/chunks/{Chip-C6AbxC9I.js → Chip-DHX-Qu95.js} +1 -1
  10. package/dist/cjs/chunks/{DivInput-D78kLm9s.js → DivInput-Br6pOhYv.js} +1 -1
  11. package/dist/cjs/chunks/{Dot-DlLlV88_.js → Dot-BLu3iqa7.js} +1 -1
  12. package/dist/cjs/chunks/{DrggablePanel-De4lmb_e.js → DrggablePanel-9eU1y3zx.js} +4 -3
  13. package/dist/cjs/chunks/{DropDown-Bp9MRUsG.js → DropDown-CLZSy99h.js} +1 -1
  14. package/dist/cjs/chunks/{ErrorSummary-ChPbmIQ0.js → ErrorSummary-B5lPVdED.js} +4 -3
  15. package/dist/cjs/chunks/{FileIcon-Dv3uu2DC.js → FileIcon-CESqm-fD.js} +5 -3
  16. package/dist/cjs/chunks/{FileList-IgK1yREW.js → FileList-DbjNz28-.js} +1 -1
  17. package/dist/cjs/chunks/{FlexDiv-B5gf7V09.js → FlexDiv-KmadT8yF.js} +1 -1
  18. package/dist/cjs/chunks/{Grouper-DGLV96Yg.js → Grouper-CACMpHGp.js} +4 -3
  19. package/dist/cjs/chunks/{Icon-Bmow374B.js → Icon-B36rVqFs.js} +4 -3
  20. package/dist/cjs/chunks/{IconButton-BZttH51z.js → IconButton-Dn424Wsw.js} +1 -1
  21. package/dist/cjs/chunks/{IndexedDB-BtHDgAwP.js → IndexedDB-BRw-IxEC.js} +1 -1
  22. package/dist/cjs/chunks/{Label-CLiXfLhU.js → Label-CsEg5AQ2.js} +1 -1
  23. package/dist/cjs/chunks/{Level-DM-3l-Bh.js → Level-BuiDjBcq.js} +1 -1
  24. package/dist/cjs/chunks/{Modal-D8OyooX8.js → Modal-Cf9RR9Es.js} +1 -1
  25. package/dist/cjs/chunks/{ModalController-BkREg0KG.js → ModalController-tDrizTHZ.js} +6 -1
  26. package/dist/cjs/chunks/{Overlay-CH2p-6HE.js → Overlay-Ci1FxGZk.js} +1 -1
  27. package/dist/cjs/chunks/{Pager-VWt-iYND.js → Pager-C3WzCySK.js} +1 -1
  28. package/dist/cjs/chunks/{ProgressIndicator-BBe5EJJB.js → ProgressIndicator-DSquSJwP.js} +4 -3
  29. package/dist/cjs/chunks/{PromptInput-BaO3pCTO.js → PromptInput-BbXZGAWe.js} +5 -4
  30. package/dist/cjs/chunks/{RadioButton-DP12R15W.js → RadioButton-VMEcd_W1.js} +1 -1
  31. package/dist/cjs/chunks/{RadioButtonList-D3aoXPWZ.js → RadioButtonList-Dqy7lYxE.js} +1 -1
  32. package/dist/cjs/chunks/{Slider-C_iix5E1.js → Slider-BqzYObVj.js} +4 -3
  33. package/dist/cjs/chunks/{Spacer-CT8DAL00.js → Spacer-C56PON7K.js} +1 -1
  34. package/dist/cjs/chunks/{Switch-CeMNFko_.js → Switch-CHr2xPQL.js} +1 -1
  35. package/dist/cjs/chunks/{TabBar-C_qyZQub.js → TabBar-Co-CXGfB.js} +5 -4
  36. package/dist/cjs/chunks/{TextArea-0opB2WAt.js → TextArea-BHdYXzBg.js} +1 -1
  37. package/dist/cjs/chunks/{TextField-NU7k_acK.js → TextField-DlYNng8e.js} +5 -4
  38. package/dist/cjs/chunks/{Tip-DrY3JwFE.js → Tip-DEOw8HJ6.js} +1 -1
  39. package/dist/cjs/chunks/{Toast-DF8qXdPO.js → Toast-DawqmWWR.js} +5 -4
  40. package/dist/cjs/chunks/{ToggleButton-cntUrPlb.js → ToggleButton-mIzDlM7o.js} +1 -1
  41. package/dist/cjs/chunks/{UploadArea-BxBisAJS.js → UploadArea-WT5XsyU_.js} +1 -1
  42. package/dist/cjs/chunks/{Video-qiH56WvN.js → Video-Pjf89fZt.js} +1 -1
  43. package/dist/cjs/chunks/{VideoController-D4_El3jm.js → VideoController-CkZ4EmHb.js} +6 -1
  44. package/dist/cjs/chunks/{WSConnection-DbdxZFOV.js → WSConnection-ByeRqZeT.js} +1 -1
  45. package/dist/cjs/chunks/{WebRTCConnection-B9dd6VVp.js → WebRTCConnection-BIFUOK1m.js} +1 -1
  46. package/dist/cjs/chunks/{localDBStore-BjxalVAJ.js → localDBStore-Bp9sZnnB.js} +1 -1
  47. package/dist/cjs/chunks/{microphoneStore-DpUL8kt8.js → microphoneStore-CvE6xePs.js} +1 -1
  48. package/dist/cjs/chunks/{misc-Gs698ODr.js → misc-eL5ZLV74.js} +1 -1
  49. package/dist/cjs/chunks/rafThrottle-s6AR2mx7.js +22 -0
  50. package/dist/cjs/chunks/{sseStore-BNAfwXap.js → sseStore-DnyhZyHc.js} +2 -2
  51. package/dist/cjs/chunks/{uploads-worker-fWbmHWKp.js → uploads-worker--rEBDgqq.js} +1 -1
  52. package/dist/cjs/chunks/{uploadsStore-C-sGeJo9.js → uploadsStore-CHIqdTcL.js} +2 -2
  53. package/dist/cjs/chunks/{viewState-X7EbUCin.js → viewState-BM1U3FFI.js} +119 -38
  54. package/dist/cjs/chunks/{volumeStore--l8gb-3a.js → volumeStore-U2OlJf6Y.js} +1 -1
  55. package/dist/cjs/chunks/{webRTCStore-DJjyW39y.js → webRTCStore-t11G9lB7.js} +1 -1
  56. package/dist/cjs/chunks/{windowStore-nNT7HJqA.js → windowStore-D1mTGGvA.js} +1 -1
  57. package/dist/cjs/components/AudioBubble/index.js +6 -4
  58. package/dist/cjs/components/Avatar/index.js +3 -3
  59. package/dist/cjs/components/AvatarGroup/index.js +3 -3
  60. package/dist/cjs/components/Badge/index.js +2 -2
  61. package/dist/cjs/components/Button/index.js +9 -7
  62. package/dist/cjs/components/ButtonBar/index.js +6 -4
  63. package/dist/cjs/components/Camera/index.js +7 -5
  64. package/dist/cjs/components/CheckBox/index.js +6 -4
  65. package/dist/cjs/components/Chip/index.js +7 -5
  66. package/dist/cjs/components/DataTable/index.js +7 -4
  67. package/dist/cjs/components/DivInput/index.js +3 -3
  68. package/dist/cjs/components/Dot/index.js +2 -2
  69. package/dist/cjs/components/DraggablePanel/index.js +5 -3
  70. package/dist/cjs/components/DropDown/index.js +6 -4
  71. package/dist/cjs/components/ErrorSummary/index.js +5 -3
  72. package/dist/cjs/components/FileIcon/index.js +5 -3
  73. package/dist/cjs/components/FileList/index.js +7 -5
  74. package/dist/cjs/components/FlexDiv/index.js +2 -2
  75. package/dist/cjs/components/Grouper/index.js +7 -5
  76. package/dist/cjs/components/Icon/index.js +5 -3
  77. package/dist/cjs/components/IconButton/index.js +8 -6
  78. package/dist/cjs/components/Label/index.js +3 -3
  79. package/dist/cjs/components/Level/index.js +3 -3
  80. package/dist/cjs/components/Modal/index.js +10 -8
  81. package/dist/cjs/components/ModalController/index.js +6 -4
  82. package/dist/cjs/components/Overlay/index.js +2 -2
  83. package/dist/cjs/components/Pager/index.js +3 -3
  84. package/dist/cjs/components/Progress/index.js +5 -3
  85. package/dist/cjs/components/PromptInput/index.js +10 -7
  86. package/dist/cjs/components/RadioButton/index.js +6 -4
  87. package/dist/cjs/components/RadioButtonList/index.js +7 -5
  88. package/dist/cjs/components/Slider/index.js +5 -3
  89. package/dist/cjs/components/Spacer/index.js +2 -2
  90. package/dist/cjs/components/Switch/index.js +2 -2
  91. package/dist/cjs/components/TabBar/index.js +8 -6
  92. package/dist/cjs/components/TextArea/index.js +9 -7
  93. package/dist/cjs/components/Textfield/index.js +9 -7
  94. package/dist/cjs/components/Tip/index.js +3 -3
  95. package/dist/cjs/components/Toast/index.js +6 -4
  96. package/dist/cjs/components/ToggleButton/index.js +9 -7
  97. package/dist/cjs/components/UploadArea/index.js +8 -6
  98. package/dist/cjs/components/Video/index.js +11 -9
  99. package/dist/cjs/components/VideoController/index.js +10 -7
  100. package/dist/cjs/hooks/useAudioRecorder.js +1 -1
  101. package/dist/cjs/hooks/useBindWebRTC.js +2 -2
  102. package/dist/cjs/hooks/useClipboard.js +125 -0
  103. package/dist/cjs/hooks/useMdStreamBuffer.js +1 -1
  104. package/dist/cjs/hooks/useMicrophone.js +1 -1
  105. package/dist/cjs/hooks/useTrackRenders.js +2 -2
  106. package/dist/cjs/hooks.js +9 -8
  107. package/dist/cjs/index.js +13 -12
  108. package/dist/cjs/stores/LocalDB.js +3 -3
  109. package/dist/cjs/stores/SSE.js +2 -2
  110. package/dist/cjs/stores/WS.js +2 -2
  111. package/dist/cjs/stores/WebRTC.js +2 -2
  112. package/dist/cjs/stores/microphone.js +2 -2
  113. package/dist/cjs/stores/modal.js +1 -1
  114. package/dist/cjs/stores/tip.js +1 -1
  115. package/dist/cjs/stores/toast.js +1 -1
  116. package/dist/cjs/stores/uploads.js +2 -2
  117. package/dist/cjs/stores/video.js +1 -1
  118. package/dist/cjs/stores/volume.js +2 -2
  119. package/dist/cjs/stores/window.js +2 -2
  120. package/dist/cjs/stores.js +30 -31
  121. package/dist/cjs/utils/index.js +7 -7
  122. package/dist/cjs/utils/objects/index.js +2 -2
  123. package/dist/cjs/workers/uploads/uploads.js +2 -2
  124. package/dist/esm/chunks/{AudioBubble-RS8y7dsg.mjs → AudioBubble-DzYODlDD.mjs} +9 -3
  125. package/dist/esm/chunks/{Avatar-aAJORBJw.mjs → Avatar-CLj2yi7I.mjs} +2 -2
  126. package/dist/esm/chunks/{AvatarGroup-De2PfopD.mjs → AvatarGroup-BsBGeeDX.mjs} +2 -2
  127. package/dist/esm/chunks/{Badge--3RVYqU8.mjs → Badge-CxuIh-Xz.mjs} +1 -1
  128. package/dist/esm/chunks/{Button-BdZR6DjE.mjs → Button-Bz9ypmSl.mjs} +6 -6
  129. package/dist/esm/chunks/{ButtonBar-aXeHOw1R.mjs → ButtonBar-DgHGxtm7.mjs} +3 -3
  130. package/dist/esm/chunks/{Camera-1ccvR8X_.mjs → Camera-CQenDpVd.mjs} +11 -5
  131. package/dist/esm/chunks/{CheckBox-Dqzf1PRK.mjs → CheckBox-Bg1tGyjG.mjs} +3 -3
  132. package/dist/esm/chunks/{Chip-Czj1STPd.mjs → Chip-BuIMZul1.mjs} +4 -4
  133. package/dist/esm/chunks/{DivInput-jUEneium.mjs → DivInput-YeMKT7Mv.mjs} +2 -2
  134. package/dist/esm/chunks/{Dot-B4fdZ-qc.mjs → Dot-BlmxajCk.mjs} +1 -1
  135. package/dist/esm/chunks/{DrggablePanel-Db0KZhaF.mjs → DrggablePanel-B-4Wnapx.mjs} +8 -2
  136. package/dist/esm/chunks/{DropDown-B_CJwDGS.mjs → DropDown-FW_C2G4q.mjs} +3 -3
  137. package/dist/esm/chunks/{ErrorSummary-D6kTokzc.mjs → ErrorSummary-_8Rk-Wsr.mjs} +8 -2
  138. package/dist/esm/chunks/{FileIcon-dId2Wu-m.mjs → FileIcon-BSt6hm2F.mjs} +8 -2
  139. package/dist/esm/chunks/{FileList-rMjli1tu.mjs → FileList-D0HPgRL-.mjs} +5 -5
  140. package/dist/esm/chunks/{FlexDiv-DqZwxOvB.mjs → FlexDiv-DsrFpwch.mjs} +1 -1
  141. package/dist/esm/chunks/{Grouper-C648B8m9.mjs → Grouper-DnpGsdiB.mjs} +9 -3
  142. package/dist/esm/chunks/{Icon-BfSLuS2u.mjs → Icon-CptxAEva.mjs} +8 -2
  143. package/dist/esm/chunks/{IconButton-4YlfRQap.mjs → IconButton-XkOW_lnr.mjs} +5 -5
  144. package/dist/esm/chunks/{IndexedDB-DrgyB0PG.mjs → IndexedDB-C57PCioP.mjs} +1 -1
  145. package/dist/esm/chunks/{Label-oVWJfERc.mjs → Label-BjL3V2bm.mjs} +2 -2
  146. package/dist/esm/chunks/{Level-B_tkn_tn.mjs → Level-CciHNq5z.mjs} +3 -3
  147. package/dist/esm/chunks/{Modal-BVg29B5N.mjs → Modal-45bTlzdT.mjs} +5 -5
  148. package/dist/esm/chunks/{ModalController-CCRe0HlG.mjs → ModalController-BfuINJfH.mjs} +8 -2
  149. package/dist/esm/chunks/{Overlay-DuGDfhI3.mjs → Overlay-Dho1XXV_.mjs} +1 -1
  150. package/dist/esm/chunks/{Pager-DyaWNJMq.mjs → Pager-Brhn9W2p.mjs} +2 -2
  151. package/dist/esm/chunks/{ProgressIndicator-Bv7actNC.mjs → ProgressIndicator-H1AokmcU.mjs} +8 -2
  152. package/dist/esm/chunks/{PromptInput-C9eDiw2i.mjs → PromptInput-dxlaGMAZ.mjs} +10 -4
  153. package/dist/esm/chunks/{RadioButton-Bob5MqKC.mjs → RadioButton-DtxbUP1m.mjs} +3 -3
  154. package/dist/esm/chunks/{RadioButtonList-BfCE3UGK.mjs → RadioButtonList-BU7AmRaJ.mjs} +3 -3
  155. package/dist/esm/chunks/{Slider-IqjVgxEE.mjs → Slider-Ci-Syo6r.mjs} +9 -3
  156. package/dist/esm/chunks/{Spacer-BA15uw0_.mjs → Spacer-DLe6P6sl.mjs} +1 -1
  157. package/dist/esm/chunks/{Switch-Cns1adcy.mjs → Switch-tmuC_vFz.mjs} +1 -1
  158. package/dist/esm/chunks/{TabBar-Dd4U3BPU.mjs → TabBar-DqT8ukGt.mjs} +12 -6
  159. package/dist/esm/chunks/{TextArea-CFUXAGYz.mjs → TextArea-BwKbadO9.mjs} +2 -2
  160. package/dist/esm/chunks/{TextField-BFDmFyx7.mjs → TextField-CbSORtHS.mjs} +11 -5
  161. package/dist/esm/chunks/{Tip-BcStWxJN.mjs → Tip-CoyRu-o-.mjs} +2 -2
  162. package/dist/esm/chunks/{Toast-DQG2mzvy.mjs → Toast-CfJSmVvm.mjs} +10 -4
  163. package/dist/esm/chunks/{ToggleButton-Cp2K772X.mjs → ToggleButton-Cq7fm59Y.mjs} +2 -2
  164. package/dist/esm/chunks/{UploadArea-DEf5hbbR.mjs → UploadArea-DUpwYakK.mjs} +4 -4
  165. package/dist/esm/chunks/{Video-CHmn9myN.mjs → Video-DzClo3wr.mjs} +5 -5
  166. package/dist/esm/chunks/{VideoController-BvWVGSY-.mjs → VideoController-ipcig4rq.mjs} +11 -5
  167. package/dist/esm/chunks/{WSConnection-gFHF2tW7.mjs → WSConnection-B_YnWXbU.mjs} +1 -1
  168. package/dist/esm/chunks/{WebRTCConnection-C_MYSUKv.mjs → WebRTCConnection-DWRLYmZt.mjs} +1 -1
  169. package/dist/esm/chunks/{localDBStore-CeqAEGXO.mjs → localDBStore-DNswekRn.mjs} +2 -2
  170. package/dist/esm/chunks/{microphoneStore-DGfGaTKO.mjs → microphoneStore-BVbwClpG.mjs} +1 -1
  171. package/dist/esm/chunks/{misc-B9d7ECMP.mjs → misc-BehJA8xr.mjs} +1 -1
  172. package/dist/esm/chunks/rafThrottle-BGq3oR1J.mjs +23 -0
  173. package/dist/esm/chunks/{sseStore-PGCxQBZ-.mjs → sseStore-pAJ2IGAZ.mjs} +2 -2
  174. package/dist/esm/chunks/{uploads-worker-SXS-_T5t.mjs → uploads-worker-BliiKZBP.mjs} +1 -1
  175. package/dist/esm/chunks/{uploadsStore-CZQGe1-z.mjs → uploadsStore-Twdke-kc.mjs} +1 -1
  176. package/dist/esm/chunks/{viewState-po_PH0Tv.mjs → viewState-DsPZr861.mjs} +127 -39
  177. package/dist/esm/chunks/{volumeStore-BSE--DBm.mjs → volumeStore-B1cNRiOA.mjs} +1 -1
  178. package/dist/esm/chunks/{webRTCStore-rzdk9ao2.mjs → webRTCStore-Dbm8asHn.mjs} +2 -2
  179. package/dist/esm/chunks/{windowStore-CMPgwtfm.mjs → windowStore-CBzgTFW5.mjs} +1 -1
  180. package/dist/esm/components/AudioBubble/index.mjs +14 -4
  181. package/dist/esm/components/Avatar/index.mjs +3 -3
  182. package/dist/esm/components/AvatarGroup/index.mjs +4 -4
  183. package/dist/esm/components/Badge/index.mjs +2 -2
  184. package/dist/esm/components/Button/index.mjs +18 -8
  185. package/dist/esm/components/ButtonBar/index.mjs +14 -4
  186. package/dist/esm/components/Camera/index.mjs +16 -6
  187. package/dist/esm/components/CheckBox/index.mjs +14 -4
  188. package/dist/esm/components/Chip/index.mjs +15 -5
  189. package/dist/esm/components/DataTable/index.mjs +18 -4
  190. package/dist/esm/components/DivInput/index.mjs +3 -3
  191. package/dist/esm/components/Dot/index.mjs +2 -2
  192. package/dist/esm/components/DraggablePanel/index.mjs +13 -3
  193. package/dist/esm/components/DropDown/index.mjs +14 -4
  194. package/dist/esm/components/ErrorSummary/index.mjs +13 -3
  195. package/dist/esm/components/FileIcon/index.mjs +13 -3
  196. package/dist/esm/components/FileList/index.mjs +16 -6
  197. package/dist/esm/components/FlexDiv/index.mjs +2 -2
  198. package/dist/esm/components/Grouper/index.mjs +15 -5
  199. package/dist/esm/components/Icon/index.mjs +14 -4
  200. package/dist/esm/components/IconButton/index.mjs +17 -7
  201. package/dist/esm/components/Label/index.mjs +3 -3
  202. package/dist/esm/components/Level/index.mjs +4 -4
  203. package/dist/esm/components/Modal/index.mjs +20 -10
  204. package/dist/esm/components/ModalController/index.mjs +13 -5
  205. package/dist/esm/components/Overlay/index.mjs +2 -2
  206. package/dist/esm/components/Pager/index.mjs +3 -3
  207. package/dist/esm/components/Progress/index.mjs +14 -4
  208. package/dist/esm/components/PromptInput/index.mjs +21 -11
  209. package/dist/esm/components/RadioButton/index.mjs +14 -4
  210. package/dist/esm/components/RadioButtonList/index.mjs +15 -5
  211. package/dist/esm/components/Slider/index.mjs +14 -4
  212. package/dist/esm/components/Spacer/index.mjs +2 -2
  213. package/dist/esm/components/Switch/index.mjs +2 -2
  214. package/dist/esm/components/TabBar/index.mjs +18 -8
  215. package/dist/esm/components/TextArea/index.mjs +19 -9
  216. package/dist/esm/components/Textfield/index.mjs +20 -10
  217. package/dist/esm/components/Tip/index.mjs +3 -3
  218. package/dist/esm/components/Toast/index.mjs +15 -5
  219. package/dist/esm/components/ToggleButton/index.mjs +19 -9
  220. package/dist/esm/components/UploadArea/index.mjs +17 -7
  221. package/dist/esm/components/Video/index.mjs +22 -12
  222. package/dist/esm/components/VideoController/index.mjs +20 -12
  223. package/dist/esm/hooks/useAudioRecorder.mjs +1 -1
  224. package/dist/esm/hooks/useBindWebRTC.mjs +5 -5
  225. package/dist/esm/hooks/useClipboard.mjs +129 -0
  226. package/dist/esm/hooks/useMdStreamBuffer.mjs +2 -2
  227. package/dist/esm/hooks/useMicrophone.mjs +1 -1
  228. package/dist/esm/hooks/useTrackRenders.mjs +2 -2
  229. package/dist/esm/hooks.mjs +10 -6
  230. package/dist/esm/index.mjs +62 -58
  231. package/dist/esm/stores/LocalDB.mjs +3 -3
  232. package/dist/esm/stores/SSE.mjs +3 -3
  233. package/dist/esm/stores/WS.mjs +2 -2
  234. package/dist/esm/stores/WebRTC.mjs +3 -3
  235. package/dist/esm/stores/microphone.mjs +2 -2
  236. package/dist/esm/stores/modal.mjs +1 -1
  237. package/dist/esm/stores/tip.mjs +1 -1
  238. package/dist/esm/stores/toast.mjs +1 -1
  239. package/dist/esm/stores/uploads.mjs +3 -3
  240. package/dist/esm/stores/video.mjs +1 -1
  241. package/dist/esm/stores/volume.mjs +2 -2
  242. package/dist/esm/stores/window.mjs +2 -2
  243. package/dist/esm/stores.mjs +18 -18
  244. package/dist/esm/utils/index.mjs +12 -10
  245. package/dist/esm/utils/objects/index.mjs +7 -7
  246. package/dist/esm/workers/uploads/uploads.mjs +2 -2
  247. package/dist/styles.css +2219 -2219
  248. package/dist/types/components/DataTable/_data.d.ts +1 -0
  249. package/dist/types/components/DataTable/_resolveVirtualizeRows.d.ts +1 -0
  250. package/dist/types/components/DataTable/_resolveVirtualizeRows.test.d.ts +1 -0
  251. package/dist/types/components/DataTable/_types.d.ts +4 -0
  252. package/dist/types/components/DataTable/_useRowWindow.d.ts +15 -0
  253. package/dist/types/components/DataTable/_useRowWindow.test.d.ts +1 -0
  254. package/dist/types/hooks/index.d.ts +1 -0
  255. package/dist/types/hooks/useClipboard/useClipboard.d.ts +40 -0
  256. package/dist/types/hooks/useClipboard/useClipboard.test.d.ts +1 -0
  257. package/dist/types/index.d.ts +1 -1
  258. package/dist/types/stores/toast/_types.d.ts +1 -0
  259. package/dist/types/utils/functions/rafThrottle.d.ts +13 -0
  260. package/dist/types/utils/functions/rafThrottle.test.d.ts +1 -0
  261. package/dist/types/utils/index.d.ts +1 -0
  262. package/package.json +1 -1
  263. /package/dist/cjs/chunks/{MdStreamBuffer-Bb8KtdxB.js → MdStreamBuffer-D6TMHeW6.js} +0 -0
  264. /package/dist/cjs/chunks/{SSEConnection-Z24RvA6i.js → SSEConnection-C6CaqgKt.js} +0 -0
  265. /package/dist/cjs/chunks/{_types-BUF4XqUe.js → _types-B00qXMsk.js} +0 -0
  266. /package/dist/cjs/chunks/{audioVisualizer-Rueu5ZHV.js → audioVisualizer-DyXEzz5B.js} +0 -0
  267. /package/dist/cjs/chunks/{colors-RoRQ4v1O.js → colors-D4KqwENo.js} +0 -0
  268. /package/dist/cjs/chunks/{debounce-DQsYw8xJ.js → debounce-Dwcudcja.js} +0 -0
  269. /package/dist/cjs/chunks/{modalStore-B3Dph5oQ.js → modalStore-BgSGFbsR.js} +0 -0
  270. /package/dist/cjs/chunks/{sharedTypes-CHfVI1zE.js → sharedTypes-BGj2TuEP.js} +0 -0
  271. /package/dist/cjs/chunks/{tipStore-70nY_RIN.js → tipStore-nssDFmCg.js} +0 -0
  272. /package/dist/cjs/chunks/{toastStore-DN9EkaEV.js → toastStore-BZfCxYNa.js} +0 -0
  273. /package/dist/cjs/chunks/{tslib.es6-DfmUmGCa.js → tslib.es6-hvdVpg9n.js} +0 -0
  274. /package/dist/cjs/chunks/{videoStore-sYfx70eD.js → videoStore-D1GUKQuQ.js} +0 -0
  275. /package/dist/esm/chunks/{MdStreamBuffer-9noAAJDG.mjs → MdStreamBuffer-CVQOlAQI.mjs} +0 -0
  276. /package/dist/esm/chunks/{SSEConnection-BzSx2MVL.mjs → SSEConnection-B51Za2e1.mjs} +0 -0
  277. /package/dist/esm/chunks/{_types-8oqMW7QN.mjs → _types-DLEuRVFo.mjs} +0 -0
  278. /package/dist/esm/chunks/{audioVisualizer-CKobQkae.mjs → audioVisualizer-BE5XzPMo.mjs} +0 -0
  279. /package/dist/esm/chunks/{colors-DcRJdJ4W.mjs → colors-DrwCjncz.mjs} +0 -0
  280. /package/dist/esm/chunks/{debounce-BAwoZhDR.mjs → debounce-DNEyxGlg.mjs} +0 -0
  281. /package/dist/esm/chunks/{modalStore-h4dkwTzK.mjs → modalStore-ENLMmYBo.mjs} +0 -0
  282. /package/dist/esm/chunks/{sharedTypes-DikFhWJ8.mjs → sharedTypes-D8p2SubQ.mjs} +0 -0
  283. /package/dist/esm/chunks/{tipStore-CVuWvjq9.mjs → tipStore-Cq54idgj.mjs} +0 -0
  284. /package/dist/esm/chunks/{toastStore-DvBK8Lra.mjs → toastStore-B_t3rRa8.mjs} +0 -0
  285. /package/dist/esm/chunks/{tslib.es6-C0yUTS6p.mjs → tslib.es6-DDvIwyzx.mjs} +0 -0
  286. /package/dist/esm/chunks/{videoStore-CmUM9swM.mjs → videoStore-3qSk7xdi.mjs} +0 -0
package/dist/styles.css CHANGED
@@ -8,60 +8,6 @@
8
8
  z-index: var(--elevation-overlay);
9
9
  }
10
10
 
11
- .Icon-module_icon__szG-X {
12
- cursor: var(--cursor);
13
- user-select: none;
14
- pointer-events: var(--pointer-events);
15
- --webkit-user-select: none;
16
- -webkit-tap-highlight-color: transparent;
17
- outline: none;
18
- border: 0;
19
- transition: stroke, fill var(--motion-water-duration) var(--motion-water);
20
- }
21
-
22
- path,
23
- circle,
24
- rect,
25
- polyline,
26
- polygon,
27
- line {
28
- transition: stroke, fill var(--motion-water-duration) var(--motion-water);
29
- }
30
-
31
- .Level-module_wrapper__yOfXw {
32
- display: flex;
33
- align-items: center;
34
- justify-content: flex-start;
35
- flex-direction: row;
36
- box-sizing: border-box;
37
- padding: 0;
38
- margin: 0;
39
- width: var(--level-width);
40
- height: var(--level-height);
41
- min-height: var(--level-height);
42
- gap: var(--level-gap);
43
- border-radius: var(--level-bar-border-radius);
44
- overflow: hidden;
45
- }
46
-
47
- .Level-module_barContainer__QMUdv {
48
- flex: 1 1 0;
49
- height: var(--level-height);
50
- min-height: var(--level-height);
51
-
52
- border: var(--level-border-width) solid var(--level-border-color);
53
- background-color: var(--level-bg-color);
54
- overflow: hidden;
55
- }
56
-
57
- .Level-module_bar__MnApX {
58
- display: block;
59
- min-width: 100%;
60
- min-height: 100%;
61
- background-color: var(--level-color);
62
- transition: background-color 120ms linear;
63
- }
64
-
65
11
  .VideoController-module_container__wNiGy {
66
12
  position: fixed;
67
13
  inset: 0;
@@ -107,6 +53,26 @@ line {
107
53
  border-radius: var(--video-border-radius, 16px);
108
54
  }
109
55
 
56
+ .Icon-module_icon__szG-X {
57
+ cursor: var(--cursor);
58
+ user-select: none;
59
+ pointer-events: var(--pointer-events);
60
+ --webkit-user-select: none;
61
+ -webkit-tap-highlight-color: transparent;
62
+ outline: none;
63
+ border: 0;
64
+ transition: stroke, fill var(--motion-water-duration) var(--motion-water);
65
+ }
66
+
67
+ path,
68
+ circle,
69
+ rect,
70
+ polyline,
71
+ polygon,
72
+ line {
73
+ transition: stroke, fill var(--motion-water-duration) var(--motion-water);
74
+ }
75
+
110
76
  .Video-module_wrapper__a9iH8 {
111
77
  position: relative;
112
78
  display: flex;
@@ -210,6 +176,40 @@ line {
210
176
  width: 50%;
211
177
  }
212
178
 
179
+ .Level-module_wrapper__yOfXw {
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: flex-start;
183
+ flex-direction: row;
184
+ box-sizing: border-box;
185
+ padding: 0;
186
+ margin: 0;
187
+ width: var(--level-width);
188
+ height: var(--level-height);
189
+ min-height: var(--level-height);
190
+ gap: var(--level-gap);
191
+ border-radius: var(--level-bar-border-radius);
192
+ overflow: hidden;
193
+ }
194
+
195
+ .Level-module_barContainer__QMUdv {
196
+ flex: 1 1 0;
197
+ height: var(--level-height);
198
+ min-height: var(--level-height);
199
+
200
+ border: var(--level-border-width) solid var(--level-border-color);
201
+ background-color: var(--level-bg-color);
202
+ overflow: hidden;
203
+ }
204
+
205
+ .Level-module_bar__MnApX {
206
+ display: block;
207
+ min-width: 100%;
208
+ min-height: 100%;
209
+ background-color: var(--level-color);
210
+ transition: background-color 120ms linear;
211
+ }
212
+
213
213
  .flexBox-module_row__z24tF {
214
214
  display: flex;
215
215
  justify-content: center;
@@ -440,127 +440,52 @@ line {
440
440
  text-decoration: none;
441
441
  letter-spacing: 0.2px;
442
442
  }
443
-
444
- .Avatar-module_wrapper__ab1D7 {
443
+ .IconButton-module_button__rziqa {
445
444
  position: relative;
446
- min-height: var(--avatar-size);
447
- min-width: var(--avatar-size);
448
- max-height: var(--avatar-size);
449
- max-width: var(--avatar-size);
450
- height: var(--avatar-size);
451
- width: var(--avatar-size);
452
- border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
453
- border-radius: 100%;
454
- outline: 0;
455
- }
456
-
457
- .Avatar-module_user__ZQv0Q {
458
- font-size: var(--avatar-font-size) !important;
459
- height: 100%;
460
- width: 100%;
461
- line-height: 1em;
462
- text-transform: uppercase;
463
- border-radius: 100%;
464
- border: var(--avatar-border) solid var(--avatar-border-color);
465
- background-color: var(--avatar-bg-color);
466
- color: var(--avatar-color);
467
- background-image: var(--avatar-bg-image);
468
- background-size: cover;
469
- cursor: pointer;
445
+ background: var(--ib-bg-color);
446
+ border-radius: var(--ib-border-radius);
447
+ border: var(--ib-border) solid var(--core-outline-primary);
448
+ gap: 6px;
449
+ cursor: var(--ib-cursor);
450
+ appearance: none;
451
+ -webkit-appearance: none;
452
+ background-image: none;
453
+ outline: none;
454
+ min-height: var(--ib-button-size);
455
+ height: var(--ib-button-size);
456
+ min-width: var(--ib-button-size);
457
+ width: var(--ib-button-size);
470
458
  user-select: none;
471
459
  -webkit-user-select: none;
472
- transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
473
460
  }
474
-
475
- .Avatar-module_user__ZQv0Q:hover {
476
- border-color: var(--avatar-border-color-hover);
461
+ .IconButton-module_button__rziqa:hover {
462
+ background: var(--ib-bg-color-hover);
477
463
  }
478
464
 
479
- .flexBox-module_row__z24tF {
480
- display: flex;
481
- justify-content: center;
482
- align-items: center;
483
- box-sizing: border-box;
484
- padding: 0;
485
- margin: 0;
486
- }.flexBox-module_rowBetween__5FEvi {
487
- display: flex;
488
- justify-content: space-between;
489
- align-items: center;
490
- box-sizing: border-box;
491
- padding: 0;
492
- margin: 0;
493
- }.flexBox-module_rowStart__4tcxS {
494
- display: flex;
495
- justify-content: flex-start;
496
- align-items: center;
497
- box-sizing: border-box;
498
- padding: 0;
499
- margin: 0;
500
- }.flexBox-module_rowEnd__rVdVm {
501
- display: flex;
502
- justify-content: flex-end;
503
- align-items: center;
504
- box-sizing: border-box;
505
- padding: 0;
506
- margin: 0;
507
- }.flexBox-module_column__ezvMq {
508
- display: flex;
509
- flex-direction: column;
510
- justify-content: center;
511
- align-items: center;
512
- box-sizing: border-box;
513
- padding: 0;
514
- margin: 0;
515
- }.flexBox-module_columnStart__C7P44 {
516
- display: flex;
517
- flex-direction: column;
518
- justify-content: flex-start;
519
- align-items: flex-start;
520
- box-sizing: border-box;
521
- padding: 0;
522
- margin: 0;
523
- }.flexBox-module_columnStartCenter__PKcrG {
524
- display: flex;
525
- flex-direction: column;
526
- justify-content: flex-start;
527
- align-items: center;
528
- box-sizing: border-box;
529
- padding: 0;
530
- margin: 0;
531
- }.flexBox-module_columnBetween__ERfp7 {
532
- display: flex;
533
- flex-direction: column;
534
- justify-content: space-between;
535
- align-items: center;
536
- box-sizing: border-box;
537
- padding: 0;
538
- margin: 0;
539
- }.flexBox-module_columnEnd__lLJuc {
540
- display: flex;
541
- flex-direction: column;
542
- justify-content: flex-end;
543
- align-items: flex-end;
544
- box-sizing: border-box;
545
- padding: 0;
546
- margin: 0;
465
+ .IconButton-module_label__qWGFD {
466
+ color: var(--ib-color);
467
+ text-overflow: ellipsis;
468
+ overflow: hidden;
469
+ word-break: break-all;
470
+ display: -webkit-box;
471
+ -webkit-line-clamp: 1;
472
+ -webkit-box-orient: vertical;
547
473
  }
548
474
 
549
- .AvatarGroup-module_wrapper__MtOyq {
550
- gap: var(--ag-gap);
551
- margin: var(--ag-margin);
475
+ .IconButton-module_icon__2DDWy {
476
+ min-height: var(--ib-icon-size);
477
+ height: var(--ib-icon-size);
478
+ min-width: var(--ib-icon-size);
479
+ width: var(--ib-icon-size);
552
480
  }
553
481
 
554
- .AvatarGroup-module_avatar__5NVpW {
555
- display: inline-block;
556
- margin-left: var(--ag-overlap);
557
- border-radius: 100%;
482
+ .IconButton-module_count__6r373 {
483
+ position: absolute;
484
+ top: 0;
485
+ right: 0;
486
+ transform: translateX(5px) translateY(-2px);
558
487
  }
559
488
 
560
- .AvatarGroup-module_avatar__5NVpW:first-child {
561
- margin-left: 0;
562
- }
563
-
564
489
  .flexBox-module_row__z24tF {
565
490
  display: flex;
566
491
  justify-content: center;
@@ -792,31 +717,126 @@ line {
792
717
  letter-spacing: 0.2px;
793
718
  }
794
719
 
795
- .CheckBox-module_wrapper__uRsjI {
796
- min-height: var(--cb-size);
797
- height: var(--cb-size);
798
- width: auto;
799
- gap: 6px;
720
+ .Avatar-module_wrapper__ab1D7 {
721
+ position: relative;
722
+ min-height: var(--avatar-size);
723
+ min-width: var(--avatar-size);
724
+ max-height: var(--avatar-size);
725
+ max-width: var(--avatar-size);
726
+ height: var(--avatar-size);
727
+ width: var(--avatar-size);
728
+ border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
729
+ border-radius: 100%;
730
+ outline: 0;
731
+ }
732
+
733
+ .Avatar-module_user__ZQv0Q {
734
+ font-size: var(--avatar-font-size) !important;
735
+ height: 100%;
736
+ width: 100%;
737
+ line-height: 1em;
738
+ text-transform: uppercase;
739
+ border-radius: 100%;
740
+ border: var(--avatar-border) solid var(--avatar-border-color);
741
+ background-color: var(--avatar-bg-color);
742
+ color: var(--avatar-color);
743
+ background-image: var(--avatar-bg-image);
744
+ background-size: cover;
800
745
  cursor: pointer;
801
- overflow: hidden;
802
746
  user-select: none;
803
747
  -webkit-user-select: none;
804
- outline: none;
805
- border: 0;
748
+ transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
806
749
  }
807
750
 
808
- .CheckBox-module_icon__FoDJN {
809
- min-width: var(--cb-size);
810
- max-width: var(--cb-size);
811
- min-height: var(--cb-size);
812
- max-height: var(--cb-size);
751
+ .Avatar-module_user__ZQv0Q:hover {
752
+ border-color: var(--avatar-border-color-hover);
753
+ }
754
+
755
+ .flexBox-module_row__z24tF {
756
+ display: flex;
757
+ justify-content: center;
758
+ align-items: center;
759
+ box-sizing: border-box;
760
+ padding: 0;
761
+ margin: 0;
762
+ }.flexBox-module_rowBetween__5FEvi {
763
+ display: flex;
764
+ justify-content: space-between;
765
+ align-items: center;
766
+ box-sizing: border-box;
767
+ padding: 0;
768
+ margin: 0;
769
+ }.flexBox-module_rowStart__4tcxS {
770
+ display: flex;
771
+ justify-content: flex-start;
772
+ align-items: center;
773
+ box-sizing: border-box;
774
+ padding: 0;
775
+ margin: 0;
776
+ }.flexBox-module_rowEnd__rVdVm {
777
+ display: flex;
778
+ justify-content: flex-end;
779
+ align-items: center;
780
+ box-sizing: border-box;
781
+ padding: 0;
782
+ margin: 0;
783
+ }.flexBox-module_column__ezvMq {
784
+ display: flex;
785
+ flex-direction: column;
786
+ justify-content: center;
787
+ align-items: center;
788
+ box-sizing: border-box;
789
+ padding: 0;
790
+ margin: 0;
791
+ }.flexBox-module_columnStart__C7P44 {
792
+ display: flex;
793
+ flex-direction: column;
794
+ justify-content: flex-start;
795
+ align-items: flex-start;
796
+ box-sizing: border-box;
797
+ padding: 0;
798
+ margin: 0;
799
+ }.flexBox-module_columnStartCenter__PKcrG {
800
+ display: flex;
801
+ flex-direction: column;
802
+ justify-content: flex-start;
803
+ align-items: center;
804
+ box-sizing: border-box;
805
+ padding: 0;
806
+ margin: 0;
807
+ }.flexBox-module_columnBetween__ERfp7 {
808
+ display: flex;
809
+ flex-direction: column;
810
+ justify-content: space-between;
811
+ align-items: center;
812
+ box-sizing: border-box;
813
+ padding: 0;
814
+ margin: 0;
815
+ }.flexBox-module_columnEnd__lLJuc {
816
+ display: flex;
817
+ flex-direction: column;
818
+ justify-content: flex-end;
819
+ align-items: flex-end;
820
+ box-sizing: border-box;
821
+ padding: 0;
822
+ margin: 0;
813
823
  }
814
824
 
815
- .CheckBox-module_label__0AiBp {
816
- color: var(--cb-label-color);
817
- transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
825
+ .AvatarGroup-module_wrapper__MtOyq {
826
+ gap: var(--ag-gap);
827
+ margin: var(--ag-margin);
818
828
  }
819
829
 
830
+ .AvatarGroup-module_avatar__5NVpW {
831
+ display: inline-block;
832
+ margin-left: var(--ag-overlap);
833
+ border-radius: 100%;
834
+ }
835
+
836
+ .AvatarGroup-module_avatar__5NVpW:first-child {
837
+ margin-left: 0;
838
+ }
839
+
820
840
  .flexBox-module_row__z24tF {
821
841
  display: flex;
822
842
  justify-content: center;
@@ -1047,135 +1067,59 @@ line {
1047
1067
  text-decoration: none;
1048
1068
  letter-spacing: 0.2px;
1049
1069
  }
1050
- .IconButton-module_button__rziqa {
1051
- position: relative;
1052
- background: var(--ib-bg-color);
1053
- border-radius: var(--ib-border-radius);
1054
- border: var(--ib-border) solid var(--core-outline-primary);
1055
- gap: 6px;
1056
- cursor: var(--ib-cursor);
1057
- appearance: none;
1058
- -webkit-appearance: none;
1059
- background-image: none;
1060
- outline: none;
1061
- min-height: var(--ib-button-size);
1062
- height: var(--ib-button-size);
1063
- min-width: var(--ib-button-size);
1064
- width: var(--ib-button-size);
1065
- user-select: none;
1066
- -webkit-user-select: none;
1070
+
1071
+ .ErrorSummary-module_errorBox__hjY50 {
1072
+ width: 100%;
1073
+ background: var(--error-bg-color);
1074
+ border: 1px solid var(--error-text-color);
1075
+ border-radius: 4px;
1076
+ padding: 16px !important;
1077
+ overflow: hidden;
1078
+ gap: 0;
1067
1079
  }
1068
- .IconButton-module_button__rziqa:hover {
1069
- background: var(--ib-bg-color-hover);
1080
+
1081
+ .ErrorSummary-module_error__QX1mr {
1082
+ width: 100%;
1083
+ margin: 0 !important;
1084
+ padding: 0 !important;
1085
+ margin-bottom: 4px !important;
1086
+ }
1087
+
1088
+ .ErrorSummary-module_error__QX1mr:last-child {
1089
+ margin-bottom: 0 !important;
1070
1090
  }
1071
1091
 
1072
- .IconButton-module_label__qWGFD {
1073
- color: var(--ib-color);
1074
- text-overflow: ellipsis;
1075
- overflow: hidden;
1076
- word-break: break-all;
1077
- display: -webkit-box;
1078
- -webkit-line-clamp: 1;
1079
- -webkit-box-orient: vertical;
1092
+ .ErrorSummary-module_p__N-2Po {
1093
+ margin: 0 !important;
1094
+ padding: 0 !important;
1095
+ color: var(--error-text-color) !important;
1080
1096
  }
1081
1097
 
1082
- .IconButton-module_icon__2DDWy {
1083
- min-height: var(--ib-icon-size);
1084
- height: var(--ib-icon-size);
1085
- min-width: var(--ib-icon-size);
1086
- width: var(--ib-icon-size);
1098
+ .ErrorSummary-module_ul__Xv0K7 {
1099
+ padding: 0 !important;
1100
+ margin: 0 !important;
1087
1101
  }
1088
1102
 
1089
- .IconButton-module_count__6r373 {
1090
- position: absolute;
1091
- top: 0;
1092
- right: 0;
1093
- transform: translateX(5px) translateY(-2px);
1094
- }
1095
-
1096
- .flexBox-module_row__z24tF {
1097
- display: flex;
1098
- justify-content: center;
1099
- align-items: center;
1100
- box-sizing: border-box;
1101
- padding: 0;
1102
- margin: 0;
1103
- }.flexBox-module_rowBetween__5FEvi {
1104
- display: flex;
1105
- justify-content: space-between;
1106
- align-items: center;
1107
- box-sizing: border-box;
1108
- padding: 0;
1109
- margin: 0;
1110
- }.flexBox-module_rowStart__4tcxS {
1111
- display: flex;
1112
- justify-content: flex-start;
1113
- align-items: center;
1114
- box-sizing: border-box;
1115
- padding: 0;
1116
- margin: 0;
1117
- }.flexBox-module_rowEnd__rVdVm {
1118
- display: flex;
1119
- justify-content: flex-end;
1120
- align-items: center;
1121
- box-sizing: border-box;
1122
- padding: 0;
1123
- margin: 0;
1124
- }.flexBox-module_column__ezvMq {
1125
- display: flex;
1126
- flex-direction: column;
1127
- justify-content: center;
1128
- align-items: center;
1129
- box-sizing: border-box;
1130
- padding: 0;
1131
- margin: 0;
1132
- }.flexBox-module_columnStart__C7P44 {
1133
- display: flex;
1134
- flex-direction: column;
1135
- justify-content: flex-start;
1136
- align-items: flex-start;
1137
- box-sizing: border-box;
1138
- padding: 0;
1139
- margin: 0;
1140
- }.flexBox-module_columnStartCenter__PKcrG {
1141
- display: flex;
1142
- flex-direction: column;
1143
- justify-content: flex-start;
1144
- align-items: center;
1145
- box-sizing: border-box;
1146
- padding: 0;
1147
- margin: 0;
1148
- }.flexBox-module_columnBetween__ERfp7 {
1149
- display: flex;
1150
- flex-direction: column;
1151
- justify-content: space-between;
1152
- align-items: center;
1153
- box-sizing: border-box;
1154
- padding: 0;
1155
- margin: 0;
1156
- }.flexBox-module_columnEnd__lLJuc {
1157
- display: flex;
1158
- flex-direction: column;
1159
- justify-content: flex-end;
1160
- align-items: flex-end;
1161
- box-sizing: border-box;
1162
- padding: 0;
1163
- margin: 0;
1164
- }.Dot-module_dot__RNz87 {
1165
- display: var(--dot-display);
1166
- box-sizing: content-box;
1167
- position: var(--dot-position);
1168
- top: var(--dot-top);
1169
- right: var(--dot-right);
1170
- vertical-align: var(--dot-vertical-align);
1171
- min-height: var(--dot-size);
1172
- min-width: var(--dot-size);
1173
- height: var(--dot-size);
1174
- width: var(--dot-size);
1175
- border: var(--dot-border) solid var(--core-surface-primary);
1176
- background: var(--dot-bg);
1177
- border-radius: 100%;
1178
- z-index: var(--elevation-status);
1103
+ .ErrorSummary-module_li__0ciEx {
1104
+ color: var(--error-text-color) !important;
1105
+ line-height: 1.5em !important;
1106
+ padding: 0;
1107
+ }
1108
+
1109
+ .ErrorSummary-module_xs__pTqMn {
1110
+ font-size: var(--font-size-xs) !important;
1111
+ }
1112
+
1113
+ .ErrorSummary-module_s__u2sIP {
1114
+ font-size: var(--font-size-s) !important;
1115
+ }
1116
+
1117
+ .ErrorSummary-module_m__-QyP- {
1118
+ font-size: var(--font-size-m) !important;
1119
+ }
1120
+
1121
+ .ErrorSummary-module_l__bb1xZ {
1122
+ font-size: var(--font-size-l) !important;
1179
1123
  }
1180
1124
 
1181
1125
  .flexBox-module_row__z24tF {
@@ -1407,40 +1351,100 @@ line {
1407
1351
  line-height: 128.57%;
1408
1352
  text-decoration: none;
1409
1353
  letter-spacing: 0.2px;
1354
+ }.Badge-module_badge__RsuMz {
1355
+ line-height: 1em;
1356
+ color: var(--badge-color);
1357
+ background: var(--badge-bg);
1358
+ padding: 2px 8px;
1359
+ min-width: 24px;
1360
+ width: min-content;
1361
+ border-radius: 8px;
1362
+ white-space: nowrap;
1410
1363
  }
1411
1364
 
1412
- .Grouper-module_header__D5fV0 {
1413
- width: 100%;
1414
- cursor: pointer;
1415
- appearance: none;
1416
- -webkit-appearance: none;
1417
- background-image: none;
1418
- background-color: transparent;
1419
- border: 0;
1420
- outline: none;
1365
+ .flexBox-module_row__z24tF {
1366
+ display: flex;
1367
+ justify-content: center;
1368
+ align-items: center;
1369
+ box-sizing: border-box;
1421
1370
  padding: 0;
1422
- }
1423
-
1424
- .Grouper-module_title__ZKqTP {
1425
- color: var(--core-text-primary);
1426
- flex: 1;
1427
- }
1428
-
1429
- .Grouper-module_content__Mof50 {
1430
- user-select: none;
1431
- -webkit-user-select: none;
1432
- padding: 0 24px !important;
1433
- width: 100%;
1434
- gap: 6px;
1435
- height: var(--grouper-height);
1436
- border-top: var(--grouper-border) solid var(--core-outline-primary);
1437
- }
1438
-
1439
- .Grouper-module_icon__14Jis {
1440
- min-height: var(--grouper-icon-size);
1441
- height: var(--grouper-icon-size);
1442
- min-width: var(--grouper-icon-size);
1443
- width: var(--grouper-icon-size);
1371
+ margin: 0;
1372
+ }.flexBox-module_rowBetween__5FEvi {
1373
+ display: flex;
1374
+ justify-content: space-between;
1375
+ align-items: center;
1376
+ box-sizing: border-box;
1377
+ padding: 0;
1378
+ margin: 0;
1379
+ }.flexBox-module_rowStart__4tcxS {
1380
+ display: flex;
1381
+ justify-content: flex-start;
1382
+ align-items: center;
1383
+ box-sizing: border-box;
1384
+ padding: 0;
1385
+ margin: 0;
1386
+ }.flexBox-module_rowEnd__rVdVm {
1387
+ display: flex;
1388
+ justify-content: flex-end;
1389
+ align-items: center;
1390
+ box-sizing: border-box;
1391
+ padding: 0;
1392
+ margin: 0;
1393
+ }.flexBox-module_column__ezvMq {
1394
+ display: flex;
1395
+ flex-direction: column;
1396
+ justify-content: center;
1397
+ align-items: center;
1398
+ box-sizing: border-box;
1399
+ padding: 0;
1400
+ margin: 0;
1401
+ }.flexBox-module_columnStart__C7P44 {
1402
+ display: flex;
1403
+ flex-direction: column;
1404
+ justify-content: flex-start;
1405
+ align-items: flex-start;
1406
+ box-sizing: border-box;
1407
+ padding: 0;
1408
+ margin: 0;
1409
+ }.flexBox-module_columnStartCenter__PKcrG {
1410
+ display: flex;
1411
+ flex-direction: column;
1412
+ justify-content: flex-start;
1413
+ align-items: center;
1414
+ box-sizing: border-box;
1415
+ padding: 0;
1416
+ margin: 0;
1417
+ }.flexBox-module_columnBetween__ERfp7 {
1418
+ display: flex;
1419
+ flex-direction: column;
1420
+ justify-content: space-between;
1421
+ align-items: center;
1422
+ box-sizing: border-box;
1423
+ padding: 0;
1424
+ margin: 0;
1425
+ }.flexBox-module_columnEnd__lLJuc {
1426
+ display: flex;
1427
+ flex-direction: column;
1428
+ justify-content: flex-end;
1429
+ align-items: flex-end;
1430
+ box-sizing: border-box;
1431
+ padding: 0;
1432
+ margin: 0;
1433
+ }.Dot-module_dot__RNz87 {
1434
+ display: var(--dot-display);
1435
+ box-sizing: content-box;
1436
+ position: var(--dot-position);
1437
+ top: var(--dot-top);
1438
+ right: var(--dot-right);
1439
+ vertical-align: var(--dot-vertical-align);
1440
+ min-height: var(--dot-size);
1441
+ min-width: var(--dot-size);
1442
+ height: var(--dot-size);
1443
+ width: var(--dot-size);
1444
+ border: var(--dot-border) solid var(--core-surface-primary);
1445
+ background: var(--dot-bg);
1446
+ border-radius: 100%;
1447
+ z-index: var(--elevation-status);
1444
1448
  }
1445
1449
 
1446
1450
  .flexBox-module_row__z24tF {
@@ -1674,58 +1678,29 @@ line {
1674
1678
  letter-spacing: 0.2px;
1675
1679
  }
1676
1680
 
1677
- .ErrorSummary-module_errorBox__hjY50 {
1678
- width: 100%;
1679
- background: var(--error-bg-color);
1680
- border: 1px solid var(--error-text-color);
1681
- border-radius: 4px;
1682
- padding: 16px !important;
1681
+ .CheckBox-module_wrapper__uRsjI {
1682
+ min-height: var(--cb-size);
1683
+ height: var(--cb-size);
1684
+ width: auto;
1685
+ gap: 6px;
1686
+ cursor: pointer;
1683
1687
  overflow: hidden;
1684
- gap: 0;
1685
- }
1686
-
1687
- .ErrorSummary-module_error__QX1mr {
1688
- width: 100%;
1689
- margin: 0 !important;
1690
- padding: 0 !important;
1691
- margin-bottom: 4px !important;
1692
- }
1693
-
1694
- .ErrorSummary-module_error__QX1mr:last-child {
1695
- margin-bottom: 0 !important;
1696
- }
1697
-
1698
- .ErrorSummary-module_p__N-2Po {
1699
- margin: 0 !important;
1700
- padding: 0 !important;
1701
- color: var(--error-text-color) !important;
1702
- }
1703
-
1704
- .ErrorSummary-module_ul__Xv0K7 {
1705
- padding: 0 !important;
1706
- margin: 0 !important;
1707
- }
1708
-
1709
- .ErrorSummary-module_li__0ciEx {
1710
- color: var(--error-text-color) !important;
1711
- line-height: 1.5em !important;
1712
- padding: 0;
1713
- }
1714
-
1715
- .ErrorSummary-module_xs__pTqMn {
1716
- font-size: var(--font-size-xs) !important;
1717
- }
1718
-
1719
- .ErrorSummary-module_s__u2sIP {
1720
- font-size: var(--font-size-s) !important;
1688
+ user-select: none;
1689
+ -webkit-user-select: none;
1690
+ outline: none;
1691
+ border: 0;
1721
1692
  }
1722
1693
 
1723
- .ErrorSummary-module_m__-QyP- {
1724
- font-size: var(--font-size-m) !important;
1694
+ .CheckBox-module_icon__FoDJN {
1695
+ min-width: var(--cb-size);
1696
+ max-width: var(--cb-size);
1697
+ min-height: var(--cb-size);
1698
+ max-height: var(--cb-size);
1725
1699
  }
1726
1700
 
1727
- .ErrorSummary-module_l__bb1xZ {
1728
- font-size: var(--font-size-l) !important;
1701
+ .CheckBox-module_label__0AiBp {
1702
+ color: var(--cb-label-color);
1703
+ transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
1729
1704
  }
1730
1705
 
1731
1706
  .flexBox-module_row__z24tF {
@@ -1959,114 +1934,87 @@ line {
1959
1934
  letter-spacing: 0.2px;
1960
1935
  }
1961
1936
 
1962
- .Camera-module_wrapper__GOsKp {
1937
+ .DropDown-module_wrapper__CyX0u {
1938
+ display: var(--dd-display) !important;
1939
+ padding: var(--dd-padding) !important;
1940
+ margin: var(--dd-margin) !important;
1963
1941
  position: relative;
1964
- width: 100%;
1965
- height: 100%;
1966
- background-color: var(--core-surface-secondary);
1967
- overflow: hidden;
1968
- border-radius: 4px;
1942
+ gap: var(--dd-gap);
1943
+ width: var(--dd-width);
1944
+ border-radius: var(--dd-border-radius);
1945
+ background-color: var(--dd-bg-color);
1946
+ border: var(--dd-border);
1947
+ border-bottom: var(--dd-border-bottom);
1948
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
1949
+ user-select: none;
1950
+ -webkit-user-select: none;
1969
1951
  }
1970
1952
 
1971
- .Camera-module_video__Q2r9B {
1972
- width: 100%;
1973
- height: 100%;
1974
- object-fit: cover;
1953
+ .DropDown-module_face__6gyF3 {
1954
+ overflow: hidden;
1955
+ min-width: 0;
1956
+ flex: 1;
1975
1957
  }
1976
1958
 
1977
- .Camera-module_controls__qXYoL {
1978
- position: absolute;
1979
- bottom: 0;
1980
- left: 0;
1981
- right: 0;
1982
- padding: 16px !important;
1983
- gap: 16px;
1984
- background-color: var(--camera-controls-bg);
1985
- transform: var(--camera-controls-transform);
1986
- transition: transform var(--motion-water-duration) var(--motion-water) 0s;
1959
+ .DropDown-module_faceText__glhB3 {
1960
+ display: -webkit-box;
1961
+ -webkit-line-clamp: 1;
1962
+ -webkit-box-orient: vertical;
1963
+ box-sizing: border-box;
1964
+ overflow: hidden;
1965
+ text-overflow: ellipsis;
1966
+ word-break: break-all;
1967
+ color: var(--dd-color);
1968
+ min-width: 0;
1987
1969
  }
1988
1970
 
1989
- .Camera-module_controlsRight__VcIz7 {
1990
- gap: 12px;
1991
- flex: 1;
1971
+ .DropDown-module_label__Mrwbp {
1972
+ width: min-content;
1973
+ overflow: hidden;
1974
+ white-space: nowrap;
1975
+ text-overflow: ellipsis;
1976
+ color: var(--dd-label-color);
1992
1977
  }
1993
1978
 
1994
- .Camera-module_controlsCenter__e-erq {
1995
- gap: 12px;
1996
- flex: 1;
1979
+ .DropDown-module_xs__7L71q {
1997
1980
  }
1998
1981
 
1999
- .Camera-module_controlsLeft__bR4TN {
2000
- gap: 12px;
2001
- flex: 1;
1982
+ .DropDown-module_s__vAxXD {
2002
1983
  }
2003
1984
 
2004
- .Camera-module_error__t0w-d {
2005
- position: absolute;
2006
- top: 50%;
2007
- left: 50%;
2008
- transform: translate(-50%, -50%);
2009
- color: var(--feedback-warning);
1985
+ .DropDown-module_m__K6JPk {
2010
1986
  }
2011
1987
 
2012
- .Camera-module_poster__Gun-v {
2013
- position: absolute;
2014
- aspect-ratio: 1 / 1;
2015
- top: 0;
2016
- bottom: 0;
2017
- left: 50%;
2018
- transform: translateX(-50%);
2019
- color: var(--core-text-primary);
1988
+ .DropDown-module_l__Kib48 {
2020
1989
  }
2021
1990
 
2022
- .Camera-module_snapshotFrame__YM6Eu {
2023
- position: absolute;
2024
- max-width: 25%;
2025
- height: min-content;
2026
- top: 16px;
2027
- right: 16px;
2028
- z-index: 1;
1991
+ .DropDown-module_chevron__LkYsE {
1992
+ min-height: var(--dd-icon-size);
1993
+ max-height: var(--dd-icon-size);
1994
+ min-width: var(--dd-icon-size);
1995
+ max-width: var(--dd-icon-size);
2029
1996
  }
2030
1997
 
2031
- .Camera-module_clear__aaCfT {
1998
+ .DropDown-module_select__mzNnv {
2032
1999
  position: absolute;
2033
- top: 16px;
2034
- right: 16px;
2035
- z-index: 3;
2036
- }
2037
-
2038
- .Camera-module_snapshot__odQH0 {
2000
+ opacity: 0;
2039
2001
  width: 100%;
2040
- border: 1px solid var(--core-outline-special);
2041
- z-index: 2;
2042
- }
2043
-
2044
- .Camera-module_toolbarButton__mnmoF {
2045
- gap: 4px;
2046
- cursor: pointer;
2047
- user-select: none;
2048
- -webkit-user-select: none;
2049
- }
2050
-
2051
- .Camera-module_buttonIcon__a-VBR {
2052
- min-height: var(--toolbar-button-size);
2053
- max-height: var(--toolbar-button-size);
2054
- min-width: var(--toolbar-button-size);
2055
- max-width: var(--toolbar-button-size);
2056
- background: var(--toolbar-button-bg-color);
2057
- border: 1px solid transparent;
2058
- border-radius: 100%;
2059
- opacity: var(--toolbar-button-opacity);
2060
- transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
2061
- }
2062
-
2063
- .Camera-module_buttonIcon__a-VBR:hover {
2064
- border: 1px solid var(--core-outline-special);
2002
+ height: 100%;
2003
+ font-size: 14px;
2004
+ background-color: #1f99cd;
2005
+ background-position: right 10px center;
2006
+ background-repeat: no-repeat;
2007
+ background-size: auto 50%;
2008
+ border: none;
2009
+ outline: none;
2010
+ -moz-appearance: none;
2011
+ -webkit-appearance: none;
2012
+ appearance: none;
2065
2013
  }
2066
2014
 
2067
- .Camera-module_buttonLabel__6BEs1 {
2068
- color: var(--toolbar-button-label-color);
2069
- }
2015
+ .DropDown-module_select__mzNnv::-ms-expand {
2016
+ display: none;
2017
+ }
2070
2018
 
2071
2019
  .flexBox-module_row__z24tF {
2072
2020
  display: flex;
@@ -2136,38 +2084,280 @@ line {
2136
2084
  box-sizing: border-box;
2137
2085
  padding: 0;
2138
2086
  margin: 0;
2087
+ }.type-module_body-xs-regular__ZAFft {
2088
+ font-family: var(--font-family), sans-serif;
2089
+ font-weight: var(--font-weight-regular);
2090
+ font-size: var(--font-size-xs);
2091
+ line-height: 133.33%;
2092
+ text-decoration: none;
2093
+ letter-spacing: 0.2px;
2094
+ }.type-module_body-xs-medium__s3KvF {
2095
+ font-family: var(--font-family), sans-serif;
2096
+ font-weight: var(--font-weight-medium);
2097
+ font-size: var(--font-size-xs);
2098
+ line-height: 133.33%;
2099
+ text-decoration: none;
2100
+ letter-spacing: 0.2px;
2101
+ }.type-module_body-xs-bold__Lhqqq {
2102
+ font-family: var(--font-family), sans-serif;
2103
+ font-weight: var(--font-weight-bold);
2104
+ font-size: var(--font-size-xs);
2105
+ line-height: 133.33%;
2106
+ text-decoration: none;
2107
+ letter-spacing: 0.25px;
2108
+ }.type-module_body-s-regular__vRHSP {
2109
+ font-family: var(--font-family), sans-serif;
2110
+ font-weight: var(--font-weight-regular);
2111
+ font-size: var(--font-size-s);
2112
+ line-height: 142.86%;
2113
+ text-decoration: none;
2114
+ letter-spacing: 0.15px;
2115
+ }.type-module_body-s-medium__tjdFc {
2116
+ font-family: var(--font-family), sans-serif;
2117
+ font-weight: var(--font-weight-medium);
2118
+ font-size: var(--font-size-s);
2119
+ line-height: 142.86%;
2120
+ text-decoration: none;
2121
+ letter-spacing: 0.15px;
2122
+ }.type-module_body-s-bold__Iy-VX {
2123
+ font-family: var(--font-family), sans-serif;
2124
+ font-weight: var(--font-weight-bold);
2125
+ font-size: var(--font-size-s);
2126
+ line-height: 142.86%;
2127
+ text-decoration: none;
2128
+ letter-spacing: 0.2px;
2129
+ }.type-module_body-m-regular__LuQBA {
2130
+ font-family: var(--font-family), sans-serif;
2131
+ font-weight: var(--font-weight-regular);
2132
+ font-size: var(--font-size-m);
2133
+ line-height: 140%;
2134
+ text-decoration: none;
2135
+ letter-spacing: 0.15px;
2136
+ }.type-module_body-m-medium__uW1on {
2137
+ font-family: var(--font-family), sans-serif;
2138
+ font-weight: var(--font-weight-medium);
2139
+ font-size: var(--font-size-m);
2140
+ line-height: 140%;
2141
+ text-decoration: none;
2142
+ letter-spacing: 0.15px;
2143
+ }.type-module_body-m-bold__UBcvQ {
2144
+ font-family: var(--font-family), sans-serif;
2145
+ font-weight: var(--font-weight-bold);
2146
+ font-size: var(--font-size-m);
2147
+ line-height: 140%;
2148
+ text-decoration: none;
2149
+ letter-spacing: 0.2px;
2150
+ }.type-module_body-l-regular__lOYbg {
2151
+ font-family: var(--font-family), sans-serif;
2152
+ font-weight: var(--font-weight-regular);
2153
+ font-size: var(--font-size-l);
2154
+ line-height: 162.5%;
2155
+ text-decoration: none;
2156
+ letter-spacing: 0.1px;
2157
+ }.type-module_body-l-medium__BqRC7 {
2158
+ font-family: var(--font-family), sans-serif;
2159
+ font-weight: var(--font-weight-medium);
2160
+ font-size: var(--font-size-l);
2161
+ line-height: 162.5%;
2162
+ text-decoration: none;
2163
+ letter-spacing: 0.1px;
2164
+ }.type-module_body-l-bold__Fh2dt {
2165
+ font-family: var(--font-family), sans-serif;
2166
+ font-weight: var(--font-weight-bold);
2167
+ font-size: var(--font-size-l);
2168
+ line-height: 162.5%;
2169
+ text-decoration: none;
2170
+ letter-spacing: 0.15px;
2171
+ }.type-module_body-xl-regular__pF2kC {
2172
+ font-family: var(--font-family), sans-serif;
2173
+ font-weight: var(--font-weight-regular);
2174
+ font-size: var(--font-size-xl);
2175
+ line-height: 162.5%;
2176
+ text-decoration: none;
2177
+ letter-spacing: 0.1px;
2178
+ }.type-module_body-xl-medium__BeyrH {
2179
+ font-family: var(--font-family), sans-serif;
2180
+ font-weight: var(--font-weight-medium);
2181
+ font-size: var(--font-size-xl);
2182
+ line-height: 162.5%;
2183
+ text-decoration: none;
2184
+ letter-spacing: 0.1px;
2185
+ }.type-module_body-xl-bold__Ruknj {
2186
+ font-family: var(--font-family), sans-serif;
2187
+ font-weight: var(--font-weight-bold);
2188
+ font-size: var(--font-size-xl);
2189
+ line-height: 162.5%;
2190
+ text-decoration: none;
2191
+ letter-spacing: 0.15px;
2192
+ }.type-module_heading-s-medium__z8L3G {
2193
+ font-family: var(--font-family), sans-serif;
2194
+ font-weight: 500;
2195
+ font-size: 20px;
2196
+ line-height: 140%;
2197
+ text-decoration: none;
2198
+ letter-spacing: 0.2px;
2199
+ }.type-module_heading-s-bold__0O3g6 {
2200
+ font-family: var(--font-family), sans-serif;
2201
+ font-weight: 600;
2202
+ font-size: 20px;
2203
+ line-height: 140%;
2204
+ text-decoration: none;
2205
+ letter-spacing: 0.2px;
2206
+ }.type-module_heading-m-bold__KXxEB {
2207
+ font-family: var(--font-family), sans-serif;
2208
+ font-weight: 500;
2209
+ font-size: 24px;
2210
+ line-height: 116.67%;
2211
+ text-decoration: none;
2212
+ letter-spacing: 0.2px;
2213
+ }.type-module_heading-m-medium__cJeEA {
2214
+ font-family: var(--font-family), sans-serif;
2215
+ font-weight: 600;
2216
+ font-size: 24px;
2217
+ line-height: 116.67%;
2218
+ text-decoration: none;
2219
+ letter-spacing: 0.2px;
2220
+ }.type-module_heading-l-medium__eRe05 {
2221
+ font-family: var(--font-family), sans-serif;
2222
+ font-weight: 500;
2223
+ font-size: 30px;
2224
+ line-height: 128.57%;
2225
+ text-decoration: none;
2226
+ letter-spacing: 0.2px;
2227
+ }.type-module_heading-l-bold__Xmwtf {
2228
+ font-family: var(--font-family), sans-serif;
2229
+ font-weight: 600;
2230
+ font-size: 30px;
2231
+ line-height: 128.57%;
2232
+ text-decoration: none;
2233
+ letter-spacing: 0.2px;
2234
+ }.type-module_heading-xl-medium__5q1m3 {
2235
+ font-family: var(--font-family), sans-serif;
2236
+ font-weight: 500;
2237
+ font-size: 36px;
2238
+ line-height: 128.57%;
2239
+ text-decoration: none;
2240
+ letter-spacing: 0.2px;
2241
+ }.type-module_heading-xl-bold__k9VFV {
2242
+ font-family: var(--font-family), sans-serif;
2243
+ font-weight: 600;
2244
+ font-size: 36px;
2245
+ line-height: 128.57%;
2246
+ text-decoration: none;
2247
+ letter-spacing: 0.2px;
2248
+ }
2249
+
2250
+ .PromptInput-module_wrapperBg__zabZq {
2251
+ position: relative;
2252
+ --border-angle: 0turn;
2253
+ --conic-gradient-dark: conic-gradient(
2254
+ from var(--border-angle),
2255
+ var(--core-text-special) 0deg,
2256
+ var(--core-text-special) 45deg,
2257
+ var(--core-text-special) 90deg,
2258
+ var(--array-magenta-label) 135deg,
2259
+ var(--array-magenta-label) 180deg,
2260
+ var(--array-magenta-label) 225deg,
2261
+ var(--array-land) 270deg,
2262
+ var(--array-land) 315deg,
2263
+ var(--array-land) 360deg
2264
+ );
2265
+ --conic-gradient-light: conic-gradient(
2266
+ from var(--border-angle),
2267
+ var(--core-text-special) 0deg,
2268
+ var(--core-text-special) 45deg,
2269
+ var(--core-text-special) 90deg,
2270
+ var(--array-magenta-label) 135deg,
2271
+ var(--array-magenta-label) 180deg,
2272
+ var(--array-magenta-label) 225deg,
2273
+ var(--array-land-label) 270deg,
2274
+ var(--array-land-label) 315deg,
2275
+ var(--array-land-label) 360deg
2276
+ );
2277
+ z-index: 0;
2278
+ height: auto;
2279
+ max-height: var(--prompt-max-height);
2280
+ width: var(--prompt-width);
2281
+ max-width: var(--prompt-max-width);
2282
+ min-width: var(--prompt-min-width);
2283
+ border-radius: var(--prompt-border-radius);
2284
+ overflow: hidden;
2285
+ padding: var(--prompt-border-width) !important;
2286
+ background: var(--prompt-border-color);
2287
+ animation: PromptInput-module_bgRotate__Um720 3s linear infinite;
2288
+ animation-play-state: var(--prompt-state);
2289
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
2290
+ }
2291
+
2292
+ @property --border-angle {
2293
+ syntax: "<angle>";
2294
+ inherits: false;
2295
+ initial-value: 0turn;
2296
+ }
2297
+
2298
+ @keyframes PromptInput-module_bgRotate__Um720 {
2299
+ 100% {
2300
+ --border-angle: 1turn;
2301
+ }
2302
+ }
2303
+
2304
+ .PromptInput-module_textareaWrapper__KusiV {
2305
+ align-items: flex-start;
2306
+ width: 100%;
2307
+ height: min-content;
2308
+ max-height: 400px;
2309
+ overflow: hidden;
2310
+ overflow-y: auto;
2311
+ border-radius: var(--prompt-inner-border-radius);
2312
+ background: var(--core-surface-secondary);
2313
+ }
2314
+
2315
+ .PromptInput-module_attachments__rqgY1 {
2316
+ padding: 16px 16px 0 16px !important;
2317
+ width: 100%;
2318
+ }
2319
+
2320
+ .PromptInput-module_clear__MFroM {
2321
+ padding: 12px 8px 0 0 !important;
2322
+ display: var(--prompt-clear) !important;
2139
2323
  }
2140
2324
 
2141
- .Pager-module_wrapper__eutVg {
2142
- gap: var(--pager-gap);
2325
+ .PromptInput-module_buttonBar__X8LDe {
2326
+ padding: 8px 16px 16px 16px !important;
2143
2327
  width: 100%;
2144
- z-index: var(--elevation-status);
2328
+ cursor: text;
2145
2329
  }
2146
2330
 
2147
- .Pager-module_bullet__TxyR5 {
2148
- width: var(--pager-size);
2149
- height: var(--pager-size);
2150
- max-width: var(--pager-size);
2151
- max-height: var(--pager-size);
2152
- background: var(--pager-color);
2153
- border-radius: 100%;
2331
+ .PromptInput-module_toolBar__GBvPT {
2332
+ flex: 1;
2333
+ gap: 8px;
2334
+ }
2335
+
2336
+ .PromptInput-module_textarea__e4Kxn {
2337
+ padding: 16px !important;
2338
+ box-sizing: border-box;
2339
+ field-sizing: content;
2340
+ width: 100%;
2341
+ resize: none;
2154
2342
  border: 0;
2155
- cursor: pointer;
2156
2343
  outline: none;
2157
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
2344
+ color: var(--core-text-primary);
2345
+ background: transparent;
2346
+ border-radius: var(--prompt-border-radius);
2158
2347
  }
2159
2348
 
2160
- .Pager-module_bullet__TxyR5:hover {
2161
- background: var(--pager-colorHover);
2349
+ .PromptInput-module_textarea__e4Kxn::placeholder {
2350
+ color: var(--core-text-disabled);
2162
2351
  }
2163
2352
 
2164
- .Pager-module_selected__C6xbR {
2165
- background: var(--pager-colorOn);
2353
+ .PromptInput-module_s__ivyC9 {
2166
2354
  }
2167
2355
 
2168
- .Pager-module_selected__C6xbR:hover {
2169
- background: var(--pager-colorOn);
2170
- }
2356
+ .PromptInput-module_m__LFHvW {
2357
+ }
2358
+
2359
+ .PromptInput-module_l__TlceW {
2360
+ }
2171
2361
 
2172
2362
  .flexBox-module_row__z24tF {
2173
2363
  display: flex;
@@ -2239,28 +2429,30 @@ line {
2239
2429
  margin: 0;
2240
2430
  }
2241
2431
 
2242
- .ModalController-module_container__3cSaO {
2243
- position: fixed;
2244
- inset: 0;
2245
- overflow: hidden;
2246
- z-index: var(--elevation-confirm);
2432
+ .DraggablePanel-module_panel__vuq2R {
2433
+ position: relative;
2434
+ background-color: var(--panel-bg);
2247
2435
  }
2248
2436
 
2249
- .ModalController-module_box__cPzOz {
2250
- position: relative;
2251
- display: flex;
2252
- justify-content: center;
2253
- align-items: center;
2254
- background: transparent;
2437
+ .DraggablePanel-module_content__SBL0T {
2255
2438
  width: 100%;
2256
2439
  height: 100%;
2257
- overflow: visible;
2258
- z-index: var(--elevation-confirm);
2440
+ overflow: hidden;
2259
2441
  }
2260
2442
 
2261
- .ModalController-module_wrapper__HkOoX {
2443
+ .DraggablePanel-module_handle__LPZw8 {
2444
+ width: var(--drag-handle-width);
2445
+ height: var(--drag-handle-height);
2446
+ min-width: var(--drag-handle-width);
2447
+ min-height: var(--drag-handle-height);
2448
+ border-radius: var(--drag-handle-radius);
2449
+ border: var(--drag-handle-border) solid var(--drag-handle-border-color);
2450
+ background: var(--drag-handle-bg);
2262
2451
  position: absolute;
2263
- z-index: var(--elevation-confirm);
2452
+ top: 50%;
2453
+ left: 50%;
2454
+ transform: translateX(-50%) translateY(-50%);
2455
+ z-index: var(--elevation-overlay);
2264
2456
  }
2265
2457
 
2266
2458
  .flexBox-module_row__z24tF {
@@ -2494,116 +2686,38 @@ line {
2494
2686
  letter-spacing: 0.2px;
2495
2687
  }
2496
2688
 
2497
- .PromptInput-module_wrapperBg__zabZq {
2498
- position: relative;
2499
- --border-angle: 0turn;
2500
- --conic-gradient-dark: conic-gradient(
2501
- from var(--border-angle),
2502
- var(--core-text-special) 0deg,
2503
- var(--core-text-special) 45deg,
2504
- var(--core-text-special) 90deg,
2505
- var(--array-magenta-label) 135deg,
2506
- var(--array-magenta-label) 180deg,
2507
- var(--array-magenta-label) 225deg,
2508
- var(--array-land) 270deg,
2509
- var(--array-land) 315deg,
2510
- var(--array-land) 360deg
2511
- );
2512
- --conic-gradient-light: conic-gradient(
2513
- from var(--border-angle),
2514
- var(--core-text-special) 0deg,
2515
- var(--core-text-special) 45deg,
2516
- var(--core-text-special) 90deg,
2517
- var(--array-magenta-label) 135deg,
2518
- var(--array-magenta-label) 180deg,
2519
- var(--array-magenta-label) 225deg,
2520
- var(--array-land-label) 270deg,
2521
- var(--array-land-label) 315deg,
2522
- var(--array-land-label) 360deg
2523
- );
2524
- z-index: 0;
2525
- height: auto;
2526
- max-height: var(--prompt-max-height);
2527
- width: var(--prompt-width);
2528
- max-width: var(--prompt-max-width);
2529
- min-width: var(--prompt-min-width);
2530
- border-radius: var(--prompt-border-radius);
2531
- overflow: hidden;
2532
- padding: var(--prompt-border-width) !important;
2533
- background: var(--prompt-border-color);
2534
- animation: PromptInput-module_bgRotate__Um720 3s linear infinite;
2535
- animation-play-state: var(--prompt-state);
2536
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
2537
- }
2538
-
2539
- @property --border-angle {
2540
- syntax: "<angle>";
2541
- inherits: false;
2542
- initial-value: 0turn;
2543
- }
2544
-
2545
- @keyframes PromptInput-module_bgRotate__Um720 {
2546
- 100% {
2547
- --border-angle: 1turn;
2548
- }
2549
- }
2550
-
2551
- .PromptInput-module_textareaWrapper__KusiV {
2552
- align-items: flex-start;
2553
- width: 100%;
2554
- height: min-content;
2555
- max-height: 400px;
2556
- overflow: hidden;
2557
- overflow-y: auto;
2558
- border-radius: var(--prompt-inner-border-radius);
2559
- background: var(--core-surface-secondary);
2560
- }
2561
-
2562
- .PromptInput-module_attachments__rqgY1 {
2563
- padding: 16px 16px 0 16px !important;
2564
- width: 100%;
2565
- }
2566
-
2567
- .PromptInput-module_clear__MFroM {
2568
- padding: 12px 8px 0 0 !important;
2569
- display: var(--prompt-clear) !important;
2570
- }
2571
-
2572
- .PromptInput-module_buttonBar__X8LDe {
2573
- padding: 8px 16px 16px 16px !important;
2574
- width: 100%;
2575
- cursor: text;
2576
- }
2577
-
2578
- .PromptInput-module_toolBar__GBvPT {
2579
- flex: 1;
2580
- gap: 8px;
2581
- }
2582
-
2583
- .PromptInput-module_textarea__e4Kxn {
2584
- padding: 16px !important;
2585
- box-sizing: border-box;
2586
- field-sizing: content;
2689
+ .Grouper-module_header__D5fV0 {
2587
2690
  width: 100%;
2588
- resize: none;
2691
+ cursor: pointer;
2692
+ appearance: none;
2693
+ -webkit-appearance: none;
2694
+ background-image: none;
2695
+ background-color: transparent;
2589
2696
  border: 0;
2590
2697
  outline: none;
2591
- color: var(--core-text-primary);
2592
- background: transparent;
2593
- border-radius: var(--prompt-border-radius);
2698
+ padding: 0;
2594
2699
  }
2595
2700
 
2596
- .PromptInput-module_textarea__e4Kxn::placeholder {
2597
- color: var(--core-text-disabled);
2598
- }
2599
-
2600
- .PromptInput-module_s__ivyC9 {
2701
+ .Grouper-module_title__ZKqTP {
2702
+ color: var(--core-text-primary);
2703
+ flex: 1;
2601
2704
  }
2602
2705
 
2603
- .PromptInput-module_m__LFHvW {
2706
+ .Grouper-module_content__Mof50 {
2707
+ user-select: none;
2708
+ -webkit-user-select: none;
2709
+ padding: 0 24px !important;
2710
+ width: 100%;
2711
+ gap: 6px;
2712
+ height: var(--grouper-height);
2713
+ border-top: var(--grouper-border) solid var(--core-outline-primary);
2604
2714
  }
2605
2715
 
2606
- .PromptInput-module_l__TlceW {
2716
+ .Grouper-module_icon__14Jis {
2717
+ min-height: var(--grouper-icon-size);
2718
+ height: var(--grouper-icon-size);
2719
+ min-width: var(--grouper-icon-size);
2720
+ width: var(--grouper-icon-size);
2607
2721
  }
2608
2722
 
2609
2723
  .flexBox-module_row__z24tF {
@@ -2674,48 +2788,6 @@ line {
2674
2788
  box-sizing: border-box;
2675
2789
  padding: 0;
2676
2790
  margin: 0;
2677
- }.scrollBars-module_scrollbars__c-ZPl {
2678
- /* Consumers override these to theme their own scrollbar (e.g. Modal
2679
- binds them to its scrollHandleColor/scrollHandleColorHover props).
2680
- Unoverridden, they fall back to the shared page-level scroll tokens. */
2681
- --scrollbar-size: 6px;
2682
- --scrollbar-bg: transparent;
2683
- --scrollbar-thumb: var(--scroll-bar);
2684
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
2685
-
2686
- /* firefox does not support -webkit-scrollbar */
2687
- @supports not selector(::-webkit-scrollbar) {
2688
- scrollbar-width: thin;
2689
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2690
- }
2691
-
2692
- &::-webkit-scrollbar {
2693
- background-color: var(--scrollbar-bg);
2694
- width: var(--scrollbar-size);
2695
- height: var(--scrollbar-size);
2696
- }
2697
-
2698
- &::-webkit-scrollbar-track {
2699
- background-color: var(--scrollbar-bg);
2700
- width: var(--scrollbar-size);
2701
- height: var(--scrollbar-size);
2702
- }
2703
-
2704
- &::-webkit-scrollbar-thumb {
2705
- background-color: var(--scrollbar-thumb);
2706
- border-radius: 20px;
2707
- border: 1px solid var(--scrollbar-bg);
2708
- }
2709
-
2710
- &::-webkit-scrollbar-thumb:hover {
2711
- background-color: var(--scrollbar-thumb-hover);
2712
- border-radius: 20px;
2713
- border: 1px solid var(--scrollbar-bg);
2714
- }
2715
-
2716
- &::-webkit-scrollbar-corner {
2717
- background-color: var(--scrollbar-bg);
2718
- }
2719
2791
  }.type-module_body-xs-regular__ZAFft {
2720
2792
  font-family: var(--font-family), sans-serif;
2721
2793
  font-weight: var(--font-weight-regular);
@@ -2877,94 +2949,115 @@ line {
2877
2949
  line-height: 128.57%;
2878
2950
  text-decoration: none;
2879
2951
  letter-spacing: 0.2px;
2880
- }
2881
-
2882
- .Modal-module_wrapper__34Hds {
2883
- position: relative;
2884
- min-width: var(--modal-min-width);
2885
- min-height: var(--modal-min-height);
2886
- max-height: var(--modal-max-height);
2887
- max-width: var(--modal-max-width);
2888
- background: var(--modal-background-color);
2889
- border: var(--modal-border-width) solid var(--modal-border-color);
2890
- border-radius: var(--modal-border-radius);
2891
- box-shadow: var(--surface-shadow-soft);
2952
+ }
2953
+
2954
+ .Camera-module_wrapper__GOsKp {
2955
+ position: relative;
2956
+ width: 100%;
2957
+ height: 100%;
2958
+ background-color: var(--core-surface-secondary);
2892
2959
  overflow: hidden;
2960
+ border-radius: 4px;
2893
2961
  }
2894
2962
 
2895
- .Modal-module_title__A5OeE {
2896
- padding: var(--modal-padding) !important;
2963
+ .Camera-module_video__Q2r9B {
2897
2964
  width: 100%;
2965
+ height: 100%;
2966
+ object-fit: cover;
2967
+ }
2968
+
2969
+ .Camera-module_controls__qXYoL {
2970
+ position: absolute;
2971
+ bottom: 0;
2972
+ left: 0;
2973
+ right: 0;
2974
+ padding: 16px !important;
2898
2975
  gap: 16px;
2899
- border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
2976
+ background-color: var(--camera-controls-bg);
2977
+ transform: var(--camera-controls-transform);
2978
+ transition: transform var(--motion-water-duration) var(--motion-water) 0s;
2900
2979
  }
2901
2980
 
2902
- .Modal-module_titleBlock__HUepX {
2903
- color: var(--modal-title-color);
2981
+ .Camera-module_controlsRight__VcIz7 {
2982
+ gap: 12px;
2904
2983
  flex: 1;
2905
- gap: 6px;
2906
- touch-action: none;
2907
- user-select: none;
2908
- -webkit-user-select: none;
2909
2984
  }
2910
2985
 
2911
- .Modal-module_titleIcon__xJYzy {
2912
- height: 20px;
2913
- width: 20px;
2914
- min-height: 20px;
2915
- min-width: 20px;
2916
- user-select: none;
2917
- -webkit-user-select: none;
2986
+ .Camera-module_controlsCenter__e-erq {
2987
+ gap: 12px;
2988
+ flex: 1;
2918
2989
  }
2919
2990
 
2920
- .Modal-module_contentWrapper__Swyjx {
2921
- width: 100%;
2991
+ .Camera-module_controlsLeft__bR4TN {
2992
+ gap: 12px;
2922
2993
  flex: 1;
2923
- overflow: hidden;
2924
- overflow-y: auto;
2925
- margin-right: 4px !important;
2926
- /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
2927
- --scrollbar-bg: var(--modal-background-color);
2928
- --scrollbar-thumb: var(--modal-scroll-handle);
2929
- --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
2930
2994
  }
2931
2995
 
2932
- .Modal-module_content__dWO-B {
2933
- padding: var(--modal-padding) !important;
2934
- padding-top: 0 !important;
2935
- padding-bottom: var(--modal-content-padding-tops) !important;
2936
- width: 100%;
2996
+ .Camera-module_error__t0w-d {
2997
+ position: absolute;
2998
+ top: 50%;
2999
+ left: 50%;
3000
+ transform: translate(-50%, -50%);
3001
+ color: var(--feedback-warning);
2937
3002
  }
2938
3003
 
2939
- .Modal-module_actions__hY6zi {
2940
- padding: var(--modal-padding) !important;
2941
- width: 100%;
2942
- user-select: none;
2943
- -webkit-user-select: none;
2944
- border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
3004
+ .Camera-module_poster__Gun-v {
3005
+ position: absolute;
3006
+ aspect-ratio: 1 / 1;
3007
+ top: 0;
3008
+ bottom: 0;
3009
+ left: 50%;
3010
+ transform: translateX(-50%);
3011
+ color: var(--core-text-primary);
2945
3012
  }
2946
3013
 
2947
- .Modal-module_leftActions__-M-DM {
2948
- gap: 8px;
3014
+ .Camera-module_snapshotFrame__YM6Eu {
3015
+ position: absolute;
3016
+ max-width: 25%;
3017
+ height: min-content;
3018
+ top: 16px;
3019
+ right: 16px;
3020
+ z-index: 1;
2949
3021
  }
2950
3022
 
2951
- .Modal-module_rightActions__IFgrN {
2952
- gap: 8px;
3023
+ .Camera-module_clear__aaCfT {
3024
+ position: absolute;
3025
+ top: 16px;
3026
+ right: 16px;
3027
+ z-index: 3;
2953
3028
  }
2954
3029
 
2955
- .Modal-module_xs__iPcS9 {
3030
+ .Camera-module_snapshot__odQH0 {
3031
+ width: 100%;
3032
+ border: 1px solid var(--core-outline-special);
3033
+ z-index: 2;
2956
3034
  }
2957
3035
 
2958
- .Modal-module_s__31sYS {
3036
+ .Camera-module_toolbarButton__mnmoF {
3037
+ gap: 4px;
3038
+ cursor: pointer;
3039
+ user-select: none;
3040
+ -webkit-user-select: none;
2959
3041
  }
2960
3042
 
2961
- .Modal-module_m__Iz82L {
3043
+ .Camera-module_buttonIcon__a-VBR {
3044
+ min-height: var(--toolbar-button-size);
3045
+ max-height: var(--toolbar-button-size);
3046
+ min-width: var(--toolbar-button-size);
3047
+ max-width: var(--toolbar-button-size);
3048
+ background: var(--toolbar-button-bg-color);
3049
+ border: 1px solid transparent;
3050
+ border-radius: 100%;
3051
+ opacity: var(--toolbar-button-opacity);
3052
+ transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
2962
3053
  }
2963
3054
 
2964
- .Modal-module_l__pntdS {
3055
+ .Camera-module_buttonIcon__a-VBR:hover {
3056
+ border: 1px solid var(--core-outline-special);
2965
3057
  }
2966
3058
 
2967
- .Modal-module_xl__MR-68 {
3059
+ .Camera-module_buttonLabel__6BEs1 {
3060
+ color: var(--toolbar-button-label-color);
2968
3061
  }
2969
3062
 
2970
3063
  .flexBox-module_row__z24tF {
@@ -3037,70 +3130,36 @@ line {
3037
3130
  margin: 0;
3038
3131
  }
3039
3132
 
3040
- .Slider-module_wrapper__KCCs1 {
3041
- position: relative;
3042
- display: flex;
3043
- justify-content: flex-start;
3044
- align-items: center;
3045
- box-sizing: border-box;
3046
- padding: 0 var(--slider-padding);
3047
- margin: 0;
3048
- width: var(--slider-width);
3049
- height: auto;
3050
- min-height: var(--slider-touch-height);
3051
- cursor: var(--slider-cursor);
3052
- opacity: var(--slider-opacity);
3053
- background: transparent;
3054
- }
3055
-
3056
- .Slider-module_trackBg__7zfqm {
3057
- position: relative;
3133
+ .Pager-module_wrapper__eutVg {
3134
+ gap: var(--pager-gap);
3058
3135
  width: 100%;
3059
- height: var(--slider-height);
3060
- background-color: var(--slider-track-color);
3061
- overflow: hidden;
3062
- border-radius: 100px;
3136
+ z-index: var(--elevation-status);
3063
3137
  }
3064
3138
 
3065
- .Slider-module_track__kaJkL {
3066
- position: absolute;
3067
- top: 0;
3068
- bottom: 0;
3069
- width: 0;
3070
- background-color: var(--slider-progress-color);
3071
- overflow: visible;
3072
- border-radius: 100px;
3139
+ .Pager-module_bullet__TxyR5 {
3140
+ width: var(--pager-size);
3141
+ height: var(--pager-size);
3142
+ max-width: var(--pager-size);
3143
+ max-height: var(--pager-size);
3144
+ background: var(--pager-color);
3145
+ border-radius: 100%;
3146
+ border: 0;
3147
+ cursor: pointer;
3148
+ outline: none;
3149
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
3073
3150
  }
3074
3151
 
3075
- .Slider-module_trackHead__W-UdG {
3076
- position: absolute;
3077
- display: var(--slider-head-display);
3078
- background-color: var(--slider-head-color);
3079
- border: var(--slider-track-head-border);
3080
- border-radius: var(--slider-head-radius);
3081
- max-width: var(--slider-head-width);
3082
- max-height: var(--slider-head-size);
3083
- min-width: var(--slider-head-width);
3084
- min-height: var(--slider-head-size);
3085
- top: 50%;
3086
- transform: translateY(-50%) translateX(-50%);
3087
- }
3152
+ .Pager-module_bullet__TxyR5:hover {
3153
+ background: var(--pager-colorHover);
3154
+ }
3088
3155
 
3089
- .Slider-module_trackWrapper__Ot0Wh {
3090
- position: relative;
3091
- width: 100%;
3092
- height: var(--slider-height);
3093
- min-height: var(--slider-touch-height);
3094
- background-color: transparent;
3095
- border-radius: 4px;
3096
- overflow: visible;
3097
- outline: none;
3156
+ .Pager-module_selected__C6xbR {
3157
+ background: var(--pager-colorOn);
3098
3158
  }
3099
3159
 
3100
- .Slider-module_trackWrapper__Ot0Wh:focus-visible {
3101
- outline: 2px solid var(--core-link-primary);
3102
- outline-offset: 2px;
3103
- }
3160
+ .Pager-module_selected__C6xbR:hover {
3161
+ background: var(--pager-colorOn);
3162
+ }
3104
3163
 
3105
3164
  .flexBox-module_row__z24tF {
3106
3165
  display: flex;
@@ -3170,23 +3229,49 @@ line {
3170
3229
  box-sizing: border-box;
3171
3230
  padding: 0;
3172
3231
  margin: 0;
3173
- }
3232
+ }.scrollBars-module_scrollbars__c-ZPl {
3233
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
3234
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
3235
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
3236
+ --scrollbar-size: 6px;
3237
+ --scrollbar-bg: transparent;
3238
+ --scrollbar-thumb: var(--scroll-bar);
3239
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3174
3240
 
3175
- .RadioButtonList-module_wrapper__wnq1- {
3176
- align-items: flex-start;
3177
- width: var(--rb-list-width);
3178
- flex-wrap: var(--rb-list-flex-wrap);
3179
- margin-bottom: var(--rb-list-margin-bottom);
3180
- gap: var(--rb-gap);
3181
- }
3241
+ /* firefox does not support -webkit-scrollbar */
3242
+ @supports not selector(::-webkit-scrollbar) {
3243
+ scrollbar-width: thin;
3244
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
3245
+ }
3182
3246
 
3183
- .RadioButtonList-module_column__Bq16e {
3184
- }
3247
+ &::-webkit-scrollbar {
3248
+ background-color: var(--scrollbar-bg);
3249
+ width: var(--scrollbar-size);
3250
+ height: var(--scrollbar-size);
3251
+ }
3185
3252
 
3186
- .RadioButtonList-module_row__D3szq {
3187
- }
3253
+ &::-webkit-scrollbar-track {
3254
+ background-color: var(--scrollbar-bg);
3255
+ width: var(--scrollbar-size);
3256
+ height: var(--scrollbar-size);
3257
+ }
3188
3258
 
3189
- .type-module_body-xs-regular__ZAFft {
3259
+ &::-webkit-scrollbar-thumb {
3260
+ background-color: var(--scrollbar-thumb);
3261
+ border-radius: 20px;
3262
+ border: 1px solid var(--scrollbar-bg);
3263
+ }
3264
+
3265
+ &::-webkit-scrollbar-thumb:hover {
3266
+ background-color: var(--scrollbar-thumb-hover);
3267
+ border-radius: 20px;
3268
+ border: 1px solid var(--scrollbar-bg);
3269
+ }
3270
+
3271
+ &::-webkit-scrollbar-corner {
3272
+ background-color: var(--scrollbar-bg);
3273
+ }
3274
+ }.type-module_body-xs-regular__ZAFft {
3190
3275
  font-family: var(--font-family), sans-serif;
3191
3276
  font-weight: var(--font-weight-regular);
3192
3277
  font-size: var(--font-size-xs);
@@ -3348,105 +3433,96 @@ line {
3348
3433
  text-decoration: none;
3349
3434
  letter-spacing: 0.2px;
3350
3435
  }
3351
- .DivInput-module_wrapper__ZQxY- {
3352
- padding: var(--div-input-padding);
3353
- width: var(--div-input-width);
3354
- border-radius: var(--div-input-border-radius);
3355
- background: var(--div-input-wrapper-bg);
3436
+
3437
+ .Modal-module_wrapper__34Hds {
3438
+ position: relative;
3439
+ min-width: var(--modal-min-width);
3440
+ min-height: var(--modal-min-height);
3441
+ max-height: var(--modal-max-height);
3442
+ max-width: var(--modal-max-width);
3443
+ background: var(--modal-background-color);
3444
+ border: var(--modal-border-width) solid var(--modal-border-color);
3445
+ border-radius: var(--modal-border-radius);
3446
+ box-shadow: var(--surface-shadow-soft);
3447
+ overflow: hidden;
3448
+ }
3449
+
3450
+ .Modal-module_title__A5OeE {
3451
+ padding: var(--modal-padding) !important;
3452
+ width: 100%;
3453
+ gap: 16px;
3454
+ border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
3356
3455
  }
3357
- .DivInput-module_wrapper__ZQxY-:hover {
3358
- background: var(--div-input-bg);
3359
- }
3360
3456
 
3361
- .DivInput-module_input__J34-l {
3362
- color: var(--div-input-color);
3363
- user-select: var(--div-input-user-select);
3364
- -webkit-user-select: var(--div-input-user-select);
3365
- text-align: var(--div-input-text-align);
3366
- pointer-events: all;
3367
- background: transparent;
3368
- border-radius: 4px;
3369
- border: 0;
3370
- outline: none;
3371
- text-overflow: ellipsis;
3372
- display: -webkit-box;
3457
+ .Modal-module_titleBlock__HUepX {
3458
+ color: var(--modal-title-color);
3459
+ flex: 1;
3460
+ gap: 6px;
3461
+ touch-action: none;
3462
+ user-select: none;
3463
+ -webkit-user-select: none;
3464
+ }
3465
+
3466
+ .Modal-module_titleIcon__xJYzy {
3467
+ height: 20px;
3468
+ width: 20px;
3469
+ min-height: 20px;
3470
+ min-width: 20px;
3471
+ user-select: none;
3472
+ -webkit-user-select: none;
3473
+ }
3474
+
3475
+ .Modal-module_contentWrapper__Swyjx {
3476
+ width: 100%;
3477
+ flex: 1;
3373
3478
  overflow: hidden;
3374
- white-space: var(--div-input-white-space);
3375
- -webkit-line-clamp: var(--div-input-line-clamp);
3376
- -webkit-box-orient: vertical;
3377
- cursor: var(--div-input-cursor);
3378
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
3479
+ overflow-y: auto;
3480
+ margin-right: 4px !important;
3481
+ /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
3482
+ --scrollbar-bg: var(--modal-background-color);
3483
+ --scrollbar-thumb: var(--modal-scroll-handle);
3484
+ --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
3379
3485
  }
3380
3486
 
3381
- .flexBox-module_row__z24tF {
3382
- display: flex;
3383
- justify-content: center;
3384
- align-items: center;
3385
- box-sizing: border-box;
3386
- padding: 0;
3387
- margin: 0;
3388
- }.flexBox-module_rowBetween__5FEvi {
3389
- display: flex;
3390
- justify-content: space-between;
3391
- align-items: center;
3392
- box-sizing: border-box;
3393
- padding: 0;
3394
- margin: 0;
3395
- }.flexBox-module_rowStart__4tcxS {
3396
- display: flex;
3397
- justify-content: flex-start;
3398
- align-items: center;
3399
- box-sizing: border-box;
3400
- padding: 0;
3401
- margin: 0;
3402
- }.flexBox-module_rowEnd__rVdVm {
3403
- display: flex;
3404
- justify-content: flex-end;
3405
- align-items: center;
3406
- box-sizing: border-box;
3407
- padding: 0;
3408
- margin: 0;
3409
- }.flexBox-module_column__ezvMq {
3410
- display: flex;
3411
- flex-direction: column;
3412
- justify-content: center;
3413
- align-items: center;
3414
- box-sizing: border-box;
3415
- padding: 0;
3416
- margin: 0;
3417
- }.flexBox-module_columnStart__C7P44 {
3418
- display: flex;
3419
- flex-direction: column;
3420
- justify-content: flex-start;
3421
- align-items: flex-start;
3422
- box-sizing: border-box;
3423
- padding: 0;
3424
- margin: 0;
3425
- }.flexBox-module_columnStartCenter__PKcrG {
3426
- display: flex;
3427
- flex-direction: column;
3428
- justify-content: flex-start;
3429
- align-items: center;
3430
- box-sizing: border-box;
3431
- padding: 0;
3432
- margin: 0;
3433
- }.flexBox-module_columnBetween__ERfp7 {
3434
- display: flex;
3435
- flex-direction: column;
3436
- justify-content: space-between;
3437
- align-items: center;
3438
- box-sizing: border-box;
3439
- padding: 0;
3440
- margin: 0;
3441
- }.flexBox-module_columnEnd__lLJuc {
3442
- display: flex;
3443
- flex-direction: column;
3444
- justify-content: flex-end;
3445
- align-items: flex-end;
3446
- box-sizing: border-box;
3447
- padding: 0;
3448
- margin: 0;
3449
- }.type-module_body-xs-regular__ZAFft {
3487
+ .Modal-module_content__dWO-B {
3488
+ padding: var(--modal-padding) !important;
3489
+ padding-top: 0 !important;
3490
+ padding-bottom: var(--modal-content-padding-tops) !important;
3491
+ width: 100%;
3492
+ }
3493
+
3494
+ .Modal-module_actions__hY6zi {
3495
+ padding: var(--modal-padding) !important;
3496
+ width: 100%;
3497
+ user-select: none;
3498
+ -webkit-user-select: none;
3499
+ border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
3500
+ }
3501
+
3502
+ .Modal-module_leftActions__-M-DM {
3503
+ gap: 8px;
3504
+ }
3505
+
3506
+ .Modal-module_rightActions__IFgrN {
3507
+ gap: 8px;
3508
+ }
3509
+
3510
+ .Modal-module_xs__iPcS9 {
3511
+ }
3512
+
3513
+ .Modal-module_s__31sYS {
3514
+ }
3515
+
3516
+ .Modal-module_m__Iz82L {
3517
+ }
3518
+
3519
+ .Modal-module_l__pntdS {
3520
+ }
3521
+
3522
+ .Modal-module_xl__MR-68 {
3523
+ }
3524
+
3525
+ .type-module_body-xs-regular__ZAFft {
3450
3526
  font-family: var(--font-family), sans-serif;
3451
3527
  font-weight: var(--font-weight-regular);
3452
3528
  font-size: var(--font-size-xs);
@@ -3608,89 +3684,36 @@ line {
3608
3684
  text-decoration: none;
3609
3685
  letter-spacing: 0.2px;
3610
3686
  }
3611
-
3612
- .DropDown-module_wrapper__CyX0u {
3613
- display: var(--dd-display) !important;
3614
- padding: var(--dd-padding) !important;
3615
- margin: var(--dd-margin) !important;
3616
- position: relative;
3617
- gap: var(--dd-gap);
3618
- width: var(--dd-width);
3619
- border-radius: var(--dd-border-radius);
3620
- background-color: var(--dd-bg-color);
3621
- border: var(--dd-border);
3622
- border-bottom: var(--dd-border-bottom);
3623
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
3624
- user-select: none;
3625
- -webkit-user-select: none;
3626
- }
3627
-
3628
- .DropDown-module_face__6gyF3 {
3629
- overflow: hidden;
3630
- min-width: 0;
3631
- flex: 1;
3632
- }
3633
-
3634
- .DropDown-module_faceText__glhB3 {
3635
- display: -webkit-box;
3636
- -webkit-line-clamp: 1;
3637
- -webkit-box-orient: vertical;
3638
- box-sizing: border-box;
3639
- overflow: hidden;
3640
- text-overflow: ellipsis;
3641
- word-break: break-all;
3642
- color: var(--dd-color);
3643
- min-width: 0;
3644
- }
3645
-
3646
- .DropDown-module_label__Mrwbp {
3647
- width: min-content;
3648
- overflow: hidden;
3649
- white-space: nowrap;
3650
- text-overflow: ellipsis;
3651
- color: var(--dd-label-color);
3652
- }
3653
-
3654
- .DropDown-module_xs__7L71q {
3655
- }
3656
-
3657
- .DropDown-module_s__vAxXD {
3658
- }
3659
-
3660
- .DropDown-module_m__K6JPk {
3661
- }
3662
-
3663
- .DropDown-module_l__Kib48 {
3664
- }
3665
-
3666
- .DropDown-module_chevron__LkYsE {
3667
- min-height: var(--dd-icon-size);
3668
- max-height: var(--dd-icon-size);
3669
- min-width: var(--dd-icon-size);
3670
- max-width: var(--dd-icon-size);
3671
- }
3672
-
3673
- .DropDown-module_select__mzNnv {
3674
- position: absolute;
3675
- opacity: 0;
3676
- width: 100%;
3677
- height: 100%;
3678
- font-size: 14px;
3679
- background-color: #1f99cd;
3680
- background-position: right 10px center;
3681
- background-repeat: no-repeat;
3682
- background-size: auto 50%;
3683
- border: none;
3684
- outline: none;
3685
- -moz-appearance: none;
3686
- -webkit-appearance: none;
3687
- appearance: none;
3687
+ .DivInput-module_wrapper__ZQxY- {
3688
+ padding: var(--div-input-padding);
3689
+ width: var(--div-input-width);
3690
+ border-radius: var(--div-input-border-radius);
3691
+ background: var(--div-input-wrapper-bg);
3688
3692
  }
3689
-
3690
- .DropDown-module_select__mzNnv::-ms-expand {
3691
- display: none;
3693
+ .DivInput-module_wrapper__ZQxY-:hover {
3694
+ background: var(--div-input-bg);
3692
3695
  }
3693
3696
 
3697
+ .DivInput-module_input__J34-l {
3698
+ color: var(--div-input-color);
3699
+ user-select: var(--div-input-user-select);
3700
+ -webkit-user-select: var(--div-input-user-select);
3701
+ text-align: var(--div-input-text-align);
3702
+ pointer-events: all;
3703
+ background: transparent;
3704
+ border-radius: 4px;
3705
+ border: 0;
3706
+ outline: none;
3707
+ text-overflow: ellipsis;
3708
+ display: -webkit-box;
3709
+ overflow: hidden;
3710
+ white-space: var(--div-input-white-space);
3711
+ -webkit-line-clamp: var(--div-input-line-clamp);
3712
+ -webkit-box-orient: vertical;
3713
+ cursor: var(--div-input-cursor);
3714
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
3715
+ }
3716
+
3694
3717
  .flexBox-module_row__z24tF {
3695
3718
  display: flex;
3696
3719
  justify-content: center;
@@ -3852,30 +3875,18 @@ line {
3852
3875
  margin: 0;
3853
3876
  }
3854
3877
 
3855
- .DraggablePanel-module_panel__vuq2R {
3856
- position: relative;
3857
- background-color: var(--panel-bg);
3878
+ .RadioButtonList-module_wrapper__wnq1- {
3879
+ align-items: flex-start;
3880
+ width: var(--rb-list-width);
3881
+ flex-wrap: var(--rb-list-flex-wrap);
3882
+ margin-bottom: var(--rb-list-margin-bottom);
3883
+ gap: var(--rb-gap);
3858
3884
  }
3859
3885
 
3860
- .DraggablePanel-module_content__SBL0T {
3861
- width: 100%;
3862
- height: 100%;
3863
- overflow: hidden;
3886
+ .RadioButtonList-module_column__Bq16e {
3864
3887
  }
3865
3888
 
3866
- .DraggablePanel-module_handle__LPZw8 {
3867
- width: var(--drag-handle-width);
3868
- height: var(--drag-handle-height);
3869
- min-width: var(--drag-handle-width);
3870
- min-height: var(--drag-handle-height);
3871
- border-radius: var(--drag-handle-radius);
3872
- border: var(--drag-handle-border) solid var(--drag-handle-border-color);
3873
- background: var(--drag-handle-bg);
3874
- position: absolute;
3875
- top: 50%;
3876
- left: 50%;
3877
- transform: translateX(-50%) translateY(-50%);
3878
- z-index: var(--elevation-overlay);
3889
+ .RadioButtonList-module_row__D3szq {
3879
3890
  }
3880
3891
 
3881
3892
  .flexBox-module_row__z24tF {
@@ -3933,225 +3944,114 @@ line {
3933
3944
  }.flexBox-module_columnBetween__ERfp7 {
3934
3945
  display: flex;
3935
3946
  flex-direction: column;
3936
- justify-content: space-between;
3937
- align-items: center;
3938
- box-sizing: border-box;
3939
- padding: 0;
3940
- margin: 0;
3941
- }.flexBox-module_columnEnd__lLJuc {
3942
- display: flex;
3943
- flex-direction: column;
3944
- justify-content: flex-end;
3945
- align-items: flex-end;
3946
- box-sizing: border-box;
3947
- padding: 0;
3948
- margin: 0;
3949
- }.type-module_body-xs-regular__ZAFft {
3950
- font-family: var(--font-family), sans-serif;
3951
- font-weight: var(--font-weight-regular);
3952
- font-size: var(--font-size-xs);
3953
- line-height: 133.33%;
3954
- text-decoration: none;
3955
- letter-spacing: 0.2px;
3956
- }.type-module_body-xs-medium__s3KvF {
3957
- font-family: var(--font-family), sans-serif;
3958
- font-weight: var(--font-weight-medium);
3959
- font-size: var(--font-size-xs);
3960
- line-height: 133.33%;
3961
- text-decoration: none;
3962
- letter-spacing: 0.2px;
3963
- }.type-module_body-xs-bold__Lhqqq {
3964
- font-family: var(--font-family), sans-serif;
3965
- font-weight: var(--font-weight-bold);
3966
- font-size: var(--font-size-xs);
3967
- line-height: 133.33%;
3968
- text-decoration: none;
3969
- letter-spacing: 0.25px;
3970
- }.type-module_body-s-regular__vRHSP {
3971
- font-family: var(--font-family), sans-serif;
3972
- font-weight: var(--font-weight-regular);
3973
- font-size: var(--font-size-s);
3974
- line-height: 142.86%;
3975
- text-decoration: none;
3976
- letter-spacing: 0.15px;
3977
- }.type-module_body-s-medium__tjdFc {
3978
- font-family: var(--font-family), sans-serif;
3979
- font-weight: var(--font-weight-medium);
3980
- font-size: var(--font-size-s);
3981
- line-height: 142.86%;
3982
- text-decoration: none;
3983
- letter-spacing: 0.15px;
3984
- }.type-module_body-s-bold__Iy-VX {
3985
- font-family: var(--font-family), sans-serif;
3986
- font-weight: var(--font-weight-bold);
3987
- font-size: var(--font-size-s);
3988
- line-height: 142.86%;
3989
- text-decoration: none;
3990
- letter-spacing: 0.2px;
3991
- }.type-module_body-m-regular__LuQBA {
3992
- font-family: var(--font-family), sans-serif;
3993
- font-weight: var(--font-weight-regular);
3994
- font-size: var(--font-size-m);
3995
- line-height: 140%;
3996
- text-decoration: none;
3997
- letter-spacing: 0.15px;
3998
- }.type-module_body-m-medium__uW1on {
3999
- font-family: var(--font-family), sans-serif;
4000
- font-weight: var(--font-weight-medium);
4001
- font-size: var(--font-size-m);
4002
- line-height: 140%;
4003
- text-decoration: none;
4004
- letter-spacing: 0.15px;
4005
- }.type-module_body-m-bold__UBcvQ {
4006
- font-family: var(--font-family), sans-serif;
4007
- font-weight: var(--font-weight-bold);
4008
- font-size: var(--font-size-m);
4009
- line-height: 140%;
4010
- text-decoration: none;
4011
- letter-spacing: 0.2px;
4012
- }.type-module_body-l-regular__lOYbg {
4013
- font-family: var(--font-family), sans-serif;
4014
- font-weight: var(--font-weight-regular);
4015
- font-size: var(--font-size-l);
4016
- line-height: 162.5%;
4017
- text-decoration: none;
4018
- letter-spacing: 0.1px;
4019
- }.type-module_body-l-medium__BqRC7 {
4020
- font-family: var(--font-family), sans-serif;
4021
- font-weight: var(--font-weight-medium);
4022
- font-size: var(--font-size-l);
4023
- line-height: 162.5%;
4024
- text-decoration: none;
4025
- letter-spacing: 0.1px;
4026
- }.type-module_body-l-bold__Fh2dt {
4027
- font-family: var(--font-family), sans-serif;
4028
- font-weight: var(--font-weight-bold);
4029
- font-size: var(--font-size-l);
4030
- line-height: 162.5%;
4031
- text-decoration: none;
4032
- letter-spacing: 0.15px;
4033
- }.type-module_body-xl-regular__pF2kC {
4034
- font-family: var(--font-family), sans-serif;
4035
- font-weight: var(--font-weight-regular);
4036
- font-size: var(--font-size-xl);
4037
- line-height: 162.5%;
4038
- text-decoration: none;
4039
- letter-spacing: 0.1px;
4040
- }.type-module_body-xl-medium__BeyrH {
4041
- font-family: var(--font-family), sans-serif;
4042
- font-weight: var(--font-weight-medium);
4043
- font-size: var(--font-size-xl);
4044
- line-height: 162.5%;
4045
- text-decoration: none;
4046
- letter-spacing: 0.1px;
4047
- }.type-module_body-xl-bold__Ruknj {
4048
- font-family: var(--font-family), sans-serif;
4049
- font-weight: var(--font-weight-bold);
4050
- font-size: var(--font-size-xl);
4051
- line-height: 162.5%;
4052
- text-decoration: none;
4053
- letter-spacing: 0.15px;
4054
- }.type-module_heading-s-medium__z8L3G {
4055
- font-family: var(--font-family), sans-serif;
4056
- font-weight: 500;
4057
- font-size: 20px;
4058
- line-height: 140%;
4059
- text-decoration: none;
4060
- letter-spacing: 0.2px;
4061
- }.type-module_heading-s-bold__0O3g6 {
4062
- font-family: var(--font-family), sans-serif;
4063
- font-weight: 600;
4064
- font-size: 20px;
4065
- line-height: 140%;
4066
- text-decoration: none;
4067
- letter-spacing: 0.2px;
4068
- }.type-module_heading-m-bold__KXxEB {
4069
- font-family: var(--font-family), sans-serif;
4070
- font-weight: 500;
4071
- font-size: 24px;
4072
- line-height: 116.67%;
4073
- text-decoration: none;
4074
- letter-spacing: 0.2px;
4075
- }.type-module_heading-m-medium__cJeEA {
4076
- font-family: var(--font-family), sans-serif;
4077
- font-weight: 600;
4078
- font-size: 24px;
4079
- line-height: 116.67%;
4080
- text-decoration: none;
4081
- letter-spacing: 0.2px;
4082
- }.type-module_heading-l-medium__eRe05 {
4083
- font-family: var(--font-family), sans-serif;
4084
- font-weight: 500;
4085
- font-size: 30px;
4086
- line-height: 128.57%;
4087
- text-decoration: none;
4088
- letter-spacing: 0.2px;
4089
- }.type-module_heading-l-bold__Xmwtf {
4090
- font-family: var(--font-family), sans-serif;
4091
- font-weight: 600;
4092
- font-size: 30px;
4093
- line-height: 128.57%;
4094
- text-decoration: none;
4095
- letter-spacing: 0.2px;
4096
- }.type-module_heading-xl-medium__5q1m3 {
4097
- font-family: var(--font-family), sans-serif;
4098
- font-weight: 500;
4099
- font-size: 36px;
4100
- line-height: 128.57%;
4101
- text-decoration: none;
4102
- letter-spacing: 0.2px;
4103
- }.type-module_heading-xl-bold__k9VFV {
4104
- font-family: var(--font-family), sans-serif;
4105
- font-weight: 600;
4106
- font-size: 36px;
4107
- line-height: 128.57%;
4108
- text-decoration: none;
4109
- letter-spacing: 0.2px;
4110
- }
4111
-
4112
- .RadioButton-module_wrapper__-pWRe {
4113
- padding: var(--rb-padding) !important;
4114
- max-width: var(--rb-max-width);
4115
- flex: var(--rb-flex);
4116
- border: var(--rb-border);
4117
- background: var(--rb-bg);
4118
- gap: var(--rb-gap);
4119
- border-radius: 8px;
4120
- cursor: pointer;
4121
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
4122
- user-select: none;
4123
- -webkit-user-select: none;
4124
- appearance: none;
4125
- -webkit-appearance: none;
4126
- background-image: none;
4127
- outline: none;
4128
- }
4129
-
4130
- .RadioButton-module_radioIcon__I27Xv {
4131
- width: 20px;
4132
- height: 20px;
4133
- max-width: 20px;
4134
- max-height: 20px;
4135
- min-height: 20px;
4136
- min-width: 20px;
3947
+ justify-content: space-between;
3948
+ align-items: center;
3949
+ box-sizing: border-box;
3950
+ padding: 0;
3951
+ margin: 0;
3952
+ }.flexBox-module_columnEnd__lLJuc {
3953
+ display: flex;
3954
+ flex-direction: column;
3955
+ justify-content: flex-end;
3956
+ align-items: flex-end;
3957
+ box-sizing: border-box;
3958
+ padding: 0;
3959
+ margin: 0;
4137
3960
  }
4138
3961
 
4139
- .RadioButton-module_radioTitle__zCQII {
4140
- color: var(--core-text-primary);
4141
- white-space: nowrap;
4142
- flex: 1;
3962
+ .ModalController-module_container__3cSaO {
3963
+ position: fixed;
3964
+ inset: 0;
3965
+ overflow: hidden;
3966
+ z-index: var(--elevation-confirm);
4143
3967
  }
4144
3968
 
4145
- .RadioButton-module_radioSummary__PNr0Z {
4146
- color: var(--core-text-primary);
4147
- flex: 1;
3969
+ .ModalController-module_box__cPzOz {
3970
+ position: relative;
3971
+ display: flex;
3972
+ justify-content: center;
3973
+ align-items: center;
3974
+ background: transparent;
3975
+ width: 100%;
3976
+ height: 100%;
3977
+ overflow: visible;
3978
+ z-index: var(--elevation-confirm);
4148
3979
  }
4149
3980
 
4150
- .RadioButton-module_radioContent__38xVx {
4151
- width: 100%;
3981
+ .ModalController-module_wrapper__HkOoX {
3982
+ position: absolute;
3983
+ z-index: var(--elevation-confirm);
4152
3984
  }
4153
3985
 
4154
- .type-module_body-xs-regular__ZAFft {
3986
+ .flexBox-module_row__z24tF {
3987
+ display: flex;
3988
+ justify-content: center;
3989
+ align-items: center;
3990
+ box-sizing: border-box;
3991
+ padding: 0;
3992
+ margin: 0;
3993
+ }.flexBox-module_rowBetween__5FEvi {
3994
+ display: flex;
3995
+ justify-content: space-between;
3996
+ align-items: center;
3997
+ box-sizing: border-box;
3998
+ padding: 0;
3999
+ margin: 0;
4000
+ }.flexBox-module_rowStart__4tcxS {
4001
+ display: flex;
4002
+ justify-content: flex-start;
4003
+ align-items: center;
4004
+ box-sizing: border-box;
4005
+ padding: 0;
4006
+ margin: 0;
4007
+ }.flexBox-module_rowEnd__rVdVm {
4008
+ display: flex;
4009
+ justify-content: flex-end;
4010
+ align-items: center;
4011
+ box-sizing: border-box;
4012
+ padding: 0;
4013
+ margin: 0;
4014
+ }.flexBox-module_column__ezvMq {
4015
+ display: flex;
4016
+ flex-direction: column;
4017
+ justify-content: center;
4018
+ align-items: center;
4019
+ box-sizing: border-box;
4020
+ padding: 0;
4021
+ margin: 0;
4022
+ }.flexBox-module_columnStart__C7P44 {
4023
+ display: flex;
4024
+ flex-direction: column;
4025
+ justify-content: flex-start;
4026
+ align-items: flex-start;
4027
+ box-sizing: border-box;
4028
+ padding: 0;
4029
+ margin: 0;
4030
+ }.flexBox-module_columnStartCenter__PKcrG {
4031
+ display: flex;
4032
+ flex-direction: column;
4033
+ justify-content: flex-start;
4034
+ align-items: center;
4035
+ box-sizing: border-box;
4036
+ padding: 0;
4037
+ margin: 0;
4038
+ }.flexBox-module_columnBetween__ERfp7 {
4039
+ display: flex;
4040
+ flex-direction: column;
4041
+ justify-content: space-between;
4042
+ align-items: center;
4043
+ box-sizing: border-box;
4044
+ padding: 0;
4045
+ margin: 0;
4046
+ }.flexBox-module_columnEnd__lLJuc {
4047
+ display: flex;
4048
+ flex-direction: column;
4049
+ justify-content: flex-end;
4050
+ align-items: flex-end;
4051
+ box-sizing: border-box;
4052
+ padding: 0;
4053
+ margin: 0;
4054
+ }.type-module_body-xs-regular__ZAFft {
4155
4055
  font-family: var(--font-family), sans-serif;
4156
4056
  font-weight: var(--font-weight-regular);
4157
4057
  font-size: var(--font-size-xs);
@@ -4312,54 +4212,121 @@ line {
4312
4212
  line-height: 128.57%;
4313
4213
  text-decoration: none;
4314
4214
  letter-spacing: 0.2px;
4315
- }.scrollBars-module_scrollbars__c-ZPl {
4316
- /* Consumers override these to theme their own scrollbar (e.g. Modal
4317
- binds them to its scrollHandleColor/scrollHandleColorHover props).
4318
- Unoverridden, they fall back to the shared page-level scroll tokens. */
4319
- --scrollbar-size: 6px;
4320
- --scrollbar-bg: transparent;
4321
- --scrollbar-thumb: var(--scroll-bar);
4322
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
4215
+ }
4323
4216
 
4324
- /* firefox does not support -webkit-scrollbar */
4325
- @supports not selector(::-webkit-scrollbar) {
4326
- scrollbar-width: thin;
4327
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
4328
- }
4217
+ .RadioButton-module_wrapper__-pWRe {
4218
+ padding: var(--rb-padding) !important;
4219
+ max-width: var(--rb-max-width);
4220
+ flex: var(--rb-flex);
4221
+ border: var(--rb-border);
4222
+ background: var(--rb-bg);
4223
+ gap: var(--rb-gap);
4224
+ border-radius: 8px;
4225
+ cursor: pointer;
4226
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4227
+ user-select: none;
4228
+ -webkit-user-select: none;
4229
+ appearance: none;
4230
+ -webkit-appearance: none;
4231
+ background-image: none;
4232
+ outline: none;
4233
+ }
4329
4234
 
4330
- &::-webkit-scrollbar {
4331
- background-color: var(--scrollbar-bg);
4332
- width: var(--scrollbar-size);
4333
- height: var(--scrollbar-size);
4334
- }
4235
+ .RadioButton-module_radioIcon__I27Xv {
4236
+ width: 20px;
4237
+ height: 20px;
4238
+ max-width: 20px;
4239
+ max-height: 20px;
4240
+ min-height: 20px;
4241
+ min-width: 20px;
4242
+ }
4335
4243
 
4336
- &::-webkit-scrollbar-track {
4337
- background-color: var(--scrollbar-bg);
4338
- width: var(--scrollbar-size);
4339
- height: var(--scrollbar-size);
4340
- }
4244
+ .RadioButton-module_radioTitle__zCQII {
4245
+ color: var(--core-text-primary);
4246
+ white-space: nowrap;
4247
+ flex: 1;
4248
+ }
4341
4249
 
4342
- &::-webkit-scrollbar-thumb {
4343
- background-color: var(--scrollbar-thumb);
4344
- border-radius: 20px;
4345
- border: 1px solid var(--scrollbar-bg);
4346
- }
4250
+ .RadioButton-module_radioSummary__PNr0Z {
4251
+ color: var(--core-text-primary);
4252
+ flex: 1;
4253
+ }
4347
4254
 
4348
- &::-webkit-scrollbar-thumb:hover {
4349
- background-color: var(--scrollbar-thumb-hover);
4350
- border-radius: 20px;
4351
- border: 1px solid var(--scrollbar-bg);
4352
- }
4255
+ .RadioButton-module_radioContent__38xVx {
4256
+ width: 100%;
4257
+ }
4353
4258
 
4354
- &::-webkit-scrollbar-corner {
4355
- background-color: var(--scrollbar-bg);
4356
- }
4357
- }.FlexDiv-module_flexDiv__EY5A- {
4358
- /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
4359
- --flex-div-scroll-border for this purpose) -- bind to the real one. */
4360
- --scrollbar-bg: var(--flex-div-scroll-border);
4361
- --scrollbar-thumb: var(--flex-div-scroll-handle);
4362
- --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
4259
+ .flexBox-module_row__z24tF {
4260
+ display: flex;
4261
+ justify-content: center;
4262
+ align-items: center;
4263
+ box-sizing: border-box;
4264
+ padding: 0;
4265
+ margin: 0;
4266
+ }.flexBox-module_rowBetween__5FEvi {
4267
+ display: flex;
4268
+ justify-content: space-between;
4269
+ align-items: center;
4270
+ box-sizing: border-box;
4271
+ padding: 0;
4272
+ margin: 0;
4273
+ }.flexBox-module_rowStart__4tcxS {
4274
+ display: flex;
4275
+ justify-content: flex-start;
4276
+ align-items: center;
4277
+ box-sizing: border-box;
4278
+ padding: 0;
4279
+ margin: 0;
4280
+ }.flexBox-module_rowEnd__rVdVm {
4281
+ display: flex;
4282
+ justify-content: flex-end;
4283
+ align-items: center;
4284
+ box-sizing: border-box;
4285
+ padding: 0;
4286
+ margin: 0;
4287
+ }.flexBox-module_column__ezvMq {
4288
+ display: flex;
4289
+ flex-direction: column;
4290
+ justify-content: center;
4291
+ align-items: center;
4292
+ box-sizing: border-box;
4293
+ padding: 0;
4294
+ margin: 0;
4295
+ }.flexBox-module_columnStart__C7P44 {
4296
+ display: flex;
4297
+ flex-direction: column;
4298
+ justify-content: flex-start;
4299
+ align-items: flex-start;
4300
+ box-sizing: border-box;
4301
+ padding: 0;
4302
+ margin: 0;
4303
+ }.flexBox-module_columnStartCenter__PKcrG {
4304
+ display: flex;
4305
+ flex-direction: column;
4306
+ justify-content: flex-start;
4307
+ align-items: center;
4308
+ box-sizing: border-box;
4309
+ padding: 0;
4310
+ margin: 0;
4311
+ }.flexBox-module_columnBetween__ERfp7 {
4312
+ display: flex;
4313
+ flex-direction: column;
4314
+ justify-content: space-between;
4315
+ align-items: center;
4316
+ box-sizing: border-box;
4317
+ padding: 0;
4318
+ margin: 0;
4319
+ }.flexBox-module_columnEnd__lLJuc {
4320
+ display: flex;
4321
+ flex-direction: column;
4322
+ justify-content: flex-end;
4323
+ align-items: flex-end;
4324
+ box-sizing: border-box;
4325
+ padding: 0;
4326
+ margin: 0;
4327
+ }.ToggleButton-module_toggleButton__H7KgI {
4328
+ width: min-content;
4329
+ gap: var(--tb-gap);
4363
4330
  }
4364
4331
 
4365
4332
  .flexBox-module_row__z24tF {
@@ -4593,45 +4560,105 @@ line {
4593
4560
  letter-spacing: 0.2px;
4594
4561
  }
4595
4562
 
4596
- .Toast-module_wrapper__1uj9O {
4597
- padding: var(--toast-padding) !important;
4598
- color: var(--toast-color);
4599
- position: var(--toast-position);
4600
- border: var(--toast-border);
4601
- border-radius: var(--toast-border-radius);
4602
- background: var(--toast-background);
4603
- z-index: var(--elevation-status);
4604
- gap: 16px;
4605
- box-shadow: var(--surface-shadow-soft);
4606
- left: 50%;
4607
- transform: translateX(-50%);
4563
+ .TextField-module_wrapper__qZ-p- {
4564
+ position: relative;
4565
+ padding: var(--tf-padding) !important;
4566
+ padding-right: var(--tf-padding-right) !important;
4567
+ gap: 8px;
4568
+ overflow: visible;
4569
+ width: var(--tf-width);
4570
+ height: var(--tf-height);
4571
+ border-radius: var(--tf-border-radius);
4572
+ background: var(--tf-bg-color);
4573
+ box-shadow: var(--tf-box-shadow);
4574
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4608
4575
  }
4609
4576
 
4610
- .Toast-module_close__i10-s {
4611
- min-height: 20px;
4612
- max-height: 20px;
4613
- min-width: 20px;
4614
- max-width: 20px;
4615
- cursor: pointer;
4577
+ .TextField-module_container__5U9yK {
4578
+ flex: 1;
4579
+ height: 100%;
4580
+ gap: 8px;
4616
4581
  }
4617
4582
 
4618
- .Toast-module_message__3dP0P {
4619
- gap: 6px;
4583
+ .TextField-module_label__jD8MR {
4584
+ color: var(--tf-label-color);
4585
+ height: auto;
4586
+ overflow: hidden;
4587
+ white-space: nowrap;
4620
4588
  }
4621
4589
 
4622
- .Toast-module_progress__SWsbA {
4623
- min-height: 20px;
4624
- max-height: 20px;
4625
- min-width: 20px;
4626
- max-width: 20px;
4590
+ .TextField-module_input__AkWBQ {
4591
+ color: var(--tf-text-color);
4592
+ background-color: transparent;
4593
+ box-sizing: border-box;
4594
+ outline: none;
4595
+ border: 0;
4596
+ padding: 0;
4597
+ height: 100%;
4598
+ width: var(--tf-input-width);
4599
+ field-sizing: var(--tf-field-size);
4600
+ text-align: var(--tf-text-align);
4627
4601
  }
4628
4602
 
4629
- .Toast-module_s__kc5Ef {
4603
+ .TextField-module_input__AkWBQ::placeholder {
4604
+ color: var(--tf-placeholder-color);
4605
+ }
4606
+
4607
+ .TextField-module_input__AkWBQ:focus::placeholder {
4608
+ color: var(--tf-placeholder-color);
4609
+ }
4610
+
4611
+ .TextField-module_input__AkWBQ:disabled {
4612
+ color: var(--core-text-disabled);
4613
+ }
4614
+
4615
+ .TextField-module_input__AkWBQ:-webkit-autofill,
4616
+ .TextField-module_input__AkWBQ:-webkit-autofill:hover,
4617
+ .TextField-module_input__AkWBQ:-webkit-autofill:focus,
4618
+ .TextField-module_input__AkWBQ:-webkit-autofill:active {
4619
+ box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
4620
+ -webkit-text-fill-color: var(--core-text-primary);
4621
+ }
4622
+
4623
+ .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
4624
+ color: var(--tf-placeholder-color);
4625
+ }
4626
+
4627
+ .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
4628
+ color: transparent;
4629
+ }
4630
+
4631
+ .TextField-module_showPassword__4Ecfo {
4632
+ min-height: 18px;
4633
+ min-width: 18px;
4634
+ max-height: 18px;
4635
+ max-width: 18px;
4636
+ opacity: var(--tf-show-opacity);
4630
4637
  }
4631
4638
 
4632
- .Toast-module_m__JtmLz {
4639
+ .TextField-module_showPassword__4Ecfo:hover {
4640
+ opacity: var(--tf-show-opacity-hover);
4641
+ }
4642
+
4643
+ .TextField-module_clearButton__O9ed3 {
4644
+ border: 0;
4645
+ background: transparent;
4646
+ appearance: none;
4647
+ -webkit-appearance: none;
4648
+ outline: none;
4649
+ cursor: pointer;
4633
4650
  }
4634
- .Toast-module_l__-W0PD {
4651
+
4652
+ .TextField-module_xs__vyt2t {
4653
+ }
4654
+
4655
+ .TextField-module_s__0qm83 {
4656
+ }
4657
+
4658
+ .TextField-module_m__M-tLl {
4659
+ }
4660
+
4661
+ .TextField-module_l__gbNRz {
4635
4662
  }
4636
4663
 
4637
4664
  .flexBox-module_row__z24tF {
@@ -4863,15 +4890,257 @@ line {
4863
4890
  line-height: 128.57%;
4864
4891
  text-decoration: none;
4865
4892
  letter-spacing: 0.2px;
4866
- }.Badge-module_badge__RsuMz {
4867
- line-height: 1em;
4868
- color: var(--badge-color);
4869
- background: var(--badge-bg);
4870
- padding: 2px 8px;
4871
- min-width: 24px;
4872
- width: min-content;
4873
- border-radius: 8px;
4874
- white-space: nowrap;
4893
+ }
4894
+ .Chip-module_chip__0nys- {
4895
+ padding: var(--ui-chip-padding) !important;
4896
+ width: min-content;
4897
+ min-height: 30px;
4898
+ gap: var(--ui-chip-gap);
4899
+ background: var(--ui-chip-bg-color);
4900
+ line-height: 1em;
4901
+ color: var(--ui-chip-label-color);
4902
+ border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
4903
+ border-radius: var(--ui-chip-border-radius);
4904
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4905
+ cursor: var(--ui-chip-cursor);
4906
+ white-space: nowrap;
4907
+ user-select: none;
4908
+ -webkit-user-select: none;
4909
+ }
4910
+ .Chip-module_chip__0nys-:hover {
4911
+ border-color: var(--ui-chip-border-color-hover);
4912
+ background: var(--ui-chip-bg-color-hover);
4913
+ color: var(--ui-chip-label-color-hover);
4914
+ }
4915
+
4916
+ .Chip-module_icon__dtR-K {
4917
+ height: var(--ui-chip-icon-size);
4918
+ min-height: var(--ui-chip-icon-size);
4919
+ width: var(--ui-chip-icon-size);
4920
+ min-width: var(--ui-chip-icon-size);
4921
+ }
4922
+
4923
+ .Chip-module_xs__s-KNG {
4924
+ }
4925
+
4926
+ .Chip-module_s__2KTXi {
4927
+ }
4928
+
4929
+ .Chip-module_m__l2u3N {
4930
+ }
4931
+
4932
+ .Chip-module_l__3MqPN {
4933
+ }
4934
+
4935
+ .type-module_body-xs-regular__ZAFft {
4936
+ font-family: var(--font-family), sans-serif;
4937
+ font-weight: var(--font-weight-regular);
4938
+ font-size: var(--font-size-xs);
4939
+ line-height: 133.33%;
4940
+ text-decoration: none;
4941
+ letter-spacing: 0.2px;
4942
+ }.type-module_body-xs-medium__s3KvF {
4943
+ font-family: var(--font-family), sans-serif;
4944
+ font-weight: var(--font-weight-medium);
4945
+ font-size: var(--font-size-xs);
4946
+ line-height: 133.33%;
4947
+ text-decoration: none;
4948
+ letter-spacing: 0.2px;
4949
+ }.type-module_body-xs-bold__Lhqqq {
4950
+ font-family: var(--font-family), sans-serif;
4951
+ font-weight: var(--font-weight-bold);
4952
+ font-size: var(--font-size-xs);
4953
+ line-height: 133.33%;
4954
+ text-decoration: none;
4955
+ letter-spacing: 0.25px;
4956
+ }.type-module_body-s-regular__vRHSP {
4957
+ font-family: var(--font-family), sans-serif;
4958
+ font-weight: var(--font-weight-regular);
4959
+ font-size: var(--font-size-s);
4960
+ line-height: 142.86%;
4961
+ text-decoration: none;
4962
+ letter-spacing: 0.15px;
4963
+ }.type-module_body-s-medium__tjdFc {
4964
+ font-family: var(--font-family), sans-serif;
4965
+ font-weight: var(--font-weight-medium);
4966
+ font-size: var(--font-size-s);
4967
+ line-height: 142.86%;
4968
+ text-decoration: none;
4969
+ letter-spacing: 0.15px;
4970
+ }.type-module_body-s-bold__Iy-VX {
4971
+ font-family: var(--font-family), sans-serif;
4972
+ font-weight: var(--font-weight-bold);
4973
+ font-size: var(--font-size-s);
4974
+ line-height: 142.86%;
4975
+ text-decoration: none;
4976
+ letter-spacing: 0.2px;
4977
+ }.type-module_body-m-regular__LuQBA {
4978
+ font-family: var(--font-family), sans-serif;
4979
+ font-weight: var(--font-weight-regular);
4980
+ font-size: var(--font-size-m);
4981
+ line-height: 140%;
4982
+ text-decoration: none;
4983
+ letter-spacing: 0.15px;
4984
+ }.type-module_body-m-medium__uW1on {
4985
+ font-family: var(--font-family), sans-serif;
4986
+ font-weight: var(--font-weight-medium);
4987
+ font-size: var(--font-size-m);
4988
+ line-height: 140%;
4989
+ text-decoration: none;
4990
+ letter-spacing: 0.15px;
4991
+ }.type-module_body-m-bold__UBcvQ {
4992
+ font-family: var(--font-family), sans-serif;
4993
+ font-weight: var(--font-weight-bold);
4994
+ font-size: var(--font-size-m);
4995
+ line-height: 140%;
4996
+ text-decoration: none;
4997
+ letter-spacing: 0.2px;
4998
+ }.type-module_body-l-regular__lOYbg {
4999
+ font-family: var(--font-family), sans-serif;
5000
+ font-weight: var(--font-weight-regular);
5001
+ font-size: var(--font-size-l);
5002
+ line-height: 162.5%;
5003
+ text-decoration: none;
5004
+ letter-spacing: 0.1px;
5005
+ }.type-module_body-l-medium__BqRC7 {
5006
+ font-family: var(--font-family), sans-serif;
5007
+ font-weight: var(--font-weight-medium);
5008
+ font-size: var(--font-size-l);
5009
+ line-height: 162.5%;
5010
+ text-decoration: none;
5011
+ letter-spacing: 0.1px;
5012
+ }.type-module_body-l-bold__Fh2dt {
5013
+ font-family: var(--font-family), sans-serif;
5014
+ font-weight: var(--font-weight-bold);
5015
+ font-size: var(--font-size-l);
5016
+ line-height: 162.5%;
5017
+ text-decoration: none;
5018
+ letter-spacing: 0.15px;
5019
+ }.type-module_body-xl-regular__pF2kC {
5020
+ font-family: var(--font-family), sans-serif;
5021
+ font-weight: var(--font-weight-regular);
5022
+ font-size: var(--font-size-xl);
5023
+ line-height: 162.5%;
5024
+ text-decoration: none;
5025
+ letter-spacing: 0.1px;
5026
+ }.type-module_body-xl-medium__BeyrH {
5027
+ font-family: var(--font-family), sans-serif;
5028
+ font-weight: var(--font-weight-medium);
5029
+ font-size: var(--font-size-xl);
5030
+ line-height: 162.5%;
5031
+ text-decoration: none;
5032
+ letter-spacing: 0.1px;
5033
+ }.type-module_body-xl-bold__Ruknj {
5034
+ font-family: var(--font-family), sans-serif;
5035
+ font-weight: var(--font-weight-bold);
5036
+ font-size: var(--font-size-xl);
5037
+ line-height: 162.5%;
5038
+ text-decoration: none;
5039
+ letter-spacing: 0.15px;
5040
+ }.type-module_heading-s-medium__z8L3G {
5041
+ font-family: var(--font-family), sans-serif;
5042
+ font-weight: 500;
5043
+ font-size: 20px;
5044
+ line-height: 140%;
5045
+ text-decoration: none;
5046
+ letter-spacing: 0.2px;
5047
+ }.type-module_heading-s-bold__0O3g6 {
5048
+ font-family: var(--font-family), sans-serif;
5049
+ font-weight: 600;
5050
+ font-size: 20px;
5051
+ line-height: 140%;
5052
+ text-decoration: none;
5053
+ letter-spacing: 0.2px;
5054
+ }.type-module_heading-m-bold__KXxEB {
5055
+ font-family: var(--font-family), sans-serif;
5056
+ font-weight: 500;
5057
+ font-size: 24px;
5058
+ line-height: 116.67%;
5059
+ text-decoration: none;
5060
+ letter-spacing: 0.2px;
5061
+ }.type-module_heading-m-medium__cJeEA {
5062
+ font-family: var(--font-family), sans-serif;
5063
+ font-weight: 600;
5064
+ font-size: 24px;
5065
+ line-height: 116.67%;
5066
+ text-decoration: none;
5067
+ letter-spacing: 0.2px;
5068
+ }.type-module_heading-l-medium__eRe05 {
5069
+ font-family: var(--font-family), sans-serif;
5070
+ font-weight: 500;
5071
+ font-size: 30px;
5072
+ line-height: 128.57%;
5073
+ text-decoration: none;
5074
+ letter-spacing: 0.2px;
5075
+ }.type-module_heading-l-bold__Xmwtf {
5076
+ font-family: var(--font-family), sans-serif;
5077
+ font-weight: 600;
5078
+ font-size: 30px;
5079
+ line-height: 128.57%;
5080
+ text-decoration: none;
5081
+ letter-spacing: 0.2px;
5082
+ }.type-module_heading-xl-medium__5q1m3 {
5083
+ font-family: var(--font-family), sans-serif;
5084
+ font-weight: 500;
5085
+ font-size: 36px;
5086
+ line-height: 128.57%;
5087
+ text-decoration: none;
5088
+ letter-spacing: 0.2px;
5089
+ }.type-module_heading-xl-bold__k9VFV {
5090
+ font-family: var(--font-family), sans-serif;
5091
+ font-weight: 600;
5092
+ font-size: 36px;
5093
+ line-height: 128.57%;
5094
+ text-decoration: none;
5095
+ letter-spacing: 0.2px;
5096
+ }.scrollBars-module_scrollbars__c-ZPl {
5097
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
5098
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
5099
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
5100
+ --scrollbar-size: 6px;
5101
+ --scrollbar-bg: transparent;
5102
+ --scrollbar-thumb: var(--scroll-bar);
5103
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
5104
+
5105
+ /* firefox does not support -webkit-scrollbar */
5106
+ @supports not selector(::-webkit-scrollbar) {
5107
+ scrollbar-width: thin;
5108
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
5109
+ }
5110
+
5111
+ &::-webkit-scrollbar {
5112
+ background-color: var(--scrollbar-bg);
5113
+ width: var(--scrollbar-size);
5114
+ height: var(--scrollbar-size);
5115
+ }
5116
+
5117
+ &::-webkit-scrollbar-track {
5118
+ background-color: var(--scrollbar-bg);
5119
+ width: var(--scrollbar-size);
5120
+ height: var(--scrollbar-size);
5121
+ }
5122
+
5123
+ &::-webkit-scrollbar-thumb {
5124
+ background-color: var(--scrollbar-thumb);
5125
+ border-radius: 20px;
5126
+ border: 1px solid var(--scrollbar-bg);
5127
+ }
5128
+
5129
+ &::-webkit-scrollbar-thumb:hover {
5130
+ background-color: var(--scrollbar-thumb-hover);
5131
+ border-radius: 20px;
5132
+ border: 1px solid var(--scrollbar-bg);
5133
+ }
5134
+
5135
+ &::-webkit-scrollbar-corner {
5136
+ background-color: var(--scrollbar-bg);
5137
+ }
5138
+ }.FlexDiv-module_flexDiv__EY5A- {
5139
+ /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
5140
+ --flex-div-scroll-border for this purpose) -- bind to the real one. */
5141
+ --scrollbar-bg: var(--flex-div-scroll-border);
5142
+ --scrollbar-thumb: var(--flex-div-scroll-handle);
5143
+ --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
4875
5144
  }
4876
5145
 
4877
5146
  .flexBox-module_row__z24tF {
@@ -4942,48 +5211,6 @@ line {
4942
5211
  box-sizing: border-box;
4943
5212
  padding: 0;
4944
5213
  margin: 0;
4945
- }.scrollBars-module_scrollbars__c-ZPl {
4946
- /* Consumers override these to theme their own scrollbar (e.g. Modal
4947
- binds them to its scrollHandleColor/scrollHandleColorHover props).
4948
- Unoverridden, they fall back to the shared page-level scroll tokens. */
4949
- --scrollbar-size: 6px;
4950
- --scrollbar-bg: transparent;
4951
- --scrollbar-thumb: var(--scroll-bar);
4952
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
4953
-
4954
- /* firefox does not support -webkit-scrollbar */
4955
- @supports not selector(::-webkit-scrollbar) {
4956
- scrollbar-width: thin;
4957
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
4958
- }
4959
-
4960
- &::-webkit-scrollbar {
4961
- background-color: var(--scrollbar-bg);
4962
- width: var(--scrollbar-size);
4963
- height: var(--scrollbar-size);
4964
- }
4965
-
4966
- &::-webkit-scrollbar-track {
4967
- background-color: var(--scrollbar-bg);
4968
- width: var(--scrollbar-size);
4969
- height: var(--scrollbar-size);
4970
- }
4971
-
4972
- &::-webkit-scrollbar-thumb {
4973
- background-color: var(--scrollbar-thumb);
4974
- border-radius: 20px;
4975
- border: 1px solid var(--scrollbar-bg);
4976
- }
4977
-
4978
- &::-webkit-scrollbar-thumb:hover {
4979
- background-color: var(--scrollbar-thumb-hover);
4980
- border-radius: 20px;
4981
- border: 1px solid var(--scrollbar-bg);
4982
- }
4983
-
4984
- &::-webkit-scrollbar-corner {
4985
- background-color: var(--scrollbar-bg);
4986
- }
4987
5214
  }.type-module_body-xs-regular__ZAFft {
4988
5215
  font-family: var(--font-family), sans-serif;
4989
5216
  font-weight: var(--font-weight-regular);
@@ -5147,74 +5374,160 @@ line {
5147
5374
  letter-spacing: 0.2px;
5148
5375
  }
5149
5376
 
5150
- .TextArea-module_wrapper__O0sWP {
5151
- position: relative;
5152
- padding: var(--ta-padding) !important;
5153
- width: var(--ta-width);
5154
- height: var(--ta-height);
5155
- max-height: var(--ta-max-height);
5156
- border-radius: var(--ta-border-radius);
5157
- background-color: var(--ta-bg-color);
5158
- box-shadow: 0 0 0 1px var(--ta-border-color);
5159
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
5377
+ .Tip-module_wrapper__D7ACT {
5378
+ padding: var(--tooltip-padding) !important;
5379
+ position: fixed;
5380
+ border: var(--tooltip-border);
5381
+ border-radius: var(--tooltip-border-radius);
5382
+ background: var(--tooltip-background);
5383
+ white-space: nowrap;
5384
+ z-index: var(--elevation-describe);
5160
5385
  }
5161
5386
 
5162
- .TextArea-module_textarea__-R2n0 {
5163
- border: 0;
5164
- outline: 0;
5165
- padding: 0 16px 0 0;
5166
- width: 100%;
5167
- height: 100%;
5168
- color: var(--core-text-primary);
5169
- background-color: transparent;
5387
+ .Tip-module_xs__wsz9y {
5388
+ }
5389
+
5390
+ .Tip-module_s__Wvz3q {
5391
+ }
5392
+
5393
+ .Tip-module_m__9qJbB {
5394
+ }
5395
+ .Tip-module_l__OdNuh {
5396
+ }
5397
+
5398
+ .flexBox-module_row__z24tF {
5399
+ display: flex;
5400
+ justify-content: center;
5401
+ align-items: center;
5402
+ box-sizing: border-box;
5403
+ padding: 0;
5404
+ margin: 0;
5405
+ }.flexBox-module_rowBetween__5FEvi {
5406
+ display: flex;
5407
+ justify-content: space-between;
5408
+ align-items: center;
5409
+ box-sizing: border-box;
5410
+ padding: 0;
5411
+ margin: 0;
5412
+ }.flexBox-module_rowStart__4tcxS {
5413
+ display: flex;
5414
+ justify-content: flex-start;
5415
+ align-items: center;
5416
+ box-sizing: border-box;
5417
+ padding: 0;
5418
+ margin: 0;
5419
+ }.flexBox-module_rowEnd__rVdVm {
5420
+ display: flex;
5421
+ justify-content: flex-end;
5422
+ align-items: center;
5423
+ box-sizing: border-box;
5424
+ padding: 0;
5425
+ margin: 0;
5426
+ }.flexBox-module_column__ezvMq {
5427
+ display: flex;
5428
+ flex-direction: column;
5429
+ justify-content: center;
5430
+ align-items: center;
5431
+ box-sizing: border-box;
5432
+ padding: 0;
5433
+ margin: 0;
5434
+ }.flexBox-module_columnStart__C7P44 {
5435
+ display: flex;
5436
+ flex-direction: column;
5437
+ justify-content: flex-start;
5438
+ align-items: flex-start;
5439
+ box-sizing: border-box;
5440
+ padding: 0;
5441
+ margin: 0;
5442
+ }.flexBox-module_columnStartCenter__PKcrG {
5443
+ display: flex;
5444
+ flex-direction: column;
5445
+ justify-content: flex-start;
5446
+ align-items: center;
5447
+ box-sizing: border-box;
5448
+ padding: 0;
5449
+ margin: 0;
5450
+ }.flexBox-module_columnBetween__ERfp7 {
5451
+ display: flex;
5452
+ flex-direction: column;
5453
+ justify-content: space-between;
5454
+ align-items: center;
5170
5455
  box-sizing: border-box;
5171
- resize: var(--ta-resize);
5456
+ padding: 0;
5457
+ margin: 0;
5458
+ }.flexBox-module_columnEnd__lLJuc {
5459
+ display: flex;
5460
+ flex-direction: column;
5461
+ justify-content: flex-end;
5462
+ align-items: flex-end;
5463
+ box-sizing: border-box;
5464
+ padding: 0;
5465
+ margin: 0;
5172
5466
  }
5173
5467
 
5174
- .TextArea-module_textarea__-R2n0:disabled {
5175
- color: var(--core-text-disabled);
5176
- }
5177
-
5178
- .TextArea-module_textarea__-R2n0::placeholder {
5179
- color: var(--core-text-disabled);
5180
- }
5181
-
5182
- .TextArea-module_textarea__-R2n0 {
5183
-
5184
- overflow-y: auto;
5468
+ .Slider-module_wrapper__KCCs1 {
5469
+ position: relative;
5470
+ display: flex;
5471
+ justify-content: flex-start;
5472
+ align-items: center;
5473
+ box-sizing: border-box;
5474
+ padding: 0 var(--slider-padding);
5475
+ margin: 0;
5476
+ width: var(--slider-width);
5477
+ height: auto;
5478
+ min-height: var(--slider-touch-height);
5479
+ cursor: var(--slider-cursor);
5480
+ opacity: var(--slider-opacity);
5481
+ background: transparent;
5185
5482
  }
5186
5483
 
5187
- .TextArea-module_actions__yunQx {
5484
+ .Slider-module_trackBg__7zfqm {
5485
+ position: relative;
5188
5486
  width: 100%;
5189
- min-height: 30px;
5190
- color: var(--core-text-disabled);
5191
- gap: 16px;
5192
- }
5193
-
5194
- .TextArea-module_option__2SFx5 {
5195
- gap: 4px;
5196
- white-space: nowrap;
5197
- user-select: none;
5198
- -webkit-user-select: none;
5199
- cursor: default;
5487
+ height: var(--slider-height);
5488
+ background-color: var(--slider-track-color);
5489
+ overflow: hidden;
5490
+ border-radius: 100px;
5200
5491
  }
5201
5492
 
5202
- .TextArea-module_send__Cub13 {
5493
+ .Slider-module_track__kaJkL {
5203
5494
  position: absolute;
5204
- bottom: var(--ta-send-icon-offset-bottom);
5205
- right: var(--ta-send-icon-offset-right);
5206
- }
5207
-
5208
- .TextArea-module_xs__5e748 {
5495
+ top: 0;
5496
+ bottom: 0;
5497
+ width: 0;
5498
+ background-color: var(--slider-progress-color);
5499
+ overflow: visible;
5500
+ border-radius: 100px;
5209
5501
  }
5210
5502
 
5211
- .TextArea-module_s__Ac-fq {
5503
+ .Slider-module_trackHead__W-UdG {
5504
+ position: absolute;
5505
+ display: var(--slider-head-display);
5506
+ background-color: var(--slider-head-color);
5507
+ border: var(--slider-track-head-border);
5508
+ border-radius: var(--slider-head-radius);
5509
+ max-width: var(--slider-head-width);
5510
+ max-height: var(--slider-head-size);
5511
+ min-width: var(--slider-head-width);
5512
+ min-height: var(--slider-head-size);
5513
+ top: 50%;
5514
+ transform: translateY(-50%) translateX(-50%);
5212
5515
  }
5213
5516
 
5214
- .TextArea-module_m__dod4R {
5517
+ .Slider-module_trackWrapper__Ot0Wh {
5518
+ position: relative;
5519
+ width: 100%;
5520
+ height: var(--slider-height);
5521
+ min-height: var(--slider-touch-height);
5522
+ background-color: transparent;
5523
+ border-radius: 4px;
5524
+ overflow: visible;
5525
+ outline: none;
5215
5526
  }
5216
5527
 
5217
- .TextArea-module_l__-uLCG {
5528
+ .Slider-module_trackWrapper__Ot0Wh:focus-visible {
5529
+ outline: 2px solid var(--core-link-primary);
5530
+ outline-offset: 2px;
5218
5531
  }
5219
5532
 
5220
5533
  .flexBox-module_row__z24tF {
@@ -5448,105 +5761,56 @@ line {
5448
5761
  letter-spacing: 0.2px;
5449
5762
  }
5450
5763
 
5451
- .TextField-module_wrapper__qZ-p- {
5764
+ .Button-module_button__2ZuB7 {
5452
5765
  position: relative;
5453
- padding: var(--tf-padding) !important;
5454
- padding-right: var(--tf-padding-right) !important;
5455
- gap: 8px;
5456
- overflow: visible;
5457
- width: var(--tf-width);
5458
- height: var(--tf-height);
5459
- border-radius: var(--tf-border-radius);
5460
- background: var(--tf-bg-color);
5461
- box-shadow: var(--tf-box-shadow);
5462
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
5463
- }
5464
-
5465
- .TextField-module_container__5U9yK {
5466
- flex: 1;
5467
- height: 100%;
5468
- gap: 8px;
5766
+ user-select: none;
5767
+ -webkit-user-select: none;
5768
+ appearance: none;
5769
+ -webkit-appearance: none;
5770
+ background-image: none;
5771
+ outline: none;
5469
5772
  }
5470
5773
 
5471
- .TextField-module_label__jD8MR {
5472
- color: var(--tf-label-color);
5473
- height: auto;
5774
+ .Button-module_label__UJ3Zt {
5775
+ user-select: none;
5776
+ -webkit-user-select: none;
5777
+ text-overflow: ellipsis;
5474
5778
  overflow: hidden;
5475
5779
  white-space: nowrap;
5780
+ word-break: break-all;
5781
+ display: -webkit-box;
5782
+ -webkit-line-clamp: 1;
5783
+ -webkit-box-orient: vertical;
5476
5784
  }
5477
5785
 
5478
- .TextField-module_input__AkWBQ {
5479
- color: var(--tf-text-color);
5480
- background-color: transparent;
5481
- box-sizing: border-box;
5482
- outline: none;
5483
- border: 0;
5484
- padding: 0;
5485
- height: 100%;
5486
- width: var(--tf-input-width);
5487
- field-sizing: var(--tf-field-size);
5488
- text-align: var(--tf-text-align);
5489
- }
5490
-
5491
- .TextField-module_input__AkWBQ::placeholder {
5492
- color: var(--tf-placeholder-color);
5493
- }
5494
-
5495
- .TextField-module_input__AkWBQ:focus::placeholder {
5496
- color: var(--tf-placeholder-color);
5497
- }
5498
-
5499
- .TextField-module_input__AkWBQ:disabled {
5500
- color: var(--core-text-disabled);
5501
- }
5502
-
5503
- .TextField-module_input__AkWBQ:-webkit-autofill,
5504
- .TextField-module_input__AkWBQ:-webkit-autofill:hover,
5505
- .TextField-module_input__AkWBQ:-webkit-autofill:focus,
5506
- .TextField-module_input__AkWBQ:-webkit-autofill:active {
5507
- box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
5508
- -webkit-text-fill-color: var(--core-text-primary);
5509
- }
5510
-
5511
- .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
5512
- color: var(--tf-placeholder-color);
5513
- }
5514
-
5515
- .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
5516
- color: transparent;
5786
+ .Button-module_label__UJ3Zt:hover {
5787
+ text-decoration: var(--ui-button-decoration);
5517
5788
  }
5518
5789
 
5519
- .TextField-module_showPassword__4Ecfo {
5520
- min-height: 18px;
5521
- min-width: 18px;
5522
- max-height: 18px;
5523
- max-width: 18px;
5524
- opacity: var(--tf-show-opacity);
5790
+ .Button-module_count__DFxVB {
5791
+ position: absolute;
5792
+ top: 0;
5793
+ right: 0;
5794
+ transform: translateX(10px) translateY(-2px);
5525
5795
  }
5526
5796
 
5527
- .TextField-module_showPassword__4Ecfo:hover {
5528
- opacity: var(--tf-show-opacity-hover);
5529
- }
5530
-
5531
- .TextField-module_clearButton__O9ed3 {
5532
- border: 0;
5533
- background: transparent;
5534
- appearance: none;
5535
- -webkit-appearance: none;
5536
- outline: none;
5537
- cursor: pointer;
5797
+ .Button-module_icon__-43u5 {
5798
+ min-width: var(--ui-button-icon-size);
5799
+ min-height: var(--ui-button-icon-size);
5800
+ height: var(--ui-button-icon-size);
5801
+ width: var(--ui-button-icon-size);
5538
5802
  }
5539
5803
 
5540
- .TextField-module_xs__vyt2t {
5804
+ .Button-module_xs__cF6m0 {
5541
5805
  }
5542
5806
 
5543
- .TextField-module_s__0qm83 {
5807
+ .Button-module_m__DR-gs {
5544
5808
  }
5545
5809
 
5546
- .TextField-module_m__M-tLl {
5810
+ .Button-module_l__0E0yI {
5547
5811
  }
5548
5812
 
5549
- .TextField-module_l__gbNRz {
5813
+ .Button-module_s__dSKOL {
5550
5814
  }
5551
5815
 
5552
5816
  .flexBox-module_row__z24tF {
@@ -5617,6 +5881,48 @@ line {
5617
5881
  box-sizing: border-box;
5618
5882
  padding: 0;
5619
5883
  margin: 0;
5884
+ }.scrollBars-module_scrollbars__c-ZPl {
5885
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
5886
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
5887
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
5888
+ --scrollbar-size: 6px;
5889
+ --scrollbar-bg: transparent;
5890
+ --scrollbar-thumb: var(--scroll-bar);
5891
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
5892
+
5893
+ /* firefox does not support -webkit-scrollbar */
5894
+ @supports not selector(::-webkit-scrollbar) {
5895
+ scrollbar-width: thin;
5896
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
5897
+ }
5898
+
5899
+ &::-webkit-scrollbar {
5900
+ background-color: var(--scrollbar-bg);
5901
+ width: var(--scrollbar-size);
5902
+ height: var(--scrollbar-size);
5903
+ }
5904
+
5905
+ &::-webkit-scrollbar-track {
5906
+ background-color: var(--scrollbar-bg);
5907
+ width: var(--scrollbar-size);
5908
+ height: var(--scrollbar-size);
5909
+ }
5910
+
5911
+ &::-webkit-scrollbar-thumb {
5912
+ background-color: var(--scrollbar-thumb);
5913
+ border-radius: 20px;
5914
+ border: 1px solid var(--scrollbar-bg);
5915
+ }
5916
+
5917
+ &::-webkit-scrollbar-thumb:hover {
5918
+ background-color: var(--scrollbar-thumb-hover);
5919
+ border-radius: 20px;
5920
+ border: 1px solid var(--scrollbar-bg);
5921
+ }
5922
+
5923
+ &::-webkit-scrollbar-corner {
5924
+ background-color: var(--scrollbar-bg);
5925
+ }
5620
5926
  }.type-module_body-xs-regular__ZAFft {
5621
5927
  font-family: var(--font-family), sans-serif;
5622
5928
  font-weight: var(--font-weight-regular);
@@ -5780,25 +6086,74 @@ line {
5780
6086
  letter-spacing: 0.2px;
5781
6087
  }
5782
6088
 
5783
- .Tip-module_wrapper__D7ACT {
5784
- padding: var(--tooltip-padding) !important;
5785
- position: fixed;
5786
- border: var(--tooltip-border);
5787
- border-radius: var(--tooltip-border-radius);
5788
- background: var(--tooltip-background);
6089
+ .TextArea-module_wrapper__O0sWP {
6090
+ position: relative;
6091
+ padding: var(--ta-padding) !important;
6092
+ width: var(--ta-width);
6093
+ height: var(--ta-height);
6094
+ max-height: var(--ta-max-height);
6095
+ border-radius: var(--ta-border-radius);
6096
+ background-color: var(--ta-bg-color);
6097
+ box-shadow: 0 0 0 1px var(--ta-border-color);
6098
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
6099
+ }
6100
+
6101
+ .TextArea-module_textarea__-R2n0 {
6102
+ border: 0;
6103
+ outline: 0;
6104
+ padding: 0 16px 0 0;
6105
+ width: 100%;
6106
+ height: 100%;
6107
+ color: var(--core-text-primary);
6108
+ background-color: transparent;
6109
+ box-sizing: border-box;
6110
+ resize: var(--ta-resize);
6111
+ }
6112
+
6113
+ .TextArea-module_textarea__-R2n0:disabled {
6114
+ color: var(--core-text-disabled);
6115
+ }
6116
+
6117
+ .TextArea-module_textarea__-R2n0::placeholder {
6118
+ color: var(--core-text-disabled);
6119
+ }
6120
+
6121
+ .TextArea-module_textarea__-R2n0 {
6122
+
6123
+ overflow-y: auto;
6124
+ }
6125
+
6126
+ .TextArea-module_actions__yunQx {
6127
+ width: 100%;
6128
+ min-height: 30px;
6129
+ color: var(--core-text-disabled);
6130
+ gap: 16px;
6131
+ }
6132
+
6133
+ .TextArea-module_option__2SFx5 {
6134
+ gap: 4px;
5789
6135
  white-space: nowrap;
5790
- z-index: var(--elevation-describe);
6136
+ user-select: none;
6137
+ -webkit-user-select: none;
6138
+ cursor: default;
5791
6139
  }
5792
6140
 
5793
- .Tip-module_xs__wsz9y {
6141
+ .TextArea-module_send__Cub13 {
6142
+ position: absolute;
6143
+ bottom: var(--ta-send-icon-offset-bottom);
6144
+ right: var(--ta-send-icon-offset-right);
5794
6145
  }
5795
6146
 
5796
- .Tip-module_s__Wvz3q {
6147
+ .TextArea-module_xs__5e748 {
5797
6148
  }
5798
6149
 
5799
- .Tip-module_m__9qJbB {
6150
+ .TextArea-module_s__Ac-fq {
5800
6151
  }
5801
- .Tip-module_l__OdNuh {
6152
+
6153
+ .TextArea-module_m__dod4R {
6154
+ }
6155
+
6156
+ .TextArea-module_l__-uLCG {
5802
6157
  }
5803
6158
 
5804
6159
  .flexBox-module_row__z24tF {
@@ -5915,79 +6270,6 @@ line {
5915
6270
  color: var(--core-link-primary);
5916
6271
  }
5917
6272
 
5918
- .flexBox-module_row__z24tF {
5919
- display: flex;
5920
- justify-content: center;
5921
- align-items: center;
5922
- box-sizing: border-box;
5923
- padding: 0;
5924
- margin: 0;
5925
- }.flexBox-module_rowBetween__5FEvi {
5926
- display: flex;
5927
- justify-content: space-between;
5928
- align-items: center;
5929
- box-sizing: border-box;
5930
- padding: 0;
5931
- margin: 0;
5932
- }.flexBox-module_rowStart__4tcxS {
5933
- display: flex;
5934
- justify-content: flex-start;
5935
- align-items: center;
5936
- box-sizing: border-box;
5937
- padding: 0;
5938
- margin: 0;
5939
- }.flexBox-module_rowEnd__rVdVm {
5940
- display: flex;
5941
- justify-content: flex-end;
5942
- align-items: center;
5943
- box-sizing: border-box;
5944
- padding: 0;
5945
- margin: 0;
5946
- }.flexBox-module_column__ezvMq {
5947
- display: flex;
5948
- flex-direction: column;
5949
- justify-content: center;
5950
- align-items: center;
5951
- box-sizing: border-box;
5952
- padding: 0;
5953
- margin: 0;
5954
- }.flexBox-module_columnStart__C7P44 {
5955
- display: flex;
5956
- flex-direction: column;
5957
- justify-content: flex-start;
5958
- align-items: flex-start;
5959
- box-sizing: border-box;
5960
- padding: 0;
5961
- margin: 0;
5962
- }.flexBox-module_columnStartCenter__PKcrG {
5963
- display: flex;
5964
- flex-direction: column;
5965
- justify-content: flex-start;
5966
- align-items: center;
5967
- box-sizing: border-box;
5968
- padding: 0;
5969
- margin: 0;
5970
- }.flexBox-module_columnBetween__ERfp7 {
5971
- display: flex;
5972
- flex-direction: column;
5973
- justify-content: space-between;
5974
- align-items: center;
5975
- box-sizing: border-box;
5976
- padding: 0;
5977
- margin: 0;
5978
- }.flexBox-module_columnEnd__lLJuc {
5979
- display: flex;
5980
- flex-direction: column;
5981
- justify-content: flex-end;
5982
- align-items: flex-end;
5983
- box-sizing: border-box;
5984
- padding: 0;
5985
- margin: 0;
5986
- }.ToggleButton-module_toggleButton__H7KgI {
5987
- width: min-content;
5988
- gap: var(--tb-gap);
5989
- }
5990
-
5991
6273
  .flexBox-module_row__z24tF {
5992
6274
  display: flex;
5993
6275
  justify-content: center;
@@ -6212,122 +6494,55 @@ line {
6212
6494
  letter-spacing: 0.2px;
6213
6495
  }.type-module_heading-xl-bold__k9VFV {
6214
6496
  font-family: var(--font-family), sans-serif;
6215
- font-weight: 600;
6216
- font-size: 36px;
6217
- line-height: 128.57%;
6218
- text-decoration: none;
6219
- letter-spacing: 0.2px;
6220
- }
6221
- .Chip-module_chip__0nys- {
6222
- padding: var(--ui-chip-padding) !important;
6223
- width: min-content;
6224
- min-height: 30px;
6225
- gap: var(--ui-chip-gap);
6226
- background: var(--ui-chip-bg-color);
6227
- line-height: 1em;
6228
- color: var(--ui-chip-label-color);
6229
- border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
6230
- border-radius: var(--ui-chip-border-radius);
6231
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
6232
- cursor: var(--ui-chip-cursor);
6233
- white-space: nowrap;
6234
- user-select: none;
6235
- -webkit-user-select: none;
6236
- }
6237
- .Chip-module_chip__0nys-:hover {
6238
- border-color: var(--ui-chip-border-color-hover);
6239
- background: var(--ui-chip-bg-color-hover);
6240
- color: var(--ui-chip-label-color-hover);
6241
- }
6242
-
6243
- .Chip-module_icon__dtR-K {
6244
- height: var(--ui-chip-icon-size);
6245
- min-height: var(--ui-chip-icon-size);
6246
- width: var(--ui-chip-icon-size);
6247
- min-width: var(--ui-chip-icon-size);
6248
- }
6249
-
6250
- .Chip-module_xs__s-KNG {
6251
- }
6252
-
6253
- .Chip-module_s__2KTXi {
6254
- }
6255
-
6256
- .Chip-module_m__l2u3N {
6257
- }
6258
-
6259
- .Chip-module_l__3MqPN {
6260
- }
6261
-
6262
- .flexBox-module_row__z24tF {
6263
- display: flex;
6264
- justify-content: center;
6265
- align-items: center;
6266
- box-sizing: border-box;
6267
- padding: 0;
6268
- margin: 0;
6269
- }.flexBox-module_rowBetween__5FEvi {
6270
- display: flex;
6271
- justify-content: space-between;
6272
- align-items: center;
6273
- box-sizing: border-box;
6274
- padding: 0;
6275
- margin: 0;
6276
- }.flexBox-module_rowStart__4tcxS {
6277
- display: flex;
6278
- justify-content: flex-start;
6279
- align-items: center;
6280
- box-sizing: border-box;
6281
- padding: 0;
6282
- margin: 0;
6283
- }.flexBox-module_rowEnd__rVdVm {
6284
- display: flex;
6285
- justify-content: flex-end;
6286
- align-items: center;
6287
- box-sizing: border-box;
6288
- padding: 0;
6289
- margin: 0;
6290
- }.flexBox-module_column__ezvMq {
6291
- display: flex;
6292
- flex-direction: column;
6293
- justify-content: center;
6294
- align-items: center;
6295
- box-sizing: border-box;
6296
- padding: 0;
6297
- margin: 0;
6298
- }.flexBox-module_columnStart__C7P44 {
6299
- display: flex;
6300
- flex-direction: column;
6301
- justify-content: flex-start;
6302
- align-items: flex-start;
6303
- box-sizing: border-box;
6304
- padding: 0;
6305
- margin: 0;
6306
- }.flexBox-module_columnStartCenter__PKcrG {
6307
- display: flex;
6308
- flex-direction: column;
6309
- justify-content: flex-start;
6310
- align-items: center;
6311
- box-sizing: border-box;
6312
- padding: 0;
6313
- margin: 0;
6314
- }.flexBox-module_columnBetween__ERfp7 {
6315
- display: flex;
6316
- flex-direction: column;
6317
- justify-content: space-between;
6318
- align-items: center;
6319
- box-sizing: border-box;
6320
- padding: 0;
6321
- margin: 0;
6322
- }.flexBox-module_columnEnd__lLJuc {
6323
- display: flex;
6324
- flex-direction: column;
6325
- justify-content: flex-end;
6326
- align-items: flex-end;
6327
- box-sizing: border-box;
6328
- padding: 0;
6329
- margin: 0;
6330
- }.type-module_body-xs-regular__ZAFft {
6497
+ font-weight: 600;
6498
+ font-size: 36px;
6499
+ line-height: 128.57%;
6500
+ text-decoration: none;
6501
+ letter-spacing: 0.2px;
6502
+ }
6503
+
6504
+ .Toast-module_wrapper__1uj9O {
6505
+ padding: var(--toast-padding) !important;
6506
+ color: var(--toast-color);
6507
+ position: var(--toast-position);
6508
+ border: var(--toast-border);
6509
+ border-radius: var(--toast-border-radius);
6510
+ background: var(--toast-background);
6511
+ z-index: var(--elevation-status);
6512
+ gap: 16px;
6513
+ box-shadow: var(--surface-shadow-soft);
6514
+ left: 50%;
6515
+ transform: translateX(-50%);
6516
+ }
6517
+
6518
+ .Toast-module_close__i10-s {
6519
+ min-height: 20px;
6520
+ max-height: 20px;
6521
+ min-width: 20px;
6522
+ max-width: 20px;
6523
+ cursor: pointer;
6524
+ }
6525
+
6526
+ .Toast-module_message__3dP0P {
6527
+ gap: 6px;
6528
+ }
6529
+
6530
+ .Toast-module_progress__SWsbA {
6531
+ min-height: 20px;
6532
+ max-height: 20px;
6533
+ min-width: 20px;
6534
+ max-width: 20px;
6535
+ }
6536
+
6537
+ .Toast-module_s__kc5Ef {
6538
+ }
6539
+
6540
+ .Toast-module_m__JtmLz {
6541
+ }
6542
+ .Toast-module_l__-W0PD {
6543
+ }
6544
+
6545
+ .type-module_body-xs-regular__ZAFft {
6331
6546
  font-family: var(--font-family), sans-serif;
6332
6547
  font-weight: var(--font-weight-regular);
6333
6548
  font-size: var(--font-size-xs);
@@ -6490,56 +6705,43 @@ line {
6490
6705
  letter-spacing: 0.2px;
6491
6706
  }
6492
6707
 
6493
- .Button-module_button__2ZuB7 {
6494
- position: relative;
6495
- user-select: none;
6496
- -webkit-user-select: none;
6708
+ .Label-module_label__RaRvM {
6709
+ line-height: 1em;
6710
+ white-space: nowrap;
6711
+ padding: var(--label-padding) !important;
6712
+ width: min-content;
6713
+ color: var(--label-color);
6714
+ border-radius: var(--label-border-radius);
6715
+ border: var(--label-border-size) solid var(--label-border-color);
6716
+ cursor: default;
6717
+ background: var(--label-bg-color);
6718
+ }
6719
+
6720
+ .Label-module_button__N8bcQ {
6721
+ display: inline-flex !important;
6722
+ background: var(--label-bg-color);
6723
+ color: var(--label-color);
6724
+ border-radius: var(--label-border-radius);
6725
+ border: var(--label-border-size) solid var(--label-border-color);
6726
+ width: min-content;
6727
+ cursor: pointer;
6728
+ white-space: nowrap;
6497
6729
  appearance: none;
6498
6730
  -webkit-appearance: none;
6499
6731
  background-image: none;
6500
6732
  outline: none;
6501
6733
  }
6502
6734
 
6503
- .Button-module_label__UJ3Zt {
6504
- user-select: none;
6505
- -webkit-user-select: none;
6506
- text-overflow: ellipsis;
6507
- overflow: hidden;
6508
- white-space: nowrap;
6509
- word-break: break-all;
6510
- display: -webkit-box;
6511
- -webkit-line-clamp: 1;
6512
- -webkit-box-orient: vertical;
6513
- }
6514
-
6515
- .Button-module_label__UJ3Zt:hover {
6516
- text-decoration: var(--ui-button-decoration);
6517
- }
6518
-
6519
- .Button-module_count__DFxVB {
6520
- position: absolute;
6521
- top: 0;
6522
- right: 0;
6523
- transform: translateX(10px) translateY(-2px);
6524
- }
6525
-
6526
- .Button-module_icon__-43u5 {
6527
- min-width: var(--ui-button-icon-size);
6528
- min-height: var(--ui-button-icon-size);
6529
- height: var(--ui-button-icon-size);
6530
- width: var(--ui-button-icon-size);
6531
- }
6532
-
6533
- .Button-module_xs__cF6m0 {
6735
+ .Label-module_xs__K9Ai6 {
6534
6736
  }
6535
6737
 
6536
- .Button-module_m__DR-gs {
6738
+ .Label-module_s__Zh8Gp {
6537
6739
  }
6538
6740
 
6539
- .Button-module_l__0E0yI {
6741
+ .Label-module_m__BJtGL {
6540
6742
  }
6541
6743
 
6542
- .Button-module_s__dSKOL {
6744
+ .Label-module_l__t70tt {
6543
6745
  }
6544
6746
 
6545
6747
  .flexBox-module_row__z24tF {
@@ -6773,138 +6975,55 @@ line {
6773
6975
  letter-spacing: 0.2px;
6774
6976
  }
6775
6977
 
6776
- .TabBar-module_wrapper__cyOR1 {
6777
- justify-content: var(--tab-bar-justify) !important;
6778
- gap: var(--tab-bar-gap);
6779
- border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
6780
- height: var(--tab-bar-height);
6781
- width: var(--tab-bar-width);
6782
- cursor: pointer;
6783
- }
6784
-
6785
- .TabBar-module_option__gYjDf {
6786
- gap: var(--tab-bar-option-gap);
6787
- color: var(--tab-bar-option-color);
6788
- padding: var(--tab-bar-option-padding) !important;
6789
- height: 100%;
6790
- width: var(--tab-bar-option-width);
6791
- flex: var(--tab-bar-option-flex);
6792
- white-space: nowrap;
6793
- box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
6794
- cursor: var(--tab-bar-option-cursor);
6795
- -webkit-user-select: none;
6978
+ .UploadArea-module_wrapper__aircC {
6979
+ padding: var(--ua-padding) !important;
6980
+ border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
6981
+ border-radius: var(--ua-radius);
6982
+ background: var(--ua-bg-color);
6983
+ gap: 8px;
6984
+ cursor: var(--ua-cursor);
6985
+ width: var(--ua-width);
6986
+ height: var(--ua-height);
6796
6987
  user-select: none;
6797
- appearance: none;
6798
- -webkit-appearance: none;
6799
- background-image: none;
6800
- background-color: transparent;
6801
- border: 0;
6802
- outline: none;
6803
- text-align: left;
6804
- }
6805
-
6806
- .TabBar-module_icon__JDgG3 {
6807
- max-height: var(--tab-bar-icon-size);
6808
- min-height: var(--tab-bar-icon-size);
6809
- max-width: var(--tab-bar-icon-size);
6810
- min-width: var(--tab-bar-icon-size);
6811
- }
6812
-
6813
- .TabBar-module_close__bvSBh {
6814
- height: 100%;
6815
- padding: var(--tab-bar-close-padding) !important;
6816
- border-left: 1px solid var(--core-outline-primary);
6817
- width: min-content;
6818
- }
6819
-
6820
- .TabBar-module_xs__QDjV9 {
6821
- }
6822
-
6823
- .TabBar-module_s__-EBj2 {
6824
- }
6825
-
6826
- .TabBar-module_m__3sCA3 {
6827
- }
6828
-
6829
- .TabBar-module_l__hy1rR {
6988
+ -webkit-user-select: none;
6830
6989
  }
6831
6990
 
6832
- .TabBar-module_xl__zaASU {
6991
+ .UploadArea-module_icon__M7n-m {
6992
+ min-height: var(--ua-icon-size);
6993
+ height: var(--ua-icon-size);
6994
+ min-width: var(--ua-icon-size);
6995
+ width: var(--ua-icon-size);
6996
+ pointer-events: none;
6833
6997
  }
6834
6998
 
6835
- .TabBar-module_selected__UmBdu {
6836
- font-weight: 520 !important;
6999
+ .UploadArea-module_title__VbNGq {
7000
+ pointer-events: none;
6837
7001
  }
6838
7002
 
6839
- .flexBox-module_row__z24tF {
6840
- display: flex;
6841
- justify-content: center;
6842
- align-items: center;
6843
- box-sizing: border-box;
6844
- padding: 0;
6845
- margin: 0;
6846
- }.flexBox-module_rowBetween__5FEvi {
6847
- display: flex;
6848
- justify-content: space-between;
6849
- align-items: center;
6850
- box-sizing: border-box;
6851
- padding: 0;
6852
- margin: 0;
6853
- }.flexBox-module_rowStart__4tcxS {
6854
- display: flex;
6855
- justify-content: flex-start;
6856
- align-items: center;
6857
- box-sizing: border-box;
6858
- padding: 0;
6859
- margin: 0;
6860
- }.flexBox-module_rowEnd__rVdVm {
6861
- display: flex;
6862
- justify-content: flex-end;
6863
- align-items: center;
6864
- box-sizing: border-box;
6865
- padding: 0;
6866
- margin: 0;
6867
- }.flexBox-module_column__ezvMq {
6868
- display: flex;
6869
- flex-direction: column;
6870
- justify-content: center;
6871
- align-items: center;
6872
- box-sizing: border-box;
6873
- padding: 0;
6874
- margin: 0;
6875
- }.flexBox-module_columnStart__C7P44 {
6876
- display: flex;
6877
- flex-direction: column;
6878
- justify-content: flex-start;
6879
- align-items: flex-start;
6880
- box-sizing: border-box;
6881
- padding: 0;
6882
- margin: 0;
6883
- }.flexBox-module_columnStartCenter__PKcrG {
6884
- display: flex;
6885
- flex-direction: column;
6886
- justify-content: flex-start;
6887
- align-items: center;
6888
- box-sizing: border-box;
6889
- padding: 0;
6890
- margin: 0;
6891
- }.flexBox-module_columnBetween__ERfp7 {
6892
- display: flex;
6893
- flex-direction: column;
6894
- justify-content: space-between;
6895
- align-items: center;
6896
- box-sizing: border-box;
6897
- padding: 0;
6898
- margin: 0;
6899
- }.flexBox-module_columnEnd__lLJuc {
6900
- display: flex;
6901
- flex-direction: column;
6902
- justify-content: flex-end;
6903
- align-items: flex-end;
6904
- box-sizing: border-box;
6905
- padding: 0;
6906
- margin: 0;
6907
- }.type-module_body-xs-regular__ZAFft {
7003
+ .UploadArea-module_message__U1ZVM {
7004
+ color: var(--core-text-tertiary);
7005
+ pointer-events: none;
7006
+ gap: 8px;
7007
+ }
7008
+
7009
+ .UploadArea-module_files__Q796x {
7010
+ margin-top: 16px !important;
7011
+ width: 100%;
7012
+ }
7013
+
7014
+ .UploadArea-module_xs__-AoM7 {
7015
+ }
7016
+
7017
+ .UploadArea-module_s__wy1zN {
7018
+ }
7019
+
7020
+ .UploadArea-module_m__bKuFN {
7021
+ }
7022
+
7023
+ .UploadArea-module_l__KG9YN {
7024
+ }
7025
+
7026
+ .type-module_body-xs-regular__ZAFft {
6908
7027
  font-family: var(--font-family), sans-serif;
6909
7028
  font-weight: var(--font-weight-regular);
6910
7029
  font-size: var(--font-size-xs);
@@ -7065,57 +7184,299 @@ line {
7065
7184
  line-height: 128.57%;
7066
7185
  text-decoration: none;
7067
7186
  letter-spacing: 0.2px;
7187
+ }.scrollBars-module_scrollbars__c-ZPl {
7188
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
7189
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
7190
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
7191
+ --scrollbar-size: 6px;
7192
+ --scrollbar-bg: transparent;
7193
+ --scrollbar-thumb: var(--scroll-bar);
7194
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
7195
+
7196
+ /* firefox does not support -webkit-scrollbar */
7197
+ @supports not selector(::-webkit-scrollbar) {
7198
+ scrollbar-width: thin;
7199
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
7200
+ }
7201
+
7202
+ &::-webkit-scrollbar {
7203
+ background-color: var(--scrollbar-bg);
7204
+ width: var(--scrollbar-size);
7205
+ height: var(--scrollbar-size);
7206
+ }
7207
+
7208
+ &::-webkit-scrollbar-track {
7209
+ background-color: var(--scrollbar-bg);
7210
+ width: var(--scrollbar-size);
7211
+ height: var(--scrollbar-size);
7212
+ }
7213
+
7214
+ &::-webkit-scrollbar-thumb {
7215
+ background-color: var(--scrollbar-thumb);
7216
+ border-radius: 20px;
7217
+ border: 1px solid var(--scrollbar-bg);
7218
+ }
7219
+
7220
+ &::-webkit-scrollbar-thumb:hover {
7221
+ background-color: var(--scrollbar-thumb-hover);
7222
+ border-radius: 20px;
7223
+ border: 1px solid var(--scrollbar-bg);
7224
+ }
7225
+
7226
+ &::-webkit-scrollbar-corner {
7227
+ background-color: var(--scrollbar-bg);
7228
+ }
7068
7229
  }
7069
7230
 
7070
- .UploadArea-module_wrapper__aircC {
7071
- padding: var(--ua-padding) !important;
7072
- border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
7073
- border-radius: var(--ua-radius);
7074
- background: var(--ua-bg-color);
7075
- gap: 8px;
7076
- cursor: var(--ua-cursor);
7077
- width: var(--ua-width);
7078
- height: var(--ua-height);
7079
- user-select: none;
7080
- -webkit-user-select: none;
7231
+ .DataTable-module_tableWrapper__BzoJE {
7232
+ position: relative;
7233
+ box-sizing: border-box;
7234
+ display: flex;
7235
+ justify-content: flex-start;
7236
+ align-items: flex-start;
7237
+ width: var(--table-width);
7238
+ height: var(--table-height);
7239
+ overflow-x: auto;
7240
+ overflow-y: auto;
7241
+ padding: 0;
7242
+ margin: 0;
7243
+ border: var(--table-border-width) solid var(--table-border-color);
7244
+ border-left-width: var(--table-border-sides);
7245
+ border-right-width: var(--table-border-sides);
7246
+ border-radius: var(--table-border-radius);
7081
7247
  }
7082
7248
 
7083
- .UploadArea-module_icon__M7n-m {
7084
- min-height: var(--ua-icon-size);
7085
- height: var(--ua-icon-size);
7086
- min-width: var(--ua-icon-size);
7087
- width: var(--ua-icon-size);
7249
+ .DataTable-module_resizeBar__LmzEF {
7250
+ position: absolute;
7251
+ box-sizing: border-box;
7252
+ display: flex;
7253
+ height: 100%;
7254
+ left: -500px;
7255
+ width: 3px;
7256
+ min-width: 2px;
7257
+ max-width: 2px;
7258
+ background: var(--table-handle-hover-color);
7259
+ z-index: 20;
7088
7260
  pointer-events: none;
7089
7261
  }
7090
7262
 
7091
- .UploadArea-module_title__VbNGq {
7092
- pointer-events: none;
7263
+ .DataTable-module_table__oL4Dz {
7264
+ table-layout: fixed; /* stop auto-recalculating from content */
7265
+ flex-shrink: 0; /* stop flexbox squeezing the table */
7266
+ box-sizing: border-box;
7267
+ border-collapse: collapse;
7268
+ min-width: 100%;
7269
+ padding: 0;
7270
+ margin: 0;
7271
+ color: var(--core-text-primary);
7093
7272
  }
7094
7273
 
7095
- .UploadArea-module_message__U1ZVM {
7096
- color: var(--core-text-tertiary);
7097
- pointer-events: none;
7098
- gap: 8px;
7274
+ /* hide caption - in code for accessibility */
7275
+ .DataTable-module_table__oL4Dz caption {
7276
+ display: none;
7099
7277
  }
7100
7278
 
7101
- .UploadArea-module_files__Q796x {
7102
- margin-top: 16px !important;
7279
+ /* each table header cell is sticky by default */
7280
+ .DataTable-module_table__oL4Dz thead tr th {
7281
+ position: var(--table-header-sticky-position);
7282
+ top: 0;
7283
+ z-index: 1;
7284
+ border-right: var(--table-border-width) solid var(--table-border-color);
7285
+ border-right-width: var(--table-border-sides);
7286
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
7287
+ box-shadow: var(--table-header-box-shadow);
7288
+ background: var(--table-header-background-color);
7289
+ }
7290
+
7291
+ /* last th of the header row, remove the right border */
7292
+ .DataTable-module_table__oL4Dz thead tr th:last-child {
7293
+ border-right: 0;
7294
+ }
7295
+
7296
+ /* border bot and right to all body cells */
7297
+ .DataTable-module_table__oL4Dz tbody tr td {
7298
+ border-right: var(--table-border-width) solid var(--table-border-color);
7299
+ border-right-width: var(--table-border-sides);
7300
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
7301
+ }
7302
+
7303
+ /* candy stripe all even body rows */
7304
+ .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
7305
+ background-color: var(--table-candy-stripe-background-color);
7306
+ }
7307
+
7308
+ /* remove right border from last cell of each body row */
7309
+ .DataTable-module_table__oL4Dz tbody tr td:last-child {
7310
+ border-right: 0;
7311
+ }
7312
+
7313
+ /* remove the bottom border from every td in the last tr of the body */
7314
+ .DataTable-module_table__oL4Dz tbody tr:last-child td {
7315
+ border-bottom: 0;
7316
+ }
7317
+
7318
+ /* style first cell in each row of the body */
7319
+ .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
7320
+ position: var(--table-freeze-column-position);
7321
+ left: 0;
7322
+ z-index: 2;
7323
+ box-shadow: var(--table-column-box-shadow);
7324
+ }
7325
+
7326
+ /* style first cell in the header row */
7327
+ .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
7328
+ position: var(--table-corner-position);
7329
+ left: var(--table-corner-left);
7330
+ top: 0;
7331
+ z-index: 3;
7332
+ box-shadow: var(--table-corner-box-shadow);
7333
+ }
7334
+
7335
+ .DataTable-module_baseCell__DQl-z {
7336
+ box-sizing: border-box;
7337
+ position: relative;
7338
+ padding: 0;
7339
+ margin: 0;
7340
+ border: 0;
7341
+ background-color: var(--table-background-color);
7342
+ }
7343
+
7344
+ .DataTable-module_baseCellWrapper__WMgNm,
7345
+ .DataTable-module_headerCellWrapper__ytVYY {
7346
+ box-sizing: border-box;
7347
+ display: flex;
7348
+ position: relative;
7349
+ height: 100%;
7103
7350
  width: 100%;
7104
7351
  }
7105
7352
 
7106
- .UploadArea-module_xs__-AoM7 {
7353
+ .DataTable-module_colResizeHandle__dF5Es {
7354
+ position: absolute;
7355
+ top: 0;
7356
+ bottom: 0;
7357
+ right: 0;
7358
+ width: 5px;
7359
+ background-color: rgba(255, 255, 255, 0);
7360
+ cursor: col-resize;
7361
+ z-index: 10;
7107
7362
  }
7108
7363
 
7109
- .UploadArea-module_s__wy1zN {
7364
+ .DataTable-module_header__QgdCY {
7365
+ box-sizing: border-box;
7366
+ display: flex;
7367
+ align-items: center;
7368
+ justify-content: center;
7369
+ width: 100%;
7370
+ height: 100%;
7371
+ gap: 8px;
7110
7372
  }
7111
7373
 
7112
- .UploadArea-module_m__bKuFN {
7374
+ .DataTable-module_headerRight__QHHxv,
7375
+ .DataTable-module_headerLeft__OAzLv {
7376
+ box-sizing: border-box;
7377
+ position: relative;
7378
+ display: flex;
7379
+ justify-content: center;
7380
+ align-items: center;
7381
+ min-width: 16px;
7382
+ max-width: 16px;
7383
+ overflow: hidden;
7113
7384
  }
7114
7385
 
7115
- .UploadArea-module_l__KG9YN {
7386
+ .DataTable-module_headerTitle__K0pmX {
7387
+ box-sizing: border-box;
7388
+ position: relative;
7389
+ display: flex;
7390
+ justify-content: center;
7391
+ align-items: center;
7392
+ flex: 1;
7393
+ font-weight: 540;
7116
7394
  }
7117
7395
 
7118
- .type-module_body-xs-regular__ZAFft {
7396
+ .DataTable-module_xs__P-Ize {
7397
+ }
7398
+
7399
+ .DataTable-module_m__G9QOp {
7400
+ }
7401
+
7402
+ .DataTable-module_l__RzReg {
7403
+ }
7404
+
7405
+ .DataTable-module_s__5ENNl {
7406
+ }
7407
+
7408
+ .DataTable-module_scroll__grEU0 {
7409
+ }
7410
+
7411
+ .flexBox-module_row__z24tF {
7412
+ display: flex;
7413
+ justify-content: center;
7414
+ align-items: center;
7415
+ box-sizing: border-box;
7416
+ padding: 0;
7417
+ margin: 0;
7418
+ }.flexBox-module_rowBetween__5FEvi {
7419
+ display: flex;
7420
+ justify-content: space-between;
7421
+ align-items: center;
7422
+ box-sizing: border-box;
7423
+ padding: 0;
7424
+ margin: 0;
7425
+ }.flexBox-module_rowStart__4tcxS {
7426
+ display: flex;
7427
+ justify-content: flex-start;
7428
+ align-items: center;
7429
+ box-sizing: border-box;
7430
+ padding: 0;
7431
+ margin: 0;
7432
+ }.flexBox-module_rowEnd__rVdVm {
7433
+ display: flex;
7434
+ justify-content: flex-end;
7435
+ align-items: center;
7436
+ box-sizing: border-box;
7437
+ padding: 0;
7438
+ margin: 0;
7439
+ }.flexBox-module_column__ezvMq {
7440
+ display: flex;
7441
+ flex-direction: column;
7442
+ justify-content: center;
7443
+ align-items: center;
7444
+ box-sizing: border-box;
7445
+ padding: 0;
7446
+ margin: 0;
7447
+ }.flexBox-module_columnStart__C7P44 {
7448
+ display: flex;
7449
+ flex-direction: column;
7450
+ justify-content: flex-start;
7451
+ align-items: flex-start;
7452
+ box-sizing: border-box;
7453
+ padding: 0;
7454
+ margin: 0;
7455
+ }.flexBox-module_columnStartCenter__PKcrG {
7456
+ display: flex;
7457
+ flex-direction: column;
7458
+ justify-content: flex-start;
7459
+ align-items: center;
7460
+ box-sizing: border-box;
7461
+ padding: 0;
7462
+ margin: 0;
7463
+ }.flexBox-module_columnBetween__ERfp7 {
7464
+ display: flex;
7465
+ flex-direction: column;
7466
+ justify-content: space-between;
7467
+ align-items: center;
7468
+ box-sizing: border-box;
7469
+ padding: 0;
7470
+ margin: 0;
7471
+ }.flexBox-module_columnEnd__lLJuc {
7472
+ display: flex;
7473
+ flex-direction: column;
7474
+ justify-content: flex-end;
7475
+ align-items: flex-end;
7476
+ box-sizing: border-box;
7477
+ padding: 0;
7478
+ margin: 0;
7479
+ }.type-module_body-xs-regular__ZAFft {
7119
7480
  font-family: var(--font-family), sans-serif;
7120
7481
  font-weight: var(--font-weight-regular);
7121
7482
  font-size: var(--font-size-xs);
@@ -7276,228 +7637,69 @@ line {
7276
7637
  line-height: 128.57%;
7277
7638
  text-decoration: none;
7278
7639
  letter-spacing: 0.2px;
7279
- }.scrollBars-module_scrollbars__c-ZPl {
7280
- /* Consumers override these to theme their own scrollbar (e.g. Modal
7281
- binds them to its scrollHandleColor/scrollHandleColorHover props).
7282
- Unoverridden, they fall back to the shared page-level scroll tokens. */
7283
- --scrollbar-size: 6px;
7284
- --scrollbar-bg: transparent;
7285
- --scrollbar-thumb: var(--scroll-bar);
7286
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
7287
-
7288
- /* firefox does not support -webkit-scrollbar */
7289
- @supports not selector(::-webkit-scrollbar) {
7290
- scrollbar-width: thin;
7291
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
7292
- }
7293
-
7294
- &::-webkit-scrollbar {
7295
- background-color: var(--scrollbar-bg);
7296
- width: var(--scrollbar-size);
7297
- height: var(--scrollbar-size);
7298
- }
7299
-
7300
- &::-webkit-scrollbar-track {
7301
- background-color: var(--scrollbar-bg);
7302
- width: var(--scrollbar-size);
7303
- height: var(--scrollbar-size);
7304
- }
7305
-
7306
- &::-webkit-scrollbar-thumb {
7307
- background-color: var(--scrollbar-thumb);
7308
- border-radius: 20px;
7309
- border: 1px solid var(--scrollbar-bg);
7310
- }
7311
-
7312
- &::-webkit-scrollbar-thumb:hover {
7313
- background-color: var(--scrollbar-thumb-hover);
7314
- border-radius: 20px;
7315
- border: 1px solid var(--scrollbar-bg);
7316
- }
7317
-
7318
- &::-webkit-scrollbar-corner {
7319
- background-color: var(--scrollbar-bg);
7320
- }
7321
- }
7322
-
7323
- .DataTable-module_tableWrapper__BzoJE {
7324
- position: relative;
7325
- box-sizing: border-box;
7326
- display: flex;
7327
- justify-content: flex-start;
7328
- align-items: flex-start;
7329
- width: var(--table-width);
7330
- height: var(--table-height);
7331
- overflow-x: auto;
7332
- overflow-y: auto;
7333
- padding: 0;
7334
- margin: 0;
7335
- border: var(--table-border-width) solid var(--table-border-color);
7336
- border-left-width: var(--table-border-sides);
7337
- border-right-width: var(--table-border-sides);
7338
- border-radius: var(--table-border-radius);
7339
- }
7340
-
7341
- .DataTable-module_resizeBar__LmzEF {
7342
- position: absolute;
7343
- box-sizing: border-box;
7344
- display: flex;
7345
- height: 100%;
7346
- left: -500px;
7347
- width: 3px;
7348
- min-width: 2px;
7349
- max-width: 2px;
7350
- background: var(--table-handle-hover-color);
7351
- z-index: 20;
7352
- pointer-events: none;
7353
- }
7354
-
7355
- .DataTable-module_table__oL4Dz {
7356
- table-layout: fixed; /* stop auto-recalculating from content */
7357
- flex-shrink: 0; /* stop flexbox squeezing the table */
7358
- box-sizing: border-box;
7359
- border-collapse: collapse;
7360
- min-width: 100%;
7361
- padding: 0;
7362
- margin: 0;
7363
- color: var(--core-text-primary);
7364
- }
7365
-
7366
- /* hide caption - in code for accessibility */
7367
- .DataTable-module_table__oL4Dz caption {
7368
- display: none;
7369
- }
7370
-
7371
- /* each table header cell is sticky by default */
7372
- .DataTable-module_table__oL4Dz thead tr th {
7373
- position: var(--table-header-sticky-position);
7374
- top: 0;
7375
- z-index: 1;
7376
- border-right: var(--table-border-width) solid var(--table-border-color);
7377
- border-right-width: var(--table-border-sides);
7378
- border-bottom: var(--table-border-width) solid var(--table-border-color);
7379
- box-shadow: var(--table-header-box-shadow);
7380
- background: var(--table-header-background-color);
7381
- }
7382
-
7383
- /* last th of the header row, remove the right border */
7384
- .DataTable-module_table__oL4Dz thead tr th:last-child {
7385
- border-right: 0;
7386
- }
7387
-
7388
- /* border bot and right to all body cells */
7389
- .DataTable-module_table__oL4Dz tbody tr td {
7390
- border-right: var(--table-border-width) solid var(--table-border-color);
7391
- border-right-width: var(--table-border-sides);
7392
- border-bottom: var(--table-border-width) solid var(--table-border-color);
7393
- }
7394
-
7395
- /* candy stripe all even body rows */
7396
- .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
7397
- background-color: var(--table-candy-stripe-background-color);
7398
- }
7399
-
7400
- /* remove right border from last cell of each body row */
7401
- .DataTable-module_table__oL4Dz tbody tr td:last-child {
7402
- border-right: 0;
7403
- }
7404
-
7405
- /* remove the bottom border from every td in the last tr of the body */
7406
- .DataTable-module_table__oL4Dz tbody tr:last-child td {
7407
- border-bottom: 0;
7408
- }
7409
-
7410
- /* style first cell in each row of the body */
7411
- .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
7412
- position: var(--table-freeze-column-position);
7413
- left: 0;
7414
- z-index: 2;
7415
- box-shadow: var(--table-column-box-shadow);
7416
- }
7417
-
7418
- /* style first cell in the header row */
7419
- .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
7420
- position: var(--table-corner-position);
7421
- left: var(--table-corner-left);
7422
- top: 0;
7423
- z-index: 3;
7424
- box-shadow: var(--table-corner-box-shadow);
7425
7640
  }
7426
7641
 
7427
- .DataTable-module_baseCell__DQl-z {
7428
- box-sizing: border-box;
7429
- position: relative;
7430
- padding: 0;
7431
- margin: 0;
7432
- border: 0;
7433
- background-color: var(--table-background-color);
7642
+ .TabBar-module_wrapper__cyOR1 {
7643
+ justify-content: var(--tab-bar-justify) !important;
7644
+ gap: var(--tab-bar-gap);
7645
+ border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
7646
+ height: var(--tab-bar-height);
7647
+ width: var(--tab-bar-width);
7648
+ cursor: pointer;
7434
7649
  }
7435
7650
 
7436
- .DataTable-module_baseCellWrapper__WMgNm,
7437
- .DataTable-module_headerCellWrapper__ytVYY {
7438
- box-sizing: border-box;
7439
- display: flex;
7440
- position: relative;
7651
+ .TabBar-module_option__gYjDf {
7652
+ gap: var(--tab-bar-option-gap);
7653
+ color: var(--tab-bar-option-color);
7654
+ padding: var(--tab-bar-option-padding) !important;
7441
7655
  height: 100%;
7442
- width: 100%;
7443
- }
7444
-
7445
- .DataTable-module_colResizeHandle__dF5Es {
7446
- position: absolute;
7447
- top: 0;
7448
- bottom: 0;
7449
- right: 0;
7450
- width: 5px;
7451
- background-color: rgba(255, 255, 255, 0);
7452
- cursor: col-resize;
7453
- z-index: 10;
7656
+ width: var(--tab-bar-option-width);
7657
+ flex: var(--tab-bar-option-flex);
7658
+ white-space: nowrap;
7659
+ box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
7660
+ cursor: var(--tab-bar-option-cursor);
7661
+ -webkit-user-select: none;
7662
+ user-select: none;
7663
+ appearance: none;
7664
+ -webkit-appearance: none;
7665
+ background-image: none;
7666
+ background-color: transparent;
7667
+ border: 0;
7668
+ outline: none;
7669
+ text-align: left;
7454
7670
  }
7455
7671
 
7456
- .DataTable-module_header__QgdCY {
7457
- box-sizing: border-box;
7458
- display: flex;
7459
- align-items: center;
7460
- justify-content: center;
7461
- width: 100%;
7462
- height: 100%;
7463
- gap: 8px;
7672
+ .TabBar-module_icon__JDgG3 {
7673
+ max-height: var(--tab-bar-icon-size);
7674
+ min-height: var(--tab-bar-icon-size);
7675
+ max-width: var(--tab-bar-icon-size);
7676
+ min-width: var(--tab-bar-icon-size);
7464
7677
  }
7465
7678
 
7466
- .DataTable-module_headerRight__QHHxv,
7467
- .DataTable-module_headerLeft__OAzLv {
7468
- box-sizing: border-box;
7469
- position: relative;
7470
- display: flex;
7471
- justify-content: center;
7472
- align-items: center;
7473
- min-width: 16px;
7474
- max-width: 16px;
7475
- overflow: hidden;
7679
+ .TabBar-module_close__bvSBh {
7680
+ height: 100%;
7681
+ padding: var(--tab-bar-close-padding) !important;
7682
+ border-left: 1px solid var(--core-outline-primary);
7683
+ width: min-content;
7476
7684
  }
7477
7685
 
7478
- .DataTable-module_headerTitle__K0pmX {
7479
- box-sizing: border-box;
7480
- position: relative;
7481
- display: flex;
7482
- justify-content: center;
7483
- align-items: center;
7484
- flex: 1;
7485
- font-weight: 540;
7686
+ .TabBar-module_xs__QDjV9 {
7486
7687
  }
7487
7688
 
7488
- .DataTable-module_xs__P-Ize {
7689
+ .TabBar-module_s__-EBj2 {
7489
7690
  }
7490
7691
 
7491
- .DataTable-module_m__G9QOp {
7692
+ .TabBar-module_m__3sCA3 {
7492
7693
  }
7493
7694
 
7494
- .DataTable-module_l__RzReg {
7695
+ .TabBar-module_l__hy1rR {
7495
7696
  }
7496
7697
 
7497
- .DataTable-module_s__5ENNl {
7698
+ .TabBar-module_xl__zaASU {
7498
7699
  }
7499
7700
 
7500
- .DataTable-module_scroll__grEU0 {
7701
+ .TabBar-module_selected__UmBdu {
7702
+ font-weight: 520 !important;
7501
7703
  }
7502
7704
 
7503
7705
  .flexBox-module_row__z24tF {
@@ -7830,208 +8032,6 @@ line {
7830
8032
  .FileList-module_xl__fxW11 {
7831
8033
  }
7832
8034
 
7833
- .type-module_body-xs-regular__ZAFft {
7834
- font-family: var(--font-family), sans-serif;
7835
- font-weight: var(--font-weight-regular);
7836
- font-size: var(--font-size-xs);
7837
- line-height: 133.33%;
7838
- text-decoration: none;
7839
- letter-spacing: 0.2px;
7840
- }.type-module_body-xs-medium__s3KvF {
7841
- font-family: var(--font-family), sans-serif;
7842
- font-weight: var(--font-weight-medium);
7843
- font-size: var(--font-size-xs);
7844
- line-height: 133.33%;
7845
- text-decoration: none;
7846
- letter-spacing: 0.2px;
7847
- }.type-module_body-xs-bold__Lhqqq {
7848
- font-family: var(--font-family), sans-serif;
7849
- font-weight: var(--font-weight-bold);
7850
- font-size: var(--font-size-xs);
7851
- line-height: 133.33%;
7852
- text-decoration: none;
7853
- letter-spacing: 0.25px;
7854
- }.type-module_body-s-regular__vRHSP {
7855
- font-family: var(--font-family), sans-serif;
7856
- font-weight: var(--font-weight-regular);
7857
- font-size: var(--font-size-s);
7858
- line-height: 142.86%;
7859
- text-decoration: none;
7860
- letter-spacing: 0.15px;
7861
- }.type-module_body-s-medium__tjdFc {
7862
- font-family: var(--font-family), sans-serif;
7863
- font-weight: var(--font-weight-medium);
7864
- font-size: var(--font-size-s);
7865
- line-height: 142.86%;
7866
- text-decoration: none;
7867
- letter-spacing: 0.15px;
7868
- }.type-module_body-s-bold__Iy-VX {
7869
- font-family: var(--font-family), sans-serif;
7870
- font-weight: var(--font-weight-bold);
7871
- font-size: var(--font-size-s);
7872
- line-height: 142.86%;
7873
- text-decoration: none;
7874
- letter-spacing: 0.2px;
7875
- }.type-module_body-m-regular__LuQBA {
7876
- font-family: var(--font-family), sans-serif;
7877
- font-weight: var(--font-weight-regular);
7878
- font-size: var(--font-size-m);
7879
- line-height: 140%;
7880
- text-decoration: none;
7881
- letter-spacing: 0.15px;
7882
- }.type-module_body-m-medium__uW1on {
7883
- font-family: var(--font-family), sans-serif;
7884
- font-weight: var(--font-weight-medium);
7885
- font-size: var(--font-size-m);
7886
- line-height: 140%;
7887
- text-decoration: none;
7888
- letter-spacing: 0.15px;
7889
- }.type-module_body-m-bold__UBcvQ {
7890
- font-family: var(--font-family), sans-serif;
7891
- font-weight: var(--font-weight-bold);
7892
- font-size: var(--font-size-m);
7893
- line-height: 140%;
7894
- text-decoration: none;
7895
- letter-spacing: 0.2px;
7896
- }.type-module_body-l-regular__lOYbg {
7897
- font-family: var(--font-family), sans-serif;
7898
- font-weight: var(--font-weight-regular);
7899
- font-size: var(--font-size-l);
7900
- line-height: 162.5%;
7901
- text-decoration: none;
7902
- letter-spacing: 0.1px;
7903
- }.type-module_body-l-medium__BqRC7 {
7904
- font-family: var(--font-family), sans-serif;
7905
- font-weight: var(--font-weight-medium);
7906
- font-size: var(--font-size-l);
7907
- line-height: 162.5%;
7908
- text-decoration: none;
7909
- letter-spacing: 0.1px;
7910
- }.type-module_body-l-bold__Fh2dt {
7911
- font-family: var(--font-family), sans-serif;
7912
- font-weight: var(--font-weight-bold);
7913
- font-size: var(--font-size-l);
7914
- line-height: 162.5%;
7915
- text-decoration: none;
7916
- letter-spacing: 0.15px;
7917
- }.type-module_body-xl-regular__pF2kC {
7918
- font-family: var(--font-family), sans-serif;
7919
- font-weight: var(--font-weight-regular);
7920
- font-size: var(--font-size-xl);
7921
- line-height: 162.5%;
7922
- text-decoration: none;
7923
- letter-spacing: 0.1px;
7924
- }.type-module_body-xl-medium__BeyrH {
7925
- font-family: var(--font-family), sans-serif;
7926
- font-weight: var(--font-weight-medium);
7927
- font-size: var(--font-size-xl);
7928
- line-height: 162.5%;
7929
- text-decoration: none;
7930
- letter-spacing: 0.1px;
7931
- }.type-module_body-xl-bold__Ruknj {
7932
- font-family: var(--font-family), sans-serif;
7933
- font-weight: var(--font-weight-bold);
7934
- font-size: var(--font-size-xl);
7935
- line-height: 162.5%;
7936
- text-decoration: none;
7937
- letter-spacing: 0.15px;
7938
- }.type-module_heading-s-medium__z8L3G {
7939
- font-family: var(--font-family), sans-serif;
7940
- font-weight: 500;
7941
- font-size: 20px;
7942
- line-height: 140%;
7943
- text-decoration: none;
7944
- letter-spacing: 0.2px;
7945
- }.type-module_heading-s-bold__0O3g6 {
7946
- font-family: var(--font-family), sans-serif;
7947
- font-weight: 600;
7948
- font-size: 20px;
7949
- line-height: 140%;
7950
- text-decoration: none;
7951
- letter-spacing: 0.2px;
7952
- }.type-module_heading-m-bold__KXxEB {
7953
- font-family: var(--font-family), sans-serif;
7954
- font-weight: 500;
7955
- font-size: 24px;
7956
- line-height: 116.67%;
7957
- text-decoration: none;
7958
- letter-spacing: 0.2px;
7959
- }.type-module_heading-m-medium__cJeEA {
7960
- font-family: var(--font-family), sans-serif;
7961
- font-weight: 600;
7962
- font-size: 24px;
7963
- line-height: 116.67%;
7964
- text-decoration: none;
7965
- letter-spacing: 0.2px;
7966
- }.type-module_heading-l-medium__eRe05 {
7967
- font-family: var(--font-family), sans-serif;
7968
- font-weight: 500;
7969
- font-size: 30px;
7970
- line-height: 128.57%;
7971
- text-decoration: none;
7972
- letter-spacing: 0.2px;
7973
- }.type-module_heading-l-bold__Xmwtf {
7974
- font-family: var(--font-family), sans-serif;
7975
- font-weight: 600;
7976
- font-size: 30px;
7977
- line-height: 128.57%;
7978
- text-decoration: none;
7979
- letter-spacing: 0.2px;
7980
- }.type-module_heading-xl-medium__5q1m3 {
7981
- font-family: var(--font-family), sans-serif;
7982
- font-weight: 500;
7983
- font-size: 36px;
7984
- line-height: 128.57%;
7985
- text-decoration: none;
7986
- letter-spacing: 0.2px;
7987
- }.type-module_heading-xl-bold__k9VFV {
7988
- font-family: var(--font-family), sans-serif;
7989
- font-weight: 600;
7990
- font-size: 36px;
7991
- line-height: 128.57%;
7992
- text-decoration: none;
7993
- letter-spacing: 0.2px;
7994
- }
7995
-
7996
- .Label-module_label__RaRvM {
7997
- line-height: 1em;
7998
- white-space: nowrap;
7999
- padding: var(--label-padding) !important;
8000
- width: min-content;
8001
- color: var(--label-color);
8002
- border-radius: var(--label-border-radius);
8003
- border: var(--label-border-size) solid var(--label-border-color);
8004
- cursor: default;
8005
- background: var(--label-bg-color);
8006
- }
8007
-
8008
- .Label-module_button__N8bcQ {
8009
- display: inline-flex !important;
8010
- background: var(--label-bg-color);
8011
- color: var(--label-color);
8012
- border-radius: var(--label-border-radius);
8013
- border: var(--label-border-size) solid var(--label-border-color);
8014
- width: min-content;
8015
- cursor: pointer;
8016
- white-space: nowrap;
8017
- appearance: none;
8018
- -webkit-appearance: none;
8019
- background-image: none;
8020
- outline: none;
8021
- }
8022
-
8023
- .Label-module_xs__K9Ai6 {
8024
- }
8025
-
8026
- .Label-module_s__Zh8Gp {
8027
- }
8028
-
8029
- .Label-module_m__BJtGL {
8030
- }
8031
-
8032
- .Label-module_l__t70tt {
8033
- }
8034
-
8035
8035
  .flexBox-module_row__z24tF {
8036
8036
  display: flex;
8037
8037
  justify-content: center;