@jobber/components 5.23.2-use-correc.1 → 5.24.0

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 (547) hide show
  1. package/dist/AnimatedPresence/index.cjs +1 -1
  2. package/dist/AnimatedPresence/index.mjs +1 -1
  3. package/dist/AnimatedSwitcher/index.cjs +2 -2
  4. package/dist/AnimatedSwitcher/index.mjs +2 -2
  5. package/dist/{AnimatedSwitcher-BDP3fZX6.js → AnimatedSwitcher-DaV0sdny.js} +1 -1
  6. package/dist/{AnimatedSwitcher-B9JLQjNk.js → AnimatedSwitcher-s4lbNXMO.js} +1 -1
  7. package/dist/AtlantisContext/index.cjs +1 -1
  8. package/dist/AtlantisContext/index.mjs +1 -1
  9. package/dist/Autocomplete/index.cjs +19 -19
  10. package/dist/Autocomplete/index.mjs +19 -19
  11. package/dist/{Autocomplete-fQljcife.js → Autocomplete-2T6vAksT.js} +10 -10
  12. package/dist/{Autocomplete-FOuOW0_B.js → Autocomplete-B3zBbq5z.js} +10 -10
  13. package/dist/Avatar/index.cjs +2 -2
  14. package/dist/Avatar/index.mjs +2 -2
  15. package/dist/{Avatar-HhxkmH91.js → Avatar-BI3-hfUI.js} +2 -2
  16. package/dist/{Avatar-C6lKgboW.js → Avatar-CmM-eRgB.js} +2 -2
  17. package/dist/Banner/components/BannerIcon/index.cjs +2 -2
  18. package/dist/Banner/components/BannerIcon/index.mjs +2 -2
  19. package/dist/Banner/index.cjs +13 -13
  20. package/dist/Banner/index.mjs +13 -13
  21. package/dist/{Banner-DoUlEorC.js → Banner-B-ttycom.js} +5 -5
  22. package/dist/{Banner-zIFWIC8l.js → Banner-Ct8-MpO7.js} +5 -5
  23. package/dist/{BannerIcon-DT1CDGDq.js → BannerIcon-C0tSBSHe.js} +3 -3
  24. package/dist/{BannerIcon-_aHSaRA2.js → BannerIcon-DoD6UZ3f.js} +3 -3
  25. package/dist/{Body-cAZFtYr3.js → Body-0sf_VyWa.js} +2 -2
  26. package/dist/{Body-DUC5TlEA.js → Body-CteV4gKG.js} +2 -2
  27. package/dist/Box/index.cjs +2 -2
  28. package/dist/Box/index.mjs +2 -2
  29. package/dist/{Box-DfqgaApT.js → Box-BZZNtMQ1.js} +8 -8
  30. package/dist/{Box-DmGV6qrP.js → Box-CEAbwvyY.js} +8 -8
  31. package/dist/Button/index.cjs +3 -3
  32. package/dist/Button/index.mjs +3 -3
  33. package/dist/{Button-CLpdQxTM.js → Button-BTUw2PiB.js} +3 -3
  34. package/dist/{Button-Br3y9ZzO.js → Button-JPYYhZS1.js} +3 -3
  35. package/dist/ButtonDismiss/index.cjs +4 -4
  36. package/dist/ButtonDismiss/index.mjs +4 -4
  37. package/dist/{ButtonDismiss-DUz7ydcy.js → ButtonDismiss-D1HTTIhJ.js} +1 -1
  38. package/dist/{ButtonDismiss-DUmJrgOu.js → ButtonDismiss-m5BmI46G.js} +1 -1
  39. package/dist/Card/index.cjs +12 -12
  40. package/dist/Card/index.mjs +12 -12
  41. package/dist/{Card-CJn7VtUb.js → Card-BRh5xMOH.js} +5 -5
  42. package/dist/{Card-DCfI4yF6.js → Card-ZuR7Quox.js} +5 -5
  43. package/dist/Checkbox/index.cjs +5 -5
  44. package/dist/Checkbox/index.mjs +5 -5
  45. package/dist/{Checkbox-cEc8a0l4.js → Checkbox-0KZiFmlt.js} +4 -4
  46. package/dist/{Checkbox-DfNMXbaZ.js → Checkbox-Kd776wvv.js} +4 -4
  47. package/dist/Chip/hooks/index.cjs +1 -1
  48. package/dist/Chip/hooks/index.mjs +1 -1
  49. package/dist/Chip/index.cjs +11 -11
  50. package/dist/Chip/index.mjs +11 -11
  51. package/dist/{Chip-BTW5z2jB.js → Chip-DcGsWoba.js} +7 -7
  52. package/dist/{Chip-COlfGil1.js → Chip-cfBHV1gb.js} +7 -7
  53. package/dist/{ChipDismissible-CeUDw9yx.js → ChipDismissible-DJM2rYLE.js} +3 -3
  54. package/dist/{ChipDismissible-BEp9t7TL.js → ChipDismissible-pgSL3Hdr.js} +3 -3
  55. package/dist/Chips/InternalChipDismissible/hooks/index.cjs +10 -10
  56. package/dist/Chips/InternalChipDismissible/hooks/index.mjs +10 -10
  57. package/dist/Chips/InternalChipDismissible/index.cjs +21 -21
  58. package/dist/Chips/InternalChipDismissible/index.mjs +21 -21
  59. package/dist/Chips/index.cjs +22 -22
  60. package/dist/Chips/index.mjs +22 -22
  61. package/dist/{Chips-B-17LrA_.js → Chips-Bz_PSYFX.js} +2 -2
  62. package/dist/{Chips-BrBiMQQa.js → Chips-DtuoC8E0.js} +2 -2
  63. package/dist/Combobox/components/ComboboxAction/index.cjs +4 -4
  64. package/dist/Combobox/components/ComboboxAction/index.mjs +4 -4
  65. package/dist/Combobox/components/ComboboxActivator/index.cjs +13 -13
  66. package/dist/Combobox/components/ComboboxActivator/index.mjs +13 -13
  67. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.cjs +4 -4
  68. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.mjs +4 -4
  69. package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.cjs +14 -14
  70. package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.mjs +14 -14
  71. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.cjs +2 -2
  72. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.mjs +2 -2
  73. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs +2 -2
  74. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs +2 -2
  75. package/dist/Combobox/components/ComboboxContent/index.cjs +21 -21
  76. package/dist/Combobox/components/ComboboxContent/index.mjs +21 -21
  77. package/dist/Combobox/components/ComboboxOption/index.cjs +5 -5
  78. package/dist/Combobox/components/ComboboxOption/index.mjs +5 -5
  79. package/dist/Combobox/components/ComboboxTrigger/index.cjs +12 -12
  80. package/dist/Combobox/components/ComboboxTrigger/index.mjs +12 -12
  81. package/dist/Combobox/index.cjs +38 -38
  82. package/dist/Combobox/index.mjs +38 -38
  83. package/dist/{Combobox-Cex9Gaba.js → Combobox-Cy-9e5Qt.js} +10 -10
  84. package/dist/{Combobox-DcEC6U1_.js → Combobox-SxcQKxhQ.js} +10 -10
  85. package/dist/{ComboboxAction-D3FGT7Vi.js → ComboboxAction-BaFAm02Z.js} +3 -3
  86. package/dist/{ComboboxAction-CySUxjHv.js → ComboboxAction-CBXzb7xv.js} +3 -3
  87. package/dist/{ComboboxActivator-CgOYEGzR.js → ComboboxActivator-44-JGxXN.js} +4 -4
  88. package/dist/{ComboboxActivator-C8iEdJcQ.js → ComboboxActivator-h4d7i4vo.js} +4 -4
  89. package/dist/{ComboboxContent-D4NlVyGW.js → ComboboxContent-B0XlwbGA.js} +8 -8
  90. package/dist/{ComboboxContent-BbeYCcwG.js → ComboboxContent-BD9uVhUh.js} +8 -8
  91. package/dist/{ComboboxContentHeader-B--6RMJR.js → ComboboxContentHeader-Cb8JOWE1.js} +3 -3
  92. package/dist/{ComboboxContentHeader-QZF342ML.js → ComboboxContentHeader-DsD35XAL.js} +3 -3
  93. package/dist/{ComboboxContentList-KHriYdgy.js → ComboboxContentList-CFTk589N.js} +7 -7
  94. package/dist/{ComboboxContentList-Cx1KEaot.js → ComboboxContentList-KXy7LIak.js} +7 -7
  95. package/dist/{ComboboxContentSearch-CJMBs42I.js → ComboboxContentSearch-CWgQD7Wq.js} +2 -2
  96. package/dist/{ComboboxContentSearch-BkHdXymp.js → ComboboxContentSearch-JcGWSetx.js} +2 -2
  97. package/dist/{ComboboxLoadMore-CB-HgI6d.js → ComboboxLoadMore-BA9o8oYr.js} +2 -2
  98. package/dist/{ComboboxLoadMore-g3vrckR7.js → ComboboxLoadMore-D57U4hu3.js} +2 -2
  99. package/dist/{ComboboxOption-D8OrhHhA.js → ComboboxOption-Bc4IqZ_L.js} +4 -4
  100. package/dist/{ComboboxOption-XyxVRfkK.js → ComboboxOption-xLSPyMg7.js} +4 -4
  101. package/dist/{ComboboxProvider-BV0V5QNh.js → ComboboxProvider-C2Ipo0XI.js} +1 -1
  102. package/dist/{ComboboxProvider-CuvmdzjE.js → ComboboxProvider-Cdl2aa-K.js} +1 -1
  103. package/dist/{ComboboxTrigger-zhtiBE7m.js → ComboboxTrigger-C_K5exuf.js} +4 -4
  104. package/dist/{ComboboxTrigger-By6rXXGc.js → ComboboxTrigger-CsXVgeFS.js} +4 -4
  105. package/dist/ConfirmationModal/index.cjs +17 -17
  106. package/dist/ConfirmationModal/index.mjs +17 -17
  107. package/dist/{ConfirmationModal-CHhm4VfA.js → ConfirmationModal-8NFyh96W.js} +4 -4
  108. package/dist/{ConfirmationModal-Bn3gSnJ1.js → ConfirmationModal-X3CXLUap.js} +4 -4
  109. package/dist/Content/index.cjs +1 -1
  110. package/dist/Content/index.mjs +1 -1
  111. package/dist/{Content-BbqFOqZI.js → Content-CXpavRDn.js} +2 -2
  112. package/dist/{Content-DFiMSf8J.js → Content-CwLDxHfH.js} +2 -2
  113. package/dist/Countdown/index.cjs +3 -3
  114. package/dist/Countdown/index.mjs +3 -3
  115. package/dist/{Countdown-Dun9QmI-.js → Countdown-BVFLUh61.js} +1 -1
  116. package/dist/{Countdown-Ciwopba1.js → Countdown-BiyUXC5l.js} +1 -1
  117. package/dist/DataDump/index.cjs +15 -15
  118. package/dist/DataDump/index.mjs +15 -15
  119. package/dist/{DataDump-D2kEM7bi.js → DataDump-Bg7txE7h.js} +3 -3
  120. package/dist/{DataDump-z6FZVq__.js → DataDump-DFRs3GPJ.js} +3 -3
  121. package/dist/DataList/components/DataListAction/index.cjs +4 -4
  122. package/dist/DataList/components/DataListAction/index.mjs +4 -4
  123. package/dist/DataList/components/DataListActions/index.cjs +29 -29
  124. package/dist/DataList/components/DataListActions/index.mjs +29 -29
  125. package/dist/DataList/components/DataListActionsMenu/index.cjs +7 -7
  126. package/dist/DataList/components/DataListActionsMenu/index.mjs +7 -7
  127. package/dist/DataList/components/DataListBulkActions/index.cjs +31 -31
  128. package/dist/DataList/components/DataListBulkActions/index.mjs +31 -31
  129. package/dist/DataList/components/DataListEmptyState/index.cjs +9 -9
  130. package/dist/DataList/components/DataListEmptyState/index.mjs +9 -9
  131. package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +40 -40
  132. package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +40 -40
  133. package/dist/DataList/components/DataListFilters/index.cjs +52 -52
  134. package/dist/DataList/components/DataListFilters/index.mjs +52 -52
  135. package/dist/DataList/components/DataListHeader/index.cjs +38 -38
  136. package/dist/DataList/components/DataListHeader/index.mjs +38 -38
  137. package/dist/DataList/components/DataListHeaderTile/components/index.cjs +4 -4
  138. package/dist/DataList/components/DataListHeaderTile/components/index.mjs +4 -4
  139. package/dist/DataList/components/DataListHeaderTile/index.cjs +11 -11
  140. package/dist/DataList/components/DataListHeaderTile/index.mjs +11 -11
  141. package/dist/DataList/components/DataListItem/components/DataListItemClickable/index.cjs +6 -6
  142. package/dist/DataList/components/DataListItem/components/DataListItemClickable/index.mjs +6 -6
  143. package/dist/DataList/components/DataListItem/index.cjs +37 -37
  144. package/dist/DataList/components/DataListItem/index.mjs +37 -37
  145. package/dist/DataList/components/DataListItemActions/index.cjs +30 -30
  146. package/dist/DataList/components/DataListItemActions/index.mjs +30 -30
  147. package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +12 -12
  148. package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +12 -12
  149. package/dist/DataList/components/DataListItems/index.cjs +38 -38
  150. package/dist/DataList/components/DataListItems/index.mjs +38 -38
  151. package/dist/DataList/components/DataListLayout/index.cjs +41 -41
  152. package/dist/DataList/components/DataListLayout/index.mjs +41 -41
  153. package/dist/DataList/components/DataListLayoutActions/DataListLayoutContext/index.cjs +1 -1
  154. package/dist/DataList/components/DataListLayoutActions/DataListLayoutContext/index.mjs +1 -1
  155. package/dist/DataList/components/DataListLayoutActions/index.cjs +20 -20
  156. package/dist/DataList/components/DataListLayoutActions/index.mjs +20 -20
  157. package/dist/DataList/components/DataListLoadMore/index.cjs +10 -10
  158. package/dist/DataList/components/DataListLoadMore/index.mjs +10 -10
  159. package/dist/DataList/components/DataListLoadingState/index.cjs +10 -10
  160. package/dist/DataList/components/DataListLoadingState/index.mjs +10 -10
  161. package/dist/DataList/components/DataListOverflowFade/index.cjs +2 -2
  162. package/dist/DataList/components/DataListOverflowFade/index.mjs +2 -2
  163. package/dist/DataList/components/DataListSearch/index.cjs +20 -20
  164. package/dist/DataList/components/DataListSearch/index.mjs +20 -20
  165. package/dist/DataList/components/DataListStatusBar/index.cjs +20 -20
  166. package/dist/DataList/components/DataListStatusBar/index.mjs +20 -20
  167. package/dist/DataList/components/DataListStickyHeader/index.cjs +2 -2
  168. package/dist/DataList/components/DataListStickyHeader/index.mjs +2 -2
  169. package/dist/DataList/components/DataListTags/index.cjs +4 -4
  170. package/dist/DataList/components/DataListTags/index.mjs +4 -4
  171. package/dist/DataList/components/DataListTotalCount/index.cjs +6 -6
  172. package/dist/DataList/components/DataListTotalCount/index.mjs +6 -6
  173. package/dist/DataList/context/DataListContext/index.cjs +3 -3
  174. package/dist/DataList/context/DataListContext/index.mjs +3 -3
  175. package/dist/DataList/context/DataListLayoutContext/index.cjs +3 -3
  176. package/dist/DataList/context/DataListLayoutContext/index.mjs +3 -3
  177. package/dist/DataList/index.cjs +83 -83
  178. package/dist/DataList/index.mjs +83 -83
  179. package/dist/{DataList-6eyiiDzB.js → DataList-BYxutign.js} +1 -1
  180. package/dist/{DataList-BLbTd28G.js → DataList-C9UFggwA.js} +21 -21
  181. package/dist/{DataList-Be75oYzt.js → DataList-DSAeE7FS.js} +1 -1
  182. package/dist/{DataList-BXeOtPk4.js → DataList-DTP1ylHG.js} +21 -21
  183. package/dist/{DataList.utils-BbWYODOG.js → DataList.utils-CH5A6jjJ.js} +8 -8
  184. package/dist/{DataList.utils-PTy1t3I9.js → DataList.utils-DQqPUjp_.js} +8 -8
  185. package/dist/{DataListAction-CC0U1DOD.js → DataListAction-Bg9Rcov8.js} +4 -4
  186. package/dist/{DataListAction-B3P1OSfO.js → DataListAction-lsnTr6_6.js} +4 -4
  187. package/dist/{DataListActions-CpEa5_xV.js → DataListActions-B1M2L1iy.js} +6 -6
  188. package/dist/{DataListActions-WFRt0QkZ.js → DataListActions-Cqs2mEnD.js} +6 -6
  189. package/dist/{DataListActionsMenu-uzC6d6Sw.js → DataListActionsMenu-BABfFR89.js} +6 -6
  190. package/dist/{DataListActionsMenu-CvbfCrtj.js → DataListActionsMenu-eAtv1ljJ.js} +6 -6
  191. package/dist/{DataListBulkActions-CMRQhj5Z.js → DataListBulkActions-BVSqQxgA.js} +4 -4
  192. package/dist/{DataListBulkActions-DcySZkFa.js → DataListBulkActions-a1XRTUQt.js} +4 -4
  193. package/dist/{DataListContext-7vNqP6BL.js → DataListContext-Bf40xLJQ.js} +1 -1
  194. package/dist/{DataListContext-VV3NUroO.js → DataListContext-CPWiuG9P.js} +1 -1
  195. package/dist/{DataListEmptyState-B4q5iMXJ.js → DataListEmptyState-3wMbk_Os.js} +5 -5
  196. package/dist/{DataListEmptyState-uO-4LyDu.js → DataListEmptyState-CsU9Ovdr.js} +5 -5
  197. package/dist/{DataListFilters-Cswwiu-S.js → DataListFilters-DrMhvBlK.js} +5 -5
  198. package/dist/{DataListFilters-BuLc6qRB.js → DataListFilters-XLn4O7hV.js} +5 -5
  199. package/dist/{DataListHeader-7RIY6g5-.js → DataListHeader-CIZje6gW.js} +11 -11
  200. package/dist/{DataListHeader-DUw8K2vA.js → DataListHeader-DEB2zZjH.js} +11 -11
  201. package/dist/{DataListHeaderTile-CfvnxACU.js → DataListHeaderTile-Bx3mF_my.js} +7 -7
  202. package/dist/{DataListHeaderTile-k6CtYnaR.js → DataListHeaderTile-D-O_6DRL.js} +7 -7
  203. package/dist/{DataListItem-iuQDY_6B.js → DataListItem-B7V8Jgwe.js} +10 -10
  204. package/dist/{DataListItem-DorqMNT1.js → DataListItem-DUHgftMe.js} +10 -10
  205. package/dist/{DataListItemActions-B1edehEX.js → DataListItemActions-k_fbRwfr.js} +3 -3
  206. package/dist/{DataListItemActions-DzQ4Ztrt.js → DataListItemActions-qR047fBJ.js} +3 -3
  207. package/dist/{DataListItemActionsOverflow-S9bdVQWy.js → DataListItemActionsOverflow-D64ky_wv.js} +3 -3
  208. package/dist/{DataListItemActionsOverflow-BWquEdFg.js → DataListItemActionsOverflow-GHZGBYP7.js} +3 -3
  209. package/dist/{DataListItemClickable-Cn4PBdx-.js → DataListItemClickable-BSgQ6QV4.js} +3 -3
  210. package/dist/{DataListItemClickable-Cr7NDQVC.js → DataListItemClickable-DnoCzwC6.js} +3 -3
  211. package/dist/{DataListItems-C6YS-E98.js → DataListItems-CKXeGapD.js} +3 -3
  212. package/dist/{DataListItems-B2THcXPN.js → DataListItems-fatgvgKP.js} +3 -3
  213. package/dist/{DataListLayout-CZLsN55T.js → DataListLayout-BIEDglrn.js} +3 -3
  214. package/dist/{DataListLayout-B6ZyM7pB.js → DataListLayout-Dal0qw8K.js} +3 -3
  215. package/dist/{DataListLayoutActions-BRhXhnDS.js → DataListLayoutActions-ClIrh1LE.js} +5 -5
  216. package/dist/{DataListLayoutActions-DDPUO_Wy.js → DataListLayoutActions-CtvDA2t0.js} +5 -5
  217. package/dist/{DataListLayoutContext-Bcp1M9dx.js → DataListLayoutContext-NCYBeqFs.js} +1 -1
  218. package/dist/{DataListLayoutContext-mh1vBObJ.js → DataListLayoutContext-OO-TtJyC.js} +1 -1
  219. package/dist/{DataListLoadMore-Dr_cT0ef.js → DataListLoadMore-CA0xLoyz.js} +6 -6
  220. package/dist/{DataListLoadMore-Cx3_iyPo.js → DataListLoadMore-T2sFC7nD.js} +6 -6
  221. package/dist/{DataListLoadingState-ChU9rbzd.js → DataListLoadingState-BZseDlBb.js} +4 -4
  222. package/dist/{DataListLoadingState-DioUespH.js → DataListLoadingState-syWPu5yk.js} +4 -4
  223. package/dist/{DataListOverflowFade-Bvn1gQ-q.js → DataListOverflowFade-Bpf64JN4.js} +2 -2
  224. package/dist/{DataListOverflowFade-DEJgHJES.js → DataListOverflowFade-CPSXkfxh.js} +2 -2
  225. package/dist/{DataListSearch-JCs69_d9.js → DataListSearch-Bir7xjgA.js} +7 -7
  226. package/dist/{DataListSearch-JXD_61El.js → DataListSearch-CX7bJmvv.js} +7 -7
  227. package/dist/{DataListSort-yFX0nEXl.js → DataListSort-BHRTjb2R.js} +6 -6
  228. package/dist/{DataListSort-cv6ZqPmg.js → DataListSort-ClaS6y1h.js} +6 -6
  229. package/dist/{DataListSortingOptions-BOA-w2cb.js → DataListSortingOptions-YP6Lxmv9.js} +4 -4
  230. package/dist/{DataListSortingOptions-Dqlxi_00.js → DataListSortingOptions-eRrT0CqK.js} +4 -4
  231. package/dist/{DataListStatusBar-BBeNHNKg.js → DataListStatusBar-CXpAba99.js} +2 -2
  232. package/dist/{DataListStatusBar-eUqT3CXe.js → DataListStatusBar-CkzeTcsP.js} +2 -2
  233. package/dist/{DataListStickyHeader-B2uDCuCq.js → DataListStickyHeader-Cg9Vsljh.js} +2 -2
  234. package/dist/{DataListStickyHeader-BW4nWHNx.js → DataListStickyHeader-DAdbcMn_.js} +2 -2
  235. package/dist/{DataListTags-COXDT8u2.js → DataListTags-Cdci4mzy.js} +3 -3
  236. package/dist/{DataListTags-CUKjBbDB.js → DataListTags-PDWlEne7.js} +3 -3
  237. package/dist/{DataListTotalCount-CdQ78aHU.js → DataListTotalCount-AoYkKblg.js} +3 -3
  238. package/dist/{DataListTotalCount-DvJr3I0K.js → DataListTotalCount-DIolK1W5.js} +3 -3
  239. package/dist/DataTable/index.cjs +20 -20
  240. package/dist/DataTable/index.mjs +20 -20
  241. package/dist/DataTable/test-utilities/index.cjs +7 -7
  242. package/dist/DataTable/test-utilities/index.mjs +7 -7
  243. package/dist/{DataTable-JRDbm3k_.js → DataTable-DmMAi6zr.js} +10 -10
  244. package/dist/{DataTable-B1H7gANV.js → DataTable-QUpX3HgS.js} +10 -10
  245. package/dist/DatePicker/index.cjs +14 -14
  246. package/dist/DatePicker/index.mjs +14 -14
  247. package/dist/{DatePicker-Bx9Cor3t.js → DatePicker-D0O4Qr_a.js} +12 -12
  248. package/dist/{DatePicker-B3UZEtUc.js → DatePicker-Qzai6zU-.js} +12 -12
  249. package/dist/{DayOfMonthSelect-BOhlHuQY.js → DayOfMonthSelect-BHXQOtPy.js} +7 -7
  250. package/dist/{DayOfMonthSelect-QrqKrVoO.js → DayOfMonthSelect-CMUpO4Xy.js} +7 -7
  251. package/dist/DescriptionList/index.cjs +2 -2
  252. package/dist/DescriptionList/index.mjs +2 -2
  253. package/dist/{DescriptionList-adiyQ_wL.js → DescriptionList-DhfWUpRT.js} +2 -2
  254. package/dist/{DescriptionList-DIsZkmQz.js → DescriptionList-pK0dUAGV.js} +2 -2
  255. package/dist/Disclosure/index.cjs +9 -9
  256. package/dist/Disclosure/index.mjs +9 -9
  257. package/dist/{Disclosure-CL2X8iwN.js → Disclosure-CXGJXwbS.js} +4 -4
  258. package/dist/{Disclosure-QDGjbzoz.js → Disclosure-D4tRHs4Y.js} +4 -4
  259. package/dist/Divider/index.cjs +1 -1
  260. package/dist/Divider/index.mjs +1 -1
  261. package/dist/{Divider-btR-ugpJ.js → Divider-D6vGo4td.js} +1 -1
  262. package/dist/{Divider-B9olcf8t.js → Divider-lS34fETs.js} +1 -1
  263. package/dist/Drawer/index.cjs +6 -6
  264. package/dist/Drawer/index.mjs +6 -6
  265. package/dist/{DrawerGrid-BGFqMqcC.js → DrawerGrid-BuYjgMYB.js} +4 -4
  266. package/dist/{DrawerGrid-DZ-zfglJ.js → DrawerGrid-CRXuBapU.js} +4 -4
  267. package/dist/Emphasis/index.cjs +2 -2
  268. package/dist/Emphasis/index.mjs +2 -2
  269. package/dist/{Emphasis-Dl6nVfaE.js → Emphasis-BXcf9kcS.js} +1 -1
  270. package/dist/{Emphasis-DjBDE-YX.js → Emphasis-Dwdd9MxE.js} +1 -1
  271. package/dist/FeatureSwitch/index.cjs +13 -13
  272. package/dist/FeatureSwitch/index.mjs +13 -13
  273. package/dist/{FeatureSwitch-COIwEbWA.js → FeatureSwitch-BCaubAUl.js} +8 -8
  274. package/dist/{FeatureSwitch-C_CGokI2.js → FeatureSwitch-DsfFcjjq.js} +8 -8
  275. package/dist/Flex/index.cjs +1 -1
  276. package/dist/Flex/index.mjs +1 -1
  277. package/dist/{Flex-BDHawQ-u.js → Flex-CM2ms_xg.js} +1 -1
  278. package/dist/{Flex-dPa0WUtw.js → Flex-Cby-9uBR.js} +1 -1
  279. package/dist/Form/index.cjs +2 -2
  280. package/dist/Form/index.mjs +2 -2
  281. package/dist/{Form-aQHDfXN0.js → Form-BSxl7ilM.js} +1 -1
  282. package/dist/{Form-Od2-vrKU.js → Form-Cumu6cI7.js} +1 -1
  283. package/dist/FormField/index.cjs +9 -9
  284. package/dist/FormField/index.mjs +9 -9
  285. package/dist/{FormField-CpEy5OCY.js → FormField-5T4IHzqV.js} +9 -9
  286. package/dist/{FormField-BIpEABRo.js → FormField-DB1iyKod.js} +9 -9
  287. package/dist/FormatDate/index.cjs +1 -1
  288. package/dist/FormatDate/index.mjs +1 -1
  289. package/dist/FormatEmail/index.cjs +1 -1
  290. package/dist/FormatEmail/index.mjs +1 -1
  291. package/dist/{FormatEmail-BGFzYWFB.js → FormatEmail-CUcHZoDT.js} +1 -1
  292. package/dist/{FormatEmail-C1lPIcWF.js → FormatEmail-D2oaxefe.js} +1 -1
  293. package/dist/FormatFile/index.cjs +21 -21
  294. package/dist/FormatFile/index.mjs +21 -21
  295. package/dist/{FormatFile-BYGqWnOo.js → FormatFile-CEPitiUf.js} +10 -10
  296. package/dist/{FormatFile-BQOmxoyI.js → FormatFile-CV6GqgAr.js} +10 -10
  297. package/dist/FormatRelativeDateTime/index.cjs +1 -1
  298. package/dist/FormatRelativeDateTime/index.mjs +1 -1
  299. package/dist/FormatTime/index.cjs +1 -1
  300. package/dist/FormatTime/index.mjs +1 -1
  301. package/dist/Gallery/index.cjs +28 -28
  302. package/dist/Gallery/index.mjs +28 -28
  303. package/dist/{Gallery-D6pmGk3n.js → Gallery-D_fvJaFZ.js} +4 -4
  304. package/dist/{Gallery-Bpf8lWXL.js → Gallery-YMOx4oI_.js} +4 -4
  305. package/dist/Glimmer/index.cjs +3 -3
  306. package/dist/Glimmer/index.mjs +3 -3
  307. package/dist/{Glimmer-BM6McvHm.js → Glimmer-B4VGRi_A.js} +6 -6
  308. package/dist/{Glimmer-DSwWMtpa.js → Glimmer-DaoS2YPB.js} +6 -6
  309. package/dist/Grid/InternalGridCell/index.cjs +1 -1
  310. package/dist/Grid/InternalGridCell/index.mjs +1 -1
  311. package/dist/Grid/index.cjs +5 -5
  312. package/dist/Grid/index.mjs +5 -5
  313. package/dist/{Grid-CBJAUwSx.js → Grid-DcXszanx.js} +4 -4
  314. package/dist/{Grid-Crt-Cga7.js → Grid-DgS8G1gO.js} +4 -4
  315. package/dist/Heading/index.cjs +2 -2
  316. package/dist/Heading/index.mjs +2 -2
  317. package/dist/{Heading-DAao-oGe.js → Heading-BB_MTdfw.js} +1 -1
  318. package/dist/{Heading-DvwHYvaM.js → Heading-DbcdrYVS.js} +1 -1
  319. package/dist/Icon/index.cjs +1 -1
  320. package/dist/Icon/index.mjs +1 -1
  321. package/dist/{Icon-DWw0Bkjm.js → Icon-CIJUNf3r.js} +7 -6
  322. package/dist/{Icon-K1jmClcI.js → Icon-CPWseNxt.js} +7 -6
  323. package/dist/InlineLabel/index.cjs +2 -2
  324. package/dist/InlineLabel/index.mjs +2 -2
  325. package/dist/{InlineLabel-A2JFMiHF.js → InlineLabel-BEl-l5fS.js} +2 -2
  326. package/dist/{InlineLabel-BjZdxydB.js → InlineLabel-Dd2XfFmP.js} +2 -2
  327. package/dist/InputAvatar/index.cjs +13 -13
  328. package/dist/InputAvatar/index.mjs +13 -13
  329. package/dist/{InputAvatar-CC1Yc_uX.js → InputAvatar-0ErXZwUS.js} +6 -6
  330. package/dist/{InputAvatar-n-QR1jXE.js → InputAvatar-v9wbAwbP.js} +6 -6
  331. package/dist/InputDate/index.cjs +21 -21
  332. package/dist/InputDate/index.mjs +21 -21
  333. package/dist/{InputDate-WekyxAwE.js → InputDate-B3FATCeZ.js} +2 -2
  334. package/dist/{InputDate-DHuMqLUd.js → InputDate-DJtA5SVK.js} +2 -2
  335. package/dist/InputEmail/index.cjs +10 -10
  336. package/dist/InputEmail/index.mjs +10 -10
  337. package/dist/{InputEmail-BZjeL7Pm.js → InputEmail-CiW6UnKI.js} +1 -1
  338. package/dist/{InputEmail-CcBkkObd.js → InputEmail-Czhvt_VZ.js} +1 -1
  339. package/dist/InputFile/index.cjs +10 -10
  340. package/dist/InputFile/index.mjs +10 -10
  341. package/dist/{InputFile-Dbip_1lA.js → InputFile-CMTb6zhz.js} +7 -7
  342. package/dist/{InputFile-lzgengNx.js → InputFile-D_jO8wa9.js} +7 -7
  343. package/dist/InputGroup/index.cjs +1 -1
  344. package/dist/InputGroup/index.mjs +1 -1
  345. package/dist/{InputGroup-B7SHIb_W.js → InputGroup-BO6LEpL-.js} +1 -1
  346. package/dist/{InputGroup-BDBMMqqc.js → InputGroup-DDRJ67iX.js} +1 -1
  347. package/dist/InputNumber/index.cjs +10 -10
  348. package/dist/InputNumber/index.mjs +10 -10
  349. package/dist/{InputNumber-CCvIDDLJ.js → InputNumber-CO8yEb2S.js} +1 -1
  350. package/dist/{InputNumber-D68CyYXT.js → InputNumber-DgS_52R1.js} +1 -1
  351. package/dist/InputPassword/index.cjs +10 -10
  352. package/dist/InputPassword/index.mjs +10 -10
  353. package/dist/{InputPassword-BbunbvUk.js → InputPassword-B3InxHNi.js} +1 -1
  354. package/dist/{InputPassword-D28XlUva.js → InputPassword-BXf0tkLm.js} +1 -1
  355. package/dist/InputPhoneNumber/index.cjs +10 -10
  356. package/dist/InputPhoneNumber/index.mjs +10 -10
  357. package/dist/{InputPhoneNumber-CqE5QQ5l.js → InputPhoneNumber-DU1V9XqX.js} +3 -3
  358. package/dist/{InputPhoneNumber-DOGxdurr.js → InputPhoneNumber-DvZBgtmt.js} +3 -3
  359. package/dist/InputText/index.cjs +11 -11
  360. package/dist/InputText/index.mjs +11 -11
  361. package/dist/{InputText-C5onw-v3.js → InputText-CpkJ4Ddr.js} +2 -2
  362. package/dist/{InputText-BGrqagNZ.js → InputText-DsdM040H.js} +2 -2
  363. package/dist/InputTime/index.cjs +14 -14
  364. package/dist/InputTime/index.mjs +14 -14
  365. package/dist/{InputTime-CAUCjKRo.js → InputTime-CLS7SZum.js} +3 -3
  366. package/dist/{InputTime-CnJJPP80.js → InputTime-Dj_70cqs.js} +3 -3
  367. package/dist/InputValidation/index.cjs +4 -4
  368. package/dist/InputValidation/index.mjs +4 -4
  369. package/dist/{InputValidation-BaDIqn-P.js → InputValidation-Cd3u5EHp.js} +3 -3
  370. package/dist/{InputValidation-FtV47-pa.js → InputValidation-bml9AD-C.js} +3 -3
  371. package/dist/{InternalChipDismissible-sn3EW0Ww.js → InternalChipDismissible-DgxNO6Ju.js} +13 -13
  372. package/dist/{InternalChipDismissible-44tAZ3pB.js → InternalChipDismissible-bzvwCK3x.js} +13 -13
  373. package/dist/{InternalGridCell-B-udI3Ry.js → InternalGridCell-CpRp2YsW.js} +1 -1
  374. package/dist/{InternalGridCell-8OZ1QZrW.js → InternalGridCell-gUki4jmu.js} +1 -1
  375. package/dist/LightBox/index.cjs +14 -14
  376. package/dist/LightBox/index.mjs +14 -14
  377. package/dist/{LightBox-CMSl2GgD.js → LightBox-DwUQiCjf.js} +8 -8
  378. package/dist/{LightBox-CjAD4Shr.js → LightBox-Hz0iWsZT.js} +8 -8
  379. package/dist/Link/index.cjs +1 -1
  380. package/dist/Link/index.mjs +1 -1
  381. package/dist/{Link-BQQ_Hksu.js → Link-Crs_xaBx.js} +1 -1
  382. package/dist/{Link-Bpj6g0GK.js → Link-tn7tF0OJ.js} +1 -1
  383. package/dist/List/index.cjs +17 -17
  384. package/dist/List/index.mjs +17 -17
  385. package/dist/{List-J0pvWiNu.js → List-BnR0drxX.js} +13 -13
  386. package/dist/{List-BtAEQnaY.js → List-DpMujZHu.js} +13 -13
  387. package/dist/Markdown/index.cjs +9 -9
  388. package/dist/Markdown/index.mjs +9 -9
  389. package/dist/{Markdown-BhZHSI7G.js → Markdown-BDcdS1n4.js} +7 -7
  390. package/dist/{Markdown-D4rh0B2Y.js → Markdown-BEV3Gved.js} +7 -7
  391. package/dist/Menu/index.cjs +10 -10
  392. package/dist/Menu/index.mjs +10 -10
  393. package/dist/{Menu-tDtS6X9E.js → Menu-B_OzrHvJ.js} +9 -9
  394. package/dist/{Menu-DhKO_d63.js → Menu-DoOxgXjv.js} +9 -9
  395. package/dist/Modal/index.cjs +9 -9
  396. package/dist/Modal/index.mjs +9 -9
  397. package/dist/{Modal-CGnZ_SjD.js → Modal-B30W3eB3.js} +8 -8
  398. package/dist/{Modal-DPV5EycR.js → Modal-CLo_icrN.js} +8 -8
  399. package/dist/MultiSelect/index.cjs +6 -6
  400. package/dist/MultiSelect/index.mjs +6 -6
  401. package/dist/{MultiSelect-Bqy9qyj4.js → MultiSelect-1KF4kHrP.js} +5 -5
  402. package/dist/{MultiSelect-HnnDKjYP.js → MultiSelect-Cu1cQPWK.js} +5 -5
  403. package/dist/{Option-DoKkC1Al.js → Option-BcuBA9YR.js} +1 -1
  404. package/dist/{Option-C_a2XCds.js → Option-DK__5PyP.js} +1 -1
  405. package/dist/Page/index.cjs +24 -24
  406. package/dist/Page/index.mjs +24 -24
  407. package/dist/{Page-BCUOz4Mf.js → Page-6hwPkFIz.js} +9 -9
  408. package/dist/{Page-BzpLBZsH.js → Page-az8suXpt.js} +9 -9
  409. package/dist/Popover/index.cjs +6 -6
  410. package/dist/Popover/index.mjs +6 -6
  411. package/dist/{Popover-DEuNr6xj.js → Popover-C1EACyj6.js} +3 -3
  412. package/dist/{Popover-cD_Xnf9F.js → Popover-CKljnEHR.js} +3 -3
  413. package/dist/ProgressBar/index.cjs +1 -1
  414. package/dist/ProgressBar/index.mjs +1 -1
  415. package/dist/{ProgressBar-BqclJEEz.js → ProgressBar--HhgkOF8.js} +2 -2
  416. package/dist/{ProgressBar-dqoaY0wj.js → ProgressBar-B8tjv21l.js} +2 -2
  417. package/dist/RadioGroup/index.cjs +3 -3
  418. package/dist/RadioGroup/index.mjs +3 -3
  419. package/dist/{RadioGroup-CgxPjNVL.js → RadioGroup-DDpJO5lw.js} +2 -2
  420. package/dist/{RadioGroup-rQnVzjQQ.js → RadioGroup-ljo270_7.js} +2 -2
  421. package/dist/RecurringSelect/components/index.cjs +4 -4
  422. package/dist/RecurringSelect/components/index.mjs +4 -4
  423. package/dist/RecurringSelect/index.cjs +16 -16
  424. package/dist/RecurringSelect/index.mjs +16 -16
  425. package/dist/{RecurringSelect-D9zykZdN.js → RecurringSelect-C9S_Ttz0.js} +7 -7
  426. package/dist/{RecurringSelect-DMS1nbhe.js → RecurringSelect-CsWg6UN9.js} +7 -7
  427. package/dist/Select/index.cjs +10 -10
  428. package/dist/Select/index.mjs +10 -10
  429. package/dist/SideDrawer/index.cjs +11 -11
  430. package/dist/SideDrawer/index.mjs +11 -11
  431. package/dist/{SideDrawer-yQyAgkjb.js → SideDrawer-CCE5MDc6.js} +8 -8
  432. package/dist/{SideDrawer-DIK7Be_U.js → SideDrawer-CQBmk0mP.js} +8 -8
  433. package/dist/Spinner/index.cjs +1 -1
  434. package/dist/Spinner/index.mjs +1 -1
  435. package/dist/{Spinner-CVJyQ6HV.js → Spinner-C_vkdWUc.js} +1 -1
  436. package/dist/{Spinner-902mGyZn.js → Spinner-DYDwWm7U.js} +1 -1
  437. package/dist/StatusIndicator/index.cjs +1 -1
  438. package/dist/StatusIndicator/index.mjs +1 -1
  439. package/dist/{StatusIndicator-BdazgTYH.js → StatusIndicator-Ba7t9sBT.js} +1 -1
  440. package/dist/{StatusIndicator-ClOBtBvP.js → StatusIndicator-sF1_6-Pw.js} +1 -1
  441. package/dist/StatusLabel/index.cjs +3 -3
  442. package/dist/StatusLabel/index.mjs +3 -3
  443. package/dist/{StatusLabel-GZPFQvA5.js → StatusLabel-ClxvorGM.js} +4 -4
  444. package/dist/{StatusLabel-DwMi8mQn.js → StatusLabel-CuYIU3P3.js} +4 -4
  445. package/dist/Switch/index.cjs +2 -2
  446. package/dist/Switch/index.mjs +2 -2
  447. package/dist/{Switch-BpGuAbJs.js → Switch-C71XmIfY.js} +2 -2
  448. package/dist/{Switch-CRVupBRm.js → Switch-Caw2wlpj.js} +2 -2
  449. package/dist/Table/index.cjs +1 -1
  450. package/dist/Table/index.mjs +1 -1
  451. package/dist/Tabs/index.cjs +7 -7
  452. package/dist/Tabs/index.mjs +7 -7
  453. package/dist/{Tabs-DdjbSzns.js → Tabs-BMIrbTGW.js} +3 -3
  454. package/dist/{Tabs-CCeRorsR.js → Tabs-CIppFMVo.js} +3 -3
  455. package/dist/Text/index.cjs +2 -2
  456. package/dist/Text/index.mjs +2 -2
  457. package/dist/{Text-EOWRgmdN.js → Text-C-jAtLPm.js} +1 -1
  458. package/dist/{Text-C1AfP0sQ.js → Text-CUXTbMAe.js} +1 -1
  459. package/dist/Toast/index.cjs +4 -4
  460. package/dist/Toast/index.mjs +4 -4
  461. package/dist/Tooltip/index.cjs +3 -3
  462. package/dist/Tooltip/index.mjs +3 -3
  463. package/dist/{Tooltip-BZax0uWR.js → Tooltip-BSLBbwyM.js} +3 -3
  464. package/dist/{Tooltip-BZLzYt65.js → Tooltip-DH-hx8Oo.js} +3 -3
  465. package/dist/Typography/index.cjs +1 -1
  466. package/dist/Typography/index.mjs +1 -1
  467. package/dist/{Typography-BH8nN6cm.js → Typography-Cuv13L-M.js} +9 -9
  468. package/dist/{Typography-DfxyBPbU.js → Typography-DjNLW5lP.js} +9 -9
  469. package/dist/{_baseAssignValue-BFrltHaY.js → _baseAssignValue-53WwTI3V.js} +1 -1
  470. package/dist/{_baseAssignValue-DeTQ56N1.js → _baseAssignValue-BdJgpWSZ.js} +1 -1
  471. package/dist/{_baseEach-UyamPUf2.js → _baseEach-CkS6JWsp.js} +4 -4
  472. package/dist/{_baseEach-BLvgHFiQ.js → _baseEach-Jli2wHN3.js} +4 -4
  473. package/dist/{_defineProperty-WKsVYFeK.js → _defineProperty-CCV_gO-P.js} +3 -3
  474. package/dist/{_defineProperty-Dbz4OhiT.js → _defineProperty-DxtSqX2B.js} +3 -3
  475. package/dist/{_getTag-CuKQR_qe.js → _getTag-CIjiA-WA.js} +1 -1
  476. package/dist/{_getTag-CoAgNjIW.js → _getTag-CxpPuLF7.js} +1 -1
  477. package/dist/{_setToString-gCpgoBKi.js → _setToString-Dblskxr5.js} +3 -3
  478. package/dist/{_setToString-Bp0s0LCP.js → _setToString-DtFqiWVh.js} +3 -3
  479. package/dist/{debounce-CVPMvYeJ.js → debounce-DW442j3O.js} +3 -3
  480. package/dist/{debounce-C1CN5OZv.js → debounce-Dgaepg3g.js} +3 -3
  481. package/dist/{helpers-CwHYoGdv.js → helpers-Cf4xAzof.js} +1 -1
  482. package/dist/{helpers-DOBe-5L5.js → helpers-DY-V0vSn.js} +1 -1
  483. package/dist/{index-BFViVPPr.js → index-8v_W3sOF.js} +1 -1
  484. package/dist/{index-DuuD2pZD.js → index-Da62v4Md.js} +1 -1
  485. package/dist/index.cjs +150 -150
  486. package/dist/index.mjs +150 -150
  487. package/dist/{isObjectLike-eSjV81GZ.js → isObjectLike-Cv8WvxD3.js} +1 -1
  488. package/dist/{isObjectLike-tv8OtDhd.js → isObjectLike-Cxhsabfn.js} +1 -1
  489. package/dist/{isSymbol-Btmw3Ewh.js → isSymbol-0jEJWsjR.js} +1 -1
  490. package/dist/{isSymbol-C8zfLPxu.js → isSymbol-tIvJKv9F.js} +1 -1
  491. package/dist/{noop-DbkFD1ho.js → noop-ByPTJkNp.js} +1 -1
  492. package/dist/{noop-dhtmcyYU.js → noop-DR11Qj1V.js} +1 -1
  493. package/dist/{showToast-v3Dv7RjF.js → showToast-gxVGAcel.js} +4 -4
  494. package/dist/{showToast-DCLk-4TP.js → showToast-wLtLzmoG.js} +4 -4
  495. package/dist/styles.css +490 -652
  496. package/dist/{throttle-D8mucpQE.js → throttle-D3Kh5hi4.js} +3 -3
  497. package/dist/{throttle-BqNO4-Vd.js → throttle-jKCGZAZl.js} +3 -3
  498. package/dist/{useActiveLayout-D8asKZc_.js → useActiveLayout-CkeoNRzj.js} +2 -2
  499. package/dist/{useActiveLayout-liF_RM05.js → useActiveLayout-MGjUGXqT.js} +2 -2
  500. package/dist/{useAssert-k120UmrN.js → useAssert-CJH5g0hU.js} +2 -2
  501. package/dist/{useAssert-BPrHNAQK.js → useAssert-D6q17RH8.js} +2 -2
  502. package/dist/{useBatchSelect-OEtecrp1.js → useBatchSelect-CLdxDlcO.js} +1 -1
  503. package/dist/{useBatchSelect-CtEaydIY.js → useBatchSelect-R05QgLh0.js} +1 -1
  504. package/dist/{useIsMounted-CysJTqAs.js → useIsMounted-CqSfQTTK.js} +1 -1
  505. package/dist/{useIsMounted-C8Il49Ic.js → useIsMounted-OoRjX9Bs.js} +1 -1
  506. package/dist/{useResizeObserver-D1BjCDWQ.js → useResizeObserver-Buy-Nsu9.js} +2 -2
  507. package/dist/{useResizeObserver-S_4eQ2YC.js → useResizeObserver-CW0nNkvB.js} +2 -2
  508. package/dist/{useResponsiveSizing-GiyBxiEE.js → useResponsiveSizing-BLc9ZVBG.js} +1 -1
  509. package/dist/{useResponsiveSizing-DLwWdtGL.js → useResponsiveSizing-CpoU14LO.js} +1 -1
  510. package/dist/{useScrollToActive-Cak6uCy2.js → useScrollToActive-CZfcNt8b.js} +9 -9
  511. package/dist/{useScrollToActive-Uxi3tVZb.js → useScrollToActive-DgyyAQa4.js} +9 -9
  512. package/package.json +3 -5
  513. package/rollup.config.mjs +1 -4
  514. /package/dist/{AnimatedPresence-D5Ei2TvO.js → AnimatedPresence-Yj1k-USN.js} +0 -0
  515. /package/dist/{AnimatedPresence-w3ltyIQ-.js → AnimatedPresence-rxwvEN_F.js} +0 -0
  516. /package/dist/{AtlantisContext-wLFH5XiV.js → AtlantisContext-Ddhbt4BU.js} +0 -0
  517. /package/dist/{AtlantisContext-DdTDfUTH.js → AtlantisContext-dbqLMVDE.js} +0 -0
  518. /package/dist/{DataList.const-ArRCvQOp.js → DataList.const-B7_BwMHw.js} +0 -0
  519. /package/dist/{DataList.const-CHLQrsfv.js → DataList.const-BX0ZOLzl.js} +0 -0
  520. /package/dist/{DataListLayoutContext-Bn4byM8W.js → DataListLayoutContext-DIE4szG0.js} +0 -0
  521. /package/dist/{DataListLayoutContext-DpN-glFL.js → DataListLayoutContext-atwXwLMU.js} +0 -0
  522. /package/dist/{FormatDate-B9jVLuQu.js → FormatDate-BrUmc8IA.js} +0 -0
  523. /package/dist/{FormatDate-Cv3mteuT.js → FormatDate-D3tbVp-g.js} +0 -0
  524. /package/dist/{FormatRelativeDateTime-DTbz5cbr.js → FormatRelativeDateTime-CFAMXI1b.js} +0 -0
  525. /package/dist/{FormatRelativeDateTime-B30nsFTi.js → FormatRelativeDateTime-d_UBZLcd.js} +0 -0
  526. /package/dist/{FormatTime-CQI9iN0j.js → FormatTime-BooT_Zqq.js} +0 -0
  527. /package/dist/{FormatTime-D4VK32-K.js → FormatTime-dGsRJLL3.js} +0 -0
  528. /package/dist/{_commonjsHelpers-xU6NnbxT.js → _commonjsHelpers-CotG4Fdx.js} +0 -0
  529. /package/dist/{_commonjsHelpers-BFDipJsQ.js → _commonjsHelpers-gBNbgcZ6.js} +0 -0
  530. /package/dist/{_polyfill-node.process-CcJb7KUR.js → _polyfill-node.process-BEPon6zJ.js} +0 -0
  531. /package/dist/{_polyfill-node.process-Bcbi6G-Q.js → _polyfill-node.process-Dmyh-qxJ.js} +0 -0
  532. /package/dist/{tslib.es6-BjCjlhkV.js → tslib.es6-DDnMVceX.js} +0 -0
  533. /package/dist/{tslib.es6-BUB_T3dM.js → tslib.es6-DPaZkqp4.js} +0 -0
  534. /package/dist/{useChildComponent-BUv_7TzK.js → useChildComponent-DRwPWVWv.js} +0 -0
  535. /package/dist/{useChildComponent-BUjdqZJ1.js → useChildComponent-I5TuZWql.js} +0 -0
  536. /package/dist/{useFocusTrap-BX3c4jPq.js → useFocusTrap-D6muI0Y9.js} +0 -0
  537. /package/dist/{useFocusTrap-4a7Jt1or.js → useFocusTrap-DZPjTVNB.js} +0 -0
  538. /package/dist/{useFormFieldFocus-CmL-i_FG.js → useFormFieldFocus-brRd4lo-.js} +0 -0
  539. /package/dist/{useFormFieldFocus-REasdYWt.js → useFormFieldFocus-jkKtRt5N.js} +0 -0
  540. /package/dist/{useInView-DbAnME_O.js → useInView-BMqxuE68.js} +0 -0
  541. /package/dist/{useInView-eevBWTml.js → useInView-Bl0uUZZ1.js} +0 -0
  542. /package/dist/{useOnKeyDown-D6QNshtE.js → useOnKeyDown-BQAzxUPl.js} +0 -0
  543. /package/dist/{useOnKeyDown-CTJn_z-O.js → useOnKeyDown-DsoEybKu.js} +0 -0
  544. /package/dist/{useRefocusOnActivator-RKLxi75a.js → useRefocusOnActivator-Cg38WunY.js} +0 -0
  545. /package/dist/{useRefocusOnActivator-BBKpsrxK.js → useRefocusOnActivator-CqQ9T_z8.js} +0 -0
  546. /package/dist/{useSafeLayoutEffect-D6gNUd27.js → useSafeLayoutEffect-05n1s4gm.js} +0 -0
  547. /package/dist/{useSafeLayoutEffect-673934pR.js → useSafeLayoutEffect-K1mPJ3RM.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: 36px;
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
 
@@ -666,7 +644,7 @@
666
644
  -ms-flex: 1;
667
645
  flex: 1;
668
646
  resize: none;
669
- scroll-padding-bottom: calc(16px * 1);
647
+ scroll-padding-bottom: 16px;
670
648
  scroll-padding-bottom: var(--space-base);
671
649
  padding-top: 0;
672
650
  }
