@womp/kookie-ui 0.19.0 → 0.20.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 (298) hide show
  1. package/codemods/type-0.20.py +73 -0
  2. package/components.css +1003 -2360
  3. package/dist/cjs/components/_internal/base-menu.props.d.ts +2 -2
  4. package/dist/cjs/components/_internal/base-menu.props.js +1 -1
  5. package/dist/cjs/components/_internal/base-menu.props.js.map +2 -2
  6. package/dist/cjs/components/_internal/base-menu.utils.d.ts.map +1 -1
  7. package/dist/cjs/components/_internal/base-menu.utils.js +1 -1
  8. package/dist/cjs/components/_internal/base-menu.utils.js.map +2 -2
  9. package/dist/cjs/components/_internal/menu-context.d.ts +5 -2
  10. package/dist/cjs/components/_internal/menu-context.d.ts.map +1 -1
  11. package/dist/cjs/components/_internal/menu-context.js +1 -1
  12. package/dist/cjs/components/_internal/menu-context.js.map +2 -2
  13. package/dist/cjs/components/alert-dialog.js +1 -1
  14. package/dist/cjs/components/alert-dialog.js.map +2 -2
  15. package/dist/cjs/components/badge.js +1 -1
  16. package/dist/cjs/components/badge.js.map +2 -2
  17. package/dist/cjs/components/blockquote.js +1 -1
  18. package/dist/cjs/components/blockquote.js.map +2 -2
  19. package/dist/cjs/components/blockquote.props.d.ts +2 -2
  20. package/dist/cjs/components/blockquote.props.js +1 -1
  21. package/dist/cjs/components/blockquote.props.js.map +2 -2
  22. package/dist/cjs/components/button.js +1 -1
  23. package/dist/cjs/components/button.js.map +2 -2
  24. package/dist/cjs/components/chatbar.js +1 -1
  25. package/dist/cjs/components/chatbar.js.map +2 -2
  26. package/dist/cjs/components/checkbox-group.js +1 -1
  27. package/dist/cjs/components/checkbox-group.js.map +2 -2
  28. package/dist/cjs/components/code.js +1 -1
  29. package/dist/cjs/components/code.js.map +2 -2
  30. package/dist/cjs/components/code.props.d.ts +2 -2
  31. package/dist/cjs/components/code.props.js +1 -1
  32. package/dist/cjs/components/code.props.js.map +2 -2
  33. package/dist/cjs/components/combobox.js +1 -1
  34. package/dist/cjs/components/combobox.js.map +2 -2
  35. package/dist/cjs/components/combobox.props.d.ts +1 -1
  36. package/dist/cjs/components/combobox.props.js +1 -1
  37. package/dist/cjs/components/combobox.props.js.map +2 -2
  38. package/dist/cjs/components/context-menu.js +1 -1
  39. package/dist/cjs/components/context-menu.js.map +2 -2
  40. package/dist/cjs/components/context-menu.props.js +1 -1
  41. package/dist/cjs/components/context-menu.props.js.map +2 -2
  42. package/dist/cjs/components/data-list.js +1 -1
  43. package/dist/cjs/components/data-list.js.map +2 -2
  44. package/dist/cjs/components/dialog.js +1 -1
  45. package/dist/cjs/components/dialog.js.map +2 -2
  46. package/dist/cjs/components/dropdown-menu.js +1 -1
  47. package/dist/cjs/components/dropdown-menu.js.map +2 -2
  48. package/dist/cjs/components/dropdown-menu.props.js +1 -1
  49. package/dist/cjs/components/dropdown-menu.props.js.map +2 -2
  50. package/dist/cjs/components/heading.js +1 -1
  51. package/dist/cjs/components/heading.js.map +2 -2
  52. package/dist/cjs/components/heading.props.d.ts +2 -2
  53. package/dist/cjs/components/heading.props.js +1 -1
  54. package/dist/cjs/components/heading.props.js.map +2 -2
  55. package/dist/cjs/components/icon-button.js +1 -1
  56. package/dist/cjs/components/icon-button.js.map +2 -2
  57. package/dist/cjs/components/index.js +3 -3
  58. package/dist/cjs/components/index.js.map +3 -3
  59. package/dist/cjs/components/kbd.js +1 -1
  60. package/dist/cjs/components/kbd.js.map +2 -2
  61. package/dist/cjs/components/kbd.props.d.ts +1 -1
  62. package/dist/cjs/components/kbd.props.js +1 -1
  63. package/dist/cjs/components/kbd.props.js.map +2 -2
  64. package/dist/cjs/components/link.js +1 -1
  65. package/dist/cjs/components/link.js.map +2 -2
  66. package/dist/cjs/components/link.props.d.ts +2 -2
  67. package/dist/cjs/components/link.props.js +1 -1
  68. package/dist/cjs/components/link.props.js.map +2 -2
  69. package/dist/cjs/components/message-scroller.js +1 -1
  70. package/dist/cjs/components/message-scroller.js.map +2 -2
  71. package/dist/cjs/components/notice.js +1 -1
  72. package/dist/cjs/components/notice.js.map +2 -2
  73. package/dist/cjs/components/radio-group.js +1 -1
  74. package/dist/cjs/components/radio-group.js.map +2 -2
  75. package/dist/cjs/components/sheet.js +1 -1
  76. package/dist/cjs/components/sheet.js.map +2 -2
  77. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  78. package/dist/cjs/components/sidebar.js +1 -1
  79. package/dist/cjs/components/sidebar.js.map +3 -3
  80. package/dist/cjs/components/text.js +1 -1
  81. package/dist/cjs/components/text.js.map +2 -2
  82. package/dist/cjs/components/text.props.d.ts +2 -2
  83. package/dist/cjs/components/text.props.js +1 -1
  84. package/dist/cjs/components/text.props.js.map +2 -2
  85. package/dist/cjs/components/theme-panel.js +2 -2
  86. package/dist/cjs/components/theme-panel.js.map +2 -2
  87. package/dist/cjs/components/toggle-button.js +1 -1
  88. package/dist/cjs/components/toggle-button.js.map +2 -2
  89. package/dist/cjs/components/toggle-icon-button.js +1 -1
  90. package/dist/cjs/components/toggle-icon-button.js.map +2 -2
  91. package/dist/cjs/components/toolbar.js +1 -1
  92. package/dist/cjs/components/toolbar.js.map +2 -2
  93. package/dist/cjs/components/tooltip.js +1 -1
  94. package/dist/cjs/components/tooltip.js.map +2 -2
  95. package/dist/cjs/components/virtual-menu.d.ts +2 -1
  96. package/dist/cjs/components/virtual-menu.d.ts.map +1 -1
  97. package/dist/cjs/components/virtual-menu.js +1 -1
  98. package/dist/cjs/components/virtual-menu.js.map +2 -2
  99. package/dist/cjs/index.js +3 -3
  100. package/dist/cjs/index.js.map +3 -3
  101. package/dist/cjs/props/index.js +1 -1
  102. package/dist/cjs/props/index.js.map +2 -2
  103. package/dist/cjs/props/weight.prop.d.ts +1 -1
  104. package/dist/cjs/props/weight.prop.d.ts.map +1 -1
  105. package/dist/cjs/props/weight.prop.js +1 -1
  106. package/dist/cjs/props/weight.prop.js.map +2 -2
  107. package/dist/esm/chunk-2WSD2H23.js +2 -0
  108. package/dist/esm/chunk-2WSD2H23.js.map +7 -0
  109. package/dist/esm/{chunk-JZSXHYUU.js → chunk-33IRPFDK.js} +2 -2
  110. package/dist/esm/{chunk-32ATKZAP.js → chunk-3E6ADI2F.js} +2 -2
  111. package/dist/esm/{chunk-JBC6DT2X.js → chunk-74SNS4VY.js} +2 -2
  112. package/dist/esm/chunk-CD324U6G.js +2 -0
  113. package/dist/esm/chunk-CD324U6G.js.map +7 -0
  114. package/dist/esm/{chunk-DIR22XIX.js → chunk-CNMFVJNC.js} +2 -2
  115. package/dist/esm/{chunk-UUHTK35B.js → chunk-EUHAZKWY.js} +2 -2
  116. package/dist/esm/chunk-F7HK2QLM.js +2 -0
  117. package/dist/esm/{chunk-5AHQJB6H.js.map → chunk-F7HK2QLM.js.map} +2 -2
  118. package/dist/esm/{chunk-MZR6YBE7.js → chunk-GDACOD53.js} +2 -2
  119. package/dist/esm/chunk-GTXRD4FZ.js +2 -0
  120. package/dist/esm/{chunk-UUV5UNYL.js.map → chunk-GTXRD4FZ.js.map} +3 -3
  121. package/dist/esm/{chunk-BUBV3C6C.js → chunk-HJ6ACBXW.js} +2 -2
  122. package/dist/esm/{chunk-XTE22CXV.js → chunk-HJZNHNLX.js} +2 -2
  123. package/dist/esm/chunk-HK7RJPQ2.js +2 -0
  124. package/dist/esm/chunk-HK7RJPQ2.js.map +7 -0
  125. package/dist/esm/{chunk-IXNJFV4O.js → chunk-HVXXJZC2.js} +2 -2
  126. package/dist/esm/{chunk-GYB7PAGB.js → chunk-IND2NZIN.js} +2 -2
  127. package/dist/esm/{chunk-UZQO4APP.js → chunk-JDMJC76O.js} +2 -2
  128. package/dist/esm/{chunk-PUQXBW2K.js → chunk-JH55M4I2.js} +2 -2
  129. package/dist/esm/{chunk-N77QJUTO.js → chunk-JOB6FH3D.js} +2 -2
  130. package/dist/esm/chunk-JOB6FH3D.js.map +7 -0
  131. package/dist/esm/{chunk-GIIMBBVM.js → chunk-MLXFZDFU.js} +2 -2
  132. package/dist/esm/{chunk-GYNRAVCL.js → chunk-NEK7F746.js} +2 -2
  133. package/dist/esm/chunk-NTGRWJEG.js +2 -0
  134. package/dist/esm/{chunk-EVTNB4TB.js.map → chunk-NTGRWJEG.js.map} +2 -2
  135. package/dist/esm/{chunk-KDKL3HXD.js → chunk-O7IPBLC7.js} +2 -2
  136. package/dist/esm/{chunk-K6Y2SM5N.js → chunk-OLSTITVY.js} +2 -2
  137. package/dist/esm/{chunk-X3D3JR64.js → chunk-Q6GUADLO.js} +2 -2
  138. package/dist/esm/{chunk-YVHRWMSZ.js → chunk-QETAAJJV.js} +2 -2
  139. package/dist/esm/chunk-QEYOXQK5.js +2 -0
  140. package/dist/esm/{chunk-PDBVZAUJ.js.map → chunk-QEYOXQK5.js.map} +2 -2
  141. package/dist/esm/chunk-R372ULQC.js +2 -0
  142. package/dist/esm/chunk-R372ULQC.js.map +7 -0
  143. package/dist/esm/chunk-RDS3AJWW.js +2 -0
  144. package/dist/esm/chunk-RDS3AJWW.js.map +7 -0
  145. package/dist/esm/{chunk-6XNQ5XD3.js → chunk-SKOF4A27.js} +2 -2
  146. package/dist/esm/{chunk-BINUV3ME.js → chunk-TBWKDBUF.js} +2 -2
  147. package/dist/esm/{chunk-MAI7FEU7.js → chunk-TLZMLJTI.js} +2 -2
  148. package/dist/esm/{chunk-MAI7FEU7.js.map → chunk-TLZMLJTI.js.map} +2 -2
  149. package/dist/esm/{chunk-CR2BSCFM.js → chunk-UNH3FGU4.js} +2 -2
  150. package/dist/esm/{chunk-L2IIIELE.js → chunk-WBGKTN35.js} +2 -2
  151. package/dist/esm/chunk-WSKA5MZZ.js +2 -0
  152. package/dist/esm/chunk-WSKA5MZZ.js.map +7 -0
  153. package/dist/esm/chunk-XDAQXNBQ.js +2 -0
  154. package/dist/esm/chunk-XDAQXNBQ.js.map +7 -0
  155. package/dist/esm/{chunk-63ASTOS2.js → chunk-XDV2SDJ3.js} +2 -2
  156. package/dist/esm/{chunk-G6PO4QKW.js → chunk-XPT5ELKO.js} +2 -2
  157. package/dist/esm/{chunk-2XQECQF2.js → chunk-XXHIMGBY.js} +2 -2
  158. package/dist/esm/{chunk-JRIBL4WJ.js → chunk-ZRHXFYAE.js} +2 -2
  159. package/dist/esm/components/_internal/base-menu.props.d.ts +2 -2
  160. package/dist/esm/components/_internal/base-menu.props.js +1 -1
  161. package/dist/esm/components/_internal/base-menu.utils.d.ts.map +1 -1
  162. package/dist/esm/components/_internal/base-menu.utils.js +1 -1
  163. package/dist/esm/components/_internal/menu-context.d.ts +5 -2
  164. package/dist/esm/components/_internal/menu-context.d.ts.map +1 -1
  165. package/dist/esm/components/_internal/menu-context.js +1 -1
  166. package/dist/esm/components/alert-dialog.js +1 -1
  167. package/dist/esm/components/badge.js +1 -1
  168. package/dist/esm/components/blockquote.js +1 -1
  169. package/dist/esm/components/blockquote.props.d.ts +2 -2
  170. package/dist/esm/components/blockquote.props.js +1 -1
  171. package/dist/esm/components/button.js +1 -1
  172. package/dist/esm/components/chatbar.js +1 -1
  173. package/dist/esm/components/checkbox-group.js +1 -1
  174. package/dist/esm/components/code.js +1 -1
  175. package/dist/esm/components/code.props.d.ts +2 -2
  176. package/dist/esm/components/code.props.js +1 -1
  177. package/dist/esm/components/combobox.js +1 -1
  178. package/dist/esm/components/combobox.props.d.ts +1 -1
  179. package/dist/esm/components/combobox.props.js +1 -1
  180. package/dist/esm/components/context-menu.js +1 -1
  181. package/dist/esm/components/context-menu.props.js +1 -1
  182. package/dist/esm/components/data-list.js +1 -1
  183. package/dist/esm/components/dialog.js +1 -1
  184. package/dist/esm/components/dropdown-menu.js +1 -1
  185. package/dist/esm/components/dropdown-menu.props.js +1 -1
  186. package/dist/esm/components/heading.js +1 -1
  187. package/dist/esm/components/heading.props.d.ts +2 -2
  188. package/dist/esm/components/heading.props.js +1 -1
  189. package/dist/esm/components/icon-button.js +1 -1
  190. package/dist/esm/components/index.js +1 -1
  191. package/dist/esm/components/kbd.js +1 -1
  192. package/dist/esm/components/kbd.props.d.ts +1 -1
  193. package/dist/esm/components/kbd.props.js +1 -1
  194. package/dist/esm/components/link.js +1 -1
  195. package/dist/esm/components/link.props.d.ts +2 -2
  196. package/dist/esm/components/link.props.js +1 -1
  197. package/dist/esm/components/message-scroller.js +1 -1
  198. package/dist/esm/components/notice.js +1 -1
  199. package/dist/esm/components/radio-group.js +1 -1
  200. package/dist/esm/components/sheet.js +1 -1
  201. package/dist/esm/components/sidebar.d.ts.map +1 -1
  202. package/dist/esm/components/sidebar.js +1 -1
  203. package/dist/esm/components/text.js +1 -1
  204. package/dist/esm/components/text.props.d.ts +2 -2
  205. package/dist/esm/components/text.props.js +1 -1
  206. package/dist/esm/components/theme-panel.js +1 -1
  207. package/dist/esm/components/toggle-button.js +1 -1
  208. package/dist/esm/components/toggle-icon-button.js +1 -1
  209. package/dist/esm/components/toolbar.js +1 -1
  210. package/dist/esm/components/tooltip.js +1 -1
  211. package/dist/esm/components/virtual-menu.d.ts +2 -1
  212. package/dist/esm/components/virtual-menu.d.ts.map +1 -1
  213. package/dist/esm/components/virtual-menu.js +1 -1
  214. package/dist/esm/index.js +1 -1
  215. package/dist/esm/props/index.js +1 -1
  216. package/dist/esm/props/weight.prop.d.ts +1 -1
  217. package/dist/esm/props/weight.prop.d.ts.map +1 -1
  218. package/dist/esm/props/weight.prop.js +1 -1
  219. package/package.json +1 -1
  220. package/src/components/_internal/base-menu.css +120 -114
  221. package/src/components/_internal/base-menu.props.ts +1 -1
  222. package/src/components/_internal/base-menu.utils.tsx +2 -1
  223. package/src/components/_internal/base-sidebar-menu.css +8 -38
  224. package/src/components/_internal/menu-context.tsx +9 -4
  225. package/src/components/avatar.css +3 -3
  226. package/src/components/badge.css +3 -3
  227. package/src/components/blockquote.props.tsx +1 -1
  228. package/src/components/code.css +10 -32
  229. package/src/components/code.props.tsx +1 -1
  230. package/src/components/combobox.css +0 -9
  231. package/src/components/combobox.props.tsx +1 -1
  232. package/src/components/heading.css +9 -29
  233. package/src/components/heading.props.tsx +1 -1
  234. package/src/components/kbd.css +1 -29
  235. package/src/components/kbd.props.tsx +1 -1
  236. package/src/components/link.props.tsx +1 -1
  237. package/src/components/notice.css +10 -13
  238. package/src/components/select.css +19 -134
  239. package/src/components/sidebar.css +82 -123
  240. package/src/components/sidebar.tsx +1 -3
  241. package/src/components/slider.css +2 -2
  242. package/src/components/table.css +24 -11
  243. package/src/components/text.css +0 -20
  244. package/src/components/text.props.tsx +1 -1
  245. package/src/components/virtual-menu.tsx +3 -1
  246. package/src/props/weight.prop.ts +2 -1
  247. package/src/styles/tokens/radius.css +12 -0
  248. package/src/styles/tokens/typography.css +21 -49
  249. package/src/styles/utilities/font-weight.css +0 -20
  250. package/styles.css +1034 -2503
  251. package/tokens/base.css +23 -45
  252. package/tokens.css +23 -45
  253. package/utilities.css +0 -90
  254. package/dist/esm/chunk-5AHQJB6H.js +0 -2
  255. package/dist/esm/chunk-ABQHBDM4.js +0 -2
  256. package/dist/esm/chunk-ABQHBDM4.js.map +0 -7
  257. package/dist/esm/chunk-B72RMGWZ.js +0 -2
  258. package/dist/esm/chunk-B72RMGWZ.js.map +0 -7
  259. package/dist/esm/chunk-EUSKAXHP.js +0 -2
  260. package/dist/esm/chunk-EUSKAXHP.js.map +0 -7
  261. package/dist/esm/chunk-EVTNB4TB.js +0 -2
  262. package/dist/esm/chunk-FD2TR343.js +0 -2
  263. package/dist/esm/chunk-FD2TR343.js.map +0 -7
  264. package/dist/esm/chunk-FTGD2SZ6.js +0 -2
  265. package/dist/esm/chunk-FTGD2SZ6.js.map +0 -7
  266. package/dist/esm/chunk-G3U6OHVA.js +0 -2
  267. package/dist/esm/chunk-G3U6OHVA.js.map +0 -7
  268. package/dist/esm/chunk-N77QJUTO.js.map +0 -7
  269. package/dist/esm/chunk-PDBVZAUJ.js +0 -2
  270. package/dist/esm/chunk-UUV5UNYL.js +0 -2
  271. package/dist/esm/chunk-ZMFZYXLB.js +0 -2
  272. package/dist/esm/chunk-ZMFZYXLB.js.map +0 -7
  273. /package/dist/esm/{chunk-JZSXHYUU.js.map → chunk-33IRPFDK.js.map} +0 -0
  274. /package/dist/esm/{chunk-32ATKZAP.js.map → chunk-3E6ADI2F.js.map} +0 -0
  275. /package/dist/esm/{chunk-JBC6DT2X.js.map → chunk-74SNS4VY.js.map} +0 -0
  276. /package/dist/esm/{chunk-DIR22XIX.js.map → chunk-CNMFVJNC.js.map} +0 -0
  277. /package/dist/esm/{chunk-UUHTK35B.js.map → chunk-EUHAZKWY.js.map} +0 -0
  278. /package/dist/esm/{chunk-MZR6YBE7.js.map → chunk-GDACOD53.js.map} +0 -0
  279. /package/dist/esm/{chunk-BUBV3C6C.js.map → chunk-HJ6ACBXW.js.map} +0 -0
  280. /package/dist/esm/{chunk-XTE22CXV.js.map → chunk-HJZNHNLX.js.map} +0 -0
  281. /package/dist/esm/{chunk-IXNJFV4O.js.map → chunk-HVXXJZC2.js.map} +0 -0
  282. /package/dist/esm/{chunk-GYB7PAGB.js.map → chunk-IND2NZIN.js.map} +0 -0
  283. /package/dist/esm/{chunk-UZQO4APP.js.map → chunk-JDMJC76O.js.map} +0 -0
  284. /package/dist/esm/{chunk-PUQXBW2K.js.map → chunk-JH55M4I2.js.map} +0 -0
  285. /package/dist/esm/{chunk-GIIMBBVM.js.map → chunk-MLXFZDFU.js.map} +0 -0
  286. /package/dist/esm/{chunk-GYNRAVCL.js.map → chunk-NEK7F746.js.map} +0 -0
  287. /package/dist/esm/{chunk-KDKL3HXD.js.map → chunk-O7IPBLC7.js.map} +0 -0
  288. /package/dist/esm/{chunk-K6Y2SM5N.js.map → chunk-OLSTITVY.js.map} +0 -0
  289. /package/dist/esm/{chunk-X3D3JR64.js.map → chunk-Q6GUADLO.js.map} +0 -0
  290. /package/dist/esm/{chunk-YVHRWMSZ.js.map → chunk-QETAAJJV.js.map} +0 -0
  291. /package/dist/esm/{chunk-6XNQ5XD3.js.map → chunk-SKOF4A27.js.map} +0 -0
  292. /package/dist/esm/{chunk-BINUV3ME.js.map → chunk-TBWKDBUF.js.map} +0 -0
  293. /package/dist/esm/{chunk-CR2BSCFM.js.map → chunk-UNH3FGU4.js.map} +0 -0
  294. /package/dist/esm/{chunk-L2IIIELE.js.map → chunk-WBGKTN35.js.map} +0 -0
  295. /package/dist/esm/{chunk-63ASTOS2.js.map → chunk-XDV2SDJ3.js.map} +0 -0
  296. /package/dist/esm/{chunk-G6PO4QKW.js.map → chunk-XPT5ELKO.js.map} +0 -0
  297. /package/dist/esm/{chunk-2XQECQF2.js.map → chunk-XXHIMGBY.js.map} +0 -0
  298. /package/dist/esm/{chunk-JRIBL4WJ.js.map → chunk-ZRHXFYAE.js.map} +0 -0
package/components.css CHANGED
@@ -542,11 +542,6 @@
542
542
  outline-offset: -0.6em;
543
543
  }
544
544
  }
545
- .rt-Text:where(.rt-r-size-0) {
546
- font-size: var(--font-size-0);
547
- --line-height: var(--line-height-0);
548
- --letter-spacing: var(--letter-spacing-0);
549
- }
550
545
  .rt-Text:where(.rt-r-size-1) {
551
546
  font-size: var(--font-size-1);
552
547
  --line-height: var(--line-height-1);
@@ -592,27 +587,7 @@
592
587
  --line-height: var(--line-height-9);
593
588
  --letter-spacing: var(--letter-spacing-9);
594
589
  }
595
- .rt-Text:where(.rt-r-size-10) {
596
- font-size: var(--font-size-10);
597
- --line-height: var(--line-height-10);
598
- --letter-spacing: var(--letter-spacing-10);
599
- }
600
- .rt-Text:where(.rt-r-size-11) {
601
- font-size: var(--font-size-11);
602
- --line-height: var(--line-height-11);
603
- --letter-spacing: var(--letter-spacing-11);
604
- }
605
- .rt-Text:where(.rt-r-size-12) {
606
- font-size: var(--font-size-12);
607
- --line-height: var(--line-height-12);
608
- --letter-spacing: var(--letter-spacing-12);
609
- }
610
590
  @media (min-width: 520px) {
611
- .rt-Text:where(.xs\:rt-r-size-0) {
612
- font-size: var(--font-size-0);
613
- --line-height: var(--line-height-0);
614
- --letter-spacing: var(--letter-spacing-0);
615
- }
616
591
  .rt-Text:where(.xs\:rt-r-size-1) {
617
592
  font-size: var(--font-size-1);
618
593
  --line-height: var(--line-height-1);
@@ -658,28 +633,8 @@
658
633
  --line-height: var(--line-height-9);
659
634
  --letter-spacing: var(--letter-spacing-9);
660
635
  }
661
- .rt-Text:where(.xs\:rt-r-size-10) {
662
- font-size: var(--font-size-10);
663
- --line-height: var(--line-height-10);
664
- --letter-spacing: var(--letter-spacing-10);
665
- }
666
- .rt-Text:where(.xs\:rt-r-size-11) {
667
- font-size: var(--font-size-11);
668
- --line-height: var(--line-height-11);
669
- --letter-spacing: var(--letter-spacing-11);
670
- }
671
- .rt-Text:where(.xs\:rt-r-size-12) {
672
- font-size: var(--font-size-12);
673
- --line-height: var(--line-height-12);
674
- --letter-spacing: var(--letter-spacing-12);
675
- }
676
636
  }
677
637
  @media (min-width: 768px) {
678
- .rt-Text:where(.sm\:rt-r-size-0) {
679
- font-size: var(--font-size-0);
680
- --line-height: var(--line-height-0);
681
- --letter-spacing: var(--letter-spacing-0);
682
- }
683
638
  .rt-Text:where(.sm\:rt-r-size-1) {
684
639
  font-size: var(--font-size-1);
685
640
  --line-height: var(--line-height-1);
@@ -725,28 +680,8 @@
725
680
  --line-height: var(--line-height-9);
726
681
  --letter-spacing: var(--letter-spacing-9);
727
682
  }
728
- .rt-Text:where(.sm\:rt-r-size-10) {
729
- font-size: var(--font-size-10);
730
- --line-height: var(--line-height-10);
731
- --letter-spacing: var(--letter-spacing-10);
732
- }
733
- .rt-Text:where(.sm\:rt-r-size-11) {
734
- font-size: var(--font-size-11);
735
- --line-height: var(--line-height-11);
736
- --letter-spacing: var(--letter-spacing-11);
737
- }
738
- .rt-Text:where(.sm\:rt-r-size-12) {
739
- font-size: var(--font-size-12);
740
- --line-height: var(--line-height-12);
741
- --letter-spacing: var(--letter-spacing-12);
742
- }
743
683
  }
744
684
  @media (min-width: 1024px) {
745
- .rt-Text:where(.md\:rt-r-size-0) {
746
- font-size: var(--font-size-0);
747
- --line-height: var(--line-height-0);
748
- --letter-spacing: var(--letter-spacing-0);
749
- }
750
685
  .rt-Text:where(.md\:rt-r-size-1) {
751
686
  font-size: var(--font-size-1);
752
687
  --line-height: var(--line-height-1);
@@ -792,28 +727,8 @@
792
727
  --line-height: var(--line-height-9);
793
728
  --letter-spacing: var(--letter-spacing-9);
794
729
  }
795
- .rt-Text:where(.md\:rt-r-size-10) {
796
- font-size: var(--font-size-10);
797
- --line-height: var(--line-height-10);
798
- --letter-spacing: var(--letter-spacing-10);
799
- }
800
- .rt-Text:where(.md\:rt-r-size-11) {
801
- font-size: var(--font-size-11);
802
- --line-height: var(--line-height-11);
803
- --letter-spacing: var(--letter-spacing-11);
804
- }
805
- .rt-Text:where(.md\:rt-r-size-12) {
806
- font-size: var(--font-size-12);
807
- --line-height: var(--line-height-12);
808
- --letter-spacing: var(--letter-spacing-12);
809
- }
810
730
  }
811
731
  @media (min-width: 1280px) {
812
- .rt-Text:where(.lg\:rt-r-size-0) {
813
- font-size: var(--font-size-0);
814
- --line-height: var(--line-height-0);
815
- --letter-spacing: var(--letter-spacing-0);
816
- }
817
732
  .rt-Text:where(.lg\:rt-r-size-1) {
818
733
  font-size: var(--font-size-1);
819
734
  --line-height: var(--line-height-1);
@@ -859,28 +774,8 @@
859
774
  --line-height: var(--line-height-9);
860
775
  --letter-spacing: var(--letter-spacing-9);
861
776
  }
862
- .rt-Text:where(.lg\:rt-r-size-10) {
863
- font-size: var(--font-size-10);
864
- --line-height: var(--line-height-10);
865
- --letter-spacing: var(--letter-spacing-10);
866
- }
867
- .rt-Text:where(.lg\:rt-r-size-11) {
868
- font-size: var(--font-size-11);
869
- --line-height: var(--line-height-11);
870
- --letter-spacing: var(--letter-spacing-11);
871
- }
872
- .rt-Text:where(.lg\:rt-r-size-12) {
873
- font-size: var(--font-size-12);
874
- --line-height: var(--line-height-12);
875
- --letter-spacing: var(--letter-spacing-12);
876
- }
877
777
  }
878
778
  @media (min-width: 1640px) {
879
- .rt-Text:where(.xl\:rt-r-size-0) {
880
- font-size: var(--font-size-0);
881
- --line-height: var(--line-height-0);
882
- --letter-spacing: var(--letter-spacing-0);
883
- }
884
779
  .rt-Text:where(.xl\:rt-r-size-1) {
885
780
  font-size: var(--font-size-1);
886
781
  --line-height: var(--line-height-1);
@@ -926,21 +821,6 @@
926
821
  --line-height: var(--line-height-9);
927
822
  --letter-spacing: var(--letter-spacing-9);
928
823
  }
929
- .rt-Text:where(.xl\:rt-r-size-10) {
930
- font-size: var(--font-size-10);
931
- --line-height: var(--line-height-10);
932
- --letter-spacing: var(--letter-spacing-10);
933
- }
934
- .rt-Text:where(.xl\:rt-r-size-11) {
935
- font-size: var(--font-size-11);
936
- --line-height: var(--line-height-11);
937
- --letter-spacing: var(--letter-spacing-11);
938
- }
939
- .rt-Text:where(.xl\:rt-r-size-12) {
940
- font-size: var(--font-size-12);
941
- --line-height: var(--line-height-12);
942
- --letter-spacing: var(--letter-spacing-12);
943
- }
944
824
  }
945
825
  .rt-AccordionRoot {
946
826
  overflow: hidden;
@@ -1687,10 +1567,10 @@
1687
1567
  }
