@jobber/components 5.20.7 → 5.20.8-JOB-101907.27

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 (575) hide show
  1. package/ThemeContext.d.ts +1 -0
  2. package/ThemeContext.js +17 -0
  3. package/dist/AnimatedPresence/index.cjs +1 -1
  4. package/dist/AnimatedPresence/index.mjs +1 -1
  5. package/dist/AnimatedSwitcher/index.cjs +2 -2
  6. package/dist/AnimatedSwitcher/index.mjs +2 -2
  7. package/dist/{AnimatedSwitcher-BgCS1S41.js → AnimatedSwitcher-DPh2dqnJ.js} +1 -1
  8. package/dist/{AnimatedSwitcher-DANvnRKS.js → AnimatedSwitcher-OzpffYuG.js} +1 -1
  9. package/dist/AtlantisContext/index.cjs +1 -1
  10. package/dist/AtlantisContext/index.mjs +1 -1
  11. package/dist/Autocomplete/index.cjs +19 -19
  12. package/dist/Autocomplete/index.mjs +19 -19
  13. package/dist/{Autocomplete-DrlLJzAI.js → Autocomplete-3bM1E_KO.js} +41 -12
  14. package/dist/{Autocomplete-C5Rolr3b.js → Autocomplete-7BjlXL0r.js} +42 -13
  15. package/dist/Avatar/index.cjs +2 -2
  16. package/dist/Avatar/index.mjs +2 -2
  17. package/dist/{Avatar-DBqahQ_x.js → Avatar-C21woMAr.js} +2 -2
  18. package/dist/{Avatar-CO01TIh-.js → Avatar-Dz42wSx-.js} +2 -2
  19. package/dist/Banner/components/BannerIcon/index.cjs +2 -2
  20. package/dist/Banner/components/BannerIcon/index.mjs +2 -2
  21. package/dist/Banner/index.cjs +13 -13
  22. package/dist/Banner/index.mjs +13 -13
  23. package/dist/{Banner-BnMr5DVI.js → Banner-BONDYV3g.js} +5 -5
  24. package/dist/{Banner-7t60NWq3.js → Banner-BsDjBooD.js} +5 -5
  25. package/dist/{BannerIcon-C-hcHQFp.js → BannerIcon-3gPfui48.js} +3 -3
  26. package/dist/{BannerIcon-rW_Np0P4.js → BannerIcon-jVtHJ0zZ.js} +3 -3
  27. package/dist/{Body-ClbGBZA8.js → Body-3j1EePvn.js} +2 -2
  28. package/dist/{Body-DduJqD6d.js → Body-CkuyFYz9.js} +2 -2
  29. package/dist/Box/index.cjs +2 -2
  30. package/dist/Box/index.mjs +2 -2
  31. package/dist/{Box-Dwt-YIGd.js → Box-D3h87bGL.js} +8 -8
  32. package/dist/{Box-Hw_E7Er8.js → Box-Dq_HIwDd.js} +8 -8
  33. package/dist/Button/index.cjs +3 -3
  34. package/dist/Button/index.mjs +3 -3
  35. package/dist/{Button-Dz9Txb9H.js → Button-CQQ3YKPV.js} +3 -3
  36. package/dist/{Button-B6opn1hr.js → Button-DaMX5Km4.js} +3 -3
  37. package/dist/ButtonDismiss/index.cjs +4 -4
  38. package/dist/ButtonDismiss/index.mjs +4 -4
  39. package/dist/{ButtonDismiss-CmeL0Ikq.js → ButtonDismiss-DZeRqf_q.js} +1 -1
  40. package/dist/{ButtonDismiss-BX-PQNvt.js → ButtonDismiss-rQED0XFt.js} +1 -1
  41. package/dist/Card/index.cjs +12 -12
  42. package/dist/Card/index.mjs +12 -12
  43. package/dist/{Card-HPR8a7eo.js → Card-B-srReVA.js} +5 -5
  44. package/dist/{Card-Bv6KFgN_.js → Card-DvVWrJiJ.js} +5 -5
  45. package/dist/Checkbox/index.cjs +5 -5
  46. package/dist/Checkbox/index.mjs +5 -5
  47. package/dist/{Checkbox-D8Ggu0cg.js → Checkbox-DPY5Xslc.js} +4 -4
  48. package/dist/{Checkbox-B0RtZI6S.js → Checkbox-GMRN5BFf.js} +4 -4
  49. package/dist/Chip/components/ChipSuffix/Chip.Suffix.d.ts +5 -2
  50. package/dist/Chip/hooks/index.cjs +1 -1
  51. package/dist/Chip/hooks/index.mjs +1 -1
  52. package/dist/Chip/index.cjs +11 -11
  53. package/dist/Chip/index.mjs +11 -11
  54. package/dist/{Chip-Cq0GhXau.js → Chip-C0pYcddV.js} +17 -9
  55. package/dist/{Chip-uSJabziM.js → Chip-CbLnEVOP.js} +17 -9
  56. package/dist/{ChipDismissible-C0uQA_0y.js → ChipDismissible-DAZ-_TjT.js} +3 -3
  57. package/dist/{ChipDismissible-DZfqA_BH.js → ChipDismissible-xHAz8KIr.js} +3 -3
  58. package/dist/Chips/InternalChipDismissible/hooks/index.cjs +15 -10
  59. package/dist/Chips/InternalChipDismissible/hooks/index.mjs +15 -10
  60. package/dist/Chips/InternalChipDismissible/index.cjs +26 -21
  61. package/dist/Chips/InternalChipDismissible/index.mjs +26 -21
  62. package/dist/Chips/index.cjs +27 -22
  63. package/dist/Chips/index.mjs +27 -22
  64. package/dist/{Chips-BebdWoA_.js → Chips-CNqmLhw-.js} +2 -2
  65. package/dist/{Chips-DzWllEvD.js → Chips-Cr0Gh1SR.js} +2 -2
  66. package/dist/Combobox/components/ComboboxAction/index.cjs +4 -4
  67. package/dist/Combobox/components/ComboboxAction/index.mjs +4 -4
  68. package/dist/Combobox/components/ComboboxActivator/index.cjs +13 -13
  69. package/dist/Combobox/components/ComboboxActivator/index.mjs +13 -13
  70. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.cjs +4 -4
  71. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.mjs +4 -4
  72. package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.cjs +14 -14
  73. package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.mjs +14 -14
  74. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.cjs +2 -2
  75. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.mjs +2 -2
  76. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs +2 -2
  77. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs +2 -2
  78. package/dist/Combobox/components/ComboboxContent/index.cjs +21 -21
  79. package/dist/Combobox/components/ComboboxContent/index.mjs +21 -21
  80. package/dist/Combobox/components/ComboboxOption/index.cjs +5 -5
  81. package/dist/Combobox/components/ComboboxOption/index.mjs +5 -5
  82. package/dist/Combobox/components/ComboboxTrigger/index.cjs +12 -12
  83. package/dist/Combobox/components/ComboboxTrigger/index.mjs +12 -12
  84. package/dist/Combobox/index.cjs +38 -38
  85. package/dist/Combobox/index.mjs +38 -38
  86. package/dist/{Combobox-LviNVFH4.js → Combobox-BfhB28Xw.js} +10 -10
  87. package/dist/{Combobox-Bdu_U5AW.js → Combobox-CDl96h_s.js} +10 -10
  88. package/dist/{ComboboxAction-CtgDfqt6.js → ComboboxAction-C08wRz9y.js} +3 -3
  89. package/dist/{ComboboxAction-BnO8m7FI.js → ComboboxAction-c_JD-zD5.js} +3 -3
  90. package/dist/{ComboboxActivator-CUjbbZ88.js → ComboboxActivator-Cylg1UoW.js} +4 -4
  91. package/dist/{ComboboxActivator-Ci4poLRU.js → ComboboxActivator-DSVDoB6c.js} +4 -4
  92. package/dist/{ComboboxContent-D2Hiz32q.js → ComboboxContent-3a0Jj12e.js} +8 -8
  93. package/dist/{ComboboxContent-q4HY0KKW.js → ComboboxContent-B4QwqHfq.js} +8 -8
  94. package/dist/{ComboboxContentHeader-C8aC4w_i.js → ComboboxContentHeader-Ds3N_IQ8.js} +3 -3
  95. package/dist/{ComboboxContentHeader-DC0FV4xG.js → ComboboxContentHeader-QdeCvhuq.js} +3 -3
  96. package/dist/{ComboboxContentList-F_ijf-fY.js → ComboboxContentList-Cxk2kDw5.js} +7 -7
  97. package/dist/{ComboboxContentList-vg3DON99.js → ComboboxContentList-Dp-LW6_P.js} +7 -7
  98. package/dist/{ComboboxContentSearch-BnMzWvLH.js → ComboboxContentSearch-D1w1fCHg.js} +2 -2
  99. package/dist/{ComboboxContentSearch-CYLUeVOQ.js → ComboboxContentSearch-L0r9qv6m.js} +2 -2
  100. package/dist/{ComboboxLoadMore-DZ0gIlko.js → ComboboxLoadMore-DZN3_KGi.js} +2 -2
  101. package/dist/{ComboboxLoadMore-CKxwdvaU.js → ComboboxLoadMore-wVLxQdek.js} +2 -2
  102. package/dist/{ComboboxOption-CgKHPlpL.js → ComboboxOption--CQJ03z6.js} +4 -4
  103. package/dist/{ComboboxOption-DYlLrOFm.js → ComboboxOption-Bl4bdqQf.js} +4 -4
  104. package/dist/{ComboboxProvider-CUmnnWYs.js → ComboboxProvider-BHCsHGXe.js} +1 -1
  105. package/dist/{ComboboxProvider-CcJiInsj.js → ComboboxProvider-Cn6x5lBd.js} +1 -1
  106. package/dist/{ComboboxTrigger-DIEYlBO-.js → ComboboxTrigger-jYhUf43d.js} +4 -4
  107. package/dist/{ComboboxTrigger-BHsQsfRv.js → ComboboxTrigger-kSxZi0VK.js} +4 -4
  108. package/dist/ConfirmationModal/index.cjs +17 -17
  109. package/dist/ConfirmationModal/index.mjs +17 -17
  110. package/dist/{ConfirmationModal-5FPgBnod.js → ConfirmationModal-CBIRWi_x.js} +4 -4
  111. package/dist/{ConfirmationModal-CrzNxOqB.js → ConfirmationModal-CsOj_F6S.js} +4 -4
  112. package/dist/Content/index.cjs +1 -1
  113. package/dist/Content/index.mjs +1 -1
  114. package/dist/{Content-BAUhpPe9.js → Content-BgNibLpZ.js} +2 -2
  115. package/dist/{Content-DcWPKwOu.js → Content-Bgqj461a.js} +2 -2
  116. package/dist/Countdown/index.cjs +3 -3
  117. package/dist/Countdown/index.mjs +3 -3
  118. package/dist/{Countdown-BxtIHdlM.js → Countdown-CrgG8Ruo.js} +1 -1
  119. package/dist/{Countdown-Cbg_Py5M.js → Countdown-DWwBrKdh.js} +1 -1
  120. package/dist/DataDump/index.cjs +15 -15
  121. package/dist/DataDump/index.mjs +15 -15
  122. package/dist/{DataDump-Bz5Onn8q.js → DataDump-BCdryrwl.js} +3 -3
  123. package/dist/{DataDump-1NWa6LEr.js → DataDump-Bh-LkjWT.js} +3 -3
  124. package/dist/DataList/components/DataListAction/index.cjs +4 -4
  125. package/dist/DataList/components/DataListAction/index.mjs +4 -4
  126. package/dist/DataList/components/DataListActions/index.cjs +30 -29
  127. package/dist/DataList/components/DataListActions/index.mjs +30 -29
  128. package/dist/DataList/components/DataListActionsMenu/index.cjs +7 -7
  129. package/dist/DataList/components/DataListActionsMenu/index.mjs +7 -7
  130. package/dist/DataList/components/DataListBulkActions/index.cjs +32 -31
  131. package/dist/DataList/components/DataListBulkActions/index.mjs +32 -31
  132. package/dist/DataList/components/DataListEmptyState/index.cjs +9 -9
  133. package/dist/DataList/components/DataListEmptyState/index.mjs +9 -9
  134. package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +40 -40
  135. package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +40 -40
  136. package/dist/DataList/components/DataListFilters/index.cjs +53 -52
  137. package/dist/DataList/components/DataListFilters/index.mjs +53 -52
  138. package/dist/DataList/components/DataListHeader/index.cjs +39 -38
  139. package/dist/DataList/components/DataListHeader/index.mjs +39 -38
  140. package/dist/DataList/components/DataListHeaderTile/components/index.cjs +4 -4
  141. package/dist/DataList/components/DataListHeaderTile/components/index.mjs +4 -4
  142. package/dist/DataList/components/DataListHeaderTile/index.cjs +11 -11
  143. package/dist/DataList/components/DataListHeaderTile/index.mjs +11 -11
  144. package/dist/DataList/components/DataListItem/components/DataListItemClickable/index.cjs +6 -6
  145. package/dist/DataList/components/DataListItem/components/DataListItemClickable/index.mjs +6 -6
  146. package/dist/DataList/components/DataListItem/index.cjs +38 -37
  147. package/dist/DataList/components/DataListItem/index.mjs +38 -37
  148. package/dist/DataList/components/DataListItemActions/index.cjs +31 -30
  149. package/dist/DataList/components/DataListItemActions/index.mjs +31 -30
  150. package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +12 -12
  151. package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +12 -12
  152. package/dist/DataList/components/DataListItems/index.cjs +39 -38
  153. package/dist/DataList/components/DataListItems/index.mjs +39 -38
  154. package/dist/DataList/components/DataListLayout/index.cjs +42 -41
  155. package/dist/DataList/components/DataListLayout/index.mjs +42 -41
  156. package/dist/DataList/components/DataListLayoutActions/DataListLayoutContext/index.cjs +1 -1
  157. package/dist/DataList/components/DataListLayoutActions/DataListLayoutContext/index.mjs +1 -1
  158. package/dist/DataList/components/DataListLayoutActions/index.cjs +20 -20
  159. package/dist/DataList/components/DataListLayoutActions/index.mjs +20 -20
  160. package/dist/DataList/components/DataListLoadMore/index.cjs +10 -10
  161. package/dist/DataList/components/DataListLoadMore/index.mjs +10 -10
  162. package/dist/DataList/components/DataListLoadingState/index.cjs +10 -10
  163. package/dist/DataList/components/DataListLoadingState/index.mjs +10 -10
  164. package/dist/DataList/components/DataListOverflowFade/index.cjs +2 -2
  165. package/dist/DataList/components/DataListOverflowFade/index.mjs +2 -2
  166. package/dist/DataList/components/DataListSearch/index.cjs +20 -20
  167. package/dist/DataList/components/DataListSearch/index.mjs +20 -20
  168. package/dist/DataList/components/DataListStatusBar/index.cjs +21 -20
  169. package/dist/DataList/components/DataListStatusBar/index.mjs +21 -20
  170. package/dist/DataList/components/DataListStickyHeader/index.cjs +2 -2
  171. package/dist/DataList/components/DataListStickyHeader/index.mjs +2 -2
  172. package/dist/DataList/components/DataListTags/index.cjs +4 -4
  173. package/dist/DataList/components/DataListTags/index.mjs +4 -4
  174. package/dist/DataList/components/DataListTotalCount/index.cjs +6 -6
  175. package/dist/DataList/components/DataListTotalCount/index.mjs +6 -6
  176. package/dist/DataList/context/DataListContext/index.cjs +3 -3
  177. package/dist/DataList/context/DataListContext/index.mjs +3 -3
  178. package/dist/DataList/context/DataListLayoutContext/index.cjs +3 -3
  179. package/dist/DataList/context/DataListLayoutContext/index.mjs +3 -3
  180. package/dist/DataList/index.cjs +84 -83
  181. package/dist/DataList/index.mjs +84 -83
  182. package/dist/{DataList-DFd_H8VI.js → DataList-B-AtiWBj.js} +1 -1
  183. package/dist/{DataList-twEwXWv6.js → DataList-Ctx2tP8A.js} +21 -21
  184. package/dist/{DataList-DA-Ro9wq.js → DataList-Z93WF-mi.js} +21 -21
  185. package/dist/{DataList-Ds4KjaH5.js → DataList-baWftDJr.js} +1 -1
  186. package/dist/{DataList.utils-DEYzxoEI.js → DataList.utils-B3vBIvUA.js} +15 -14
  187. package/dist/{DataList.utils-BfCYHQeA.js → DataList.utils-Dno_vyUE.js} +9 -8
  188. package/dist/{DataListAction-Dnq2bgyo.js → DataListAction-BacO9p8I.js} +4 -4
  189. package/dist/{DataListAction-CIKWGpfz.js → DataListAction-CHCSrIhU.js} +4 -4
  190. package/dist/{DataListActions-BYetfL-7.js → DataListActions-B7p1iSvN.js} +6 -6
  191. package/dist/{DataListActions-D4HZOZJz.js → DataListActions-D5BeuL2v.js} +6 -6
  192. package/dist/{DataListActionsMenu-CsTqQyx1.js → DataListActionsMenu--hzZHcDO.js} +6 -6
  193. package/dist/{DataListActionsMenu-raWV4M1Z.js → DataListActionsMenu-DBEA2E-9.js} +6 -6
  194. package/dist/{DataListBulkActions-H64wF5QK.js → DataListBulkActions-BJT6o2TR.js} +4 -4
  195. package/dist/{DataListBulkActions-CV8gxaya.js → DataListBulkActions-TR1cc4hj.js} +4 -4
  196. package/dist/{DataListContext-BFk0V2G1.js → DataListContext-CmemCYPO.js} +1 -1
  197. package/dist/{DataListContext-BJql1391.js → DataListContext-gVHo5elI.js} +1 -1
  198. package/dist/{DataListEmptyState-CRT7lyyd.js → DataListEmptyState-BhkmjXaP.js} +5 -5
  199. package/dist/{DataListEmptyState-gaoY-uXF.js → DataListEmptyState-DJwQEyZK.js} +5 -5
  200. package/dist/{DataListFilters-BBoziOUz.js → DataListFilters-CFi8yBSE.js} +5 -5
  201. package/dist/{DataListFilters-CbYNFYe8.js → DataListFilters-CQDp6KJA.js} +5 -5
  202. package/dist/{DataListHeader-usZOwUlJ.js → DataListHeader-D9hHYJq_.js} +11 -11
  203. package/dist/{DataListHeader-D0ActtB_.js → DataListHeader-Ds_gW9JV.js} +11 -11
  204. package/dist/{DataListHeaderTile-DvmLSwI7.js → DataListHeaderTile-C7zqNHW9.js} +7 -7
  205. package/dist/{DataListHeaderTile-hueCxF-u.js → DataListHeaderTile-D3fiyDx3.js} +7 -7
  206. package/dist/{DataListItem-DUm3PrLy.js → DataListItem-ByNme2Mn.js} +10 -10
  207. package/dist/{DataListItem-DRdcCzUt.js → DataListItem-DenZ5SVQ.js} +10 -10
  208. package/dist/{DataListItemActions-qnWelMoN.js → DataListItemActions-BHWTMDro.js} +3 -3
  209. package/dist/{DataListItemActions--SsHKkBp.js → DataListItemActions-Cpz5yneF.js} +3 -3
  210. package/dist/{DataListItemActionsOverflow-DZFHJhqL.js → DataListItemActionsOverflow-DgdTHUEu.js} +3 -3
  211. package/dist/{DataListItemActionsOverflow-IeXqKUtT.js → DataListItemActionsOverflow-Uz1KUGA0.js} +3 -3
  212. package/dist/{DataListItemClickable-BtRNWrrZ.js → DataListItemClickable-B2Wqz_i6.js} +3 -3
  213. package/dist/{DataListItemClickable-Nsls-EYw.js → DataListItemClickable-DSusS3a4.js} +3 -3
  214. package/dist/{DataListItems-bNmWX0B7.js → DataListItems-Ci-T4Xl2.js} +3 -3
  215. package/dist/{DataListItems-Cdi5k4MJ.js → DataListItems-U_YP284G.js} +3 -3
  216. package/dist/{DataListLayout-Bkg5sinN.js → DataListLayout-BGKrWqG4.js} +3 -3
  217. package/dist/{DataListLayout-NJp75Ib-.js → DataListLayout-Cg09Miu9.js} +3 -3
  218. package/dist/{DataListLayoutActions-CMwqW_cU.js → DataListLayoutActions-BfeY9bSR.js} +5 -5
  219. package/dist/{DataListLayoutActions-CfFlnf-R.js → DataListLayoutActions-uMA8k4oI.js} +5 -5
  220. package/dist/{DataListLayoutContext-C_dosXEy.js → DataListLayoutContext-4WrYPjau.js} +1 -1
  221. package/dist/{DataListLayoutContext-REtGx0Pl.js → DataListLayoutContext-Cm13jgw8.js} +1 -1
  222. package/dist/{DataListLoadMore-BThThC7Z.js → DataListLoadMore-A8SCVfoB.js} +6 -6
  223. package/dist/{DataListLoadMore-BsOSw6Vl.js → DataListLoadMore-C315Mjnf.js} +6 -6
  224. package/dist/{DataListLoadingState-ynCGXPt5.js → DataListLoadingState-D655jS5i.js} +4 -4
  225. package/dist/{DataListLoadingState-CKY0Teg9.js → DataListLoadingState-kb50KUM3.js} +4 -4
  226. package/dist/{DataListOverflowFade-m-0tflnp.js → DataListOverflowFade-CgMbjwxa.js} +2 -2
  227. package/dist/{DataListOverflowFade-uV2qcaBL.js → DataListOverflowFade-DXH4zFwW.js} +2 -2
  228. package/dist/{DataListSearch-DqfekNxw.js → DataListSearch-B0xVfpEa.js} +7 -7
  229. package/dist/{DataListSearch-tqpNMWcv.js → DataListSearch-DqnrRid8.js} +7 -7
  230. package/dist/{DataListSort-DO3xxQUo.js → DataListSort-DiPjBoeG.js} +6 -6
  231. package/dist/{DataListSort-D-xVhVm6.js → DataListSort-Dy3S7VWC.js} +6 -6
  232. package/dist/{DataListSortingOptions-B0ND0Hjt.js → DataListSortingOptions-DZGgWyqr.js} +4 -4
  233. package/dist/{DataListSortingOptions-CsB_4U-2.js → DataListSortingOptions-JV5kW2GG.js} +4 -4
  234. package/dist/{DataListStatusBar-CU1tlWf2.js → DataListStatusBar-BnUk_nHu.js} +2 -2
  235. package/dist/{DataListStatusBar-CJmQ2LsI.js → DataListStatusBar-CBJda5GZ.js} +2 -2
  236. package/dist/{DataListStickyHeader-CQp-E2Xn.js → DataListStickyHeader-DLsdX8UO.js} +2 -2
  237. package/dist/{DataListStickyHeader-D4cpJPrc.js → DataListStickyHeader-DYnfbd4r.js} +2 -2
  238. package/dist/{DataListTags-Dhp6ZjNs.js → DataListTags-C7AY1AB7.js} +3 -3
  239. package/dist/{DataListTags-ir4iR_tZ.js → DataListTags-DGLSNZc4.js} +3 -3
  240. package/dist/{DataListTotalCount-cTDZhZnW.js → DataListTotalCount-CYneY43U.js} +3 -3
  241. package/dist/{DataListTotalCount-CtLrqHQS.js → DataListTotalCount-D5L8rvtQ.js} +3 -3
  242. package/dist/DataTable/index.cjs +20 -20
  243. package/dist/DataTable/index.mjs +20 -20
  244. package/dist/DataTable/test-utilities/index.cjs +7 -7
  245. package/dist/DataTable/test-utilities/index.mjs +7 -7
  246. package/dist/{DataTable-QtuhDFMc.js → DataTable-CU3AQo32.js} +10 -10
  247. package/dist/{DataTable-C7EiSsZR.js → DataTable-CtBxoWSf.js} +10 -10
  248. package/dist/DatePicker/index.cjs +18 -14
  249. package/dist/DatePicker/index.mjs +18 -14
  250. package/dist/{DatePicker-CXWUPP51.js → DatePicker-CoNsQQQk.js} +66 -442
  251. package/dist/{DatePicker-DWH77u63.js → DatePicker-DM48GUlG.js} +29 -405
  252. package/dist/{DayOfMonthSelect-C-fhmuL7.js → DayOfMonthSelect-Blo7Lxq_.js} +7 -7
  253. package/dist/{DayOfMonthSelect-CIOLqY4L.js → DayOfMonthSelect-C49nC2f0.js} +7 -7
  254. package/dist/DescriptionList/index.cjs +2 -2
  255. package/dist/DescriptionList/index.mjs +2 -2
  256. package/dist/{DescriptionList-D6c28NCz.js → DescriptionList-Dfk7GWaZ.js} +2 -2
  257. package/dist/{DescriptionList-CqKeTGFh.js → DescriptionList-DoiQQYbe.js} +2 -2
  258. package/dist/Disclosure/index.cjs +9 -9
  259. package/dist/Disclosure/index.mjs +9 -9
  260. package/dist/{Disclosure-3GcduDe7.js → Disclosure-B1_i7iZL.js} +4 -4
  261. package/dist/{Disclosure-BixhlP17.js → Disclosure-CNHLNKvU.js} +4 -4
  262. package/dist/Divider/index.cjs +1 -1
  263. package/dist/Divider/index.mjs +1 -1
  264. package/dist/{Divider-DaXpMHSi.js → Divider-B-rgjLOE.js} +1 -1
  265. package/dist/{Divider-CdWWXIcd.js → Divider-OICBdP69.js} +1 -1
  266. package/dist/Drawer/index.cjs +6 -6
  267. package/dist/Drawer/index.mjs +6 -6
  268. package/dist/{DrawerGrid-d9Vn4sfO.js → DrawerGrid-Y7E-Tz7_.js} +4 -4
  269. package/dist/{DrawerGrid-Bn8bjbP2.js → DrawerGrid-vxY_qV8g.js} +4 -4
  270. package/dist/Emphasis/index.cjs +2 -2
  271. package/dist/Emphasis/index.mjs +2 -2
  272. package/dist/{Emphasis-afmKG0tG.js → Emphasis-BwiSHCkp.js} +1 -1
  273. package/dist/{Emphasis-Bh-JUyJl.js → Emphasis-CLQp4MV7.js} +1 -1
  274. package/dist/FeatureSwitch/index.cjs +13 -13
  275. package/dist/FeatureSwitch/index.mjs +13 -13
  276. package/dist/{FeatureSwitch-DMpo4F1u.js → FeatureSwitch-DaEO4TB-.js} +8 -8
  277. package/dist/{FeatureSwitch-XCYIHbmg.js → FeatureSwitch-tXyAjvTN.js} +8 -8
  278. package/dist/Flex/index.cjs +1 -1
  279. package/dist/Flex/index.mjs +1 -1
  280. package/dist/{Flex-CwSGO1NU.js → Flex-C4BbHbXX.js} +1 -1
  281. package/dist/{Flex-Cs_Sg6wQ.js → Flex-Dscwo-tO.js} +1 -1
  282. package/dist/Form/index.cjs +2 -2
  283. package/dist/Form/index.mjs +2 -2
  284. package/dist/{Form-DAaeLlO2.js → Form-BK9M_JFd.js} +7 -14
  285. package/dist/{Form-DdYpjl6Q.js → Form-DA6rw8kb.js} +7 -14
  286. package/dist/FormField/index.cjs +9 -9
  287. package/dist/FormField/index.mjs +9 -9
  288. package/dist/{FormField-CAuaSp0s.js → FormField-ClclSOLA.js} +33 -16
  289. package/dist/{FormField-FIGzYJt8.js → FormField-DK8lYun3.js} +33 -16
  290. package/dist/FormatDate/index.cjs +1 -1
  291. package/dist/FormatDate/index.mjs +1 -1
  292. package/dist/FormatEmail/index.cjs +1 -1
  293. package/dist/FormatEmail/index.mjs +1 -1
  294. package/dist/{FormatEmail-sP3aBKvL.js → FormatEmail-C9GASuh3.js} +1 -1
  295. package/dist/{FormatEmail-qWCssEZd.js → FormatEmail-bvkxXIGP.js} +1 -1
  296. package/dist/FormatFile/index.cjs +21 -21
  297. package/dist/FormatFile/index.mjs +21 -21
  298. package/dist/{FormatFile-D20iNhBi.js → FormatFile-D4wV6e3W.js} +10 -10
  299. package/dist/{FormatFile-CBw3RWhq.js → FormatFile-G-7UnQy-.js} +10 -10
  300. package/dist/FormatRelativeDateTime/index.cjs +1 -1
  301. package/dist/FormatRelativeDateTime/index.mjs +1 -1
  302. package/dist/FormatTime/index.cjs +1 -1
  303. package/dist/FormatTime/index.mjs +1 -1
  304. package/dist/Gallery/index.cjs +28 -28
  305. package/dist/Gallery/index.mjs +28 -28
  306. package/dist/{Gallery-QJCSe3C3.js → Gallery-B2ZDs1O0.js} +4 -4
  307. package/dist/{Gallery-8zA9EcTl.js → Gallery-BtPUD-oK.js} +4 -4
  308. package/dist/Glimmer/index.cjs +3 -3
  309. package/dist/Glimmer/index.mjs +3 -3
  310. package/dist/{Glimmer-BRHqCsKj.js → Glimmer-CAHS_iBj.js} +6 -6
  311. package/dist/{Glimmer-DFOqy6sk.js → Glimmer-DTiPcO83.js} +6 -6
  312. package/dist/Grid/InternalGridCell/index.cjs +1 -1
  313. package/dist/Grid/InternalGridCell/index.mjs +1 -1
  314. package/dist/Grid/index.cjs +5 -5
  315. package/dist/Grid/index.mjs +5 -5
  316. package/dist/{Grid-D8KvqGPY.js → Grid-BuLEKbBM.js} +4 -4
  317. package/dist/{Grid-DfPNgBb2.js → Grid-DFTOPh_A.js} +4 -4
  318. package/dist/Heading/index.cjs +2 -2
  319. package/dist/Heading/index.mjs +2 -2
  320. package/dist/{Heading-CPu8Wt-A.js → Heading-DBgdRLwt.js} +1 -1
  321. package/dist/{Heading-D6cLIRsk.js → Heading-T8hn-zTW.js} +1 -1
  322. package/dist/Icon/index.cjs +1 -1
  323. package/dist/Icon/index.mjs +1 -1
  324. package/dist/{Icon-EBEQFLsi.js → Icon--atCG9Mb.js} +6 -6
  325. package/dist/{Icon-Dy86SgKQ.js → Icon-D9syM6bB.js} +6 -6
  326. package/dist/InlineLabel/index.cjs +2 -2
  327. package/dist/InlineLabel/index.mjs +2 -2
  328. package/dist/{InlineLabel-DNHwgTd0.js → InlineLabel-DhOpWmcl.js} +2 -2
  329. package/dist/{InlineLabel-BipQ3zpb.js → InlineLabel-H9HjEmbx.js} +2 -2
  330. package/dist/InputAvatar/index.cjs +13 -13
  331. package/dist/InputAvatar/index.mjs +13 -13
  332. package/dist/{InputAvatar-DLesvR4c.js → InputAvatar-DiBHx9Eh.js} +6 -6
  333. package/dist/{InputAvatar-C4Kkaw4N.js → InputAvatar-V88cLqb_.js} +6 -6
  334. package/dist/InputDate/index.cjs +25 -21
  335. package/dist/InputDate/index.mjs +25 -21
  336. package/dist/{InputDate-BbUJbGFg.js → InputDate-BmfevBst.js} +2 -2
  337. package/dist/{InputDate-BwIhkgil.js → InputDate-CKsFSibn.js} +2 -2
  338. package/dist/InputEmail/index.cjs +10 -10
  339. package/dist/InputEmail/index.mjs +10 -10
  340. package/dist/{InputEmail-BZHR18Xs.js → InputEmail-CF-oyeTq.js} +1 -1
  341. package/dist/{InputEmail-DkbE6fbr.js → InputEmail-CesvPl9Y.js} +1 -1
  342. package/dist/InputFile/index.cjs +10 -10
  343. package/dist/InputFile/index.mjs +10 -10
  344. package/dist/{InputFile-BU2M26Oj.js → InputFile-BOjlsB7a.js} +7 -7
  345. package/dist/{InputFile-BKZ2qr8R.js → InputFile-vM0Qz1SZ.js} +7 -7
  346. package/dist/InputGroup/index.cjs +1 -1
  347. package/dist/InputGroup/index.mjs +1 -1
  348. package/dist/{InputGroup-C3dGz-9h.js → InputGroup-BDDvjK4J.js} +1 -1
  349. package/dist/{InputGroup-jVwVTk3f.js → InputGroup-_xGkb3ol.js} +1 -1
  350. package/dist/InputNumber/index.cjs +10 -10
  351. package/dist/InputNumber/index.mjs +10 -10
  352. package/dist/{InputNumber-B0Gnh9rs.js → InputNumber-1sxE1q7D.js} +1 -1
  353. package/dist/{InputNumber-BjEBlzti.js → InputNumber-CJ_KWjYp.js} +1 -1
  354. package/dist/InputPassword/index.cjs +10 -10
  355. package/dist/InputPassword/index.mjs +10 -10
  356. package/dist/{InputPassword-BX2brrkE.js → InputPassword-Bxs5sSCs.js} +1 -1
  357. package/dist/{InputPassword-B2PGrbAq.js → InputPassword-G40ncDf6.js} +1 -1
  358. package/dist/InputPhoneNumber/index.cjs +10 -10
  359. package/dist/InputPhoneNumber/index.mjs +10 -10
  360. package/dist/{InputPhoneNumber-Dp0lSALT.js → InputPhoneNumber-B0j-idQq.js} +3 -3
  361. package/dist/{InputPhoneNumber-DgMYSNK-.js → InputPhoneNumber-CJFripTt.js} +3 -3
  362. package/dist/InputText/index.cjs +11 -11
  363. package/dist/InputText/index.mjs +11 -11
  364. package/dist/{InputText-5_4RgR2d.js → InputText-A3pkmEfE.js} +2 -2
  365. package/dist/{InputText-BIhJX2lv.js → InputText-BXBATxVr.js} +2 -2
  366. package/dist/InputTime/index.cjs +14 -14
  367. package/dist/InputTime/index.mjs +14 -14
  368. package/dist/{InputTime-ajTzHznV.js → InputTime-DQLoNe62.js} +3 -3
  369. package/dist/{InputTime-D0KiMRzZ.js → InputTime-cPDVrZMs.js} +3 -3
  370. package/dist/InputValidation/index.cjs +4 -4
  371. package/dist/InputValidation/index.mjs +4 -4
  372. package/dist/{InputValidation-4paSqDl7.js → InputValidation-CH3GKHIn.js} +3 -3
  373. package/dist/{InputValidation-Bj8LPULb.js → InputValidation-t_kwRRjX.js} +3 -3
  374. package/dist/{InternalChipDismissible-Gut5Zws8.js → InternalChipDismissible-Dl1cnu9i.js} +13 -13
  375. package/dist/{InternalChipDismissible-LblKl-xS.js → InternalChipDismissible-fXGa1ac0.js} +13 -13
  376. package/dist/{InternalGridCell-C2Zck7DL.js → InternalGridCell-DSNEf6wC.js} +1 -1
  377. package/dist/{InternalGridCell-CMXmTEa3.js → InternalGridCell-DzKYLVqU.js} +1 -1
  378. package/dist/LightBox/index.cjs +14 -14
  379. package/dist/LightBox/index.mjs +14 -14
  380. package/dist/{LightBox-Yiqd8U5E.js → LightBox-COxYYY5r.js} +8 -8
  381. package/dist/{LightBox-BOhW8Nq4.js → LightBox-DPY6lt7S.js} +8 -8
  382. package/dist/Link/index.cjs +1 -1
  383. package/dist/Link/index.mjs +1 -1
  384. package/dist/{Link-BJsmt234.js → Link-CiUh4N9d.js} +1 -1
  385. package/dist/{Link-BI03FbQp.js → Link-Dy7J5L_i.js} +1 -1
  386. package/dist/List/index.cjs +20 -17
  387. package/dist/List/index.mjs +20 -17
  388. package/dist/{List-B8tbR8Yz.js → List-CqGhg2SC.js} +13 -13
  389. package/dist/{List-DEc4rFu3.js → List-CvZitWu6.js} +14 -14
  390. package/dist/Markdown/index.cjs +9 -9
  391. package/dist/Markdown/index.mjs +9 -9
  392. package/dist/{Markdown-BYhCiglu.js → Markdown-CAG-qgYj.js} +7 -7
  393. package/dist/{Markdown-DkH7wLB-.js → Markdown-skWFv1C3.js} +7 -7
  394. package/dist/Menu/index.cjs +10 -10
  395. package/dist/Menu/index.mjs +10 -10
  396. package/dist/{Menu-Bd-ut0No.js → Menu-C-LAeO95.js} +9 -9
  397. package/dist/{Menu-catc7VVC.js → Menu-Cdt1Zekk.js} +9 -9
  398. package/dist/Modal/index.cjs +9 -9
  399. package/dist/Modal/index.mjs +9 -9
  400. package/dist/{Modal-CnjbOSJ0.js → Modal-BmfhmdDB.js} +8 -8
  401. package/dist/{Modal-BgWOC-ie.js → Modal-DkWo1Y3L.js} +8 -8
  402. package/dist/MultiSelect/index.cjs +6 -6
  403. package/dist/MultiSelect/index.mjs +6 -6
  404. package/dist/{MultiSelect-CfurhEjd.js → MultiSelect-Cc97vLTK.js} +5 -5
  405. package/dist/{MultiSelect-DBX6zci3.js → MultiSelect-D9EBjkJX.js} +5 -5
  406. package/dist/{Option-CN8ZQ-Gi.js → Option-CWw5pEXF.js} +1 -1
  407. package/dist/{Option-Dq4aRp2-.js → Option-Da3n6CVN.js} +1 -1
  408. package/dist/Page/index.cjs +24 -24
  409. package/dist/Page/index.mjs +24 -24
  410. package/dist/{Page-62qT6tnW.js → Page-ClIt5poR.js} +9 -9
  411. package/dist/{Page-C6gGONTj.js → Page-CltpWjC1.js} +9 -9
  412. package/dist/Popover/index.cjs +6 -6
  413. package/dist/Popover/index.mjs +6 -6
  414. package/dist/{Popover-B7db-I_8.js → Popover-DdA-8wNa.js} +3 -3
  415. package/dist/{Popover-CZ-UTymX.js → Popover-aN6q-UXT.js} +3 -3
  416. package/dist/ProgressBar/index.cjs +1 -1
  417. package/dist/ProgressBar/index.mjs +1 -1
  418. package/dist/{ProgressBar-Djl38dNH.js → ProgressBar-DMm8hwA7.js} +2 -2
  419. package/dist/{ProgressBar-ROeLp5zL.js → ProgressBar-DOu9DgSN.js} +2 -2
  420. package/dist/RadioGroup/index.cjs +3 -3
  421. package/dist/RadioGroup/index.mjs +3 -3
  422. package/dist/{RadioGroup-D4pS9y9x.js → RadioGroup-Cllj4h-v.js} +2 -2
  423. package/dist/{RadioGroup-kLvh75VL.js → RadioGroup-DRPJHAL5.js} +2 -2
  424. package/dist/RecurringSelect/components/index.cjs +4 -4
  425. package/dist/RecurringSelect/components/index.mjs +4 -4
  426. package/dist/RecurringSelect/index.cjs +16 -16
  427. package/dist/RecurringSelect/index.mjs +16 -16
  428. package/dist/{RecurringSelect-AgJ_WB-4.js → RecurringSelect-Bea8CzSf.js} +7 -7
  429. package/dist/{RecurringSelect-LoBCsr20.js → RecurringSelect-djeD4M7r.js} +7 -7
  430. package/dist/Select/index.cjs +10 -10
  431. package/dist/Select/index.mjs +10 -10
  432. package/dist/SideDrawer/index.cjs +11 -11
  433. package/dist/SideDrawer/index.mjs +11 -11
  434. package/dist/{SideDrawer-CQZ2ysem.js → SideDrawer-BzTOqfec.js} +8 -8
  435. package/dist/{SideDrawer-DldiIdwK.js → SideDrawer-ygHXoGJ-.js} +8 -8
  436. package/dist/Spinner/index.cjs +1 -1
  437. package/dist/Spinner/index.mjs +1 -1
  438. package/dist/{Spinner-BUvv_dB7.js → Spinner-C4QJzVKQ.js} +1 -1
  439. package/dist/{Spinner-BVZg7jTZ.js → Spinner-CH9m4bzw.js} +1 -1
  440. package/dist/StatusIndicator/index.cjs +1 -1
  441. package/dist/StatusIndicator/index.mjs +1 -1
  442. package/dist/{StatusIndicator-D3az7C2P.js → StatusIndicator-CuoJLAfJ.js} +1 -1
  443. package/dist/{StatusIndicator-CxZa_t44.js → StatusIndicator-eXRaZOYp.js} +1 -1
  444. package/dist/StatusLabel/index.cjs +3 -3
  445. package/dist/StatusLabel/index.mjs +3 -3
  446. package/dist/{StatusLabel-ZrGamLTX.js → StatusLabel-CrmcExB2.js} +3 -3
  447. package/dist/{StatusLabel-DCFIlNNz.js → StatusLabel-DKlLDFkB.js} +3 -3
  448. package/dist/Switch/index.cjs +2 -2
  449. package/dist/Switch/index.mjs +2 -2
  450. package/dist/{Switch-C79lqPpQ.js → Switch-B6lBJE4b.js} +2 -2
  451. package/dist/{Switch-jJpoW9V3.js → Switch-Bl4tSZMg.js} +2 -2
  452. package/dist/Table/index.cjs +1 -1
  453. package/dist/Table/index.mjs +1 -1
  454. package/dist/Tabs/index.cjs +7 -7
  455. package/dist/Tabs/index.mjs +7 -7
  456. package/dist/{Tabs-8Prz1kw6.js → Tabs-Icu-REb6.js} +3 -3
  457. package/dist/{Tabs-BCBF8cXx.js → Tabs-MO40r0YY.js} +3 -3
  458. package/dist/Text/index.cjs +2 -2
  459. package/dist/Text/index.mjs +2 -2
  460. package/dist/{Text-B9yVgqL6.js → Text-C38Y8b_e.js} +1 -1
  461. package/dist/{Text-m37VkfMK.js → Text-C8jmRZK6.js} +1 -1
  462. package/dist/ThemeContext/ThemeContext.d.ts +5 -0
  463. package/dist/ThemeContext/index.cjs +22 -0
  464. package/dist/ThemeContext/index.d.ts +3 -0
  465. package/dist/ThemeContext/index.mjs +12 -0
  466. package/dist/ThemeContext/setTheme.d.ts +7 -0
  467. package/dist/ThemeContext/types.d.ts +28 -0
  468. package/dist/ThemeContext/useThemeContextEventQueue.d.ts +7 -0
  469. package/dist/ThemeContext-BrJuBwvi.js +413 -0
  470. package/dist/ThemeContext-C72z9sYm.js +419 -0
  471. package/dist/Toast/index.cjs +4 -4
  472. package/dist/Toast/index.mjs +4 -4
  473. package/dist/Tooltip/index.cjs +3 -3
  474. package/dist/Tooltip/index.mjs +3 -3
  475. package/dist/{Tooltip-V7j7WVje.js → Tooltip-CCM59Szo.js} +3 -3
  476. package/dist/{Tooltip-R5nUnclO.js → Tooltip-CNkzQhjH.js} +3 -3
  477. package/dist/Typography/index.cjs +1 -1
  478. package/dist/Typography/index.mjs +1 -1
  479. package/dist/{Typography-Da5uJdz4.js → Typography-CiLBthx3.js} +9 -9
  480. package/dist/{Typography-BxqozTX3.js → Typography-ssxp0zuF.js} +9 -9
  481. package/dist/{_baseAssignValue-CAXUriFT.js → _baseAssignValue-JAngXB9Y.js} +1 -1
  482. package/dist/{_baseAssignValue-vsaKVIeq.js → _baseAssignValue-kZ-GXq3p.js} +1 -1
  483. package/dist/{_baseEach-BghEEHZq.js → _baseEach-BJE0V1as.js} +27 -68
  484. package/dist/{_baseEach-BNcZxfBt.js → _baseEach-CfxRhX-9.js} +7 -48
  485. package/dist/_baseFlatten-BOOfej-D.js +65 -0
  486. package/dist/_baseFlatten-CpriHK3g.js +67 -0
  487. package/dist/_baseFor-DUXu6bDu.js +45 -0
  488. package/dist/_baseFor-_dpTWeiD.js +47 -0
  489. package/dist/{_defineProperty-B_bcnBnu.js → _defineProperty-BwUkmDDL.js} +16 -516
  490. package/dist/{_defineProperty-Xb4NwYe_.js → _defineProperty-DA6aXhrl.js} +23 -534
  491. package/dist/_getAllKeys-40o07w-m.js +506 -0
  492. package/dist/_getAllKeys-Bvn9qFF6.js +518 -0
  493. package/dist/_getTag-BqcVy_jb.js +136 -0
  494. package/dist/_getTag-DFGn7Zkx.js +133 -0
  495. package/dist/_isIterateeCall-B6gYonnt.js +55 -0
  496. package/dist/_isIterateeCall-mUQgRwOP.js +58 -0
  497. package/dist/{_setToString-DvGJqDp6.js → _setToString-BNWoV5-R.js} +2 -64
  498. package/dist/{_setToString-B9Yn3RoL.js → _setToString-Ba4JK_RW.js} +1 -64
  499. package/dist/{debounce-C9Lbvl_W.js → debounce-BszUDx_b.js} +3 -3
  500. package/dist/{debounce-Dmv2ZLYr.js → debounce-gv8sfhL3.js} +3 -3
  501. package/dist/{helpers-npKkeUQY.js → helpers-BdGiXud7.js} +1 -1
  502. package/dist/{helpers-h0Ddl2Qm.js → helpers-DFI4ZNW5.js} +1 -1
  503. package/dist/{index-BtICwK2a.js → index-DGivKYh_.js} +1 -1
  504. package/dist/{index-B5u4T6IH.js → index-DlRxMn-q.js} +1 -1
  505. package/dist/index.cjs +162 -150
  506. package/dist/index.d.mts +1 -0
  507. package/dist/index.d.ts +1 -0
  508. package/dist/index.mjs +157 -150
  509. package/dist/{_getTag-DdbpeYMn.js → isArrayLike-CoxVxZY0.js} +44 -173
  510. package/dist/{_getTag-DvMkb78A.js → isArrayLike-k9cRpduU.js} +43 -172
  511. package/dist/{isObjectLike-D4oYmDeg.js → isObjectLike-31Uz00Fo.js} +2 -2
  512. package/dist/{isObjectLike-BzejLeDJ.js → isObjectLike-u9caVrPn.js} +1 -1
  513. package/dist/isPlainObject-DSmPHs2p.js +396 -0
  514. package/dist/isPlainObject-j2Ok_GHO.js +385 -0
  515. package/dist/{isSymbol-DSR0dOnt.js → isSymbol-CM5WPWqm.js} +1 -1
  516. package/dist/{isSymbol-C3uqWUAo.js → isSymbol-DUGpN3Qp.js} +1 -1
  517. package/dist/{noop-DmkADL9z.js → noop-BPIfarP_.js} +1 -1
  518. package/dist/{noop-8RUxGwFk.js → noop-Cv1GQvfv.js} +1 -1
  519. package/dist/{showToast-DB9-8UDJ.js → showToast-C4lBcqDL.js} +4 -4
  520. package/dist/{showToast-BRiku7PZ.js → showToast-gLnaSR0p.js} +4 -4
  521. package/dist/styles.css +527 -661
  522. package/dist/{throttle-uZBwBS_o.js → throttle-AJHhfQJH.js} +3 -3
  523. package/dist/{throttle-Csj7ioCW.js → throttle-BV-HERtC.js} +3 -3
  524. package/dist/{useActiveLayout-B4bju6IW.js → useActiveLayout-BD9kBIah.js} +2 -2
  525. package/dist/{useActiveLayout-CP_8BKVR.js → useActiveLayout-BjTPCYR4.js} +2 -2
  526. package/dist/{useAssert-DrpL9WBc.js → useAssert-4xxzrevM.js} +2 -2
  527. package/dist/{useAssert-Dec1Jw9V.js → useAssert-BnAvCutF.js} +2 -2
  528. package/dist/{useBatchSelect-D1G2w36E.js → useBatchSelect-BSqntP1H.js} +1 -1
  529. package/dist/{useBatchSelect-DswRV9yi.js → useBatchSelect-DbN9kR61.js} +1 -1
  530. package/dist/{useIsMounted-APi0vdmK.js → useIsMounted-CsOKncHI.js} +1 -1
  531. package/dist/{useIsMounted-YTCw2C4j.js → useIsMounted-lWhkkiGf.js} +1 -1
  532. package/dist/{useResizeObserver-uIBmftp8.js → useResizeObserver-DWguP1vx.js} +2 -2
  533. package/dist/{useResizeObserver-Mwkejzc5.js → useResizeObserver-nitL3vBN.js} +2 -2
  534. package/dist/{useResponsiveSizing-DwTMzT_g.js → useResponsiveSizing-B3ZIyM7e.js} +1 -1
  535. package/dist/{useResponsiveSizing-DewaUOPW.js → useResponsiveSizing-DcDH14sA.js} +1 -1
  536. package/dist/{useScrollToActive-DFuWoLl6.js → useScrollToActive-Be1x_cGb.js} +14 -62
  537. package/dist/{useScrollToActive-nHvuPyYX.js → useScrollToActive-YkmFn81N.js} +21 -69
  538. package/dist/utils/mergeRefs.d.ts +6 -0
  539. package/dist/utils/useDebounce.d.ts +12 -0
  540. package/package.json +3 -6
  541. package/rollup.config.mjs +1 -4
  542. /package/dist/{AnimatedPresence-CL38Z3NS.js → AnimatedPresence-D-e-yQIR.js} +0 -0
  543. /package/dist/{AnimatedPresence-Gm2X-6tJ.js → AnimatedPresence-_WuDeuSM.js} +0 -0
  544. /package/dist/{AtlantisContext-B4A1bq5Q.js → AtlantisContext-D1Po2SAc.js} +0 -0
  545. /package/dist/{AtlantisContext-BN57EkDB.js → AtlantisContext-lJ9krjQd.js} +0 -0
  546. /package/dist/{DataList.const-9h9tdDPS.js → DataList.const-DqhmzaLS.js} +0 -0
  547. /package/dist/{DataList.const-CoKiWj8b.js → DataList.const-iLRjgcN3.js} +0 -0
  548. /package/dist/{DataListLayoutContext-Bue8dFfg.js → DataListLayoutContext-77cYbfSU.js} +0 -0
  549. /package/dist/{DataListLayoutContext-IdWiH4oq.js → DataListLayoutContext-DkHftvIt.js} +0 -0
  550. /package/dist/{FormatDate-DZDHxYXf.js → FormatDate-4dl6dJcj.js} +0 -0
  551. /package/dist/{FormatDate-DjZ376a9.js → FormatDate-CAqaXSko.js} +0 -0
  552. /package/dist/{FormatRelativeDateTime-z5m90AOd.js → FormatRelativeDateTime-BxXBJvNz.js} +0 -0
  553. /package/dist/{FormatRelativeDateTime-DaHunuoE.js → FormatRelativeDateTime-CkwdAECP.js} +0 -0
  554. /package/dist/{FormatTime-BhWAHWJX.js → FormatTime-benJW3S-.js} +0 -0
  555. /package/dist/{FormatTime-BB60zgZm.js → FormatTime-nGRLRy0W.js} +0 -0
  556. /package/dist/{_commonjsHelpers-BZDcliAj.js → _commonjsHelpers-4scIqpFs.js} +0 -0
  557. /package/dist/{_commonjsHelpers-XS-6o8CG.js → _commonjsHelpers-Yv0wsc1f.js} +0 -0
  558. /package/dist/{_polyfill-node.process-CZWx6b00.js → _polyfill-node.process-DGUjsI-H.js} +0 -0
  559. /package/dist/{_polyfill-node.process-BnHRnp0X.js → _polyfill-node.process-PlNU1Uvy.js} +0 -0
  560. /package/dist/{tslib.es6-CRBTczJu.js → tslib.es6-B7DvPe1p.js} +0 -0
  561. /package/dist/{tslib.es6-BvYlgskK.js → tslib.es6-c8JZ6BM8.js} +0 -0
  562. /package/dist/{useChildComponent-BmRnbpmn.js → useChildComponent-B2wVVctO.js} +0 -0
  563. /package/dist/{useChildComponent-DT1Dp5cf.js → useChildComponent-CgDiAMHP.js} +0 -0
  564. /package/dist/{useFocusTrap-CUl_F5Ls.js → useFocusTrap-Ukb6XcWI.js} +0 -0
  565. /package/dist/{useFocusTrap-BLjykTAB.js → useFocusTrap-i93ioX0E.js} +0 -0
  566. /package/dist/{useFormFieldFocus-hjj--gep.js → useFormFieldFocus-CDtzbmvY.js} +0 -0
  567. /package/dist/{useFormFieldFocus-CZiaCyjZ.js → useFormFieldFocus-DxGFgWtS.js} +0 -0
  568. /package/dist/{useInView-8w3m8snM.js → useInView-C6MaVOdO.js} +0 -0
  569. /package/dist/{useInView-C8v8_Q6g.js → useInView-C9LC_KAm.js} +0 -0
  570. /package/dist/{useOnKeyDown-Cmq3nxnj.js → useOnKeyDown-CpFO8lNR.js} +0 -0
  571. /package/dist/{useOnKeyDown-DlNofEty.js → useOnKeyDown-DU2bavbr.js} +0 -0
  572. /package/dist/{useRefocusOnActivator-gptVXTcT.js → useRefocusOnActivator-BFnHHWxj.js} +0 -0
  573. /package/dist/{useRefocusOnActivator-DxSjATa7.js → useRefocusOnActivator-CJOwbPZS.js} +0 -0
  574. /package/dist/{useSafeLayoutEffect-B--_HCjV.js → useSafeLayoutEffect-CGoDVU0C.js} +0 -0
  575. /package/dist/{useSafeLayoutEffect-7JODlTzO.js → useSafeLayoutEffect-L6SfriaH.js} +0 -0
