@womp/kookie-ui 0.13.1 → 0.13.3

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 (174) hide show
  1. package/components.css +491 -738
  2. package/dist/cjs/components/_internal/menu-context.js +1 -1
  3. package/dist/cjs/components/_internal/menu-context.js.map +3 -3
  4. package/dist/cjs/components/alert-dialog.js +1 -1
  5. package/dist/cjs/components/alert-dialog.js.map +3 -3
  6. package/dist/cjs/components/badge.js +1 -1
  7. package/dist/cjs/components/badge.js.map +3 -3
  8. package/dist/cjs/components/button.js +1 -1
  9. package/dist/cjs/components/button.js.map +3 -3
  10. package/dist/cjs/components/chatbar.js +2 -2
  11. package/dist/cjs/components/chatbar.js.map +3 -3
  12. package/dist/cjs/components/checkbox-cards.js +1 -1
  13. package/dist/cjs/components/checkbox-cards.js.map +3 -3
  14. package/dist/cjs/components/combobox.js +1 -1
  15. package/dist/cjs/components/combobox.js.map +3 -3
  16. package/dist/cjs/components/context-menu.js +1 -1
  17. package/dist/cjs/components/context-menu.js.map +3 -3
  18. package/dist/cjs/components/dialog.js +1 -1
  19. package/dist/cjs/components/dialog.js.map +3 -3
  20. package/dist/cjs/components/dropdown-menu.js +1 -1
  21. package/dist/cjs/components/dropdown-menu.js.map +3 -3
  22. package/dist/cjs/components/hover-card.js +1 -1
  23. package/dist/cjs/components/hover-card.js.map +3 -3
  24. package/dist/cjs/components/icon-button.js +1 -1
  25. package/dist/cjs/components/icon-button.js.map +3 -3
  26. package/dist/cjs/components/index.js +4 -4
  27. package/dist/cjs/components/index.js.map +3 -3
  28. package/dist/cjs/components/message-scroller.js +1 -1
  29. package/dist/cjs/components/message-scroller.js.map +3 -3
  30. package/dist/cjs/components/notice.js +2 -2
  31. package/dist/cjs/components/notice.js.map +3 -3
  32. package/dist/cjs/components/popover.js +1 -1
  33. package/dist/cjs/components/popover.js.map +3 -3
  34. package/dist/cjs/components/radio-cards.js +1 -1
  35. package/dist/cjs/components/radio-cards.js.map +3 -3
  36. package/dist/cjs/components/select.js +1 -1
  37. package/dist/cjs/components/select.js.map +3 -3
  38. package/dist/cjs/components/sheet.js +1 -1
  39. package/dist/cjs/components/sheet.js.map +3 -3
  40. package/dist/cjs/components/sidebar.js +1 -1
  41. package/dist/cjs/components/sidebar.js.map +3 -3
  42. package/dist/cjs/components/theme-panel.js +2 -2
  43. package/dist/cjs/components/theme-panel.js.map +3 -3
  44. package/dist/cjs/components/theme.d.ts.map +1 -1
  45. package/dist/cjs/components/theme.js +1 -1
  46. package/dist/cjs/components/theme.js.map +3 -3
  47. package/dist/cjs/components/toggle-button.js +2 -2
  48. package/dist/cjs/components/toggle-button.js.map +3 -3
  49. package/dist/cjs/components/toggle-icon-button.js +1 -1
  50. package/dist/cjs/components/toggle-icon-button.js.map +3 -3
  51. package/dist/cjs/components/toolbar.js +1 -1
  52. package/dist/cjs/components/toolbar.js.map +3 -3
  53. package/dist/cjs/components/tooltip.js +1 -1
  54. package/dist/cjs/components/tooltip.js.map +3 -3
  55. package/dist/cjs/components/user-card.js +1 -1
  56. package/dist/cjs/components/user-card.js.map +3 -3
  57. package/dist/cjs/components/virtual-menu.js +1 -1
  58. package/dist/cjs/components/virtual-menu.js.map +3 -3
  59. package/dist/cjs/index.js +4 -4
  60. package/dist/cjs/index.js.map +3 -3
  61. package/dist/esm/{chunk-YWENWZOU.js → chunk-2OSGPH7E.js} +2 -2
  62. package/dist/esm/{chunk-EGMUQQRW.js → chunk-3OELU3EO.js} +2 -2
  63. package/dist/esm/{chunk-L5PID6BU.js → chunk-64PFYID5.js} +2 -2
  64. package/dist/esm/{chunk-VHECAEUP.js → chunk-7E2BPXIP.js} +2 -2
  65. package/dist/esm/{chunk-ISOLUTZF.js → chunk-7FS2VDHO.js} +2 -2
  66. package/dist/esm/{chunk-KMPE7TJ6.js → chunk-7NVLCYCL.js} +2 -2
  67. package/dist/esm/{chunk-D6PHTHF2.js → chunk-7R73ISNJ.js} +2 -2
  68. package/dist/esm/{chunk-UYCPDGWA.js → chunk-7RUVID3O.js} +2 -2
  69. package/dist/esm/{chunk-IYCPYN4Z.js → chunk-C34HCTGS.js} +2 -2
  70. package/dist/esm/{chunk-53SZ4Y23.js → chunk-CET7V3FZ.js} +2 -2
  71. package/dist/esm/{chunk-ZK7A2MZZ.js → chunk-DD6SJPOU.js} +2 -2
  72. package/dist/esm/{chunk-3R4YLW4A.js → chunk-EPX34Y7S.js} +2 -2
  73. package/dist/esm/{chunk-OIUCV5HK.js → chunk-ESPWYN5C.js} +2 -2
  74. package/dist/esm/{chunk-7RQNB63F.js → chunk-GL5QTWYI.js} +2 -2
  75. package/dist/esm/{chunk-7JJT42J2.js → chunk-JUJYMZ2F.js} +2 -2
  76. package/dist/esm/{chunk-6G3MPL4A.js → chunk-NJ7S43EK.js} +2 -2
  77. package/dist/esm/{chunk-XLMTTSRO.js → chunk-NQ3D3UXZ.js} +2 -2
  78. package/dist/esm/{chunk-MZXHKM4V.js → chunk-P2NZLSAD.js} +2 -2
  79. package/dist/esm/{chunk-METRW4HG.js → chunk-PHZNRO3D.js} +2 -2
  80. package/dist/esm/{chunk-CYU6BLZ5.js → chunk-PLYOBXAF.js} +2 -2
  81. package/dist/esm/{chunk-OLAWVEAI.js → chunk-SAJY4H6J.js} +2 -2
  82. package/dist/esm/{chunk-WHFJ4JUN.js → chunk-TIT3QMV7.js} +2 -2
  83. package/dist/esm/{chunk-PQKJNRMR.js → chunk-TVV6IHBN.js} +2 -2
  84. package/dist/esm/{chunk-CRTH5LNU.js → chunk-VDTB4JG3.js} +2 -2
  85. package/dist/esm/chunk-VICP2RNA.js +2 -0
  86. package/dist/esm/chunk-VICP2RNA.js.map +7 -0
  87. package/dist/esm/{chunk-T4OR62DQ.js → chunk-WBMCZ4Z3.js} +2 -2
  88. package/dist/esm/{chunk-MEO7MJMQ.js → chunk-XVYTOZES.js} +2 -2
  89. package/dist/esm/components/_internal/menu-context.js +1 -1
  90. package/dist/esm/components/alert-dialog.js +1 -1
  91. package/dist/esm/components/badge.js +1 -1
  92. package/dist/esm/components/button.js +1 -1
  93. package/dist/esm/components/chatbar.js +1 -1
  94. package/dist/esm/components/checkbox-cards.js +1 -1
  95. package/dist/esm/components/combobox.js +1 -1
  96. package/dist/esm/components/context-menu.js +1 -1
  97. package/dist/esm/components/dialog.js +1 -1
  98. package/dist/esm/components/dropdown-menu.js +1 -1
  99. package/dist/esm/components/hover-card.js +1 -1
  100. package/dist/esm/components/icon-button.js +1 -1
  101. package/dist/esm/components/index.js +1 -1
  102. package/dist/esm/components/message-scroller.js +1 -1
  103. package/dist/esm/components/notice.js +1 -1
  104. package/dist/esm/components/popover.js +1 -1
  105. package/dist/esm/components/radio-cards.js +1 -1
  106. package/dist/esm/components/select.js +1 -1
  107. package/dist/esm/components/sheet.js +1 -1
  108. package/dist/esm/components/sidebar.js +1 -1
  109. package/dist/esm/components/theme-panel.js +1 -1
  110. package/dist/esm/components/theme.d.ts.map +1 -1
  111. package/dist/esm/components/theme.js +1 -1
  112. package/dist/esm/components/toggle-button.js +1 -1
  113. package/dist/esm/components/toggle-icon-button.js +1 -1
  114. package/dist/esm/components/toolbar.js +1 -1
  115. package/dist/esm/components/tooltip.js +1 -1
  116. package/dist/esm/components/user-card.js +1 -1
  117. package/dist/esm/components/virtual-menu.js +1 -1
  118. package/dist/esm/index.js +1 -1
  119. package/package.json +3 -3
  120. package/src/components/_internal/base-button.css +8 -6
  121. package/src/components/_internal/base-card.css +6 -0
  122. package/src/components/_internal/base-sidebar-menu.css +9 -1
  123. package/src/components/_internal/base-tab-list.css +10 -0
  124. package/src/components/accordion.css +113 -90
  125. package/src/components/avatar.css +9 -9
  126. package/src/components/badge.css +3 -3
  127. package/src/components/callout.css +0 -16
  128. package/src/components/kbd.css +10 -10
  129. package/src/components/progress.css +0 -38
  130. package/src/components/scroll-area.css +3 -3
  131. package/src/components/segmented-control.css +4 -4
  132. package/src/components/select.css +3 -3
  133. package/src/components/shell.css +6 -1
  134. package/src/components/sidebar.css +129 -28
  135. package/src/components/slider.css +10 -8
  136. package/src/components/table.css +0 -20
  137. package/src/components/text-field.css +7 -5
  138. package/src/components/theme.tsx +4 -1
  139. package/src/components/toolbar.css +4 -4
  140. package/src/styles/scrollbar.css +4 -2
  141. package/src/styles/tokens/constants.css +5 -5
  142. package/src/styles/tokens/index.css +0 -3
  143. package/src/styles/tokens/radius.css +17 -1
  144. package/styles.css +507 -740
  145. package/tokens/base.css +12 -0
  146. package/tokens.css +12 -0
  147. package/dist/esm/chunk-SEY4NA45.js +0 -2
  148. package/dist/esm/chunk-SEY4NA45.js.map +0 -7
  149. /package/dist/esm/{chunk-YWENWZOU.js.map → chunk-2OSGPH7E.js.map} +0 -0
  150. /package/dist/esm/{chunk-EGMUQQRW.js.map → chunk-3OELU3EO.js.map} +0 -0
  151. /package/dist/esm/{chunk-L5PID6BU.js.map → chunk-64PFYID5.js.map} +0 -0
  152. /package/dist/esm/{chunk-VHECAEUP.js.map → chunk-7E2BPXIP.js.map} +0 -0
  153. /package/dist/esm/{chunk-ISOLUTZF.js.map → chunk-7FS2VDHO.js.map} +0 -0
  154. /package/dist/esm/{chunk-KMPE7TJ6.js.map → chunk-7NVLCYCL.js.map} +0 -0
  155. /package/dist/esm/{chunk-D6PHTHF2.js.map → chunk-7R73ISNJ.js.map} +0 -0
  156. /package/dist/esm/{chunk-UYCPDGWA.js.map → chunk-7RUVID3O.js.map} +0 -0
  157. /package/dist/esm/{chunk-IYCPYN4Z.js.map → chunk-C34HCTGS.js.map} +0 -0
  158. /package/dist/esm/{chunk-53SZ4Y23.js.map → chunk-CET7V3FZ.js.map} +0 -0
  159. /package/dist/esm/{chunk-ZK7A2MZZ.js.map → chunk-DD6SJPOU.js.map} +0 -0
  160. /package/dist/esm/{chunk-3R4YLW4A.js.map → chunk-EPX34Y7S.js.map} +0 -0
  161. /package/dist/esm/{chunk-OIUCV5HK.js.map → chunk-ESPWYN5C.js.map} +0 -0
  162. /package/dist/esm/{chunk-7RQNB63F.js.map → chunk-GL5QTWYI.js.map} +0 -0
  163. /package/dist/esm/{chunk-7JJT42J2.js.map → chunk-JUJYMZ2F.js.map} +0 -0
  164. /package/dist/esm/{chunk-6G3MPL4A.js.map → chunk-NJ7S43EK.js.map} +0 -0
  165. /package/dist/esm/{chunk-XLMTTSRO.js.map → chunk-NQ3D3UXZ.js.map} +0 -0
  166. /package/dist/esm/{chunk-MZXHKM4V.js.map → chunk-P2NZLSAD.js.map} +0 -0
  167. /package/dist/esm/{chunk-METRW4HG.js.map → chunk-PHZNRO3D.js.map} +0 -0
  168. /package/dist/esm/{chunk-CYU6BLZ5.js.map → chunk-PLYOBXAF.js.map} +0 -0
  169. /package/dist/esm/{chunk-OLAWVEAI.js.map → chunk-SAJY4H6J.js.map} +0 -0
  170. /package/dist/esm/{chunk-WHFJ4JUN.js.map → chunk-TIT3QMV7.js.map} +0 -0
  171. /package/dist/esm/{chunk-PQKJNRMR.js.map → chunk-TVV6IHBN.js.map} +0 -0
  172. /package/dist/esm/{chunk-CRTH5LNU.js.map → chunk-VDTB4JG3.js.map} +0 -0
  173. /package/dist/esm/{chunk-T4OR62DQ.js.map → chunk-WBMCZ4Z3.js.map} +0 -0
  174. /package/dist/esm/{chunk-MEO7MJMQ.js.map → chunk-XVYTOZES.js.map} +0 -0
package/styles.css CHANGED
@@ -4831,6 +4831,18 @@
4831
4831
  --radius-10: calc(40px * var(--scaling) * var(--radius-factor));
4832
4832
  --radius-11: calc(48px * var(--scaling) * var(--radius-factor));
4833
4833
  --radius-12: calc(56px * var(--scaling) * var(--radius-factor));
4834
+ --radius-pill-1: max(var(--radius-1), var(--radius-full));
4835
+ --radius-pill-2: max(var(--radius-2), var(--radius-full));
4836
+ --radius-pill-3: max(var(--radius-3), var(--radius-full));
4837
+ --radius-pill-4: max(var(--radius-4), var(--radius-full));
4838
+ --radius-pill-5: max(var(--radius-5), var(--radius-full));
4839
+ --radius-pill-6: max(var(--radius-6), var(--radius-full));
4840
+ --radius-pill-7: max(var(--radius-7), var(--radius-full));
4841
+ --radius-pill-8: max(var(--radius-8), var(--radius-full));
4842
+ --radius-pill-9: max(var(--radius-9), var(--radius-full));
4843
+ --radius-pill-10: max(var(--radius-10), var(--radius-full));
4844
+ --radius-pill-11: max(var(--radius-11), var(--radius-full));
4845
+ --radius-pill-12: max(var(--radius-12), var(--radius-full));
4834
4846
  --radius-surface-1: calc(6px * var(--scaling) * var(--radius-surface-factor));
4835
4847
  --radius-surface-2: calc(8px * var(--scaling) * var(--radius-surface-factor));
4836
4848
  --radius-surface-3: calc(10px * var(--scaling) * var(--radius-surface-factor));
@@ -5154,8 +5166,10 @@
5154
5166
  background: var(--gray-a5);
5155
5167
  border-radius: 4px;
5156
5168
  }
5157
- ::-webkit-scrollbar-thumb:hover {
5158
- background: var(--gray-a7);
5169
+ @media (hover: hover) {
5170
+ ::-webkit-scrollbar-thumb:hover {
5171
+ background: var(--gray-a7);
5172
+ }
5159
5173
  }
5160
5174
  ::-webkit-scrollbar-corner {
5161
5175
  background: transparent;
@@ -6938,10 +6952,12 @@
6938
6952
  padding: var(--space-5) var(--space-6);
6939
6953
  font-size: var(--font-size-4);
6940
6954
  }
6941
- :where(.rt-AccordionTrigger:hover) {
6942
- background-color: var(--gray-a3);
6943
- -webkit-transform: translateY(-1px);
6944
- transform: translateY(-1px);
6955
+ @media (hover: hover) {
6956
+ :where(.rt-AccordionTrigger:hover) {
6957
+ background-color: var(--gray-a3);
6958
+ -webkit-transform: translateY(-1px);
6959
+ transform: translateY(-1px);
6960
+ }
6945
6961
  }
6946
6962
  :where(.rt-AccordionTrigger:active) {
6947
6963
  -webkit-transform: translateY(0px) scale(0.98);
@@ -6952,19 +6968,21 @@
6952
6968
  :where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
6953
6969
  color: var(--accent-ink);
6954
6970
  }
6955
- :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
6956
- background-color: var(--accent-2);
6957
- -webkit-box-shadow: var(--shadow-2);
6958
- box-shadow: var(--shadow-2);
6959
- }
6960
- :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
6961
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
6962
- }
6963
- :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='solid'],[data-material='solid']) {
6964
- background-color: var(--accent-2);
6965
- }
6966
- :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='translucent'],[data-material='translucent']) {
6967
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
6971
+ @media (hover: hover) {
6972
+ :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
6973
+ background-color: var(--accent-2);
6974
+ -webkit-box-shadow: var(--shadow-2);
6975
+ box-shadow: var(--shadow-2);
6976
+ }
6977
+ :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
6978
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
6979
+ }
6980
+ :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='solid'],[data-material='solid']) {
6981
+ background-color: var(--accent-2);
6982
+ }
6983
+ :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='translucent'],[data-material='translucent']) {
6984
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
6985
+ }
6968
6986
  }
6969
6987
  :where(.rt-AccordionRoot:where(.rt-variant-classic):focus-within) {
6970
6988
  outline: 2px solid var(--focus-8);
@@ -6972,69 +6990,77 @@
6972
6990
  -webkit-transition: var(--transition-text-field);
6973
6991
  transition: var(--transition-text-field);
6974
6992
  }
6975
- :where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover) {
6976
- background-color: var(--accent-4);
6977
- }
6978
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)) {
6979
- background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
6980
- }
6981
- :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
6982
- background-color: var(--accent-4);
6983
- }
6984
- :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
6985
- background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
6986
- }
6987
- :where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover) {
6988
- background-color: var(--accent-2);
6989
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
6990
- box-shadow: inset 0 0 0 1px var(--accent-7);
6991
- }
6992
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)) {
6993
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
6994
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
6995
- box-shadow: inset 0 0 0 1px var(--accent-a7);
6996
- }
6997
- :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
6998
- background-color: var(--accent-2);
6999
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7000
- box-shadow: inset 0 0 0 1px var(--accent-7);
7001
- }
7002
- :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7003
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
7004
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7005
- box-shadow: inset 0 0 0 1px var(--accent-a7);
7006
- }
7007
- :where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover) {
7008
- background-color: var(--accent-3);
7009
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7010
- box-shadow: inset 0 0 0 1px var(--accent-7);
7011
- }
7012
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)) {
7013
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7014
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7015
- box-shadow: inset 0 0 0 1px var(--accent-a7);
7016
- }
7017
- :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
7018
- background-color: var(--accent-3);
7019
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7020
- box-shadow: inset 0 0 0 1px var(--accent-7);
7021
- }
7022
- :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7023
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7024
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7025
- box-shadow: inset 0 0 0 1px var(--accent-a7);
7026
- }
7027
- :where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover) {
7028
- background-color: var(--accent-3);
6993
+ @media (hover: hover) {
6994
+ :where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover) {
6995
+ background-color: var(--accent-4);
6996
+ }
6997
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)) {
6998
+ background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
6999
+ }
7000
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
7001
+ background-color: var(--accent-4);
7002
+ }
7003
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7004
+ background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
7005
+ }
7029
7006
  }