@@ -739,13 +717,12 @@
739
717
 
740
718
  .UIZq8hTmJVU- ._3xREbTN5pPg-,
741
719
  .YhserUiOeFE-:focus-within ._3xREbTN5pPg- {
742
- font-size: calc((16px * 1) * 0.75);
743
- font-size: calc(calc(16px * 1) * 0.75);
720
+ font-size: 12px;
744
721
  font-size: var(--typography--fontSize-small);
745
722
  }
746
723
 
747
724
  .e4VYDAkWHAg-.UIZq8hTmJVU- ._3xREbTN5pPg- {
748
- padding-top: calc(16px / 8);
725
+ padding-top: 2px;
749
726
  padding-top: var(--space-smallest);
750
727
  }
751
728
 
@@ -764,7 +741,7 @@
764
741
 
765
742
  .Ku8sWS0mLew-.UIZq8hTmJVU- ._3xREbTN5pPg-,
766
743
  .YhserUiOeFE-.Ku8sWS0mLew-.UIZq8hTmJVU-:focus-within ._3xREbTN5pPg- {
767
- padding-top: calc(16px / 2);
744
+ padding-top: 8px;
768
745
  padding-top: var(--space-small);
769
746
  }
770
747
 
@@ -775,7 +752,7 @@
775
752
  .VtnAk1HYMMk- {
776
753
  position: absolute;
777
754
  top: 50%;
778
- right: calc(16px * 1);
755
+ right: 16px;
779
756
  right: var(--postfix-right);
780
757
  z-index: var(--field--postfix-elevation);
781
758
  -webkit-transform: translateY(-50%);
@@ -799,7 +776,7 @@
799
776
 
800
777
  .uPLklxvtfJw-.pYqqDvv57JE- {
801
778
  margin: 0 0 0 calc(var(--field--padding-right) * -1);
802
- padding-left: calc(16px / 2);
779
+ padding-left: 8px;
803
780
  padding-left: var(--space-small);
804
781
  }
805
782
 
@@ -811,7 +788,7 @@
811
788
  .jO8P2iSHilM- {
812
789
  display: -ms-flexbox;
813
790
  display: flex;
814
- 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;
815
792
  margin: 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1) 0 0;
816
793
  padding: 0 0 0 var(--field--padding-left);
817
794
  line-height: var(--field--value-lineHeight);
@@ -822,7 +799,7 @@
822
799
  }