package/dist/styles.css CHANGED
@@ -12,14 +12,12 @@
12
12
  /* Unfortunately this is how we define our line item picker height in jobber online.
13
13
  This is a concession to maintain visual parity. */
14
14
  max-height: 300px;
15
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
16
- rgba(0, 0, 0, 0.1),
17
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
15
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
18
16
  box-shadow: var(--shadow-base);
19
17
  box-sizing: border-box;
20
18
  margin: 0;
21
19
  padding: 0;
22
- border: calc(16px / 16) solid var(--color-color-border);
20
+ border: 1px solid var(--color-color-border);
23
21
  border: var(--border-base) solid var(--color-color-border);
24
22
  border-radius: 8px;
25
23
  border-radius: var(--radius-base);
@@ -30,9 +28,9 @@
30
28
  }
31
29
 
32
30
  .CX-N-e0e6og- h5 {
33
- padding: calc(16px / 2) 0 calc(16px / 4) calc(16px / 2);
31
+ padding: 8px 0 4px 8px;
34
32
  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
35
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
33
+ border-bottom: 1px solid hsl(200, 13%, 87%);
36
34
  border-bottom: var(--border-base) solid var(--color-border);
37
35
  }
38
36
 
@@ -58,7 +56,7 @@
58
56
  align-content: stretch;