7030
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)) {
7031
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7007
+ @media (hover: hover) {
7008
+ :where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover) {
7009
+ background-color: var(--accent-2);
7010
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7011
+ box-shadow: inset 0 0 0 1px var(--accent-7);
7012
+ }
7013
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)) {
7014
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
7015
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7016
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
7017
+ }
7018
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
7019
+ background-color: var(--accent-2);
7020
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7021
+ box-shadow: inset 0 0 0 1px var(--accent-7);
7022
+ }
7023
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7024
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
7025
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7026
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
7027
+ }
7032
7028
  }
7033
- :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
7034
- background-color: var(--accent-3);
7029
+ @media (hover: hover) {
7030
+ :where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover) {
7031
+ background-color: var(--accent-3);
7032
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7033
+ box-shadow: inset 0 0 0 1px var(--accent-7);
7034
+ }
7035
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)) {
7036
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7037
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7038
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
7039
+ }
7040
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
7041
+ background-color: var(--accent-3);
7042
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
7043
+ box-shadow: inset 0 0 0 1px var(--accent-7);
7044
+ }
7045
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7046
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7047
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
7048
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
7049
+ }
7035
7050
  }
7036
- :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7037
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7051
+ @media (hover: hover) {
7052
+ :where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover) {
7053
+ background-color: var(--accent-3);
7054
+ }
7055
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)) {
7056
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7057
+ }
7058
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
7059
+ background-color: var(--accent-3);
7060
+ }
7061
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
7062
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
7063
+ }
7038
7064
  }
7039
7065
  :where(.rt-AccordionTrigger:focus-visible) {
7040
7066
  outline: var(--focus-outline-width) solid var(--focus-8);
@@ -7148,8 +7174,10 @@
7148
7174
  transform: translateY(-4px) scaleY(0.98);
7149
7175
  }
7150
7176
  }
7151
- :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
7152
- background-color: var(--accent-a4);
7177
+ @media (hover: hover) {
7178
+ :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
7179
+ background-color: var(--accent-a4);
7180
+ }
7153
7181
  }
7154
7182
  @media (prefers-reduced-motion: reduce) {
7155
7183
  :where(.rt-AccordionContent[data-state="open"]),
@@ -7162,8 +7190,10 @@
7162
7190
  :where(.rt-AccordionRoot[data-material='translucent']) {
7163
7191
  background-color: var(--accent-2);
7164
7192
  }
7165
- :where(.rt-AccordionRoot[data-material='translucent']) :where(.rt-AccordionTrigger:hover) {
7166
- background-color: var(--accent-4);
7193
+ @media (hover: hover) {
7194
+ :where(.rt-AccordionRoot[data-material='translucent']) :where(.rt-AccordionTrigger:hover) {
7195
+ background-color: var(--accent-4);
7196
+ }
7167
7197
  }
7168
7198
  }
7169
7199
  @media (forced-colors: active) {
@@ -7257,6 +7287,13 @@
7257
7287
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
7258
7288
  }
7259
7289
  }
7290
+ .rt-AccordionTrigger:where([data-disabled]) {
7291
+ color: var(--gray-a8);
7292
+ cursor: default;
7293
+ background-color: transparent;
7294
+ -webkit-transform: none;
7295
+ transform: none;
7296
+ }
7260
7297
  .rt-BaseDialogOverlay {
7261
7298
  position: fixed;
7262
7299
  inset: 0;
@@ -7658,7 +7695,7 @@
7658
7695
  --avatar-size: var(--space-5);
7659
7696
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
7660
7697
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
7661
- border-radius: max(var(--radius-1), var(--radius-full));
7698
+ border-radius: var(--radius-pill-1);
7662
7699
  letter-spacing: var(--letter-spacing-1);
7663
7700
  --avatar-status-size: 6px;
7664
7701
  --avatar-status-border-width: 1.5px;
@@ -7668,7 +7705,7 @@
7668
7705
  --avatar-size: var(--space-6);
7669
7706
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
7670
7707
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
7671
- border-radius: max(var(--radius-2), var(--radius-full));
7708
+ border-radius: var(--radius-pill-2);
7672
7709
  letter-spacing: var(--letter-spacing-2);
7673
7710
  --avatar-status-size: 8px;
7674
7711
  --avatar-status-border-width: 2px;
@@ -7678,7 +7715,7 @@
7678
7715
  --avatar-size: var(--space-7);
7679
7716
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
7680
7717
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
7681
- border-radius: max(var(--radius-3), var(--radius-full));
7718
+ border-radius: var(--radius-pill-3);
7682
7719
  letter-spacing: var(--letter-spacing-3);
7683
7720
  --avatar-status-size: 10px;
7684
7721
  --avatar-status-border-width: 2px;
@@ -7688,7 +7725,7 @@
7688
7725
  --avatar-size: var(--space-8);
7689
7726
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
7690
7727
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
7691
- border-radius: max(var(--radius-4), var(--radius-full));
7728
+ border-radius: var(--radius-pill-4);
7692
7729
  letter-spacing: var(--letter-spacing-4);
7693
7730
  --avatar-status-size: 12px;
7694
7731
  --avatar-status-border-width: 2px;
@@ -7698,7 +7735,7 @@
7698
7735
  --avatar-size: var(--space-9);
7699
7736
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
7700
7737
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
7701
- border-radius: max(var(--radius-5), var(--radius-full));
7738
+ border-radius: var(--radius-pill-5);
7702
7739
  letter-spacing: var(--letter-spacing-5);
7703
7740
  --avatar-status-size: 14px;
7704
7741
  --avatar-status-border-width: 2px;
@@ -7708,7 +7745,7 @@
7708
7745
  --avatar-size: 80px;
7709
7746
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7710
7747
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7711
- border-radius: max(var(--radius-6), var(--radius-full));
7748
+ border-radius: var(--radius-pill-6);
7712
7749
  letter-spacing: var(--letter-spacing-6);
7713
7750
  --avatar-status-size: 16px;
7714
7751
  --avatar-status-border-width: 3px;
@@ -7718,7 +7755,7 @@
7718
7755
  --avatar-size: 96px;
7719
7756
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7720
7757
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7721
- border-radius: max(var(--radius-7), var(--radius-full));
7758
+ border-radius: var(--radius-pill-7);
7722
7759
  letter-spacing: var(--letter-spacing-7);
7723
7760
  --avatar-status-size: 18px;
7724
7761
  --avatar-status-border-width: 3px;
@@ -7728,7 +7765,7 @@
7728
7765
  --avatar-size: 128px;
7729
7766
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
7730
7767
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
7731
- border-radius: max(var(--radius-8), var(--radius-full));
7768
+ border-radius: var(--radius-pill-8);
7732
7769
  letter-spacing: var(--letter-spacing-8);
7733
7770
  --avatar-status-size: 20px;
7734
7771
  --avatar-status-border-width: 3px;
@@ -7738,7 +7775,7 @@
7738
7775
  --avatar-size: 160px;
7739
7776
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
7740
7777
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
7741
- border-radius: max(var(--radius-9), var(--radius-full));
7778
+ border-radius: var(--radius-pill-9);
7742
7779
  letter-spacing: var(--letter-spacing-9);
7743
7780
  --avatar-status-size: 24px;
7744
7781
  --avatar-status-border-width: 4px;
@@ -7749,7 +7786,7 @@
7749
7786
  --avatar-size: var(--space-5);
7750
7787
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
7751
7788
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
7752
- border-radius: max(var(--radius-1), var(--radius-full));
7789
+ border-radius: var(--radius-pill-1);
7753
7790
  letter-spacing: var(--letter-spacing-1);
7754
7791
  --avatar-status-size: 6px;
7755
7792
  --avatar-status-border-width: 1.5px;
@@ -7759,7 +7796,7 @@
7759
7796
  --avatar-size: var(--space-6);
7760
7797
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
7761
7798
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
7762
- border-radius: max(var(--radius-2), var(--radius-full));
7799
+ border-radius: var(--radius-pill-2);
7763
7800
  letter-spacing: var(--letter-spacing-2);
7764
7801
  --avatar-status-size: 8px;
7765
7802
  --avatar-status-border-width: 2px;
@@ -7769,7 +7806,7 @@
7769
7806
  --avatar-size: var(--space-7);
7770
7807
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
7771
7808
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
7772
- border-radius: max(var(--radius-3), var(--radius-full));
7809
+ border-radius: var(--radius-pill-3);
7773
7810
  letter-spacing: var(--letter-spacing-3);
7774
7811
  --avatar-status-size: 10px;
7775
7812
  --avatar-status-border-width: 2px;
@@ -7779,7 +7816,7 @@
7779
7816
  --avatar-size: var(--space-8);
7780
7817
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
7781
7818
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
7782
- border-radius: max(var(--radius-4), var(--radius-full));
7819
+ border-radius: var(--radius-pill-4);
7783
7820
  letter-spacing: var(--letter-spacing-4);
7784
7821
  --avatar-status-size: 12px;
7785
7822
  --avatar-status-border-width: 2px;
@@ -7789,7 +7826,7 @@
7789
7826
  --avatar-size: var(--space-9);
7790
7827
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
7791
7828
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
7792
- border-radius: max(var(--radius-5), var(--radius-full));
7829
+ border-radius: var(--radius-pill-5);
7793
7830
  letter-spacing: var(--letter-spacing-5);
7794
7831
  --avatar-status-size: 14px;
7795
7832
  --avatar-status-border-width: 2px;
@@ -7799,7 +7836,7 @@
7799
7836
  --avatar-size: 80px;
7800
7837
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7801
7838
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7802
- border-radius: max(var(--radius-6), var(--radius-full));
7839
+ border-radius: var(--radius-pill-6);
7803
7840
  letter-spacing: var(--letter-spacing-6);
7804
7841
  --avatar-status-size: 16px;
7805
7842
  --avatar-status-border-width: 3px;
@@ -7809,7 +7846,7 @@
7809
7846
  --avatar-size: 96px;
7810
7847
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7811
7848
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7812
- border-radius: max(var(--radius-7), var(--radius-full));
7849
+ border-radius: var(--radius-pill-7);
7813
7850
  letter-spacing: var(--letter-spacing-7);
7814
7851
  --avatar-status-size: 18px;
7815
7852
  --avatar-status-border-width: 3px;
@@ -7819,7 +7856,7 @@
7819
7856
  --avatar-size: 128px;
7820
7857
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
7821
7858
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
7822
- border-radius: max(var(--radius-8), var(--radius-full));
7859
+ border-radius: var(--radius-pill-8);
7823
7860
  letter-spacing: var(--letter-spacing-8);
7824
7861
  --avatar-status-size: 20px;
7825
7862
  --avatar-status-border-width: 3px;
@@ -7829,7 +7866,7 @@
7829
7866
  --avatar-size: 160px;
7830
7867
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
7831
7868
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
7832
- border-radius: max(var(--radius-9), var(--radius-full));
7869
+ border-radius: var(--radius-pill-9);
7833
7870
  letter-spacing: var(--letter-spacing-9);
7834
7871
  --avatar-status-size: 24px;
7835
7872
  --avatar-status-border-width: 4px;
@@ -7841,7 +7878,7 @@
7841
7878
  --avatar-size: var(--space-5);
7842
7879
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
7843
7880
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
7844
- border-radius: max(var(--radius-1), var(--radius-full));
7881
+ border-radius: var(--radius-pill-1);
7845
7882
  letter-spacing: var(--letter-spacing-1);
7846
7883
  --avatar-status-size: 6px;
7847
7884
  --avatar-status-border-width: 1.5px;
@@ -7851,7 +7888,7 @@
7851
7888
  --avatar-size: var(--space-6);
7852
7889
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
7853
7890
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
7854
- border-radius: max(var(--radius-2), var(--radius-full));
7891
+ border-radius: var(--radius-pill-2);
7855
7892
  letter-spacing: var(--letter-spacing-2);
7856
7893
  --avatar-status-size: 8px;
7857
7894
  --avatar-status-border-width: 2px;
@@ -7861,7 +7898,7 @@
7861
7898
  --avatar-size: var(--space-7);
7862
7899
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
7863
7900
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
7864
- border-radius: max(var(--radius-3), var(--radius-full));
7901
+ border-radius: var(--radius-pill-3);
7865
7902
  letter-spacing: var(--letter-spacing-3);
7866
7903
  --avatar-status-size: 10px;
7867
7904
  --avatar-status-border-width: 2px;
@@ -7871,7 +7908,7 @@
7871
7908
  --avatar-size: var(--space-8);
7872
7909
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
7873
7910
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
7874
- border-radius: max(var(--radius-4), var(--radius-full));
7911
+ border-radius: var(--radius-pill-4);
7875
7912
  letter-spacing: var(--letter-spacing-4);
7876
7913
  --avatar-status-size: 12px;
7877
7914
  --avatar-status-border-width: 2px;
@@ -7881,7 +7918,7 @@
7881
7918
  --avatar-size: var(--space-9);
7882
7919
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
7883
7920
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
7884
- border-radius: max(var(--radius-5), var(--radius-full));
7921
+ border-radius: var(--radius-pill-5);
7885
7922
  letter-spacing: var(--letter-spacing-5);
7886
7923
  --avatar-status-size: 14px;
7887
7924
  --avatar-status-border-width: 2px;
@@ -7891,7 +7928,7 @@
7891
7928
  --avatar-size: 80px;
7892
7929
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7893
7930
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7894
- border-radius: max(var(--radius-6), var(--radius-full));
7931
+ border-radius: var(--radius-pill-6);
7895
7932
  letter-spacing: var(--letter-spacing-6);
7896
7933
  --avatar-status-size: 16px;
7897
7934
  --avatar-status-border-width: 3px;
@@ -7901,7 +7938,7 @@
7901
7938
  --avatar-size: 96px;
7902
7939
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7903
7940
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7904
- border-radius: max(var(--radius-7), var(--radius-full));
7941
+ border-radius: var(--radius-pill-7);
7905
7942
  letter-spacing: var(--letter-spacing-7);
7906
7943
  --avatar-status-size: 18px;
7907
7944
  --avatar-status-border-width: 3px;
@@ -7911,7 +7948,7 @@
7911
7948
  --avatar-size: 128px;
7912
7949
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
7913
7950
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
7914
- border-radius: max(var(--radius-8), var(--radius-full));
7951
+ border-radius: var(--radius-pill-8);
7915
7952
  letter-spacing: var(--letter-spacing-8);
7916
7953
  --avatar-status-size: 20px;
7917
7954
  --avatar-status-border-width: 3px;
@@ -7921,7 +7958,7 @@
7921
7958
  --avatar-size: 160px;
7922
7959
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
7923
7960
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
7924
- border-radius: max(var(--radius-9), var(--radius-full));
7961
+ border-radius: var(--radius-pill-9);
7925
7962
  letter-spacing: var(--letter-spacing-9);
7926
7963
  --avatar-status-size: 24px;
7927
7964
  --avatar-status-border-width: 4px;
@@ -7933,7 +7970,7 @@
7933
7970
  --avatar-size: var(--space-5);
7934
7971
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
7935
7972
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
7936
- border-radius: max(var(--radius-1), var(--radius-full));
7973
+ border-radius: var(--radius-pill-1);
7937
7974
  letter-spacing: var(--letter-spacing-1);
7938
7975
  --avatar-status-size: 6px;
7939
7976
  --avatar-status-border-width: 1.5px;
@@ -7943,7 +7980,7 @@
7943
7980
  --avatar-size: var(--space-6);
7944
7981
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
7945
7982
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
7946
- border-radius: max(var(--radius-2), var(--radius-full));
7983
+ border-radius: var(--radius-pill-2);
7947
7984
  letter-spacing: var(--letter-spacing-2);
7948
7985
  --avatar-status-size: 8px;
7949
7986
  --avatar-status-border-width: 2px;
@@ -7953,7 +7990,7 @@
7953
7990
  --avatar-size: var(--space-7);
7954
7991
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
7955
7992
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
7956
- border-radius: max(var(--radius-3), var(--radius-full));
7993
+ border-radius: var(--radius-pill-3);
7957
7994
  letter-spacing: var(--letter-spacing-3);
7958
7995
  --avatar-status-size: 10px;
7959
7996
  --avatar-status-border-width: 2px;
@@ -7963,7 +8000,7 @@
7963
8000
  --avatar-size: var(--space-8);
7964
8001
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
7965
8002
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
7966
- border-radius: max(var(--radius-4), var(--radius-full));
8003
+ border-radius: var(--radius-pill-4);
7967
8004
  letter-spacing: var(--letter-spacing-4);
7968
8005
  --avatar-status-size: 12px;
7969
8006
  --avatar-status-border-width: 2px;
@@ -7973,7 +8010,7 @@
7973
8010
  --avatar-size: var(--space-9);
7974
8011
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
7975
8012
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
7976
- border-radius: max(var(--radius-5), var(--radius-full));
8013
+ border-radius: var(--radius-pill-5);
7977
8014
  letter-spacing: var(--letter-spacing-5);
7978
8015
  --avatar-status-size: 14px;
7979
8016
  --avatar-status-border-width: 2px;
@@ -7983,7 +8020,7 @@
7983
8020
  --avatar-size: 80px;
7984
8021
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7985
8022
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7986
- border-radius: max(var(--radius-6), var(--radius-full));
8023
+ border-radius: var(--radius-pill-6);
7987
8024
  letter-spacing: var(--letter-spacing-6);
7988
8025
  --avatar-status-size: 16px;
7989
8026
  --avatar-status-border-width: 3px;
@@ -7993,7 +8030,7 @@
7993
8030
  --avatar-size: 96px;
7994
8031
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
7995
8032
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
7996
- border-radius: max(var(--radius-7), var(--radius-full));
8033
+ border-radius: var(--radius-pill-7);
7997
8034
  letter-spacing: var(--letter-spacing-7);
7998
8035
  --avatar-status-size: 18px;
7999
8036
  --avatar-status-border-width: 3px;
@@ -8003,7 +8040,7 @@
8003
8040
  --avatar-size: 128px;
8004
8041
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
8005
8042
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
8006
- border-radius: max(var(--radius-8), var(--radius-full));
8043
+ border-radius: var(--radius-pill-8);
8007
8044
  letter-spacing: var(--letter-spacing-8);
8008
8045
  --avatar-status-size: 20px;
8009
8046
  --avatar-status-border-width: 3px;
@@ -8013,7 +8050,7 @@
8013
8050
  --avatar-size: 160px;
8014
8051
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
8015
8052
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
8016
- border-radius: max(var(--radius-9), var(--radius-full));
8053
+ border-radius: var(--radius-pill-9);
8017
8054
  letter-spacing: var(--letter-spacing-9);
8018
8055
  --avatar-status-size: 24px;
8019
8056
  --avatar-status-border-width: 4px;
@@ -8025,7 +8062,7 @@
8025
8062
  --avatar-size: var(--space-5);
8026
8063
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
8027
8064
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
8028
- border-radius: max(var(--radius-1), var(--radius-full));
8065
+ border-radius: var(--radius-pill-1);
8029
8066
  letter-spacing: var(--letter-spacing-1);
8030
8067
  --avatar-status-size: 6px;
8031
8068
  --avatar-status-border-width: 1.5px;
@@ -8035,7 +8072,7 @@
8035
8072
  --avatar-size: var(--space-6);
8036
8073
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
8037
8074
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
8038
- border-radius: max(var(--radius-2), var(--radius-full));
8075
+ border-radius: var(--radius-pill-2);
8039
8076
  letter-spacing: var(--letter-spacing-2);
8040
8077
  --avatar-status-size: 8px;
8041
8078
  --avatar-status-border-width: 2px;
@@ -8045,7 +8082,7 @@
8045
8082
  --avatar-size: var(--space-7);
8046
8083
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
8047
8084
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
8048
- border-radius: max(var(--radius-3), var(--radius-full));
8085
+ border-radius: var(--radius-pill-3);
8049
8086
  letter-spacing: var(--letter-spacing-3);
8050
8087
  --avatar-status-size: 10px;
8051
8088
  --avatar-status-border-width: 2px;
@@ -8055,7 +8092,7 @@
8055
8092
  --avatar-size: var(--space-8);
8056
8093
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
8057
8094
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
8058
- border-radius: max(var(--radius-4), var(--radius-full));
8095
+ border-radius: var(--radius-pill-4);
8059
8096
  letter-spacing: var(--letter-spacing-4);
8060
8097
  --avatar-status-size: 12px;
8061
8098
  --avatar-status-border-width: 2px;
@@ -8065,7 +8102,7 @@
8065
8102
  --avatar-size: var(--space-9);
8066
8103
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
8067
8104
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
8068
- border-radius: max(var(--radius-5), var(--radius-full));
8105
+ border-radius: var(--radius-pill-5);
8069
8106
  letter-spacing: var(--letter-spacing-5);
8070
8107
  --avatar-status-size: 14px;
8071
8108
  --avatar-status-border-width: 2px;
@@ -8075,7 +8112,7 @@
8075
8112
  --avatar-size: 80px;
8076
8113
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
8077
8114
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
8078
- border-radius: max(var(--radius-6), var(--radius-full));
8115
+ border-radius: var(--radius-pill-6);
8079
8116
  letter-spacing: var(--letter-spacing-6);
8080
8117
  --avatar-status-size: 16px;
8081
8118
  --avatar-status-border-width: 3px;
@@ -8085,7 +8122,7 @@
8085
8122
  --avatar-size: 96px;
8086
8123
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
8087
8124
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
8088
- border-radius: max(var(--radius-7), var(--radius-full));
8125
+ border-radius: var(--radius-pill-7);
8089
8126
  letter-spacing: var(--letter-spacing-7);
8090
8127
  --avatar-status-size: 18px;
8091
8128
  --avatar-status-border-width: 3px;
@@ -8095,7 +8132,7 @@
8095
8132
  --avatar-size: 128px;
8096
8133
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
8097
8134
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
8098
- border-radius: max(var(--radius-8), var(--radius-full));
8135
+ border-radius: var(--radius-pill-8);
8099
8136
  letter-spacing: var(--letter-spacing-8);
8100
8137
  --avatar-status-size: 20px;
8101
8138
  --avatar-status-border-width: 3px;
@@ -8105,7 +8142,7 @@
8105
8142
  --avatar-size: 160px;
8106
8143
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
8107
8144
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
8108
- border-radius: max(var(--radius-9), var(--radius-full));
8145
+ border-radius: var(--radius-pill-9);
8109
8146
  letter-spacing: var(--letter-spacing-9);
8110
8147
  --avatar-status-size: 24px;
8111
8148
  --avatar-status-border-width: 4px;
@@ -8117,7 +8154,7 @@
8117
8154
  --avatar-size: var(--space-5);
8118
8155
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
8119
8156
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
8120
- border-radius: max(var(--radius-1), var(--radius-full));
8157
+ border-radius: var(--radius-pill-1);
8121
8158
  letter-spacing: var(--letter-spacing-1);
8122
8159
  --avatar-status-size: 6px;
8123
8160
  --avatar-status-border-width: 1.5px;
@@ -8127,7 +8164,7 @@
8127
8164
  --avatar-size: var(--space-6);
8128
8165
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
8129
8166
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
8130
- border-radius: max(var(--radius-2), var(--radius-full));
8167
+ border-radius: var(--radius-pill-2);
8131
8168
  letter-spacing: var(--letter-spacing-2);
8132
8169
  --avatar-status-size: 8px;
8133
8170
  --avatar-status-border-width: 2px;
@@ -8137,7 +8174,7 @@
8137
8174
  --avatar-size: var(--space-7);
8138
8175
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
8139
8176
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
8140
- border-radius: max(var(--radius-3), var(--radius-full));
8177
+ border-radius: var(--radius-pill-3);
8141
8178
  letter-spacing: var(--letter-spacing-3);
8142
8179
  --avatar-status-size: 10px;
8143
8180
  --avatar-status-border-width: 2px;
@@ -8147,7 +8184,7 @@
8147
8184
  --avatar-size: var(--space-8);
8148
8185
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
8149
8186
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
8150
- border-radius: max(var(--radius-4), var(--radius-full));
8187
+ border-radius: var(--radius-pill-4);
8151
8188
  letter-spacing: var(--letter-spacing-4);
8152
8189
  --avatar-status-size: 12px;
8153
8190
  --avatar-status-border-width: 2px;
@@ -8157,7 +8194,7 @@
8157
8194
  --avatar-size: var(--space-9);
8158
8195
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
8159
8196
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
8160
- border-radius: max(var(--radius-5), var(--radius-full));
8197
+ border-radius: var(--radius-pill-5);
8161
8198
  letter-spacing: var(--letter-spacing-5);
8162
8199
  --avatar-status-size: 14px;
8163
8200
  --avatar-status-border-width: 2px;
@@ -8167,7 +8204,7 @@
8167
8204
  --avatar-size: 80px;
8168
8205
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
8169
8206
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
8170
- border-radius: max(var(--radius-6), var(--radius-full));
8207
+ border-radius: var(--radius-pill-6);
8171
8208
  letter-spacing: var(--letter-spacing-6);
8172
8209
  --avatar-status-size: 16px;
8173
8210
  --avatar-status-border-width: 3px;
@@ -8177,7 +8214,7 @@
8177
8214
  --avatar-size: 96px;
8178
8215
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
8179
8216
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
8180
- border-radius: max(var(--radius-7), var(--radius-full));
8217
+ border-radius: var(--radius-pill-7);
8181
8218
  letter-spacing: var(--letter-spacing-7);
8182
8219
  --avatar-status-size: 18px;
8183
8220
  --avatar-status-border-width: 3px;
@@ -8187,7 +8224,7 @@
8187
8224
  --avatar-size: 128px;
8188
8225
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
8189
8226
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
8190
- border-radius: max(var(--radius-8), var(--radius-full));
8227
+ border-radius: var(--radius-pill-8);
8191
8228
  letter-spacing: var(--letter-spacing-8);
8192
8229
  --avatar-status-size: 20px;
8193
8230
  --avatar-status-border-width: 3px;
@@ -8197,7 +8234,7 @@
8197
8234
  --avatar-size: 160px;
8198
8235
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
8199
8236
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
8200
- border-radius: max(var(--radius-9), var(--radius-full));
8237
+ border-radius: var(--radius-pill-9);
8201
8238
  letter-spacing: var(--letter-spacing-9);
8202
8239
  --avatar-status-size: 24px;
8203
8240
  --avatar-status-border-width: 4px;
@@ -8473,7 +8510,7 @@
8473
8510
  letter-spacing: var(--letter-spacing-1);
8474
8511
  padding: var(--space-1) var(--space-2);
8475
8512
  gap: calc(var(--space-1) * 1.5);
8476
- border-radius: max(var(--radius-1), var(--radius-full));
8513
+ border-radius: var(--radius-pill-1);
8477
8514
  }