1688
1568
  .rt-AvatarRoot:where(.rt-r-size-8) {
1689
1569
  --avatar-size: calc(96px * var(--scale));
1690
- --avatar-fallback-one-letter-font-size: var(--font-size-8);
1570
+ --avatar-fallback-one-letter-font-size: var(--font-size-7);
1691
1571
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
1692
1572
  border-radius: max(var(--radius-control-4), var(--radius-full));
1693
- letter-spacing: var(--letter-spacing-8);
1573
+ letter-spacing: var(--letter-spacing-7);
1694
1574
  --avatar-status-size: 20px;
1695
1575
  --avatar-status-border-width: 3px;
1696
1576
  --avatar-badge-min-size: 24px;
@@ -1698,7 +1578,7 @@
1698
1578
  .rt-AvatarRoot:where(.rt-r-size-9) {
1699
1579
  --avatar-size: var(--space-12);
1700
1580
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
1701
- --avatar-fallback-two-letters-font-size: var(--font-size-8);
1581
+ --avatar-fallback-two-letters-font-size: var(--font-size-7);
1702
1582
  border-radius: max(var(--radius-control-4), var(--radius-full));
1703
1583
  letter-spacing: var(--letter-spacing-9);
1704
1584
  --avatar-status-size: 24px;
@@ -1778,10 +1658,10 @@
1778
1658
  }
1779
1659
  .rt-AvatarRoot:where(.xs\:rt-r-size-8) {
1780
1660
  --avatar-size: calc(96px * var(--scale));
1781
- --avatar-fallback-one-letter-font-size: var(--font-size-8);
1661
+ --avatar-fallback-one-letter-font-size: var(--font-size-7);
1782
1662
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
1783
1663
  border-radius: max(var(--radius-control-4), var(--radius-full));
1784
- letter-spacing: var(--letter-spacing-8);
1664
+ letter-spacing: var(--letter-spacing-7);
1785
1665
  --avatar-status-size: 20px;
1786
1666
  --avatar-status-border-width: 3px;
1787
1667
  --avatar-badge-min-size: 24px;
@@ -1789,7 +1669,7 @@
1789
1669
  .rt-AvatarRoot:where(.xs\:rt-r-size-9) {
1790
1670
  --avatar-size: var(--space-12);
1791
1671
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
1792
- --avatar-fallback-two-letters-font-size: var(--font-size-8);
1672
+ --avatar-fallback-two-letters-font-size: var(--font-size-7);
1793
1673
  border-radius: max(var(--radius-control-4), var(--radius-full));
1794
1674
  letter-spacing: var(--letter-spacing-9);
1795
1675
  --avatar-status-size: 24px;
@@ -1870,10 +1750,10 @@
1870
1750
  }
1871
1751
  .rt-AvatarRoot:where(.sm\:rt-r-size-8) {
1872
1752
  --avatar-size: calc(96px * var(--scale));
1873
- --avatar-fallback-one-letter-font-size: var(--font-size-8);
1753
+ --avatar-fallback-one-letter-font-size: var(--font-size-7);
1874
1754
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
1875
1755
  border-radius: max(var(--radius-control-4), var(--radius-full));
1876
- letter-spacing: var(--letter-spacing-8);
1756
+ letter-spacing: var(--letter-spacing-7);
1877
1757
  --avatar-status-size: 20px;
1878
1758
  --avatar-status-border-width: 3px;
1879
1759
  --avatar-badge-min-size: 24px;
@@ -1881,7 +1761,7 @@
1881
1761
  .rt-AvatarRoot:where(.sm\:rt-r-size-9) {
1882
1762
  --avatar-size: var(--space-12);
1883
1763
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
1884
- --avatar-fallback-two-letters-font-size: var(--font-size-8);
1764
+ --avatar-fallback-two-letters-font-size: var(--font-size-7);
1885
1765
  border-radius: max(var(--radius-control-4), var(--radius-full));
1886
1766
  letter-spacing: var(--letter-spacing-9);
1887
1767
  --avatar-status-size: 24px;
@@ -1962,10 +1842,10 @@
1962
1842
  }
1963
1843
  .rt-AvatarRoot:where(.md\:rt-r-size-8) {
1964
1844
  --avatar-size: calc(96px * var(--scale));
1965
- --avatar-fallback-one-letter-font-size: var(--font-size-8);
1845
+ --avatar-fallback-one-letter-font-size: var(--font-size-7);
1966
1846
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
1967
1847
  border-radius: max(var(--radius-control-4), var(--radius-full));
1968
- letter-spacing: var(--letter-spacing-8);
1848
+ letter-spacing: var(--letter-spacing-7);
1969
1849
  --avatar-status-size: 20px;
1970
1850
  --avatar-status-border-width: 3px;
1971
1851
  --avatar-badge-min-size: 24px;
@@ -1973,7 +1853,7 @@
1973
1853
  .rt-AvatarRoot:where(.md\:rt-r-size-9) {
1974
1854
  --avatar-size: var(--space-12);
1975
1855
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
1976
- --avatar-fallback-two-letters-font-size: var(--font-size-8);
1856
+ --avatar-fallback-two-letters-font-size: var(--font-size-7);
1977
1857
  border-radius: max(var(--radius-control-4), var(--radius-full));
1978
1858
  letter-spacing: var(--letter-spacing-9);
1979
1859
  --avatar-status-size: 24px;
@@ -2054,10 +1934,10 @@
2054
1934
  }
2055
1935
  .rt-AvatarRoot:where(.lg\:rt-r-size-8) {
2056
1936
  --avatar-size: calc(96px * var(--scale));
2057
- --avatar-fallback-one-letter-font-size: var(--font-size-8);
1937
+ --avatar-fallback-one-letter-font-size: var(--font-size-7);
2058
1938
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2059
1939
  border-radius: max(var(--radius-control-4), var(--radius-full));
2060
- letter-spacing: var(--letter-spacing-8);
1940
+ letter-spacing: var(--letter-spacing-7);
2061
1941
  --avatar-status-size: 20px;
2062
1942
  --avatar-status-border-width: 3px;
2063
1943
  --avatar-badge-min-size: 24px;
@@ -2065,7 +1945,7 @@
2065
1945
  .rt-AvatarRoot:where(.lg\:rt-r-size-9) {
2066
1946
  --avatar-size: var(--space-12);
2067
1947
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2068
- --avatar-fallback-two-letters-font-size: var(--font-size-8);
1948
+ --avatar-fallback-two-letters-font-size: var(--font-size-7);
2069
1949
  border-radius: max(var(--radius-control-4), var(--radius-full));
2070
1950
  letter-spacing: var(--letter-spacing-9);
2071
1951
  --avatar-status-size: 24px;
@@ -2146,10 +2026,10 @@
2146
2026
  }
2147
2027
  .rt-AvatarRoot:where(.xl\:rt-r-size-8) {
2148
2028
  --avatar-size: calc(96px * var(--scale));
2149
- --avatar-fallback-one-letter-font-size: var(--font-size-8);
2029
+ --avatar-fallback-one-letter-font-size: var(--font-size-7);
2150
2030
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2151
2031
  border-radius: max(var(--radius-control-4), var(--radius-full));
2152
- letter-spacing: var(--letter-spacing-8);
2032
+ letter-spacing: var(--letter-spacing-7);
2153
2033
  --avatar-status-size: 20px;
2154
2034
  --avatar-status-border-width: 3px;
2155
2035
  --avatar-badge-min-size: 24px;
@@ -2157,7 +2037,7 @@
2157
2037
  .rt-AvatarRoot:where(.xl\:rt-r-size-9) {
2158
2038
  --avatar-size: var(--space-12);
2159
2039
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2160
- --avatar-fallback-two-letters-font-size: var(--font-size-8);
2040
+ --avatar-fallback-two-letters-font-size: var(--font-size-7);
2161
2041
  border-radius: max(var(--radius-control-4), var(--radius-full));
2162
2042
  letter-spacing: var(--letter-spacing-9);
2163
2043
  --avatar-status-size: 24px;
@@ -2396,9 +2276,9 @@
2396
2276
  }
2397
2277
  }
2398
2278
  .rt-Badge:where(.rt-r-size-1) {
2399
- font-size: var(--font-size-0);
2400
- line-height: var(--line-height-0);
2401
- letter-spacing: var(--letter-spacing-0);
2279
+ font-size: var(--font-size-1);
2280
+ line-height: var(--line-height-1);
2281
+ letter-spacing: var(--letter-spacing-1);
2402
2282
  padding: var(--space-1) var(--space-2);
2403
2283
  gap: var(--space-2);
2404
2284
  border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
@@ -2439,9 +2319,9 @@
2439
2319
  }
2440
2320
  @media (min-width: 520px) {
2441
2321
  .rt-Badge:where(.xs\:rt-r-size-1) {
2442
- font-size: var(--font-size-0);
2443
- line-height: var(--line-height-0);
2444
- letter-spacing: var(--letter-spacing-0);
2322
+ font-size: var(--font-size-1);
2323
+ line-height: var(--line-height-1);
2324
+ letter-spacing: var(--letter-spacing-1);
2445
2325
  padding: var(--space-1) var(--space-2);
2446
2326
  gap: var(--space-2);
2447
2327
  border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
@@ -2483,9 +2363,9 @@
2483
2363
  }
2484
2364
  @media (min-width: 768px) {
2485
2365
  .rt-Badge:where(.sm\:rt-r-size-1) {
2486
- font-size: var(--font-size-0);
2487
- line-height: var(--line-height-0);
2488
- letter-spacing: var(--letter-spacing-0);
2366
+ font-size: var(--font-size-1);
2367
+ line-height: var(--line-height-1);
2368
+ letter-spacing: var(--letter-spacing-1);
2489
2369
  padding: var(--space-1) var(--space-2);
2490
2370
  gap: var(--space-2);
2491
2371
  border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
@@ -2527,9 +2407,9 @@
2527
2407
  }
2528
2408
  @media (min-width: 1024px) {
2529
2409
  .rt-Badge:where(.md\:rt-r-size-1) {
2530
- font-size: var(--font-size-0);
2531
- line-height: var(--line-height-0);
2532
- letter-spacing: var(--letter-spacing-0);
2410
+ font-size: var(--font-size-1);
2411
+ line-height: var(--line-height-1);
2412
+ letter-spacing: var(--letter-spacing-1);
2533
2413
  padding: var(--space-1) var(--space-2);
2534
2414
  gap: var(--space-2);
2535
2415
  border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
@@ -2571,9 +2451,9 @@
2571
2451
  }
2572
2452
  @media (min-width: 1280px) {
2573
2453
  .rt-Badge:where(.lg\:rt-r-size-1) {
2574
- font-size: var(--font-size-0);
2575
- line-height: var(--line-height-0);
2576
- letter-spacing: var(--letter-spacing-0);
2454
+ font-size: var(--font-size-1);
2455
+ line-height: var(--line-height-1);
2456
+ letter-spacing: var(--letter-spacing-1);
2577
2457
  padding: var(--space-1) var(--space-2);
2578
2458
  gap: var(--space-2);
2579
2459
  border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
@@ -2615,9 +2495,9 @@
2615
2495
  }
2616
2496
  @media (min-width: 1640px) {
2617
2497
  .rt-Badge:where(.xl\:rt-r-size-1) {
2618
- font-size: var(--font-size-0);
2619
- line-height: var(--line-height-0);
2620
- letter-spacing: var(--letter-spacing-0);
2498
+ font-size: var(--font-size-1);
2499
+ line-height: var(--line-height-1);
2500
+ letter-spacing: var(--letter-spacing-1);
2621
2501
  padding: var(--space-1) var(--space-2);
2622
2502
  gap: var(--space-2);
2623
2503
  border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
@@ -4454,9 +4334,8 @@
4454
4334
  background-color: var(--gray-a3);
4455
4335
  }
4456
4336
  .rt-Code {
4457
- --code-variant-font-size-adjust: calc(var(--code-font-size-adjust) * 0.95);
4458
4337
  font-family: var(--code-font-family);
4459
- font-size: calc(var(--code-variant-font-size-adjust) * 1em);
4338
+ font-size: calc(var(--mono-scale) * 1em);
4460
4339
  font-style: var(--code-font-style);
4461
4340
  font-weight: var(--code-font-weight);
4462
4341
  line-height: 1.25;
@@ -4475,408 +4354,287 @@
4475
4354
  .rt-Code :where(.rt-Code) {
4476
4355
  font-size: inherit;
4477
4356
  }
4478
- .rt-Code:where(.rt-r-size-0) {
4479
- font-size: calc(var(--font-size-0) * var(--code-variant-font-size-adjust));
4480
- line-height: var(--line-height-0);
4481
- --letter-spacing: var(--letter-spacing-0);
4482
- }
4483
4357
  .rt-Code:where(.rt-r-size-1) {
4484
- font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
4358
+ font-size: calc(var(--font-size-1) * var(--mono-scale));
4485
4359
  line-height: var(--line-height-1);
4486
4360
  --letter-spacing: var(--letter-spacing-1);
4487
4361
  }
4488
4362
  .rt-Code:where(.rt-r-size-2) {
4489
- font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
4363
+ font-size: calc(var(--font-size-2) * var(--mono-scale));
4490
4364
  line-height: var(--line-height-2);
4491
4365
  --letter-spacing: var(--letter-spacing-2);
4492
4366
  }
4493
4367
  .rt-Code:where(.rt-r-size-3) {
4494
- font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
4368
+ font-size: calc(var(--font-size-3) * var(--mono-scale));
4495
4369
  line-height: var(--line-height-3);
4496
4370
  --letter-spacing: var(--letter-spacing-3);
4497
4371
  }
4498
4372
  .rt-Code:where(.rt-r-size-4) {
4499
- font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
4373
+ font-size: calc(var(--font-size-4) * var(--mono-scale));
4500
4374
  line-height: var(--line-height-4);
4501
4375
  --letter-spacing: var(--letter-spacing-4);
4502
4376
  }
4503
4377
  .rt-Code:where(.rt-r-size-5) {
4504
- font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
4378
+ font-size: calc(var(--font-size-5) * var(--mono-scale));
4505
4379
  line-height: var(--line-height-5);
4506
4380
  --letter-spacing: var(--letter-spacing-5);
4507
4381
  }
4508
4382
  .rt-Code:where(.rt-r-size-6) {
4509
- font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
4383
+ font-size: calc(var(--font-size-6) * var(--mono-scale));
4510
4384
  line-height: var(--line-height-6);
4511
4385
  --letter-spacing: var(--letter-spacing-6);
4512
4386
  }
4513
4387
  .rt-Code:where(.rt-r-size-7) {
4514
- font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
4388
+ font-size: calc(var(--font-size-7) * var(--mono-scale));
4515
4389
  line-height: var(--line-height-7);
4516
4390
  --letter-spacing: var(--letter-spacing-7);
4517
4391
  }
4518
4392
  .rt-Code:where(.rt-r-size-8) {
4519
- font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
4393
+ font-size: calc(var(--font-size-8) * var(--mono-scale));
4520
4394
  line-height: var(--line-height-8);
4521
4395
  --letter-spacing: var(--letter-spacing-8);
4522
4396
  }
4523
4397
  .rt-Code:where(.rt-r-size-9) {
4524
- font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
4398
+ font-size: calc(var(--font-size-9) * var(--mono-scale));
4525
4399
  line-height: var(--line-height-9);
4526
4400
  --letter-spacing: var(--letter-spacing-9);
4527
4401
  }
4528
- .rt-Code:where(.rt-r-size-10) {
4529
- font-size: calc(var(--font-size-10) * var(--code-variant-font-size-adjust));
4530
- line-height: var(--line-height-10);
4531
- --letter-spacing: var(--letter-spacing-10);
4532
- }
4533
- .rt-Code:where(.rt-r-size-11) {
4534
- font-size: calc(var(--font-size-11) * var(--code-variant-font-size-adjust));
4535
- line-height: var(--line-height-11);
4536
- --letter-spacing: var(--letter-spacing-11);
4537
- }
4538
- .rt-Code:where(.rt-r-size-12) {
4539
- font-size: calc(var(--font-size-12) * var(--code-variant-font-size-adjust));
4540
- line-height: var(--line-height-12);
4541
- --letter-spacing: var(--letter-spacing-12);
4542
- }
4543
4402
  @media (min-width: 520px) {
4544
- .rt-Code:where(.xs\:rt-r-size-0) {
4545
- font-size: calc(var(--font-size-0) * var(--code-variant-font-size-adjust));
4546
- line-height: var(--line-height-0);
4547
- --letter-spacing: var(--letter-spacing-0);
4548
- }
4549
4403
  .rt-Code:where(.xs\:rt-r-size-1) {
4550
- font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
4404
+ font-size: calc(var(--font-size-1) * var(--mono-scale));
4551
4405
  line-height: var(--line-height-1);
4552
4406
  --letter-spacing: var(--letter-spacing-1);
4553
4407
  }
4554
4408
  .rt-Code:where(.xs\:rt-r-size-2) {
4555
- font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
4409
+ font-size: calc(var(--font-size-2) * var(--mono-scale));
4556
4410
  line-height: var(--line-height-2);
4557
4411
  --letter-spacing: var(--letter-spacing-2);
4558
4412
  }
4559
4413
  .rt-Code:where(.xs\:rt-r-size-3) {
4560
- font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
4414
+ font-size: calc(var(--font-size-3) * var(--mono-scale));
4561
4415
  line-height: var(--line-height-3);
4562
4416
  --letter-spacing: var(--letter-spacing-3);
4563
4417
  }
4564
4418
  .rt-Code:where(.xs\:rt-r-size-4) {
4565
- font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
4419
+ font-size: calc(var(--font-size-4) * var(--mono-scale));
4566
4420
  line-height: var(--line-height-4);
4567
4421
  --letter-spacing: var(--letter-spacing-4);
4568
4422
  }
4569
4423
  .rt-Code:where(.xs\:rt-r-size-5) {
4570
- font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
4424
+ font-size: calc(var(--font-size-5) * var(--mono-scale));
4571
4425
  line-height: var(--line-height-5);
4572
4426
  --letter-spacing: var(--letter-spacing-5);
4573
4427
  }
4574
4428
  .rt-Code:where(.xs\:rt-r-size-6) {
4575
- font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
4429
+ font-size: calc(var(--font-size-6) * var(--mono-scale));
4576
4430
  line-height: var(--line-height-6);
4577
4431
  --letter-spacing: var(--letter-spacing-6);
4578
4432
  }
4579
4433
  .rt-Code:where(.xs\:rt-r-size-7) {
4580
- font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
4434
+ font-size: calc(var(--font-size-7) * var(--mono-scale));
4581
4435
  line-height: var(--line-height-7);
4582
4436
  --letter-spacing: var(--letter-spacing-7);
4583
4437
  }
4584
4438
  .rt-Code:where(.xs\:rt-r-size-8) {
4585
- font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
4439
+ font-size: calc(var(--font-size-8) * var(--mono-scale));
4586
4440
  line-height: var(--line-height-8);
4587
4441
  --letter-spacing: var(--letter-spacing-8);
4588
4442
  }
4589
4443
  .rt-Code:where(.xs\:rt-r-size-9) {
4590
- font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
4444
+ font-size: calc(var(--font-size-9) * var(--mono-scale));
4591
4445
  line-height: var(--line-height-9);
4592
4446
  --letter-spacing: var(--letter-spacing-9);
4593
4447
  }
4594
- .rt-Code:where(.xs\:rt-r-size-10) {
4595
- font-size: calc(var(--font-size-10) * var(--code-variant-font-size-adjust));
4596
- line-height: var(--line-height-10);
4597
- --letter-spacing: var(--letter-spacing-10);
4598
- }
4599
- .rt-Code:where(.xs\:rt-r-size-11) {
4600
- font-size: calc(var(--font-size-11) * var(--code-variant-font-size-adjust));
4601
- line-height: var(--line-height-11);
4602
- --letter-spacing: var(--letter-spacing-11);
4603
- }
4604
- .rt-Code:where(.xs\:rt-r-size-12) {
4605
- font-size: calc(var(--font-size-12) * var(--code-variant-font-size-adjust));
4606
- line-height: var(--line-height-12);
4607
- --letter-spacing: var(--letter-spacing-12);
4608
- }
4609
4448
  }
4610
4449
  @media (min-width: 768px) {
4611
- .rt-Code:where(.sm\:rt-r-size-0) {
4612
- font-size: calc(var(--font-size-0) * var(--code-variant-font-size-adjust));
4613
- line-height: var(--line-height-0);
4614
- --letter-spacing: var(--letter-spacing-0);
4615
- }
4616
4450
  .rt-Code:where(.sm\:rt-r-size-1) {
4617
- font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
4451
+ font-size: calc(var(--font-size-1) * var(--mono-scale));
4618
4452
  line-height: var(--line-height-1);
4619
4453
  --letter-spacing: var(--letter-spacing-1);
4620
4454
  }
4621
4455
  .rt-Code:where(.sm\:rt-r-size-2) {
4622
- font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
4456
+ font-size: calc(var(--font-size-2) * var(--mono-scale));
4623
4457
  line-height: var(--line-height-2);
4624
4458
  --letter-spacing: var(--letter-spacing-2);
4625
4459
  }
4626
4460
  .rt-Code:where(.sm\:rt-r-size-3) {
4627
- font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
4461
+ font-size: calc(var(--font-size-3) * var(--mono-scale));
4628
4462
  line-height: var(--line-height-3);
4629
4463
  --letter-spacing: var(--letter-spacing-3);
4630
4464
  }
4631
4465
  .rt-Code:where(.sm\:rt-r-size-4) {
4632
- font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
4466
+ font-size: calc(var(--font-size-4) * var(--mono-scale));
4633
4467
  line-height: var(--line-height-4);
4634
4468
  --letter-spacing: var(--letter-spacing-4);
4635
4469
  }
4636
4470
  .rt-Code:where(.sm\:rt-r-size-5) {
4637
- font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
4471
+ font-size: calc(var(--font-size-5) * var(--mono-scale));
4638
4472
  line-height: var(--line-height-5);
4639
4473
  --letter-spacing: var(--letter-spacing-5);
4640
4474
  }
4641
4475
  .rt-Code:where(.sm\:rt-r-size-6) {
4642
- font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
4476
+ font-size: calc(var(--font-size-6) * var(--mono-scale));
4643
4477
  line-height: var(--line-height-6);
4644
4478
  --letter-spacing: var(--letter-spacing-6);
4645
4479
  }
4646
4480
  .rt-Code:where(.sm\:rt-r-size-7) {
4647
- font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
4481
+ font-size: calc(var(--font-size-7) * var(--mono-scale));
4648
4482
  line-height: var(--line-height-7);
4649
4483
  --letter-spacing: var(--letter-spacing-7);
4650
4484
  }
4651
4485
  .rt-Code:where(.sm\:rt-r-size-8) {
4652
- font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
4486
+ font-size: calc(var(--font-size-8) * var(--mono-scale));
4653
4487
  line-height: var(--line-height-8);
4654
4488
  --letter-spacing: var(--letter-spacing-8);
4655
4489
  }
4656
4490
  .rt-Code:where(.sm\:rt-r-size-9) {
4657
- font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
4491
+ font-size: calc(var(--font-size-9) * var(--mono-scale));
4658
4492
  line-height: var(--line-height-9);
4659
4493
  --letter-spacing: var(--letter-spacing-9);
4660
4494
  }
4661
- .rt-Code:where(.sm\:rt-r-size-10) {
4662
- font-size: calc(var(--font-size-10) * var(--code-variant-font-size-adjust));
4663
- line-height: var(--line-height-10);
4664
- --letter-spacing: var(--letter-spacing-10);
4665
- }
4666
- .rt-Code:where(.sm\:rt-r-size-11) {
4667
- font-size: calc(var(--font-size-11) * var(--code-variant-font-size-adjust));
4668
- line-height: var(--line-height-11);
4669
- --letter-spacing: var(--letter-spacing-11);
4670
- }
4671
- .rt-Code:where(.sm\:rt-r-size-12) {
4672
- font-size: calc(var(--font-size-12) * var(--code-variant-font-size-adjust));
4673
- line-height: var(--line-height-12);
4674
- --letter-spacing: var(--letter-spacing-12);
4675
- }
4676
4495
  }
4677
4496
  @media (min-width: 1024px) {
4678
- .rt-Code:where(.md\:rt-r-size-0) {
4679
- font-size: calc(var(--font-size-0) * var(--code-variant-font-size-adjust));
4680
- line-height: var(--line-height-0);
4681
- --letter-spacing: var(--letter-spacing-0);
4682
- }
4683
4497
  .rt-Code:where(.md\:rt-r-size-1) {
4684
- font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
4498
+ font-size: calc(var(--font-size-1) * var(--mono-scale));
4685
4499
  line-height: var(--line-height-1);
4686
4500
  --letter-spacing: var(--letter-spacing-1);
4687
4501
  }
4688
4502
  .rt-Code:where(.md\:rt-r-size-2) {
4689
- font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
4503
+ font-size: calc(var(--font-size-2) * var(--mono-scale));
4690
4504
  line-height: var(--line-height-2);
4691
4505
  --letter-spacing: var(--letter-spacing-2);
4692
4506
  }
4693
4507
  .rt-Code:where(.md\:rt-r-size-3) {
4694
- font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
4508
+ font-size: calc(var(--font-size-3) * var(--mono-scale));
4695
4509
  line-height: var(--line-height-3);
4696
4510
  --letter-spacing: var(--letter-spacing-3);
4697
4511
  }
4698
4512
  .rt-Code:where(.md\:rt-r-size-4) {
4699
- font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
4513
+ font-size: calc(var(--font-size-4) * var(--mono-scale));
4700
4514
  line-height: var(--line-height-4);
4701
4515
  --letter-spacing: var(--letter-spacing-4);
4702
4516
  }
4703
4517
  .rt-Code:where(.md\:rt-r-size-5) {
4704
- font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
4518
+ font-size: calc(var(--font-size-5) * var(--mono-scale));
4705
4519
  line-height: var(--line-height-5);
4706
4520
  --letter-spacing: var(--letter-spacing-5);
4707
4521
  }
4708
4522
  .rt-Code:where(.md\:rt-r-size-6) {
4709
- font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
4523
+ font-size: calc(var(--font-size-6) * var(--mono-scale));
4710
4524
  line-height: var(--line-height-6);
4711
4525
  --letter-spacing: var(--letter-spacing-6);
4712
4526
  }
4713
4527
  .rt-Code:where(.md\:rt-r-size-7) {
4714
- font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
4528
+ font-size: calc(var(--font-size-7) * var(--mono-scale));
4715
4529
  line-height: var(--line-height-7);
4716
4530
  --letter-spacing: var(--letter-spacing-7);
4717
4531
  }
4718
4532
  .rt-Code:where(.md\:rt-r-size-8) {
4719
- font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
4533
+ font-size: calc(var(--font-size-8) * var(--mono-scale));
4720
4534
  line-height: var(--line-height-8);
4721
4535
  --letter-spacing: var(--letter-spacing-8);
4722
4536
  }
4723
4537
  .rt-Code:where(.md\:rt-r-size-9) {
4724
- font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
4538
+ font-size: calc(var(--font-size-9) * var(--mono-scale));
4725
4539
  line-height: var(--line-height-9);
4726
4540
  --letter-spacing: var(--letter-spacing-9);
4727
4541
  }
4728
- .rt-Code:where(.md\:rt-r-size-10) {
4729
- font-size: calc(var(--font-size-10) * var(--code-variant-font-size-adjust));
4730
- line-height: var(--line-height-10);
4731
- --letter-spacing: var(--letter-spacing-10);
4732
- }
4733
- .rt-Code:where(.md\:rt-r-size-11) {
4734
- font-size: calc(var(--font-size-11) * var(--code-variant-font-size-adjust));
4735
- line-height: var(--line-height-11);
4736
- --letter-spacing: var(--letter-spacing-11);
4737
- }
4738
- .rt-Code:where(.md\:rt-r-size-12) {
4739
- font-size: calc(var(--font-size-12) * var(--code-variant-font-size-adjust));
4740
- line-height: var(--line-height-12);
4741
- --letter-spacing: var(--letter-spacing-12);
4742
- }
4743
4542
  }
4744
4543
  @media (min-width: 1280px) {
4745
- .rt-Code:where(.lg\:rt-r-size-0) {
4746
- font-size: calc(var(--font-size-0) * var(--code-variant-font-size-adjust));
4747
- line-height: var(--line-height-0);
4748
- --letter-spacing: var(--letter-spacing-0);
4749
- }
4750
4544
  .rt-Code:where(.lg\:rt-r-size-1) {
4751
- font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
4545
+ font-size: calc(var(--font-size-1) * var(--mono-scale));
4752
4546
  line-height: var(--line-height-1);
4753
4547
  --letter-spacing: var(--letter-spacing-1);
4754
4548
  }
4755
4549
  .rt-Code:where(.lg\:rt-r-size-2) {
4756
- font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
4550
+ font-size: calc(var(--font-size-2) * var(--mono-scale));
4757
4551
  line-height: var(--line-height-2);
4758
4552
  --letter-spacing: var(--letter-spacing-2);
4759
4553
  }
4760
4554
  .rt-Code:where(.lg\:rt-r-size-3) {
4761
- font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
4555
+ font-size: calc(var(--font-size-3) * var(--mono-scale));
4762
4556
  line-height: var(--line-height-3);
4763
4557
  --letter-spacing: var(--letter-spacing-3);
4764
4558
  }
4765
4559
  .rt-Code:where(.lg\:rt-r-size-4) {
4766
- font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
4560
+ font-size: calc(var(--font-size-4) * var(--mono-scale));
4767
4561
  line-height: var(--line-height-4);
4768
4562
  --letter-spacing: var(--letter-spacing-4);
4769
4563
  }
4770
4564
  .rt-Code:where(.lg\:rt-r-size-5) {
4771
- font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
4565
+ font-size: calc(var(--font-size-5) * var(--mono-scale));
4772
4566
  line-height: var(--line-height-5);
4773
4567
  --letter-spacing: var(--letter-spacing-5);
4774
4568
  }
4775
4569
  .rt-Code:where(.lg\:rt-r-size-6) {
4776
- font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
4570
+ font-size: calc(var(--font-size-6) * var(--mono-scale));
4777
4571
  line-height: var(--line-height-6);
4778
4572
  --letter-spacing: var(--letter-spacing-6);
4779
4573
  }
4780
4574
  .rt-Code:where(.lg\:rt-r-size-7) {
4781
- font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
4575
+ font-size: calc(var(--font-size-7) * var(--mono-scale));
4782
4576
  line-height: var(--line-height-7);
4783
4577
  --letter-spacing: var(--letter-spacing-7);
4784
4578
  }
4785
4579
  .rt-Code:where(.lg\:rt-r-size-8) {
4786
- font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
4580
+ font-size: calc(var(--font-size-8) * var(--mono-scale));
4787
4581
  line-height: var(--line-height-8);
4788
4582
  --letter-spacing: var(--letter-spacing-8);
4789
4583
  }
4790
4584
  .rt-Code:where(.lg\:rt-r-size-9) {
4791
- font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
4585
+ font-size: calc(var(--font-size-9) * var(--mono-scale));
4792
4586
  line-height: var(--line-height-9);
4793
4587
  --letter-spacing: var(--letter-spacing-9);
4794
4588
  }
4795
- .rt-Code:where(.lg\:rt-r-size-10) {
4796
- font-size: calc(var(--font-size-10) * var(--code-variant-font-size-adjust));
4797
- line-height: var(--line-height-10);
4798
- --letter-spacing: var(--letter-spacing-10);
4799
- }
4800
- .rt-Code:where(.lg\:rt-r-size-11) {
4801
- font-size: calc(var(--font-size-11) * var(--code-variant-font-size-adjust));
4802
- line-height: var(--line-height-11);
4803
- --letter-spacing: var(--letter-spacing-11);
4804
- }
4805
- .rt-Code:where(.lg\:rt-r-size-12) {
4806
- font-size: calc(var(--font-size-12) * var(--code-variant-font-size-adjust));
4807
- line-height: var(--line-height-12);
4808
- --letter-spacing: var(--letter-spacing-12);
4809
- }
4810
4589
  }
4811
4590
  @media (min-width: 1640px) {
4812
- .rt-Code:where(.xl\:rt-r-size-0) {
4813
- font-size: calc(var(--font-size-0) * var(--code-variant-font-size-adjust));
4814
- line-height: var(--line-height-0);
4815
- --letter-spacing: var(--letter-spacing-0);
4816
- }
4817
4591
  .rt-Code:where(.xl\:rt-r-size-1) {
4818
- font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
4592
+ font-size: calc(var(--font-size-1) * var(--mono-scale));
4819
4593
  line-height: var(--line-height-1);
4820
4594
  --letter-spacing: var(--letter-spacing-1);
4821
4595
  }
4822
4596
  .rt-Code:where(.xl\:rt-r-size-2) {
4823
- font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
4597
+ font-size: calc(var(--font-size-2) * var(--mono-scale));
4824
4598
  line-height: var(--line-height-2);
4825
4599
  --letter-spacing: var(--letter-spacing-2);
4826
4600
  }
4827
4601
  .rt-Code:where(.xl\:rt-r-size-3) {
4828
- font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
4602
+ font-size: calc(var(--font-size-3) * var(--mono-scale));
4829
4603
  line-height: var(--line-height-3);
4830
4604
  --letter-spacing: var(--letter-spacing-3);
4831
4605
  }
4832
4606
  .rt-Code:where(.xl\:rt-r-size-4) {
4833
- font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
4607
+ font-size: calc(var(--font-size-4) * var(--mono-scale));
4834
4608
  line-height: var(--line-height-4);
4835
4609
  --letter-spacing: var(--letter-spacing-4);
4836
4610
  }
4837
4611
  .rt-Code:where(.xl\:rt-r-size-5) {
4838
- font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
4612
+ font-size: calc(var(--font-size-5) * var(--mono-scale));
4839
4613
  line-height: var(--line-height-5);
4840
4614
  --letter-spacing: var(--letter-spacing-5);
4841
4615
  }
4842
4616
  .rt-Code:where(.xl\:rt-r-size-6) {
4843
- font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
4617
+ font-size: calc(var(--font-size-6) * var(--mono-scale));
4844
4618
  line-height: var(--line-height-6);
4845
4619
  --letter-spacing: var(--letter-spacing-6);
4846
4620
  }
4847
4621
  .rt-Code:where(.xl\:rt-r-size-7) {
4848
- font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
4622
+ font-size: calc(var(--font-size-7) * var(--mono-scale));
4849
4623
  line-height: var(--line-height-7);
4850
4624
  --letter-spacing: var(--letter-spacing-7);
4851
4625
  }
4852
4626
  .rt-Code:where(.xl\:rt-r-size-8) {
4853
- font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
4627
+ font-size: calc(var(--font-size-8) * var(--mono-scale));
4854
4628
  line-height: var(--line-height-8);
4855
4629
  --letter-spacing: var(--letter-spacing-8);
4856
4630
  }
4857
4631
  .rt-Code:where(.xl\:rt-r-size-9) {
4858
- font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
4632
+ font-size: calc(var(--font-size-9) * var(--mono-scale));
4859
4633
  line-height: var(--line-height-9);
4860
4634
  --letter-spacing: var(--letter-spacing-9);
4861
4635
  }
4862
- .rt-Code:where(.xl\:rt-r-size-10) {
4863
- font-size: calc(var(--font-size-10) * var(--code-variant-font-size-adjust));
4864
- line-height: var(--line-height-10);
4865
- --letter-spacing: var(--letter-spacing-10);
4866
- }
4867
- .rt-Code:where(.xl\:rt-r-size-11) {
4868
- font-size: calc(var(--font-size-11) * var(--code-variant-font-size-adjust));
4869
- line-height: var(--line-height-11);
4870
- --letter-spacing: var(--letter-spacing-11);
4871
- }
4872
- .rt-Code:where(.xl\:rt-r-size-12) {
4873
- font-size: calc(var(--font-size-12) * var(--code-variant-font-size-adjust));
4874
- line-height: var(--line-height-12);
4875
- --letter-spacing: var(--letter-spacing-12);
4876
- }
4877
4636
  }
4878
4637
  .rt-Code:where(.rt-variant-ghost) {
4879
- --code-variant-font-size-adjust: var(--code-font-size-adjust);
4880
4638
  padding: 0;
4881
4639
  }
4882
4640
  .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
@@ -4990,7 +4748,6 @@
4990
4748
  box-shadow: var(--shadow-5);
4991
4749
  contain: paint;
4992
4750
  isolation: isolate;
4993
- --base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
4994
4751
  }
4995
4752
  .rt-BaseMenuViewport {
4996
4753
  -webkit-box-flex: 1;
@@ -5019,7 +4776,7 @@
5019
4776
  -webkit-box-align: center;
5020
4777
  -ms-flex-align: center;
5021
4778
  align-items: center;
5022
- gap: var(--space-3);
4779
+ gap: var(--base-menu-item-gap);
5023
4780
  min-height: var(--base-menu-item-height);
5024
4781
  padding-top: var(--base-menu-item-padding-y);
5025
4782
  padding-bottom: var(--base-menu-item-padding-y);
@@ -5032,12 +4789,22 @@
5032
4789
  position: relative;
5033
4790
  outline: none;
5034
4791
  scroll-margin: var(--base-menu-content-padding) 0;
4792
+ font-size: var(--base-menu-font-size);
4793
+ line-height: var(--base-menu-line-height);
4794
+ letter-spacing: var(--base-menu-letter-spacing);
4795
+ border-radius: var(--base-menu-item-radius);
5035
4796
  -webkit-user-select: none;
5036
4797
  -moz-user-select: none;
5037
4798
  -ms-user-select: none;
5038
4799
  user-select: none;
5039
4800
  cursor: var(--cursor-menu-item);
5040
4801
  }
4802
+ .rt-BaseMenuItem :where(svg) {
4803
+ width: var(--base-menu-icon-size);
4804
+ height: var(--base-menu-icon-size);
4805
+ -ms-flex-negative: 0;
4806
+ flex-shrink: 0;
4807
+ }
5041
4808
  .rt-BaseMenuShortcut {
5042
4809
  display: -webkit-box;
5043
4810
  display: -ms-flexbox;
@@ -5049,19 +4816,24 @@
5049
4816
  margin-inline-start: auto;
5050
4817
  -webkit-padding-start: var(--space-5);
5051
4818
  padding-inline-start: var(--space-5);
5052
- -webkit-margin-end: calc(-2px * var(--scale));
5053
- margin-inline-end: calc(-2px * var(--scale));
4819
+ -webkit-margin-end: calc(var(--base-menu-item-padding-y) - var(--base-menu-item-padding-right));
4820
+ margin-inline-end: calc(var(--base-menu-item-padding-y) - var(--base-menu-item-padding-right));
5054
4821
  color: var(--gray-a11);
5055
4822
  }
4823
+ .rt-BaseMenuShortcut .rt-Kbd {
4824
+ height: var(--base-menu-line-height);
4825
+ padding-top: 0;
4826
+ padding-bottom: 0;
4827
+ }
5056
4828
  .rt-BaseMenuSubTriggerIcon {
5057
4829
  color: var(--gray-12);
5058
- -webkit-margin-end: calc(-2px * var(--scale));
5059
- margin-inline-end: calc(-2px * var(--scale));
5060
4830
  }
5061
4831
  .rt-BaseMenuItemIndicator {
5062
4832
  position: absolute;
5063
- inset-inline-start: 0;
5064
- width: var(--base-menu-item-padding-left);
4833
+ inset-inline-start: var(--base-menu-item-px);
4834
+ top: 0;
4835
+ bottom: 0;
4836
+ width: var(--base-menu-icon-size);
5065
4837
  display: -webkit-inline-box;
5066
4838
  display: -ms-inline-flexbox;
5067
4839
  display: inline-flex;
@@ -5072,10 +4844,14 @@
5072
4844
  -ms-flex-pack: center;
5073
4845
  justify-content: center;
5074
4846
  }
4847
+ .rt-BaseMenuItem :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon, .rt-SelectItemIndicatorIcon) {
4848
+ width: var(--base-menu-indicator-icon-size);
4849
+ height: var(--base-menu-indicator-icon-size);
4850
+ }
5075
4851
  .rt-BaseMenuSeparator {
5076
4852
  height: 1px;
5077
- margin-top: var(--space-3);
5078
- margin-bottom: var(--space-3);
4853
+ margin-top: var(--base-menu-content-padding);
4854
+ margin-bottom: var(--base-menu-content-padding);
5079
4855
  -webkit-margin-start: var(--base-menu-item-padding-left);
5080
4856
  margin-inline-start: var(--base-menu-item-padding-left);
5081
4857
  -webkit-margin-end: var(--base-menu-item-padding-right);
@@ -5098,6 +4874,9 @@
5098
4874
  padding-inline-end: var(--base-menu-item-padding-right);
5099
4875
  -webkit-box-sizing: border-box;
5100
4876
  box-sizing: border-box;
4877
+ font-size: var(--base-menu-font-size);
4878
+ line-height: var(--base-menu-line-height);
4879
+ letter-spacing: var(--base-menu-letter-spacing);
5101
4880
  color: var(--gray-a11);
5102
4881
  -webkit-user-select: none;
5103
4882
  -moz-user-select: none;
@@ -5112,611 +4891,364 @@
5112
4891
  -webkit-transform: scaleX(-1);
5113
4892
  transform: scaleX(-1);
5114
4893
  }
5115
- .rt-BaseMenuContent:where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
4894
+ .rt-BaseMenuContent,
4895
+ .rt-SidebarHeader,
4896
+ .rt-SidebarFooter,
4897
+ .rt-SidebarSearchPopover {
4898
+ --base-menu-item-height: max(24px, calc(var(--base-menu-line-height) + 2 * var(--base-menu-item-padding-y)));
4899
+ --base-menu-item-padding-x: calc(var(--base-menu-item-px) + min(var(--radius-full, 0px), var(--base-menu-item-px-pill) - var(--base-menu-item-px)));
4900
+ --base-menu-item-padding-left-plain: var(--base-menu-item-padding-x);
4901
+ --base-menu-item-padding-left-indicator: calc(var(--base-menu-item-px) + var(--base-menu-icon-size) + var(--base-menu-item-gap));
4902
+ --base-menu-item-padding-right: var(--base-menu-item-padding-x);
4903
+ --base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
4904
+ }
4905
+ :is(.rt-BaseMenuContent,.rt-SidebarHeader,.rt-SidebarFooter,.rt-SidebarSearchPopover):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem,.rt-SelectItem,.rt-ComboboxItem))) {
5116
4906
  --base-menu-item-padding-left: var(--base-menu-item-padding-left-plain);
5117
4907
  }
5118
4908
  .rt-BaseMenuContent:where(.rt-r-size-1) {
5119
- --base-menu-content-padding: var(--space-3);
5120
- --base-menu-item-padding-left-plain: var(--space-3);
5121
- --base-menu-item-padding-left-indicator: calc(var(--space-6) / 1.2);
5122
- --base-menu-item-padding-right: var(--space-3);
5123
- --base-menu-item-padding-y: var(--space-2);
5124
- --base-menu-item-height: var(--control-height-1);
4909
+ --base-menu-content-padding: var(--panel-p-1);
4910
+ --base-menu-item-padding-y: var(--row-inset-1);
4911
+ --base-menu-item-px: var(--control-px-1);
4912
+ --base-menu-item-px-pill: var(--control-px-pill-1);
4913
+ --base-menu-item-gap: var(--control-gap-1);
4914
+ --base-menu-item-radius: var(--radius-row-1);
4915
+ --base-menu-icon-size: var(--icon-size-1);
4916
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
4917
+ --base-menu-font-size: var(--font-size-1);
4918
+ --base-menu-line-height: var(--line-height-1);
4919
+ --base-menu-letter-spacing: var(--letter-spacing-1);
5125
4920
  border-radius: var(--radius-surface-1);
5126
4921
  }
5127
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
5128
- gap: var(--component-gap-2);
5129
- font-size: var(--font-size-1);
5130
- line-height: var(--line-height-1);
5131
- letter-spacing: var(--letter-spacing-1);
5132
- border-radius: var(--radius-1);
5133
- }
5134
- :is(.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem)) :where(svg) {
5135
- width: var(--content-icon-size-1);
5136
- height: var(--content-icon-size-1);
5137
- -ms-flex-negative: 0;
5138
- flex-shrink: 0;
5139
- }
5140
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuLabel) {
5141
- font-size: var(--font-size-1);
5142
- line-height: var(--line-height-1);
5143
- letter-spacing: var(--letter-spacing-1);
5144
- -webkit-padding-start: var(--base-menu-item-padding-left);
5145
- padding-inline-start: var(--base-menu-item-padding-left);
5146
- }
5147
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5148
- width: var(--indicator-icon-size-1);
5149
- height: var(--indicator-icon-size-1);
5150
- }
5151
4922
  .rt-BaseMenuContent:where(.rt-r-size-2) {
5152
- --base-menu-content-padding: var(--space-4);
5153
- --base-menu-item-padding-left-plain: var(--space-4);
5154
- --base-menu-item-padding-left-indicator: var(--space-6);
5155
- --base-menu-item-padding-right: var(--space-4);
5156
- --base-menu-item-padding-y: var(--space-2);
5157
- --base-menu-item-height: var(--control-height-2);
4923
+ --base-menu-content-padding: var(--panel-p-2);
4924
+ --base-menu-item-padding-y: var(--row-inset-2);
4925
+ --base-menu-item-px: var(--control-px-2);
4926
+ --base-menu-item-px-pill: var(--control-px-pill-2);
4927
+ --base-menu-item-gap: var(--control-gap-2);
4928
+ --base-menu-item-radius: var(--radius-row-2);
4929
+ --base-menu-icon-size: var(--icon-size-2);
4930
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
4931
+ --base-menu-font-size: var(--font-size-2);
4932
+ --base-menu-line-height: var(--line-height-2);
4933
+ --base-menu-letter-spacing: var(--letter-spacing-2);
5158
4934
  border-radius: var(--radius-surface-2);
5159
4935
  }
5160
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
5161
- gap: var(--component-gap-3);
5162
- font-size: var(--font-size-2);
5163
- line-height: var(--line-height-2);
5164
- letter-spacing: var(--letter-spacing-2);
5165
- border-radius: var(--radius-2);
5166
- }
5167
- :is(.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem)) :where(svg) {
5168
- width: var(--content-icon-size-2);
5169
- height: var(--content-icon-size-2);
5170
- -ms-flex-negative: 0;
5171
- flex-shrink: 0;
5172
- }
5173
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuLabel) {
5174
- font-size: var(--font-size-2);
5175
- line-height: var(--line-height-2);
5176
- letter-spacing: var(--letter-spacing-2);
5177
- -webkit-padding-start: var(--base-menu-item-padding-left);
5178
- padding-inline-start: var(--base-menu-item-padding-left);
5179
- }
5180
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5181
- width: var(--indicator-icon-size-2);
5182
- height: var(--indicator-icon-size-2);
5183
- }
5184
4936
  .rt-BaseMenuContent:where(.rt-r-size-3) {
5185
- --base-menu-content-padding: var(--space-4);
5186
- --base-menu-item-padding-left-plain: var(--space-4);
5187
- --base-menu-item-padding-left-indicator: var(--space-6);
5188
- --base-menu-item-padding-right: var(--space-4);
5189
- --base-menu-item-padding-y: var(--space-3);
5190
- --base-menu-item-height: var(--control-height-3);
4937
+ --base-menu-content-padding: var(--panel-p-3);
4938
+ --base-menu-item-padding-y: var(--row-inset-3);
4939
+ --base-menu-item-px: var(--control-px-3);
4940
+ --base-menu-item-px-pill: var(--control-px-pill-3);
4941
+ --base-menu-item-gap: var(--control-gap-3);
4942
+ --base-menu-item-radius: var(--radius-row-3);
4943
+ --base-menu-icon-size: var(--icon-size-3);
4944
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
4945
+ --base-menu-font-size: var(--font-size-3);
4946
+ --base-menu-line-height: var(--line-height-3);
4947
+ --base-menu-letter-spacing: var(--letter-spacing-3);
5191
4948
  border-radius: var(--radius-surface-3);
5192
4949
  }