59
57
  -ms-flex-align: center;
60
58
  align-items: center;
61
- padding: calc(16px / 2);
59
+ padding: 8px;
62
60
  padding: var(--space-small);
63
61
  border: none;
64
62
  text-align: left;
@@ -79,7 +77,7 @@
79
77
  }
80
78
 
81
79
  .ucQtG0iwqbo-.ydwLX44YFZc-:not(:last-child) {
82
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
80
+ border-bottom: 1px solid hsl(200, 13%, 87%);
83
81
  border-bottom: var(--border-base) solid var(--color-border);
84
82
  }
85
83
 
@@ -89,7 +87,7 @@
89
87
  }
90
88
 
91
89
  .CX-N-e0e6og- .PvUgNoAUG7A-:not(:first-child) {
92
- padding-top: calc(16px / 2);
90
+ padding-top: 8px;
93
91
  padding-top: var(--space-small);
94
92
  }
95
93
 
@@ -98,7 +96,7 @@
98
96
  flex: 0 1 auto;
99
97
  -ms-flex-item-align: auto;
100
98
  align-self: auto;
101
- width: calc(16px * 1.5);
99
+ width: 24px;
102
100
  width: var(--space-large);
103
101
  }
104
102
 
@@ -127,7 +125,7 @@
127
125
  .asDB9Ra2UpA- {
128
126
  margin: 0;
129
127
  padding: 0;
130
- font-family: "Inter", Helvetica, Arial, sans-serif;
128
+ font-family: Inter, Helvetica, Arial, sans-serif;
131
129
  font-family: var(--typography--fontFamily-normal);
132
130
  /* Wrap really long words or URL's */
133
131
  word-wrap: break-word;
@@ -136,110 +134,93 @@
136
134
  }
137
135
 
138
136
  ._7C4Ck1izBPs- {
139
- font-size: calc(
140
- (16px * 1) * 3
141
- );
142
- font-size: calc(
143
- calc(16px * 1) * 3
144
- );
137
+ font-size: 48px;
145
138
  font-size: var(--typography--fontSize-extravagant);
146
139
  line-height: 1.08;
147
- line-height: var(--typography--lineHeight-miniscule);
140
+ line-height: var(--typography--lineHeight-minuscule);
148
141
  }
149
142
 
150
143
  ._8X-fSrUTxV8- {
151
- font-size: calc((16px * 1) * 2.25);
152
- font-size: calc(calc(16px * 1) * 2.25);
144
+ font-size: 32px;
153
145
  font-size: var(--typography--fontSize-jumbo);
154
146
  line-height: 1.08;
155
- line-height: var(--typography--lineHeight-miniscule);
147
+ line-height: var(--typography--lineHeight-minuscule);
156
148
  }
157
149
 
158
150
  .n-SPJXPXLSA- {
159
- font-size: calc((16px * 1) * 1.5);
160
- font-size: calc(calc(16px * 1) * 1.5);
151
+ font-size: 24px;
161
152
  font-size: var(--typography--fontSize-largest);
162
153
  line-height: 1.12;
163
154
  line-height: var(--typography--lineHeight-tightest);
164
155
  }
165
156
 
166
157
  .vCrvF55YQ9o- {
167
- font-size: calc((16px * 1) * 1.25);
168
- font-size: calc(calc(16px * 1) * 1.25);
158
+ font-size: 20px;
169
159
  font-size: var(--typography--fontSize-larger);
170
160
  line-height: 1.2;
171
161
  line-height: var(--typography--lineHeight-tight);
172
162
  }
173
163
 
174
164
  .FBoaHWotSik- {
175
- font-size: calc(16px * 1);
165
+ font-size: 16px;
176
166
  font-size: var(--typography--fontSize-large);
177
167
  line-height: 1.34;
178
168
  line-height: var(--typography--lineHeight-large);
179
169
  }
180
170
 
181
171
  .V6yPPLHLeuY- {
182
- font-size: calc((16px * 1) * 0.875);
183
- font-size: calc(calc(16px * 1) * 0.875);
172
+ font-size: 14px;
184
173
  font-size: var(--typography--fontSize-base);
185
174
  line-height: 1.25;
186
175
  line-height: var(--typography--lineHeight-base);
187
176
  }
188
177
 
189
178
  .T5XC4DgJlxk- {
190
- font-size: calc((16px * 1) * 0.75);
191
- font-size: calc(calc(16px * 1) * 0.75);
179
+ font-size: 12px;
192
180
  font-size: var(--typography--fontSize-small);
193
181
  line-height: 1.143;
194
182
  line-height: var(--typography--lineHeight-tighter);
195
183
  }
196
184
 
197
185
  .sycqXMMO-wc- {
198
- font-size: calc(
199
- (16px * 1) * 0.625
200
- );
201
- font-size: calc(
202
- calc(16px * 1) * 0.625
203
- );
186
+ font-size: 10px;
204
187
  font-size: var(--typography--fontSize-smaller);
205
188
  line-height: 1.2;
206
189
  line-height: var(--typography--lineHeight-tight);
207
190
  }
208
191
 
209
192
  .lziyWzzvuno- {
210
- font-family: "Inter", Helvetica, Arial, sans-serif;
193
+ font-family: Inter, Helvetica, Arial, sans-serif;
211
194
  font-family: var(--typography--fontFamily-normal);
212
195
  font-weight: 400;
213
196
  }
214
197
 
215
198
  .PVKSijyipP8- {
216
- font-family: "Inter", Helvetica, Arial, sans-serif;
199
+ font-family: Inter, Helvetica, Arial, sans-serif;
217
200
  font-family: var(--typography--fontFamily-normal);
218
201
  font-weight: 500;
219
202
  }
220
203
 
221
204
  .-ch9Z4gIGDg- {
222
- font-family: "Inter", Helvetica, Arial, sans-serif;
205
+ font-family: Inter, Helvetica, Arial, sans-serif;
223
206
  font-family: var(--typography--fontFamily-normal);
224
207
  font-weight: 600;
225
208
  }
226
209
 
227
210
  .EEwS0f07RqQ- {
228
- font-family: "Inter", Helvetica, Arial, sans-serif;
211
+ font-family: Inter, Helvetica, Arial, sans-serif;
229
212
  font-family: var(--typography--fontFamily-normal);
230
213
  font-weight: 700;
231
214
  }
232
215
 
233
216
  .kA3NtPPWbP0- {
234
- font-family: "Jobber Pro", "Poppins", Helvetica, Arial,
235
- sans-serif;
217
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
236
218
  font-family: var(--typography--fontFamily-display);
237
219
  font-weight: 800;
238
220
  }
239
221
 
240
222
  ._3M58OLqp0JM- {
241
- font-family: "Jobber Pro", "Poppins", Helvetica, Arial,
242
- sans-serif;
223
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
243
224
  font-family: var(--typography--fontFamily-display);
244
225
  font-weight: 900;
245
226
  }
@@ -396,13 +377,12 @@
396
377
  }
397
378
 
398
379
  .mRpfVoMiIMM- {
399
- font-family: "Inter", Helvetica, Arial, sans-serif;
380
+ font-family: Inter, Helvetica, Arial, sans-serif;
400
381
  font-family: var(--typography--fontFamily-normal);
401
382
  }
402
383
 
403
384
  .TPtuWMdOsfw- {
404
- font-family: "Jobber Pro", "Poppins", Helvetica, Arial,
405
- sans-serif;
385
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
406
386
  font-family: var(--typography--fontFamily-display);
407
387
  }
408
388
 
@@ -459,7 +439,7 @@
459
439
  -ms-flex-direction: column;
460
440
  flex-direction: column;
461
441
  width: 100%;
462
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
442
+ border: 1px solid hsl(200, 13%, 87%);
463
443
  border: var(--border-base) solid var(--field--border-color);
464
444
  border-radius: 8px;
465
445
  border-radius: var(--radius-base);
@@ -473,8 +453,7 @@
473
453
  border-top-left-radius: var(--public-field--top-left-radius);
474
454
  color: hsl(197, 90%, 12%);
475
455
  color: var(--field--value-color);
476
- font-size: calc((16px * 1) * 0.875);
477
- font-size: calc(calc(16px * 1) * 0.875);
456
+ font-size: 14px;
478
457
  font-size: var(--typography--fontSize-base);
479
458
  background-color: rgba(255, 255, 255, 1);
480
459
  background-color: var(--field--background-color);
@@ -487,8 +466,7 @@
487
466
  .nPGhTEEzsoU-:focus-within {
488
467
  position: relative;
489
468
  z-index: var(--field--base-elevation);
490
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
491
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
469
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
492
470
  box-shadow: var(--shadow-focus);
493
471
  }
494
472
 
@@ -658,12 +636,17 @@
658
636
  flex-direction: column;
659
637
  }
660
638
 
639
+ .mgPacJ6Z71Y- .iQFhpFYnz-8-:has(._3xREbTN5pPg-) .Yo2Wi9dpa-Y- {
640
+ padding-top: var(--field--padding-top);
641
+ }
642
+
661
643
  .mgPacJ6Z71Y- .LSHPV7PwOTg- {
662
644
  -ms-flex: 1;
663
645
  flex: 1;
664
646
  resize: none;
665
- scroll-padding-bottom: calc(16px * 1);
647
+ scroll-padding-bottom: 16px;
666
648
  scroll-padding-bottom: var(--space-base);
649
+ padding-top: 0;
667
650
  }
668
651
 
669
652
  .i31GQXcMz54- .LSHPV7PwOTg- {
@@ -678,6 +661,10 @@
678
661
  -webkit-box-shadow: 0 0 0 30px var(--color-surface) inset !important;
679
662
  }
680
663
 
664
+ .mgPacJ6Z71Y-:not(:has(._3xREbTN5pPg-)) .LSHPV7PwOTg- {
665
+ padding-top: var(--field--padding-top);
666
+ }
667
+
681
668
  .mgPacJ6Z71Y-.g82RTxBqooQ- .LSHPV7PwOTg- {
682
669
  padding-right: 0;
683
670
  }
@@ -725,21 +712,17 @@
725
712
  }
726
713
 
727
714
  .mgPacJ6Z71Y- ._3xREbTN5pPg- {
728
- /* Changes the width so that the scrollbar on the textarea doesn't get cut off */
729
- width: calc(100% - var(--field--padding-right));
730
- /* Remove padding on right to make use of the entire width */
731
- padding-right: 0;
715
+ padding-right: var(--field--padding-right);
732
716
  }
733
717
 
734
718
  .UIZq8hTmJVU- ._3xREbTN5pPg-,
735
719
  .YhserUiOeFE-:focus-within ._3xREbTN5pPg- {
736
- font-size: calc((16px * 1) * 0.75);
737
- font-size: calc(calc(16px * 1) * 0.75);
720
+ font-size: 12px;
738
721
  font-size: var(--typography--fontSize-small);
739
722
  }
740
723
 
741
724
  .e4VYDAkWHAg-.UIZq8hTmJVU- ._3xREbTN5pPg- {
742
- padding-top: calc(16px / 8);
725
+ padding-top: 2px;
743
726
  padding-top: var(--space-smallest);
744
727
  }
745
728
 
@@ -758,7 +741,7 @@
758
741
 
759
742
  .Ku8sWS0mLew-.UIZq8hTmJVU- ._3xREbTN5pPg-,
760
743
  .YhserUiOeFE-.Ku8sWS0mLew-.UIZq8hTmJVU-:focus-within ._3xREbTN5pPg- {
761
- padding-top: calc(16px / 2);
744
+ padding-top: 8px;
762
745
  padding-top: var(--space-small);
763
746
  }
764
747
 
@@ -769,7 +752,7 @@
769
752
  .VtnAk1HYMMk- {
770
753
  position: absolute;
771
754
  top: 50%;
772
- right: calc(16px * 1);
755
+ right: 16px;
773
756
  right: var(--postfix-right);
774
757
  z-index: var(--field--postfix-elevation);
775
758
  -webkit-transform: translateY(-50%);
@@ -793,7 +776,7 @@
793
776
 
794
777
  .uPLklxvtfJw-.pYqqDvv57JE- {
795
778
  margin: 0 0 0 calc(var(--field--padding-right) * -1);
796
- padding-left: calc(16px / 2);
779
+ padding-left: 8px;
797
780
  padding-left: var(--space-small);
798
781
  }
799
782
 
@@ -805,7 +788,7 @@
805
788
  .jO8P2iSHilM- {
806
789
  display: -ms-flexbox;
807
790
  display: flex;
808
- margin: 0 calc((var(--field--padding-left) - calc(16px / 8)) * -1) 0 0;
791
+ margin: 0 calc((var(--field--padding-left) - 2px) * -1) 0 0;
809
792
  margin: 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1) 0 0;
810
793
  padding: 0 0 0 var(--field--padding-left);
811
794
  line-height: var(--field--value-lineHeight);
@@ -816,7 +799,7 @@
816
799
  }
817
800
 
818
801
  .jO8P2iSHilM-.pYqqDvv57JE- {
819
- margin: 0 0 0 calc((var(--field--padding-left) - calc(16px / 8)) * -1);
802
+ margin: 0 0 0 calc((var(--field--padding-left) - 2px) * -1);
820
803
  margin: 0 0 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1);
821
804
  padding: 0 var(--field--padding-left) 0 0;
822
805
  }
@@ -827,7 +810,7 @@
827
810
  }
828
811
 
829
812
  ._2GfgzNnLOSI- {
830
- margin-top: calc(16px / 4);
813
+ margin-top: 4px;
831
814
  margin-top: var(--space-smaller);
832
815
  }
833
816
 
@@ -835,7 +818,7 @@
835
818
  display: -ms-flexbox;
836
819
  display: flex;
837
820
  position: relative;
838
- margin: calc(16px / 2) var(--field--padding-right) calc(16px * 1)
821
+ margin: 8px var(--field--padding-right) 16px
839
822
  var(--field--padding-left);
840
823
  margin: var(--space-small) var(--field--padding-right) var(--space-base)
841
824
  var(--field--padding-left);
@@ -845,14 +828,13 @@
845
828
  content: "";
846
829
  display: block;
847
830
  position: absolute;
848
- top: calc(-1.25 * (16px * 1));
849
- top: calc(-1.25 * calc(16px * 1));
831
+ top: calc(-1.25 * 16px);
850
832
  top: calc(-1.25 * var(--space-base));
851
833
  right: 0;
852
834
  left: 0;
853
835
  z-index: 1;
854
836
  z-index: var(--elevation-base);
855
- height: calc(16px * 1);
837
+ height: 16px;
856
838
  height: var(--space-base);
857
839
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
858
840
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
@@ -877,7 +859,7 @@
877
859
  min-height: var(--button--size);
878
860
  box-sizing: border-box;
879
861
  margin: 0;
880
- border: calc(16px / 16) solid hsl(107, 58%, 33%);
862
+ border: 1px solid hsl(107, 58%, 33%);
881
863
  border: var(--border-base) solid var(--public--button--color-variation);
882
864
  border-radius: 8px;
883
865
  border-radius: var(--radius-base);
@@ -932,8 +914,7 @@ a.U9VsquOtk2I-:active {
932
914
  a.U9VsquOtk2I-:focus-visible,
933
915
  .U9VsquOtk2I-:active,
934
916
  a.U9VsquOtk2I-:active {
935
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
936
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
917
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
937
918
  box-shadow: var(--shadow-focus);
938
919
  outline: transparent;
939
920
  }
@@ -1019,9 +1000,9 @@ a.U9VsquOtk2I-:active {
1019
1000
  border-color: transparent;
1020
1001
  -webkit-text-decoration: underline;
1021
1002
  text-decoration: underline;
1022
- text-decoration-thickness: calc(16px / 8);
1003
+ text-decoration-thickness: 2px;
1023
1004
  text-decoration-thickness: var(--border-thick);
1024
- text-underline-offset: calc(16px / 8);
1005
+ text-underline-offset: 2px;
1025
1006
  text-underline-offset: var(--space-smallest);
1026
1007
  }
1027
1008
 
@@ -1083,20 +1064,18 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1083
1064
 
1084
1065
  .STSDgSRREx4- {
1085
1066
  --button--size: 32px;
1086
- padding: calc(16px / 4) calc((16px * 1) - (16px / 4));
1087
- padding: calc(16px / 4) calc(calc(16px * 1) - calc(16px / 4));
1067
+ padding: 4px calc(16px - 4px);
1088
1068
  padding: var(--space-smaller) calc(var(--space-base) - var(--space-smaller));
1089
1069
  }
1090
1070
 
1091
1071
  .amIh7vPETfo- {
1092
- padding: 0 calc(16px * 1);
1072
+ padding: 0 16px;
1093
1073
  padding: 0 var(--space-base);
1094
1074
  }
1095
1075
 
1096
1076
  .ON6ezOojFVo- {
1097
1077
  --button--size: 48px;
1098
- padding: 0 calc((16px * 1) + (16px / 4));
1099
- padding: 0 calc(calc(16px * 1) + calc(16px / 4));
1078
+ padding: 0 calc(16px + 4px);
1100
1079
  padding: 0 calc(var(--space-base) + var(--space-smaller));
1101
1080
  }
1102
1081
 
@@ -1114,7 +1093,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1114
1093
 
1115
1094
  .EWh1gvgPJQg- {
1116
1095
  width: auto;
1117
- gap: calc(16px / 4);
1096
+ gap: 4px;
1118
1097
  gap: var(--space-smaller);
1119
1098
  }
1120
1099
 
@@ -1123,8 +1102,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1123
1102
  }
1124
1103
 
1125
1104
  .EWh1gvgPJQg- > *:first-child {
1126
- margin-left: calc((16px / 4) * -1);
1127
- margin-left: calc(calc(16px / 4) * -1);
1105
+ margin-left: calc(4px * -1);
1128
1106
  margin-left: calc(var(--space-smaller) * -1);
1129
1107
  }
1130
1108
 
@@ -1132,8 +1110,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1132
1110
  -ms-flex-order: 1;
1133
1111
  order: 1;
1134
1112
  margin-left: 0;
1135
- margin-right: calc((16px / 4) * -1);
1136
- margin-right: calc(calc(16px / 4) * -1);
1113
+ margin-right: calc(4px * -1);
1137
1114
  margin-right: calc(var(--space-smaller) * -1);
1138
1115
  }
1139
1116
 
@@ -1153,7 +1130,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1153
1130
  transparent 75%,
1154
1131
  transparent 100%
1155
1132
  );
1156
- background-size: calc(16px * 2) calc(16px * 2);
1133
+ background-size: 32px 32px;
1157
1134
  background-size: var(--space-larger) var(--space-larger);
1158
1135
  pointer-events: none;
1159
1136
  cursor: not-allowed;
@@ -1187,7 +1164,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1187
1164
  }
1188
1165
 
1189
1166
  100% {
1190
- background-position: calc(16px * 2) calc(16px * 2);
1167
+ background-position: 32px 32px;
1191
1168
  background-position: var(--space-larger) var(--space-larger);
1192
1169
  }
1193
1170
  }
@@ -1198,7 +1175,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1198
1175
  }
1199
1176
 
1200
1177
  100% {
1201
- background-position: calc(16px * 2) calc(16px * 2);
1178
+ background-position: 32px 32px;
1202
1179
  background-position: var(--space-larger) var(--space-larger);
1203
1180
  }
1204
1181
  }
@@ -1207,13 +1184,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1207
1184
  display: -ms-flexbox;
1208
1185
  display: flex;
1209
1186
  position: relative;
1210
- right: calc(16px / 2);
1187
+ right: 8px;
1211
1188
  right: var(--space-small);
1212
1189
  z-index: 1002;
1213
1190
  z-index: var(--elevation-tooltip);
1214
- width: calc(16px * 1.5);
1191
+ width: 24px;
1215
1192
  width: var(--space-large);
1216
- height: calc(16px * 1.5);
1193
+ height: 24px;
1217
1194
  height: var(--space-large);
1218
1195
  padding: 0;
1219
1196
  border: none;
@@ -1242,13 +1219,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1242
1219
  }
1243
1220
 
1244
1221
  .t1fFX8kDJh8-:focus-visible {
1245
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
1246
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
1222
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1247
1223
  box-shadow: var(--shadow-focus);
1248
1224
  }
1249
1225
 
1250
1226
  .sc-bFJieXBA- {
1251
- margin-top: calc(16px / 4);
1227
+ margin-top: 4px;
1252
1228
  margin-top: var(--space-smaller);
1253
1229
  }
1254
1230
 
@@ -1257,13 +1233,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1257
1233
  display: flex;
1258
1234
  -ms-flex-align: center;
1259
1235
  align-items: center;
1260
- padding: calc(16px / 4);
1236
+ padding: 4px;
1261
1237
  padding: var(--space-smaller);
1262
1238
  padding-left: 0;
1263
1239
  }
1264
1240
 
1265
1241
  .xybhC5Y6mk4- > svg {
1266
- margin-right: calc(16px / 4);
1242
+ margin-right: 4px;
1267
1243
  margin-right: var(--space-smaller);
1268
1244
  -ms-flex-negative: 0;
1269
1245
  flex-shrink: 0;
@@ -1272,24 +1248,22 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1272
1248
  }
1273
1249
 
1274
1250
  .xybhC5Y6mk4-:focus {
1275
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
1276
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
1251
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1277
1252
  box-shadow: var(--shadow-focus);
1278
1253
  outline: none;
1279
1254
  }
1280
1255
 
1281
1256
  .uoU-LfjFDv0- {
1282
- width: calc(16px * 2);
1257
+ width: 32px;
1283
1258
  width: var(--space-larger);
1284
- height: calc(16px * 2);
1259
+ height: 32px;
1285
1260
  height: var(--space-larger);
1286
1261
  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
1287
1262
  border: solid hsl(198, 25%, 33%);
1288
1263
  border: solid var(--color-inactive);
1289
1264
  border-top-color: rgba(255, 255, 255, 1);
1290
1265
  border-top-color: var(--color-white);
1291
- border-width: calc((16px / 2) * 0.75);
1292
- border-width: calc(calc(16px / 2) * 0.75);
1266
+ border-width: calc(8px * 0.75);
1293
1267
  border-width: calc(var(--space-small) * 0.75);
1294
1268
  border-radius: 100%;
1295
1269
  border-radius: var(--radius-circle);
@@ -1333,18 +1307,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1333
1307
  }