8478
8515
  .rt-Badge:where(.rt-r-size-2):where(.rt-variant-ghost) {
8479
8516
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -8485,7 +8522,7 @@
8485
8522
  letter-spacing: var(--letter-spacing-2);
8486
8523
  padding: var(--space-1) calc(var(--space-2) * 1.25);
8487
8524
  gap: var(--space-2);
8488
- border-radius: max(var(--radius-2), var(--radius-full));
8525
+ border-radius: var(--radius-pill-2);
8489
8526
  }
8490
8527
  .rt-Badge:where(.rt-r-size-3):where(.rt-variant-ghost) {
8491
8528
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -8497,7 +8534,7 @@
8497
8534
  letter-spacing: var(--letter-spacing-3);
8498
8535
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
8499
8536
  gap: calc(var(--space-2) * 1.25);
8500
- border-radius: max(var(--radius-3), var(--radius-full));
8537
+ border-radius: var(--radius-pill-3);
8501
8538
  }
8502
8539
  .rt-Badge:where(.rt-r-size-4):where(.rt-variant-ghost) {
8503
8540
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -8522,7 +8559,7 @@
8522
8559
  letter-spacing: var(--letter-spacing-1);
8523
8560
  padding: var(--space-1) var(--space-2);
8524
8561
  gap: calc(var(--space-1) * 1.5);
8525
- border-radius: max(var(--radius-1), var(--radius-full));
8562
+ border-radius: var(--radius-pill-1);
8526
8563
  }
8527
8564
  .rt-Badge:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
8528
8565
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -8534,7 +8571,7 @@
8534
8571
  letter-spacing: var(--letter-spacing-2);
8535
8572
  padding: var(--space-1) calc(var(--space-2) * 1.25);
8536
8573
  gap: var(--space-2);
8537
- border-radius: max(var(--radius-2), var(--radius-full));
8574
+ border-radius: var(--radius-pill-2);
8538
8575
  }
8539
8576
  .rt-Badge:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
8540
8577
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -8546,7 +8583,7 @@
8546
8583
  letter-spacing: var(--letter-spacing-3);
8547
8584
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
8548
8585
  gap: calc(var(--space-2) * 1.25);
8549
- border-radius: max(var(--radius-3), var(--radius-full));
8586
+ border-radius: var(--radius-pill-3);
8550
8587
  }
8551
8588
  .rt-Badge:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
8552
8589
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -8572,7 +8609,7 @@
8572
8609
  letter-spacing: var(--letter-spacing-1);
8573
8610
  padding: var(--space-1) var(--space-2);
8574
8611
  gap: calc(var(--space-1) * 1.5);
8575
- border-radius: max(var(--radius-1), var(--radius-full));
8612
+ border-radius: var(--radius-pill-1);
8576
8613
  }
8577
8614
  .rt-Badge:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
8578
8615
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -8584,7 +8621,7 @@
8584
8621
  letter-spacing: var(--letter-spacing-2);
8585
8622
  padding: var(--space-1) calc(var(--space-2) * 1.25);
8586
8623
  gap: var(--space-2);
8587
- border-radius: max(var(--radius-2), var(--radius-full));
8624
+ border-radius: var(--radius-pill-2);
8588
8625
  }
8589
8626
  .rt-Badge:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
8590
8627
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -8596,7 +8633,7 @@
8596
8633
  letter-spacing: var(--letter-spacing-3);
8597
8634
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
8598
8635
  gap: calc(var(--space-2) * 1.25);
8599
- border-radius: max(var(--radius-3), var(--radius-full));
8636
+ border-radius: var(--radius-pill-3);
8600
8637
  }
8601
8638
  .rt-Badge:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
8602
8639
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -8622,7 +8659,7 @@
8622
8659
  letter-spacing: var(--letter-spacing-1);
8623
8660
  padding: var(--space-1) var(--space-2);
8624
8661
  gap: calc(var(--space-1) * 1.5);
8625
- border-radius: max(var(--radius-1), var(--radius-full));
8662
+ border-radius: var(--radius-pill-1);
8626
8663
  }
8627
8664
  .rt-Badge:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
8628
8665
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -8634,7 +8671,7 @@
8634
8671
  letter-spacing: var(--letter-spacing-2);
8635
8672
  padding: var(--space-1) calc(var(--space-2) * 1.25);
8636
8673
  gap: var(--space-2);
8637
- border-radius: max(var(--radius-2), var(--radius-full));
8674
+ border-radius: var(--radius-pill-2);
8638
8675
  }
8639
8676
  .rt-Badge:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
8640
8677
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -8646,7 +8683,7 @@
8646
8683
  letter-spacing: var(--letter-spacing-3);
8647
8684
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
8648
8685
  gap: calc(var(--space-2) * 1.25);
8649
- border-radius: max(var(--radius-3), var(--radius-full));
8686
+ border-radius: var(--radius-pill-3);
8650
8687
  }
8651
8688
  .rt-Badge:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
8652
8689
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -8672,7 +8709,7 @@
8672
8709
  letter-spacing: var(--letter-spacing-1);
8673
8710
  padding: var(--space-1) var(--space-2);
8674
8711
  gap: calc(var(--space-1) * 1.5);
8675
- border-radius: max(var(--radius-1), var(--radius-full));
8712
+ border-radius: var(--radius-pill-1);
8676
8713
  }
8677
8714
  .rt-Badge:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
8678
8715
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -8684,7 +8721,7 @@
8684
8721
  letter-spacing: var(--letter-spacing-2);
8685
8722
  padding: var(--space-1) calc(var(--space-2) * 1.25);
8686
8723
  gap: var(--space-2);
8687
- border-radius: max(var(--radius-2), var(--radius-full));
8724
+ border-radius: var(--radius-pill-2);
8688
8725
  }
8689
8726
  .rt-Badge:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
8690
8727
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -8696,7 +8733,7 @@
8696
8733
  letter-spacing: var(--letter-spacing-3);
8697
8734
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
8698
8735
  gap: calc(var(--space-2) * 1.25);
8699
- border-radius: max(var(--radius-3), var(--radius-full));
8736
+ border-radius: var(--radius-pill-3);
8700
8737
  }
8701
8738
  .rt-Badge:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
8702
8739
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -8722,7 +8759,7 @@
8722
8759
  letter-spacing: var(--letter-spacing-1);
8723
8760
  padding: var(--space-1) var(--space-2);
8724
8761
  gap: calc(var(--space-1) * 1.5);
8725
- border-radius: max(var(--radius-1), var(--radius-full));
8762
+ border-radius: var(--radius-pill-1);
8726
8763
  }
8727
8764
  .rt-Badge:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
8728
8765
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -8734,7 +8771,7 @@
8734
8771
  letter-spacing: var(--letter-spacing-2);
8735
8772
  padding: var(--space-1) calc(var(--space-2) * 1.25);
8736
8773
  gap: var(--space-2);
8737
- border-radius: max(var(--radius-2), var(--radius-full));
8774
+ border-radius: var(--radius-pill-2);
8738
8775
  }
8739
8776
  .rt-Badge:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
8740
8777
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -8746,7 +8783,7 @@
8746
8783
  letter-spacing: var(--letter-spacing-3);
8747
8784
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
8748
8785
  gap: calc(var(--space-2) * 1.25);
8749
- border-radius: max(var(--radius-3), var(--radius-full));
8786
+ border-radius: var(--radius-pill-3);
8750
8787
  }
8751
8788
  .rt-Badge:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
8752
8789
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -8924,8 +8961,10 @@
8924
8961
  transform-box: fill-box;
8925
8962
  shape-rendering: geometricPrecision;
8926
8963
  }