5193
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
5194
- gap: var(--component-gap-4);
5195
- font-size: var(--font-size-3);
5196
- line-height: var(--line-height-3);
5197
- letter-spacing: var(--letter-spacing-3);
5198
- border-radius: var(--radius-2);
5199
- }
5200
- :is(.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
5201
- width: var(--content-icon-size-3);
5202
- height: var(--content-icon-size-3);
5203
- -ms-flex-negative: 0;
5204
- flex-shrink: 0;
5205
- }
5206
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuLabel) {
5207
- font-size: var(--font-size-3);
5208
- line-height: var(--line-height-3);
5209
- letter-spacing: var(--letter-spacing-3);
5210
- -webkit-padding-start: var(--base-menu-item-padding-left);
5211
- padding-inline-start: var(--base-menu-item-padding-left);
5212
- }
5213
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5214
- width: var(--indicator-icon-size-3);
5215
- height: var(--indicator-icon-size-3);
4950
+ .rt-BaseMenuContent:where(.rt-r-size-4) {
4951
+ --base-menu-content-padding: var(--panel-p-4);
4952
+ --base-menu-item-padding-y: var(--row-inset-4);
4953
+ --base-menu-item-px: var(--control-px-4);
4954
+ --base-menu-item-px-pill: var(--control-px-pill-4);
4955
+ --base-menu-item-gap: var(--control-gap-4);
4956
+ --base-menu-item-radius: var(--radius-row-4);
4957
+ --base-menu-icon-size: var(--icon-size-4);
4958
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
4959
+ --base-menu-font-size: var(--font-size-4);
4960
+ --base-menu-line-height: var(--line-height-4);
4961
+ --base-menu-letter-spacing: var(--letter-spacing-4);
4962
+ border-radius: var(--radius-surface-4);
5216
4963
  }
5217
4964
  @media (min-width: 520px) {
5218
4965
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
5219
- --base-menu-content-padding: var(--space-3);
5220
- --base-menu-item-padding-left-plain: var(--space-3);
5221
- --base-menu-item-padding-left-indicator: calc(var(--space-6) / 1.2);
5222
- --base-menu-item-padding-right: var(--space-3);
5223
- --base-menu-item-padding-y: var(--space-2);
5224
- --base-menu-item-height: var(--control-height-1);
4966
+ --base-menu-content-padding: var(--panel-p-1);
4967
+ --base-menu-item-padding-y: var(--row-inset-1);
4968
+ --base-menu-item-px: var(--control-px-1);
4969
+ --base-menu-item-px-pill: var(--control-px-pill-1);
4970
+ --base-menu-item-gap: var(--control-gap-1);
4971
+ --base-menu-item-radius: var(--radius-row-1);
4972
+ --base-menu-icon-size: var(--icon-size-1);
4973
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
4974
+ --base-menu-font-size: var(--font-size-1);
4975
+ --base-menu-line-height: var(--line-height-1);
4976
+ --base-menu-letter-spacing: var(--letter-spacing-1);
5225
4977
  border-radius: var(--radius-surface-1);
5226
4978
  }
5227
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
5228
- gap: var(--component-gap-2);
5229
- font-size: var(--font-size-1);
5230
- line-height: var(--line-height-1);
5231
- letter-spacing: var(--letter-spacing-1);
5232
- border-radius: var(--radius-1);
5233
- }
5234
- :is(.rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem)) :where(svg) {
5235
- width: var(--content-icon-size-1);
5236
- height: var(--content-icon-size-1);
5237
- -ms-flex-negative: 0;
5238
- flex-shrink: 0;
5239
- }
5240
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
5241
- font-size: var(--font-size-1);
5242
- line-height: var(--line-height-1);
5243
- letter-spacing: var(--letter-spacing-1);
5244
- -webkit-padding-start: var(--base-menu-item-padding-left);
5245
- padding-inline-start: var(--base-menu-item-padding-left);
5246
- }
5247
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5248
- width: var(--indicator-icon-size-1);
5249
- height: var(--indicator-icon-size-1);
5250
- }
5251
4979
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
5252
- --base-menu-content-padding: var(--space-4);
5253
- --base-menu-item-padding-left-plain: var(--space-4);
5254
- --base-menu-item-padding-left-indicator: var(--space-6);
5255
- --base-menu-item-padding-right: var(--space-4);
5256
- --base-menu-item-padding-y: var(--space-2);
5257
- --base-menu-item-height: var(--control-height-2);
4980
+ --base-menu-content-padding: var(--panel-p-2);
4981
+ --base-menu-item-padding-y: var(--row-inset-2);
4982
+ --base-menu-item-px: var(--control-px-2);
4983
+ --base-menu-item-px-pill: var(--control-px-pill-2);
4984
+ --base-menu-item-gap: var(--control-gap-2);
4985
+ --base-menu-item-radius: var(--radius-row-2);
4986
+ --base-menu-icon-size: var(--icon-size-2);
4987
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
4988
+ --base-menu-font-size: var(--font-size-2);
4989
+ --base-menu-line-height: var(--line-height-2);
4990
+ --base-menu-letter-spacing: var(--letter-spacing-2);
5258
4991
  border-radius: var(--radius-surface-2);
5259
4992
  }
5260
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
5261
- gap: var(--component-gap-3);
5262
- font-size: var(--font-size-2);
5263
- line-height: var(--line-height-2);
5264
- letter-spacing: var(--letter-spacing-2);
5265
- border-radius: var(--radius-2);
5266
- }
5267
- :is(.rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem)) :where(svg) {
5268
- width: var(--content-icon-size-2);
5269
- height: var(--content-icon-size-2);
5270
- -ms-flex-negative: 0;
5271
- flex-shrink: 0;
5272
- }
5273
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
5274
- font-size: var(--font-size-2);
5275
- line-height: var(--line-height-2);
5276
- letter-spacing: var(--letter-spacing-2);
5277
- -webkit-padding-start: var(--base-menu-item-padding-left);
5278
- padding-inline-start: var(--base-menu-item-padding-left);
5279
- }
5280
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5281
- width: var(--indicator-icon-size-2);
5282
- height: var(--indicator-icon-size-2);
5283
- }
5284
4993
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) {
5285
- --base-menu-content-padding: var(--space-4);
5286
- --base-menu-item-padding-left-plain: var(--space-4);
5287
- --base-menu-item-padding-left-indicator: var(--space-6);
5288
- --base-menu-item-padding-right: var(--space-4);
5289
- --base-menu-item-padding-y: var(--space-3);
5290
- --base-menu-item-height: var(--control-height-3);
4994
+ --base-menu-content-padding: var(--panel-p-3);
4995
+ --base-menu-item-padding-y: var(--row-inset-3);
4996
+ --base-menu-item-px: var(--control-px-3);
4997
+ --base-menu-item-px-pill: var(--control-px-pill-3);
4998
+ --base-menu-item-gap: var(--control-gap-3);
4999
+ --base-menu-item-radius: var(--radius-row-3);
5000
+ --base-menu-icon-size: var(--icon-size-3);
5001
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5002
+ --base-menu-font-size: var(--font-size-3);
5003
+ --base-menu-line-height: var(--line-height-3);
5004
+ --base-menu-letter-spacing: var(--letter-spacing-3);
5291
5005
  border-radius: var(--radius-surface-3);
5292
5006
  }
5293
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
5294
- gap: var(--component-gap-4);
5295
- font-size: var(--font-size-3);
5296
- line-height: var(--line-height-3);
5297
- letter-spacing: var(--letter-spacing-3);
5298
- border-radius: var(--radius-2);
5299
- }
5300
- :is(.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
5301
- width: var(--content-icon-size-3);
5302
- height: var(--content-icon-size-3);
5303
- -ms-flex-negative: 0;
5304
- flex-shrink: 0;
5305
- }
5306
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
5307
- font-size: var(--font-size-3);
5308
- line-height: var(--line-height-3);
5309
- letter-spacing: var(--letter-spacing-3);
5310
- -webkit-padding-start: var(--base-menu-item-padding-left);
5311
- padding-inline-start: var(--base-menu-item-padding-left);
5312
- }
5313
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5314
- width: var(--indicator-icon-size-3);
5315
- height: var(--indicator-icon-size-3);
5007
+ .rt-BaseMenuContent:where(.xs\:rt-r-size-4) {
5008
+ --base-menu-content-padding: var(--panel-p-4);
5009
+ --base-menu-item-padding-y: var(--row-inset-4);
5010
+ --base-menu-item-px: var(--control-px-4);
5011
+ --base-menu-item-px-pill: var(--control-px-pill-4);
5012
+ --base-menu-item-gap: var(--control-gap-4);
5013
+ --base-menu-item-radius: var(--radius-row-4);
5014
+ --base-menu-icon-size: var(--icon-size-4);
5015
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5016
+ --base-menu-font-size: var(--font-size-4);
5017
+ --base-menu-line-height: var(--line-height-4);
5018
+ --base-menu-letter-spacing: var(--letter-spacing-4);
5019
+ border-radius: var(--radius-surface-4);
5316
5020
  }
5317
5021
  }
5318
5022
  @media (min-width: 768px) {
5319
5023
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
5320
- --base-menu-content-padding: var(--space-3);
5321
- --base-menu-item-padding-left-plain: var(--space-3);
5322
- --base-menu-item-padding-left-indicator: calc(var(--space-6) / 1.2);
5323
- --base-menu-item-padding-right: var(--space-3);
5324
- --base-menu-item-padding-y: var(--space-2);
5325
- --base-menu-item-height: var(--control-height-1);
5024
+ --base-menu-content-padding: var(--panel-p-1);
5025
+ --base-menu-item-padding-y: var(--row-inset-1);
5026
+ --base-menu-item-px: var(--control-px-1);
5027
+ --base-menu-item-px-pill: var(--control-px-pill-1);
5028
+ --base-menu-item-gap: var(--control-gap-1);
5029
+ --base-menu-item-radius: var(--radius-row-1);
5030
+ --base-menu-icon-size: var(--icon-size-1);
5031
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
5032
+ --base-menu-font-size: var(--font-size-1);
5033
+ --base-menu-line-height: var(--line-height-1);
5034
+ --base-menu-letter-spacing: var(--letter-spacing-1);
5326
5035
  border-radius: var(--radius-surface-1);
5327
5036
  }
5328
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
5329
- gap: var(--component-gap-2);
5330
- font-size: var(--font-size-1);
5331
- line-height: var(--line-height-1);
5332
- letter-spacing: var(--letter-spacing-1);
5333
- border-radius: var(--radius-1);
5334
- }
5335
- :is(.rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem)) :where(svg) {
5336
- width: var(--content-icon-size-1);
5337
- height: var(--content-icon-size-1);
5338
- -ms-flex-negative: 0;
5339
- flex-shrink: 0;
5340
- }
5341
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
5342
- font-size: var(--font-size-1);
5343
- line-height: var(--line-height-1);
5344
- letter-spacing: var(--letter-spacing-1);
5345
- -webkit-padding-start: var(--base-menu-item-padding-left);
5346
- padding-inline-start: var(--base-menu-item-padding-left);
5347
- }
5348
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5349
- width: var(--indicator-icon-size-1);
5350
- height: var(--indicator-icon-size-1);
5351
- }
5352
5037
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
5353
- --base-menu-content-padding: var(--space-4);
5354
- --base-menu-item-padding-left-plain: var(--space-4);
5355
- --base-menu-item-padding-left-indicator: var(--space-6);
5356
- --base-menu-item-padding-right: var(--space-4);
5357
- --base-menu-item-padding-y: var(--space-2);
5358
- --base-menu-item-height: var(--control-height-2);
5038
+ --base-menu-content-padding: var(--panel-p-2);
5039
+ --base-menu-item-padding-y: var(--row-inset-2);
5040
+ --base-menu-item-px: var(--control-px-2);
5041
+ --base-menu-item-px-pill: var(--control-px-pill-2);
5042
+ --base-menu-item-gap: var(--control-gap-2);
5043
+ --base-menu-item-radius: var(--radius-row-2);
5044
+ --base-menu-icon-size: var(--icon-size-2);
5045
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
5046
+ --base-menu-font-size: var(--font-size-2);
5047
+ --base-menu-line-height: var(--line-height-2);
5048
+ --base-menu-letter-spacing: var(--letter-spacing-2);
5359
5049
  border-radius: var(--radius-surface-2);
5360
5050
  }
5361
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
5362
- gap: var(--component-gap-3);
5363
- font-size: var(--font-size-2);
5364
- line-height: var(--line-height-2);
5365
- letter-spacing: var(--letter-spacing-2);
5366
- border-radius: var(--radius-2);
5367
- }
5368
- :is(.rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem)) :where(svg) {
5369
- width: var(--content-icon-size-2);
5370
- height: var(--content-icon-size-2);
5371
- -ms-flex-negative: 0;
5372
- flex-shrink: 0;
5373
- }
5374
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
5375
- font-size: var(--font-size-2);
5376
- line-height: var(--line-height-2);
5377
- letter-spacing: var(--letter-spacing-2);
5378
- -webkit-padding-start: var(--base-menu-item-padding-left);
5379
- padding-inline-start: var(--base-menu-item-padding-left);
5380
- }
5381
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5382
- width: var(--indicator-icon-size-2);
5383
- height: var(--indicator-icon-size-2);
5384
- }
5385
5051
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) {
5386
- --base-menu-content-padding: var(--space-4);
5387
- --base-menu-item-padding-left-plain: var(--space-4);
5388
- --base-menu-item-padding-left-indicator: var(--space-6);
5389
- --base-menu-item-padding-right: var(--space-4);
5390
- --base-menu-item-padding-y: var(--space-3);
5391
- --base-menu-item-height: var(--control-height-3);
5052
+ --base-menu-content-padding: var(--panel-p-3);
5053
+ --base-menu-item-padding-y: var(--row-inset-3);
5054
+ --base-menu-item-px: var(--control-px-3);
5055
+ --base-menu-item-px-pill: var(--control-px-pill-3);
5056
+ --base-menu-item-gap: var(--control-gap-3);
5057
+ --base-menu-item-radius: var(--radius-row-3);
5058
+ --base-menu-icon-size: var(--icon-size-3);
5059
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5060
+ --base-menu-font-size: var(--font-size-3);
5061
+ --base-menu-line-height: var(--line-height-3);
5062
+ --base-menu-letter-spacing: var(--letter-spacing-3);
5392
5063
  border-radius: var(--radius-surface-3);
5393
5064
  }
