@apple-pie/slice 0.1.57 → 0.1.59

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 (314) hide show
  1. package/dist/cjs/chunks/{AudioBubble-Spg7xqc9.js → AudioBubble-DAtkPfFK.js} +4 -4
  2. package/dist/cjs/chunks/{Avatar-BdhreiVP.js → Avatar-BI8Gvsp7.js} +2 -2
  3. package/dist/cjs/chunks/{AvatarGroup-BD69pplN.js → AvatarGroup-1IxbG6-D.js} +1 -1
  4. package/dist/cjs/chunks/{Badge-C_sva3jT.js → Badge-DMey3Pf3.js} +1 -1
  5. package/dist/cjs/chunks/{Button-C8hlMST5.js → Button-BjmkIu7l.js} +5 -6
  6. package/dist/cjs/chunks/{ButtonBar-1Qjuyr2U.js → ButtonBar-BxA8GQPM.js} +1 -1
  7. package/dist/cjs/chunks/{Camera-CXQLHtv8.js → Camera-ByjATQDE.js} +5 -5
  8. package/dist/cjs/chunks/{CheckBox-Bp4HCEp5.js → CheckBox-DZng-9wI.js} +1 -1
  9. package/dist/cjs/chunks/{Chip-D8k22_F8.js → Chip-CqUDN_QK.js} +7 -5
  10. package/dist/cjs/chunks/{DivInput-BXFPO-Mi.js → DivInput-GYDtuy4a.js} +2 -2
  11. package/dist/cjs/chunks/{Dot-BkFz2bG3.js → Dot-BgyxIyrr.js} +2 -2
  12. package/dist/cjs/chunks/{DrggablePanel-EJYkjSuq.js → DrggablePanel-BjOFnl0l.js} +11 -7
  13. package/dist/cjs/chunks/{DropDown-DcrJTYel.js → DropDown-C0vZNCK4.js} +4 -4
  14. package/dist/cjs/chunks/{ErrorSummary-FYhQ8A2g.js → ErrorSummary-CVzk_ASK.js} +5 -5
  15. package/dist/cjs/chunks/{FileIcon-DdKRzIde.js → FileIcon-63XvrV1q.js} +4 -4
  16. package/dist/cjs/chunks/{FileList-CBR3uaXM.js → FileList-6qXKA_Ux.js} +6 -5
  17. package/dist/cjs/chunks/{FlexDiv-DRaTYgR_.js → FlexDiv-LwjVh6ls.js} +4 -4
  18. package/dist/cjs/chunks/{Grouper-k1wtUJlG.js → Grouper-BlWyuh_b.js} +5 -5
  19. package/dist/cjs/chunks/{Icon-aBLPfZrD.js → Icon-BTjtQLNe.js} +10 -5
  20. package/dist/cjs/chunks/{IconButton-CbGXfBLK.js → IconButton-C0yNYhI6.js} +2 -2
  21. package/dist/cjs/chunks/{IndexedDB-BcDtqygg.js → IndexedDB-ClIpb2ob.js} +1 -1
  22. package/dist/cjs/chunks/{Label-Coei_F3_.js → Label-DsMFZd91.js} +5 -2
  23. package/dist/cjs/chunks/{Level-DpYVX9KZ.js → Level-VKdsTW_-.js} +2 -2
  24. package/dist/cjs/chunks/{Modal-IDb_E4Uj.js → Modal-Dp5Wg1Bw.js} +3 -3
  25. package/dist/cjs/chunks/{ModalController-D0Rk-7xK.js → ModalController-Cb2_7DtS.js} +3 -3
  26. package/dist/cjs/chunks/{Overlay-CTRJWWlC.js → Overlay-hOm9sYjr.js} +1 -1
  27. package/dist/cjs/chunks/{Pager-CjgU7xRP.js → Pager-CPhi9uyP.js} +1 -1
  28. package/dist/cjs/chunks/{ProgressIndicator-Dn_SVbK5.js → ProgressIndicator-CMsc_Npc.js} +5 -5
  29. package/dist/cjs/chunks/{PromptInput-DrqqeB7q.js → PromptInput-6eDiLG4g.js} +9 -10
  30. package/dist/cjs/chunks/{RadioButton-Bc7LvS17.js → RadioButton-DMxqwM6_.js} +3 -3
  31. package/dist/cjs/chunks/{RadioButtonList-Bl6hPvsZ.js → RadioButtonList-kG_Y1d4X.js} +1 -1
  32. package/dist/cjs/chunks/{Slider-BAR_f1bT.js → Slider-DGJomZGG.js} +4 -4
  33. package/dist/cjs/chunks/Spacer-Z97EoNtJ.js +26 -0
  34. package/dist/cjs/chunks/{Switch-CuK0xq85.js → Switch-CfzJd19R.js} +4 -4
  35. package/dist/cjs/chunks/{TabBar-DE-0fmd_.js → TabBar-C2aNS0Sd.js} +9 -9
  36. package/dist/cjs/chunks/{TextArea-CTDhSMbI.js → TextArea-G_MUJAHw.js} +3 -3
  37. package/dist/cjs/chunks/{TextField-BocVz2FD.js → TextField-CWIGERkd.js} +13 -18
  38. package/dist/cjs/chunks/{Tip-C7hgfkbD.js → Tip-B7RF879X.js} +3 -3
  39. package/dist/cjs/chunks/{Toast-CUtUp1H3.js → Toast-pkSkNuZo.js} +14 -10
  40. package/dist/cjs/chunks/{ToggleButton-BEw8y4n6.js → ToggleButton-DPc2x2EV.js} +1 -1
  41. package/dist/cjs/chunks/{UploadArea-cmzfjkdq.js → UploadArea-DyVGwChS.js} +8 -4
  42. package/dist/cjs/chunks/{Video-Cqyh2uqE.js → Video-Dh-_ouTP.js} +3 -3
  43. package/dist/cjs/chunks/{VideoController-cgbR4TCM.js → VideoController-CVm1CtaE.js} +6 -6
  44. package/dist/cjs/chunks/{WSConnection-lb-L_wl2.js → WSConnection-CDWOkk8n.js} +1 -1
  45. package/dist/cjs/chunks/{WebRTCConnection-C9wlDCWJ.js → WebRTCConnection-b8jZNRYr.js} +1 -1
  46. package/dist/cjs/chunks/{_types-xGDmxITu.js → _types-DxINS-ge.js} +2 -1
  47. package/dist/cjs/chunks/{browserChannelsStore-DzmDF2aJ.js → browserChannelsStore-PGtTaJyY.js} +2 -2
  48. package/dist/cjs/chunks/{localDBStore-Bo66OkHk.js → localDBStore-BRd0iQuq.js} +2 -2
  49. package/dist/cjs/chunks/{microphoneStore-D0ussh7L.js → microphoneStore-DljI0Zpj.js} +1 -1
  50. package/dist/cjs/chunks/{misc-DzYz4zh5.js → misc-BallZ366.js} +1 -1
  51. package/dist/cjs/chunks/{sseStore-B-0NYziZ.js → sseStore-cSWpKohM.js} +3 -3
  52. package/dist/cjs/chunks/{uploads-worker-wiEYAP3-.js → uploads-worker-DzrC-YiR.js} +1 -1
  53. package/dist/cjs/chunks/{uploadsStore-DiER7z5_.js → uploadsStore-BajO-auR.js} +2 -2
  54. package/dist/cjs/chunks/{viewState-ktYEaZW2.js → viewState-BVtEQ4sR.js} +8 -8
  55. package/dist/cjs/chunks/{volumeStore-Dez02JPh.js → volumeStore-DzgmrI6q.js} +1 -1
  56. package/dist/cjs/chunks/{webRTCStore-CAt0Ly4R.js → webRTCStore-BXHg9abP.js} +2 -2
  57. package/dist/cjs/chunks/{windowStore-BYkEn0kO.js → windowStore-DpNMptuw.js} +1 -1
  58. package/dist/cjs/components/AudioBubble/index.js +6 -6
  59. package/dist/cjs/components/Avatar/index.js +3 -3
  60. package/dist/cjs/components/AvatarGroup/index.js +3 -3
  61. package/dist/cjs/components/Badge/index.js +2 -2
  62. package/dist/cjs/components/Button/index.js +9 -9
  63. package/dist/cjs/components/ButtonBar/index.js +6 -6
  64. package/dist/cjs/components/Camera/index.js +8 -8
  65. package/dist/cjs/components/CheckBox/index.js +6 -6
  66. package/dist/cjs/components/Chip/index.js +7 -7
  67. package/dist/cjs/components/DataTable/index.js +7 -7
  68. package/dist/cjs/components/DivInput/index.js +3 -3
  69. package/dist/cjs/components/Dot/index.js +2 -2
  70. package/dist/cjs/components/DraggablePanel/index.js +6 -6
  71. package/dist/cjs/components/DropDown/index.js +6 -6
  72. package/dist/cjs/components/ErrorSummary/index.js +6 -6
  73. package/dist/cjs/components/FileIcon/index.js +6 -6
  74. package/dist/cjs/components/FileList/index.js +7 -7
  75. package/dist/cjs/components/FlexDiv/index.js +4 -3
  76. package/dist/cjs/components/Grouper/index.js +7 -7
  77. package/dist/cjs/components/Icon/index.js +6 -6
  78. package/dist/cjs/components/IconButton/index.js +9 -10
  79. package/dist/cjs/components/Label/index.js +3 -3
  80. package/dist/cjs/components/Level/index.js +4 -4
  81. package/dist/cjs/components/Modal/index.js +10 -10
  82. package/dist/cjs/components/ModalController/index.js +6 -6
  83. package/dist/cjs/components/Overlay/index.js +2 -2
  84. package/dist/cjs/components/Pager/index.js +3 -3
  85. package/dist/cjs/components/Progress/index.js +6 -6
  86. package/dist/cjs/components/PromptInput/index.js +10 -10
  87. package/dist/cjs/components/RadioButton/index.js +6 -6
  88. package/dist/cjs/components/RadioButtonList/index.js +7 -7
  89. package/dist/cjs/components/Slider/index.js +6 -6
  90. package/dist/cjs/components/Spacer/index.js +2 -2
  91. package/dist/cjs/components/Switch/index.js +2 -2
  92. package/dist/cjs/components/TabBar/index.js +9 -9
  93. package/dist/cjs/components/TextArea/index.js +10 -10
  94. package/dist/cjs/components/Textfield/index.js +10 -10
  95. package/dist/cjs/components/Tip/index.js +3 -3
  96. package/dist/cjs/components/Toast/index.js +7 -7
  97. package/dist/cjs/components/ToggleButton/index.js +10 -10
  98. package/dist/cjs/components/UploadArea/index.js +9 -9
  99. package/dist/cjs/components/Video/index.js +12 -13
  100. package/dist/cjs/components/VideoController/index.js +10 -10
  101. package/dist/cjs/hooks/useAudioRecorder.js +1 -1
  102. package/dist/cjs/hooks/useBindWebRTC.js +2 -2
  103. package/dist/cjs/hooks/useClipboard.js +2 -2
  104. package/dist/cjs/hooks/useInfiniteScroll.js +1 -1
  105. package/dist/cjs/hooks/useMdStreamBuffer.js +2 -2
  106. package/dist/cjs/hooks/useMicrophone.js +1 -1
  107. package/dist/cjs/hooks/useTrackRenders.js +2 -2
  108. package/dist/cjs/hooks.js +4 -4
  109. package/dist/cjs/index.js +10 -10
  110. package/dist/cjs/providers/themeServer.test.js +137 -78
  111. package/dist/cjs/stores/LocalDB.js +3 -3
  112. package/dist/cjs/stores/SSE.js +3 -3
  113. package/dist/cjs/stores/WS.js +3 -3
  114. package/dist/cjs/stores/WebRTC.js +3 -3
  115. package/dist/cjs/stores/activeTab.js +1 -1
  116. package/dist/cjs/stores/browserChannel.js +2 -2
  117. package/dist/cjs/stores/microphone.js +2 -2
  118. package/dist/cjs/stores/modal.js +1 -1
  119. package/dist/cjs/stores/tip.js +1 -1
  120. package/dist/cjs/stores/toast.js +1 -1
  121. package/dist/cjs/stores/uploads.js +2 -2
  122. package/dist/cjs/stores/video.js +1 -1
  123. package/dist/cjs/stores/volume.js +2 -2
  124. package/dist/cjs/stores/window.js +2 -2
  125. package/dist/cjs/stores.js +5 -5
  126. package/dist/cjs/theme/themes.js +13 -2
  127. package/dist/cjs/theme.js +2 -2
  128. package/dist/cjs/utils/index.js +2 -2
  129. package/dist/cjs/utils/objects/index.js +2 -2
  130. package/dist/cjs/workers/uploads/uploads.js +2 -2
  131. package/dist/esm/chunks/{AudioBubble-ck1gSxtM.mjs → AudioBubble-B8vlO9fq.mjs} +7 -7
  132. package/dist/esm/chunks/{Avatar-vhBRrvQP.mjs → Avatar-BMHnrzr3.mjs} +3 -3
  133. package/dist/esm/chunks/{AvatarGroup-DDPn1trz.mjs → AvatarGroup-BoBXPEbH.mjs} +2 -2
  134. package/dist/esm/chunks/{Badge-CntS4K1P.mjs → Badge-C7xDwrvC.mjs} +1 -1
  135. package/dist/esm/chunks/{Button-DVVXYB5E.mjs → Button-C6sTA1hG.mjs} +10 -11
  136. package/dist/esm/chunks/{ButtonBar-NduUKEhd.mjs → ButtonBar-Bh3-UpMU.mjs} +3 -3
  137. package/dist/esm/chunks/{Camera-Cofsfiqg.mjs → Camera-BXSLetAD.mjs} +9 -9
  138. package/dist/esm/chunks/{CheckBox-Du4u1Eva.mjs → CheckBox-DkXJwLeU.mjs} +3 -3
  139. package/dist/esm/chunks/{Chip-stmVXz5P.mjs → Chip-XTbAoiHl.mjs} +10 -8
  140. package/dist/esm/chunks/{DivInput-CGAqMs0y.mjs → DivInput-TsyOx4x2.mjs} +3 -3
  141. package/dist/esm/chunks/{Dot-CExdhu0z.mjs → Dot-D0NtTwqi.mjs} +2 -2
  142. package/dist/esm/chunks/{DrggablePanel-CCZWzCE4.mjs → DrggablePanel-BK9ukIbF.mjs} +10 -8
  143. package/dist/esm/chunks/{DropDown-REkWym1V.mjs → DropDown-F7yIB6EJ.mjs} +6 -6
  144. package/dist/esm/chunks/{ErrorSummary-CnApLAG8.mjs → ErrorSummary-SseJ5z1U.mjs} +7 -7
  145. package/dist/esm/chunks/{FileIcon-CJa41GGE.mjs → FileIcon-B7_cbtHF.mjs} +6 -6
  146. package/dist/esm/chunks/{FileList-CtPtwFg0.mjs → FileList-Bv9yn2QS.mjs} +10 -9
  147. package/dist/esm/chunks/{FlexDiv-DfCUyRsq.mjs → FlexDiv-3OxQ9y_1.mjs} +6 -4
  148. package/dist/esm/chunks/{Grouper-C2ekOKk-.mjs → Grouper-BcrjlgM-.mjs} +7 -7
  149. package/dist/esm/chunks/{Icon-DYv9sj3v.mjs → Icon-He4S-Q8N.mjs} +13 -8
  150. package/dist/esm/chunks/{IconButton-DUz8Pz1Z.mjs → IconButton-BGL-_8VW.mjs} +8 -6
  151. package/dist/esm/chunks/{IndexedDB-CO2IHWQq.mjs → IndexedDB-CB92RX6-.mjs} +1 -1
  152. package/dist/esm/chunks/{Label-osW2bH9O.mjs → Label-BouM6sY2.mjs} +6 -3
  153. package/dist/esm/chunks/{Level-DbvGSfLq.mjs → Level-CTkhQuiZ.mjs} +4 -4
  154. package/dist/esm/chunks/{Modal-Be3CsAWQ.mjs → Modal-BnbUOsKH.mjs} +7 -7
  155. package/dist/esm/chunks/{ModalController-DcZ5fgr-.mjs → ModalController-Dk2VZcXW.mjs} +5 -5
  156. package/dist/esm/chunks/{Overlay-B8l0rD6j.mjs → Overlay-D5cMQSvL.mjs} +1 -1
  157. package/dist/esm/chunks/{Pager-BkWiP2if.mjs → Pager-4-2T_ZbJ.mjs} +2 -2
  158. package/dist/esm/chunks/{ProgressIndicator-DPfGlu5w.mjs → ProgressIndicator-DBf_bLtr.mjs} +7 -7
  159. package/dist/esm/chunks/{PromptInput-Dn2jmUeX.mjs → PromptInput-I10dUhFO.mjs} +12 -13
  160. package/dist/esm/chunks/{RadioButton-DsZpFQlj.mjs → RadioButton-ZD7w9pql.mjs} +5 -5
  161. package/dist/esm/chunks/{RadioButtonList-3SGXzY-l.mjs → RadioButtonList-h2_5VM4X.mjs} +3 -3
  162. package/dist/esm/chunks/{Slider-bAlRcnr5.mjs → Slider-2Q6yVb8H.mjs} +7 -7
  163. package/dist/esm/chunks/Spacer-Rj8PKnt3.mjs +28 -0
  164. package/dist/esm/chunks/{Switch-YtBkB2gF.mjs → Switch-C4zkPOMU.mjs} +4 -4
  165. package/dist/esm/chunks/{TabBar-Bk1kOBSG.mjs → TabBar-bYgmIa-q.mjs} +14 -14
  166. package/dist/esm/chunks/{TextArea-DYim_fwG.mjs → TextArea-BS0Iu1RB.mjs} +6 -4
  167. package/dist/esm/chunks/{TextField-CuUvgXoc.mjs → TextField-BT1quQpj.mjs} +17 -22
  168. package/dist/esm/chunks/{Tip-CO5yFUi-.mjs → Tip-B4Tg6gIC.mjs} +4 -4
  169. package/dist/esm/chunks/{Toast-jV_6b03p.mjs → Toast-DWHhX64K.mjs} +14 -12
  170. package/dist/esm/chunks/{ToggleButton-CZbTyzZ7.mjs → ToggleButton-KAplYW5q.mjs} +2 -2
  171. package/dist/esm/chunks/{UploadArea-BjSr0-kl.mjs → UploadArea-D_ytxxSf.mjs} +11 -7
  172. package/dist/esm/chunks/{Video-D5owl4GM.mjs → Video-BHSzz3Wx.mjs} +10 -8
  173. package/dist/esm/chunks/{VideoController-BMm4f486.mjs → VideoController-D9ihYFYq.mjs} +10 -10
  174. package/dist/esm/chunks/{WSConnection-BkG6pECQ.mjs → WSConnection-BENe51Ue.mjs} +1 -1
  175. package/dist/esm/chunks/{WebRTCConnection-BMc3ILmW.mjs → WebRTCConnection-Cwx1C6Ta.mjs} +1 -1
  176. package/dist/esm/chunks/{_types-DBTuETEQ.mjs → _types-FIe85AYv.mjs} +2 -1
  177. package/dist/esm/chunks/{browserChannelsStore-BBnRAxaL.mjs → browserChannelsStore-oGeBSxAT.mjs} +2 -2
  178. package/dist/esm/chunks/{localDBStore-ChLj2J2R.mjs → localDBStore-ZwQD3ino.mjs} +3 -3
  179. package/dist/esm/chunks/{microphoneStore-CKLPc5zm.mjs → microphoneStore-D8VxjdFZ.mjs} +1 -1
  180. package/dist/esm/chunks/{misc-Vjo15VLp.mjs → misc-DBIXjc2Q.mjs} +1 -1
  181. package/dist/esm/chunks/{sseStore-C0XwLPfn.mjs → sseStore-CZqJmpUR.mjs} +3 -3
  182. package/dist/esm/chunks/{uploads-worker-DV0Cm3VQ.mjs → uploads-worker-DuyqBeHz.mjs} +1 -1
  183. package/dist/esm/chunks/{uploadsStore-DyYma52Z.mjs → uploadsStore-D9Ftk4Ke.mjs} +1 -1
  184. package/dist/esm/chunks/{viewState-y3yZZZDC.mjs → viewState-BdLOLJlv.mjs} +11 -11
  185. package/dist/esm/chunks/{volumeStore-CicDxCvO.mjs → volumeStore-hrteUkB-.mjs} +1 -1
  186. package/dist/esm/chunks/{webRTCStore-Dr5M8DFU.mjs → webRTCStore-B2ri-_li.mjs} +3 -3
  187. package/dist/esm/chunks/{windowStore-OW9W5zAw.mjs → windowStore-DIdy_IoC.mjs} +1 -1
  188. package/dist/esm/components/AudioBubble/index.mjs +9 -9
  189. package/dist/esm/components/Avatar/index.mjs +3 -3
  190. package/dist/esm/components/AvatarGroup/index.mjs +4 -4
  191. package/dist/esm/components/Badge/index.mjs +2 -2
  192. package/dist/esm/components/Button/index.mjs +13 -13
  193. package/dist/esm/components/ButtonBar/index.mjs +9 -9
  194. package/dist/esm/components/Camera/index.mjs +11 -11
  195. package/dist/esm/components/CheckBox/index.mjs +9 -9
  196. package/dist/esm/components/Chip/index.mjs +10 -10
  197. package/dist/esm/components/DataTable/index.mjs +10 -10
  198. package/dist/esm/components/DivInput/index.mjs +3 -3
  199. package/dist/esm/components/Dot/index.mjs +2 -2
  200. package/dist/esm/components/DraggablePanel/index.mjs +8 -8
  201. package/dist/esm/components/DropDown/index.mjs +9 -9
  202. package/dist/esm/components/ErrorSummary/index.mjs +8 -8
  203. package/dist/esm/components/FileIcon/index.mjs +8 -8
  204. package/dist/esm/components/FileList/index.mjs +11 -11
  205. package/dist/esm/components/FlexDiv/index.mjs +4 -2
  206. package/dist/esm/components/Grouper/index.mjs +10 -10
  207. package/dist/esm/components/Icon/index.mjs +9 -9
  208. package/dist/esm/components/IconButton/index.mjs +13 -13
  209. package/dist/esm/components/Label/index.mjs +3 -3
  210. package/dist/esm/components/Level/index.mjs +5 -5
  211. package/dist/esm/components/Modal/index.mjs +15 -15
  212. package/dist/esm/components/ModalController/index.mjs +9 -9
  213. package/dist/esm/components/Overlay/index.mjs +2 -2
  214. package/dist/esm/components/Pager/index.mjs +3 -3
  215. package/dist/esm/components/Progress/index.mjs +9 -9
  216. package/dist/esm/components/PromptInput/index.mjs +16 -16
  217. package/dist/esm/components/RadioButton/index.mjs +9 -9
  218. package/dist/esm/components/RadioButtonList/index.mjs +10 -10
  219. package/dist/esm/components/Slider/index.mjs +9 -9
  220. package/dist/esm/components/Spacer/index.mjs +2 -2
  221. package/dist/esm/components/Switch/index.mjs +2 -2
  222. package/dist/esm/components/TabBar/index.mjs +13 -13
  223. package/dist/esm/components/TextArea/index.mjs +15 -15
  224. package/dist/esm/components/Textfield/index.mjs +15 -15
  225. package/dist/esm/components/Tip/index.mjs +3 -3
  226. package/dist/esm/components/Toast/index.mjs +10 -10
  227. package/dist/esm/components/ToggleButton/index.mjs +15 -15
  228. package/dist/esm/components/UploadArea/index.mjs +14 -14
  229. package/dist/esm/components/Video/index.mjs +20 -20
  230. package/dist/esm/components/VideoController/index.mjs +15 -15
  231. package/dist/esm/hooks/useAudioRecorder.mjs +1 -1
  232. package/dist/esm/hooks/useBindWebRTC.mjs +6 -6
  233. package/dist/esm/hooks/useClipboard.mjs +3 -3
  234. package/dist/esm/hooks/useInfiniteScroll.mjs +1 -1
  235. package/dist/esm/hooks/useMdStreamBuffer.mjs +3 -3
  236. package/dist/esm/hooks/useMicrophone.mjs +1 -1
  237. package/dist/esm/hooks/useTrackRenders.mjs +2 -2
  238. package/dist/esm/hooks.mjs +8 -8
  239. package/dist/esm/index.mjs +59 -59
  240. package/dist/esm/providers/themeServer.test.mjs +137 -78
  241. package/dist/esm/stores/LocalDB.mjs +4 -4
  242. package/dist/esm/stores/SSE.mjs +4 -4
  243. package/dist/esm/stores/WS.mjs +3 -3
  244. package/dist/esm/stores/WebRTC.mjs +4 -4
  245. package/dist/esm/stores/activeTab.mjs +1 -1
  246. package/dist/esm/stores/browserChannel.mjs +3 -3
  247. package/dist/esm/stores/microphone.mjs +2 -2
  248. package/dist/esm/stores/modal.mjs +1 -1
  249. package/dist/esm/stores/tip.mjs +1 -1
  250. package/dist/esm/stores/toast.mjs +1 -1
  251. package/dist/esm/stores/uploads.mjs +3 -3
  252. package/dist/esm/stores/video.mjs +1 -1
  253. package/dist/esm/stores/volume.mjs +2 -2
  254. package/dist/esm/stores/window.mjs +2 -2
  255. package/dist/esm/stores.mjs +19 -19
  256. package/dist/esm/theme/themes.mjs +13 -2
  257. package/dist/esm/theme.mjs +1 -1
  258. package/dist/esm/utils/index.mjs +12 -12
  259. package/dist/esm/utils/objects/index.mjs +8 -8
  260. package/dist/esm/workers/uploads/uploads.mjs +2 -2
  261. package/dist/styles.css +1814 -1797
  262. package/dist/types/components/Button/Button.d.ts +2 -2
  263. package/dist/types/components/Button/_types.d.ts +1 -1
  264. package/dist/types/components/Chip/_types.d.ts +1 -1
  265. package/dist/types/components/DivInput/_types.d.ts +2 -2
  266. package/dist/types/components/DraggablePanel/DrggablePanel.d.ts +1 -1
  267. package/dist/types/components/DropDown/_types.d.ts +1 -1
  268. package/dist/types/components/FlexDiv/FlexDiv.d.ts +2 -2
  269. package/dist/types/components/FlexDiv/_types.d.ts +1 -1
  270. package/dist/types/components/Icon/_types.d.ts +1 -0
  271. package/dist/types/components/IconButton/_types.d.ts +1 -1
  272. package/dist/types/components/Label/_types.d.ts +1 -1
  273. package/dist/types/components/PromptInput/PromptInput.d.ts +2 -2
  274. package/dist/types/components/PromptInput/_types.d.ts +1 -1
  275. package/dist/types/components/Spacer/_types.d.ts +2 -1
  276. package/dist/types/components/TextArea/_types.d.ts +1 -1
  277. package/dist/types/components/Tip/_types.d.ts +2 -2
  278. package/dist/types/theme/index.d.ts +2 -0
  279. package/dist/types/theme/spacing/_types.d.ts +10 -0
  280. package/dist/types/theme/spacing/spacing.d.ts +2 -0
  281. package/dist/types/theme/themes.d.ts +2 -0
  282. package/package.json +25 -19
  283. package/dist/cjs/chunks/Spacer-ByFg1uI8.js +0 -19
  284. package/dist/esm/chunks/Spacer-Dw1R_QS-.mjs +0 -21
  285. /package/dist/cjs/chunks/{MdStreamBuffer-pKVX0tZt.js → MdStreamBuffer-DiL2zm2P.js} +0 -0
  286. /package/dist/cjs/chunks/{SSEConnection-cJuY1bye.js → SSEConnection-CTxnFASS.js} +0 -0
  287. /package/dist/cjs/chunks/{activeTabStore-DIGbK-zT.js → activeTabStore-C8afog5l.js} +0 -0
  288. /package/dist/cjs/chunks/{audioVisualizer-CLqdv2K-.js → audioVisualizer-C74sRH6D.js} +0 -0
  289. /package/dist/cjs/chunks/{broadcastChannel-Bf-u0RnC.js → broadcastChannel-DLSijpj_.js} +0 -0
  290. /package/dist/cjs/chunks/{colors-Yb-BONG0.js → colors-BDwwQ2Y3.js} +0 -0
  291. /package/dist/cjs/chunks/{debounce-B1046f-_.js → debounce-Bi3gt_i6.js} +0 -0
  292. /package/dist/cjs/chunks/{magic-string.es-CR7TWHhS.js → magic-string.es-DRDyITUv.js} +0 -0
  293. /package/dist/cjs/chunks/{modalStore-DwgyWAOV.js → modalStore-BexwvT-T.js} +0 -0
  294. /package/dist/cjs/chunks/{rafThrottle-68q3wWGh.js → rafThrottle-DdNEpMIw.js} +0 -0
  295. /package/dist/cjs/chunks/{sharedTypes-CKKHnYKP.js → sharedTypes-XAbs742N.js} +0 -0
  296. /package/dist/cjs/chunks/{tipStore-CZDr2c8Z.js → tipStore-BKFK6F3e.js} +0 -0
  297. /package/dist/cjs/chunks/{toastStore-CJJRSAs2.js → toastStore-Bwus7v5O.js} +0 -0
  298. /package/dist/cjs/chunks/{tslib.es6-CxZHzsEo.js → tslib.es6-B2uEaXWi.js} +0 -0
  299. /package/dist/cjs/chunks/{videoStore-CG5H5-lr.js → videoStore-BYmE3fJZ.js} +0 -0
  300. /package/dist/esm/chunks/{MdStreamBuffer-ZUWjyTTg.mjs → MdStreamBuffer-D2Yh0SCY.mjs} +0 -0
  301. /package/dist/esm/chunks/{SSEConnection-3DCZcriT.mjs → SSEConnection-B3iPwyF_.mjs} +0 -0
  302. /package/dist/esm/chunks/{activeTabStore-DR2HKd1h.mjs → activeTabStore-BsoH1tFV.mjs} +0 -0
  303. /package/dist/esm/chunks/{audioVisualizer-BxszDYyy.mjs → audioVisualizer-BiB7Hun_.mjs} +0 -0
  304. /package/dist/esm/chunks/{broadcastChannel-_Q346Oc1.mjs → broadcastChannel-DahousoM.mjs} +0 -0
  305. /package/dist/esm/chunks/{colors-Cpt08T7U.mjs → colors-DAIBQReF.mjs} +0 -0
  306. /package/dist/esm/chunks/{debounce-D_IO1tKP.mjs → debounce-BPsURiHk.mjs} +0 -0
  307. /package/dist/esm/chunks/{magic-string.es-LOpujL9L.mjs → magic-string.es-DOKITkor.mjs} +0 -0
  308. /package/dist/esm/chunks/{modalStore-CMO5OJNA.mjs → modalStore-GWNWh1tE.mjs} +0 -0
  309. /package/dist/esm/chunks/{rafThrottle-BMAGudCU.mjs → rafThrottle-BX9f7-D1.mjs} +0 -0
  310. /package/dist/esm/chunks/{sharedTypes-DRYdKvBH.mjs → sharedTypes-DdC4rvjp.mjs} +0 -0
  311. /package/dist/esm/chunks/{tipStore-C2MdlITu.mjs → tipStore-CF42G3w9.mjs} +0 -0
  312. /package/dist/esm/chunks/{toastStore-bClN8hti.mjs → toastStore-CRMyZAzS.mjs} +0 -0
  313. /package/dist/esm/chunks/{tslib.es6-UNsbHCvA.mjs → tslib.es6-DatKI43-.mjs} +0 -0
  314. /package/dist/esm/chunks/{videoStore-DbLjS_2T.mjs → videoStore-CiDDAB4E.mjs} +0 -0