8927
- .rt-BaseButton:where(:hover:not([data-disabled],[data-state='open'])) {
8928
- scale: 1.02;
8964
+ @media (hover: hover) {
8965
+ .rt-BaseButton:where(:hover:not([data-disabled],[data-state='open'])) {
8966
+ scale: 1.02;
8967
+ }
8929
8968
  }
8930
8969
  .rt-BaseButton:where(:active:not([data-disabled])) {
8931
8970
  scale: 0.96;
@@ -8949,108 +8988,108 @@
8949
8988
  }
8950
8989
  .rt-BaseButton:where(.rt-r-size-1) {
8951
8990
  --base-button-height: var(--control-height-1);
8952
- border-radius: max(var(--radius-1), var(--radius-full));
8991
+ border-radius: var(--radius-pill-1);
8953
8992
  }
8954
8993
  .rt-BaseButton:where(.rt-r-size-2) {
8955
8994
  --base-button-height: var(--control-height-2);
8956
- border-radius: max(var(--radius-2), var(--radius-full));
8995
+ border-radius: var(--radius-pill-2);
8957
8996
  }
8958
8997
  .rt-BaseButton:where(.rt-r-size-3) {
8959
8998
  --base-button-height: var(--control-height-3);
8960
- border-radius: max(var(--radius-3), var(--radius-full));
8999
+ border-radius: var(--radius-pill-3);
8961
9000
  }
8962
9001
  .rt-BaseButton:where(.rt-r-size-4) {
8963
9002
  --base-button-height: var(--control-height-4);
8964
- border-radius: max(var(--radius-4), var(--radius-full));
9003
+ border-radius: var(--radius-pill-4);
8965
9004
  }
8966
9005
  @media (min-width: 520px) {
8967
9006
  .rt-BaseButton:where(.xs\:rt-r-size-1) {
8968
9007
  --base-button-height: var(--control-height-1);
8969
- border-radius: max(var(--radius-1), var(--radius-full));
9008
+ border-radius: var(--radius-pill-1);
8970
9009
  }
8971
9010
  .rt-BaseButton:where(.xs\:rt-r-size-2) {
8972
9011
  --base-button-height: var(--control-height-2);
8973
- border-radius: max(var(--radius-2), var(--radius-full));
9012
+ border-radius: var(--radius-pill-2);
8974
9013
  }
8975
9014
  .rt-BaseButton:where(.xs\:rt-r-size-3) {
8976
9015
  --base-button-height: var(--control-height-3);
8977
- border-radius: max(var(--radius-3), var(--radius-full));
9016
+ border-radius: var(--radius-pill-3);
8978
9017
  }
8979
9018
  .rt-BaseButton:where(.xs\:rt-r-size-4) {
8980
9019
  --base-button-height: var(--control-height-4);
8981
- border-radius: max(var(--radius-4), var(--radius-full));
9020
+ border-radius: var(--radius-pill-4);
8982
9021
  }
8983
9022
  }
8984
9023
  @media (min-width: 768px) {
8985
9024
  .rt-BaseButton:where(.sm\:rt-r-size-1) {
8986
9025
  --base-button-height: var(--control-height-1);
8987
- border-radius: max(var(--radius-1), var(--radius-full));
9026
+ border-radius: var(--radius-pill-1);
8988
9027
  }
8989
9028
  .rt-BaseButton:where(.sm\:rt-r-size-2) {
8990
9029
  --base-button-height: var(--control-height-2);
8991
- border-radius: max(var(--radius-2), var(--radius-full));
9030
+ border-radius: var(--radius-pill-2);
8992
9031
  }
8993
9032
  .rt-BaseButton:where(.sm\:rt-r-size-3) {
8994
9033
  --base-button-height: var(--control-height-3);
8995
- border-radius: max(var(--radius-3), var(--radius-full));
9034
+ border-radius: var(--radius-pill-3);
8996
9035
  }
8997
9036
  .rt-BaseButton:where(.sm\:rt-r-size-4) {
8998
9037
  --base-button-height: var(--control-height-4);
8999
- border-radius: max(var(--radius-4), var(--radius-full));
9038
+ border-radius: var(--radius-pill-4);
9000
9039
  }
9001
9040
  }
9002
9041
  @media (min-width: 1024px) {
9003
9042
  .rt-BaseButton:where(.md\:rt-r-size-1) {
9004
9043
  --base-button-height: var(--control-height-1);
9005
- border-radius: max(var(--radius-1), var(--radius-full));
9044
+ border-radius: var(--radius-pill-1);
9006
9045
  }
9007
9046
  .rt-BaseButton:where(.md\:rt-r-size-2) {
9008
9047
  --base-button-height: var(--control-height-2);
9009
- border-radius: max(var(--radius-2), var(--radius-full));
9048
+ border-radius: var(--radius-pill-2);
9010
9049
  }
9011
9050
  .rt-BaseButton:where(.md\:rt-r-size-3) {
9012
9051
  --base-button-height: var(--control-height-3);
9013
- border-radius: max(var(--radius-3), var(--radius-full));
9052
+ border-radius: var(--radius-pill-3);
9014
9053
  }
9015
9054
  .rt-BaseButton:where(.md\:rt-r-size-4) {
9016
9055
  --base-button-height: var(--control-height-4);
9017
- border-radius: max(var(--radius-4), var(--radius-full));
9056
+ border-radius: var(--radius-pill-4);
9018
9057
  }
9019
9058
  }
9020
9059
  @media (min-width: 1280px) {
9021
9060
  .rt-BaseButton:where(.lg\:rt-r-size-1) {
9022
9061
  --base-button-height: var(--control-height-1);
9023
- border-radius: max(var(--radius-1), var(--radius-full));
9062
+ border-radius: var(--radius-pill-1);
9024
9063
  }
9025
9064
  .rt-BaseButton:where(.lg\:rt-r-size-2) {
9026
9065
  --base-button-height: var(--control-height-2);
9027
- border-radius: max(var(--radius-2), var(--radius-full));
9066
+ border-radius: var(--radius-pill-2);
9028
9067
  }
9029
9068
  .rt-BaseButton:where(.lg\:rt-r-size-3) {
9030
9069
  --base-button-height: var(--control-height-3);
9031
- border-radius: max(var(--radius-3), var(--radius-full));
9070
+ border-radius: var(--radius-pill-3);
9032
9071
  }
9033
9072
  .rt-BaseButton:where(.lg\:rt-r-size-4) {
9034
9073
  --base-button-height: var(--control-height-4);
9035
- border-radius: max(var(--radius-4), var(--radius-full));
9074
+ border-radius: var(--radius-pill-4);
9036
9075
  }
9037
9076
  }
9038
9077
  @media (min-width: 1640px) {
9039
9078
  .rt-BaseButton:where(.xl\:rt-r-size-1) {
9040
9079
  --base-button-height: var(--control-height-1);
9041
- border-radius: max(var(--radius-1), var(--radius-full));
9080
+ border-radius: var(--radius-pill-1);
9042
9081
  }
9043
9082
  .rt-BaseButton:where(.xl\:rt-r-size-2) {
9044
9083
  --base-button-height: var(--control-height-2);
9045
- border-radius: max(var(--radius-2), var(--radius-full));
9084
+ border-radius: var(--radius-pill-2);
9046
9085
  }
9047
9086
  .rt-BaseButton:where(.xl\:rt-r-size-3) {
9048
9087
  --base-button-height: var(--control-height-3);
9049
- border-radius: max(var(--radius-3), var(--radius-full));
9088
+ border-radius: var(--radius-pill-3);
9050
9089
  }
9051
9090
  .rt-BaseButton:where(.xl\:rt-r-size-4) {
9052
9091
  --base-button-height: var(--control-height-4);
9053
- border-radius: max(var(--radius-4), var(--radius-full));
9092
+ border-radius: var(--radius-pill-4);
9054
9093
  }
9055
9094
  }
9056
9095
  .rt-BaseButton:where(.rt-variant-soft) {
@@ -10056,26 +10095,6 @@
10056
10095
  --callout-icon-height: var(--line-height-3);
10057
10096
  --callout-icon-size: var(--content-icon-size-3);
10058
10097
  }
10059
- .rt-CalloutRoot:where(.rt-r-size-4) {
10060
- row-gap: var(--space-3);
10061
- -webkit-column-gap: var(--space-5);
10062
- -moz-column-gap: var(--space-5);
10063
- column-gap: var(--space-5);
10064
- padding: var(--space-6);
10065
- --callout-border-radius: var(--radius-surface-4);
10066
- --callout-icon-height: var(--line-height-4);
10067
- --callout-icon-size: var(--content-icon-size-4);
10068
- }
10069
- .rt-CalloutRoot:where(.rt-r-size-5) {
10070
- row-gap: var(--space-4);
10071
- -webkit-column-gap: var(--space-6);
10072
- -moz-column-gap: var(--space-6);
10073
- column-gap: var(--space-6);
10074
- padding: var(--space-7);
10075
- --callout-border-radius: var(--radius-surface-5);
10076
- --callout-icon-height: var(--line-height-5);
10077
- --callout-icon-size: var(--content-icon-size-5);
10078
- }
10079
10098
  @media (min-width: 520px) {
10080
10099
  .rt-CalloutRoot:where(.xs\:rt-r-size-1) {
10081
10100
  row-gap: var(--space-2);
@@ -10107,26 +10126,6 @@
10107
10126
  --callout-icon-height: var(--line-height-3);
10108
10127
  --callout-icon-size: var(--content-icon-size-3);
10109
10128
  }
10110
- .rt-CalloutRoot:where(.xs\:rt-r-size-4) {
10111
- row-gap: var(--space-3);
10112
- -webkit-column-gap: var(--space-5);
10113
- -moz-column-gap: var(--space-5);
10114
- column-gap: var(--space-5);
10115
- padding: var(--space-6);
10116
- --callout-border-radius: var(--radius-surface-4);
10117
- --callout-icon-height: var(--line-height-4);
10118
- --callout-icon-size: var(--content-icon-size-4);
10119
- }
10120
- .rt-CalloutRoot:where(.xs\:rt-r-size-5) {
10121
- row-gap: var(--space-4);
10122
- -webkit-column-gap: var(--space-6);
10123
- -moz-column-gap: var(--space-6);
10124
- column-gap: var(--space-6);
10125
- padding: var(--space-7);
10126
- --callout-border-radius: var(--radius-surface-5);
10127
- --callout-icon-height: var(--line-height-5);
10128
- --callout-icon-size: var(--content-icon-size-5);
10129
- }
10130
10129
  }
10131
10130
  @media (min-width: 768px) {
10132
10131
  .rt-CalloutRoot:where(.sm\:rt-r-size-1) {
@@ -10159,26 +10158,6 @@
10159
10158
  --callout-icon-height: var(--line-height-3);
10160
10159
  --callout-icon-size: var(--content-icon-size-3);
10161
10160
  }
10162
- .rt-CalloutRoot:where(.sm\:rt-r-size-4) {
10163
- row-gap: var(--space-3);
10164
- -webkit-column-gap: var(--space-5);
10165
- -moz-column-gap: var(--space-5);
10166
- column-gap: var(--space-5);
10167
- padding: var(--space-6);
10168
- --callout-border-radius: var(--radius-surface-4);
10169
- --callout-icon-height: var(--line-height-4);
10170
- --callout-icon-size: var(--content-icon-size-4);
10171
- }
10172
- .rt-CalloutRoot:where(.sm\:rt-r-size-5) {
10173
- row-gap: var(--space-4);
10174
- -webkit-column-gap: var(--space-6);
10175
- -moz-column-gap: var(--space-6);
10176
- column-gap: var(--space-6);
10177
- padding: var(--space-7);
10178
- --callout-border-radius: var(--radius-surface-5);
10179
- --callout-icon-height: var(--line-height-5);
10180
- --callout-icon-size: var(--content-icon-size-5);
10181
- }
10182
10161
  }
10183
10162
  @media (min-width: 1024px) {
10184
10163
  .rt-CalloutRoot:where(.md\:rt-r-size-1) {
@@ -10211,26 +10190,6 @@
10211
10190
  --callout-icon-height: var(--line-height-3);
10212
10191
  --callout-icon-size: var(--content-icon-size-3);
10213
10192
  }
10214
- .rt-CalloutRoot:where(.md\:rt-r-size-4) {
10215
- row-gap: var(--space-3);
10216
- -webkit-column-gap: var(--space-5);
10217
- -moz-column-gap: var(--space-5);
10218
- column-gap: var(--space-5);
10219
- padding: var(--space-6);
10220
- --callout-border-radius: var(--radius-surface-4);
10221
- --callout-icon-height: var(--line-height-4);
10222
- --callout-icon-size: var(--content-icon-size-4);
10223
- }
10224
- .rt-CalloutRoot:where(.md\:rt-r-size-5) {
10225
- row-gap: var(--space-4);
10226
- -webkit-column-gap: var(--space-6);
10227
- -moz-column-gap: var(--space-6);
10228
- column-gap: var(--space-6);
10229
- padding: var(--space-7);
10230
- --callout-border-radius: var(--radius-surface-5);
10231
- --callout-icon-height: var(--line-height-5);
10232
- --callout-icon-size: var(--content-icon-size-5);
10233
- }
10234
10193
  }
10235
10194
  @media (min-width: 1280px) {
10236
10195
  .rt-CalloutRoot:where(.lg\:rt-r-size-1) {
@@ -10263,26 +10222,6 @@
10263
10222
  --callout-icon-height: var(--line-height-3);
10264
10223
  --callout-icon-size: var(--content-icon-size-3);
10265
10224
  }
10266
- .rt-CalloutRoot:where(.lg\:rt-r-size-4) {
10267
- row-gap: var(--space-3);
10268
- -webkit-column-gap: var(--space-5);
10269
- -moz-column-gap: var(--space-5);
10270
- column-gap: var(--space-5);
10271
- padding: var(--space-6);
10272
- --callout-border-radius: var(--radius-surface-4);
10273
- --callout-icon-height: var(--line-height-4);
10274
- --callout-icon-size: var(--content-icon-size-4);
10275
- }
10276
- .rt-CalloutRoot:where(.lg\:rt-r-size-5) {
10277
- row-gap: var(--space-4);
10278
- -webkit-column-gap: var(--space-6);
10279
- -moz-column-gap: var(--space-6);
10280
- column-gap: var(--space-6);
10281
- padding: var(--space-7);
10282
- --callout-border-radius: var(--radius-surface-5);
10283
- --callout-icon-height: var(--line-height-5);
10284
- --callout-icon-size: var(--content-icon-size-5);
10285
- }
10286
10225
  }
10287
10226
  @media (min-width: 1640px) {
10288
10227
  .rt-CalloutRoot:where(.xl\:rt-r-size-1) {
@@ -10315,26 +10254,6 @@
10315
10254
  --callout-icon-height: var(--line-height-3);
10316
10255
  --callout-icon-size: var(--content-icon-size-3);
10317
10256
  }
10318
- .rt-CalloutRoot:where(.xl\:rt-r-size-4) {
10319
- row-gap: var(--space-3);
10320
- -webkit-column-gap: var(--space-5);
10321
- -moz-column-gap: var(--space-5);
10322
- column-gap: var(--space-5);
10323
- padding: var(--space-6);
10324
- --callout-border-radius: var(--radius-surface-4);
10325
- --callout-icon-height: var(--line-height-4);
10326
- --callout-icon-size: var(--content-icon-size-4);
10327
- }
10328
- .rt-CalloutRoot:where(.xl\:rt-r-size-5) {
10329
- row-gap: var(--space-4);
10330
- -webkit-column-gap: var(--space-6);
10331
- -moz-column-gap: var(--space-6);
10332
- column-gap: var(--space-6);
10333
- padding: var(--space-7);
10334
- --callout-border-radius: var(--radius-surface-5);
10335
- --callout-icon-height: var(--line-height-5);
10336
- --callout-icon-size: var(--content-icon-size-5);
10337
- }
10338
10257
  }
10339
10258
  .rt-CalloutRoot:where(.rt-variant-soft) {
10340
10259
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
@@ -11014,6 +10933,14 @@
11014
10933
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
11015
10934
  }
11016
10935
  }
10936
+ .rt-BaseCard:where(:-moz-any-link, button, label):where(:disabled, [data-disabled]) {
10937
+ cursor: default;
10938
+ scale: 1;
10939
+ }
10940
+ .rt-BaseCard:where(:any-link, button, label):where(:disabled, [data-disabled]) {
10941
+ cursor: default;
10942
+ scale: 1;
10943
+ }
11017
10944
  .rt-Card {
11018
10945
  --base-card-border-width: var(--card-border-width);
11019
10946
  }
@@ -13989,8 +13916,10 @@
13989
13916
  .rt-TextFieldInput:where(:not([type='time']))::-webkit-calendar-picker-indicator {
13990
13917
  margin-left: var(--space-1);
13991
13918
  }
13992
- .rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
13993
- background-color: var(--gray-a3);
13919
+ @media (hover: hover) {
13920
+ .rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
13921
+ background-color: var(--gray-a3);
13922
+ }
13994
13923
  }