5394
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
5395
- gap: var(--component-gap-4);
5396
- font-size: var(--font-size-3);
5397
- line-height: var(--line-height-3);
5398
- letter-spacing: var(--letter-spacing-3);
5399
- border-radius: var(--radius-2);
5400
- }
5401
- :is(.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
5402
- width: var(--content-icon-size-3);
5403
- height: var(--content-icon-size-3);
5404
- -ms-flex-negative: 0;
5405
- flex-shrink: 0;
5406
- }
5407
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
5408
- font-size: var(--font-size-3);
5409
- line-height: var(--line-height-3);
5410
- letter-spacing: var(--letter-spacing-3);
5411
- -webkit-padding-start: var(--base-menu-item-padding-left);
5412
- padding-inline-start: var(--base-menu-item-padding-left);
5413
- }
5414
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5415
- width: var(--indicator-icon-size-3);
5416
- height: var(--indicator-icon-size-3);
5065
+ .rt-BaseMenuContent:where(.sm\:rt-r-size-4) {
5066
+ --base-menu-content-padding: var(--panel-p-4);
5067
+ --base-menu-item-padding-y: var(--row-inset-4);
5068
+ --base-menu-item-px: var(--control-px-4);
5069
+ --base-menu-item-px-pill: var(--control-px-pill-4);
5070
+ --base-menu-item-gap: var(--control-gap-4);
5071
+ --base-menu-item-radius: var(--radius-row-4);
5072
+ --base-menu-icon-size: var(--icon-size-4);
5073
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5074
+ --base-menu-font-size: var(--font-size-4);
5075
+ --base-menu-line-height: var(--line-height-4);
5076
+ --base-menu-letter-spacing: var(--letter-spacing-4);
5077
+ border-radius: var(--radius-surface-4);
5417
5078
  }
5418
5079
  }
5419
5080
  @media (min-width: 1024px) {
5420
5081
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) {
5421
- --base-menu-content-padding: var(--space-3);
5422
- --base-menu-item-padding-left-plain: var(--space-3);
5423
- --base-menu-item-padding-left-indicator: calc(var(--space-6) / 1.2);
5424
- --base-menu-item-padding-right: var(--space-3);
5425
- --base-menu-item-padding-y: var(--space-2);
5426
- --base-menu-item-height: var(--control-height-1);
5082
+ --base-menu-content-padding: var(--panel-p-1);
5083
+ --base-menu-item-padding-y: var(--row-inset-1);
5084
+ --base-menu-item-px: var(--control-px-1);
5085
+ --base-menu-item-px-pill: var(--control-px-pill-1);
5086
+ --base-menu-item-gap: var(--control-gap-1);
5087
+ --base-menu-item-radius: var(--radius-row-1);
5088
+ --base-menu-icon-size: var(--icon-size-1);
5089
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
5090
+ --base-menu-font-size: var(--font-size-1);
5091
+ --base-menu-line-height: var(--line-height-1);
5092
+ --base-menu-letter-spacing: var(--letter-spacing-1);
5427
5093
  border-radius: var(--radius-surface-1);
5428
5094
  }
5429
- .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
5430
- gap: var(--component-gap-2);
5431
- font-size: var(--font-size-1);
5432
- line-height: var(--line-height-1);
5433
- letter-spacing: var(--letter-spacing-1);
5434
- border-radius: var(--radius-1);
5095
+ .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
5096
+ --base-menu-content-padding: var(--panel-p-2);
5097
+ --base-menu-item-padding-y: var(--row-inset-2);
5098
+ --base-menu-item-px: var(--control-px-2);
5099
+ --base-menu-item-px-pill: var(--control-px-pill-2);
5100
+ --base-menu-item-gap: var(--control-gap-2);
5101
+ --base-menu-item-radius: var(--radius-row-2);
5102
+ --base-menu-icon-size: var(--icon-size-2);
5103
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
5104
+ --base-menu-font-size: var(--font-size-2);
5105
+ --base-menu-line-height: var(--line-height-2);
5106
+ --base-menu-letter-spacing: var(--letter-spacing-2);
5107
+ border-radius: var(--radius-surface-2);
5435
5108
  }
5436
- :is(.rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem)) :where(svg) {
5437
- width: var(--content-icon-size-1);
5438
- height: var(--content-icon-size-1);
5439
- -ms-flex-negative: 0;
5440
- flex-shrink: 0;
5109
+ .rt-BaseMenuContent:where(.md\:rt-r-size-3) {
5110
+ --base-menu-content-padding: var(--panel-p-3);
5111
+ --base-menu-item-padding-y: var(--row-inset-3);
5112
+ --base-menu-item-px: var(--control-px-3);
5113
+ --base-menu-item-px-pill: var(--control-px-pill-3);
5114
+ --base-menu-item-gap: var(--control-gap-3);
5115
+ --base-menu-item-radius: var(--radius-row-3);
5116
+ --base-menu-icon-size: var(--icon-size-3);
5117
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5118
+ --base-menu-font-size: var(--font-size-3);
5119
+ --base-menu-line-height: var(--line-height-3);
5120
+ --base-menu-letter-spacing: var(--letter-spacing-3);
5121
+ border-radius: var(--radius-surface-3);
5441
5122
  }
5442
- .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
5443
- font-size: var(--font-size-1);
5444
- line-height: var(--line-height-1);
5445
- letter-spacing: var(--letter-spacing-1);
5446
- -webkit-padding-start: var(--base-menu-item-padding-left);
5447
- padding-inline-start: var(--base-menu-item-padding-left);
5123
+ .rt-BaseMenuContent:where(.md\:rt-r-size-4) {
5124
+ --base-menu-content-padding: var(--panel-p-4);
5125
+ --base-menu-item-padding-y: var(--row-inset-4);
5126
+ --base-menu-item-px: var(--control-px-4);
5127
+ --base-menu-item-px-pill: var(--control-px-pill-4);
5128
+ --base-menu-item-gap: var(--control-gap-4);
5129
+ --base-menu-item-radius: var(--radius-row-4);
5130
+ --base-menu-icon-size: var(--icon-size-4);
5131
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5132
+ --base-menu-font-size: var(--font-size-4);
5133
+ --base-menu-line-height: var(--line-height-4);
5134
+ --base-menu-letter-spacing: var(--letter-spacing-4);
5135
+ border-radius: var(--radius-surface-4);
5448
5136
  }
5449
- .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5450
- width: var(--indicator-icon-size-1);
5451
- height: var(--indicator-icon-size-1);
5137
+ }
5138
+ @media (min-width: 1280px) {
5139
+ .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
5140
+ --base-menu-content-padding: var(--panel-p-1);
5141
+ --base-menu-item-padding-y: var(--row-inset-1);
5142
+ --base-menu-item-px: var(--control-px-1);
5143
+ --base-menu-item-px-pill: var(--control-px-pill-1);
5144
+ --base-menu-item-gap: var(--control-gap-1);
5145
+ --base-menu-item-radius: var(--radius-row-1);
5146
+ --base-menu-icon-size: var(--icon-size-1);
5147
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
5148
+ --base-menu-font-size: var(--font-size-1);
5149
+ --base-menu-line-height: var(--line-height-1);
5150
+ --base-menu-letter-spacing: var(--letter-spacing-1);
5151
+ border-radius: var(--radius-surface-1);
5452
5152
  }
5453
- .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
5454
- --base-menu-content-padding: var(--space-4);
5455
- --base-menu-item-padding-left-plain: var(--space-4);
5456
- --base-menu-item-padding-left-indicator: var(--space-6);
5457
- --base-menu-item-padding-right: var(--space-4);
5458
- --base-menu-item-padding-y: var(--space-2);
5459
- --base-menu-item-height: var(--control-height-2);
5153
+ .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
5154
+ --base-menu-content-padding: var(--panel-p-2);
5155
+ --base-menu-item-padding-y: var(--row-inset-2);
5156
+ --base-menu-item-px: var(--control-px-2);
5157
+ --base-menu-item-px-pill: var(--control-px-pill-2);
5158
+ --base-menu-item-gap: var(--control-gap-2);
5159
+ --base-menu-item-radius: var(--radius-row-2);
5160
+ --base-menu-icon-size: var(--icon-size-2);
5161
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
5162
+ --base-menu-font-size: var(--font-size-2);
5163
+ --base-menu-line-height: var(--line-height-2);
5164
+ --base-menu-letter-spacing: var(--letter-spacing-2);
5460
5165
  border-radius: var(--radius-surface-2);
5461
5166
  }
5462
- .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
5463
- gap: var(--component-gap-3);
5464
- font-size: var(--font-size-2);
5465
- line-height: var(--line-height-2);
5466
- letter-spacing: var(--letter-spacing-2);
5467
- border-radius: var(--radius-2);
5468
- }
5469
- :is(.rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem)) :where(svg) {
5470
- width: var(--content-icon-size-2);
5471
- height: var(--content-icon-size-2);
5472
- -ms-flex-negative: 0;
5473
- flex-shrink: 0;
5474
- }
5475
- .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
5476
- font-size: var(--font-size-2);
5477
- line-height: var(--line-height-2);
5478
- letter-spacing: var(--letter-spacing-2);
5479
- -webkit-padding-start: var(--base-menu-item-padding-left);
5480
- padding-inline-start: var(--base-menu-item-padding-left);
5481
- }
5482
- .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5483
- width: var(--indicator-icon-size-2);
5484
- height: var(--indicator-icon-size-2);
5485
- }
5486
- .rt-BaseMenuContent:where(.md\:rt-r-size-3) {
5487
- --base-menu-content-padding: var(--space-4);
5488
- --base-menu-item-padding-left-plain: var(--space-4);
5489
- --base-menu-item-padding-left-indicator: var(--space-6);
5490
- --base-menu-item-padding-right: var(--space-4);
5491
- --base-menu-item-padding-y: var(--space-3);
5492
- --base-menu-item-height: var(--control-height-3);
5493
- border-radius: var(--radius-surface-3);
5494
- }
5495
- .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
5496
- gap: var(--component-gap-4);
5497
- font-size: var(--font-size-3);
5498
- line-height: var(--line-height-3);
5499
- letter-spacing: var(--letter-spacing-3);
5500
- border-radius: var(--radius-2);
5501
- }
5502
- :is(.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
5503
- width: var(--content-icon-size-3);
5504
- height: var(--content-icon-size-3);
5505
- -ms-flex-negative: 0;
5506
- flex-shrink: 0;
5507
- }
5508
- .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
5509
- font-size: var(--font-size-3);
5510
- line-height: var(--line-height-3);
5511
- letter-spacing: var(--letter-spacing-3);
5512
- -webkit-padding-start: var(--base-menu-item-padding-left);
5513
- padding-inline-start: var(--base-menu-item-padding-left);
5514
- }
5515
- .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5516
- width: var(--indicator-icon-size-3);
5517
- height: var(--indicator-icon-size-3);
5518
- }
5519
- }
5520
- @media (min-width: 1280px) {
5521
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
5522
- --base-menu-content-padding: var(--space-3);
5523
- --base-menu-item-padding-left-plain: var(--space-3);
5524
- --base-menu-item-padding-left-indicator: calc(var(--space-6) / 1.2);
5525
- --base-menu-item-padding-right: var(--space-3);
5526
- --base-menu-item-padding-y: var(--space-2);
5527
- --base-menu-item-height: var(--control-height-1);
5528
- border-radius: var(--radius-surface-1);
5529
- }
5530
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
5531
- gap: var(--component-gap-2);
5532
- font-size: var(--font-size-1);
5533
- line-height: var(--line-height-1);
5534
- letter-spacing: var(--letter-spacing-1);
5535
- border-radius: var(--radius-1);
5536
- }
5537
- :is(.rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem)) :where(svg) {
5538
- width: var(--content-icon-size-1);
5539
- height: var(--content-icon-size-1);
5540
- -ms-flex-negative: 0;
5541
- flex-shrink: 0;
5542
- }
5543
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
5544
- font-size: var(--font-size-1);
5545
- line-height: var(--line-height-1);
5546
- letter-spacing: var(--letter-spacing-1);
5547
- -webkit-padding-start: var(--base-menu-item-padding-left);
5548
- padding-inline-start: var(--base-menu-item-padding-left);
5549
- }
5550
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5551
- width: var(--indicator-icon-size-1);
5552
- height: var(--indicator-icon-size-1);
5553
- }
5554
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
5555
- --base-menu-content-padding: var(--space-4);
5556
- --base-menu-item-padding-left-plain: var(--space-4);
5557
- --base-menu-item-padding-left-indicator: var(--space-6);
5558
- --base-menu-item-padding-right: var(--space-4);
5559
- --base-menu-item-padding-y: var(--space-2);
5560
- --base-menu-item-height: var(--control-height-2);
5561
- border-radius: var(--radius-surface-2);
5562
- }
5563
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
5564
- gap: var(--component-gap-3);
5565
- font-size: var(--font-size-2);
5566
- line-height: var(--line-height-2);
5567
- letter-spacing: var(--letter-spacing-2);
5568
- border-radius: var(--radius-2);
5569
- }
5570
- :is(.rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem)) :where(svg) {
5571
- width: var(--content-icon-size-2);
5572
- height: var(--content-icon-size-2);
5573
- -ms-flex-negative: 0;
5574
- flex-shrink: 0;
5575
- }
5576
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
5577
- font-size: var(--font-size-2);
5578
- line-height: var(--line-height-2);
5579
- letter-spacing: var(--letter-spacing-2);
5580
- -webkit-padding-start: var(--base-menu-item-padding-left);
5581
- padding-inline-start: var(--base-menu-item-padding-left);
5582
- }
5583
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5584
- width: var(--indicator-icon-size-2);
5585
- height: var(--indicator-icon-size-2);
5586
- }
5587
5167
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) {
5588
- --base-menu-content-padding: var(--space-4);
5589
- --base-menu-item-padding-left-plain: var(--space-4);
5590
- --base-menu-item-padding-left-indicator: var(--space-6);
5591
- --base-menu-item-padding-right: var(--space-4);
5592
- --base-menu-item-padding-y: var(--space-3);
5593
- --base-menu-item-height: var(--control-height-3);
5168
+ --base-menu-content-padding: var(--panel-p-3);
5169
+ --base-menu-item-padding-y: var(--row-inset-3);
5170
+ --base-menu-item-px: var(--control-px-3);
5171
+ --base-menu-item-px-pill: var(--control-px-pill-3);
5172
+ --base-menu-item-gap: var(--control-gap-3);
5173
+ --base-menu-item-radius: var(--radius-row-3);
5174
+ --base-menu-icon-size: var(--icon-size-3);
5175
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5176
+ --base-menu-font-size: var(--font-size-3);
5177
+ --base-menu-line-height: var(--line-height-3);
5178
+ --base-menu-letter-spacing: var(--letter-spacing-3);
5594
5179
  border-radius: var(--radius-surface-3);
5595
5180
  }
5596
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
5597
- gap: var(--component-gap-4);
5598
- font-size: var(--font-size-3);
5599
- line-height: var(--line-height-3);
5600
- letter-spacing: var(--letter-spacing-3);
5601
- border-radius: var(--radius-2);
5602
- }
5603
- :is(.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
5604
- width: var(--content-icon-size-3);
5605
- height: var(--content-icon-size-3);
5606
- -ms-flex-negative: 0;
5607
- flex-shrink: 0;
5608
- }
5609
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
5610
- font-size: var(--font-size-3);
5611
- line-height: var(--line-height-3);
5612
- letter-spacing: var(--letter-spacing-3);
5613
- -webkit-padding-start: var(--base-menu-item-padding-left);
5614
- padding-inline-start: var(--base-menu-item-padding-left);
5615
- }
5616
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5617
- width: var(--indicator-icon-size-3);
5618
- height: var(--indicator-icon-size-3);
5181
+ .rt-BaseMenuContent:where(.lg\:rt-r-size-4) {
5182
+ --base-menu-content-padding: var(--panel-p-4);
5183
+ --base-menu-item-padding-y: var(--row-inset-4);
5184
+ --base-menu-item-px: var(--control-px-4);
5185
+ --base-menu-item-px-pill: var(--control-px-pill-4);
5186
+ --base-menu-item-gap: var(--control-gap-4);
5187
+ --base-menu-item-radius: var(--radius-row-4);
5188
+ --base-menu-icon-size: var(--icon-size-4);
5189
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5190
+ --base-menu-font-size: var(--font-size-4);
5191
+ --base-menu-line-height: var(--line-height-4);
5192
+ --base-menu-letter-spacing: var(--letter-spacing-4);
5193
+ border-radius: var(--radius-surface-4);
5619
5194
  }
5620
5195
  }
5621
5196
  @media (min-width: 1640px) {
5622
5197
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
5623
- --base-menu-content-padding: var(--space-3);
5624
- --base-menu-item-padding-left-plain: var(--space-3);
5625
- --base-menu-item-padding-left-indicator: calc(var(--space-6) / 1.2);
5626
- --base-menu-item-padding-right: var(--space-3);
5627
- --base-menu-item-padding-y: var(--space-2);
5628
- --base-menu-item-height: var(--control-height-1);
5198
+ --base-menu-content-padding: var(--panel-p-1);
5199
+ --base-menu-item-padding-y: var(--row-inset-1);
5200
+ --base-menu-item-px: var(--control-px-1);
5201
+ --base-menu-item-px-pill: var(--control-px-pill-1);
5202
+ --base-menu-item-gap: var(--control-gap-1);
5203
+ --base-menu-item-radius: var(--radius-row-1);
5204
+ --base-menu-icon-size: var(--icon-size-1);
5205
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
5206
+ --base-menu-font-size: var(--font-size-1);
5207
+ --base-menu-line-height: var(--line-height-1);
5208
+ --base-menu-letter-spacing: var(--letter-spacing-1);
5629
5209
  border-radius: var(--radius-surface-1);
5630
5210
  }
5631
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
5632
- gap: var(--component-gap-2);
5633
- font-size: var(--font-size-1);
5634
- line-height: var(--line-height-1);
5635
- letter-spacing: var(--letter-spacing-1);
5636
- border-radius: var(--radius-1);
5637
- }
5638
- :is(.rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem)) :where(svg) {
5639
- width: var(--content-icon-size-1);
5640
- height: var(--content-icon-size-1);
5641
- -ms-flex-negative: 0;
5642
- flex-shrink: 0;
5643
- }
5644
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
5645
- font-size: var(--font-size-1);
5646
- line-height: var(--line-height-1);
5647
- letter-spacing: var(--letter-spacing-1);
5648
- -webkit-padding-start: var(--base-menu-item-padding-left);
5649
- padding-inline-start: var(--base-menu-item-padding-left);
5650
- }
5651
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5652
- width: var(--indicator-icon-size-1);
5653
- height: var(--indicator-icon-size-1);
5654
- }
5655
5211
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
5656
- --base-menu-content-padding: var(--space-4);
5657
- --base-menu-item-padding-left-plain: var(--space-4);
5658
- --base-menu-item-padding-left-indicator: var(--space-6);
5659
- --base-menu-item-padding-right: var(--space-4);
5660
- --base-menu-item-padding-y: var(--space-2);
5661
- --base-menu-item-height: var(--control-height-2);
5212
+ --base-menu-content-padding: var(--panel-p-2);
5213
+ --base-menu-item-padding-y: var(--row-inset-2);
5214
+ --base-menu-item-px: var(--control-px-2);
5215
+ --base-menu-item-px-pill: var(--control-px-pill-2);
5216
+ --base-menu-item-gap: var(--control-gap-2);
5217
+ --base-menu-item-radius: var(--radius-row-2);
5218
+ --base-menu-icon-size: var(--icon-size-2);
5219
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
5220
+ --base-menu-font-size: var(--font-size-2);
5221
+ --base-menu-line-height: var(--line-height-2);
5222
+ --base-menu-letter-spacing: var(--letter-spacing-2);
5662
5223
  border-radius: var(--radius-surface-2);
5663
5224
  }
5664
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
5665
- gap: var(--component-gap-3);
5666
- font-size: var(--font-size-2);
5667
- line-height: var(--line-height-2);
5668
- letter-spacing: var(--letter-spacing-2);
5669
- border-radius: var(--radius-2);
5670
- }
5671
- :is(.rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem)) :where(svg) {
5672
- width: var(--content-icon-size-2);
5673
- height: var(--content-icon-size-2);
5674
- -ms-flex-negative: 0;
5675
- flex-shrink: 0;
5676
- }
5677
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
5678
- font-size: var(--font-size-2);
5679
- line-height: var(--line-height-2);
5680
- letter-spacing: var(--letter-spacing-2);
5681
- -webkit-padding-start: var(--base-menu-item-padding-left);
5682
- padding-inline-start: var(--base-menu-item-padding-left);
5683
- }
5684
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5685
- width: var(--indicator-icon-size-2);
5686
- height: var(--indicator-icon-size-2);
5687
- }
5688
5225
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) {
5689
- --base-menu-content-padding: var(--space-4);
5690
- --base-menu-item-padding-left-plain: var(--space-4);
5691
- --base-menu-item-padding-left-indicator: var(--space-6);
5692
- --base-menu-item-padding-right: var(--space-4);
5693
- --base-menu-item-padding-y: var(--space-3);
5694
- --base-menu-item-height: var(--control-height-3);
5226
+ --base-menu-content-padding: var(--panel-p-3);
5227
+ --base-menu-item-padding-y: var(--row-inset-3);
5228
+ --base-menu-item-px: var(--control-px-3);
5229
+ --base-menu-item-px-pill: var(--control-px-pill-3);
5230
+ --base-menu-item-gap: var(--control-gap-3);
5231
+ --base-menu-item-radius: var(--radius-row-3);
5232
+ --base-menu-icon-size: var(--icon-size-3);
5233
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5234
+ --base-menu-font-size: var(--font-size-3);
5235
+ --base-menu-line-height: var(--line-height-3);
5236
+ --base-menu-letter-spacing: var(--letter-spacing-3);
5695
5237
  border-radius: var(--radius-surface-3);
5696
5238
  }
5697
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
5698
- gap: var(--component-gap-4);
5699
- font-size: var(--font-size-3);
5700
- line-height: var(--line-height-3);
5701
- letter-spacing: var(--letter-spacing-3);
5702
- border-radius: var(--radius-2);
5703
- }
5704
- :is(.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
5705
- width: var(--content-icon-size-3);
5706
- height: var(--content-icon-size-3);
5707
- -ms-flex-negative: 0;
5708
- flex-shrink: 0;
5709
- }
5710
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
5711
- font-size: var(--font-size-3);
5712
- line-height: var(--line-height-3);
5713
- letter-spacing: var(--letter-spacing-3);
5714
- -webkit-padding-start: var(--base-menu-item-padding-left);
5715
- padding-inline-start: var(--base-menu-item-padding-left);
5716
- }
5717
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
5718
- width: var(--indicator-icon-size-3);
5719
- height: var(--indicator-icon-size-3);
5239
+ .rt-BaseMenuContent:where(.xl\:rt-r-size-4) {
5240
+ --base-menu-content-padding: var(--panel-p-4);
5241
+ --base-menu-item-padding-y: var(--row-inset-4);
5242
+ --base-menu-item-px: var(--control-px-4);
5243
+ --base-menu-item-px-pill: var(--control-px-pill-4);
5244
+ --base-menu-item-gap: var(--control-gap-4);
5245
+ --base-menu-item-radius: var(--radius-row-4);
5246
+ --base-menu-icon-size: var(--icon-size-4);
5247
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
5248
+ --base-menu-font-size: var(--font-size-4);
5249
+ --base-menu-line-height: var(--line-height-4);
5250
+ --base-menu-letter-spacing: var(--letter-spacing-4);
5251
+ border-radius: var(--radius-surface-4);
5720
5252
  }
5721
5253
  }
5722
5254
  .rt-BaseMenuItem:where([data-accent-color]) {
@@ -7734,12 +7266,6 @@
7734
7266
  color: inherit;
7735
7267
  cursor: var(--cursor-menu-item);
7736
7268
  }
7737
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
7738
- --base-menu-item-padding-left: calc(var(--space-6) / 1.2);
7739
- }
7740
- .rt-BaseMenuContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
7741
- --base-menu-item-padding-left: var(--space-6);
7742
- }
7743
7269
  .rt-ComboboxSearch {
7744
7270
  padding: var(--base-menu-content-padding);
7745
7271
  }
@@ -7830,405 +7356,285 @@
7830
7356
  .rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
7831
7357
  color: var(--accent-ink-faint);
7832
7358
  }
7833
- .rt-Heading:where(.rt-r-size-0) {
7834
- font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
7835
- --line-height: var(--heading-line-height-0);
7836
- letter-spacing: calc(var(--letter-spacing-0) + var(--heading-letter-spacing));
7837
- }
7838
7359
  .rt-Heading:where(.rt-r-size-1) {
7839
7360
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
7840
- --line-height: var(--heading-line-height-1);
7361
+ --line-height: var(--line-height-1);
7841
7362
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
7842
7363
  }
7843
7364
  .rt-Heading:where(.rt-r-size-2) {
7844
7365
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
7845
- --line-height: var(--heading-line-height-2);
7366
+ --line-height: var(--line-height-2);
7846
7367
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
7847
7368
  }
7848
7369
  .rt-Heading:where(.rt-r-size-3) {
7849
7370
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
7850
- --line-height: var(--heading-line-height-3);
7371
+ --line-height: var(--line-height-3);
7851
7372
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
7852
7373
  }
7853
7374
  .rt-Heading:where(.rt-r-size-4) {
7854
7375
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
7855
- --line-height: var(--heading-line-height-4);
7376
+ --line-height: var(--line-height-4);
7856
7377
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
7857
7378
  }
7858
7379
  .rt-Heading:where(.rt-r-size-5) {
7859
7380
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
7860
- --line-height: var(--heading-line-height-5);
7381
+ --line-height: var(--line-height-5);
7861
7382
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
7862
7383
  }
7863
7384
  .rt-Heading:where(.rt-r-size-6) {
7864
7385
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
7865
- --line-height: var(--heading-line-height-6);
7386
+ --line-height: var(--line-height-6);
7866
7387
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
7867
7388
  }
7868
7389
  .rt-Heading:where(.rt-r-size-7) {
7869
7390
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
7870
- --line-height: var(--heading-line-height-7);
7391
+ --line-height: var(--line-height-7);
7871
7392
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
7872
7393
  }
7873
7394
  .rt-Heading:where(.rt-r-size-8) {
7874
7395
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
7875
- --line-height: var(--heading-line-height-8);
7396
+ --line-height: var(--line-height-8);
7876
7397
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
7877
7398
  }
7878
7399
  .rt-Heading:where(.rt-r-size-9) {
7879
7400
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
7880
- --line-height: var(--heading-line-height-9);
7401
+ --line-height: var(--line-height-9);
7881
7402
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
7882
7403
  }
7883
- .rt-Heading:where(.rt-r-size-10) {
7884
- font-size: calc(var(--font-size-10) * var(--heading-font-size-adjust));
7885
- --line-height: var(--heading-line-height-10);
7886
- letter-spacing: calc(var(--letter-spacing-10) + var(--heading-letter-spacing));
7887
- }
7888
- .rt-Heading:where(.rt-r-size-11) {
7889
- font-size: calc(var(--font-size-11) * var(--heading-font-size-adjust));
7890
- --line-height: var(--heading-line-height-11);
7891
- letter-spacing: calc(var(--letter-spacing-11) + var(--heading-letter-spacing));
7892
- }
7893
- .rt-Heading:where(.rt-r-size-12) {
7894
- font-size: calc(var(--font-size-12) * var(--heading-font-size-adjust));
7895
- --line-height: var(--heading-line-height-12);
7896
- letter-spacing: calc(var(--letter-spacing-12) + var(--heading-letter-spacing));
7897
- }
7898
7404
  @media (min-width: 520px) {
7899
- .rt-Heading:where(.xs\:rt-r-size-0) {
7900
- font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
7901
- --line-height: var(--heading-line-height-0);
7902
- letter-spacing: calc(var(--letter-spacing-0) + var(--heading-letter-spacing));
7903
- }
7904
7405
  .rt-Heading:where(.xs\:rt-r-size-1) {
7905
7406
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
7906
- --line-height: var(--heading-line-height-1);
7407
+ --line-height: var(--line-height-1);
7907
7408
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
7908
7409
  }
7909
7410
  .rt-Heading:where(.xs\:rt-r-size-2) {
7910
7411
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
7911
- --line-height: var(--heading-line-height-2);
7412
+ --line-height: var(--line-height-2);
7912
7413
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
7913
7414
  }
7914
7415
  .rt-Heading:where(.xs\:rt-r-size-3) {
7915
7416
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
7916
- --line-height: var(--heading-line-height-3);
7417
+ --line-height: var(--line-height-3);
7917
7418
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
7918
7419
  }
7919
7420
  .rt-Heading:where(.xs\:rt-r-size-4) {
7920
7421
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
7921
- --line-height: var(--heading-line-height-4);
7422
+ --line-height: var(--line-height-4);
7922
7423
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
7923
7424
  }
7924
7425
  .rt-Heading:where(.xs\:rt-r-size-5) {
7925
7426
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
7926
- --line-height: var(--heading-line-height-5);
7427
+ --line-height: var(--line-height-5);
7927
7428
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
7928
7429
  }
7929
7430
  .rt-Heading:where(.xs\:rt-r-size-6) {
7930
7431
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
7931
- --line-height: var(--heading-line-height-6);
7432
+ --line-height: var(--line-height-6);
7932
7433
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
7933
7434
  }
7934
7435
  .rt-Heading:where(.xs\:rt-r-size-7) {
7935
7436
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
7936
- --line-height: var(--heading-line-height-7);
7437
+ --line-height: var(--line-height-7);
7937
7438
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
7938
7439
  }
7939
7440
  .rt-Heading:where(.xs\:rt-r-size-8) {
7940
7441
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
7941
- --line-height: var(--heading-line-height-8);
7442
+ --line-height: var(--line-height-8);
7942
7443
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
7943
7444
  }
7944
7445
  .rt-Heading:where(.xs\:rt-r-size-9) {
7945
7446
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
7946
- --line-height: var(--heading-line-height-9);
7447
+ --line-height: var(--line-height-9);
7947
7448
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
7948
7449
  }
7949
- .rt-Heading:where(.xs\:rt-r-size-10) {
7950
- font-size: calc(var(--font-size-10) * var(--heading-font-size-adjust));
7951
- --line-height: var(--heading-line-height-10);
7952
- letter-spacing: calc(var(--letter-spacing-10) + var(--heading-letter-spacing));
7953
- }
7954
- .rt-Heading:where(.xs\:rt-r-size-11) {
7955
- font-size: calc(var(--font-size-11) * var(--heading-font-size-adjust));
7956
- --line-height: var(--heading-line-height-11);
7957
- letter-spacing: calc(var(--letter-spacing-11) + var(--heading-letter-spacing));
7958
- }
7959
- .rt-Heading:where(.xs\:rt-r-size-12) {
7960
- font-size: calc(var(--font-size-12) * var(--heading-font-size-adjust));
7961
- --line-height: var(--heading-line-height-12);
7962
- letter-spacing: calc(var(--letter-spacing-12) + var(--heading-letter-spacing));
7963
- }
7964
7450
  }