1334
1308
 
1335
1309
  .cLRQwkSqnhA- {
1336
- width: calc(16px * 1);
1310
+ width: 16px;
1337
1311
  width: var(--space-base);
1338
- height: calc(16px * 1);
1312
+ height: 16px;
1339
1313
  height: var(--space-base);
1340
- border-width: calc(16px / 4);
1314
+ border-width: 4px;
1341
1315
  border-width: var(--space-smaller);
1342
1316
  }
1343
1317
 
1344
1318
  .h6O4vDPCWOQ- {
1345
1319
  display: inline-block;
1346
- margin-top: calc((16px / 4) * -1);
1347
- margin-top: calc(calc(16px / 4) * -1);
1320
+ margin-top: calc(4px * -1);
1348
1321
  margin-top: calc(var(--space-smaller) * -1);
1349
1322
  vertical-align: middle;
1350
1323
  }
@@ -1385,8 +1358,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1385
1358
  }
1386
1359
 
1387
1360
  .WniTNadEyPk-:focus {
1388
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
1389
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
1361
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1390
1362
  box-shadow: var(--shadow-focus);
1391
1363
  outline: none;
1392
1364
  }
@@ -1419,7 +1391,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1419
1391
  .nR0S-GzjDnQ- {
1420
1392
  width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
1421
1393
  height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
1422
- box-shadow: 0 0 0 calc(16px / 8) rgba(255, 255, 255, 1) inset;
1394
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
1423
1395
  box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
1424
1396
  border-style: solid;
1425
1397
  border-width: var(--avatar-border-size);
@@ -1429,14 +1401,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1429
1401
  display: -ms-flexbox;
1430
1402
  display: flex;
1431
1403
  position: relative;
1432
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
1433
- rgba(0, 0, 0, 0.1),
1434
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
1404
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1435
1405
  box-shadow: var(--shadow-base);
1436
- padding: calc((16px * 1) - (16px / 4)) calc(16px * 1);
1437
- padding: calc(calc(16px * 1) - calc(16px / 4)) calc(16px * 1);
1406
+ padding: calc(16px - 4px) 16px;
1438
1407
  padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);
1439
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
1408
+ border: 1px solid hsl(200, 13%, 87%);
1440
1409
  border: var(--border-base) solid var(--color-border);
1441
1410
  border-radius: 8px;
1442
1411
  border-radius: var(--radius-base);
@@ -1444,7 +1413,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1444
1413
  color: var(--color-text);
1445
1414
  background-color: rgba(255, 255, 255, 1);
1446
1415
  background-color: var(--color-surface);
1447
- gap: calc(16px / 2);
1416
+ gap: 8px;
1448
1417
  gap: var(--space-small);
1449
1418
  -ms-flex-align: center;
1450
1419
  align-items: center;
@@ -1465,7 +1434,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1465
1434
  display: flex;
1466
1435
  -ms-flex: 1 1 auto;
1467
1436
  flex: 1 1 auto;
1468
- gap: calc(16px / 2);
1437
+ gap: 8px;
1469
1438
  gap: var(--space-small);
1470
1439
  -ms-flex-wrap: nowrap;
1471
1440
  flex-wrap: nowrap;
@@ -1518,7 +1487,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1518
1487
 
1519
1488
  .rtNjEzmABX4- {
1520
1489
  width: 100%;
1521
- margin-top: calc(16px / 2);
1490
+ margin-top: 8px;
1522
1491
  margin-top: var(--space-small);
1523
1492
  }
1524
1493
  }
@@ -1527,14 +1496,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1527
1496
 
1528
1497
  .rtNjEzmABX4- {
1529
1498
  width: 100%;
1530
- margin-top: calc(16px / 2);
1499
+ margin-top: 8px;
1531
1500
  margin-top: var(--space-small);
1532
1501
  }
1533
1502
  }
1534
1503
 
1535
1504
  .lunQ5SOfyLg- {
1536
- margin: calc((16px / 8) * -1) 0;
1537
- margin: calc(calc(16px / 8) * -1) 0;
1505
+ margin: calc(2px * -1) 0;
1538
1506
  margin: calc(var(--space-smallest) * -1) 0;
1539
1507
  -ms-flex-item-align: start;
1540
1508
  align-self: flex-start;
@@ -1543,8 +1511,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1543
1511
  @media (max-width: 489px) {
1544
1512
 
1545
1513
  .lunQ5SOfyLg- {
1546
- margin: calc((16px / 2) * -1) 0;
1547
- margin: calc(calc(16px / 2) * -1) 0;
1514
+ margin: calc(8px * -1) 0;
1548
1515
  margin: calc(var(--space-small) * -1) 0;
1549
1516
  }
1550
1517
  }
@@ -1552,8 +1519,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1552
1519
  @media (--small-screens-and-below) {
1553
1520
 
1554
1521
  .lunQ5SOfyLg- {
1555
- margin: calc((16px / 2) * -1) 0;
1556
- margin: calc(calc(16px / 2) * -1) 0;
1522
+ margin: calc(8px * -1) 0;
1557
1523
  margin: calc(var(--space-small) * -1) 0;
1558
1524
  }
1559
1525
  }
@@ -1561,7 +1527,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1561
1527
  .SG8xSJADp2k- {
1562
1528
  display: -ms-inline-flexbox;
1563
1529
  display: inline-flex;
1564
- padding: calc(16px / 4);
1530
+ padding: 4px;
1565
1531
  padding: var(--space-smaller);
1566
1532
  border-radius: 100%;
1567
1533
  border-radius: var(--radius-circle);
@@ -1719,52 +1685,52 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1719
1685
  }
1720
1686
 
1721
1687
  .I110VRFhS6g- {
1722
- gap: calc(16px / 16);
1688
+ gap: 1px;
1723
1689
  gap: var(--space-minuscule);
1724
1690
  }
1725
1691
 
1726
1692
  .-KwWkSHD3jc- {
1727
- gap: calc(16px / 8);
1693
+ gap: 2px;
1728
1694
  gap: var(--space-smallest);
1729
1695
  }
1730
1696
 
1731
1697
  .lqrj9tAPw08- {
1732
- gap: calc(16px / 4);
1698
+ gap: 4px;
1733
1699
  gap: var(--space-smaller);
1734
1700
  }
1735
1701
 
1736
1702
  .u7CUJIhbDX0- {
1737
- gap: calc(16px / 2);
1703
+ gap: 8px;
1738
1704
  gap: var(--space-small);
1739
1705
  }
1740
1706
 
1741
1707
  .-j6RcvHioPk- {
1742
- gap: calc(16px * 1);
1708
+ gap: 16px;
1743
1709
  gap: var(--space-base);
1744
1710
  }
1745
1711
 
1746
1712
  .YTSq8sF1JOU- {
1747
- gap: calc(16px * 1.5);
1713
+ gap: 24px;
1748
1714
  gap: var(--space-large);
1749
1715
  }
1750
1716
 
1751
1717
  ._6UC4S5oet7U- {
1752
- gap: calc(16px * 2);
1718
+ gap: 32px;
1753
1719
  gap: var(--space-larger);
1754
1720
  }
1755
1721
 
1756
1722
  .UHSg4Quc-FU- {
1757
- gap: calc(16px * 3);
1723
+ gap: 48px;
1758
1724
  gap: var(--space-largest);
1759
1725
  }
1760
1726
 
1761
1727
  ._1cDbd49j8rQ- {
1762
- gap: calc(16px * 4);
1728
+ gap: 64px;
1763
1729
  gap: var(--space-extravagant);
1764
1730
  }
1765
1731
 
1766
1732
  ._2WZlkl6zzOM- {
1767
- border-radius: calc(8px / 2);
1733
+ border-radius: 4px;
1768
1734
  border-radius: var(--radius-small);
1769
1735
  }
1770
1736
 
@@ -1774,12 +1740,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1774
1740
  }
1775
1741
 
1776
1742
  .zZn1OwyCsDs- {
1777
- border-radius: calc(8px * 2);
1743
+ border-radius: 16px;
1778
1744
  border-radius: var(--radius-large);
1779
1745
  }
1780
1746
 
1781
1747
  ._8sjm89Pi2OU- {
1782
- border-radius: calc(8px * 3);
1748
+ border-radius: 24px;
1783
1749
  border-radius: var(--radius-larger);
1784
1750
  }
1785
1751
 
@@ -1795,7 +1761,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1795
1761
 
1796
1762
  display: block;
1797
1763
  width: 100%;
1798
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
1764
+ border: 1px solid hsl(200, 13%, 87%);
1799
1765
  border: var(--card--border);
1800
1766
  border-radius: 8px;
1801
1767
  border-radius: var(--radius-base);
@@ -1828,8 +1794,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1828
1794
  ._5LfUFF9DYsk-::before {
1829
1795
  content: " ";
1830
1796
  display: block;
1831
- margin: 0 calc(-1 * (16px / 16));
1832
- margin: 0 calc(-1 * calc(16px / 16));
1797
+ margin: 0 calc(-1 * 1px);
1833
1798
  margin: 0 calc(-1 * var(--border-base));
1834
1799
  border-top: 0.375rem solid var(--card--accent-color);
1835
1800
  border-radius: 8px 8px 0 0;
@@ -1839,9 +1804,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1839
1804
  .tRfpysqqk8s- {
1840
1805
  --card--border: none;
1841
1806
 
1842
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
1843
- rgba(0, 0, 0, 0.1),
1844
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
1807
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1845
1808
 
1846
1809
  box-shadow: var(--shadow-base);
1847
1810
  color: inherit;
@@ -1866,7 +1829,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1866
1829
  justify-content: space-between;
1867
1830
  -ms-flex-align: start;
1868
1831
  align-items: flex-start;
1869
- gap: calc(16px / 2);
1832
+ gap: 8px;
1870
1833
  gap: var(--space-small);
1871
1834
  }
1872
1835
 
@@ -2233,14 +2196,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2233
2196
  z-index: 1001;
2234
2197
  z-index: var(--elevation-modal);
2235
2198
  max-height: 72vh;
2236
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
2237
- rgba(0, 0, 0, 0.1),
2238
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
2199
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
2239
2200
  box-shadow: var(--shadow-base);
2240
- padding: calc(16px / 2);
2201
+ padding: 8px;
2241
2202
  padding: var(--menu-space);
2242
- padding-bottom: calc(env(safe-area-inset-bottom) + (16px / 2));
2243
- padding-bottom: calc(env(safe-area-inset-bottom) + calc(16px / 2));
2203
+ padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
2244
2204
  padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));
2245
2205
  border-radius: 8px 8px 0 0;
2246
2206
  border-radius: var(--radius-base) var(--radius-base) 0 0;
@@ -2276,7 +2236,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2276
2236
  width: calc(16px * 12.5);
2277
2237
  width: calc(var(--base-unit) * 12.5);
2278
2238
  padding: var(--menu-space);
2279
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2239
+ border: 1px solid hsl(200, 13%, 87%);
2280
2240
  border: var(--border-base) solid var(--color-border);
2281
2241
  border-radius: 8px;
2282
2242
  border-radius: var(--radius-base);
@@ -2290,7 +2250,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2290
2250
  width: calc(16px * 12.5);
2291
2251
  width: calc(var(--base-unit) * 12.5);
2292
2252
  padding: var(--menu-space);
2293
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2253
+ border: 1px solid hsl(200, 13%, 87%);
2294
2254
  border: var(--border-base) solid var(--color-border);
2295
2255
  border-radius: 8px;
2296
2256
  border-radius: var(--radius-base);
@@ -2300,7 +2260,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2300
2260
 
2301
2261
  .LaKFjYCLHZc- {
2302
2262
  padding: var(--menu-space) 0;
2303
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
2263
+ border-bottom: 1px solid hsl(200, 13%, 87%);
2304
2264
  border-bottom: var(--border-base) solid var(--color-border);
2305
2265
  }
2306
2266
 
@@ -2445,9 +2405,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2445
2405
  width: var(--checkbox--size);
2446
2406
  height: var(--checkbox--size);
2447
2407
  box-sizing: border-box;
2448
- border: calc(16px / 8) solid var(--checkbox--border--unchecked);
2408
+ border: 2px solid var(--checkbox--border--unchecked);
2449
2409
  border: var(--border-thick) solid var(--checkbox--border--unchecked);
2450
- border-radius: calc(8px / 2);
2410
+ border-radius: 4px;
2451
2411
  border-radius: var(--radius-small);
2452
2412
  background-color: rgba(255, 255, 255, 1);
2453
2413
  background-color: var(--color-surface);
@@ -2472,8 +2432,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2472
2432
  }
2473
2433
 
2474
2434
  .rup0RBe4DNU-:focus-visible + .lOQVnJA7zPM- {
2475
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
2476
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
2435
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2477
2436
  box-shadow: var(--shadow-focus);
2478
2437
  }
2479
2438
 
@@ -2498,17 +2457,16 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2498
2457
  }
2499
2458
 
2500
2459
  .eHENKCs5umc- {
2501
- margin: 0 calc(16px / 2);
2460
+ margin: 0 8px;
2502
2461
  margin: 0 var(--space-small);
2503
- margin-top: calc(16px / 8);
2462
+ margin-top: 2px;
2504
2463
  margin-top: var(--space-smallest);
2505
2464
  }
2506
2465
 
2507
2466
  .fSEH0cAO9cI- {
2508
- margin-bottom: calc(16px / 2);
2467
+ margin-bottom: 8px;
2509
2468
  margin-bottom: var(--space-small);
2510
- padding-left: calc(var(--checkbox--size) + (16px / 2));
2511
- padding-left: calc(var(--checkbox--size) + calc(16px / 2));
2469
+ padding-left: calc(var(--checkbox--size) + 8px);
2512
2470
  padding-left: calc(var(--checkbox--size) + var(--space-small));
2513
2471
  }
2514
2472
 
@@ -2528,9 +2486,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2528
2486
  height: 40px;
2529
2487
  height: var(--chip-height);
2530
2488
  min-width: 0;
2531
- padding: calc(16px / 2) 16px;
2489
+ padding: 8px 16px;
2532
2490
  padding: var(--space-small) var(--base-unit);
2533
- border: calc(16px / 16) solid transparent;
2491
+ border: 1px solid transparent;
2534
2492
  border: var(--border-base) solid transparent;
2535
2493
  border-radius: 20px;
2536
2494
  border-radius: var(--chip-radius);
@@ -2545,41 +2503,35 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2545
2503
  }
2546
2504
 
2547
2505
  .af7U8MvcbHE-:focus,