823
800
 
824
801
  .jO8P2iSHilM-.pYqqDvv57JE- {
825
- 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);
826
803
  margin: 0 0 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1);
827
804
  padding: 0 var(--field--padding-left) 0 0;
828
805
  }
@@ -833,7 +810,7 @@
833
810
  }
834
811
 
835
812
  ._2GfgzNnLOSI- {
836
- margin-top: calc(16px / 4);
813
+ margin-top: 4px;
837
814
  margin-top: var(--space-smaller);
838
815
  }
839
816
 
@@ -841,7 +818,7 @@
841
818
  display: -ms-flexbox;
842
819
  display: flex;
843
820
  position: relative;
844
- margin: calc(16px / 2) var(--field--padding-right) calc(16px * 1)
821
+ margin: 8px var(--field--padding-right) 16px
845
822
  var(--field--padding-left);
846
823
  margin: var(--space-small) var(--field--padding-right) var(--space-base)
847
824
  var(--field--padding-left);
@@ -851,14 +828,13 @@
851
828
  content: "";
852
829
  display: block;
853
830
  position: absolute;
854
- top: calc(-1.25 * (16px * 1));
855
- top: calc(-1.25 * calc(16px * 1));
831
+ top: calc(-1.25 * 16px);
856
832
  top: calc(-1.25 * var(--space-base));
857
833
  right: 0;
858
834
  left: 0;
859
835
  z-index: 1;
860
836
  z-index: var(--elevation-base);
861
- height: calc(16px * 1);
837
+ height: 16px;
862
838
  height: var(--space-base);
863
839
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
864
840
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
@@ -883,7 +859,7 @@
883
859
  min-height: var(--button--size);
884
860
  box-sizing: border-box;
885
861
  margin: 0;
886
- border: calc(16px / 16) solid hsl(107, 58%, 33%);
862
+ border: 1px solid hsl(107, 58%, 33%);
887
863
  border: var(--border-base) solid var(--public--button--color-variation);
888
864
  border-radius: 8px;
889
865
  border-radius: var(--radius-base);
@@ -938,8 +914,7 @@ a.U9VsquOtk2I-:active {
938
914
  a.U9VsquOtk2I-:focus-visible,
939
915
  .U9VsquOtk2I-:active,
940
916
  a.U9VsquOtk2I-:active {
941
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
942
- 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%);
943
918
  box-shadow: var(--shadow-focus);
944
919
  outline: transparent;
945
920
  }
@@ -1025,9 +1000,9 @@ a.U9VsquOtk2I-:active {
1025
1000
  border-color: transparent;
1026
1001
  -webkit-text-decoration: underline;
1027
1002
  text-decoration: underline;
1028
- text-decoration-thickness: calc(16px / 8);
1003
+ text-decoration-thickness: 2px;
1029
1004
  text-decoration-thickness: var(--border-thick);
1030
- text-underline-offset: calc(16px / 8);
1005
+ text-underline-offset: 2px;
1031
1006
  text-underline-offset: var(--space-smallest);
1032
1007
  }
1033
1008
 
@@ -1089,20 +1064,18 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1089
1064
 
1090
1065
  .STSDgSRREx4- {
1091
1066
  --button--size: 32px;
1092
- padding: calc(16px / 4) calc((16px * 1) - (16px / 4));
1093
- padding: calc(16px / 4) calc(calc(16px * 1) - calc(16px / 4));
1067
+ padding: 4px calc(16px - 4px);
1094
1068
  padding: var(--space-smaller) calc(var(--space-base) - var(--space-smaller));
1095
1069
  }
1096
1070
 
1097
1071
  .amIh7vPETfo- {
1098
- padding: 0 calc(16px * 1);
1072
+ padding: 0 16px;
1099
1073
  padding: 0 var(--space-base);
1100
1074
  }
1101
1075
 
1102
1076
  .ON6ezOojFVo- {
1103
1077
  --button--size: 48px;
1104
- padding: 0 calc((16px * 1) + (16px / 4));
1105
- padding: 0 calc(calc(16px * 1) + calc(16px / 4));
1078
+ padding: 0 calc(16px + 4px);
1106
1079
  padding: 0 calc(var(--space-base) + var(--space-smaller));
1107
1080
  }
1108
1081
 
@@ -1120,7 +1093,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1120
1093
 
1121
1094
  .EWh1gvgPJQg- {
1122
1095
  width: auto;
1123
- gap: calc(16px / 4);
1096
+ gap: 4px;
1124
1097
  gap: var(--space-smaller);
1125
1098
  }
1126
1099
 
@@ -1129,8 +1102,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1129
1102
  }
1130
1103
 
1131
1104
  .EWh1gvgPJQg- > *:first-child {
1132
- margin-left: calc((16px / 4) * -1);
1133
- margin-left: calc(calc(16px / 4) * -1);
1105
+ margin-left: calc(4px * -1);
1134
1106
  margin-left: calc(var(--space-smaller) * -1);
1135
1107
  }
1136
1108
 
@@ -1138,8 +1110,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1138
1110
  -ms-flex-order: 1;
1139
1111
  order: 1;
1140
1112
  margin-left: 0;
1141
- margin-right: calc((16px / 4) * -1);
1142
- margin-right: calc(calc(16px / 4) * -1);
1113
+ margin-right: calc(4px * -1);
1143
1114
  margin-right: calc(var(--space-smaller) * -1);
1144
1115
  }
1145
1116
 
@@ -1159,7 +1130,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1159
1130
  transparent 75%,
1160
1131
  transparent 100%
1161
1132
  );
1162
- background-size: calc(16px * 2) calc(16px * 2);
1133
+ background-size: 32px 32px;
1163
1134
  background-size: var(--space-larger) var(--space-larger);
1164
1135
  pointer-events: none;
1165
1136
  cursor: not-allowed;
@@ -1193,7 +1164,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1193
1164
  }
1194
1165
 
1195
1166
  100% {
1196
- background-position: calc(16px * 2) calc(16px * 2);
1167
+ background-position: 32px 32px;
1197
1168
  background-position: var(--space-larger) var(--space-larger);
1198
1169
  }
1199
1170
  }
@@ -1204,7 +1175,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1204
1175
  }
1205
1176
 
1206
1177
  100% {
1207
- background-position: calc(16px * 2) calc(16px * 2);
1178
+ background-position: 32px 32px;
1208
1179
  background-position: var(--space-larger) var(--space-larger);
1209
1180
  }
1210
1181
  }
@@ -1213,13 +1184,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1213
1184
  display: -ms-flexbox;
1214
1185
  display: flex;
1215
1186
  position: relative;
1216
- right: calc(16px / 2);
1187
+ right: 8px;
1217
1188
  right: var(--space-small);
1218
1189
  z-index: 1002;
1219
1190
  z-index: var(--elevation-tooltip);
1220
- width: calc(16px * 1.5);
1191
+ width: 24px;
1221
1192
  width: var(--space-large);
1222
- height: calc(16px * 1.5);
1193
+ height: 24px;
1223
1194
  height: var(--space-large);
1224
1195
  padding: 0;
1225
1196
  border: none;
@@ -1248,13 +1219,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1248
1219
  }
1249
1220
 
1250
1221
  .t1fFX8kDJh8-:focus-visible {
1251
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
1252
- 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%);
1253
1223
  box-shadow: var(--shadow-focus);
1254
1224
  }
1255
1225
 
1256
1226
  .sc-bFJieXBA- {
1257
- margin-top: calc(16px / 4);
1227
+ margin-top: 4px;
1258
1228
  margin-top: var(--space-smaller);
1259
1229
  }
1260
1230
 
@@ -1263,13 +1233,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1263
1233
  display: flex;
1264
1234
  -ms-flex-align: center;
1265
1235
  align-items: center;
1266
- padding: calc(16px / 4);
1236
+ padding: 4px;
1267
1237
  padding: var(--space-smaller);
1268
1238
  padding-left: 0;
1269
1239
  }
1270
1240
 
1271
1241
  .xybhC5Y6mk4- > svg {
1272
- margin-right: calc(16px / 4);
1242
+ margin-right: 4px;
1273
1243
  margin-right: var(--space-smaller);
1274
1244
  -ms-flex-negative: 0;
1275
1245
  flex-shrink: 0;
@@ -1278,24 +1248,22 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1278
1248
  }
1279
1249
 
1280
1250
  .xybhC5Y6mk4-:focus {
1281
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
1282
- 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%);
1283
1252
  box-shadow: var(--shadow-focus);
1284
1253
  outline: none;
1285
1254
  }
1286
1255
 
1287
1256
  .uoU-LfjFDv0- {
1288
- width: calc(16px * 2);
1257
+ width: 32px;
1289
1258
  width: var(--space-larger);
1290
- height: calc(16px * 2);
1259
+ height: 32px;
1291
1260
  height: var(--space-larger);
1292
1261
  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
1293
1262
  border: solid hsl(198, 25%, 33%);
1294
1263
  border: solid var(--color-inactive);
1295
1264
  border-top-color: rgba(255, 255, 255, 1);
1296
1265
  border-top-color: var(--color-white);
1297
- border-width: calc((16px / 2) * 0.75);
1298
- border-width: calc(calc(16px / 2) * 0.75);
1266
+ border-width: calc(8px * 0.75);
1299
1267
  border-width: calc(var(--space-small) * 0.75);
1300
1268
  border-radius: 100%;
1301
1269
  border-radius: var(--radius-circle);
@@ -1339,18 +1307,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1339
1307
  }
1340
1308
 
1341
1309
  .cLRQwkSqnhA- {
1342
- width: calc(16px * 1);
1310
+ width: 16px;
1343
1311
  width: var(--space-base);
1344
- height: calc(16px * 1);
1312
+ height: 16px;
1345
1313
  height: var(--space-base);
1346
- border-width: calc(16px / 4);
1314
+ border-width: 4px;
1347
1315
  border-width: var(--space-smaller);
1348
1316
  }
1349
1317
 
1350
1318
  .h6O4vDPCWOQ- {
1351
1319
  display: inline-block;
1352
- margin-top: calc((16px / 4) * -1);
1353
- margin-top: calc(calc(16px / 4) * -1);
1320
+ margin-top: calc(4px * -1);
1354
1321
  margin-top: calc(var(--space-smaller) * -1);
1355
1322
  vertical-align: middle;
1356
1323
  }
@@ -1391,8 +1358,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1391
1358
  }
1392
1359
 
1393
1360
  .WniTNadEyPk-:focus {
1394
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
1395
- 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%);
1396
1362
  box-shadow: var(--shadow-focus);
1397
1363
  outline: none;
1398
1364
  }
@@ -1425,7 +1391,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1425
1391
  .nR0S-GzjDnQ- {
1426
1392
  width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
1427
1393
  height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
1428
- 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;
1429
1395
  box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
1430
1396
  border-style: solid;
1431
1397
  border-width: var(--avatar-border-size);
@@ -1435,14 +1401,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1435
1401
  display: -ms-flexbox;
1436
1402
  display: flex;
1437
1403
  position: relative;
1438
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
1439
- rgba(0, 0, 0, 0.1),
1440
- 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);
1441
1405
  box-shadow: var(--shadow-base);
1442
- padding: calc((16px * 1) - (16px / 4)) calc(16px * 1);
1443
- padding: calc(calc(16px * 1) - calc(16px / 4)) calc(16px * 1);
1406
+ padding: calc(16px - 4px) 16px;
1444
1407
  padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);
1445
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
1408
+ border: 1px solid hsl(200, 13%, 87%);
1446
1409
  border: var(--border-base) solid var(--color-border);
1447
1410
  border-radius: 8px;
1448
1411
  border-radius: var(--radius-base);
@@ -1450,7 +1413,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1450
1413
  color: var(--color-text);
1451
1414
  background-color: rgba(255, 255, 255, 1);
1452
1415
  background-color: var(--color-surface);
1453
- gap: calc(16px / 2);
1416
+ gap: 8px;
1454
1417
  gap: var(--space-small);
1455
1418
  -ms-flex-align: center;
1456
1419
  align-items: center;
@@ -1471,7 +1434,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1471
1434
  display: flex;
1472
1435
  -ms-flex: 1 1 auto;
1473
1436
  flex: 1 1 auto;
1474
- gap: calc(16px / 2);
1437
+ gap: 8px;
1475
1438
  gap: var(--space-small);
1476
1439
  -ms-flex-wrap: nowrap;
1477
1440
  flex-wrap: nowrap;
@@ -1524,7 +1487,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1524
1487
 
1525
1488
  .rtNjEzmABX4- {
1526
1489
  width: 100%;
1527
- margin-top: calc(16px / 2);
1490
+ margin-top: 8px;
1528
1491
  margin-top: var(--space-small);
1529
1492
  }
1530
1493
  }
@@ -1533,14 +1496,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1533
1496
 
1534
1497
  .rtNjEzmABX4- {
1535
1498
  width: 100%;
1536
- margin-top: calc(16px / 2);
1499
+ margin-top: 8px;
1537
1500
  margin-top: var(--space-small);
1538
1501
  }
1539
1502
  }
1540
1503
 
1541
1504
  .lunQ5SOfyLg- {
1542
- margin: calc((16px / 8) * -1) 0;
1543
- margin: calc(calc(16px / 8) * -1) 0;
1505
+ margin: calc(2px * -1) 0;
1544
1506
  margin: calc(var(--space-smallest) * -1) 0;
1545
1507
  -ms-flex-item-align: start;
1546
1508
  align-self: flex-start;
@@ -1549,8 +1511,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1549
1511
  @media (max-width: 489px) {
1550
1512
 
1551
1513
  .lunQ5SOfyLg- {
1552
- margin: calc((16px / 2) * -1) 0;
1553
- margin: calc(calc(16px / 2) * -1) 0;
1514
+ margin: calc(8px * -1) 0;
1554
1515
  margin: calc(var(--space-small) * -1) 0;
1555
1516
  }
1556
1517
  }
@@ -1558,8 +1519,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1558
1519
  @media (--small-screens-and-below) {
1559
1520
 
1560
1521
  .lunQ5SOfyLg- {
1561
- margin: calc((16px / 2) * -1) 0;
1562
- margin: calc(calc(16px / 2) * -1) 0;
1522
+ margin: calc(8px * -1) 0;
1563
1523
  margin: calc(var(--space-small) * -1) 0;
1564
1524
  }
1565
1525
  }
@@ -1567,7 +1527,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1567
1527
  .SG8xSJADp2k- {
1568
1528
  display: -ms-inline-flexbox;
1569
1529
  display: inline-flex;
1570
- padding: calc(16px / 4);
1530
+ padding: 4px;
1571
1531
  padding: var(--space-smaller);
1572
1532
  border-radius: 100%;
1573
1533
  border-radius: var(--radius-circle);
@@ -1725,52 +1685,52 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1725
1685
  }
1726
1686
 
1727
1687
  .I110VRFhS6g- {
1728
- gap: calc(16px / 16);
1688
+ gap: 1px;
1729
1689
  gap: var(--space-minuscule);
1730
1690
  }
1731
1691
 
1732
1692
  .-KwWkSHD3jc- {
1733
- gap: calc(16px / 8);
1693
+ gap: 2px;
1734
1694
  gap: var(--space-smallest);
1735
1695
  }
1736
1696
 
1737
1697
  .lqrj9tAPw08- {
1738
- gap: calc(16px / 4);
1698
+ gap: 4px;
1739
1699
  gap: var(--space-smaller);
1740
1700
  }
1741
1701
 
1742
1702
  .u7CUJIhbDX0- {
1743
- gap: calc(16px / 2);
1703
+ gap: 8px;
1744
1704
  gap: var(--space-small);
1745
1705
  }
1746
1706
 
1747
1707
  .-j6RcvHioPk- {
1748
- gap: calc(16px * 1);
1708
+ gap: 16px;
1749
1709
  gap: var(--space-base);
1750
1710
  }
1751
1711
 
1752
1712
  .YTSq8sF1JOU- {
1753
- gap: calc(16px * 1.5);
1713
+ gap: 24px;
1754
1714
  gap: var(--space-large);
1755
1715
  }
1756
1716
 
1757
1717
  ._6UC4S5oet7U- {
1758
- gap: calc(16px * 2);
1718
+ gap: 32px;
1759
1719
  gap: var(--space-larger);
1760
1720
  }
1761
1721
 
1762
1722
  .UHSg4Quc-FU- {
1763
- gap: calc(16px * 3);
1723
+ gap: 48px;
1764
1724
  gap: var(--space-largest);
1765
1725
  }
1766
1726
 
1767
1727
  ._1cDbd49j8rQ- {
1768
- gap: calc(16px * 4);
1728
+ gap: 64px;
1769
1729
  gap: var(--space-extravagant);
1770
1730
  }
1771
1731
 
1772
1732
  ._2WZlkl6zzOM- {
1773
- border-radius: calc(8px / 2);
1733
+ border-radius: 4px;
1774
1734
  border-radius: var(--radius-small);
1775
1735
  }
1776
1736
 
@@ -1780,12 +1740,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1780
1740
  }
1781
1741
 
1782
1742
  .zZn1OwyCsDs- {
1783
- border-radius: calc(8px * 2);
1743
+ border-radius: 16px;
1784
1744
  border-radius: var(--radius-large);
1785
1745
  }
1786
1746
 
1787
1747
  ._8sjm89Pi2OU- {
1788
- border-radius: calc(8px * 3);
1748
+ border-radius: 24px;
1789
1749
  border-radius: var(--radius-larger);
1790
1750
  }