13995
13924
  .rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:focus-visible) {
13996
13925
  outline: 2px solid var(--text-field-focus-color);
@@ -14074,7 +14003,7 @@
14074
14003
  .rt-TextFieldRoot:where(.rt-r-size-1) {
14075
14004
  --text-field-height: var(--control-height-1);
14076
14005
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14077
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14006
+ --text-field-border-radius: var(--radius-pill-1);
14078
14007
  --text-field-native-icon-size: var(--space-3);
14079
14008
  font-size: var(--font-size-1);
14080
14009
  letter-spacing: var(--letter-spacing-1);
@@ -14100,7 +14029,7 @@
14100
14029
  .rt-TextFieldRoot:where(.rt-r-size-2) {
14101
14030
  --text-field-height: var(--control-height-2);
14102
14031
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14103
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14032
+ --text-field-border-radius: var(--radius-pill-2);
14104
14033
  --text-field-native-icon-size: var(--space-4);
14105
14034
  font-size: var(--font-size-2);
14106
14035
  letter-spacing: var(--letter-spacing-2);
@@ -14126,7 +14055,7 @@
14126
14055
  .rt-TextFieldRoot:where(.rt-r-size-3) {
14127
14056
  --text-field-height: var(--control-height-3);
14128
14057
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14129
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14058
+ --text-field-border-radius: var(--radius-pill-3);
14130
14059
  --text-field-native-icon-size: var(--space-4);
14131
14060
  font-size: var(--font-size-3);
14132
14061
  letter-spacing: var(--letter-spacing-3);
@@ -14153,7 +14082,7 @@
14153
14082
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
14154
14083
  --text-field-height: var(--control-height-1);
14155
14084
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14156
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14085
+ --text-field-border-radius: var(--radius-pill-1);
14157
14086
  --text-field-native-icon-size: var(--space-3);
14158
14087
  font-size: var(--font-size-1);
14159
14088
  letter-spacing: var(--letter-spacing-1);
@@ -14179,7 +14108,7 @@
14179
14108
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
14180
14109
  --text-field-height: var(--control-height-2);
14181
14110
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14182
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14111
+ --text-field-border-radius: var(--radius-pill-2);
14183
14112
  --text-field-native-icon-size: var(--space-4);
14184
14113
  font-size: var(--font-size-2);
14185
14114
  letter-spacing: var(--letter-spacing-2);
@@ -14205,7 +14134,7 @@
14205
14134
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
14206
14135
  --text-field-height: var(--control-height-3);
14207
14136
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14208
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14137
+ --text-field-border-radius: var(--radius-pill-3);
14209
14138
  --text-field-native-icon-size: var(--space-4);
14210
14139
  font-size: var(--font-size-3);
14211
14140
  letter-spacing: var(--letter-spacing-3);
@@ -14233,7 +14162,7 @@
14233
14162
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
14234
14163
  --text-field-height: var(--control-height-1);
14235
14164
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14236
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14165
+ --text-field-border-radius: var(--radius-pill-1);
14237
14166
  --text-field-native-icon-size: var(--space-3);
14238
14167
  font-size: var(--font-size-1);
14239
14168
  letter-spacing: var(--letter-spacing-1);
@@ -14259,7 +14188,7 @@
14259
14188
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
14260
14189
  --text-field-height: var(--control-height-2);
14261
14190
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14262
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14191
+ --text-field-border-radius: var(--radius-pill-2);
14263
14192
  --text-field-native-icon-size: var(--space-4);
14264
14193
  font-size: var(--font-size-2);
14265
14194
  letter-spacing: var(--letter-spacing-2);
@@ -14285,7 +14214,7 @@
14285
14214
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
14286
14215
  --text-field-height: var(--control-height-3);
14287
14216
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14288
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14217
+ --text-field-border-radius: var(--radius-pill-3);
14289
14218
  --text-field-native-icon-size: var(--space-4);
14290
14219
  font-size: var(--font-size-3);
14291
14220
  letter-spacing: var(--letter-spacing-3);
@@ -14313,7 +14242,7 @@
14313
14242
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
14314
14243
  --text-field-height: var(--control-height-1);
14315
14244
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14316
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14245
+ --text-field-border-radius: var(--radius-pill-1);
14317
14246
  --text-field-native-icon-size: var(--space-3);
14318
14247
  font-size: var(--font-size-1);
14319
14248
  letter-spacing: var(--letter-spacing-1);
@@ -14339,7 +14268,7 @@
14339
14268
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
14340
14269
  --text-field-height: var(--control-height-2);
14341
14270
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14342
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14271
+ --text-field-border-radius: var(--radius-pill-2);
14343
14272
  --text-field-native-icon-size: var(--space-4);
14344
14273
  font-size: var(--font-size-2);
14345
14274
  letter-spacing: var(--letter-spacing-2);
@@ -14365,7 +14294,7 @@
14365
14294
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
14366
14295
  --text-field-height: var(--control-height-3);
14367
14296
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14368
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14297
+ --text-field-border-radius: var(--radius-pill-3);
14369
14298
  --text-field-native-icon-size: var(--space-4);
14370
14299
  font-size: var(--font-size-3);
14371
14300
  letter-spacing: var(--letter-spacing-3);
@@ -14393,7 +14322,7 @@
14393
14322
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
14394
14323
  --text-field-height: var(--control-height-1);
14395
14324
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14396
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14325
+ --text-field-border-radius: var(--radius-pill-1);
14397
14326
  --text-field-native-icon-size: var(--space-3);
14398
14327
  font-size: var(--font-size-1);
14399
14328
  letter-spacing: var(--letter-spacing-1);
@@ -14419,7 +14348,7 @@
14419
14348
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
14420
14349
  --text-field-height: var(--control-height-2);
14421
14350
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14422
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14351
+ --text-field-border-radius: var(--radius-pill-2);
14423
14352
  --text-field-native-icon-size: var(--space-4);
14424
14353
  font-size: var(--font-size-2);
14425
14354
  letter-spacing: var(--letter-spacing-2);
@@ -14445,7 +14374,7 @@
14445
14374
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
14446
14375
  --text-field-height: var(--control-height-3);
14447
14376
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14448
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14377
+ --text-field-border-radius: var(--radius-pill-3);
14449
14378
  --text-field-native-icon-size: var(--space-4);
14450
14379
  font-size: var(--font-size-3);
14451
14380
  letter-spacing: var(--letter-spacing-3);
@@ -14473,7 +14402,7 @@
14473
14402
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
14474
14403
  --text-field-height: var(--control-height-1);
14475
14404
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
14476
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
14405
+ --text-field-border-radius: var(--radius-pill-1);
14477
14406
  --text-field-native-icon-size: var(--space-3);
14478
14407
  font-size: var(--font-size-1);
14479
14408
  letter-spacing: var(--letter-spacing-1);
@@ -14499,7 +14428,7 @@
14499
14428
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
14500
14429
  --text-field-height: var(--control-height-2);
14501
14430
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
14502
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
14431
+ --text-field-border-radius: var(--radius-pill-2);
14503
14432
  --text-field-native-icon-size: var(--space-4);
14504
14433
  font-size: var(--font-size-2);
14505
14434
  letter-spacing: var(--letter-spacing-2);
@@ -14525,7 +14454,7 @@
14525
14454
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
14526
14455
  --text-field-height: var(--control-height-3);
14527
14456
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
14528
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
14457
+ --text-field-border-radius: var(--radius-pill-3);
14529
14458
  --text-field-native-icon-size: var(--space-4);
14530
14459
  font-size: var(--font-size-3);
14531
14460
  letter-spacing: var(--letter-spacing-3);
@@ -16696,7 +16625,7 @@
16696
16625
  -webkit-box-sizing: border-box;
16697
16626
  box-sizing: border-box;
16698
16627
  word-spacing: var(--classic-word-spacing);
16699
- border-radius: max(var(--radius-2), var(--radius-full));
16628
+ border-radius: var(--radius-pill-2);
16700
16629
  font-size: var(--font-size-1);
16701
16630
  line-height: var(--line-height-1);
16702
16631
  letter-spacing: var(--letter-spacing-1);
@@ -16815,63 +16744,63 @@
16815
16744
  line-height: var(--line-height-0);
16816
16745
  letter-spacing: var(--letter-spacing-0);
16817
16746
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
16818
- border-radius: max(var(--radius-1), var(--radius-full));
16747
+ border-radius: var(--radius-pill-1);
16819
16748
  }
16820
16749
  .rt-Kbd:where(.rt-r-size-2) {
16821
16750
  font-size: var(--font-size-1);
16822
16751
  line-height: var(--line-height-1);
16823
16752
  letter-spacing: var(--letter-spacing-1);
16824
16753
  padding: var(--space-1) var(--space-2);
16825
- border-radius: max(var(--radius-2), var(--radius-full));
16754
+ border-radius: var(--radius-pill-2);
16826
16755
  }
16827
16756
  .rt-Kbd:where(.rt-r-size-3) {
16828
16757
  font-size: var(--font-size-2);
16829
16758
  line-height: var(--line-height-2);
16830
16759
  letter-spacing: var(--letter-spacing-2);
16831
16760
  padding: var(--space-1) calc(var(--space-2) * 1.25);
16832
- border-radius: max(var(--radius-2), var(--radius-full));
16761
+ border-radius: var(--radius-pill-2);
16833
16762
  }
16834
16763
  .rt-Kbd:where(.rt-r-size-4) {
16835
16764
  font-size: var(--font-size-3);
16836
16765
  line-height: var(--line-height-3);
16837
16766
  letter-spacing: var(--letter-spacing-3);
16838
16767
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
16839
- border-radius: max(var(--radius-3), var(--radius-full));
16768
+ border-radius: var(--radius-pill-3);
16840
16769
  }
16841
16770
  .rt-Kbd:where(.rt-r-size-5) {
16842
16771
  font-size: var(--font-size-4);
16843
16772
  line-height: var(--line-height-4);
16844
16773
  letter-spacing: var(--letter-spacing-4);
16845
16774
  padding: calc(var(--space-1) * 1.5) var(--space-3);
16846
- border-radius: max(var(--radius-3), var(--radius-full));
16775
+ border-radius: var(--radius-pill-3);
16847
16776
  }
16848
16777
  .rt-Kbd:where(.rt-r-size-6) {
16849
16778
  font-size: var(--font-size-5);
16850
16779
  line-height: var(--line-height-5);
16851
16780
  letter-spacing: var(--letter-spacing-5);
16852
16781
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
16853
- border-radius: max(var(--radius-4), var(--radius-full));
16782
+ border-radius: var(--radius-pill-4);
16854
16783
  }
16855
16784
  .rt-Kbd:where(.rt-r-size-7) {
16856
16785
  font-size: var(--font-size-6);
16857
16786
  line-height: var(--line-height-6);
16858
16787
  letter-spacing: var(--letter-spacing-6);
16859
16788
  padding: var(--space-2) calc(var(--space-3) * 1.5);
16860
- border-radius: max(var(--radius-4), var(--radius-full));
16789
+ border-radius: var(--radius-pill-4);
16861
16790
  }
16862
16791
  .rt-Kbd:where(.rt-r-size-8) {
16863
16792
  font-size: var(--font-size-7);
16864
16793
  line-height: var(--line-height-7);
16865
16794
  letter-spacing: var(--letter-spacing-7);
16866
16795
  padding: calc(var(--space-2) * 1.25) var(--space-4);
16867
- border-radius: max(var(--radius-5), var(--radius-full));
16796
+ border-radius: var(--radius-pill-5);
16868
16797
  }
16869
16798
  .rt-Kbd:where(.rt-r-size-9) {
16870
16799
  font-size: var(--font-size-8);
16871
16800
  line-height: var(--line-height-8);
16872
16801
  letter-spacing: var(--letter-spacing-8);
16873
16802
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
16874
- border-radius: max(var(--radius-5), var(--radius-full));
16803
+ border-radius: var(--radius-pill-5);
16875
16804
  }
16876
16805
  @media (min-width: 520px) {
16877
16806
  .rt-Kbd:where(.xs\:rt-r-size-1) {
@@ -16879,63 +16808,63 @@
16879
16808
  line-height: var(--line-height-0);
16880
16809
  letter-spacing: var(--letter-spacing-0);
16881
16810
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
16882
- border-radius: max(var(--radius-1), var(--radius-full));
16811
+ border-radius: var(--radius-pill-1);
16883
16812
  }
16884
16813
  .rt-Kbd:where(.xs\:rt-r-size-2) {
16885
16814
  font-size: var(--font-size-1);
16886
16815
  line-height: var(--line-height-1);
16887
16816
  letter-spacing: var(--letter-spacing-1);
16888
16817
  padding: var(--space-1) var(--space-2);
16889
- border-radius: max(var(--radius-2), var(--radius-full));
16818
+ border-radius: var(--radius-pill-2);
16890
16819
  }
16891
16820
  .rt-Kbd:where(.xs\:rt-r-size-3) {
16892
16821
  font-size: var(--font-size-2);
16893
16822
  line-height: var(--line-height-2);
16894
16823
  letter-spacing: var(--letter-spacing-2);
16895
16824
  padding: var(--space-1) calc(var(--space-2) * 1.25);
16896
- border-radius: max(var(--radius-2), var(--radius-full));
16825
+ border-radius: var(--radius-pill-2);
16897
16826
  }
16898
16827
  .rt-Kbd:where(.xs\:rt-r-size-4) {
16899
16828
  font-size: var(--font-size-3);
16900
16829
  line-height: var(--line-height-3);
16901
16830
  letter-spacing: var(--letter-spacing-3);
16902
16831
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
16903
- border-radius: max(var(--radius-3), var(--radius-full));
16832
+ border-radius: var(--radius-pill-3);
16904
16833
  }
16905
16834
  .rt-Kbd:where(.xs\:rt-r-size-5) {
16906
16835
  font-size: var(--font-size-4);
16907
16836
  line-height: var(--line-height-4);
16908
16837
  letter-spacing: var(--letter-spacing-4);
16909
16838
  padding: calc(var(--space-1) * 1.5) var(--space-3);
16910
- border-radius: max(var(--radius-3), var(--radius-full));
16839
+ border-radius: var(--radius-pill-3);
16911
16840
  }
16912
16841
  .rt-Kbd:where(.xs\:rt-r-size-6) {
16913
16842
  font-size: var(--font-size-5);
16914
16843
  line-height: var(--line-height-5);
16915
16844
  letter-spacing: var(--letter-spacing-5);
16916
16845
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
16917
- border-radius: max(var(--radius-4), var(--radius-full));
16846
+ border-radius: var(--radius-pill-4);
16918
16847
  }
16919
16848
  .rt-Kbd:where(.xs\:rt-r-size-7) {
16920
16849
  font-size: var(--font-size-6);
16921
16850
  line-height: var(--line-height-6);
16922
16851
  letter-spacing: var(--letter-spacing-6);
16923
16852
  padding: var(--space-2) calc(var(--space-3) * 1.5);
16924
- border-radius: max(var(--radius-4), var(--radius-full));
16853
+ border-radius: var(--radius-pill-4);
16925
16854
  }
16926
16855
  .rt-Kbd:where(.xs\:rt-r-size-8) {
16927
16856
  font-size: var(--font-size-7);
16928
16857
  line-height: var(--line-height-7);
16929
16858
  letter-spacing: var(--letter-spacing-7);
16930
16859
  padding: calc(var(--space-2) * 1.25) var(--space-4);
16931
- border-radius: max(var(--radius-5), var(--radius-full));
16860
+ border-radius: var(--radius-pill-5);
16932
16861
  }
16933
16862
  .rt-Kbd:where(.xs\:rt-r-size-9) {
16934
16863
  font-size: var(--font-size-8);
16935
16864
  line-height: var(--line-height-8);
16936
16865
  letter-spacing: var(--letter-spacing-8);
16937
16866
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
16938
- border-radius: max(var(--radius-5), var(--radius-full));
16867
+ border-radius: var(--radius-pill-5);
16939
16868
  }
16940
16869
  }
16941
16870
  @media (min-width: 768px) {
@@ -16944,63 +16873,63 @@
16944
16873
  line-height: var(--line-height-0);
16945
16874
  letter-spacing: var(--letter-spacing-0);
16946
16875
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
16947
- border-radius: max(var(--radius-1), var(--radius-full));
16876
+ border-radius: var(--radius-pill-1);
16948
16877
  }
16949
16878
  .rt-Kbd:where(.sm\:rt-r-size-2) {
16950
16879
  font-size: var(--font-size-1);
16951
16880
  line-height: var(--line-height-1);
16952
16881
  letter-spacing: var(--letter-spacing-1);
16953
16882
  padding: var(--space-1) var(--space-2);
16954
- border-radius: max(var(--radius-2), var(--radius-full));
16883
+ border-radius: var(--radius-pill-2);
16955
16884
  }
16956
16885
  .rt-Kbd:where(.sm\:rt-r-size-3) {
16957
16886
  font-size: var(--font-size-2);
16958
16887
  line-height: var(--line-height-2);
16959
16888
  letter-spacing: var(--letter-spacing-2);
16960
16889
  padding: var(--space-1) calc(var(--space-2) * 1.25);
16961
- border-radius: max(var(--radius-2), var(--radius-full));
16890
+ border-radius: var(--radius-pill-2);
16962
16891
  }
16963
16892
  .rt-Kbd:where(.sm\:rt-r-size-4) {
16964
16893
  font-size: var(--font-size-3);
16965
16894
  line-height: var(--line-height-3);
16966
16895
  letter-spacing: var(--letter-spacing-3);
16967
16896
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
16968
- border-radius: max(var(--radius-3), var(--radius-full));
16897
+ border-radius: var(--radius-pill-3);
16969
16898
  }
16970
16899
  .rt-Kbd:where(.sm\:rt-r-size-5) {
16971
16900
  font-size: var(--font-size-4);
16972
16901
  line-height: var(--line-height-4);
16973
16902
  letter-spacing: var(--letter-spacing-4);
16974
16903
  padding: calc(var(--space-1) * 1.5) var(--space-3);
16975
- border-radius: max(var(--radius-3), var(--radius-full));
16904
+ border-radius: var(--radius-pill-3);
16976
16905
  }
16977
16906
  .rt-Kbd:where(.sm\:rt-r-size-6) {
16978
16907
  font-size: var(--font-size-5);
16979
16908
  line-height: var(--line-height-5);
16980
16909
  letter-spacing: var(--letter-spacing-5);
16981
16910
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
16982
- border-radius: max(var(--radius-4), var(--radius-full));
16911
+ border-radius: var(--radius-pill-4);
16983
16912
  }
16984
16913
  .rt-Kbd:where(.sm\:rt-r-size-7) {
16985
16914
  font-size: var(--font-size-6);
16986
16915
  line-height: var(--line-height-6);
16987
16916
  letter-spacing: var(--letter-spacing-6);
16988
16917
  padding: var(--space-2) calc(var(--space-3) * 1.5);
16989
- border-radius: max(var(--radius-4), var(--radius-full));
16918
+ border-radius: var(--radius-pill-4);
16990
16919
  }
16991
16920
  .rt-Kbd:where(.sm\:rt-r-size-8) {
16992
16921
  font-size: var(--font-size-7);
16993
16922
  line-height: var(--line-height-7);
16994
16923
  letter-spacing: var(--letter-spacing-7);
16995
16924
  padding: calc(var(--space-2) * 1.25) var(--space-4);
16996
- border-radius: max(var(--radius-5), var(--radius-full));
16925
+ border-radius: var(--radius-pill-5);
16997
16926
  }
16998
16927
  .rt-Kbd:where(.sm\:rt-r-size-9) {
16999
16928
  font-size: var(--font-size-8);
17000
16929
  line-height: var(--line-height-8);
17001
16930
  letter-spacing: var(--letter-spacing-8);
17002
16931
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
17003
- border-radius: max(var(--radius-5), var(--radius-full));
16932
+ border-radius: var(--radius-pill-5);
17004
16933
  }
17005
16934
  }
17006
16935
  @media (min-width: 1024px) {
@@ -17009,63 +16938,63 @@
17009
16938
  line-height: var(--line-height-0);
17010
16939
  letter-spacing: var(--letter-spacing-0);
17011
16940
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
17012
- border-radius: max(var(--radius-1), var(--radius-full));
16941
+ border-radius: var(--radius-pill-1);
17013
16942
  }
17014
16943
  .rt-Kbd:where(.md\:rt-r-size-2) {
17015
16944
  font-size: var(--font-size-1);
17016
16945
  line-height: var(--line-height-1);
17017
16946
  letter-spacing: var(--letter-spacing-1);
17018
16947
  padding: var(--space-1) var(--space-2);
17019
- border-radius: max(var(--radius-2), var(--radius-full));
16948
+ border-radius: var(--radius-pill-2);
17020
16949
  }
17021
16950
  .rt-Kbd:where(.md\:rt-r-size-3) {
17022
16951
  font-size: var(--font-size-2);
17023
16952
  line-height: var(--line-height-2);
17024
16953
  letter-spacing: var(--letter-spacing-2);
17025
16954
  padding: var(--space-1) calc(var(--space-2) * 1.25);
17026
- border-radius: max(var(--radius-2), var(--radius-full));
16955
+ border-radius: var(--radius-pill-2);
17027
16956
  }
17028
16957
  .rt-Kbd:where(.md\:rt-r-size-4) {
17029
16958
  font-size: var(--font-size-3);
17030
16959
  line-height: var(--line-height-3);
17031
16960
  letter-spacing: var(--letter-spacing-3);
17032
16961
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
17033
- border-radius: max(var(--radius-3), var(--radius-full));
16962
+ border-radius: var(--radius-pill-3);
17034
16963
  }
17035
16964
  .rt-Kbd:where(.md\:rt-r-size-5) {
17036
16965
  font-size: var(--font-size-4);
17037
16966
  line-height: var(--line-height-4);
17038
16967
  letter-spacing: var(--letter-spacing-4);
17039
16968
  padding: calc(var(--space-1) * 1.5) var(--space-3);
17040
- border-radius: max(var(--radius-3), var(--radius-full));
16969
+ border-radius: var(--radius-pill-3);
17041
16970
  }
17042
16971
  .rt-Kbd:where(.md\:rt-r-size-6) {
17043
16972
  font-size: var(--font-size-5);
17044
16973
  line-height: var(--line-height-5);
17045
16974
  letter-spacing: var(--letter-spacing-5);
17046
16975
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
17047
- border-radius: max(var(--radius-4), var(--radius-full));
16976
+ border-radius: var(--radius-pill-4);
17048
16977
  }
17049
16978
  .rt-Kbd:where(.md\:rt-r-size-7) {
17050
16979
  font-size: var(--font-size-6);
17051
16980
  line-height: var(--line-height-6);
17052
16981
  letter-spacing: var(--letter-spacing-6);
17053
16982
  padding: var(--space-2) calc(var(--space-3) * 1.5);
17054
- border-radius: max(var(--radius-4), var(--radius-full));
16983
+ border-radius: var(--radius-pill-4);
17055
16984
  }
17056
16985
  .rt-Kbd:where(.md\:rt-r-size-8) {
17057
16986
  font-size: var(--font-size-7);
17058
16987
  line-height: var(--line-height-7);
17059
16988
  letter-spacing: var(--letter-spacing-7);
17060
16989
  padding: calc(var(--space-2) * 1.25) var(--space-4);
17061
- border-radius: max(var(--radius-5), var(--radius-full));
16990
+ border-radius: var(--radius-pill-5);
17062
16991
  }
17063
16992
  .rt-Kbd:where(.md\:rt-r-size-9) {
17064
16993
  font-size: var(--font-size-8);
17065
16994
  line-height: var(--line-height-8);
17066
16995
  letter-spacing: var(--letter-spacing-8);
17067
16996
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
17068
- border-radius: max(var(--radius-5), var(--radius-full));
16997
+ border-radius: var(--radius-pill-5);
17069
16998
  }
17070
16999
  }
17071
17000
  @media (min-width: 1280px) {
@@ -17074,63 +17003,63 @@
17074
17003
  line-height: var(--line-height-0);
17075
17004
  letter-spacing: var(--letter-spacing-0);
17076
17005
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
17077
- border-radius: max(var(--radius-1), var(--radius-full));
17006
+ border-radius: var(--radius-pill-1);
17078
17007
  }
17079
17008
  .rt-Kbd:where(.lg\:rt-r-size-2) {
17080
17009
  font-size: var(--font-size-1);
17081
17010
  line-height: var(--line-height-1);
17082
17011
  letter-spacing: var(--letter-spacing-1);
17083
17012
  padding: var(--space-1) var(--space-2);
17084
- border-radius: max(var(--radius-2), var(--radius-full));
17013
+ border-radius: var(--radius-pill-2);
17085
17014
  }
17086
17015
  .rt-Kbd:where(.lg\:rt-r-size-3) {
17087
17016
  font-size: var(--font-size-2);
17088
17017
  line-height: var(--line-height-2);
17089
17018
  letter-spacing: var(--letter-spacing-2);
17090
17019
  padding: var(--space-1) calc(var(--space-2) * 1.25);
17091
- border-radius: max(var(--radius-2), var(--radius-full));
17020
+ border-radius: var(--radius-pill-2);
17092
17021
  }
17093
17022
  .rt-Kbd:where(.lg\:rt-r-size-4) {
17094
17023
  font-size: var(--font-size-3);
17095
17024
  line-height: var(--line-height-3);
17096
17025
  letter-spacing: var(--letter-spacing-3);
17097
17026
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
17098
- border-radius: max(var(--radius-3), var(--radius-full));
17027
+ border-radius: var(--radius-pill-3);
17099
17028
  }
17100
17029
  .rt-Kbd:where(.lg\:rt-r-size-5) {
17101
17030
  font-size: var(--font-size-4);
17102
17031
  line-height: var(--line-height-4);
17103
17032
  letter-spacing: var(--letter-spacing-4);
17104
17033
  padding: calc(var(--space-1) * 1.5) var(--space-3);
17105
- border-radius: max(var(--radius-3), var(--radius-full));
17034
+ border-radius: var(--radius-pill-3);
17106
17035
  }
17107
17036
  .rt-Kbd:where(.lg\:rt-r-size-6) {
17108
17037
  font-size: var(--font-size-5);
17109
17038
  line-height: var(--line-height-5);
17110
17039
  letter-spacing: var(--letter-spacing-5);
17111
17040
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
17112
- border-radius: max(var(--radius-4), var(--radius-full));
17041
+ border-radius: var(--radius-pill-4);
17113
17042
  }
17114
17043
  .rt-Kbd:where(.lg\:rt-r-size-7) {
17115
17044
  font-size: var(--font-size-6);
17116
17045
  line-height: var(--line-height-6);
17117
17046
  letter-spacing: var(--letter-spacing-6);
17118
17047
  padding: var(--space-2) calc(var(--space-3) * 1.5);
17119
- border-radius: max(var(--radius-4), var(--radius-full));
17048
+ border-radius: var(--radius-pill-4);
17120
17049
  }
17121
17050
  .rt-Kbd:where(.lg\:rt-r-size-8) {
17122
17051
  font-size: var(--font-size-7);
17123
17052
  line-height: var(--line-height-7);
17124
17053
  letter-spacing: var(--letter-spacing-7);
17125
17054
  padding: calc(var(--space-2) * 1.25) var(--space-4);
17126
- border-radius: max(var(--radius-5), var(--radius-full));
17055
+ border-radius: var(--radius-pill-5);
17127
17056
  }
17128
17057
  .rt-Kbd:where(.lg\:rt-r-size-9) {
17129
17058
  font-size: var(--font-size-8);
17130
17059
  line-height: var(--line-height-8);
17131
17060
  letter-spacing: var(--letter-spacing-8);
17132
17061
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
17133
- border-radius: max(var(--radius-5), var(--radius-full));
17062
+ border-radius: var(--radius-pill-5);
17134
17063
  }
17135
17064
  }