2548
- .af7U8MvcbHE-:focus-visible {
2549
- outline: none;
2550
- }
2551
-
2552
- .af7U8MvcbHE-:focus-visible {
2553
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
2554
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
2555
- box-shadow: var(--shadow-focus);
2506
+ .af7U8MvcbHE-:focus-visible,
2507
+ .GnA73aYUbak-:focus-visible {
2508
+ outline: transparent;
2556
2509
  }
2557
2510
 
2558
- .af7U8MvcbHE- .e905AYK4SCc- {
2559
- margin-left: calc(-1 * (16px / 2));
2560
- margin-left: calc(-1 * calc(16px / 2));
2561
- margin-left: calc(-1 * var(--space-small));
2562
- margin-right: calc(16px / 2);
2563
- margin-right: var(--space-small);
2511
+ .af7U8MvcbHE- .GnA73aYUbak- {
2512
+ padding: 0;
2513
+ border: none;
2514
+ cursor: pointer;
2564
2515
  }
2565
2516
 
2566
- .af7U8MvcbHE- .ySADfZ0FckM- {
2567
- margin-left: calc(16px / 2);
2517
+ .af7U8MvcbHE- .ySADfZ0FckM-,
2518
+ .af7U8MvcbHE- .GnA73aYUbak- {
2519
+ margin-left: 8px;
2568
2520
  margin-left: var(--space-small);
2569
- margin-right: calc(-1 * (16px / 2));
2570
- margin-right: calc(-1 * calc(16px / 2));
2521
+ margin-right: calc(-1 * 8px);
2571
2522
  margin-right: calc(-1 * var(--space-small));
2572
2523
  background-color: rgba(255, 255, 255, 1);
2573
2524
  background-color: var(--color-surface);
2574
2525
  }
2575
2526
 
2576
2527
  .af7U8MvcbHE- .e905AYK4SCc-,
2577
- .af7U8MvcbHE- .ySADfZ0FckM- {
2528
+ .af7U8MvcbHE- .ySADfZ0FckM-,
2529
+ .af7U8MvcbHE- .GnA73aYUbak- {
2578
2530
  display: -ms-flexbox;
2579
2531
  display: flex;
2580
- width: calc(16px * 1.5);
2532
+ width: 24px;
2581
2533
  width: var(--space-large);
2582
- height: calc(16px * 1.5);
2534
+ height: 24px;
2583
2535
  height: var(--space-large);
2584
2536
  -ms-flex-negative: 0;
2585
2537
  flex-shrink: 0;
@@ -2591,17 +2543,35 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2591
2543
  justify-content: center;
2592
2544
  }
2593
2545
 
2546
+ .GnA73aYUbak-:hover {
2547
+ background-color: hsl(53, 21%, 93%);
2548
+ background-color: var(--color-surface--hover);
2549
+ }
2550
+
2551
+ .af7U8MvcbHE-:focus-visible,
2552
+ .af7U8MvcbHE- .GnA73aYUbak-:focus-visible {
2553
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2554
+ box-shadow: var(--shadow-focus);
2555
+ }
2556
+
2557
+ .af7U8MvcbHE- .e905AYK4SCc- {
2558
+ margin-left: calc(-1 * 8px);
2559
+ margin-left: calc(-1 * var(--space-small));
2560
+ margin-right: 8px;
2561
+ margin-right: var(--space-small);
2562
+ }
2563
+
2594
2564
  .af7U8MvcbHE- .e905AYK4SCc-.usdkmQ9Sxbk-,
2595
2565
  .af7U8MvcbHE- .ySADfZ0FckM-.usdkmQ9Sxbk- {
2596
2566
  display: none;
2597
2567
  }
2598
2568
 
2599
2569
  .af7U8MvcbHE- .dg1-Izy1eQA- {
2600
- width: calc(16px / 16);
2570
+ width: 1px;
2601
2571
  width: var(--space-minuscule);
2602
2572
  height: 16px;
2603
2573
  height: var(--base-unit);
2604
- margin: 0 calc(16px / 2);
2574
+ margin: 0 8px;
2605
2575
  margin: 0 var(--space-small);
2606
2576
  background-color: hsl(197, 15%, 45%);
2607
2577
  background-color: var(--color-text--secondary);
@@ -2615,7 +2585,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2615
2585
  }
2616
2586
 
2617
2587
  .wSI5L-5rODg- {
2618
- border: calc(16px / 16) solid transparent;
2588
+ border: 1px solid transparent;
2619
2589
  border: var(--border-base) solid transparent;
2620
2590
  color: hsl(197, 90%, 12%);
2621
2591
  color: var(--color-heading);
@@ -2635,7 +2605,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2635
2605
  .Mux23dmZSuw-.SmUxkzpIC84-,
2636
2606
  .Mux23dmZSuw-.SmUxkzpIC84-:hover,
2637
2607
  .Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {
2638
- border: calc(16px / 16) solid hsl(6, 64%, 51%);
2608
+ border: 1px solid hsl(6, 64%, 51%);
2639
2609
  border: var(--border-base) solid var(--color-critical);
2640
2610
  background-color: hsl(7, 63%, 95%);
2641
2611
  background-color: var(--color-critical--surface);
@@ -2656,7 +2626,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2656
2626
  }
2657
2627
 
2658
2628
  .Mux23dmZSuw- {
2659
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2629
+ border: 1px solid hsl(200, 13%, 87%);
2660
2630
  border: var(--border-base) solid var(--color-border--interactive);
2661
2631
  background-color: rgba(255, 255, 255, 1);
2662
2632
  background-color: var(--color-surface);
@@ -2673,7 +2643,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2673
2643
  }
2674
2644
 
2675
2645
  .Mux23dmZSuw-:hover {
2676
- border: calc(16px / 16) solid var(--chip-base-bg);
2646
+ border: 1px solid var(--chip-base-bg);
2677
2647
  border: var(--border-base) solid var(--chip-base-bg);
2678
2648
  background-color: var(--chip-base-bg);
2679
2649
  --chip--gradient-color-variation--hover: var(--chip-base-bg);
@@ -2690,7 +2660,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2690
2660
  .MbRItb9vKhc-,
2691
2661
  .MbRItb9vKhc-:hover,
2692
2662
  .MbRItb9vKhc-:focus-visible {
2693
- border: calc(16px / 16) solid hsl(0, 0%, 93%);
2663
+ border: 1px solid hsl(0, 0%, 93%);
2694
2664
  border: var(--border-base) solid var(--color-disabled--secondary);
2695
2665
  color: hsl(0, 0%, 72%);
2696
2666
  color: var(--color-disabled);
@@ -2739,7 +2709,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2739
2709
  position: absolute;
2740
2710
  top: 0;
2741
2711
  right: 0;
2742
- width: calc(16px * 1);
2712
+ width: 16px;
2743
2713
  width: var(--space-base);
2744
2714
  height: 100%;
2745
2715
  background: linear-gradient(
@@ -2793,8 +2763,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2793
2763
  display: inline-block;
2794
2764
  position: relative;
2795
2765
  max-width: 250px;
2796
- padding: calc((16px * 1) - (16px / 8)) calc(16px * 1);
2797
- padding: calc(calc(16px * 1) - calc(16px / 8)) calc(16px * 1);
2766
+ padding: calc(16px - 2px) 16px;
2798
2767
  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);
2799
2768
  border-radius: 8px;
2800
2769
  border-radius: var(--radius-base);
@@ -2818,7 +2787,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2818
2787
  }
2819
2788
 
2820
2789
  .DpxWsz9QuIo- {
2821
- padding-bottom: calc(16px / 2);
2790
+ padding-bottom: 8px;
2822
2791
  padding-bottom: var(--space-small);
2823
2792
  }
2824
2793
 
@@ -2832,7 +2801,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2832
2801
  }
2833
2802
 
2834
2803
  ._5RblY1rnJOA- {
2835
- padding-top: calc(16px / 2);
2804
+ padding-top: 8px;
2836
2805
  padding-top: var(--space-small);
2837
2806
  }
2838
2807
 
@@ -2846,7 +2815,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2846
2815
  }
2847
2816
 
2848
2817
  .C9MXsqd4wLM- {
2849
- padding-right: calc(16px / 2);
2818
+ padding-right: 8px;
2850
2819
  padding-right: var(--space-small);
2851
2820
  }
2852
2821
 
@@ -2860,7 +2829,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2860
2829
  }
2861
2830
 
2862
2831
  ._2ZZcgQ4fJ-k- {
2863
- padding-left: calc(16px / 2);
2832
+ padding-left: 8px;
2864
2833
  padding-left: var(--space-small);
2865
2834
  }
2866
2835
 
@@ -2877,8 +2846,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2877
2846
  margin: 0;
2878
2847
  color: rgba(255, 255, 255, 1);
2879
2848
  color: var(--color-text--reverse);
2880
- font-size: calc((16px * 1) * 0.875);
2881
- font-size: calc(calc(16px * 1) * 0.875);
2849
+ font-size: 14px;
2882
2850
  font-size: var(--typography--fontSize-base);
2883
2851
  font-weight: 600;
2884
2852
  line-height: 1.25;
@@ -2894,7 +2862,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2894
2862
  .zn6onyiQVmA- {
2895
2863
  display: -ms-flexbox;
2896
2864
  display: flex;
2897
- gap: calc(16px / 2);
2865
+ gap: 8px;
2898
2866
  gap: var(--space-small);
2899
2867
  -ms-flex-wrap: wrap;
2900
2868
  flex-wrap: wrap;
@@ -2907,11 +2875,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2907
2875
  position: relative;
2908
2876
  max-width: 100%;
2909
2877
  box-sizing: border-box;
2910
- padding: calc(16px / 2);
2878
+ padding: 8px;
2911
2879
  padding: var(--space-small);
2912
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2880
+ border: 1px solid hsl(200, 13%, 87%);
2913
2881
  border: var(--border-base) solid var(--color-border--interactive);
2914
- border-radius: calc(8px * 3);
2882
+ border-radius: 24px;
2915
2883
  border-radius: var(--radius-larger);
2916
2884
  color: hsl(197, 15%, 45%);
2917
2885
  color: var(--color-text--secondary);
@@ -2926,14 +2894,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2926
2894
  grid-template-columns: max-content;
2927
2895
  -ms-flex-align: center;
2928
2896
  align-items: center;
2929
- gap: calc(16px / 2);
2897
+ gap: 8px;
2930
2898
  gap: var(--space-small);
2931
2899
  }
2932
2900
 
2933
2901
  .dtysUhwYdG4-,
2934
2902
  .xGaMCAYsdwA- {
2935
- padding: calc((16px / 4) + (16px / 8)) calc(16px / 2);
2936
- padding: calc(calc(16px / 4) + calc(16px / 8)) calc(16px / 2);
2903
+ padding: calc(4px + 2px) 8px;
2937
2904
  padding: calc(var(--space-smaller) + var(--space-smallest)) var(--space-small);
2938
2905
  }
2939
2906
 
@@ -2954,9 +2921,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2954
2921
 
2955
2922
  .SNT7gGV-h-o-,
2956
2923
  .W4D98cvEth4- ~ .PEnZzMEgbhU- {
2957
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
2958
- rgba(0, 0, 0, 0.1),
2959
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
2924
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
2960
2925
  box-shadow: var(--shadow-base);
2961
2926
  cursor: pointer;
2962
2927
  -webkit-appearance: none;
@@ -2969,8 +2934,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2969
2934
 
2970
2935
  .PEnZzMEgbhU-:focus,
2971
2936
  .W4D98cvEth4-:focus ~ .PEnZzMEgbhU- {
2972
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
2973
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
2937
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2974
2938
  box-shadow: var(--shadow-focus);
2975
2939
  outline: none;
2976
2940
  }
@@ -3065,8 +3029,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3065
3029
 
3066
3030
  ._0-ZWexS4Gfg-:focus,
3067
3031
  .SNT7gGV-h-o- ._0-ZWexS4Gfg-:hover {
3068
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3069
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3032
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3070
3033
  box-shadow: var(--shadow-focus);
3071
3034
  outline: none;
3072
3035
  }
@@ -3094,13 +3057,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3094
3057
  display: flex;
3095
3058
  position: relative;
3096
3059
  box-sizing: border-box;
3097
- border: calc(16px / 16) solid transparent;
3060
+ border: 1px solid transparent;
3098
3061
  border: var(--border-base) solid transparent;
3099
3062
  border-radius: 8px;
3100
3063
  border-radius: var(--radius-base);
3101
3064
  transition: all 200ms;
3102
3065
  transition: all var(--timing-base);
3103
- gap: calc(16px / 2);
3066
+ gap: 8px;
3104
3067
  gap: var(--space-small);
3105
3068
  -ms-flex-wrap: wrap;
3106
3069
  flex-wrap: wrap;
@@ -3112,14 +3075,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3112
3075
  -ms-flex: 1;
3113
3076
  flex: 1;
3114
3077
  min-width: 120px;
3115
- padding: calc(16px / 2) 0;
3078
+ padding: 8px 0;
3116
3079
  padding: var(--space-small) 0;
3117
3080
  border: none;
3118
3081
  border-radius: 0;
3119
3082
  color: inherit;
3120
3083
  font-family: inherit;
3121
3084
  font-size: inherit;
3122
- font-size: calc(calc(16px * 1) * 0.875);
3085
+ font-size: 14px;
3123
3086
  font-size: var(--typography--fontSize-base);
3124
3087
  line-height: 1.25;
3125
3088
  line-height: var(--typography--lineHeight-base);
@@ -3141,11 +3104,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3141
3104
 
3142
3105
  .LdytkOeCU9c- {
3143
3106
  max-height: 320px;
3144
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
3145
- rgba(0, 0, 0, 0.1),
3146
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
3107
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3147
3108
  box-shadow: var(--shadow-base);
3148
- padding: calc(16px / 2) 0;
3109
+ padding: 8px 0;
3149
3110
  padding: var(--space-small) 0;
3150
3111
  border-radius: 8px;
3151
3112
  border-radius: var(--radius-base);
@@ -3159,7 +3120,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3159
3120
  display: -ms-flexbox;
3160
3121
  display: flex;
3161
3122
  width: 100%;
3162
- padding: calc(16px / 2);
3123
+ padding: 8px;
3163
3124
  padding: var(--space-small);
3164
3125
  border: none;
3165
3126
  background-color: transparent;
@@ -3168,13 +3129,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3168
3129
  appearance: none;
3169
3130
  -ms-flex-align: center;
3170
3131
  align-items: center;
3171
- gap: calc(16px / 2);
3132
+ gap: 8px;
3172
3133
  gap: var(--space-small);
3173
3134
  }
3174
3135
 
3175
3136
  .y7Cz2u8BuNE-:focus {
3176
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3177
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3137
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3178
3138
  box-shadow: var(--shadow-focus);
3179
3139
  }
3180
3140
 
@@ -3193,16 +3153,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3193
3153
  .m1w5vdUZ6rQ- {
3194
3154
  z-index: 1002;
3195
3155
  z-index: var(--elevation-tooltip);
3196
- width: calc((16px * 4) * 3.75);
3197
- width: calc(calc(16px * 4) * 3.75);
3156
+ width: calc(64px * 3.75);
3198
3157
  width: calc(var(--space-extravagant) * 3.75);
3199
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
3200
- rgba(0, 0, 0, 0.1),
3201
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
3158
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3202
3159
  box-shadow: var(--shadow-base);
3203
- margin-top: calc(16px / 2);
3160
+ margin-top: 8px;
3204
3161
  margin-top: var(--space-small);
3205
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
3162
+ border: 1px solid hsl(200, 13%, 87%);
3206
3163
  border: var(--border-base) solid var(--color-border);
3207
3164
  border-radius: 8px;
3208
3165
  border-radius: var(--radius-base);
@@ -3226,8 +3183,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3226
3183
  }
3227
3184
 
3228
3185
  .m1w5vdUZ6rQ-:focus-visible {
3229
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3230
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3186
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3231
3187
  box-shadow: var(--shadow-focus);
3232
3188
  }
3233
3189
 
@@ -3237,7 +3193,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3237
3193
  -ms-flex-direction: column;
3238
3194
  flex-direction: column;
3239
3195
  position: sticky;
3240
- gap: calc(16px / 4);
3196
+ gap: 4px;
3241
3197
  gap: var(--space-smaller);
3242
3198
  bottom: 0;
3243
3199
  width: 100%;
@@ -3246,7 +3202,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3246
3202
  }
3247
3203
 
3248
3204
  .TcpqL34s4lI- {
3249
- padding-bottom: calc(16px / 2);
3205
+ padding-bottom: 8px;
3250
3206
  padding-bottom: var(--space-small);
3251
3207
  }
3252
3208
 
@@ -3256,19 +3212,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3256
3212
 
3257
3213
  .WZPK91I4aJs- {
3258
3214
  width: 100%;
3259
- padding: calc(16px * 1);
3215
+ padding: 16px;
3260
3216
  padding: var(--space-base);
3261
- padding-right: calc((16px * 1.5) * 2.25);
3262
- padding-right: calc(calc(16px * 1.5) * 2.25);
3217
+ padding-right: calc(24px * 2.25);
3263
3218
  padding-right: calc(var(--space-large) * 2.25);
3264
3219
  border: none;
3265
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
3220
+ border-bottom: 1px solid hsl(200, 13%, 87%);
3266
3221
  border-bottom: var(--border-base) solid var(--color-border);
3267
3222
  color: var(--field-value-color);
3268
- font-family: "Inter", Helvetica, Arial, sans-serif;
3223
+ font-family: Inter, Helvetica, Arial, sans-serif;
3269
3224
  font-family: var(--typography--fontFamily-normal);
3270
- font-size: calc((16px * 1) * 0.875);
3271
- font-size: calc(calc(16px * 1) * 0.875);
3225
+ font-size: 14px;
3272
3226
  font-size: var(--typography--fontSize-base);
3273
3227
  background-color: rgba(255, 255, 255, 1);
3274
3228
  background-color: var(--color-surface);
@@ -3290,13 +3244,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3290
3244
  display: flex;
3291
3245
  position: absolute;
3292
3246
  top: 50%;
3293
- right: calc(16px * 1);
3247
+ right: 16px;
3294
3248
  right: var(--space-base);
3295
3249
  z-index: 1002;
3296
3250
  z-index: var(--elevation-tooltip);
3297
- width: calc(16px * 1.5);
3251
+ width: 24px;
3298
3252
  width: var(--space-large);
3299
- height: calc(16px * 1.5);
3253
+ height: 24px;
3300
3254
  height: var(--space-large);
3301
3255
  padding: 0;
3302
3256
  border: none;
@@ -3318,8 +3272,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3318
3272
  }
3319
3273
 
3320
3274
  ._7loHrVUe-Rk-:focus-visible {
3321
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3322
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3275
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3323
3276
  box-shadow: var(--shadow-focus);
3324
3277
  }
3325
3278
 
@@ -3340,14 +3293,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3340
3293
  background-image: linear-gradient(
3341
3294
  90deg,
3342
3295
  transparent 0px,
3343
- rgba(255, 255, 255, 0.8) calc(16px * 2),
3344
- transparent calc(16px * 4)
3296
+ rgba(255, 255, 255, 0.8) 32px,
3297
+ transparent 64px
3345
3298
  );
3346
3299
  background-image: linear-gradient(
3347
3300
  90deg,
3348
3301
  transparent 0px,
3349
- rgba(255, 255, 255, 80%) calc(16px * 2),
3350
- transparent calc(16px * 4)
3302
+ rgba(255, 255, 255, 80%) 32px,
3303
+ transparent 64px
3351
3304
  );
3352
3305
  background-image: linear-gradient(
3353
3306
  90deg,
@@ -3356,7 +3309,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3356
3309
  transparent var(--space-extravagant)
3357
3310
  );
3358
3311
  background-repeat: no-repeat;
3359
- background-size: calc(16px * 4) 100%;
3312
+ background-size: 64px 100%;
3360
3313
  background-size: var(--space-extravagant) 100%;
3361
3314
  -webkit-animation: FXzzrJAf890- 2s infinite linear;
3362
3315
  animation: FXzzrJAf890- 2s infinite linear;
@@ -3380,14 +3333,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3380
3333
  @-webkit-keyframes FXzzrJAf890- {
3381
3334
  0%,
3382
3335
  20% {
3383
- background-position-x: calc((16px * 4) * -1);
3384
- background-position-x: calc(calc(16px * 4) * -1);
3336
+ background-position-x: calc(64px * -1);
3385
3337
  background-position-x: calc(var(--space-extravagant) * -1);
3386
3338
  }
3387
3339
 
3388
3340
  100% {
3389
- background-position-x: calc(100% + (16px * 4));
3390
- background-position-x: calc(100% + calc(16px * 4));
3341
+ background-position-x: calc(100% + 64px);
3391
3342
  background-position-x: calc(100% + var(--space-extravagant));
3392
3343
  }
3393
3344
  }
@@ -3395,14 +3346,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3395
3346
  @keyframes FXzzrJAf890- {
3396
3347
  0%,
3397
3348
  20% {
3398
- background-position-x: calc((16px * 4) * -1);
3399
- background-position-x: calc(calc(16px * 4) * -1);
3349
+ background-position-x: calc(64px * -1);
3400
3350
  background-position-x: calc(var(--space-extravagant) * -1);
3401
3351
  }
3402
3352
 
3403
3353
  100% {
3404
- background-position-x: calc(100% + (16px * 4));
3405
- background-position-x: calc(100% + calc(16px * 4));
3354
+ background-position-x: calc(100% + 64px);
3406
3355
  background-position-x: calc(100% + var(--space-extravagant));
3407
3356
  }
3408
3357
  }
@@ -3426,35 +3375,35 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3426
3375
  }
3427
3376
 
3428
3377
  .siUUG4rZNSk- {
3429
- height: calc(16px / 2);
3378
+ height: 8px;
3430
3379
  height: var(--space-small);
3431
3380
  }
3432
3381
 
3433
3382
  .nFuBXyrhG2Q- {
3434
- height: calc(16px * 1);
3383
+ height: 16px;
3435
3384
  height: var(--space-base);
3436
3385
  }
3437
3386
 
3438
3387
  .oiVEoAqI-fU- {
3439
- height: calc(16px * 1.5);
3388
+ height: 24px;
3440
3389
  height: var(--space-large);
3441
3390
  }
3442
3391
 
3443
3392
  .Tkmo6mSMI9Y- {
3444
- height: calc(16px * 2);
3393
+ height: 32px;
3445
3394
  height: var(--space-larger);
3446
3395
  }
3447
3396
 
3448
3397
  .uVeaD3IhD6o- {
3449
- height: calc(16px * 3);
3398
+ height: 48px;
3450
3399
  height: var(--space-largest);
3451
3400
  }
3452
3401
 
3453
3402
  ._6Wak9NLJ3VQ- {
3454
3403
  height: 100%;
3455
- min-width: calc(16px * 1);
3404
+ min-width: 16px;
3456
3405
  min-width: var(--space-base);
3457
- min-height: calc(16px * 1);
3406
+ min-height: 16px;
3458
3407
  min-height: var(--space-base);
3459
3408
  }
3460
3409
 
@@ -3492,47 +3441,47 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3492
3441
  }
3493
3442
 
3494
3443
  ._340SlNuzSDQ- > :not(:last-child) {
3495
- margin-bottom: calc(16px / 16);
3444
+ margin-bottom: 1px;
3496
3445
  margin-bottom: var(--space-minuscule);
3497
3446
  }
3498
3447
 
3499
3448
  .H1BK-YSBQBQ- > :not(:last-child) {
3500
- margin-bottom: calc(16px / 8);
3449
+ margin-bottom: 2px;
3501
3450
  margin-bottom: var(--space-smallest);
3502
3451
  }
3503
3452
 
3504
3453
  .xUe31mY0kro- > :not(:last-child) {
3505
- margin-bottom: calc(16px / 4);
3454
+ margin-bottom: 4px;
3506
3455
  margin-bottom: var(--space-smaller);
3507
3456
  }
3508
3457
 
3509
3458
  .rDJFaGPzCbE- > :not(:last-child) {
3510
- margin-bottom: calc(16px / 2);
3459
+ margin-bottom: 8px;
3511
3460
  margin-bottom: var(--space-small);
3512
3461
  }
3513
3462
 
3514
3463
  .SRYe3DkjH1c- > :not(:last-child) {
3515
- margin-bottom: calc(16px * 1);
3464
+ margin-bottom: 16px;
3516
3465
  margin-bottom: var(--space-base);
3517
3466
  }
3518
3467
 
3519
3468
  ._7TZ4MI3kr4Y- > :not(:last-child) {
3520
- margin-bottom: calc(16px * 1.5);
3469
+ margin-bottom: 24px;
3521
3470
  margin-bottom: var(--space-large);
3522
3471
  }
3523
3472
 
3524
3473
  .jvPl3aAN9PA- > :not(:last-child) {
3525
- margin-bottom: calc(16px * 2);
3474
+ margin-bottom: 32px;
3526
3475
  margin-bottom: var(--space-larger);
3527
3476
  }
3528
3477
 
3529
3478
  .fFTgb4ra1X0- > :not(:last-child) {
3530
- margin-bottom: calc(16px * 3);
3479
+ margin-bottom: 48px;
3531
3480
  margin-bottom: var(--space-largest);
3532
3481
  }
3533
3482
 
3534
3483
  .kKnfL37LO6A- > :not(:last-child) {
3535
- margin-bottom: calc(16px * 4);
3484
+ margin-bottom: 64px;
3536
3485
  margin-bottom: var(--space-extravagant);
3537
3486
  }
3538
3487
 
@@ -3543,7 +3492,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3543
3492
 
3544
3493
  .SgMzjOcdE-E- {
3545
3494
  position: relative;
3546
- padding: calc(16px / 2) 0;
3495
+ padding: 8px 0;
3547
3496
  padding: var(--space-small) 0;
3548
3497
  }
3549
3498
 
@@ -3551,9 +3500,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3551
3500
  display: -ms-flexbox;
3552
3501
  display: flex;
3553
3502
 
3554
- max-height: calc((16px / 2) * 33.33);
3555
-
3556
- max-height: calc(calc(16px / 2) * 33.33);
3503
+ max-height: calc(8px * 33.33);
3557
3504
 
3558
3505
  max-height: calc(var(--space-small) * 33.33);
3559
3506
  margin: 0;
@@ -3562,13 +3509,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3562
3509
  list-style: none;
3563
3510
  -ms-flex-direction: column;
3564
3511
  flex-direction: column;
3565
- gap: calc(16px / 4);
3512
+ gap: 4px;
3566
3513
  gap: var(--space-smaller);
3567
3514
  }
3568
3515
 
3569
3516
  ._8T5M7MGwCRE-,
3570
3517
  ._4y5NXkNeIQM- {
3571
- padding: calc(16px / 2) calc(16px * 1);
3518
+ padding: 8px 16px;
3572
3519
  padding: var(--space-small) var(--space-base);
3573
3520
  }
3574
3521
 
@@ -3579,14 +3526,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3579
3526
  position: absolute;
3580
3527
  right: 0;
3581
3528
  left: 0;
3582
- height: calc(16px * 1);
3529
+ height: 16px;
3583
3530
  height: var(--space-base);
3584
3531
  pointer-events: none;
3585
3532
  transition: opacity 0.3s ease-in-out;
3586
3533
  }
3587
3534
 
3588
3535
  .SgMzjOcdE-E-::after {
3589
- bottom: calc(16px / 2);
3536
+ bottom: 8px;
3590
3537
  bottom: var(--space-small);
3591
3538
  background: linear-gradient(
3592
3539
  180deg,
@@ -3601,7 +3548,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3601
3548
  }
3602
3549
 
3603
3550
  .SgMzjOcdE-E-::before {
3604
- top: calc(16px / 2);
3551
+ top: 8px;
3605
3552
  top: var(--space-small);
3606
3553
  background: linear-gradient(
3607
3554
  180deg,
@@ -3626,7 +3573,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3626
3573
  }
3627
3574
 
3628
3575
  .A6z4OI58xoE- {
3629
- padding: calc(16px * 1) calc(16px * 1);
3576
+ padding: 16px 16px;
3630
3577
  padding: var(--space-base) var(--space-base);
3631
3578
  }
3632
3579
 
@@ -3637,7 +3584,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3637
3584
  justify-content: center;
3638
3585
  position: sticky;
3639
3586
  bottom: 0;
3640
- padding: calc(16px * 1) 0;
3587
+ padding: 16px 0;
3641
3588
  padding: var(--space-base) 0;
3642
3589
  }
3643
3590
 
@@ -3653,27 +3600,27 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3653
3600
  }
3654
3601
 
3655
3602
  .ooF1YfV4Usc- {
3656
- gap: calc(16px / 8);
3603
+ gap: 2px;
3657
3604
  gap: var(--space-smallest);
3658
3605
  }
3659
3606
 
3660
3607
  .ppCZfXq-Kqc- {
3661
- gap: calc(16px / 4);
3608
+ gap: 4px;
3662
3609
  gap: var(--space-smaller);
3663
3610
  }
3664
3611
 
3665
3612
  .tElkBalXH3g- {
3666
- gap: calc(16px / 2);
3613
+ gap: 8px;
3667
3614
  gap: var(--space-small);
3668
3615
  }
3669
3616
 
3670
3617
  ._4u3OwUKxxbg- {
3671
- gap: calc(16px * 1);
3618
+ gap: 16px;
3672
3619
  gap: var(--space-base);
3673
3620
  }
3674
3621
 
3675
3622
  .RL7CJla0AAI- {
3676
- gap: calc(16px * 1.5);
3623
+ gap: 24px;
3677
3624
  gap: var(--space-large);
3678
3625
  }
3679
3626
 
@@ -3701,12 +3648,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3701
3648
  display: flex;
3702
3649
  -ms-flex-negative: 0;
3703
3650
  flex-shrink: 0;
3704
- min-height: calc((calc(16px * 3) - calc(16px / 4)));
3651
+ min-height: calc((48px - 4px));
3705
3652
  min-height: calc((var(--space-largest) - var(--space-smaller)));
3706
3653
  box-sizing: border-box;
3707
- margin: 0 calc(16px / 2);
3654
+ margin: 0 8px;
3708
3655
  margin: 0 var(--space-small);
3709
- padding: calc(16px / 2);
3656
+ padding: 8px;
3710
3657
  padding: var(--space-small);
3711
3658
  border-radius: 8px;
3712
3659
  border-radius: var(--radius-base);
@@ -3734,37 +3681,34 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3734
3681
  }
3735
3682
 
3736
3683
  ._5QdRGmaNHvc-:focus-visible {
3737
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3738
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3684
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3739
3685
  box-shadow: var(--shadow-focus);
3740
3686
  }
3741
3687
 
3742
3688
  ._3s8-RC5Ky3s- {
3743
- -webkit-transform: translateY(calc((16px * 3) * -1));
3744
- -webkit-transform: translateY(calc(calc(16px * 3) * -1));
3689
+ -webkit-transform: translateY(calc(48px * -1));
3745
3690
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
3746
- transform: translateY(calc((16px * 3) * -1));
3747
- transform: translateY(calc(calc(16px * 3) * -1));
3691
+ transform: translateY(calc(48px * -1));
3748
3692
  transform: translateY(calc(var(--space-largest) * -1));
3749
3693
  }
3750
3694
 
3751
3695
  .Q-mwo-g5Fi8- {
3752
3696
  display: -ms-flexbox;
3753
3697
  display: flex;
3754
- padding: calc(16px * 1) calc(16px / 2) 0 calc(16px * 1);
3698
+ padding: 16px 8px 0 16px;
3755
3699
  padding: var(--space-base) var(--space-small) 0 var(--space-base);
3756
3700
  -ms-flex-pack: justify;
3757
3701
  justify-content: space-between;
3758
3702
  -ms-flex-align: baseline;
3759
3703
  align-items: baseline;
3760
- gap: calc(16px / 4);
3704
+ gap: 4px;
3761
3705
  gap: var(--space-smaller);
3762
3706
  }
3763
3707
 
3764
3708
  .Ow9wSNnGP-g- {
3765
3709
  width: 100%;
3766
3710
  box-sizing: border-box;
3767
- padding: 0 calc(16px / 2);
3711
+ padding: 0 8px;
3768
3712
  padding: 0 var(--space-small);
3769
3713
  background-color: rgba(255, 255, 255, 1);
3770
3714
  background-color: var(--color-surface);
@@ -3773,9 +3717,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3773
3717
  .ncp0nKHQ7d8- {
3774
3718
  position: relative;
3775
3719
  width: 100%;
3776
- min-height: calc((calc(16px * 3) - calc(16px / 2)));
3720
+ min-height: calc((48px - 8px));
3777
3721
  min-height: calc((var(--space-largest) - var(--space-small)));
3778
- padding: calc(16px / 2) 0;
3722
+ padding: 8px 0;
3779
3723
  padding: var(--space-small) 0;
3780
3724
  border: none;
3781
3725
  border-radius: 8px;
@@ -3800,13 +3744,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3800
3744
  }
3801
3745
 
3802
3746
  .ncp0nKHQ7d8-:focus-visible {
3803
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3804
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3747
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3805
3748
  box-shadow: var(--shadow-focus);
3806
3749
  }
3807
3750
 
3808
3751
  .ncp0nKHQ7d8- span {
3809
- margin-left: calc(16px / 2);
3752
+ margin-left: 8px;
3810
3753
  margin-left: var(--space-small);
3811
3754
  }
3812
3755
 
@@ -3862,7 +3805,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3862
3805
  flex-direction: column;
3863
3806
  z-index: 1001;
3864
3807
  z-index: var(--elevation-modal);
3865
- padding: calc(16px / 2);
3808
+ padding: 8px;
3866
3809
  padding: var(--space-small);
3867
3810
  overflow: auto;
3868
3811
  }
@@ -3886,12 +3829,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3886
3829
  width: 100%;
3887
3830
  max-width: 600px;
3888
3831
  max-width: var(--modal--width);
3889
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
3890
- rgba(0, 0, 0, 0.1),
3891
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
3832
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3892
3833
  box-shadow: var(--modal--shadow);
3893
3834
  margin: auto;
3894
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
3835
+ border: 1px solid hsl(200, 13%, 87%);
3895
3836
  border: var(--border-base) solid var(--color-border);
3896
3837
  border-radius: 8px;
3897
3838
  border-radius: var(--radius-base);
@@ -3921,8 +3862,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3921
3862
  display: flex;
3922
3863
  -ms-flex-pack: justify;
3923
3864
  justify-content: space-between;
3924
- padding: calc(16px * 1)
3925
- calc(16px * 1);
3865
+ padding: 16px
3866
+ 16px;
3926
3867
  padding: var(--modal--padding);
3927
3868
  background-color: transparent;
3928
3869
  }
@@ -3944,8 +3885,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3944
3885
  ._62c8HLZFwvs- {
3945
3886
  display: -ms-flexbox;
3946
3887
  display: flex;
3947
- padding: calc(16px * 1)
3948
- calc(16px * 1);
3888
+ padding: 16px
3889
+ 16px;
3949
3890
  padding: var(--modal--padding);
3950
3891
  padding-top: 0;
3951
3892
  -ms-flex: 1 1 100%;
@@ -3979,7 +3920,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3979
3920
  /* stylelint-disable-next-line no-descending-specificity */
3980
3921
 
3981
3922
  .p2s7GtpoZz0- > * {
3982
- margin-left: calc(16px / 2);
3923
+ margin-left: 8px;
3983
3924
  margin-left: var(--space-small);
3984
3925
  }
3985
3926
 
@@ -4033,7 +3974,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4033
3974
  position: relative;
4034
3975
  z-index: 1;
4035
3976
  z-index: var(--elevation-base);
4036
- margin-bottom: calc(16px / 2);
3977
+ margin-bottom: 8px;
4037
3978
  margin-bottom: var(--space-small);
4038
3979
  -ms-flex-align: center;
4039
3980
  align-items: center;
@@ -4041,11 +3982,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4041
3982
 
4042
3983
  .TFO76ysivmg- {
4043
3984
  display: grid;
4044
- padding: calc((16px / 2) + (16px / 4)) 0;
4045
- padding: calc(calc(16px / 2) + calc(16px / 4)) 0;
3985
+ padding: calc(8px + 4px) 0;
4046
3986
  padding: calc(var(--space-small) + var(--space-smaller)) 0;
4047
- gap: calc(16px / 2);
4048
- grid-gap: calc(16px / 2);
3987
+ gap: 8px;
3988
+ grid-gap: 8px;
4049
3989
  grid-gap: var(--space-small);
4050
3990
  gap: var(--space-small);
4051
3991
  grid-template-columns: auto fit-content(calc(16px * 14));
@@ -4063,11 +4003,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4063
4003
  flex-direction: column;
4064
4004
  -ms-flex-pack: center;
4065
4005
  justify-content: center;
4066
- min-height: calc(16px * 3);
4006
+ min-height: 48px;
4067
4007
  min-height: var(--space-largest);
4068
- padding: calc(16px / 2);
4008
+ padding: 8px;
4069
4009
  padding: var(--space-small);
4070
- border-bottom: calc(16px / 8) solid hsl(200, 13%, 87%);
4010
+ border-bottom: 2px solid hsl(200, 13%, 87%);
4071
4011
  border-bottom: var(--border-thick) solid var(--color-border);
4072
4012
  }
4073
4013
 
@@ -4075,7 +4015,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4075
4015
  --data-list--header-actions-gap: var(--space-small);
4076
4016
  display: -ms-flexbox;
4077
4017
  display: flex;
4078
- gap: calc(16px / 2);
4018
+ gap: 8px;
4079
4019
  gap: var(--data-list--header-actions-gap);
4080
4020
  }