1791
1751
 
@@ -1801,7 +1761,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1801
1761
 
1802
1762
  display: block;
1803
1763
  width: 100%;
1804
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
1764
+ border: 1px solid hsl(200, 13%, 87%);
1805
1765
  border: var(--card--border);
1806
1766
  border-radius: 8px;
1807
1767
  border-radius: var(--radius-base);
@@ -1834,8 +1794,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1834
1794
  ._5LfUFF9DYsk-::before {
1835
1795
  content: " ";
1836
1796
  display: block;
1837
- margin: 0 calc(-1 * (16px / 16));
1838
- margin: 0 calc(-1 * calc(16px / 16));
1797
+ margin: 0 calc(-1 * 1px);
1839
1798
  margin: 0 calc(-1 * var(--border-base));
1840
1799
  border-top: 0.375rem solid var(--card--accent-color);
1841
1800
  border-radius: 8px 8px 0 0;
@@ -1845,9 +1804,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1845
1804
  .tRfpysqqk8s- {
1846
1805
  --card--border: none;
1847
1806
 
1848
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
1849
- rgba(0, 0, 0, 0.1),
1850
- 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);
1851
1808
 
1852
1809
  box-shadow: var(--shadow-base);
1853
1810
  color: inherit;
@@ -1872,7 +1829,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
1872
1829
  justify-content: space-between;
1873
1830
  -ms-flex-align: start;
1874
1831
  align-items: flex-start;
1875
- gap: calc(16px / 2);
1832
+ gap: 8px;
1876
1833
  gap: var(--space-small);
1877
1834
  }
1878
1835
 
@@ -2239,14 +2196,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2239
2196
  z-index: 1001;
2240
2197
  z-index: var(--elevation-modal);
2241
2198
  max-height: 72vh;
2242
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
2243
- rgba(0, 0, 0, 0.1),
2244
- 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);
2245
2200
  box-shadow: var(--shadow-base);
2246
- padding: calc(16px / 2);
2201
+ padding: 8px;
2247
2202
  padding: var(--menu-space);
2248
- padding-bottom: calc(env(safe-area-inset-bottom) + (16px / 2));
2249
- padding-bottom: calc(env(safe-area-inset-bottom) + calc(16px / 2));
2203
+ padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
2250
2204
  padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));
2251
2205
  border-radius: 8px 8px 0 0;
2252
2206
  border-radius: var(--radius-base) var(--radius-base) 0 0;
@@ -2282,7 +2236,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2282
2236
  width: calc(16px * 12.5);
2283
2237
  width: calc(var(--base-unit) * 12.5);
2284
2238
  padding: var(--menu-space);
2285
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2239
+ border: 1px solid hsl(200, 13%, 87%);
2286
2240
  border: var(--border-base) solid var(--color-border);
2287
2241
  border-radius: 8px;
2288
2242
  border-radius: var(--radius-base);
@@ -2296,7 +2250,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2296
2250
  width: calc(16px * 12.5);
2297
2251
  width: calc(var(--base-unit) * 12.5);
2298
2252
  padding: var(--menu-space);
2299
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2253
+ border: 1px solid hsl(200, 13%, 87%);
2300
2254
  border: var(--border-base) solid var(--color-border);
2301
2255
  border-radius: 8px;
2302
2256
  border-radius: var(--radius-base);
@@ -2306,7 +2260,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2306
2260
 
2307
2261
  .LaKFjYCLHZc- {
2308
2262
  padding: var(--menu-space) 0;
2309
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
2263
+ border-bottom: 1px solid hsl(200, 13%, 87%);
2310
2264
  border-bottom: var(--border-base) solid var(--color-border);
2311
2265
  }
2312
2266
 
@@ -2451,9 +2405,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2451
2405
  width: var(--checkbox--size);
2452
2406
  height: var(--checkbox--size);
2453
2407
  box-sizing: border-box;
2454
- border: calc(16px / 8) solid var(--checkbox--border--unchecked);
2408
+ border: 2px solid var(--checkbox--border--unchecked);
2455
2409
  border: var(--border-thick) solid var(--checkbox--border--unchecked);
2456
- border-radius: calc(8px / 2);
2410
+ border-radius: 4px;
2457
2411
  border-radius: var(--radius-small);
2458
2412
  background-color: rgba(255, 255, 255, 1);
2459
2413
  background-color: var(--color-surface);
@@ -2478,8 +2432,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2478
2432
  }
2479
2433
 
2480
2434
  .rup0RBe4DNU-:focus-visible + .lOQVnJA7zPM- {
2481
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
2482
- 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%);
2483
2436
  box-shadow: var(--shadow-focus);
2484
2437
  }
2485
2438
 
@@ -2504,17 +2457,16 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2504
2457
  }
2505
2458
 
2506
2459
  .eHENKCs5umc- {
2507
- margin: 0 calc(16px / 2);
2460
+ margin: 0 8px;
2508
2461
  margin: 0 var(--space-small);
2509
- margin-top: calc(16px / 8);
2462
+ margin-top: 2px;
2510
2463
  margin-top: var(--space-smallest);
2511
2464
  }
2512
2465
 
2513
2466
  .fSEH0cAO9cI- {
2514
- margin-bottom: calc(16px / 2);
2467
+ margin-bottom: 8px;
2515
2468
  margin-bottom: var(--space-small);
2516
- padding-left: calc(var(--checkbox--size) + (16px / 2));
2517
- padding-left: calc(var(--checkbox--size) + calc(16px / 2));
2469
+ padding-left: calc(var(--checkbox--size) + 8px);
2518
2470
  padding-left: calc(var(--checkbox--size) + var(--space-small));
2519
2471
  }
2520
2472
 
@@ -2531,9 +2483,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2531
2483
  height: 40px;
2532
2484
  height: var(--chip-height);
2533
2485
  min-width: 0;
2534
- padding: calc(16px / 2) 16px;
2486
+ padding: 8px 16px;
2535
2487
  padding: var(--space-small) var(--base-unit);
2536
- border: calc(16px / 16) solid transparent;
2488
+ border: 1px solid transparent;
2537
2489
  border: var(--border-base) solid transparent;
2538
2490
  border-radius: 20px;
2539
2491
  border-radius: var(--chip-radius);
@@ -2561,10 +2513,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2561
2513
 
2562
2514
  .af7U8MvcbHE- .ySADfZ0FckM-,
2563
2515
  .af7U8MvcbHE- .GnA73aYUbak- {
2564
- margin-left: calc(16px / 2);
2516
+ margin-left: 8px;
2565
2517
  margin-left: var(--space-small);
2566
- margin-right: calc(-1 * (16px / 2));
2567
- margin-right: calc(-1 * calc(16px / 2));
2518
+ margin-right: calc(-1 * 8px);
2568
2519
  margin-right: calc(-1 * var(--space-small));
2569
2520
  background-color: rgba(255, 255, 255, 1);
2570
2521
  background-color: var(--color-surface);
@@ -2575,9 +2526,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2575
2526
  .af7U8MvcbHE- .GnA73aYUbak- {
2576
2527
  display: -ms-flexbox;
2577
2528
  display: flex;
2578
- width: calc(16px * 1.5);
2529
+ width: 24px;
2579
2530
  width: var(--space-large);
2580
- height: calc(16px * 1.5);
2531
+ height: 24px;
2581
2532
  height: var(--space-large);
2582
2533
  -ms-flex-negative: 0;
2583
2534
  flex-shrink: 0;
@@ -2596,16 +2547,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2596
2547
 
2597
2548
  .af7U8MvcbHE-:focus-visible,
2598
2549
  .af7U8MvcbHE- .GnA73aYUbak-:focus-visible {
2599
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
2600
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
2550
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2601
2551
  box-shadow: var(--shadow-focus);
2602
2552
  }
2603
2553
 
2604
2554
  .af7U8MvcbHE- .e905AYK4SCc- {
2605
- margin-left: calc(-1 * (16px / 2));
2606
- margin-left: calc(-1 * calc(16px / 2));
2555
+ margin-left: calc(-1 * 8px);
2607
2556
  margin-left: calc(-1 * var(--space-small));
2608
- margin-right: calc(16px / 2);
2557
+ margin-right: 8px;
2609
2558
  margin-right: var(--space-small);
2610
2559
  }
2611
2560
 
@@ -2615,11 +2564,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2615
2564
  }
2616
2565
 
2617
2566
  .af7U8MvcbHE- .dg1-Izy1eQA- {
2618
- width: calc(16px / 16);
2567
+ width: 1px;
2619
2568
  width: var(--space-minuscule);
2620
2569
  height: 16px;
2621
2570
  height: var(--base-unit);
2622
- margin: 0 calc(16px / 2);
2571
+ margin: 0 8px;
2623
2572
  margin: 0 var(--space-small);
2624
2573
  background-color: hsl(197, 15%, 45%);
2625
2574
  background-color: var(--color-text--secondary);
@@ -2633,7 +2582,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2633
2582
  }
2634
2583
 
2635
2584
  .wSI5L-5rODg- {
2636
- border: calc(16px / 16) solid transparent;
2585
+ border: 1px solid transparent;
2637
2586
  border: var(--border-base) solid transparent;
2638
2587
  color: hsl(197, 90%, 12%);
2639
2588
  color: var(--color-heading);
@@ -2653,7 +2602,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2653
2602
  .Mux23dmZSuw-.SmUxkzpIC84-,
2654
2603
  .Mux23dmZSuw-.SmUxkzpIC84-:hover,
2655
2604
  .Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {
2656
- border: calc(16px / 16) solid hsl(6, 64%, 51%);
2605
+ border: 1px solid hsl(6, 64%, 51%);
2657
2606
  border: var(--border-base) solid var(--color-critical);
2658
2607
  background-color: hsl(7, 63%, 95%);
2659
2608
  background-color: var(--color-critical--surface);
@@ -2674,7 +2623,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2674
2623
  }
2675
2624
 
2676
2625
  .Mux23dmZSuw- {
2677
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2626
+ border: 1px solid hsl(200, 13%, 87%);
2678
2627
  border: var(--border-base) solid var(--color-border--interactive);
2679
2628
  background-color: rgba(255, 255, 255, 1);
2680
2629
  background-color: var(--color-surface);
@@ -2691,7 +2640,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2691
2640
  }
2692
2641
 
2693
2642
  .Mux23dmZSuw-:hover {
2694
- border: calc(16px / 16) solid var(--chip-base-bg);
2643
+ border: 1px solid var(--chip-base-bg);
2695
2644
  border: var(--border-base) solid var(--chip-base-bg);
2696
2645
  background-color: var(--chip-base-bg);
2697
2646
  --chip--gradient-color-variation--hover: var(--chip-base-bg);
@@ -2708,7 +2657,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2708
2657
  .MbRItb9vKhc-,
2709
2658
  .MbRItb9vKhc-:hover,
2710
2659
  .MbRItb9vKhc-:focus-visible {
2711
- border: calc(16px / 16) solid hsl(0, 0%, 93%);
2660
+ border: 1px solid hsl(0, 0%, 93%);
2712
2661
  border: var(--border-base) solid var(--color-disabled--secondary);
2713
2662
  color: hsl(0, 0%, 72%);
2714
2663
  color: var(--color-disabled);
@@ -2757,7 +2706,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2757
2706
  position: absolute;
2758
2707
  top: 0;
2759
2708
  right: 0;
2760
- width: calc(16px * 1);
2709
+ width: 16px;
2761
2710
  width: var(--space-base);
2762
2711
  height: 100%;
2763
2712
  background: linear-gradient(
@@ -2801,8 +2750,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2801
2750
  display: inline-block;
2802
2751
  position: relative;
2803
2752
  max-width: 250px;
2804
- padding: calc((16px * 1) - (16px / 8)) calc(16px * 1);
2805
- padding: calc(calc(16px * 1) - calc(16px / 8)) calc(16px * 1);
2753
+ padding: calc(16px - 2px) 16px;
2806
2754
  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);
2807
2755
  border-radius: 8px;
2808
2756
  border-radius: var(--radius-base);
@@ -2826,7 +2774,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2826
2774
  }
2827
2775
 
2828
2776
  .DpxWsz9QuIo- {
2829
- padding-bottom: calc(16px / 2);
2777
+ padding-bottom: 8px;
2830
2778
  padding-bottom: var(--space-small);
2831
2779
  }
2832
2780
 
@@ -2840,7 +2788,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2840
2788
  }
2841
2789
 
2842
2790
  ._5RblY1rnJOA- {
2843
- padding-top: calc(16px / 2);
2791
+ padding-top: 8px;
2844
2792
  padding-top: var(--space-small);
2845
2793
  }
2846
2794
 
@@ -2854,7 +2802,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2854
2802
  }
2855
2803
 
2856
2804
  .C9MXsqd4wLM- {
2857
- padding-right: calc(16px / 2);
2805
+ padding-right: 8px;
2858
2806
  padding-right: var(--space-small);
2859
2807
  }
2860
2808
 
@@ -2868,7 +2816,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2868
2816
  }
2869
2817
 
2870
2818
  ._2ZZcgQ4fJ-k- {
2871
- padding-left: calc(16px / 2);
2819
+ padding-left: 8px;
2872
2820
  padding-left: var(--space-small);
2873
2821
  }
2874
2822
 
@@ -2885,8 +2833,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2885
2833
  margin: 0;
2886
2834
  color: rgba(255, 255, 255, 1);
2887
2835
  color: var(--color-text--reverse);
2888
- font-size: calc((16px * 1) * 0.875);
2889
- font-size: calc(calc(16px * 1) * 0.875);
2836
+ font-size: 14px;
2890
2837
  font-size: var(--typography--fontSize-base);
2891
2838
  font-weight: 600;
2892
2839
  line-height: 1.25;
@@ -2902,7 +2849,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2902
2849
  .zn6onyiQVmA- {
2903
2850
  display: -ms-flexbox;
2904
2851
  display: flex;
2905
- gap: calc(16px / 2);
2852
+ gap: 8px;
2906
2853
  gap: var(--space-small);
2907
2854
  -ms-flex-wrap: wrap;
2908
2855
  flex-wrap: wrap;
@@ -2915,11 +2862,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2915
2862
  position: relative;
2916
2863
  max-width: 100%;
2917
2864
  box-sizing: border-box;
2918
- padding: calc(16px / 2);
2865
+ padding: 8px;
2919
2866
  padding: var(--space-small);
2920
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
2867
+ border: 1px solid hsl(200, 13%, 87%);
2921
2868
  border: var(--border-base) solid var(--color-border--interactive);
2922
- border-radius: calc(8px * 3);
2869
+ border-radius: 24px;
2923
2870
  border-radius: var(--radius-larger);
2924
2871
  color: hsl(197, 15%, 45%);
2925
2872
  color: var(--color-text--secondary);
@@ -2934,14 +2881,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2934
2881
  grid-template-columns: max-content;
2935
2882
  -ms-flex-align: center;
2936
2883
  align-items: center;
2937
- gap: calc(16px / 2);
2884
+ gap: 8px;
2938
2885
  gap: var(--space-small);
2939
2886
  }
2940
2887
 
2941
2888
  .dtysUhwYdG4-,
2942
2889
  .xGaMCAYsdwA- {
2943
- padding: calc((16px / 4) + (16px / 8)) calc(16px / 2);
2944
- padding: calc(calc(16px / 4) + calc(16px / 8)) calc(16px / 2);
2890
+ padding: calc(4px + 2px) 8px;
2945
2891
  padding: calc(var(--space-smaller) + var(--space-smallest)) var(--space-small);
2946
2892
  }
2947
2893
 
@@ -2962,9 +2908,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2962
2908
 
2963
2909
  .SNT7gGV-h-o-,
2964
2910
  .W4D98cvEth4- ~ .PEnZzMEgbhU- {
2965
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
2966
- rgba(0, 0, 0, 0.1),
2967
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
2911
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
2968
2912
  box-shadow: var(--shadow-base);
2969
2913
  cursor: pointer;
2970
2914
  -webkit-appearance: none;
@@ -2977,8 +2921,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
2977
2921
 
2978
2922
  .PEnZzMEgbhU-:focus,
2979
2923
  .W4D98cvEth4-:focus ~ .PEnZzMEgbhU- {
2980
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
2981
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
2924
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
2982
2925
  box-shadow: var(--shadow-focus);
2983
2926
  outline: none;
2984
2927
  }
@@ -3073,8 +3016,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3073
3016
 
3074
3017
  ._0-ZWexS4Gfg-:focus,
3075
3018
  .SNT7gGV-h-o- ._0-ZWexS4Gfg-:hover {
3076
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3077
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3019
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3078
3020
  box-shadow: var(--shadow-focus);
3079
3021
  outline: none;
3080
3022
  }
@@ -3102,13 +3044,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3102
3044
  display: flex;
3103
3045
  position: relative;
3104
3046
  box-sizing: border-box;
3105
- border: calc(16px / 16) solid transparent;
3047
+ border: 1px solid transparent;
3106
3048
  border: var(--border-base) solid transparent;
3107
3049
  border-radius: 8px;
3108
3050
  border-radius: var(--radius-base);
3109
3051
  transition: all 200ms;
3110
3052
  transition: all var(--timing-base);
3111
- gap: calc(16px / 2);
3053
+ gap: 8px;
3112
3054
  gap: var(--space-small);
3113
3055
  -ms-flex-wrap: wrap;
3114
3056
  flex-wrap: wrap;
@@ -3120,14 +3062,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3120
3062
  -ms-flex: 1;
3121
3063
  flex: 1;
3122
3064
  min-width: 120px;
3123
- padding: calc(16px / 2) 0;
3065
+ padding: 8px 0;
3124
3066
  padding: var(--space-small) 0;
3125
3067
  border: none;
3126
3068
  border-radius: 0;
3127
3069
  color: inherit;
3128
3070
  font-family: inherit;
3129
3071
  font-size: inherit;
3130
- font-size: calc(calc(16px * 1) * 0.875);
3072
+ font-size: 14px;
3131
3073
  font-size: var(--typography--fontSize-base);
3132
3074
  line-height: 1.25;
3133
3075
  line-height: var(--typography--lineHeight-base);
@@ -3149,11 +3091,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3149
3091
 
3150
3092
  .LdytkOeCU9c- {
3151
3093
  max-height: 320px;
3152
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
3153
- rgba(0, 0, 0, 0.1),
3154
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
3094
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3155
3095
  box-shadow: var(--shadow-base);
3156
- padding: calc(16px / 2) 0;
3096
+ padding: 8px 0;
3157
3097
  padding: var(--space-small) 0;
3158
3098
  border-radius: 8px;
3159
3099
  border-radius: var(--radius-base);
@@ -3167,7 +3107,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3167
3107
  display: -ms-flexbox;
3168
3108
  display: flex;
3169
3109
  width: 100%;
3170
- padding: calc(16px / 2);
3110
+ padding: 8px;
3171
3111
  padding: var(--space-small);
3172
3112
  border: none;
3173
3113
  background-color: transparent;
@@ -3176,13 +3116,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3176
3116
  appearance: none;
3177
3117
  -ms-flex-align: center;
3178
3118
  align-items: center;
3179
- gap: calc(16px / 2);
3119
+ gap: 8px;
3180
3120
  gap: var(--space-small);
3181
3121
  }
3182
3122
 
3183
3123
  .y7Cz2u8BuNE-:focus {
3184
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3185
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3124
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3186
3125
  box-shadow: var(--shadow-focus);
3187
3126
  }
3188
3127
 
@@ -3201,16 +3140,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3201
3140
  .m1w5vdUZ6rQ- {
3202
3141
  z-index: 1002;
3203
3142
  z-index: var(--elevation-tooltip);
3204
- width: calc((16px * 4) * 3.75);
3205
- width: calc(calc(16px * 4) * 3.75);
3143
+ width: calc(64px * 3.75);
3206
3144
  width: calc(var(--space-extravagant) * 3.75);
3207
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
3208
- rgba(0, 0, 0, 0.1),
3209
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
3145
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3210
3146
  box-shadow: var(--shadow-base);
3211
- margin-top: calc(16px / 2);
3147
+ margin-top: 8px;
3212
3148
  margin-top: var(--space-small);
3213
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
3149
+ border: 1px solid hsl(200, 13%, 87%);
3214
3150
  border: var(--border-base) solid var(--color-border);
3215
3151
  border-radius: 8px;
3216
3152
  border-radius: var(--radius-base);
@@ -3234,8 +3170,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3234
3170
  }
3235
3171
 
3236
3172
  .m1w5vdUZ6rQ-:focus-visible {
3237
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3238
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3173
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3239
3174
  box-shadow: var(--shadow-focus);
3240
3175
  }
3241
3176
 
@@ -3245,7 +3180,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3245
3180
  -ms-flex-direction: column;
3246
3181
  flex-direction: column;
3247
3182
  position: sticky;
3248
- gap: calc(16px / 4);
3183
+ gap: 4px;
3249
3184
  gap: var(--space-smaller);
3250
3185
  bottom: 0;
3251
3186
  width: 100%;
@@ -3254,7 +3189,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3254
3189
  }
3255
3190
 
3256
3191
  .TcpqL34s4lI- {
3257
- padding-bottom: calc(16px / 2);
3192
+ padding-bottom: 8px;
3258
3193
  padding-bottom: var(--space-small);
3259
3194
  }
3260
3195
 
@@ -3264,19 +3199,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3264
3199
 
3265
3200
  .WZPK91I4aJs- {
3266
3201
  width: 100%;
3267
- padding: calc(16px * 1);
3202
+ padding: 16px;
3268
3203
  padding: var(--space-base);
3269
- padding-right: calc((16px * 1.5) * 2.25);
3270
- padding-right: calc(calc(16px * 1.5) * 2.25);
3204
+ padding-right: calc(24px * 2.25);
3271
3205
  padding-right: calc(var(--space-large) * 2.25);
3272
3206
  border: none;
3273
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
3207
+ border-bottom: 1px solid hsl(200, 13%, 87%);
3274
3208
  border-bottom: var(--border-base) solid var(--color-border);
3275
3209
  color: var(--field--value-color);
3276
- font-family: "Inter", Helvetica, Arial, sans-serif;
3210
+ font-family: Inter, Helvetica, Arial, sans-serif;
3277
3211
  font-family: var(--typography--fontFamily-normal);
3278
- font-size: calc((16px * 1) * 0.875);
3279
- font-size: calc(calc(16px * 1) * 0.875);
3212
+ font-size: 14px;
3280
3213
  font-size: var(--typography--fontSize-base);
3281
3214
  background-color: rgba(255, 255, 255, 1);
3282
3215
  background-color: var(--color-surface);
@@ -3333,13 +3266,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3333
3266
  display: flex;
3334
3267
  position: absolute;
3335
3268
  top: 50%;
3336
- right: calc(16px * 1);
3269
+ right: 16px;
3337
3270
  right: var(--space-base);
3338
3271
  z-index: 1002;
3339
3272
  z-index: var(--elevation-tooltip);
3340
- width: calc(16px * 1.5);
3273
+ width: 24px;
3341
3274
  width: var(--space-large);
3342
- height: calc(16px * 1.5);
3275
+ height: 24px;
3343
3276
  height: var(--space-large);
3344
3277
  padding: 0;
3345
3278
  border: none;
@@ -3361,8 +3294,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3361
3294
  }
3362
3295
 
3363
3296
  ._7loHrVUe-Rk-:focus-visible {
3364
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3365
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3297
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3366
3298
  box-shadow: var(--shadow-focus);
3367
3299
  }
3368
3300
 
@@ -3383,14 +3315,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3383
3315
  background-image: linear-gradient(
3384
3316
  90deg,
3385
3317
  transparent 0px,
3386
- rgba(255, 255, 255, 0.8) calc(16px * 2),
3387
- transparent calc(16px * 4)
3318
+ rgba(255, 255, 255, 0.8) 32px,
3319
+ transparent 64px
3388
3320
  );
3389
3321
  background-image: linear-gradient(
3390
3322
  90deg,
3391
3323
  transparent 0px,
3392
- rgba(255, 255, 255, 80%) calc(16px * 2),
3393
- transparent calc(16px * 4)
3324
+ rgba(255, 255, 255, 80%) 32px,
3325
+ transparent 64px
3394
3326
  );
3395
3327
  background-image: linear-gradient(
3396
3328
  90deg,
@@ -3399,7 +3331,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3399
3331
  transparent var(--space-extravagant)
3400
3332
  );
