@apple-pie/slice 0.1.56 → 0.1.57

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 (292) hide show
  1. package/dist/cjs/chunks/{AudioBubble-2DmGApzQ.js → AudioBubble-Spg7xqc9.js} +4 -4
  2. package/dist/cjs/chunks/{Avatar-CC0ALePu.js → Avatar-BdhreiVP.js} +1 -1
  3. package/dist/cjs/chunks/{AvatarGroup-DEbpNjLc.js → AvatarGroup-BD69pplN.js} +1 -1
  4. package/dist/cjs/chunks/{Badge-ZjDd3Ix8.js → Badge-C_sva3jT.js} +1 -1
  5. package/dist/cjs/chunks/{Button-DnB85xYG.js → Button-C8hlMST5.js} +1 -1
  6. package/dist/cjs/chunks/{ButtonBar-DWDhGpwi.js → ButtonBar-1Qjuyr2U.js} +1 -1
  7. package/dist/cjs/chunks/{Camera-CbB_z0BT.js → Camera-CXQLHtv8.js} +5 -5
  8. package/dist/cjs/chunks/{CheckBox-CCG8Zu0n.js → CheckBox-Bp4HCEp5.js} +1 -1
  9. package/dist/cjs/chunks/{Chip-D1-XUhlH.js → Chip-D8k22_F8.js} +1 -1
  10. package/dist/cjs/chunks/{DivInput-BRgfHVdj.js → DivInput-BXFPO-Mi.js} +1 -1
  11. package/dist/cjs/chunks/{Dot-3F2j3xqG.js → Dot-BkFz2bG3.js} +1 -1
  12. package/dist/cjs/chunks/{DrggablePanel-DLPTTF0x.js → DrggablePanel-EJYkjSuq.js} +4 -4
  13. package/dist/cjs/chunks/{DropDown-DczcOKT4.js → DropDown-DcrJTYel.js} +1 -1
  14. package/dist/cjs/chunks/{ErrorSummary-CmloSFWV.js → ErrorSummary-FYhQ8A2g.js} +4 -4
  15. package/dist/cjs/chunks/{FileIcon-C0WnFj_a.js → FileIcon-DdKRzIde.js} +4 -4
  16. package/dist/cjs/chunks/{FileList-BR5tak9p.js → FileList-CBR3uaXM.js} +1 -1
  17. package/dist/cjs/chunks/{FlexDiv-B-9oOJ0q.js → FlexDiv-DRaTYgR_.js} +1 -1
  18. package/dist/cjs/chunks/{Grouper-CVLQb1M8.js → Grouper-k1wtUJlG.js} +5 -5
  19. package/dist/cjs/chunks/{Icon-L-KOi8gd.js → Icon-aBLPfZrD.js} +4 -4
  20. package/dist/cjs/chunks/{IconButton-CRlg14ov.js → IconButton-CbGXfBLK.js} +1 -1
  21. package/dist/cjs/chunks/{IndexedDB-BnRfQTQM.js → IndexedDB-BcDtqygg.js} +1 -1
  22. package/dist/cjs/chunks/{Label-DMWLMm8u.js → Label-Coei_F3_.js} +1 -1
  23. package/dist/cjs/chunks/{Level-DFMbJLwo.js → Level-DpYVX9KZ.js} +2 -2
  24. package/dist/cjs/chunks/{Modal-3nJMxtM5.js → Modal-IDb_E4Uj.js} +1 -1
  25. package/dist/cjs/chunks/{ModalController-BYbWwA2c.js → ModalController-D0Rk-7xK.js} +3 -3
  26. package/dist/cjs/chunks/{Overlay-CcLSSVas.js → Overlay-CTRJWWlC.js} +1 -1
  27. package/dist/cjs/chunks/{Pager-EnPvzs7I.js → Pager-CjgU7xRP.js} +1 -1
  28. package/dist/cjs/chunks/{ProgressIndicator-D4QBeeJ7.js → ProgressIndicator-Dn_SVbK5.js} +4 -4
  29. package/dist/cjs/chunks/{PromptInput-DOG6-tSs.js → PromptInput-DrqqeB7q.js} +5 -5
  30. package/dist/cjs/chunks/{RadioButton-Dv1UMrmC.js → RadioButton-Bc7LvS17.js} +1 -1
  31. package/dist/cjs/chunks/{RadioButtonList-QQsLvc6S.js → RadioButtonList-Bl6hPvsZ.js} +1 -1
  32. package/dist/cjs/chunks/{Slider-BPbnMJvK.js → Slider-BAR_f1bT.js} +4 -4
  33. package/dist/cjs/chunks/{Spacer-FeOx0maU.js → Spacer-ByFg1uI8.js} +1 -1
  34. package/dist/cjs/chunks/{Switch-BDbPgMBM.js → Switch-CuK0xq85.js} +1 -1
  35. package/dist/cjs/chunks/{TabBar-D30fnZts.js → TabBar-DE-0fmd_.js} +5 -5
  36. package/dist/cjs/chunks/{TextArea-7Ae7ObSp.js → TextArea-CTDhSMbI.js} +1 -1
  37. package/dist/cjs/chunks/{TextField-DyczwDLg.js → TextField-BocVz2FD.js} +5 -5
  38. package/dist/cjs/chunks/{Tip-DYMB02-A.js → Tip-C7hgfkbD.js} +1 -1
  39. package/dist/cjs/chunks/{Toast-DCBurEYu.js → Toast-CUtUp1H3.js} +5 -5
  40. package/dist/cjs/chunks/{ToggleButton-B_C5et_m.js → ToggleButton-BEw8y4n6.js} +1 -1
  41. package/dist/cjs/chunks/{UploadArea-CSPRt0Mq.js → UploadArea-cmzfjkdq.js} +1 -1
  42. package/dist/cjs/chunks/{Video-C7llXaDv.js → Video-Cqyh2uqE.js} +1 -1
  43. package/dist/cjs/chunks/{VideoController-O-BsyFnJ.js → VideoController-cgbR4TCM.js} +4 -4
  44. package/dist/cjs/chunks/{WSConnection-Dypd3e4R.js → WSConnection-lb-L_wl2.js} +1 -1
  45. package/dist/cjs/chunks/{WebRTCConnection-BBxaTTbD.js → WebRTCConnection-C9wlDCWJ.js} +1 -1
  46. package/dist/cjs/chunks/{browserChannelsStore-Y7zsrnV8.js → browserChannelsStore-DzmDF2aJ.js} +2 -2
  47. package/dist/cjs/chunks/{localDBStore-LWl68wGD.js → localDBStore-Bo66OkHk.js} +2 -2
  48. package/dist/cjs/chunks/{microphoneStore-Bf3gZQQR.js → microphoneStore-D0ussh7L.js} +1 -1
  49. package/dist/cjs/chunks/{misc-BO_-R1om.js → misc-DzYz4zh5.js} +1 -1
  50. package/dist/cjs/chunks/{sseStore-DDlXJ2mc.js → sseStore-B-0NYziZ.js} +3 -3
  51. package/dist/cjs/chunks/{uploads-worker-BMHcg5-W.js → uploads-worker-wiEYAP3-.js} +1 -1
  52. package/dist/cjs/chunks/{uploadsStore-D3RnoU3L.js → uploadsStore-DiER7z5_.js} +2 -2
  53. package/dist/cjs/chunks/{viewState-D2U_fJaY.js → viewState-ktYEaZW2.js} +5 -5
  54. package/dist/cjs/chunks/{volumeStore-BWzyOw8D.js → volumeStore-Dez02JPh.js} +1 -1
  55. package/dist/cjs/chunks/{webRTCStore-BXp7R6oE.js → webRTCStore-CAt0Ly4R.js} +2 -2
  56. package/dist/cjs/chunks/{windowStore-BYb1L705.js → windowStore-BYkEn0kO.js} +1 -1
  57. package/dist/cjs/components/AudioBubble/index.js +6 -6
  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 -9
  62. package/dist/cjs/components/ButtonBar/index.js +6 -6
  63. package/dist/cjs/components/Camera/index.js +8 -8
  64. package/dist/cjs/components/CheckBox/index.js +6 -6
  65. package/dist/cjs/components/Chip/index.js +7 -7
  66. package/dist/cjs/components/DataTable/index.js +7 -7
  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 +6 -6
  70. package/dist/cjs/components/DropDown/index.js +6 -6
  71. package/dist/cjs/components/ErrorSummary/index.js +6 -6
  72. package/dist/cjs/components/FileIcon/index.js +6 -6
  73. package/dist/cjs/components/FileList/index.js +7 -7
  74. package/dist/cjs/components/FlexDiv/index.js +2 -2
  75. package/dist/cjs/components/Grouper/index.js +7 -7
  76. package/dist/cjs/components/Icon/index.js +6 -6
  77. package/dist/cjs/components/IconButton/index.js +8 -8
  78. package/dist/cjs/components/Label/index.js +3 -3
  79. package/dist/cjs/components/Level/index.js +4 -4
  80. package/dist/cjs/components/Modal/index.js +10 -10
  81. package/dist/cjs/components/ModalController/index.js +6 -6
  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 +6 -6
  85. package/dist/cjs/components/PromptInput/index.js +10 -10
  86. package/dist/cjs/components/RadioButton/index.js +6 -6
  87. package/dist/cjs/components/RadioButtonList/index.js +7 -7
  88. package/dist/cjs/components/Slider/index.js +6 -6
  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 +9 -9
  92. package/dist/cjs/components/TextArea/index.js +10 -10
  93. package/dist/cjs/components/Textfield/index.js +10 -10
  94. package/dist/cjs/components/Tip/index.js +3 -3
  95. package/dist/cjs/components/Toast/index.js +7 -7
  96. package/dist/cjs/components/ToggleButton/index.js +10 -10
  97. package/dist/cjs/components/UploadArea/index.js +8 -8
  98. package/dist/cjs/components/Video/index.js +12 -12
  99. package/dist/cjs/components/VideoController/index.js +10 -10
  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 +2 -2
  103. package/dist/cjs/hooks/useInfiniteScroll.js +85 -0
  104. package/dist/cjs/hooks/useMdStreamBuffer.js +2 -2
  105. package/dist/cjs/hooks/useMicrophone.js +1 -1
  106. package/dist/cjs/hooks/useTrackRenders.js +2 -2
  107. package/dist/cjs/hooks.js +7 -6
  108. package/dist/cjs/index.js +13 -12
  109. package/dist/cjs/providers/themeServer.test.js +1 -1
  110. package/dist/cjs/stores/LocalDB.js +3 -3
  111. package/dist/cjs/stores/SSE.js +3 -3
  112. package/dist/cjs/stores/WS.js +3 -3
  113. package/dist/cjs/stores/WebRTC.js +3 -3
  114. package/dist/cjs/stores/activeTab.js +1 -1
  115. package/dist/cjs/stores/browserChannel.js +2 -2
  116. package/dist/cjs/stores/microphone.js +2 -2
  117. package/dist/cjs/stores/modal.js +1 -1
  118. package/dist/cjs/stores/tip.js +1 -1
  119. package/dist/cjs/stores/toast.js +1 -1
  120. package/dist/cjs/stores/uploads.js +2 -2
  121. package/dist/cjs/stores/video.js +1 -1
  122. package/dist/cjs/stores/volume.js +2 -2
  123. package/dist/cjs/stores/window.js +2 -2
  124. package/dist/cjs/stores.js +5 -5
  125. package/dist/cjs/utils/index.js +2 -2
  126. package/dist/cjs/utils/objects/index.js +2 -2
  127. package/dist/cjs/workers/uploads/uploads.js +2 -2
  128. package/dist/esm/chunks/{AudioBubble-BMvVC5-0.mjs → AudioBubble-ck1gSxtM.mjs} +7 -7
  129. package/dist/esm/chunks/{Avatar-Ce0nIuFe.mjs → Avatar-vhBRrvQP.mjs} +2 -2
  130. package/dist/esm/chunks/{AvatarGroup-DLqBXeB9.mjs → AvatarGroup-DDPn1trz.mjs} +2 -2
  131. package/dist/esm/chunks/{Badge-DKkqjW28.mjs → Badge-CntS4K1P.mjs} +1 -1
  132. package/dist/esm/chunks/{Button-Bq4xhoet.mjs → Button-DVVXYB5E.mjs} +6 -6
  133. package/dist/esm/chunks/{ButtonBar-BAqLCnso.mjs → ButtonBar-NduUKEhd.mjs} +3 -3
  134. package/dist/esm/chunks/{Camera-DJhp-3_t.mjs → Camera-Cofsfiqg.mjs} +9 -9
  135. package/dist/esm/chunks/{CheckBox-CL37t7_J.mjs → CheckBox-Du4u1Eva.mjs} +3 -3
  136. package/dist/esm/chunks/{Chip-Bjg-ONP_.mjs → Chip-stmVXz5P.mjs} +4 -4
  137. package/dist/esm/chunks/{DivInput-D6kq1bR0.mjs → DivInput-CGAqMs0y.mjs} +2 -2
  138. package/dist/esm/chunks/{Dot-D6uHXyGY.mjs → Dot-CExdhu0z.mjs} +1 -1
  139. package/dist/esm/chunks/{DrggablePanel-25Wjbf_y.mjs → DrggablePanel-CCZWzCE4.mjs} +6 -6
  140. package/dist/esm/chunks/{DropDown-BiwdsV6m.mjs → DropDown-REkWym1V.mjs} +3 -3
  141. package/dist/esm/chunks/{ErrorSummary-BODIGAst.mjs → ErrorSummary-CnApLAG8.mjs} +6 -6
  142. package/dist/esm/chunks/{FileIcon-CfS-TY-S.mjs → FileIcon-CJa41GGE.mjs} +6 -6
  143. package/dist/esm/chunks/{FileList-DYvUHXyd.mjs → FileList-CtPtwFg0.mjs} +5 -5
  144. package/dist/esm/chunks/{FlexDiv-DIb3pmFo.mjs → FlexDiv-DfCUyRsq.mjs} +1 -1
  145. package/dist/esm/chunks/{Grouper-CL5-Dk2U.mjs → Grouper-C2ekOKk-.mjs} +7 -7
  146. package/dist/esm/chunks/{Icon-h1sVmLvI.mjs → Icon-DYv9sj3v.mjs} +6 -6
  147. package/dist/esm/chunks/{IconButton-D9y0_8qs.mjs → IconButton-DUz8Pz1Z.mjs} +5 -5
  148. package/dist/esm/chunks/{IndexedDB-DcKlcEts.mjs → IndexedDB-CO2IHWQq.mjs} +1 -1
  149. package/dist/esm/chunks/{Label-Cb1TNTGX.mjs → Label-osW2bH9O.mjs} +2 -2
  150. package/dist/esm/chunks/{Level-Ce3F5ITs.mjs → Level-DbvGSfLq.mjs} +4 -4
  151. package/dist/esm/chunks/{Modal-uAJiitWq.mjs → Modal-Be3CsAWQ.mjs} +5 -5
  152. package/dist/esm/chunks/{ModalController-CviD29p4.mjs → ModalController-DcZ5fgr-.mjs} +5 -5
  153. package/dist/esm/chunks/{Overlay-je9uxyF7.mjs → Overlay-B8l0rD6j.mjs} +1 -1
  154. package/dist/esm/chunks/{Pager-mEoJq77o.mjs → Pager-BkWiP2if.mjs} +2 -2
  155. package/dist/esm/chunks/{ProgressIndicator-CklbjFdQ.mjs → ProgressIndicator-DPfGlu5w.mjs} +6 -6
  156. package/dist/esm/chunks/{PromptInput-B93xY5vK.mjs → PromptInput-Dn2jmUeX.mjs} +8 -8
  157. package/dist/esm/chunks/{RadioButton-n6q2k-ia.mjs → RadioButton-DsZpFQlj.mjs} +3 -3
  158. package/dist/esm/chunks/{RadioButtonList-CAJPqSTC.mjs → RadioButtonList-3SGXzY-l.mjs} +3 -3
  159. package/dist/esm/chunks/{Slider-By-9skcp.mjs → Slider-bAlRcnr5.mjs} +7 -7
  160. package/dist/esm/chunks/{Spacer-BalkC0Ns.mjs → Spacer-Dw1R_QS-.mjs} +1 -1
  161. package/dist/esm/chunks/{Switch-DDyRtDnU.mjs → Switch-YtBkB2gF.mjs} +1 -1
  162. package/dist/esm/chunks/{TabBar-BushFhfl.mjs → TabBar-Bk1kOBSG.mjs} +10 -10
  163. package/dist/esm/chunks/{TextArea-BLum6rgj.mjs → TextArea-DYim_fwG.mjs} +2 -2
  164. package/dist/esm/chunks/{TextField-C0V-4Lg1.mjs → TextField-CuUvgXoc.mjs} +9 -9
  165. package/dist/esm/chunks/{Tip-CCrn5riH.mjs → Tip-CO5yFUi-.mjs} +2 -2
  166. package/dist/esm/chunks/{Toast-DWhivCO9.mjs → Toast-jV_6b03p.mjs} +8 -8
  167. package/dist/esm/chunks/{ToggleButton-C_52LsVX.mjs → ToggleButton-CZbTyzZ7.mjs} +2 -2
  168. package/dist/esm/chunks/{UploadArea-DJxjadCV.mjs → UploadArea-BjSr0-kl.mjs} +4 -4
  169. package/dist/esm/chunks/{Video-DiuWxBAM.mjs → Video-D5owl4GM.mjs} +6 -6
  170. package/dist/esm/chunks/{VideoController-BWvCRNoR.mjs → VideoController-BMm4f486.mjs} +8 -8
  171. package/dist/esm/chunks/{WSConnection-nyuthu2w.mjs → WSConnection-BkG6pECQ.mjs} +1 -1
  172. package/dist/esm/chunks/{WebRTCConnection-9m7x937g.mjs → WebRTCConnection-BMc3ILmW.mjs} +1 -1
  173. package/dist/esm/chunks/{browserChannelsStore-smRS4Hid.mjs → browserChannelsStore-BBnRAxaL.mjs} +2 -2
  174. package/dist/esm/chunks/{localDBStore-ONbAby1P.mjs → localDBStore-ChLj2J2R.mjs} +3 -3
  175. package/dist/esm/chunks/{microphoneStore-6qsb6eV0.mjs → microphoneStore-CKLPc5zm.mjs} +1 -1
  176. package/dist/esm/chunks/{misc-_71JTGbu.mjs → misc-Vjo15VLp.mjs} +1 -1
  177. package/dist/esm/chunks/{sseStore-Cqbsz4ER.mjs → sseStore-C0XwLPfn.mjs} +3 -3
  178. package/dist/esm/chunks/{uploads-worker-D3JPUPSZ.mjs → uploads-worker-DV0Cm3VQ.mjs} +1 -1
  179. package/dist/esm/chunks/{uploadsStore-DE-A-CML.mjs → uploadsStore-DyYma52Z.mjs} +1 -1
  180. package/dist/esm/chunks/{viewState-C34wAgGX.mjs → viewState-y3yZZZDC.mjs} +8 -8
  181. package/dist/esm/chunks/{volumeStore-Bchda99E.mjs → volumeStore-CicDxCvO.mjs} +1 -1
  182. package/dist/esm/chunks/{webRTCStore-0Fv3Wnrg.mjs → webRTCStore-Dr5M8DFU.mjs} +3 -3
  183. package/dist/esm/chunks/{windowStore-DcPWzksH.mjs → windowStore-OW9W5zAw.mjs} +1 -1
  184. package/dist/esm/components/AudioBubble/index.mjs +9 -9
  185. package/dist/esm/components/Avatar/index.mjs +3 -3
  186. package/dist/esm/components/AvatarGroup/index.mjs +4 -4
  187. package/dist/esm/components/Badge/index.mjs +2 -2
  188. package/dist/esm/components/Button/index.mjs +13 -13
  189. package/dist/esm/components/ButtonBar/index.mjs +9 -9
  190. package/dist/esm/components/Camera/index.mjs +11 -11
  191. package/dist/esm/components/CheckBox/index.mjs +9 -9
  192. package/dist/esm/components/Chip/index.mjs +10 -10
  193. package/dist/esm/components/DataTable/index.mjs +10 -10
  194. package/dist/esm/components/DivInput/index.mjs +3 -3
  195. package/dist/esm/components/Dot/index.mjs +2 -2
  196. package/dist/esm/components/DraggablePanel/index.mjs +8 -8
  197. package/dist/esm/components/DropDown/index.mjs +9 -9
  198. package/dist/esm/components/ErrorSummary/index.mjs +8 -8
  199. package/dist/esm/components/FileIcon/index.mjs +8 -8
  200. package/dist/esm/components/FileList/index.mjs +11 -11
  201. package/dist/esm/components/FlexDiv/index.mjs +2 -2
  202. package/dist/esm/components/Grouper/index.mjs +10 -10
  203. package/dist/esm/components/Icon/index.mjs +9 -9
  204. package/dist/esm/components/IconButton/index.mjs +12 -12
  205. package/dist/esm/components/Label/index.mjs +3 -3
  206. package/dist/esm/components/Level/index.mjs +5 -5
  207. package/dist/esm/components/Modal/index.mjs +15 -15
  208. package/dist/esm/components/ModalController/index.mjs +9 -9
  209. package/dist/esm/components/Overlay/index.mjs +2 -2
  210. package/dist/esm/components/Pager/index.mjs +3 -3
  211. package/dist/esm/components/Progress/index.mjs +9 -9
  212. package/dist/esm/components/PromptInput/index.mjs +16 -16
  213. package/dist/esm/components/RadioButton/index.mjs +9 -9
  214. package/dist/esm/components/RadioButtonList/index.mjs +10 -10
  215. package/dist/esm/components/Slider/index.mjs +9 -9
  216. package/dist/esm/components/Spacer/index.mjs +2 -2
  217. package/dist/esm/components/Switch/index.mjs +2 -2
  218. package/dist/esm/components/TabBar/index.mjs +13 -13
  219. package/dist/esm/components/TextArea/index.mjs +14 -14
  220. package/dist/esm/components/Textfield/index.mjs +15 -15
  221. package/dist/esm/components/Tip/index.mjs +3 -3
  222. package/dist/esm/components/Toast/index.mjs +10 -10
  223. package/dist/esm/components/ToggleButton/index.mjs +14 -14
  224. package/dist/esm/components/UploadArea/index.mjs +12 -12
  225. package/dist/esm/components/Video/index.mjs +18 -18
  226. package/dist/esm/components/VideoController/index.mjs +15 -15
  227. package/dist/esm/hooks/useAudioRecorder.mjs +1 -1
  228. package/dist/esm/hooks/useBindWebRTC.mjs +6 -6
  229. package/dist/esm/hooks/useClipboard.mjs +3 -3
  230. package/dist/esm/hooks/useInfiniteScroll.mjs +86 -0
  231. package/dist/esm/hooks/useMdStreamBuffer.mjs +3 -3
  232. package/dist/esm/hooks/useMicrophone.mjs +1 -1
  233. package/dist/esm/hooks/useTrackRenders.mjs +2 -2
  234. package/dist/esm/hooks.mjs +10 -8
  235. package/dist/esm/index.mjs +61 -59
  236. package/dist/esm/providers/themeServer.test.mjs +1 -1
  237. package/dist/esm/stores/LocalDB.mjs +4 -4
  238. package/dist/esm/stores/SSE.mjs +4 -4
  239. package/dist/esm/stores/WS.mjs +3 -3
  240. package/dist/esm/stores/WebRTC.mjs +4 -4
  241. package/dist/esm/stores/activeTab.mjs +1 -1
  242. package/dist/esm/stores/browserChannel.mjs +3 -3
  243. package/dist/esm/stores/microphone.mjs +2 -2
  244. package/dist/esm/stores/modal.mjs +1 -1
  245. package/dist/esm/stores/tip.mjs +1 -1
  246. package/dist/esm/stores/toast.mjs +1 -1
  247. package/dist/esm/stores/uploads.mjs +3 -3
  248. package/dist/esm/stores/video.mjs +1 -1
  249. package/dist/esm/stores/volume.mjs +2 -2
  250. package/dist/esm/stores/window.mjs +2 -2
  251. package/dist/esm/stores.mjs +19 -19
  252. package/dist/esm/utils/index.mjs +12 -12
  253. package/dist/esm/utils/objects/index.mjs +8 -8
  254. package/dist/esm/workers/uploads/uploads.mjs +2 -2
  255. package/dist/styles.css +2122 -2122
  256. package/dist/types/hooks/index.d.ts +1 -0
  257. package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +25 -0
  258. package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.test.d.ts +1 -0
  259. package/dist/types/index.d.ts +1 -0
  260. package/package.json +1 -1
  261. /package/dist/cjs/chunks/{MdStreamBuffer-C6Mzzrho.js → MdStreamBuffer-pKVX0tZt.js} +0 -0
  262. /package/dist/cjs/chunks/{SSEConnection-DEaAZZK4.js → SSEConnection-cJuY1bye.js} +0 -0
  263. /package/dist/cjs/chunks/{_types-C_ivnCLo.js → _types-xGDmxITu.js} +0 -0
  264. /package/dist/cjs/chunks/{activeTabStore-DGx1oDlt.js → activeTabStore-DIGbK-zT.js} +0 -0
  265. /package/dist/cjs/chunks/{audioVisualizer-CWwGpDKy.js → audioVisualizer-CLqdv2K-.js} +0 -0
  266. /package/dist/cjs/chunks/{broadcastChannel-DsiOkXOS.js → broadcastChannel-Bf-u0RnC.js} +0 -0
  267. /package/dist/cjs/chunks/{colors-8UgFzWG3.js → colors-Yb-BONG0.js} +0 -0
  268. /package/dist/cjs/chunks/{debounce-WThsNCy_.js → debounce-B1046f-_.js} +0 -0
  269. /package/dist/cjs/chunks/{magic-string.es-BJ7Aj4k6.js → magic-string.es-CR7TWHhS.js} +0 -0
  270. /package/dist/cjs/chunks/{modalStore-Cf7zIYDq.js → modalStore-DwgyWAOV.js} +0 -0
  271. /package/dist/cjs/chunks/{rafThrottle-Bz-dXvba.js → rafThrottle-68q3wWGh.js} +0 -0
  272. /package/dist/cjs/chunks/{sharedTypes-CfscXKNK.js → sharedTypes-CKKHnYKP.js} +0 -0
  273. /package/dist/cjs/chunks/{tipStore-NsUC8M9o.js → tipStore-CZDr2c8Z.js} +0 -0
  274. /package/dist/cjs/chunks/{toastStore-QggWGMbD.js → toastStore-CJJRSAs2.js} +0 -0
  275. /package/dist/cjs/chunks/{tslib.es6-DJn-UVEV.js → tslib.es6-CxZHzsEo.js} +0 -0
  276. /package/dist/cjs/chunks/{videoStore-KWc_xF8H.js → videoStore-CG5H5-lr.js} +0 -0
  277. /package/dist/esm/chunks/{MdStreamBuffer-RTcKc6kb.mjs → MdStreamBuffer-ZUWjyTTg.mjs} +0 -0
  278. /package/dist/esm/chunks/{SSEConnection-5K8PW_M0.mjs → SSEConnection-3DCZcriT.mjs} +0 -0
  279. /package/dist/esm/chunks/{_types-BcB7rRaG.mjs → _types-DBTuETEQ.mjs} +0 -0
  280. /package/dist/esm/chunks/{activeTabStore-J_rS7nDK.mjs → activeTabStore-DR2HKd1h.mjs} +0 -0
  281. /package/dist/esm/chunks/{audioVisualizer-B-dLbWMF.mjs → audioVisualizer-BxszDYyy.mjs} +0 -0
  282. /package/dist/esm/chunks/{broadcastChannel-B-jhrR3a.mjs → broadcastChannel-_Q346Oc1.mjs} +0 -0
  283. /package/dist/esm/chunks/{colors-BX0EXrOS.mjs → colors-Cpt08T7U.mjs} +0 -0
  284. /package/dist/esm/chunks/{debounce-B79xfyrw.mjs → debounce-D_IO1tKP.mjs} +0 -0
  285. /package/dist/esm/chunks/{magic-string.es-9DU4z85h.mjs → magic-string.es-LOpujL9L.mjs} +0 -0
  286. /package/dist/esm/chunks/{modalStore-BsEzx_f6.mjs → modalStore-CMO5OJNA.mjs} +0 -0
  287. /package/dist/esm/chunks/{rafThrottle-D2dyeVut.mjs → rafThrottle-BMAGudCU.mjs} +0 -0
  288. /package/dist/esm/chunks/{sharedTypes-CmJ2hQtY.mjs → sharedTypes-DRYdKvBH.mjs} +0 -0
  289. /package/dist/esm/chunks/{tipStore-SYcEa33e.mjs → tipStore-C2MdlITu.mjs} +0 -0
  290. /package/dist/esm/chunks/{toastStore-CX52_jj2.mjs → toastStore-bClN8hti.mjs} +0 -0
  291. /package/dist/esm/chunks/{tslib.es6-CE_8mdQi.mjs → tslib.es6-UNsbHCvA.mjs} +0 -0
  292. /package/dist/esm/chunks/{videoStore-CBfvbDcQ.mjs → videoStore-DbLjS_2T.mjs} +0 -0