17136
17065
  @media (min-width: 1640px) {
@@ -17139,63 +17068,63 @@
17139
17068
  line-height: var(--line-height-0);
17140
17069
  letter-spacing: var(--letter-spacing-0);
17141
17070
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
17142
- border-radius: max(var(--radius-1), var(--radius-full));
17071
+ border-radius: var(--radius-pill-1);
17143
17072
  }
17144
17073
  .rt-Kbd:where(.xl\:rt-r-size-2) {
17145
17074
  font-size: var(--font-size-1);
17146
17075
  line-height: var(--line-height-1);
17147
17076
  letter-spacing: var(--letter-spacing-1);
17148
17077
  padding: var(--space-1) var(--space-2);
17149
- border-radius: max(var(--radius-2), var(--radius-full));
17078
+ border-radius: var(--radius-pill-2);
17150
17079
  }
17151
17080
  .rt-Kbd:where(.xl\:rt-r-size-3) {
17152
17081
  font-size: var(--font-size-2);
17153
17082
  line-height: var(--line-height-2);
17154
17083
  letter-spacing: var(--letter-spacing-2);
17155
17084
  padding: var(--space-1) calc(var(--space-2) * 1.25);
17156
- border-radius: max(var(--radius-2), var(--radius-full));
17085
+ border-radius: var(--radius-pill-2);
17157
17086
  }
17158
17087
  .rt-Kbd:where(.xl\:rt-r-size-4) {
17159
17088
  font-size: var(--font-size-3);
17160
17089
  line-height: var(--line-height-3);
17161
17090
  letter-spacing: var(--letter-spacing-3);
17162
17091
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
17163
- border-radius: max(var(--radius-3), var(--radius-full));
17092
+ border-radius: var(--radius-pill-3);
17164
17093
  }
17165
17094
  .rt-Kbd:where(.xl\:rt-r-size-5) {
17166
17095
  font-size: var(--font-size-4);
17167
17096
  line-height: var(--line-height-4);
17168
17097
  letter-spacing: var(--letter-spacing-4);
17169
17098
  padding: calc(var(--space-1) * 1.5) var(--space-3);
17170
- border-radius: max(var(--radius-3), var(--radius-full));
17099
+ border-radius: var(--radius-pill-3);
17171
17100
  }
17172
17101
  .rt-Kbd:where(.xl\:rt-r-size-6) {
17173
17102
  font-size: var(--font-size-5);
17174
17103
  line-height: var(--line-height-5);
17175
17104
  letter-spacing: var(--letter-spacing-5);
17176
17105
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
17177
- border-radius: max(var(--radius-4), var(--radius-full));
17106
+ border-radius: var(--radius-pill-4);
17178
17107
  }
17179
17108
  .rt-Kbd:where(.xl\:rt-r-size-7) {
17180
17109
  font-size: var(--font-size-6);
17181
17110
  line-height: var(--line-height-6);
17182
17111
  letter-spacing: var(--letter-spacing-6);
17183
17112
  padding: var(--space-2) calc(var(--space-3) * 1.5);
17184
- border-radius: max(var(--radius-4), var(--radius-full));
17113
+ border-radius: var(--radius-pill-4);
17185
17114
  }
17186
17115
  .rt-Kbd:where(.xl\:rt-r-size-8) {
17187
17116
  font-size: var(--font-size-7);
17188
17117
  line-height: var(--line-height-7);
17189
17118
  letter-spacing: var(--letter-spacing-7);
17190
17119
  padding: calc(var(--space-2) * 1.25) var(--space-4);
17191
- border-radius: max(var(--radius-5), var(--radius-full));
17120
+ border-radius: var(--radius-pill-5);
17192
17121
  }
17193
17122
  .rt-Kbd:where(.xl\:rt-r-size-9) {
17194
17123
  font-size: var(--font-size-8);
17195
17124
  line-height: var(--line-height-8);
17196
17125
  letter-spacing: var(--letter-spacing-8);
17197
17126
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
17198
- border-radius: max(var(--radius-5), var(--radius-full));
17127
+ border-radius: var(--radius-pill-5);
17199
17128
  }
17200
17129
  }
17201
17130
  .rt-Link:where(:-moz-any-link,button) {
@@ -17664,31 +17593,6 @@
17664
17593
  --progress-radius: var(--progress-slider-radius-4);
17665
17594
  --progress-indicator-radius: var(--progress-slider-radius-4);
17666
17595
  }
17667
- .rt-ProgressRoot:where(.rt-r-size-5) {
17668
- --progress-height: var(--progress-slider-height-5);
17669
- --progress-radius: var(--progress-slider-radius-5);
17670
- --progress-indicator-radius: var(--progress-slider-radius-5);
17671
- }
17672
- .rt-ProgressRoot:where(.rt-r-size-6) {
17673
- --progress-height: var(--progress-slider-height-6);
17674
- --progress-radius: var(--progress-slider-radius-6);
17675
- --progress-indicator-radius: var(--progress-slider-radius-6);
17676
- }
17677
- .rt-ProgressRoot:where(.rt-r-size-7) {
17678
- --progress-height: var(--progress-slider-height-7);
17679
- --progress-radius: var(--progress-slider-radius-7);
17680
- --progress-indicator-radius: var(--progress-slider-radius-7);
17681
- }
17682
- .rt-ProgressRoot:where(.rt-r-size-8) {
17683
- --progress-height: var(--progress-slider-height-8);
17684
- --progress-radius: var(--progress-slider-radius-8);
17685
- --progress-indicator-radius: var(--progress-slider-radius-8);
17686
- }
17687
- .rt-ProgressRoot:where(.rt-r-size-9) {
17688
- --progress-height: var(--progress-slider-height-9);
17689
- --progress-radius: var(--progress-slider-radius-9);
17690
- --progress-indicator-radius: var(--progress-slider-radius-9);
17691
- }
17692
17596
  @media (min-width: 520px) {
17693
17597
  .rt-ProgressRoot:where(.xs\:rt-r-size-1) {
17694
17598
  --progress-height: var(--progress-slider-height-1);
@@ -17710,31 +17614,6 @@
17710
17614
  --progress-radius: var(--progress-slider-radius-4);
17711
17615
  --progress-indicator-radius: var(--progress-slider-radius-4);
17712
17616
  }
17713
- .rt-ProgressRoot:where(.xs\:rt-r-size-5) {
17714
- --progress-height: var(--progress-slider-height-5);
17715
- --progress-radius: var(--progress-slider-radius-5);
17716
- --progress-indicator-radius: var(--progress-slider-radius-5);
17717
- }
17718
- .rt-ProgressRoot:where(.xs\:rt-r-size-6) {
17719
- --progress-height: var(--progress-slider-height-6);
17720
- --progress-radius: var(--progress-slider-radius-6);
17721
- --progress-indicator-radius: var(--progress-slider-radius-6);
17722
- }
17723
- .rt-ProgressRoot:where(.xs\:rt-r-size-7) {
17724
- --progress-height: var(--progress-slider-height-7);
17725
- --progress-radius: var(--progress-slider-radius-7);
17726
- --progress-indicator-radius: var(--progress-slider-radius-7);
17727
- }
17728
- .rt-ProgressRoot:where(.xs\:rt-r-size-8) {
17729
- --progress-height: var(--progress-slider-height-8);
17730
- --progress-radius: var(--progress-slider-radius-8);
17731
- --progress-indicator-radius: var(--progress-slider-radius-8);
17732
- }
17733
- .rt-ProgressRoot:where(.xs\:rt-r-size-9) {
17734
- --progress-height: var(--progress-slider-height-9);
17735
- --progress-radius: var(--progress-slider-radius-9);
17736
- --progress-indicator-radius: var(--progress-slider-radius-9);
17737
- }
17738
17617
  }
17739
17618
  @media (min-width: 768px) {
17740
17619
  .rt-ProgressRoot:where(.sm\:rt-r-size-1) {
@@ -17757,31 +17636,6 @@
17757
17636
  --progress-radius: var(--progress-slider-radius-4);
17758
17637
  --progress-indicator-radius: var(--progress-slider-radius-4);
17759
17638
  }
17760
- .rt-ProgressRoot:where(.sm\:rt-r-size-5) {
17761
- --progress-height: var(--progress-slider-height-5);
17762
- --progress-radius: var(--progress-slider-radius-5);
17763
- --progress-indicator-radius: var(--progress-slider-radius-5);
17764
- }
17765
- .rt-ProgressRoot:where(.sm\:rt-r-size-6) {
17766
- --progress-height: var(--progress-slider-height-6);
17767
- --progress-radius: var(--progress-slider-radius-6);
17768
- --progress-indicator-radius: var(--progress-slider-radius-6);
17769
- }
17770
- .rt-ProgressRoot:where(.sm\:rt-r-size-7) {
17771
- --progress-height: var(--progress-slider-height-7);
17772
- --progress-radius: var(--progress-slider-radius-7);
17773
- --progress-indicator-radius: var(--progress-slider-radius-7);
17774
- }
17775
- .rt-ProgressRoot:where(.sm\:rt-r-size-8) {
17776
- --progress-height: var(--progress-slider-height-8);
17777
- --progress-radius: var(--progress-slider-radius-8);
17778
- --progress-indicator-radius: var(--progress-slider-radius-8);
17779
- }
17780
- .rt-ProgressRoot:where(.sm\:rt-r-size-9) {
17781
- --progress-height: var(--progress-slider-height-9);
17782
- --progress-radius: var(--progress-slider-radius-9);
17783
- --progress-indicator-radius: var(--progress-slider-radius-9);
17784
- }
17785
17639
  }
17786
17640
  @media (min-width: 1024px) {
17787
17641
  .rt-ProgressRoot:where(.md\:rt-r-size-1) {
@@ -17804,31 +17658,6 @@
17804
17658
  --progress-radius: var(--progress-slider-radius-4);
17805
17659
  --progress-indicator-radius: var(--progress-slider-radius-4);
17806
17660
  }
17807
- .rt-ProgressRoot:where(.md\:rt-r-size-5) {
17808
- --progress-height: var(--progress-slider-height-5);
17809
- --progress-radius: var(--progress-slider-radius-5);
17810
- --progress-indicator-radius: var(--progress-slider-radius-5);
17811
- }
17812
- .rt-ProgressRoot:where(.md\:rt-r-size-6) {
17813
- --progress-height: var(--progress-slider-height-6);
17814
- --progress-radius: var(--progress-slider-radius-6);
17815
- --progress-indicator-radius: var(--progress-slider-radius-6);
17816
- }
17817
- .rt-ProgressRoot:where(.md\:rt-r-size-7) {
17818
- --progress-height: var(--progress-slider-height-7);
17819
- --progress-radius: var(--progress-slider-radius-7);
17820
- --progress-indicator-radius: var(--progress-slider-radius-7);
17821
- }
17822
- .rt-ProgressRoot:where(.md\:rt-r-size-8) {
17823
- --progress-height: var(--progress-slider-height-8);
17824
- --progress-radius: var(--progress-slider-radius-8);
17825
- --progress-indicator-radius: var(--progress-slider-radius-8);
17826
- }
17827
- .rt-ProgressRoot:where(.md\:rt-r-size-9) {
17828
- --progress-height: var(--progress-slider-height-9);
17829
- --progress-radius: var(--progress-slider-radius-9);
17830
- --progress-indicator-radius: var(--progress-slider-radius-9);
17831
- }
17832
17661
  }
17833
17662
  @media (min-width: 1280px) {
17834
17663
  .rt-ProgressRoot:where(.lg\:rt-r-size-1) {
@@ -17851,31 +17680,6 @@
17851
17680
  --progress-radius: var(--progress-slider-radius-4);
17852
17681
  --progress-indicator-radius: var(--progress-slider-radius-4);
17853
17682
  }
17854
- .rt-ProgressRoot:where(.lg\:rt-r-size-5) {
17855
- --progress-height: var(--progress-slider-height-5);
17856
- --progress-radius: var(--progress-slider-radius-5);
17857
- --progress-indicator-radius: var(--progress-slider-radius-5);
17858
- }
17859
- .rt-ProgressRoot:where(.lg\:rt-r-size-6) {
17860
- --progress-height: var(--progress-slider-height-6);
17861
- --progress-radius: var(--progress-slider-radius-6);
17862
- --progress-indicator-radius: var(--progress-slider-radius-6);
17863
- }
17864
- .rt-ProgressRoot:where(.lg\:rt-r-size-7) {
17865
- --progress-height: var(--progress-slider-height-7);
17866
- --progress-radius: var(--progress-slider-radius-7);
17867
- --progress-indicator-radius: var(--progress-slider-radius-7);
17868
- }
17869
- .rt-ProgressRoot:where(.lg\:rt-r-size-8) {
17870
- --progress-height: var(--progress-slider-height-8);
17871
- --progress-radius: var(--progress-slider-radius-8);
17872
- --progress-indicator-radius: var(--progress-slider-radius-8);
17873
- }
17874
- .rt-ProgressRoot:where(.lg\:rt-r-size-9) {
17875
- --progress-height: var(--progress-slider-height-9);
17876
- --progress-radius: var(--progress-slider-radius-9);
17877
- --progress-indicator-radius: var(--progress-slider-radius-9);
17878
- }
17879
17683
  }
17880
17684
  @media (min-width: 1640px) {
17881
17685
  .rt-ProgressRoot:where(.xl\:rt-r-size-1) {
@@ -17898,31 +17702,6 @@
17898
17702
  --progress-radius: var(--progress-slider-radius-4);
17899
17703
  --progress-indicator-radius: var(--progress-slider-radius-4);
17900
17704
  }
17901
- .rt-ProgressRoot:where(.xl\:rt-r-size-5) {
17902
- --progress-height: var(--progress-slider-height-5);
17903
- --progress-radius: var(--progress-slider-radius-5);
17904
- --progress-indicator-radius: var(--progress-slider-radius-5);
17905
- }
17906
- .rt-ProgressRoot:where(.xl\:rt-r-size-6) {
17907
- --progress-height: var(--progress-slider-height-6);
17908
- --progress-radius: var(--progress-slider-radius-6);
17909
- --progress-indicator-radius: var(--progress-slider-radius-6);
17910
- }
17911
- .rt-ProgressRoot:where(.xl\:rt-r-size-7) {
17912
- --progress-height: var(--progress-slider-height-7);
17913
- --progress-radius: var(--progress-slider-radius-7);
17914
- --progress-indicator-radius: var(--progress-slider-radius-7);
17915
- }
17916
- .rt-ProgressRoot:where(.xl\:rt-r-size-8) {
17917
- --progress-height: var(--progress-slider-height-8);
17918
- --progress-radius: var(--progress-slider-radius-8);
17919
- --progress-indicator-radius: var(--progress-slider-radius-8);
17920
- }
17921
- .rt-ProgressRoot:where(.xl\:rt-r-size-9) {
17922
- --progress-height: var(--progress-slider-height-9);
17923
- --progress-radius: var(--progress-slider-radius-9);
17924
- --progress-indicator-radius: var(--progress-slider-radius-9);
17925
- }
17926
17705
  }
17927
17706
  .rt-ProgressRoot:where(.rt-variant-surface) {
17928
17707
  background-color: var(--gray-2);
@@ -18906,84 +18685,84 @@
18906
18685
  }
18907
18686
  .rt-ScrollAreaScrollbar:where(.rt-r-size-1) {
18908
18687
  --scrollarea-scrollbar-size: var(--space-1);
18909
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18688
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18910
18689
  }
18911
18690
  .rt-ScrollAreaScrollbar:where(.rt-r-size-2) {
18912
18691
  --scrollarea-scrollbar-size: var(--space-2);
18913
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18692
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18914
18693
  }
18915
18694
  .rt-ScrollAreaScrollbar:where(.rt-r-size-3) {
18916
18695
  --scrollarea-scrollbar-size: var(--space-3);
18917
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18696
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18918
18697
  }
18919
18698
  @media (min-width: 520px) {
18920
18699
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-1) {
18921
18700
  --scrollarea-scrollbar-size: var(--space-1);
18922
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18701
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18923
18702
  }
18924
18703
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-2) {
18925
18704
  --scrollarea-scrollbar-size: var(--space-2);
18926
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18705
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18927
18706
  }
18928
18707
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-3) {
18929
18708
  --scrollarea-scrollbar-size: var(--space-3);
18930
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18709
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18931
18710
  }
18932
18711
  }
18933
18712
  @media (min-width: 768px) {
18934
18713
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-1) {
18935
18714
  --scrollarea-scrollbar-size: var(--space-1);
18936
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18715
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18937
18716
  }
18938
18717
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-2) {
18939
18718
  --scrollarea-scrollbar-size: var(--space-2);
18940
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18719
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18941
18720
  }