4081
4021
 
@@ -4105,8 +4045,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4105
4045
  .jMSVGIAr5tk- {
4106
4046
  display: -ms-flexbox;
4107
4047
  display: flex;
4108
- margin: calc((16px / 2) * -1) 0;
4109
- margin: calc(calc(16px / 2) * -1) 0;
4048
+ margin: calc(8px * -1) 0;
4110
4049
  margin: calc(var(--space-small) * -1) 0;
4111
4050
  -ms-flex-align: center;
4112
4051
  align-items: center;
@@ -4119,9 +4058,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4119
4058
 
4120
4059
  .ise8kHCfhCY- {
4121
4060
  position: relative;
4122
- padding: calc(16px / 2);
4061
+ padding: 8px;
4123
4062
  padding: var(--space-small);
4124
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
4063
+ border-bottom: 1px solid hsl(200, 13%, 87%);
4125
4064
  border-bottom: var(--border-base) solid var(--color-border);
4126
4065
  transition: all 200ms;
4127
4066
  transition: all var(--timing-base);
@@ -4145,10 +4084,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4145
4084
  }
4146
4085
 
4147
4086
  .Tq6e0BGwcSM- {
4148
- margin: calc((16px / 2) * -1) 0;
4149
- margin: calc(calc(16px / 2) * -1) 0;
4087
+ margin: calc(8px * -1) 0;
4150
4088
  margin: calc(var(--space-small) * -1) 0;
4151
- padding: calc(16px / 2) 0;
4089
+ padding: 8px 0;
4152
4090
  padding: var(--space-small) 0;
4153
4091
  border: none;
4154
4092
  text-align: left;
@@ -4214,11 +4152,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4214
4152
  .jGHZZYZm1ZY- .d-79rkMqufg- {
4215
4153
  grid-template-columns: -webkit-max-content minmax(0px, auto);
4216
4154
  grid-template-columns: max-content minmax(0px, auto);
4217
- -webkit-column-gap: calc(16px / 2);
4155
+ -webkit-column-gap: 8px;
4218
4156
  -webkit-column-gap: var(--space-small);
4219
- -moz-column-gap: calc(16px / 2);
4157
+ -moz-column-gap: 8px;
4220
4158
  -moz-column-gap: var(--space-small);
4221
- column-gap: calc(16px / 2);
4159
+ column-gap: 8px;
4222
4160
  column-gap: var(--space-small);
4223
4161
  }
4224
4162
 
@@ -4234,8 +4172,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4234
4172
  visibility: hidden;
4235
4173
 
4236
4174
  /* To compensate the Checkbox's label margin that we are using for screen-readers */
4237
- margin-right: calc((16px * 1) * -1);
4238
- margin-right: calc(calc(16px * 1) * -1);
4175
+ margin-right: calc(16px * -1);
4239
4176
  margin-right: calc(var(--space-base) * -1);
4240
4177
  }
4241
4178
 
@@ -4251,7 +4188,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4251
4188
  .ise8kHCfhCY- .d-79rkMqufg- > :last-child {
4252
4189
  -ms-flex-order: 1;
4253
4190
  order: 1;
4254
- padding-top: calc(16px / 4);
4191
+ padding-top: 4px;
4255
4192
  padding-top: var(--space-smaller);
4256
4193
  opacity: 1;
4257
4194
  transition: opacity 100ms ease-in-out;
@@ -4320,7 +4257,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4320
4257
 
4321
4258
  .F56prQsXm3A- {
4322
4259
  min-width: 80px;
4323
- margin-left: calc(16px / 2);
4260
+ margin-left: 8px;
4324
4261
  margin-left: var(--space-small);
4325
4262
  }
4326
4263
 
@@ -4349,13 +4286,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4349
4286
  }
4350
4287
 
4351
4288
  .Rh--6fVpkm4- {
4352
- padding: calc(16px * 1) calc(16px / 2);
4289
+ padding: 16px 8px;
4353
4290
  padding: var(--space-base) var(--space-small);
4354
4291
  }
4355
4292
 
4356
4293
  .NFaWWvmxtkw- {
4357
4294
  width: 100%;
4358
- min-width: calc(16px * 3);
4295
+ min-width: 48px;
4359
4296
  min-width: var(--space-largest);
4360
4297
  }
4361
4298
 
@@ -4363,25 +4300,22 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4363
4300
  display: -ms-flexbox;
4364
4301
  display: flex;
4365
4302
  position: absolute;
4366
- top: calc((16px / 2) * -1);
4367
- top: calc(calc(16px / 2) * -1);
4303
+ top: calc(8px * -1);
4368
4304
  top: calc(var(--space-small) * -1);
4369
4305
  right: 0;
4370
4306
  z-index: 6;
4371
4307
  z-index: var(--elevation-menu);
4372
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
4373
- rgba(0, 0, 0, 0.1),
4374
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
4308
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4375
4309
  box-shadow: var(--shadow-base);
4376
- padding: calc(16px / 4);
4310
+ padding: 4px;
4377
4311
  padding: var(--space-smaller);
4378
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
4312
+ border: 1px solid hsl(200, 13%, 87%);
4379
4313
  border: var(--border-base) solid var(--color-border);
4380
4314
  border-radius: 8px;
4381
4315
  border-radius: var(--radius-base);
4382
4316
  background-color: rgba(255, 255, 255, 1);
4383
4317
  background-color: var(--color-surface);
4384
- gap: calc(16px / 4);
4318
+ gap: 4px;
4385
4319
  gap: var(--space-smaller);
4386
4320
  }
4387
4321
 
@@ -4407,7 +4341,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4407
4341
  }
4408
4342
 
4409
4343
  .P6uJ-vHfKrM- {
4410
- gap: calc(16px / 2);
4344
+ gap: 8px;
4411
4345
  gap: var(--space-small);
4412
4346
  }
4413
4347
 
@@ -4427,7 +4361,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4427
4361
  content: "";
4428
4362
  position: absolute;
4429
4363
  top: 0;
4430
- width: calc(16px * 1.5);
4364
+ width: 24px;
4431
4365
  width: var(--space-large);
4432
4366
  height: 100%;
4433
4367
  background-image: linear-gradient(
@@ -4468,11 +4402,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4468
4402
  z-index: 0;
4469
4403
  z-index: var(--elevation-default);
4470
4404
  max-height: calc((
4471
- ((16px * 1) * 0.75) * 1.5 + ((16px / 4) * 1.25) *
4405
+ 12px * 1.5 + (4px * 1.25) *
4472
4406
  2
4473
4407
  ) * 2);
4474
4408
  max-height: calc(calc(
4475
- calc(calc(16px * 1) * 0.75) * 1.5 + calc(calc(16px / 4) * 1.25) *
4409
+ 12px * 1.5 + calc(4px * 1.25) *
4476
4410
  2
4477
4411
  ) * 2);
4478
4412
  max-height: calc(var(--inline-label-height) * 2);
@@ -4480,7 +4414,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4480
4414
  white-space: nowrap;
4481
4415
  -ms-flex-wrap: wrap;
4482
4416
  flex-wrap: wrap;
4483
- gap: calc(16px / 4);
4417
+ gap: 4px;
4484
4418
  gap: var(--space-smaller);
4485
4419
  }
4486
4420
 
@@ -4488,8 +4422,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4488
4422
  -webkit-mask-image: linear-gradient(
4489
4423
  to left,
4490
4424
  transparent,
4491
- transparent calc(16px * 1.5),
4492
- rgba(0, 0, 0, 1) calc(16px * 3),
4425
+ transparent 24px,
4426
+ rgba(0, 0, 0, 1) 48px,
4493
4427
  rgba(0, 0, 0, 1)
4494
4428
  );
4495
4429
  -webkit-mask-image: linear-gradient(
@@ -4502,8 +4436,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4502
4436
  mask-image: linear-gradient(
4503
4437
  to left,
4504
4438
  transparent,
4505
- transparent calc(16px * 1.5),
4506
- rgba(0, 0, 0, 1) calc(16px * 3),
4439
+ transparent 24px,
4440
+ rgba(0, 0, 0, 1) 48px,
4507
4441
  rgba(0, 0, 0, 1)
4508
4442
  );
4509
4443
  mask-image: linear-gradient(
@@ -4532,10 +4466,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4532
4466
  }
4533
4467
 
4534
4468
  .bMWuAXJHkbw- {
4535
- padding: calc((16px / 4) * 1.5) calc((16px / 2) * 1.25);
4536
- padding: calc(calc(16px / 4) * 1.5) calc(calc(16px / 2) * 1.25);
4469
+ padding: calc(4px * 1.5) calc(8px * 1.25);
4537
4470
  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);
4538
- border-radius: calc(8px * 2);
4471
+ border-radius: 16px;
4539
4472
  border-radius: var(--radius-large);
4540
4473
  }
4541
4474
 
@@ -4544,10 +4477,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4544
4477
  }
4545
4478
 
4546
4479
  .ui07veHjPII- {
4547
- padding: calc((16px / 2) * 1.25) calc((16px / 2) * 1.5);
4548
- padding: calc(calc(16px / 2) * 1.25) calc(calc(16px / 2) * 1.5);
4480
+ padding: calc(8px * 1.25) calc(8px * 1.5);
4549
4481
  padding: calc(var(--space-small) * 1.25) calc(var(--space-small) * 1.5);
4550
- border-radius: calc(8px * 3);
4482
+ border-radius: 24px;
4551
4483
  border-radius: var(--radius-larger);
4552
4484
  }
4553
4485
 
@@ -4556,10 +4488,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4556
4488
  }
4557
4489
 
4558
4490
  .WIXhLSQ7z8A- {
4559
- padding: calc((16px / 2) * 1.5) calc((16px * 1));
4560
- padding: calc(calc(16px / 2) * 1.5) calc(calc(16px * 1));
4491
+ padding: calc(8px * 1.5) calc(16px);
4561
4492
  padding: calc(var(--space-small) * 1.5) calc(var(--space-base));
4562
- border-radius: calc(8px * 3);
4493
+ border-radius: 24px;
4563
4494
  border-radius: var(--radius-larger);
4564
4495
  }
4565
4496
 
@@ -4606,7 +4537,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4606
4537
 
4607
4538
  .OeLBV-9i0Rs-,
4608
4539
  .BAQHvQZjbyA- {
4609
- color: hsl(198, 35%, 21%);
4540
+ color: hsl(197, 90%, 12%);
4610
4541
  color: var(--color-task--onSurface);
4611
4542
  background-color: hsl(195, 12%, 94%);
4612
4543
  background-color: var(--color-task--surface);
@@ -4698,8 +4629,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4698
4629
  }
4699
4630
 
4700
4631
  .fLmJZJJqMcE-:focus-visible {
4701
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
4702
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
4632
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4703
4633
  box-shadow: var(--shadow-focus);
4704
4634
  }
4705
4635
 
@@ -4708,11 +4638,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4708
4638
  }
4709
4639
 
4710
4640
  .AN5egORYy-0- {
4711
- width: calc(16px * 1.5);
4641
+ width: 24px;
4712
4642
  width: var(--space-large);
4713
- height: calc(16px * 1.5);
4643
+ height: 24px;
4714
4644
  height: var(--space-large);
4715
- margin-right: calc(16px / 2);
4645
+ margin-right: 8px;
4716
4646
  margin-right: var(--space-small);
4717
4647
  }
4718
4648
 
@@ -4741,15 +4671,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4741
4671
  top: 100%;
4742
4672
  left: 0;
4743
4673
  max-width: var(--popover--width);
4744
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
4745
- rgba(0, 0, 0, 0.1),
4746
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
4674
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4747
4675
  box-shadow: var(--shadow-base);
4748
- margin-top: calc(16px / 4);
4676
+ margin-top: 4px;
4749
4677
  margin-top: var(--space-smaller);
4750
- padding: calc(16px / 2);
4678
+ padding: 8px;
4751
4679
  padding: var(--space-small);
4752
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
4680
+ border: 1px solid hsl(200, 13%, 87%);
4753
4681
  border: var(--border-base) solid var(--color-border);
4754
4682
  border-radius: 8px;
4755
4683
  border-radius: var(--radius-base);
@@ -4765,14 +4693,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4765
4693
  min-width: 168px;
4766
4694
  min-height: 40px;
4767
4695
  box-sizing: border-box;
4768
- padding: calc(16px / 2);
4696
+ padding: 8px;
4769
4697
  padding: var(--space-small);
4770
- border-radius: calc(8px / 2);
4698
+ border-radius: 4px;
4771
4699
  border-radius: var(--radius-small);
4772
- font-family: "Inter", Helvetica, Arial, sans-serif;
4700
+ font-family: Inter, Helvetica, Arial, sans-serif;
4773
4701
  font-family: var(--typography--fontFamily-normal);
4774
- font-size: calc((16px * 1) * 0.875);
4775
- font-size: calc(calc(16px * 1) * 0.875);
4702
+ font-size: 14px;
4776
4703
  font-size: var(--typography--fontSize-base);
4777
4704
  font-weight: 500;
4778
4705
  white-space: nowrap;
@@ -4782,7 +4709,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4782
4709
  align-items: center;
4783
4710
  -ms-flex-pack: justify;
4784
4711
  justify-content: space-between;
4785
- gap: calc(16px / 4);
4712
+ gap: 4px;
4786
4713
  gap: var(--space-smaller);
4787
4714
  }
4788
4715
 
@@ -4793,8 +4720,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4793
4720
  }
4794
4721
 
4795
4722
  .QaXuqbVjG04-:focus-visible {
4796
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
4797
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
4723
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4798
4724
  box-shadow: var(--shadow-focus);
4799
4725
  }
4800
4726
 
@@ -4807,13 +4733,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4807
4733
  z-index: 6;
4808
4734
  z-index: var(--elevation-menu);
4809
4735
  min-width: 150px;
4810
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
4811
- rgba(0, 0, 0, 0.1),
4812
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
4736
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4813
4737
  box-shadow: var(--shadow-base);
4814
- padding: calc(16px / 4);
4738
+ padding: 4px;
4815
4739
  padding: var(--space-smaller);
4816
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
4740
+ border: 1px solid hsl(200, 13%, 87%);
4817
4741
  border: var(--border-base) solid var(--color-border);
4818
4742
  border-radius: 8px;
4819
4743
  border-radius: var(--radius-base);
@@ -4836,8 +4760,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4836
4760
 
4837
4761
  .v-GrdlFpBLk- {
4838
4762
  /* Offset the button's padding so the height of the header bar doesn't change */
4839
- margin: calc((16px / 2) * -1) 0;
4840
- margin: calc(calc(16px / 2) * -1) 0;
4763
+ margin: calc(8px * -1) 0;
4841
4764
  margin: calc(var(--space-small) * -1) 0;
4842
4765
  }
4843
4766
 
@@ -4886,7 +4809,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4886
4809
 
4887
4810
  .PGjWc5ocjpI-::before {
4888
4811
  width: 100%;
4889
- height: calc(16px / 8);
4812
+ height: 2px;
4890
4813
  height: var(--border-thick);
4891
4814
  transition:
4892
4815
  height var(--sticky-header-transition-properties),
@@ -4909,12 +4832,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4909
4832
 
4910
4833
  position: absolute;
4911
4834
  top: 50%;
4912
- right: calc((16px * 3) - (16px / 4));
4913
- right: calc(calc(16px * 3) - calc(16px / 4));
4835
+ right: calc(48px - 4px);
4914
4836
  right: var(--button-offset);
4915
4837
  visibility: hidden;
4916
4838
  width: 0;
4917
- padding: calc(16px / 4) 0;
4839
+ padding: 4px 0;
4918
4840
  padding: var(--space-smaller) 0;
4919
4841
  background-color: rgba(255, 255, 255, 1);
4920
4842
  background-color: var(--color-surface);
@@ -5023,13 +4945,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5023
4945
  display: -ms-flexbox;
5024
4946
  display: flex;
5025
4947
  box-sizing: border-box;
5026
- padding: calc(16px * 1);
4948
+ padding: 16px;
5027
4949
  padding: var(--space-base);
5028
4950
  -ms-flex-pack: center;
5029
4951
  justify-content: center;
5030
4952
  -ms-flex-direction: column;
5031
4953
  flex-direction: column;
5032
- row-gap: calc(16px * 1);
4954
+ row-gap: 16px;
5033
4955
  row-gap: var(--space-base);
5034
4956
  -ms-flex-align: center;
5035
4957
  align-items: center;
@@ -5039,11 +4961,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5039
4961
 
5040
4962
  .IC-Y9bTIVFo- {
5041
4963
  position: relative;
5042
- -webkit-transform: translateY(calc((16px * 3) * -1));
5043
- -webkit-transform: translateY(calc(calc(16px * 3) * -1));
4964
+ -webkit-transform: translateY(calc(48px * -1));
5044
4965
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
5045
- transform: translateY(calc((16px * 3) * -1));
5046
- transform: translateY(calc(calc(16px * 3) * -1));
4966
+ transform: translateY(calc(48px * -1));
5047
4967
  transform: translateY(calc(var(--space-largest) * -1));
5048
4968
  }
5049
4969
 
@@ -5053,7 +4973,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5053
4973
  display: flex;
5054
4974
  -ms-flex-pack: center;
5055
4975
  justify-content: center;
5056
- padding: calc(16px / 2);
4976
+ padding: 8px;
5057
4977
  padding: var(--space-small);
5058
4978
  }
5059
4979
 
@@ -5090,14 +5010,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5090
5010
  display: flex;
5091
5011
  width: 100%;
5092
5012
  min-height: 44px;
5093
- padding: calc(16px / 2);
5013
+ padding: 8px;
5094
5014
  padding: var(--space-small);
5095
5015
  border: none;
5096
5016
  border-radius: 0;
5097
5017
  border-radius: 8px;
5098
5018
  border-radius: var(--radius-base);
5099
- font-size: calc((16px * 1) * 0.875);
5100
- font-size: calc(calc(16px * 1) * 0.875);
5019
+ font-size: 14px;
5101
5020
  font-size: var(--typography--fontSize-base);
5102
5021
  text-align: left;
5103
5022
  background: none;
@@ -5110,7 +5029,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5110
5029
  align-items: center;
5111
5030
  -ms-flex-pack: justify;
5112
5031
  justify-content: space-between;
5113
- gap: calc(16px / 2);
5032
+ gap: 8px;
5114
5033
  gap: var(--space-small);
5115
5034
  }
5116
5035
 
@@ -5132,8 +5051,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5132
5051
  }
5133
5052
 
5134
5053
  .iyg43v-S9yU-:focus-visible {
5135
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
5136
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
5054
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5137
5055
  box-shadow: var(--shadow-focus);
5138
5056
  }
5139
5057
 
@@ -5147,7 +5065,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5147
5065
 
5148
5066
  .m5A5oeRFaMs- {
5149
5067
  position: relative;
5150
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
5068
+ border: 1px solid hsl(200, 13%, 87%);
5151
5069
  border: var(--border-base) solid var(--color-border);
5152
5070
  border-radius: 8px;
5153
5071
  border-radius: var(--radius-base);
@@ -5165,9 +5083,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5165
5083
  }
5166
5084
 
5167
5085
  .y8xnHe7fwrI- thead tr th {
5168
- padding: calc(16px * 1);
5086
+ padding: 16px;
5169
5087
  padding: var(--space-base);
5170
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
5088
+ border-bottom: 1px solid hsl(200, 13%, 87%);
5171
5089
  border-bottom: var(--border-base) solid var(--color-border);
5172
5090
  color: hsl(197, 90%, 12%);
5173
5091
  color: var(--color-heading);
@@ -5180,7 +5098,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5180
5098
  }
5181
5099
 
5182
5100
  .y8xnHe7fwrI- tbody tr {
5183
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
5101
+ border-bottom: 1px solid hsl(200, 13%, 87%);
5184
5102
  border-bottom: var(--border-base) solid var(--color-border);
5185
5103
  }
5186
5104
 
@@ -5189,7 +5107,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5189
5107
  }
5190
5108
 
5191
5109
  .y8xnHe7fwrI- tbody tr td {
5192
- padding: calc(16px * 1);
5110
+ padding: 16px;
5193
5111
  padding: var(--space-base);
5194
5112
  }
5195
5113
 
@@ -5197,11 +5115,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5197
5115
  position: sticky;
5198
5116
  z-index: 1;
5199
5117
  width: 100%;
5200
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
5201
- rgba(0, 0, 0, 0.1),
5202
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
5118
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5203
5119
  box-shadow: var(--shadow-base);
5204
- border-top: calc(16px / 8) solid hsl(200, 13%, 87%);
5120
+ border-top: 2px solid hsl(200, 13%, 87%);
5205
5121
  border-top: var(--border-thick) solid var(--color-border);
5206
5122
  background-color: rgba(255, 255, 255, 1);
5207
5123
  background-color: var(--color-surface);
@@ -5209,7 +5125,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5209
5125
  }
5210
5126
 
5211
5127
  .y8xnHe7fwrI- tfoot tr th {
5212
- padding: calc(16px * 1);
5128
+ padding: 16px;
5213
5129
  padding: var(--space-base);
5214
5130
  }
5215
5131
 
@@ -5218,8 +5134,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5218
5134
  position: sticky;
5219
5135
  left: 0;
5220
5136
  z-index: 1;
5221
- height: calc((16px * 3) + (16px / 4));
5222
- height: calc(calc(16px * 3) + calc(16px / 4));
5137
+ height: calc(48px + 4px);
5223
5138
  height: calc(var(--space-largest) + var(--space-smaller));
5224
5139
  background-color: rgba(255, 255, 255, 1);
5225
5140
  background-color: var(--color-surface);
@@ -5236,10 +5151,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5236
5151
  display: block;
5237
5152
  position: absolute;
5238
5153
  top: 0;
5239
- right: calc(-1 * (16px / 2));
5240
- right: calc(-1 * calc(16px / 2));
5154
+ right: calc(-1 * 8px);
5241
5155
  right: calc(-1 * var(--space-small));
5242
- width: calc(16px / 2);
5156
+ width: 8px;
5243
5157
  width: var(--space-small);
5244
5158
  height: 100%;
5245
5159
  background: linear-gradient(
@@ -5260,9 +5174,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5260
5174
  right: 0;
5261
5175
  left: 0;
5262
5176
  z-index: 2;
5263
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
5264
- rgba(0, 0, 0, 0.1),
5265
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
5177
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5266
5178
  box-shadow: var(--shadow-base);
5267
5179
  background-color: rgba(255, 255, 255, 1);
5268
5180
  background-color: var(--color-surface);
@@ -5293,10 +5205,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5293
5205
  position: absolute;
5294
5206
  -ms-flex-direction: column;
5295
5207
  flex-direction: column;
5296
- top: calc(16px * 3);
5208
+ top: 48px;
5297
5209
  top: var(--space-largest);
5298
5210
  right: 0;
5299
- bottom: calc(16px * 3);
5211
+ bottom: 48px;
5300
5212
  bottom: var(--space-largest);
5301
5213
  left: 0;
5302
5214
  width: 100%;
@@ -5313,16 +5225,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5313
5225
  align-items: center;
5314
5226
  -ms-flex-pack: justify;
5315
5227
  justify-content: space-between;
5316
- min-height: calc((16px / 4) + (16px * 3));
5317
- min-height: calc(calc(16px / 4) + calc(16px * 3));
5228
+ min-height: calc(4px + 48px);
5318
5229
  min-height: calc(var(--space-smaller) + var(--space-largest));
5319
- padding: calc(16px / 2) calc(16px * 1);
5230
+ padding: 8px 16px;
5320
5231
  padding: var(--space-small) var(--space-base);
5321
- border-top: calc(16px / 16) solid hsl(200, 13%, 87%);
5232
+ border-top: 1px solid hsl(200, 13%, 87%);
5322
5233
  border-top: var(--border-base) solid var(--color-border);
5323
5234
  -ms-flex-wrap: wrap;
5324
5235
  flex-wrap: wrap;
5325
- gap: calc(16px / 2);
5236
+ gap: 8px;
5326
5237
  gap: var(--space-small);
5327
5238
  }
5328
5239
 
@@ -5339,7 +5250,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5339
5250
  align-items: center;
5340
5251
  -ms-flex-pack: justify;
5341
5252
  justify-content: space-between;
5342
- gap: calc(16px * 1);
5253
+ gap: 16px;
5343
5254
  gap: var(--space-base);
5344
5255
  -ms-flex: 1;
5345
5256
  flex: 1;
@@ -5357,23 +5268,21 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5357
5268
  align-items: center;
5358
5269
  -ms-flex-pack: center;
5359
5270
  justify-content: center;
5360
- gap: calc(16px / 2);
5271
+ gap: 8px;
5361
5272
  gap: var(--space-small);
5362
- min-width: calc(3 * (16px * 3) + (16px / 2));
5363
- min-width: calc(3 * calc(16px * 3) + calc(16px / 2));
5273
+ min-width: calc(3 * 48px + 8px);
5364
5274
  min-width: calc(3 * var(--space-largest) + var(--space-small));
5365
5275
  }
5366
5276
 
5367
5277
  .Uq2TUaf9ang- {
5368
- min-width: calc((16px * 4) + (16px / 4));
5369
- min-width: calc(calc(16px * 4) + calc(16px / 4));
5278
+ min-width: calc(64px + 4px);
5370
5279
  min-width: calc(var(--space-extravagant) + var(--space-smaller));
5371
5280
  }
5372
5281
 