7965
7451
  @media (min-width: 768px) {
7966
- .rt-Heading:where(.sm\:rt-r-size-0) {
7967
- font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
7968
- --line-height: var(--heading-line-height-0);
7969
- letter-spacing: calc(var(--letter-spacing-0) + var(--heading-letter-spacing));
7970
- }
7971
7452
  .rt-Heading:where(.sm\:rt-r-size-1) {
7972
7453
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
7973
- --line-height: var(--heading-line-height-1);
7454
+ --line-height: var(--line-height-1);
7974
7455
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
7975
7456
  }
7976
7457
  .rt-Heading:where(.sm\:rt-r-size-2) {
7977
7458
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
7978
- --line-height: var(--heading-line-height-2);
7459
+ --line-height: var(--line-height-2);
7979
7460
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
7980
7461
  }
7981
7462
  .rt-Heading:where(.sm\:rt-r-size-3) {
7982
7463
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
7983
- --line-height: var(--heading-line-height-3);
7464
+ --line-height: var(--line-height-3);
7984
7465
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
7985
7466
  }
7986
7467
  .rt-Heading:where(.sm\:rt-r-size-4) {
7987
7468
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
7988
- --line-height: var(--heading-line-height-4);
7469
+ --line-height: var(--line-height-4);
7989
7470
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
7990
7471
  }
7991
7472
  .rt-Heading:where(.sm\:rt-r-size-5) {
7992
7473
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
7993
- --line-height: var(--heading-line-height-5);
7474
+ --line-height: var(--line-height-5);
7994
7475
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
7995
7476
  }
7996
7477
  .rt-Heading:where(.sm\:rt-r-size-6) {
7997
7478
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
7998
- --line-height: var(--heading-line-height-6);
7479
+ --line-height: var(--line-height-6);
7999
7480
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
8000
7481
  }
8001
7482
  .rt-Heading:where(.sm\:rt-r-size-7) {
8002
7483
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
8003
- --line-height: var(--heading-line-height-7);
7484
+ --line-height: var(--line-height-7);
8004
7485
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
8005
7486
  }
8006
7487
  .rt-Heading:where(.sm\:rt-r-size-8) {
8007
7488
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
8008
- --line-height: var(--heading-line-height-8);
7489
+ --line-height: var(--line-height-8);
8009
7490
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
8010
7491
  }
8011
7492
  .rt-Heading:where(.sm\:rt-r-size-9) {
8012
7493
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
8013
- --line-height: var(--heading-line-height-9);
7494
+ --line-height: var(--line-height-9);
8014
7495
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
8015
7496
  }
8016
- .rt-Heading:where(.sm\:rt-r-size-10) {
8017
- font-size: calc(var(--font-size-10) * var(--heading-font-size-adjust));
8018
- --line-height: var(--heading-line-height-10);
8019
- letter-spacing: calc(var(--letter-spacing-10) + var(--heading-letter-spacing));
8020
- }
8021
- .rt-Heading:where(.sm\:rt-r-size-11) {
8022
- font-size: calc(var(--font-size-11) * var(--heading-font-size-adjust));
8023
- --line-height: var(--heading-line-height-11);
8024
- letter-spacing: calc(var(--letter-spacing-11) + var(--heading-letter-spacing));
8025
- }
8026
- .rt-Heading:where(.sm\:rt-r-size-12) {
8027
- font-size: calc(var(--font-size-12) * var(--heading-font-size-adjust));
8028
- --line-height: var(--heading-line-height-12);
8029
- letter-spacing: calc(var(--letter-spacing-12) + var(--heading-letter-spacing));
8030
- }
8031
7497
  }
8032
7498
  @media (min-width: 1024px) {
8033
- .rt-Heading:where(.md\:rt-r-size-0) {
8034
- font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
8035
- --line-height: var(--heading-line-height-0);
8036
- letter-spacing: calc(var(--letter-spacing-0) + var(--heading-letter-spacing));
8037
- }
8038
7499
  .rt-Heading:where(.md\:rt-r-size-1) {
8039
7500
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
8040
- --line-height: var(--heading-line-height-1);
7501
+ --line-height: var(--line-height-1);
8041
7502
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
8042
7503
  }
8043
7504
  .rt-Heading:where(.md\:rt-r-size-2) {
8044
7505
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
8045
- --line-height: var(--heading-line-height-2);
7506
+ --line-height: var(--line-height-2);
8046
7507
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
8047
7508
  }
8048
7509
  .rt-Heading:where(.md\:rt-r-size-3) {
8049
7510
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
8050
- --line-height: var(--heading-line-height-3);
7511
+ --line-height: var(--line-height-3);
8051
7512
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
8052
7513
  }
8053
7514
  .rt-Heading:where(.md\:rt-r-size-4) {
8054
7515
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
8055
- --line-height: var(--heading-line-height-4);
7516
+ --line-height: var(--line-height-4);
8056
7517
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
8057
7518
  }
8058
7519
  .rt-Heading:where(.md\:rt-r-size-5) {
8059
7520
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
8060
- --line-height: var(--heading-line-height-5);
7521
+ --line-height: var(--line-height-5);
8061
7522
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
8062
7523
  }
8063
7524
  .rt-Heading:where(.md\:rt-r-size-6) {
8064
7525
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
8065
- --line-height: var(--heading-line-height-6);
7526
+ --line-height: var(--line-height-6);
8066
7527
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
8067
7528
  }
8068
7529
  .rt-Heading:where(.md\:rt-r-size-7) {
8069
7530
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
8070
- --line-height: var(--heading-line-height-7);
7531
+ --line-height: var(--line-height-7);
8071
7532
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
8072
7533
  }
8073
7534
  .rt-Heading:where(.md\:rt-r-size-8) {
8074
7535
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
8075
- --line-height: var(--heading-line-height-8);
7536
+ --line-height: var(--line-height-8);
8076
7537
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
8077
7538
  }
8078
7539
  .rt-Heading:where(.md\:rt-r-size-9) {
8079
7540
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
8080
- --line-height: var(--heading-line-height-9);
7541
+ --line-height: var(--line-height-9);
8081
7542
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
8082
7543
  }
8083
- .rt-Heading:where(.md\:rt-r-size-10) {
8084
- font-size: calc(var(--font-size-10) * var(--heading-font-size-adjust));
8085
- --line-height: var(--heading-line-height-10);
8086
- letter-spacing: calc(var(--letter-spacing-10) + var(--heading-letter-spacing));
8087
- }
8088
- .rt-Heading:where(.md\:rt-r-size-11) {
8089
- font-size: calc(var(--font-size-11) * var(--heading-font-size-adjust));
8090
- --line-height: var(--heading-line-height-11);
8091
- letter-spacing: calc(var(--letter-spacing-11) + var(--heading-letter-spacing));
8092
- }
8093
- .rt-Heading:where(.md\:rt-r-size-12) {
8094
- font-size: calc(var(--font-size-12) * var(--heading-font-size-adjust));
8095
- --line-height: var(--heading-line-height-12);
8096
- letter-spacing: calc(var(--letter-spacing-12) + var(--heading-letter-spacing));
8097
- }
8098
7544
  }
8099
7545
  @media (min-width: 1280px) {
8100
- .rt-Heading:where(.lg\:rt-r-size-0) {
8101
- font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
8102
- --line-height: var(--heading-line-height-0);
8103
- letter-spacing: calc(var(--letter-spacing-0) + var(--heading-letter-spacing));
8104
- }
8105
7546
  .rt-Heading:where(.lg\:rt-r-size-1) {
8106
7547
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
8107
- --line-height: var(--heading-line-height-1);
7548
+ --line-height: var(--line-height-1);
8108
7549
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
8109
7550
  }
8110
7551
  .rt-Heading:where(.lg\:rt-r-size-2) {
8111
7552
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
8112
- --line-height: var(--heading-line-height-2);
7553
+ --line-height: var(--line-height-2);
8113
7554
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
8114
7555
  }
8115
7556
  .rt-Heading:where(.lg\:rt-r-size-3) {
8116
7557
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
8117
- --line-height: var(--heading-line-height-3);
7558
+ --line-height: var(--line-height-3);
8118
7559
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
8119
7560
  }
8120
7561
  .rt-Heading:where(.lg\:rt-r-size-4) {
8121
7562
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
8122
- --line-height: var(--heading-line-height-4);
7563
+ --line-height: var(--line-height-4);
8123
7564
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
8124
7565
  }
8125
7566
  .rt-Heading:where(.lg\:rt-r-size-5) {
8126
7567
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
8127
- --line-height: var(--heading-line-height-5);
7568
+ --line-height: var(--line-height-5);
8128
7569
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
8129
7570
  }
8130
7571
  .rt-Heading:where(.lg\:rt-r-size-6) {
8131
7572
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
8132
- --line-height: var(--heading-line-height-6);
7573
+ --line-height: var(--line-height-6);
8133
7574
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
8134
7575
  }
8135
7576
  .rt-Heading:where(.lg\:rt-r-size-7) {
8136
7577
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
8137
- --line-height: var(--heading-line-height-7);
7578
+ --line-height: var(--line-height-7);
8138
7579
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
8139
7580
  }
8140
7581
  .rt-Heading:where(.lg\:rt-r-size-8) {
8141
7582
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
8142
- --line-height: var(--heading-line-height-8);
7583
+ --line-height: var(--line-height-8);
8143
7584
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
8144
7585
  }
8145
7586
  .rt-Heading:where(.lg\:rt-r-size-9) {
8146
7587
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
8147
- --line-height: var(--heading-line-height-9);
7588
+ --line-height: var(--line-height-9);
8148
7589
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
8149
7590
  }
8150
- .rt-Heading:where(.lg\:rt-r-size-10) {
8151
- font-size: calc(var(--font-size-10) * var(--heading-font-size-adjust));
8152
- --line-height: var(--heading-line-height-10);
8153
- letter-spacing: calc(var(--letter-spacing-10) + var(--heading-letter-spacing));
8154
- }
8155
- .rt-Heading:where(.lg\:rt-r-size-11) {
8156
- font-size: calc(var(--font-size-11) * var(--heading-font-size-adjust));
8157
- --line-height: var(--heading-line-height-11);
8158
- letter-spacing: calc(var(--letter-spacing-11) + var(--heading-letter-spacing));
8159
- }
8160
- .rt-Heading:where(.lg\:rt-r-size-12) {
8161
- font-size: calc(var(--font-size-12) * var(--heading-font-size-adjust));
8162
- --line-height: var(--heading-line-height-12);
8163
- letter-spacing: calc(var(--letter-spacing-12) + var(--heading-letter-spacing));
8164
- }
8165
7591
  }
8166
7592
  @media (min-width: 1640px) {
8167
- .rt-Heading:where(.xl\:rt-r-size-0) {
8168
- font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
8169
- --line-height: var(--heading-line-height-0);
8170
- letter-spacing: calc(var(--letter-spacing-0) + var(--heading-letter-spacing));
8171
- }
8172
7593
  .rt-Heading:where(.xl\:rt-r-size-1) {
8173
7594
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
8174
- --line-height: var(--heading-line-height-1);
7595
+ --line-height: var(--line-height-1);
8175
7596
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
8176
7597
  }
8177
7598
  .rt-Heading:where(.xl\:rt-r-size-2) {
8178
7599
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
8179
- --line-height: var(--heading-line-height-2);
7600
+ --line-height: var(--line-height-2);
8180
7601
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
8181
7602
  }
8182
7603
  .rt-Heading:where(.xl\:rt-r-size-3) {
8183
7604
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
8184
- --line-height: var(--heading-line-height-3);
7605
+ --line-height: var(--line-height-3);
8185
7606
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
8186
7607
  }
8187
7608
  .rt-Heading:where(.xl\:rt-r-size-4) {
8188
7609
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
8189
- --line-height: var(--heading-line-height-4);
7610
+ --line-height: var(--line-height-4);
8190
7611
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
8191
7612
  }
8192
7613
  .rt-Heading:where(.xl\:rt-r-size-5) {
8193
7614
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
8194
- --line-height: var(--heading-line-height-5);
7615
+ --line-height: var(--line-height-5);
8195
7616
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
8196
7617
  }
8197
7618
  .rt-Heading:where(.xl\:rt-r-size-6) {
8198
7619
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
8199
- --line-height: var(--heading-line-height-6);
7620
+ --line-height: var(--line-height-6);
8200
7621
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
8201
7622
  }
8202
7623
  .rt-Heading:where(.xl\:rt-r-size-7) {
8203
7624
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
8204
- --line-height: var(--heading-line-height-7);
7625
+ --line-height: var(--line-height-7);
8205
7626
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
8206
7627
  }
8207
7628
  .rt-Heading:where(.xl\:rt-r-size-8) {
8208
7629
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
8209
- --line-height: var(--heading-line-height-8);
7630
+ --line-height: var(--line-height-8);
8210
7631
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
8211
7632
  }
8212
7633
  .rt-Heading:where(.xl\:rt-r-size-9) {
8213
7634
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
8214
- --line-height: var(--heading-line-height-9);
7635
+ --line-height: var(--line-height-9);
8215
7636
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
8216
7637
  }
8217
- .rt-Heading:where(.xl\:rt-r-size-10) {
8218
- font-size: calc(var(--font-size-10) * var(--heading-font-size-adjust));
8219
- --line-height: var(--heading-line-height-10);
8220
- letter-spacing: calc(var(--letter-spacing-10) + var(--heading-letter-spacing));
8221
- }
8222
- .rt-Heading:where(.xl\:rt-r-size-11) {
8223
- font-size: calc(var(--font-size-11) * var(--heading-font-size-adjust));
8224
- --line-height: var(--heading-line-height-11);
8225
- letter-spacing: calc(var(--letter-spacing-11) + var(--heading-letter-spacing));
8226
- }
8227
- .rt-Heading:where(.xl\:rt-r-size-12) {
8228
- font-size: calc(var(--font-size-12) * var(--heading-font-size-adjust));
8229
- --line-height: var(--heading-line-height-12);
8230
- letter-spacing: calc(var(--letter-spacing-12) + var(--heading-letter-spacing));
8231
- }
8232
7638
  }
8233
7639
  .rt-HoverCardContent {
8234
7640
  background-color: var(--color-panel-solid);
@@ -8583,13 +7989,6 @@
8583
7989
  .rt-Kbd:where(.rt-variant-soft):where(:any-link,button):where(:focus-visible) {
8584
7990
  outline: 2px solid var(--focus-8);
8585
7991
  }
8586
- .rt-Kbd:where(.rt-r-size-0) {
8587
- font-size: var(--font-size-0);
8588
- line-height: var(--line-height-0);
8589
- letter-spacing: var(--letter-spacing-0);
8590
- padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
8591
- border-radius: var(--radius-control-1);
8592
- }
8593
7992
  .rt-Kbd:where(.rt-r-size-1) {
8594
7993
  font-size: var(--font-size-1);
8595
7994
  line-height: var(--line-height-1);
@@ -8653,35 +8052,7 @@
8653
8052
  padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
8654
8053
  border-radius: var(--radius-control-4);
8655
8054
  }
8656
- .rt-Kbd:where(.rt-r-size-10) {
8657
- font-size: var(--font-size-10);
8658
- line-height: var(--line-height-10);
8659
- letter-spacing: var(--letter-spacing-10);
8660
- padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
8661
- border-radius: var(--radius-control-4);
8662
- }
8663
- .rt-Kbd:where(.rt-r-size-11) {
8664
- font-size: var(--font-size-11);
8665
- line-height: var(--line-height-11);
8666
- letter-spacing: var(--letter-spacing-11);
8667
- padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
8668
- border-radius: var(--radius-control-4);
8669
- }
8670
- .rt-Kbd:where(.rt-r-size-12) {
8671
- font-size: var(--font-size-12);
8672
- line-height: var(--line-height-12);
8673
- letter-spacing: var(--letter-spacing-12);
8674
- padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
8675
- border-radius: var(--radius-control-4);
8676
- }
8677
8055
  @media (min-width: 520px) {
8678
- .rt-Kbd:where(.xs\:rt-r-size-0) {
8679
- font-size: var(--font-size-0);
8680
- line-height: var(--line-height-0);
8681
- letter-spacing: var(--letter-spacing-0);
8682
- padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
8683
- border-radius: var(--radius-control-1);
8684
- }
8685
8056
  .rt-Kbd:where(.xs\:rt-r-size-1) {
8686
8057
  font-size: var(--font-size-1);
8687
8058
  line-height: var(--line-height-1);
@@ -8745,36 +8116,8 @@
8745
8116
  padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
8746
8117
  border-radius: var(--radius-control-4);
8747
8118
  }
8748
- .rt-Kbd:where(.xs\:rt-r-size-10) {
8749
- font-size: var(--font-size-10);
8750
- line-height: var(--line-height-10);
8751
- letter-spacing: var(--letter-spacing-10);
8752
- padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
8753
- border-radius: var(--radius-control-4);
8754
- }
8755
- .rt-Kbd:where(.xs\:rt-r-size-11) {
8756
- font-size: var(--font-size-11);
8757
- line-height: var(--line-height-11);
8758
- letter-spacing: var(--letter-spacing-11);
8759
- padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
8760
- border-radius: var(--radius-control-4);
8761
- }
8762
- .rt-Kbd:where(.xs\:rt-r-size-12) {
8763
- font-size: var(--font-size-12);
8764
- line-height: var(--line-height-12);
8765
- letter-spacing: var(--letter-spacing-12);
8766
- padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
8767
- border-radius: var(--radius-control-4);
8768
- }
8769
8119
  }
8770
8120
  @media (min-width: 768px) {
8771
- .rt-Kbd:where(.sm\:rt-r-size-0) {
8772
- font-size: var(--font-size-0);
8773
- line-height: var(--line-height-0);
8774
- letter-spacing: var(--letter-spacing-0);
8775
- padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
8776
- border-radius: var(--radius-control-1);
8777
- }
8778
8121
  .rt-Kbd:where(.sm\:rt-r-size-1) {
8779
8122
  font-size: var(--font-size-1);
8780
8123
  line-height: var(--line-height-1);
@@ -8838,36 +8181,8 @@
8838
8181
  padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
8839
8182
  border-radius: var(--radius-control-4);
8840
8183
  }
8841
- .rt-Kbd:where(.sm\:rt-r-size-10) {
8842
- font-size: var(--font-size-10);
8843
- line-height: var(--line-height-10);
8844
- letter-spacing: var(--letter-spacing-10);
8845
- padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
8846
- border-radius: var(--radius-control-4);
8847
- }
8848
- .rt-Kbd:where(.sm\:rt-r-size-11) {
8849
- font-size: var(--font-size-11);
8850
- line-height: var(--line-height-11);
8851
- letter-spacing: var(--letter-spacing-11);
8852
- padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
8853
- border-radius: var(--radius-control-4);
8854
- }
8855
- .rt-Kbd:where(.sm\:rt-r-size-12) {
8856
- font-size: var(--font-size-12);
8857
- line-height: var(--line-height-12);
8858
- letter-spacing: var(--letter-spacing-12);
8859
- padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
8860
- border-radius: var(--radius-control-4);
8861
- }
8862
8184
  }
8863
8185
  @media (min-width: 1024px) {
8864
- .rt-Kbd:where(.md\:rt-r-size-0) {
8865
- font-size: var(--font-size-0);
8866
- line-height: var(--line-height-0);
8867
- letter-spacing: var(--letter-spacing-0);
8868
- padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
8869
- border-radius: var(--radius-control-1);
8870
- }
8871
8186
  .rt-Kbd:where(.md\:rt-r-size-1) {
8872
8187
  font-size: var(--font-size-1);
8873
8188
  line-height: var(--line-height-1);
@@ -8931,36 +8246,8 @@
8931
8246
  padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
8932
8247
  border-radius: var(--radius-control-4);
8933
8248
  }
8934
- .rt-Kbd:where(.md\:rt-r-size-10) {
8935
- font-size: var(--font-size-10);
8936
- line-height: var(--line-height-10);
8937
- letter-spacing: var(--letter-spacing-10);
8938
- padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
8939
- border-radius: var(--radius-control-4);
8940
- }
8941
- .rt-Kbd:where(.md\:rt-r-size-11) {
8942
- font-size: var(--font-size-11);
8943
- line-height: var(--line-height-11);
8944
- letter-spacing: var(--letter-spacing-11);
8945
- padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
8946
- border-radius: var(--radius-control-4);
8947
- }
8948
- .rt-Kbd:where(.md\:rt-r-size-12) {
8949
- font-size: var(--font-size-12);
8950
- line-height: var(--line-height-12);
8951
- letter-spacing: var(--letter-spacing-12);
8952
- padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
8953
- border-radius: var(--radius-control-4);
8954
- }
8955
8249
  }
8956
8250
  @media (min-width: 1280px) {
8957
- .rt-Kbd:where(.lg\:rt-r-size-0) {
8958
- font-size: var(--font-size-0);
8959
- line-height: var(--line-height-0);
8960
- letter-spacing: var(--letter-spacing-0);
8961
- padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
8962
- border-radius: var(--radius-control-1);
8963
- }
8964
8251
  .rt-Kbd:where(.lg\:rt-r-size-1) {
8965
8252
  font-size: var(--font-size-1);
8966
8253
  line-height: var(--line-height-1);
@@ -9024,36 +8311,8 @@
9024
8311
  padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
9025
8312
  border-radius: var(--radius-control-4);
9026
8313
  }
9027
- .rt-Kbd:where(.lg\:rt-r-size-10) {
9028
- font-size: var(--font-size-10);
9029
- line-height: var(--line-height-10);
9030
- letter-spacing: var(--letter-spacing-10);
9031
- padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
9032
- border-radius: var(--radius-control-4);
9033
- }
9034
- .rt-Kbd:where(.lg\:rt-r-size-11) {
9035
- font-size: var(--font-size-11);
9036
- line-height: var(--line-height-11);
9037
- letter-spacing: var(--letter-spacing-11);
9038
- padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
9039
- border-radius: var(--radius-control-4);
9040
- }
9041
- .rt-Kbd:where(.lg\:rt-r-size-12) {
9042
- font-size: var(--font-size-12);
9043
- line-height: var(--line-height-12);
9044
- letter-spacing: var(--letter-spacing-12);
9045
- padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
9046
- border-radius: var(--radius-control-4);
9047
- }
9048
8314
  }
9049
8315
  @media (min-width: 1640px) {
9050
- .rt-Kbd:where(.xl\:rt-r-size-0) {
9051
- font-size: var(--font-size-0);
9052
- line-height: var(--line-height-0);
9053
- letter-spacing: var(--letter-spacing-0);
9054
- padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
9055
- border-radius: var(--radius-control-1);
9056
- }
9057
8316
  .rt-Kbd:where(.xl\:rt-r-size-1) {
9058
8317
  font-size: var(--font-size-1);
9059
8318
  line-height: var(--line-height-1);
@@ -9117,27 +8376,6 @@
9117
8376
  padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
9118
8377
  border-radius: var(--radius-control-4);
9119
8378
  }
9120
- .rt-Kbd:where(.xl\:rt-r-size-10) {
9121
- font-size: var(--font-size-10);
9122
- line-height: var(--line-height-10);
9123
- letter-spacing: var(--letter-spacing-10);
9124
- padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
9125
- border-radius: var(--radius-control-4);
9126
- }
9127
- .rt-Kbd:where(.xl\:rt-r-size-11) {
9128
- font-size: var(--font-size-11);
9129
- line-height: var(--line-height-11);
9130
- letter-spacing: var(--letter-spacing-11);
9131
- padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
9132
- border-radius: var(--radius-control-4);
9133
- }
9134
- .rt-Kbd:where(.xl\:rt-r-size-12) {
9135
- font-size: var(--font-size-12);
9136
- line-height: var(--line-height-12);
9137
- letter-spacing: var(--letter-spacing-12);
9138
- padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
9139
- border-radius: var(--radius-control-4);
9140
- }
9141
8379
  }
9142
8380
  .rt-Link:where(:-moz-any-link,button) {
9143
8381
  cursor: var(--cursor-link);
@@ -11248,10 +10486,10 @@
11248
10486
  height: var(--trigger-icon-size-default);
11249
10487
  }
11250
10488
  .rt-SelectContent {
11251
- --scrollarea-scrollbar-vertical-margin-top: var(--select-content-padding);
11252
- --scrollarea-scrollbar-vertical-margin-bottom: var(--select-content-padding);
11253
- --scrollarea-scrollbar-horizontal-margin-left: var(--select-content-padding);
11254
- --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
10489
+ --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
10490
+ --scrollarea-scrollbar-vertical-margin-bottom: var(--base-menu-content-padding);
10491
+ --scrollarea-scrollbar-horizontal-margin-left: var(--base-menu-content-padding);
10492
+ --scrollarea-scrollbar-horizontal-margin-right: var(--base-menu-content-padding);
11255
10493
  overflow: hidden;
11256
10494
  z-index: 200;
11257
10495
  background-color: var(--color-panel);
@@ -11267,45 +10505,25 @@
11267
10505
  .rt-SelectViewport {
11268
10506
  -webkit-box-sizing: border-box;
11269
10507
  box-sizing: border-box;
11270
- padding: var(--select-content-padding);
11271
10508
  }
11272
10509
  :where(.rt-SelectContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-SelectViewport {
11273
10510
  padding-right: var(--space-4);
11274
10511
  }
11275
- .rt-SelectItem {
11276
- display: -webkit-box;
11277
- display: -ms-flexbox;
11278
- display: flex;
11279
- -webkit-box-align: center;
11280
- -ms-flex-align: center;
11281
- align-items: center;
11282
- height: var(--select-item-height);
11283
- padding-left: var(--select-item-indicator-width);
11284
- padding-right: var(--select-item-indicator-width);
11285
- position: relative;
11286
- -webkit-box-sizing: border-box;
11287
- box-sizing: border-box;
11288
- outline: none;
11289
- scroll-margin: var(--select-content-padding) 0;
11290
- -webkit-user-select: none;
11291
- -moz-user-select: none;
11292
- -ms-user-select: none;
11293
- user-select: none;
11294
- cursor: var(--cursor-menu-item);
11295
- }
11296
10512
  .rt-SelectItem:where(.rt-SelectItemRich) {
11297
- height: auto;
11298
- min-height: var(--select-item-height);
11299
10513
  -webkit-box-align: start;
11300
10514
  -ms-flex-align: start;
11301
10515
  align-items: flex-start;
11302
- padding-top: var(--space-3);
11303
- padding-bottom: var(--space-3);
10516
+ }
10517
+ .rt-SelectItem:where(.rt-SelectItemRich) :where(.rt-SelectItemIndicator) {
10518
+ bottom: auto;
10519
+ height: var(--base-menu-item-height);
11304
10520
  }
11305
10521
  .rt-SelectItemIndicator {
11306
10522
  position: absolute;
11307
- left: 0;
11308
- width: var(--select-item-indicator-width);
10523
+ inset-inline-start: var(--base-menu-item-px);
10524
+ top: 0;
10525
+ bottom: 0;
10526
+ width: var(--base-menu-icon-size);
11309
10527
  display: -webkit-inline-box;
11310
10528
  display: -ms-inline-flexbox;
11311
10529
  display: inline-flex;
@@ -11318,31 +10536,10 @@
11318
10536
  }
11319
10537
  .rt-SelectSeparator {
11320
10538
  height: var(--separator-height-thin);
11321
- margin-top: var(--space-3);
11322
- margin-bottom: var(--space-3);
11323
- margin-left: var(--select-item-indicator-width);
11324
- margin-right: var(--select-separator-margin-right);
11325
10539
  background-color: var(--gray-a6);
11326
10540
  }
11327
10541
  .rt-SelectLabel {
11328
- display: -webkit-box;
11329
- display: -ms-flexbox;
11330
- display: flex;
11331
- -webkit-box-align: center;
11332
- -ms-flex-align: center;
11333
- align-items: center;
11334
- height: var(--select-item-height);
11335
- padding-left: var(--select-item-indicator-width);
11336
- padding-right: var(--select-item-indicator-width);
11337
10542
  color: var(--gray-a10);
11338
- -webkit-user-select: none;
11339
- -moz-user-select: none;
11340
- -ms-user-select: none;
11341
- user-select: none;
11342
- cursor: default;
11343
- }
11344
- :where(.rt-SelectItem) + .rt-SelectLabel {
11345
- margin-top: var(--space-3);
11346
10543
  }
11347
10544
  .rt-SelectTrigger {
11348
10545
  color: var(--gray-12);
@@ -11720,436 +10917,6 @@
11720
10917
  height: var(--trigger-icon-size-4);
11721
10918
  }
11722
10919
  }
11723
- .rt-SelectContent:where(.rt-r-size-1) {
11724
- --select-content-padding: var(--space-2);
11725
- --select-item-height: var(--control-height-1);
11726
- --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
11727
- --select-separator-margin-right: var(--space-3);
11728
- border-radius: var(--radius-surface-1);
11729
- }
11730
- .rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectLabel) {
11731
- font-size: var(--font-size-1);
11732
- letter-spacing: var(--letter-spacing-1);
11733
- line-height: var(--line-height-1);
11734
- }
11735
- .rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectItem) {
11736
- font-size: var(--font-size-1);
11737
- line-height: var(--line-height-1);
11738
- letter-spacing: var(--letter-spacing-1);
11739
- border-radius: var(--radius-1);
11740
- }
11741
- .rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
11742
- width: var(--select-indicator-icon-size-1);
11743
- height: var(--select-indicator-icon-size-1);
11744
- }
11745
- .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) {
11746
- --select-content-padding: var(--space-3);
11747
- --select-item-indicator-width: var(--space-6);
11748
- --select-separator-margin-right: var(--space-4);
11749
- border-radius: var(--radius-surface-1);
11750
- }
11751
- .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) :where(.rt-SelectLabel) {
11752
- font-size: var(--font-size-2);
11753
- letter-spacing: var(--letter-spacing-2);
11754
- line-height: var(--line-height-2);
11755
- }
11756
- .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) :where(.rt-SelectItem) {
11757
- line-height: var(--line-height-2);
11758
- border-radius: var(--radius-2);
11759
- }
11760
- .rt-SelectContent:where(.rt-r-size-2) {
11761
- --select-item-height: var(--control-height-2);
11762
- }
11763
- .rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItem) {
11764
- font-size: var(--font-size-2);
11765
- letter-spacing: var(--letter-spacing-2);
11766
- }
11767
- .rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
11768
- width: var(--select-indicator-icon-size-2);
11769
- height: var(--select-indicator-icon-size-2);
11770
- }
11771
- .rt-SelectContent:where(.rt-r-size-3) {
11772
- --select-item-height: var(--control-height-3);
11773
- }
11774
- .rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItem) {
11775
- font-size: var(--font-size-3);
11776
- letter-spacing: var(--letter-spacing-3);
11777
- }
11778
- .rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
11779
- width: var(--select-indicator-icon-size-3);
11780
- height: var(--select-indicator-icon-size-3);
11781
- }
11782
- .rt-SelectContent:where(.rt-r-size-4) {
11783
- --select-item-height: var(--control-height-4);
11784
- }
11785
- .rt-SelectContent:where(.rt-r-size-4) :where(.rt-SelectItem) {
11786
- font-size: var(--font-size-4);
11787
- letter-spacing: var(--letter-spacing-4);
11788
- }
11789
- .rt-SelectContent:where(.rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
11790
- width: var(--select-indicator-icon-size-4);
11791
- height: var(--select-indicator-icon-size-4);
11792
- }
11793
- @media (min-width: 520px) {
11794
- .rt-SelectContent:where(.xs\:rt-r-size-1) {
11795
- --select-content-padding: var(--space-2);
11796
- --select-item-height: var(--control-height-1);
11797
- --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
11798
- --select-separator-margin-right: var(--space-3);
11799
- border-radius: var(--radius-surface-1);
11800
- }
11801
- .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectLabel) {
11802
- font-size: var(--font-size-1);
11803
- letter-spacing: var(--letter-spacing-1);
11804
- line-height: var(--line-height-1);
11805
- }
11806
- .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectItem) {
11807
- font-size: var(--font-size-1);
11808
- line-height: var(--line-height-1);
11809
- letter-spacing: var(--letter-spacing-1);
11810
- border-radius: var(--radius-1);
11811
- }
11812
- .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
11813
- width: var(--select-indicator-icon-size-1);
11814
- height: var(--select-indicator-icon-size-1);
11815
- }
11816
- .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) {
11817
- --select-content-padding: var(--space-3);
11818
- --select-item-indicator-width: var(--space-6);
11819
- --select-separator-margin-right: var(--space-4);
11820
- border-radius: var(--radius-surface-1);
11821
- }
11822
- .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) :where(.rt-SelectLabel) {
11823
- font-size: var(--font-size-2);
11824
- letter-spacing: var(--letter-spacing-2);
11825
- line-height: var(--line-height-2);
11826
- }
11827
- .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) :where(.rt-SelectItem) {
11828
- line-height: var(--line-height-2);
11829
- border-radius: var(--radius-2);
11830
- }
11831
- .rt-SelectContent:where(.xs\:rt-r-size-2) {
11832
- --select-item-height: var(--control-height-2);
11833
- }
11834
- .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItem) {
11835
- font-size: var(--font-size-2);
11836
- letter-spacing: var(--letter-spacing-2);
11837
- }
11838
- .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
11839
- width: var(--select-indicator-icon-size-2);
11840
- height: var(--select-indicator-icon-size-2);
11841
- }
11842
- .rt-SelectContent:where(.xs\:rt-r-size-3) {
11843
- --select-item-height: var(--control-height-3);
11844
- }
11845
- .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItem) {
11846
- font-size: var(--font-size-3);
11847
- letter-spacing: var(--letter-spacing-3);
11848
- }
11849
- .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
11850
- width: var(--select-indicator-icon-size-3);
11851
- height: var(--select-indicator-icon-size-3);
11852
- }
11853
- .rt-SelectContent:where(.xs\:rt-r-size-4) {
11854
- --select-item-height: var(--control-height-4);
11855
- }
11856
- .rt-SelectContent:where(.xs\:rt-r-size-4) :where(.rt-SelectItem) {
11857
- font-size: var(--font-size-4);
11858
- letter-spacing: var(--letter-spacing-4);
11859
- }
11860
- .rt-SelectContent:where(.xs\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
11861
- width: var(--select-indicator-icon-size-4);
11862
- height: var(--select-indicator-icon-size-4);
11863
- }
11864
- }
11865
- @media (min-width: 768px) {
11866
- .rt-SelectContent:where(.sm\:rt-r-size-1) {
11867
- --select-content-padding: var(--space-2);
11868
- --select-item-height: var(--control-height-1);
11869
- --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
11870
- --select-separator-margin-right: var(--space-3);
11871
- border-radius: var(--radius-surface-1);
11872
- }
11873
- .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectLabel) {
11874
- font-size: var(--font-size-1);
11875
- letter-spacing: var(--letter-spacing-1);
11876
- line-height: var(--line-height-1);
11877
- }
11878
- .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectItem) {
11879
- font-size: var(--font-size-1);
11880
- line-height: var(--line-height-1);
11881
- letter-spacing: var(--letter-spacing-1);
11882
- border-radius: var(--radius-1);
11883
- }
11884
- .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
11885
- width: var(--select-indicator-icon-size-1);
11886
- height: var(--select-indicator-icon-size-1);
11887
- }
11888
- .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) {
11889
- --select-content-padding: var(--space-3);
11890
- --select-item-indicator-width: var(--space-6);
11891
- --select-separator-margin-right: var(--space-4);
11892
- border-radius: var(--radius-surface-1);
11893
- }
11894
- .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) :where(.rt-SelectLabel) {
11895
- font-size: var(--font-size-2);
11896
- letter-spacing: var(--letter-spacing-2);
11897
- line-height: var(--line-height-2);
11898
- }
11899
- .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) :where(.rt-SelectItem) {
11900
- line-height: var(--line-height-2);
11901
- border-radius: var(--radius-2);
11902
- }
11903
- .rt-SelectContent:where(.sm\:rt-r-size-2) {
11904
- --select-item-height: var(--control-height-2);
11905
- }
11906
- .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItem) {
11907
- font-size: var(--font-size-2);
11908
- letter-spacing: var(--letter-spacing-2);
11909
- }
11910
- .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
11911
- width: var(--select-indicator-icon-size-2);
11912
- height: var(--select-indicator-icon-size-2);
11913
- }
11914
- .rt-SelectContent:where(.sm\:rt-r-size-3) {
11915
- --select-item-height: var(--control-height-3);
11916
- }
11917
- .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItem) {
11918
- font-size: var(--font-size-3);
11919
- letter-spacing: var(--letter-spacing-3);
11920
- }
11921
- .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
11922
- width: var(--select-indicator-icon-size-3);
11923
- height: var(--select-indicator-icon-size-3);
11924
- }
11925
- .rt-SelectContent:where(.sm\:rt-r-size-4) {
11926
- --select-item-height: var(--control-height-4);
11927
- }
11928
- .rt-SelectContent:where(.sm\:rt-r-size-4) :where(.rt-SelectItem) {
11929
- font-size: var(--font-size-4);
11930
- letter-spacing: var(--letter-spacing-4);
11931
- }
11932
- .rt-SelectContent:where(.sm\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
11933
- width: var(--select-indicator-icon-size-4);
11934
- height: var(--select-indicator-icon-size-4);
11935
- }
11936
- }
11937
- @media (min-width: 1024px) {
11938
- .rt-SelectContent:where(.md\:rt-r-size-1) {
11939
- --select-content-padding: var(--space-2);
11940
- --select-item-height: var(--control-height-1);
11941
- --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
11942
- --select-separator-margin-right: var(--space-3);
11943
- border-radius: var(--radius-surface-1);
11944
- }
11945
- .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectLabel) {
11946
- font-size: var(--font-size-1);
11947
- letter-spacing: var(--letter-spacing-1);
11948
- line-height: var(--line-height-1);
11949
- }
11950
- .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectItem) {
11951
- font-size: var(--font-size-1);
11952
- line-height: var(--line-height-1);
11953
- letter-spacing: var(--letter-spacing-1);
11954
- border-radius: var(--radius-1);
11955
- }
11956
- .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
11957
- width: var(--select-indicator-icon-size-1);
11958
- height: var(--select-indicator-icon-size-1);
11959
- }
11960
- .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) {
11961
- --select-content-padding: var(--space-3);
11962
- --select-item-indicator-width: var(--space-6);
11963
- --select-separator-margin-right: var(--space-4);
11964
- border-radius: var(--radius-surface-1);
11965
- }
11966
- .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) :where(.rt-SelectLabel) {
11967
- font-size: var(--font-size-2);
11968
- letter-spacing: var(--letter-spacing-2);
11969
- line-height: var(--line-height-2);
11970
- }
11971
- .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) :where(.rt-SelectItem) {
11972
- line-height: var(--line-height-2);
11973
- border-radius: var(--radius-2);
11974
- }
11975
- .rt-SelectContent:where(.md\:rt-r-size-2) {
11976
- --select-item-height: var(--control-height-2);
11977
- }
11978
- .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItem) {
11979
- font-size: var(--font-size-2);
11980
- letter-spacing: var(--letter-spacing-2);
11981
- }
11982
- .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
11983
- width: var(--select-indicator-icon-size-2);
11984
- height: var(--select-indicator-icon-size-2);
11985
- }
11986
- .rt-SelectContent:where(.md\:rt-r-size-3) {
11987
- --select-item-height: var(--control-height-3);
11988
- }
11989
- .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItem) {
11990
- font-size: var(--font-size-3);
11991
- letter-spacing: var(--letter-spacing-3);
11992
- }
11993
- .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
11994
- width: var(--select-indicator-icon-size-3);
11995
- height: var(--select-indicator-icon-size-3);
11996
- }
11997
- .rt-SelectContent:where(.md\:rt-r-size-4) {
11998
- --select-item-height: var(--control-height-4);
11999
- }
12000
- .rt-SelectContent:where(.md\:rt-r-size-4) :where(.rt-SelectItem) {
12001
- font-size: var(--font-size-4);
12002
- letter-spacing: var(--letter-spacing-4);
12003
- }
12004
- .rt-SelectContent:where(.md\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
12005
- width: var(--select-indicator-icon-size-4);
12006
- height: var(--select-indicator-icon-size-4);
12007
- }
12008
- }
12009
- @media (min-width: 1280px) {
12010
- .rt-SelectContent:where(.lg\:rt-r-size-1) {
12011
- --select-content-padding: var(--space-2);
12012
- --select-item-height: var(--control-height-1);
12013
- --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
12014
- --select-separator-margin-right: var(--space-3);
12015
- border-radius: var(--radius-surface-1);
12016
- }
12017
- .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectLabel) {
12018
- font-size: var(--font-size-1);
12019
- letter-spacing: var(--letter-spacing-1);
12020
- line-height: var(--line-height-1);
12021
- }
12022
- .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectItem) {
12023
- font-size: var(--font-size-1);
12024
- line-height: var(--line-height-1);
12025
- letter-spacing: var(--letter-spacing-1);
12026
- border-radius: var(--radius-1);
12027
- }
12028
- .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
12029
- width: var(--select-indicator-icon-size-1);
12030
- height: var(--select-indicator-icon-size-1);
12031
- }
12032
- .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) {
12033
- --select-content-padding: var(--space-3);
12034
- --select-item-indicator-width: var(--space-6);
12035
- --select-separator-margin-right: var(--space-4);
12036
- border-radius: var(--radius-surface-1);
12037
- }
12038
- .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) :where(.rt-SelectLabel) {
12039
- font-size: var(--font-size-2);
12040
- letter-spacing: var(--letter-spacing-2);
12041
- line-height: var(--line-height-2);
12042
- }
12043
- .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) :where(.rt-SelectItem) {
12044
- line-height: var(--line-height-2);
12045
- border-radius: var(--radius-2);
12046
- }
12047
- .rt-SelectContent:where(.lg\:rt-r-size-2) {
12048
- --select-item-height: var(--control-height-2);
12049
- }
12050
- .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItem) {
12051
- font-size: var(--font-size-2);
12052
- letter-spacing: var(--letter-spacing-2);
12053
- }
12054
- .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
12055
- width: var(--select-indicator-icon-size-2);
12056
- height: var(--select-indicator-icon-size-2);
12057
- }
12058
- .rt-SelectContent:where(.lg\:rt-r-size-3) {
12059
- --select-item-height: var(--control-height-3);
12060
- }
12061
- .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItem) {
12062
- font-size: var(--font-size-3);
12063
- letter-spacing: var(--letter-spacing-3);
12064
- }
12065
- .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
12066
- width: var(--select-indicator-icon-size-3);
12067
- height: var(--select-indicator-icon-size-3);
12068
- }
12069
- .rt-SelectContent:where(.lg\:rt-r-size-4) {
12070
- --select-item-height: var(--control-height-4);
12071
- }
12072
- .rt-SelectContent:where(.lg\:rt-r-size-4) :where(.rt-SelectItem) {
12073
- font-size: var(--font-size-4);
12074
- letter-spacing: var(--letter-spacing-4);
12075
- }
12076
- .rt-SelectContent:where(.lg\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
12077
- width: var(--select-indicator-icon-size-4);
12078
- height: var(--select-indicator-icon-size-4);
12079
- }
12080
- }
12081
- @media (min-width: 1640px) {
12082
- .rt-SelectContent:where(.xl\:rt-r-size-1) {
12083
- --select-content-padding: var(--space-2);
12084
- --select-item-height: var(--control-height-1);
12085
- --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
12086
- --select-separator-margin-right: var(--space-3);
12087
- border-radius: var(--radius-surface-1);
12088
- }
12089
- .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectLabel) {
12090
- font-size: var(--font-size-1);
12091
- letter-spacing: var(--letter-spacing-1);
12092
- line-height: var(--line-height-1);
12093
- }
12094
- .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectItem) {
12095
- font-size: var(--font-size-1);
12096
- line-height: var(--line-height-1);
12097
- letter-spacing: var(--letter-spacing-1);
12098
- border-radius: var(--radius-1);
12099
- }
12100
- .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
12101
- width: var(--select-indicator-icon-size-1);
12102
- height: var(--select-indicator-icon-size-1);
12103
- }
12104
- .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) {
12105
- --select-content-padding: var(--space-3);
12106
- --select-item-indicator-width: var(--space-6);
12107
- --select-separator-margin-right: var(--space-4);
12108
- border-radius: var(--radius-surface-1);
12109
- }
12110
- .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) :where(.rt-SelectLabel) {
12111
- font-size: var(--font-size-2);
12112
- letter-spacing: var(--letter-spacing-2);
12113
- line-height: var(--line-height-2);
12114
- }
12115
- .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) :where(.rt-SelectItem) {
12116
- line-height: var(--line-height-2);
12117
- border-radius: var(--radius-2);
12118
- }
12119
- .rt-SelectContent:where(.xl\:rt-r-size-2) {
12120
- --select-item-height: var(--control-height-2);
12121
- }
12122
- .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItem) {
12123
- font-size: var(--font-size-2);
12124
- letter-spacing: var(--letter-spacing-2);
12125
- }
12126
- .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
12127
- width: var(--select-indicator-icon-size-2);
12128
- height: var(--select-indicator-icon-size-2);
12129
- }
12130
- .rt-SelectContent:where(.xl\:rt-r-size-3) {
12131
- --select-item-height: var(--control-height-3);
12132
- }
12133
- .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItem) {
12134
- font-size: var(--font-size-3);
12135
- letter-spacing: var(--letter-spacing-3);
12136
- }
12137
- .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
12138
- width: var(--select-indicator-icon-size-3);
12139
- height: var(--select-indicator-icon-size-3);
12140
- }
12141
- .rt-SelectContent:where(.xl\:rt-r-size-4) {
12142
- --select-item-height: var(--control-height-4);
12143
- }
12144
- .rt-SelectContent:where(.xl\:rt-r-size-4) :where(.rt-SelectItem) {
12145
- font-size: var(--font-size-4);
12146
- letter-spacing: var(--letter-spacing-4);
12147
- }
12148
- .rt-SelectContent:where(.xl\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
12149
- width: var(--select-indicator-icon-size-4);
12150
- height: var(--select-indicator-icon-size-4);
12151
- }
12152
- }
12153
10920
  .rt-SelectTrigger:where(.rt-variant-raised) {
12154
10921
  position: relative;
12155
10922
  top: var(--raised-elevation-offset);
@@ -12419,7 +11186,6 @@
12419
11186
  }