package/dist/styles.css CHANGED
@@ -8,105 +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
- .VideoController-module_container__wNiGy {
66
- position: fixed;
67
- inset: 0;
68
- overflow: hidden;
69
- z-index: var(--elevation-confirm);
70
- pointer-events: none;
71
- }
72
-
73
- .VideoController-module_box__a0PRD {
74
- position: relative;
75
- display: flex;
76
- justify-content: center;
77
- align-items: center;
78
- background: transparent;
79
- box-sizing: border-box;
80
- width: 100%;
81
- height: 100%;
82
- overflow: visible;
83
- z-index: var(--elevation-confirm);
84
- pointer-events: none;
85
- }
86
-
87
- .VideoController-module_wrapper__RhpUo {
88
- position: absolute;
89
- box-sizing: border-box;
90
- left: var(--overlay-padding, 64px);
91
- right: var(--overlay-padding, 64px);
92
- display: flex;
93
- flex-direction: column;
94
- align-items: center;
95
- justify-content: center;
96
- gap: 16px;
97
- z-index: var(--elevation-confirm);
98
- pointer-events: all;
99
- visibility: var(--video-visibility, hidden);
100
- border-radius: var(--video-border-radius, 16px);
101
- overflow: visible;
102
- }
103
-
104
- .VideoController-module_video__9bS2L {
105
- overflow: visible;
106
- box-shadow: var(--surface-shadow-soft);
107
- border-radius: var(--video-border-radius, 16px);
108
- }
109
-
110
11
  .Video-module_wrapper__a9iH8 {
111
12
  position: relative;
112
13
  display: flex;
@@ -210,6 +111,105 @@ line {
210
111
  width: 50%;
211
112
  }
212
113
 
114
+ .Level-module_wrapper__yOfXw {
115
+ display: flex;
116
+ align-items: center;
117
+ justify-content: flex-start;
118
+ flex-direction: row;
119
+ box-sizing: border-box;
120
+ padding: 0;
121
+ margin: 0;
122
+ width: var(--level-width);
123
+ height: var(--level-height);
124
+ min-height: var(--level-height);
125
+ gap: var(--level-gap);
126
+ border-radius: var(--level-bar-border-radius);
127
+ overflow: hidden;
128
+ }
129
+
130
+ .Level-module_barContainer__QMUdv {
131
+ flex: 1 1 0;
132
+ height: var(--level-height);
133
+ min-height: var(--level-height);
134
+
135
+ border: var(--level-border-width) solid var(--level-border-color);
136
+ background-color: var(--level-bg-color);
137
+ overflow: hidden;
138
+ }
139
+
140
+ .Level-module_bar__MnApX {
141
+ display: block;
142
+ min-width: 100%;
143
+ min-height: 100%;
144
+ background-color: var(--level-color);
145
+ transition: background-color 120ms linear;
146
+ }
147
+
148
+ .Icon-module_icon__szG-X {
149
+ cursor: var(--cursor);
150
+ user-select: none;
151
+ pointer-events: var(--pointer-events);
152
+ --webkit-user-select: none;
153
+ -webkit-tap-highlight-color: transparent;
154
+ outline: none;
155
+ border: 0;
156
+ transition: stroke, fill var(--motion-water-duration) var(--motion-water);
157
+ }
158
+
159
+ path,
160
+ circle,
161
+ rect,
162
+ polyline,
163
+ polygon,
164
+ line {
165
+ transition: stroke, fill var(--motion-water-duration) var(--motion-water);
166
+ }
167
+
168
+ .VideoController-module_container__wNiGy {
169
+ position: fixed;
170
+ inset: 0;
171
+ overflow: hidden;
172
+ z-index: var(--elevation-confirm);
173
+ pointer-events: none;
174
+ }
175
+
176
+ .VideoController-module_box__a0PRD {
177
+ position: relative;
178
+ display: flex;
179
+ justify-content: center;
180
+ align-items: center;
181
+ background: transparent;
182
+ box-sizing: border-box;
183
+ width: 100%;
184
+ height: 100%;
185
+ overflow: visible;
186
+ z-index: var(--elevation-confirm);
187
+ pointer-events: none;
188
+ }
189
+
190
+ .VideoController-module_wrapper__RhpUo {
191
+ position: absolute;
192
+ box-sizing: border-box;
193
+ left: var(--overlay-padding, 64px);
194
+ right: var(--overlay-padding, 64px);
195
+ display: flex;
196
+ flex-direction: column;
197
+ align-items: center;
198
+ justify-content: center;
199
+ gap: 16px;
200
+ z-index: var(--elevation-confirm);
201
+ pointer-events: all;
202
+ visibility: var(--video-visibility, hidden);
203
+ border-radius: var(--video-border-radius, 16px);
204
+ overflow: visible;
205
+ }
206
+
207
+ .VideoController-module_video__9bS2L {
208
+ overflow: visible;
209
+ box-shadow: var(--surface-shadow-soft);
210
+ border-radius: var(--video-border-radius, 16px);
211
+ }
212
+
213
213
  .flexBox-module_row__z24tF {
214
214
  display: flex;
215
215
  justify-content: center;
@@ -278,158 +278,23 @@ line {
278
278
  box-sizing: border-box;
279
279
  padding: 0;
280
280
  margin: 0;
281
- }.type-module_body-xs-regular__ZAFft {
282
- font-family: var(--font-family), sans-serif;
283
- font-weight: var(--font-weight-regular);
284
- font-size: var(--font-size-xs);
285
- line-height: var(--line-height-m);
286
- text-decoration: none;
287
- letter-spacing: var(--letter-spacing-m);
288
- }.type-module_body-xs-medium__s3KvF {
289
- font-family: var(--font-family), sans-serif;
290
- font-weight: var(--font-weight-medium);
291
- font-size: var(--font-size-xs);
292
- line-height: var(--line-height-m);
293
- text-decoration: none;
294
- letter-spacing: var(--letter-spacing-m);
295
- }.type-module_body-xs-bold__Lhqqq {
296
- font-family: var(--font-family), sans-serif;
297
- font-weight: var(--font-weight-bold);
298
- font-size: var(--font-size-xs);
299
- line-height: var(--line-height-m);
300
- text-decoration: none;
301
- letter-spacing: var(--letter-spacing-l);
302
- }.type-module_body-s-regular__vRHSP {
303
- font-family: var(--font-family), sans-serif;
304
- font-weight: var(--font-weight-regular);
305
- font-size: var(--font-size-s);
306
- line-height: var(--line-height-xl);
307
- text-decoration: none;
308
- letter-spacing: var(--letter-spacing-s);
309
- }.type-module_body-s-medium__tjdFc {
310
- font-family: var(--font-family), sans-serif;
311
- font-weight: var(--font-weight-medium);
312
- font-size: var(--font-size-s);
313
- line-height: var(--line-height-xl);
314
- text-decoration: none;
315
- letter-spacing: var(--letter-spacing-s);
316
- }.type-module_body-s-bold__Iy-VX {
317
- font-family: var(--font-family), sans-serif;
318
- font-weight: var(--font-weight-bold);
319
- font-size: var(--font-size-s);
320
- line-height: var(--line-height-xl);
321
- text-decoration: none;
322
- letter-spacing: var(--letter-spacing-m);
323
- }.type-module_body-m-regular__LuQBA {
324
- font-family: var(--font-family), sans-serif;
325
- font-weight: var(--font-weight-regular);
326
- font-size: var(--font-size-m);
327
- line-height: var(--line-height-l);
328
- text-decoration: none;
329
- letter-spacing: var(--letter-spacing-s);
330
- }.type-module_body-m-medium__uW1on {
331
- font-family: var(--font-family), sans-serif;
332
- font-weight: var(--font-weight-medium);
333
- font-size: var(--font-size-m);
334
- line-height: var(--line-height-l);
335
- text-decoration: none;
336
- letter-spacing: var(--letter-spacing-s);
337
- }.type-module_body-m-bold__UBcvQ {
338
- font-family: var(--font-family), sans-serif;
339
- font-weight: var(--font-weight-bold);
340
- font-size: var(--font-size-m);
341
- line-height: var(--line-height-l);
342
- text-decoration: none;
343
- letter-spacing: var(--letter-spacing-m);
344
- }.type-module_body-l-regular__lOYbg {
345
- font-family: var(--font-family), sans-serif;
346
- font-weight: var(--font-weight-regular);
347
- font-size: var(--font-size-l);
348
- line-height: var(--line-height-xxl);
349
- text-decoration: none;
350
- letter-spacing: var(--letter-spacing-xs);
351
- }.type-module_body-l-medium__BqRC7 {
352
- font-family: var(--font-family), sans-serif;
353
- font-weight: var(--font-weight-medium);
354
- font-size: var(--font-size-l);
355
- line-height: var(--line-height-xxl);
356
- text-decoration: none;
357
- letter-spacing: var(--letter-spacing-xs);
358
- }.type-module_body-l-bold__Fh2dt {
359
- font-family: var(--font-family), sans-serif;
360
- font-weight: var(--font-weight-bold);
361
- font-size: var(--font-size-l);
362
- line-height: var(--line-height-xxl);
363
- text-decoration: none;
364
- letter-spacing: var(--letter-spacing-s);
365
- }.type-module_body-xl-regular__pF2kC {
366
- font-family: var(--font-family), sans-serif;
367
- font-weight: var(--font-weight-regular);
368
- font-size: var(--font-size-xl);
369
- line-height: var(--line-height-xxl);
370
- text-decoration: none;
371
- letter-spacing: var(--letter-spacing-xs);
372
- }.type-module_body-xl-medium__BeyrH {
373
- font-family: var(--font-family), sans-serif;
374
- font-weight: var(--font-weight-medium);
375
- font-size: var(--font-size-xl);
376
- line-height: var(--line-height-xxl);
377
- text-decoration: none;
378
- letter-spacing: var(--letter-spacing-xs);
379
- }.type-module_body-xl-bold__Ruknj {
380
- font-family: var(--font-family), sans-serif;
381
- font-weight: var(--font-weight-bold);
382
- font-size: var(--font-size-xl);
383
- line-height: var(--line-height-xxl);
384
- text-decoration: none;
385
- letter-spacing: var(--letter-spacing-s);
386
- }.type-module_h1__ikDt5 {
387
- font-family: var(--font-family), sans-serif;
388
- font-weight: var(--font-weight-extra);
389
- font-size: var(--font-size-h1);
390
- line-height: var(--line-height-xs);
391
- letter-spacing: var(--letter-spacing-m);
392
- }.type-module_h2__bSCvt {
393
- font-family: var(--font-family), sans-serif;
394
- font-weight: var(--font-weight-extra);
395
- font-size: var(--font-size-h2);
396
- line-height: var(--line-height-xs);
397
- letter-spacing: var(--letter-spacing-m);
398
- }.type-module_h3__8gHoN {
399
- font-family: var(--font-family), sans-serif;
400
- font-weight: var(--font-weight-extra);
401
- font-size: var(--font-size-h3);
402
- line-height: var(--line-height-xs);
403
- letter-spacing: var(--letter-spacing-m);
404
- }.type-module_h4__EVAd2 {
405
- font-family: var(--font-family), sans-serif;
406
- font-weight: var(--font-weight-extra);
407
- font-size: var(--font-size-h4);
408
- line-height: var(--line-height-xs);
409
- letter-spacing: var(--letter-spacing-m);
410
- }.type-module_h5__92r22 {
411
- font-family: var(--font-family), sans-serif;
412
- font-weight: var(--font-weight-extra);
413
- font-size: var(--font-size-h5);
414
- line-height: var(--line-height-xs);
415
- letter-spacing: var(--letter-spacing-m);
416
- }.type-module_h6__sshOw {
417
- font-family: var(--font-family), sans-serif;
418
- font-weight: var(--font-weight-extra);
419
- font-size: var(--font-size-h6);
420
- line-height: var(--line-height-xs);
421
- letter-spacing: var(--letter-spacing-m);
422
- }.Badge-module_badge__RsuMz {
423
- line-height: 1em;
424
- color: var(--badge-color);
425
- background: var(--badge-bg);
426
- padding: 2px 8px;
427
- min-width: 24px;
428
- width: min-content;
429
- border-radius: var(--corner-m);
430
- white-space: nowrap;
431
281
  }
432
282
 
283
+ .AvatarGroup-module_wrapper__MtOyq {
284
+ gap: var(--ag-gap);
285
+ margin: var(--ag-margin);
286
+ }
287
+
288
+ .AvatarGroup-module_avatar__5NVpW {
289
+ display: inline-block;
290
+ margin-left: var(--ag-overlap);
291
+ border-radius: 100%;
292
+ }
293
+
294
+ .AvatarGroup-module_avatar__5NVpW:first-child {
295
+ margin-left: 0;
296
+ }
297
+
433
298
  .flexBox-module_row__z24tF {
434
299
  display: flex;
435
300
  justify-content: center;
@@ -640,51 +505,41 @@ line {
640
505
  line-height: var(--line-height-xs);
641
506
  letter-spacing: var(--letter-spacing-m);
642
507
  }
643
- .IconButton-module_button__rziqa {
644
- position: relative;
645
- background: var(--ib-bg-color);
646
- border-radius: var(--ib-border-radius);
647
- border: var(--ib-border) solid var(--core-outline-primary);
648
- gap: 6px;
649
- cursor: var(--ib-cursor);
650
- appearance: none;
651
- -webkit-appearance: none;
652
- background-image: none;
653
- outline: none;
654
- min-height: var(--ib-button-size);
655
- height: var(--ib-button-size);
656
- min-width: var(--ib-button-size);
657
- width: var(--ib-button-size);
658
- user-select: none;
659
- -webkit-user-select: none;
660
- }
661
- .IconButton-module_button__rziqa:hover {
662
- background: var(--ib-bg-color-hover);
663
- }
664
508
 
665
- .IconButton-module_label__qWGFD {
666
- color: var(--ib-color);
667
- text-overflow: ellipsis;
668
- overflow: hidden;
669
- word-break: break-all;
670
- display: -webkit-box;
671
- -webkit-line-clamp: 1;
672
- -webkit-box-orient: vertical;
509
+ .Avatar-module_wrapper__ab1D7 {
510
+ position: relative;
511
+ min-height: var(--avatar-size);
512
+ min-width: var(--avatar-size);
513
+ max-height: var(--avatar-size);
514
+ max-width: var(--avatar-size);
515
+ height: var(--avatar-size);
516
+ width: var(--avatar-size);
517
+ border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
518
+ border-radius: 100%;
519
+ outline: 0;
673
520
  }
674
521
 
675
- .IconButton-module_icon__2DDWy {
676
- min-height: var(--ib-icon-size);
677
- height: var(--ib-icon-size);
678
- min-width: var(--ib-icon-size);
679
- width: var(--ib-icon-size);
522
+ .Avatar-module_user__ZQv0Q {
523
+ font-size: var(--avatar-font-size) !important;
524
+ height: 100%;
525
+ width: 100%;
526
+ line-height: 1em;
527
+ text-transform: uppercase;
528
+ border-radius: 100%;
529
+ border: var(--avatar-border) solid var(--avatar-border-color);
530
+ background-color: var(--avatar-bg-color);
531
+ color: var(--avatar-color);
532
+ background-image: var(--avatar-bg-image);
533
+ background-size: cover;
534
+ cursor: pointer;
535
+ user-select: none;
536
+ -webkit-user-select: none;
537
+ transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
680
538
  }
681
539
 
682
- .IconButton-module_count__6r373 {
683
- position: absolute;
684
- top: 0;
685
- right: 0;
686
- transform: translateX(5px) translateY(-2px);
687
- }
540
+ .Avatar-module_user__ZQv0Q:hover {
541
+ border-color: var(--avatar-border-color-hover);
542
+ }
688
543
 
689
544
  .flexBox-module_row__z24tF {
690
545
  display: flex;
@@ -754,172 +609,21 @@ line {
754
609
  box-sizing: border-box;
755
610
  padding: 0;
756
611
  margin: 0;
757
- }.type-module_body-xs-regular__ZAFft {
758
- font-family: var(--font-family), sans-serif;
759
- font-weight: var(--font-weight-regular);
760
- font-size: var(--font-size-xs);
761
- line-height: var(--line-height-m);
762
- text-decoration: none;
763
- letter-spacing: var(--letter-spacing-m);
764
- }.type-module_body-xs-medium__s3KvF {
765
- font-family: var(--font-family), sans-serif;
766
- font-weight: var(--font-weight-medium);
767
- font-size: var(--font-size-xs);
768
- line-height: var(--line-height-m);
769
- text-decoration: none;
770
- letter-spacing: var(--letter-spacing-m);
771
- }.type-module_body-xs-bold__Lhqqq {
772
- font-family: var(--font-family), sans-serif;
773
- font-weight: var(--font-weight-bold);
774
- font-size: var(--font-size-xs);
775
- line-height: var(--line-height-m);
776
- text-decoration: none;
777
- letter-spacing: var(--letter-spacing-l);
778
- }.type-module_body-s-regular__vRHSP {
779
- font-family: var(--font-family), sans-serif;
780
- font-weight: var(--font-weight-regular);
781
- font-size: var(--font-size-s);
782
- line-height: var(--line-height-xl);
783
- text-decoration: none;
784
- letter-spacing: var(--letter-spacing-s);
785
- }.type-module_body-s-medium__tjdFc {
786
- font-family: var(--font-family), sans-serif;
787
- font-weight: var(--font-weight-medium);
788
- font-size: var(--font-size-s);
789
- line-height: var(--line-height-xl);
790
- text-decoration: none;
791
- letter-spacing: var(--letter-spacing-s);
792
- }.type-module_body-s-bold__Iy-VX {
793
- font-family: var(--font-family), sans-serif;
794
- font-weight: var(--font-weight-bold);
795
- font-size: var(--font-size-s);
796
- line-height: var(--line-height-xl);
797
- text-decoration: none;
798
- letter-spacing: var(--letter-spacing-m);
799
- }.type-module_body-m-regular__LuQBA {
800
- font-family: var(--font-family), sans-serif;
801
- font-weight: var(--font-weight-regular);
802
- font-size: var(--font-size-m);
803
- line-height: var(--line-height-l);
804
- text-decoration: none;
805
- letter-spacing: var(--letter-spacing-s);
806
- }.type-module_body-m-medium__uW1on {
807
- font-family: var(--font-family), sans-serif;
808
- font-weight: var(--font-weight-medium);
809
- font-size: var(--font-size-m);
810
- line-height: var(--line-height-l);
811
- text-decoration: none;
812
- letter-spacing: var(--letter-spacing-s);
813
- }.type-module_body-m-bold__UBcvQ {
814
- font-family: var(--font-family), sans-serif;
815
- font-weight: var(--font-weight-bold);
816
- font-size: var(--font-size-m);
817
- line-height: var(--line-height-l);
818
- text-decoration: none;
819
- letter-spacing: var(--letter-spacing-m);
820
- }.type-module_body-l-regular__lOYbg {
821
- font-family: var(--font-family), sans-serif;
822
- font-weight: var(--font-weight-regular);
823
- font-size: var(--font-size-l);
824
- line-height: var(--line-height-xxl);
825
- text-decoration: none;
826
- letter-spacing: var(--letter-spacing-xs);
827
- }.type-module_body-l-medium__BqRC7 {
828
- font-family: var(--font-family), sans-serif;
829
- font-weight: var(--font-weight-medium);
830
- font-size: var(--font-size-l);
831
- line-height: var(--line-height-xxl);
832
- text-decoration: none;
833
- letter-spacing: var(--letter-spacing-xs);
834
- }.type-module_body-l-bold__Fh2dt {
835
- font-family: var(--font-family), sans-serif;
836
- font-weight: var(--font-weight-bold);
837
- font-size: var(--font-size-l);
838
- line-height: var(--line-height-xxl);
839
- text-decoration: none;
840
- letter-spacing: var(--letter-spacing-s);
841
- }.type-module_body-xl-regular__pF2kC {
842
- font-family: var(--font-family), sans-serif;
843
- font-weight: var(--font-weight-regular);
844
- font-size: var(--font-size-xl);
845
- line-height: var(--line-height-xxl);
846
- text-decoration: none;
847
- letter-spacing: var(--letter-spacing-xs);
848
- }.type-module_body-xl-medium__BeyrH {
849
- font-family: var(--font-family), sans-serif;
850
- font-weight: var(--font-weight-medium);
851
- font-size: var(--font-size-xl);
852
- line-height: var(--line-height-xxl);
853
- text-decoration: none;
854
- letter-spacing: var(--letter-spacing-xs);
855
- }.type-module_body-xl-bold__Ruknj {
856
- font-family: var(--font-family), sans-serif;
857
- font-weight: var(--font-weight-bold);
858
- font-size: var(--font-size-xl);
859
- line-height: var(--line-height-xxl);
860
- text-decoration: none;
861
- letter-spacing: var(--letter-spacing-s);
862
- }.type-module_h1__ikDt5 {
863
- font-family: var(--font-family), sans-serif;
864
- font-weight: var(--font-weight-extra);
865
- font-size: var(--font-size-h1);
866
- line-height: var(--line-height-xs);
867
- letter-spacing: var(--letter-spacing-m);
868
- }.type-module_h2__bSCvt {
869
- font-family: var(--font-family), sans-serif;
870
- font-weight: var(--font-weight-extra);
871
- font-size: var(--font-size-h2);
872
- line-height: var(--line-height-xs);
873
- letter-spacing: var(--letter-spacing-m);
874
- }.type-module_h3__8gHoN {
875
- font-family: var(--font-family), sans-serif;
876
- font-weight: var(--font-weight-extra);
877
- font-size: var(--font-size-h3);
878
- line-height: var(--line-height-xs);
879
- letter-spacing: var(--letter-spacing-m);
880
- }.type-module_h4__EVAd2 {
881
- font-family: var(--font-family), sans-serif;
882
- font-weight: var(--font-weight-extra);
883
- font-size: var(--font-size-h4);
884
- line-height: var(--line-height-xs);
885
- letter-spacing: var(--letter-spacing-m);
886
- }.type-module_h5__92r22 {
887
- font-family: var(--font-family), sans-serif;
888
- font-weight: var(--font-weight-extra);
889
- font-size: var(--font-size-h5);
890
- line-height: var(--line-height-xs);
891
- letter-spacing: var(--letter-spacing-m);
892
- }.type-module_h6__sshOw {
893
- font-family: var(--font-family), sans-serif;
894
- font-weight: var(--font-weight-extra);
895
- font-size: var(--font-size-h6);
896
- line-height: var(--line-height-xs);
897
- letter-spacing: var(--letter-spacing-m);
898
- }
899
-
900
- .CheckBox-module_wrapper__uRsjI {
901
- min-height: var(--cb-size);
902
- height: var(--cb-size);
903
- width: auto;
904
- gap: 6px;
905
- cursor: pointer;
906
- overflow: hidden;
907
- user-select: none;
908
- -webkit-user-select: none;
909
- outline: none;
910
- border: 0;
911
- }
912
-
913
- .CheckBox-module_icon__FoDJN {
914
- min-width: var(--cb-size);
915
- max-width: var(--cb-size);
916
- min-height: var(--cb-size);
917
- max-height: var(--cb-size);
918
- }
919
-
920
- .CheckBox-module_label__0AiBp {
921
- color: var(--cb-label-color);
922
- transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
612
+ }.Dot-module_dot__RNz87 {
613
+ display: var(--dot-display);
614
+ box-sizing: content-box;
615
+ position: var(--dot-position);
616
+ top: var(--dot-top);
617
+ right: var(--dot-right);
618
+ vertical-align: var(--dot-vertical-align);
619
+ min-height: var(--dot-size);
620
+ min-width: var(--dot-size);
621
+ height: var(--dot-size);
622
+ width: var(--dot-size);
623
+ border: var(--dot-border) solid var(--core-surface-primary);
624
+ background: var(--dot-bg);
625
+ border-radius: 100%;
626
+ z-index: var(--elevation-status);
923
627
  }
924
628
 
925
629
  .flexBox-module_row__z24tF {
@@ -1018,7 +722,75 @@ line {
1018
722
  z-index: var(--elevation-overlay);
1019
723
  }
1020
724
 
1021
- .type-module_body-xs-regular__ZAFft {
725
+ .flexBox-module_row__z24tF {
726
+ display: flex;
727
+ justify-content: center;
728
+ align-items: center;
729
+ box-sizing: border-box;
730
+ padding: 0;
731
+ margin: 0;
732
+ }.flexBox-module_rowBetween__5FEvi {
733
+ display: flex;
734
+ justify-content: space-between;
735
+ align-items: center;
736
+ box-sizing: border-box;
737
+ padding: 0;
738
+ margin: 0;
739
+ }.flexBox-module_rowStart__4tcxS {
740
+ display: flex;
741
+ justify-content: flex-start;
742
+ align-items: center;
743
+ box-sizing: border-box;
744
+ padding: 0;
745
+ margin: 0;
746
+ }.flexBox-module_rowEnd__rVdVm {
747
+ display: flex;
748
+ justify-content: flex-end;
749
+ align-items: center;
750
+ box-sizing: border-box;
751
+ padding: 0;
752
+ margin: 0;
753
+ }.flexBox-module_column__ezvMq {
754
+ display: flex;
755
+ flex-direction: column;
756
+ justify-content: center;
757
+ align-items: center;
758
+ box-sizing: border-box;
759
+ padding: 0;
760
+ margin: 0;
761
+ }.flexBox-module_columnStart__C7P44 {
762
+ display: flex;
763
+ flex-direction: column;
764
+ justify-content: flex-start;
765
+ align-items: flex-start;
766
+ box-sizing: border-box;
767
+ padding: 0;
768
+ margin: 0;
769
+ }.flexBox-module_columnStartCenter__PKcrG {
770
+ display: flex;
771
+ flex-direction: column;
772
+ justify-content: flex-start;
773
+ align-items: center;
774
+ box-sizing: border-box;
775
+ padding: 0;
776
+ margin: 0;
777
+ }.flexBox-module_columnBetween__ERfp7 {
778
+ display: flex;
779
+ flex-direction: column;
780
+ justify-content: space-between;
781
+ align-items: center;
782
+ box-sizing: border-box;
783
+ padding: 0;
784
+ margin: 0;
785
+ }.flexBox-module_columnEnd__lLJuc {
786
+ display: flex;
787
+ flex-direction: column;
788
+ justify-content: flex-end;
789
+ align-items: flex-end;
790
+ box-sizing: border-box;
791
+ padding: 0;
792
+ margin: 0;
793
+ }.type-module_body-xs-regular__ZAFft {
1022
794
  font-family: var(--font-family), sans-serif;
1023
795
  font-weight: var(--font-weight-regular);
1024
796
  font-size: var(--font-size-xs);
@@ -1160,34 +932,50 @@ line {
1160
932
  line-height: var(--line-height-xs);
1161
933
  letter-spacing: var(--letter-spacing-m);
1162
934
  }
1163
- .DivInput-module_wrapper__ZQxY- {
1164
- padding: var(--div-input-padding);
1165
- width: var(--div-input-width);
1166
- border-radius: var(--div-input-border-radius);
1167
- background: var(--div-input-wrapper-bg);
935
+ .IconButton-module_button__rziqa {
936
+ position: relative;
937
+ background: var(--ib-bg-color);
938
+ border-radius: var(--ib-border-radius);
939
+ border: var(--ib-border) solid var(--core-outline-primary);
940
+ gap: 6px;
941
+ cursor: var(--ib-cursor);
942
+ appearance: none;
943
+ -webkit-appearance: none;
944
+ background-image: none;
945
+ outline: none;
946
+ min-height: var(--ib-button-size);
947
+ height: var(--ib-button-size);
948
+ min-width: var(--ib-button-size);
949
+ width: var(--ib-button-size);
950
+ user-select: none;
951
+ -webkit-user-select: none;
1168
952
  }
1169
- .DivInput-module_wrapper__ZQxY-:hover {
1170
- background: var(--div-input-bg);
953
+ .IconButton-module_button__rziqa:hover {
954
+ background: var(--ib-bg-color-hover);
1171
955
  }
1172
956
 
1173
- .DivInput-module_input__J34-l {
1174
- color: var(--div-input-color);
1175
- user-select: var(--div-input-user-select);
1176
- -webkit-user-select: var(--div-input-user-select);
1177
- text-align: var(--div-input-text-align);
1178
- pointer-events: all;
1179
- background: transparent;
1180
- border-radius: var(--corner-xs);
1181
- border: 0;
1182
- outline: none;
957
+ .IconButton-module_label__qWGFD {
958
+ color: var(--ib-color);
1183
959
  text-overflow: ellipsis;
1184
- display: -webkit-box;
1185
960
  overflow: hidden;
1186
- white-space: var(--div-input-white-space);
1187
- -webkit-line-clamp: var(--div-input-line-clamp);
961
+ word-break: break-all;
962
+ display: -webkit-box;
963
+ -webkit-line-clamp: 1;
1188
964
  -webkit-box-orient: vertical;
1189
- cursor: var(--div-input-cursor);
1190
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
965
+ }
966
+
967
+ .IconButton-module_icon__2DDWy {
968
+ min-height: var(--ib-icon-size);
969
+ height: var(--ib-icon-size);
970
+ min-width: var(--ib-icon-size);
971
+ width: var(--ib-icon-size);
972
+ }
973
+
974
+ .IconButton-module_count__6r373 {
975
+ position: absolute;
976
+ top: 0;
977
+ right: 0;
978
+ transform: translateX(5px) translateY(-2px);
1191
979
  }
1192
980
 
1193
981
  .flexBox-module_row__z24tF {
@@ -1258,30 +1046,124 @@ line {
1258
1046
  box-sizing: border-box;
1259
1047
  padding: 0;
1260
1048
  margin: 0;
1261
- }.type-module_body-xs-regular__ZAFft {
1262
- font-family: var(--font-family), sans-serif;
1263
- font-weight: var(--font-weight-regular);
1264
- font-size: var(--font-size-xs);
1265
- line-height: var(--line-height-m);
1266
- text-decoration: none;
1267
- letter-spacing: var(--letter-spacing-m);
1268
- }.type-module_body-xs-medium__s3KvF {
1269
- font-family: var(--font-family), sans-serif;
1270
- font-weight: var(--font-weight-medium);
1271
- font-size: var(--font-size-xs);
1272
- line-height: var(--line-height-m);
1273
- text-decoration: none;
1274
- letter-spacing: var(--letter-spacing-m);
1275
- }.type-module_body-xs-bold__Lhqqq {
1276
- font-family: var(--font-family), sans-serif;
1277
- font-weight: var(--font-weight-bold);
1278
- font-size: var(--font-size-xs);
1279
- line-height: var(--line-height-m);
1280
- text-decoration: none;
1281
- letter-spacing: var(--letter-spacing-l);
1282
- }.type-module_body-s-regular__vRHSP {
1283
- font-family: var(--font-family), sans-serif;
1284
- font-weight: var(--font-weight-regular);
1049
+ }
1050
+
1051
+ .ModalController-module_container__3cSaO {
1052
+ position: fixed;
1053
+ inset: 0;
1054
+ overflow: hidden;
1055
+ z-index: var(--elevation-confirm);
1056
+ }
1057
+
1058
+ .ModalController-module_box__cPzOz {
1059
+ position: relative;
1060
+ display: flex;
1061
+ justify-content: center;
1062
+ align-items: center;
1063
+ background: transparent;
1064
+ width: 100%;
1065
+ height: 100%;
1066
+ overflow: visible;
1067
+ z-index: var(--elevation-confirm);
1068
+ }
1069
+
1070
+ .ModalController-module_wrapper__HkOoX {
1071
+ position: absolute;
1072
+ z-index: var(--elevation-confirm);
1073
+ }
1074
+
1075
+ .flexBox-module_row__z24tF {
1076
+ display: flex;
1077
+ justify-content: center;
1078
+ align-items: center;
1079
+ box-sizing: border-box;
1080
+ padding: 0;
1081
+ margin: 0;
1082
+ }.flexBox-module_rowBetween__5FEvi {
1083
+ display: flex;
1084
+ justify-content: space-between;
1085
+ align-items: center;
1086
+ box-sizing: border-box;
1087
+ padding: 0;
1088
+ margin: 0;
1089
+ }.flexBox-module_rowStart__4tcxS {
1090
+ display: flex;
1091
+ justify-content: flex-start;
1092
+ align-items: center;
1093
+ box-sizing: border-box;
1094
+ padding: 0;
1095
+ margin: 0;
1096
+ }.flexBox-module_rowEnd__rVdVm {
1097
+ display: flex;
1098
+ justify-content: flex-end;
1099
+ align-items: center;
1100
+ box-sizing: border-box;
1101
+ padding: 0;
1102
+ margin: 0;
1103
+ }.flexBox-module_column__ezvMq {
1104
+ display: flex;
1105
+ flex-direction: column;
1106
+ justify-content: center;
1107
+ align-items: center;
1108
+ box-sizing: border-box;
1109
+ padding: 0;
1110
+ margin: 0;
1111
+ }.flexBox-module_columnStart__C7P44 {
1112
+ display: flex;
1113
+ flex-direction: column;
1114
+ justify-content: flex-start;
1115
+ align-items: flex-start;
1116
+ box-sizing: border-box;
1117
+ padding: 0;
1118
+ margin: 0;
1119
+ }.flexBox-module_columnStartCenter__PKcrG {
1120
+ display: flex;
1121
+ flex-direction: column;
1122
+ justify-content: flex-start;
1123
+ align-items: center;
1124
+ box-sizing: border-box;
1125
+ padding: 0;
1126
+ margin: 0;
1127
+ }.flexBox-module_columnBetween__ERfp7 {
1128
+ display: flex;
1129
+ flex-direction: column;
1130
+ justify-content: space-between;
1131
+ align-items: center;
1132
+ box-sizing: border-box;
1133
+ padding: 0;
1134
+ margin: 0;
1135
+ }.flexBox-module_columnEnd__lLJuc {
1136
+ display: flex;
1137
+ flex-direction: column;
1138
+ justify-content: flex-end;
1139
+ align-items: flex-end;
1140
+ box-sizing: border-box;
1141
+ padding: 0;
1142
+ margin: 0;
1143
+ }.type-module_body-xs-regular__ZAFft {
1144
+ font-family: var(--font-family), sans-serif;
1145
+ font-weight: var(--font-weight-regular);
1146
+ font-size: var(--font-size-xs);
1147
+ line-height: var(--line-height-m);
1148
+ text-decoration: none;
1149
+ letter-spacing: var(--letter-spacing-m);
1150
+ }.type-module_body-xs-medium__s3KvF {
1151
+ font-family: var(--font-family), sans-serif;
1152
+ font-weight: var(--font-weight-medium);
1153
+ font-size: var(--font-size-xs);
1154
+ line-height: var(--line-height-m);
1155
+ text-decoration: none;
1156
+ letter-spacing: var(--letter-spacing-m);
1157
+ }.type-module_body-xs-bold__Lhqqq {
1158
+ font-family: var(--font-family), sans-serif;
1159
+ font-weight: var(--font-weight-bold);
1160
+ font-size: var(--font-size-xs);
1161
+ line-height: var(--line-height-m);
1162
+ text-decoration: none;
1163
+ letter-spacing: var(--letter-spacing-l);
1164
+ }.type-module_body-s-regular__vRHSP {
1165
+ font-family: var(--font-family), sans-serif;
1166
+ font-weight: var(--font-weight-regular);
1285
1167
  font-size: var(--font-size-s);
1286
1168
  line-height: var(--line-height-xl);
1287
1169
  text-decoration: none;
@@ -1401,40 +1283,30 @@ line {
1401
1283
  letter-spacing: var(--letter-spacing-m);
1402
1284
  }
1403
1285
 
1404
- .Avatar-module_wrapper__ab1D7 {
1405
- position: relative;
1406
- min-height: var(--avatar-size);
1407
- min-width: var(--avatar-size);
1408
- max-height: var(--avatar-size);
1409
- max-width: var(--avatar-size);
1410
- height: var(--avatar-size);
1411
- width: var(--avatar-size);
1412
- border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
1413
- border-radius: 100%;
1414
- outline: 0;
1415
- }
1416
-
1417
- .Avatar-module_user__ZQv0Q {
1418
- font-size: var(--avatar-font-size) !important;
1419
- height: 100%;
1420
- width: 100%;
1421
- line-height: 1em;
1422
- text-transform: uppercase;
1423
- border-radius: 100%;
1424
- border: var(--avatar-border) solid var(--avatar-border-color);
1425
- background-color: var(--avatar-bg-color);
1426
- color: var(--avatar-color);
1427
- background-image: var(--avatar-bg-image);
1428
- background-size: cover;
1286
+ .CheckBox-module_wrapper__uRsjI {
1287
+ min-height: var(--cb-size);
1288
+ height: var(--cb-size);
1289
+ width: auto;
1290
+ gap: 6px;
1429
1291
  cursor: pointer;
1292
+ overflow: hidden;
1430
1293
  user-select: none;
1431
1294
  -webkit-user-select: none;
1432
- transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
1295
+ outline: none;
1296
+ border: 0;
1433
1297
  }
1434
1298
 
1435
- .Avatar-module_user__ZQv0Q:hover {
1436
- border-color: var(--avatar-border-color-hover);
1437
- }
1299
+ .CheckBox-module_icon__FoDJN {
1300
+ min-width: var(--cb-size);
1301
+ max-width: var(--cb-size);
1302
+ min-height: var(--cb-size);
1303
+ max-height: var(--cb-size);
1304
+ }
1305
+
1306
+ .CheckBox-module_label__0AiBp {
1307
+ color: var(--cb-label-color);
1308
+ transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
1309
+ }
1438
1310
 
1439
1311
  .flexBox-module_row__z24tF {
1440
1312
  display: flex;
@@ -1647,207 +1519,38 @@ line {
1647
1519
  letter-spacing: var(--letter-spacing-m);
1648
1520
  }
1649
1521
 
1650
- .Camera-module_wrapper__GOsKp {
1651
- position: relative;
1652
- width: 100%;
1653
- height: 100%;
1654
- background-color: var(--core-surface-secondary);
1655
- overflow: hidden;
1656
- border-radius: var(--corner-xs);
1657
- }
1658
-
1659
- .Camera-module_video__Q2r9B {
1522
+ .Grouper-module_header__D5fV0 {
1660
1523
  width: 100%;
1661
- height: 100%;
1662
- object-fit: cover;
1663
- }
1664
-
1665
- .Camera-module_controls__qXYoL {
1666
- position: absolute;
1667
- bottom: 0;
1668
- left: 0;
1669
- right: 0;
1670
- padding: 16px !important;
1671
- gap: 16px;
1672
- background-color: var(--camera-controls-bg);
1673
- transform: var(--camera-controls-transform);
1674
- transition: transform var(--motion-water-duration) var(--motion-water) 0s;
1675
- }
1676
-
1677
- .Camera-module_controlsRight__VcIz7 {
1678
- gap: 12px;
1679
- flex: 1;
1680
- }
1681
-
1682
- .Camera-module_controlsCenter__e-erq {
1683
- gap: 12px;
1684
- flex: 1;
1685
- }
1686
-
1687
- .Camera-module_controlsLeft__bR4TN {
1688
- gap: 12px;
1689
- flex: 1;
1690
- }
1691
-
1692
- .Camera-module_error__t0w-d {
1693
- position: absolute;
1694
- top: 50%;
1695
- left: 50%;
1696
- transform: translate(-50%, -50%);
1697
- color: var(--feedback-warning);
1524
+ cursor: pointer;
1525
+ appearance: none;
1526
+ -webkit-appearance: none;
1527
+ background-image: none;
1528
+ background-color: transparent;
1529
+ border: 0;
1530
+ outline: none;
1531
+ padding: 0;
1698
1532
  }
1699
1533
 
1700
- .Camera-module_poster__Gun-v {
1701
- position: absolute;
1702
- aspect-ratio: 1 / 1;
1703
- top: 0;
1704
- bottom: 0;
1705
- left: 50%;
1706
- transform: translateX(-50%);
1534
+ .Grouper-module_title__ZKqTP {
1707
1535
  color: var(--core-text-primary);
1536
+ flex: 1;
1708
1537
  }
1709
1538
 
1710
- .Camera-module_snapshotFrame__YM6Eu {
1711
- position: absolute;
1712
- max-width: 25%;
1713
- height: min-content;
1714
- top: 16px;
1715
- right: 16px;
1716
- z-index: 1;
1539
+ .Grouper-module_content__Mof50 {
1540
+ user-select: none;
1541
+ -webkit-user-select: none;
1542
+ padding: 0 24px !important;
1543
+ width: 100%;
1544
+ gap: 6px;
1545
+ height: var(--grouper-height);
1546
+ border-top: var(--grouper-border) solid var(--core-outline-primary);
1717
1547
  }
1718
1548
 
1719
- .Camera-module_clear__aaCfT {
1720
- position: absolute;
1721
- top: 16px;
1722
- right: 16px;
1723
- z-index: 3;
1724
- }
1725
-
1726
- .Camera-module_snapshot__odQH0 {
1727
- width: 100%;
1728
- border: 1px solid var(--core-outline-special);
1729
- z-index: 2;
1730
- }
1731
-
1732
- .Camera-module_toolbarButton__mnmoF {
1733
- gap: 4px;
1734
- cursor: pointer;
1735
- user-select: none;
1736
- -webkit-user-select: none;
1737
- }
1738
-
1739
- .Camera-module_buttonIcon__a-VBR {
1740
- min-height: var(--toolbar-button-size);
1741
- max-height: var(--toolbar-button-size);
1742
- min-width: var(--toolbar-button-size);
1743
- max-width: var(--toolbar-button-size);
1744
- background: var(--toolbar-button-bg-color);
1745
- border: 1px solid transparent;
1746
- border-radius: 100%;
1747
- opacity: var(--toolbar-button-opacity);
1748
- transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
1749
- }
1750
-
1751
- .Camera-module_buttonIcon__a-VBR:hover {
1752
- border: 1px solid var(--core-outline-special);
1753
- }
1754
-
1755
- .Camera-module_buttonLabel__6BEs1 {
1756
- color: var(--toolbar-button-label-color);
1757
- }
1758
-
1759
- .flexBox-module_row__z24tF {
1760
- display: flex;
1761
- justify-content: center;
1762
- align-items: center;
1763
- box-sizing: border-box;
1764
- padding: 0;
1765
- margin: 0;
1766
- }.flexBox-module_rowBetween__5FEvi {
1767
- display: flex;
1768
- justify-content: space-between;
1769
- align-items: center;
1770
- box-sizing: border-box;
1771
- padding: 0;
1772
- margin: 0;
1773
- }.flexBox-module_rowStart__4tcxS {
1774
- display: flex;
1775
- justify-content: flex-start;
1776
- align-items: center;
1777
- box-sizing: border-box;
1778
- padding: 0;
1779
- margin: 0;
1780
- }.flexBox-module_rowEnd__rVdVm {
1781
- display: flex;
1782
- justify-content: flex-end;
1783
- align-items: center;
1784
- box-sizing: border-box;
1785
- padding: 0;
1786
- margin: 0;
1787
- }.flexBox-module_column__ezvMq {
1788
- display: flex;
1789
- flex-direction: column;
1790
- justify-content: center;
1791
- align-items: center;
1792
- box-sizing: border-box;
1793
- padding: 0;
1794
- margin: 0;
1795
- }.flexBox-module_columnStart__C7P44 {
1796
- display: flex;
1797
- flex-direction: column;
1798
- justify-content: flex-start;
1799
- align-items: flex-start;
1800
- box-sizing: border-box;
1801
- padding: 0;
1802
- margin: 0;
1803
- }.flexBox-module_columnStartCenter__PKcrG {
1804
- display: flex;
1805
- flex-direction: column;
1806
- justify-content: flex-start;
1807
- align-items: center;
1808
- box-sizing: border-box;
1809
- padding: 0;
1810
- margin: 0;
1811
- }.flexBox-module_columnBetween__ERfp7 {
1812
- display: flex;
1813
- flex-direction: column;
1814
- justify-content: space-between;
1815
- align-items: center;
1816
- box-sizing: border-box;
1817
- padding: 0;
1818
- margin: 0;
1819
- }.flexBox-module_columnEnd__lLJuc {
1820
- display: flex;
1821
- flex-direction: column;
1822
- justify-content: flex-end;
1823
- align-items: flex-end;
1824
- box-sizing: border-box;
1825
- padding: 0;
1826
- margin: 0;
1827
- }
1828
-
1829
- .ModalController-module_container__3cSaO {
1830
- position: fixed;
1831
- inset: 0;
1832
- overflow: hidden;
1833
- z-index: var(--elevation-confirm);
1834
- }
1835
-
1836
- .ModalController-module_box__cPzOz {
1837
- position: relative;
1838
- display: flex;
1839
- justify-content: center;
1840
- align-items: center;
1841
- background: transparent;
1842
- width: 100%;
1843
- height: 100%;
1844
- overflow: visible;
1845
- z-index: var(--elevation-confirm);
1846
- }
1847
-
1848
- .ModalController-module_wrapper__HkOoX {
1849
- position: absolute;
1850
- z-index: var(--elevation-confirm);
1549
+ .Grouper-module_icon__14Jis {
1550
+ min-height: var(--grouper-icon-size);
1551
+ height: var(--grouper-icon-size);
1552
+ min-width: var(--grouper-icon-size);
1553
+ width: var(--grouper-icon-size);
1851
1554
  }
1852
1555
 
1853
1556
  .flexBox-module_row__z24tF {
@@ -1918,24 +1621,7 @@ line {
1918
1621
  box-sizing: border-box;
1919
1622
  padding: 0;
1920
1623
  margin: 0;
1921
- }
1922
-
1923
- .AvatarGroup-module_wrapper__MtOyq {
1924
- gap: var(--ag-gap);
1925
- margin: var(--ag-margin);
1926
- }
1927
-
1928
- .AvatarGroup-module_avatar__5NVpW {
1929
- display: inline-block;
1930
- margin-left: var(--ag-overlap);
1931
- border-radius: 100%;
1932
- }
1933
-
1934
- .AvatarGroup-module_avatar__5NVpW:first-child {
1935
- margin-left: 0;
1936
- }
1937
-
1938
- .type-module_body-xs-regular__ZAFft {
1624
+ }.type-module_body-xs-regular__ZAFft {
1939
1625
  font-family: var(--font-family), sans-serif;
1940
1626
  font-weight: var(--font-weight-regular);
1941
1627
  font-size: var(--font-size-xs);
@@ -2076,54 +1762,15 @@ line {
2076
1762
  font-size: var(--font-size-h6);
2077
1763
  line-height: var(--line-height-xs);
2078
1764
  letter-spacing: var(--letter-spacing-m);
2079
- }.scrollBars-module_scrollbars__c-ZPl {
2080
- /* Consumers override these to theme their own scrollbar (e.g. Modal
2081
- binds them to its scrollHandleColor/scrollHandleColorHover props).
2082
- Unoverridden, they fall back to the shared page-level scroll tokens. */
2083
- --scrollbar-size: 6px;
2084
- --scrollbar-bg: transparent;
2085
- --scrollbar-thumb: var(--scroll-bar);
2086
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
2087
-
2088
- /* firefox does not support -webkit-scrollbar */
2089
- @supports not selector(::-webkit-scrollbar) {
2090
- scrollbar-width: thin;
2091
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2092
- }
2093
-
2094
- &::-webkit-scrollbar {
2095
- background-color: var(--scrollbar-bg);
2096
- width: var(--scrollbar-size);
2097
- height: var(--scrollbar-size);
2098
- }
2099
-
2100
- &::-webkit-scrollbar-track {
2101
- background-color: var(--scrollbar-bg);
2102
- width: var(--scrollbar-size);
2103
- height: var(--scrollbar-size);
2104
- }
2105
-
2106
- &::-webkit-scrollbar-thumb {
2107
- background-color: var(--scrollbar-thumb);
2108
- border-radius: 20px;
2109
- border: 1px solid var(--scrollbar-bg);
2110
- }
2111
-
2112
- &::-webkit-scrollbar-thumb:hover {
2113
- background-color: var(--scrollbar-thumb-hover);
2114
- border-radius: 20px;
2115
- border: 1px solid var(--scrollbar-bg);
2116
- }
2117
-
2118
- &::-webkit-scrollbar-corner {
2119
- background-color: var(--scrollbar-bg);
2120
- }
2121
- }.FlexDiv-module_flexDiv__EY5A- {
2122
- /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
2123
- --flex-div-scroll-border for this purpose) -- bind to the real one. */
2124
- --scrollbar-bg: var(--flex-div-scroll-border);
2125
- --scrollbar-thumb: var(--flex-div-scroll-handle);
2126
- --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
1765
+ }.Badge-module_badge__RsuMz {
1766
+ line-height: 1em;
1767
+ color: var(--badge-color);
1768
+ background: var(--badge-bg);
1769
+ padding: 2px 8px;
1770
+ min-width: 24px;
1771
+ width: min-content;
1772
+ border-radius: var(--corner-m);
1773
+ white-space: nowrap;
2127
1774
  }
2128
1775
 
2129
1776
  .flexBox-module_row__z24tF {
@@ -2194,59 +1841,160 @@ line {
2194
1841
  box-sizing: border-box;
2195
1842
  padding: 0;
2196
1843
  margin: 0;
2197
- }.type-module_body-xs-regular__ZAFft {
2198
- font-family: var(--font-family), sans-serif;
2199
- font-weight: var(--font-weight-regular);
2200
- font-size: var(--font-size-xs);
2201
- line-height: var(--line-height-m);
2202
- text-decoration: none;
2203
- letter-spacing: var(--letter-spacing-m);
2204
- }.type-module_body-xs-medium__s3KvF {
2205
- font-family: var(--font-family), sans-serif;
2206
- font-weight: var(--font-weight-medium);
2207
- font-size: var(--font-size-xs);
2208
- line-height: var(--line-height-m);
2209
- text-decoration: none;
2210
- letter-spacing: var(--letter-spacing-m);
2211
- }.type-module_body-xs-bold__Lhqqq {
2212
- font-family: var(--font-family), sans-serif;
2213
- font-weight: var(--font-weight-bold);
2214
- font-size: var(--font-size-xs);
2215
- line-height: var(--line-height-m);
2216
- text-decoration: none;
2217
- letter-spacing: var(--letter-spacing-l);
2218
- }.type-module_body-s-regular__vRHSP {
2219
- font-family: var(--font-family), sans-serif;
2220
- font-weight: var(--font-weight-regular);
2221
- font-size: var(--font-size-s);
2222
- line-height: var(--line-height-xl);
2223
- text-decoration: none;
2224
- letter-spacing: var(--letter-spacing-s);
2225
- }.type-module_body-s-medium__tjdFc {
2226
- font-family: var(--font-family), sans-serif;
2227
- font-weight: var(--font-weight-medium);
2228
- font-size: var(--font-size-s);
2229
- line-height: var(--line-height-xl);
2230
- text-decoration: none;
2231
- letter-spacing: var(--letter-spacing-s);
2232
- }.type-module_body-s-bold__Iy-VX {
2233
- font-family: var(--font-family), sans-serif;
2234
- font-weight: var(--font-weight-bold);
2235
- font-size: var(--font-size-s);
2236
- line-height: var(--line-height-xl);
2237
- text-decoration: none;
2238
- letter-spacing: var(--letter-spacing-m);
2239
- }.type-module_body-m-regular__LuQBA {
2240
- font-family: var(--font-family), sans-serif;
2241
- font-weight: var(--font-weight-regular);
2242
- font-size: var(--font-size-m);
2243
- line-height: var(--line-height-l);
2244
- text-decoration: none;
2245
- letter-spacing: var(--letter-spacing-s);
2246
- }.type-module_body-m-medium__uW1on {
2247
- font-family: var(--font-family), sans-serif;
2248
- font-weight: var(--font-weight-medium);
2249
- font-size: var(--font-size-m);
1844
+ }
1845
+
1846
+ .Pager-module_wrapper__eutVg {
1847
+ gap: var(--pager-gap);
1848
+ width: 100%;
1849
+ z-index: var(--elevation-status);
1850
+ }
1851
+
1852
+ .Pager-module_bullet__TxyR5 {
1853
+ width: var(--pager-size);
1854
+ height: var(--pager-size);
1855
+ max-width: var(--pager-size);
1856
+ max-height: var(--pager-size);
1857
+ background: var(--pager-color);
1858
+ border-radius: 100%;
1859
+ border: 0;
1860
+ cursor: pointer;
1861
+ outline: none;
1862
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
1863
+ }
1864
+
1865
+ .Pager-module_bullet__TxyR5:hover {
1866
+ background: var(--pager-colorHover);
1867
+ }
1868
+
1869
+ .Pager-module_selected__C6xbR {
1870
+ background: var(--pager-colorOn);
1871
+ }
1872
+
1873
+ .Pager-module_selected__C6xbR:hover {
1874
+ background: var(--pager-colorOn);
1875
+ }
1876
+
1877
+ .flexBox-module_row__z24tF {
1878
+ display: flex;
1879
+ justify-content: center;
1880
+ align-items: center;
1881
+ box-sizing: border-box;
1882
+ padding: 0;
1883
+ margin: 0;
1884
+ }.flexBox-module_rowBetween__5FEvi {
1885
+ display: flex;
1886
+ justify-content: space-between;
1887
+ align-items: center;
1888
+ box-sizing: border-box;
1889
+ padding: 0;
1890
+ margin: 0;
1891
+ }.flexBox-module_rowStart__4tcxS {
1892
+ display: flex;
1893
+ justify-content: flex-start;
1894
+ align-items: center;
1895
+ box-sizing: border-box;
1896
+ padding: 0;
1897
+ margin: 0;
1898
+ }.flexBox-module_rowEnd__rVdVm {
1899
+ display: flex;
1900
+ justify-content: flex-end;
1901
+ align-items: center;
1902
+ box-sizing: border-box;
1903
+ padding: 0;
1904
+ margin: 0;
1905
+ }.flexBox-module_column__ezvMq {
1906
+ display: flex;
1907
+ flex-direction: column;
1908
+ justify-content: center;
1909
+ align-items: center;
1910
+ box-sizing: border-box;
1911
+ padding: 0;
1912
+ margin: 0;
1913
+ }.flexBox-module_columnStart__C7P44 {
1914
+ display: flex;
1915
+ flex-direction: column;
1916
+ justify-content: flex-start;
1917
+ align-items: flex-start;
1918
+ box-sizing: border-box;
1919
+ padding: 0;
1920
+ margin: 0;
1921
+ }.flexBox-module_columnStartCenter__PKcrG {
1922
+ display: flex;
1923
+ flex-direction: column;
1924
+ justify-content: flex-start;
1925
+ align-items: center;
1926
+ box-sizing: border-box;
1927
+ padding: 0;
1928
+ margin: 0;
1929
+ }.flexBox-module_columnBetween__ERfp7 {
1930
+ display: flex;
1931
+ flex-direction: column;
1932
+ justify-content: space-between;
1933
+ align-items: center;
1934
+ box-sizing: border-box;
1935
+ padding: 0;
1936
+ margin: 0;
1937
+ }.flexBox-module_columnEnd__lLJuc {
1938
+ display: flex;
1939
+ flex-direction: column;
1940
+ justify-content: flex-end;
1941
+ align-items: flex-end;
1942
+ box-sizing: border-box;
1943
+ padding: 0;
1944
+ margin: 0;
1945
+ }.type-module_body-xs-regular__ZAFft {
1946
+ font-family: var(--font-family), sans-serif;
1947
+ font-weight: var(--font-weight-regular);
1948
+ font-size: var(--font-size-xs);
1949
+ line-height: var(--line-height-m);
1950
+ text-decoration: none;
1951
+ letter-spacing: var(--letter-spacing-m);
1952
+ }.type-module_body-xs-medium__s3KvF {
1953
+ font-family: var(--font-family), sans-serif;
1954
+ font-weight: var(--font-weight-medium);
1955
+ font-size: var(--font-size-xs);
1956
+ line-height: var(--line-height-m);
1957
+ text-decoration: none;
1958
+ letter-spacing: var(--letter-spacing-m);
1959
+ }.type-module_body-xs-bold__Lhqqq {
1960
+ font-family: var(--font-family), sans-serif;
1961
+ font-weight: var(--font-weight-bold);
1962
+ font-size: var(--font-size-xs);
1963
+ line-height: var(--line-height-m);
1964
+ text-decoration: none;
1965
+ letter-spacing: var(--letter-spacing-l);
1966
+ }.type-module_body-s-regular__vRHSP {
1967
+ font-family: var(--font-family), sans-serif;
1968
+ font-weight: var(--font-weight-regular);
1969
+ font-size: var(--font-size-s);
1970
+ line-height: var(--line-height-xl);
1971
+ text-decoration: none;
1972
+ letter-spacing: var(--letter-spacing-s);
1973
+ }.type-module_body-s-medium__tjdFc {
1974
+ font-family: var(--font-family), sans-serif;
1975
+ font-weight: var(--font-weight-medium);
1976
+ font-size: var(--font-size-s);
1977
+ line-height: var(--line-height-xl);
1978
+ text-decoration: none;
1979
+ letter-spacing: var(--letter-spacing-s);
1980
+ }.type-module_body-s-bold__Iy-VX {
1981
+ font-family: var(--font-family), sans-serif;
1982
+ font-weight: var(--font-weight-bold);
1983
+ font-size: var(--font-size-s);
1984
+ line-height: var(--line-height-xl);
1985
+ text-decoration: none;
1986
+ letter-spacing: var(--letter-spacing-m);
1987
+ }.type-module_body-m-regular__LuQBA {
1988
+ font-family: var(--font-family), sans-serif;
1989
+ font-weight: var(--font-weight-regular);
1990
+ font-size: var(--font-size-m);
1991
+ line-height: var(--line-height-l);
1992
+ text-decoration: none;
1993
+ letter-spacing: var(--letter-spacing-s);
1994
+ }.type-module_body-m-medium__uW1on {
1995
+ font-family: var(--font-family), sans-serif;
1996
+ font-weight: var(--font-weight-medium);
1997
+ font-size: var(--font-size-m);
2250
1998
  line-height: var(--line-height-l);
2251
1999
  text-decoration: none;
2252
2000
  letter-spacing: var(--letter-spacing-s);
@@ -2337,40 +2085,91 @@ line {
2337
2085
  letter-spacing: var(--letter-spacing-m);
2338
2086
  }
2339
2087
 
2340
- .Grouper-module_header__D5fV0 {
2341
- width: 100%;
2342
- cursor: pointer;
2343
- appearance: none;
2344
- -webkit-appearance: none;
2345
- background-image: none;
2346
- background-color: transparent;
2347
- border: 0;
2348
- outline: none;
2349
- padding: 0;
2088
+ .DropDown-module_wrapper__CyX0u {
2089
+ display: var(--dd-display) !important;
2090
+ padding: var(--dd-padding) !important;
2091
+ margin: var(--dd-margin) !important;
2092
+ position: relative;
2093
+ gap: var(--dd-gap);
2094
+ width: var(--dd-width);
2095
+ border-radius: var(--dd-border-radius);
2096
+ background-color: var(--dd-bg-color);
2097
+ border: var(--dd-border);
2098
+ border-bottom: var(--dd-border-bottom);
2099
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
2100
+ user-select: none;
2101
+ -webkit-user-select: none;
2350
2102
  }
2351
2103
 
2352
- .Grouper-module_title__ZKqTP {
2353
- color: var(--core-text-primary);
2104
+ .DropDown-module_face__6gyF3 {
2105
+ overflow: hidden;
2106
+ min-width: 0;
2354
2107
  flex: 1;
2355
2108
  }
2356
2109
 
2357
- .Grouper-module_content__Mof50 {
2358
- user-select: none;
2359
- -webkit-user-select: none;
2360
- padding: 0 24px !important;
2361
- width: 100%;
2362
- gap: 6px;
2363
- height: var(--grouper-height);
2364
- border-top: var(--grouper-border) solid var(--core-outline-primary);
2110
+ .DropDown-module_faceText__glhB3 {
2111
+ display: -webkit-box;
2112
+ -webkit-line-clamp: 1;
2113
+ -webkit-box-orient: vertical;
2114
+ box-sizing: border-box;
2115
+ overflow: hidden;
2116
+ text-overflow: ellipsis;
2117
+ word-break: break-all;
2118
+ color: var(--dd-color);
2119
+ min-width: 0;
2365
2120
  }
2366
2121
 
2367
- .Grouper-module_icon__14Jis {
2368
- min-height: var(--grouper-icon-size);
2369
- height: var(--grouper-icon-size);
2370
- min-width: var(--grouper-icon-size);
2371
- width: var(--grouper-icon-size);
2122
+ .DropDown-module_label__Mrwbp {
2123
+ width: min-content;
2124
+ overflow: hidden;
2125
+ white-space: nowrap;
2126
+ text-overflow: ellipsis;
2127
+ color: var(--dd-label-color);
2128
+ }
2129
+
2130
+ .DropDown-module_xs__7L71q {
2131
+ }
2132
+
2133
+ .DropDown-module_s__vAxXD {
2134
+ }
2135
+
2136
+ .DropDown-module_m__K6JPk {
2137
+ }
2138
+
2139
+ .DropDown-module_l__Kib48 {
2372
2140
  }
2373
2141
 
2142
+ .DropDown-module_xl__mwc0C {
2143
+ }
2144
+
2145
+ .DropDown-module_chevron__LkYsE {
2146
+ min-height: var(--dd-icon-size);
2147
+ max-height: var(--dd-icon-size);
2148
+ min-width: var(--dd-icon-size);
2149
+ max-width: var(--dd-icon-size);
2150
+ }
2151
+
2152
+ .DropDown-module_select__mzNnv {
2153
+ position: absolute;
2154
+ opacity: 0;
2155
+ width: 100%;
2156
+ height: 100%;
2157
+ font-size: 14px;
2158
+ background-color: #1f99cd;
2159
+ background-position: right 10px center;
2160
+ background-repeat: no-repeat;
2161
+ background-size: auto 50%;
2162
+ border: none;
2163
+ outline: none;
2164
+ -moz-appearance: none;
2165
+ -webkit-appearance: none;
2166
+ appearance: none;
2167
+ }
2168
+
2169
+ .DropDown-module_select__mzNnv::-ms-expand {
2170
+ display: none;
2171
+ }
2172
+
2374
2173
  .flexBox-module_row__z24tF {
2375
2174
  display: flex;
2376
2175
  justify-content: center;
@@ -2851,91 +2650,69 @@ line {
2851
2650
  letter-spacing: var(--letter-spacing-m);
2852
2651
  }
2853
2652
 
2854
- .DropDown-module_wrapper__CyX0u {
2855
- display: var(--dd-display) !important;
2856
- padding: var(--dd-padding) !important;
2857
- margin: var(--dd-margin) !important;
2858
- position: relative;
2859
- gap: var(--dd-gap);
2860
- width: var(--dd-width);
2861
- border-radius: var(--dd-border-radius);
2862
- background-color: var(--dd-bg-color);
2863
- border: var(--dd-border);
2864
- border-bottom: var(--dd-border-bottom);
2865
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
2866
- user-select: none;
2867
- -webkit-user-select: none;
2653
+ .TabBar-module_wrapper__cyOR1 {
2654
+ justify-content: var(--tab-bar-justify) !important;
2655
+ gap: var(--tab-bar-gap);
2656
+ border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
2657
+ height: var(--tab-bar-height);
2658
+ width: var(--tab-bar-width);
2659
+ cursor: pointer;
2868
2660
  }
2869
2661
 
2870
- .DropDown-module_face__6gyF3 {
2871
- overflow: hidden;
2872
- min-width: 0;
2873
- flex: 1;
2662
+ .TabBar-module_option__gYjDf {
2663
+ gap: var(--tab-bar-option-gap);
2664
+ color: var(--tab-bar-option-color);
2665
+ padding: var(--tab-bar-option-padding) !important;
2666
+ height: 100%;
2667
+ width: var(--tab-bar-option-width);
2668
+ flex: var(--tab-bar-option-flex);
2669
+ white-space: nowrap;
2670
+ box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
2671
+ cursor: var(--tab-bar-option-cursor);
2672
+ -webkit-user-select: none;
2673
+ user-select: none;
2674
+ appearance: none;
2675
+ -webkit-appearance: none;
2676
+ background-image: none;
2677
+ background-color: transparent;
2678
+ border: 0;
2679
+ outline: none;
2680
+ text-align: left;
2874
2681
  }
2875
2682
 
2876
- .DropDown-module_faceText__glhB3 {
2877
- display: -webkit-box;
2878
- -webkit-line-clamp: 1;
2879
- -webkit-box-orient: vertical;
2880
- box-sizing: border-box;
2881
- overflow: hidden;
2882
- text-overflow: ellipsis;
2883
- word-break: break-all;
2884
- color: var(--dd-color);
2885
- min-width: 0;
2683
+ .TabBar-module_icon__JDgG3 {
2684
+ max-height: var(--tab-bar-icon-size);
2685
+ min-height: var(--tab-bar-icon-size);
2686
+ max-width: var(--tab-bar-icon-size);
2687
+ min-width: var(--tab-bar-icon-size);
2886
2688
  }
2887
2689
 
2888
- .DropDown-module_label__Mrwbp {
2690
+ .TabBar-module_close__bvSBh {
2691
+ height: 100%;
2692
+ padding: var(--tab-bar-close-padding) !important;
2693
+ border-left: 1px solid var(--core-outline-primary);
2889
2694
  width: min-content;
2890
- overflow: hidden;
2891
- white-space: nowrap;
2892
- text-overflow: ellipsis;
2893
- color: var(--dd-label-color);
2894
- }
2895
-
2896
- .DropDown-module_xs__7L71q {
2897
2695
  }
2898
2696
 
2899
- .DropDown-module_s__vAxXD {
2697
+ .TabBar-module_xs__QDjV9 {
2900
2698
  }
2901
2699
 
2902
- .DropDown-module_m__K6JPk {
2700
+ .TabBar-module_s__-EBj2 {
2903
2701
  }
2904
2702
 
2905
- .DropDown-module_l__Kib48 {
2703
+ .TabBar-module_m__3sCA3 {
2906
2704
  }
2907
2705
 
2908
- .DropDown-module_xl__mwc0C {
2706
+ .TabBar-module_l__hy1rR {
2909
2707
  }
2910
2708
 
2911
- .DropDown-module_chevron__LkYsE {
2912
- min-height: var(--dd-icon-size);
2913
- max-height: var(--dd-icon-size);
2914
- min-width: var(--dd-icon-size);
2915
- max-width: var(--dd-icon-size);
2709
+ .TabBar-module_xl__zaASU {
2916
2710
  }
2917
2711
 
2918
- .DropDown-module_select__mzNnv {
2919
- position: absolute;
2920
- opacity: 0;
2921
- width: 100%;
2922
- height: 100%;
2923
- font-size: 14px;
2924
- background-color: #1f99cd;
2925
- background-position: right 10px center;
2926
- background-repeat: no-repeat;
2927
- background-size: auto 50%;
2928
- border: none;
2929
- outline: none;
2930
- -moz-appearance: none;
2931
- -webkit-appearance: none;
2932
- appearance: none;
2712
+ .TabBar-module_selected__UmBdu {
2713
+ font-weight: 520 !important;
2933
2714
  }
2934
2715
 
2935
- .DropDown-module_select__mzNnv::-ms-expand {
2936
- display: none;
2937
- }
2938
-
2939
2716
  .flexBox-module_row__z24tF {
2940
2717
  display: flex;
2941
2718
  justify-content: center;
@@ -3004,6 +2781,48 @@ line {
3004
2781
  box-sizing: border-box;
3005
2782
  padding: 0;
3006
2783
  margin: 0;
2784
+ }.scrollBars-module_scrollbars__c-ZPl {
2785
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
2786
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
2787
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
2788
+ --scrollbar-size: 6px;
2789
+ --scrollbar-bg: transparent;
2790
+ --scrollbar-thumb: var(--scroll-bar);
2791
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
2792
+
2793
+ /* firefox does not support -webkit-scrollbar */
2794
+ @supports not selector(::-webkit-scrollbar) {
2795
+ scrollbar-width: thin;
2796
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2797
+ }
2798
+
2799
+ &::-webkit-scrollbar {
2800
+ background-color: var(--scrollbar-bg);
2801
+ width: var(--scrollbar-size);
2802
+ height: var(--scrollbar-size);
2803
+ }
2804
+
2805
+ &::-webkit-scrollbar-track {
2806
+ background-color: var(--scrollbar-bg);
2807
+ width: var(--scrollbar-size);
2808
+ height: var(--scrollbar-size);
2809
+ }
2810
+
2811
+ &::-webkit-scrollbar-thumb {
2812
+ background-color: var(--scrollbar-thumb);
2813
+ border-radius: 20px;
2814
+ border: 1px solid var(--scrollbar-bg);
2815
+ }
2816
+
2817
+ &::-webkit-scrollbar-thumb:hover {
2818
+ background-color: var(--scrollbar-thumb-hover);
2819
+ border-radius: 20px;
2820
+ border: 1px solid var(--scrollbar-bg);
2821
+ }
2822
+
2823
+ &::-webkit-scrollbar-corner {
2824
+ background-color: var(--scrollbar-bg);
2825
+ }
3007
2826
  }.type-module_body-xs-regular__ZAFft {
3008
2827
  font-family: var(--font-family), sans-serif;
3009
2828
  font-weight: var(--font-weight-regular);
@@ -3147,122 +2966,283 @@ line {
3147
2966
  letter-spacing: var(--letter-spacing-m);
3148
2967
  }
3149
2968
 
3150
- .PromptInput-module_wrapperBg__zabZq {
2969
+ .Modal-module_wrapper__34Hds {
3151
2970
  position: relative;
3152
- --border-angle: 0turn;
3153
- --conic-gradient-dark: conic-gradient(
3154
- from var(--border-angle),
3155
- var(--core-text-special) 0deg,
3156
- var(--core-text-special) 45deg,
3157
- var(--core-text-special) 90deg,
3158
- var(--array-magenta-label) 135deg,
3159
- var(--array-magenta-label) 180deg,
3160
- var(--array-magenta-label) 225deg,
3161
- var(--array-land) 270deg,
3162
- var(--array-land) 315deg,
3163
- var(--array-land) 360deg
3164
- );
3165
- --conic-gradient-light: conic-gradient(
3166
- from var(--border-angle),
3167
- var(--core-text-special) 0deg,
3168
- var(--core-text-special) 45deg,
3169
- var(--core-text-special) 90deg,
3170
- var(--array-magenta-label) 135deg,
3171
- var(--array-magenta-label) 180deg,
3172
- var(--array-magenta-label) 225deg,
3173
- var(--array-land-label) 270deg,
3174
- var(--array-land-label) 315deg,
3175
- var(--array-land-label) 360deg
3176
- );
3177
- z-index: 0;
3178
- height: auto;
3179
- max-height: var(--prompt-max-height);
3180
- width: var(--prompt-width);
3181
- max-width: var(--prompt-max-width);
3182
- min-width: var(--prompt-min-width);
3183
- border-radius: var(--prompt-border-radius);
2971
+ min-width: var(--modal-min-width);
2972
+ min-height: var(--modal-min-height);
2973
+ max-height: var(--modal-max-height);
2974
+ max-width: var(--modal-max-width);
2975
+ background: var(--modal-background-color);
2976
+ border: var(--modal-border-width) solid var(--modal-border-color);
2977
+ border-radius: var(--modal-border-radius);
2978
+ box-shadow: var(--surface-shadow-soft);
3184
2979
  overflow: hidden;
3185
- padding: var(--prompt-border-width) !important;
3186
- background: var(--prompt-border-color);
3187
- animation: PromptInput-module_bgRotate__Um720 3s linear infinite;
3188
- animation-play-state: var(--prompt-state);
3189
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
3190
2980
  }
3191
2981
 
3192
- @property --border-angle {
3193
- syntax: "<angle>";
3194
- inherits: false;
3195
- initial-value: 0turn;
2982
+ .Modal-module_title__A5OeE {
2983
+ padding: var(--modal-padding) !important;
2984
+ width: 100%;
2985
+ gap: 16px;
2986
+ border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
3196
2987
  }
3197
2988
 
3198
- @keyframes PromptInput-module_bgRotate__Um720 {
3199
- 100% {
3200
- --border-angle: 1turn;
3201
- }
2989
+ .Modal-module_titleBlock__HUepX {
2990
+ color: var(--modal-title-color);
2991
+ flex: 1;
2992
+ gap: 6px;
2993
+ touch-action: none;
2994
+ user-select: none;
2995
+ -webkit-user-select: none;
3202
2996
  }
3203
2997
 
3204
- .PromptInput-module_textareaWrapper__KusiV {
3205
- align-items: flex-start;
2998
+ .Modal-module_titleIcon__xJYzy {
2999
+ height: 20px;
3000
+ width: 20px;
3001
+ min-height: 20px;
3002
+ min-width: 20px;
3003
+ user-select: none;
3004
+ -webkit-user-select: none;
3005
+ }
3006
+
3007
+ .Modal-module_contentWrapper__Swyjx {
3206
3008
  width: 100%;
3207
- height: min-content;
3208
- max-height: 400px;
3009
+ flex: 1;
3209
3010
  overflow: hidden;
3210
3011
  overflow-y: auto;
3211
- border-radius: var(--prompt-inner-border-radius);
3212
- background: var(--core-surface-secondary);
3012
+ margin-right: 4px !important;
3013
+ /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
3014
+ --scrollbar-bg: var(--modal-background-color);
3015
+ --scrollbar-thumb: var(--modal-scroll-handle);
3016
+ --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
3213
3017
  }
3214
3018
 
3215
- .PromptInput-module_attachments__rqgY1 {
3216
- padding: 16px 16px 0 16px !important;
3019
+ .Modal-module_content__dWO-B {
3020
+ padding: var(--modal-padding) !important;
3021
+ padding-top: 0 !important;
3022
+ padding-bottom: var(--modal-content-padding-tops) !important;
3217
3023
  width: 100%;
3218
3024
  }
3219
3025
 
3220
- .PromptInput-module_clear__MFroM {
3221
- padding: 12px 8px 0 0 !important;
3222
- display: var(--prompt-clear) !important;
3223
- }
3224
-
3225
- .PromptInput-module_buttonBar__X8LDe {
3226
- padding: 8px 16px 16px 16px !important;
3026
+ .Modal-module_actions__hY6zi {
3027
+ padding: var(--modal-padding) !important;
3227
3028
  width: 100%;
3228
- cursor: text;
3029
+ user-select: none;
3030
+ -webkit-user-select: none;
3031
+ border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
3229
3032
  }
3230
3033
 
3231
- .PromptInput-module_toolBar__GBvPT {
3232
- flex: 1;
3034
+ .Modal-module_leftActions__-M-DM {
3233
3035
  gap: 8px;
3234
3036
  }
3235
3037
 
3236
- .PromptInput-module_textarea__e4Kxn {
3237
- padding: 16px !important;
3238
- box-sizing: border-box;
3239
- field-sizing: content;
3240
- width: 100%;
3241
- resize: none;
3242
- border: 0;
3243
- outline: none;
3244
- color: var(--core-text-primary);
3245
- background: transparent;
3246
- border-radius: var(--prompt-border-radius);
3038
+ .Modal-module_rightActions__IFgrN {
3039
+ gap: 8px;
3247
3040
  }
3248
3041
 
3249
- .PromptInput-module_textarea__e4Kxn::placeholder {
3250
- color: var(--core-text-disabled);
3251
- }
3042
+ .Modal-module_xs__iPcS9 {
3043
+ }
3252
3044
 
3253
- .PromptInput-module_xs__Oy1ZT {
3045
+ .Modal-module_s__31sYS {
3254
3046
  }
3255
3047
 
3256
- .PromptInput-module_s__ivyC9 {
3048
+ .Modal-module_m__Iz82L {
3257
3049
  }
3258
3050
 
3259
- .PromptInput-module_m__LFHvW {
3051
+ .Modal-module_l__pntdS {
3260
3052
  }
3261
3053
 
3262
- .PromptInput-module_l__TlceW {
3054
+ .Modal-module_xl__MR-68 {
3263
3055
  }
3264
3056
 
3265
- .PromptInput-module_xl__FbITb {
3057
+ .type-module_body-xs-regular__ZAFft {
3058
+ font-family: var(--font-family), sans-serif;
3059
+ font-weight: var(--font-weight-regular);
3060
+ font-size: var(--font-size-xs);
3061
+ line-height: var(--line-height-m);
3062
+ text-decoration: none;
3063
+ letter-spacing: var(--letter-spacing-m);
3064
+ }.type-module_body-xs-medium__s3KvF {
3065
+ font-family: var(--font-family), sans-serif;
3066
+ font-weight: var(--font-weight-medium);
3067
+ font-size: var(--font-size-xs);
3068
+ line-height: var(--line-height-m);
3069
+ text-decoration: none;
3070
+ letter-spacing: var(--letter-spacing-m);
3071
+ }.type-module_body-xs-bold__Lhqqq {
3072
+ font-family: var(--font-family), sans-serif;
3073
+ font-weight: var(--font-weight-bold);
3074
+ font-size: var(--font-size-xs);
3075
+ line-height: var(--line-height-m);
3076
+ text-decoration: none;
3077
+ letter-spacing: var(--letter-spacing-l);
3078
+ }.type-module_body-s-regular__vRHSP {
3079
+ font-family: var(--font-family), sans-serif;
3080
+ font-weight: var(--font-weight-regular);
3081
+ font-size: var(--font-size-s);
3082
+ line-height: var(--line-height-xl);
3083
+ text-decoration: none;
3084
+ letter-spacing: var(--letter-spacing-s);
3085
+ }.type-module_body-s-medium__tjdFc {
3086
+ font-family: var(--font-family), sans-serif;
3087
+ font-weight: var(--font-weight-medium);
3088
+ font-size: var(--font-size-s);
3089
+ line-height: var(--line-height-xl);
3090
+ text-decoration: none;
3091
+ letter-spacing: var(--letter-spacing-s);
3092
+ }.type-module_body-s-bold__Iy-VX {
3093
+ font-family: var(--font-family), sans-serif;
3094
+ font-weight: var(--font-weight-bold);
3095
+ font-size: var(--font-size-s);
3096
+ line-height: var(--line-height-xl);
3097
+ text-decoration: none;
3098
+ letter-spacing: var(--letter-spacing-m);
3099
+ }.type-module_body-m-regular__LuQBA {
3100
+ font-family: var(--font-family), sans-serif;
3101
+ font-weight: var(--font-weight-regular);
3102
+ font-size: var(--font-size-m);
3103
+ line-height: var(--line-height-l);
3104
+ text-decoration: none;
3105
+ letter-spacing: var(--letter-spacing-s);
3106
+ }.type-module_body-m-medium__uW1on {
3107
+ font-family: var(--font-family), sans-serif;
3108
+ font-weight: var(--font-weight-medium);
3109
+ font-size: var(--font-size-m);
3110
+ line-height: var(--line-height-l);
3111
+ text-decoration: none;
3112
+ letter-spacing: var(--letter-spacing-s);
3113
+ }.type-module_body-m-bold__UBcvQ {
3114
+ font-family: var(--font-family), sans-serif;
3115
+ font-weight: var(--font-weight-bold);
3116
+ font-size: var(--font-size-m);
3117
+ line-height: var(--line-height-l);
3118
+ text-decoration: none;
3119
+ letter-spacing: var(--letter-spacing-m);
3120
+ }.type-module_body-l-regular__lOYbg {
3121
+ font-family: var(--font-family), sans-serif;
3122
+ font-weight: var(--font-weight-regular);
3123
+ font-size: var(--font-size-l);
3124
+ line-height: var(--line-height-xxl);
3125
+ text-decoration: none;
3126
+ letter-spacing: var(--letter-spacing-xs);
3127
+ }.type-module_body-l-medium__BqRC7 {
3128
+ font-family: var(--font-family), sans-serif;
3129
+ font-weight: var(--font-weight-medium);
3130
+ font-size: var(--font-size-l);
3131
+ line-height: var(--line-height-xxl);
3132
+ text-decoration: none;
3133
+ letter-spacing: var(--letter-spacing-xs);
3134
+ }.type-module_body-l-bold__Fh2dt {
3135
+ font-family: var(--font-family), sans-serif;
3136
+ font-weight: var(--font-weight-bold);
3137
+ font-size: var(--font-size-l);
3138
+ line-height: var(--line-height-xxl);
3139
+ text-decoration: none;
3140
+ letter-spacing: var(--letter-spacing-s);
3141
+ }.type-module_body-xl-regular__pF2kC {
3142
+ font-family: var(--font-family), sans-serif;
3143
+ font-weight: var(--font-weight-regular);
3144
+ font-size: var(--font-size-xl);
3145
+ line-height: var(--line-height-xxl);
3146
+ text-decoration: none;
3147
+ letter-spacing: var(--letter-spacing-xs);
3148
+ }.type-module_body-xl-medium__BeyrH {
3149
+ font-family: var(--font-family), sans-serif;
3150
+ font-weight: var(--font-weight-medium);
3151
+ font-size: var(--font-size-xl);
3152
+ line-height: var(--line-height-xxl);
3153
+ text-decoration: none;
3154
+ letter-spacing: var(--letter-spacing-xs);
3155
+ }.type-module_body-xl-bold__Ruknj {
3156
+ font-family: var(--font-family), sans-serif;
3157
+ font-weight: var(--font-weight-bold);
3158
+ font-size: var(--font-size-xl);
3159
+ line-height: var(--line-height-xxl);
3160
+ text-decoration: none;
3161
+ letter-spacing: var(--letter-spacing-s);
3162
+ }.type-module_h1__ikDt5 {
3163
+ font-family: var(--font-family), sans-serif;
3164
+ font-weight: var(--font-weight-extra);
3165
+ font-size: var(--font-size-h1);
3166
+ line-height: var(--line-height-xs);
3167
+ letter-spacing: var(--letter-spacing-m);
3168
+ }.type-module_h2__bSCvt {
3169
+ font-family: var(--font-family), sans-serif;
3170
+ font-weight: var(--font-weight-extra);
3171
+ font-size: var(--font-size-h2);
3172
+ line-height: var(--line-height-xs);
3173
+ letter-spacing: var(--letter-spacing-m);
3174
+ }.type-module_h3__8gHoN {
3175
+ font-family: var(--font-family), sans-serif;
3176
+ font-weight: var(--font-weight-extra);
3177
+ font-size: var(--font-size-h3);
3178
+ line-height: var(--line-height-xs);
3179
+ letter-spacing: var(--letter-spacing-m);
3180
+ }.type-module_h4__EVAd2 {
3181
+ font-family: var(--font-family), sans-serif;
3182
+ font-weight: var(--font-weight-extra);
3183
+ font-size: var(--font-size-h4);
3184
+ line-height: var(--line-height-xs);
3185
+ letter-spacing: var(--letter-spacing-m);
3186
+ }.type-module_h5__92r22 {
3187
+ font-family: var(--font-family), sans-serif;
3188
+ font-weight: var(--font-weight-extra);
3189
+ font-size: var(--font-size-h5);
3190
+ line-height: var(--line-height-xs);
3191
+ letter-spacing: var(--letter-spacing-m);
3192
+ }.type-module_h6__sshOw {
3193
+ font-family: var(--font-family), sans-serif;
3194
+ font-weight: var(--font-weight-extra);
3195
+ font-size: var(--font-size-h6);
3196
+ line-height: var(--line-height-xs);
3197
+ letter-spacing: var(--letter-spacing-m);
3198
+ }.scrollBars-module_scrollbars__c-ZPl {
3199
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
3200
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
3201
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
3202
+ --scrollbar-size: 6px;
3203
+ --scrollbar-bg: transparent;
3204
+ --scrollbar-thumb: var(--scroll-bar);
3205
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3206
+
3207
+ /* firefox does not support -webkit-scrollbar */
3208
+ @supports not selector(::-webkit-scrollbar) {
3209
+ scrollbar-width: thin;
3210
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
3211
+ }
3212
+
3213
+ &::-webkit-scrollbar {
3214
+ background-color: var(--scrollbar-bg);
3215
+ width: var(--scrollbar-size);
3216
+ height: var(--scrollbar-size);
3217
+ }
3218
+
3219
+ &::-webkit-scrollbar-track {
3220
+ background-color: var(--scrollbar-bg);
3221
+ width: var(--scrollbar-size);
3222
+ height: var(--scrollbar-size);
3223
+ }
3224
+
3225
+ &::-webkit-scrollbar-thumb {
3226
+ background-color: var(--scrollbar-thumb);
3227
+ border-radius: 20px;
3228
+ border: 1px solid var(--scrollbar-bg);
3229
+ }
3230
+
3231
+ &::-webkit-scrollbar-thumb:hover {
3232
+ background-color: var(--scrollbar-thumb-hover);
3233
+ border-radius: 20px;
3234
+ border: 1px solid var(--scrollbar-bg);
3235
+ }
3236
+
3237
+ &::-webkit-scrollbar-corner {
3238
+ background-color: var(--scrollbar-bg);
3239
+ }
3240
+ }.FlexDiv-module_flexDiv__EY5A- {
3241
+ /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
3242
+ --flex-div-scroll-border for this purpose) -- bind to the real one. */
3243
+ --scrollbar-bg: var(--flex-div-scroll-border);
3244
+ --scrollbar-thumb: var(--flex-div-scroll-handle);
3245
+ --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
3266
3246
  }
3267
3247
 
3268
3248
  .flexBox-module_row__z24tF {
@@ -3335,69 +3315,18 @@ line {
3335
3315
  margin: 0;
3336
3316
  }
3337
3317
 
3338
- .Slider-module_wrapper__KCCs1 {
3339
- position: relative;
3340
- display: flex;
3341
- justify-content: flex-start;
3342
- align-items: center;
3343
- box-sizing: border-box;
3344
- padding: 0 var(--slider-padding);
3345
- margin: 0;
3346
- width: var(--slider-width);
3347
- height: auto;
3348
- min-height: var(--slider-touch-height);
3349
- cursor: var(--slider-cursor);
3350
- opacity: var(--slider-opacity);
3351
- background: transparent;
3318
+ .RadioButtonList-module_wrapper__wnq1- {
3319
+ align-items: flex-start;
3320
+ width: var(--rb-list-width);
3321
+ flex-wrap: var(--rb-list-flex-wrap);
3322
+ margin-bottom: var(--rb-list-margin-bottom);
3323
+ gap: var(--rb-gap);
3352
3324
  }
3353
3325
 
3354
- .Slider-module_trackBg__7zfqm {
3355
- position: relative;
3356
- width: 100%;
3357
- height: var(--slider-height);
3358
- background-color: var(--slider-track-color);
3359
- overflow: hidden;
3360
- border-radius: var(--corner-round);
3326
+ .RadioButtonList-module_column__Bq16e {
3361
3327
  }
3362
3328
 
3363
- .Slider-module_track__kaJkL {
3364
- position: absolute;
3365
- top: 0;
3366
- bottom: 0;
3367
- width: 0;
3368
- background-color: var(--slider-progress-color);
3369
- overflow: visible;
3370
- border-radius: var(--corner-round);
3371
- }
3372
-
3373
- .Slider-module_trackHead__W-UdG {
3374
- position: absolute;
3375
- display: var(--slider-head-display);
3376
- background-color: var(--slider-head-color);
3377
- border: var(--slider-track-head-border);
3378
- border-radius: var(--slider-head-radius);
3379
- max-width: var(--slider-head-width);
3380
- max-height: var(--slider-head-size);
3381
- min-width: var(--slider-head-width);
3382
- min-height: var(--slider-head-size);
3383
- top: 50%;
3384
- transform: translateY(-50%) translateX(-50%);
3385
- }
3386
-
3387
- .Slider-module_trackWrapper__Ot0Wh {
3388
- position: relative;
3389
- width: 100%;
3390
- height: var(--slider-height);
3391
- min-height: var(--slider-touch-height);
3392
- background-color: transparent;
3393
- border-radius: var(--corner-xs);
3394
- overflow: visible;
3395
- outline: none;
3396
- }
3397
-
3398
- .Slider-module_trackWrapper__Ot0Wh:focus-visible {
3399
- outline: 2px solid var(--core-link-primary);
3400
- outline-offset: 2px;
3329
+ .RadioButtonList-module_row__D3szq {
3401
3330
  }
3402
3331
 
3403
3332
  .flexBox-module_row__z24tF {
@@ -3468,9 +3397,71 @@ line {
3468
3397
  box-sizing: border-box;
3469
3398
  padding: 0;
3470
3399
  margin: 0;
3471
- }.ToggleButton-module_toggleButton__H7KgI {
3472
- width: min-content;
3473
- gap: var(--tb-gap);
3400
+ }
3401
+
3402
+ .Slider-module_wrapper__KCCs1 {
3403
+ position: relative;
3404
+ display: flex;
3405
+ justify-content: flex-start;
3406
+ align-items: center;
3407
+ box-sizing: border-box;
3408
+ padding: 0 var(--slider-padding);
3409
+ margin: 0;
3410
+ width: var(--slider-width);
3411
+ height: auto;
3412
+ min-height: var(--slider-touch-height);
3413
+ cursor: var(--slider-cursor);
3414
+ opacity: var(--slider-opacity);
3415
+ background: transparent;
3416
+ }
3417
+
3418
+ .Slider-module_trackBg__7zfqm {
3419
+ position: relative;
3420
+ width: 100%;
3421
+ height: var(--slider-height);
3422
+ background-color: var(--slider-track-color);
3423
+ overflow: hidden;
3424
+ border-radius: var(--corner-round);
3425
+ }
3426
+
3427
+ .Slider-module_track__kaJkL {
3428
+ position: absolute;
3429
+ top: 0;
3430
+ bottom: 0;
3431
+ width: 0;
3432
+ background-color: var(--slider-progress-color);
3433
+ overflow: visible;
3434
+ border-radius: var(--corner-round);
3435
+ }
3436
+
3437
+ .Slider-module_trackHead__W-UdG {
3438
+ position: absolute;
3439
+ display: var(--slider-head-display);
3440
+ background-color: var(--slider-head-color);
3441
+ border: var(--slider-track-head-border);
3442
+ border-radius: var(--slider-head-radius);
3443
+ max-width: var(--slider-head-width);
3444
+ max-height: var(--slider-head-size);
3445
+ min-width: var(--slider-head-width);
3446
+ min-height: var(--slider-head-size);
3447
+ top: 50%;
3448
+ transform: translateY(-50%) translateX(-50%);
3449
+ }
3450
+
3451
+ .Slider-module_trackWrapper__Ot0Wh {
3452
+ position: relative;
3453
+ width: 100%;
3454
+ height: var(--slider-height);
3455
+ min-height: var(--slider-touch-height);
3456
+ background-color: transparent;
3457
+ border-radius: var(--corner-xs);
3458
+ overflow: visible;
3459
+ outline: none;
3460
+ }
3461
+
3462
+ .Slider-module_trackWrapper__Ot0Wh:focus-visible {
3463
+ outline: 2px solid var(--core-link-primary);
3464
+ outline-offset: 2px;
3474
3465
  }
3475
3466
 
3476
3467
  .flexBox-module_row__z24tF {
@@ -3937,211 +3928,124 @@ line {
3937
3928
  letter-spacing: var(--letter-spacing-m);
3938
3929
  }
3939
3930
 
3940
- .TextField-module_wrapper__qZ-p- {
3931
+ .PromptInput-module_wrapperBg__zabZq {
3941
3932
  position: relative;
3942
- padding: var(--tf-padding) !important;
3943
- padding-right: var(--tf-padding-right) !important;
3944
- gap: 8px;
3945
- overflow: visible;
3946
- width: var(--tf-width);
3947
- height: var(--tf-height);
3948
- border-radius: var(--tf-border-radius);
3949
- background: var(--tf-bg-color);
3950
- box-shadow: var(--tf-box-shadow);
3951
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
3952
- }
3953
-
3954
- .TextField-module_container__5U9yK {
3955
- flex: 1;
3956
- height: 100%;
3957
- gap: 8px;
3958
- }
3959
-
3960
- .TextField-module_label__jD8MR {
3961
- color: var(--tf-label-color);
3933
+ --border-angle: 0turn;
3934
+ --conic-gradient-dark: conic-gradient(
3935
+ from var(--border-angle),
3936
+ var(--core-text-special) 0deg,
3937
+ var(--core-text-special) 45deg,
3938
+ var(--core-text-special) 90deg,
3939
+ var(--array-magenta-label) 135deg,
3940
+ var(--array-magenta-label) 180deg,
3941
+ var(--array-magenta-label) 225deg,
3942
+ var(--array-land) 270deg,
3943
+ var(--array-land) 315deg,
3944
+ var(--array-land) 360deg
3945
+ );
3946
+ --conic-gradient-light: conic-gradient(
3947
+ from var(--border-angle),
3948
+ var(--core-text-special) 0deg,
3949
+ var(--core-text-special) 45deg,
3950
+ var(--core-text-special) 90deg,
3951
+ var(--array-magenta-label) 135deg,
3952
+ var(--array-magenta-label) 180deg,
3953
+ var(--array-magenta-label) 225deg,
3954
+ var(--array-land-label) 270deg,
3955
+ var(--array-land-label) 315deg,
3956
+ var(--array-land-label) 360deg
3957
+ );
3958
+ z-index: 0;
3962
3959
  height: auto;
3960
+ max-height: var(--prompt-max-height);
3961
+ width: var(--prompt-width);
3962
+ max-width: var(--prompt-max-width);
3963
+ min-width: var(--prompt-min-width);
3964
+ border-radius: var(--prompt-border-radius);
3963
3965
  overflow: hidden;
3964
- white-space: nowrap;
3966
+ padding: var(--prompt-border-width) !important;
3967
+ background: var(--prompt-border-color);
3968
+ animation: PromptInput-module_bgRotate__Um720 3s linear infinite;
3969
+ animation-play-state: var(--prompt-state);
3970
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
3965
3971
  }
3966
3972
 
3967
- .TextField-module_input__AkWBQ {
3968
- color: var(--tf-text-color);
3969
- background-color: transparent;
3970
- box-sizing: border-box;
3971
- outline: none;
3972
- border: 0;
3973
- padding: 0;
3974
- height: 100%;
3975
- width: var(--tf-input-width);
3976
- field-sizing: var(--tf-field-size);
3977
- text-align: var(--tf-text-align);
3973
+ @property --border-angle {
3974
+ syntax: "<angle>";
3975
+ inherits: false;
3976
+ initial-value: 0turn;
3978
3977
  }
3979
3978
 
3980
- .TextField-module_input__AkWBQ::placeholder {
3981
- color: var(--tf-placeholder-color);
3982
- }
3983
-
3984
- .TextField-module_input__AkWBQ:focus::placeholder {
3985
- color: var(--tf-placeholder-color);
3986
- }
3987
-
3988
- .TextField-module_input__AkWBQ:disabled {
3989
- color: var(--core-text-disabled);
3979
+ @keyframes PromptInput-module_bgRotate__Um720 {
3980
+ 100% {
3981
+ --border-angle: 1turn;
3990
3982
  }
3983
+ }
3991
3984
 
3992
- .TextField-module_input__AkWBQ:-webkit-autofill,
3993
- .TextField-module_input__AkWBQ:-webkit-autofill:hover,
3994
- .TextField-module_input__AkWBQ:-webkit-autofill:focus,
3995
- .TextField-module_input__AkWBQ:-webkit-autofill:active {
3996
- box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
3997
- -webkit-text-fill-color: var(--core-text-primary);
3998
- }
3985
+ .PromptInput-module_textareaWrapper__KusiV {
3986
+ align-items: flex-start;
3987
+ width: 100%;
3988
+ height: min-content;
3989
+ max-height: 400px;
3990
+ overflow: hidden;
3991
+ overflow-y: auto;
3992
+ border-radius: var(--prompt-inner-border-radius);
3993
+ background: var(--core-surface-secondary);
3994
+ }
3999
3995
 
4000
- .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
4001
- color: var(--tf-placeholder-color);
4002
- }
3996
+ .PromptInput-module_attachments__rqgY1 {
3997
+ padding: 16px 16px 0 16px !important;
3998
+ width: 100%;
3999
+ }
4003
4000
 
4004
- .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
4005
- color: transparent;
4006
- }
4001
+ .PromptInput-module_clear__MFroM {
4002
+ padding: 12px 8px 0 0 !important;
4003
+ display: var(--prompt-clear) !important;
4004
+ }
4007
4005
 
4008
- .TextField-module_showPassword__4Ecfo {
4009
- min-height: 18px;
4010
- min-width: 18px;
4011
- max-height: 18px;
4012
- max-width: 18px;
4013
- opacity: var(--tf-show-opacity);
4006
+ .PromptInput-module_buttonBar__X8LDe {
4007
+ padding: 8px 16px 16px 16px !important;
4008
+ width: 100%;
4009
+ cursor: text;
4014
4010
  }
4015
4011
 
4016
- .TextField-module_showPassword__4Ecfo:hover {
4017
- opacity: var(--tf-show-opacity-hover);
4018
- }
4012
+ .PromptInput-module_toolBar__GBvPT {
4013
+ flex: 1;
4014
+ gap: 8px;
4015
+ }
4019
4016
 
4020
- .TextField-module_clearButton__O9ed3 {
4017
+ .PromptInput-module_textarea__e4Kxn {
4018
+ padding: 16px !important;
4019
+ box-sizing: border-box;
4020
+ field-sizing: content;
4021
+ width: 100%;
4022
+ resize: none;
4021
4023
  border: 0;
4022
- background: transparent;
4023
- appearance: none;
4024
- -webkit-appearance: none;
4025
4024
  outline: none;
4026
- cursor: pointer;
4025
+ color: var(--core-text-primary);
4026
+ background: transparent;
4027
+ border-radius: var(--prompt-border-radius);
4027
4028
  }
4028
4029
 
4029
- .TextField-module_xs__vyt2t {
4030
- }
4030
+ .PromptInput-module_textarea__e4Kxn::placeholder {
4031
+ color: var(--core-text-disabled);
4032
+ }
4031
4033
 
4032
- .TextField-module_s__0qm83 {
4034
+ .PromptInput-module_xs__Oy1ZT {
4033
4035
  }
4034
4036
 
4035
- .TextField-module_m__M-tLl {
4037
+ .PromptInput-module_s__ivyC9 {
4036
4038
  }
4037
4039
 
4038
- .TextField-module_l__gbNRz {
4039
- }
4040
-
4041
- .TextField-module_xl__tp--W {
4042
- }
4043
-
4044
- .flexBox-module_row__z24tF {
4045
- display: flex;
4046
- justify-content: center;
4047
- align-items: center;
4048
- box-sizing: border-box;
4049
- padding: 0;
4050
- margin: 0;
4051
- }.flexBox-module_rowBetween__5FEvi {
4052
- display: flex;
4053
- justify-content: space-between;
4054
- align-items: center;
4055
- box-sizing: border-box;
4056
- padding: 0;
4057
- margin: 0;
4058
- }.flexBox-module_rowStart__4tcxS {
4059
- display: flex;
4060
- justify-content: flex-start;
4061
- align-items: center;
4062
- box-sizing: border-box;
4063
- padding: 0;
4064
- margin: 0;
4065
- }.flexBox-module_rowEnd__rVdVm {
4066
- display: flex;
4067
- justify-content: flex-end;
4068
- align-items: center;
4069
- box-sizing: border-box;
4070
- padding: 0;
4071
- margin: 0;
4072
- }.flexBox-module_column__ezvMq {
4073
- display: flex;
4074
- flex-direction: column;
4075
- justify-content: center;
4076
- align-items: center;
4077
- box-sizing: border-box;
4078
- padding: 0;
4079
- margin: 0;
4080
- }.flexBox-module_columnStart__C7P44 {
4081
- display: flex;
4082
- flex-direction: column;
4083
- justify-content: flex-start;
4084
- align-items: flex-start;
4085
- box-sizing: border-box;
4086
- padding: 0;
4087
- margin: 0;
4088
- }.flexBox-module_columnStartCenter__PKcrG {
4089
- display: flex;
4090
- flex-direction: column;
4091
- justify-content: flex-start;
4092
- align-items: center;
4093
- box-sizing: border-box;
4094
- padding: 0;
4095
- margin: 0;
4096
- }.flexBox-module_columnBetween__ERfp7 {
4097
- display: flex;
4098
- flex-direction: column;
4099
- justify-content: space-between;
4100
- align-items: center;
4101
- box-sizing: border-box;
4102
- padding: 0;
4103
- margin: 0;
4104
- }.flexBox-module_columnEnd__lLJuc {
4105
- display: flex;
4106
- flex-direction: column;
4107
- justify-content: flex-end;
4108
- align-items: flex-end;
4109
- box-sizing: border-box;
4110
- padding: 0;
4111
- margin: 0;
4112
- }
4113
-
4114
- .Pager-module_wrapper__eutVg {
4115
- gap: var(--pager-gap);
4116
- width: 100%;
4117
- z-index: var(--elevation-status);
4040
+ .PromptInput-module_m__LFHvW {
4118
4041
  }
4119
4042
 
4120
- .Pager-module_bullet__TxyR5 {
4121
- width: var(--pager-size);
4122
- height: var(--pager-size);
4123
- max-width: var(--pager-size);
4124
- max-height: var(--pager-size);
4125
- background: var(--pager-color);
4126
- border-radius: 100%;
4127
- border: 0;
4128
- cursor: pointer;
4129
- outline: none;
4130
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
4043
+ .PromptInput-module_l__TlceW {
4131
4044
  }
4132
4045
 
4133
- .Pager-module_bullet__TxyR5:hover {
4134
- background: var(--pager-colorHover);
4135
- }
4136
-
4137
- .Pager-module_selected__C6xbR {
4138
- background: var(--pager-colorOn);
4046
+ .PromptInput-module_xl__FbITb {
4139
4047
  }
4140
4048
 
4141
- .Pager-module_selected__C6xbR:hover {
4142
- background: var(--pager-colorOn);
4143
- }
4144
-
4145
4049
  .flexBox-module_row__z24tF {
4146
4050
  display: flex;
4147
4051
  justify-content: center;
@@ -4353,67 +4257,28 @@ line {
4353
4257
  letter-spacing: var(--letter-spacing-m);
4354
4258
  }
4355
4259
 
4356
- .TabBar-module_wrapper__cyOR1 {
4357
- justify-content: var(--tab-bar-justify) !important;
4358
- gap: var(--tab-bar-gap);
4359
- border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
4360
- height: var(--tab-bar-height);
4361
- width: var(--tab-bar-width);
4362
- cursor: pointer;
4363
- }
4364
-
4365
- .TabBar-module_option__gYjDf {
4366
- gap: var(--tab-bar-option-gap);
4367
- color: var(--tab-bar-option-color);
4368
- padding: var(--tab-bar-option-padding) !important;
4369
- height: 100%;
4370
- width: var(--tab-bar-option-width);
4371
- flex: var(--tab-bar-option-flex);
4260
+ .Tip-module_wrapper__D7ACT {
4261
+ padding: var(--tooltip-padding) !important;
4262
+ position: fixed;
4263
+ border: var(--tooltip-border);
4264
+ border-radius: var(--tooltip-border-radius);
4265
+ background: var(--tooltip-background);
4372
4266
  white-space: nowrap;
4373
- box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
4374
- cursor: var(--tab-bar-option-cursor);
4375
- -webkit-user-select: none;
4376
- user-select: none;
4377
- appearance: none;
4378
- -webkit-appearance: none;
4379
- background-image: none;
4380
- background-color: transparent;
4381
- border: 0;
4382
- outline: none;
4383
- text-align: left;
4384
- }
4385
-
4386
- .TabBar-module_icon__JDgG3 {
4387
- max-height: var(--tab-bar-icon-size);
4388
- min-height: var(--tab-bar-icon-size);
4389
- max-width: var(--tab-bar-icon-size);
4390
- min-width: var(--tab-bar-icon-size);
4391
- }
4392
-
4393
- .TabBar-module_close__bvSBh {
4394
- height: 100%;
4395
- padding: var(--tab-bar-close-padding) !important;
4396
- border-left: 1px solid var(--core-outline-primary);
4397
- width: min-content;
4398
- }
4399
-
4400
- .TabBar-module_xs__QDjV9 {
4267
+ z-index: var(--elevation-describe);
4401
4268
  }
4402
4269
 
4403
- .TabBar-module_s__-EBj2 {
4270
+ .Tip-module_xs__wsz9y {
4404
4271
  }
4405
4272
 
4406
- .TabBar-module_m__3sCA3 {
4273
+ .Tip-module_s__Wvz3q {
4407
4274
  }
4408
4275
 
4409
- .TabBar-module_l__hy1rR {
4276
+ .Tip-module_m__9qJbB {
4410
4277
  }
4411
-
4412
- .TabBar-module_xl__zaASU {
4278
+ .Tip-module_l__OdNuh {
4413
4279
  }
4414
4280
 
4415
- .TabBar-module_selected__UmBdu {
4416
- font-weight: 520 !important;
4281
+ .Tip-module_xl__izmFk {
4417
4282
  }
4418
4283
 
4419
4284
  .flexBox-module_row__z24tF {
@@ -4484,48 +4349,6 @@ line {
4484
4349
  box-sizing: border-box;
4485
4350
  padding: 0;
4486
4351
  margin: 0;
4487
- }.scrollBars-module_scrollbars__c-ZPl {
4488
- /* Consumers override these to theme their own scrollbar (e.g. Modal
4489
- binds them to its scrollHandleColor/scrollHandleColorHover props).
4490
- Unoverridden, they fall back to the shared page-level scroll tokens. */
4491
- --scrollbar-size: 6px;
4492
- --scrollbar-bg: transparent;
4493
- --scrollbar-thumb: var(--scroll-bar);
4494
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
4495
-
4496
- /* firefox does not support -webkit-scrollbar */
4497
- @supports not selector(::-webkit-scrollbar) {
4498
- scrollbar-width: thin;
4499
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
4500
- }
4501
-
4502
- &::-webkit-scrollbar {
4503
- background-color: var(--scrollbar-bg);
4504
- width: var(--scrollbar-size);
4505
- height: var(--scrollbar-size);
4506
- }
4507
-
4508
- &::-webkit-scrollbar-track {
4509
- background-color: var(--scrollbar-bg);
4510
- width: var(--scrollbar-size);
4511
- height: var(--scrollbar-size);
4512
- }
4513
-
4514
- &::-webkit-scrollbar-thumb {
4515
- background-color: var(--scrollbar-thumb);
4516
- border-radius: 20px;
4517
- border: 1px solid var(--scrollbar-bg);
4518
- }
4519
-
4520
- &::-webkit-scrollbar-thumb:hover {
4521
- background-color: var(--scrollbar-thumb-hover);
4522
- border-radius: 20px;
4523
- border: 1px solid var(--scrollbar-bg);
4524
- }
4525
-
4526
- &::-webkit-scrollbar-corner {
4527
- background-color: var(--scrollbar-bg);
4528
- }
4529
4352
  }.type-module_body-xs-regular__ZAFft {
4530
4353
  font-family: var(--font-family), sans-serif;
4531
4354
  font-weight: var(--font-weight-regular);
@@ -4669,163 +4492,116 @@ line {
4669
4492
  letter-spacing: var(--letter-spacing-m);
4670
4493
  }
4671
4494
 
4672
- .Modal-module_wrapper__34Hds {
4495
+ .Camera-module_wrapper__GOsKp {
4673
4496
  position: relative;
4674
- min-width: var(--modal-min-width);
4675
- min-height: var(--modal-min-height);
4676
- max-height: var(--modal-max-height);
4677
- max-width: var(--modal-max-width);
4678
- background: var(--modal-background-color);
4679
- border: var(--modal-border-width) solid var(--modal-border-color);
4680
- border-radius: var(--modal-border-radius);
4681
- box-shadow: var(--surface-shadow-soft);
4497
+ width: 100%;
4498
+ height: 100%;
4499
+ background-color: var(--core-surface-secondary);
4682
4500
  overflow: hidden;
4501
+ border-radius: var(--corner-xs);
4683
4502
  }
4684
4503
 
4685
- .Modal-module_title__A5OeE {
4686
- padding: var(--modal-padding) !important;
4504
+ .Camera-module_video__Q2r9B {
4687
4505
  width: 100%;
4506
+ height: 100%;
4507
+ object-fit: cover;
4508
+ }
4509
+
4510
+ .Camera-module_controls__qXYoL {
4511
+ position: absolute;
4512
+ bottom: 0;
4513
+ left: 0;
4514
+ right: 0;
4515
+ padding: 16px !important;
4688
4516
  gap: 16px;
4689
- border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
4517
+ background-color: var(--camera-controls-bg);
4518
+ transform: var(--camera-controls-transform);
4519
+ transition: transform var(--motion-water-duration) var(--motion-water) 0s;
4690
4520
  }
4691
4521
 
4692
- .Modal-module_titleBlock__HUepX {
4693
- color: var(--modal-title-color);
4522
+ .Camera-module_controlsRight__VcIz7 {
4523
+ gap: 12px;
4694
4524
  flex: 1;
4695
- gap: 6px;
4696
- touch-action: none;
4697
- user-select: none;
4698
- -webkit-user-select: none;
4699
4525
  }
4700
4526
 
4701
- .Modal-module_titleIcon__xJYzy {
4702
- height: 20px;
4703
- width: 20px;
4704
- min-height: 20px;
4705
- min-width: 20px;
4706
- user-select: none;
4707
- -webkit-user-select: none;
4708
- }
4527
+ .Camera-module_controlsCenter__e-erq {
4528
+ gap: 12px;
4529
+ flex: 1;
4530
+ }
4709
4531
 
4710
- .Modal-module_contentWrapper__Swyjx {
4711
- width: 100%;
4532
+ .Camera-module_controlsLeft__bR4TN {
4533
+ gap: 12px;
4712
4534
  flex: 1;
4713
- overflow: hidden;
4714
- overflow-y: auto;
4715
- margin-right: 4px !important;
4716
- /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
4717
- --scrollbar-bg: var(--modal-background-color);
4718
- --scrollbar-thumb: var(--modal-scroll-handle);
4719
- --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
4720
4535
  }
4721
4536
 
4722
- .Modal-module_content__dWO-B {
4723
- padding: var(--modal-padding) !important;
4724
- padding-top: 0 !important;
4725
- padding-bottom: var(--modal-content-padding-tops) !important;
4726
- width: 100%;
4537
+ .Camera-module_error__t0w-d {
4538
+ position: absolute;
4539
+ top: 50%;
4540
+ left: 50%;
4541
+ transform: translate(-50%, -50%);
4542
+ color: var(--feedback-warning);
4727
4543
  }
4728
4544
 
4729
- .Modal-module_actions__hY6zi {
4730
- padding: var(--modal-padding) !important;
4731
- width: 100%;
4732
- user-select: none;
4733
- -webkit-user-select: none;
4734
- border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
4545
+ .Camera-module_poster__Gun-v {
4546
+ position: absolute;
4547
+ aspect-ratio: 1 / 1;
4548
+ top: 0;
4549
+ bottom: 0;
4550
+ left: 50%;
4551
+ transform: translateX(-50%);
4552
+ color: var(--core-text-primary);
4735
4553
  }
4736
4554
 
4737
- .Modal-module_leftActions__-M-DM {
4738
- gap: 8px;
4555
+ .Camera-module_snapshotFrame__YM6Eu {
4556
+ position: absolute;
4557
+ max-width: 25%;
4558
+ height: min-content;
4559
+ top: 16px;
4560
+ right: 16px;
4561
+ z-index: 1;
4739
4562
  }
4740
4563
 
4741
- .Modal-module_rightActions__IFgrN {
4742
- gap: 8px;
4564
+ .Camera-module_clear__aaCfT {
4565
+ position: absolute;
4566
+ top: 16px;
4567
+ right: 16px;
4568
+ z-index: 3;
4743
4569
  }
4744
4570
 
4745
- .Modal-module_xs__iPcS9 {
4571
+ .Camera-module_snapshot__odQH0 {
4572
+ width: 100%;
4573
+ border: 1px solid var(--core-outline-special);
4574
+ z-index: 2;
4746
4575
  }
4747
4576
 
4748
- .Modal-module_s__31sYS {
4577
+ .Camera-module_toolbarButton__mnmoF {
4578
+ gap: 4px;
4579
+ cursor: pointer;
4580
+ user-select: none;
4581
+ -webkit-user-select: none;
4749
4582
  }
4750
4583
 
4751
- .Modal-module_m__Iz82L {
4584
+ .Camera-module_buttonIcon__a-VBR {
4585
+ min-height: var(--toolbar-button-size);
4586
+ max-height: var(--toolbar-button-size);
4587
+ min-width: var(--toolbar-button-size);
4588
+ max-width: var(--toolbar-button-size);
4589
+ background: var(--toolbar-button-bg-color);
4590
+ border: 1px solid transparent;
4591
+ border-radius: 100%;
4592
+ opacity: var(--toolbar-button-opacity);
4593
+ transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
4752
4594
  }
4753
4595
 
4754
- .Modal-module_l__pntdS {
4596
+ .Camera-module_buttonIcon__a-VBR:hover {
4597
+ border: 1px solid var(--core-outline-special);
4755
4598
  }
4756
4599
 
4757
- .Modal-module_xl__MR-68 {
4600
+ .Camera-module_buttonLabel__6BEs1 {
4601
+ color: var(--toolbar-button-label-color);
4758
4602
  }
4759
4603
 
4760
- .flexBox-module_row__z24tF {
4761
- display: flex;
4762
- justify-content: center;
4763
- align-items: center;
4764
- box-sizing: border-box;
4765
- padding: 0;
4766
- margin: 0;
4767
- }.flexBox-module_rowBetween__5FEvi {
4768
- display: flex;
4769
- justify-content: space-between;
4770
- align-items: center;
4771
- box-sizing: border-box;
4772
- padding: 0;
4773
- margin: 0;
4774
- }.flexBox-module_rowStart__4tcxS {
4775
- display: flex;
4776
- justify-content: flex-start;
4777
- align-items: center;
4778
- box-sizing: border-box;
4779
- padding: 0;
4780
- margin: 0;
4781
- }.flexBox-module_rowEnd__rVdVm {
4782
- display: flex;
4783
- justify-content: flex-end;
4784
- align-items: center;
4785
- box-sizing: border-box;
4786
- padding: 0;
4787
- margin: 0;
4788
- }.flexBox-module_column__ezvMq {
4789
- display: flex;
4790
- flex-direction: column;
4791
- justify-content: center;
4792
- align-items: center;
4793
- box-sizing: border-box;
4794
- padding: 0;
4795
- margin: 0;
4796
- }.flexBox-module_columnStart__C7P44 {
4797
- display: flex;
4798
- flex-direction: column;
4799
- justify-content: flex-start;
4800
- align-items: flex-start;
4801
- box-sizing: border-box;
4802
- padding: 0;
4803
- margin: 0;
4804
- }.flexBox-module_columnStartCenter__PKcrG {
4805
- display: flex;
4806
- flex-direction: column;
4807
- justify-content: flex-start;
4808
- align-items: center;
4809
- box-sizing: border-box;
4810
- padding: 0;
4811
- margin: 0;
4812
- }.flexBox-module_columnBetween__ERfp7 {
4813
- display: flex;
4814
- flex-direction: column;
4815
- justify-content: space-between;
4816
- align-items: center;
4817
- box-sizing: border-box;
4818
- padding: 0;
4819
- margin: 0;
4820
- }.flexBox-module_columnEnd__lLJuc {
4821
- display: flex;
4822
- flex-direction: column;
4823
- justify-content: flex-end;
4824
- align-items: flex-end;
4825
- box-sizing: border-box;
4826
- padding: 0;
4827
- margin: 0;
4828
- }.type-module_body-xs-regular__ZAFft {
4604
+ .type-module_body-xs-regular__ZAFft {
4829
4605
  font-family: var(--font-family), sans-serif;
4830
4606
  font-weight: var(--font-weight-regular);
4831
4607
  font-size: var(--font-size-xs);
@@ -4967,214 +4743,34 @@ line {
4967
4743
  line-height: var(--line-height-xs);
4968
4744
  letter-spacing: var(--letter-spacing-m);
4969
4745
  }
4970
-
4971
- .Tip-module_wrapper__D7ACT {
4972
- padding: var(--tooltip-padding) !important;
4973
- position: fixed;
4974
- border: var(--tooltip-border);
4975
- border-radius: var(--tooltip-border-radius);
4976
- background: var(--tooltip-background);
4977
- white-space: nowrap;
4978
- z-index: var(--elevation-describe);
4979
- }
4980
-
4981
- .Tip-module_xs__wsz9y {
4982
- }
4983
-
4984
- .Tip-module_s__Wvz3q {
4985
- }
4986
-
4987
- .Tip-module_m__9qJbB {
4988
- }
4989
- .Tip-module_l__OdNuh {
4746
+ .DivInput-module_wrapper__ZQxY- {
4747
+ padding: var(--div-input-padding);
4748
+ width: var(--div-input-width);
4749
+ border-radius: var(--div-input-border-radius);
4750
+ background: var(--div-input-wrapper-bg);
4990
4751
  }
4752
+ .DivInput-module_wrapper__ZQxY-:hover {
4753
+ background: var(--div-input-bg);
4754
+ }
4991
4755
 
4992
- .Tip-module_xl__izmFk {
4993
- }
4994
-
4995
- .type-module_body-xs-regular__ZAFft {
4996
- font-family: var(--font-family), sans-serif;
4997
- font-weight: var(--font-weight-regular);
4998
- font-size: var(--font-size-xs);
4999
- line-height: var(--line-height-m);
5000
- text-decoration: none;
5001
- letter-spacing: var(--letter-spacing-m);
5002
- }.type-module_body-xs-medium__s3KvF {
5003
- font-family: var(--font-family), sans-serif;
5004
- font-weight: var(--font-weight-medium);
5005
- font-size: var(--font-size-xs);
5006
- line-height: var(--line-height-m);
5007
- text-decoration: none;
5008
- letter-spacing: var(--letter-spacing-m);
5009
- }.type-module_body-xs-bold__Lhqqq {
5010
- font-family: var(--font-family), sans-serif;
5011
- font-weight: var(--font-weight-bold);
5012
- font-size: var(--font-size-xs);
5013
- line-height: var(--line-height-m);
5014
- text-decoration: none;
5015
- letter-spacing: var(--letter-spacing-l);
5016
- }.type-module_body-s-regular__vRHSP {
5017
- font-family: var(--font-family), sans-serif;
5018
- font-weight: var(--font-weight-regular);
5019
- font-size: var(--font-size-s);
5020
- line-height: var(--line-height-xl);
5021
- text-decoration: none;
5022
- letter-spacing: var(--letter-spacing-s);
5023
- }.type-module_body-s-medium__tjdFc {
5024
- font-family: var(--font-family), sans-serif;
5025
- font-weight: var(--font-weight-medium);
5026
- font-size: var(--font-size-s);
5027
- line-height: var(--line-height-xl);
5028
- text-decoration: none;
5029
- letter-spacing: var(--letter-spacing-s);
5030
- }.type-module_body-s-bold__Iy-VX {
5031
- font-family: var(--font-family), sans-serif;
5032
- font-weight: var(--font-weight-bold);
5033
- font-size: var(--font-size-s);
5034
- line-height: var(--line-height-xl);
5035
- text-decoration: none;
5036
- letter-spacing: var(--letter-spacing-m);
5037
- }.type-module_body-m-regular__LuQBA {
5038
- font-family: var(--font-family), sans-serif;
5039
- font-weight: var(--font-weight-regular);
5040
- font-size: var(--font-size-m);
5041
- line-height: var(--line-height-l);
5042
- text-decoration: none;
5043
- letter-spacing: var(--letter-spacing-s);
5044
- }.type-module_body-m-medium__uW1on {
5045
- font-family: var(--font-family), sans-serif;
5046
- font-weight: var(--font-weight-medium);
5047
- font-size: var(--font-size-m);
5048
- line-height: var(--line-height-l);
5049
- text-decoration: none;
5050
- letter-spacing: var(--letter-spacing-s);
5051
- }.type-module_body-m-bold__UBcvQ {
5052
- font-family: var(--font-family), sans-serif;
5053
- font-weight: var(--font-weight-bold);
5054
- font-size: var(--font-size-m);
5055
- line-height: var(--line-height-l);
5056
- text-decoration: none;
5057
- letter-spacing: var(--letter-spacing-m);
5058
- }.type-module_body-l-regular__lOYbg {
5059
- font-family: var(--font-family), sans-serif;
5060
- font-weight: var(--font-weight-regular);
5061
- font-size: var(--font-size-l);
5062
- line-height: var(--line-height-xxl);
5063
- text-decoration: none;
5064
- letter-spacing: var(--letter-spacing-xs);
5065
- }.type-module_body-l-medium__BqRC7 {
5066
- font-family: var(--font-family), sans-serif;
5067
- font-weight: var(--font-weight-medium);
5068
- font-size: var(--font-size-l);
5069
- line-height: var(--line-height-xxl);
5070
- text-decoration: none;
5071
- letter-spacing: var(--letter-spacing-xs);
5072
- }.type-module_body-l-bold__Fh2dt {
5073
- font-family: var(--font-family), sans-serif;
5074
- font-weight: var(--font-weight-bold);
5075
- font-size: var(--font-size-l);
5076
- line-height: var(--line-height-xxl);
5077
- text-decoration: none;
5078
- letter-spacing: var(--letter-spacing-s);
5079
- }.type-module_body-xl-regular__pF2kC {
5080
- font-family: var(--font-family), sans-serif;
5081
- font-weight: var(--font-weight-regular);
5082
- font-size: var(--font-size-xl);
5083
- line-height: var(--line-height-xxl);
5084
- text-decoration: none;
5085
- letter-spacing: var(--letter-spacing-xs);
5086
- }.type-module_body-xl-medium__BeyrH {
5087
- font-family: var(--font-family), sans-serif;
5088
- font-weight: var(--font-weight-medium);
5089
- font-size: var(--font-size-xl);
5090
- line-height: var(--line-height-xxl);
5091
- text-decoration: none;
5092
- letter-spacing: var(--letter-spacing-xs);
5093
- }.type-module_body-xl-bold__Ruknj {
5094
- font-family: var(--font-family), sans-serif;
5095
- font-weight: var(--font-weight-bold);
5096
- font-size: var(--font-size-xl);
5097
- line-height: var(--line-height-xxl);
5098
- text-decoration: none;
5099
- letter-spacing: var(--letter-spacing-s);
5100
- }.type-module_h1__ikDt5 {
5101
- font-family: var(--font-family), sans-serif;
5102
- font-weight: var(--font-weight-extra);
5103
- font-size: var(--font-size-h1);
5104
- line-height: var(--line-height-xs);
5105
- letter-spacing: var(--letter-spacing-m);
5106
- }.type-module_h2__bSCvt {
5107
- font-family: var(--font-family), sans-serif;
5108
- font-weight: var(--font-weight-extra);
5109
- font-size: var(--font-size-h2);
5110
- line-height: var(--line-height-xs);
5111
- letter-spacing: var(--letter-spacing-m);
5112
- }.type-module_h3__8gHoN {
5113
- font-family: var(--font-family), sans-serif;
5114
- font-weight: var(--font-weight-extra);
5115
- font-size: var(--font-size-h3);
5116
- line-height: var(--line-height-xs);
5117
- letter-spacing: var(--letter-spacing-m);
5118
- }.type-module_h4__EVAd2 {
5119
- font-family: var(--font-family), sans-serif;
5120
- font-weight: var(--font-weight-extra);
5121
- font-size: var(--font-size-h4);
5122
- line-height: var(--line-height-xs);
5123
- letter-spacing: var(--letter-spacing-m);
5124
- }.type-module_h5__92r22 {
5125
- font-family: var(--font-family), sans-serif;
5126
- font-weight: var(--font-weight-extra);
5127
- font-size: var(--font-size-h5);
5128
- line-height: var(--line-height-xs);
5129
- letter-spacing: var(--letter-spacing-m);
5130
- }.type-module_h6__sshOw {
5131
- font-family: var(--font-family), sans-serif;
5132
- font-weight: var(--font-weight-extra);
5133
- font-size: var(--font-size-h6);
5134
- line-height: var(--line-height-xs);
5135
- letter-spacing: var(--letter-spacing-m);
5136
- }
5137
-
5138
- .Label-module_label__RaRvM {
5139
- line-height: 1em;
5140
- white-space: nowrap;
5141
- padding: var(--label-padding) !important;
5142
- width: min-content;
5143
- color: var(--label-color);
5144
- border-radius: var(--label-border-radius);
5145
- border: var(--label-border-size) solid var(--label-border-color);
5146
- cursor: default;
5147
- background: var(--label-bg-color);
5148
- }
5149
-
5150
- .Label-module_button__N8bcQ {
5151
- display: inline-flex !important;
5152
- background: var(--label-bg-color);
5153
- color: var(--label-color);
5154
- border-radius: var(--label-border-radius);
5155
- border: var(--label-border-size) solid var(--label-border-color);
5156
- width: min-content;
5157
- cursor: pointer;
5158
- white-space: nowrap;
5159
- appearance: none;
5160
- -webkit-appearance: none;
5161
- background-image: none;
5162
- outline: none;
5163
- }
5164
-
5165
- .Label-module_xs__K9Ai6 {
5166
- }
5167
-
5168
- .Label-module_s__Zh8Gp {
5169
- }
5170
-
5171
- .Label-module_m__BJtGL {
5172
- }
5173
-
5174
- .Label-module_l__t70tt {
5175
- }
5176
-
5177
- .Label-module_xl__bX0ub {
4756
+ .DivInput-module_input__J34-l {
4757
+ color: var(--div-input-color);
4758
+ user-select: var(--div-input-user-select);
4759
+ -webkit-user-select: var(--div-input-user-select);
4760
+ text-align: var(--div-input-text-align);
4761
+ pointer-events: all;
4762
+ background: transparent;
4763
+ border-radius: var(--corner-xs);
4764
+ border: 0;
4765
+ outline: none;
4766
+ text-overflow: ellipsis;
4767
+ display: -webkit-box;
4768
+ overflow: hidden;
4769
+ white-space: var(--div-input-white-space);
4770
+ -webkit-line-clamp: var(--div-input-line-clamp);
4771
+ -webkit-box-orient: vertical;
4772
+ cursor: var(--div-input-cursor);
4773
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
5178
4774
  }
5179
4775
 
5180
4776
  .flexBox-module_row__z24tF {
@@ -5247,18 +4843,25 @@ line {
5247
4843
  margin: 0;
5248
4844
  }
5249
4845
 
5250
- .RadioButtonList-module_wrapper__wnq1- {
5251
- align-items: flex-start;
5252
- width: var(--rb-list-width);
5253
- flex-wrap: var(--rb-list-flex-wrap);
5254
- margin-bottom: var(--rb-list-margin-bottom);
5255
- gap: var(--rb-gap);
5256
- }
5257
-
5258
- .RadioButtonList-module_column__Bq16e {
4846
+ .Switch-module_wrapper__kudO9 {
4847
+ padding: var(--switch-padding) !important;
4848
+ width: var(--switch-width);
4849
+ height: var(--switch-height);
4850
+ border-radius: var(--corner-round);
4851
+ cursor: pointer;
4852
+ background: var(--switch-bg-color);
4853
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
4854
+ appearance: none;
4855
+ -webkit-appearance: none;
4856
+ border: 0;
4857
+ outline: none;
5259
4858
  }
5260
4859
 
5261
- .RadioButtonList-module_row__D3szq {
4860
+ .Switch-module_knob__vKNOc {
4861
+ width: var(--switch-knob-size);
4862
+ height: var(--switch-knob-size);
4863
+ background: var(--switch-knob-color);
4864
+ border-radius: 100%;
5262
4865
  }
5263
4866
 
5264
4867
  .flexBox-module_row__z24tF {
@@ -5329,21 +4932,9 @@ line {
5329
4932
  box-sizing: border-box;
5330
4933
  padding: 0;
5331
4934
  margin: 0;
5332
- }.Dot-module_dot__RNz87 {
5333
- display: var(--dot-display);
5334
- box-sizing: content-box;
5335
- position: var(--dot-position);
5336
- top: var(--dot-top);
5337
- right: var(--dot-right);
5338
- vertical-align: var(--dot-vertical-align);
5339
- min-height: var(--dot-size);
5340
- min-width: var(--dot-size);
5341
- height: var(--dot-size);
5342
- width: var(--dot-size);
5343
- border: var(--dot-border) solid var(--core-surface-primary);
5344
- background: var(--dot-bg);
5345
- border-radius: 100%;
5346
- z-index: var(--elevation-status);
4935
+ }.ToggleButton-module_toggleButton__H7KgI {
4936
+ width: min-content;
4937
+ gap: var(--tb-gap);
5347
4938
  }
5348
4939
 
5349
4940
  .flexBox-module_row__z24tF {
@@ -5556,143 +5147,48 @@ line {
5556
5147
  line-height: var(--line-height-xs);
5557
5148
  letter-spacing: var(--letter-spacing-m);
5558
5149
  }
5559
-
5560
- .Toast-module_wrapper__1uj9O {
5561
- padding: var(--toast-padding) !important;
5562
- color: var(--toast-color);
5563
- position: var(--toast-position);
5564
- border: var(--toast-border);
5565
- border-radius: var(--toast-border-radius);
5566
- background: var(--toast-background);
5567
- z-index: var(--elevation-status);
5568
- gap: 16px;
5569
- box-shadow: var(--surface-shadow-soft);
5570
- left: 50%;
5571
- transform: translateX(-50%);
5572
- }
5573
-
5574
- .Toast-module_close__i10-s {
5575
- min-height: 20px;
5576
- max-height: 20px;
5577
- min-width: 20px;
5578
- max-width: 20px;
5579
- cursor: pointer;
5150
+ .Chip-module_chip__0nys- {
5151
+ padding: var(--ui-chip-padding) !important;
5152
+ width: min-content;
5153
+ min-height: 30px;
5154
+ gap: var(--ui-chip-gap);
5155
+ background: var(--ui-chip-bg-color);
5156
+ line-height: 1em;
5157
+ color: var(--ui-chip-label-color);
5158
+ border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
5159
+ border-radius: var(--ui-chip-border-radius);
5160
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
5161
+ cursor: var(--ui-chip-cursor);
5162
+ white-space: nowrap;
5163
+ user-select: none;
5164
+ -webkit-user-select: none;
5580
5165
  }
5166
+ .Chip-module_chip__0nys-:hover {
5167
+ border-color: var(--ui-chip-border-color-hover);
5168
+ background: var(--ui-chip-bg-color-hover);
5169
+ color: var(--ui-chip-label-color-hover);
5170
+ }
5581
5171
 
5582
- .Toast-module_message__3dP0P {
5583
- gap: 6px;
5172
+ .Chip-module_icon__dtR-K {
5173
+ height: var(--ui-chip-icon-size);
5174
+ min-height: var(--ui-chip-icon-size);
5175
+ width: var(--ui-chip-icon-size);
5176
+ min-width: var(--ui-chip-icon-size);
5584
5177
  }
5585
5178
 
5586
- .Toast-module_progress__SWsbA {
5587
- min-height: 20px;
5588
- max-height: 20px;
5589
- min-width: 20px;
5590
- max-width: 20px;
5179
+ .Chip-module_xs__s-KNG {
5591
5180
  }
5592
5181
 
5593
- .Toast-module_xs__ptQ-h {
5182
+ .Chip-module_s__2KTXi {
5594
5183
  }
5595
5184
 
5596
- .Toast-module_s__kc5Ef {
5185
+ .Chip-module_m__l2u3N {
5597
5186
  }
5598
5187
 
5599
- .Toast-module_m__JtmLz {
5600
- }
5601
- .Toast-module_l__-W0PD {
5188
+ .Chip-module_l__3MqPN {
5602
5189
  }
5603
5190
 
5604
- .Toast-module_xl__j5Zhr {
5605
- }
5606
-
5607
- .flexBox-module_row__z24tF {
5608
- display: flex;
5609
- justify-content: center;
5610
- align-items: center;
5611
- box-sizing: border-box;
5612
- padding: 0;
5613
- margin: 0;
5614
- }.flexBox-module_rowBetween__5FEvi {
5615
- display: flex;
5616
- justify-content: space-between;
5617
- align-items: center;
5618
- box-sizing: border-box;
5619
- padding: 0;
5620
- margin: 0;
5621
- }.flexBox-module_rowStart__4tcxS {
5622
- display: flex;
5623
- justify-content: flex-start;
5624
- align-items: center;
5625
- box-sizing: border-box;
5626
- padding: 0;
5627
- margin: 0;
5628
- }.flexBox-module_rowEnd__rVdVm {
5629
- display: flex;
5630
- justify-content: flex-end;
5631
- align-items: center;
5632
- box-sizing: border-box;
5633
- padding: 0;
5634
- margin: 0;
5635
- }.flexBox-module_column__ezvMq {
5636
- display: flex;
5637
- flex-direction: column;
5638
- justify-content: center;
5639
- align-items: center;
5640
- box-sizing: border-box;
5641
- padding: 0;
5642
- margin: 0;
5643
- }.flexBox-module_columnStart__C7P44 {
5644
- display: flex;
5645
- flex-direction: column;
5646
- justify-content: flex-start;
5647
- align-items: flex-start;
5648
- box-sizing: border-box;
5649
- padding: 0;
5650
- margin: 0;
5651
- }.flexBox-module_columnStartCenter__PKcrG {
5652
- display: flex;
5653
- flex-direction: column;
5654
- justify-content: flex-start;
5655
- align-items: center;
5656
- box-sizing: border-box;
5657
- padding: 0;
5658
- margin: 0;
5659
- }.flexBox-module_columnBetween__ERfp7 {
5660
- display: flex;
5661
- flex-direction: column;
5662
- justify-content: space-between;
5663
- align-items: center;
5664
- box-sizing: border-box;
5665
- padding: 0;
5666
- margin: 0;
5667
- }.flexBox-module_columnEnd__lLJuc {
5668
- display: flex;
5669
- flex-direction: column;
5670
- justify-content: flex-end;
5671
- align-items: flex-end;
5672
- box-sizing: border-box;
5673
- padding: 0;
5674
- margin: 0;
5675
- }
5676
-
5677
- .Switch-module_wrapper__kudO9 {
5678
- padding: var(--switch-padding) !important;
5679
- width: var(--switch-width);
5680
- height: var(--switch-height);
5681
- border-radius: var(--corner-round);
5682
- cursor: pointer;
5683
- background: var(--switch-bg-color);
5684
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
5685
- appearance: none;
5686
- -webkit-appearance: none;
5687
- border: 0;
5688
- outline: none;
5689
- }
5690
-
5691
- .Switch-module_knob__vKNOc {
5692
- width: var(--switch-knob-size);
5693
- height: var(--switch-knob-size);
5694
- background: var(--switch-knob-color);
5695
- border-radius: 100%;
5191
+ .Chip-module_xl__iJX-F {
5696
5192
  }
5697
5193
 
5698
5194
  .flexBox-module_row__z24tF {
@@ -5905,48 +5401,60 @@ line {
5905
5401
  line-height: var(--line-height-xs);
5906
5402
  letter-spacing: var(--letter-spacing-m);
5907
5403
  }
5908
- .Chip-module_chip__0nys- {
5909
- padding: var(--ui-chip-padding) !important;
5910
- width: min-content;
5911
- min-height: 30px;
5912
- gap: var(--ui-chip-gap);
5913
- background: var(--ui-chip-bg-color);
5914
- line-height: 1em;
5915
- color: var(--ui-chip-label-color);
5916
- border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
5917
- border-radius: var(--ui-chip-border-radius);
5918
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
5919
- cursor: var(--ui-chip-cursor);
5920
- white-space: nowrap;
5404
+
5405
+ .Button-module_button__2ZuB7 {
5406
+ position: relative;
5921
5407
  user-select: none;
5922
5408
  -webkit-user-select: none;
5409
+ appearance: none;
5410
+ -webkit-appearance: none;
5411
+ background-image: none;
5412
+ outline: none;
5923
5413
  }
5924
- .Chip-module_chip__0nys-:hover {
5925
- border-color: var(--ui-chip-border-color-hover);
5926
- background: var(--ui-chip-bg-color-hover);
5927
- color: var(--ui-chip-label-color-hover);
5414
+
5415
+ .Button-module_label__UJ3Zt {
5416
+ user-select: none;
5417
+ -webkit-user-select: none;
5418
+ text-overflow: ellipsis;
5419
+ overflow: hidden;
5420
+ white-space: nowrap;
5421
+ word-break: break-all;
5422
+ display: -webkit-box;
5423
+ -webkit-line-clamp: 1;
5424
+ -webkit-box-orient: vertical;
5425
+ }
5426
+
5427
+ .Button-module_label__UJ3Zt:hover {
5428
+ text-decoration: var(--ui-button-decoration);
5928
5429
  }
5929
5430
 
5930
- .Chip-module_icon__dtR-K {
5931
- height: var(--ui-chip-icon-size);
5932
- min-height: var(--ui-chip-icon-size);
5933
- width: var(--ui-chip-icon-size);
5934
- min-width: var(--ui-chip-icon-size);
5431
+ .Button-module_count__DFxVB {
5432
+ position: absolute;
5433
+ top: 0;
5434
+ right: 0;
5435
+ transform: translateX(10px) translateY(-2px);
5935
5436
  }
5936
5437
 
5937
- .Chip-module_xs__s-KNG {
5438
+ .Button-module_icon__-43u5 {
5439
+ min-width: var(--ui-button-icon-size);
5440
+ min-height: var(--ui-button-icon-size);
5441
+ height: var(--ui-button-icon-size);
5442
+ width: var(--ui-button-icon-size);
5938
5443
  }
5939
5444
 
5940
- .Chip-module_s__2KTXi {
5445
+ .Button-module_xs__cF6m0 {
5941
5446
  }
5942
5447
 
5943
- .Chip-module_m__l2u3N {
5448
+ .Button-module_m__DR-gs {
5944
5449
  }
5945
5450
 
5946
- .Chip-module_l__3MqPN {
5451
+ .Button-module_l__0E0yI {
5947
5452
  }
5948
5453
 
5949
- .Chip-module_xl__iJX-F {
5454
+ .Button-module_xl__nx4V0 {
5455
+ }
5456
+
5457
+ .Button-module_s__dSKOL {
5950
5458
  }
5951
5459
 
5952
5460
  .flexBox-module_row__z24tF {
@@ -6486,64 +5994,298 @@ line {
6486
5994
  letter-spacing: var(--letter-spacing-m);
6487
5995
  }
6488
5996
 
6489
- .Button-module_button__2ZuB7 {
5997
+ .TextField-module_wrapper__qZ-p- {
6490
5998
  position: relative;
6491
- user-select: none;
6492
- -webkit-user-select: none;
6493
- appearance: none;
6494
- -webkit-appearance: none;
6495
- background-image: none;
6496
- outline: none;
5999
+ padding: var(--tf-padding) !important;
6000
+ padding-right: var(--tf-padding-right) !important;
6001
+ gap: 8px;
6002
+ overflow: visible;
6003
+ width: var(--tf-width);
6004
+ height: var(--tf-height);
6005
+ border-radius: var(--tf-border-radius);
6006
+ background: var(--tf-bg-color);
6007
+ box-shadow: var(--tf-box-shadow);
6008
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
6497
6009
  }
6498
6010
 
6499
- .Button-module_label__UJ3Zt {
6500
- user-select: none;
6501
- -webkit-user-select: none;
6502
- text-overflow: ellipsis;
6011
+ .TextField-module_container__5U9yK {
6012
+ flex: 1;
6013
+ height: 100%;
6014
+ gap: 8px;
6015
+ }
6016
+
6017
+ .TextField-module_label__jD8MR {
6018
+ color: var(--tf-label-color);
6019
+ height: auto;
6503
6020
  overflow: hidden;
6504
6021
  white-space: nowrap;
6505
- word-break: break-all;
6506
- display: -webkit-box;
6507
- -webkit-line-clamp: 1;
6508
- -webkit-box-orient: vertical;
6509
6022
  }
6510
6023
 
6511
- .Button-module_label__UJ3Zt:hover {
6512
- text-decoration: var(--ui-button-decoration);
6024
+ .TextField-module_input__AkWBQ {
6025
+ color: var(--tf-text-color);
6026
+ background-color: transparent;
6027
+ box-sizing: border-box;
6028
+ outline: none;
6029
+ border: 0;
6030
+ padding: 0;
6031
+ height: 100%;
6032
+ width: var(--tf-input-width);
6033
+ field-sizing: var(--tf-field-size);
6034
+ text-align: var(--tf-text-align);
6035
+ }
6036
+
6037
+ .TextField-module_input__AkWBQ::placeholder {
6038
+ color: var(--tf-placeholder-color);
6513
6039
  }
6514
6040
 
6515
- .Button-module_count__DFxVB {
6516
- position: absolute;
6517
- top: 0;
6518
- right: 0;
6519
- transform: translateX(10px) translateY(-2px);
6041
+ .TextField-module_input__AkWBQ:focus::placeholder {
6042
+ color: var(--tf-placeholder-color);
6043
+ }
6044
+
6045
+ .TextField-module_input__AkWBQ:disabled {
6046
+ color: var(--core-text-disabled);
6047
+ }
6048
+
6049
+ .TextField-module_input__AkWBQ:-webkit-autofill,
6050
+ .TextField-module_input__AkWBQ:-webkit-autofill:hover,
6051
+ .TextField-module_input__AkWBQ:-webkit-autofill:focus,
6052
+ .TextField-module_input__AkWBQ:-webkit-autofill:active {
6053
+ box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
6054
+ -webkit-text-fill-color: var(--core-text-primary);
6055
+ }
6056
+
6057
+ .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
6058
+ color: var(--tf-placeholder-color);
6059
+ }
6060
+
6061
+ .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
6062
+ color: transparent;
6063
+ }
6064
+
6065
+ .TextField-module_showPassword__4Ecfo {
6066
+ min-height: 18px;
6067
+ min-width: 18px;
6068
+ max-height: 18px;
6069
+ max-width: 18px;
6070
+ opacity: var(--tf-show-opacity);
6520
6071
  }
6521
6072
 
6522
- .Button-module_icon__-43u5 {
6523
- min-width: var(--ui-button-icon-size);
6524
- min-height: var(--ui-button-icon-size);
6525
- height: var(--ui-button-icon-size);
6526
- width: var(--ui-button-icon-size);
6073
+ .TextField-module_showPassword__4Ecfo:hover {
6074
+ opacity: var(--tf-show-opacity-hover);
6075
+ }
6076
+
6077
+ .TextField-module_clearButton__O9ed3 {
6078
+ border: 0;
6079
+ background: transparent;
6080
+ appearance: none;
6081
+ -webkit-appearance: none;
6082
+ outline: none;
6083
+ cursor: pointer;
6527
6084
  }
6528
6085
 
6529
- .Button-module_xs__cF6m0 {
6086
+ .TextField-module_xs__vyt2t {
6530
6087
  }
6531
6088
 
6532
- .Button-module_m__DR-gs {
6089
+ .TextField-module_s__0qm83 {
6533
6090
  }
6534
6091
 
6535
- .Button-module_l__0E0yI {
6092
+ .TextField-module_m__M-tLl {
6536
6093
  }
6537
6094
 
6538
- .Button-module_xl__nx4V0 {
6095
+ .TextField-module_l__gbNRz {
6539
6096
  }
6540
6097
 
6541
- .Button-module_s__dSKOL {
6098
+ .TextField-module_xl__tp--W {
6542
6099
  }
6543
6100
 
6544
- .flexBox-module_row__z24tF {
6545
- display: flex;
6546
- justify-content: center;
6101
+ .type-module_body-xs-regular__ZAFft {
6102
+ font-family: var(--font-family), sans-serif;
6103
+ font-weight: var(--font-weight-regular);
6104
+ font-size: var(--font-size-xs);
6105
+ line-height: var(--line-height-m);
6106
+ text-decoration: none;
6107
+ letter-spacing: var(--letter-spacing-m);
6108
+ }.type-module_body-xs-medium__s3KvF {
6109
+ font-family: var(--font-family), sans-serif;
6110
+ font-weight: var(--font-weight-medium);
6111
+ font-size: var(--font-size-xs);
6112
+ line-height: var(--line-height-m);
6113
+ text-decoration: none;
6114
+ letter-spacing: var(--letter-spacing-m);
6115
+ }.type-module_body-xs-bold__Lhqqq {
6116
+ font-family: var(--font-family), sans-serif;
6117
+ font-weight: var(--font-weight-bold);
6118
+ font-size: var(--font-size-xs);
6119
+ line-height: var(--line-height-m);
6120
+ text-decoration: none;
6121
+ letter-spacing: var(--letter-spacing-l);
6122
+ }.type-module_body-s-regular__vRHSP {
6123
+ font-family: var(--font-family), sans-serif;
6124
+ font-weight: var(--font-weight-regular);
6125
+ font-size: var(--font-size-s);
6126
+ line-height: var(--line-height-xl);
6127
+ text-decoration: none;
6128
+ letter-spacing: var(--letter-spacing-s);
6129
+ }.type-module_body-s-medium__tjdFc {
6130
+ font-family: var(--font-family), sans-serif;
6131
+ font-weight: var(--font-weight-medium);
6132
+ font-size: var(--font-size-s);
6133
+ line-height: var(--line-height-xl);
6134
+ text-decoration: none;
6135
+ letter-spacing: var(--letter-spacing-s);
6136
+ }.type-module_body-s-bold__Iy-VX {
6137
+ font-family: var(--font-family), sans-serif;
6138
+ font-weight: var(--font-weight-bold);
6139
+ font-size: var(--font-size-s);
6140
+ line-height: var(--line-height-xl);
6141
+ text-decoration: none;
6142
+ letter-spacing: var(--letter-spacing-m);
6143
+ }.type-module_body-m-regular__LuQBA {
6144
+ font-family: var(--font-family), sans-serif;
6145
+ font-weight: var(--font-weight-regular);
6146
+ font-size: var(--font-size-m);
6147
+ line-height: var(--line-height-l);
6148
+ text-decoration: none;
6149
+ letter-spacing: var(--letter-spacing-s);
6150
+ }.type-module_body-m-medium__uW1on {
6151
+ font-family: var(--font-family), sans-serif;
6152
+ font-weight: var(--font-weight-medium);
6153
+ font-size: var(--font-size-m);
6154
+ line-height: var(--line-height-l);
6155
+ text-decoration: none;
6156
+ letter-spacing: var(--letter-spacing-s);
6157
+ }.type-module_body-m-bold__UBcvQ {
6158
+ font-family: var(--font-family), sans-serif;
6159
+ font-weight: var(--font-weight-bold);
6160
+ font-size: var(--font-size-m);
6161
+ line-height: var(--line-height-l);
6162
+ text-decoration: none;
6163
+ letter-spacing: var(--letter-spacing-m);
6164
+ }.type-module_body-l-regular__lOYbg {
6165
+ font-family: var(--font-family), sans-serif;
6166
+ font-weight: var(--font-weight-regular);
6167
+ font-size: var(--font-size-l);
6168
+ line-height: var(--line-height-xxl);
6169
+ text-decoration: none;
6170
+ letter-spacing: var(--letter-spacing-xs);
6171
+ }.type-module_body-l-medium__BqRC7 {
6172
+ font-family: var(--font-family), sans-serif;
6173
+ font-weight: var(--font-weight-medium);
6174
+ font-size: var(--font-size-l);
6175
+ line-height: var(--line-height-xxl);
6176
+ text-decoration: none;
6177
+ letter-spacing: var(--letter-spacing-xs);
6178
+ }.type-module_body-l-bold__Fh2dt {
6179
+ font-family: var(--font-family), sans-serif;
6180
+ font-weight: var(--font-weight-bold);
6181
+ font-size: var(--font-size-l);
6182
+ line-height: var(--line-height-xxl);
6183
+ text-decoration: none;
6184
+ letter-spacing: var(--letter-spacing-s);
6185
+ }.type-module_body-xl-regular__pF2kC {
6186
+ font-family: var(--font-family), sans-serif;
6187
+ font-weight: var(--font-weight-regular);
6188
+ font-size: var(--font-size-xl);
6189
+ line-height: var(--line-height-xxl);
6190
+ text-decoration: none;
6191
+ letter-spacing: var(--letter-spacing-xs);
6192
+ }.type-module_body-xl-medium__BeyrH {
6193
+ font-family: var(--font-family), sans-serif;
6194
+ font-weight: var(--font-weight-medium);
6195
+ font-size: var(--font-size-xl);
6196
+ line-height: var(--line-height-xxl);
6197
+ text-decoration: none;
6198
+ letter-spacing: var(--letter-spacing-xs);
6199
+ }.type-module_body-xl-bold__Ruknj {
6200
+ font-family: var(--font-family), sans-serif;
6201
+ font-weight: var(--font-weight-bold);
6202
+ font-size: var(--font-size-xl);
6203
+ line-height: var(--line-height-xxl);
6204
+ text-decoration: none;
6205
+ letter-spacing: var(--letter-spacing-s);
6206
+ }.type-module_h1__ikDt5 {
6207
+ font-family: var(--font-family), sans-serif;
6208
+ font-weight: var(--font-weight-extra);
6209
+ font-size: var(--font-size-h1);
6210
+ line-height: var(--line-height-xs);
6211
+ letter-spacing: var(--letter-spacing-m);
6212
+ }.type-module_h2__bSCvt {
6213
+ font-family: var(--font-family), sans-serif;
6214
+ font-weight: var(--font-weight-extra);
6215
+ font-size: var(--font-size-h2);
6216
+ line-height: var(--line-height-xs);
6217
+ letter-spacing: var(--letter-spacing-m);
6218
+ }.type-module_h3__8gHoN {
6219
+ font-family: var(--font-family), sans-serif;
6220
+ font-weight: var(--font-weight-extra);
6221
+ font-size: var(--font-size-h3);
6222
+ line-height: var(--line-height-xs);
6223
+ letter-spacing: var(--letter-spacing-m);
6224
+ }.type-module_h4__EVAd2 {
6225
+ font-family: var(--font-family), sans-serif;
6226
+ font-weight: var(--font-weight-extra);
6227
+ font-size: var(--font-size-h4);
6228
+ line-height: var(--line-height-xs);
6229
+ letter-spacing: var(--letter-spacing-m);
6230
+ }.type-module_h5__92r22 {
6231
+ font-family: var(--font-family), sans-serif;
6232
+ font-weight: var(--font-weight-extra);
6233
+ font-size: var(--font-size-h5);
6234
+ line-height: var(--line-height-xs);
6235
+ letter-spacing: var(--letter-spacing-m);
6236
+ }.type-module_h6__sshOw {
6237
+ font-family: var(--font-family), sans-serif;
6238
+ font-weight: var(--font-weight-extra);
6239
+ font-size: var(--font-size-h6);
6240
+ line-height: var(--line-height-xs);
6241
+ letter-spacing: var(--letter-spacing-m);
6242
+ }
6243
+
6244
+ .Label-module_label__RaRvM {
6245
+ line-height: 1em;
6246
+ white-space: nowrap;
6247
+ padding: var(--label-padding) !important;
6248
+ width: min-content;
6249
+ color: var(--label-color);
6250
+ border-radius: var(--label-border-radius);
6251
+ border: var(--label-border-size) solid var(--label-border-color);
6252
+ cursor: default;
6253
+ background: var(--label-bg-color);
6254
+ }
6255
+
6256
+ .Label-module_button__N8bcQ {
6257
+ display: inline-flex !important;
6258
+ background: var(--label-bg-color);
6259
+ color: var(--label-color);
6260
+ border-radius: var(--label-border-radius);
6261
+ border: var(--label-border-size) solid var(--label-border-color);
6262
+ width: min-content;
6263
+ cursor: pointer;
6264
+ white-space: nowrap;
6265
+ appearance: none;
6266
+ -webkit-appearance: none;
6267
+ background-image: none;
6268
+ outline: none;
6269
+ }
6270
+
6271
+ .Label-module_xs__K9Ai6 {
6272
+ }
6273
+
6274
+ .Label-module_s__Zh8Gp {
6275
+ }
6276
+
6277
+ .Label-module_m__BJtGL {
6278
+ }
6279
+
6280
+ .Label-module_l__t70tt {
6281
+ }
6282
+
6283
+ .Label-module_xl__bX0ub {
6284
+ }
6285
+
6286
+ .flexBox-module_row__z24tF {
6287
+ display: flex;
6288
+ justify-content: center;
6547
6289
  align-items: center;
6548
6290
  box-sizing: border-box;
6549
6291
  padding: 0;
@@ -6752,55 +6494,51 @@ line {
6752
6494
  letter-spacing: var(--letter-spacing-m);
6753
6495
  }
6754
6496
 
6755
- .UploadArea-module_wrapper__aircC {
6756
- padding: var(--ua-padding) !important;
6757
- border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
6758
- border-radius: var(--ua-radius);
6759
- background: var(--ua-bg-color);
6760
- gap: 8px;
6761
- cursor: var(--ua-cursor);
6762
- width: var(--ua-width);
6763
- height: var(--ua-height);
6764
- user-select: none;
6765
- -webkit-user-select: none;
6766
- }
6767
-
6768
- .UploadArea-module_icon__M7n-m {
6769
- min-height: var(--ua-icon-size);
6770
- height: var(--ua-icon-size);
6771
- min-width: var(--ua-icon-size);
6772
- width: var(--ua-icon-size);
6773
- pointer-events: none;
6497
+ .Toast-module_wrapper__1uj9O {
6498
+ padding: var(--toast-padding) !important;
6499
+ color: var(--toast-color);
6500
+ position: var(--toast-position);
6501
+ border: var(--toast-border);
6502
+ border-radius: var(--toast-border-radius);
6503
+ background: var(--toast-background);
6504
+ z-index: var(--elevation-status);
6505
+ gap: 16px;
6506
+ box-shadow: var(--surface-shadow-soft);
6507
+ left: 50%;
6508
+ transform: translateX(-50%);
6774
6509
  }
6775
6510
 
6776
- .UploadArea-module_title__VbNGq {
6777
- pointer-events: none;
6511
+ .Toast-module_close__i10-s {
6512
+ min-height: 20px;
6513
+ max-height: 20px;
6514
+ min-width: 20px;
6515
+ max-width: 20px;
6516
+ cursor: pointer;
6778
6517
  }
6779
6518
 
6780
- .UploadArea-module_message__U1ZVM {
6781
- color: var(--core-text-tertiary);
6782
- pointer-events: none;
6783
- gap: 8px;
6519
+ .Toast-module_message__3dP0P {
6520
+ gap: 6px;
6784
6521
  }
6785
6522
 
6786
- .UploadArea-module_files__Q796x {
6787
- margin-top: 16px !important;
6788
- width: 100%;
6523
+ .Toast-module_progress__SWsbA {
6524
+ min-height: 20px;
6525
+ max-height: 20px;
6526
+ min-width: 20px;
6527
+ max-width: 20px;
6789
6528
  }
6790
6529
 
6791
- .UploadArea-module_xs__-AoM7 {
6530
+ .Toast-module_xs__ptQ-h {
6792
6531
  }
6793
6532
 
6794
- .UploadArea-module_s__wy1zN {
6533
+ .Toast-module_s__kc5Ef {
6795
6534
  }
6796
6535
 
6797
- .UploadArea-module_m__bKuFN {
6536
+ .Toast-module_m__JtmLz {
6798
6537
  }
6799
-
6800
- .UploadArea-module_l__KG9YN {
6538
+ .Toast-module_l__-W0PD {
6801
6539
  }
6802
6540
 
6803
- .UploadArea-module_xl__xmTtW {
6541
+ .Toast-module_xl__j5Zhr {
6804
6542
  }
6805
6543
 
6806
6544
  .flexBox-module_row__z24tF {
@@ -7058,229 +6796,491 @@ line {
7058
6796
  font-size: var(--font-size-h6);
7059
6797
  line-height: var(--line-height-xs);
7060
6798
  letter-spacing: var(--letter-spacing-m);
7061
- }.scrollBars-module_scrollbars__c-ZPl {
7062
- /* Consumers override these to theme their own scrollbar (e.g. Modal
7063
- binds them to its scrollHandleColor/scrollHandleColorHover props).
7064
- Unoverridden, they fall back to the shared page-level scroll tokens. */
7065
- --scrollbar-size: 6px;
7066
- --scrollbar-bg: transparent;
7067
- --scrollbar-thumb: var(--scroll-bar);
7068
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
7069
-
7070
- /* firefox does not support -webkit-scrollbar */
7071
- @supports not selector(::-webkit-scrollbar) {
7072
- scrollbar-width: thin;
7073
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
7074
- }
7075
-
7076
- &::-webkit-scrollbar {
7077
- background-color: var(--scrollbar-bg);
7078
- width: var(--scrollbar-size);
7079
- height: var(--scrollbar-size);
7080
- }
7081
-
7082
- &::-webkit-scrollbar-track {
7083
- background-color: var(--scrollbar-bg);
7084
- width: var(--scrollbar-size);
7085
- height: var(--scrollbar-size);
7086
- }
7087
-
7088
- &::-webkit-scrollbar-thumb {
7089
- background-color: var(--scrollbar-thumb);
7090
- border-radius: 20px;
7091
- border: 1px solid var(--scrollbar-bg);
7092
- }
7093
-
7094
- &::-webkit-scrollbar-thumb:hover {
7095
- background-color: var(--scrollbar-thumb-hover);
7096
- border-radius: 20px;
7097
- border: 1px solid var(--scrollbar-bg);
7098
- }
7099
-
7100
- &::-webkit-scrollbar-corner {
7101
- background-color: var(--scrollbar-bg);
7102
- }
6799
+ }.scrollBars-module_scrollbars__c-ZPl {
6800
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
6801
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
6802
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
6803
+ --scrollbar-size: 6px;
6804
+ --scrollbar-bg: transparent;
6805
+ --scrollbar-thumb: var(--scroll-bar);
6806
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
6807
+
6808
+ /* firefox does not support -webkit-scrollbar */
6809
+ @supports not selector(::-webkit-scrollbar) {
6810
+ scrollbar-width: thin;
6811
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
6812
+ }
6813
+
6814
+ &::-webkit-scrollbar {
6815
+ background-color: var(--scrollbar-bg);
6816
+ width: var(--scrollbar-size);
6817
+ height: var(--scrollbar-size);
6818
+ }
6819
+
6820
+ &::-webkit-scrollbar-track {
6821
+ background-color: var(--scrollbar-bg);
6822
+ width: var(--scrollbar-size);
6823
+ height: var(--scrollbar-size);
6824
+ }
6825
+
6826
+ &::-webkit-scrollbar-thumb {
6827
+ background-color: var(--scrollbar-thumb);
6828
+ border-radius: 20px;
6829
+ border: 1px solid var(--scrollbar-bg);
6830
+ }
6831
+
6832
+ &::-webkit-scrollbar-thumb:hover {
6833
+ background-color: var(--scrollbar-thumb-hover);
6834
+ border-radius: 20px;
6835
+ border: 1px solid var(--scrollbar-bg);
6836
+ }
6837
+
6838
+ &::-webkit-scrollbar-corner {
6839
+ background-color: var(--scrollbar-bg);
6840
+ }
6841
+ }
6842
+
6843
+ .DataTable-module_tableWrapper__BzoJE {
6844
+ position: relative;
6845
+ box-sizing: border-box;
6846
+ display: flex;
6847
+ justify-content: flex-start;
6848
+ align-items: flex-start;
6849
+ width: var(--table-width);
6850
+ max-width: var(--table-max-width);
6851
+ height: var(--table-height);
6852
+ overflow-x: auto;
6853
+ overflow-y: auto;
6854
+ padding: 0;
6855
+ margin: var(--table-margin);
6856
+ border: var(--table-border-width) solid var(--table-border-color);
6857
+ border-left-width: var(--table-border-sides);
6858
+ border-right-width: var(--table-border-sides);
6859
+ border-radius: var(--table-border-radius);
6860
+ }
6861
+
6862
+ .DataTable-module_resizeBar__LmzEF {
6863
+ position: absolute;
6864
+ box-sizing: border-box;
6865
+ display: flex;
6866
+ height: 100%;
6867
+ left: -500px;
6868
+ width: 3px;
6869
+ min-width: 2px;
6870
+ max-width: 2px;
6871
+ background: var(--table-handle-hover-color);
6872
+ z-index: 20;
6873
+ pointer-events: none;
6874
+ }
6875
+
6876
+ .DataTable-module_table__oL4Dz {
6877
+ table-layout: fixed; /* stop auto-recalculating from content */
6878
+ flex-shrink: 0; /* stop flexbox squeezing the table */
6879
+ box-sizing: border-box;
6880
+ border-collapse: collapse;
6881
+ min-width: 100%;
6882
+ padding: 0;
6883
+ margin: 0;
6884
+ color: var(--core-text-primary);
6885
+ }
6886
+
6887
+ /* hide caption - in code for accessibility */
6888
+ .DataTable-module_table__oL4Dz caption {
6889
+ display: none;
6890
+ }
6891
+
6892
+ /* each table header cell is sticky by default */
6893
+ .DataTable-module_table__oL4Dz thead tr th {
6894
+ position: var(--table-header-sticky-position);
6895
+ top: 0;
6896
+ z-index: 1;
6897
+ border-right: var(--table-border-width) solid var(--table-border-color);
6898
+ border-right-width: var(--table-border-sides);
6899
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
6900
+ box-shadow: var(--table-header-box-shadow);
6901
+ background: var(--table-header-background-color);
6902
+ }
6903
+
6904
+ /* last th of the header row, remove the right border */
6905
+ .DataTable-module_table__oL4Dz thead tr th:last-child {
6906
+ border-right: 0;
6907
+ }
6908
+
6909
+ /* border bot and right to all body cells */
6910
+ .DataTable-module_table__oL4Dz tbody tr td {
6911
+ border-right: var(--table-border-width) solid var(--table-border-color);
6912
+ border-right-width: var(--table-border-sides);
6913
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
6914
+ }
6915
+
6916
+ /* candy stripe all even body rows */
6917
+ .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
6918
+ background-color: var(--table-candy-stripe-background-color);
6919
+ }
6920
+
6921
+ /* remove right border from last cell of each body row */
6922
+ .DataTable-module_table__oL4Dz tbody tr td:last-child {
6923
+ border-right: 0;
6924
+ }
6925
+
6926
+ /* remove the bottom border from every td in the last tr of the body */
6927
+ .DataTable-module_table__oL4Dz tbody tr:last-child td {
6928
+ border-bottom: 0;
6929
+ }
6930
+
6931
+ /* style first cell in each row of the body */
6932
+ .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
6933
+ position: var(--table-freeze-column-position);
6934
+ left: 0;
6935
+ z-index: 2;
6936
+ box-shadow: var(--table-column-box-shadow);
6937
+ }
6938
+
6939
+ /* style first cell in the header row */
6940
+ .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
6941
+ position: var(--table-corner-position);
6942
+ left: var(--table-corner-left);
6943
+ top: 0;
6944
+ z-index: 3;
6945
+ box-shadow: var(--table-corner-box-shadow);
6946
+ }
6947
+
6948
+ .DataTable-module_baseCell__DQl-z {
6949
+ box-sizing: border-box;
6950
+ position: relative;
6951
+ padding: 0;
6952
+ margin: 0;
6953
+ border: 0;
6954
+ background-color: var(--table-background-color);
6955
+ }
6956
+
6957
+ .DataTable-module_baseCellWrapper__WMgNm,
6958
+ .DataTable-module_headerCellWrapper__ytVYY {
6959
+ box-sizing: border-box;
6960
+ display: flex;
6961
+ position: relative;
6962
+ height: 100%;
6963
+ width: 100%;
6964
+ }
6965
+
6966
+ .DataTable-module_colResizeHandle__dF5Es {
6967
+ position: absolute;
6968
+ top: 0;
6969
+ bottom: 0;
6970
+ right: 0;
6971
+ width: 5px;
6972
+ background-color: rgba(255, 255, 255, 0);
6973
+ cursor: col-resize;
6974
+ z-index: 10;
6975
+ }
6976
+
6977
+ .DataTable-module_header__QgdCY {
6978
+ box-sizing: border-box;
6979
+ display: flex;
6980
+ align-items: center;
6981
+ justify-content: center;
6982
+ width: 100%;
6983
+ height: 100%;
6984
+ gap: 8px;
6985
+ }
6986
+
6987
+ .DataTable-module_headerRight__QHHxv,
6988
+ .DataTable-module_headerLeft__OAzLv {
6989
+ box-sizing: border-box;
6990
+ position: relative;
6991
+ display: flex;
6992
+ justify-content: center;
6993
+ align-items: center;
6994
+ min-width: 16px;
6995
+ max-width: 16px;
6996
+ overflow: hidden;
6997
+ }
6998
+
6999
+ .DataTable-module_headerTitle__K0pmX {
7000
+ box-sizing: border-box;
7001
+ position: relative;
7002
+ display: flex;
7003
+ justify-content: center;
7004
+ align-items: center;
7005
+ flex: 1;
7006
+ font-weight: 540;
7007
+ }
7008
+
7009
+ .DataTable-module_xs__P-Ize {
7010
+ }
7011
+
7012
+ .DataTable-module_m__G9QOp {
7013
+ }
7014
+
7015
+ .DataTable-module_l__RzReg {
7016
+ }
7017
+
7018
+ .DataTable-module_s__5ENNl {
7019
+ }
7020
+
7021
+ .DataTable-module_scroll__grEU0 {
7022
+ }
7023
+
7024
+ .flexBox-module_row__z24tF {
7025
+ display: flex;
7026
+ justify-content: center;
7027
+ align-items: center;
7028
+ box-sizing: border-box;
7029
+ padding: 0;
7030
+ margin: 0;
7031
+ }.flexBox-module_rowBetween__5FEvi {
7032
+ display: flex;
7033
+ justify-content: space-between;
7034
+ align-items: center;
7035
+ box-sizing: border-box;
7036
+ padding: 0;
7037
+ margin: 0;
7038
+ }.flexBox-module_rowStart__4tcxS {
7039
+ display: flex;
7040
+ justify-content: flex-start;
7041
+ align-items: center;
7042
+ box-sizing: border-box;
7043
+ padding: 0;
7044
+ margin: 0;
7045
+ }.flexBox-module_rowEnd__rVdVm {
7046
+ display: flex;
7047
+ justify-content: flex-end;
7048
+ align-items: center;
7049
+ box-sizing: border-box;
7050
+ padding: 0;
7051
+ margin: 0;
7052
+ }.flexBox-module_column__ezvMq {
7053
+ display: flex;
7054
+ flex-direction: column;
7055
+ justify-content: center;
7056
+ align-items: center;
7057
+ box-sizing: border-box;
7058
+ padding: 0;
7059
+ margin: 0;
7060
+ }.flexBox-module_columnStart__C7P44 {
7061
+ display: flex;
7062
+ flex-direction: column;
7063
+ justify-content: flex-start;
7064
+ align-items: flex-start;
7065
+ box-sizing: border-box;
7066
+ padding: 0;
7067
+ margin: 0;
7068
+ }.flexBox-module_columnStartCenter__PKcrG {
7069
+ display: flex;
7070
+ flex-direction: column;
7071
+ justify-content: flex-start;
7072
+ align-items: center;
7073
+ box-sizing: border-box;
7074
+ padding: 0;
7075
+ margin: 0;
7076
+ }.flexBox-module_columnBetween__ERfp7 {
7077
+ display: flex;
7078
+ flex-direction: column;
7079
+ justify-content: space-between;
7080
+ align-items: center;
7081
+ box-sizing: border-box;
7082
+ padding: 0;
7083
+ margin: 0;
7084
+ }.flexBox-module_columnEnd__lLJuc {
7085
+ display: flex;
7086
+ flex-direction: column;
7087
+ justify-content: flex-end;
7088
+ align-items: flex-end;
7089
+ box-sizing: border-box;
7090
+ padding: 0;
7091
+ margin: 0;
7092
+ }.type-module_body-xs-regular__ZAFft {
7093
+ font-family: var(--font-family), sans-serif;
7094
+ font-weight: var(--font-weight-regular);
7095
+ font-size: var(--font-size-xs);
7096
+ line-height: var(--line-height-m);
7097
+ text-decoration: none;
7098
+ letter-spacing: var(--letter-spacing-m);
7099
+ }.type-module_body-xs-medium__s3KvF {
7100
+ font-family: var(--font-family), sans-serif;
7101
+ font-weight: var(--font-weight-medium);
7102
+ font-size: var(--font-size-xs);
7103
+ line-height: var(--line-height-m);
7104
+ text-decoration: none;
7105
+ letter-spacing: var(--letter-spacing-m);
7106
+ }.type-module_body-xs-bold__Lhqqq {
7107
+ font-family: var(--font-family), sans-serif;
7108
+ font-weight: var(--font-weight-bold);
7109
+ font-size: var(--font-size-xs);
7110
+ line-height: var(--line-height-m);
7111
+ text-decoration: none;
7112
+ letter-spacing: var(--letter-spacing-l);
7113
+ }.type-module_body-s-regular__vRHSP {
7114
+ font-family: var(--font-family), sans-serif;
7115
+ font-weight: var(--font-weight-regular);
7116
+ font-size: var(--font-size-s);
7117
+ line-height: var(--line-height-xl);
7118
+ text-decoration: none;
7119
+ letter-spacing: var(--letter-spacing-s);
7120
+ }.type-module_body-s-medium__tjdFc {
7121
+ font-family: var(--font-family), sans-serif;
7122
+ font-weight: var(--font-weight-medium);
7123
+ font-size: var(--font-size-s);
7124
+ line-height: var(--line-height-xl);
7125
+ text-decoration: none;
7126
+ letter-spacing: var(--letter-spacing-s);
7127
+ }.type-module_body-s-bold__Iy-VX {
7128
+ font-family: var(--font-family), sans-serif;
7129
+ font-weight: var(--font-weight-bold);
7130
+ font-size: var(--font-size-s);
7131
+ line-height: var(--line-height-xl);
7132
+ text-decoration: none;
7133
+ letter-spacing: var(--letter-spacing-m);
7134
+ }.type-module_body-m-regular__LuQBA {
7135
+ font-family: var(--font-family), sans-serif;
7136
+ font-weight: var(--font-weight-regular);
7137
+ font-size: var(--font-size-m);
7138
+ line-height: var(--line-height-l);
7139
+ text-decoration: none;
7140
+ letter-spacing: var(--letter-spacing-s);
7141
+ }.type-module_body-m-medium__uW1on {
7142
+ font-family: var(--font-family), sans-serif;
7143
+ font-weight: var(--font-weight-medium);
7144
+ font-size: var(--font-size-m);
7145
+ line-height: var(--line-height-l);
7146
+ text-decoration: none;
7147
+ letter-spacing: var(--letter-spacing-s);
7148
+ }.type-module_body-m-bold__UBcvQ {
7149
+ font-family: var(--font-family), sans-serif;
7150
+ font-weight: var(--font-weight-bold);
7151
+ font-size: var(--font-size-m);
7152
+ line-height: var(--line-height-l);
7153
+ text-decoration: none;
7154
+ letter-spacing: var(--letter-spacing-m);
7155
+ }.type-module_body-l-regular__lOYbg {
7156
+ font-family: var(--font-family), sans-serif;
7157
+ font-weight: var(--font-weight-regular);
7158
+ font-size: var(--font-size-l);
7159
+ line-height: var(--line-height-xxl);
7160
+ text-decoration: none;
7161
+ letter-spacing: var(--letter-spacing-xs);
7162
+ }.type-module_body-l-medium__BqRC7 {
7163
+ font-family: var(--font-family), sans-serif;
7164
+ font-weight: var(--font-weight-medium);
7165
+ font-size: var(--font-size-l);
7166
+ line-height: var(--line-height-xxl);
7167
+ text-decoration: none;
7168
+ letter-spacing: var(--letter-spacing-xs);
7169
+ }.type-module_body-l-bold__Fh2dt {
7170
+ font-family: var(--font-family), sans-serif;
7171
+ font-weight: var(--font-weight-bold);
7172
+ font-size: var(--font-size-l);
7173
+ line-height: var(--line-height-xxl);
7174
+ text-decoration: none;
7175
+ letter-spacing: var(--letter-spacing-s);
7176
+ }.type-module_body-xl-regular__pF2kC {
7177
+ font-family: var(--font-family), sans-serif;
7178
+ font-weight: var(--font-weight-regular);
7179
+ font-size: var(--font-size-xl);
7180
+ line-height: var(--line-height-xxl);
7181
+ text-decoration: none;
7182
+ letter-spacing: var(--letter-spacing-xs);
7183
+ }.type-module_body-xl-medium__BeyrH {
7184
+ font-family: var(--font-family), sans-serif;
7185
+ font-weight: var(--font-weight-medium);
7186
+ font-size: var(--font-size-xl);
7187
+ line-height: var(--line-height-xxl);
7188
+ text-decoration: none;
7189
+ letter-spacing: var(--letter-spacing-xs);
7190
+ }.type-module_body-xl-bold__Ruknj {
7191
+ font-family: var(--font-family), sans-serif;
7192
+ font-weight: var(--font-weight-bold);
7193
+ font-size: var(--font-size-xl);
7194
+ line-height: var(--line-height-xxl);
7195
+ text-decoration: none;
7196
+ letter-spacing: var(--letter-spacing-s);
7197
+ }.type-module_h1__ikDt5 {
7198
+ font-family: var(--font-family), sans-serif;
7199
+ font-weight: var(--font-weight-extra);
7200
+ font-size: var(--font-size-h1);
7201
+ line-height: var(--line-height-xs);
7202
+ letter-spacing: var(--letter-spacing-m);
7203
+ }.type-module_h2__bSCvt {
7204
+ font-family: var(--font-family), sans-serif;
7205
+ font-weight: var(--font-weight-extra);
7206
+ font-size: var(--font-size-h2);
7207
+ line-height: var(--line-height-xs);
7208
+ letter-spacing: var(--letter-spacing-m);
7209
+ }.type-module_h3__8gHoN {
7210
+ font-family: var(--font-family), sans-serif;
7211
+ font-weight: var(--font-weight-extra);
7212
+ font-size: var(--font-size-h3);
7213
+ line-height: var(--line-height-xs);
7214
+ letter-spacing: var(--letter-spacing-m);
7215
+ }.type-module_h4__EVAd2 {
7216
+ font-family: var(--font-family), sans-serif;
7217
+ font-weight: var(--font-weight-extra);
7218
+ font-size: var(--font-size-h4);
7219
+ line-height: var(--line-height-xs);
7220
+ letter-spacing: var(--letter-spacing-m);
7221
+ }.type-module_h5__92r22 {
7222
+ font-family: var(--font-family), sans-serif;
7223
+ font-weight: var(--font-weight-extra);
7224
+ font-size: var(--font-size-h5);
7225
+ line-height: var(--line-height-xs);
7226
+ letter-spacing: var(--letter-spacing-m);
7227
+ }.type-module_h6__sshOw {
7228
+ font-family: var(--font-family), sans-serif;
7229
+ font-weight: var(--font-weight-extra);
7230
+ font-size: var(--font-size-h6);
7231
+ line-height: var(--line-height-xs);
7232
+ letter-spacing: var(--letter-spacing-m);
7103
7233
  }
7104
7234
 
7105
- .DataTable-module_tableWrapper__BzoJE {
7106
- position: relative;
7107
- box-sizing: border-box;
7108
- display: flex;
7109
- justify-content: flex-start;
7110
- align-items: flex-start;
7111
- width: var(--table-width);
7112
- max-width: var(--table-max-width);
7113
- height: var(--table-height);
7114
- overflow-x: auto;
7115
- overflow-y: auto;
7116
- padding: 0;
7117
- margin: var(--table-margin);
7118
- border: var(--table-border-width) solid var(--table-border-color);
7119
- border-left-width: var(--table-border-sides);
7120
- border-right-width: var(--table-border-sides);
7121
- border-radius: var(--table-border-radius);
7235
+ .UploadArea-module_wrapper__aircC {
7236
+ padding: var(--ua-padding) !important;
7237
+ border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
7238
+ border-radius: var(--ua-radius);
7239
+ background: var(--ua-bg-color);
7240
+ gap: 8px;
7241
+ cursor: var(--ua-cursor);
7242
+ width: var(--ua-width);
7243
+ height: var(--ua-height);
7244
+ user-select: none;
7245
+ -webkit-user-select: none;
7122
7246
  }
7123
7247
 
7124
- .DataTable-module_resizeBar__LmzEF {
7125
- position: absolute;
7126
- box-sizing: border-box;
7127
- display: flex;
7128
- height: 100%;
7129
- left: -500px;
7130
- width: 3px;
7131
- min-width: 2px;
7132
- max-width: 2px;
7133
- background: var(--table-handle-hover-color);
7134
- z-index: 20;
7248
+ .UploadArea-module_icon__M7n-m {
7249
+ min-height: var(--ua-icon-size);
7250
+ height: var(--ua-icon-size);
7251
+ min-width: var(--ua-icon-size);
7252
+ width: var(--ua-icon-size);
7135
7253
  pointer-events: none;
7136
7254
  }
7137
7255
 
7138
- .DataTable-module_table__oL4Dz {
7139
- table-layout: fixed; /* stop auto-recalculating from content */
7140
- flex-shrink: 0; /* stop flexbox squeezing the table */
7141
- box-sizing: border-box;
7142
- border-collapse: collapse;
7143
- min-width: 100%;
7144
- padding: 0;
7145
- margin: 0;
7146
- color: var(--core-text-primary);
7147
- }
7148
-
7149
- /* hide caption - in code for accessibility */
7150
- .DataTable-module_table__oL4Dz caption {
7151
- display: none;
7152
- }
7153
-
7154
- /* each table header cell is sticky by default */
7155
- .DataTable-module_table__oL4Dz thead tr th {
7156
- position: var(--table-header-sticky-position);
7157
- top: 0;
7158
- z-index: 1;
7159
- border-right: var(--table-border-width) solid var(--table-border-color);
7160
- border-right-width: var(--table-border-sides);
7161
- border-bottom: var(--table-border-width) solid var(--table-border-color);
7162
- box-shadow: var(--table-header-box-shadow);
7163
- background: var(--table-header-background-color);
7164
- }
7165
-
7166
- /* last th of the header row, remove the right border */
7167
- .DataTable-module_table__oL4Dz thead tr th:last-child {
7168
- border-right: 0;
7169
- }
7170
-
7171
- /* border bot and right to all body cells */
7172
- .DataTable-module_table__oL4Dz tbody tr td {
7173
- border-right: var(--table-border-width) solid var(--table-border-color);
7174
- border-right-width: var(--table-border-sides);
7175
- border-bottom: var(--table-border-width) solid var(--table-border-color);
7176
- }
7177
-
7178
- /* candy stripe all even body rows */
7179
- .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
7180
- background-color: var(--table-candy-stripe-background-color);
7181
- }
7182
-
7183
- /* remove right border from last cell of each body row */
7184
- .DataTable-module_table__oL4Dz tbody tr td:last-child {
7185
- border-right: 0;
7186
- }
7187
-
7188
- /* remove the bottom border from every td in the last tr of the body */
7189
- .DataTable-module_table__oL4Dz tbody tr:last-child td {
7190
- border-bottom: 0;
7191
- }
7192
-
7193
- /* style first cell in each row of the body */
7194
- .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
7195
- position: var(--table-freeze-column-position);
7196
- left: 0;
7197
- z-index: 2;
7198
- box-shadow: var(--table-column-box-shadow);
7199
- }
7200
-
7201
- /* style first cell in the header row */
7202
- .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
7203
- position: var(--table-corner-position);
7204
- left: var(--table-corner-left);
7205
- top: 0;
7206
- z-index: 3;
7207
- box-shadow: var(--table-corner-box-shadow);
7208
- }
7209
-
7210
- .DataTable-module_baseCell__DQl-z {
7211
- box-sizing: border-box;
7212
- position: relative;
7213
- padding: 0;
7214
- margin: 0;
7215
- border: 0;
7216
- background-color: var(--table-background-color);
7217
- }
7218
-
7219
- .DataTable-module_baseCellWrapper__WMgNm,
7220
- .DataTable-module_headerCellWrapper__ytVYY {
7221
- box-sizing: border-box;
7222
- display: flex;
7223
- position: relative;
7224
- height: 100%;
7225
- width: 100%;
7226
- }
7227
-
7228
- .DataTable-module_colResizeHandle__dF5Es {
7229
- position: absolute;
7230
- top: 0;
7231
- bottom: 0;
7232
- right: 0;
7233
- width: 5px;
7234
- background-color: rgba(255, 255, 255, 0);
7235
- cursor: col-resize;
7236
- z-index: 10;
7256
+ .UploadArea-module_title__VbNGq {
7257
+ pointer-events: none;
7237
7258
  }
7238
7259
 
7239
- .DataTable-module_header__QgdCY {
7240
- box-sizing: border-box;
7241
- display: flex;
7242
- align-items: center;
7243
- justify-content: center;
7244
- width: 100%;
7245
- height: 100%;
7260
+ .UploadArea-module_message__U1ZVM {
7261
+ color: var(--core-text-tertiary);
7262
+ pointer-events: none;
7246
7263
  gap: 8px;
7247
7264
  }
7248
7265
 
7249
- .DataTable-module_headerRight__QHHxv,
7250
- .DataTable-module_headerLeft__OAzLv {
7251
- box-sizing: border-box;
7252
- position: relative;
7253
- display: flex;
7254
- justify-content: center;
7255
- align-items: center;
7256
- min-width: 16px;
7257
- max-width: 16px;
7258
- overflow: hidden;
7259
- }
7260
-
7261
- .DataTable-module_headerTitle__K0pmX {
7262
- box-sizing: border-box;
7263
- position: relative;
7264
- display: flex;
7265
- justify-content: center;
7266
- align-items: center;
7267
- flex: 1;
7268
- font-weight: 540;
7266
+ .UploadArea-module_files__Q796x {
7267
+ margin-top: 16px !important;
7268
+ width: 100%;
7269
7269
  }
7270
7270
 
7271
- .DataTable-module_xs__P-Ize {
7271
+ .UploadArea-module_xs__-AoM7 {
7272
7272
  }
7273
7273
 
7274
- .DataTable-module_m__G9QOp {
7274
+ .UploadArea-module_s__wy1zN {
7275
7275
  }
7276
7276
 
7277
- .DataTable-module_l__RzReg {
7277
+ .UploadArea-module_m__bKuFN {
7278
7278
  }
7279
7279
 
7280
- .DataTable-module_s__5ENNl {
7280
+ .UploadArea-module_l__KG9YN {
7281
7281
  }
7282
7282
 
7283
- .DataTable-module_scroll__grEU0 {
7283
+ .UploadArea-module_xl__xmTtW {
7284
7284
  }
7285
7285
 
7286
7286
  .flexBox-module_row__z24tF {