18942
18721
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-3) {
18943
18722
  --scrollarea-scrollbar-size: var(--space-3);
18944
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18723
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18945
18724
  }
18946
18725
  }
18947
18726
  @media (min-width: 1024px) {
18948
18727
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-1) {
18949
18728
  --scrollarea-scrollbar-size: var(--space-1);
18950
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18729
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18951
18730
  }
18952
18731
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-2) {
18953
18732
  --scrollarea-scrollbar-size: var(--space-2);
18954
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18733
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18955
18734
  }
18956
18735
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-3) {
18957
18736
  --scrollarea-scrollbar-size: var(--space-3);
18958
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18737
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18959
18738
  }
18960
18739
  }
18961
18740
  @media (min-width: 1280px) {
18962
18741
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-1) {
18963
18742
  --scrollarea-scrollbar-size: var(--space-1);
18964
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18743
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18965
18744
  }
18966
18745
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-2) {
18967
18746
  --scrollarea-scrollbar-size: var(--space-2);
18968
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18747
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18969
18748
  }
18970
18749
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-3) {
18971
18750
  --scrollarea-scrollbar-size: var(--space-3);
18972
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18751
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18973
18752
  }
18974
18753
  }
18975
18754
  @media (min-width: 1640px) {
18976
18755
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-1) {
18977
18756
  --scrollarea-scrollbar-size: var(--space-1);
18978
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18757
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18979
18758
  }
18980
18759
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-2) {
18981
18760
  --scrollarea-scrollbar-size: var(--space-2);
18982
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18761
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18983
18762
  }
18984
18763
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-3) {
18985
18764
  --scrollarea-scrollbar-size: var(--space-3);
18986
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
18765
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
18987
18766
  }
18988
18767
  }
18989
18768
  .rt-ScrollAreaScrollbar:where([data-state='visible']) {
@@ -19384,7 +19163,7 @@
19384
19163
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
19385
19164
  }
19386
19165
  .rt-SegmentedControlRoot:where(.rt-r-size-1) {
19387
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19166
+ --segmented-control-border-radius: var(--radius-pill-1);
19388
19167
  --segmented-control-height: var(--control-height-1);
19389
19168
  height: var(--segmented-control-height);
19390
19169
  }
@@ -19407,7 +19186,7 @@
19407
19186
  height: var(--content-icon-size-1);
19408
19187
  }
19409
19188
  .rt-SegmentedControlRoot:where(.rt-r-size-2) {
19410
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19189
+ --segmented-control-border-radius: var(--radius-pill-2);
19411
19190
  --segmented-control-height: var(--control-height-2);
19412
19191
  height: var(--segmented-control-height);
19413
19192
  }
@@ -19430,7 +19209,7 @@
19430
19209
  height: var(--content-icon-size-2);
19431
19210
  }
19432
19211
  .rt-SegmentedControlRoot:where(.rt-r-size-3) {
19433
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19212
+ --segmented-control-border-radius: var(--radius-pill-3);
19434
19213
  --segmented-control-height: var(--control-height-3);
19435
19214
  height: var(--segmented-control-height);
19436
19215
  }
@@ -19453,7 +19232,7 @@
19453
19232
  height: var(--content-icon-size-3);
19454
19233
  }
19455
19234
  .rt-SegmentedControlRoot:where(.rt-r-size-4) {
19456
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19235
+ --segmented-control-border-radius: var(--radius-pill-4);
19457
19236
  --segmented-control-height: var(--control-height-4);
19458
19237
  height: var(--segmented-control-height);
19459
19238
  }
@@ -19490,7 +19269,7 @@
19490
19269
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
19491
19270
  }
19492
19271
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
19493
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19272
+ --segmented-control-border-radius: var(--radius-pill-1);
19494
19273
  --segmented-control-height: var(--control-height-1);
19495
19274
  height: var(--segmented-control-height);
19496
19275
  }
@@ -19513,7 +19292,7 @@
19513
19292
  height: var(--content-icon-size-1);
19514
19293
  }
19515
19294
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
19516
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19295
+ --segmented-control-border-radius: var(--radius-pill-2);
19517
19296
  --segmented-control-height: var(--control-height-2);
19518
19297
  height: var(--segmented-control-height);
19519
19298
  }
@@ -19536,7 +19315,7 @@
19536
19315
  height: var(--content-icon-size-2);
19537
19316
  }
19538
19317
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
19539
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19318
+ --segmented-control-border-radius: var(--radius-pill-3);
19540
19319
  --segmented-control-height: var(--control-height-3);
19541
19320
  height: var(--segmented-control-height);
19542
19321
  }
@@ -19559,7 +19338,7 @@
19559
19338
  height: var(--content-icon-size-3);
19560
19339
  }
19561
19340
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4) {
19562
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19341
+ --segmented-control-border-radius: var(--radius-pill-4);
19563
19342
  --segmented-control-height: var(--control-height-4);
19564
19343
  height: var(--segmented-control-height);
19565
19344
  }
@@ -19597,7 +19376,7 @@
19597
19376
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
19598
19377
  }
19599
19378
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
19600
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19379
+ --segmented-control-border-radius: var(--radius-pill-1);
19601
19380
  --segmented-control-height: var(--control-height-1);
19602
19381
  height: var(--segmented-control-height);
19603
19382
  }
@@ -19620,7 +19399,7 @@
19620
19399
  height: var(--content-icon-size-1);
19621
19400
  }
19622
19401
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
19623
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19402
+ --segmented-control-border-radius: var(--radius-pill-2);
19624
19403
  --segmented-control-height: var(--control-height-2);
19625
19404
  height: var(--segmented-control-height);
19626
19405
  }
@@ -19643,7 +19422,7 @@
19643
19422
  height: var(--content-icon-size-2);
19644
19423
  }
19645
19424
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
19646
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19425
+ --segmented-control-border-radius: var(--radius-pill-3);
19647
19426
  --segmented-control-height: var(--control-height-3);
19648
19427
  height: var(--segmented-control-height);
19649
19428
  }
@@ -19666,7 +19445,7 @@
19666
19445
  height: var(--content-icon-size-3);
19667
19446
  }
19668
19447
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4) {
19669
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19448
+ --segmented-control-border-radius: var(--radius-pill-4);
19670
19449
  --segmented-control-height: var(--control-height-4);
19671
19450
  height: var(--segmented-control-height);
19672
19451
  }
@@ -19704,7 +19483,7 @@
19704
19483
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
19705
19484
  }
19706
19485
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
19707
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19486
+ --segmented-control-border-radius: var(--radius-pill-1);
19708
19487
  --segmented-control-height: var(--control-height-1);
19709
19488
  height: var(--segmented-control-height);
19710
19489
  }
@@ -19727,7 +19506,7 @@
19727
19506
  height: var(--content-icon-size-1);
19728
19507
  }
19729
19508
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
19730
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19509
+ --segmented-control-border-radius: var(--radius-pill-2);
19731
19510
  --segmented-control-height: var(--control-height-2);
19732
19511
  height: var(--segmented-control-height);
19733
19512
  }
@@ -19750,7 +19529,7 @@
19750
19529
  height: var(--content-icon-size-2);
19751
19530
  }
19752
19531
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
19753
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19532
+ --segmented-control-border-radius: var(--radius-pill-3);
19754
19533
  --segmented-control-height: var(--control-height-3);
19755
19534
  height: var(--segmented-control-height);
19756
19535
  }
@@ -19773,7 +19552,7 @@
19773
19552
  height: var(--content-icon-size-3);
19774
19553
  }
19775
19554
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-4) {
19776
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19555
+ --segmented-control-border-radius: var(--radius-pill-4);
19777
19556
  --segmented-control-height: var(--control-height-4);
19778
19557
  height: var(--segmented-control-height);
19779
19558
  }
@@ -19811,7 +19590,7 @@
19811
19590
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
19812
19591
  }
19813
19592
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
19814
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19593
+ --segmented-control-border-radius: var(--radius-pill-1);
19815
19594
  --segmented-control-height: var(--control-height-1);
19816
19595
  height: var(--segmented-control-height);
19817
19596
  }
@@ -19834,7 +19613,7 @@
19834
19613
  height: var(--content-icon-size-1);
19835
19614
  }
19836
19615
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
19837
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19616
+ --segmented-control-border-radius: var(--radius-pill-2);
19838
19617
  --segmented-control-height: var(--control-height-2);
19839
19618
  height: var(--segmented-control-height);
19840
19619
  }
@@ -19857,7 +19636,7 @@
19857
19636
  height: var(--content-icon-size-2);
19858
19637
  }
19859
19638
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
19860
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19639
+ --segmented-control-border-radius: var(--radius-pill-3);
19861
19640
  --segmented-control-height: var(--control-height-3);
19862
19641
  height: var(--segmented-control-height);
19863
19642
  }
@@ -19880,7 +19659,7 @@
19880
19659
  height: var(--content-icon-size-3);
19881
19660
  }
19882
19661
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4) {
19883
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19662
+ --segmented-control-border-radius: var(--radius-pill-4);
19884
19663
  --segmented-control-height: var(--control-height-4);
19885
19664
  height: var(--segmented-control-height);
19886
19665
  }
@@ -19918,7 +19697,7 @@
19918
19697
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
19919
19698
  }
19920
19699
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
19921
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
19700
+ --segmented-control-border-radius: var(--radius-pill-1);
19922
19701
  --segmented-control-height: var(--control-height-1);
19923
19702
  height: var(--segmented-control-height);
19924
19703
  }
@@ -19941,7 +19720,7 @@
19941
19720
  height: var(--content-icon-size-1);
19942
19721
  }
19943
19722
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
19944
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
19723
+ --segmented-control-border-radius: var(--radius-pill-2);
19945
19724
  --segmented-control-height: var(--control-height-2);
19946
19725
  height: var(--segmented-control-height);
19947
19726
  }
@@ -19964,7 +19743,7 @@
19964
19743
  height: var(--content-icon-size-2);
19965
19744
  }
19966
19745
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
19967
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
19746
+ --segmented-control-border-radius: var(--radius-pill-3);
19968
19747
  --segmented-control-height: var(--control-height-3);
19969
19748
  height: var(--segmented-control-height);
19970
19749
  }
@@ -19987,7 +19766,7 @@
19987
19766
  height: var(--content-icon-size-3);
19988
19767
  }
19989
19768
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4) {
19990
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
19769
+ --segmented-control-border-radius: var(--radius-pill-4);
19991
19770
  --segmented-control-height: var(--control-height-4);
19992
19771
  height: var(--segmented-control-height);
19993
19772
  }
@@ -20247,7 +20026,7 @@
20247
20026
  font-size: var(--font-size-1);
20248
20027
  line-height: var(--line-height-1);
20249
20028
  letter-spacing: var(--letter-spacing-1);
20250
- border-radius: max(var(--radius-1), var(--radius-full));
20029
+ border-radius: var(--radius-pill-1);
20251
20030
  }
20252
20031
  .rt-SelectTrigger:where(.rt-r-size-1):where(:not(.rt-variant-ghost)) {
20253
20032
  padding-left: var(--space-2);
@@ -20267,7 +20046,7 @@
20267
20046
  font-size: var(--font-size-2);
20268
20047
  line-height: var(--line-height-2);
20269
20048
  letter-spacing: var(--letter-spacing-2);
20270
- border-radius: max(var(--radius-2), var(--radius-full));
20049
+ border-radius: var(--radius-pill-2);
20271
20050
  }
20272
20051
  .rt-SelectTrigger:where(.rt-r-size-2):where(:not(.rt-variant-ghost)) {
20273
20052
  padding-left: var(--space-3);
@@ -20287,7 +20066,7 @@
20287
20066
  font-size: var(--font-size-3);
20288
20067
  line-height: var(--line-height-3);
20289
20068
  letter-spacing: var(--letter-spacing-3);
20290
- border-radius: max(var(--radius-3), var(--radius-full));
20069
+ border-radius: var(--radius-pill-3);
20291
20070
  }
20292
20071
  .rt-SelectTrigger:where(.rt-r-size-3):where(:not(.rt-variant-ghost)) {
20293
20072
  padding-left: var(--space-4);
@@ -20308,7 +20087,7 @@
20308
20087
  font-size: var(--font-size-1);
20309
20088
  line-height: var(--line-height-1);
20310
20089
  letter-spacing: var(--letter-spacing-1);
20311
- border-radius: max(var(--radius-1), var(--radius-full));
20090
+ border-radius: var(--radius-pill-1);
20312
20091
  }
20313
20092
  .rt-SelectTrigger:where(.xs\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
20314
20093
  padding-left: var(--space-2);
@@ -20328,7 +20107,7 @@
20328
20107
  font-size: var(--font-size-2);
20329
20108
  line-height: var(--line-height-2);
20330
20109
  letter-spacing: var(--letter-spacing-2);
20331
- border-radius: max(var(--radius-2), var(--radius-full));
20110
+ border-radius: var(--radius-pill-2);
20332
20111
  }
20333
20112
  .rt-SelectTrigger:where(.xs\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
20334
20113
  padding-left: var(--space-3);
@@ -20348,7 +20127,7 @@
20348
20127
  font-size: var(--font-size-3);
20349
20128
  line-height: var(--line-height-3);
20350
20129
  letter-spacing: var(--letter-spacing-3);
20351
- border-radius: max(var(--radius-3), var(--radius-full));
20130
+ border-radius: var(--radius-pill-3);
20352
20131
  }
20353
20132
  .rt-SelectTrigger:where(.xs\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
20354
20133
  padding-left: var(--space-4);
@@ -20370,7 +20149,7 @@
20370
20149
  font-size: var(--font-size-1);
20371
20150
  line-height: var(--line-height-1);
20372
20151
  letter-spacing: var(--letter-spacing-1);
20373
- border-radius: max(var(--radius-1), var(--radius-full));
20152
+ border-radius: var(--radius-pill-1);
20374
20153
  }
20375
20154
  .rt-SelectTrigger:where(.sm\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
20376
20155
  padding-left: var(--space-2);
@@ -20390,7 +20169,7 @@
20390
20169
  font-size: var(--font-size-2);
20391
20170
  line-height: var(--line-height-2);
20392
20171
  letter-spacing: var(--letter-spacing-2);
20393
- border-radius: max(var(--radius-2), var(--radius-full));
20172
+ border-radius: var(--radius-pill-2);
20394
20173
  }
20395
20174
  .rt-SelectTrigger:where(.sm\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
20396
20175
  padding-left: var(--space-3);
@@ -20410,7 +20189,7 @@
20410
20189
  font-size: var(--font-size-3);
20411
20190
  line-height: var(--line-height-3);
20412
20191
  letter-spacing: var(--letter-spacing-3);
20413
- border-radius: max(var(--radius-3), var(--radius-full));
20192
+ border-radius: var(--radius-pill-3);
20414
20193
  }
20415
20194
  .rt-SelectTrigger:where(.sm\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
20416
20195
  padding-left: var(--space-4);
@@ -20432,7 +20211,7 @@
20432
20211
  font-size: var(--font-size-1);
20433
20212
  line-height: var(--line-height-1);
20434
20213
  letter-spacing: var(--letter-spacing-1);
20435
- border-radius: max(var(--radius-1), var(--radius-full));
20214
+ border-radius: var(--radius-pill-1);
20436
20215
  }
20437
20216
  .rt-SelectTrigger:where(.md\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
20438
20217
  padding-left: var(--space-2);
@@ -20452,7 +20231,7 @@
20452
20231
  font-size: var(--font-size-2);
20453
20232
  line-height: var(--line-height-2);
20454
20233
  letter-spacing: var(--letter-spacing-2);
20455
- border-radius: max(var(--radius-2), var(--radius-full));
20234
+ border-radius: var(--radius-pill-2);
20456
20235
  }
20457
20236
  .rt-SelectTrigger:where(.md\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
20458
20237
  padding-left: var(--space-3);
@@ -20472,7 +20251,7 @@
20472
20251
  font-size: var(--font-size-3);
20473
20252
  line-height: var(--line-height-3);
20474
20253
  letter-spacing: var(--letter-spacing-3);
20475
- border-radius: max(var(--radius-3), var(--radius-full));
20254
+ border-radius: var(--radius-pill-3);
20476
20255
  }
20477
20256
  .rt-SelectTrigger:where(.md\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
20478
20257
  padding-left: var(--space-4);
@@ -20494,7 +20273,7 @@
20494
20273
  font-size: var(--font-size-1);
20495
20274
  line-height: var(--line-height-1);
20496
20275
  letter-spacing: var(--letter-spacing-1);
20497
- border-radius: max(var(--radius-1), var(--radius-full));
20276
+ border-radius: var(--radius-pill-1);
20498
20277
  }
20499
20278
  .rt-SelectTrigger:where(.lg\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
20500
20279
  padding-left: var(--space-2);
@@ -20514,7 +20293,7 @@
20514
20293
  font-size: var(--font-size-2);
20515
20294
  line-height: var(--line-height-2);
20516
20295
  letter-spacing: var(--letter-spacing-2);
20517
- border-radius: max(var(--radius-2), var(--radius-full));
20296
+ border-radius: var(--radius-pill-2);
20518
20297
  }
20519
20298
  .rt-SelectTrigger:where(.lg\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
20520
20299
  padding-left: var(--space-3);
@@ -20534,7 +20313,7 @@
20534
20313
  font-size: var(--font-size-3);
20535
20314
  line-height: var(--line-height-3);
20536
20315
  letter-spacing: var(--letter-spacing-3);
20537
- border-radius: max(var(--radius-3), var(--radius-full));
20316
+ border-radius: var(--radius-pill-3);
20538
20317
  }
20539
20318
  .rt-SelectTrigger:where(.lg\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
20540
20319
  padding-left: var(--space-4);
@@ -20556,7 +20335,7 @@
20556
20335
  font-size: var(--font-size-1);
20557
20336
  line-height: var(--line-height-1);
20558
20337
  letter-spacing: var(--letter-spacing-1);
20559
- border-radius: max(var(--radius-1), var(--radius-full));
20338
+ border-radius: var(--radius-pill-1);
20560
20339
  }
20561
20340
  .rt-SelectTrigger:where(.xl\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
20562
20341
  padding-left: var(--space-2);
@@ -20576,7 +20355,7 @@
20576
20355
  font-size: var(--font-size-2);
20577
20356
  line-height: var(--line-height-2);
20578
20357
  letter-spacing: var(--letter-spacing-2);
20579
- border-radius: max(var(--radius-2), var(--radius-full));
20358
+ border-radius: var(--radius-pill-2);
20580
20359
  }
20581
20360
  .rt-SelectTrigger:where(.xl\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
20582
20361
  padding-left: var(--space-3);
@@ -20596,7 +20375,7 @@
20596
20375
  font-size: var(--font-size-3);
20597
20376
  line-height: var(--line-height-3);
20598
20377
  letter-spacing: var(--letter-spacing-3);
20599
- border-radius: max(var(--radius-3), var(--radius-full));
20378
+ border-radius: var(--radius-pill-3);
20600
20379
  }
20601
20380
  .rt-SelectTrigger:where(.xl\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
20602
20381
  padding-left: var(--space-4);
@@ -21832,9 +21611,14 @@
21832
21611
  .rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
21833
21612
  color: var(--gray-a10);
21834
21613
  }
21835
- .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
21614
+ .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],[data-active]) :where(.rt-SidebarMenuShortcut) {
21836
21615
  color: inherit;
21837
21616
  }