12420
11187
  .rt-SelectItem:where([data-disabled]) {
12421
11188
  color: var(--gray-a8);
12422
- cursor: default;
12423
11189
  }
12424
11190
  .rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
12425
11191
  color: var(--gray-a10);
@@ -12626,7 +11392,7 @@
12626
11392
  -webkit-box-align: center;
12627
11393
  -ms-flex-align: center;
12628
11394
  align-items: center;
12629
- gap: var(--space-3);
11395
+ gap: var(--base-menu-item-gap);
12630
11396
  min-height: var(--base-menu-item-height);
12631
11397
  padding-top: var(--base-menu-item-padding-y);
12632
11398
  padding-bottom: var(--base-menu-item-padding-y);
@@ -12698,30 +11464,6 @@
12698
11464
  -webkit-margin-start: var(--space-4);
12699
11465
  margin-inline-start: var(--space-4);
12700
11466
  }
12701
- :where(.rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
12702
- -webkit-padding-start: var(--space-4);
12703
- padding-inline-start: var(--space-4);
12704
- padding-top: calc(var(--space-2) * 0.75);
12705
- padding-bottom: calc(var(--space-2) * 0.75);
12706
- min-height: var(--space-7);
12707
- font-size: var(--font-size-1);
12708
- }
12709
- :where(.rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
12710
- -webkit-padding-start: var(--space-4);
12711
- padding-inline-start: var(--space-4);
12712
- padding-top: var(--space-2);
12713
- padding-bottom: var(--space-2);
12714
- min-height: var(--space-8);
12715
- font-size: var(--font-size-2);
12716
- }
12717
- :where(.rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
12718
- -webkit-padding-start: var(--space-4);
12719
- padding-inline-start: var(--space-4);
12720
- padding-top: var(--space-3);
12721
- padding-bottom: var(--space-3);
12722
- min-height: var(--space-9);
12723
- font-size: var(--font-size-3);
12724
- }
12725
11467
  .rt-SidebarGroupLabel {
12726
11468
  display: -webkit-box;
12727
11469
  display: -ms-flexbox;
@@ -12748,14 +11490,6 @@
12748
11490
  :where(.rt-SidebarMenuItem) + .rt-SidebarGroupLabel {
12749
11491
  margin-top: var(--space-3);
12750
11492
  }
12751
- :where(.rt-SidebarContent.rt-r-size-1) .rt-SidebarMenuButton:where(:has(.rt-SidebarMenuShortcut,.rt-SidebarMenuBadge)) {
12752
- -webkit-padding-end: var(--base-menu-item-padding-y);
12753
- padding-inline-end: var(--base-menu-item-padding-y);
12754
- }
12755
- :where(.rt-SidebarContent.rt-r-size-2) .rt-SidebarMenuButton:where(:has(.rt-SidebarMenuShortcut,.rt-SidebarMenuBadge)) {
12756
- -webkit-padding-end: var(--base-menu-item-padding-y);
12757
- padding-inline-end: var(--base-menu-item-padding-y);
12758
- }
12759
11493
  .rt-SidebarMenuShortcut {
12760
11494
  display: -webkit-box;
12761
11495
  display: -ms-flexbox;
@@ -12778,6 +11512,10 @@
12778
11512
  align-items: center;
12779
11513
  -webkit-margin-start: auto;
12780
11514
  margin-inline-start: auto;
11515
+ -webkit-margin-end: calc(var(--base-menu-item-padding-y) - var(--base-menu-item-padding-right));
11516
+ margin-inline-end: calc(var(--base-menu-item-padding-y) - var(--base-menu-item-padding-right));
11517
+ margin-top: calc(-1 * var(--base-menu-item-padding-y));
11518
+ margin-bottom: calc(-1 * var(--base-menu-item-padding-y));
12781
11519
  -webkit-padding-start: var(--space-3);
12782
11520
  padding-inline-start: var(--space-3);
12783
11521
  }
@@ -12811,8 +11549,8 @@
12811
11549
  flex-direction: column !important;
12812
11550
  gap: var(--space-2) !important;
12813
11551
  text-align: center !important;
12814
- font-size: var(--font-size-0) !important;
12815
- line-height: var(--line-height-0) !important;
11552
+ font-size: var(--font-size-1) !important;
11553
+ line-height: var(--line-height-1) !important;
12816
11554
  -webkit-padding-start: var(--space-2) !important;
12817
11555
  padding-inline-start: var(--space-2) !important;
12818
11556
  -webkit-padding-end: var(--space-2) !important;
@@ -12835,8 +11573,8 @@
12835
11573
  flex-direction: column;
12836
11574
  gap: var(--space-2);
12837
11575
  text-align: center;
12838
- font-size: var(--font-size-0);
12839
- line-height: var(--line-height-0);
11576
+ font-size: var(--font-size-1);
11577
+ line-height: var(--line-height-1);
12840
11578
  white-space: nowrap;
12841
11579
  overflow: hidden;
12842
11580
  text-overflow: ellipsis;
@@ -12858,8 +11596,8 @@
12858
11596
  flex-direction: column;
12859
11597
  gap: var(--space-2);
12860
11598
  text-align: center;
12861
- font-size: var(--font-size-0);
12862
- line-height: var(--line-height-0);
11599
+ font-size: var(--font-size-1);
11600
+ line-height: var(--line-height-1);
12863
11601
  white-space: nowrap;
12864
11602
  overflow: hidden;
12865
11603
  text-overflow: ellipsis;
@@ -12881,8 +11619,8 @@
12881
11619
  flex-direction: column;
12882
11620
  gap: var(--space-2);
12883
11621
  text-align: center;
12884
- font-size: var(--font-size-0);
12885
- line-height: var(--line-height-0);
11622
+ font-size: var(--font-size-1);
11623
+ line-height: var(--line-height-1);
12886
11624
  white-space: nowrap;
12887
11625
  overflow: hidden;
12888
11626
  text-overflow: ellipsis;
@@ -13024,8 +11762,8 @@
13024
11762
  white-space: nowrap;
13025
11763
  text-align: center;
13026
11764
  color: var(--gray-11);
13027
- font-size: var(--font-size-0);
13028
- line-height: var(--line-height-0);
11765
+ font-size: var(--font-size-1);
11766
+ line-height: var(--line-height-1);
13029
11767
  }
13030
11768
  :where(.rt-ShellRailContent .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
13031
11769
  color: var(--accent-ink);
@@ -13273,12 +12011,14 @@
13273
12011
  -webkit-box-align: center;
13274
12012
  -ms-flex-align: center;
13275
12013
  align-items: center;
13276
- gap: var(--space-3);
12014
+ gap: var(--base-menu-item-gap);
13277
12015
  min-height: var(--base-menu-item-height);
13278
12016
  padding-top: var(--base-menu-item-padding-y);
13279
12017
  padding-bottom: var(--base-menu-item-padding-y);
13280
- padding-left: var(--base-menu-item-padding-left);
13281
- padding-right: var(--base-menu-item-padding-right);
12018
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12019
+ padding-inline-start: var(--base-menu-item-padding-left);
12020
+ -webkit-padding-end: var(--base-menu-item-padding-right);
12021
+ padding-inline-end: var(--base-menu-item-padding-right);
13282
12022
  -webkit-box-sizing: border-box;
13283
12023
  box-sizing: border-box;
13284
12024
  position: relative;
@@ -13300,17 +12040,71 @@
13300
12040
  outline: 2px solid var(--focus-8);
13301
12041
  outline-offset: 2px;
13302
12042
  }
13303
- .rt-SidebarHeader :where(.rt-SidebarMenuButton) {
13304
- border-radius: var(--sidebar-base-border-radius) var(--sidebar-base-border-radius) 0 0;
13305
- }
13306
- .rt-SidebarFooter :where(.rt-SidebarMenuButton) {
13307
- border-radius: 0 0 var(--sidebar-base-border-radius) var(--sidebar-base-border-radius);
13308
- }
13309
12043
  .rt-SidebarMenuSubTriggerIcon {
13310
12044
  -ms-flex-negative: 0;
13311
12045
  flex-shrink: 0;
13312
12046
  margin-left: auto;
13313
12047
  }
12048
+ .rt-SidebarHeader:where(.rt-r-size-1),
12049
+ .rt-SidebarFooter:where(.rt-r-size-1) {
12050
+ --base-menu-content-padding: var(--panel-p-1);
12051
+ --base-menu-item-padding-y: var(--row-inset-1);
12052
+ --base-menu-item-px: var(--control-px-1);
12053
+ --base-menu-item-px-pill: var(--control-px-pill-1);
12054
+ --base-menu-item-gap: var(--control-gap-1);
12055
+ --base-menu-icon-size: var(--icon-size-1);
12056
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
12057
+ --base-menu-font-size: var(--font-size-1);
12058
+ --base-menu-line-height: var(--line-height-1);
12059
+ --base-menu-letter-spacing: var(--letter-spacing-1);
12060
+ }
12061
+ .rt-SidebarContent:where(.rt-r-size-1),
12062
+ .rt-SidebarHeader:where(.rt-r-size-1),
12063
+ .rt-SidebarFooter:where(.rt-r-size-1) {
12064
+ --base-menu-item-height: var(--control-height-1);
12065
+ --base-menu-item-radius: var(--radius-control-1);
12066
+ --sidebar-item-height: var(--control-height-1);
12067
+ }
12068
+ .rt-SidebarHeader:where(.rt-r-size-2),
12069
+ .rt-SidebarFooter:where(.rt-r-size-2) {
12070
+ --base-menu-content-padding: var(--panel-p-2);
12071
+ --base-menu-item-padding-y: var(--row-inset-2);
12072
+ --base-menu-item-px: var(--control-px-2);
12073
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12074
+ --base-menu-item-gap: var(--control-gap-2);
12075
+ --base-menu-icon-size: var(--icon-size-2);
12076
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12077
+ --base-menu-font-size: var(--font-size-2);
12078
+ --base-menu-line-height: var(--line-height-2);
12079
+ --base-menu-letter-spacing: var(--letter-spacing-2);
12080
+ }
12081
+ .rt-SidebarContent:where(.rt-r-size-2),
12082
+ .rt-SidebarHeader:where(.rt-r-size-2),
12083
+ .rt-SidebarFooter:where(.rt-r-size-2) {
12084
+ --base-menu-item-height: var(--control-height-2);
12085
+ --base-menu-item-radius: var(--radius-control-2);
12086
+ --sidebar-item-height: var(--control-height-2);
12087
+ }
12088
+ .rt-SidebarHeader:where(.rt-r-size-3),
12089
+ .rt-SidebarFooter:where(.rt-r-size-3) {
12090
+ --base-menu-content-padding: var(--panel-p-3);
12091
+ --base-menu-item-padding-y: var(--row-inset-3);
12092
+ --base-menu-item-px: var(--control-px-3);
12093
+ --base-menu-item-px-pill: var(--control-px-pill-3);
12094
+ --base-menu-item-gap: var(--control-gap-3);
12095
+ --base-menu-icon-size: var(--icon-size-3);
12096
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
12097
+ --base-menu-font-size: var(--font-size-3);
12098
+ --base-menu-line-height: var(--line-height-3);
12099
+ --base-menu-letter-spacing: var(--letter-spacing-3);
12100
+ }
12101
+ .rt-SidebarContent:where(.rt-r-size-3),
12102
+ .rt-SidebarHeader:where(.rt-r-size-3),
12103
+ .rt-SidebarFooter:where(.rt-r-size-3) {
12104
+ --base-menu-item-height: var(--control-height-3);
12105
+ --base-menu-item-radius: var(--radius-control-3);
12106
+ --sidebar-item-height: var(--control-height-3);
12107
+ }
13314
12108
  .rt-ShellPaneChrome:where(.rt-r-size-1) {
13315
12109
  --sidebar-base-padding: var(--surface-p-1);
13316
12110
  }
@@ -13329,626 +12123,404 @@
13329
12123
  .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.rt-r-size-3) {
13330
12124
  --base-menu-content-padding: var(--surface-p-3);
13331
12125
  }
13332
- .rt-SidebarHeader:where(.rt-r-size-1),
13333
- .rt-SidebarFooter:where(.rt-r-size-1) {
13334
- --base-menu-content-padding: var(--space-3);
13335
- --base-menu-item-padding-left: var(--space-3);
13336
- --base-menu-item-padding-right: var(--space-3);
13337
- --base-menu-item-padding-y: var(--space-2);
13338
- --base-menu-item-height: var(--control-height-1);
13339
- --sidebar-item-height: var(--base-menu-item-height);
13340
- }
13341
- :is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton) {
13342
- gap: var(--component-gap-2);
13343
- font-size: var(--font-size-1);
13344
- line-height: var(--line-height-1);
13345
- letter-spacing: var(--letter-spacing-1);
13346
- border-radius: var(--radius-1);
13347
- }
13348
- :is(:is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
13349
- width: var(--content-icon-size-1);
13350
- height: var(--content-icon-size-1);
13351
- -ms-flex-negative: 0;
13352
- flex-shrink: 0;
13353
- }
13354
- :is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
13355
- width: var(--indicator-icon-size-1);
13356
- height: var(--indicator-icon-size-1);
13357
- -ms-flex-negative: 0;
13358
- flex-shrink: 0;
13359
- margin-left: auto;
13360
- }
13361
- .rt-SidebarHeader:where(.rt-r-size-2),
13362
- .rt-SidebarFooter:where(.rt-r-size-2) {
13363
- --base-menu-content-padding: var(--space-4);
13364
- --base-menu-item-padding-left: var(--space-4);
13365
- --base-menu-item-padding-right: var(--space-4);
13366
- --base-menu-item-padding-y: var(--space-2);
13367
- --base-menu-item-height: var(--control-height-2);
13368
- --sidebar-item-height: var(--base-menu-item-height);
13369
- }
13370
- :is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton) {
13371
- gap: var(--component-gap-3);
13372
- font-size: var(--font-size-2);
13373
- line-height: var(--line-height-2);
13374
- letter-spacing: var(--letter-spacing-2);
13375
- border-radius: var(--radius-2);
13376
- }
13377
- :is(:is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
13378
- width: var(--content-icon-size-2);
13379
- height: var(--content-icon-size-2);
13380
- -ms-flex-negative: 0;
13381
- flex-shrink: 0;
13382
- }
13383
- :is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
13384
- width: var(--indicator-icon-size-2);
13385
- height: var(--indicator-icon-size-2);
13386
- -ms-flex-negative: 0;
13387
- flex-shrink: 0;
13388
- margin-left: auto;
13389
- }
13390
- .rt-SidebarHeader:where(.rt-r-size-3),
13391
- .rt-SidebarFooter:where(.rt-r-size-3) {
13392
- --base-menu-content-padding: var(--space-4);
13393
- --base-menu-item-padding-left: var(--space-4);
13394
- --base-menu-item-padding-right: var(--space-4);
13395
- --base-menu-item-padding-y: var(--space-3);
13396
- --base-menu-item-height: var(--control-height-3);
13397
- --sidebar-item-height: var(--base-menu-item-height);
13398
- }
13399
- :is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton) {
13400
- gap: var(--component-gap-4);
13401
- font-size: var(--font-size-3);
13402
- line-height: var(--line-height-3);
13403
- letter-spacing: var(--letter-spacing-3);
13404
- border-radius: var(--radius-2);
13405
- }
13406
- :is(:is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
13407
- width: var(--content-icon-size-3);
13408
- height: var(--content-icon-size-3);
13409
- -ms-flex-negative: 0;
13410
- flex-shrink: 0;
13411
- }
13412
- :is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
13413
- width: var(--indicator-icon-size-3);
13414
- height: var(--indicator-icon-size-3);
13415
- -ms-flex-negative: 0;
13416
- flex-shrink: 0;
13417
- margin-left: auto;
13418
- }
13419
12126
  @media (min-width: 520px) {
13420
- .rt-ShellPaneChrome:where(.xs\:rt-r-size-1) {
13421
- --sidebar-base-padding: var(--surface-p-1);
13422
- }
13423
- .rt-ShellPaneChrome:where(.xs\:rt-r-size-2) {
13424
- --sidebar-base-padding: var(--surface-p-2);
13425
- }
13426
- .rt-ShellPaneChrome:where(.xs\:rt-r-size-3) {
13427
- --sidebar-base-padding: var(--surface-p-3);
13428
- }
13429
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xs\:rt-r-size-1) {
13430
- --base-menu-content-padding: var(--surface-p-1);
13431
- }
13432
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xs\:rt-r-size-2) {
13433
- --base-menu-content-padding: var(--surface-p-2);
13434
- }
13435
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xs\:rt-r-size-3) {
13436
- --base-menu-content-padding: var(--surface-p-3);
13437
- }
13438
12127
  .rt-SidebarHeader:where(.xs\:rt-r-size-1),