5373
5282
  .PeLwUZ2wWPI- {
5374
5283
  display: -ms-flexbox;
5375
5284
  display: flex;
5376
- gap: calc(16px * 1.5);
5285
+ gap: 24px;
5377
5286
  gap: var(--space-large);
5378
5287
  -ms-flex-align: center;
5379
5288
  align-items: center;
@@ -5384,7 +5293,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5384
5293
  @media (max-width: 489px) {
5385
5294
 
5386
5295
  .PeLwUZ2wWPI- {
5387
- gap: calc(16px * 1);
5296
+ gap: 16px;
5388
5297
  gap: var(--space-base);
5389
5298
  }
5390
5299
  }
@@ -5392,15 +5301,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5392
5301
  @media (--small-screens-and-below) {
5393
5302
 
5394
5303
  .PeLwUZ2wWPI- {
5395
- gap: calc(16px * 1);
5304
+ gap: 16px;
5396
5305
  gap: var(--space-base);
5397
5306
  }
5398
5307
  }
5399
5308
 
5400
5309
  ._0FexNr-lIgA- {
5401
- padding: calc(16px * 1);
5310
+ padding: 16px;
5402
5311
  padding: var(--space-base);
5403
- border-top: calc(16px / 8) solid hsl(200, 13%, 87%);
5312
+ border-top: 2px solid hsl(200, 13%, 87%);
5404
5313
  border-top: var(--border-thick) solid var(--color-border);
5405
5314
  }
5406
5315
 
@@ -5423,12 +5332,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5423
5332
  }
5424
5333
 
5425
5334
  .PKlqQjoQ6DY-:not(:last-child) {
5426
- padding-bottom: calc(16px / 2);
5335
+ padding-bottom: 8px;
5427
5336
  padding-bottom: var(--space-small);
5428
5337
  }
5429
5338
 
5430
5339
  .wtb8keLFxgc- {
5431
- padding-right: calc(16px / 2);
5340
+ padding-right: 8px;
5432
5341
  padding-right: var(--space-small);
5433
5342
  }
5434
5343
  .wtb8keLFxgc- path {
@@ -6060,15 +5969,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6060
5969
  }
6061
5970
  ._8kgzU28z2Eo-.react-datepicker {
6062
5971
  --datepicker-cell-size: calc(var(--space-base) * 2.375);
6063
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
6064
- rgba(0, 0, 0, 0.1),
6065
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
5972
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
6066
5973
  box-shadow: var(--shadow-base);
6067
5974
  border-color: hsl(200, 13%, 87%);
6068
5975
  border-color: var(--color-border);
6069
5976
  border-radius: 8px;
6070
5977
  border-radius: var(--radius-base);
6071
- font-family: "Inter", Helvetica, Arial, sans-serif;
5978
+ font-family: Inter, Helvetica, Arial, sans-serif;
6072
5979
  font-family: var(--typography--fontFamily-normal);
6073
5980
  background-color: rgba(255, 255, 255, 1);
6074
5981
  background-color: var(--color-surface);
@@ -6086,7 +5993,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6086
5993
  }
6087
5994
  ._8kgzU28z2Eo- .react-datepicker__header {
6088
5995
  padding: 0;
6089
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
5996
+ border-bottom: 1px solid hsl(200, 13%, 87%);
6090
5997
  border-bottom: var(--border-base) solid var(--color-border);
6091
5998
  background: rgba(255, 255, 255, 1);
6092
5999
  background: var(--color-surface);
@@ -6109,8 +6016,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6109
6016
  border-radius: var(--radius-base);
6110
6017
  color: hsl(197, 90%, 12%);
6111
6018
  color: var(--color-heading);
6112
- font-size: calc((16px * 1) * 0.875);
6113
- font-size: calc(calc(16px * 1) * 0.875);
6019
+ font-size: 14px;
6114
6020
  font-size: var(--typography--fontSize-base);
6115
6021
  line-height: inherit;
6116
6022
  background: rgba(255, 255, 255, 1);
@@ -6149,12 +6055,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6149
6055
  display: -ms-flexbox;
6150
6056
  display: flex;
6151
6057
  margin: 0;
6152
- padding: calc(16px / 8) 0 0;
6058
+ padding: 2px 0 0;
6153
6059
  padding: var(--space-smallest) 0 0;
6154
6060
  color: hsl(198, 35%, 21%);
6155
6061
  color: var(--color-text);
6156
- font-size: calc((16px * 1) * 0.75);
6157
- font-size: calc(calc(16px * 1) * 0.75);
6062
+ font-size: 12px;
6158
6063
  font-size: var(--typography--fontSize-small);
6159
6064
  text-transform: uppercase;
6160
6065
  -ms-flex-pack: justify;
@@ -6179,8 +6084,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6179
6084
  }
6180
6085
  ._8kgzU28z2Eo- .react-datepicker__day:focus {
6181
6086
  position: relative;
6182
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6183
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6087
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6184
6088
  box-shadow: var(--shadow-focus);
6185
6089
  outline: none;
6186
6090
  }
@@ -6203,7 +6107,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6203
6107
  background: var(--color-disabled--secondary);
6204
6108
  }
6205
6109
  .D3kDqTSFScU- {
6206
- margin-top: calc(16px / 16);
6110
+ margin-top: 1px;
6207
6111
  margin-top: var(--space-minuscule);
6208
6112
  color: hsl(197, 90%, 12%);
6209
6113
  color: var(--color-heading);
@@ -6218,9 +6122,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6218
6122
  display: flex;
6219
6123
  -ms-flex-wrap: wrap;
6220
6124
  flex-wrap: wrap;
6221
- padding: calc(16px / 2) 0;
6125
+ padding: 8px 0;
6222
6126
  padding: var(--space-small) 0;
6223
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
6127
+ border-bottom: 1px solid hsl(200, 13%, 87%);
6224
6128
  border-bottom: var(--border-base) solid var(--color-border);
6225
6129
  }
6226
6130
 
@@ -6237,7 +6141,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6237
6141
  min-width: calc(16px * 7.5);
6238
6142
  min-width: calc(var(--base-unit) * 7.5);
6239
6143
  box-sizing: border-box;
6240
- padding-right: calc(16px / 2);
6144
+ padding-right: 8px;
6241
6145
  padding-right: var(--space-small);
6242
6146
  -webkit-margin-start: 0;
6243
6147
  margin-left: 0;
@@ -6269,7 +6173,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6269
6173
  }
6270
6174
 
6271
6175
  .PMjHZZhHiUY- {
6272
- padding: calc(16px / 4) 0 calc(16px / 8) 0;
6176
+ padding: 4px 0 2px 0;
6273
6177
  padding: var(--space-smaller) 0 var(--space-smallest) 0;
6274
6178
  border: none;
6275
6179
  list-style: none;
@@ -6295,8 +6199,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6295
6199
 
6296
6200
  .PMjHZZhHiUY-:focus,
6297
6201
  .PMjHZZhHiUY-:active {
6298
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6299
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6202
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6300
6203
  box-shadow: var(--shadow-focus);
6301
6204
  border: none;
6302
6205
  outline: none;
@@ -6320,7 +6223,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6320
6223
 
6321
6224
  .CjRRsbZQp1Y- {
6322
6225
  display: block;
6323
- padding: calc(16px / 2) 0;
6226
+ padding: 8px 0;
6324
6227
  padding: var(--space-small) 0;
6325
6228
  }
6326
6229
 
@@ -6333,8 +6236,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6333
6236
 
6334
6237
  @-webkit-keyframes vWj6tOjTVYA- {
6335
6238
  0% {
6336
- margin-top: calc((16px / 2) * -1);
6337
- margin-top: calc(calc(16px / 2) * -1);
6239
+ margin-top: calc(8px * -1);
6338
6240
  margin-top: calc(var(--space-small) * -1);
6339
6241
  opacity: 0;
6340
6242
  }
@@ -6347,8 +6249,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6347
6249
 
6348
6250
  @keyframes vWj6tOjTVYA- {
6349
6251
  0% {
6350
- margin-top: calc((16px / 2) * -1);
6351
- margin-top: calc(calc(16px / 2) * -1);
6252
+ margin-top: calc(8px * -1);
6352
6253
  margin-top: calc(var(--space-small) * -1);
6353
6254
  opacity: 0;
6354
6255
  }
@@ -6383,13 +6284,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6383
6284
  }
6384
6285
 
6385
6286
  .HzWBc8FoucI- {
6386
- height: calc(16px / 16);
6287
+ height: 1px;
6387
6288
  height: var(--space-minuscule);
6388
6289
  border-bottom: var(--divider-width) solid var(--divider-color);
6389
6290
  }
6390
6291
 
6391
6292
  .vu46ZKcGBWM- {
6392
- width: var(--space-miniscule);
6293
+ width: 1px;
6294
+ width: var(--space-minuscule);
6393
6295
  height: auto;
6394
6296
  border-right: var(--divider-width) solid var(--divider-color);
6395
6297
  }
@@ -6406,9 +6308,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6406
6308
  left: 0;
6407
6309
  z-index: 1001;
6408
6310
  z-index: var(--elevation-modal);
6409
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
6410
- rgba(0, 0, 0, 0.1),
6411
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
6311
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
6412
6312
  box-shadow: var(--shadow-base);
6413
6313
  overflow: hidden;
6414
6314
  background-color: rgba(255, 255, 255, 1);
@@ -6428,7 +6328,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6428
6328
  position: relative;
6429
6329
  z-index: auto;
6430
6330
  width: var(--drawer-width);
6431
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
6331
+ border: 1px solid hsl(200, 13%, 87%);
6432
6332
  border: var(--border-base) solid var(--color-border);
6433
6333
  border-bottom-left-radius: 8px;
6434
6334
  border-bottom-left-radius: var(--radius-base);
@@ -6470,7 +6370,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6470
6370
  .TcdyXiTbnMU- {
6471
6371
  display: -ms-flexbox;
6472
6372
  display: flex;
6473
- padding: calc(16px * 1) calc(16px * 1) 0 var(--drawer--base-padding);
6373
+ padding: 16px 16px 0 var(--drawer--base-padding);
6474
6374
  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);
6475
6375
  background-color: transparent;
6476
6376
  -ms-flex-pack: justify;
@@ -6525,7 +6425,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6525
6425
  flex: 1 1 auto;
6526
6426
  -ms-flex-item-align: center;
6527
6427
  align-self: center;
6528
- padding-right: calc(16px * 1);
6428
+ padding-right: 16px;
6529
6429
  padding-right: var(--space-base);
6530
6430
  transition: opacity 200ms;
6531
6431
  transition: opacity var(--timing-base);
@@ -6543,7 +6443,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6543
6443
  position: absolute;
6544
6444
  top: 100%;
6545
6445
  width: 100%;
6546
- margin-top: calc(16px / 8);
6446
+ margin-top: 2px;
6547
6447
  margin-top: var(--space-smallest);
6548
6448
  text-align: center;
6549
6449
  }
@@ -6576,7 +6476,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6576
6476
  width: var(--switch--width);
6577
6477
  height: calc(var(--switch--width) / 2);
6578
6478
  padding: 0;
6579
- border: calc(16px / 8) solid hsl(200, 13%, 87%);
6479
+ border: 2px solid hsl(200, 13%, 87%);
6580
6480
  border: var(--border-thick) solid var(--color-border--interactive);
6581
6481
  border-radius: var(--switch--pipSize);
6582
6482
  overflow: hidden;
@@ -6591,8 +6491,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6591
6491
  }
6592
6492
 
6593
6493
  .NaSI2jsLI0c-:focus-visible {
6594
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6595
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6494
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6596
6495
  box-shadow: var(--shadow-focus);
6597
6496
  outline: none;
6598
6497
  }
@@ -6631,7 +6530,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6631
6530
  display: flex;
6632
6531
  position: relative;
6633
6532
  min-width: var(--switch--labelWidth);
6634
- margin-top: calc(16px / 16);
6533
+ margin-top: 1px;
6635
6534
  margin-top: var(--space-minuscule);
6636
6535
  -webkit-user-select: none;
6637
6536
  -ms-user-select: none;
@@ -6645,12 +6544,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6645
6544
  }
6646
6545
 
6647
6546
  .YZ-HIehHOBA-:first-of-type {
6648
- padding-left: calc(16px / 2);
6547
+ padding-left: 8px;
6649
6548
  padding-left: var(--space-small);
6650
6549
  }
6651
6550
 
6652
6551
  .YZ-HIehHOBA-:last-of-type {
6653
- padding-right: calc(16px / 2);
6552
+ padding-right: 8px;
6654
6553
  padding-right: var(--space-small);
6655
6554
  }
6656
6555
 
@@ -6722,9 +6621,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6722
6621
  gap: var(--file-card--base-padding);
6723
6622
  -ms-flex-align: center;
6724
6623
  align-items: center;
6725
- padding-right: calc(16px / 2);
6624
+ padding-right: 8px;
6726
6625
  padding-right: var(--space-small);
6727
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
6626
+ border: 1px solid hsl(200, 13%, 87%);
6728
6627
  border: var(--border-base) solid var(--color-border);
6729
6628
  border-radius: 8px;
6730
6629
  border-radius: var(--radius-base);
@@ -6782,14 +6681,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6782
6681
  }
6783
6682
 
6784
6683
  .nSaog7-7Jn0- ._9jVt97W52JY-:focus {
6785
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6786
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6684
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6787
6685
  box-shadow: var(--shadow-focus);
6788
6686
  outline: none;
6789
6687
  }
6790
6688
 
6791
6689
  .nSaog7-7Jn0- .il9-MCeoBts- {
6792
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
6690
+ border: 1px solid hsl(200, 13%, 87%);
6793
6691
  border: var(--border-base) solid var(--color-border);
6794
6692
  border-radius: 8px;
6795
6693
  border-radius: var(--radius-base);
@@ -6803,8 +6701,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6803
6701
  left: 0;
6804
6702
  width: 100%;
6805
6703
  height: 100%;
6806
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6807
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6704
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6808
6705
  box-shadow: var(--shadow-focus);
6809
6706
  }
6810
6707
 
@@ -6868,9 +6765,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6868
6765
 
6869
6766
  .nSaog7-7Jn0- ._7wDO6nPXy-g- {
6870
6767
  position: absolute;
6871
- top: calc(16px / 4);
6768
+ top: 4px;
6872
6769
  top: var(--space-smaller);
6873
- right: calc(16px / 4);
6770
+ right: 4px;
6874
6771
  right: var(--space-smaller);
6875
6772
  }
6876
6773
 
@@ -6909,14 +6806,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6909
6806
  }
6910
6807
 
6911
6808
  .psaqxO2Lu7E- .YXN92rsh2eU- {
6912
- padding: calc(16px / 4);
6809
+ padding: 4px;
6913
6810
  padding: var(--space-smaller);
6914
- font-size: calc(
6915
- (16px * 1) * 0.625
6916
- );
6917
- font-size: calc(
6918
- calc(16px * 1) * 0.625
6919
- );
6811
+ font-size: 10px;
6920
6812
  font-size: var(--typography--fontSize-smaller);
6921
6813
  }
6922
6814
 
@@ -6924,10 +6816,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6924
6816
  position: absolute;
6925
6817
  bottom: 0;
6926
6818
  left: 0;
6927
- padding: calc(16px / 2);
6819
+ padding: 8px;
6928
6820
  padding: var(--space-small);
6929
- font-size: calc((16px * 1) * 0.75);
6930
- font-size: calc(calc(16px * 1) * 0.75);
6821
+ font-size: 12px;
6931
6822
  font-size: var(--typography--fontSize-small);
6932
6823
  }
6933
6824
 
@@ -7021,7 +6912,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
7021
6912
  -ms-flex-direction: row;
7022
6913
  flex-direction: row;
7023
6914
  width: 100%;
7024
- gap: calc(16px / 2);
6915
+ gap: 8px;
7025
6916
  gap: var(--space-small);
7026
6917
  }
7027
6918
 
@@ -7043,12 +6934,12 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
7043
6934
  display: flex;
7044
6935
  -ms-flex-wrap: wrap;
7045
6936
  flex-wrap: wrap;
7046
- gap: calc(16px / 2);
6937
+ gap: 8px;
7047
6938
  gap: var(--space-small);
7048
6939
  }
7049
6940
 
7050
6941
  ._6sZaxiji5rQ- {
7051
- gap: calc(16px * 1);
6942
+ gap: 16px;
7052
6943
  gap: var(--space-base);
7053
6944
  }
7054
6945
 
@@ -7065,9 +6956,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
7065
6956
  .kOG-STgt5Hs- {
7066
6957
  width: 168px;
7067
6958
  height: 168px;
7068
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
7069
- rgba(0, 0, 0, 0.1),
7070
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
6959
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
7071
6960
  box-shadow: var(--shadow-base);
7072
6961
  }
7073
6962
 
@@ -7099,11 +6988,11 @@ html.atlantisLightBoxActive {
7099
6988
  transform: translateY(-50%);
7100
6989
  }
7101
6990
  ._3JgBCebdbNU- {
7102
- right: calc(16px * 1);
6991
+ right: 16px;
7103
6992
  right: var(--space-base);
7104
6993
  }
7105
6994
  .JJOBEL7d-10- {
7106
- left: calc(16px * 1);
6995
+ left: 16px;
7107
6996
  left: var(--space-base);
7108
6997
  }