3401
3333
  background-repeat: no-repeat;
3402
- background-size: calc(16px * 4) 100%;
3334
+ background-size: 64px 100%;
3403
3335
  background-size: var(--space-extravagant) 100%;
3404
3336
  -webkit-animation: FXzzrJAf890- 2s infinite linear;
3405
3337
  animation: FXzzrJAf890- 2s infinite linear;
@@ -3423,14 +3355,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3423
3355
  @-webkit-keyframes FXzzrJAf890- {
3424
3356
  0%,
3425
3357
  20% {
3426
- background-position-x: calc((16px * 4) * -1);
3427
- background-position-x: calc(calc(16px * 4) * -1);
3358
+ background-position-x: calc(64px * -1);
3428
3359
  background-position-x: calc(var(--space-extravagant) * -1);
3429
3360
  }
3430
3361
 
3431
3362
  100% {
3432
- background-position-x: calc(100% + (16px * 4));
3433
- background-position-x: calc(100% + calc(16px * 4));
3363
+ background-position-x: calc(100% + 64px);
3434
3364
  background-position-x: calc(100% + var(--space-extravagant));
3435
3365
  }
3436
3366
  }
@@ -3438,14 +3368,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3438
3368
  @keyframes FXzzrJAf890- {
3439
3369
  0%,
3440
3370
  20% {
3441
- background-position-x: calc((16px * 4) * -1);
3442
- background-position-x: calc(calc(16px * 4) * -1);
3371
+ background-position-x: calc(64px * -1);
3443
3372
  background-position-x: calc(var(--space-extravagant) * -1);
3444
3373
  }
3445
3374
 
3446
3375
  100% {
3447
- background-position-x: calc(100% + (16px * 4));
3448
- background-position-x: calc(100% + calc(16px * 4));
3376
+ background-position-x: calc(100% + 64px);
3449
3377
  background-position-x: calc(100% + var(--space-extravagant));
3450
3378
  }
3451
3379
  }
@@ -3469,35 +3397,35 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3469
3397
  }
3470
3398
 
3471
3399
  .siUUG4rZNSk- {
3472
- height: calc(16px / 2);
3400
+ height: 8px;
3473
3401
  height: var(--space-small);
3474
3402
  }
3475
3403
 
3476
3404
  .nFuBXyrhG2Q- {
3477
- height: calc(16px * 1);
3405
+ height: 16px;
3478
3406
  height: var(--space-base);
3479
3407
  }
3480
3408
 
3481
3409
  .oiVEoAqI-fU- {
3482
- height: calc(16px * 1.5);
3410
+ height: 24px;
3483
3411
  height: var(--space-large);
3484
3412
  }
3485
3413
 
3486
3414
  .Tkmo6mSMI9Y- {
3487
- height: calc(16px * 2);
3415
+ height: 32px;
3488
3416
  height: var(--space-larger);
3489
3417
  }
3490
3418
 
3491
3419
  .uVeaD3IhD6o- {
3492
- height: calc(16px * 3);
3420
+ height: 48px;
3493
3421
  height: var(--space-largest);
3494
3422
  }
3495
3423
 
3496
3424
  ._6Wak9NLJ3VQ- {
3497
3425
  height: 100%;
3498
- min-width: calc(16px * 1);
3426
+ min-width: 16px;
3499
3427
  min-width: var(--space-base);
3500
- min-height: calc(16px * 1);
3428
+ min-height: 16px;
3501
3429
  min-height: var(--space-base);
3502
3430
  }
3503
3431
 
@@ -3535,47 +3463,47 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3535
3463
  }
3536
3464
 
3537
3465
  ._340SlNuzSDQ- > :not(:last-child) {
3538
- margin-bottom: calc(16px / 16);
3466
+ margin-bottom: 1px;
3539
3467
  margin-bottom: var(--space-minuscule);
3540
3468
  }
3541
3469
 
3542
3470
  .H1BK-YSBQBQ- > :not(:last-child) {
3543
- margin-bottom: calc(16px / 8);
3471
+ margin-bottom: 2px;
3544
3472
  margin-bottom: var(--space-smallest);
3545
3473
  }
3546
3474
 
3547
3475
  .xUe31mY0kro- > :not(:last-child) {
3548
- margin-bottom: calc(16px / 4);
3476
+ margin-bottom: 4px;
3549
3477
  margin-bottom: var(--space-smaller);
3550
3478
  }
3551
3479
 
3552
3480
  .rDJFaGPzCbE- > :not(:last-child) {
3553
- margin-bottom: calc(16px / 2);
3481
+ margin-bottom: 8px;
3554
3482
  margin-bottom: var(--space-small);
3555
3483
  }
3556
3484
 
3557
3485
  .SRYe3DkjH1c- > :not(:last-child) {
3558
- margin-bottom: calc(16px * 1);
3486
+ margin-bottom: 16px;
3559
3487
  margin-bottom: var(--space-base);
3560
3488
  }
3561
3489
 
3562
3490
  ._7TZ4MI3kr4Y- > :not(:last-child) {
3563
- margin-bottom: calc(16px * 1.5);
3491
+ margin-bottom: 24px;
3564
3492
  margin-bottom: var(--space-large);
3565
3493
  }
3566
3494
 
3567
3495
  .jvPl3aAN9PA- > :not(:last-child) {
3568
- margin-bottom: calc(16px * 2);
3496
+ margin-bottom: 32px;
3569
3497
  margin-bottom: var(--space-larger);
3570
3498
  }
3571
3499
 
3572
3500
  .fFTgb4ra1X0- > :not(:last-child) {
3573
- margin-bottom: calc(16px * 3);
3501
+ margin-bottom: 48px;
3574
3502
  margin-bottom: var(--space-largest);
3575
3503
  }
3576
3504
 
3577
3505
  .kKnfL37LO6A- > :not(:last-child) {
3578
- margin-bottom: calc(16px * 4);
3506
+ margin-bottom: 64px;
3579
3507
  margin-bottom: var(--space-extravagant);
3580
3508
  }
3581
3509
 
@@ -3586,7 +3514,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3586
3514
 
3587
3515
  .SgMzjOcdE-E- {
3588
3516
  position: relative;
3589
- padding: calc(16px / 2) 0;
3517
+ padding: 8px 0;
3590
3518
  padding: var(--space-small) 0;
3591
3519
  }
3592
3520
 
@@ -3594,9 +3522,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3594
3522
  display: -ms-flexbox;
3595
3523
  display: flex;
3596
3524
 
3597
- max-height: calc((16px / 2) * 33.33);
3598
-
3599
- max-height: calc(calc(16px / 2) * 33.33);
3525
+ max-height: calc(8px * 33.33);
3600
3526
 
3601
3527
  max-height: calc(var(--space-small) * 33.33);
3602
3528
  margin: 0;
@@ -3605,13 +3531,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3605
3531
  list-style: none;
3606
3532
  -ms-flex-direction: column;
3607
3533
  flex-direction: column;
3608
- gap: calc(16px / 4);
3534
+ gap: 4px;
3609
3535
  gap: var(--space-smaller);
3610
3536
  }
3611
3537
 
3612
3538
  ._8T5M7MGwCRE-,
3613
3539
  ._4y5NXkNeIQM- {
3614
- padding: calc(16px / 2) calc(16px * 1);
3540
+ padding: 8px 16px;
3615
3541
  padding: var(--space-small) var(--space-base);
3616
3542
  }
3617
3543
 
@@ -3622,14 +3548,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3622
3548
  position: absolute;
3623
3549
  right: 0;
3624
3550
  left: 0;
3625
- height: calc(16px * 1);
3551
+ height: 16px;
3626
3552
  height: var(--space-base);
3627
3553
  pointer-events: none;
3628
3554
  transition: opacity 0.3s ease-in-out;
3629
3555
  }
3630
3556
 
3631
3557
  .SgMzjOcdE-E-::after {
3632
- bottom: calc(16px / 2);
3558
+ bottom: 8px;
3633
3559
  bottom: var(--space-small);
3634
3560
  background: linear-gradient(
3635
3561
  180deg,
@@ -3644,7 +3570,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3644
3570
  }
3645
3571
 
3646
3572
  .SgMzjOcdE-E-::before {
3647
- top: calc(16px / 2);
3573
+ top: 8px;
3648
3574
  top: var(--space-small);
3649
3575
  background: linear-gradient(
3650
3576
  180deg,
@@ -3669,7 +3595,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3669
3595
  }
3670
3596
 
3671
3597
  .A6z4OI58xoE- {
3672
- padding: calc(16px * 1) calc(16px * 1);
3598
+ padding: 16px 16px;
3673
3599
  padding: var(--space-base) var(--space-base);
3674
3600
  }
3675
3601
 
@@ -3680,7 +3606,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3680
3606
  justify-content: center;
3681
3607
  position: sticky;
3682
3608
  bottom: 0;
3683
- padding: calc(16px * 1) 0;
3609
+ padding: 16px 0;
3684
3610
  padding: var(--space-base) 0;
3685
3611
  }
3686
3612
 
@@ -3696,27 +3622,27 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3696
3622
  }
3697
3623
 
3698
3624
  .ooF1YfV4Usc- {
3699
- gap: calc(16px / 8);
3625
+ gap: 2px;
3700
3626
  gap: var(--space-smallest);
3701
3627
  }
3702
3628
 
3703
3629
  .ppCZfXq-Kqc- {
3704
- gap: calc(16px / 4);
3630
+ gap: 4px;
3705
3631
  gap: var(--space-smaller);
3706
3632
  }
3707
3633
 
3708
3634
  .tElkBalXH3g- {
3709
- gap: calc(16px / 2);
3635
+ gap: 8px;
3710
3636
  gap: var(--space-small);
3711
3637
  }
3712
3638
 
3713
3639
  ._4u3OwUKxxbg- {
3714
- gap: calc(16px * 1);
3640
+ gap: 16px;
3715
3641
  gap: var(--space-base);
3716
3642
  }
3717
3643
 
3718
3644
  .RL7CJla0AAI- {
3719
- gap: calc(16px * 1.5);
3645
+ gap: 24px;
3720
3646
  gap: var(--space-large);
3721
3647
  }
3722
3648
 
@@ -3744,12 +3670,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3744
3670
  display: flex;
3745
3671
  -ms-flex-negative: 0;
3746
3672
  flex-shrink: 0;
3747
- min-height: calc((calc(16px * 3) - calc(16px / 4)));
3673
+ min-height: calc((48px - 4px));
3748
3674
  min-height: calc((var(--space-largest) - var(--space-smaller)));
3749
3675
  box-sizing: border-box;
3750
- margin: 0 calc(16px / 2);
3676
+ margin: 0 8px;
3751
3677
  margin: 0 var(--space-small);
3752
- padding: calc(16px / 2);
3678
+ padding: 8px;
3753
3679
  padding: var(--space-small);
3754
3680
  border-radius: 8px;
3755
3681
  border-radius: var(--radius-base);
@@ -3777,37 +3703,34 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3777
3703
  }
3778
3704
 
3779
3705
  ._5QdRGmaNHvc-:focus-visible {
3780
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3781
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3706
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3782
3707
  box-shadow: var(--shadow-focus);
3783
3708
  }
3784
3709
 
3785
3710
  ._3s8-RC5Ky3s- {
3786
- -webkit-transform: translateY(calc((16px * 3) * -1));
3787
- -webkit-transform: translateY(calc(calc(16px * 3) * -1));
3711
+ -webkit-transform: translateY(calc(48px * -1));
3788
3712
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
3789
- transform: translateY(calc((16px * 3) * -1));
3790
- transform: translateY(calc(calc(16px * 3) * -1));
3713
+ transform: translateY(calc(48px * -1));
3791
3714
  transform: translateY(calc(var(--space-largest) * -1));
3792
3715
  }
3793
3716
 
3794
3717
  .Q-mwo-g5Fi8- {
3795
3718
  display: -ms-flexbox;
3796
3719
  display: flex;
3797
- padding: calc(16px * 1) calc(16px / 2) 0 calc(16px * 1);
3720
+ padding: 16px 8px 0 16px;
3798
3721
  padding: var(--space-base) var(--space-small) 0 var(--space-base);
3799
3722
  -ms-flex-pack: justify;
3800
3723
  justify-content: space-between;
3801
3724
  -ms-flex-align: baseline;
3802
3725
  align-items: baseline;
3803
- gap: calc(16px / 4);
3726
+ gap: 4px;
3804
3727
  gap: var(--space-smaller);
3805
3728
  }
3806
3729
 
3807
3730
  .Ow9wSNnGP-g- {
3808
3731
  width: 100%;
3809
3732
  box-sizing: border-box;
3810
- padding: 0 calc(16px / 2);
3733
+ padding: 0 8px;
3811
3734
  padding: 0 var(--space-small);
3812
3735
  background-color: rgba(255, 255, 255, 1);
3813
3736
  background-color: var(--color-surface);
@@ -3816,9 +3739,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3816
3739
  .ncp0nKHQ7d8- {
3817
3740
  position: relative;
3818
3741
  width: 100%;
3819
- min-height: calc((calc(16px * 3) - calc(16px / 2)));
3742
+ min-height: calc((48px - 8px));
3820
3743
  min-height: calc((var(--space-largest) - var(--space-small)));
3821
- padding: calc(16px / 2) 0;
3744
+ padding: 8px 0;
3822
3745
  padding: var(--space-small) 0;
3823
3746
  border: none;
3824
3747
  border-radius: 8px;
@@ -3843,13 +3766,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3843
3766
  }
3844
3767
 
3845
3768
  .ncp0nKHQ7d8-:focus-visible {
3846
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
3847
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
3769
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3848
3770
  box-shadow: var(--shadow-focus);
3849
3771
  }
3850
3772
 
3851
3773
  .ncp0nKHQ7d8- span {
3852
- margin-left: calc(16px / 2);
3774
+ margin-left: 8px;
3853
3775
  margin-left: var(--space-small);
3854
3776
  }
3855
3777
 
@@ -3905,7 +3827,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3905
3827
  flex-direction: column;
3906
3828
  z-index: 1001;
3907
3829
  z-index: var(--elevation-modal);
3908
- padding: calc(16px / 2);
3830
+ padding: 8px;
3909
3831
  padding: var(--space-small);
3910
3832
  overflow: auto;
3911
3833
  }
@@ -3929,12 +3851,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3929
3851
  width: 100%;
3930
3852
  max-width: 600px;
3931
3853
  max-width: var(--modal--width);
3932
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
3933
- rgba(0, 0, 0, 0.1),
3934
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
3854
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
3935
3855
  box-shadow: var(--modal--shadow);
3936
3856
  margin: auto;
3937
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
3857
+ border: 1px solid hsl(200, 13%, 87%);
3938
3858
  border: var(--border-base) solid var(--color-border);
3939
3859
  border-radius: 8px;
3940
3860
  border-radius: var(--radius-base);
@@ -3964,8 +3884,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3964
3884
  display: flex;
3965
3885
  -ms-flex-pack: justify;
3966
3886
  justify-content: space-between;
3967
- padding: calc(16px * 1)
3968
- calc(16px * 1);
3887
+ padding: 16px
3888
+ 16px;
3969
3889
  padding: var(--modal--padding);
3970
3890
  background-color: transparent;
3971
3891
  }
@@ -3987,8 +3907,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
3987
3907
  ._62c8HLZFwvs- {
3988
3908
  display: -ms-flexbox;
3989
3909
  display: flex;
3990
- padding: calc(16px * 1)
3991
- calc(16px * 1);
3910
+ padding: 16px
3911
+ 16px;
3992
3912
  padding: var(--modal--padding);
3993
3913
  padding-top: 0;
3994
3914
  -ms-flex: 1 1 100%;
@@ -4022,7 +3942,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4022
3942
  /* stylelint-disable-next-line no-descending-specificity */
4023
3943
 
4024
3944
  .p2s7GtpoZz0- > * {
4025
- margin-left: calc(16px / 2);
3945
+ margin-left: 8px;
4026
3946
  margin-left: var(--space-small);
4027
3947
  }
4028
3948
 
@@ -4076,7 +3996,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4076
3996
  position: relative;
4077
3997
  z-index: 1;
4078
3998
  z-index: var(--elevation-base);
4079
- margin-bottom: calc(16px / 2);
3999
+ margin-bottom: 8px;
4080
4000
  margin-bottom: var(--space-small);
4081
4001
  -ms-flex-align: center;
4082
4002
  align-items: center;
@@ -4084,11 +4004,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4084
4004
 
4085
4005
  .TFO76ysivmg- {
4086
4006
  display: grid;
4087
- padding: calc((16px / 2) + (16px / 4)) 0;
4088
- padding: calc(calc(16px / 2) + calc(16px / 4)) 0;
4007
+ padding: calc(8px + 4px) 0;
4089
4008
  padding: calc(var(--space-small) + var(--space-smaller)) 0;
4090
- gap: calc(16px / 2);
4091
- grid-gap: calc(16px / 2);
4009
+ gap: 8px;
4010
+ grid-gap: 8px;
4092
4011
  grid-gap: var(--space-small);
4093
4012
  gap: var(--space-small);
4094
4013
  grid-template-columns: auto fit-content(calc(16px * 14));
@@ -4106,11 +4025,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4106
4025
  flex-direction: column;
4107
4026
  -ms-flex-pack: center;
4108
4027
  justify-content: center;
4109
- min-height: calc(16px * 3);
4028
+ min-height: 48px;
4110
4029
  min-height: var(--space-largest);
4111
- padding: calc(16px / 2);
4030
+ padding: 8px;
4112
4031
  padding: var(--space-small);
4113
- border-bottom: calc(16px / 8) solid hsl(200, 13%, 87%);
4032
+ border-bottom: 2px solid hsl(200, 13%, 87%);
4114
4033
  border-bottom: var(--border-thick) solid var(--color-border);
4115
4034
  }
4116
4035
 
@@ -4118,7 +4037,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4118
4037
  --data-list--header-actions-gap: var(--space-small);
4119
4038
  display: -ms-flexbox;
4120
4039
  display: flex;
4121
- gap: calc(16px / 2);
4040
+ gap: 8px;
4122
4041
  gap: var(--data-list--header-actions-gap);
4123
4042
  }
4124
4043
 
@@ -4148,8 +4067,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4148
4067
  .jMSVGIAr5tk- {
4149
4068
  display: -ms-flexbox;
4150
4069
  display: flex;
4151
- margin: calc((16px / 2) * -1) 0;
4152
- margin: calc(calc(16px / 2) * -1) 0;
4070
+ margin: calc(8px * -1) 0;
4153
4071
  margin: calc(var(--space-small) * -1) 0;
4154
4072
  -ms-flex-align: center;
4155
4073
  align-items: center;
@@ -4162,9 +4080,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4162
4080
 
4163
4081
  .ise8kHCfhCY- {
4164
4082
  position: relative;
4165
- padding: calc(16px / 2);
4083
+ padding: 8px;
4166
4084
  padding: var(--space-small);
4167
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
4085
+ border-bottom: 1px solid hsl(200, 13%, 87%);
4168
4086
  border-bottom: var(--border-base) solid var(--color-border);
4169
4087
  transition: all 200ms;
4170
4088
  transition: all var(--timing-base);
@@ -4188,10 +4106,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4188
4106
  }
4189
4107
 
4190
4108
  .Tq6e0BGwcSM- {
4191
- margin: calc((16px / 2) * -1) 0;
4192
- margin: calc(calc(16px / 2) * -1) 0;
4109
+ margin: calc(8px * -1) 0;
4193
4110
  margin: calc(var(--space-small) * -1) 0;
4194
- padding: calc(16px / 2) 0;
4111
+ padding: 8px 0;
4195
4112
  padding: var(--space-small) 0;
4196
4113
  border: none;
4197
4114
  text-align: left;
@@ -4257,11 +4174,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4257
4174
  .jGHZZYZm1ZY- .d-79rkMqufg- {
4258
4175
  grid-template-columns: -webkit-max-content minmax(0px, auto);
4259
4176
  grid-template-columns: max-content minmax(0px, auto);
4260
- -webkit-column-gap: calc(16px / 2);
4177
+ -webkit-column-gap: 8px;
4261
4178
  -webkit-column-gap: var(--space-small);
4262
- -moz-column-gap: calc(16px / 2);
4179
+ -moz-column-gap: 8px;
4263
4180
  -moz-column-gap: var(--space-small);
4264
- column-gap: calc(16px / 2);
4181
+ column-gap: 8px;
4265
4182
  column-gap: var(--space-small);
4266
4183
  }
4267
4184
 
@@ -4277,8 +4194,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4277
4194
  visibility: hidden;
4278
4195
 
4279
4196
  /* To compensate the Checkbox's label margin that we are using for screen-readers */
4280
- margin-right: calc((16px * 1) * -1);
4281
- margin-right: calc(calc(16px * 1) * -1);
4197
+ margin-right: calc(16px * -1);
4282
4198
  margin-right: calc(var(--space-base) * -1);
4283
4199
  }
4284
4200
 
@@ -4294,7 +4210,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4294
4210
  .ise8kHCfhCY- .d-79rkMqufg- > :last-child {
4295
4211
  -ms-flex-order: 1;
4296
4212
  order: 1;
4297
- padding-top: calc(16px / 4);
4213
+ padding-top: 4px;
4298
4214
  padding-top: var(--space-smaller);
4299
4215
  opacity: 1;
4300
4216
  transition: opacity 100ms ease-in-out;
@@ -4363,7 +4279,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4363
4279
 
4364
4280
  .F56prQsXm3A- {
4365
4281
  min-width: 80px;
4366
- margin-left: calc(16px / 2);
4282
+ margin-left: 8px;
4367
4283
  margin-left: var(--space-small);
4368
4284
  }
4369
4285
 
@@ -4392,13 +4308,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4392
4308
  }
4393
4309
 
4394
4310
  .Rh--6fVpkm4- {
4395
- padding: calc(16px * 1) calc(16px / 2);
4311
+ padding: 16px 8px;
4396
4312
  padding: var(--space-base) var(--space-small);
4397
4313
  }
4398
4314
 
4399
4315
  .NFaWWvmxtkw- {
4400
4316
  width: 100%;
4401
- min-width: calc(16px * 3);
4317
+ min-width: 48px;
4402
4318
  min-width: var(--space-largest);
4403
4319
  }
4404
4320
 
@@ -4406,25 +4322,22 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4406
4322
  display: -ms-flexbox;
4407
4323
  display: flex;
4408
4324
  position: absolute;
4409
- top: calc((16px / 2) * -1);
4410
- top: calc(calc(16px / 2) * -1);
4325
+ top: calc(8px * -1);
4411
4326
  top: calc(var(--space-small) * -1);
4412
4327
  right: 0;
4413
4328
  z-index: 6;
4414
4329
  z-index: var(--elevation-menu);
4415
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
4416
- rgba(0, 0, 0, 0.1),
4417
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
4330
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4418
4331
  box-shadow: var(--shadow-base);
4419
- padding: calc(16px / 4);
4332
+ padding: 4px;
4420
4333
  padding: var(--space-smaller);
4421
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
4334
+ border: 1px solid hsl(200, 13%, 87%);
4422
4335
  border: var(--border-base) solid var(--color-border);
4423
4336
  border-radius: 8px;
4424
4337
  border-radius: var(--radius-base);
4425
4338
  background-color: rgba(255, 255, 255, 1);
4426
4339
  background-color: var(--color-surface);
4427
- gap: calc(16px / 4);
4340
+ gap: 4px;
4428
4341
  gap: var(--space-smaller);
4429
4342
  }
4430
4343
 
@@ -4450,7 +4363,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4450
4363
  }
4451
4364
 
4452
4365
  .P6uJ-vHfKrM- {
4453
- gap: calc(16px / 2);
4366
+ gap: 8px;
4454
4367
  gap: var(--space-small);
4455
4368
  }
4456
4369
 
@@ -4470,7 +4383,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4470
4383
  content: "";
4471
4384
  position: absolute;
4472
4385
  top: 0;
4473
- width: calc(16px * 1.5);
4386
+ width: 24px;
4474
4387
  width: var(--space-large);
4475
4388
  height: 100%;