package/dist/styles.css CHANGED
@@ -8,6 +8,40 @@
8
8
  z-index: var(--elevation-overlay);
9
9
  }
10
10
 
11
+ .Level-module_wrapper__yOfXw {
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: flex-start;
15
+ flex-direction: row;
16
+ box-sizing: border-box;
17
+ padding: 0;
18
+ margin: 0;
19
+ width: var(--level-width);
20
+ height: var(--level-height);
21
+ min-height: var(--level-height);
22
+ gap: var(--level-gap);
23
+ border-radius: var(--level-bar-border-radius);
24
+ overflow: hidden;
25
+ }
26
+
27
+ .Level-module_barContainer__QMUdv {
28
+ flex: 1 1 0;
29
+ height: var(--level-height);
30
+ min-height: var(--level-height);
31
+
32
+ border: var(--level-border-width) solid var(--level-border-color);
33
+ background-color: var(--level-bg-color);
34
+ overflow: hidden;
35
+ }
36
+
37
+ .Level-module_bar__MnApX {
38
+ display: block;
39
+ min-width: 100%;
40
+ min-height: 100%;
41
+ background-color: var(--level-color);
42
+ transition: background-color 120ms linear;
43
+ }
44
+
11
45
  .Video-module_wrapper__a9iH8 {
12
46
  position: relative;
13
47
  display: flex;
@@ -16,7 +50,7 @@
16
50
  align-items: center;
17
51
  width: var(--video-width, 100%);
18
52
  height: var(--video-height, auto);
19
- border-radius: var(--video-border-radius, 16px);
53
+ border-radius: var(--video-border-radius, var(--corner-xl));
20
54
  border-width: var(--video-border-size, 0);
21
55
  border-style: solid;
22
56
  border-color: var(--video-border-color, transparent);
@@ -53,7 +87,7 @@
53
87
  flex-direction: row;
54
88
  gap: 24px;
55
89
  width: 100%;
56
- padding: 16px;
90
+ padding: var(--spacing-m);
57
91
  }
58
92
 
59
93
  .Video-module_controlsFooter__qJNTa {
@@ -64,7 +98,7 @@
64
98
  gap: 24px;
65
99
  width: 100%;
66
100
  box-sizing: border-box;
67
- padding: 16px;
101
+ padding: var(--spacing-m);
68
102
  }
69
103
 
70
104
  .Video-module_controlsBody__2GbQz {
@@ -74,7 +108,7 @@
74
108
  flex-direction: column;
75
109
  width: 100%;
76
110
  flex: 1;
77
- padding: 16px;
111
+ padding: var(--spacing-m);
78
112
  }
79
113
 
80
114
  .Video-module_right__UMhfW {
@@ -84,7 +118,7 @@
84
118
  gap: 8px;
85
119
  border-radius: var(--corner-round);
86
120
  background-color: var(--video-controls-bg-color, rgba(0, 0, 0, 0.5));
87
- padding: 8px 16px 8px 8px;
121
+ padding: var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-s);
88
122
  box-sizing: border-box;
89
123
  }
90
124
 
@@ -95,7 +129,7 @@
95
129
  gap: 8px;
96
130
  border-radius: var(--corner-round);
97
131
  background-color: var(--video-controls-bg-color, rgba(0, 0, 0, 0.5));
98
- padding: 8px;
132
+ padding: var(--spacing-s);
99
133
  box-sizing: border-box;
100
134
  }
101
135
 
@@ -106,45 +140,11 @@
106
140
  gap: 8px;
107
141
  border-radius: var(--corner-round);
108
142
  background-color: var(--video-controls-bg-color, rgba(0, 0, 0, 0.5));
109
- padding: 8px var(--video-progress-padding-left) 8px 8px;
143
+ padding: var(--spacing-s) var(--video-progress-padding-left) var(--spacing-s) var(--spacing-s);
110
144
  box-sizing: border-box;
111
145
  width: 50%;
112
146
  }