13439
12128
  .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
13440
- --base-menu-content-padding: var(--space-3);
13441
- --base-menu-item-padding-left: var(--space-3);
13442
- --base-menu-item-padding-right: var(--space-3);
13443
- --base-menu-item-padding-y: var(--space-2);
12129
+ --base-menu-content-padding: var(--panel-p-1);
12130
+ --base-menu-item-padding-y: var(--row-inset-1);
12131
+ --base-menu-item-px: var(--control-px-1);
12132
+ --base-menu-item-px-pill: var(--control-px-pill-1);
12133
+ --base-menu-item-gap: var(--control-gap-1);
12134
+ --base-menu-icon-size: var(--icon-size-1);
12135
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
12136
+ --base-menu-font-size: var(--font-size-1);
12137
+ --base-menu-line-height: var(--line-height-1);
12138
+ --base-menu-letter-spacing: var(--letter-spacing-1);
12139
+ }
12140
+ .rt-SidebarContent:where(.xs\:rt-r-size-1),
12141
+ .rt-SidebarHeader:where(.xs\:rt-r-size-1),
12142
+ .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
13444
12143
  --base-menu-item-height: var(--control-height-1);
13445
- --sidebar-item-height: var(--base-menu-item-height);
13446
- }
13447
- :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
13448
- gap: var(--component-gap-2);
13449
- font-size: var(--font-size-1);
13450
- line-height: var(--line-height-1);
13451
- letter-spacing: var(--letter-spacing-1);
13452
- border-radius: var(--radius-1);
13453
- }
13454
- :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
13455
- width: var(--content-icon-size-1);
13456
- height: var(--content-icon-size-1);
13457
- -ms-flex-negative: 0;
13458
- flex-shrink: 0;
13459
- }
13460
- :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
13461
- width: var(--indicator-icon-size-1);
13462
- height: var(--indicator-icon-size-1);
13463
- -ms-flex-negative: 0;
13464
- flex-shrink: 0;
13465
- margin-left: auto;
12144
+ --base-menu-item-radius: var(--radius-control-1);
12145
+ --sidebar-item-height: var(--control-height-1);
13466
12146
  }
13467
12147
  .rt-SidebarHeader:where(.xs\:rt-r-size-2),
13468
12148
  .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
13469
- --base-menu-content-padding: var(--space-4);
13470
- --base-menu-item-padding-left: var(--space-4);
13471
- --base-menu-item-padding-right: var(--space-4);
13472
- --base-menu-item-padding-y: var(--space-2);
12149
+ --base-menu-content-padding: var(--panel-p-2);
12150
+ --base-menu-item-padding-y: var(--row-inset-2);
12151
+ --base-menu-item-px: var(--control-px-2);
12152
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12153
+ --base-menu-item-gap: var(--control-gap-2);
12154
+ --base-menu-icon-size: var(--icon-size-2);
12155
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12156
+ --base-menu-font-size: var(--font-size-2);
12157
+ --base-menu-line-height: var(--line-height-2);
12158
+ --base-menu-letter-spacing: var(--letter-spacing-2);
12159
+ }
12160
+ .rt-SidebarContent:where(.xs\:rt-r-size-2),
12161
+ .rt-SidebarHeader:where(.xs\:rt-r-size-2),
12162
+ .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
13473
12163
  --base-menu-item-height: var(--control-height-2);
13474
- --sidebar-item-height: var(--base-menu-item-height);
13475
- }
13476
- :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
13477
- gap: var(--component-gap-3);
13478
- font-size: var(--font-size-2);
13479
- line-height: var(--line-height-2);
13480
- letter-spacing: var(--letter-spacing-2);
13481
- border-radius: var(--radius-2);
13482
- }
13483
- :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
13484
- width: var(--content-icon-size-2);
13485
- height: var(--content-icon-size-2);
13486
- -ms-flex-negative: 0;
13487
- flex-shrink: 0;
13488
- }
13489
- :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
13490
- width: var(--indicator-icon-size-2);
13491
- height: var(--indicator-icon-size-2);
13492
- -ms-flex-negative: 0;
13493
- flex-shrink: 0;
13494
- margin-left: auto;
12164
+ --base-menu-item-radius: var(--radius-control-2);
12165
+ --sidebar-item-height: var(--control-height-2);
13495
12166
  }
13496
12167
  .rt-SidebarHeader:where(.xs\:rt-r-size-3),
13497
12168
  .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
13498
- --base-menu-content-padding: var(--space-4);
13499
- --base-menu-item-padding-left: var(--space-4);
13500
- --base-menu-item-padding-right: var(--space-4);
13501
- --base-menu-item-padding-y: var(--space-3);
13502
- --base-menu-item-height: var(--control-height-3);
13503
- --sidebar-item-height: var(--base-menu-item-height);
13504
- }
13505
- :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
13506
- gap: var(--component-gap-4);
13507
- font-size: var(--font-size-3);
13508
- line-height: var(--line-height-3);
13509
- letter-spacing: var(--letter-spacing-3);
13510
- border-radius: var(--radius-2);
13511
- }
13512
- :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
13513
- width: var(--content-icon-size-3);
13514
- height: var(--content-icon-size-3);
13515
- -ms-flex-negative: 0;
13516
- flex-shrink: 0;
13517
- }
13518
- :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
13519
- width: var(--indicator-icon-size-3);
13520
- height: var(--indicator-icon-size-3);
13521
- -ms-flex-negative: 0;
13522
- flex-shrink: 0;
13523
- margin-left: auto;
12169
+ --base-menu-content-padding: var(--panel-p-3);
12170
+ --base-menu-item-padding-y: var(--row-inset-3);
12171
+ --base-menu-item-px: var(--control-px-3);
12172
+ --base-menu-item-px-pill: var(--control-px-pill-3);
12173
+ --base-menu-item-gap: var(--control-gap-3);
12174
+ --base-menu-icon-size: var(--icon-size-3);
12175
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
12176
+ --base-menu-font-size: var(--font-size-3);
12177
+ --base-menu-line-height: var(--line-height-3);
12178
+ --base-menu-letter-spacing: var(--letter-spacing-3);
12179
+ }
12180
+ .rt-SidebarContent:where(.xs\:rt-r-size-3),
12181
+ .rt-SidebarHeader:where(.xs\:rt-r-size-3),
12182
+ .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
12183
+ --base-menu-item-height: var(--control-height-3);
12184
+ --base-menu-item-radius: var(--radius-control-3);
12185
+ --sidebar-item-height: var(--control-height-3);
13524
12186
  }
13525
- }
13526
- @media (min-width: 768px) {
13527
- .rt-ShellPaneChrome:where(.sm\:rt-r-size-1) {
12187
+ .rt-ShellPaneChrome:where(.xs\:rt-r-size-1) {
13528
12188
  --sidebar-base-padding: var(--surface-p-1);
13529
12189
  }
13530
- .rt-ShellPaneChrome:where(.sm\:rt-r-size-2) {
12190
+ .rt-ShellPaneChrome:where(.xs\:rt-r-size-2) {
13531
12191
  --sidebar-base-padding: var(--surface-p-2);
13532
12192
  }
13533
- .rt-ShellPaneChrome:where(.sm\:rt-r-size-3) {
12193
+ .rt-ShellPaneChrome:where(.xs\:rt-r-size-3) {
13534
12194
  --sidebar-base-padding: var(--surface-p-3);
13535
12195
  }
13536
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.sm\:rt-r-size-1) {
12196
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xs\:rt-r-size-1) {
13537
12197
  --base-menu-content-padding: var(--surface-p-1);
13538
12198
  }
13539
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.sm\:rt-r-size-2) {
12199
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xs\:rt-r-size-2) {
13540
12200
  --base-menu-content-padding: var(--surface-p-2);
13541
12201
  }
13542
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.sm\:rt-r-size-3) {
12202
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xs\:rt-r-size-3) {
13543
12203
  --base-menu-content-padding: var(--surface-p-3);
13544
12204
  }
12205
+ }
12206
+ @media (min-width: 768px) {
13545
12207
  .rt-SidebarHeader:where(.sm\:rt-r-size-1),
13546
12208
  .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
13547
- --base-menu-content-padding: var(--space-3);
13548
- --base-menu-item-padding-left: var(--space-3);
13549
- --base-menu-item-padding-right: var(--space-3);
13550
- --base-menu-item-padding-y: var(--space-2);
12209
+ --base-menu-content-padding: var(--panel-p-1);
12210
+ --base-menu-item-padding-y: var(--row-inset-1);
12211
+ --base-menu-item-px: var(--control-px-1);
12212
+ --base-menu-item-px-pill: var(--control-px-pill-1);
12213
+ --base-menu-item-gap: var(--control-gap-1);
12214
+ --base-menu-icon-size: var(--icon-size-1);
12215
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
12216
+ --base-menu-font-size: var(--font-size-1);
12217
+ --base-menu-line-height: var(--line-height-1);
12218
+ --base-menu-letter-spacing: var(--letter-spacing-1);
12219
+ }
12220
+ .rt-SidebarContent:where(.sm\:rt-r-size-1),
12221
+ .rt-SidebarHeader:where(.sm\:rt-r-size-1),
12222
+ .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
13551
12223
  --base-menu-item-height: var(--control-height-1);
13552
- --sidebar-item-height: var(--base-menu-item-height);
13553
- }
13554
- :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
13555
- gap: var(--component-gap-2);
13556
- font-size: var(--font-size-1);
13557
- line-height: var(--line-height-1);
13558
- letter-spacing: var(--letter-spacing-1);
13559
- border-radius: var(--radius-1);
13560
- }
13561
- :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
13562
- width: var(--content-icon-size-1);
13563
- height: var(--content-icon-size-1);
13564
- -ms-flex-negative: 0;
13565
- flex-shrink: 0;
13566
- }
13567
- :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
13568
- width: var(--indicator-icon-size-1);
13569
- height: var(--indicator-icon-size-1);
13570
- -ms-flex-negative: 0;
13571
- flex-shrink: 0;
13572
- margin-left: auto;
12224
+ --base-menu-item-radius: var(--radius-control-1);
12225
+ --sidebar-item-height: var(--control-height-1);
13573
12226
  }
13574
12227
  .rt-SidebarHeader:where(.sm\:rt-r-size-2),
13575
12228
  .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
13576
- --base-menu-content-padding: var(--space-4);
13577
- --base-menu-item-padding-left: var(--space-4);
13578
- --base-menu-item-padding-right: var(--space-4);
13579
- --base-menu-item-padding-y: var(--space-2);
12229
+ --base-menu-content-padding: var(--panel-p-2);
12230
+ --base-menu-item-padding-y: var(--row-inset-2);
12231
+ --base-menu-item-px: var(--control-px-2);
12232
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12233
+ --base-menu-item-gap: var(--control-gap-2);
12234
+ --base-menu-icon-size: var(--icon-size-2);
12235
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12236
+ --base-menu-font-size: var(--font-size-2);
12237
+ --base-menu-line-height: var(--line-height-2);
12238
+ --base-menu-letter-spacing: var(--letter-spacing-2);
12239
+ }
12240
+ .rt-SidebarContent:where(.sm\:rt-r-size-2),
12241
+ .rt-SidebarHeader:where(.sm\:rt-r-size-2),
12242
+ .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
13580
12243
  --base-menu-item-height: var(--control-height-2);
13581
- --sidebar-item-height: var(--base-menu-item-height);
13582
- }
13583
- :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
13584
- gap: var(--component-gap-3);
13585
- font-size: var(--font-size-2);
13586
- line-height: var(--line-height-2);
13587
- letter-spacing: var(--letter-spacing-2);
13588
- border-radius: var(--radius-2);
13589
- }
13590
- :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
13591
- width: var(--content-icon-size-2);
13592
- height: var(--content-icon-size-2);
13593
- -ms-flex-negative: 0;
13594
- flex-shrink: 0;
13595
- }
13596
- :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
13597
- width: var(--indicator-icon-size-2);
13598
- height: var(--indicator-icon-size-2);
13599
- -ms-flex-negative: 0;
13600
- flex-shrink: 0;
13601
- margin-left: auto;
12244
+ --base-menu-item-radius: var(--radius-control-2);
12245
+ --sidebar-item-height: var(--control-height-2);
13602
12246
  }
13603
12247
  .rt-SidebarHeader:where(.sm\:rt-r-size-3),
13604
12248
  .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
13605
- --base-menu-content-padding: var(--space-4);
13606
- --base-menu-item-padding-left: var(--space-4);
13607
- --base-menu-item-padding-right: var(--space-4);
13608
- --base-menu-item-padding-y: var(--space-3);
12249
+ --base-menu-content-padding: var(--panel-p-3);
12250
+ --base-menu-item-padding-y: var(--row-inset-3);
12251
+ --base-menu-item-px: var(--control-px-3);
12252
+ --base-menu-item-px-pill: var(--control-px-pill-3);
12253
+ --base-menu-item-gap: var(--control-gap-3);
12254
+ --base-menu-icon-size: var(--icon-size-3);
12255
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
12256
+ --base-menu-font-size: var(--font-size-3);
12257
+ --base-menu-line-height: var(--line-height-3);
12258
+ --base-menu-letter-spacing: var(--letter-spacing-3);
12259
+ }
12260
+ .rt-SidebarContent:where(.sm\:rt-r-size-3),
12261
+ .rt-SidebarHeader:where(.sm\:rt-r-size-3),
12262
+ .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
13609
12263
  --base-menu-item-height: var(--control-height-3);
13610
- --sidebar-item-height: var(--base-menu-item-height);
13611
- }
13612
- :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
13613
- gap: var(--component-gap-4);
13614
- font-size: var(--font-size-3);
13615
- line-height: var(--line-height-3);
13616
- letter-spacing: var(--letter-spacing-3);
13617
- border-radius: var(--radius-2);
13618
- }
13619
- :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
13620
- width: var(--content-icon-size-3);
13621
- height: var(--content-icon-size-3);
13622
- -ms-flex-negative: 0;
13623
- flex-shrink: 0;
12264
+ --base-menu-item-radius: var(--radius-control-3);
12265
+ --sidebar-item-height: var(--control-height-3);
13624
12266
  }
13625
- :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
13626
- width: var(--indicator-icon-size-3);
13627
- height: var(--indicator-icon-size-3);
13628
- -ms-flex-negative: 0;
13629
- flex-shrink: 0;
13630
- margin-left: auto;
13631
- }
13632
- }
13633
- @media (min-width: 1024px) {
13634
- .rt-ShellPaneChrome:where(.md\:rt-r-size-1) {
12267
+ .rt-ShellPaneChrome:where(.sm\:rt-r-size-1) {
13635
12268
  --sidebar-base-padding: var(--surface-p-1);
13636
12269
  }
13637
- .rt-ShellPaneChrome:where(.md\:rt-r-size-2) {
12270
+ .rt-ShellPaneChrome:where(.sm\:rt-r-size-2) {
13638
12271
  --sidebar-base-padding: var(--surface-p-2);
13639
12272
  }
13640
- .rt-ShellPaneChrome:where(.md\:rt-r-size-3) {
12273
+ .rt-ShellPaneChrome:where(.sm\:rt-r-size-3) {
13641
12274
  --sidebar-base-padding: var(--surface-p-3);
13642
12275
  }
13643
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.md\:rt-r-size-1) {
12276
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.sm\:rt-r-size-1) {
13644
12277
  --base-menu-content-padding: var(--surface-p-1);
13645
12278
  }
13646
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.md\:rt-r-size-2) {
12279
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.sm\:rt-r-size-2) {
13647
12280
  --base-menu-content-padding: var(--surface-p-2);
13648
12281
  }
13649
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.md\:rt-r-size-3) {
12282
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.sm\:rt-r-size-3) {
13650
12283
  --base-menu-content-padding: var(--surface-p-3);
13651
12284
  }
12285
+ }
12286
+ @media (min-width: 1024px) {
13652
12287
  .rt-SidebarHeader:where(.md\:rt-r-size-1),
13653
12288
  .rt-SidebarFooter:where(.md\:rt-r-size-1) {
13654
- --base-menu-content-padding: var(--space-3);
13655
- --base-menu-item-padding-left: var(--space-3);
13656
- --base-menu-item-padding-right: var(--space-3);
13657
- --base-menu-item-padding-y: var(--space-2);
12289
+ --base-menu-content-padding: var(--panel-p-1);
12290
+ --base-menu-item-padding-y: var(--row-inset-1);
12291
+ --base-menu-item-px: var(--control-px-1);
12292
+ --base-menu-item-px-pill: var(--control-px-pill-1);
12293
+ --base-menu-item-gap: var(--control-gap-1);
12294
+ --base-menu-icon-size: var(--icon-size-1);
12295
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
12296
+ --base-menu-font-size: var(--font-size-1);
12297
+ --base-menu-line-height: var(--line-height-1);
12298
+ --base-menu-letter-spacing: var(--letter-spacing-1);
12299
+ }
12300
+ .rt-SidebarContent:where(.md\:rt-r-size-1),
12301
+ .rt-SidebarHeader:where(.md\:rt-r-size-1),
12302
+ .rt-SidebarFooter:where(.md\:rt-r-size-1) {
13658
12303
  --base-menu-item-height: var(--control-height-1);
13659
- --sidebar-item-height: var(--base-menu-item-height);
13660
- }
13661
- :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
13662
- gap: var(--component-gap-2);
13663
- font-size: var(--font-size-1);
13664
- line-height: var(--line-height-1);
13665
- letter-spacing: var(--letter-spacing-1);
13666
- border-radius: var(--radius-1);
13667
- }
13668
- :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
13669
- width: var(--content-icon-size-1);
13670
- height: var(--content-icon-size-1);
13671
- -ms-flex-negative: 0;
13672
- flex-shrink: 0;
13673
- }
13674
- :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
13675
- width: var(--indicator-icon-size-1);
13676
- height: var(--indicator-icon-size-1);
13677
- -ms-flex-negative: 0;
13678
- flex-shrink: 0;
13679
- margin-left: auto;
12304
+ --base-menu-item-radius: var(--radius-control-1);
12305
+ --sidebar-item-height: var(--control-height-1);
13680
12306
  }
13681
12307
  .rt-SidebarHeader:where(.md\:rt-r-size-2),
13682
12308
  .rt-SidebarFooter:where(.md\:rt-r-size-2) {
13683
- --base-menu-content-padding: var(--space-4);
13684
- --base-menu-item-padding-left: var(--space-4);
13685
- --base-menu-item-padding-right: var(--space-4);
13686
- --base-menu-item-padding-y: var(--space-2);
12309
+ --base-menu-content-padding: var(--panel-p-2);
12310
+ --base-menu-item-padding-y: var(--row-inset-2);
12311
+ --base-menu-item-px: var(--control-px-2);
12312
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12313
+ --base-menu-item-gap: var(--control-gap-2);
12314
+ --base-menu-icon-size: var(--icon-size-2);
12315
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12316
+ --base-menu-font-size: var(--font-size-2);
12317
+ --base-menu-line-height: var(--line-height-2);
12318
+ --base-menu-letter-spacing: var(--letter-spacing-2);
12319
+ }
12320
+ .rt-SidebarContent:where(.md\:rt-r-size-2),
12321
+ .rt-SidebarHeader:where(.md\:rt-r-size-2),
12322
+ .rt-SidebarFooter:where(.md\:rt-r-size-2) {
13687
12323
  --base-menu-item-height: var(--control-height-2);
13688
- --sidebar-item-height: var(--base-menu-item-height);
13689
- }
13690
- :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
13691
- gap: var(--component-gap-3);
13692
- font-size: var(--font-size-2);
13693
- line-height: var(--line-height-2);
13694
- letter-spacing: var(--letter-spacing-2);
13695
- border-radius: var(--radius-2);
13696
- }
13697
- :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
13698
- width: var(--content-icon-size-2);
13699
- height: var(--content-icon-size-2);
13700
- -ms-flex-negative: 0;
13701
- flex-shrink: 0;
13702
- }
13703
- :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
13704
- width: var(--indicator-icon-size-2);
13705
- height: var(--indicator-icon-size-2);
13706
- -ms-flex-negative: 0;
13707
- flex-shrink: 0;
13708
- margin-left: auto;
12324
+ --base-menu-item-radius: var(--radius-control-2);
12325
+ --sidebar-item-height: var(--control-height-2);
13709
12326
  }
13710
12327
  .rt-SidebarHeader:where(.md\:rt-r-size-3),
13711
12328
  .rt-SidebarFooter:where(.md\:rt-r-size-3) {
13712
- --base-menu-content-padding: var(--space-4);
13713
- --base-menu-item-padding-left: var(--space-4);
13714
- --base-menu-item-padding-right: var(--space-4);
13715
- --base-menu-item-padding-y: var(--space-3);
12329
+ --base-menu-content-padding: var(--panel-p-3);
12330
+ --base-menu-item-padding-y: var(--row-inset-3);
12331
+ --base-menu-item-px: var(--control-px-3);
12332
+ --base-menu-item-px-pill: var(--control-px-pill-3);
12333
+ --base-menu-item-gap: var(--control-gap-3);
12334
+ --base-menu-icon-size: var(--icon-size-3);
12335
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
12336
+ --base-menu-font-size: var(--font-size-3);
12337
+ --base-menu-line-height: var(--line-height-3);
12338
+ --base-menu-letter-spacing: var(--letter-spacing-3);
12339
+ }
12340
+ .rt-SidebarContent:where(.md\:rt-r-size-3),
12341
+ .rt-SidebarHeader:where(.md\:rt-r-size-3),
12342
+ .rt-SidebarFooter:where(.md\:rt-r-size-3) {
13716
12343
  --base-menu-item-height: var(--control-height-3);
13717
- --sidebar-item-height: var(--base-menu-item-height);
13718
- }
13719
- :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
13720
- gap: var(--component-gap-4);
13721
- font-size: var(--font-size-3);
13722
- line-height: var(--line-height-3);
13723
- letter-spacing: var(--letter-spacing-3);
13724
- border-radius: var(--radius-2);
13725
- }
13726
- :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
13727
- width: var(--content-icon-size-3);
13728
- height: var(--content-icon-size-3);
13729
- -ms-flex-negative: 0;
13730
- flex-shrink: 0;
12344
+ --base-menu-item-radius: var(--radius-control-3);
12345
+ --sidebar-item-height: var(--control-height-3);
13731
12346
  }
13732
- :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
13733
- width: var(--indicator-icon-size-3);
13734
- height: var(--indicator-icon-size-3);
13735
- -ms-flex-negative: 0;
13736
- flex-shrink: 0;
13737
- margin-left: auto;
13738
- }
13739
- }
13740
- @media (min-width: 1280px) {
13741
- .rt-ShellPaneChrome:where(.lg\:rt-r-size-1) {
12347
+ .rt-ShellPaneChrome:where(.md\:rt-r-size-1) {
13742
12348
  --sidebar-base-padding: var(--surface-p-1);
13743
12349
  }
13744
- .rt-ShellPaneChrome:where(.lg\:rt-r-size-2) {
12350
+ .rt-ShellPaneChrome:where(.md\:rt-r-size-2) {
13745
12351
  --sidebar-base-padding: var(--surface-p-2);
13746
12352
  }
13747
- .rt-ShellPaneChrome:where(.lg\:rt-r-size-3) {
12353
+ .rt-ShellPaneChrome:where(.md\:rt-r-size-3) {
13748
12354
  --sidebar-base-padding: var(--surface-p-3);
13749
12355
  }
13750
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.lg\:rt-r-size-1) {
12356
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.md\:rt-r-size-1) {
13751
12357
  --base-menu-content-padding: var(--surface-p-1);
13752
12358
  }
13753
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.lg\:rt-r-size-2) {
12359
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.md\:rt-r-size-2) {
13754
12360
  --base-menu-content-padding: var(--surface-p-2);
13755
12361
  }
13756
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.lg\:rt-r-size-3) {
12362
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.md\:rt-r-size-3) {
13757
12363
  --base-menu-content-padding: var(--surface-p-3);
13758
12364
  }
12365
+ }
12366
+ @media (min-width: 1280px) {
13759
12367
  .rt-SidebarHeader:where(.lg\:rt-r-size-1),
13760
12368
  .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
13761
- --base-menu-content-padding: var(--space-3);
13762
- --base-menu-item-padding-left: var(--space-3);
13763
- --base-menu-item-padding-right: var(--space-3);
13764
- --base-menu-item-padding-y: var(--space-2);
12369
+ --base-menu-content-padding: var(--panel-p-1);
12370
+ --base-menu-item-padding-y: var(--row-inset-1);
12371
+ --base-menu-item-px: var(--control-px-1);
12372
+ --base-menu-item-px-pill: var(--control-px-pill-1);
12373
+ --base-menu-item-gap: var(--control-gap-1);
12374
+ --base-menu-icon-size: var(--icon-size-1);
12375
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
12376
+ --base-menu-font-size: var(--font-size-1);
12377
+ --base-menu-line-height: var(--line-height-1);
12378
+ --base-menu-letter-spacing: var(--letter-spacing-1);
12379
+ }
12380
+ .rt-SidebarContent:where(.lg\:rt-r-size-1),
12381
+ .rt-SidebarHeader:where(.lg\:rt-r-size-1),
12382
+ .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
13765
12383
  --base-menu-item-height: var(--control-height-1);
13766
- --sidebar-item-height: var(--base-menu-item-height);
13767
- }
13768
- :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
13769
- gap: var(--component-gap-2);
13770
- font-size: var(--font-size-1);
13771
- line-height: var(--line-height-1);
13772
- letter-spacing: var(--letter-spacing-1);
13773
- border-radius: var(--radius-1);
13774
- }
13775
- :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
13776
- width: var(--content-icon-size-1);
13777
- height: var(--content-icon-size-1);
13778
- -ms-flex-negative: 0;
13779
- flex-shrink: 0;
13780
- }
13781
- :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
13782
- width: var(--indicator-icon-size-1);
13783
- height: var(--indicator-icon-size-1);
13784
- -ms-flex-negative: 0;
13785
- flex-shrink: 0;
13786
- margin-left: auto;
12384
+ --base-menu-item-radius: var(--radius-control-1);
12385
+ --sidebar-item-height: var(--control-height-1);
13787
12386
  }
13788
12387
  .rt-SidebarHeader:where(.lg\:rt-r-size-2),
13789
12388
  .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
13790
- --base-menu-content-padding: var(--space-4);
13791
- --base-menu-item-padding-left: var(--space-4);
13792
- --base-menu-item-padding-right: var(--space-4);
13793
- --base-menu-item-padding-y: var(--space-2);
12389
+ --base-menu-content-padding: var(--panel-p-2);
12390
+ --base-menu-item-padding-y: var(--row-inset-2);
12391
+ --base-menu-item-px: var(--control-px-2);
12392
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12393
+ --base-menu-item-gap: var(--control-gap-2);
12394
+ --base-menu-icon-size: var(--icon-size-2);
12395
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12396
+ --base-menu-font-size: var(--font-size-2);
12397
+ --base-menu-line-height: var(--line-height-2);
12398
+ --base-menu-letter-spacing: var(--letter-spacing-2);
12399
+ }
12400
+ .rt-SidebarContent:where(.lg\:rt-r-size-2),
12401
+ .rt-SidebarHeader:where(.lg\:rt-r-size-2),
12402
+ .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
13794
12403
  --base-menu-item-height: var(--control-height-2);
13795
- --sidebar-item-height: var(--base-menu-item-height);
13796
- }
13797
- :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
13798
- gap: var(--component-gap-3);
13799
- font-size: var(--font-size-2);
13800
- line-height: var(--line-height-2);
13801
- letter-spacing: var(--letter-spacing-2);
13802
- border-radius: var(--radius-2);
13803
- }
13804
- :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
13805
- width: var(--content-icon-size-2);
13806
- height: var(--content-icon-size-2);
13807
- -ms-flex-negative: 0;
13808
- flex-shrink: 0;
13809
- }
13810
- :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
13811
- width: var(--indicator-icon-size-2);
13812
- height: var(--indicator-icon-size-2);
13813
- -ms-flex-negative: 0;
13814
- flex-shrink: 0;
13815
- margin-left: auto;
12404
+ --base-menu-item-radius: var(--radius-control-2);
12405
+ --sidebar-item-height: var(--control-height-2);
13816
12406
  }
13817
12407
  .rt-SidebarHeader:where(.lg\:rt-r-size-3),
13818
12408
  .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
13819
- --base-menu-content-padding: var(--space-4);
13820
- --base-menu-item-padding-left: var(--space-4);
13821
- --base-menu-item-padding-right: var(--space-4);
13822
- --base-menu-item-padding-y: var(--space-3);
12409
+ --base-menu-content-padding: var(--panel-p-3);
12410
+ --base-menu-item-padding-y: var(--row-inset-3);
12411
+ --base-menu-item-px: var(--control-px-3);
12412
+ --base-menu-item-px-pill: var(--control-px-pill-3);
12413
+ --base-menu-item-gap: var(--control-gap-3);
12414
+ --base-menu-icon-size: var(--icon-size-3);
12415
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
12416
+ --base-menu-font-size: var(--font-size-3);
12417
+ --base-menu-line-height: var(--line-height-3);
12418
+ --base-menu-letter-spacing: var(--letter-spacing-3);
12419
+ }
12420
+ .rt-SidebarContent:where(.lg\:rt-r-size-3),
12421
+ .rt-SidebarHeader:where(.lg\:rt-r-size-3),
12422
+ .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
13823
12423
  --base-menu-item-height: var(--control-height-3);
13824
- --sidebar-item-height: var(--base-menu-item-height);
13825
- }
13826
- :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
13827
- gap: var(--component-gap-4);
13828
- font-size: var(--font-size-3);
13829
- line-height: var(--line-height-3);
13830
- letter-spacing: var(--letter-spacing-3);
13831
- border-radius: var(--radius-2);
13832
- }
13833
- :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
13834
- width: var(--content-icon-size-3);
13835
- height: var(--content-icon-size-3);
13836
- -ms-flex-negative: 0;
13837
- flex-shrink: 0;
12424
+ --base-menu-item-radius: var(--radius-control-3);
12425
+ --sidebar-item-height: var(--control-height-3);
13838
12426
  }