4476
4389
  background-image: linear-gradient(
@@ -4511,11 +4424,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4511
4424
  z-index: 0;
4512
4425
  z-index: var(--elevation-default);
4513
4426
  max-height: calc((
4514
- ((16px * 1) * 0.75) * 1.5 + ((16px / 4) * 1.25) *
4427
+ 12px * 1.5 + (4px * 1.25) *
4515
4428
  2
4516
4429
  ) * 2);
4517
4430
  max-height: calc(calc(
4518
- calc(calc(16px * 1) * 0.75) * 1.5 + calc(calc(16px / 4) * 1.25) *
4431
+ 12px * 1.5 + calc(4px * 1.25) *
4519
4432
  2
4520
4433
  ) * 2);
4521
4434
  max-height: calc(var(--inline-label-height) * 2);
@@ -4523,7 +4436,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4523
4436
  white-space: nowrap;
4524
4437
  -ms-flex-wrap: wrap;
4525
4438
  flex-wrap: wrap;
4526
- gap: calc(16px / 4);
4439
+ gap: 4px;
4527
4440
  gap: var(--space-smaller);
4528
4441
  }
4529
4442
 
@@ -4531,8 +4444,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4531
4444
  -webkit-mask-image: linear-gradient(
4532
4445
  to left,
4533
4446
  transparent,
4534
- transparent calc(16px * 1.5),
4535
- rgba(0, 0, 0, 1) calc(16px * 3),
4447
+ transparent 24px,
4448
+ rgba(0, 0, 0, 1) 48px,
4536
4449
  rgba(0, 0, 0, 1)
4537
4450
  );
4538
4451
  -webkit-mask-image: linear-gradient(
@@ -4545,8 +4458,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4545
4458
  mask-image: linear-gradient(
4546
4459
  to left,
4547
4460
  transparent,
4548
- transparent calc(16px * 1.5),
4549
- rgba(0, 0, 0, 1) calc(16px * 3),
4461
+ transparent 24px,
4462
+ rgba(0, 0, 0, 1) 48px,
4550
4463
  rgba(0, 0, 0, 1)
4551
4464
  );
4552
4465
  mask-image: linear-gradient(
@@ -4575,10 +4488,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4575
4488
  }
4576
4489
 
4577
4490
  .bMWuAXJHkbw- {
4578
- padding: calc((16px / 4) * 1.5) calc((16px / 2) * 1.25);
4579
- padding: calc(calc(16px / 4) * 1.5) calc(calc(16px / 2) * 1.25);
4491
+ padding: calc(4px * 1.5) calc(8px * 1.25);
4580
4492
  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);
4581
- border-radius: calc(8px * 2);
4493
+ border-radius: 16px;
4582
4494
  border-radius: var(--radius-large);
4583
4495
  }
4584
4496
 
@@ -4587,10 +4499,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4587
4499
  }
4588
4500
 
4589
4501
  .ui07veHjPII- {
4590
- padding: calc((16px / 2) * 1.25) calc((16px / 2) * 1.5);
4591
- padding: calc(calc(16px / 2) * 1.25) calc(calc(16px / 2) * 1.5);
4502
+ padding: calc(8px * 1.25) calc(8px * 1.5);
4592
4503
  padding: calc(var(--space-small) * 1.25) calc(var(--space-small) * 1.5);
4593
- border-radius: calc(8px * 3);
4504
+ border-radius: 24px;
4594
4505
  border-radius: var(--radius-larger);
4595
4506
  }
4596
4507
 
@@ -4599,10 +4510,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4599
4510
  }
4600
4511
 
4601
4512
  .WIXhLSQ7z8A- {
4602
- padding: calc((16px / 2) * 1.5) calc((16px * 1));
4603
- padding: calc(calc(16px / 2) * 1.5) calc(calc(16px * 1));
4513
+ padding: calc(8px * 1.5) calc(16px);
4604
4514
  padding: calc(var(--space-small) * 1.5) calc(var(--space-base));
4605
- border-radius: calc(8px * 3);
4515
+ border-radius: 24px;
4606
4516
  border-radius: var(--radius-larger);
4607
4517
  }
4608
4518
 
@@ -4741,8 +4651,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4741
4651
  }
4742
4652
 
4743
4653
  .fLmJZJJqMcE-:focus-visible {
4744
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
4745
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
4654
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4746
4655
  box-shadow: var(--shadow-focus);
4747
4656
  }
4748
4657
 
@@ -4751,11 +4660,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4751
4660
  }
4752
4661
 
4753
4662
  .AN5egORYy-0- {
4754
- width: calc(16px * 1.5);
4663
+ width: 24px;
4755
4664
  width: var(--space-large);
4756
- height: calc(16px * 1.5);
4665
+ height: 24px;
4757
4666
  height: var(--space-large);
4758
- margin-right: calc(16px / 2);
4667
+ margin-right: 8px;
4759
4668
  margin-right: var(--space-small);
4760
4669
  }
4761
4670
 
@@ -4784,15 +4693,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4784
4693
  top: 100%;
4785
4694
  left: 0;
4786
4695
  max-width: var(--popover--width);
4787
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
4788
- rgba(0, 0, 0, 0.1),
4789
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
4696
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4790
4697
  box-shadow: var(--shadow-base);
4791
- margin-top: calc(16px / 4);
4698
+ margin-top: 4px;
4792
4699
  margin-top: var(--space-smaller);
4793
- padding: calc(16px / 2);
4700
+ padding: 8px;
4794
4701
  padding: var(--space-small);
4795
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
4702
+ border: 1px solid hsl(200, 13%, 87%);
4796
4703
  border: var(--border-base) solid var(--color-border);
4797
4704
  border-radius: 8px;
4798
4705
  border-radius: var(--radius-base);
@@ -4808,14 +4715,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4808
4715
  min-width: 168px;
4809
4716
  min-height: 40px;
4810
4717
  box-sizing: border-box;
4811
- padding: calc(16px / 2);
4718
+ padding: 8px;
4812
4719
  padding: var(--space-small);
4813
- border-radius: calc(8px / 2);
4720
+ border-radius: 4px;
4814
4721
  border-radius: var(--radius-small);
4815
- font-family: "Inter", Helvetica, Arial, sans-serif;
4722
+ font-family: Inter, Helvetica, Arial, sans-serif;
4816
4723
  font-family: var(--typography--fontFamily-normal);
4817
- font-size: calc((16px * 1) * 0.875);
4818
- font-size: calc(calc(16px * 1) * 0.875);
4724
+ font-size: 14px;
4819
4725
  font-size: var(--typography--fontSize-base);
4820
4726
  font-weight: 500;
4821
4727
  white-space: nowrap;
@@ -4825,7 +4731,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4825
4731
  align-items: center;
4826
4732
  -ms-flex-pack: justify;
4827
4733
  justify-content: space-between;
4828
- gap: calc(16px / 4);
4734
+ gap: 4px;
4829
4735
  gap: var(--space-smaller);
4830
4736
  }
4831
4737
 
@@ -4836,8 +4742,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4836
4742
  }
4837
4743
 
4838
4744
  .QaXuqbVjG04-:focus-visible {
4839
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
4840
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
4745
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4841
4746
  box-shadow: var(--shadow-focus);
4842
4747
  }
4843
4748
 
@@ -4850,13 +4755,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4850
4755
  z-index: 6;
4851
4756
  z-index: var(--elevation-menu);
4852
4757
  min-width: 150px;
4853
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
4854
- rgba(0, 0, 0, 0.1),
4855
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
4758
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4856
4759
  box-shadow: var(--shadow-base);
4857
- padding: calc(16px / 4);
4760
+ padding: 4px;
4858
4761
  padding: var(--space-smaller);
4859
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
4762
+ border: 1px solid hsl(200, 13%, 87%);
4860
4763
  border: var(--border-base) solid var(--color-border);
4861
4764
  border-radius: 8px;
4862
4765
  border-radius: var(--radius-base);
@@ -4879,8 +4782,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4879
4782
 
4880
4783
  .v-GrdlFpBLk- {
4881
4784
  /* Offset the button's padding so the height of the header bar doesn't change */
4882
- margin: calc((16px / 2) * -1) 0;
4883
- margin: calc(calc(16px / 2) * -1) 0;
4785
+ margin: calc(8px * -1) 0;
4884
4786
  margin: calc(var(--space-small) * -1) 0;
4885
4787
  }
4886
4788
 
@@ -4929,7 +4831,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4929
4831
 
4930
4832
  .PGjWc5ocjpI-::before {
4931
4833
  width: 100%;
4932
- height: calc(16px / 8);
4834
+ height: 2px;
4933
4835
  height: var(--border-thick);
4934
4836
  transition:
4935
4837
  height var(--sticky-header-transition-properties),
@@ -4952,12 +4854,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
4952
4854
 
4953
4855
  position: absolute;
4954
4856
  top: 50%;
4955
- right: calc((16px * 3) - (16px / 4));
4956
- right: calc(calc(16px * 3) - calc(16px / 4));
4857
+ right: calc(48px - 4px);
4957
4858
  right: var(--button-offset);
4958
4859
  visibility: hidden;
4959
4860
  width: 0;
4960
- padding: calc(16px / 4) 0;
4861
+ padding: 4px 0;
4961
4862
  padding: var(--space-smaller) 0;
4962
4863
  background-color: rgba(255, 255, 255, 1);
4963
4864
  background-color: var(--color-surface);
@@ -5066,13 +4967,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5066
4967
  display: -ms-flexbox;
5067
4968
  display: flex;
5068
4969
  box-sizing: border-box;
5069
- padding: calc(16px * 1);
4970
+ padding: 16px;
5070
4971
  padding: var(--space-base);
5071
4972
  -ms-flex-pack: center;
5072
4973
  justify-content: center;
5073
4974
  -ms-flex-direction: column;
5074
4975
  flex-direction: column;
5075
- row-gap: calc(16px * 1);
4976
+ row-gap: 16px;
5076
4977
  row-gap: var(--space-base);
5077
4978
  -ms-flex-align: center;
5078
4979
  align-items: center;
@@ -5082,11 +4983,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5082
4983
 
5083
4984
  .IC-Y9bTIVFo- {
5084
4985
  position: relative;
5085
- -webkit-transform: translateY(calc((16px * 3) * -1));
5086
- -webkit-transform: translateY(calc(calc(16px * 3) * -1));
4986
+ -webkit-transform: translateY(calc(48px * -1));
5087
4987
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
5088
- transform: translateY(calc((16px * 3) * -1));
5089
- transform: translateY(calc(calc(16px * 3) * -1));
4988
+ transform: translateY(calc(48px * -1));
5090
4989
  transform: translateY(calc(var(--space-largest) * -1));
5091
4990
  }
5092
4991
 
@@ -5096,7 +4995,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5096
4995
  display: flex;
5097
4996
  -ms-flex-pack: center;
5098
4997
  justify-content: center;
5099
- padding: calc(16px / 2);
4998
+ padding: 8px;
5100
4999
  padding: var(--space-small);
5101
5000
  }
5102
5001
 
@@ -5133,14 +5032,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5133
5032
  display: flex;
5134
5033
  width: 100%;
5135
5034
  min-height: 44px;
5136
- padding: calc(16px / 2);
5035
+ padding: 8px;
5137
5036
  padding: var(--space-small);
5138
5037
  border: none;
5139
5038
  border-radius: 0;
5140
5039
  border-radius: 8px;
5141
5040
  border-radius: var(--radius-base);
5142
- font-size: calc((16px * 1) * 0.875);
5143
- font-size: calc(calc(16px * 1) * 0.875);
5041
+ font-size: 14px;
5144
5042
  font-size: var(--typography--fontSize-base);
5145
5043
  text-align: left;
5146
5044
  background: none;
@@ -5153,7 +5051,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5153
5051
  align-items: center;
5154
5052
  -ms-flex-pack: justify;
5155
5053
  justify-content: space-between;
5156
- gap: calc(16px / 2);
5054
+ gap: 8px;
5157
5055
  gap: var(--space-small);
5158
5056
  }
5159
5057
 
@@ -5175,8 +5073,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5175
5073
  }
5176
5074
 
5177
5075
  .iyg43v-S9yU-:focus-visible {
5178
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
5179
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
5076
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5180
5077
  box-shadow: var(--shadow-focus);
5181
5078
  }
5182
5079
 
@@ -5190,7 +5087,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5190
5087
 
5191
5088
  .m5A5oeRFaMs- {
5192
5089
  position: relative;
5193
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
5090
+ border: 1px solid hsl(200, 13%, 87%);
5194
5091
  border: var(--border-base) solid var(--color-border);
5195
5092
  border-radius: 8px;
5196
5093
  border-radius: var(--radius-base);
@@ -5208,9 +5105,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5208
5105
  }
5209
5106
 
5210
5107
  .y8xnHe7fwrI- thead tr th {
5211
- padding: calc(16px * 1);
5108
+ padding: 16px;
5212
5109
  padding: var(--space-base);
5213
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
5110
+ border-bottom: 1px solid hsl(200, 13%, 87%);
5214
5111
  border-bottom: var(--border-base) solid var(--color-border);
5215
5112
  color: hsl(197, 90%, 12%);
5216
5113
  color: var(--color-heading);
@@ -5223,7 +5120,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5223
5120
  }
5224
5121
 
5225
5122
  .y8xnHe7fwrI- tbody tr {
5226
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
5123
+ border-bottom: 1px solid hsl(200, 13%, 87%);
5227
5124
  border-bottom: var(--border-base) solid var(--color-border);
5228
5125
  }
5229
5126
 
@@ -5232,7 +5129,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5232
5129
  }
5233
5130
 
5234
5131
  .y8xnHe7fwrI- tbody tr td {
5235
- padding: calc(16px * 1);
5132
+ padding: 16px;
5236
5133
  padding: var(--space-base);
5237
5134
  }
5238
5135
 
@@ -5240,11 +5137,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5240
5137
  position: sticky;
5241
5138
  z-index: 1;
5242
5139
  width: 100%;
5243
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
5244
- rgba(0, 0, 0, 0.1),
5245
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
5140
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5246
5141
  box-shadow: var(--shadow-base);
5247
- border-top: calc(16px / 8) solid hsl(200, 13%, 87%);
5142
+ border-top: 2px solid hsl(200, 13%, 87%);
5248
5143
  border-top: var(--border-thick) solid var(--color-border);
5249
5144
  background-color: rgba(255, 255, 255, 1);
5250
5145
  background-color: var(--color-surface);
@@ -5252,7 +5147,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5252
5147
  }
5253
5148
 
5254
5149
  .y8xnHe7fwrI- tfoot tr th {
5255
- padding: calc(16px * 1);
5150
+ padding: 16px;
5256
5151
  padding: var(--space-base);
5257
5152
  }
5258
5153
 
@@ -5261,8 +5156,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5261
5156
  position: sticky;
5262
5157
  left: 0;
5263
5158
  z-index: 1;
5264
- height: calc((16px * 3) + (16px / 4));
5265
- height: calc(calc(16px * 3) + calc(16px / 4));
5159
+ height: calc(48px + 4px);
5266
5160
  height: calc(var(--space-largest) + var(--space-smaller));
5267
5161
  background-color: rgba(255, 255, 255, 1);
5268
5162
  background-color: var(--color-surface);
@@ -5279,10 +5173,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5279
5173
  display: block;
5280
5174
  position: absolute;
5281
5175
  top: 0;
5282
- right: calc(-1 * (16px / 2));
5283
- right: calc(-1 * calc(16px / 2));
5176
+ right: calc(-1 * 8px);
5284
5177
  right: calc(-1 * var(--space-small));
5285
- width: calc(16px / 2);
5178
+ width: 8px;
5286
5179
  width: var(--space-small);
5287
5180
  height: 100%;
5288
5181
  background: linear-gradient(
@@ -5303,9 +5196,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5303
5196
  right: 0;
5304
5197
  left: 0;
5305
5198
  z-index: 2;
5306
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
5307
- rgba(0, 0, 0, 0.1),
5308
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
5199
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5309
5200
  box-shadow: var(--shadow-base);
5310
5201
  background-color: rgba(255, 255, 255, 1);
5311
5202
  background-color: var(--color-surface);
@@ -5336,10 +5227,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5336
5227
  position: absolute;
5337
5228
  -ms-flex-direction: column;
5338
5229
  flex-direction: column;
5339
- top: calc(16px * 3);
5230
+ top: 48px;
5340
5231
  top: var(--space-largest);
5341
5232
  right: 0;
5342
- bottom: calc(16px * 3);
5233
+ bottom: 48px;
5343
5234
  bottom: var(--space-largest);
5344
5235
  left: 0;
5345
5236
  width: 100%;
@@ -5356,16 +5247,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5356
5247
  align-items: center;
5357
5248
  -ms-flex-pack: justify;
5358
5249
  justify-content: space-between;
5359
- min-height: calc((16px / 4) + (16px * 3));
5360
- min-height: calc(calc(16px / 4) + calc(16px * 3));
5250
+ min-height: calc(4px + 48px);
5361
5251
  min-height: calc(var(--space-smaller) + var(--space-largest));
5362
- padding: calc(16px / 2) calc(16px * 1);
5252
+ padding: 8px 16px;
5363
5253
  padding: var(--space-small) var(--space-base);
5364
- border-top: calc(16px / 16) solid hsl(200, 13%, 87%);
5254
+ border-top: 1px solid hsl(200, 13%, 87%);
5365
5255
  border-top: var(--border-base) solid var(--color-border);
5366
5256
  -ms-flex-wrap: wrap;
5367
5257
  flex-wrap: wrap;
5368
- gap: calc(16px / 2);
5258
+ gap: 8px;
5369
5259
  gap: var(--space-small);
5370
5260
  }
5371
5261
 
@@ -5382,7 +5272,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5382
5272
  align-items: center;
5383
5273
  -ms-flex-pack: justify;
5384
5274
  justify-content: space-between;
5385
- gap: calc(16px * 1);
5275
+ gap: 16px;
5386
5276
  gap: var(--space-base);
5387
5277
  -ms-flex: 1;
5388
5278
  flex: 1;
@@ -5400,23 +5290,21 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5400
5290
  align-items: center;
5401
5291
  -ms-flex-pack: center;
5402
5292
  justify-content: center;
5403
- gap: calc(16px / 2);
5293
+ gap: 8px;
5404
5294
  gap: var(--space-small);
5405
- min-width: calc(3 * (16px * 3) + (16px / 2));
5406
- min-width: calc(3 * calc(16px * 3) + calc(16px / 2));
5295
+ min-width: calc(3 * 48px + 8px);
5407
5296
  min-width: calc(3 * var(--space-largest) + var(--space-small));
5408
5297
  }
5409
5298
 
5410
5299
  .Uq2TUaf9ang- {
5411
- min-width: calc((16px * 4) + (16px / 4));
5412
- min-width: calc(calc(16px * 4) + calc(16px / 4));
5300
+ min-width: calc(64px + 4px);
5413
5301
  min-width: calc(var(--space-extravagant) + var(--space-smaller));
5414
5302
  }
5415
5303
 
5416
5304
  .PeLwUZ2wWPI- {
5417
5305
  display: -ms-flexbox;
5418
5306
  display: flex;
5419
- gap: calc(16px * 1.5);
5307
+ gap: 24px;
5420
5308
  gap: var(--space-large);
5421
5309
  -ms-flex-align: center;
5422
5310
  align-items: center;
@@ -5427,7 +5315,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5427
5315
  @media (max-width: 489px) {
5428
5316
 
5429
5317
  .PeLwUZ2wWPI- {
5430
- gap: calc(16px * 1);
5318
+ gap: 16px;
5431
5319
  gap: var(--space-base);
5432
5320
  }
5433
5321
  }
@@ -5435,15 +5323,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5435
5323
  @media (--small-screens-and-below) {
5436
5324
 
5437
5325
  .PeLwUZ2wWPI- {
5438
- gap: calc(16px * 1);
5326
+ gap: 16px;
5439
5327
  gap: var(--space-base);
5440
5328
  }
5441
5329
  }
5442
5330
 
5443
5331
  ._0FexNr-lIgA- {
5444
- padding: calc(16px * 1);
5332
+ padding: 16px;
5445
5333
  padding: var(--space-base);
5446
- border-top: calc(16px / 8) solid hsl(200, 13%, 87%);
5334
+ border-top: 2px solid hsl(200, 13%, 87%);
5447
5335
  border-top: var(--border-thick) solid var(--color-border);
5448
5336
  }
5449
5337
 
@@ -5466,12 +5354,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
5466
5354
  }
5467
5355
 
5468
5356
  .PKlqQjoQ6DY-:not(:last-child) {
5469
- padding-bottom: calc(16px / 2);
5357
+ padding-bottom: 8px;
5470
5358
  padding-bottom: var(--space-small);
5471
5359
  }
5472
5360
 
5473
5361
  .wtb8keLFxgc- {
5474
- padding-right: calc(16px / 2);
5362
+ padding-right: 8px;
5475
5363
  padding-right: var(--space-small);
5476
5364
  }
5477
5365
  .wtb8keLFxgc- path {
@@ -6103,15 +5991,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6103
5991
  }
6104
5992
  ._8kgzU28z2Eo-.react-datepicker {
6105
5993
  --datepicker-cell-size: calc(var(--space-base) * 2.375);
6106
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
6107
- rgba(0, 0, 0, 0.1),
6108
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
5994
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
6109
5995
  box-shadow: var(--shadow-base);
6110
5996
  border-color: hsl(200, 13%, 87%);
6111
5997
  border-color: var(--color-border);
6112
5998
  border-radius: 8px;
6113
5999
  border-radius: var(--radius-base);
6114
- font-family: "Inter", Helvetica, Arial, sans-serif;
6000
+ font-family: Inter, Helvetica, Arial, sans-serif;
6115
6001
  font-family: var(--typography--fontFamily-normal);
6116
6002
  background-color: rgba(255, 255, 255, 1);
6117
6003
  background-color: var(--color-surface);
@@ -6129,7 +6015,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6129
6015
  }
6130
6016
  ._8kgzU28z2Eo- .react-datepicker__header {
6131
6017
  padding: 0;
6132
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
6018
+ border-bottom: 1px solid hsl(200, 13%, 87%);
6133
6019
  border-bottom: var(--border-base) solid var(--color-border);
6134
6020
  background: rgba(255, 255, 255, 1);
6135
6021
  background: var(--color-surface);
@@ -6152,8 +6038,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6152
6038
  border-radius: var(--radius-base);
6153
6039
  color: hsl(197, 90%, 12%);
6154
6040
  color: var(--color-heading);
6155
- font-size: calc((16px * 1) * 0.875);
6156
- font-size: calc(calc(16px * 1) * 0.875);
6041
+ font-size: 14px;
6157
6042
  font-size: var(--typography--fontSize-base);
6158
6043
  line-height: inherit;
6159
6044
  background: rgba(255, 255, 255, 1);
@@ -6192,12 +6077,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6192
6077
  display: -ms-flexbox;
6193
6078
  display: flex;
6194
6079
  margin: 0;
6195
- padding: calc(16px / 8) 0 0;
6080
+ padding: 2px 0 0;
6196
6081
  padding: var(--space-smallest) 0 0;
6197
6082
  color: hsl(198, 35%, 21%);
6198
6083
  color: var(--color-text);
6199
- font-size: calc((16px * 1) * 0.75);
6200
- font-size: calc(calc(16px * 1) * 0.75);
6084
+ font-size: 12px;
6201
6085
  font-size: var(--typography--fontSize-small);
6202
6086
  text-transform: uppercase;
6203
6087
  -ms-flex-pack: justify;
@@ -6222,8 +6106,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6222
6106
  }
6223
6107
  ._8kgzU28z2Eo- .react-datepicker__day:focus {
6224
6108
  position: relative;
6225
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6226
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6109
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6227
6110
  box-shadow: var(--shadow-focus);
6228
6111
  outline: none;
6229
6112
  }
@@ -6246,7 +6129,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6246
6129
  background: var(--color-disabled--secondary);
6247
6130
  }
6248
6131
  .D3kDqTSFScU- {
6249
- margin-top: calc(16px / 16);
6132
+ margin-top: 1px;
6250
6133
  margin-top: var(--space-minuscule);
6251
6134
  color: hsl(197, 90%, 12%);
6252
6135
  color: var(--color-heading);
@@ -6261,9 +6144,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6261
6144
  display: flex;
6262
6145
  -ms-flex-wrap: wrap;
6263
6146
  flex-wrap: wrap;
6264
- padding: calc(16px / 2) 0;
6147
+ padding: 8px 0;
6265
6148
  padding: var(--space-small) 0;
6266
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
6149
+ border-bottom: 1px solid hsl(200, 13%, 87%);
6267
6150
  border-bottom: var(--border-base) solid var(--color-border);
6268
6151
  }