7109
6998
  .fAep1A-0xIU- {
@@ -7126,11 +7015,11 @@ html.atlantisLightBoxActive {
7126
7015
  display: flex;
7127
7016
  z-index: 1;
7128
7017
  z-index: var(--elevation-base);
7129
- padding: calc(16px / 2) calc(16px * 1);
7018
+ padding: 8px 16px;
7130
7019
  padding: var(--space-small) var(--space-base);
7131
7020
  color: hsl(197, 15%, 45%);
7132
7021
  color: var(--color-text--secondary);
7133
- font-size: calc(16px * 1);
7022
+ font-size: 16px;
7134
7023
  font-size: var(--typography--fontSize-large);
7135
7024
  background-color: hsl(53, 21%, 93%);
7136
7025
  background-color: var(--color-surface--background);
@@ -7205,20 +7094,20 @@ html.atlantisLightBoxActive {
7205
7094
  }
7206
7095
 
7207
7096
  .IZLiiSquUTM- {
7208
- gap: calc(16px * 1);
7097
+ gap: 16px;
7209
7098
  gap: var(--space-base);
7210
7099
  }
7211
7100
 
7212
7101
  @media (min-width: 768px) {
7213
7102
  .IZLiiSquUTM- {
7214
- gap: calc(16px * 1.5);
7103
+ gap: 24px;
7215
7104
  gap: var(--space-large);
7216
7105
  }
7217
7106
  }
7218
7107
 
7219
7108
  @media (--medium-screens-and-up) {
7220
7109
  .IZLiiSquUTM- {
7221
- gap: calc(16px * 1.5);
7110
+ gap: 24px;
7222
7111
  gap: var(--space-large);
7223
7112
  }
7224
7113
  }
@@ -7251,7 +7140,7 @@ html.atlantisLightBoxActive {
7251
7140
  }
7252
7141
 
7253
7142
  .a2KrLEZNB04- > *:not(:last-child) {
7254
- margin-right: calc(16px / 2);
7143
+ margin-right: 8px;
7255
7144
  margin-right: var(--space-small);
7256
7145
  }
7257
7146
 
@@ -7264,7 +7153,7 @@ html.atlantisLightBoxActive {
7264
7153
  display: flex;
7265
7154
  position: relative;
7266
7155
  height: 100%;
7267
- margin: 0 calc(16px / 2);
7156
+ margin: 0 8px;
7268
7157
  margin: 0 var(--space-small);
7269
7158
  -ms-flex-align: center;
7270
7159
  align-items: center;
@@ -7311,11 +7200,11 @@ html.atlantisLightBoxActive {
7311
7200
  }
7312
7201
 
7313
7202
  .WHhHWgaoXk4- {
7314
- padding: calc(16px * 1);
7203
+ padding: 16px;
7315
7204
  padding: var(--space-base);
7316
- border: calc(16px / 8) dashed hsl(200, 13%, 87%);
7205
+ border: 2px dashed hsl(200, 13%, 87%);
7317
7206
  border: var(--border-thick) dashed var(--color-border--interactive);
7318
- border-radius: calc(8px * 2);
7207
+ border-radius: 16px;
7319
7208
  border-radius: var(--radius-large);
7320
7209
  text-align: center;
7321
7210
  }
@@ -7435,7 +7324,7 @@ html.atlantisLightBoxActive {
7435
7324
  }
7436
7325
 
7437
7326
  .ig9l6LfEgwo-:not(:last-child) {
7438
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
7327
+ border-bottom: 1px solid hsl(200, 13%, 87%);
7439
7328
  border-bottom: var(--border-base) solid var(--color-border);
7440
7329
  }
7441
7330
 
@@ -7444,14 +7333,14 @@ html.atlantisLightBoxActive {
7444
7333
  }
7445
7334
 
7446
7335
  .KIYTQdrufzY-:not(:last-child) .u853Ql4cj50- {
7447
- padding-bottom: calc(16px * 1.5);
7336
+ padding-bottom: 24px;
7448
7337
  padding-bottom: var(--space-large);
7449
7338
  }
7450
7339
 
7451
7340
  .LUlooG82UJA- {
7452
7341
  position: sticky;
7453
7342
  top: 0;
7454
- padding: calc(16px / 2) calc(16px * 1);
7343
+ padding: 8px 16px;
7455
7344
  padding: var(--space-small) var(--space-base);
7456
7345
  border-bottom: 1px solid hsl(197, 90%, 12%);
7457
7346
  border-bottom: 1px solid var(--color-border--section);
@@ -7507,7 +7396,7 @@ html.atlantisLightBoxActive {
7507
7396
  display: flex;
7508
7397
  width: 100%;
7509
7398
  box-sizing: border-box;
7510
- padding: calc(16px / 2);
7399
+ padding: 8px;
7511
7400
  padding: var(--space-small);
7512
7401
  border: none;
7513
7402
  text-align: left;
@@ -7523,7 +7412,7 @@ html.atlantisLightBoxActive {
7523
7412
  }
7524
7413
 
7525
7414
  .XPLf4Jp6feU- > * {
7526
- padding: calc(16px / 2);
7415
+ padding: 8px;
7527
7416
  padding: var(--space-small);
7528
7417
  }
7529
7418
 
@@ -7543,9 +7432,9 @@ html.atlantisLightBoxActive {
7543
7432
  display: flex;
7544
7433
  -ms-flex: 0 0 auto;
7545
7434
  flex: 0 0 auto;
7546
- width: calc(16px * 1.5);
7435
+ width: 24px;
7547
7436
  width: var(--space-large);
7548
- height: calc(16px * 1.5);
7437
+ height: 24px;
7549
7438
  height: var(--space-large);
7550
7439
  box-sizing: content-box;
7551
7440
  }
@@ -7614,19 +7503,17 @@ html.atlantisLightBoxActive {
7614
7503
  -ms-flex-align: center;
7615
7504
  align-items: center;
7616
7505
  width: 100%;
7617
- height: calc(16px * 3);
7506
+ height: 48px;
7618
7507
  height: var(--field--height);
7619
- padding-top: calc((16px * 1) - (16px / 8));
7620
- padding-top: calc(calc(16px * 1) - calc(16px / 8));
7508
+ padding-top: calc(16px - 2px);
7621
7509
  padding-top: var(--field--padding-top);
7622
- padding-bottom: calc((16px * 1) - (16px / 8));
7623
- padding-bottom: calc(calc(16px * 1) - calc(16px / 8));
7510
+ padding-bottom: calc(16px - 2px);
7624
7511
  padding-bottom: var(--field--padding-bottom);
7625
- padding-left: calc(16px * 1);
7512
+ padding-left: 16px;
7626
7513
  padding-left: var(--field--padding-left);
7627
- padding-right: calc(16px * 1);
7514
+ padding-right: 16px;
7628
7515
  padding-right: var(--field--padding-right);
7629
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7516
+ border: 1px solid hsl(200, 13%, 87%);
7630
7517
  border: var(--border-base) solid var(--color-border);
7631
7518
  border-radius: 8px;
7632
7519
  border-radius: var(--radius-base);
@@ -7646,8 +7533,7 @@ html.atlantisLightBoxActive {
7646
7533
 
7647
7534
  .EzNdHgwsT40-:focus,
7648
7535
  .EzNdHgwsT40-.bu7HWKRu6HI- {
7649
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
7650
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
7536
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
7651
7537
  box-shadow: var(--shadow-focus);
7652
7538
  outline: none;
7653
7539
  }
@@ -7671,18 +7557,15 @@ html.atlantisLightBoxActive {
7671
7557
  z-index: 6;
7672
7558
  z-index: var(--elevation-menu);
7673
7559
  width: 100%;
7674
- max-height: calc((16px * 4) * 5);
7675
- max-height: calc(calc(16px * 4) * 5);
7560
+ max-height: calc(64px * 5);
7676
7561
  max-height: calc(var(--space-extravagant) * 5);
7677
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
7678
- rgba(0, 0, 0, 0.1),
7679
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
7562
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
7680
7563
  box-shadow: var(--shadow-base);
7681
7564
  margin: 0;
7682
7565
  padding: 0;
7683
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7566
+ border: 1px solid hsl(200, 13%, 87%);
7684
7567
  border: var(--border-base) solid var(--color-border);
7685
- border-radius: calc(8px * 2);
7568
+ border-radius: 16px;
7686
7569
  border-radius: var(--radius-large);
7687
7570
  overflow: auto;
7688
7571
  background-color: rgba(255, 255, 255, 1);
@@ -7700,7 +7583,7 @@ html.atlantisLightBoxActive {
7700
7583
  display: -ms-flexbox;
7701
7584
  display: flex;
7702
7585
  width: 100%;
7703
- padding: calc(16px / 2) calc(16px * 1);
7586
+ padding: 8px 16px;
7704
7587
  padding: var(--space-small) var(--space-base);
7705
7588
  cursor: pointer;
7706
7589
  transition: all 200ms;
@@ -7718,14 +7601,14 @@ html.atlantisLightBoxActive {
7718
7601
  .pVEdXlwstrc- {
7719
7602
  width: 100%;
7720
7603
  box-sizing: border-box;
7721
- padding: calc(16px * 1);
7604
+ padding: 16px;
7722
7605
  padding: var(--space-base);
7723
7606
  }
7724
7607
 
7725
7608
  @media (min-width: 768px) {
7726
7609
 
7727
7610
  .pVEdXlwstrc- {
7728
- padding: calc(16px * 1.5);
7611
+ padding: 24px;
7729
7612
  padding: var(--space-large);
7730
7613
  }
7731
7614
  }
@@ -7733,7 +7616,7 @@ html.atlantisLightBoxActive {
7733
7616
  @media (--medium-screens-and-up) {
7734
7617
 
7735
7618
  .pVEdXlwstrc- {
7736
- padding: calc(16px * 1.5);
7619
+ padding: 24px;
7737
7620
  padding: var(--space-large);
7738
7621
  }
7739
7622
  }
@@ -7755,18 +7638,18 @@ html.atlantisLightBoxActive {
7755
7638
  .GCeQrLFyml4- h1 {
7756
7639
  -ms-flex: 0 1 auto;
7757
7640
  flex: 0 1 auto;
7758
- margin-bottom: calc(16px * 1);
7641
+ margin-bottom: 16px;
7759
7642
  margin-bottom: var(--space-base);
7760
7643
  }
7761
7644
 
7762
7645
  .Rwavr8hZaCg- {
7763
7646
  display: -ms-flexbox;
7764
7647
  display: flex;
7765
- margin-bottom: calc(16px * 1);
7648
+ margin-bottom: 16px;
7766
7649
  margin-bottom: var(--space-base);
7767
7650
  -ms-flex-wrap: wrap;
7768
7651
  flex-wrap: wrap;
7769
- gap: calc(16px * 1);
7652
+ gap: 16px;
7770
7653
  gap: var(--space-base);
7771
7654
  -ms-flex-align: center;
7772
7655
  align-items: center;
@@ -7814,12 +7697,12 @@ html.atlantisLightBoxActive {
7814
7697
  .E5FEsck9zwg- {
7815
7698
  -ms-flex: 0 0 100%;
7816
7699
  flex: 0 0 100%;
7817
- margin-bottom: calc(16px / 2);
7700
+ margin-bottom: 8px;
7818
7701
  margin-bottom: var(--space-small);
7819
7702
  }
7820
7703
 
7821
7704
  .Sn3-wJuNCqk- {
7822
- margin-top: calc(16px / 2);
7705
+ margin-top: 8px;
7823
7706
  margin-top: var(--space-small);
7824
7707
  -ms-flex: 1;
7825
7708
  flex: 1;
@@ -7841,17 +7724,17 @@ html.atlantisLightBoxActive {
7841
7724
  }
7842
7725
 
7843
7726
  .GCeQrLFyml4-.qiwlkB5pxkA- .Sn3-wJuNCqk- {
7844
- margin-left: calc(16px / 2);
7727
+ margin-left: 8px;
7845
7728
  margin-left: var(--space-small);
7846
7729
  }
7847
7730
 
7848
7731
  .GCeQrLFyml4-.CbPnpIk7-EE- .Sn3-wJuNCqk- + .Sn3-wJuNCqk- {
7849
- margin-left: calc(16px / 2);
7732
+ margin-left: 8px;
7850
7733
  margin-left: var(--space-small);
7851
7734
  }
7852
7735
 
7853
7736
  .GCeQrLFyml4- ._9ZKFDK2jL80- {
7854
- margin-bottom: calc(16px * 1);
7737
+ margin-bottom: 16px;
7855
7738
  margin-bottom: var(--space-base);
7856
7739
  }
7857
7740
 
@@ -7869,16 +7752,13 @@ html.atlantisLightBoxActive {
7869
7752
  width: max-content;
7870
7753
  max-width: 350px;
7871
7754
  max-width: var(--popover--width);
7872
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
7873
- rgba(0, 0, 0, 0.1),
7874
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
7755
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
7875
7756
  box-shadow: var(--shadow-base);
7876
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7757
+ border: 1px solid hsl(200, 13%, 87%);
7877
7758
  border: var(--border-base) solid var(--color-border);
7878
7759
  border-radius: 8px;
7879
7760
  border-radius: var(--radius-base);
7880
- font-size: calc((16px * 1) * 0.875);
7881
- font-size: calc(calc(16px * 1) * 0.875);
7761
+ font-size: 14px;
7882
7762
  font-size: var(--typography--fontSize-base);
7883
7763
  line-height: normal;
7884
7764
  background: rgba(255, 255, 255, 1);
@@ -7923,7 +7803,7 @@ html.atlantisLightBoxActive {
7923
7803
  .LJCpn0zf1e8-::before {
7924
7804
  content: "";
7925
7805
  visibility: visible;
7926
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7806
+ border: 1px solid hsl(200, 13%, 87%);
7927
7807
  border: var(--border-base) solid var(--color-border);
7928
7808
  -webkit-transform: rotate(45deg);
7929
7809
  transform: rotate(45deg);
@@ -7983,8 +7863,7 @@ html.atlantisLightBoxActive {
7983
7863
  .-PUoLXltVlQ- {
7984
7864
  display: -ms-inline-flexbox;
7985
7865
  display: inline-flex;
7986
- font-size: calc((16px * 1) * 0.875);
7987
- font-size: calc(calc(16px * 1) * 0.875);
7866
+ font-size: 14px;
7988
7867
  font-size: var(--typography--fontSize-base);
7989
7868
  cursor: pointer;
7990
7869
  -ms-flex-align: start;
@@ -7997,9 +7876,9 @@ html.atlantisLightBoxActive {
7997
7876
  width: var(--radio-diameter);
7998
7877
  height: var(--radio-diameter);
7999
7878
  box-sizing: border-box;
8000
- margin-right: calc(16px / 2);
7879
+ margin-right: 8px;
8001
7880
  margin-right: var(--space-small);
8002
- border: calc(16px / 8) solid hsl(200, 13%, 87%);
7881
+ border: 2px solid hsl(200, 13%, 87%);
8003
7882
  border: var(--border-thick) solid var(--color-border--interactive);
8004
7883
  border-radius: 100%;
8005
7884
  background-color: rgba(255, 255, 255, 1);
@@ -8024,8 +7903,7 @@ html.atlantisLightBoxActive {
8024
7903
  }
8025
7904
 
8026
7905
  ._08ZPdlE98Ko-:focus-visible:checked + .-PUoLXltVlQ-:before {
8027
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
8028
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
7906
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8029
7907
  box-shadow: var(--shadow-focus);
8030
7908
  }
8031
7909
 
@@ -8049,13 +7927,11 @@ html.atlantisLightBoxActive {
8049
7927
 
8050
7928
  ._8r6qT-6S9EI-,
8051
7929
  .C5SzbO1epLk- {
8052
- margin-top: calc((16px / 4) * -1);
8053
- margin-top: calc(calc(16px / 4) * -1);
7930
+ margin-top: calc(4px * -1);
8054
7931
  margin-top: calc(var(--space-smaller) * -1);
8055
- margin-bottom: calc(16px / 2);
7932
+ margin-bottom: 8px;
8056
7933
  margin-bottom: var(--space-small);
8057
- padding-left: calc(var(--radio-diameter) + (16px / 2));
8058
- padding-left: calc(var(--radio-diameter) + calc(16px / 2));
7934
+ padding-left: calc(var(--radio-diameter) + 8px);
8059
7935
  padding-left: calc(var(--radio-diameter) + var(--space-small));
8060
7936
  }
8061
7937
 
@@ -8067,23 +7943,23 @@ html.atlantisLightBoxActive {
8067
7943
  .NfsRidfuJts- {
8068
7944
  display: grid;
8069
7945
  width: 100%;
8070
- padding: calc(16px / 4);
7946
+ padding: 4px;
8071
7947
  padding: var(--space-smaller);
8072
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7948
+ border: 1px solid hsl(200, 13%, 87%);
8073
7949
  border: var(--border-base) solid var(--color-border);
8074
- border-radius: calc(8px * 2);
7950
+ border-radius: 16px;
8075
7951
  border-radius: var(--radius-large);
8076
7952
  grid-template-columns: repeat(7, 1fr);
8077
- row-gap: calc(16px / 4);
8078
- grid-row-gap: calc(16px / 4);
7953
+ row-gap: 4px;
7954
+ grid-row-gap: 4px;
8079
7955
  grid-row-gap: var(--space-smaller);
8080
7956
  row-gap: var(--space-smaller);
8081
- -webkit-column-gap: calc(16px / 4);
7957
+ -webkit-column-gap: 4px;
8082
7958
  -webkit-column-gap: var(--space-smaller);
8083
- -moz-column-gap: calc(16px / 4);
7959
+ -moz-column-gap: 4px;
8084
7960
  -moz-column-gap: var(--space-smaller);
8085
- column-gap: calc(16px / 4);
8086
- grid-column-gap: calc(16px / 4);
7961
+ column-gap: 4px;
7962
+ grid-column-gap: 4px;
8087
7963
  grid-column-gap: var(--space-smaller);
8088
7964
  column-gap: var(--space-smaller);
8089
7965
  }
@@ -8113,9 +7989,9 @@ html.atlantisLightBoxActive {
8113
7989
  justify-content: center;
8114
7990
  -ms-flex-align: center;
8115
7991
  align-items: center;
8116
- padding: calc(16px / 4);
7992
+ padding: 4px;
8117
7993
  padding: var(--space-smaller);
8118
- border-radius: calc(8px * 2);
7994
+ border-radius: 16px;
8119
7995
  border-radius: var(--radius-large);
8120
7996
  text-align: center;
8121
7997
  -webkit-user-select: none;
@@ -8145,8 +8021,7 @@ html.atlantisLightBoxActive {
8145
8021
  }
8146
8022
 
8147
8023
  .PtlN3SI-Atc-:focus + .VPZ0Os9TY5k- {
8148
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
8149
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
8024
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8150
8025
  box-shadow: var(--shadow-focus);
8151
8026
  background: hsl(53, 21%, 93%);
8152
8027
  background: var(--color-surface--hover);
@@ -8194,31 +8069,30 @@ html.atlantisLightBoxActive {
8194
8069
  }
8195
8070
 
8196
8071
  .PW6L4PJe5TY- label {
8197
- margin-right: calc(16px * 1);
8072
+ margin-right: 16px;
8198
8073
  margin-right: var(--space-base);
8199
8074
  }
8200
8075
 
8201
8076
  .pqYw6oCVwO8- {
8202
8077
  display: grid;
8203
- grid-template-columns: calc(16px * 3) 1fr;
8078
+ grid-template-columns: 48px 1fr;
8204
8079
  grid-template-columns: var(--space-largest) 1fr;
8205
8080
  -ms-flex-align: center;
8206
8081
  align-items: center;
8207
- gap: calc(16px / 2);
8208
- grid-gap: calc(16px / 2);
8082
+ gap: 8px;
8083
+ grid-gap: 8px;
8209
8084
  grid-gap: var(--space-small);
8210
8085
  gap: var(--space-small);
8211
- margin-bottom: calc(-1 * (16px / 16));
8212
- margin-bottom: calc(-1 * calc(16px / 16));
8086
+ margin-bottom: calc(-1 * 1px);
8213
8087
  margin-bottom: calc(-1 * var(--border-base));
8214
8088
  }
8215
8089
 
8216
8090
  .xtCFaHyTmfI- div:nth-of-type(1) :last-child {
8217
- border-top-right-radius: calc(8px * 2);
8091
+ border-top-right-radius: 16px;
8218
8092
  border-top-right-radius: var(--radius-large);
8219
8093
  border-bottom-right-radius: 0;
8220
8094
  border-bottom-left-radius: 0;
8221
- border-top-left-radius: calc(8px * 2);
8095
+ border-top-left-radius: 16px;
8222
8096
  border-top-left-radius: var(--radius-large);
8223
8097
  }
8224
8098
 
@@ -8232,9 +8106,9 @@ html.atlantisLightBoxActive {
8232
8106
 
8233
8107
  .xtCFaHyTmfI- div:nth-of-type(4) :last-child {
8234
8108
  border-top-right-radius: 0;
8235
- border-bottom-right-radius: calc(8px * 2);
8109
+ border-bottom-right-radius: 16px;
8236
8110
  border-bottom-right-radius: var(--radius-large);
8237
- border-bottom-left-radius: calc(8px * 2);
8111
+ border-bottom-left-radius: 16px;
8238
8112
  border-bottom-left-radius: var(--radius-large);
8239
8113
  border-top-left-radius: 0;
8240
8114
  }
@@ -8242,11 +8116,11 @@ html.atlantisLightBoxActive {
8242
8116
  .dBbFx0Vu16U- {
8243
8117
  display: grid;
8244
8118
  width: 100%;
8245
- padding: calc(16px / 4);
8119
+ padding: 4px;
8246
8120
  padding: var(--space-smaller);
8247
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
8121
+ border: 1px solid hsl(200, 13%, 87%);
8248
8122
  border: var(--border-base) solid var(--color-border);
8249
- border-radius: calc(8px * 2);
8123
+ border-radius: 16px;
8250
8124
  border-radius: var(--radius-large);
8251
8125
  grid-template-areas:
8252
8126
  ". . . . . . ."
@@ -8254,16 +8128,16 @@ html.atlantisLightBoxActive {
8254
8128
  ". . . . . . ."
8255
8129
  ". . . . . . ."
8256
8130
  ". . . lastday lastday lastday lastday";
8257
- row-gap: calc(16px / 4);
8258
- grid-row-gap: calc(16px / 4);
8131
+ row-gap: 4px;
8132
+ grid-row-gap: 4px;
8259
8133
  grid-row-gap: var(--space-smaller);
8260
8134
  row-gap: var(--space-smaller);
8261
- -webkit-column-gap: calc(16px / 4);
8135
+ -webkit-column-gap: 4px;
8262
8136
  -webkit-column-gap: var(--space-smaller);
8263
- -moz-column-gap: calc(16px / 4);
8137
+ -moz-column-gap: 4px;
8264
8138
  -moz-column-gap: var(--space-smaller);
8265
- column-gap: calc(16px / 4);
8266
- grid-column-gap: calc(16px / 4);
8139
+ column-gap: 4px;
8140
+ grid-column-gap: 4px;
8267
8141
  grid-column-gap: var(--space-smaller);
8268
8142
  column-gap: var(--space-smaller);
8269
8143
  }
@@ -8293,7 +8167,7 @@ html.atlantisLightBoxActive {
8293
8167
  display: flex;
8294
8168
  -ms-flex-align: center;
8295
8169
  align-items: center;
8296
- gap: calc(16px * 1);
8170
+ gap: 16px;
8297
8171
  gap: var(--space-base);
8298
8172
  }
8299
8173
 
@@ -8366,28 +8240,25 @@ html.atlantisLightBoxActive {
8366
8240
 
8367
8241
  .di7wVz6Zdy8- {
8368
8242
  top: 0;
8369
- gap: calc(16px * 1);
8243
+ gap: 16px;
8370
8244
  gap: var(--space-base);
8371
8245
  }
8372
8246
 
8373
8247
  .di7wVz6Zdy8- [data-side-drawer-slot^="back-"]:not(:empty) {
8374
- margin-left: calc((16px / 2) * -1);
8375
- margin-left: calc(calc(16px / 2) * -1);
8248
+ margin-left: calc(8px * -1);
8376
8249
  margin-left: calc(var(--space-small) * -1);
8377
- margin-right: calc(16px / 2);
8250
+ margin-right: 8px;
8378
8251
  margin-right: var(--space-small);
8379
8252
  }
8380
8253
 
8381
8254
  .-Os-3OnRHg0- {
8382
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
8383
- rgba(0, 0, 0, 0.1),
8384
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
8255
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
8385
8256
  box-shadow: var(--shadow-base);
8386
8257
  }
8387
8258
 
8388
8259
  .UXAxYfbJy1Q-.-Os-3OnRHg0- {
8389
8260
  box-shadow:
8390
- 0px calc(16px / 16) calc(16px / 4) 0px
8261
+ 0px 1px 4px 0px
8391
8262
  rgba(0, 0, 0, 0.1),
8392
8263
  0px -2px 12px 0px rgba(0, 0, 0, 0.05);
8393
8264
  box-shadow:
@@ -8397,7 +8268,7 @@ html.atlantisLightBoxActive {
8397
8268
  }
8398
8269
 
8399
8270
  .di7wVz6Zdy8-:has([data-side-drawer-slot^="title-"]:empty) {
8400
- padding-bottom: calc(16px / 4);
8271
+ padding-bottom: 4px;
8401
8272
  padding-bottom: var(--space-smaller);
8402
8273
  background-color: transparent;
8403
8274
  }
@@ -8405,13 +8276,13 @@ html.atlantisLightBoxActive {
8405
8276
  .di7wVz6Zdy8-.-Os-3OnRHg0-:has([data-side-drawer-slot^="title-"]:empty) {
8406
8277
  box-shadow: none;
8407
8278
  -webkit-filter: drop-shadow(
8408
- 0 0 calc(16px / 4) rgba(0, 0, 0, 0.25)
8279
+ 0 0 4px rgba(0, 0, 0, 0.25)
8409
8280
  );
8410
8281
  -webkit-filter: drop-shadow(
8411
8282
  0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
8412
8283
  );
8413
8284
  filter: drop-shadow(
8414
- 0 0 calc(16px / 4) rgba(0, 0, 0, 0.25)
8285
+ 0 0 4px rgba(0, 0, 0, 0.25)
8415
8286
  );
8416
8287
  filter: drop-shadow(
8417
8288
  0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
@@ -8433,8 +8304,7 @@ html.atlantisLightBoxActive {
8433
8304
  .sUo3MflQPVI- {
8434
8305
  display: -ms-flexbox;
8435
8306
  display: flex;
8436
- margin-right: calc(-1 * (16px / 2));
8437
- margin-right: calc(-1 * calc(16px / 2));
8307
+ margin-right: calc(-1 * 8px);
8438
8308
  margin-right: calc(-1 * var(--space-small));
8439
8309
  }
8440
8310
 
@@ -8625,7 +8495,7 @@ html.atlantisLightBoxActive {
8625
8495
  width: 100%;
8626
8496
  height: 100%;
8627
8497
  box-sizing: border-box;
8628
- border: solid calc(16px / 16) var(--border-color);
8498
+ border: solid 1px var(--border-color);
8629
8499
  border: solid var(--border-base) var(--border-color);
8630
8500
  border-radius: 8px;
8631
8501
  border-radius: var(--radius-base);
@@ -8633,19 +8503,19 @@ html.atlantisLightBoxActive {
8633
8503
  }
8634
8504
 
8635
8505
  .NZbmlKVakYo-:not(:last-child) {
8636
- border-bottom: solid calc(16px / 16) var(--border-color);
8506
+ border-bottom: solid 1px var(--border-color);
8637
8507
  border-bottom: solid var(--border-base) var(--border-color);
8638
8508
  }
8639
8509
 
8640
8510
  ._72-uJqZ5jGE- .NZbmlKVakYo- {
8641
- border-bottom: solid calc(16px / 16) var(--header-border-color);
8511
+ border-bottom: solid 1px var(--header-border-color);
8642
8512
  border-bottom: solid var(--border-base) var(--header-border-color);
8643
8513
  font-weight: bold;
8644
8514
  text-transform: uppercase;
8645
8515
  }
8646
8516
 
8647
8517
  .fEVdTCw9eOU- .NZbmlKVakYo- {
8648
- border-top: solid calc(16px / 4) var(--border-color);
8518
+ border-top: solid 4px var(--border-color);
8649
8519
  border-top: solid var(--border-thicker) var(--border-color);
8650
8520
  }
8651
8521
 
@@ -8693,9 +8563,9 @@ html.atlantisLightBoxActive {
8693
8563
 
8694
8564
  .qI4lWMSNH40- {
8695
8565
  position: relative;
8696
- padding-left: calc(16px * 1);
8566
+ padding-left: 16px;
8697
8567
  padding-left: var(--public-tab--inset);
8698
- padding-right: calc(16px * 1);
8568
+ padding-right: 16px;
8699
8569
  padding-right: var(--public-tab--inset);
8700
8570
  }
8701
8571
 
@@ -8707,19 +8577,19 @@ html.atlantisLightBoxActive {
8707
8577
  bottom: 0;
8708
8578
  z-index: 1;
8709
8579
  z-index: var(--elevation-base);
8710
- width: calc(16px * 1.5);
8580
+ width: 24px;
8711
8581
  width: var(--space-large);
8712
8582
  }
8713
8583
 
8714
8584
  .xohIah5wcoE-:after {
8715
- right: calc(16px * 1);
8585
+ right: 16px;
8716
8586
  right: var(--public-tab--inset);
8717
8587
  box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
8718
8588
  box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
8719
8589
  }
8720
8590
 
8721
8591
  .qnY4S9sz-8g-:before {
8722
- left: calc(16px * 1);
8592
+ left: 16px;
8723
8593
  left: var(--public-tab--inset);
8724
8594
  box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
8725
8595
  box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
@@ -8729,15 +8599,14 @@ html.atlantisLightBoxActive {
8729
8599
  display: -ms-flexbox;
8730
8600
  display: flex;
8731
8601
  margin: 0;
8732
- margin-bottom: calc(-1 * (16px / 16));
8733
- margin-bottom: calc(-1 * calc(16px / 16));
8602
+ margin-bottom: calc(-1 * 1px);
8734
8603
  margin-bottom: calc(-1 * var(--border-base));
8735
8604
  padding: 0;
8736
- border-bottom: solid calc(16px / 16) hsl(200, 13%, 87%);
8605
+ border-bottom: solid 1px hsl(200, 13%, 87%);
8737
8606
  border-bottom: solid var(--border-base) var(--color-border);
8738
8607
  overflow-x: auto;
8739
8608
  -webkit-overflow-scrolling: touch;
8740
- gap: calc(16px * 1.5);
8609
+ gap: 24px;
8741
8610
  gap: var(--space-large);
8742
8611
  }
8743
8612
 
@@ -8758,7 +8627,7 @@ ul.wdW31G8Trag- {
8758
8627
  .MO7CXQ8xJXo- {
8759
8628
  height: var(--tab--height);
8760
8629
  margin: 0;
8761
- padding: calc(16px / 4) calc(16px / 2);
8630
+ padding: 4px 8px;
8762
8631
  padding: var(--space-smaller) var(--space-small);
8763
8632
  border: none;
8764
8633
  outline: none;
@@ -8793,7 +8662,7 @@ ul.wdW31G8Trag- {
8793
8662
  right: 0;
8794
8663
  bottom: 0;
8795
8664
  left: 0;
8796
- height: calc(16px / 4);
8665
+ height: 4px;
8797
8666
  height: var(--space-smaller);
8798
8667
  background-color: hsl(107, 58%, 33%);
8799
8668
  background-color: var(--color-interactive);
@@ -8806,9 +8675,9 @@ ul.wdW31G8Trag- {
8806
8675
  .AimQioztR1U- {
8807
8676
  padding-top: var(--tab--vertical-inset);
8808
8677
  padding-bottom: var(--tab--vertical-inset);
8809
- padding-left: calc(16px * 1);
8678
+ padding-left: 16px;
8810
8679
  padding-left: var(--public-tab--inset);
8811
- padding-right: calc(16px * 1);
8680
+ padding-right: 16px;
8812
8681
  padding-right: var(--public-tab--inset);
8813
8682
  }
8814
8683
 
@@ -8823,7 +8692,7 @@ ul.wdW31G8Trag- {
8823
8692
  display: flex;
8824
8693
  position: fixed;
8825
8694
  right: 0;
8826
- bottom: calc(16px * 1.5);
8695
+ bottom: 24px;
8827
8696
  bottom: var(--space-large);
8828
8697
  left: 0;
8829
8698
  z-index: 1003;
@@ -8834,40 +8703,37 @@ ul.wdW31G8Trag- {
8834
8703
  flex-direction: column;
8835
8704
  -ms-flex-align: center;
8836
8705
  align-items: center;
8837
- padding: 0 calc(16px * 1.5);
8706
+ padding: 0 24px;
8838
8707
  padding: 0 var(--space-large);
8839
8708
  color: rgba(255, 255, 255, 1);
8840
8709
  color: var(--color-text--reverse);
8841
- font-size: calc(16px * 1);
8710
+ font-size: 16px;
8842
8711
  font-size: var(--typography--fontSize-large);
8843
8712
  pointer-events: none;
8844
8713
  }
8845
8714
 
8846
8715
  .yCRa7jHH33M- {
8847
- box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px
8848
- rgba(0, 0, 0, 0.075),
8849
- 0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);
8716
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
8850
8717
  box-shadow: var(--shadow-high);
8851
8718
  overflow: hidden;
8852
8719
  pointer-events: all;
8853
8720
  }
8854
8721
 
8855
8722
  .yCRa7jHH33M- + .yCRa7jHH33M- {
8856
- margin-top: calc(16px * 1);
8723
+ margin-top: 16px;
8857
8724
  margin-top: var(--space-base);
8858
8725
  }
8859
8726
 
8860
8727
  .KiJL-VNZ3Sg- {
8861
8728
  display: -ms-flexbox;
8862
8729
  display: flex;
8863
- gap: calc(16px / 2);
8730
+ gap: 8px;
8864
8731
  gap: var(--space-small);
8865
8732
  -ms-flex-align: center;
8866
8733
  align-items: center;
8867
- padding: calc(16px / 4) calc(16px / 4) calc(16px / 4);
8734
+ padding: 4px 4px 4px;
8868
8735
  padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
8869
- padding-left: calc((16px / 2) + (16px / 4));
8870
- padding-left: calc(calc(16px / 2) + calc(16px / 4));
8736
+ padding-left: calc(8px + 4px);
8871
8737
  padding-left: calc(var(--space-small) + var(--space-smaller));
8872
8738
  border-radius: 8px;
8873
8739
  border-radius: var(--radius-base);