13839
- :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
13840
- width: var(--indicator-icon-size-3);
13841
- height: var(--indicator-icon-size-3);
13842
- -ms-flex-negative: 0;
13843
- flex-shrink: 0;
13844
- margin-left: auto;
13845
- }
13846
- }
13847
- @media (min-width: 1640px) {
13848
- .rt-ShellPaneChrome:where(.xl\:rt-r-size-1) {
12427
+ .rt-ShellPaneChrome:where(.lg\:rt-r-size-1) {
13849
12428
  --sidebar-base-padding: var(--surface-p-1);
13850
12429
  }
13851
- .rt-ShellPaneChrome:where(.xl\:rt-r-size-2) {
12430
+ .rt-ShellPaneChrome:where(.lg\:rt-r-size-2) {
13852
12431
  --sidebar-base-padding: var(--surface-p-2);
13853
12432
  }
13854
- .rt-ShellPaneChrome:where(.xl\:rt-r-size-3) {
12433
+ .rt-ShellPaneChrome:where(.lg\:rt-r-size-3) {
13855
12434
  --sidebar-base-padding: var(--surface-p-3);
13856
12435
  }
13857
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xl\:rt-r-size-1) {
12436
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.lg\:rt-r-size-1) {
13858
12437
  --base-menu-content-padding: var(--surface-p-1);
13859
12438
  }
13860
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xl\:rt-r-size-2) {
12439
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.lg\:rt-r-size-2) {
13861
12440
  --base-menu-content-padding: var(--surface-p-2);
13862
12441
  }
13863
- .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xl\:rt-r-size-3) {
12442
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.lg\:rt-r-size-3) {
13864
12443
  --base-menu-content-padding: var(--surface-p-3);
13865
12444
  }
12445
+ }
12446
+ @media (min-width: 1640px) {
13866
12447
  .rt-SidebarHeader:where(.xl\:rt-r-size-1),
13867
12448
  .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
13868
- --base-menu-content-padding: var(--space-3);
13869
- --base-menu-item-padding-left: var(--space-3);
13870
- --base-menu-item-padding-right: var(--space-3);
13871
- --base-menu-item-padding-y: var(--space-2);
12449
+ --base-menu-content-padding: var(--panel-p-1);
12450
+ --base-menu-item-padding-y: var(--row-inset-1);
12451
+ --base-menu-item-px: var(--control-px-1);
12452
+ --base-menu-item-px-pill: var(--control-px-pill-1);
12453
+ --base-menu-item-gap: var(--control-gap-1);
12454
+ --base-menu-icon-size: var(--icon-size-1);
12455
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-1);
12456
+ --base-menu-font-size: var(--font-size-1);
12457
+ --base-menu-line-height: var(--line-height-1);
12458
+ --base-menu-letter-spacing: var(--letter-spacing-1);
12459
+ }
12460
+ .rt-SidebarContent:where(.xl\:rt-r-size-1),
12461
+ .rt-SidebarHeader:where(.xl\:rt-r-size-1),
12462
+ .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
13872
12463
  --base-menu-item-height: var(--control-height-1);
13873
- --sidebar-item-height: var(--base-menu-item-height);
13874
- }
13875
- :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
13876
- gap: var(--component-gap-2);
13877
- font-size: var(--font-size-1);
13878
- line-height: var(--line-height-1);
13879
- letter-spacing: var(--letter-spacing-1);
13880
- border-radius: var(--radius-1);
13881
- }
13882
- :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
13883
- width: var(--content-icon-size-1);
13884
- height: var(--content-icon-size-1);
13885
- -ms-flex-negative: 0;
13886
- flex-shrink: 0;
13887
- }
13888
- :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
13889
- width: var(--indicator-icon-size-1);
13890
- height: var(--indicator-icon-size-1);
13891
- -ms-flex-negative: 0;
13892
- flex-shrink: 0;
13893
- margin-left: auto;
12464
+ --base-menu-item-radius: var(--radius-control-1);
12465
+ --sidebar-item-height: var(--control-height-1);
13894
12466
  }
13895
12467
  .rt-SidebarHeader:where(.xl\:rt-r-size-2),
13896
12468
  .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
13897
- --base-menu-content-padding: var(--space-4);
13898
- --base-menu-item-padding-left: var(--space-4);
13899
- --base-menu-item-padding-right: var(--space-4);
13900
- --base-menu-item-padding-y: var(--space-2);
12469
+ --base-menu-content-padding: var(--panel-p-2);
12470
+ --base-menu-item-padding-y: var(--row-inset-2);
12471
+ --base-menu-item-px: var(--control-px-2);
12472
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12473
+ --base-menu-item-gap: var(--control-gap-2);
12474
+ --base-menu-icon-size: var(--icon-size-2);
12475
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12476
+ --base-menu-font-size: var(--font-size-2);
12477
+ --base-menu-line-height: var(--line-height-2);
12478
+ --base-menu-letter-spacing: var(--letter-spacing-2);
12479
+ }
12480
+ .rt-SidebarContent:where(.xl\:rt-r-size-2),
12481
+ .rt-SidebarHeader:where(.xl\:rt-r-size-2),
12482
+ .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
13901
12483
  --base-menu-item-height: var(--control-height-2);
13902
- --sidebar-item-height: var(--base-menu-item-height);
13903
- }
13904
- :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
13905
- gap: var(--component-gap-3);
13906
- font-size: var(--font-size-2);
13907
- line-height: var(--line-height-2);
13908
- letter-spacing: var(--letter-spacing-2);
13909
- border-radius: var(--radius-2);
13910
- }
13911
- :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
13912
- width: var(--content-icon-size-2);
13913
- height: var(--content-icon-size-2);
13914
- -ms-flex-negative: 0;
13915
- flex-shrink: 0;
13916
- }
13917
- :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
13918
- width: var(--indicator-icon-size-2);
13919
- height: var(--indicator-icon-size-2);
13920
- -ms-flex-negative: 0;
13921
- flex-shrink: 0;
13922
- margin-left: auto;
12484
+ --base-menu-item-radius: var(--radius-control-2);
12485
+ --sidebar-item-height: var(--control-height-2);
13923
12486
  }
13924
12487
  .rt-SidebarHeader:where(.xl\:rt-r-size-3),
13925
12488
  .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
13926
- --base-menu-content-padding: var(--space-4);
13927
- --base-menu-item-padding-left: var(--space-4);
13928
- --base-menu-item-padding-right: var(--space-4);
13929
- --base-menu-item-padding-y: var(--space-3);
12489
+ --base-menu-content-padding: var(--panel-p-3);
12490
+ --base-menu-item-padding-y: var(--row-inset-3);
12491
+ --base-menu-item-px: var(--control-px-3);
12492
+ --base-menu-item-px-pill: var(--control-px-pill-3);
12493
+ --base-menu-item-gap: var(--control-gap-3);
12494
+ --base-menu-icon-size: var(--icon-size-3);
12495
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-3);
12496
+ --base-menu-font-size: var(--font-size-3);
12497
+ --base-menu-line-height: var(--line-height-3);
12498
+ --base-menu-letter-spacing: var(--letter-spacing-3);
12499
+ }
12500
+ .rt-SidebarContent:where(.xl\:rt-r-size-3),
12501
+ .rt-SidebarHeader:where(.xl\:rt-r-size-3),
12502
+ .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
13930
12503
  --base-menu-item-height: var(--control-height-3);
13931
- --sidebar-item-height: var(--base-menu-item-height);
12504
+ --base-menu-item-radius: var(--radius-control-3);
12505
+ --sidebar-item-height: var(--control-height-3);
13932
12506
  }
13933
- :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
13934
- gap: var(--component-gap-4);
13935
- font-size: var(--font-size-3);
13936
- line-height: var(--line-height-3);
13937
- letter-spacing: var(--letter-spacing-3);
13938
- border-radius: var(--radius-2);
12507
+ .rt-ShellPaneChrome:where(.xl\:rt-r-size-1) {
12508
+ --sidebar-base-padding: var(--surface-p-1);
13939
12509
  }
13940
- :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
13941
- width: var(--content-icon-size-3);
13942
- height: var(--content-icon-size-3);
13943
- -ms-flex-negative: 0;
13944
- flex-shrink: 0;
12510
+ .rt-ShellPaneChrome:where(.xl\:rt-r-size-2) {
12511
+ --sidebar-base-padding: var(--surface-p-2);
12512
+ }
12513
+ .rt-ShellPaneChrome:where(.xl\:rt-r-size-3) {
12514
+ --sidebar-base-padding: var(--surface-p-3);
12515
+ }
12516
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xl\:rt-r-size-1) {
12517
+ --base-menu-content-padding: var(--surface-p-1);
13945
12518
  }
13946
- :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
13947
- width: var(--indicator-icon-size-3);
13948
- height: var(--indicator-icon-size-3);
13949
- -ms-flex-negative: 0;
13950
- flex-shrink: 0;
13951
- margin-left: auto;
12519
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xl\:rt-r-size-2) {
12520
+ --base-menu-content-padding: var(--surface-p-2);
12521
+ }
12522
+ .rt-SidebarContent.rt-ShellPaneChrome:not(.rt-ShellRailContent *):where(.xl\:rt-r-size-3) {
12523
+ --base-menu-content-padding: var(--surface-p-3);
13952
12524
  }
13953
12525
  }
13954
12526
  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open']) {
@@ -14083,8 +12655,8 @@
14083
12655
  flex-direction: column !important;
14084
12656
  gap: var(--space-2) !important;
14085
12657
  text-align: center !important;
14086
- font-size: var(--font-size-0) !important;
14087
- line-height: var(--line-height-0) !important;
12658
+ font-size: var(--font-size-1) !important;
12659
+ line-height: var(--line-height-1) !important;
14088
12660
  -webkit-padding-start: var(--space-2) !important;
14089
12661
  padding-inline-start: var(--space-2) !important;
14090
12662
  -webkit-padding-end: var(--space-2) !important;
@@ -14150,11 +12722,17 @@
14150
12722
  -ms-flex-direction: column;
14151
12723
  flex-direction: column;
14152
12724
  gap: var(--space-4);
14153
- --base-menu-item-height: var(--space-8);
14154
- --base-menu-item-padding-y: var(--space-2);
14155
- --base-menu-item-padding-left: var(--space-4);
14156
- --base-menu-item-padding-right: var(--space-4);
14157
12725
  --base-menu-content-padding: 0;
12726
+ --base-menu-item-padding-y: var(--row-inset-2);
12727
+ --base-menu-item-px: var(--control-px-2);
12728
+ --base-menu-item-px-pill: var(--control-px-pill-2);
12729
+ --base-menu-item-gap: var(--control-gap-2);
12730
+ --base-menu-item-radius: var(--radius-row-2);
12731
+ --base-menu-icon-size: var(--icon-size-2);
12732
+ --base-menu-indicator-icon-size: var(--indicator-icon-size-2);
12733
+ --base-menu-font-size: var(--font-size-2);
12734
+ --base-menu-line-height: var(--line-height-2);
12735
+ --base-menu-letter-spacing: var(--letter-spacing-2);
14158
12736
  }
14159
12737
  .rt-SidebarSearchPopover .rt-SidebarSearchInputWrapper {
14160
12738
  display: -webkit-box;
@@ -14185,21 +12763,10 @@
14185
12763
  list-style: none;
14186
12764
  }
14187
12765
  .rt-SidebarSearchPopover .rt-SidebarMenuButton {
14188
- gap: var(--component-gap-3);
14189
- font-size: var(--font-size-2);
14190
- line-height: var(--line-height-2);
14191
- letter-spacing: var(--letter-spacing-2);
14192
- border-radius: var(--radius-2);
14193
12766
  font-weight: var(--font-weight-regular);
14194
12767
  margin-top: 1px;
14195
12768
  margin-bottom: 1px;
14196
12769
  }
14197
- .rt-SidebarSearchPopover .rt-SidebarMenuButton :where(svg) {
14198
- width: var(--content-icon-size-3);
14199
- height: var(--content-icon-size-3);
14200
- -ms-flex-negative: 0;
14201
- flex-shrink: 0;
14202
- }
14203
12770
  @media (hover: hover) {
14204
12771
  .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:hover):not([data-disabled]) {
14205
12772
  background-color: var(--accent-a4);
@@ -15454,8 +14021,8 @@
15454
14021
  border-radius: 1px;
15455
14022
  }
15456
14023
  .rt-SliderTickLabel {
15457
- font-size: var(--font-size-0);
15458
- line-height: var(--line-height-0);
14024
+ font-size: var(--font-size-1);
14025
+ line-height: var(--line-height-1);
15459
14026
  color: var(--gray-11);
15460
14027
  font-weight: var(--font-weight-regular);
15461
14028
  white-space: nowrap;
@@ -16357,8 +14924,7 @@
16357
14924
  -webkit-box-sizing: border-box;
16358
14925
  box-sizing: border-box;
16359
14926
  vertical-align: inherit;
16360
- padding: var(--table-cell-padding);
16361
- height: var(--table-cell-min-height);
14927
+ padding: var(--table-cell-py) var(--table-cell-px);
16362
14928
  }
16363
14929
  .rt-TableColumnHeaderCell {
16364
14930
  font-weight: 600;
@@ -16368,174 +14934,252 @@
16368
14934
  }
16369
14935
  .rt-TableRoot:where(.rt-r-size-1) {
16370
14936
  --table-border-radius: var(--radius-surface-1);
16371
- --table-cell-padding: var(--space-3);
16372
- --table-cell-min-height: calc(36px * var(--scale));
14937
+ --table-cell-py: var(--layout-space-2);
14938
+ --table-cell-px: var(--layout-space-3);
16373
14939
  }
16374
14940
  .rt-TableRoot:where(.rt-r-size-1) :where(.rt-TableRootTable) {
16375
- font-size: var(--font-size-2);
16376
- line-height: var(--line-height-2);
14941
+ font-size: var(--font-size-1);
14942
+ line-height: var(--line-height-1);
14943
+ letter-spacing: var(--letter-spacing-1);
16377
14944
  }
16378
14945
  .rt-TableRoot:where(.rt-r-size-2) {
16379
14946
  --table-border-radius: var(--radius-surface-2);
16380
- --table-cell-padding: var(--space-4);
16381
- --table-cell-min-height: calc(44px * var(--scale));
14947
+ --table-cell-py: var(--layout-space-3);
14948
+ --table-cell-px: var(--layout-space-4);
16382
14949
  }
16383
14950
  .rt-TableRoot:where(.rt-r-size-2) :where(.rt-TableRootTable) {
16384
14951
  font-size: var(--font-size-2);
16385
14952
  line-height: var(--line-height-2);
14953
+ letter-spacing: var(--letter-spacing-2);
16386
14954
  }
16387
14955
  .rt-TableRoot:where(.rt-r-size-3) {
16388
14956
  --table-border-radius: var(--radius-surface-3);
16389
- --table-cell-padding: var(--space-5);
16390
- --table-cell-min-height: var(--space-9);
14957
+ --table-cell-py: var(--layout-space-4);
14958
+ --table-cell-px: var(--layout-space-5);
16391
14959
  }
16392
14960
  .rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable) {
16393
14961
  font-size: var(--font-size-3);
16394
14962
  line-height: var(--line-height-3);
14963
+ letter-spacing: var(--letter-spacing-3);
14964
+ }
14965
+ .rt-TableRoot:where(.rt-r-size-4) {
14966
+ --table-border-radius: var(--radius-surface-4);
14967
+ --table-cell-py: var(--layout-space-5);
14968
+ --table-cell-px: var(--layout-space-6);
14969
+ }
14970
+ .rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable) {
14971
+ font-size: var(--font-size-4);
14972
+ line-height: var(--line-height-4);
14973
+ letter-spacing: var(--letter-spacing-4);
16395
14974
  }
16396
14975
  @media (min-width: 520px) {
16397
14976
  .rt-TableRoot:where(.xs\:rt-r-size-1) {
16398
14977
  --table-border-radius: var(--radius-surface-1);
16399
- --table-cell-padding: var(--space-3);
16400
- --table-cell-min-height: calc(36px * var(--scale));
14978
+ --table-cell-py: var(--layout-space-2);
14979
+ --table-cell-px: var(--layout-space-3);
16401
14980
  }
16402
14981
  .rt-TableRoot:where(.xs\:rt-r-size-1) :where(.rt-TableRootTable) {
16403
- font-size: var(--font-size-2);
16404
- line-height: var(--line-height-2);
14982
+ font-size: var(--font-size-1);
14983
+ line-height: var(--line-height-1);
14984
+ letter-spacing: var(--letter-spacing-1);
16405
14985
  }
16406
14986
  .rt-TableRoot:where(.xs\:rt-r-size-2) {
16407
14987
  --table-border-radius: var(--radius-surface-2);
16408
- --table-cell-padding: var(--space-4);
16409
- --table-cell-min-height: calc(44px * var(--scale));
14988
+ --table-cell-py: var(--layout-space-3);
14989
+ --table-cell-px: var(--layout-space-4);
16410
14990
  }
16411
14991
  .rt-TableRoot:where(.xs\:rt-r-size-2) :where(.rt-TableRootTable) {
16412
14992
  font-size: var(--font-size-2);
16413
14993
  line-height: var(--line-height-2);
14994
+ letter-spacing: var(--letter-spacing-2);
16414
14995
  }
16415
14996
  .rt-TableRoot:where(.xs\:rt-r-size-3) {
16416
14997
  --table-border-radius: var(--radius-surface-3);
16417
- --table-cell-padding: var(--space-5);
16418
- --table-cell-min-height: var(--space-9);
14998
+ --table-cell-py: var(--layout-space-4);
14999
+ --table-cell-px: var(--layout-space-5);
16419
15000
  }
16420
15001
  .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable) {
16421
15002
  font-size: var(--font-size-3);
16422
15003
  line-height: var(--line-height-3);
15004
+ letter-spacing: var(--letter-spacing-3);
15005
+ }
15006
+ .rt-TableRoot:where(.xs\:rt-r-size-4) {
15007
+ --table-border-radius: var(--radius-surface-4);
15008
+ --table-cell-py: var(--layout-space-5);
15009
+ --table-cell-px: var(--layout-space-6);
15010
+ }
15011
+ .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable) {
15012
+ font-size: var(--font-size-4);
15013
+ line-height: var(--line-height-4);
15014
+ letter-spacing: var(--letter-spacing-4);
16423
15015
  }
16424
15016
  }
16425
15017
  @media (min-width: 768px) {
16426
15018
  .rt-TableRoot:where(.sm\:rt-r-size-1) {
16427
15019
  --table-border-radius: var(--radius-surface-1);
16428
- --table-cell-padding: var(--space-3);
16429
- --table-cell-min-height: calc(36px * var(--scale));
15020
+ --table-cell-py: var(--layout-space-2);
15021
+ --table-cell-px: var(--layout-space-3);
16430
15022
  }
16431
15023
  .rt-TableRoot:where(.sm\:rt-r-size-1) :where(.rt-TableRootTable) {
16432
- font-size: var(--font-size-2);
16433
- line-height: var(--line-height-2);
15024
+ font-size: var(--font-size-1);
15025
+ line-height: var(--line-height-1);
15026
+ letter-spacing: var(--letter-spacing-1);
16434
15027
  }
16435
15028
  .rt-TableRoot:where(.sm\:rt-r-size-2) {
16436
15029
  --table-border-radius: var(--radius-surface-2);
16437
- --table-cell-padding: var(--space-4);
16438
- --table-cell-min-height: calc(44px * var(--scale));
15030
+ --table-cell-py: var(--layout-space-3);
15031
+ --table-cell-px: var(--layout-space-4);
16439
15032
  }
16440
15033
  .rt-TableRoot:where(.sm\:rt-r-size-2) :where(.rt-TableRootTable) {
16441
15034
  font-size: var(--font-size-2);
16442
15035
  line-height: var(--line-height-2);
15036
+ letter-spacing: var(--letter-spacing-2);
16443
15037
  }
16444
15038
  .rt-TableRoot:where(.sm\:rt-r-size-3) {
16445
15039
  --table-border-radius: var(--radius-surface-3);
16446
- --table-cell-padding: var(--space-5);
16447
- --table-cell-min-height: var(--space-9);
15040
+ --table-cell-py: var(--layout-space-4);
15041
+ --table-cell-px: var(--layout-space-5);
16448
15042
  }
16449
15043
  .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable) {
16450
15044
  font-size: var(--font-size-3);
16451
15045
  line-height: var(--line-height-3);
15046
+ letter-spacing: var(--letter-spacing-3);
15047
+ }
15048
+ .rt-TableRoot:where(.sm\:rt-r-size-4) {
15049
+ --table-border-radius: var(--radius-surface-4);
15050
+ --table-cell-py: var(--layout-space-5);
15051
+ --table-cell-px: var(--layout-space-6);
15052
+ }
15053
+ .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable) {
15054
+ font-size: var(--font-size-4);
15055
+ line-height: var(--line-height-4);
15056
+ letter-spacing: var(--letter-spacing-4);
16452
15057
  }
16453
15058
  }
16454
15059
  @media (min-width: 1024px) {
16455
15060
  .rt-TableRoot:where(.md\:rt-r-size-1) {
16456
15061
  --table-border-radius: var(--radius-surface-1);
16457
- --table-cell-padding: var(--space-3);
16458
- --table-cell-min-height: calc(36px * var(--scale));
15062
+ --table-cell-py: var(--layout-space-2);
15063
+ --table-cell-px: var(--layout-space-3);
16459
15064
  }
16460
15065
  .rt-TableRoot:where(.md\:rt-r-size-1) :where(.rt-TableRootTable) {
16461
- font-size: var(--font-size-2);
16462
- line-height: var(--line-height-2);
15066
+ font-size: var(--font-size-1);
15067
+ line-height: var(--line-height-1);
15068
+ letter-spacing: var(--letter-spacing-1);
16463
15069
  }
16464
15070
  .rt-TableRoot:where(.md\:rt-r-size-2) {
16465
15071
  --table-border-radius: var(--radius-surface-2);
16466
- --table-cell-padding: var(--space-4);
16467
- --table-cell-min-height: calc(44px * var(--scale));
15072
+ --table-cell-py: var(--layout-space-3);
15073
+ --table-cell-px: var(--layout-space-4);
16468
15074
  }
16469
15075
  .rt-TableRoot:where(.md\:rt-r-size-2) :where(.rt-TableRootTable) {
16470
15076
  font-size: var(--font-size-2);
16471
15077
  line-height: var(--line-height-2);
15078
+ letter-spacing: var(--letter-spacing-2);
16472
15079
  }
16473
15080
  .rt-TableRoot:where(.md\:rt-r-size-3) {
16474
15081
  --table-border-radius: var(--radius-surface-3);
16475
- --table-cell-padding: var(--space-5);
16476
- --table-cell-min-height: var(--space-9);
15082
+ --table-cell-py: var(--layout-space-4);
15083
+ --table-cell-px: var(--layout-space-5);
16477
15084
  }
16478
15085
  .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable) {
16479
15086
  font-size: var(--font-size-3);
16480
15087
  line-height: var(--line-height-3);
15088
+ letter-spacing: var(--letter-spacing-3);
15089
+ }
15090
+ .rt-TableRoot:where(.md\:rt-r-size-4) {
15091
+ --table-border-radius: var(--radius-surface-4);
15092
+ --table-cell-py: var(--layout-space-5);
15093
+ --table-cell-px: var(--layout-space-6);
15094
+ }
15095
+ .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable) {
15096
+ font-size: var(--font-size-4);
15097
+ line-height: var(--line-height-4);
15098
+ letter-spacing: var(--letter-spacing-4);
16481
15099
  }
16482
15100
  }
16483
15101
  @media (min-width: 1280px) {
16484
15102
  .rt-TableRoot:where(.lg\:rt-r-size-1) {
16485
15103
  --table-border-radius: var(--radius-surface-1);
16486
- --table-cell-padding: var(--space-3);
16487
- --table-cell-min-height: calc(36px * var(--scale));
15104
+ --table-cell-py: var(--layout-space-2);
15105
+ --table-cell-px: var(--layout-space-3);
16488
15106
  }
16489
15107
  .rt-TableRoot:where(.lg\:rt-r-size-1) :where(.rt-TableRootTable) {
16490
- font-size: var(--font-size-2);
16491
- line-height: var(--line-height-2);
15108
+ font-size: var(--font-size-1);
15109
+ line-height: var(--line-height-1);
15110
+ letter-spacing: var(--letter-spacing-1);
16492
15111
  }
16493
15112
  .rt-TableRoot:where(.lg\:rt-r-size-2) {
16494
15113
  --table-border-radius: var(--radius-surface-2);
16495
- --table-cell-padding: var(--space-4);
16496
- --table-cell-min-height: calc(44px * var(--scale));
15114
+ --table-cell-py: var(--layout-space-3);
15115
+ --table-cell-px: var(--layout-space-4);
16497
15116
  }
16498
15117
  .rt-TableRoot:where(.lg\:rt-r-size-2) :where(.rt-TableRootTable) {
16499
15118
  font-size: var(--font-size-2);
16500
15119
  line-height: var(--line-height-2);
15120
+ letter-spacing: var(--letter-spacing-2);
16501
15121
  }
16502
15122
  .rt-TableRoot:where(.lg\:rt-r-size-3) {
16503
15123
  --table-border-radius: var(--radius-surface-3);
16504
- --table-cell-padding: var(--space-5);
16505
- --table-cell-min-height: var(--space-9);
15124
+ --table-cell-py: var(--layout-space-4);
15125
+ --table-cell-px: var(--layout-space-5);
16506
15126
  }
16507
15127
  .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable) {
16508
15128
  font-size: var(--font-size-3);
16509
15129
  line-height: var(--line-height-3);
15130
+ letter-spacing: var(--letter-spacing-3);
15131
+ }
15132
+ .rt-TableRoot:where(.lg\:rt-r-size-4) {
15133
+ --table-border-radius: var(--radius-surface-4);
15134
+ --table-cell-py: var(--layout-space-5);
15135
+ --table-cell-px: var(--layout-space-6);
15136
+ }
15137
+ .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable) {
15138
+ font-size: var(--font-size-4);
15139
+ line-height: var(--line-height-4);
15140
+ letter-spacing: var(--letter-spacing-4);
16510
15141
  }
16511
15142
  }
16512
15143
  @media (min-width: 1640px) {
16513
15144
  .rt-TableRoot:where(.xl\:rt-r-size-1) {
16514
15145
  --table-border-radius: var(--radius-surface-1);
16515
- --table-cell-padding: var(--space-3);
16516
- --table-cell-min-height: calc(36px * var(--scale));
15146
+ --table-cell-py: var(--layout-space-2);
15147
+ --table-cell-px: var(--layout-space-3);
16517
15148
  }
16518
15149
  .rt-TableRoot:where(.xl\:rt-r-size-1) :where(.rt-TableRootTable) {
16519
- font-size: var(--font-size-2);
16520
- line-height: var(--line-height-2);
15150
+ font-size: var(--font-size-1);
15151
+ line-height: var(--line-height-1);
15152
+ letter-spacing: var(--letter-spacing-1);
16521
15153
  }
16522
15154
  .rt-TableRoot:where(.xl\:rt-r-size-2) {
16523
15155
  --table-border-radius: var(--radius-surface-2);
16524
- --table-cell-padding: var(--space-4);
16525
- --table-cell-min-height: calc(44px * var(--scale));
15156
+ --table-cell-py: var(--layout-space-3);
15157
+ --table-cell-px: var(--layout-space-4);
16526
15158
  }
16527
15159
  .rt-TableRoot:where(.xl\:rt-r-size-2) :where(.rt-TableRootTable) {
16528
15160
  font-size: var(--font-size-2);
16529
15161
  line-height: var(--line-height-2);
15162
+ letter-spacing: var(--letter-spacing-2);
16530
15163
  }
16531
15164
  .rt-TableRoot:where(.xl\:rt-r-size-3) {
16532
15165
  --table-border-radius: var(--radius-surface-3);
16533
- --table-cell-padding: var(--space-5);
16534
- --table-cell-min-height: var(--space-9);
15166
+ --table-cell-py: var(--layout-space-4);
15167
+ --table-cell-px: var(--layout-space-5);
16535
15168
  }
16536
15169
  .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable) {
16537
15170
  font-size: var(--font-size-3);
16538
15171
  line-height: var(--line-height-3);
15172
+ letter-spacing: var(--letter-spacing-3);
15173
+ }
15174
+ .rt-TableRoot:where(.xl\:rt-r-size-4) {
15175
+ --table-border-radius: var(--radius-surface-4);
15176
+ --table-cell-py: var(--layout-space-5);
15177
+ --table-cell-px: var(--layout-space-6);
15178
+ }
15179
+ .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable) {
15180
+ font-size: var(--font-size-4);
15181
+ line-height: var(--line-height-4);
15182
+ letter-spacing: var(--letter-spacing-4);
16539
15183
  }
16540
15184
  }
16541
15185
  .rt-TableRoot:where(.rt-variant-surface) {
@@ -18350,8 +16994,7 @@
18350
16994
  color: var(--accent-ink);
18351
16995
  background-color: var(--accent-a3);
18352
16996
  gap: var(--layout-space-4);
18353
- --notice-corner-on: min(1, calc(var(--radius-factor, 1) * 1000));
18354
- border-radius: calc(var(--notice-control-radius) + var(--notice-padding) * var(--notice-corner-on));
16997
+ border-radius: var(--notice-radius);
18355
16998
  padding: var(--notice-padding);
18356
16999
  }
18357
17000
  @media (forced-colors: active) {
@@ -18407,29 +17050,29 @@
18407
17050
  margin-left: auto;
18408
17051
  }
18409
17052
  .rt-NoticeRoot:where(.rt-r-size-1) {
18410
- --notice-padding: var(--panel-p-1);
18411
- --notice-control-radius: var(--radius-control-1);
17053
+ --notice-padding: var(--surface-p-1);
17054
+ --notice-radius: var(--radius-surface-1);
18412
17055
  --notice-line: var(--line-height-1);
18413
17056
  --notice-control: var(--control-height-1);
18414
17057
  --notice-icon-size: var(--content-icon-size-1);
18415
17058
  }
18416
17059
  .rt-NoticeRoot:where(.rt-r-size-2) {
18417
- --notice-padding: var(--panel-p-2);
18418
- --notice-control-radius: var(--radius-control-2);
17060
+ --notice-padding: var(--surface-p-2);
17061
+ --notice-radius: var(--radius-surface-2);
18419
17062
  --notice-line: var(--line-height-2);
18420
17063
  --notice-control: var(--control-height-2);
18421
17064
  --notice-icon-size: var(--content-icon-size-2);
18422
17065
  }
18423
17066
  .rt-NoticeRoot:where(.rt-r-size-3) {
18424
- --notice-padding: var(--panel-p-3);
18425
- --notice-control-radius: var(--radius-control-3);
17067
+ --notice-padding: var(--surface-p-3);
17068
+ --notice-radius: var(--radius-surface-3);
18426
17069
  --notice-line: var(--line-height-3);
18427
17070
  --notice-control: var(--control-height-3);
18428
17071
  --notice-icon-size: var(--content-icon-size-3);
18429
17072
  }
18430
17073
  .rt-NoticeRoot:where(.rt-r-size-4) {
18431
- --notice-padding: var(--panel-p-4);
18432
- --notice-control-radius: var(--radius-control-4);
17074
+ --notice-padding: var(--surface-p-4);
17075
+ --notice-radius: var(--radius-surface-4);
18433
17076
  --notice-line: var(--line-height-4);
18434
17077
  --notice-control: var(--control-height-4);
18435
17078
  --notice-icon-size: var(--content-icon-size-4);