21617
+ @media (hover: hover) {
21618
+ .rt-SidebarMenuButton:where(:hover) :where(.rt-SidebarMenuShortcut) {
21619
+ color: inherit;
21620
+ }
21621
+ }
21838
21622
  @media (prefers-reduced-motion: reduce) {
21839
21623
  .rt-SidebarMenuButton {
21840
21624
  -webkit-transition: none;
@@ -22216,15 +22000,15 @@
22216
22000
  }
22217
22001
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper {
22218
22002
  padding: var(--space-2) var(--space-2);
22219
- border-radius: var(--radius-1);
22003
+ border-radius: var(--radius-pill-1);
22220
22004
  }
22221
22005
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
22222
22006
  padding: var(--space-2);
22223
- border-radius: var(--radius-2);
22007
+ border-radius: var(--radius-pill-2);
22224
22008
  }
22225
22009
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
22226
22010
  padding: var(--space-3);
22227
- border-radius: var(--radius-2);
22011
+ border-radius: var(--radius-pill-3);
22228
22012
  }
22229
22013
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
22230
22014
  display: block;
@@ -22242,29 +22026,54 @@
22242
22026
  color: var(--accent-ink);
22243
22027
  font-weight: var(--font-weight-medium);
22244
22028
  }
22245
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
22029
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
22246
22030
  color: var(--accent-ink);
22247
22031
  }
22248
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
22249
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
22032
+ @media (hover: hover) {
22033
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
22034
+ color: var(--accent-ink);
22035
+ }
22036
+ }
22037
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
22250
22038
  background-color: transparent !important;
22251
22039
  }
22252
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22040
+ @media (hover: hover) {
22041
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
22042
+ background-color: transparent !important;
22043
+ }
22044
+ }
22045
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22253
22046
  background-color: var(--accent-4);
22254
22047
  }
22048
+ @media (hover: hover) {
22049
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22050
+ background-color: var(--accent-4);
22051
+ }
22052
+ }
22255
22053
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22256
22054
  background-color: var(--accent-3);
22257
22055
  }
22258
- :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22056
+ :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22259
22057
  background-color: var(--accent-a4);
22260
22058
  }
22059
+ @media (hover: hover) {
22060
+ :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22061
+ background-color: var(--accent-a4);
22062
+ }
22063
+ }
22261
22064
  :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22262
22065
  background-color: var(--accent-a3);
22263
22066
  }
22264
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22067
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22265
22068
  background-color: var(--accent-solid);
22266
22069
  color: var(--accent-solid-contrast);
22267
22070
  }
22071
+ @media (hover: hover) {
22072
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22073
+ background-color: var(--accent-solid);
22074
+ color: var(--accent-solid-contrast);
22075
+ }
22076
+ }
22268
22077
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22269
22078
  background-color: var(--accent-solid);
22270
22079
  color: var(--accent-solid-contrast);
@@ -23167,23 +22976,42 @@
23167
22976
  -webkit-transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
23168
22977
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
23169
22978
  }
23170
- :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
22979
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])) {
23171
22980
  background-color: var(--accent-solid);
23172
22981
  color: var(--accent-solid-contrast);
23173
22982
  }
23174
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
22983
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
23175
22984
  color: var(--accent-solid-contrast);
23176
22985
  }
23177
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
22986
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Text) {
23178
22987
  color: inherit !important;
23179
22988
  }
23180
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
22989
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
23181
22990
  color: inherit !important;
23182
22991
  }
23183
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
22992
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Badge) {
23184
22993
  color: var(--accent-solid-badge-contrast) !important;
23185
22994
  background-color: var(--accent-solid-badge) !important;
23186
22995
  }
22996
+ @media (hover: hover) {
22997
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
22998
+ background-color: var(--accent-solid);
22999
+ color: var(--accent-solid-contrast);
23000
+ }
23001
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
23002
+ color: var(--accent-solid-contrast);
23003
+ }
23004
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Text) {
23005
+ color: inherit !important;
23006
+ }
23007
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
23008
+ color: inherit !important;
23009
+ }
23010
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Badge) {
23011
+ color: var(--accent-solid-badge-contrast) !important;
23012
+ background-color: var(--accent-solid-badge) !important;
23013
+ }
23014
+ }
23187
23015
  :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active]) {
23188
23016
  background-color: var(--accent-solid);
23189
23017
  color: var(--accent-solid-contrast);
@@ -23231,23 +23059,42 @@
23231
23059
  -webkit-transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
23232
23060
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
23233
23061
  }
23234
- :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
23062
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])) {
23235
23063
  background-color: var(--accent-4);
23236
23064
  }
23237
- :where([data-panel-background='translucent']) :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) {
23065
+ :where([data-panel-background='translucent']) :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) {
23238
23066
  background-color: var(--accent-a4);
23239
23067
  }
23240
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='solid']) {
23068
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))):where([data-panel-background='solid']) {
23241
23069
  background-color: var(--accent-4);
23242
23070
  backdrop-filter: none;
23243
23071
  --backdrop-filter-components: none;
23244
23072
  }
23245
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
23073
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))):where([data-panel-background='translucent']) {
23246
23074
  background-color: var(--accent-a4);
23247
23075
  }
23248
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
23076
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
23249
23077
  color: var(--gray-11) !important;
23250
23078
  }
23079
+ @media (hover: hover) {
23080
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
23081
+ background-color: var(--accent-4);
23082
+ }
23083
+ :where([data-panel-background='translucent']) :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) {
23084
+ background-color: var(--accent-a4);
23085
+ }
23086
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))):where([data-panel-background='solid']) {
23087
+ background-color: var(--accent-4);
23088
+ backdrop-filter: none;
23089
+ --backdrop-filter-components: none;
23090
+ }
23091
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
23092
+ background-color: var(--accent-a4);
23093
+ }
23094
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
23095
+ color: var(--gray-11) !important;
23096
+ }
23097
+ }
23251
23098
  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
23252
23099
  background-color: var(--accent-3);
23253
23100
  color: var(--accent-12);
@@ -23356,30 +23203,41 @@
23356
23203
  width: var(--content-icon-size-3);
23357
23204
  height: var(--content-icon-size-3);
23358
23205
  }
23359
- :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover, [data-state='open'])) {
23206
+ :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
23360
23207
  background-color: transparent !important;
23361
23208
  }
23209
+ @media (hover: hover) {
23210
+ :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover)) {
23211
+ background-color: transparent !important;
23212
+ }
23213
+ }
23362
23214
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23363
23215
  padding: var(--space-2) var(--space-2);
23364
- border-radius: var(--radius-1);
23216
+ border-radius: var(--radius-pill-1);
23365
23217
  }
23366
23218
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23367
23219
  padding: var(--space-2);
23368
- border-radius: var(--radius-2);
23220
+ border-radius: var(--radius-pill-2);
23369
23221
  }
23370
23222
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23371
23223
  padding: var(--space-3);
23372
- border-radius: var(--radius-2);
23224
+ border-radius: var(--radius-pill-3);
23373
23225
  }
23374
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23375
- background-color: var(--accent-4);
23226
+ @media (hover: hover) {
23227
+ :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23228
+ background-color: var(--accent-4);
23229
+ }
23376
23230
  }
23377
- :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23378
- background-color: var(--accent-a4);
23231
+ @media (hover: hover) {
23232
+ :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23233
+ background-color: var(--accent-a4);
23234
+ }
23379
23235
  }
23380
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23381
- background-color: var(--accent-solid);
23382
- color: var(--accent-solid-contrast);
23236
+ @media (hover: hover) {
23237
+ :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23238
+ background-color: var(--accent-solid);
23239
+ color: var(--accent-solid-contrast);
23240
+ }
23383
23241
  }
23384
23242
  .rt-SidebarSearchPopover {
23385
23243
  display: -webkit-box;
@@ -23444,8 +23302,10 @@
23444
23302
  -ms-flex-negative: 0;
23445
23303
  flex-shrink: 0;
23446
23304
  }
23447
- .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:hover):not([data-disabled]) {
23448
- background-color: var(--accent-a4);
23305
+ @media (hover: hover) {
23306
+ .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:hover):not([data-disabled]) {
23307
+ background-color: var(--accent-a4);
23308
+ }
23449
23309
  }
23450
23310
  .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:focus-visible) {
23451
23311
  outline: 2px solid var(--focus-8);
@@ -23521,8 +23381,10 @@
23521
23381
  -webkit-transition: color 100ms;
23522
23382
  transition: color 100ms;
23523
23383
  }
23524
- .rt-SidebarSearchClear:hover {
23525
- color: var(--gray-a11);
23384
+ @media (hover: hover) {
23385
+ .rt-SidebarSearchClear:hover {
23386
+ color: var(--gray-a11);
23387
+ }
23526
23388
  }
23527
23389
  .rt-SidebarContainer.rt-r-size-1 .rt-SidebarSearchInput {
23528
23390
  font-size: var(--font-size-1);
@@ -24201,10 +24063,14 @@
24201
24063
  inset-block-start: calc(50% - 1px);
24202
24064
  block-size: 2px;
24203
24065
  }
24204
- .rt-ShellResizer:hover::before,
24205
24066
  .rt-ShellResizer[data-dragging]::before {
24206
24067
  background-color: var(--gray-a6);
24207
24068
  }
24069
+ @media (hover: hover) {
24070
+ .rt-ShellResizer:hover::before {
24071
+ background-color: var(--gray-a6);
24072
+ }
24073
+ }
24208
24074
  .rt-ShellResizer:focus-visible {
24209
24075
  outline: none;
24210
24076
  }
@@ -24624,12 +24490,14 @@
24624
24490
  z-index: 1;
24625
24491
  pointer-events: auto;
24626
24492
  }
24627
- .rt-SliderTick:where(:hover) :where(.rt-SliderTickMark) {
24628
- background-color: var(--gray-12) !important;
24629
- }
24630
- .rt-SliderTick:where(:hover) :where(.rt-SliderTickLabel) {
24631
- color: var(--gray-12) !important;
24632
- font-weight: var(--font-weight-medium);
24493
+ @media (hover: hover) {
24494
+ .rt-SliderTick:where(:hover) :where(.rt-SliderTickMark) {
24495
+ background-color: var(--gray-12) !important;
24496
+ }
24497
+ .rt-SliderTick:where(:hover) :where(.rt-SliderTickLabel) {
24498
+ color: var(--gray-12) !important;
24499
+ font-weight: var(--font-weight-medium);
24500
+ }
24633
24501
  }
24634
24502
  .rt-SliderTick:where(:active) :where(.rt-SliderTickMark) {
24635
24503
  background-color: var(--gray-12) !important;
@@ -25440,6 +25308,13 @@
25440
25308
  outline-offset: 2px;
25441
25309
  }
25442
25310
  }
25311
+ .rt-BaseTabListTrigger:where([data-disabled]) {
25312
+ color: var(--gray-a8);
25313
+ cursor: default;
25314
+ }
25315
+ .rt-BaseTabListTrigger:where([data-disabled]) :where(.rt-BaseTabListTriggerInner) {
25316
+ background-color: transparent;
25317
+ }
25443
25318
  .rt-TabNavItem {
25444
25319
  display: -webkit-box;
25445
25320
  display: -ms-flexbox;
@@ -25517,24 +25392,6 @@
25517
25392
  font-size: var(--font-size-3);
25518
25393
  line-height: var(--line-height-3);
25519
25394
  }
25520
- .rt-TableRoot:where(.rt-r-size-4) {
25521
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
25522
- --table-cell-padding: var(--space-5);
25523
- --table-cell-min-height: var(--space-9);
25524
- }
25525
- .rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable) {
25526
- font-size: var(--font-size-3);
25527
- line-height: var(--line-height-3);
25528
- }
25529
- .rt-TableRoot:where(.rt-r-size-5) {
25530
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
25531
- --table-cell-padding: var(--space-6);
25532
- --table-cell-min-height: var(--space-10);
25533
- }
25534
- .rt-TableRoot:where(.rt-r-size-5) :where(.rt-TableRootTable) {
25535
- font-size: var(--font-size-4);
25536
- line-height: var(--line-height-4);
25537
- }
25538
25395
  @media (min-width: 520px) {
25539
25396
  .rt-TableRoot:where(.xs\:rt-r-size-1) {
25540
25397
  --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
@@ -25563,24 +25420,6 @@
25563
25420
  font-size: var(--font-size-3);
25564
25421
  line-height: var(--line-height-3);
25565
25422
  }
25566
- .rt-TableRoot:where(.xs\:rt-r-size-4) {
25567
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
25568
- --table-cell-padding: var(--space-5);
25569
- --table-cell-min-height: var(--space-9);
25570
- }
25571
- .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable) {
25572
- font-size: var(--font-size-3);
25573
- line-height: var(--line-height-3);
25574
- }
25575
- .rt-TableRoot:where(.xs\:rt-r-size-5) {
25576
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
25577
- --table-cell-padding: var(--space-6);
25578
- --table-cell-min-height: var(--space-10);
25579
- }
25580
- .rt-TableRoot:where(.xs\:rt-r-size-5) :where(.rt-TableRootTable) {
25581
- font-size: var(--font-size-4);
25582
- line-height: var(--line-height-4);
25583
- }
25584
25423
  }
25585
25424
  @media (min-width: 768px) {
25586
25425
  .rt-TableRoot:where(.sm\:rt-r-size-1) {
@@ -25610,24 +25449,6 @@
25610
25449
  font-size: var(--font-size-3);
25611
25450
  line-height: var(--line-height-3);
25612
25451
  }
25613
- .rt-TableRoot:where(.sm\:rt-r-size-4) {
25614
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
25615
- --table-cell-padding: var(--space-5);
25616
- --table-cell-min-height: var(--space-9);
25617
- }
25618
- .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable) {
25619
- font-size: var(--font-size-3);
25620
- line-height: var(--line-height-3);
25621
- }
25622
- .rt-TableRoot:where(.sm\:rt-r-size-5) {
25623
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
25624
- --table-cell-padding: var(--space-6);
25625
- --table-cell-min-height: var(--space-10);
25626
- }
25627
- .rt-TableRoot:where(.sm\:rt-r-size-5) :where(.rt-TableRootTable) {
25628
- font-size: var(--font-size-4);
25629
- line-height: var(--line-height-4);
25630
- }
25631
25452
  }
25632
25453
  @media (min-width: 1024px) {
25633
25454
  .rt-TableRoot:where(.md\:rt-r-size-1) {
@@ -25657,24 +25478,6 @@
25657
25478
  font-size: var(--font-size-3);
25658
25479
  line-height: var(--line-height-3);
25659
25480
  }
25660
- .rt-TableRoot:where(.md\:rt-r-size-4) {
25661
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
25662
- --table-cell-padding: var(--space-5);
25663
- --table-cell-min-height: var(--space-9);
25664
- }
25665
- .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable) {
25666
- font-size: var(--font-size-3);
25667
- line-height: var(--line-height-3);
25668
- }
25669
- .rt-TableRoot:where(.md\:rt-r-size-5) {
25670
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
25671
- --table-cell-padding: var(--space-6);
25672
- --table-cell-min-height: var(--space-10);
25673
- }
25674
- .rt-TableRoot:where(.md\:rt-r-size-5) :where(.rt-TableRootTable) {
25675
- font-size: var(--font-size-4);
25676
- line-height: var(--line-height-4);
25677
- }
25678
25481
  }
25679
25482
  @media (min-width: 1280px) {
25680
25483
  .rt-TableRoot:where(.lg\:rt-r-size-1) {
@@ -25704,24 +25507,6 @@
25704
25507
  font-size: var(--font-size-3);
25705
25508
  line-height: var(--line-height-3);
25706
25509
  }
25707
- .rt-TableRoot:where(.lg\:rt-r-size-4) {
25708
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
25709
- --table-cell-padding: var(--space-5);
25710
- --table-cell-min-height: var(--space-9);
25711
- }
25712
- .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable) {
25713
- font-size: var(--font-size-3);
25714
- line-height: var(--line-height-3);
25715
- }
25716
- .rt-TableRoot:where(.lg\:rt-r-size-5) {
25717
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
25718
- --table-cell-padding: var(--space-6);
25719
- --table-cell-min-height: var(--space-10);
25720
- }
25721
- .rt-TableRoot:where(.lg\:rt-r-size-5) :where(.rt-TableRootTable) {
25722
- font-size: var(--font-size-4);
25723
- line-height: var(--line-height-4);
25724
- }
25725
25510
  }
25726
25511
  @media (min-width: 1640px) {
25727
25512
  .rt-TableRoot:where(.xl\:rt-r-size-1) {
@@ -25751,24 +25536,6 @@
25751
25536
  font-size: var(--font-size-3);
25752
25537
  line-height: var(--line-height-3);
25753
25538
  }
25754
- .rt-TableRoot:where(.xl\:rt-r-size-4) {
25755
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
25756
- --table-cell-padding: var(--space-5);
25757
- --table-cell-min-height: var(--space-9);
25758
- }
25759
- .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable) {
25760
- font-size: var(--font-size-3);
25761
- line-height: var(--line-height-3);
25762
- }
25763
- .rt-TableRoot:where(.xl\:rt-r-size-5) {
25764
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
25765
- --table-cell-padding: var(--space-6);
25766
- --table-cell-min-height: var(--space-10);
25767
- }
25768
- .rt-TableRoot:where(.xl\:rt-r-size-5) :where(.rt-TableRootTable) {
25769
- font-size: var(--font-size-4);
25770
- line-height: var(--line-height-4);
25771
- }
25772
25539
  }
25773
25540
  .rt-TableRoot:where(.rt-variant-surface) {
25774
25541
  --backdrop-filter-components-enabled: none;
@@ -26708,25 +26475,25 @@
26708
26475
  }
26709
26476
  .rt-Toolbar:where(.rt-r-size-1) {
26710
26477
  --toolbar-control-height: var(--control-height-1);
26711
- --toolbar-radius: max(var(--radius-1), var(--radius-full));
26478
+ --toolbar-radius: var(--radius-pill-1);
26712
26479
  --toolbar-gap: var(--space-1);
26713
26480
  --toolbar-title-gap: var(--space-2);
26714
26481
  }
26715
26482
  .rt-Toolbar:where(.rt-r-size-2) {
26716
26483
  --toolbar-control-height: var(--control-height-2);
26717
- --toolbar-radius: max(var(--radius-2), var(--radius-full));
26484
+ --toolbar-radius: var(--radius-pill-2);
26718
26485
  --toolbar-gap: var(--space-2);
26719
26486
  --toolbar-title-gap: var(--space-3);
26720
26487
  }
26721
26488
  .rt-Toolbar:where(.rt-r-size-3) {
26722
26489
  --toolbar-control-height: var(--control-height-3);
26723
- --toolbar-radius: max(var(--radius-3), var(--radius-full));
26490
+ --toolbar-radius: var(--radius-pill-3);
26724
26491
  --toolbar-gap: var(--space-2);
26725
26492
  --toolbar-title-gap: var(--space-4);
26726
26493
  }
26727
26494
  .rt-Toolbar:where(.rt-r-size-4) {
26728
26495
  --toolbar-control-height: var(--control-height-4);
26729
- --toolbar-radius: max(var(--radius-4), var(--radius-full));
26496
+ --toolbar-radius: var(--radius-pill-4);
26730
26497
  --toolbar-gap: var(--space-3);
26731
26498
  --toolbar-title-gap: var(--space-5);
26732
26499
  }