113
147
 
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
148
  .Icon-module_icon__szG-X {
149
149
  cursor: var(--cursor);
150
150
  user-select: none;
@@ -190,8 +190,8 @@ line {
190
190
  .VideoController-module_wrapper__RhpUo {
191
191
  position: absolute;
192
192
  box-sizing: border-box;
193
- left: var(--overlay-padding, 64px);
194
- right: var(--overlay-padding, 64px);
193
+ left: var(--overlay-padding, var(--spacing-xxl));
194
+ right: var(--overlay-padding, var(--spacing-xxl));
195
195
  display: flex;
196
196
  flex-direction: column;
197
197
  align-items: center;
@@ -200,101 +200,16 @@ line {
200
200
  z-index: var(--elevation-confirm);
201
201
  pointer-events: all;
202
202
  visibility: var(--video-visibility, hidden);
203
- border-radius: var(--video-border-radius, 16px);
203
+ border-radius: var(--video-border-radius, var(--corner-xl));
204
204
  overflow: visible;
205
205
  }
206
206
 
207
207
  .VideoController-module_video__9bS2L {
208
208
  overflow: visible;
209
209
  box-shadow: var(--surface-shadow-soft);
210
- border-radius: var(--video-border-radius, 16px);
211
- }
212
-
213
- .flexBox-module_row__z24tF {
214
- display: flex;
215
- justify-content: center;
216
- align-items: center;
217
- box-sizing: border-box;
218
- padding: 0;
219
- margin: 0;
220
- }.flexBox-module_rowBetween__5FEvi {
221
- display: flex;
222
- justify-content: space-between;
223
- align-items: center;
224
- box-sizing: border-box;
225
- padding: 0;
226
- margin: 0;
227
- }.flexBox-module_rowStart__4tcxS {
228
- display: flex;
229
- justify-content: flex-start;
230
- align-items: center;
231
- box-sizing: border-box;
232
- padding: 0;
233
- margin: 0;
234
- }.flexBox-module_rowEnd__rVdVm {
235
- display: flex;
236
- justify-content: flex-end;
237
- align-items: center;
238
- box-sizing: border-box;
239
- padding: 0;
240
- margin: 0;
241
- }.flexBox-module_column__ezvMq {
242
- display: flex;
243
- flex-direction: column;
244
- justify-content: center;
245
- align-items: center;
246
- box-sizing: border-box;
247
- padding: 0;
248
- margin: 0;
249
- }.flexBox-module_columnStart__C7P44 {
250
- display: flex;
251
- flex-direction: column;
252
- justify-content: flex-start;
253
- align-items: flex-start;
254
- box-sizing: border-box;
255
- padding: 0;
256
- margin: 0;
257
- }.flexBox-module_columnStartCenter__PKcrG {
258
- display: flex;
259
- flex-direction: column;
260
- justify-content: flex-start;
261
- align-items: center;
262
- box-sizing: border-box;
263
- padding: 0;
264
- margin: 0;
265
- }.flexBox-module_columnBetween__ERfp7 {
266
- display: flex;
267
- flex-direction: column;
268
- justify-content: space-between;
269
- align-items: center;
270
- box-sizing: border-box;
271
- padding: 0;
272
- margin: 0;
273
- }.flexBox-module_columnEnd__lLJuc {
274
- display: flex;
275
- flex-direction: column;
276
- justify-content: flex-end;
277
- align-items: flex-end;
278
- box-sizing: border-box;
279
- padding: 0;
280
- margin: 0;
281
- }
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%;
210
+ border-radius: var(--video-border-radius, var(--corner-xl));
292
211
  }
293
212
 
294
- .AvatarGroup-module_avatar__5NVpW:first-child {
295
- margin-left: 0;
296
- }
297
-
298
213
  .flexBox-module_row__z24tF {
299
214
  display: flex;
300
215
  justify-content: center;
@@ -506,40 +421,19 @@ line {
506
421
  letter-spacing: var(--letter-spacing-m);
507
422
  }
508
423
 
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;
520
- }
521
-
522
- .Avatar-module_user__ZQv0Q {
523
- font-size: var(--avatar-font-size) !important;
524
- height: 100%;
525
- width: 100%;
424
+ .Badge-module_badge__RsuMz {
526
425
  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;
426
+ color: var(--badge-color);
427
+ background: var(--badge-bg);
428
+ min-width: 24px;
429
+ width: min-content;
430
+ border-radius: var(--corner-m);
431
+ white-space: nowrap;
538
432
  }
539
433
 
540
- .Avatar-module_user__ZQv0Q:hover {
541
- border-color: var(--avatar-border-color-hover);
542
- }
434
+ .Badge-module_badge__RsuMz.Badge-module_badge__RsuMz {
435
+ padding: var(--spacing-xxs) var(--spacing-xxs);
436
+ }
543
437
 
544
438
  .flexBox-module_row__z24tF {
545
439
  display: flex;
@@ -609,119 +503,23 @@ line {
609
503
  box-sizing: border-box;
610
504
  padding: 0;
611
505
  margin: 0;
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);
506
+ }
507
+
508
+ .AvatarGroup-module_wrapper__MtOyq {
509
+ gap: var(--ag-gap);
510
+ margin: var(--ag-margin);
511
+ }
512
+
513
+ .AvatarGroup-module_avatar__5NVpW {
514
+ display: inline-block;
515
+ margin-left: var(--ag-overlap);
625
516
  border-radius: 100%;
626
- z-index: var(--elevation-status);
627
- }
628
-
629
- .flexBox-module_row__z24tF {
630
- display: flex;
631
- justify-content: center;
632
- align-items: center;
633
- box-sizing: border-box;
634
- padding: 0;
635
- margin: 0;
636
- }.flexBox-module_rowBetween__5FEvi {
637
- display: flex;
638
- justify-content: space-between;
639
- align-items: center;
640
- box-sizing: border-box;
641
- padding: 0;
642
- margin: 0;
643
- }.flexBox-module_rowStart__4tcxS {
644
- display: flex;
645
- justify-content: flex-start;
646
- align-items: center;
647
- box-sizing: border-box;
648
- padding: 0;
649
- margin: 0;
650
- }.flexBox-module_rowEnd__rVdVm {
651
- display: flex;
652
- justify-content: flex-end;
653
- align-items: center;
654
- box-sizing: border-box;
655
- padding: 0;
656
- margin: 0;
657
- }.flexBox-module_column__ezvMq {
658
- display: flex;
659
- flex-direction: column;
660
- justify-content: center;
661
- align-items: center;
662
- box-sizing: border-box;
663
- padding: 0;
664
- margin: 0;
665
- }.flexBox-module_columnStart__C7P44 {
666
- display: flex;
667
- flex-direction: column;
668
- justify-content: flex-start;
669
- align-items: flex-start;
670
- box-sizing: border-box;
671
- padding: 0;
672
- margin: 0;
673
- }.flexBox-module_columnStartCenter__PKcrG {
674
- display: flex;
675
- flex-direction: column;
676
- justify-content: flex-start;
677
- align-items: center;
678
- box-sizing: border-box;
679
- padding: 0;
680
- margin: 0;
681
- }.flexBox-module_columnBetween__ERfp7 {
682
- display: flex;
683
- flex-direction: column;
684
- justify-content: space-between;
685
- align-items: center;
686
- box-sizing: border-box;
687
- padding: 0;
688
- margin: 0;
689
- }.flexBox-module_columnEnd__lLJuc {
690
- display: flex;
691
- flex-direction: column;
692
- justify-content: flex-end;
693
- align-items: flex-end;
694
- box-sizing: border-box;
695
- padding: 0;
696
- margin: 0;
697
- }
698
-
699
- .DraggablePanel-module_panel__vuq2R {
700
- position: relative;
701
- background-color: var(--panel-bg);
702
- }
703
-
704
- .DraggablePanel-module_content__SBL0T {
705
- width: 100%;
706
- height: 100%;
707
- overflow: hidden;
708
- }
709
-
710
- .DraggablePanel-module_handle__LPZw8 {
711
- width: var(--drag-handle-width);
712
- height: var(--drag-handle-height);
713
- min-width: var(--drag-handle-width);
714
- min-height: var(--drag-handle-height);
715
- border-radius: var(--drag-handle-radius);
716
- border: var(--drag-handle-border) solid var(--drag-handle-border-color);
717
- background: var(--drag-handle-bg);
718
- position: absolute;
719
- top: 50%;
720
- left: 50%;
721
- transform: translateX(-50%) translateY(-50%);
722
- z-index: var(--elevation-overlay);
723
517
  }
724
518
 
519
+ .AvatarGroup-module_avatar__5NVpW:first-child {
520
+ margin-left: 0;
521
+ }
522
+
725
523
  .flexBox-module_row__z24tF {
726
524
  display: flex;
727
525
  justify-content: center;
@@ -932,144 +730,114 @@ line {
932
730
  line-height: var(--line-height-xs);
933
731
  letter-spacing: var(--letter-spacing-m);
934
732
  }
935
- .IconButton-module_button__rziqa {
733
+
734
+ .Camera-module_wrapper__GOsKp {
936
735
  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;
736
+ width: 100%;
737
+ height: 100%;
738
+ background-color: var(--core-surface-secondary);
739
+ overflow: hidden;
740
+ border-radius: var(--corner-xs);
952
741
  }
953
- .IconButton-module_button__rziqa:hover {
954
- background: var(--ib-bg-color-hover);
955
- }
956
742
 
957
- .IconButton-module_label__qWGFD {
958
- color: var(--ib-color);
959
- text-overflow: ellipsis;
960
- overflow: hidden;
961
- word-break: break-all;
962
- display: -webkit-box;
963
- -webkit-line-clamp: 1;
964
- -webkit-box-orient: vertical;
743
+ .Camera-module_video__Q2r9B {
744
+ width: 100%;
745
+ height: 100%;
746
+ object-fit: cover;
965
747
  }
966
748
 
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);
749
+ .Camera-module_controls__qXYoL {
750
+ position: absolute;
751
+ bottom: 0;
752
+ left: 0;
753
+ right: 0;
754
+ padding: var(--spacing-m) !important;
755
+ gap: 16px;
756
+ background-color: var(--camera-controls-bg);
757
+ transform: var(--camera-controls-transform);
758
+ transition: transform var(--motion-water-duration) var(--motion-water) 0s;
972
759
  }
973
760
 
974
- .IconButton-module_count__6r373 {
761
+ .Camera-module_controlsRight__VcIz7 {
762
+ gap: 12px;
763
+ flex: 1;
764
+ }
765
+
766
+ .Camera-module_controlsCenter__e-erq {
767
+ gap: 12px;
768
+ flex: 1;
769
+ }
770
+
771
+ .Camera-module_controlsLeft__bR4TN {
772
+ gap: 12px;
773
+ flex: 1;
774
+ }
775
+
776
+ .Camera-module_error__t0w-d {
975
777
  position: absolute;
778
+ top: 50%;
779
+ left: 50%;
780
+ transform: translate(-50%, -50%);
781
+ color: var(--feedback-warning);
782
+ }
783
+
784
+ .Camera-module_poster__Gun-v {
785
+ position: absolute;
786
+ aspect-ratio: 1 / 1;
976
787
  top: 0;
977
- right: 0;
978
- transform: translateX(5px) translateY(-2px);
979
- }
980
-
981
- .flexBox-module_row__z24tF {
982
- display: flex;
983
- justify-content: center;
984
- align-items: center;
985
- box-sizing: border-box;
986
- padding: 0;
987
- margin: 0;
988
- }.flexBox-module_rowBetween__5FEvi {
989
- display: flex;
990
- justify-content: space-between;
991
- align-items: center;
992
- box-sizing: border-box;
993
- padding: 0;
994
- margin: 0;
995
- }.flexBox-module_rowStart__4tcxS {
996
- display: flex;
997
- justify-content: flex-start;
998
- align-items: center;
999
- box-sizing: border-box;
1000
- padding: 0;
1001
- margin: 0;
1002
- }.flexBox-module_rowEnd__rVdVm {
1003
- display: flex;
1004
- justify-content: flex-end;
1005
- align-items: center;
1006
- box-sizing: border-box;
1007
- padding: 0;
1008
- margin: 0;
1009
- }.flexBox-module_column__ezvMq {
1010
- display: flex;
1011
- flex-direction: column;
1012
- justify-content: center;
1013
- align-items: center;
1014
- box-sizing: border-box;
1015
- padding: 0;
1016
- margin: 0;
1017
- }.flexBox-module_columnStart__C7P44 {
1018
- display: flex;
1019
- flex-direction: column;
1020
- justify-content: flex-start;
1021
- align-items: flex-start;
1022
- box-sizing: border-box;
1023
- padding: 0;
1024
- margin: 0;
1025
- }.flexBox-module_columnStartCenter__PKcrG {
1026
- display: flex;
1027
- flex-direction: column;
1028
- justify-content: flex-start;
1029
- align-items: center;
1030
- box-sizing: border-box;
1031
- padding: 0;
1032
- margin: 0;
1033
- }.flexBox-module_columnBetween__ERfp7 {
1034
- display: flex;
1035
- flex-direction: column;
1036
- justify-content: space-between;
1037
- align-items: center;
1038
- box-sizing: border-box;
1039
- padding: 0;
1040
- margin: 0;
1041
- }.flexBox-module_columnEnd__lLJuc {
1042
- display: flex;
1043
- flex-direction: column;
1044
- justify-content: flex-end;
1045
- align-items: flex-end;
1046
- box-sizing: border-box;
1047
- padding: 0;
1048
- margin: 0;
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);
788
+ bottom: 0;
789
+ left: 50%;
790
+ transform: translateX(-50%);
791
+ color: var(--core-text-primary);
792
+ }
793
+
794
+ .Camera-module_snapshotFrame__YM6Eu {
795
+ position: absolute;
796
+ max-width: 25%;
797
+ height: min-content;
798
+ top: 16px;
799
+ right: 16px;
800
+ z-index: 1;
801
+ }
802
+
803
+ .Camera-module_clear__aaCfT {
804
+ position: absolute;
805
+ top: 16px;
806
+ right: 16px;
807
+ z-index: 3;
808
+ }
809
+
810
+ .Camera-module_snapshot__odQH0 {
811
+ width: 100%;
812
+ border: 1px solid var(--core-outline-special);
813
+ z-index: 2;
814
+ }
815
+
816
+ .Camera-module_toolbarButton__mnmoF {
817
+ gap: 4px;
818
+ cursor: pointer;
819
+ user-select: none;
820
+ -webkit-user-select: none;
821
+ }
822
+
823
+ .Camera-module_buttonIcon__a-VBR {
824
+ min-height: var(--toolbar-button-size);
825
+ max-height: var(--toolbar-button-size);
826
+ min-width: var(--toolbar-button-size);
827
+ max-width: var(--toolbar-button-size);
828
+ background: var(--toolbar-button-bg-color);
829
+ border: 1px solid transparent;
830
+ border-radius: 100%;
831
+ opacity: var(--toolbar-button-opacity);
832
+ transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
833
+ }
834
+
835
+ .Camera-module_buttonIcon__a-VBR:hover {
836
+ border: 1px solid var(--core-outline-special);
837
+ }
838
+
839
+ .Camera-module_buttonLabel__6BEs1 {
840
+ color: var(--toolbar-button-label-color);
1073
841
  }
1074
842
 
1075
843
  .flexBox-module_row__z24tF {
@@ -1282,30 +1050,50 @@ line {
1282
1050
  line-height: var(--line-height-xs);
1283
1051
  letter-spacing: var(--letter-spacing-m);
1284
1052
  }
1285
-
1286
- .CheckBox-module_wrapper__uRsjI {
1287
- min-height: var(--cb-size);
1288
- height: var(--cb-size);
1289
- width: auto;
1053
+ .IconButton-module_button__rziqa {
1054
+ position: relative;
1055
+ background: var(--ib-bg-color);
1056
+ border-radius: var(--ib-border-radius);
1057
+ border: var(--ib-border) solid var(--core-outline-primary);
1290
1058
  gap: 6px;
1291
- cursor: pointer;
1292
- overflow: hidden;
1059
+ cursor: var(--ib-cursor);
1060
+ appearance: none;
1061
+ -webkit-appearance: none;
1062
+ background-image: none;
1063
+ outline: none;
1064
+ min-height: var(--ib-button-size);
1065
+ height: var(--ib-button-size);
1066
+ min-width: var(--ib-button-size);
1067
+ width: var(--ib-button-size);
1293
1068
  user-select: none;
1294
1069
  -webkit-user-select: none;
1295
- outline: none;
1296
- border: 0;
1297
1070
  }
1071
+ .IconButton-module_button__rziqa:hover {
1072
+ background: var(--ib-bg-color-hover);
1073
+ }
1298
1074
 
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);
1075
+ .IconButton-module_label__qWGFD {
1076
+ color: var(--ib-color);
1077
+ text-overflow: ellipsis;
1078
+ overflow: hidden;
1079
+ word-break: break-all;
1080
+ display: -webkit-box;
1081
+ -webkit-line-clamp: 1;
1082
+ -webkit-box-orient: vertical;
1304
1083
  }
1305
1084
 
1306
- .CheckBox-module_label__0AiBp {
1307
- color: var(--cb-label-color);
1308
- transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
1085
+ .IconButton-module_icon__2DDWy {
1086
+ min-height: var(--ib-icon-size);
1087
+ height: var(--ib-icon-size);
1088
+ min-width: var(--ib-icon-size);
1089
+ width: var(--ib-icon-size);
1090
+ }
1091
+
1092
+ .IconButton-module_count__6r373 {
1093
+ position: absolute;
1094
+ top: 0;
1095
+ right: 0;
1096
+ transform: translateX(5px) translateY(-2px);
1309
1097
  }
1310
1098
 
1311
1099
  .flexBox-module_row__z24tF {
@@ -1519,39 +1307,43 @@ line {
1519
1307
  letter-spacing: var(--letter-spacing-m);
1520
1308
  }
1521
1309
 
1522
- .Grouper-module_header__D5fV0 {
1523
- width: 100%;
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;
1532
- }
1533
-
1534
- .Grouper-module_title__ZKqTP {
1535
- color: var(--core-text-primary);
1536
- flex: 1;
1310
+ .Avatar-module_wrapper__ab1D7 {
1311
+ position: relative;
1312
+ min-height: var(--avatar-size);
1313
+ min-width: var(--avatar-size);
1314
+ max-height: var(--avatar-size);
1315
+ max-width: var(--avatar-size);
1316
+ height: var(--avatar-size);
1317
+ width: var(--avatar-size);
1318
+ border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
1319
+ border-radius: 100%;
1320
+ outline: 0;
1537
1321
  }
1538
1322
 
1539
- .Grouper-module_content__Mof50 {
1323
+ .Avatar-module_user__ZQv0Q {
1324
+ font-size: var(--avatar-font-size) !important;
1325
+ height: 100%;
1326
+ width: 100%;
1327
+ line-height: 1em;
1328
+ text-transform: uppercase;
1329
+ border-radius: 100%;
1330
+ border: var(--avatar-border) solid var(--avatar-border-color);
1331
+ background-color: var(--avatar-bg-color);
1332
+ color: var(--avatar-color);
1333
+ background-image: var(--avatar-bg-image);
1334
+ background-size: cover;
1335
+ background-position: center;
1336
+ background-repeat: no-repeat;
1337
+ background-origin: border-box;
1338
+ cursor: pointer;
1540
1339
  user-select: none;
1541
1340
  -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);
1341
+ transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
1547
1342
  }
1548
1343
 
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);
1554
- }
1344
+ .Avatar-module_user__ZQv0Q:hover {
1345
+ border-color: var(--avatar-border-color-hover);
1346
+ }
1555
1347
 
1556
1348
  .flexBox-module_row__z24tF {
1557
1349
  display: flex;
@@ -1762,15 +1554,31 @@ line {
1762
1554
  font-size: var(--font-size-h6);
1763
1555
  line-height: var(--line-height-xs);
1764
1556
  letter-spacing: var(--letter-spacing-m);
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;
1557
+ }
1558
+
1559
+ .CheckBox-module_wrapper__uRsjI {
1560
+ min-height: var(--cb-size);
1561
+ height: var(--cb-size);
1562
+ width: auto;
1563
+ gap: 6px;
1564
+ cursor: pointer;
1565
+ overflow: hidden;
1566
+ user-select: none;
1567
+ -webkit-user-select: none;
1568
+ outline: none;
1569
+ border: 0;
1570
+ }
1571
+
1572
+ .CheckBox-module_icon__FoDJN {
1573
+ min-width: var(--cb-size);
1574
+ max-width: var(--cb-size);
1575
+ min-height: var(--cb-size);
1576
+ max-height: var(--cb-size);
1577
+ }
1578
+
1579
+ .CheckBox-module_label__0AiBp {
1580
+ color: var(--cb-label-color);
1581
+ transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
1774
1582
  }
1775
1583
 
1776
1584
  .flexBox-module_row__z24tF {
@@ -1841,39 +1649,23 @@ line {
1841
1649
  box-sizing: border-box;
1842
1650
  padding: 0;
1843
1651
  margin: 0;
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);
1652
+ }.Dot-module_dot__RNz87 {
1653
+ display: var(--dot-display);
1654
+ box-sizing: content-box;
1655
+ position: var(--dot-position);
1656
+ top: var(--dot-top);
1657
+ right: var(--dot-right);
1658
+ vertical-align: var(--dot-vertical-align);
1659
+ min-height: var(--dot-size);
1660
+ min-width: var(--dot-size);
1661
+ height: var(--dot-size);
1662
+ width: var(--dot-size);
1663
+ border: var(--dot-border) solid var(--core-surface-primary);
1664
+ background: var(--dot-bg);
1858
1665
  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);
1666
+ z-index: var(--elevation-status);
1871
1667
  }
1872
1668
 
1873
- .Pager-module_selected__C6xbR:hover {
1874
- background: var(--pager-colorOn);
1875
- }
1876
-
1877
1669
  .flexBox-module_row__z24tF {
1878
1670
  display: flex;
1879
1671
  justify-content: center;
@@ -2170,75 +1962,7 @@ line {
2170
1962
  display: none;
2171
1963
  }
2172
1964
 
2173
- .flexBox-module_row__z24tF {
2174
- display: flex;
2175
- justify-content: center;
2176
- align-items: center;
2177
- box-sizing: border-box;
2178
- padding: 0;
2179
- margin: 0;
2180
- }.flexBox-module_rowBetween__5FEvi {
2181
- display: flex;
2182
- justify-content: space-between;
2183
- align-items: center;
2184
- box-sizing: border-box;
2185
- padding: 0;
2186
- margin: 0;
2187
- }.flexBox-module_rowStart__4tcxS {
2188
- display: flex;
2189
- justify-content: flex-start;
2190
- align-items: center;
2191
- box-sizing: border-box;
2192
- padding: 0;
2193
- margin: 0;
2194
- }.flexBox-module_rowEnd__rVdVm {
2195
- display: flex;
2196
- justify-content: flex-end;
2197
- align-items: center;
2198
- box-sizing: border-box;
2199
- padding: 0;
2200
- margin: 0;
2201
- }.flexBox-module_column__ezvMq {
2202
- display: flex;
2203
- flex-direction: column;
2204
- justify-content: center;
2205
- align-items: center;
2206
- box-sizing: border-box;
2207
- padding: 0;
2208
- margin: 0;
2209
- }.flexBox-module_columnStart__C7P44 {
2210
- display: flex;
2211
- flex-direction: column;
2212
- justify-content: flex-start;
2213
- align-items: flex-start;
2214
- box-sizing: border-box;
2215
- padding: 0;
2216
- margin: 0;
2217
- }.flexBox-module_columnStartCenter__PKcrG {
2218
- display: flex;
2219
- flex-direction: column;
2220
- justify-content: flex-start;
2221
- align-items: center;
2222
- box-sizing: border-box;
2223
- padding: 0;
2224
- margin: 0;
2225
- }.flexBox-module_columnBetween__ERfp7 {
2226
- display: flex;
2227
- flex-direction: column;
2228
- justify-content: space-between;
2229
- align-items: center;
2230
- box-sizing: border-box;
2231
- padding: 0;
2232
- margin: 0;
2233
- }.flexBox-module_columnEnd__lLJuc {
2234
- display: flex;
2235
- flex-direction: column;
2236
- justify-content: flex-end;
2237
- align-items: flex-end;
2238
- box-sizing: border-box;
2239
- padding: 0;
2240
- margin: 0;
2241
- }.type-module_body-xs-regular__ZAFft {
1965
+ .type-module_body-xs-regular__ZAFft {
2242
1966
  font-family: var(--font-family), sans-serif;
2243
1967
  font-weight: var(--font-weight-regular);
2244
1968
  font-size: var(--font-size-xs);
@@ -2380,63 +2104,34 @@ line {
2380
2104
  line-height: var(--line-height-xs);
2381
2105
  letter-spacing: var(--letter-spacing-m);
2382
2106
  }
2383
-
2384
- .ErrorSummary-module_errorBox__hjY50 {
2385
- width: 100%;
2386
- background: var(--error-bg-color);
2387
- border: 1px solid var(--error-text-color);
2388
- border-radius: var(--corner-xs);
2389
- padding: 16px !important;
2390
- overflow: hidden;
2391
- gap: 0;
2392
- }
2393
-
2394
- .ErrorSummary-module_error__QX1mr {
2395
- width: 100%;
2396
- margin: 0 !important;
2397
- padding: 0 !important;
2398
- margin-bottom: 4px !important;
2107
+ .DivInput-module_wrapper__ZQxY- {
2108
+ padding: var(--div-input-padding);
2109
+ width: var(--div-input-width);
2110
+ border-radius: var(--div-input-border-radius);
2111
+ background: var(--div-input-wrapper-bg);
2399
2112
  }
2400
-
2401
- .ErrorSummary-module_error__QX1mr:last-child {
2402
- margin-bottom: 0 !important;
2113
+ .DivInput-module_wrapper__ZQxY-:hover {
2114
+ background: var(--div-input-bg);
2403
2115
  }
2404
2116
 
2405
- .ErrorSummary-module_p__N-2Po {
2406
- margin: 0 !important;
2407
- padding: 0 !important;
2408
- color: var(--error-text-color) !important;
2409
- }
2410
-
2411
- .ErrorSummary-module_ul__Xv0K7 {
2412
- padding: 0 !important;
2413
- margin: 0 !important;
2414
- }
2415
-
2416
- .ErrorSummary-module_li__0ciEx {
2417
- color: var(--error-text-color) !important;
2418
- line-height: 1.5em !important;
2419
- padding: 0;
2420
- }
2421
-
2422
- .ErrorSummary-module_xs__pTqMn {
2423
- font-size: var(--font-size-xs) !important;
2424
- }
2425
-
2426
- .ErrorSummary-module_s__u2sIP {
2427
- font-size: var(--font-size-s) !important;
2428
- }
2429
-
2430
- .ErrorSummary-module_m__-QyP- {
2431
- font-size: var(--font-size-m) !important;
2432
- }
2433
-
2434
- .ErrorSummary-module_l__bb1xZ {
2435
- font-size: var(--font-size-l) !important;
2436
- }
2437
-
2438
- .ErrorSummary-module_xl__SaVRd {
2439
- font-size: var(--font-size-xl) !important;
2117
+ .DivInput-module_input__J34-l {
2118
+ color: var(--div-input-color);
2119
+ user-select: var(--div-input-user-select);
2120
+ -webkit-user-select: var(--div-input-user-select);
2121
+ text-align: var(--div-input-text-align);
2122
+ pointer-events: all;
2123
+ background: transparent;
2124
+ border-radius: var(--corner-xs);
2125
+ border: 0;
2126
+ outline: none;
2127
+ text-overflow: ellipsis;
2128
+ display: -webkit-box;
2129
+ overflow: hidden;
2130
+ white-space: var(--div-input-white-space);
2131
+ -webkit-line-clamp: var(--div-input-line-clamp);
2132
+ -webkit-box-orient: vertical;
2133
+ cursor: var(--div-input-cursor);
2134
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
2440
2135
  }
2441
2136
 
2442
2137
  .flexBox-module_row__z24tF {
@@ -2650,67 +2345,63 @@ line {
2650
2345
  letter-spacing: var(--letter-spacing-m);
2651
2346
  }
2652
2347
 
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;
2348
+ .ErrorSummary-module_errorBox__hjY50 {
2349
+ width: 100%;
2350
+ background: var(--error-bg-color);
2351
+ border: 1px solid var(--error-text-color);
2352
+ border-radius: var(--corner-xs);
2353
+ overflow: hidden;
2354
+ gap: 0;
2660
2355
  }
2661
2356
 
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;
2357
+ .ErrorSummary-module_errorBox__hjY50.ErrorSummary-module_errorBox__hjY50 {
2358
+ padding: var(--spacing-m) !important;
2681
2359
  }
2682
2360
 
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);
2361
+ .ErrorSummary-module_error__QX1mr {
2362
+ width: 100%;
2688
2363
  }
2689
2364
 
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);
2694
- width: min-content;
2365
+ .ErrorSummary-module_error__QX1mr:last-child {
2366
+ margin-bottom: 0;
2367
+ }
2368
+
2369
+ .ErrorSummary-module_error__QX1mr.ErrorSummary-module_error__QX1mr {
2370
+ margin-bottom: var(--spacing-xs) !important;
2695
2371
  }
2696
2372
 
2697
- .TabBar-module_xs__QDjV9 {
2373
+ .ErrorSummary-module_p__N-2Po {
2374
+ margin: 0;
2375
+ padding: 0;
2376
+ color: var(--error-text-color);
2698
2377
  }
2699
2378
 
2700
- .TabBar-module_s__-EBj2 {
2379
+ .ErrorSummary-module_ul__Xv0K7 {
2380
+ padding: 0;
2381
+ margin: 0;
2701
2382
  }
2702
2383
 
2703
- .TabBar-module_m__3sCA3 {
2384
+ .ErrorSummary-module_li__0ciEx {
2385
+ color: var(--error-text-color);
2386
+ line-height: 1.5em;
2387
+ }
2388
+ .ErrorSummary-module_li__0ciEx.ErrorSummary-module_li__0ciEx {
2389
+ margin: 0 0 0 1.2em;
2704
2390
  }
2705
2391
 
2706
- .TabBar-module_l__hy1rR {
2392
+ .ErrorSummary-module_xs__pTqMn {
2707
2393
  }
2708
2394
 
2709
- .TabBar-module_xl__zaASU {
2395
+ .ErrorSummary-module_s__u2sIP {
2710
2396
  }
2711
2397
 
2712
- .TabBar-module_selected__UmBdu {
2713
- font-weight: 520 !important;
2398
+ .ErrorSummary-module_m__-QyP- {
2399
+ }
2400
+
2401
+ .ErrorSummary-module_l__bb1xZ {
2402
+ }
2403
+
2404
+ .ErrorSummary-module_xl__SaVRd {
2714
2405
  }
2715
2406
 
2716
2407
  .flexBox-module_row__z24tF {
@@ -2781,48 +2472,6 @@ line {
2781
2472
  box-sizing: border-box;
2782
2473
  padding: 0;
2783
2474
  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
- }
2826
2475
  }.type-module_body-xs-regular__ZAFft {
2827
2476
  font-family: var(--font-family), sans-serif;
2828
2477
  font-weight: var(--font-weight-regular);
@@ -2966,95 +2615,245 @@ line {
2966
2615
  letter-spacing: var(--letter-spacing-m);
2967
2616
  }
2968
2617
 
2969
- .Modal-module_wrapper__34Hds {
2970
- position: relative;
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);
2979
- overflow: hidden;
2980
- }
2981
-
2982
- .Modal-module_title__A5OeE {
2983
- padding: var(--modal-padding) !important;
2618
+ .Grouper-module_header__D5fV0 {
2984
2619
  width: 100%;
2985
- gap: 16px;
2986
- border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
2620
+ cursor: pointer;
2621
+ appearance: none;
2622
+ -webkit-appearance: none;
2623
+ background-image: none;
2624
+ background-color: transparent;
2625
+ border: 0;
2626
+ outline: none;
2627
+ padding: 0;
2987
2628
  }
2988
2629
 
2989
- .Modal-module_titleBlock__HUepX {
2990
- color: var(--modal-title-color);
2630
+ .Grouper-module_title__ZKqTP {
2631
+ color: var(--core-text-primary);
2991
2632
  flex: 1;
2992
- gap: 6px;
2993
- touch-action: none;
2994
- user-select: none;
2995
- -webkit-user-select: none;
2996
2633
  }
2997
2634
 
2998
- .Modal-module_titleIcon__xJYzy {
2999
- height: 20px;
3000
- width: 20px;
3001
- min-height: 20px;
3002
- min-width: 20px;
2635
+ .Grouper-module_content__Mof50 {
3003
2636
  user-select: none;
3004
2637
  -webkit-user-select: none;
3005
- }
3006
-
3007
- .Modal-module_contentWrapper__Swyjx {
2638
+ padding: 0 var(--spacing-l) !important;
3008
2639
  width: 100%;
3009
- flex: 1;
3010
- overflow: hidden;
3011
- overflow-y: auto;
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);
2640
+ gap: 6px;
2641
+ height: var(--grouper-height);
2642
+ border-top: var(--grouper-border) solid var(--core-outline-primary);
3017
2643
  }
3018
2644
 
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;
3023
- width: 100%;
2645
+ .Grouper-module_icon__14Jis {
2646
+ min-height: var(--grouper-icon-size);
2647
+ height: var(--grouper-icon-size);
2648
+ min-width: var(--grouper-icon-size);
2649
+ width: var(--grouper-icon-size);
3024
2650
  }
3025
2651
 
3026
- .Modal-module_actions__hY6zi {
3027
- padding: var(--modal-padding) !important;
3028
- width: 100%;
3029
- user-select: none;
3030
- -webkit-user-select: none;
3031
- border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
2652
+ .flexBox-module_row__z24tF {
2653
+ display: flex;
2654
+ justify-content: center;
2655
+ align-items: center;
2656
+ box-sizing: border-box;
2657
+ padding: 0;
2658
+ margin: 0;
2659
+ }.flexBox-module_rowBetween__5FEvi {
2660
+ display: flex;
2661
+ justify-content: space-between;
2662
+ align-items: center;
2663
+ box-sizing: border-box;
2664
+ padding: 0;
2665
+ margin: 0;
2666
+ }.flexBox-module_rowStart__4tcxS {
2667
+ display: flex;
2668
+ justify-content: flex-start;
2669
+ align-items: center;
2670
+ box-sizing: border-box;
2671
+ padding: 0;
2672
+ margin: 0;
2673
+ }.flexBox-module_rowEnd__rVdVm {
2674
+ display: flex;
2675
+ justify-content: flex-end;
2676
+ align-items: center;
2677
+ box-sizing: border-box;
2678
+ padding: 0;
2679
+ margin: 0;
2680
+ }.flexBox-module_column__ezvMq {
2681
+ display: flex;
2682
+ flex-direction: column;
2683
+ justify-content: center;
2684
+ align-items: center;
2685
+ box-sizing: border-box;
2686
+ padding: 0;
2687
+ margin: 0;
2688
+ }.flexBox-module_columnStart__C7P44 {
2689
+ display: flex;
2690
+ flex-direction: column;
2691
+ justify-content: flex-start;
2692
+ align-items: flex-start;
2693
+ box-sizing: border-box;
2694
+ padding: 0;
2695
+ margin: 0;
2696
+ }.flexBox-module_columnStartCenter__PKcrG {
2697
+ display: flex;
2698
+ flex-direction: column;
2699
+ justify-content: flex-start;
2700
+ align-items: center;
2701
+ box-sizing: border-box;
2702
+ padding: 0;
2703
+ margin: 0;
2704
+ }.flexBox-module_columnBetween__ERfp7 {
2705
+ display: flex;
2706
+ flex-direction: column;
2707
+ justify-content: space-between;
2708
+ align-items: center;
2709
+ box-sizing: border-box;
2710
+ padding: 0;
2711
+ margin: 0;
2712
+ }.flexBox-module_columnEnd__lLJuc {
2713
+ display: flex;
2714
+ flex-direction: column;
2715
+ justify-content: flex-end;
2716
+ align-items: flex-end;
2717
+ box-sizing: border-box;
2718
+ padding: 0;
2719
+ margin: 0;
3032
2720
  }
3033
2721
 
3034
- .Modal-module_leftActions__-M-DM {
3035
- gap: 8px;
2722
+ .ModalController-module_container__3cSaO {
2723
+ position: fixed;
2724
+ inset: 0;
2725
+ overflow: hidden;
2726
+ z-index: var(--elevation-confirm);
3036
2727
  }
3037
2728
 
3038
- .Modal-module_rightActions__IFgrN {
3039
- gap: 8px;
2729
+ .ModalController-module_box__cPzOz {
2730
+ position: relative;
2731
+ display: flex;
2732
+ justify-content: center;
2733
+ align-items: center;
2734
+ background: transparent;
2735
+ width: 100%;
2736
+ height: 100%;
2737
+ overflow: visible;
2738
+ z-index: var(--elevation-confirm);
3040
2739
  }
3041
2740
 
3042
- .Modal-module_xs__iPcS9 {
2741
+ .ModalController-module_wrapper__HkOoX {
2742
+ position: absolute;
2743
+ z-index: var(--elevation-confirm);
3043
2744
  }
3044
2745
 
3045
- .Modal-module_s__31sYS {
3046
- }
2746
+ .flexBox-module_row__z24tF {
2747
+ display: flex;
2748
+ justify-content: center;
2749
+ align-items: center;
2750
+ box-sizing: border-box;
2751
+ padding: 0;
2752
+ margin: 0;
2753
+ }.flexBox-module_rowBetween__5FEvi {
2754
+ display: flex;
2755
+ justify-content: space-between;
2756
+ align-items: center;
2757
+ box-sizing: border-box;
2758
+ padding: 0;
2759
+ margin: 0;
2760
+ }.flexBox-module_rowStart__4tcxS {
2761
+ display: flex;
2762
+ justify-content: flex-start;
2763
+ align-items: center;
2764
+ box-sizing: border-box;
2765
+ padding: 0;
2766
+ margin: 0;
2767
+ }.flexBox-module_rowEnd__rVdVm {
2768
+ display: flex;
2769
+ justify-content: flex-end;
2770
+ align-items: center;
2771
+ box-sizing: border-box;
2772
+ padding: 0;
2773
+ margin: 0;
2774
+ }.flexBox-module_column__ezvMq {
2775
+ display: flex;
2776
+ flex-direction: column;
2777
+ justify-content: center;
2778
+ align-items: center;
2779
+ box-sizing: border-box;
2780
+ padding: 0;
2781
+ margin: 0;
2782
+ }.flexBox-module_columnStart__C7P44 {
2783
+ display: flex;
2784
+ flex-direction: column;
2785
+ justify-content: flex-start;
2786
+ align-items: flex-start;
2787
+ box-sizing: border-box;
2788
+ padding: 0;
2789
+ margin: 0;
2790
+ }.flexBox-module_columnStartCenter__PKcrG {
2791
+ display: flex;
2792
+ flex-direction: column;
2793
+ justify-content: flex-start;
2794
+ align-items: center;
2795
+ box-sizing: border-box;
2796
+ padding: 0;
2797
+ margin: 0;
2798
+ }.flexBox-module_columnBetween__ERfp7 {
2799
+ display: flex;
2800
+ flex-direction: column;
2801
+ justify-content: space-between;
2802
+ align-items: center;
2803
+ box-sizing: border-box;
2804
+ padding: 0;
2805
+ margin: 0;
2806
+ }.flexBox-module_columnEnd__lLJuc {
2807
+ display: flex;
2808
+ flex-direction: column;
2809
+ justify-content: flex-end;
2810
+ align-items: flex-end;
2811
+ box-sizing: border-box;
2812
+ padding: 0;
2813
+ margin: 0;
2814
+ }.scrollBars-module_scrollbars__c-ZPl {
2815
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
2816
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
2817
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
2818
+ --scrollbar-size: 6px;
2819
+ --scrollbar-bg: transparent;
2820
+ --scrollbar-thumb: var(--scroll-bar);
2821
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3047
2822
 
3048
- .Modal-module_m__Iz82L {
3049
- }
2823
+ /* firefox does not support -webkit-scrollbar */
2824
+ @supports not selector(::-webkit-scrollbar) {
2825
+ scrollbar-width: thin;
2826
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2827
+ }
3050
2828
 
3051
- .Modal-module_l__pntdS {
3052
- }
2829
+ &::-webkit-scrollbar {
2830
+ background-color: var(--scrollbar-bg);
2831
+ width: var(--scrollbar-size);
2832
+ height: var(--scrollbar-size);
2833
+ }
3053
2834
 
3054
- .Modal-module_xl__MR-68 {
3055
- }
2835
+ &::-webkit-scrollbar-track {
2836
+ background-color: var(--scrollbar-bg);
2837
+ width: var(--scrollbar-size);
2838
+ height: var(--scrollbar-size);
2839
+ }
3056
2840
 
3057
- .type-module_body-xs-regular__ZAFft {
2841
+ &::-webkit-scrollbar-thumb {
2842
+ background-color: var(--scrollbar-thumb);
2843
+ border-radius: var(--corner-round);
2844
+ border: 1px solid var(--scrollbar-bg);
2845
+ }
2846
+
2847
+ &::-webkit-scrollbar-thumb:hover {
2848
+ background-color: var(--scrollbar-thumb-hover);
2849
+ border-radius: var(--corner-round);
2850
+ border: 1px solid var(--scrollbar-bg);
2851
+ }
2852
+
2853
+ &::-webkit-scrollbar-corner {
2854
+ background-color: var(--scrollbar-bg);
2855
+ }
2856
+ }.type-module_body-xs-regular__ZAFft {
3058
2857
  font-family: var(--font-family), sans-serif;
3059
2858
  font-weight: var(--font-weight-regular);
3060
2859
  font-size: var(--font-size-xs);
@@ -3195,138 +2994,94 @@ line {
3195
2994
  font-size: var(--font-size-h6);
3196
2995
  line-height: var(--line-height-xs);
3197
2996
  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
- }
2997
+ }
3212
2998
 
3213
- &::-webkit-scrollbar {
3214
- background-color: var(--scrollbar-bg);
3215
- width: var(--scrollbar-size);
3216
- height: var(--scrollbar-size);
3217
- }
2999
+ .Modal-module_wrapper__34Hds {
3000
+ position: relative;
3001
+ min-width: var(--modal-min-width);
3002
+ min-height: var(--modal-min-height);
3003
+ max-height: var(--modal-max-height);
3004
+ max-width: var(--modal-max-width);
3005
+ background: var(--modal-background-color);
3006
+ border: var(--modal-border-width) solid var(--modal-border-color);
3007
+ border-radius: var(--modal-border-radius);
3008
+ box-shadow: var(--surface-shadow-soft);
3009
+ overflow: hidden;
3010
+ }
3218
3011
 
3219
- &::-webkit-scrollbar-track {
3220
- background-color: var(--scrollbar-bg);
3221
- width: var(--scrollbar-size);
3222
- height: var(--scrollbar-size);
3223
- }
3012
+ .Modal-module_title__A5OeE {
3013
+ padding: var(--modal-padding) !important;
3014
+ width: 100%;
3015
+ gap: 16px;
3016
+ border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
3017
+ }
3224
3018
 
3225
- &::-webkit-scrollbar-thumb {
3226
- background-color: var(--scrollbar-thumb);
3227
- border-radius: 20px;
3228
- border: 1px solid var(--scrollbar-bg);
3229
- }
3019
+ .Modal-module_titleBlock__HUepX {
3020
+ color: var(--modal-title-color);
3021
+ flex: 1;
3022
+ gap: 6px;
3023
+ touch-action: none;
3024
+ user-select: none;
3025
+ -webkit-user-select: none;
3026
+ }
3230
3027
 
3231
- &::-webkit-scrollbar-thumb:hover {
3232
- background-color: var(--scrollbar-thumb-hover);
3233
- border-radius: 20px;
3234
- border: 1px solid var(--scrollbar-bg);
3235
- }
3028
+ .Modal-module_titleIcon__xJYzy {
3029
+ height: 20px;
3030
+ width: 20px;
3031
+ min-height: 20px;
3032
+ min-width: 20px;
3033
+ user-select: none;
3034
+ -webkit-user-select: none;
3035
+ }
3236
3036
 
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);
3037
+ .Modal-module_contentWrapper__Swyjx {
3038
+ width: 100%;
3039
+ flex: 1;
3040
+ overflow: hidden;
3041
+ overflow-y: auto;
3042
+ margin-right: var(--spacing-xs) !important;
3043
+ /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
3044
+ --scrollbar-bg: var(--modal-background-color);
3045
+ --scrollbar-thumb: var(--modal-scroll-handle);
3046
+ --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
3246
3047
  }
3247
3048
 
3248
- .flexBox-module_row__z24tF {
3249
- display: flex;
3250
- justify-content: center;
3251
- align-items: center;
3252
- box-sizing: border-box;
3253
- padding: 0;
3254
- margin: 0;
3255
- }.flexBox-module_rowBetween__5FEvi {
3256
- display: flex;
3257
- justify-content: space-between;
3258
- align-items: center;
3259
- box-sizing: border-box;
3260
- padding: 0;
3261
- margin: 0;
3262
- }.flexBox-module_rowStart__4tcxS {
3263
- display: flex;
3264
- justify-content: flex-start;
3265
- align-items: center;
3266
- box-sizing: border-box;
3267
- padding: 0;
3268
- margin: 0;
3269
- }.flexBox-module_rowEnd__rVdVm {
3270
- display: flex;
3271
- justify-content: flex-end;
3272
- align-items: center;
3273
- box-sizing: border-box;
3274
- padding: 0;
3275
- margin: 0;
3276
- }.flexBox-module_column__ezvMq {
3277
- display: flex;
3278
- flex-direction: column;
3279
- justify-content: center;
3280
- align-items: center;
3281
- box-sizing: border-box;
3282
- padding: 0;
3283
- margin: 0;
3284
- }.flexBox-module_columnStart__C7P44 {
3285
- display: flex;
3286
- flex-direction: column;
3287
- justify-content: flex-start;
3288
- align-items: flex-start;
3289
- box-sizing: border-box;
3290
- padding: 0;
3291
- margin: 0;
3292
- }.flexBox-module_columnStartCenter__PKcrG {
3293
- display: flex;
3294
- flex-direction: column;
3295
- justify-content: flex-start;
3296
- align-items: center;
3297
- box-sizing: border-box;
3298
- padding: 0;
3299
- margin: 0;
3300
- }.flexBox-module_columnBetween__ERfp7 {
3301
- display: flex;
3302
- flex-direction: column;
3303
- justify-content: space-between;
3304
- align-items: center;
3305
- box-sizing: border-box;
3306
- padding: 0;
3307
- margin: 0;
3308
- }.flexBox-module_columnEnd__lLJuc {
3309
- display: flex;
3310
- flex-direction: column;
3311
- justify-content: flex-end;
3312
- align-items: flex-end;
3313
- box-sizing: border-box;
3314
- padding: 0;
3315
- margin: 0;
3049
+ .Modal-module_content__dWO-B {
3050
+ padding: var(--modal-padding) !important;
3051
+ padding-top: 0 !important;
3052
+ padding-bottom: var(--modal-content-padding-tops) !important;
3053
+ width: 100%;
3316
3054
  }
3317
3055
 
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);
3056
+ .Modal-module_actions__hY6zi {
3057
+ padding: var(--modal-padding) !important;
3058
+ width: 100%;
3059
+ user-select: none;
3060
+ -webkit-user-select: none;
3061
+ border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
3324
3062
  }
3325
3063
 
3326
- .RadioButtonList-module_column__Bq16e {
3064
+ .Modal-module_leftActions__-M-DM {
3065
+ gap: 8px;
3327
3066
  }
3328
3067
 
3329
- .RadioButtonList-module_row__D3szq {
3068
+ .Modal-module_rightActions__IFgrN {
3069
+ gap: 8px;
3070
+ }
3071
+
3072
+ .Modal-module_xs__iPcS9 {
3073
+ }
3074
+
3075
+ .Modal-module_s__31sYS {
3076
+ }
3077
+
3078
+ .Modal-module_m__Iz82L {
3079
+ }
3080
+
3081
+ .Modal-module_l__pntdS {
3082
+ }
3083
+
3084
+ .Modal-module_xl__MR-68 {
3330
3085
  }
3331
3086
 
3332
3087
  .flexBox-module_row__z24tF {
@@ -3399,140 +3154,33 @@ line {
3399
3154
  margin: 0;
3400
3155
  }
3401
3156
 
3402
- .Slider-module_wrapper__KCCs1 {
3157
+ .DraggablePanel-module_panel__vuq2R {
3403
3158
  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;
3159
+ background-color: var(--panel-bg);
3416
3160
  }
3417
3161
 
3418
- .Slider-module_trackBg__7zfqm {
3419
- position: relative;
3162
+ .DraggablePanel-module_content__SBL0T {
3420
3163
  width: 100%;
3421
- height: var(--slider-height);
3422
- background-color: var(--slider-track-color);
3164
+ height: 100%;
3423
3165
  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
3166
  }
3436
3167
 
3437
- .Slider-module_trackHead__W-UdG {
3168
+ .DraggablePanel-module_handle__LPZw8 {
3169
+ width: var(--drag-handle-width);
3170
+ height: var(--drag-handle-height);
3171
+ min-width: var(--drag-handle-width);
3172
+ min-height: var(--drag-handle-height);
3173
+ border-radius: var(--drag-handle-radius);
3174
+ border: var(--drag-handle-border) solid var(--drag-handle-border-color);
3175
+ background: var(--drag-handle-bg);
3438
3176
  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
3177
  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;
3178
+ left: 50%;
3179
+ transform: translateX(-50%) translateY(-50%);
3180
+ z-index: var(--elevation-overlay);
3465
3181
  }
3466
3182
 
3467
- .flexBox-module_row__z24tF {
3468
- display: flex;
3469
- justify-content: center;
3470
- align-items: center;
3471
- box-sizing: border-box;
3472
- padding: 0;
3473
- margin: 0;
3474
- }.flexBox-module_rowBetween__5FEvi {
3475
- display: flex;
3476
- justify-content: space-between;
3477
- align-items: center;
3478
- box-sizing: border-box;
3479
- padding: 0;
3480
- margin: 0;
3481
- }.flexBox-module_rowStart__4tcxS {
3482
- display: flex;
3483
- justify-content: flex-start;
3484
- align-items: center;
3485
- box-sizing: border-box;
3486
- padding: 0;
3487
- margin: 0;
3488
- }.flexBox-module_rowEnd__rVdVm {
3489
- display: flex;
3490
- justify-content: flex-end;
3491
- align-items: center;
3492
- box-sizing: border-box;
3493
- padding: 0;
3494
- margin: 0;
3495
- }.flexBox-module_column__ezvMq {
3496
- display: flex;
3497
- flex-direction: column;
3498
- justify-content: center;
3499
- align-items: center;
3500
- box-sizing: border-box;
3501
- padding: 0;
3502
- margin: 0;
3503
- }.flexBox-module_columnStart__C7P44 {
3504
- display: flex;
3505
- flex-direction: column;
3506
- justify-content: flex-start;
3507
- align-items: flex-start;
3508
- box-sizing: border-box;
3509
- padding: 0;
3510
- margin: 0;
3511
- }.flexBox-module_columnStartCenter__PKcrG {
3512
- display: flex;
3513
- flex-direction: column;
3514
- justify-content: flex-start;
3515
- align-items: center;
3516
- box-sizing: border-box;
3517
- padding: 0;
3518
- margin: 0;
3519
- }.flexBox-module_columnBetween__ERfp7 {
3520
- display: flex;
3521
- flex-direction: column;
3522
- justify-content: space-between;
3523
- align-items: center;
3524
- box-sizing: border-box;
3525
- padding: 0;
3526
- margin: 0;
3527
- }.flexBox-module_columnEnd__lLJuc {
3528
- display: flex;
3529
- flex-direction: column;
3530
- justify-content: flex-end;
3531
- align-items: flex-end;
3532
- box-sizing: border-box;
3533
- padding: 0;
3534
- margin: 0;
3535
- }.type-module_body-xs-regular__ZAFft {
3183
+ .type-module_body-xs-regular__ZAFft {
3536
3184
  font-family: var(--font-family), sans-serif;
3537
3185
  font-weight: var(--font-weight-regular);
3538
3186
  font-size: var(--font-size-xs);
@@ -3673,48 +3321,54 @@ line {
3673
3321
  font-size: var(--font-size-h6);
3674
3322
  line-height: var(--line-height-xs);
3675
3323
  letter-spacing: var(--letter-spacing-m);
3676
- }
3324
+ }.scrollBars-module_scrollbars__c-ZPl {
3325
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
3326
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
3327
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
3328
+ --scrollbar-size: 6px;
3329
+ --scrollbar-bg: transparent;
3330
+ --scrollbar-thumb: var(--scroll-bar);
3331
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3677
3332
 
3678
- .RadioButton-module_wrapper__-pWRe {
3679
- padding: var(--rb-padding) !important;
3680
- max-width: var(--rb-max-width);
3681
- flex: var(--rb-flex);
3682
- border: var(--rb-border);
3683
- background: var(--rb-bg);
3684
- gap: var(--rb-gap);
3685
- border-radius: var(--corner-m);
3686
- cursor: pointer;
3687
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
3688
- user-select: none;
3689
- -webkit-user-select: none;
3690
- appearance: none;
3691
- -webkit-appearance: none;
3692
- background-image: none;
3693
- outline: none;
3694
- }
3333
+ /* firefox does not support -webkit-scrollbar */
3334
+ @supports not selector(::-webkit-scrollbar) {
3335
+ scrollbar-width: thin;
3336
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
3337
+ }
3695
3338
 
3696
- .RadioButton-module_radioIcon__I27Xv {
3697
- width: 20px;
3698
- height: 20px;
3699
- max-width: 20px;
3700
- max-height: 20px;
3701
- min-height: 20px;
3702
- min-width: 20px;
3703
- }
3339
+ &::-webkit-scrollbar {
3340
+ background-color: var(--scrollbar-bg);
3341
+ width: var(--scrollbar-size);
3342
+ height: var(--scrollbar-size);
3343
+ }
3704
3344
 
3705
- .RadioButton-module_radioTitle__zCQII {
3706
- color: var(--core-text-primary);
3707
- white-space: nowrap;
3708
- flex: 1;
3709
- }
3345
+ &::-webkit-scrollbar-track {
3346
+ background-color: var(--scrollbar-bg);
3347
+ width: var(--scrollbar-size);
3348
+ height: var(--scrollbar-size);
3349
+ }
3710
3350
 
3711
- .RadioButton-module_radioSummary__PNr0Z {
3712
- color: var(--core-text-primary);
3713
- flex: 1;
3714
- }
3351
+ &::-webkit-scrollbar-thumb {
3352
+ background-color: var(--scrollbar-thumb);
3353
+ border-radius: var(--corner-round);
3354
+ border: 1px solid var(--scrollbar-bg);
3355
+ }
3715
3356
 
3716
- .RadioButton-module_radioContent__38xVx {
3717
- width: 100%;
3357
+ &::-webkit-scrollbar-thumb:hover {
3358
+ background-color: var(--scrollbar-thumb-hover);
3359
+ border-radius: var(--corner-round);
3360
+ border: 1px solid var(--scrollbar-bg);
3361
+ }
3362
+
3363
+ &::-webkit-scrollbar-corner {
3364
+ background-color: var(--scrollbar-bg);
3365
+ }
3366
+ }.FlexDiv-module_flexDiv__EY5A- {
3367
+ /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
3368
+ --flex-div-scroll-border for this purpose) -- bind to the real one. */
3369
+ --scrollbar-bg: var(--flex-div-scroll-border);
3370
+ --scrollbar-thumb: var(--flex-div-scroll-handle);
3371
+ --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
3718
3372
  }
3719
3373
 
3720
3374
  .flexBox-module_row__z24tF {
@@ -3994,17 +3648,12 @@ line {
3994
3648
  }
3995
3649
 
3996
3650
  .PromptInput-module_attachments__rqgY1 {
3997
- padding: 16px 16px 0 16px !important;
3651
+ padding: var(--spacing-m) var(--spacing-m) 0 var(--spacing-m) !important;
3998
3652
  width: 100%;
3999
3653
  }
4000
3654
 
4001
- .PromptInput-module_clear__MFroM {
4002
- padding: 12px 8px 0 0 !important;
4003
- display: var(--prompt-clear) !important;
4004
- }
4005
-
4006
3655
  .PromptInput-module_buttonBar__X8LDe {
4007
- padding: 8px 16px 16px 16px !important;
3656
+ padding: var(--spacing-s) var(--spacing-m) var(--spacing-m) var(--spacing-m) !important;
4008
3657
  width: 100%;
4009
3658
  cursor: text;
4010
3659
  }
@@ -4015,7 +3664,7 @@ line {
4015
3664
  }
4016
3665
 
4017
3666
  .PromptInput-module_textarea__e4Kxn {
4018
- padding: 16px !important;
3667
+ padding: var(--spacing-m) !important;
4019
3668
  box-sizing: border-box;
4020
3669
  field-sizing: content;
4021
3670
  width: 100%;
@@ -4257,28 +3906,46 @@ line {
4257
3906
  letter-spacing: var(--letter-spacing-m);
4258
3907
  }
4259
3908
 
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);
4266
- white-space: nowrap;
4267
- z-index: var(--elevation-describe);
3909
+ .RadioButton-module_wrapper__-pWRe {
3910
+ padding: var(--rb-padding) !important;
3911
+ max-width: var(--rb-max-width);
3912
+ flex: var(--rb-flex);
3913
+ border: var(--rb-border);
3914
+ background: var(--rb-bg);
3915
+ gap: var(--rb-gap);
3916
+ border-radius: var(--corner-m);
3917
+ cursor: pointer;
3918
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
3919
+ user-select: none;
3920
+ -webkit-user-select: none;
3921
+ appearance: none;
3922
+ -webkit-appearance: none;
3923
+ background-image: none;
3924
+ outline: none;
4268
3925
  }
4269
3926
 
4270
- .Tip-module_xs__wsz9y {
3927
+ .RadioButton-module_radioIcon__I27Xv {
3928
+ width: 20px;
3929
+ height: 20px;
3930
+ max-width: 20px;
3931
+ max-height: 20px;
3932
+ min-height: 20px;
3933
+ min-width: 20px;
4271
3934
  }
4272
3935
 
4273
- .Tip-module_s__Wvz3q {
3936
+ .RadioButton-module_radioTitle__zCQII {
3937
+ color: var(--core-text-primary);
3938
+ white-space: nowrap;
3939
+ flex: 1;
4274
3940
  }
4275
3941
 
4276
- .Tip-module_m__9qJbB {
4277
- }
4278
- .Tip-module_l__OdNuh {
3942
+ .RadioButton-module_radioSummary__PNr0Z {
3943
+ color: var(--core-text-primary);
3944
+ flex: 1;
4279
3945
  }
4280
3946
 
4281
- .Tip-module_xl__izmFk {
3947
+ .RadioButton-module_radioContent__38xVx {
3948
+ width: 100%;
4282
3949
  }
4283
3950
 
4284
3951
  .flexBox-module_row__z24tF {
@@ -4349,259 +4016,418 @@ line {
4349
4016
  box-sizing: border-box;
4350
4017
  padding: 0;
4351
4018
  margin: 0;
4352
- }.type-module_body-xs-regular__ZAFft {
4353
- font-family: var(--font-family), sans-serif;
4354
- font-weight: var(--font-weight-regular);
4355
- font-size: var(--font-size-xs);
4356
- line-height: var(--line-height-m);
4357
- text-decoration: none;
4358
- letter-spacing: var(--letter-spacing-m);
4359
- }.type-module_body-xs-medium__s3KvF {
4360
- font-family: var(--font-family), sans-serif;
4361
- font-weight: var(--font-weight-medium);
4362
- font-size: var(--font-size-xs);
4363
- line-height: var(--line-height-m);
4364
- text-decoration: none;
4365
- letter-spacing: var(--letter-spacing-m);
4366
- }.type-module_body-xs-bold__Lhqqq {
4367
- font-family: var(--font-family), sans-serif;
4368
- font-weight: var(--font-weight-bold);
4369
- font-size: var(--font-size-xs);
4370
- line-height: var(--line-height-m);
4371
- text-decoration: none;
4372
- letter-spacing: var(--letter-spacing-l);
4373
- }.type-module_body-s-regular__vRHSP {
4374
- font-family: var(--font-family), sans-serif;
4375
- font-weight: var(--font-weight-regular);
4376
- font-size: var(--font-size-s);
4377
- line-height: var(--line-height-xl);
4378
- text-decoration: none;
4379
- letter-spacing: var(--letter-spacing-s);
4380
- }.type-module_body-s-medium__tjdFc {
4381
- font-family: var(--font-family), sans-serif;
4382
- font-weight: var(--font-weight-medium);
4383
- font-size: var(--font-size-s);
4384
- line-height: var(--line-height-xl);
4385
- text-decoration: none;
4386
- letter-spacing: var(--letter-spacing-s);
4387
- }.type-module_body-s-bold__Iy-VX {
4388
- font-family: var(--font-family), sans-serif;
4389
- font-weight: var(--font-weight-bold);
4390
- font-size: var(--font-size-s);
4391
- line-height: var(--line-height-xl);
4392
- text-decoration: none;
4393
- letter-spacing: var(--letter-spacing-m);
4394
- }.type-module_body-m-regular__LuQBA {
4395
- font-family: var(--font-family), sans-serif;
4396
- font-weight: var(--font-weight-regular);
4397
- font-size: var(--font-size-m);
4398
- line-height: var(--line-height-l);
4399
- text-decoration: none;
4400
- letter-spacing: var(--letter-spacing-s);
4401
- }.type-module_body-m-medium__uW1on {
4402
- font-family: var(--font-family), sans-serif;
4403
- font-weight: var(--font-weight-medium);
4404
- font-size: var(--font-size-m);
4405
- line-height: var(--line-height-l);
4406
- text-decoration: none;
4407
- letter-spacing: var(--letter-spacing-s);
4408
- }.type-module_body-m-bold__UBcvQ {
4409
- font-family: var(--font-family), sans-serif;
4410
- font-weight: var(--font-weight-bold);
4411
- font-size: var(--font-size-m);
4412
- line-height: var(--line-height-l);
4413
- text-decoration: none;
4414
- letter-spacing: var(--letter-spacing-m);
4415
- }.type-module_body-l-regular__lOYbg {
4416
- font-family: var(--font-family), sans-serif;
4417
- font-weight: var(--font-weight-regular);
4418
- font-size: var(--font-size-l);
4419
- line-height: var(--line-height-xxl);
4420
- text-decoration: none;
4421
- letter-spacing: var(--letter-spacing-xs);
4422
- }.type-module_body-l-medium__BqRC7 {
4423
- font-family: var(--font-family), sans-serif;
4424
- font-weight: var(--font-weight-medium);
4425
- font-size: var(--font-size-l);
4426
- line-height: var(--line-height-xxl);
4427
- text-decoration: none;
4428
- letter-spacing: var(--letter-spacing-xs);
4429
- }.type-module_body-l-bold__Fh2dt {
4430
- font-family: var(--font-family), sans-serif;
4431
- font-weight: var(--font-weight-bold);
4432
- font-size: var(--font-size-l);
4433
- line-height: var(--line-height-xxl);
4434
- text-decoration: none;
4435
- letter-spacing: var(--letter-spacing-s);
4436
- }.type-module_body-xl-regular__pF2kC {
4437
- font-family: var(--font-family), sans-serif;
4438
- font-weight: var(--font-weight-regular);
4439
- font-size: var(--font-size-xl);
4440
- line-height: var(--line-height-xxl);
4441
- text-decoration: none;
4442
- letter-spacing: var(--letter-spacing-xs);
4443
- }.type-module_body-xl-medium__BeyrH {
4444
- font-family: var(--font-family), sans-serif;
4445
- font-weight: var(--font-weight-medium);
4446
- font-size: var(--font-size-xl);
4447
- line-height: var(--line-height-xxl);
4448
- text-decoration: none;
4449
- letter-spacing: var(--letter-spacing-xs);
4450
- }.type-module_body-xl-bold__Ruknj {
4451
- font-family: var(--font-family), sans-serif;
4452
- font-weight: var(--font-weight-bold);
4453
- font-size: var(--font-size-xl);
4454
- line-height: var(--line-height-xxl);
4455
- text-decoration: none;
4456
- letter-spacing: var(--letter-spacing-s);
4457
- }.type-module_h1__ikDt5 {
4458
- font-family: var(--font-family), sans-serif;
4459
- font-weight: var(--font-weight-extra);
4460
- font-size: var(--font-size-h1);
4461
- line-height: var(--line-height-xs);
4462
- letter-spacing: var(--letter-spacing-m);
4463
- }.type-module_h2__bSCvt {
4464
- font-family: var(--font-family), sans-serif;
4465
- font-weight: var(--font-weight-extra);
4466
- font-size: var(--font-size-h2);
4467
- line-height: var(--line-height-xs);
4468
- letter-spacing: var(--letter-spacing-m);
4469
- }.type-module_h3__8gHoN {
4470
- font-family: var(--font-family), sans-serif;
4471
- font-weight: var(--font-weight-extra);
4472
- font-size: var(--font-size-h3);
4473
- line-height: var(--line-height-xs);
4474
- letter-spacing: var(--letter-spacing-m);
4475
- }.type-module_h4__EVAd2 {
4476
- font-family: var(--font-family), sans-serif;
4477
- font-weight: var(--font-weight-extra);
4478
- font-size: var(--font-size-h4);
4479
- line-height: var(--line-height-xs);
4480
- letter-spacing: var(--letter-spacing-m);
4481
- }.type-module_h5__92r22 {
4482
- font-family: var(--font-family), sans-serif;
4483
- font-weight: var(--font-weight-extra);
4484
- font-size: var(--font-size-h5);
4485
- line-height: var(--line-height-xs);
4486
- letter-spacing: var(--letter-spacing-m);
4487
- }.type-module_h6__sshOw {
4488
- font-family: var(--font-family), sans-serif;
4489
- font-weight: var(--font-weight-extra);
4490
- font-size: var(--font-size-h6);
4491
- line-height: var(--line-height-xs);
4492
- letter-spacing: var(--letter-spacing-m);
4493
4019
  }
4494
4020
 
4495
- .Camera-module_wrapper__GOsKp {
4021
+ .Slider-module_wrapper__KCCs1 {
4496
4022
  position: relative;
4497
- width: 100%;
4498
- height: 100%;
4499
- background-color: var(--core-surface-secondary);
4500
- overflow: hidden;
4501
- border-radius: var(--corner-xs);
4023
+ display: flex;
4024
+ justify-content: flex-start;
4025
+ align-items: center;
4026
+ box-sizing: border-box;
4027
+ padding: 0 var(--slider-padding);
4028
+ margin: 0;
4029
+ width: var(--slider-width);
4030
+ height: auto;
4031
+ min-height: var(--slider-touch-height);
4032
+ cursor: var(--slider-cursor);
4033
+ opacity: var(--slider-opacity);
4034
+ background: transparent;
4502
4035
  }
4503
4036
 
4504
- .Camera-module_video__Q2r9B {
4037
+ .Slider-module_trackBg__7zfqm {
4038
+ position: relative;
4505
4039
  width: 100%;
4506
- height: 100%;
4507
- object-fit: cover;
4040
+ height: var(--slider-height);
4041
+ background-color: var(--slider-track-color);
4042
+ overflow: hidden;
4043
+ border-radius: var(--corner-round);
4508
4044
  }
4509
4045
 
4510
- .Camera-module_controls__qXYoL {
4046
+ .Slider-module_track__kaJkL {
4511
4047
  position: absolute;
4048
+ top: 0;
4512
4049
  bottom: 0;
4513
- left: 0;
4514
- right: 0;
4515
- padding: 16px !important;
4516
- gap: 16px;
4517
- background-color: var(--camera-controls-bg);
4518
- transform: var(--camera-controls-transform);
4519
- transition: transform var(--motion-water-duration) var(--motion-water) 0s;
4050
+ width: 0;
4051
+ background-color: var(--slider-progress-color);
4052
+ overflow: visible;
4053
+ border-radius: var(--corner-round);
4520
4054
  }
4521
4055
 
4522
- .Camera-module_controlsRight__VcIz7 {
4523
- gap: 12px;
4524
- flex: 1;
4056
+ .Slider-module_trackHead__W-UdG {
4057
+ position: absolute;
4058
+ display: var(--slider-head-display);
4059
+ background-color: var(--slider-head-color);
4060
+ border: var(--slider-track-head-border);
4061
+ border-radius: var(--slider-head-radius);
4062
+ max-width: var(--slider-head-width);
4063
+ max-height: var(--slider-head-size);
4064
+ min-width: var(--slider-head-width);
4065
+ min-height: var(--slider-head-size);
4066
+ top: 50%;
4067
+ transform: translateY(-50%) translateX(-50%);
4525
4068
  }
4526
4069
 
4527
- .Camera-module_controlsCenter__e-erq {
4528
- gap: 12px;
4529
- flex: 1;
4070
+ .Slider-module_trackWrapper__Ot0Wh {
4071
+ position: relative;
4072
+ width: 100%;
4073
+ height: var(--slider-height);
4074
+ min-height: var(--slider-touch-height);
4075
+ background-color: transparent;
4076
+ border-radius: var(--corner-xs);
4077
+ overflow: visible;
4078
+ outline: none;
4530
4079
  }
4531
4080
 
4532
- .Camera-module_controlsLeft__bR4TN {
4533
- gap: 12px;
4534
- flex: 1;
4081
+ .Slider-module_trackWrapper__Ot0Wh:focus-visible {
4082
+ outline: 2px solid var(--core-link-primary);
4083
+ outline-offset: 2px;
4535
4084
  }
4536
4085
 
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);
4086
+ .flexBox-module_row__z24tF {
4087
+ display: flex;
4088
+ justify-content: center;
4089
+ align-items: center;
4090
+ box-sizing: border-box;
4091
+ padding: 0;
4092
+ margin: 0;
4093
+ }.flexBox-module_rowBetween__5FEvi {
4094
+ display: flex;
4095
+ justify-content: space-between;
4096
+ align-items: center;
4097
+ box-sizing: border-box;
4098
+ padding: 0;
4099
+ margin: 0;
4100
+ }.flexBox-module_rowStart__4tcxS {
4101
+ display: flex;
4102
+ justify-content: flex-start;
4103
+ align-items: center;
4104
+ box-sizing: border-box;
4105
+ padding: 0;
4106
+ margin: 0;
4107
+ }.flexBox-module_rowEnd__rVdVm {
4108
+ display: flex;
4109
+ justify-content: flex-end;
4110
+ align-items: center;
4111
+ box-sizing: border-box;
4112
+ padding: 0;
4113
+ margin: 0;
4114
+ }.flexBox-module_column__ezvMq {
4115
+ display: flex;
4116
+ flex-direction: column;
4117
+ justify-content: center;
4118
+ align-items: center;
4119
+ box-sizing: border-box;
4120
+ padding: 0;
4121
+ margin: 0;
4122
+ }.flexBox-module_columnStart__C7P44 {
4123
+ display: flex;
4124
+ flex-direction: column;
4125
+ justify-content: flex-start;
4126
+ align-items: flex-start;
4127
+ box-sizing: border-box;
4128
+ padding: 0;
4129
+ margin: 0;
4130
+ }.flexBox-module_columnStartCenter__PKcrG {
4131
+ display: flex;
4132
+ flex-direction: column;
4133
+ justify-content: flex-start;
4134
+ align-items: center;
4135
+ box-sizing: border-box;
4136
+ padding: 0;
4137
+ margin: 0;
4138
+ }.flexBox-module_columnBetween__ERfp7 {
4139
+ display: flex;
4140
+ flex-direction: column;
4141
+ justify-content: space-between;
4142
+ align-items: center;
4143
+ box-sizing: border-box;
4144
+ padding: 0;
4145
+ margin: 0;
4146
+ }.flexBox-module_columnEnd__lLJuc {
4147
+ display: flex;
4148
+ flex-direction: column;
4149
+ justify-content: flex-end;
4150
+ align-items: flex-end;
4151
+ box-sizing: border-box;
4152
+ padding: 0;
4153
+ margin: 0;
4543
4154
  }
4544
4155
 
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);
4156
+ .Switch-module_wrapper__kudO9 {
4157
+ padding: var(--switch-padding) !important;
4158
+ width: var(--switch-width);
4159
+ height: var(--switch-height);
4160
+ border-radius: var(--corner-round);
4161
+ cursor: pointer;
4162
+ background: var(--switch-bg-color);
4163
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
4164
+ appearance: none;
4165
+ -webkit-appearance: none;
4166
+ border: 0;
4167
+ outline: none;
4553
4168
  }
4554
4169
 
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;
4170
+ .Switch-module_knob__vKNOc {
4171
+ width: var(--switch-knob-size);
4172
+ height: var(--switch-knob-size);
4173
+ background: var(--switch-knob-color);
4174
+ border-radius: 100%;
4562
4175
  }
4563
4176
 
4564
- .Camera-module_clear__aaCfT {
4565
- position: absolute;
4566
- top: 16px;
4567
- right: 16px;
4568
- z-index: 3;
4177
+ .flexBox-module_row__z24tF {
4178
+ display: flex;
4179
+ justify-content: center;
4180
+ align-items: center;
4181
+ box-sizing: border-box;
4182
+ padding: 0;
4183
+ margin: 0;
4184
+ }.flexBox-module_rowBetween__5FEvi {
4185
+ display: flex;
4186
+ justify-content: space-between;
4187
+ align-items: center;
4188
+ box-sizing: border-box;
4189
+ padding: 0;
4190
+ margin: 0;
4191
+ }.flexBox-module_rowStart__4tcxS {
4192
+ display: flex;
4193
+ justify-content: flex-start;
4194
+ align-items: center;
4195
+ box-sizing: border-box;
4196
+ padding: 0;
4197
+ margin: 0;
4198
+ }.flexBox-module_rowEnd__rVdVm {
4199
+ display: flex;
4200
+ justify-content: flex-end;
4201
+ align-items: center;
4202
+ box-sizing: border-box;
4203
+ padding: 0;
4204
+ margin: 0;
4205
+ }.flexBox-module_column__ezvMq {
4206
+ display: flex;
4207
+ flex-direction: column;
4208
+ justify-content: center;
4209
+ align-items: center;
4210
+ box-sizing: border-box;
4211
+ padding: 0;
4212
+ margin: 0;
4213
+ }.flexBox-module_columnStart__C7P44 {
4214
+ display: flex;
4215
+ flex-direction: column;
4216
+ justify-content: flex-start;
4217
+ align-items: flex-start;
4218
+ box-sizing: border-box;
4219
+ padding: 0;
4220
+ margin: 0;
4221
+ }.flexBox-module_columnStartCenter__PKcrG {
4222
+ display: flex;
4223
+ flex-direction: column;
4224
+ justify-content: flex-start;
4225
+ align-items: center;
4226
+ box-sizing: border-box;
4227
+ padding: 0;
4228
+ margin: 0;
4229
+ }.flexBox-module_columnBetween__ERfp7 {
4230
+ display: flex;
4231
+ flex-direction: column;
4232
+ justify-content: space-between;
4233
+ align-items: center;
4234
+ box-sizing: border-box;
4235
+ padding: 0;
4236
+ margin: 0;
4237
+ }.flexBox-module_columnEnd__lLJuc {
4238
+ display: flex;
4239
+ flex-direction: column;
4240
+ justify-content: flex-end;
4241
+ align-items: flex-end;
4242
+ box-sizing: border-box;
4243
+ padding: 0;
4244
+ margin: 0;
4569
4245
  }
4570
4246
 
4571
- .Camera-module_snapshot__odQH0 {
4247
+ .Pager-module_wrapper__eutVg {
4248
+ gap: var(--pager-gap);
4572
4249
  width: 100%;
4573
- border: 1px solid var(--core-outline-special);
4574
- z-index: 2;
4250
+ z-index: var(--elevation-status);
4575
4251
  }
4576
4252
 
4577
- .Camera-module_toolbarButton__mnmoF {
4578
- gap: 4px;
4253
+ .Pager-module_bullet__TxyR5 {
4254
+ width: var(--pager-size);
4255
+ height: var(--pager-size);
4256
+ max-width: var(--pager-size);
4257
+ max-height: var(--pager-size);
4258
+ background: var(--pager-color);
4259
+ border-radius: 100%;
4260
+ border: 0;
4579
4261
  cursor: pointer;
4580
- user-select: none;
4581
- -webkit-user-select: none;
4262
+ outline: none;
4263
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
4582
4264
  }
4583
4265
 
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;
4266
+ .Pager-module_bullet__TxyR5:hover {
4267
+ background: var(--pager-colorHover);
4268
+ }
4269
+
4270
+ .Pager-module_selected__C6xbR {
4271
+ background: var(--pager-colorOn);
4594
4272
  }
4595
4273
 
4596
- .Camera-module_buttonIcon__a-VBR:hover {
4597
- border: 1px solid var(--core-outline-special);
4274
+ .Pager-module_selected__C6xbR:hover {
4275
+ background: var(--pager-colorOn);
4276
+ }
4277
+
4278
+ .flexBox-module_row__z24tF {
4279
+ display: flex;
4280
+ justify-content: center;
4281
+ align-items: center;
4282
+ box-sizing: border-box;
4283
+ padding: 0;
4284
+ margin: 0;
4285
+ }.flexBox-module_rowBetween__5FEvi {
4286
+ display: flex;
4287
+ justify-content: space-between;
4288
+ align-items: center;
4289
+ box-sizing: border-box;
4290
+ padding: 0;
4291
+ margin: 0;
4292
+ }.flexBox-module_rowStart__4tcxS {
4293
+ display: flex;
4294
+ justify-content: flex-start;
4295
+ align-items: center;
4296
+ box-sizing: border-box;
4297
+ padding: 0;
4298
+ margin: 0;
4299
+ }.flexBox-module_rowEnd__rVdVm {
4300
+ display: flex;
4301
+ justify-content: flex-end;
4302
+ align-items: center;
4303
+ box-sizing: border-box;
4304
+ padding: 0;
4305
+ margin: 0;
4306
+ }.flexBox-module_column__ezvMq {
4307
+ display: flex;
4308
+ flex-direction: column;
4309
+ justify-content: center;
4310
+ align-items: center;
4311
+ box-sizing: border-box;
4312
+ padding: 0;
4313
+ margin: 0;
4314
+ }.flexBox-module_columnStart__C7P44 {
4315
+ display: flex;
4316
+ flex-direction: column;
4317
+ justify-content: flex-start;
4318
+ align-items: flex-start;
4319
+ box-sizing: border-box;
4320
+ padding: 0;
4321
+ margin: 0;
4322
+ }.flexBox-module_columnStartCenter__PKcrG {
4323
+ display: flex;
4324
+ flex-direction: column;
4325
+ justify-content: flex-start;
4326
+ align-items: center;
4327
+ box-sizing: border-box;
4328
+ padding: 0;
4329
+ margin: 0;
4330
+ }.flexBox-module_columnBetween__ERfp7 {
4331
+ display: flex;
4332
+ flex-direction: column;
4333
+ justify-content: space-between;
4334
+ align-items: center;
4335
+ box-sizing: border-box;
4336
+ padding: 0;
4337
+ margin: 0;
4338
+ }.flexBox-module_columnEnd__lLJuc {
4339
+ display: flex;
4340
+ flex-direction: column;
4341
+ justify-content: flex-end;
4342
+ align-items: flex-end;
4343
+ box-sizing: border-box;
4344
+ padding: 0;
4345
+ margin: 0;
4598
4346
  }
4599
4347
 
4600
- .Camera-module_buttonLabel__6BEs1 {
4601
- color: var(--toolbar-button-label-color);
4348
+ .RadioButtonList-module_wrapper__wnq1- {
4349
+ align-items: flex-start;
4350
+ width: var(--rb-list-width);
4351
+ flex-wrap: var(--rb-list-flex-wrap);
4352
+ margin-bottom: var(--rb-list-margin-bottom);
4353
+ gap: var(--rb-gap);
4354
+ }
4355
+
4356
+ .RadioButtonList-module_column__Bq16e {
4357
+ }
4358
+
4359
+ .RadioButtonList-module_row__D3szq {
4602
4360
  }
4603
4361
 
4604
- .type-module_body-xs-regular__ZAFft {
4362
+ .flexBox-module_row__z24tF {
4363
+ display: flex;
4364
+ justify-content: center;
4365
+ align-items: center;
4366
+ box-sizing: border-box;
4367
+ padding: 0;
4368
+ margin: 0;
4369
+ }.flexBox-module_rowBetween__5FEvi {
4370
+ display: flex;
4371
+ justify-content: space-between;
4372
+ align-items: center;
4373
+ box-sizing: border-box;
4374
+ padding: 0;
4375
+ margin: 0;
4376
+ }.flexBox-module_rowStart__4tcxS {
4377
+ display: flex;
4378
+ justify-content: flex-start;
4379
+ align-items: center;
4380
+ box-sizing: border-box;
4381
+ padding: 0;
4382
+ margin: 0;
4383
+ }.flexBox-module_rowEnd__rVdVm {
4384
+ display: flex;
4385
+ justify-content: flex-end;
4386
+ align-items: center;
4387
+ box-sizing: border-box;
4388
+ padding: 0;
4389
+ margin: 0;
4390
+ }.flexBox-module_column__ezvMq {
4391
+ display: flex;
4392
+ flex-direction: column;
4393
+ justify-content: center;
4394
+ align-items: center;
4395
+ box-sizing: border-box;
4396
+ padding: 0;
4397
+ margin: 0;
4398
+ }.flexBox-module_columnStart__C7P44 {
4399
+ display: flex;
4400
+ flex-direction: column;
4401
+ justify-content: flex-start;
4402
+ align-items: flex-start;
4403
+ box-sizing: border-box;
4404
+ padding: 0;
4405
+ margin: 0;
4406
+ }.flexBox-module_columnStartCenter__PKcrG {
4407
+ display: flex;
4408
+ flex-direction: column;
4409
+ justify-content: flex-start;
4410
+ align-items: center;
4411
+ box-sizing: border-box;
4412
+ padding: 0;
4413
+ margin: 0;
4414
+ }.flexBox-module_columnBetween__ERfp7 {
4415
+ display: flex;
4416
+ flex-direction: column;
4417
+ justify-content: space-between;
4418
+ align-items: center;
4419
+ box-sizing: border-box;
4420
+ padding: 0;
4421
+ margin: 0;
4422
+ }.flexBox-module_columnEnd__lLJuc {
4423
+ display: flex;
4424
+ flex-direction: column;
4425
+ justify-content: flex-end;
4426
+ align-items: flex-end;
4427
+ box-sizing: border-box;
4428
+ padding: 0;
4429
+ margin: 0;
4430
+ }.type-module_body-xs-regular__ZAFft {
4605
4431
  font-family: var(--font-family), sans-serif;
4606
4432
  font-weight: var(--font-weight-regular);
4607
4433
  font-size: var(--font-size-xs);
@@ -4743,125 +4569,108 @@ line {
4743
4569
  line-height: var(--line-height-xs);
4744
4570
  letter-spacing: var(--letter-spacing-m);
4745
4571
  }
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);
4572
+
4573
+ .TextField-module_wrapper__qZ-p- {
4574
+ position: relative;
4575
+ padding: var(--tf-padding) !important;
4576
+ gap: 8px;
4577
+ overflow: visible;
4578
+ width: var(--tf-width);
4579
+ height: var(--tf-height);
4580
+ border-radius: var(--tf-border-radius);
4581
+ background: var(--tf-bg-color);
4582
+ box-shadow: var(--tf-box-shadow);
4583
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4751
4584
  }
4752
- .DivInput-module_wrapper__ZQxY-:hover {
4753
- background: var(--div-input-bg);
4754
- }
4755
4585
 
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;
4586
+ .TextField-module_container__5U9yK {
4587
+ flex: 1;
4588
+ height: 100%;
4589
+ gap: 8px;
4590
+ }
4591
+
4592
+ .TextField-module_label__jD8MR {
4593
+ color: var(--tf-label-color);
4594
+ height: auto;
4768
4595
  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;
4596
+ white-space: nowrap;
4774
4597
  }
4775
4598
 
4776
- .flexBox-module_row__z24tF {
4777
- display: flex;
4778
- justify-content: center;
4779
- align-items: center;
4780
- box-sizing: border-box;
4781
- padding: 0;
4782
- margin: 0;
4783
- }.flexBox-module_rowBetween__5FEvi {
4784
- display: flex;
4785
- justify-content: space-between;
4786
- align-items: center;
4787
- box-sizing: border-box;
4788
- padding: 0;
4789
- margin: 0;
4790
- }.flexBox-module_rowStart__4tcxS {
4791
- display: flex;
4792
- justify-content: flex-start;
4793
- align-items: center;
4794
- box-sizing: border-box;
4795
- padding: 0;
4796
- margin: 0;
4797
- }.flexBox-module_rowEnd__rVdVm {
4798
- display: flex;
4799
- justify-content: flex-end;
4800
- align-items: center;
4801
- box-sizing: border-box;
4802
- padding: 0;
4803
- margin: 0;
4804
- }.flexBox-module_column__ezvMq {
4805
- display: flex;
4806
- flex-direction: column;
4807
- justify-content: center;
4808
- align-items: center;
4809
- box-sizing: border-box;
4810
- padding: 0;
4811
- margin: 0;
4812
- }.flexBox-module_columnStart__C7P44 {
4813
- display: flex;
4814
- flex-direction: column;
4815
- justify-content: flex-start;
4816
- align-items: flex-start;
4817
- box-sizing: border-box;
4818
- padding: 0;
4819
- margin: 0;
4820
- }.flexBox-module_columnStartCenter__PKcrG {
4821
- display: flex;
4822
- flex-direction: column;
4823
- justify-content: flex-start;
4824
- align-items: center;
4825
- box-sizing: border-box;
4826
- padding: 0;
4827
- margin: 0;
4828
- }.flexBox-module_columnBetween__ERfp7 {
4829
- display: flex;
4830
- flex-direction: column;
4831
- justify-content: space-between;
4832
- align-items: center;
4833
- box-sizing: border-box;
4834
- padding: 0;
4835
- margin: 0;
4836
- }.flexBox-module_columnEnd__lLJuc {
4837
- display: flex;
4838
- flex-direction: column;
4839
- justify-content: flex-end;
4840
- align-items: flex-end;
4599
+ .TextField-module_input__AkWBQ {
4600
+ color: var(--tf-text-color);
4601
+ background-color: transparent;
4841
4602
  box-sizing: border-box;
4603
+ outline: none;
4604
+ border: 0;
4842
4605
  padding: 0;
4843
- margin: 0;
4606
+ height: 100%;
4607
+ width: var(--tf-input-width);
4608
+ field-sizing: var(--tf-field-size);
4609
+ text-align: var(--tf-text-align);
4844
4610
  }
4845
4611
 
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;
4612
+ .TextField-module_input__AkWBQ::placeholder {
4613
+ color: var(--tf-placeholder-color);
4614
+ }
4615
+
4616
+ .TextField-module_input__AkWBQ:focus::placeholder {
4617
+ color: var(--tf-placeholder-color);
4618
+ }
4619
+
4620
+ .TextField-module_input__AkWBQ:disabled {
4621
+ color: var(--core-text-disabled);
4622
+ }
4623
+
4624
+ .TextField-module_input__AkWBQ:-webkit-autofill,
4625
+ .TextField-module_input__AkWBQ:-webkit-autofill:hover,
4626
+ .TextField-module_input__AkWBQ:-webkit-autofill:focus,
4627
+ .TextField-module_input__AkWBQ:-webkit-autofill:active {
4628
+ box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
4629
+ -webkit-text-fill-color: var(--core-text-primary);
4630
+ }
4631
+
4632
+ .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
4633
+ color: var(--tf-placeholder-color);
4634
+ }
4635
+
4636
+ .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
4637
+ color: transparent;
4638
+ }
4639
+
4640
+ .TextField-module_showPassword__4Ecfo {
4641
+ min-height: 18px;
4642
+ min-width: 18px;
4643
+ max-height: 18px;
4644
+ max-width: 18px;
4645
+ opacity: var(--tf-show-opacity);
4646
+ }
4647
+
4648
+ .TextField-module_showPassword__4Ecfo:hover {
4649
+ opacity: var(--tf-show-opacity-hover);
4650
+ }
4651
+
4652
+ .TextField-module_clearButton__O9ed3 {
4653
+ border: 0;
4654
+ background: transparent;
4854
4655
  appearance: none;
4855
4656
  -webkit-appearance: none;
4856
- border: 0;
4857
4657
  outline: none;
4658
+ cursor: pointer;
4659
+ }
4660
+
4661
+ .TextField-module_xs__vyt2t {
4662
+ }
4663
+
4664
+ .TextField-module_s__0qm83 {
4665
+ }
4666
+
4667
+ .TextField-module_m__M-tLl {
4668
+ }
4669
+
4670
+ .TextField-module_l__gbNRz {
4858
4671
  }
4859
4672
 
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%;
4673
+ .TextField-module_xl__tp--W {
4865
4674
  }
4866
4675
 
4867
4676
  .flexBox-module_row__z24tF {
@@ -5005,6 +4814,48 @@ line {
5005
4814
  box-sizing: border-box;
5006
4815
  padding: 0;
5007
4816
  margin: 0;
4817
+ }.scrollBars-module_scrollbars__c-ZPl {
4818
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
4819
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
4820
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
4821
+ --scrollbar-size: 6px;
4822
+ --scrollbar-bg: transparent;
4823
+ --scrollbar-thumb: var(--scroll-bar);
4824
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
4825
+
4826
+ /* firefox does not support -webkit-scrollbar */
4827
+ @supports not selector(::-webkit-scrollbar) {
4828
+ scrollbar-width: thin;
4829
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
4830
+ }
4831
+
4832
+ &::-webkit-scrollbar {
4833
+ background-color: var(--scrollbar-bg);
4834
+ width: var(--scrollbar-size);
4835
+ height: var(--scrollbar-size);
4836
+ }
4837
+
4838
+ &::-webkit-scrollbar-track {
4839
+ background-color: var(--scrollbar-bg);
4840
+ width: var(--scrollbar-size);
4841
+ height: var(--scrollbar-size);
4842
+ }
4843
+
4844
+ &::-webkit-scrollbar-thumb {
4845
+ background-color: var(--scrollbar-thumb);
4846
+ border-radius: var(--corner-round);
4847
+ border: 1px solid var(--scrollbar-bg);
4848
+ }
4849
+
4850
+ &::-webkit-scrollbar-thumb:hover {
4851
+ background-color: var(--scrollbar-thumb-hover);
4852
+ border-radius: var(--corner-round);
4853
+ border: 1px solid var(--scrollbar-bg);
4854
+ }
4855
+
4856
+ &::-webkit-scrollbar-corner {
4857
+ background-color: var(--scrollbar-bg);
4858
+ }
5008
4859
  }.type-module_body-xs-regular__ZAFft {
5009
4860
  font-family: var(--font-family), sans-serif;
5010
4861
  font-weight: var(--font-weight-regular);
@@ -5147,48 +4998,78 @@ line {
5147
4998
  line-height: var(--line-height-xs);
5148
4999
  letter-spacing: var(--letter-spacing-m);
5149
5000
  }
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);
5001
+
5002
+ .TextArea-module_wrapper__O0sWP {
5003
+ position: relative;
5004
+ padding: var(--ta-padding) !important;
5005
+ width: var(--ta-width);
5006
+ height: var(--ta-height);
5007
+ max-height: var(--ta-max-height);
5008
+ border-radius: var(--ta-border-radius);
5009
+ background-color: var(--ta-bg-color);
5010
+ box-shadow: 0 0 0 1px var(--ta-border-color);
5160
5011
  transition: all var(--motion-water-duration) var(--motion-water) 0s;
5161
- cursor: var(--ui-chip-cursor);
5012
+ }
5013
+
5014
+ .TextArea-module_textarea__-R2n0 {
5015
+ border: 0;
5016
+ outline: 0;
5017
+ padding: 0;
5018
+ width: 100%;
5019
+ height: 100%;
5020
+ color: var(--core-text-primary);
5021
+ background-color: transparent;
5022
+ box-sizing: border-box;
5023
+ resize: var(--ta-resize);
5024
+ }
5025
+
5026
+ .TextArea-module_textarea__-R2n0:disabled {
5027
+ color: var(--core-text-disabled);
5028
+ }
5029
+
5030
+ .TextArea-module_textarea__-R2n0::placeholder {
5031
+ color: var(--core-text-disabled);
5032
+ }
5033
+
5034
+ .TextArea-module_textarea__-R2n0 {
5035
+
5036
+ overflow-y: auto;
5037
+ }
5038
+
5039
+ .TextArea-module_actions__yunQx {
5040
+ width: 100%;
5041
+ min-height: 30px;
5042
+ color: var(--core-text-disabled);
5043
+ gap: 16px;
5044
+ }
5045
+
5046
+ .TextArea-module_option__2SFx5 {
5047
+ gap: 4px;
5162
5048
  white-space: nowrap;
5163
5049
  user-select: none;
5164
5050
  -webkit-user-select: none;
5051
+ cursor: default;
5165
5052
  }
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
- }
5171
5053
 
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);
5054
+ .TextArea-module_send__Cub13 {
5055
+ position: absolute;
5056
+ bottom: var(--ta-send-icon-offset-bottom);
5057
+ right: var(--ta-send-icon-offset-right);
5177
5058
  }
5178
5059
 
5179
- .Chip-module_xs__s-KNG {
5060
+ .TextArea-module_xs__5e748 {
5180
5061
  }
5181
5062
 
5182
- .Chip-module_s__2KTXi {
5063
+ .TextArea-module_s__Ac-fq {
5183
5064
  }
5184
5065
 
5185
- .Chip-module_m__l2u3N {
5066
+ .TextArea-module_m__dod4R {
5186
5067
  }
5187
5068
 
5188
- .Chip-module_l__3MqPN {
5069
+ .TextArea-module_l__-uLCG {
5189
5070
  }
5190
5071
 
5191
- .Chip-module_xl__iJX-F {
5072
+ .TextArea-module_xl__H6-7T {
5192
5073
  }
5193
5074
 
5194
5075
  .flexBox-module_row__z24tF {
@@ -5525,48 +5406,6 @@ line {
5525
5406
  box-sizing: border-box;
5526
5407
  padding: 0;
5527
5408
  margin: 0;
5528
- }.scrollBars-module_scrollbars__c-ZPl {
5529
- /* Consumers override these to theme their own scrollbar (e.g. Modal
5530
- binds them to its scrollHandleColor/scrollHandleColorHover props).
5531
- Unoverridden, they fall back to the shared page-level scroll tokens. */
5532
- --scrollbar-size: 6px;
5533
- --scrollbar-bg: transparent;
5534
- --scrollbar-thumb: var(--scroll-bar);
5535
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
5536
-
5537
- /* firefox does not support -webkit-scrollbar */
5538
- @supports not selector(::-webkit-scrollbar) {
5539
- scrollbar-width: thin;
5540
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
5541
- }
5542
-
5543
- &::-webkit-scrollbar {
5544
- background-color: var(--scrollbar-bg);
5545
- width: var(--scrollbar-size);
5546
- height: var(--scrollbar-size);
5547
- }
5548
-
5549
- &::-webkit-scrollbar-track {
5550
- background-color: var(--scrollbar-bg);
5551
- width: var(--scrollbar-size);
5552
- height: var(--scrollbar-size);
5553
- }
5554
-
5555
- &::-webkit-scrollbar-thumb {
5556
- background-color: var(--scrollbar-thumb);
5557
- border-radius: 20px;
5558
- border: 1px solid var(--scrollbar-bg);
5559
- }
5560
-
5561
- &::-webkit-scrollbar-thumb:hover {
5562
- background-color: var(--scrollbar-thumb-hover);
5563
- border-radius: 20px;
5564
- border: 1px solid var(--scrollbar-bg);
5565
- }
5566
-
5567
- &::-webkit-scrollbar-corner {
5568
- background-color: var(--scrollbar-bg);
5569
- }
5570
5409
  }.type-module_body-xs-regular__ZAFft {
5571
5410
  font-family: var(--font-family), sans-serif;
5572
5411
  font-weight: var(--font-weight-regular);
@@ -5710,77 +5549,28 @@ line {
5710
5549
  letter-spacing: var(--letter-spacing-m);
5711
5550
  }
5712
5551
 
5713
- .TextArea-module_wrapper__O0sWP {
5714
- position: relative;
5715
- padding: var(--ta-padding) !important;
5716
- width: var(--ta-width);
5717
- height: var(--ta-height);
5718
- max-height: var(--ta-max-height);
5719
- border-radius: var(--ta-border-radius);
5720
- background-color: var(--ta-bg-color);
5721
- box-shadow: 0 0 0 1px var(--ta-border-color);
5722
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
5723
- }
5724
-
5725
- .TextArea-module_textarea__-R2n0 {
5726
- border: 0;
5727
- outline: 0;
5728
- padding: 0 16px 0 0;
5729
- width: 100%;
5730
- height: 100%;
5731
- color: var(--core-text-primary);
5732
- background-color: transparent;
5733
- box-sizing: border-box;
5734
- resize: var(--ta-resize);
5735
- }
5736
-
5737
- .TextArea-module_textarea__-R2n0:disabled {
5738
- color: var(--core-text-disabled);
5739
- }
5740
-
5741
- .TextArea-module_textarea__-R2n0::placeholder {
5742
- color: var(--core-text-disabled);
5743
- }
5744
-
5745
- .TextArea-module_textarea__-R2n0 {
5746
-
5747
- overflow-y: auto;
5748
- }
5749
-
5750
- .TextArea-module_actions__yunQx {
5751
- width: 100%;
5752
- min-height: 30px;
5753
- color: var(--core-text-disabled);
5754
- gap: 16px;
5755
- }
5756
-
5757
- .TextArea-module_option__2SFx5 {
5758
- gap: 4px;
5552
+ .Tip-module_wrapper__D7ACT {
5553
+ padding: var(--tooltip-padding) !important;
5554
+ position: fixed;
5555
+ border: var(--tooltip-border);
5556
+ border-radius: var(--tooltip-border-radius);
5557
+ background: var(--tooltip-background);
5759
5558
  white-space: nowrap;
5760
- user-select: none;
5761
- -webkit-user-select: none;
5762
- cursor: default;
5763
- }
5764
-
5765
- .TextArea-module_send__Cub13 {
5766
- position: absolute;
5767
- bottom: var(--ta-send-icon-offset-bottom);
5768
- right: var(--ta-send-icon-offset-right);
5559
+ z-index: var(--elevation-describe);
5769
5560
  }
5770
5561
 
5771
- .TextArea-module_xs__5e748 {
5562
+ .Tip-module_xs__wsz9y {
5772
5563
  }
5773
5564
 
5774
- .TextArea-module_s__Ac-fq {
5565
+ .Tip-module_s__Wvz3q {
5775
5566
  }
5776
5567
 
5777
- .TextArea-module_m__dod4R {
5568
+ .Tip-module_m__9qJbB {
5778
5569
  }
5779
-
5780
- .TextArea-module_l__-uLCG {
5570
+ .Tip-module_l__OdNuh {
5781
5571
  }
5782
5572
 
5783
- .TextArea-module_xl__H6-7T {
5573
+ .Tip-module_xl__izmFk {
5784
5574
  }
5785
5575
 
5786
5576
  .flexBox-module_row__z24tF {
@@ -5991,114 +5781,255 @@ line {
5991
5781
  font-weight: var(--font-weight-extra);
5992
5782
  font-size: var(--font-size-h6);
5993
5783
  line-height: var(--line-height-xs);
5994
- letter-spacing: var(--letter-spacing-m);
5995
- }
5996
-
5997
- .TextField-module_wrapper__qZ-p- {
5998
- position: relative;
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;
5784
+ letter-spacing: var(--letter-spacing-m);
6009
5785
  }
6010
5786
 
6011
- .TextField-module_container__5U9yK {
6012
- flex: 1;
6013
- height: 100%;
6014
- gap: 8px;
5787
+ .TabBar-module_wrapper__cyOR1 {
5788
+ justify-content: var(--tab-bar-justify) !important;
5789
+ gap: var(--tab-bar-gap);
5790
+ border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
5791
+ height: var(--tab-bar-height);
5792
+ width: var(--tab-bar-width);
5793
+ cursor: pointer;
6015
5794
  }
6016
5795
 
6017
- .TextField-module_label__jD8MR {
6018
- color: var(--tf-label-color);
6019
- height: auto;
6020
- overflow: hidden;
5796
+ .TabBar-module_option__gYjDf {
5797
+ gap: var(--tab-bar-option-gap);
5798
+ color: var(--tab-bar-option-color);
5799
+ padding: var(--tab-bar-option-padding) !important;
5800
+ height: 100%;
5801
+ width: var(--tab-bar-option-width);
5802
+ flex: var(--tab-bar-option-flex);
6021
5803
  white-space: nowrap;
6022
- }
6023
-
6024
- .TextField-module_input__AkWBQ {
6025
- color: var(--tf-text-color);
5804
+ box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
5805
+ cursor: var(--tab-bar-option-cursor);
5806
+ -webkit-user-select: none;
5807
+ user-select: none;
5808
+ appearance: none;
5809
+ -webkit-appearance: none;
5810
+ background-image: none;
6026
5811
  background-color: transparent;
6027
- box-sizing: border-box;
6028
- outline: none;
6029
5812
  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);
5813
+ outline: none;
5814
+ text-align: left;
6035
5815
  }
6036
5816
 
6037
- .TextField-module_input__AkWBQ::placeholder {
6038
- color: var(--tf-placeholder-color);
6039
- }
6040
-
6041
- .TextField-module_input__AkWBQ:focus::placeholder {
6042
- color: var(--tf-placeholder-color);
6043
- }
5817
+ .TabBar-module_icon__JDgG3 {
5818
+ max-height: var(--tab-bar-icon-size);
5819
+ min-height: var(--tab-bar-icon-size);
5820
+ max-width: var(--tab-bar-icon-size);
5821
+ min-width: var(--tab-bar-icon-size);
5822
+ }
6044
5823
 
6045
- .TextField-module_input__AkWBQ:disabled {
6046
- color: var(--core-text-disabled);
6047
- }
5824
+ .TabBar-module_close__bvSBh {
5825
+ height: 100%;
5826
+ padding: var(--tab-bar-close-padding) !important;
5827
+ border-left: 1px solid var(--core-outline-primary);
5828
+ width: min-content;
5829
+ }
6048
5830
 
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
- }
5831
+ .TabBar-module_xs__QDjV9 {
5832
+ }
6056
5833
 
6057
- .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
6058
- color: var(--tf-placeholder-color);
6059
- }
5834
+ .TabBar-module_s__-EBj2 {
5835
+ }
6060
5836
 
6061
- .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
6062
- color: transparent;
6063
- }
5837
+ .TabBar-module_m__3sCA3 {
5838
+ }
6064
5839
 
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);
5840
+ .TabBar-module_l__hy1rR {
6071
5841
  }
6072
5842
 
6073
- .TextField-module_showPassword__4Ecfo:hover {
6074
- opacity: var(--tf-show-opacity-hover);
6075
- }
5843
+ .TabBar-module_xl__zaASU {
5844
+ }
6076
5845
 
6077
- .TextField-module_clearButton__O9ed3 {
6078
- border: 0;
6079
- background: transparent;
6080
- appearance: none;
6081
- -webkit-appearance: none;
6082
- outline: none;
6083
- cursor: pointer;
5846
+ .TabBar-module_selected__UmBdu {
5847
+ font-weight: 520 !important;
6084
5848
  }
6085
5849
 
6086
- .TextField-module_xs__vyt2t {
5850
+ .flexBox-module_row__z24tF {
5851
+ display: flex;
5852
+ justify-content: center;
5853
+ align-items: center;
5854
+ box-sizing: border-box;
5855
+ padding: 0;
5856
+ margin: 0;
5857
+ }.flexBox-module_rowBetween__5FEvi {
5858
+ display: flex;
5859
+ justify-content: space-between;
5860
+ align-items: center;
5861
+ box-sizing: border-box;
5862
+ padding: 0;
5863
+ margin: 0;
5864
+ }.flexBox-module_rowStart__4tcxS {
5865
+ display: flex;
5866
+ justify-content: flex-start;
5867
+ align-items: center;
5868
+ box-sizing: border-box;
5869
+ padding: 0;
5870
+ margin: 0;
5871
+ }.flexBox-module_rowEnd__rVdVm {
5872
+ display: flex;
5873
+ justify-content: flex-end;
5874
+ align-items: center;
5875
+ box-sizing: border-box;
5876
+ padding: 0;
5877
+ margin: 0;
5878
+ }.flexBox-module_column__ezvMq {
5879
+ display: flex;
5880
+ flex-direction: column;
5881
+ justify-content: center;
5882
+ align-items: center;
5883
+ box-sizing: border-box;
5884
+ padding: 0;
5885
+ margin: 0;
5886
+ }.flexBox-module_columnStart__C7P44 {
5887
+ display: flex;
5888
+ flex-direction: column;
5889
+ justify-content: flex-start;
5890
+ align-items: flex-start;
5891
+ box-sizing: border-box;
5892
+ padding: 0;
5893
+ margin: 0;
5894
+ }.flexBox-module_columnStartCenter__PKcrG {
5895
+ display: flex;
5896
+ flex-direction: column;
5897
+ justify-content: flex-start;
5898
+ align-items: center;
5899
+ box-sizing: border-box;
5900
+ padding: 0;
5901
+ margin: 0;
5902
+ }.flexBox-module_columnBetween__ERfp7 {
5903
+ display: flex;
5904
+ flex-direction: column;
5905
+ justify-content: space-between;
5906
+ align-items: center;
5907
+ box-sizing: border-box;
5908
+ padding: 0;
5909
+ margin: 0;
5910
+ }.flexBox-module_columnEnd__lLJuc {
5911
+ display: flex;
5912
+ flex-direction: column;
5913
+ justify-content: flex-end;
5914
+ align-items: flex-end;
5915
+ box-sizing: border-box;
5916
+ padding: 0;
5917
+ margin: 0;
6087
5918
  }
6088
5919
 
6089
- .TextField-module_s__0qm83 {
5920
+ .ButtonBar-module_wrapper__FYZ3s {
5921
+ border-radius: var(--bb-border-radius);
5922
+ border: var(--bb-border-size) solid var(--bb-border-color);
5923
+ overflow: hidden;
6090
5924
  }
6091
5925
 
6092
- .TextField-module_m__M-tLl {
5926
+ .ButtonBar-module_label__UcAS1 {
5927
+ color: var(--bb-label-color);
5928
+ padding-right: var(--spacing-xs);
6093
5929
  }
6094
5930
 
6095
- .TextField-module_l__gbNRz {
5931
+ .ButtonBar-module_button__bMR3h {
5932
+ height: var(--bb-button-size);
5933
+ width: var(--bb-button-size);
5934
+ min-height: var(--bb-button-size);
5935
+ min-width: var(--bb-button-size);
5936
+ cursor: pointer;
5937
+ background: var(--bb-bg-color);
5938
+ border: 0;
5939
+ border-right: var(--bb-border-size) solid var(--bb-border-color);
5940
+ user-select: none;
5941
+ -webkit-user-select: none;
5942
+ appearance: none;
5943
+ -webkit-appearance: none;
6096
5944
  }
6097
5945
 
6098
- .TextField-module_xl__tp--W {
5946
+ .ButtonBar-module_button__bMR3h:first-child {
5947
+ padding-left: var(--spacing-xs);
5948
+ }
5949
+
5950
+ .ButtonBar-module_button__bMR3h:last-child {
5951
+ border-right: none;
5952
+ padding-right: var(--spacing-xs);
5953
+ }
5954
+
5955
+ .ButtonBar-module_button__bMR3h:hover {
5956
+ background: var(--bb-bg-color-hover);
5957
+ }
5958
+
5959
+ .ButtonBar-module_selected__wKvmi {
5960
+ background: var(--bb-bg-color-active);
5961
+ color: var(--core-link-primary);
6099
5962
  }
6100
5963
 
6101
- .type-module_body-xs-regular__ZAFft {
5964
+ .flexBox-module_row__z24tF {
5965
+ display: flex;
5966
+ justify-content: center;
5967
+ align-items: center;
5968
+ box-sizing: border-box;
5969
+ padding: 0;
5970
+ margin: 0;
5971
+ }.flexBox-module_rowBetween__5FEvi {
5972
+ display: flex;
5973
+ justify-content: space-between;
5974
+ align-items: center;
5975
+ box-sizing: border-box;
5976
+ padding: 0;
5977
+ margin: 0;
5978
+ }.flexBox-module_rowStart__4tcxS {
5979
+ display: flex;
5980
+ justify-content: flex-start;
5981
+ align-items: center;
5982
+ box-sizing: border-box;
5983
+ padding: 0;
5984
+ margin: 0;
5985
+ }.flexBox-module_rowEnd__rVdVm {
5986
+ display: flex;
5987
+ justify-content: flex-end;
5988
+ align-items: center;
5989
+ box-sizing: border-box;
5990
+ padding: 0;
5991
+ margin: 0;
5992
+ }.flexBox-module_column__ezvMq {
5993
+ display: flex;
5994
+ flex-direction: column;
5995
+ justify-content: center;
5996
+ align-items: center;
5997
+ box-sizing: border-box;
5998
+ padding: 0;
5999
+ margin: 0;
6000
+ }.flexBox-module_columnStart__C7P44 {
6001
+ display: flex;
6002
+ flex-direction: column;
6003
+ justify-content: flex-start;
6004
+ align-items: flex-start;
6005
+ box-sizing: border-box;
6006
+ padding: 0;
6007
+ margin: 0;
6008
+ }.flexBox-module_columnStartCenter__PKcrG {
6009
+ display: flex;
6010
+ flex-direction: column;
6011
+ justify-content: flex-start;
6012
+ align-items: center;
6013
+ box-sizing: border-box;
6014
+ padding: 0;
6015
+ margin: 0;
6016
+ }.flexBox-module_columnBetween__ERfp7 {
6017
+ display: flex;
6018
+ flex-direction: column;
6019
+ justify-content: space-between;
6020
+ align-items: center;
6021
+ box-sizing: border-box;
6022
+ padding: 0;
6023
+ margin: 0;
6024
+ }.flexBox-module_columnEnd__lLJuc {
6025
+ display: flex;
6026
+ flex-direction: column;
6027
+ justify-content: flex-end;
6028
+ align-items: flex-end;
6029
+ box-sizing: border-box;
6030
+ padding: 0;
6031
+ margin: 0;
6032
+ }.type-module_body-xs-regular__ZAFft {
6102
6033
  font-family: var(--font-family), sans-serif;
6103
6034
  font-weight: var(--font-weight-regular);
6104
6035
  font-size: var(--font-size-xs);
@@ -6241,46 +6172,51 @@ line {
6241
6172
  letter-spacing: var(--letter-spacing-m);
6242
6173
  }
6243
6174
 
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);
6175
+ .Toast-module_wrapper__1uj9O {
6176
+ padding: var(--toast-padding) !important;
6177
+ color: var(--toast-color);
6178
+ position: var(--toast-position);
6179
+ border: var(--toast-border);
6180
+ border-radius: var(--toast-border-radius);
6181
+ background: var(--toast-background);
6182
+ z-index: var(--elevation-status);
6183
+ gap: 16px;
6184
+ box-shadow: var(--surface-shadow-soft);
6185
+ left: 50%;
6186
+ transform: translateX(-50%);
6254
6187
  }
6255
6188
 
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;
6189
+ .Toast-module_close__i10-s {
6190
+ min-height: 20px;
6191
+ max-height: 20px;
6192
+ min-width: 20px;
6193
+ max-width: 20px;
6263
6194
  cursor: pointer;
6264
- white-space: nowrap;
6265
- appearance: none;
6266
- -webkit-appearance: none;
6267
- background-image: none;
6268
- outline: none;
6269
6195
  }
6270
6196
 
6271
- .Label-module_xs__K9Ai6 {
6197
+ .Toast-module_message__3dP0P {
6198
+ gap: 6px;
6272
6199
  }
6273
6200
 
6274
- .Label-module_s__Zh8Gp {
6201
+ .Toast-module_progress__SWsbA {
6202
+ min-height: 20px;
6203
+ max-height: 20px;
6204
+ min-width: 20px;
6205
+ max-width: 20px;
6275
6206
  }
6276
6207
 
6277
- .Label-module_m__BJtGL {
6208
+ .Toast-module_xs__ptQ-h {
6278
6209
  }
6279
6210
 
6280
- .Label-module_l__t70tt {
6211
+ .Toast-module_s__kc5Ef {
6281
6212
  }
6282
6213
 
6283
- .Label-module_xl__bX0ub {
6214
+ .Toast-module_m__JtmLz {
6215
+ }
6216
+ .Toast-module_l__-W0PD {
6217
+ }
6218
+
6219
+ .Toast-module_xl__j5Zhr {
6284
6220
  }
6285
6221
 
6286
6222
  .flexBox-module_row__z24tF {
@@ -6493,166 +6429,48 @@ line {
6493
6429
  line-height: var(--line-height-xs);
6494
6430
  letter-spacing: var(--letter-spacing-m);
6495
6431
  }
6496
-
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%);
6509
- }
6510
-
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;
6517
- }
6518
-
6519
- .Toast-module_message__3dP0P {
6520
- gap: 6px;
6521
- }
6522
-
6523
- .Toast-module_progress__SWsbA {
6524
- min-height: 20px;
6525
- max-height: 20px;
6526
- min-width: 20px;
6527
- max-width: 20px;
6528
- }
6529
-
6530
- .Toast-module_xs__ptQ-h {
6531
- }
6532
-
6533
- .Toast-module_s__kc5Ef {
6534
- }
6535
-
6536
- .Toast-module_m__JtmLz {
6537
- }
6538
- .Toast-module_l__-W0PD {
6539
- }
6540
-
6541
- .Toast-module_xl__j5Zhr {
6432
+ .Chip-module_chip__0nys- {
6433
+ padding: var(--ui-chip-padding) !important;
6434
+ width: min-content;
6435
+ min-height: 30px;
6436
+ gap: var(--ui-chip-gap);
6437
+ background: var(--ui-chip-bg-color);
6438
+ line-height: 1em;
6439
+ color: var(--ui-chip-label-color);
6440
+ border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
6441
+ border-radius: var(--ui-chip-border-radius);
6442
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
6443
+ cursor: var(--ui-chip-cursor);
6444
+ white-space: nowrap;
6445
+ user-select: none;
6446
+ -webkit-user-select: none;
6542
6447
  }
6448
+ .Chip-module_chip__0nys-:hover {
6449
+ border-color: var(--ui-chip-border-color-hover);
6450
+ background: var(--ui-chip-bg-color-hover);
6451
+ color: var(--ui-chip-label-color-hover);
6452
+ }
6543
6453
 
6544
- .flexBox-module_row__z24tF {
6545
- display: flex;
6546
- justify-content: center;
6547
- align-items: center;
6548
- box-sizing: border-box;
6549
- padding: 0;
6550
- margin: 0;
6551
- }.flexBox-module_rowBetween__5FEvi {
6552
- display: flex;
6553
- justify-content: space-between;
6554
- align-items: center;
6555
- box-sizing: border-box;
6556
- padding: 0;
6557
- margin: 0;
6558
- }.flexBox-module_rowStart__4tcxS {
6559
- display: flex;
6560
- justify-content: flex-start;
6561
- align-items: center;
6562
- box-sizing: border-box;
6563
- padding: 0;
6564
- margin: 0;
6565
- }.flexBox-module_rowEnd__rVdVm {
6566
- display: flex;
6567
- justify-content: flex-end;
6568
- align-items: center;
6569
- box-sizing: border-box;
6570
- padding: 0;
6571
- margin: 0;
6572
- }.flexBox-module_column__ezvMq {
6573
- display: flex;
6574
- flex-direction: column;
6575
- justify-content: center;
6576
- align-items: center;
6577
- box-sizing: border-box;
6578
- padding: 0;
6579
- margin: 0;
6580
- }.flexBox-module_columnStart__C7P44 {
6581
- display: flex;
6582
- flex-direction: column;
6583
- justify-content: flex-start;
6584
- align-items: flex-start;
6585
- box-sizing: border-box;
6586
- padding: 0;
6587
- margin: 0;
6588
- }.flexBox-module_columnStartCenter__PKcrG {
6589
- display: flex;
6590
- flex-direction: column;
6591
- justify-content: flex-start;
6592
- align-items: center;
6593
- box-sizing: border-box;
6594
- padding: 0;
6595
- margin: 0;
6596
- }.flexBox-module_columnBetween__ERfp7 {
6597
- display: flex;
6598
- flex-direction: column;
6599
- justify-content: space-between;
6600
- align-items: center;
6601
- box-sizing: border-box;
6602
- padding: 0;
6603
- margin: 0;
6604
- }.flexBox-module_columnEnd__lLJuc {
6605
- display: flex;
6606
- flex-direction: column;
6607
- justify-content: flex-end;
6608
- align-items: flex-end;
6609
- box-sizing: border-box;
6610
- padding: 0;
6611
- margin: 0;
6454
+ .Chip-module_icon__dtR-K {
6455
+ height: var(--ui-chip-icon-size);
6456
+ min-height: var(--ui-chip-icon-size);
6457
+ width: var(--ui-chip-icon-size);
6458
+ min-width: var(--ui-chip-icon-size);
6612
6459
  }
6613
6460
 
6614
- .ButtonBar-module_wrapper__FYZ3s {
6615
- border-radius: var(--bb-border-radius);
6616
- border: var(--bb-border-size) solid var(--bb-border-color);
6617
- overflow: hidden;
6461
+ .Chip-module_xs__s-KNG {
6618
6462
  }
6619
6463
 
6620
- .ButtonBar-module_label__UcAS1 {
6621
- color: var(--bb-label-color);
6622
- padding-right: 4px;
6464
+ .Chip-module_s__2KTXi {
6623
6465
  }
6624
6466
 
6625
- .ButtonBar-module_button__bMR3h {
6626
- height: var(--bb-button-size);
6627
- width: var(--bb-button-size);
6628
- min-height: var(--bb-button-size);
6629
- min-width: var(--bb-button-size);
6630
- cursor: pointer;
6631
- background: var(--bb-bg-color);
6632
- border: 0;
6633
- border-right: var(--bb-border-size) solid var(--bb-border-color);
6634
- user-select: none;
6635
- -webkit-user-select: none;
6636
- appearance: none;
6637
- -webkit-appearance: none;
6467
+ .Chip-module_m__l2u3N {
6638
6468
  }
6639
6469
 
6640
- .ButtonBar-module_button__bMR3h:first-child {
6641
- padding-left: 4px;
6642
- }
6643
-
6644
- .ButtonBar-module_button__bMR3h:last-child {
6645
- border-right: none;
6646
- padding-right: 4px;
6647
- }
6648
-
6649
- .ButtonBar-module_button__bMR3h:hover {
6650
- background: var(--bb-bg-color-hover);
6651
- }
6470
+ .Chip-module_l__3MqPN {
6471
+ }
6652
6472
 
6653
- .ButtonBar-module_selected__wKvmi {
6654
- background: var(--bb-bg-color-active);
6655
- color: var(--core-link-primary);
6473
+ .Chip-module_xl__iJX-F {
6656
6474
  }
6657
6475
 
6658
6476
  .type-module_body-xs-regular__ZAFft {
@@ -6825,13 +6643,13 @@ line {
6825
6643
 
6826
6644
  &::-webkit-scrollbar-thumb {
6827
6645
  background-color: var(--scrollbar-thumb);
6828
- border-radius: 20px;
6646
+ border-radius: var(--corner-round);
6829
6647
  border: 1px solid var(--scrollbar-bg);
6830
6648
  }
6831
6649
 
6832
6650
  &::-webkit-scrollbar-thumb:hover {
6833
6651
  background-color: var(--scrollbar-thumb-hover);
6834
- border-radius: 20px;
6652
+ border-radius: var(--corner-round);
6835
6653
  border: 1px solid var(--scrollbar-bg);
6836
6654
  }
6837
6655
 
@@ -7264,7 +7082,7 @@ line {
7264
7082
  }
7265
7083
 
7266
7084
  .UploadArea-module_files__Q796x {
7267
- margin-top: 16px !important;
7085
+ margin-top: var(--spacing-m) !important;
7268
7086
  width: 100%;
7269
7087
  }
7270
7088
 
@@ -7283,6 +7101,191 @@ line {
7283
7101
  .UploadArea-module_xl__xmTtW {
7284
7102
  }
7285
7103
 
7104
+ .type-module_body-xs-regular__ZAFft {
7105
+ font-family: var(--font-family), sans-serif;
7106
+ font-weight: var(--font-weight-regular);
7107
+ font-size: var(--font-size-xs);
7108
+ line-height: var(--line-height-m);
7109
+ text-decoration: none;
7110
+ letter-spacing: var(--letter-spacing-m);
7111
+ }.type-module_body-xs-medium__s3KvF {
7112
+ font-family: var(--font-family), sans-serif;
7113
+ font-weight: var(--font-weight-medium);
7114
+ font-size: var(--font-size-xs);
7115
+ line-height: var(--line-height-m);
7116
+ text-decoration: none;
7117
+ letter-spacing: var(--letter-spacing-m);
7118
+ }.type-module_body-xs-bold__Lhqqq {
7119
+ font-family: var(--font-family), sans-serif;
7120
+ font-weight: var(--font-weight-bold);
7121
+ font-size: var(--font-size-xs);
7122
+ line-height: var(--line-height-m);
7123
+ text-decoration: none;
7124
+ letter-spacing: var(--letter-spacing-l);
7125
+ }.type-module_body-s-regular__vRHSP {
7126
+ font-family: var(--font-family), sans-serif;
7127
+ font-weight: var(--font-weight-regular);
7128
+ font-size: var(--font-size-s);
7129
+ line-height: var(--line-height-xl);
7130
+ text-decoration: none;
7131
+ letter-spacing: var(--letter-spacing-s);
7132
+ }.type-module_body-s-medium__tjdFc {
7133
+ font-family: var(--font-family), sans-serif;
7134
+ font-weight: var(--font-weight-medium);
7135
+ font-size: var(--font-size-s);
7136
+ line-height: var(--line-height-xl);
7137
+ text-decoration: none;
7138
+ letter-spacing: var(--letter-spacing-s);
7139
+ }.type-module_body-s-bold__Iy-VX {
7140
+ font-family: var(--font-family), sans-serif;
7141
+ font-weight: var(--font-weight-bold);
7142
+ font-size: var(--font-size-s);
7143
+ line-height: var(--line-height-xl);
7144
+ text-decoration: none;
7145
+ letter-spacing: var(--letter-spacing-m);
7146
+ }.type-module_body-m-regular__LuQBA {
7147
+ font-family: var(--font-family), sans-serif;
7148
+ font-weight: var(--font-weight-regular);
7149
+ font-size: var(--font-size-m);
7150
+ line-height: var(--line-height-l);
7151
+ text-decoration: none;
7152
+ letter-spacing: var(--letter-spacing-s);
7153
+ }.type-module_body-m-medium__uW1on {
7154
+ font-family: var(--font-family), sans-serif;
7155
+ font-weight: var(--font-weight-medium);
7156
+ font-size: var(--font-size-m);
7157
+ line-height: var(--line-height-l);
7158
+ text-decoration: none;
7159
+ letter-spacing: var(--letter-spacing-s);
7160
+ }.type-module_body-m-bold__UBcvQ {
7161
+ font-family: var(--font-family), sans-serif;
7162
+ font-weight: var(--font-weight-bold);
7163
+ font-size: var(--font-size-m);
7164
+ line-height: var(--line-height-l);
7165
+ text-decoration: none;
7166
+ letter-spacing: var(--letter-spacing-m);
7167
+ }.type-module_body-l-regular__lOYbg {
7168
+ font-family: var(--font-family), sans-serif;
7169
+ font-weight: var(--font-weight-regular);
7170
+ font-size: var(--font-size-l);
7171
+ line-height: var(--line-height-xxl);
7172
+ text-decoration: none;
7173
+ letter-spacing: var(--letter-spacing-xs);
7174
+ }.type-module_body-l-medium__BqRC7 {
7175
+ font-family: var(--font-family), sans-serif;
7176
+ font-weight: var(--font-weight-medium);
7177
+ font-size: var(--font-size-l);
7178
+ line-height: var(--line-height-xxl);
7179
+ text-decoration: none;
7180
+ letter-spacing: var(--letter-spacing-xs);
7181
+ }.type-module_body-l-bold__Fh2dt {
7182
+ font-family: var(--font-family), sans-serif;
7183
+ font-weight: var(--font-weight-bold);
7184
+ font-size: var(--font-size-l);
7185
+ line-height: var(--line-height-xxl);
7186
+ text-decoration: none;
7187
+ letter-spacing: var(--letter-spacing-s);
7188
+ }.type-module_body-xl-regular__pF2kC {
7189
+ font-family: var(--font-family), sans-serif;
7190
+ font-weight: var(--font-weight-regular);
7191
+ font-size: var(--font-size-xl);
7192
+ line-height: var(--line-height-xxl);
7193
+ text-decoration: none;
7194
+ letter-spacing: var(--letter-spacing-xs);
7195
+ }.type-module_body-xl-medium__BeyrH {
7196
+ font-family: var(--font-family), sans-serif;
7197
+ font-weight: var(--font-weight-medium);
7198
+ font-size: var(--font-size-xl);
7199
+ line-height: var(--line-height-xxl);
7200
+ text-decoration: none;
7201
+ letter-spacing: var(--letter-spacing-xs);
7202
+ }.type-module_body-xl-bold__Ruknj {
7203
+ font-family: var(--font-family), sans-serif;
7204
+ font-weight: var(--font-weight-bold);
7205
+ font-size: var(--font-size-xl);
7206
+ line-height: var(--line-height-xxl);
7207
+ text-decoration: none;
7208
+ letter-spacing: var(--letter-spacing-s);
7209
+ }.type-module_h1__ikDt5 {
7210
+ font-family: var(--font-family), sans-serif;
7211
+ font-weight: var(--font-weight-extra);
7212
+ font-size: var(--font-size-h1);
7213
+ line-height: var(--line-height-xs);
7214
+ letter-spacing: var(--letter-spacing-m);
7215
+ }.type-module_h2__bSCvt {
7216
+ font-family: var(--font-family), sans-serif;
7217
+ font-weight: var(--font-weight-extra);
7218
+ font-size: var(--font-size-h2);
7219
+ line-height: var(--line-height-xs);
7220
+ letter-spacing: var(--letter-spacing-m);
7221
+ }.type-module_h3__8gHoN {
7222
+ font-family: var(--font-family), sans-serif;
7223
+ font-weight: var(--font-weight-extra);
7224
+ font-size: var(--font-size-h3);
7225
+ line-height: var(--line-height-xs);
7226
+ letter-spacing: var(--letter-spacing-m);
7227
+ }.type-module_h4__EVAd2 {
7228
+ font-family: var(--font-family), sans-serif;
7229
+ font-weight: var(--font-weight-extra);
7230
+ font-size: var(--font-size-h4);
7231
+ line-height: var(--line-height-xs);
7232
+ letter-spacing: var(--letter-spacing-m);
7233
+ }.type-module_h5__92r22 {
7234
+ font-family: var(--font-family), sans-serif;
7235
+ font-weight: var(--font-weight-extra);
7236
+ font-size: var(--font-size-h5);
7237
+ line-height: var(--line-height-xs);
7238
+ letter-spacing: var(--letter-spacing-m);
7239
+ }.type-module_h6__sshOw {
7240
+ font-family: var(--font-family), sans-serif;
7241
+ font-weight: var(--font-weight-extra);
7242
+ font-size: var(--font-size-h6);
7243
+ line-height: var(--line-height-xs);
7244
+ letter-spacing: var(--letter-spacing-m);
7245
+ }
7246
+
7247
+ .Label-module_label__RaRvM {
7248
+ line-height: 1em;
7249
+ white-space: nowrap;
7250
+ padding: var(--label-padding) !important;
7251
+ width: min-content;
7252
+ color: var(--label-color);
7253
+ border-radius: var(--label-border-radius);
7254
+ border: var(--label-border-size) solid var(--label-border-color);
7255
+ cursor: default;
7256
+ background: var(--label-bg-color);
7257
+ }
7258
+
7259
+ .Label-module_button__N8bcQ {
7260
+ display: inline-flex !important;
7261
+ background: var(--label-bg-color);
7262
+ color: var(--label-color);
7263
+ border-radius: var(--label-border-radius);
7264
+ border: var(--label-border-size) solid var(--label-border-color);
7265
+ width: min-content;
7266
+ cursor: pointer;
7267
+ white-space: nowrap;
7268
+ appearance: none;
7269
+ -webkit-appearance: none;
7270
+ background-image: none;
7271
+ outline: none;
7272
+ }
7273
+
7274
+ .Label-module_xs__K9Ai6 {
7275
+ }
7276
+
7277
+ .Label-module_s__Zh8Gp {
7278
+ }
7279
+
7280
+ .Label-module_m__BJtGL {
7281
+ }
7282
+
7283
+ .Label-module_l__t70tt {
7284
+ }
7285
+
7286
+ .Label-module_xl__bX0ub {
7287
+ }
7288
+
7286
7289
  .flexBox-module_row__z24tF {
7287
7290
  display: flex;
7288
7291
  justify-content: center;
@@ -7507,7 +7510,11 @@ line {
7507
7510
 
7508
7511
  .FileList-module_file__61dkh {
7509
7512
  position: relative;
7510
- padding: var(--file-padding) !important;
7513
+ padding: var(
7514
+ --file-padding,
7515
+ var(--file-row-vertical, var(--spacing-xs)) var(--file-row-right) var(--file-row-vertical, var(--spacing-xs))
7516
+ calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))
7517
+ ) !important;
7511
7518
  border: 1px solid var(--file-border-color);
7512
7519
  border-radius: var(--corner-xs);
7513
7520
  overflow: hidden;
@@ -7569,7 +7576,7 @@ line {
7569
7576
  }
7570
7577
 
7571
7578
  .FileList-module_icon__JR0HE {
7572
- margin-left: 4px !important;
7579
+ margin-left: var(--spacing-xs) !important;
7573
7580
  min-width: 20px;
7574
7581
  min-height: 20px;
7575
7582
  max-width: 20px;
@@ -7663,21 +7670,27 @@ line {
7663
7670
  margin: 0;
7664
7671
  }
7665
7672
 
7666
- .DoneCheck-module_wrapper__AlISD {
7667
- height: var(--icon-height);
7668
- max-height: var(--icon-height);
7669
- width: var(--icon-width);
7670
- max-width: var(--icon-width);
7671
- overflow: visible;
7673
+ .ProgressIndicator-module_container__pW2gW {
7674
+ display: var(--pi-display) !important;
7675
+ position: var(--pi-position);
7676
+ top: var(--pi-inset);
7677
+ bottom: var(--pi-inset);
7678
+ left: var(--pi-inset);
7679
+ right: var(--pi-inset);
7680
+ color: var(--core-text-disabled);
7681
+ z-index: var(--elevation-status);
7672
7682
  }
7673
7683
 
7674
- .DoneCheck-module_icon__bKaFp {
7675
- height: var(--icon-height);
7676
- max-height: var(--icon-height);
7677
- width: var(--icon-width);
7678
- max-width: var(--icon-width);
7679
- scale: var(--icon-scale);
7680
- transition: var(--icon-transition);
7684
+ .ProgressIndicator-module_iconWrapper__puIt4 {
7685
+ min-width: var(--pi-icon-size);
7686
+ max-width: var(--pi-icon-size);
7687
+ max-height: var(--pi-icon-size);
7688
+ min-height: var(--pi-icon-size);
7689
+ height: var(--pi-icon-size);
7690
+ width: var(--pi-icon-size);
7691
+ padding: 0;
7692
+ background: none;
7693
+ border-radius: 100%;
7681
7694
  }
7682
7695
 
7683
7696
  .flexBox-module_row__z24tF {
@@ -7750,27 +7763,21 @@ line {
7750
7763
  margin: 0;
7751
7764
  }
7752
7765
 
7753
- .ProgressIndicator-module_container__pW2gW {
7754
- display: var(--pi-display) !important;
7755
- position: var(--pi-position);
7756
- top: var(--pi-inset);
7757
- bottom: var(--pi-inset);
7758
- left: var(--pi-inset);
7759
- right: var(--pi-inset);
7760
- color: var(--core-text-disabled);
7761
- z-index: var(--elevation-status);
7766
+ .DoneCheck-module_wrapper__AlISD {
7767
+ height: var(--icon-height);
7768
+ max-height: var(--icon-height);
7769
+ width: var(--icon-width);
7770
+ max-width: var(--icon-width);
7771
+ overflow: visible;
7762
7772
  }
7763
7773
 
7764
- .ProgressIndicator-module_iconWrapper__puIt4 {
7765
- min-width: var(--pi-icon-size);
7766
- max-width: var(--pi-icon-size);
7767
- max-height: var(--pi-icon-size);
7768
- min-height: var(--pi-icon-size);
7769
- height: var(--pi-icon-size);
7770
- width: var(--pi-icon-size);
7771
- padding: 0;
7772
- background: none;
7773
- border-radius: 100%;
7774
+ .DoneCheck-module_icon__bKaFp {
7775
+ height: var(--icon-height);
7776
+ max-height: var(--icon-height);
7777
+ width: var(--icon-width);
7778
+ max-width: var(--icon-width);
7779
+ scale: var(--icon-scale);
7780
+ transition: var(--icon-transition);
7774
7781
  }
7775
7782
 
7776
7783
  /* Core brand colors (un-themed) */
@@ -8592,6 +8599,16 @@ line {
8592
8599
  --motion-water-duration: 0.25s;
8593
8600
  --motion-spring-duration: 1s;
8594
8601
  }
8602
+ [data-slice-theme-scope] {
8603
+ --spacing-xxs: 2px; /* padding sizes on smaller components */
8604
+ --spacing-xs: 4px; /* padding sizes on smaller components */
8605
+ --spacing-s: 8px;
8606
+ --spacing-m: 16px;
8607
+ --spacing-l: 24px;
8608
+ --spacing-xl: 32px;
8609
+ --spacing-xxl: 64px;
8610
+ --spacing-h: 128px;
8611
+ }
8595
8612
  .slice-global-body {
8596
8613
  /* apply themed background color */
8597
8614
  background-color: var(--core-surface-primary);