6269
6152
 
@@ -6280,7 +6163,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6280
6163
  min-width: calc(16px * 7.5);
6281
6164
  min-width: calc(var(--base-unit) * 7.5);
6282
6165
  box-sizing: border-box;
6283
- padding-right: calc(16px / 2);
6166
+ padding-right: 8px;
6284
6167
  padding-right: var(--space-small);
6285
6168
  -webkit-margin-start: 0;
6286
6169
  margin-left: 0;
@@ -6312,7 +6195,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6312
6195
  }
6313
6196
 
6314
6197
  .PMjHZZhHiUY- {
6315
- padding: calc(16px / 4) 0 calc(16px / 8) 0;
6198
+ padding: 4px 0 2px 0;
6316
6199
  padding: var(--space-smaller) 0 var(--space-smallest) 0;
6317
6200
  border: none;
6318
6201
  list-style: none;
@@ -6338,8 +6221,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6338
6221
 
6339
6222
  .PMjHZZhHiUY-:focus,
6340
6223
  .PMjHZZhHiUY-:active {
6341
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6342
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6224
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6343
6225
  box-shadow: var(--shadow-focus);
6344
6226
  border: none;
6345
6227
  outline: none;
@@ -6363,7 +6245,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6363
6245
 
6364
6246
  .CjRRsbZQp1Y- {
6365
6247
  display: block;
6366
- padding: calc(16px / 2) 0;
6248
+ padding: 8px 0;
6367
6249
  padding: var(--space-small) 0;
6368
6250
  }
6369
6251
 
@@ -6376,8 +6258,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6376
6258
 
6377
6259
  @-webkit-keyframes vWj6tOjTVYA- {
6378
6260
  0% {
6379
- margin-top: calc((16px / 2) * -1);
6380
- margin-top: calc(calc(16px / 2) * -1);
6261
+ margin-top: calc(8px * -1);
6381
6262
  margin-top: calc(var(--space-small) * -1);
6382
6263
  opacity: 0;
6383
6264
  }
@@ -6390,8 +6271,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6390
6271
 
6391
6272
  @keyframes vWj6tOjTVYA- {
6392
6273
  0% {
6393
- margin-top: calc((16px / 2) * -1);
6394
- margin-top: calc(calc(16px / 2) * -1);
6274
+ margin-top: calc(8px * -1);
6395
6275
  margin-top: calc(var(--space-small) * -1);
6396
6276
  opacity: 0;
6397
6277
  }
@@ -6426,13 +6306,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6426
6306
  }
6427
6307
 
6428
6308
  .HzWBc8FoucI- {
6429
- height: calc(16px / 16);
6309
+ height: 1px;
6430
6310
  height: var(--space-minuscule);
6431
6311
  border-bottom: var(--divider-width) solid var(--divider-color);
6432
6312
  }
6433
6313
 
6434
6314
  .vu46ZKcGBWM- {
6435
- width: var(--space-miniscule);
6315
+ width: 1px;
6316
+ width: var(--space-minuscule);
6436
6317
  height: auto;
6437
6318
  border-right: var(--divider-width) solid var(--divider-color);
6438
6319
  }
@@ -6449,9 +6330,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6449
6330
  left: 0;
6450
6331
  z-index: 1001;
6451
6332
  z-index: var(--elevation-modal);
6452
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
6453
- rgba(0, 0, 0, 0.1),
6454
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
6333
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
6455
6334
  box-shadow: var(--shadow-base);
6456
6335
  overflow: hidden;
6457
6336
  background-color: rgba(255, 255, 255, 1);
@@ -6471,7 +6350,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6471
6350
  position: relative;
6472
6351
  z-index: auto;
6473
6352
  width: var(--drawer-width);
6474
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
6353
+ border: 1px solid hsl(200, 13%, 87%);
6475
6354
  border: var(--border-base) solid var(--color-border);
6476
6355
  border-bottom-left-radius: 8px;
6477
6356
  border-bottom-left-radius: var(--radius-base);
@@ -6513,7 +6392,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6513
6392
  .TcdyXiTbnMU- {
6514
6393
  display: -ms-flexbox;
6515
6394
  display: flex;
6516
- padding: calc(16px * 1) calc(16px * 1) 0 var(--drawer--base-padding);
6395
+ padding: 16px 16px 0 var(--drawer--base-padding);
6517
6396
  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);
6518
6397
  background-color: transparent;
6519
6398
  -ms-flex-pack: justify;
@@ -6568,7 +6447,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6568
6447
  flex: 1 1 auto;
6569
6448
  -ms-flex-item-align: center;
6570
6449
  align-self: center;
6571
- padding-right: calc(16px * 1);
6450
+ padding-right: 16px;
6572
6451
  padding-right: var(--space-base);
6573
6452
  transition: opacity 200ms;
6574
6453
  transition: opacity var(--timing-base);
@@ -6586,7 +6465,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6586
6465
  position: absolute;
6587
6466
  top: 100%;
6588
6467
  width: 100%;
6589
- margin-top: calc(16px / 8);
6468
+ margin-top: 2px;
6590
6469
  margin-top: var(--space-smallest);
6591
6470
  text-align: center;
6592
6471
  }
@@ -6619,7 +6498,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6619
6498
  width: var(--switch--width);
6620
6499
  height: calc(var(--switch--width) / 2);
6621
6500
  padding: 0;
6622
- border: calc(16px / 8) solid hsl(200, 13%, 87%);
6501
+ border: 2px solid hsl(200, 13%, 87%);
6623
6502
  border: var(--border-thick) solid var(--color-border--interactive);
6624
6503
  border-radius: var(--switch--pipSize);
6625
6504
  overflow: hidden;
@@ -6634,8 +6513,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6634
6513
  }
6635
6514
 
6636
6515
  .NaSI2jsLI0c-:focus-visible {
6637
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6638
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6516
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6639
6517
  box-shadow: var(--shadow-focus);
6640
6518
  outline: none;
6641
6519
  }
@@ -6674,7 +6552,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6674
6552
  display: flex;
6675
6553
  position: relative;
6676
6554
  min-width: var(--switch--labelWidth);
6677
- margin-top: calc(16px / 16);
6555
+ margin-top: 1px;
6678
6556
  margin-top: var(--space-minuscule);
6679
6557
  -webkit-user-select: none;
6680
6558
  -ms-user-select: none;
@@ -6688,12 +6566,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6688
6566
  }
6689
6567
 
6690
6568
  .YZ-HIehHOBA-:first-of-type {
6691
- padding-left: calc(16px / 2);
6569
+ padding-left: 8px;
6692
6570
  padding-left: var(--space-small);
6693
6571
  }
6694
6572
 
6695
6573
  .YZ-HIehHOBA-:last-of-type {
6696
- padding-right: calc(16px / 2);
6574
+ padding-right: 8px;
6697
6575
  padding-right: var(--space-small);
6698
6576
  }
6699
6577
 
@@ -6765,9 +6643,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6765
6643
  gap: var(--file-card--base-padding);
6766
6644
  -ms-flex-align: center;
6767
6645
  align-items: center;
6768
- padding-right: calc(16px / 2);
6646
+ padding-right: 8px;
6769
6647
  padding-right: var(--space-small);
6770
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
6648
+ border: 1px solid hsl(200, 13%, 87%);
6771
6649
  border: var(--border-base) solid var(--color-border);
6772
6650
  border-radius: 8px;
6773
6651
  border-radius: var(--radius-base);
@@ -6825,14 +6703,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6825
6703
  }
6826
6704
 
6827
6705
  .nSaog7-7Jn0- ._9jVt97W52JY-:focus {
6828
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6829
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6706
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6830
6707
  box-shadow: var(--shadow-focus);
6831
6708
  outline: none;
6832
6709
  }
6833
6710
 
6834
6711
  .nSaog7-7Jn0- .il9-MCeoBts- {
6835
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
6712
+ border: 1px solid hsl(200, 13%, 87%);
6836
6713
  border: var(--border-base) solid var(--color-border);
6837
6714
  border-radius: 8px;
6838
6715
  border-radius: var(--radius-base);
@@ -6846,8 +6723,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6846
6723
  left: 0;
6847
6724
  width: 100%;
6848
6725
  height: 100%;
6849
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
6850
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
6726
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6851
6727
  box-shadow: var(--shadow-focus);
6852
6728
  }
6853
6729
 
@@ -6916,9 +6792,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6916
6792
 
6917
6793
  .nSaog7-7Jn0- ._7wDO6nPXy-g- {
6918
6794
  position: absolute;
6919
- top: calc(16px / 4);
6795
+ top: 4px;
6920
6796
  top: var(--space-smaller);
6921
- right: calc(16px / 4);
6797
+ right: 4px;
6922
6798
  right: var(--space-smaller);
6923
6799
  }
6924
6800
 
@@ -6972,14 +6848,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6972
6848
  }
6973
6849
 
6974
6850
  .psaqxO2Lu7E- .YXN92rsh2eU- {
6975
- padding: calc(16px / 4);
6851
+ padding: 4px;
6976
6852
  padding: var(--space-smaller);
6977
- font-size: calc(
6978
- (16px * 1) * 0.625
6979
- );
6980
- font-size: calc(
6981
- calc(16px * 1) * 0.625
6982
- );
6853
+ font-size: 10px;
6983
6854
  font-size: var(--typography--fontSize-smaller);
6984
6855
  }
6985
6856
 
@@ -6987,10 +6858,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
6987
6858
  position: absolute;
6988
6859
  bottom: 0;
6989
6860
  left: 0;
6990
- padding: calc(16px / 2);
6861
+ padding: 8px;
6991
6862
  padding: var(--space-small);
6992
- font-size: calc((16px * 1) * 0.75);
6993
- font-size: calc(calc(16px * 1) * 0.75);
6863
+ font-size: 12px;
6994
6864
  font-size: var(--typography--fontSize-small);
6995
6865
  }
6996
6866
 
@@ -7084,7 +6954,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
7084
6954
  -ms-flex-direction: row;
7085
6955
  flex-direction: row;
7086
6956
  width: 100%;
7087
- gap: calc(16px / 2);
6957
+ gap: 8px;
7088
6958
  gap: var(--space-small);
7089
6959
  }
7090
6960
 
@@ -7106,12 +6976,12 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
7106
6976
  display: flex;
7107
6977
  -ms-flex-wrap: wrap;
7108
6978
  flex-wrap: wrap;
7109
- gap: calc(16px / 2);
6979
+ gap: 8px;
7110
6980
  gap: var(--space-small);
7111
6981
  }
7112
6982
 
7113
6983
  ._6sZaxiji5rQ- {
7114
- gap: calc(16px * 1);
6984
+ gap: 16px;
7115
6985
  gap: var(--space-base);
7116
6986
  }
7117
6987
 
@@ -7128,9 +6998,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
7128
6998
  .kOG-STgt5Hs- {
7129
6999
  width: 168px;
7130
7000
  height: 168px;
7131
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
7132
- rgba(0, 0, 0, 0.1),
7133
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
7001
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
7134
7002
  box-shadow: var(--shadow-base);
7135
7003
  }
7136
7004
 
@@ -7162,11 +7030,11 @@ html.atlantisLightBoxActive {
7162
7030
  transform: translateY(-50%);
7163
7031
  }
7164
7032
  ._3JgBCebdbNU- {
7165
- right: calc(16px * 1);
7033
+ right: 16px;
7166
7034
  right: var(--space-base);
7167
7035
  }
7168
7036
  .JJOBEL7d-10- {
7169
- left: calc(16px * 1);
7037
+ left: 16px;
7170
7038
  left: var(--space-base);
7171
7039
  }
7172
7040
  .fAep1A-0xIU- {
@@ -7189,11 +7057,11 @@ html.atlantisLightBoxActive {
7189
7057
  display: flex;
7190
7058
  z-index: 1;
7191
7059
  z-index: var(--elevation-base);
7192
- padding: calc(16px / 2) calc(16px * 1);
7060
+ padding: 8px 16px;
7193
7061
  padding: var(--space-small) var(--space-base);
7194
7062
  color: hsl(197, 15%, 45%);
7195
7063
  color: var(--color-text--secondary);
7196
- font-size: calc(16px * 1);
7064
+ font-size: 16px;
7197
7065
  font-size: var(--typography--fontSize-large);
7198
7066
  background-color: hsl(53, 21%, 93%);
7199
7067
  background-color: var(--color-surface--background);
@@ -7268,20 +7136,20 @@ html.atlantisLightBoxActive {
7268
7136
  }
7269
7137
 
7270
7138
  .IZLiiSquUTM- {
7271
- gap: calc(16px * 1);
7139
+ gap: 16px;
7272
7140
  gap: var(--space-base);
7273
7141
  }
7274
7142
 
7275
7143
  @media (min-width: 768px) {
7276
7144
  .IZLiiSquUTM- {
7277
- gap: calc(16px * 1.5);
7145
+ gap: 24px;
7278
7146
  gap: var(--space-large);
7279
7147
  }
7280
7148
  }
7281
7149
 
7282
7150
  @media (--medium-screens-and-up) {
7283
7151
  .IZLiiSquUTM- {
7284
- gap: calc(16px * 1.5);
7152
+ gap: 24px;
7285
7153
  gap: var(--space-large);
7286
7154
  }
7287
7155
  }
@@ -7314,7 +7182,7 @@ html.atlantisLightBoxActive {
7314
7182
  }
7315
7183
 
7316
7184
  .a2KrLEZNB04- > *:not(:last-child) {
7317
- margin-right: calc(16px / 2);
7185
+ margin-right: 8px;
7318
7186
  margin-right: var(--space-small);
7319
7187
  }
7320
7188
 
@@ -7327,7 +7195,7 @@ html.atlantisLightBoxActive {
7327
7195
  display: flex;
7328
7196
  position: relative;
7329
7197
  height: 100%;
7330
- margin: 0 calc(16px / 2);
7198
+ margin: 0 8px;
7331
7199
  margin: 0 var(--space-small);
7332
7200
  -ms-flex-align: center;
7333
7201
  align-items: center;
@@ -7374,11 +7242,11 @@ html.atlantisLightBoxActive {
7374
7242
  }
7375
7243
 
7376
7244
  .WHhHWgaoXk4- {
7377
- padding: calc(16px * 1);
7245
+ padding: 16px;
7378
7246
  padding: var(--space-base);
7379
- border: calc(16px / 8) dashed hsl(200, 13%, 87%);
7247
+ border: 2px dashed hsl(200, 13%, 87%);
7380
7248
  border: var(--border-thick) dashed var(--color-border--interactive);
7381
- border-radius: calc(8px * 2);
7249
+ border-radius: 16px;
7382
7250
  border-radius: var(--radius-large);
7383
7251
  text-align: center;
7384
7252
  }
@@ -7508,7 +7376,7 @@ html.atlantisLightBoxActive {
7508
7376
  }
7509
7377
 
7510
7378
  .ig9l6LfEgwo-:not(:last-child) {
7511
- border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
7379
+ border-bottom: 1px solid hsl(200, 13%, 87%);
7512
7380
  border-bottom: var(--border-base) solid var(--color-border);
7513
7381
  }
7514
7382
 
@@ -7517,14 +7385,14 @@ html.atlantisLightBoxActive {
7517
7385
  }
7518
7386
 
7519
7387
  .KIYTQdrufzY-:not(:last-child) .u853Ql4cj50- {
7520
- padding-bottom: calc(16px * 1.5);
7388
+ padding-bottom: 24px;
7521
7389
  padding-bottom: var(--space-large);
7522
7390
  }
7523
7391
 
7524
7392
  .LUlooG82UJA- {
7525
7393
  position: sticky;
7526
7394
  top: 0;
7527
- padding: calc(16px / 2) calc(16px * 1);
7395
+ padding: 8px 16px;
7528
7396
  padding: var(--space-small) var(--space-base);
7529
7397
  border-bottom: 1px solid hsl(197, 90%, 12%);
7530
7398
  border-bottom: 1px solid var(--color-border--section);
@@ -7580,7 +7448,7 @@ html.atlantisLightBoxActive {
7580
7448
  display: flex;
7581
7449
  width: 100%;
7582
7450
  box-sizing: border-box;
7583
- padding: calc(16px / 2);
7451
+ padding: 8px;
7584
7452
  padding: var(--space-small);
7585
7453
  border: none;
7586
7454
  text-align: left;
@@ -7596,7 +7464,7 @@ html.atlantisLightBoxActive {
7596
7464
  }
7597
7465
 
7598
7466
  .XPLf4Jp6feU- > * {
7599
- padding: calc(16px / 2);
7467
+ padding: 8px;
7600
7468
  padding: var(--space-small);
7601
7469
  }
7602
7470
 
@@ -7616,9 +7484,9 @@ html.atlantisLightBoxActive {
7616
7484
  display: flex;
7617
7485
  -ms-flex: 0 0 auto;
7618
7486
  flex: 0 0 auto;
7619
- width: calc(16px * 1.5);
7487
+ width: 24px;
7620
7488
  width: var(--space-large);
7621
- height: calc(16px * 1.5);
7489
+ height: 24px;
7622
7490
  height: var(--space-large);
7623
7491
  box-sizing: content-box;
7624
7492
  }
@@ -7687,19 +7555,17 @@ html.atlantisLightBoxActive {
7687
7555
  -ms-flex-align: center;
7688
7556
  align-items: center;
7689
7557
  width: 100%;
7690
- height: calc(16px * 3);
7558
+ height: 48px;
7691
7559
  height: var(--field--height);
7692
- padding-top: calc((16px * 1) - (16px / 8));
7693
- padding-top: calc(calc(16px * 1) - calc(16px / 8));
7560
+ padding-top: calc(16px - 2px);
7694
7561
  padding-top: var(--field--padding-top);
7695
- padding-bottom: calc((16px * 1) - (16px / 8));
7696
- padding-bottom: calc(calc(16px * 1) - calc(16px / 8));
7562
+ padding-bottom: calc(16px - 2px);
7697
7563
  padding-bottom: var(--field--padding-bottom);
7698
- padding-left: calc(16px * 1);
7564
+ padding-left: 16px;
7699
7565
  padding-left: var(--field--padding-left);
7700
- padding-right: calc(16px * 1);
7566
+ padding-right: 16px;
7701
7567
  padding-right: var(--field--padding-right);
7702
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7568
+ border: 1px solid hsl(200, 13%, 87%);
7703
7569
  border: var(--border-base) solid var(--color-border);
7704
7570
  border-radius: 8px;
7705
7571
  border-radius: var(--radius-base);
@@ -7719,8 +7585,7 @@ html.atlantisLightBoxActive {
7719
7585
 
7720
7586
  .EzNdHgwsT40-:focus,
7721
7587
  .EzNdHgwsT40-.bu7HWKRu6HI- {
7722
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
7723
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
7588
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
7724
7589
  box-shadow: var(--shadow-focus);
7725
7590
  outline: none;
7726
7591
  }
@@ -7744,18 +7609,15 @@ html.atlantisLightBoxActive {
7744
7609
  z-index: 6;
7745
7610
  z-index: var(--elevation-menu);
7746
7611
  width: 100%;
7747
- max-height: calc((16px * 4) * 5);
7748
- max-height: calc(calc(16px * 4) * 5);
7612
+ max-height: calc(64px * 5);
7749
7613
  max-height: calc(var(--space-extravagant) * 5);
7750
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
7751
- rgba(0, 0, 0, 0.1),
7752
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
7614
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
7753
7615
  box-shadow: var(--shadow-base);
7754
7616
  margin: 0;
7755
7617
  padding: 0;
7756
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7618
+ border: 1px solid hsl(200, 13%, 87%);
7757
7619
  border: var(--border-base) solid var(--color-border);
7758
- border-radius: calc(8px * 2);
7620
+ border-radius: 16px;
7759
7621
  border-radius: var(--radius-large);
7760
7622
  overflow: auto;
7761
7623
  background-color: rgba(255, 255, 255, 1);
@@ -7773,7 +7635,7 @@ html.atlantisLightBoxActive {
7773
7635
  display: -ms-flexbox;
7774
7636
  display: flex;
7775
7637
  width: 100%;
7776
- padding: calc(16px / 2) calc(16px * 1);
7638
+ padding: 8px 16px;
7777
7639
  padding: var(--space-small) var(--space-base);
7778
7640
  cursor: pointer;
7779
7641
  transition: all 200ms;
@@ -7791,14 +7653,14 @@ html.atlantisLightBoxActive {
7791
7653
  .pVEdXlwstrc- {
7792
7654
  width: 100%;
7793
7655
  box-sizing: border-box;
7794
- padding: calc(16px * 1);
7656
+ padding: 16px;
7795
7657
  padding: var(--space-base);
7796
7658
  }
7797
7659
 
7798
7660
  @media (min-width: 768px) {
7799
7661
 
7800
7662
  .pVEdXlwstrc- {
7801
- padding: calc(16px * 1.5);
7663
+ padding: 24px;
7802
7664
  padding: var(--space-large);
7803
7665
  }
7804
7666
  }
@@ -7806,7 +7668,7 @@ html.atlantisLightBoxActive {
7806
7668
  @media (--medium-screens-and-up) {
7807
7669
 
7808
7670
  .pVEdXlwstrc- {
7809
- padding: calc(16px * 1.5);
7671
+ padding: 24px;
7810
7672
  padding: var(--space-large);
7811
7673
  }
7812
7674
  }
@@ -7828,18 +7690,18 @@ html.atlantisLightBoxActive {
7828
7690
  .GCeQrLFyml4- h1 {
7829
7691
  -ms-flex: 0 1 auto;
7830
7692
  flex: 0 1 auto;
7831
- margin-bottom: calc(16px * 1);
7693
+ margin-bottom: 16px;
7832
7694
  margin-bottom: var(--space-base);
7833
7695
  }
7834
7696
 
7835
7697
  .Rwavr8hZaCg- {
7836
7698
  display: -ms-flexbox;
7837
7699
  display: flex;
7838
- margin-bottom: calc(16px * 1);
7700
+ margin-bottom: 16px;
7839
7701
  margin-bottom: var(--space-base);
7840
7702
  -ms-flex-wrap: wrap;
7841
7703
  flex-wrap: wrap;
7842
- gap: calc(16px * 1);
7704
+ gap: 16px;
7843
7705
  gap: var(--space-base);
7844
7706
  -ms-flex-align: center;
7845
7707
  align-items: center;
@@ -7887,12 +7749,12 @@ html.atlantisLightBoxActive {
7887
7749
  .E5FEsck9zwg- {
7888
7750
  -ms-flex: 0 0 100%;
7889
7751
  flex: 0 0 100%;
7890
- margin-bottom: calc(16px / 2);
7752
+ margin-bottom: 8px;
7891
7753
  margin-bottom: var(--space-small);
7892
7754
  }
7893
7755
 
7894
7756
  .Sn3-wJuNCqk- {
7895
- margin-top: calc(16px / 2);
7757
+ margin-top: 8px;
7896
7758
  margin-top: var(--space-small);
7897
7759
  -ms-flex: 1;
7898
7760
  flex: 1;
@@ -7914,17 +7776,17 @@ html.atlantisLightBoxActive {
7914
7776
  }
7915
7777
 
7916
7778
  .GCeQrLFyml4-.qiwlkB5pxkA- .Sn3-wJuNCqk- {
7917
- margin-left: calc(16px / 2);
7779
+ margin-left: 8px;
7918
7780
  margin-left: var(--space-small);
7919
7781
  }
7920
7782
 
7921
7783
  .GCeQrLFyml4-.CbPnpIk7-EE- .Sn3-wJuNCqk- + .Sn3-wJuNCqk- {
7922
- margin-left: calc(16px / 2);
7784
+ margin-left: 8px;
7923
7785
  margin-left: var(--space-small);
7924
7786
  }
7925
7787
 
7926
7788
  .GCeQrLFyml4- ._9ZKFDK2jL80- {
7927
- margin-bottom: calc(16px * 1);
7789
+ margin-bottom: 16px;
7928
7790
  margin-bottom: var(--space-base);
7929
7791
  }
7930
7792
 
@@ -7942,16 +7804,13 @@ html.atlantisLightBoxActive {
7942
7804
  width: max-content;
7943
7805
  max-width: 350px;
7944
7806
  max-width: var(--popover--width);
7945
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
7946
- rgba(0, 0, 0, 0.1),
7947
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
7807
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
7948
7808
  box-shadow: var(--shadow-base);
7949
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7809
+ border: 1px solid hsl(200, 13%, 87%);
7950
7810
  border: var(--border-base) solid var(--color-border);
7951
7811
  border-radius: 8px;
7952
7812
  border-radius: var(--radius-base);
7953
- font-size: calc((16px * 1) * 0.875);
7954
- font-size: calc(calc(16px * 1) * 0.875);
7813
+ font-size: 14px;
7955
7814
  font-size: var(--typography--fontSize-base);
7956
7815
  line-height: normal;
7957
7816
  background: rgba(255, 255, 255, 1);
@@ -7996,7 +7855,7 @@ html.atlantisLightBoxActive {
7996
7855
  .LJCpn0zf1e8-::before {
7997
7856
  content: "";
7998
7857
  visibility: visible;
7999
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
7858
+ border: 1px solid hsl(200, 13%, 87%);
8000
7859
  border: var(--border-base) solid var(--color-border);
8001
7860
  -webkit-transform: rotate(45deg);
8002
7861
  transform: rotate(45deg);
@@ -8056,8 +7915,7 @@ html.atlantisLightBoxActive {
8056
7915
  .-PUoLXltVlQ- {
8057
7916
  display: -ms-inline-flexbox;
8058
7917
  display: inline-flex;
8059
- font-size: calc((16px * 1) * 0.875);
8060
- font-size: calc(calc(16px * 1) * 0.875);
7918
+ font-size: 14px;
8061
7919
  font-size: var(--typography--fontSize-base);
8062
7920
  cursor: pointer;
8063
7921
  -ms-flex-align: start;
@@ -8070,9 +7928,9 @@ html.atlantisLightBoxActive {
8070
7928
  width: var(--radio-diameter);
8071
7929
  height: var(--radio-diameter);
8072
7930
  box-sizing: border-box;
8073
- margin-right: calc(16px / 2);
7931
+ margin-right: 8px;
8074
7932
  margin-right: var(--space-small);
8075
- border: calc(16px / 8) solid hsl(200, 13%, 87%);
7933
+ border: 2px solid hsl(200, 13%, 87%);
8076
7934
  border: var(--border-thick) solid var(--color-border--interactive);
8077
7935
  border-radius: 100%;
8078
7936
  background-color: rgba(255, 255, 255, 1);
@@ -8097,8 +7955,7 @@ html.atlantisLightBoxActive {
8097
7955
  }
8098
7956
 
8099
7957
  ._08ZPdlE98Ko-:focus-visible:checked + .-PUoLXltVlQ-:before {
8100
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
8101
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
7958
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8102
7959
  box-shadow: var(--shadow-focus);
8103
7960
  }
8104
7961
 
@@ -8122,13 +7979,11 @@ html.atlantisLightBoxActive {
8122
7979
 
8123
7980
  ._8r6qT-6S9EI-,
8124
7981
  .C5SzbO1epLk- {
8125
- margin-top: calc((16px / 4) * -1);
8126
- margin-top: calc(calc(16px / 4) * -1);
7982
+ margin-top: calc(4px * -1);
8127
7983
  margin-top: calc(var(--space-smaller) * -1);
8128
- margin-bottom: calc(16px / 2);
7984
+ margin-bottom: 8px;
8129
7985
  margin-bottom: var(--space-small);
8130
- padding-left: calc(var(--radio-diameter) + (16px / 2));
8131
- padding-left: calc(var(--radio-diameter) + calc(16px / 2));
7986
+ padding-left: calc(var(--radio-diameter) + 8px);
8132
7987
  padding-left: calc(var(--radio-diameter) + var(--space-small));
8133
7988
  }
8134
7989
 
@@ -8140,23 +7995,23 @@ html.atlantisLightBoxActive {
8140
7995
  .NfsRidfuJts- {
8141
7996
  display: grid;
8142
7997
  width: 100%;
8143
- padding: calc(16px / 4);
7998
+ padding: 4px;
8144
7999
  padding: var(--space-smaller);
8145
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
8000
+ border: 1px solid hsl(200, 13%, 87%);
8146
8001
  border: var(--border-base) solid var(--color-border);
8147
- border-radius: calc(8px * 2);
8002
+ border-radius: 16px;
8148
8003
  border-radius: var(--radius-large);
8149
8004
  grid-template-columns: repeat(7, 1fr);
8150
- row-gap: calc(16px / 4);
8151
- grid-row-gap: calc(16px / 4);
8005
+ row-gap: 4px;
8006
+ grid-row-gap: 4px;
8152
8007
  grid-row-gap: var(--space-smaller);
8153
8008
  row-gap: var(--space-smaller);
8154
- -webkit-column-gap: calc(16px / 4);
8009
+ -webkit-column-gap: 4px;
8155
8010
  -webkit-column-gap: var(--space-smaller);
8156
- -moz-column-gap: calc(16px / 4);
8011
+ -moz-column-gap: 4px;
8157
8012
  -moz-column-gap: var(--space-smaller);
8158
- column-gap: calc(16px / 4);
8159
- grid-column-gap: calc(16px / 4);
8013
+ column-gap: 4px;
8014
+ grid-column-gap: 4px;
8160
8015
  grid-column-gap: var(--space-smaller);
8161
8016
  column-gap: var(--space-smaller);
8162
8017
  }
@@ -8186,9 +8041,9 @@ html.atlantisLightBoxActive {
8186
8041
  justify-content: center;
8187
8042
  -ms-flex-align: center;
8188
8043
  align-items: center;
8189
- padding: calc(16px / 4);
8044
+ padding: 4px;
8190
8045
  padding: var(--space-smaller);
8191
- border-radius: calc(8px * 2);
8046
+ border-radius: 16px;
8192
8047
  border-radius: var(--radius-large);
8193
8048
  text-align: center;
8194
8049
  -webkit-user-select: none;
@@ -8218,8 +8073,7 @@ html.atlantisLightBoxActive {
8218
8073
  }
8219
8074
 
8220
8075
  .PtlN3SI-Atc-:focus + .VPZ0Os9TY5k- {
8221
- box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
8222
- 0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
8076
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8223
8077
  box-shadow: var(--shadow-focus);
8224
8078
  background: hsl(53, 21%, 93%);
8225
8079
  background: var(--color-surface--hover);
@@ -8267,31 +8121,30 @@ html.atlantisLightBoxActive {
8267
8121
  }
8268
8122
 
8269
8123
  .PW6L4PJe5TY- label {
8270
- margin-right: calc(16px * 1);
8124
+ margin-right: 16px;
8271
8125
  margin-right: var(--space-base);
8272
8126
  }
8273
8127
 
8274
8128
  .pqYw6oCVwO8- {
8275
8129
  display: grid;
8276
- grid-template-columns: calc(16px * 3) 1fr;
8130
+ grid-template-columns: 48px 1fr;
8277
8131
  grid-template-columns: var(--space-largest) 1fr;
8278
8132
  -ms-flex-align: center;
8279
8133
  align-items: center;
8280
- gap: calc(16px / 2);
8281
- grid-gap: calc(16px / 2);
8134
+ gap: 8px;
8135
+ grid-gap: 8px;
8282
8136
  grid-gap: var(--space-small);
8283
8137
  gap: var(--space-small);
8284
- margin-bottom: calc(-1 * (16px / 16));
8285
- margin-bottom: calc(-1 * calc(16px / 16));
8138
+ margin-bottom: calc(-1 * 1px);
8286
8139
  margin-bottom: calc(-1 * var(--border-base));
8287
8140
  }
8288
8141
 
8289
8142
  .xtCFaHyTmfI- div:nth-of-type(1) :last-child {
8290
- border-top-right-radius: calc(8px * 2);
8143
+ border-top-right-radius: 16px;
8291
8144
  border-top-right-radius: var(--radius-large);
8292
8145
  border-bottom-right-radius: 0;
8293
8146
  border-bottom-left-radius: 0;
8294
- border-top-left-radius: calc(8px * 2);
8147
+ border-top-left-radius: 16px;
8295
8148
  border-top-left-radius: var(--radius-large);
8296
8149
  }
8297
8150
 
@@ -8305,9 +8158,9 @@ html.atlantisLightBoxActive {
8305
8158
 
8306
8159
  .xtCFaHyTmfI- div:nth-of-type(4) :last-child {
8307
8160
  border-top-right-radius: 0;
8308
- border-bottom-right-radius: calc(8px * 2);
8161
+ border-bottom-right-radius: 16px;
8309
8162
  border-bottom-right-radius: var(--radius-large);
8310
- border-bottom-left-radius: calc(8px * 2);
8163
+ border-bottom-left-radius: 16px;
8311
8164
  border-bottom-left-radius: var(--radius-large);
8312
8165
  border-top-left-radius: 0;
8313
8166
  }
@@ -8315,11 +8168,11 @@ html.atlantisLightBoxActive {
8315
8168
  .dBbFx0Vu16U- {
8316
8169
  display: grid;
8317
8170
  width: 100%;
8318
- padding: calc(16px / 4);
8171
+ padding: 4px;
8319
8172
  padding: var(--space-smaller);
8320
- border: calc(16px / 16) solid hsl(200, 13%, 87%);
8173
+ border: 1px solid hsl(200, 13%, 87%);
8321
8174
  border: var(--border-base) solid var(--color-border);
8322
- border-radius: calc(8px * 2);
8175
+ border-radius: 16px;
8323
8176
  border-radius: var(--radius-large);
8324
8177
  grid-template-areas:
8325
8178
  ". . . . . . ."
@@ -8327,16 +8180,16 @@ html.atlantisLightBoxActive {
8327
8180
  ". . . . . . ."
8328
8181
  ". . . . . . ."
8329
8182
  ". . . lastday lastday lastday lastday";
8330
- row-gap: calc(16px / 4);
8331
- grid-row-gap: calc(16px / 4);
8183
+ row-gap: 4px;
8184
+ grid-row-gap: 4px;
8332
8185
  grid-row-gap: var(--space-smaller);
8333
8186
  row-gap: var(--space-smaller);
8334
- -webkit-column-gap: calc(16px / 4);
8187
+ -webkit-column-gap: 4px;
8335
8188
  -webkit-column-gap: var(--space-smaller);
8336
- -moz-column-gap: calc(16px / 4);
8189
+ -moz-column-gap: 4px;
8337
8190
  -moz-column-gap: var(--space-smaller);
8338
- column-gap: calc(16px / 4);
8339
- grid-column-gap: calc(16px / 4);
8191
+ column-gap: 4px;
8192
+ grid-column-gap: 4px;
8340
8193
  grid-column-gap: var(--space-smaller);
8341
8194
  column-gap: var(--space-smaller);
8342
8195
  }
@@ -8366,7 +8219,7 @@ html.atlantisLightBoxActive {
8366
8219
  display: flex;
8367
8220
  -ms-flex-align: center;
8368
8221
  align-items: center;
8369
- gap: calc(16px * 1);
8222
+ gap: 16px;
8370
8223
  gap: var(--space-base);
8371
8224
  }
8372
8225
 
@@ -8439,28 +8292,25 @@ html.atlantisLightBoxActive {
8439
8292
 
8440
8293
  .di7wVz6Zdy8- {
8441
8294
  top: 0;
8442
- gap: calc(16px * 1);
8295
+ gap: 16px;
8443
8296
  gap: var(--space-base);
8444
8297
  }
8445
8298
 
8446
8299
  .di7wVz6Zdy8- [data-side-drawer-slot^="back-"]:not(:empty) {
8447
- margin-left: calc((16px / 2) * -1);
8448
- margin-left: calc(calc(16px / 2) * -1);
8300
+ margin-left: calc(8px * -1);
8449
8301
  margin-left: calc(var(--space-small) * -1);
8450
- margin-right: calc(16px / 2);
8302
+ margin-right: 8px;
8451
8303
  margin-right: var(--space-small);
8452
8304
  }
8453
8305
 
8454
8306
  .-Os-3OnRHg0- {
8455
- box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
8456
- rgba(0, 0, 0, 0.1),
8457
- 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
8307
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
8458
8308
  box-shadow: var(--shadow-base);
8459
8309
  }
8460
8310
 
8461
8311
  .UXAxYfbJy1Q-.-Os-3OnRHg0- {
8462
8312
  box-shadow:
8463
- 0px calc(16px / 16) calc(16px / 4) 0px
8313
+ 0px 1px 4px 0px
8464
8314
  rgba(0, 0, 0, 0.1),
8465
8315
  0px -2px 12px 0px rgba(0, 0, 0, 0.05);
8466
8316
  box-shadow:
@@ -8470,7 +8320,7 @@ html.atlantisLightBoxActive {
8470
8320
  }
8471
8321
 
8472
8322
  .di7wVz6Zdy8-:has([data-side-drawer-slot^="title-"]:empty) {
8473
- padding-bottom: calc(16px / 4);
8323
+ padding-bottom: 4px;
8474
8324
  padding-bottom: var(--space-smaller);
8475
8325
  background-color: transparent;
8476
8326
  }
@@ -8478,13 +8328,13 @@ html.atlantisLightBoxActive {
8478
8328
  .di7wVz6Zdy8-.-Os-3OnRHg0-:has([data-side-drawer-slot^="title-"]:empty) {
8479
8329
  box-shadow: none;
8480
8330
  -webkit-filter: drop-shadow(
8481
- 0 0 calc(16px / 4) rgba(0, 0, 0, 0.25)
8331
+ 0 0 4px rgba(0, 0, 0, 0.25)
8482
8332
  );
8483
8333
  -webkit-filter: drop-shadow(
8484
8334
  0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
8485
8335
  );
8486
8336
  filter: drop-shadow(
8487
- 0 0 calc(16px / 4) rgba(0, 0, 0, 0.25)
8337
+ 0 0 4px rgba(0, 0, 0, 0.25)
8488
8338
  );
8489
8339
  filter: drop-shadow(
8490
8340
  0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
@@ -8506,8 +8356,7 @@ html.atlantisLightBoxActive {
8506
8356
  .sUo3MflQPVI- {
8507
8357
  display: -ms-flexbox;
8508
8358
  display: flex;
8509
- margin-right: calc(-1 * (16px / 2));
8510
- margin-right: calc(-1 * calc(16px / 2));
8359
+ margin-right: calc(-1 * 8px);
8511
8360
  margin-right: calc(-1 * var(--space-small));
8512
8361
  }
8513
8362
 
@@ -8626,7 +8475,6 @@ html.atlantisLightBoxActive {
8626
8475
 
8627
8476
  .MB0ycTR4PHg- {
8628
8477
  --labelBackgroundColor: var(--color-success--surface);
8629
- --labelTextColor: var(--color-success--onSurface);
8630
8478
 
8631
8479
  display: -ms-flexbox;
8632
8480
 
@@ -8647,33 +8495,27 @@ html.atlantisLightBoxActive {
8647
8495
 
8648
8496
  .WBxCEgPiC98- {
8649
8497
  --labelBackgroundColor: var(--color-success--surface);
8650
- --labelTextColor: var(--color-success--onSurface);
8651
8498
  }
8652
8499
 
8653
8500
  .ok6hVljkqSE- {
8654
8501
  --labelBackgroundColor: var(--color-warning--surface);
8655
- --labelTextColor: var(--color-warning--onSurface);
8656
8502
  }
8657
8503
 
8658
8504
  .-YTFHnzpkRE- {
8659
8505
  --labelBackgroundColor: var(--color-critical--surface);
8660
- --labelTextColor: var(--color-critical--onSurface);
8661
8506
  }
8662
8507
 
8663
8508
  ._2F0I59nddP8- {
8664
8509
  --labelBackgroundColor: var(--color-inactive--surface);
8665
- --labelTextColor: var(--color-inactive--onSurface);
8666
8510
  }
8667
8511
 
8668
8512
  .BQd6Hylvxh0- {
8669
8513
  --labelBackgroundColor: var(--color-informative--surface);
8670
- --labelTextColor: var(--color-informative--onSurface);
8671
8514
  }
8672
8515
 
8673
8516
  /* Reset the <Text> line height so we can reliably get 24px tall */
8674
8517
 
8675
8518
  .MB0ycTR4PHg- p {
8676
- color: var(--labelTextColor);
8677
8519
  line-height: 1;
8678
8520
  }
8679
8521
 
@@ -8705,7 +8547,7 @@ html.atlantisLightBoxActive {
8705
8547
  width: 100%;
8706
8548
  height: 100%;
8707
8549
  box-sizing: border-box;
8708
- border: solid calc(16px / 16) var(--border-color);
8550
+ border: solid 1px var(--border-color);
8709
8551
  border: solid var(--border-base) var(--border-color);
8710
8552
  border-radius: 8px;
8711
8553
  border-radius: var(--radius-base);
@@ -8713,19 +8555,19 @@ html.atlantisLightBoxActive {
8713
8555
  }
8714
8556
 
8715
8557
  .NZbmlKVakYo-:not(:last-child) {
8716
- border-bottom: solid calc(16px / 16) var(--border-color);
8558
+ border-bottom: solid 1px var(--border-color);
8717
8559
  border-bottom: solid var(--border-base) var(--border-color);
8718
8560
  }
8719
8561
 
8720
8562
  ._72-uJqZ5jGE- .NZbmlKVakYo- {
8721
- border-bottom: solid calc(16px / 16) var(--header-border-color);
8563
+ border-bottom: solid 1px var(--header-border-color);
8722
8564
  border-bottom: solid var(--border-base) var(--header-border-color);
8723
8565
  font-weight: bold;
8724
8566
  text-transform: uppercase;
8725
8567
  }
8726
8568
 
8727
8569
  .fEVdTCw9eOU- .NZbmlKVakYo- {
8728
- border-top: solid calc(16px / 4) var(--border-color);
8570
+ border-top: solid 4px var(--border-color);
8729
8571
  border-top: solid var(--border-thicker) var(--border-color);
8730
8572
  }
8731
8573
 
@@ -8773,9 +8615,9 @@ html.atlantisLightBoxActive {
8773
8615
 
8774
8616
  .qI4lWMSNH40- {
8775
8617
  position: relative;
8776
- padding-left: calc(16px * 1);
8618
+ padding-left: 16px;
8777
8619
  padding-left: var(--public-tab--inset);
8778
- padding-right: calc(16px * 1);
8620
+ padding-right: 16px;
8779
8621
  padding-right: var(--public-tab--inset);
8780
8622
  }
8781
8623
 
@@ -8787,19 +8629,19 @@ html.atlantisLightBoxActive {
8787
8629
  bottom: 0;
8788
8630
  z-index: 1;
8789
8631
  z-index: var(--elevation-base);
8790
- width: calc(16px * 1.5);
8632
+ width: 24px;
8791
8633
  width: var(--space-large);
8792
8634
  }
8793
8635
 
8794
8636
  .xohIah5wcoE-:after {
8795
- right: calc(16px * 1);
8637
+ right: 16px;
8796
8638
  right: var(--public-tab--inset);
8797
8639
  box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
8798
8640
  box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
8799
8641
  }
8800
8642
 
8801
8643
  .qnY4S9sz-8g-:before {
8802
- left: calc(16px * 1);
8644
+ left: 16px;
8803
8645
  left: var(--public-tab--inset);
8804
8646
  box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
8805
8647
  box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
@@ -8809,15 +8651,14 @@ html.atlantisLightBoxActive {
8809
8651
  display: -ms-flexbox;
8810
8652
  display: flex;
8811
8653
  margin: 0;
8812
- margin-bottom: calc(-1 * (16px / 16));
8813
- margin-bottom: calc(-1 * calc(16px / 16));
8654
+ margin-bottom: calc(-1 * 1px);
8814
8655
  margin-bottom: calc(-1 * var(--border-base));
8815
8656
  padding: 0;
8816
- border-bottom: solid calc(16px / 16) hsl(200, 13%, 87%);
8657
+ border-bottom: solid 1px hsl(200, 13%, 87%);
8817
8658
  border-bottom: solid var(--border-base) var(--color-border);
8818
8659
  overflow-x: auto;
8819
8660
  -webkit-overflow-scrolling: touch;
8820
- gap: calc(16px * 1.5);
8661
+ gap: 24px;
8821
8662
  gap: var(--space-large);
8822
8663
  }
8823
8664
 
@@ -8838,7 +8679,7 @@ ul.wdW31G8Trag- {
8838
8679
  .MO7CXQ8xJXo- {
8839
8680
  height: var(--tab--height);
8840
8681
  margin: 0;
8841
- padding: calc(16px / 4) calc(16px / 2);
8682
+ padding: 4px 8px;
8842
8683
  padding: var(--space-smaller) var(--space-small);
8843
8684
  border: none;
8844
8685
  outline: none;
@@ -8873,7 +8714,7 @@ ul.wdW31G8Trag- {
8873
8714
  right: 0;
8874
8715
  bottom: 0;
8875
8716
  left: 0;
8876
- height: calc(16px / 4);
8717
+ height: 4px;
8877
8718
  height: var(--space-smaller);
8878
8719
  background-color: hsl(107, 58%, 33%);
8879
8720
  background-color: var(--color-interactive);
@@ -8886,9 +8727,9 @@ ul.wdW31G8Trag- {
8886
8727
  .AimQioztR1U- {
8887
8728
  padding-top: var(--tab--vertical-inset);
8888
8729
  padding-bottom: var(--tab--vertical-inset);
8889
- padding-left: calc(16px * 1);
8730
+ padding-left: 16px;
8890
8731
  padding-left: var(--public-tab--inset);
8891
- padding-right: calc(16px * 1);
8732
+ padding-right: 16px;
8892
8733
  padding-right: var(--public-tab--inset);
8893
8734
  }
8894
8735
 
@@ -8903,7 +8744,7 @@ ul.wdW31G8Trag- {
8903
8744
  display: flex;
8904
8745
  position: fixed;
8905
8746
  right: 0;
8906
- bottom: calc(16px * 1.5);
8747
+ bottom: 24px;
8907
8748
  bottom: var(--space-large);
8908
8749
  left: 0;
8909
8750
  z-index: 1003;
@@ -8914,40 +8755,37 @@ ul.wdW31G8Trag- {
8914
8755
  flex-direction: column;
8915
8756
  -ms-flex-align: center;
8916
8757
  align-items: center;
8917
- padding: 0 calc(16px * 1.5);
8758
+ padding: 0 24px;
8918
8759
  padding: 0 var(--space-large);
8919
8760
  color: rgba(255, 255, 255, 1);
8920
8761
  color: var(--color-text--reverse);
8921
- font-size: calc(16px * 1);
8762
+ font-size: 16px;
8922
8763
  font-size: var(--typography--fontSize-large);
8923
8764
  pointer-events: none;
8924
8765
  }
8925
8766
 
8926
8767
  .yCRa7jHH33M- {
8927
- box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px
8928
- rgba(0, 0, 0, 0.075),
8929
- 0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);
8768
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
8930
8769
  box-shadow: var(--shadow-high);
8931
8770
  overflow: hidden;
8932
8771
  pointer-events: all;
8933
8772
  }
8934
8773
 
8935
8774
  .yCRa7jHH33M- + .yCRa7jHH33M- {
8936
- margin-top: calc(16px * 1);
8775
+ margin-top: 16px;
8937
8776
  margin-top: var(--space-base);
8938
8777
  }
8939
8778
 
8940
8779
  .KiJL-VNZ3Sg- {
8941
8780
  display: -ms-flexbox;
8942
8781
  display: flex;
8943
- gap: calc(16px / 2);
8782
+ gap: 8px;
8944
8783
  gap: var(--space-small);
8945
8784
  -ms-flex-align: center;
8946
8785
  align-items: center;
8947
- padding: calc(16px / 4) calc(16px / 4) calc(16px / 4);
8786
+ padding: 4px 4px 4px;
8948
8787
  padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
8949
- padding-left: calc((16px / 2) + (16px / 4));
8950
- padding-left: calc(calc(16px / 2) + calc(16px / 4));
8788
+ padding-left: calc(8px + 4px);
8951
8789
  padding-left: calc(var(--space-small) + var(--space-smaller));
8952
8790
  border-radius: 8px;
8953
8791
  border-radius: var(--radius-base);