@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/components.css CHANGED
@@ -1793,10 +1793,12 @@
1793
1793
  padding: var(--space-5) var(--space-6);
1794
1794
  font-size: var(--font-size-4);
1795
1795
  }
1796
- :where(.rt-AccordionTrigger:hover) {
1797
- background-color: var(--gray-a3);
1798
- -webkit-transform: translateY(-1px);
1799
- transform: translateY(-1px);
1796
+ @media (hover: hover) {
1797
+ :where(.rt-AccordionTrigger:hover) {
1798
+ background-color: var(--gray-a3);
1799
+ -webkit-transform: translateY(-1px);
1800
+ transform: translateY(-1px);
1801
+ }
1800
1802
  }
1801
1803
  :where(.rt-AccordionTrigger:active) {
1802
1804
  -webkit-transform: translateY(0px) scale(0.98);
@@ -1807,19 +1809,21 @@
1807
1809
  :where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
1808
1810
  color: var(--accent-ink);
1809
1811
  }
1810
- :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
1811
- background-color: var(--accent-2);
1812
- -webkit-box-shadow: var(--shadow-2);
1813
- box-shadow: var(--shadow-2);
1814
- }
1815
- :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
1816
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1817
- }
1818
- :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='solid'],[data-material='solid']) {
1819
- background-color: var(--accent-2);
1820
- }
1821
- :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='translucent'],[data-material='translucent']) {
1822
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1812
+ @media (hover: hover) {
1813
+ :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
1814
+ background-color: var(--accent-2);
1815
+ -webkit-box-shadow: var(--shadow-2);
1816
+ box-shadow: var(--shadow-2);
1817
+ }
1818
+ :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
1819
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1820
+ }
1821
+ :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='solid'],[data-material='solid']) {
1822
+ background-color: var(--accent-2);
1823
+ }
1824
+ :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='translucent'],[data-material='translucent']) {
1825
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1826
+ }
1823
1827
  }
1824
1828
  :where(.rt-AccordionRoot:where(.rt-variant-classic):focus-within) {
1825
1829
  outline: 2px solid var(--focus-8);
@@ -1827,69 +1831,77 @@
1827
1831
  -webkit-transition: var(--transition-text-field);
1828
1832
  transition: var(--transition-text-field);
1829
1833
  }
1830
- :where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover) {
1831
- background-color: var(--accent-4);
1832
- }
1833
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)) {
1834
- background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
1835
- }
1836
- :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1837
- background-color: var(--accent-4);
1838
- }
1839
- :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1840
- background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
1841
- }
1842
- :where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover) {
1843
- background-color: var(--accent-2);
1844
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1845
- box-shadow: inset 0 0 0 1px var(--accent-7);
1846
- }
1847
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)) {
1848
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1849
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1850
- box-shadow: inset 0 0 0 1px var(--accent-a7);
1851
- }
1852
- :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1853
- background-color: var(--accent-2);
1854
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1855
- box-shadow: inset 0 0 0 1px var(--accent-7);
1856
- }
1857
- :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1858
- background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1859
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1860
- box-shadow: inset 0 0 0 1px var(--accent-a7);
1861
- }
1862
- :where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover) {
1863
- background-color: var(--accent-3);
1864
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1865
- box-shadow: inset 0 0 0 1px var(--accent-7);
1866
- }
1867
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)) {
1868
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1869
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1870
- box-shadow: inset 0 0 0 1px var(--accent-a7);
1871
- }
1872
- :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1873
- background-color: var(--accent-3);
1874
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1875
- box-shadow: inset 0 0 0 1px var(--accent-7);
1876
- }
1877
- :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1878
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1879
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1880
- box-shadow: inset 0 0 0 1px var(--accent-a7);
1881
- }
1882
- :where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover) {
1883
- background-color: var(--accent-3);
1834
+ @media (hover: hover) {
1835
+ :where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover) {
1836
+ background-color: var(--accent-4);
1837
+ }
1838
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)) {
1839
+ background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
1840
+ }
1841
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1842
+ background-color: var(--accent-4);
1843
+ }
1844
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-soft)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1845
+ background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
1846
+ }
1884
1847
  }
1885
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)) {
1886
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1848
+ @media (hover: hover) {
1849
+ :where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover) {
1850
+ background-color: var(--accent-2);
1851
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1852
+ box-shadow: inset 0 0 0 1px var(--accent-7);
1853
+ }
1854
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)) {
1855
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1856
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1857
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
1858
+ }
1859
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1860
+ background-color: var(--accent-2);
1861
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1862
+ box-shadow: inset 0 0 0 1px var(--accent-7);
1863
+ }
1864
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-outline)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1865
+ background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1866
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1867
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
1868
+ }
1887
1869
  }
1888
- :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1889
- background-color: var(--accent-3);
1870
+ @media (hover: hover) {
1871
+ :where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover) {
1872
+ background-color: var(--accent-3);
1873
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1874
+ box-shadow: inset 0 0 0 1px var(--accent-7);
1875
+ }
1876
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)) {
1877
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1878
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1879
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
1880
+ }
1881
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1882
+ background-color: var(--accent-3);
1883
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-7);
1884
+ box-shadow: inset 0 0 0 1px var(--accent-7);
1885
+ }
1886
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-surface)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1887
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1888
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a7);
1889
+ box-shadow: inset 0 0 0 1px var(--accent-a7);
1890
+ }
1890
1891
  }
1891
- :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1892
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1892
+ @media (hover: hover) {
1893
+ :where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover) {
1894
+ background-color: var(--accent-3);
1895
+ }
1896
+ :where([data-panel-background='translucent'],[data-material='translucent']) :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)) {
1897
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1898
+ }
1899
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='solid'],[data-material='solid']) {
1900
+ background-color: var(--accent-3);
1901
+ }
1902
+ :is(:where(.rt-AccordionRoot:where(.rt-variant-ghost)) :where(.rt-AccordionTrigger:hover)):where([data-panel-background='translucent'],[data-material='translucent']) {
1903
+ background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
1904
+ }
1893
1905
  }
1894
1906
  :where(.rt-AccordionTrigger:focus-visible) {
1895
1907
  outline: var(--focus-outline-width) solid var(--focus-8);
@@ -2003,8 +2015,10 @@
2003
2015
  transform: translateY(-4px) scaleY(0.98);
2004
2016
  }
2005
2017
  }
2006
- :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
2007
- background-color: var(--accent-a4);
2018
+ @media (hover: hover) {
2019
+ :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
2020
+ background-color: var(--accent-a4);
2021
+ }
2008
2022
  }
2009
2023
  @media (prefers-reduced-motion: reduce) {
2010
2024
  :where(.rt-AccordionContent[data-state="open"]),
@@ -2017,8 +2031,10 @@
2017
2031
  :where(.rt-AccordionRoot[data-material='translucent']) {
2018
2032
  background-color: var(--accent-2);
2019
2033
  }
2020
- :where(.rt-AccordionRoot[data-material='translucent']) :where(.rt-AccordionTrigger:hover) {
2021
- background-color: var(--accent-4);
2034
+ @media (hover: hover) {
2035
+ :where(.rt-AccordionRoot[data-material='translucent']) :where(.rt-AccordionTrigger:hover) {
2036
+ background-color: var(--accent-4);
2037
+ }
2022
2038
  }
2023
2039
  }
2024
2040
  @media (forced-colors: active) {
@@ -2112,6 +2128,13 @@
2112
2128
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
2113
2129
  }
2114
2130
  }
2131
+ .rt-AccordionTrigger:where([data-disabled]) {
2132
+ color: var(--gray-a8);
2133
+ cursor: default;
2134
+ background-color: transparent;
2135
+ -webkit-transform: none;
2136
+ transform: none;
2137
+ }
2115
2138
  .rt-BaseDialogOverlay {
2116
2139
  position: fixed;
2117
2140
  inset: 0;
@@ -2513,7 +2536,7 @@
2513
2536
  --avatar-size: var(--space-5);
2514
2537
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
2515
2538
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
2516
- border-radius: max(var(--radius-1), var(--radius-full));
2539
+ border-radius: var(--radius-pill-1);
2517
2540
  letter-spacing: var(--letter-spacing-1);
2518
2541
  --avatar-status-size: 6px;
2519
2542
  --avatar-status-border-width: 1.5px;
@@ -2523,7 +2546,7 @@
2523
2546
  --avatar-size: var(--space-6);
2524
2547
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
2525
2548
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
2526
- border-radius: max(var(--radius-2), var(--radius-full));
2549
+ border-radius: var(--radius-pill-2);
2527
2550
  letter-spacing: var(--letter-spacing-2);
2528
2551
  --avatar-status-size: 8px;
2529
2552
  --avatar-status-border-width: 2px;
@@ -2533,7 +2556,7 @@
2533
2556
  --avatar-size: var(--space-7);
2534
2557
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
2535
2558
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
2536
- border-radius: max(var(--radius-3), var(--radius-full));
2559
+ border-radius: var(--radius-pill-3);
2537
2560
  letter-spacing: var(--letter-spacing-3);
2538
2561
  --avatar-status-size: 10px;
2539
2562
  --avatar-status-border-width: 2px;
@@ -2543,7 +2566,7 @@
2543
2566
  --avatar-size: var(--space-8);
2544
2567
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
2545
2568
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
2546
- border-radius: max(var(--radius-4), var(--radius-full));
2569
+ border-radius: var(--radius-pill-4);
2547
2570
  letter-spacing: var(--letter-spacing-4);
2548
2571
  --avatar-status-size: 12px;
2549
2572
  --avatar-status-border-width: 2px;
@@ -2553,7 +2576,7 @@
2553
2576
  --avatar-size: var(--space-9);
2554
2577
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
2555
2578
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
2556
- border-radius: max(var(--radius-5), var(--radius-full));
2579
+ border-radius: var(--radius-pill-5);
2557
2580
  letter-spacing: var(--letter-spacing-5);
2558
2581
  --avatar-status-size: 14px;
2559
2582
  --avatar-status-border-width: 2px;
@@ -2563,7 +2586,7 @@
2563
2586
  --avatar-size: 80px;
2564
2587
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2565
2588
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2566
- border-radius: max(var(--radius-6), var(--radius-full));
2589
+ border-radius: var(--radius-pill-6);
2567
2590
  letter-spacing: var(--letter-spacing-6);
2568
2591
  --avatar-status-size: 16px;
2569
2592
  --avatar-status-border-width: 3px;
@@ -2573,7 +2596,7 @@
2573
2596
  --avatar-size: 96px;
2574
2597
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2575
2598
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2576
- border-radius: max(var(--radius-7), var(--radius-full));
2599
+ border-radius: var(--radius-pill-7);
2577
2600
  letter-spacing: var(--letter-spacing-7);
2578
2601
  --avatar-status-size: 18px;
2579
2602
  --avatar-status-border-width: 3px;
@@ -2583,7 +2606,7 @@
2583
2606
  --avatar-size: 128px;
2584
2607
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
2585
2608
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2586
- border-radius: max(var(--radius-8), var(--radius-full));
2609
+ border-radius: var(--radius-pill-8);
2587
2610
  letter-spacing: var(--letter-spacing-8);
2588
2611
  --avatar-status-size: 20px;
2589
2612
  --avatar-status-border-width: 3px;
@@ -2593,7 +2616,7 @@
2593
2616
  --avatar-size: 160px;
2594
2617
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2595
2618
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
2596
- border-radius: max(var(--radius-9), var(--radius-full));
2619
+ border-radius: var(--radius-pill-9);
2597
2620
  letter-spacing: var(--letter-spacing-9);
2598
2621
  --avatar-status-size: 24px;
2599
2622
  --avatar-status-border-width: 4px;
@@ -2604,7 +2627,7 @@
2604
2627
  --avatar-size: var(--space-5);
2605
2628
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
2606
2629
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
2607
- border-radius: max(var(--radius-1), var(--radius-full));
2630
+ border-radius: var(--radius-pill-1);
2608
2631
  letter-spacing: var(--letter-spacing-1);
2609
2632
  --avatar-status-size: 6px;
2610
2633
  --avatar-status-border-width: 1.5px;
@@ -2614,7 +2637,7 @@
2614
2637
  --avatar-size: var(--space-6);
2615
2638
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
2616
2639
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
2617
- border-radius: max(var(--radius-2), var(--radius-full));
2640
+ border-radius: var(--radius-pill-2);
2618
2641
  letter-spacing: var(--letter-spacing-2);
2619
2642
  --avatar-status-size: 8px;
2620
2643
  --avatar-status-border-width: 2px;
@@ -2624,7 +2647,7 @@
2624
2647
  --avatar-size: var(--space-7);
2625
2648
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
2626
2649
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
2627
- border-radius: max(var(--radius-3), var(--radius-full));
2650
+ border-radius: var(--radius-pill-3);
2628
2651
  letter-spacing: var(--letter-spacing-3);
2629
2652
  --avatar-status-size: 10px;
2630
2653
  --avatar-status-border-width: 2px;
@@ -2634,7 +2657,7 @@
2634
2657
  --avatar-size: var(--space-8);
2635
2658
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
2636
2659
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
2637
- border-radius: max(var(--radius-4), var(--radius-full));
2660
+ border-radius: var(--radius-pill-4);
2638
2661
  letter-spacing: var(--letter-spacing-4);
2639
2662
  --avatar-status-size: 12px;
2640
2663
  --avatar-status-border-width: 2px;
@@ -2644,7 +2667,7 @@
2644
2667
  --avatar-size: var(--space-9);
2645
2668
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
2646
2669
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
2647
- border-radius: max(var(--radius-5), var(--radius-full));
2670
+ border-radius: var(--radius-pill-5);
2648
2671
  letter-spacing: var(--letter-spacing-5);
2649
2672
  --avatar-status-size: 14px;
2650
2673
  --avatar-status-border-width: 2px;
@@ -2654,7 +2677,7 @@
2654
2677
  --avatar-size: 80px;
2655
2678
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2656
2679
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2657
- border-radius: max(var(--radius-6), var(--radius-full));
2680
+ border-radius: var(--radius-pill-6);
2658
2681
  letter-spacing: var(--letter-spacing-6);
2659
2682
  --avatar-status-size: 16px;
2660
2683
  --avatar-status-border-width: 3px;
@@ -2664,7 +2687,7 @@
2664
2687
  --avatar-size: 96px;
2665
2688
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2666
2689
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2667
- border-radius: max(var(--radius-7), var(--radius-full));
2690
+ border-radius: var(--radius-pill-7);
2668
2691
  letter-spacing: var(--letter-spacing-7);
2669
2692
  --avatar-status-size: 18px;
2670
2693
  --avatar-status-border-width: 3px;
@@ -2674,7 +2697,7 @@
2674
2697
  --avatar-size: 128px;
2675
2698
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
2676
2699
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2677
- border-radius: max(var(--radius-8), var(--radius-full));
2700
+ border-radius: var(--radius-pill-8);
2678
2701
  letter-spacing: var(--letter-spacing-8);
2679
2702
  --avatar-status-size: 20px;
2680
2703
  --avatar-status-border-width: 3px;
@@ -2684,7 +2707,7 @@
2684
2707
  --avatar-size: 160px;
2685
2708
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2686
2709
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
2687
- border-radius: max(var(--radius-9), var(--radius-full));
2710
+ border-radius: var(--radius-pill-9);
2688
2711
  letter-spacing: var(--letter-spacing-9);
2689
2712
  --avatar-status-size: 24px;
2690
2713
  --avatar-status-border-width: 4px;
@@ -2696,7 +2719,7 @@
2696
2719
  --avatar-size: var(--space-5);
2697
2720
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
2698
2721
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
2699
- border-radius: max(var(--radius-1), var(--radius-full));
2722
+ border-radius: var(--radius-pill-1);
2700
2723
  letter-spacing: var(--letter-spacing-1);
2701
2724
  --avatar-status-size: 6px;
2702
2725
  --avatar-status-border-width: 1.5px;
@@ -2706,7 +2729,7 @@
2706
2729
  --avatar-size: var(--space-6);
2707
2730
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
2708
2731
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
2709
- border-radius: max(var(--radius-2), var(--radius-full));
2732
+ border-radius: var(--radius-pill-2);
2710
2733
  letter-spacing: var(--letter-spacing-2);
2711
2734
  --avatar-status-size: 8px;
2712
2735
  --avatar-status-border-width: 2px;
@@ -2716,7 +2739,7 @@
2716
2739
  --avatar-size: var(--space-7);
2717
2740
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
2718
2741
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
2719
- border-radius: max(var(--radius-3), var(--radius-full));
2742
+ border-radius: var(--radius-pill-3);
2720
2743
  letter-spacing: var(--letter-spacing-3);
2721
2744
  --avatar-status-size: 10px;
2722
2745
  --avatar-status-border-width: 2px;
@@ -2726,7 +2749,7 @@
2726
2749
  --avatar-size: var(--space-8);
2727
2750
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
2728
2751
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
2729
- border-radius: max(var(--radius-4), var(--radius-full));
2752
+ border-radius: var(--radius-pill-4);
2730
2753
  letter-spacing: var(--letter-spacing-4);
2731
2754
  --avatar-status-size: 12px;
2732
2755
  --avatar-status-border-width: 2px;
@@ -2736,7 +2759,7 @@
2736
2759
  --avatar-size: var(--space-9);
2737
2760
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
2738
2761
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
2739
- border-radius: max(var(--radius-5), var(--radius-full));
2762
+ border-radius: var(--radius-pill-5);
2740
2763
  letter-spacing: var(--letter-spacing-5);
2741
2764
  --avatar-status-size: 14px;
2742
2765
  --avatar-status-border-width: 2px;
@@ -2746,7 +2769,7 @@
2746
2769
  --avatar-size: 80px;
2747
2770
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2748
2771
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2749
- border-radius: max(var(--radius-6), var(--radius-full));
2772
+ border-radius: var(--radius-pill-6);
2750
2773
  letter-spacing: var(--letter-spacing-6);
2751
2774
  --avatar-status-size: 16px;
2752
2775
  --avatar-status-border-width: 3px;
@@ -2756,7 +2779,7 @@
2756
2779
  --avatar-size: 96px;
2757
2780
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2758
2781
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2759
- border-radius: max(var(--radius-7), var(--radius-full));
2782
+ border-radius: var(--radius-pill-7);
2760
2783
  letter-spacing: var(--letter-spacing-7);
2761
2784
  --avatar-status-size: 18px;
2762
2785
  --avatar-status-border-width: 3px;
@@ -2766,7 +2789,7 @@
2766
2789
  --avatar-size: 128px;
2767
2790
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
2768
2791
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2769
- border-radius: max(var(--radius-8), var(--radius-full));
2792
+ border-radius: var(--radius-pill-8);
2770
2793
  letter-spacing: var(--letter-spacing-8);
2771
2794
  --avatar-status-size: 20px;
2772
2795
  --avatar-status-border-width: 3px;
@@ -2776,7 +2799,7 @@
2776
2799
  --avatar-size: 160px;
2777
2800
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2778
2801
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
2779
- border-radius: max(var(--radius-9), var(--radius-full));
2802
+ border-radius: var(--radius-pill-9);
2780
2803
  letter-spacing: var(--letter-spacing-9);
2781
2804
  --avatar-status-size: 24px;
2782
2805
  --avatar-status-border-width: 4px;
@@ -2788,7 +2811,7 @@
2788
2811
  --avatar-size: var(--space-5);
2789
2812
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
2790
2813
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
2791
- border-radius: max(var(--radius-1), var(--radius-full));
2814
+ border-radius: var(--radius-pill-1);
2792
2815
  letter-spacing: var(--letter-spacing-1);
2793
2816
  --avatar-status-size: 6px;
2794
2817
  --avatar-status-border-width: 1.5px;
@@ -2798,7 +2821,7 @@
2798
2821
  --avatar-size: var(--space-6);
2799
2822
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
2800
2823
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
2801
- border-radius: max(var(--radius-2), var(--radius-full));
2824
+ border-radius: var(--radius-pill-2);
2802
2825
  letter-spacing: var(--letter-spacing-2);
2803
2826
  --avatar-status-size: 8px;
2804
2827
  --avatar-status-border-width: 2px;
@@ -2808,7 +2831,7 @@
2808
2831
  --avatar-size: var(--space-7);
2809
2832
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
2810
2833
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
2811
- border-radius: max(var(--radius-3), var(--radius-full));
2834
+ border-radius: var(--radius-pill-3);
2812
2835
  letter-spacing: var(--letter-spacing-3);
2813
2836
  --avatar-status-size: 10px;
2814
2837
  --avatar-status-border-width: 2px;
@@ -2818,7 +2841,7 @@
2818
2841
  --avatar-size: var(--space-8);
2819
2842
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
2820
2843
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
2821
- border-radius: max(var(--radius-4), var(--radius-full));
2844
+ border-radius: var(--radius-pill-4);
2822
2845
  letter-spacing: var(--letter-spacing-4);
2823
2846
  --avatar-status-size: 12px;
2824
2847
  --avatar-status-border-width: 2px;
@@ -2828,7 +2851,7 @@
2828
2851
  --avatar-size: var(--space-9);
2829
2852
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
2830
2853
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
2831
- border-radius: max(var(--radius-5), var(--radius-full));
2854
+ border-radius: var(--radius-pill-5);
2832
2855
  letter-spacing: var(--letter-spacing-5);
2833
2856
  --avatar-status-size: 14px;
2834
2857
  --avatar-status-border-width: 2px;
@@ -2838,7 +2861,7 @@
2838
2861
  --avatar-size: 80px;
2839
2862
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2840
2863
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2841
- border-radius: max(var(--radius-6), var(--radius-full));
2864
+ border-radius: var(--radius-pill-6);
2842
2865
  letter-spacing: var(--letter-spacing-6);
2843
2866
  --avatar-status-size: 16px;
2844
2867
  --avatar-status-border-width: 3px;
@@ -2848,7 +2871,7 @@
2848
2871
  --avatar-size: 96px;
2849
2872
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2850
2873
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2851
- border-radius: max(var(--radius-7), var(--radius-full));
2874
+ border-radius: var(--radius-pill-7);
2852
2875
  letter-spacing: var(--letter-spacing-7);
2853
2876
  --avatar-status-size: 18px;
2854
2877
  --avatar-status-border-width: 3px;
@@ -2858,7 +2881,7 @@
2858
2881
  --avatar-size: 128px;
2859
2882
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
2860
2883
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2861
- border-radius: max(var(--radius-8), var(--radius-full));
2884
+ border-radius: var(--radius-pill-8);
2862
2885
  letter-spacing: var(--letter-spacing-8);
2863
2886
  --avatar-status-size: 20px;
2864
2887
  --avatar-status-border-width: 3px;
@@ -2868,7 +2891,7 @@
2868
2891
  --avatar-size: 160px;
2869
2892
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2870
2893
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
2871
- border-radius: max(var(--radius-9), var(--radius-full));
2894
+ border-radius: var(--radius-pill-9);
2872
2895
  letter-spacing: var(--letter-spacing-9);
2873
2896
  --avatar-status-size: 24px;
2874
2897
  --avatar-status-border-width: 4px;
@@ -2880,7 +2903,7 @@
2880
2903
  --avatar-size: var(--space-5);
2881
2904
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
2882
2905
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
2883
- border-radius: max(var(--radius-1), var(--radius-full));
2906
+ border-radius: var(--radius-pill-1);
2884
2907
  letter-spacing: var(--letter-spacing-1);
2885
2908
  --avatar-status-size: 6px;
2886
2909
  --avatar-status-border-width: 1.5px;
@@ -2890,7 +2913,7 @@
2890
2913
  --avatar-size: var(--space-6);
2891
2914
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
2892
2915
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
2893
- border-radius: max(var(--radius-2), var(--radius-full));
2916
+ border-radius: var(--radius-pill-2);
2894
2917
  letter-spacing: var(--letter-spacing-2);
2895
2918
  --avatar-status-size: 8px;
2896
2919
  --avatar-status-border-width: 2px;
@@ -2900,7 +2923,7 @@
2900
2923
  --avatar-size: var(--space-7);
2901
2924
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
2902
2925
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
2903
- border-radius: max(var(--radius-3), var(--radius-full));
2926
+ border-radius: var(--radius-pill-3);
2904
2927
  letter-spacing: var(--letter-spacing-3);
2905
2928
  --avatar-status-size: 10px;
2906
2929
  --avatar-status-border-width: 2px;
@@ -2910,7 +2933,7 @@
2910
2933
  --avatar-size: var(--space-8);
2911
2934
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
2912
2935
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
2913
- border-radius: max(var(--radius-4), var(--radius-full));
2936
+ border-radius: var(--radius-pill-4);
2914
2937
  letter-spacing: var(--letter-spacing-4);
2915
2938
  --avatar-status-size: 12px;
2916
2939
  --avatar-status-border-width: 2px;
@@ -2920,7 +2943,7 @@
2920
2943
  --avatar-size: var(--space-9);
2921
2944
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
2922
2945
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
2923
- border-radius: max(var(--radius-5), var(--radius-full));
2946
+ border-radius: var(--radius-pill-5);
2924
2947
  letter-spacing: var(--letter-spacing-5);
2925
2948
  --avatar-status-size: 14px;
2926
2949
  --avatar-status-border-width: 2px;
@@ -2930,7 +2953,7 @@
2930
2953
  --avatar-size: 80px;
2931
2954
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2932
2955
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2933
- border-radius: max(var(--radius-6), var(--radius-full));
2956
+ border-radius: var(--radius-pill-6);
2934
2957
  letter-spacing: var(--letter-spacing-6);
2935
2958
  --avatar-status-size: 16px;
2936
2959
  --avatar-status-border-width: 3px;
@@ -2940,7 +2963,7 @@
2940
2963
  --avatar-size: 96px;
2941
2964
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
2942
2965
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
2943
- border-radius: max(var(--radius-7), var(--radius-full));
2966
+ border-radius: var(--radius-pill-7);
2944
2967
  letter-spacing: var(--letter-spacing-7);
2945
2968
  --avatar-status-size: 18px;
2946
2969
  --avatar-status-border-width: 3px;
@@ -2950,7 +2973,7 @@
2950
2973
  --avatar-size: 128px;
2951
2974
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
2952
2975
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
2953
- border-radius: max(var(--radius-8), var(--radius-full));
2976
+ border-radius: var(--radius-pill-8);
2954
2977
  letter-spacing: var(--letter-spacing-8);
2955
2978
  --avatar-status-size: 20px;
2956
2979
  --avatar-status-border-width: 3px;
@@ -2960,7 +2983,7 @@
2960
2983
  --avatar-size: 160px;
2961
2984
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
2962
2985
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
2963
- border-radius: max(var(--radius-9), var(--radius-full));
2986
+ border-radius: var(--radius-pill-9);
2964
2987
  letter-spacing: var(--letter-spacing-9);
2965
2988
  --avatar-status-size: 24px;
2966
2989
  --avatar-status-border-width: 4px;
@@ -2972,7 +2995,7 @@
2972
2995
  --avatar-size: var(--space-5);
2973
2996
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
2974
2997
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
2975
- border-radius: max(var(--radius-1), var(--radius-full));
2998
+ border-radius: var(--radius-pill-1);
2976
2999
  letter-spacing: var(--letter-spacing-1);
2977
3000
  --avatar-status-size: 6px;
2978
3001
  --avatar-status-border-width: 1.5px;
@@ -2982,7 +3005,7 @@
2982
3005
  --avatar-size: var(--space-6);
2983
3006
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
2984
3007
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
2985
- border-radius: max(var(--radius-2), var(--radius-full));
3008
+ border-radius: var(--radius-pill-2);
2986
3009
  letter-spacing: var(--letter-spacing-2);
2987
3010
  --avatar-status-size: 8px;
2988
3011
  --avatar-status-border-width: 2px;
@@ -2992,7 +3015,7 @@
2992
3015
  --avatar-size: var(--space-7);
2993
3016
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
2994
3017
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
2995
- border-radius: max(var(--radius-3), var(--radius-full));
3018
+ border-radius: var(--radius-pill-3);
2996
3019
  letter-spacing: var(--letter-spacing-3);
2997
3020
  --avatar-status-size: 10px;
2998
3021
  --avatar-status-border-width: 2px;
@@ -3002,7 +3025,7 @@
3002
3025
  --avatar-size: var(--space-8);
3003
3026
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
3004
3027
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
3005
- border-radius: max(var(--radius-4), var(--radius-full));
3028
+ border-radius: var(--radius-pill-4);
3006
3029
  letter-spacing: var(--letter-spacing-4);
3007
3030
  --avatar-status-size: 12px;
3008
3031
  --avatar-status-border-width: 2px;
@@ -3012,7 +3035,7 @@
3012
3035
  --avatar-size: var(--space-9);
3013
3036
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
3014
3037
  --avatar-fallback-two-letters-font-size: var(--font-size-5);
3015
- border-radius: max(var(--radius-5), var(--radius-full));
3038
+ border-radius: var(--radius-pill-5);
3016
3039
  letter-spacing: var(--letter-spacing-5);
3017
3040
  --avatar-status-size: 14px;
3018
3041
  --avatar-status-border-width: 2px;
@@ -3022,7 +3045,7 @@
3022
3045
  --avatar-size: 80px;
3023
3046
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
3024
3047
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
3025
- border-radius: max(var(--radius-6), var(--radius-full));
3048
+ border-radius: var(--radius-pill-6);
3026
3049
  letter-spacing: var(--letter-spacing-6);
3027
3050
  --avatar-status-size: 16px;
3028
3051
  --avatar-status-border-width: 3px;
@@ -3032,7 +3055,7 @@
3032
3055
  --avatar-size: 96px;
3033
3056
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
3034
3057
  --avatar-fallback-two-letters-font-size: var(--font-size-6);
3035
- border-radius: max(var(--radius-7), var(--radius-full));
3058
+ border-radius: var(--radius-pill-7);
3036
3059
  letter-spacing: var(--letter-spacing-7);
3037
3060
  --avatar-status-size: 18px;
3038
3061
  --avatar-status-border-width: 3px;
@@ -3042,7 +3065,7 @@
3042
3065
  --avatar-size: 128px;
3043
3066
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
3044
3067
  --avatar-fallback-two-letters-font-size: var(--font-size-7);
3045
- border-radius: max(var(--radius-8), var(--radius-full));
3068
+ border-radius: var(--radius-pill-8);
3046
3069
  letter-spacing: var(--letter-spacing-8);
3047
3070
  --avatar-status-size: 20px;
3048
3071
  --avatar-status-border-width: 3px;
@@ -3052,7 +3075,7 @@
3052
3075
  --avatar-size: 160px;
3053
3076
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
3054
3077
  --avatar-fallback-two-letters-font-size: var(--font-size-8);
3055
- border-radius: max(var(--radius-9), var(--radius-full));
3078
+ border-radius: var(--radius-pill-9);
3056
3079
  letter-spacing: var(--letter-spacing-9);
3057
3080
  --avatar-status-size: 24px;
3058
3081
  --avatar-status-border-width: 4px;
@@ -3338,7 +3361,7 @@
3338
3361
  letter-spacing: var(--letter-spacing-1);
3339
3362
  padding: var(--space-1) var(--space-2);
3340
3363
  gap: calc(var(--space-1) * 1.5);
3341
- border-radius: max(var(--radius-1), var(--radius-full));
3364
+ border-radius: var(--radius-pill-1);
3342
3365
  }
3343
3366
  .rt-Badge:where(.rt-r-size-2):where(.rt-variant-ghost) {
3344
3367
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -3350,7 +3373,7 @@
3350
3373
  letter-spacing: var(--letter-spacing-2);
3351
3374
  padding: var(--space-1) calc(var(--space-2) * 1.25);
3352
3375
  gap: var(--space-2);
3353
- border-radius: max(var(--radius-2), var(--radius-full));
3376
+ border-radius: var(--radius-pill-2);
3354
3377
  }
3355
3378
  .rt-Badge:where(.rt-r-size-3):where(.rt-variant-ghost) {
3356
3379
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -3362,7 +3385,7 @@
3362
3385
  letter-spacing: var(--letter-spacing-3);
3363
3386
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
3364
3387
  gap: calc(var(--space-2) * 1.25);
3365
- border-radius: max(var(--radius-3), var(--radius-full));
3388
+ border-radius: var(--radius-pill-3);
3366
3389
  }
3367
3390
  .rt-Badge:where(.rt-r-size-4):where(.rt-variant-ghost) {
3368
3391
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -3387,7 +3410,7 @@
3387
3410
  letter-spacing: var(--letter-spacing-1);
3388
3411
  padding: var(--space-1) var(--space-2);
3389
3412
  gap: calc(var(--space-1) * 1.5);
3390
- border-radius: max(var(--radius-1), var(--radius-full));
3413
+ border-radius: var(--radius-pill-1);
3391
3414
  }
3392
3415
  .rt-Badge:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
3393
3416
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -3399,7 +3422,7 @@
3399
3422
  letter-spacing: var(--letter-spacing-2);
3400
3423
  padding: var(--space-1) calc(var(--space-2) * 1.25);
3401
3424
  gap: var(--space-2);
3402
- border-radius: max(var(--radius-2), var(--radius-full));
3425
+ border-radius: var(--radius-pill-2);
3403
3426
  }
3404
3427
  .rt-Badge:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
3405
3428
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -3411,7 +3434,7 @@
3411
3434
  letter-spacing: var(--letter-spacing-3);
3412
3435
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
3413
3436
  gap: calc(var(--space-2) * 1.25);
3414
- border-radius: max(var(--radius-3), var(--radius-full));
3437
+ border-radius: var(--radius-pill-3);
3415
3438
  }
3416
3439
  .rt-Badge:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
3417
3440
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -3437,7 +3460,7 @@
3437
3460
  letter-spacing: var(--letter-spacing-1);
3438
3461
  padding: var(--space-1) var(--space-2);
3439
3462
  gap: calc(var(--space-1) * 1.5);
3440
- border-radius: max(var(--radius-1), var(--radius-full));
3463
+ border-radius: var(--radius-pill-1);
3441
3464
  }
3442
3465
  .rt-Badge:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
3443
3466
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -3449,7 +3472,7 @@
3449
3472
  letter-spacing: var(--letter-spacing-2);
3450
3473
  padding: var(--space-1) calc(var(--space-2) * 1.25);
3451
3474
  gap: var(--space-2);
3452
- border-radius: max(var(--radius-2), var(--radius-full));
3475
+ border-radius: var(--radius-pill-2);
3453
3476
  }
3454
3477
  .rt-Badge:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
3455
3478
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -3461,7 +3484,7 @@
3461
3484
  letter-spacing: var(--letter-spacing-3);
3462
3485
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
3463
3486
  gap: calc(var(--space-2) * 1.25);
3464
- border-radius: max(var(--radius-3), var(--radius-full));
3487
+ border-radius: var(--radius-pill-3);
3465
3488
  }
3466
3489
  .rt-Badge:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
3467
3490
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -3487,7 +3510,7 @@
3487
3510
  letter-spacing: var(--letter-spacing-1);
3488
3511
  padding: var(--space-1) var(--space-2);
3489
3512
  gap: calc(var(--space-1) * 1.5);
3490
- border-radius: max(var(--radius-1), var(--radius-full));
3513
+ border-radius: var(--radius-pill-1);
3491
3514
  }
3492
3515
  .rt-Badge:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
3493
3516
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -3499,7 +3522,7 @@
3499
3522
  letter-spacing: var(--letter-spacing-2);
3500
3523
  padding: var(--space-1) calc(var(--space-2) * 1.25);
3501
3524
  gap: var(--space-2);
3502
- border-radius: max(var(--radius-2), var(--radius-full));
3525
+ border-radius: var(--radius-pill-2);
3503
3526
  }
3504
3527
  .rt-Badge:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
3505
3528
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -3511,7 +3534,7 @@
3511
3534
  letter-spacing: var(--letter-spacing-3);
3512
3535
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
3513
3536
  gap: calc(var(--space-2) * 1.25);
3514
- border-radius: max(var(--radius-3), var(--radius-full));
3537
+ border-radius: var(--radius-pill-3);
3515
3538
  }
3516
3539
  .rt-Badge:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
3517
3540
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -3537,7 +3560,7 @@
3537
3560
  letter-spacing: var(--letter-spacing-1);
3538
3561
  padding: var(--space-1) var(--space-2);
3539
3562
  gap: calc(var(--space-1) * 1.5);
3540
- border-radius: max(var(--radius-1), var(--radius-full));
3563
+ border-radius: var(--radius-pill-1);
3541
3564
  }
3542
3565
  .rt-Badge:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
3543
3566
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -3549,7 +3572,7 @@
3549
3572
  letter-spacing: var(--letter-spacing-2);
3550
3573
  padding: var(--space-1) calc(var(--space-2) * 1.25);
3551
3574
  gap: var(--space-2);
3552
- border-radius: max(var(--radius-2), var(--radius-full));
3575
+ border-radius: var(--radius-pill-2);
3553
3576
  }
3554
3577
  .rt-Badge:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
3555
3578
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -3561,7 +3584,7 @@
3561
3584
  letter-spacing: var(--letter-spacing-3);
3562
3585
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
3563
3586
  gap: calc(var(--space-2) * 1.25);
3564
- border-radius: max(var(--radius-3), var(--radius-full));
3587
+ border-radius: var(--radius-pill-3);
3565
3588
  }
3566
3589
  .rt-Badge:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
3567
3590
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -3587,7 +3610,7 @@
3587
3610
  letter-spacing: var(--letter-spacing-1);
3588
3611
  padding: var(--space-1) var(--space-2);
3589
3612
  gap: calc(var(--space-1) * 1.5);
3590
- border-radius: max(var(--radius-1), var(--radius-full));
3613
+ border-radius: var(--radius-pill-1);
3591
3614
  }
3592
3615
  .rt-Badge:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
3593
3616
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.25);
@@ -3599,7 +3622,7 @@
3599
3622
  letter-spacing: var(--letter-spacing-2);
3600
3623
  padding: var(--space-1) calc(var(--space-2) * 1.25);
3601
3624
  gap: var(--space-2);
3602
- border-radius: max(var(--radius-2), var(--radius-full));
3625
+ border-radius: var(--radius-pill-2);
3603
3626
  }
3604
3627
  .rt-Badge:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
3605
3628
  padding: calc(var(--space-1) * 0.75) var(--space-2);
@@ -3611,7 +3634,7 @@
3611
3634
  letter-spacing: var(--letter-spacing-3);
3612
3635
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
3613
3636
  gap: calc(var(--space-2) * 1.25);
3614
- border-radius: max(var(--radius-3), var(--radius-full));
3637
+ border-radius: var(--radius-pill-3);
3615
3638
  }
3616
3639
  .rt-Badge:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
3617
3640
  padding: var(--space-1) calc(var(--space-2) * 1.25);
@@ -3789,8 +3812,10 @@
3789
3812
  transform-box: fill-box;
3790
3813
  shape-rendering: geometricPrecision;
3791
3814
  }
3792
- .rt-BaseButton:where(:hover:not([data-disabled],[data-state='open'])) {
3793
- scale: 1.02;
3815
+ @media (hover: hover) {
3816
+ .rt-BaseButton:where(:hover:not([data-disabled],[data-state='open'])) {
3817
+ scale: 1.02;
3818
+ }
3794
3819
  }
3795
3820
  .rt-BaseButton:where(:active:not([data-disabled])) {
3796
3821
  scale: 0.96;
@@ -3814,108 +3839,108 @@
3814
3839
  }
3815
3840
  .rt-BaseButton:where(.rt-r-size-1) {
3816
3841
  --base-button-height: var(--control-height-1);
3817
- border-radius: max(var(--radius-1), var(--radius-full));
3842
+ border-radius: var(--radius-pill-1);
3818
3843
  }
3819
3844
  .rt-BaseButton:where(.rt-r-size-2) {
3820
3845
  --base-button-height: var(--control-height-2);
3821
- border-radius: max(var(--radius-2), var(--radius-full));
3846
+ border-radius: var(--radius-pill-2);
3822
3847
  }
3823
3848
  .rt-BaseButton:where(.rt-r-size-3) {
3824
3849
  --base-button-height: var(--control-height-3);
3825
- border-radius: max(var(--radius-3), var(--radius-full));
3850
+ border-radius: var(--radius-pill-3);
3826
3851
  }
3827
3852
  .rt-BaseButton:where(.rt-r-size-4) {
3828
3853
  --base-button-height: var(--control-height-4);
3829
- border-radius: max(var(--radius-4), var(--radius-full));
3854
+ border-radius: var(--radius-pill-4);
3830
3855
  }
3831
3856
  @media (min-width: 520px) {
3832
3857
  .rt-BaseButton:where(.xs\:rt-r-size-1) {
3833
3858
  --base-button-height: var(--control-height-1);
3834
- border-radius: max(var(--radius-1), var(--radius-full));
3859
+ border-radius: var(--radius-pill-1);
3835
3860
  }
3836
3861
  .rt-BaseButton:where(.xs\:rt-r-size-2) {
3837
3862
  --base-button-height: var(--control-height-2);
3838
- border-radius: max(var(--radius-2), var(--radius-full));
3863
+ border-radius: var(--radius-pill-2);
3839
3864
  }
3840
3865
  .rt-BaseButton:where(.xs\:rt-r-size-3) {
3841
3866
  --base-button-height: var(--control-height-3);
3842
- border-radius: max(var(--radius-3), var(--radius-full));
3867
+ border-radius: var(--radius-pill-3);
3843
3868
  }
3844
3869
  .rt-BaseButton:where(.xs\:rt-r-size-4) {
3845
3870
  --base-button-height: var(--control-height-4);
3846
- border-radius: max(var(--radius-4), var(--radius-full));
3871
+ border-radius: var(--radius-pill-4);
3847
3872
  }
3848
3873
  }
3849
3874
  @media (min-width: 768px) {
3850
3875
  .rt-BaseButton:where(.sm\:rt-r-size-1) {
3851
3876
  --base-button-height: var(--control-height-1);
3852
- border-radius: max(var(--radius-1), var(--radius-full));
3877
+ border-radius: var(--radius-pill-1);
3853
3878
  }
3854
3879
  .rt-BaseButton:where(.sm\:rt-r-size-2) {
3855
3880
  --base-button-height: var(--control-height-2);
3856
- border-radius: max(var(--radius-2), var(--radius-full));
3881
+ border-radius: var(--radius-pill-2);
3857
3882
  }
3858
3883
  .rt-BaseButton:where(.sm\:rt-r-size-3) {
3859
3884
  --base-button-height: var(--control-height-3);
3860
- border-radius: max(var(--radius-3), var(--radius-full));
3885
+ border-radius: var(--radius-pill-3);
3861
3886
  }
3862
3887
  .rt-BaseButton:where(.sm\:rt-r-size-4) {
3863
3888
  --base-button-height: var(--control-height-4);
3864
- border-radius: max(var(--radius-4), var(--radius-full));
3889
+ border-radius: var(--radius-pill-4);
3865
3890
  }
3866
3891
  }
3867
3892
  @media (min-width: 1024px) {
3868
3893
  .rt-BaseButton:where(.md\:rt-r-size-1) {
3869
3894
  --base-button-height: var(--control-height-1);
3870
- border-radius: max(var(--radius-1), var(--radius-full));
3895
+ border-radius: var(--radius-pill-1);
3871
3896
  }
3872
3897
  .rt-BaseButton:where(.md\:rt-r-size-2) {
3873
3898
  --base-button-height: var(--control-height-2);
3874
- border-radius: max(var(--radius-2), var(--radius-full));
3899
+ border-radius: var(--radius-pill-2);
3875
3900
  }
3876
3901
  .rt-BaseButton:where(.md\:rt-r-size-3) {
3877
3902
  --base-button-height: var(--control-height-3);
3878
- border-radius: max(var(--radius-3), var(--radius-full));
3903
+ border-radius: var(--radius-pill-3);
3879
3904
  }
3880
3905
  .rt-BaseButton:where(.md\:rt-r-size-4) {
3881
3906
  --base-button-height: var(--control-height-4);
3882
- border-radius: max(var(--radius-4), var(--radius-full));
3907
+ border-radius: var(--radius-pill-4);
3883
3908
  }
3884
3909
  }
3885
3910
  @media (min-width: 1280px) {
3886
3911
  .rt-BaseButton:where(.lg\:rt-r-size-1) {
3887
3912
  --base-button-height: var(--control-height-1);
3888
- border-radius: max(var(--radius-1), var(--radius-full));
3913
+ border-radius: var(--radius-pill-1);
3889
3914
  }
3890
3915
  .rt-BaseButton:where(.lg\:rt-r-size-2) {
3891
3916
  --base-button-height: var(--control-height-2);
3892
- border-radius: max(var(--radius-2), var(--radius-full));
3917
+ border-radius: var(--radius-pill-2);
3893
3918
  }
3894
3919
  .rt-BaseButton:where(.lg\:rt-r-size-3) {
3895
3920
  --base-button-height: var(--control-height-3);
3896
- border-radius: max(var(--radius-3), var(--radius-full));
3921
+ border-radius: var(--radius-pill-3);
3897
3922
  }
3898
3923
  .rt-BaseButton:where(.lg\:rt-r-size-4) {
3899
3924
  --base-button-height: var(--control-height-4);
3900
- border-radius: max(var(--radius-4), var(--radius-full));
3925
+ border-radius: var(--radius-pill-4);
3901
3926
  }
3902
3927
  }
3903
3928
  @media (min-width: 1640px) {
3904
3929
  .rt-BaseButton:where(.xl\:rt-r-size-1) {
3905
3930
  --base-button-height: var(--control-height-1);
3906
- border-radius: max(var(--radius-1), var(--radius-full));
3931
+ border-radius: var(--radius-pill-1);
3907
3932
  }
3908
3933
  .rt-BaseButton:where(.xl\:rt-r-size-2) {
3909
3934
  --base-button-height: var(--control-height-2);
3910
- border-radius: max(var(--radius-2), var(--radius-full));
3935
+ border-radius: var(--radius-pill-2);
3911
3936
  }
3912
3937
  .rt-BaseButton:where(.xl\:rt-r-size-3) {
3913
3938
  --base-button-height: var(--control-height-3);
3914
- border-radius: max(var(--radius-3), var(--radius-full));
3939
+ border-radius: var(--radius-pill-3);
3915
3940
  }
3916
3941
  .rt-BaseButton:where(.xl\:rt-r-size-4) {
3917
3942
  --base-button-height: var(--control-height-4);
3918
- border-radius: max(var(--radius-4), var(--radius-full));
3943
+ border-radius: var(--radius-pill-4);
3919
3944
  }
3920
3945
  }
3921
3946
  .rt-BaseButton:where(.rt-variant-soft) {
@@ -4921,26 +4946,6 @@
4921
4946
  --callout-icon-height: var(--line-height-3);
4922
4947
  --callout-icon-size: var(--content-icon-size-3);
4923
4948
  }
4924
- .rt-CalloutRoot:where(.rt-r-size-4) {
4925
- row-gap: var(--space-3);
4926
- -webkit-column-gap: var(--space-5);
4927
- -moz-column-gap: var(--space-5);
4928
- column-gap: var(--space-5);
4929
- padding: var(--space-6);
4930
- --callout-border-radius: var(--radius-surface-4);
4931
- --callout-icon-height: var(--line-height-4);
4932
- --callout-icon-size: var(--content-icon-size-4);
4933
- }
4934
- .rt-CalloutRoot:where(.rt-r-size-5) {
4935
- row-gap: var(--space-4);
4936
- -webkit-column-gap: var(--space-6);
4937
- -moz-column-gap: var(--space-6);
4938
- column-gap: var(--space-6);
4939
- padding: var(--space-7);
4940
- --callout-border-radius: var(--radius-surface-5);
4941
- --callout-icon-height: var(--line-height-5);
4942
- --callout-icon-size: var(--content-icon-size-5);
4943
- }
4944
4949
  @media (min-width: 520px) {
4945
4950
  .rt-CalloutRoot:where(.xs\:rt-r-size-1) {
4946
4951
  row-gap: var(--space-2);
@@ -4972,26 +4977,6 @@
4972
4977
  --callout-icon-height: var(--line-height-3);
4973
4978
  --callout-icon-size: var(--content-icon-size-3);
4974
4979
  }
4975
- .rt-CalloutRoot:where(.xs\:rt-r-size-4) {
4976
- row-gap: var(--space-3);
4977
- -webkit-column-gap: var(--space-5);
4978
- -moz-column-gap: var(--space-5);
4979
- column-gap: var(--space-5);
4980
- padding: var(--space-6);
4981
- --callout-border-radius: var(--radius-surface-4);
4982
- --callout-icon-height: var(--line-height-4);
4983
- --callout-icon-size: var(--content-icon-size-4);
4984
- }
4985
- .rt-CalloutRoot:where(.xs\:rt-r-size-5) {
4986
- row-gap: var(--space-4);
4987
- -webkit-column-gap: var(--space-6);
4988
- -moz-column-gap: var(--space-6);
4989
- column-gap: var(--space-6);
4990
- padding: var(--space-7);
4991
- --callout-border-radius: var(--radius-surface-5);
4992
- --callout-icon-height: var(--line-height-5);
4993
- --callout-icon-size: var(--content-icon-size-5);
4994
- }
4995
4980
  }
4996
4981
  @media (min-width: 768px) {
4997
4982
  .rt-CalloutRoot:where(.sm\:rt-r-size-1) {
@@ -5024,26 +5009,6 @@
5024
5009
  --callout-icon-height: var(--line-height-3);
5025
5010
  --callout-icon-size: var(--content-icon-size-3);
5026
5011
  }
5027
- .rt-CalloutRoot:where(.sm\:rt-r-size-4) {
5028
- row-gap: var(--space-3);
5029
- -webkit-column-gap: var(--space-5);
5030
- -moz-column-gap: var(--space-5);
5031
- column-gap: var(--space-5);
5032
- padding: var(--space-6);
5033
- --callout-border-radius: var(--radius-surface-4);
5034
- --callout-icon-height: var(--line-height-4);
5035
- --callout-icon-size: var(--content-icon-size-4);
5036
- }
5037
- .rt-CalloutRoot:where(.sm\:rt-r-size-5) {
5038
- row-gap: var(--space-4);
5039
- -webkit-column-gap: var(--space-6);
5040
- -moz-column-gap: var(--space-6);
5041
- column-gap: var(--space-6);
5042
- padding: var(--space-7);
5043
- --callout-border-radius: var(--radius-surface-5);
5044
- --callout-icon-height: var(--line-height-5);
5045
- --callout-icon-size: var(--content-icon-size-5);
5046
- }
5047
5012
  }
5048
5013
  @media (min-width: 1024px) {
5049
5014
  .rt-CalloutRoot:where(.md\:rt-r-size-1) {
@@ -5076,26 +5041,6 @@
5076
5041
  --callout-icon-height: var(--line-height-3);
5077
5042
  --callout-icon-size: var(--content-icon-size-3);
5078
5043
  }
5079
- .rt-CalloutRoot:where(.md\:rt-r-size-4) {
5080
- row-gap: var(--space-3);
5081
- -webkit-column-gap: var(--space-5);
5082
- -moz-column-gap: var(--space-5);
5083
- column-gap: var(--space-5);
5084
- padding: var(--space-6);
5085
- --callout-border-radius: var(--radius-surface-4);
5086
- --callout-icon-height: var(--line-height-4);
5087
- --callout-icon-size: var(--content-icon-size-4);
5088
- }
5089
- .rt-CalloutRoot:where(.md\:rt-r-size-5) {
5090
- row-gap: var(--space-4);
5091
- -webkit-column-gap: var(--space-6);
5092
- -moz-column-gap: var(--space-6);
5093
- column-gap: var(--space-6);
5094
- padding: var(--space-7);
5095
- --callout-border-radius: var(--radius-surface-5);
5096
- --callout-icon-height: var(--line-height-5);
5097
- --callout-icon-size: var(--content-icon-size-5);
5098
- }
5099
5044
  }
5100
5045
  @media (min-width: 1280px) {
5101
5046
  .rt-CalloutRoot:where(.lg\:rt-r-size-1) {
@@ -5128,26 +5073,6 @@
5128
5073
  --callout-icon-height: var(--line-height-3);
5129
5074
  --callout-icon-size: var(--content-icon-size-3);
5130
5075
  }
5131
- .rt-CalloutRoot:where(.lg\:rt-r-size-4) {
5132
- row-gap: var(--space-3);
5133
- -webkit-column-gap: var(--space-5);
5134
- -moz-column-gap: var(--space-5);
5135
- column-gap: var(--space-5);
5136
- padding: var(--space-6);
5137
- --callout-border-radius: var(--radius-surface-4);
5138
- --callout-icon-height: var(--line-height-4);
5139
- --callout-icon-size: var(--content-icon-size-4);
5140
- }
5141
- .rt-CalloutRoot:where(.lg\:rt-r-size-5) {
5142
- row-gap: var(--space-4);
5143
- -webkit-column-gap: var(--space-6);
5144
- -moz-column-gap: var(--space-6);
5145
- column-gap: var(--space-6);
5146
- padding: var(--space-7);
5147
- --callout-border-radius: var(--radius-surface-5);
5148
- --callout-icon-height: var(--line-height-5);
5149
- --callout-icon-size: var(--content-icon-size-5);
5150
- }
5151
5076
  }
5152
5077
  @media (min-width: 1640px) {
5153
5078
  .rt-CalloutRoot:where(.xl\:rt-r-size-1) {
@@ -5180,26 +5105,6 @@
5180
5105
  --callout-icon-height: var(--line-height-3);
5181
5106
  --callout-icon-size: var(--content-icon-size-3);
5182
5107
  }
5183
- .rt-CalloutRoot:where(.xl\:rt-r-size-4) {
5184
- row-gap: var(--space-3);
5185
- -webkit-column-gap: var(--space-5);
5186
- -moz-column-gap: var(--space-5);
5187
- column-gap: var(--space-5);
5188
- padding: var(--space-6);
5189
- --callout-border-radius: var(--radius-surface-4);
5190
- --callout-icon-height: var(--line-height-4);
5191
- --callout-icon-size: var(--content-icon-size-4);
5192
- }
5193
- .rt-CalloutRoot:where(.xl\:rt-r-size-5) {
5194
- row-gap: var(--space-4);
5195
- -webkit-column-gap: var(--space-6);
5196
- -moz-column-gap: var(--space-6);
5197
- column-gap: var(--space-6);
5198
- padding: var(--space-7);
5199
- --callout-border-radius: var(--radius-surface-5);
5200
- --callout-icon-height: var(--line-height-5);
5201
- --callout-icon-size: var(--content-icon-size-5);
5202
- }
5203
5108
  }
5204
5109
  .rt-CalloutRoot:where(.rt-variant-soft) {
5205
5110
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
@@ -5879,6 +5784,14 @@
5879
5784
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
5880
5785
  }
5881
5786
  }
5787
+ .rt-BaseCard:where(:-moz-any-link, button, label):where(:disabled, [data-disabled]) {
5788
+ cursor: default;
5789
+ scale: 1;
5790
+ }
5791
+ .rt-BaseCard:where(:any-link, button, label):where(:disabled, [data-disabled]) {
5792
+ cursor: default;
5793
+ scale: 1;
5794
+ }
5882
5795
  .rt-Card {
5883
5796
  --base-card-border-width: var(--card-border-width);
5884
5797
  }
@@ -8854,8 +8767,10 @@
8854
8767
  .rt-TextFieldInput:where(:not([type='time']))::-webkit-calendar-picker-indicator {
8855
8768
  margin-left: var(--space-1);
8856
8769
  }
8857
- .rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
8858
- background-color: var(--gray-a3);
8770
+ @media (hover: hover) {
8771
+ .rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
8772
+ background-color: var(--gray-a3);
8773
+ }
8859
8774
  }
8860
8775
  .rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:focus-visible) {
8861
8776
  outline: 2px solid var(--text-field-focus-color);
@@ -8939,7 +8854,7 @@
8939
8854
  .rt-TextFieldRoot:where(.rt-r-size-1) {
8940
8855
  --text-field-height: var(--control-height-1);
8941
8856
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
8942
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
8857
+ --text-field-border-radius: var(--radius-pill-1);
8943
8858
  --text-field-native-icon-size: var(--space-3);
8944
8859
  font-size: var(--font-size-1);
8945
8860
  letter-spacing: var(--letter-spacing-1);
@@ -8965,7 +8880,7 @@
8965
8880
  .rt-TextFieldRoot:where(.rt-r-size-2) {
8966
8881
  --text-field-height: var(--control-height-2);
8967
8882
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
8968
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
8883
+ --text-field-border-radius: var(--radius-pill-2);
8969
8884
  --text-field-native-icon-size: var(--space-4);
8970
8885
  font-size: var(--font-size-2);
8971
8886
  letter-spacing: var(--letter-spacing-2);
@@ -8991,7 +8906,7 @@
8991
8906
  .rt-TextFieldRoot:where(.rt-r-size-3) {
8992
8907
  --text-field-height: var(--control-height-3);
8993
8908
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
8994
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
8909
+ --text-field-border-radius: var(--radius-pill-3);
8995
8910
  --text-field-native-icon-size: var(--space-4);
8996
8911
  font-size: var(--font-size-3);
8997
8912
  letter-spacing: var(--letter-spacing-3);
@@ -9018,7 +8933,7 @@
9018
8933
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
9019
8934
  --text-field-height: var(--control-height-1);
9020
8935
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9021
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
8936
+ --text-field-border-radius: var(--radius-pill-1);
9022
8937
  --text-field-native-icon-size: var(--space-3);
9023
8938
  font-size: var(--font-size-1);
9024
8939
  letter-spacing: var(--letter-spacing-1);
@@ -9044,7 +8959,7 @@
9044
8959
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
9045
8960
  --text-field-height: var(--control-height-2);
9046
8961
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9047
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
8962
+ --text-field-border-radius: var(--radius-pill-2);
9048
8963
  --text-field-native-icon-size: var(--space-4);
9049
8964
  font-size: var(--font-size-2);
9050
8965
  letter-spacing: var(--letter-spacing-2);
@@ -9070,7 +8985,7 @@
9070
8985
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
9071
8986
  --text-field-height: var(--control-height-3);
9072
8987
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9073
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
8988
+ --text-field-border-radius: var(--radius-pill-3);
9074
8989
  --text-field-native-icon-size: var(--space-4);
9075
8990
  font-size: var(--font-size-3);
9076
8991
  letter-spacing: var(--letter-spacing-3);
@@ -9098,7 +9013,7 @@
9098
9013
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
9099
9014
  --text-field-height: var(--control-height-1);
9100
9015
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9101
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9016
+ --text-field-border-radius: var(--radius-pill-1);
9102
9017
  --text-field-native-icon-size: var(--space-3);
9103
9018
  font-size: var(--font-size-1);
9104
9019
  letter-spacing: var(--letter-spacing-1);
@@ -9124,7 +9039,7 @@
9124
9039
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
9125
9040
  --text-field-height: var(--control-height-2);
9126
9041
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9127
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9042
+ --text-field-border-radius: var(--radius-pill-2);
9128
9043
  --text-field-native-icon-size: var(--space-4);
9129
9044
  font-size: var(--font-size-2);
9130
9045
  letter-spacing: var(--letter-spacing-2);
@@ -9150,7 +9065,7 @@
9150
9065
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
9151
9066
  --text-field-height: var(--control-height-3);
9152
9067
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9153
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9068
+ --text-field-border-radius: var(--radius-pill-3);
9154
9069
  --text-field-native-icon-size: var(--space-4);
9155
9070
  font-size: var(--font-size-3);
9156
9071
  letter-spacing: var(--letter-spacing-3);
@@ -9178,7 +9093,7 @@
9178
9093
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
9179
9094
  --text-field-height: var(--control-height-1);
9180
9095
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9181
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9096
+ --text-field-border-radius: var(--radius-pill-1);
9182
9097
  --text-field-native-icon-size: var(--space-3);
9183
9098
  font-size: var(--font-size-1);
9184
9099
  letter-spacing: var(--letter-spacing-1);
@@ -9204,7 +9119,7 @@
9204
9119
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
9205
9120
  --text-field-height: var(--control-height-2);
9206
9121
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9207
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9122
+ --text-field-border-radius: var(--radius-pill-2);
9208
9123
  --text-field-native-icon-size: var(--space-4);
9209
9124
  font-size: var(--font-size-2);
9210
9125
  letter-spacing: var(--letter-spacing-2);
@@ -9230,7 +9145,7 @@
9230
9145
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
9231
9146
  --text-field-height: var(--control-height-3);
9232
9147
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9233
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9148
+ --text-field-border-radius: var(--radius-pill-3);
9234
9149
  --text-field-native-icon-size: var(--space-4);
9235
9150
  font-size: var(--font-size-3);
9236
9151
  letter-spacing: var(--letter-spacing-3);
@@ -9258,7 +9173,7 @@
9258
9173
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
9259
9174
  --text-field-height: var(--control-height-1);
9260
9175
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9261
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9176
+ --text-field-border-radius: var(--radius-pill-1);
9262
9177
  --text-field-native-icon-size: var(--space-3);
9263
9178
  font-size: var(--font-size-1);
9264
9179
  letter-spacing: var(--letter-spacing-1);
@@ -9284,7 +9199,7 @@
9284
9199
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
9285
9200
  --text-field-height: var(--control-height-2);
9286
9201
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9287
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9202
+ --text-field-border-radius: var(--radius-pill-2);
9288
9203
  --text-field-native-icon-size: var(--space-4);
9289
9204
  font-size: var(--font-size-2);
9290
9205
  letter-spacing: var(--letter-spacing-2);
@@ -9310,7 +9225,7 @@
9310
9225
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
9311
9226
  --text-field-height: var(--control-height-3);
9312
9227
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9313
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9228
+ --text-field-border-radius: var(--radius-pill-3);
9314
9229
  --text-field-native-icon-size: var(--space-4);
9315
9230
  font-size: var(--font-size-3);
9316
9231
  letter-spacing: var(--letter-spacing-3);
@@ -9338,7 +9253,7 @@
9338
9253
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
9339
9254
  --text-field-height: var(--control-height-1);
9340
9255
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
9341
- --text-field-border-radius: max(var(--radius-1), var(--radius-full));
9256
+ --text-field-border-radius: var(--radius-pill-1);
9342
9257
  --text-field-native-icon-size: var(--space-3);
9343
9258
  font-size: var(--font-size-1);
9344
9259
  letter-spacing: var(--letter-spacing-1);
@@ -9364,7 +9279,7 @@
9364
9279
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
9365
9280
  --text-field-height: var(--control-height-2);
9366
9281
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
9367
- --text-field-border-radius: max(var(--radius-2), var(--radius-full));
9282
+ --text-field-border-radius: var(--radius-pill-2);
9368
9283
  --text-field-native-icon-size: var(--space-4);
9369
9284
  font-size: var(--font-size-2);
9370
9285
  letter-spacing: var(--letter-spacing-2);
@@ -9390,7 +9305,7 @@
9390
9305
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
9391
9306
  --text-field-height: var(--control-height-3);
9392
9307
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
9393
- --text-field-border-radius: max(var(--radius-3), var(--radius-full));
9308
+ --text-field-border-radius: var(--radius-pill-3);
9394
9309
  --text-field-native-icon-size: var(--space-4);
9395
9310
  font-size: var(--font-size-3);
9396
9311
  letter-spacing: var(--letter-spacing-3);
@@ -11561,7 +11476,7 @@
11561
11476
  -webkit-box-sizing: border-box;
11562
11477
  box-sizing: border-box;
11563
11478
  word-spacing: var(--classic-word-spacing);
11564
- border-radius: max(var(--radius-2), var(--radius-full));
11479
+ border-radius: var(--radius-pill-2);
11565
11480
  font-size: var(--font-size-1);
11566
11481
  line-height: var(--line-height-1);
11567
11482
  letter-spacing: var(--letter-spacing-1);
@@ -11680,63 +11595,63 @@
11680
11595
  line-height: var(--line-height-0);
11681
11596
  letter-spacing: var(--letter-spacing-0);
11682
11597
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
11683
- border-radius: max(var(--radius-1), var(--radius-full));
11598
+ border-radius: var(--radius-pill-1);
11684
11599
  }
11685
11600
  .rt-Kbd:where(.rt-r-size-2) {
11686
11601
  font-size: var(--font-size-1);
11687
11602
  line-height: var(--line-height-1);
11688
11603
  letter-spacing: var(--letter-spacing-1);
11689
11604
  padding: var(--space-1) var(--space-2);
11690
- border-radius: max(var(--radius-2), var(--radius-full));
11605
+ border-radius: var(--radius-pill-2);
11691
11606
  }
11692
11607
  .rt-Kbd:where(.rt-r-size-3) {
11693
11608
  font-size: var(--font-size-2);
11694
11609
  line-height: var(--line-height-2);
11695
11610
  letter-spacing: var(--letter-spacing-2);
11696
11611
  padding: var(--space-1) calc(var(--space-2) * 1.25);
11697
- border-radius: max(var(--radius-2), var(--radius-full));
11612
+ border-radius: var(--radius-pill-2);
11698
11613
  }
11699
11614
  .rt-Kbd:where(.rt-r-size-4) {
11700
11615
  font-size: var(--font-size-3);
11701
11616
  line-height: var(--line-height-3);
11702
11617
  letter-spacing: var(--letter-spacing-3);
11703
11618
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
11704
- border-radius: max(var(--radius-3), var(--radius-full));
11619
+ border-radius: var(--radius-pill-3);
11705
11620
  }
11706
11621
  .rt-Kbd:where(.rt-r-size-5) {
11707
11622
  font-size: var(--font-size-4);
11708
11623
  line-height: var(--line-height-4);
11709
11624
  letter-spacing: var(--letter-spacing-4);
11710
11625
  padding: calc(var(--space-1) * 1.5) var(--space-3);
11711
- border-radius: max(var(--radius-3), var(--radius-full));
11626
+ border-radius: var(--radius-pill-3);
11712
11627
  }
11713
11628
  .rt-Kbd:where(.rt-r-size-6) {
11714
11629
  font-size: var(--font-size-5);
11715
11630
  line-height: var(--line-height-5);
11716
11631
  letter-spacing: var(--letter-spacing-5);
11717
11632
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
11718
- border-radius: max(var(--radius-4), var(--radius-full));
11633
+ border-radius: var(--radius-pill-4);
11719
11634
  }
11720
11635
  .rt-Kbd:where(.rt-r-size-7) {
11721
11636
  font-size: var(--font-size-6);
11722
11637
  line-height: var(--line-height-6);
11723
11638
  letter-spacing: var(--letter-spacing-6);
11724
11639
  padding: var(--space-2) calc(var(--space-3) * 1.5);
11725
- border-radius: max(var(--radius-4), var(--radius-full));
11640
+ border-radius: var(--radius-pill-4);
11726
11641
  }
11727
11642
  .rt-Kbd:where(.rt-r-size-8) {
11728
11643
  font-size: var(--font-size-7);
11729
11644
  line-height: var(--line-height-7);
11730
11645
  letter-spacing: var(--letter-spacing-7);
11731
11646
  padding: calc(var(--space-2) * 1.25) var(--space-4);
11732
- border-radius: max(var(--radius-5), var(--radius-full));
11647
+ border-radius: var(--radius-pill-5);
11733
11648
  }
11734
11649
  .rt-Kbd:where(.rt-r-size-9) {
11735
11650
  font-size: var(--font-size-8);
11736
11651
  line-height: var(--line-height-8);
11737
11652
  letter-spacing: var(--letter-spacing-8);
11738
11653
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
11739
- border-radius: max(var(--radius-5), var(--radius-full));
11654
+ border-radius: var(--radius-pill-5);
11740
11655
  }
11741
11656
  @media (min-width: 520px) {
11742
11657
  .rt-Kbd:where(.xs\:rt-r-size-1) {
@@ -11744,63 +11659,63 @@
11744
11659
  line-height: var(--line-height-0);
11745
11660
  letter-spacing: var(--letter-spacing-0);
11746
11661
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
11747
- border-radius: max(var(--radius-1), var(--radius-full));
11662
+ border-radius: var(--radius-pill-1);
11748
11663
  }
11749
11664
  .rt-Kbd:where(.xs\:rt-r-size-2) {
11750
11665
  font-size: var(--font-size-1);
11751
11666
  line-height: var(--line-height-1);
11752
11667
  letter-spacing: var(--letter-spacing-1);
11753
11668
  padding: var(--space-1) var(--space-2);
11754
- border-radius: max(var(--radius-2), var(--radius-full));
11669
+ border-radius: var(--radius-pill-2);
11755
11670
  }
11756
11671
  .rt-Kbd:where(.xs\:rt-r-size-3) {
11757
11672
  font-size: var(--font-size-2);
11758
11673
  line-height: var(--line-height-2);
11759
11674
  letter-spacing: var(--letter-spacing-2);
11760
11675
  padding: var(--space-1) calc(var(--space-2) * 1.25);
11761
- border-radius: max(var(--radius-2), var(--radius-full));
11676
+ border-radius: var(--radius-pill-2);
11762
11677
  }
11763
11678
  .rt-Kbd:where(.xs\:rt-r-size-4) {
11764
11679
  font-size: var(--font-size-3);
11765
11680
  line-height: var(--line-height-3);
11766
11681
  letter-spacing: var(--letter-spacing-3);
11767
11682
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
11768
- border-radius: max(var(--radius-3), var(--radius-full));
11683
+ border-radius: var(--radius-pill-3);
11769
11684
  }
11770
11685
  .rt-Kbd:where(.xs\:rt-r-size-5) {
11771
11686
  font-size: var(--font-size-4);
11772
11687
  line-height: var(--line-height-4);
11773
11688
  letter-spacing: var(--letter-spacing-4);
11774
11689
  padding: calc(var(--space-1) * 1.5) var(--space-3);
11775
- border-radius: max(var(--radius-3), var(--radius-full));
11690
+ border-radius: var(--radius-pill-3);
11776
11691
  }
11777
11692
  .rt-Kbd:where(.xs\:rt-r-size-6) {
11778
11693
  font-size: var(--font-size-5);
11779
11694
  line-height: var(--line-height-5);
11780
11695
  letter-spacing: var(--letter-spacing-5);
11781
11696
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
11782
- border-radius: max(var(--radius-4), var(--radius-full));
11697
+ border-radius: var(--radius-pill-4);
11783
11698
  }
11784
11699
  .rt-Kbd:where(.xs\:rt-r-size-7) {
11785
11700
  font-size: var(--font-size-6);
11786
11701
  line-height: var(--line-height-6);
11787
11702
  letter-spacing: var(--letter-spacing-6);
11788
11703
  padding: var(--space-2) calc(var(--space-3) * 1.5);
11789
- border-radius: max(var(--radius-4), var(--radius-full));
11704
+ border-radius: var(--radius-pill-4);
11790
11705
  }
11791
11706
  .rt-Kbd:where(.xs\:rt-r-size-8) {
11792
11707
  font-size: var(--font-size-7);
11793
11708
  line-height: var(--line-height-7);
11794
11709
  letter-spacing: var(--letter-spacing-7);
11795
11710
  padding: calc(var(--space-2) * 1.25) var(--space-4);
11796
- border-radius: max(var(--radius-5), var(--radius-full));
11711
+ border-radius: var(--radius-pill-5);
11797
11712
  }
11798
11713
  .rt-Kbd:where(.xs\:rt-r-size-9) {
11799
11714
  font-size: var(--font-size-8);
11800
11715
  line-height: var(--line-height-8);
11801
11716
  letter-spacing: var(--letter-spacing-8);
11802
11717
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
11803
- border-radius: max(var(--radius-5), var(--radius-full));
11718
+ border-radius: var(--radius-pill-5);
11804
11719
  }
11805
11720
  }
11806
11721
  @media (min-width: 768px) {
@@ -11809,63 +11724,63 @@
11809
11724
  line-height: var(--line-height-0);
11810
11725
  letter-spacing: var(--letter-spacing-0);
11811
11726
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
11812
- border-radius: max(var(--radius-1), var(--radius-full));
11727
+ border-radius: var(--radius-pill-1);
11813
11728
  }
11814
11729
  .rt-Kbd:where(.sm\:rt-r-size-2) {
11815
11730
  font-size: var(--font-size-1);
11816
11731
  line-height: var(--line-height-1);
11817
11732
  letter-spacing: var(--letter-spacing-1);
11818
11733
  padding: var(--space-1) var(--space-2);
11819
- border-radius: max(var(--radius-2), var(--radius-full));
11734
+ border-radius: var(--radius-pill-2);
11820
11735
  }
11821
11736
  .rt-Kbd:where(.sm\:rt-r-size-3) {
11822
11737
  font-size: var(--font-size-2);
11823
11738
  line-height: var(--line-height-2);
11824
11739
  letter-spacing: var(--letter-spacing-2);
11825
11740
  padding: var(--space-1) calc(var(--space-2) * 1.25);
11826
- border-radius: max(var(--radius-2), var(--radius-full));
11741
+ border-radius: var(--radius-pill-2);
11827
11742
  }
11828
11743
  .rt-Kbd:where(.sm\:rt-r-size-4) {
11829
11744
  font-size: var(--font-size-3);
11830
11745
  line-height: var(--line-height-3);
11831
11746
  letter-spacing: var(--letter-spacing-3);
11832
11747
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
11833
- border-radius: max(var(--radius-3), var(--radius-full));
11748
+ border-radius: var(--radius-pill-3);
11834
11749
  }
11835
11750
  .rt-Kbd:where(.sm\:rt-r-size-5) {
11836
11751
  font-size: var(--font-size-4);
11837
11752
  line-height: var(--line-height-4);
11838
11753
  letter-spacing: var(--letter-spacing-4);
11839
11754
  padding: calc(var(--space-1) * 1.5) var(--space-3);
11840
- border-radius: max(var(--radius-3), var(--radius-full));
11755
+ border-radius: var(--radius-pill-3);
11841
11756
  }
11842
11757
  .rt-Kbd:where(.sm\:rt-r-size-6) {
11843
11758
  font-size: var(--font-size-5);
11844
11759
  line-height: var(--line-height-5);
11845
11760
  letter-spacing: var(--letter-spacing-5);
11846
11761
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
11847
- border-radius: max(var(--radius-4), var(--radius-full));
11762
+ border-radius: var(--radius-pill-4);
11848
11763
  }
11849
11764
  .rt-Kbd:where(.sm\:rt-r-size-7) {
11850
11765
  font-size: var(--font-size-6);
11851
11766
  line-height: var(--line-height-6);
11852
11767
  letter-spacing: var(--letter-spacing-6);
11853
11768
  padding: var(--space-2) calc(var(--space-3) * 1.5);
11854
- border-radius: max(var(--radius-4), var(--radius-full));
11769
+ border-radius: var(--radius-pill-4);
11855
11770
  }
11856
11771
  .rt-Kbd:where(.sm\:rt-r-size-8) {
11857
11772
  font-size: var(--font-size-7);
11858
11773
  line-height: var(--line-height-7);
11859
11774
  letter-spacing: var(--letter-spacing-7);
11860
11775
  padding: calc(var(--space-2) * 1.25) var(--space-4);
11861
- border-radius: max(var(--radius-5), var(--radius-full));
11776
+ border-radius: var(--radius-pill-5);
11862
11777
  }
11863
11778
  .rt-Kbd:where(.sm\:rt-r-size-9) {
11864
11779
  font-size: var(--font-size-8);
11865
11780
  line-height: var(--line-height-8);
11866
11781
  letter-spacing: var(--letter-spacing-8);
11867
11782
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
11868
- border-radius: max(var(--radius-5), var(--radius-full));
11783
+ border-radius: var(--radius-pill-5);
11869
11784
  }
11870
11785
  }
11871
11786
  @media (min-width: 1024px) {
@@ -11874,63 +11789,63 @@
11874
11789
  line-height: var(--line-height-0);
11875
11790
  letter-spacing: var(--letter-spacing-0);
11876
11791
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
11877
- border-radius: max(var(--radius-1), var(--radius-full));
11792
+ border-radius: var(--radius-pill-1);
11878
11793
  }
11879
11794
  .rt-Kbd:where(.md\:rt-r-size-2) {
11880
11795
  font-size: var(--font-size-1);
11881
11796
  line-height: var(--line-height-1);
11882
11797
  letter-spacing: var(--letter-spacing-1);
11883
11798
  padding: var(--space-1) var(--space-2);
11884
- border-radius: max(var(--radius-2), var(--radius-full));
11799
+ border-radius: var(--radius-pill-2);
11885
11800
  }
11886
11801
  .rt-Kbd:where(.md\:rt-r-size-3) {
11887
11802
  font-size: var(--font-size-2);
11888
11803
  line-height: var(--line-height-2);
11889
11804
  letter-spacing: var(--letter-spacing-2);
11890
11805
  padding: var(--space-1) calc(var(--space-2) * 1.25);
11891
- border-radius: max(var(--radius-2), var(--radius-full));
11806
+ border-radius: var(--radius-pill-2);
11892
11807
  }
11893
11808
  .rt-Kbd:where(.md\:rt-r-size-4) {
11894
11809
  font-size: var(--font-size-3);
11895
11810
  line-height: var(--line-height-3);
11896
11811
  letter-spacing: var(--letter-spacing-3);
11897
11812
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
11898
- border-radius: max(var(--radius-3), var(--radius-full));
11813
+ border-radius: var(--radius-pill-3);
11899
11814
  }
11900
11815
  .rt-Kbd:where(.md\:rt-r-size-5) {
11901
11816
  font-size: var(--font-size-4);
11902
11817
  line-height: var(--line-height-4);
11903
11818
  letter-spacing: var(--letter-spacing-4);
11904
11819
  padding: calc(var(--space-1) * 1.5) var(--space-3);
11905
- border-radius: max(var(--radius-3), var(--radius-full));
11820
+ border-radius: var(--radius-pill-3);
11906
11821
  }
11907
11822
  .rt-Kbd:where(.md\:rt-r-size-6) {
11908
11823
  font-size: var(--font-size-5);
11909
11824
  line-height: var(--line-height-5);
11910
11825
  letter-spacing: var(--letter-spacing-5);
11911
11826
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
11912
- border-radius: max(var(--radius-4), var(--radius-full));
11827
+ border-radius: var(--radius-pill-4);
11913
11828
  }
11914
11829
  .rt-Kbd:where(.md\:rt-r-size-7) {
11915
11830
  font-size: var(--font-size-6);
11916
11831
  line-height: var(--line-height-6);
11917
11832
  letter-spacing: var(--letter-spacing-6);
11918
11833
  padding: var(--space-2) calc(var(--space-3) * 1.5);
11919
- border-radius: max(var(--radius-4), var(--radius-full));
11834
+ border-radius: var(--radius-pill-4);
11920
11835
  }
11921
11836
  .rt-Kbd:where(.md\:rt-r-size-8) {
11922
11837
  font-size: var(--font-size-7);
11923
11838
  line-height: var(--line-height-7);
11924
11839
  letter-spacing: var(--letter-spacing-7);
11925
11840
  padding: calc(var(--space-2) * 1.25) var(--space-4);
11926
- border-radius: max(var(--radius-5), var(--radius-full));
11841
+ border-radius: var(--radius-pill-5);
11927
11842
  }
11928
11843
  .rt-Kbd:where(.md\:rt-r-size-9) {
11929
11844
  font-size: var(--font-size-8);
11930
11845
  line-height: var(--line-height-8);
11931
11846
  letter-spacing: var(--letter-spacing-8);
11932
11847
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
11933
- border-radius: max(var(--radius-5), var(--radius-full));
11848
+ border-radius: var(--radius-pill-5);
11934
11849
  }
11935
11850
  }
11936
11851
  @media (min-width: 1280px) {
@@ -11939,63 +11854,63 @@
11939
11854
  line-height: var(--line-height-0);
11940
11855
  letter-spacing: var(--letter-spacing-0);
11941
11856
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
11942
- border-radius: max(var(--radius-1), var(--radius-full));
11857
+ border-radius: var(--radius-pill-1);
11943
11858
  }
11944
11859
  .rt-Kbd:where(.lg\:rt-r-size-2) {
11945
11860
  font-size: var(--font-size-1);
11946
11861
  line-height: var(--line-height-1);
11947
11862
  letter-spacing: var(--letter-spacing-1);
11948
11863
  padding: var(--space-1) var(--space-2);
11949
- border-radius: max(var(--radius-2), var(--radius-full));
11864
+ border-radius: var(--radius-pill-2);
11950
11865
  }
11951
11866
  .rt-Kbd:where(.lg\:rt-r-size-3) {
11952
11867
  font-size: var(--font-size-2);
11953
11868
  line-height: var(--line-height-2);
11954
11869
  letter-spacing: var(--letter-spacing-2);
11955
11870
  padding: var(--space-1) calc(var(--space-2) * 1.25);
11956
- border-radius: max(var(--radius-2), var(--radius-full));
11871
+ border-radius: var(--radius-pill-2);
11957
11872
  }
11958
11873
  .rt-Kbd:where(.lg\:rt-r-size-4) {
11959
11874
  font-size: var(--font-size-3);
11960
11875
  line-height: var(--line-height-3);
11961
11876
  letter-spacing: var(--letter-spacing-3);
11962
11877
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
11963
- border-radius: max(var(--radius-3), var(--radius-full));
11878
+ border-radius: var(--radius-pill-3);
11964
11879
  }
11965
11880
  .rt-Kbd:where(.lg\:rt-r-size-5) {
11966
11881
  font-size: var(--font-size-4);
11967
11882
  line-height: var(--line-height-4);
11968
11883
  letter-spacing: var(--letter-spacing-4);
11969
11884
  padding: calc(var(--space-1) * 1.5) var(--space-3);
11970
- border-radius: max(var(--radius-3), var(--radius-full));
11885
+ border-radius: var(--radius-pill-3);
11971
11886
  }
11972
11887
  .rt-Kbd:where(.lg\:rt-r-size-6) {
11973
11888
  font-size: var(--font-size-5);
11974
11889
  line-height: var(--line-height-5);
11975
11890
  letter-spacing: var(--letter-spacing-5);
11976
11891
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
11977
- border-radius: max(var(--radius-4), var(--radius-full));
11892
+ border-radius: var(--radius-pill-4);
11978
11893
  }
11979
11894
  .rt-Kbd:where(.lg\:rt-r-size-7) {
11980
11895
  font-size: var(--font-size-6);
11981
11896
  line-height: var(--line-height-6);
11982
11897
  letter-spacing: var(--letter-spacing-6);
11983
11898
  padding: var(--space-2) calc(var(--space-3) * 1.5);
11984
- border-radius: max(var(--radius-4), var(--radius-full));
11899
+ border-radius: var(--radius-pill-4);
11985
11900
  }
11986
11901
  .rt-Kbd:where(.lg\:rt-r-size-8) {
11987
11902
  font-size: var(--font-size-7);
11988
11903
  line-height: var(--line-height-7);
11989
11904
  letter-spacing: var(--letter-spacing-7);
11990
11905
  padding: calc(var(--space-2) * 1.25) var(--space-4);
11991
- border-radius: max(var(--radius-5), var(--radius-full));
11906
+ border-radius: var(--radius-pill-5);
11992
11907
  }
11993
11908
  .rt-Kbd:where(.lg\:rt-r-size-9) {
11994
11909
  font-size: var(--font-size-8);
11995
11910
  line-height: var(--line-height-8);
11996
11911
  letter-spacing: var(--letter-spacing-8);
11997
11912
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
11998
- border-radius: max(var(--radius-5), var(--radius-full));
11913
+ border-radius: var(--radius-pill-5);
11999
11914
  }
12000
11915
  }
12001
11916
  @media (min-width: 1640px) {
@@ -12004,63 +11919,63 @@
12004
11919
  line-height: var(--line-height-0);
12005
11920
  letter-spacing: var(--letter-spacing-0);
12006
11921
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
12007
- border-radius: max(var(--radius-1), var(--radius-full));
11922
+ border-radius: var(--radius-pill-1);
12008
11923
  }
12009
11924
  .rt-Kbd:where(.xl\:rt-r-size-2) {
12010
11925
  font-size: var(--font-size-1);
12011
11926
  line-height: var(--line-height-1);
12012
11927
  letter-spacing: var(--letter-spacing-1);
12013
11928
  padding: var(--space-1) var(--space-2);
12014
- border-radius: max(var(--radius-2), var(--radius-full));
11929
+ border-radius: var(--radius-pill-2);
12015
11930
  }
12016
11931
  .rt-Kbd:where(.xl\:rt-r-size-3) {
12017
11932
  font-size: var(--font-size-2);
12018
11933
  line-height: var(--line-height-2);
12019
11934
  letter-spacing: var(--letter-spacing-2);
12020
11935
  padding: var(--space-1) calc(var(--space-2) * 1.25);
12021
- border-radius: max(var(--radius-2), var(--radius-full));
11936
+ border-radius: var(--radius-pill-2);
12022
11937
  }
12023
11938
  .rt-Kbd:where(.xl\:rt-r-size-4) {
12024
11939
  font-size: var(--font-size-3);
12025
11940
  line-height: var(--line-height-3);
12026
11941
  letter-spacing: var(--letter-spacing-3);
12027
11942
  padding: calc(var(--space-1) * 1.25) calc(var(--space-2) * 1.5);
12028
- border-radius: max(var(--radius-3), var(--radius-full));
11943
+ border-radius: var(--radius-pill-3);
12029
11944
  }
12030
11945
  .rt-Kbd:where(.xl\:rt-r-size-5) {
12031
11946
  font-size: var(--font-size-4);
12032
11947
  line-height: var(--line-height-4);
12033
11948
  letter-spacing: var(--letter-spacing-4);
12034
11949
  padding: calc(var(--space-1) * 1.5) var(--space-3);
12035
- border-radius: max(var(--radius-3), var(--radius-full));
11950
+ border-radius: var(--radius-pill-3);
12036
11951
  }
12037
11952
  .rt-Kbd:where(.xl\:rt-r-size-6) {
12038
11953
  font-size: var(--font-size-5);
12039
11954
  line-height: var(--line-height-5);
12040
11955
  letter-spacing: var(--letter-spacing-5);
12041
11956
  padding: calc(var(--space-1) * 1.75) calc(var(--space-3) * 1.25);
12042
- border-radius: max(var(--radius-4), var(--radius-full));
11957
+ border-radius: var(--radius-pill-4);
12043
11958
  }
12044
11959
  .rt-Kbd:where(.xl\:rt-r-size-7) {
12045
11960
  font-size: var(--font-size-6);
12046
11961
  line-height: var(--line-height-6);
12047
11962
  letter-spacing: var(--letter-spacing-6);
12048
11963
  padding: var(--space-2) calc(var(--space-3) * 1.5);
12049
- border-radius: max(var(--radius-4), var(--radius-full));
11964
+ border-radius: var(--radius-pill-4);
12050
11965
  }
12051
11966
  .rt-Kbd:where(.xl\:rt-r-size-8) {
12052
11967
  font-size: var(--font-size-7);
12053
11968
  line-height: var(--line-height-7);
12054
11969
  letter-spacing: var(--letter-spacing-7);
12055
11970
  padding: calc(var(--space-2) * 1.25) var(--space-4);
12056
- border-radius: max(var(--radius-5), var(--radius-full));
11971
+ border-radius: var(--radius-pill-5);
12057
11972
  }
12058
11973
  .rt-Kbd:where(.xl\:rt-r-size-9) {
12059
11974
  font-size: var(--font-size-8);
12060
11975
  line-height: var(--line-height-8);
12061
11976
  letter-spacing: var(--letter-spacing-8);
12062
11977
  padding: calc(var(--space-2) * 1.5) calc(var(--space-4) * 1.25);
12063
- border-radius: max(var(--radius-5), var(--radius-full));
11978
+ border-radius: var(--radius-pill-5);
12064
11979
  }
12065
11980
  }
12066
11981
  .rt-Link:where(:-moz-any-link,button) {
@@ -12529,31 +12444,6 @@
12529
12444
  --progress-radius: var(--progress-slider-radius-4);
12530
12445
  --progress-indicator-radius: var(--progress-slider-radius-4);
12531
12446
  }
12532
- .rt-ProgressRoot:where(.rt-r-size-5) {
12533
- --progress-height: var(--progress-slider-height-5);
12534
- --progress-radius: var(--progress-slider-radius-5);
12535
- --progress-indicator-radius: var(--progress-slider-radius-5);
12536
- }
12537
- .rt-ProgressRoot:where(.rt-r-size-6) {
12538
- --progress-height: var(--progress-slider-height-6);
12539
- --progress-radius: var(--progress-slider-radius-6);
12540
- --progress-indicator-radius: var(--progress-slider-radius-6);
12541
- }
12542
- .rt-ProgressRoot:where(.rt-r-size-7) {
12543
- --progress-height: var(--progress-slider-height-7);
12544
- --progress-radius: var(--progress-slider-radius-7);
12545
- --progress-indicator-radius: var(--progress-slider-radius-7);
12546
- }
12547
- .rt-ProgressRoot:where(.rt-r-size-8) {
12548
- --progress-height: var(--progress-slider-height-8);
12549
- --progress-radius: var(--progress-slider-radius-8);
12550
- --progress-indicator-radius: var(--progress-slider-radius-8);
12551
- }
12552
- .rt-ProgressRoot:where(.rt-r-size-9) {
12553
- --progress-height: var(--progress-slider-height-9);
12554
- --progress-radius: var(--progress-slider-radius-9);
12555
- --progress-indicator-radius: var(--progress-slider-radius-9);
12556
- }
12557
12447
  @media (min-width: 520px) {
12558
12448
  .rt-ProgressRoot:where(.xs\:rt-r-size-1) {
12559
12449
  --progress-height: var(--progress-slider-height-1);
@@ -12575,31 +12465,6 @@
12575
12465
  --progress-radius: var(--progress-slider-radius-4);
12576
12466
  --progress-indicator-radius: var(--progress-slider-radius-4);
12577
12467
  }
12578
- .rt-ProgressRoot:where(.xs\:rt-r-size-5) {
12579
- --progress-height: var(--progress-slider-height-5);
12580
- --progress-radius: var(--progress-slider-radius-5);
12581
- --progress-indicator-radius: var(--progress-slider-radius-5);
12582
- }
12583
- .rt-ProgressRoot:where(.xs\:rt-r-size-6) {
12584
- --progress-height: var(--progress-slider-height-6);
12585
- --progress-radius: var(--progress-slider-radius-6);
12586
- --progress-indicator-radius: var(--progress-slider-radius-6);
12587
- }
12588
- .rt-ProgressRoot:where(.xs\:rt-r-size-7) {
12589
- --progress-height: var(--progress-slider-height-7);
12590
- --progress-radius: var(--progress-slider-radius-7);
12591
- --progress-indicator-radius: var(--progress-slider-radius-7);
12592
- }
12593
- .rt-ProgressRoot:where(.xs\:rt-r-size-8) {
12594
- --progress-height: var(--progress-slider-height-8);
12595
- --progress-radius: var(--progress-slider-radius-8);
12596
- --progress-indicator-radius: var(--progress-slider-radius-8);
12597
- }
12598
- .rt-ProgressRoot:where(.xs\:rt-r-size-9) {
12599
- --progress-height: var(--progress-slider-height-9);
12600
- --progress-radius: var(--progress-slider-radius-9);
12601
- --progress-indicator-radius: var(--progress-slider-radius-9);
12602
- }
12603
12468
  }
12604
12469
  @media (min-width: 768px) {
12605
12470
  .rt-ProgressRoot:where(.sm\:rt-r-size-1) {
@@ -12622,31 +12487,6 @@
12622
12487
  --progress-radius: var(--progress-slider-radius-4);
12623
12488
  --progress-indicator-radius: var(--progress-slider-radius-4);
12624
12489
  }
12625
- .rt-ProgressRoot:where(.sm\:rt-r-size-5) {
12626
- --progress-height: var(--progress-slider-height-5);
12627
- --progress-radius: var(--progress-slider-radius-5);
12628
- --progress-indicator-radius: var(--progress-slider-radius-5);
12629
- }
12630
- .rt-ProgressRoot:where(.sm\:rt-r-size-6) {
12631
- --progress-height: var(--progress-slider-height-6);
12632
- --progress-radius: var(--progress-slider-radius-6);
12633
- --progress-indicator-radius: var(--progress-slider-radius-6);
12634
- }
12635
- .rt-ProgressRoot:where(.sm\:rt-r-size-7) {
12636
- --progress-height: var(--progress-slider-height-7);
12637
- --progress-radius: var(--progress-slider-radius-7);
12638
- --progress-indicator-radius: var(--progress-slider-radius-7);
12639
- }
12640
- .rt-ProgressRoot:where(.sm\:rt-r-size-8) {
12641
- --progress-height: var(--progress-slider-height-8);
12642
- --progress-radius: var(--progress-slider-radius-8);
12643
- --progress-indicator-radius: var(--progress-slider-radius-8);
12644
- }
12645
- .rt-ProgressRoot:where(.sm\:rt-r-size-9) {
12646
- --progress-height: var(--progress-slider-height-9);
12647
- --progress-radius: var(--progress-slider-radius-9);
12648
- --progress-indicator-radius: var(--progress-slider-radius-9);
12649
- }
12650
12490
  }
12651
12491
  @media (min-width: 1024px) {
12652
12492
  .rt-ProgressRoot:where(.md\:rt-r-size-1) {
@@ -12669,31 +12509,6 @@
12669
12509
  --progress-radius: var(--progress-slider-radius-4);
12670
12510
  --progress-indicator-radius: var(--progress-slider-radius-4);
12671
12511
  }
12672
- .rt-ProgressRoot:where(.md\:rt-r-size-5) {
12673
- --progress-height: var(--progress-slider-height-5);
12674
- --progress-radius: var(--progress-slider-radius-5);
12675
- --progress-indicator-radius: var(--progress-slider-radius-5);
12676
- }
12677
- .rt-ProgressRoot:where(.md\:rt-r-size-6) {
12678
- --progress-height: var(--progress-slider-height-6);
12679
- --progress-radius: var(--progress-slider-radius-6);
12680
- --progress-indicator-radius: var(--progress-slider-radius-6);
12681
- }
12682
- .rt-ProgressRoot:where(.md\:rt-r-size-7) {
12683
- --progress-height: var(--progress-slider-height-7);
12684
- --progress-radius: var(--progress-slider-radius-7);
12685
- --progress-indicator-radius: var(--progress-slider-radius-7);
12686
- }
12687
- .rt-ProgressRoot:where(.md\:rt-r-size-8) {
12688
- --progress-height: var(--progress-slider-height-8);
12689
- --progress-radius: var(--progress-slider-radius-8);
12690
- --progress-indicator-radius: var(--progress-slider-radius-8);
12691
- }
12692
- .rt-ProgressRoot:where(.md\:rt-r-size-9) {
12693
- --progress-height: var(--progress-slider-height-9);
12694
- --progress-radius: var(--progress-slider-radius-9);
12695
- --progress-indicator-radius: var(--progress-slider-radius-9);
12696
- }
12697
12512
  }
12698
12513
  @media (min-width: 1280px) {
12699
12514
  .rt-ProgressRoot:where(.lg\:rt-r-size-1) {
@@ -12716,31 +12531,6 @@
12716
12531
  --progress-radius: var(--progress-slider-radius-4);
12717
12532
  --progress-indicator-radius: var(--progress-slider-radius-4);
12718
12533
  }
12719
- .rt-ProgressRoot:where(.lg\:rt-r-size-5) {
12720
- --progress-height: var(--progress-slider-height-5);
12721
- --progress-radius: var(--progress-slider-radius-5);
12722
- --progress-indicator-radius: var(--progress-slider-radius-5);
12723
- }
12724
- .rt-ProgressRoot:where(.lg\:rt-r-size-6) {
12725
- --progress-height: var(--progress-slider-height-6);
12726
- --progress-radius: var(--progress-slider-radius-6);
12727
- --progress-indicator-radius: var(--progress-slider-radius-6);
12728
- }
12729
- .rt-ProgressRoot:where(.lg\:rt-r-size-7) {
12730
- --progress-height: var(--progress-slider-height-7);
12731
- --progress-radius: var(--progress-slider-radius-7);
12732
- --progress-indicator-radius: var(--progress-slider-radius-7);
12733
- }
12734
- .rt-ProgressRoot:where(.lg\:rt-r-size-8) {
12735
- --progress-height: var(--progress-slider-height-8);
12736
- --progress-radius: var(--progress-slider-radius-8);
12737
- --progress-indicator-radius: var(--progress-slider-radius-8);
12738
- }
12739
- .rt-ProgressRoot:where(.lg\:rt-r-size-9) {
12740
- --progress-height: var(--progress-slider-height-9);
12741
- --progress-radius: var(--progress-slider-radius-9);
12742
- --progress-indicator-radius: var(--progress-slider-radius-9);
12743
- }
12744
12534
  }
12745
12535
  @media (min-width: 1640px) {
12746
12536
  .rt-ProgressRoot:where(.xl\:rt-r-size-1) {
@@ -12763,31 +12553,6 @@
12763
12553
  --progress-radius: var(--progress-slider-radius-4);
12764
12554
  --progress-indicator-radius: var(--progress-slider-radius-4);
12765
12555
  }
12766
- .rt-ProgressRoot:where(.xl\:rt-r-size-5) {
12767
- --progress-height: var(--progress-slider-height-5);
12768
- --progress-radius: var(--progress-slider-radius-5);
12769
- --progress-indicator-radius: var(--progress-slider-radius-5);
12770
- }
12771
- .rt-ProgressRoot:where(.xl\:rt-r-size-6) {
12772
- --progress-height: var(--progress-slider-height-6);
12773
- --progress-radius: var(--progress-slider-radius-6);
12774
- --progress-indicator-radius: var(--progress-slider-radius-6);
12775
- }
12776
- .rt-ProgressRoot:where(.xl\:rt-r-size-7) {
12777
- --progress-height: var(--progress-slider-height-7);
12778
- --progress-radius: var(--progress-slider-radius-7);
12779
- --progress-indicator-radius: var(--progress-slider-radius-7);
12780
- }
12781
- .rt-ProgressRoot:where(.xl\:rt-r-size-8) {
12782
- --progress-height: var(--progress-slider-height-8);
12783
- --progress-radius: var(--progress-slider-radius-8);
12784
- --progress-indicator-radius: var(--progress-slider-radius-8);
12785
- }
12786
- .rt-ProgressRoot:where(.xl\:rt-r-size-9) {
12787
- --progress-height: var(--progress-slider-height-9);
12788
- --progress-radius: var(--progress-slider-radius-9);
12789
- --progress-indicator-radius: var(--progress-slider-radius-9);
12790
- }
12791
12556
  }
12792
12557
  .rt-ProgressRoot:where(.rt-variant-surface) {
12793
12558
  background-color: var(--gray-2);
@@ -13771,84 +13536,84 @@
13771
13536
  }
13772
13537
  .rt-ScrollAreaScrollbar:where(.rt-r-size-1) {
13773
13538
  --scrollarea-scrollbar-size: var(--space-1);
13774
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13539
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13775
13540
  }
13776
13541
  .rt-ScrollAreaScrollbar:where(.rt-r-size-2) {
13777
13542
  --scrollarea-scrollbar-size: var(--space-2);
13778
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13543
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13779
13544
  }
13780
13545
  .rt-ScrollAreaScrollbar:where(.rt-r-size-3) {
13781
13546
  --scrollarea-scrollbar-size: var(--space-3);
13782
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13547
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13783
13548
  }
13784
13549
  @media (min-width: 520px) {
13785
13550
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-1) {
13786
13551
  --scrollarea-scrollbar-size: var(--space-1);
13787
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13552
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13788
13553
  }
13789
13554
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-2) {
13790
13555
  --scrollarea-scrollbar-size: var(--space-2);
13791
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13556
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13792
13557
  }
13793
13558
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-3) {
13794
13559
  --scrollarea-scrollbar-size: var(--space-3);
13795
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13560
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13796
13561
  }
13797
13562
  }
13798
13563
  @media (min-width: 768px) {
13799
13564
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-1) {
13800
13565
  --scrollarea-scrollbar-size: var(--space-1);
13801
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13566
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13802
13567
  }
13803
13568
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-2) {
13804
13569
  --scrollarea-scrollbar-size: var(--space-2);
13805
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13570
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13806
13571
  }
13807
13572
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-3) {
13808
13573
  --scrollarea-scrollbar-size: var(--space-3);
13809
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13574
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13810
13575
  }
13811
13576
  }
13812
13577
  @media (min-width: 1024px) {
13813
13578
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-1) {
13814
13579
  --scrollarea-scrollbar-size: var(--space-1);
13815
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13580
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13816
13581
  }
13817
13582
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-2) {
13818
13583
  --scrollarea-scrollbar-size: var(--space-2);
13819
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13584
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13820
13585
  }
13821
13586
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-3) {
13822
13587
  --scrollarea-scrollbar-size: var(--space-3);
13823
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13588
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13824
13589
  }
13825
13590
  }
13826
13591
  @media (min-width: 1280px) {
13827
13592
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-1) {
13828
13593
  --scrollarea-scrollbar-size: var(--space-1);
13829
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13594
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13830
13595
  }
13831
13596
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-2) {
13832
13597
  --scrollarea-scrollbar-size: var(--space-2);
13833
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13598
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13834
13599
  }
13835
13600
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-3) {
13836
13601
  --scrollarea-scrollbar-size: var(--space-3);
13837
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13602
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13838
13603
  }
13839
13604
  }
13840
13605
  @media (min-width: 1640px) {
13841
13606
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-1) {
13842
13607
  --scrollarea-scrollbar-size: var(--space-1);
13843
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13608
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13844
13609
  }
13845
13610
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-2) {
13846
13611
  --scrollarea-scrollbar-size: var(--space-2);
13847
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13612
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13848
13613
  }
13849
13614
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-3) {
13850
13615
  --scrollarea-scrollbar-size: var(--space-3);
13851
- --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
13616
+ --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
13852
13617
  }
13853
13618
  }
13854
13619
  .rt-ScrollAreaScrollbar:where([data-state='visible']) {
@@ -14249,7 +14014,7 @@
14249
14014
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
14250
14015
  }
14251
14016
  .rt-SegmentedControlRoot:where(.rt-r-size-1) {
14252
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14017
+ --segmented-control-border-radius: var(--radius-pill-1);
14253
14018
  --segmented-control-height: var(--control-height-1);
14254
14019
  height: var(--segmented-control-height);
14255
14020
  }
@@ -14272,7 +14037,7 @@
14272
14037
  height: var(--content-icon-size-1);
14273
14038
  }
14274
14039
  .rt-SegmentedControlRoot:where(.rt-r-size-2) {
14275
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14040
+ --segmented-control-border-radius: var(--radius-pill-2);
14276
14041
  --segmented-control-height: var(--control-height-2);
14277
14042
  height: var(--segmented-control-height);
14278
14043
  }
@@ -14295,7 +14060,7 @@
14295
14060
  height: var(--content-icon-size-2);
14296
14061
  }
14297
14062
  .rt-SegmentedControlRoot:where(.rt-r-size-3) {
14298
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14063
+ --segmented-control-border-radius: var(--radius-pill-3);
14299
14064
  --segmented-control-height: var(--control-height-3);
14300
14065
  height: var(--segmented-control-height);
14301
14066
  }
@@ -14318,7 +14083,7 @@
14318
14083
  height: var(--content-icon-size-3);
14319
14084
  }
14320
14085
  .rt-SegmentedControlRoot:where(.rt-r-size-4) {
14321
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14086
+ --segmented-control-border-radius: var(--radius-pill-4);
14322
14087
  --segmented-control-height: var(--control-height-4);
14323
14088
  height: var(--segmented-control-height);
14324
14089
  }
@@ -14355,7 +14120,7 @@
14355
14120
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
14356
14121
  }
14357
14122
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
14358
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14123
+ --segmented-control-border-radius: var(--radius-pill-1);
14359
14124
  --segmented-control-height: var(--control-height-1);
14360
14125
  height: var(--segmented-control-height);
14361
14126
  }
@@ -14378,7 +14143,7 @@
14378
14143
  height: var(--content-icon-size-1);
14379
14144
  }
14380
14145
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
14381
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14146
+ --segmented-control-border-radius: var(--radius-pill-2);
14382
14147
  --segmented-control-height: var(--control-height-2);
14383
14148
  height: var(--segmented-control-height);
14384
14149
  }
@@ -14401,7 +14166,7 @@
14401
14166
  height: var(--content-icon-size-2);
14402
14167
  }
14403
14168
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
14404
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14169
+ --segmented-control-border-radius: var(--radius-pill-3);
14405
14170
  --segmented-control-height: var(--control-height-3);
14406
14171
  height: var(--segmented-control-height);
14407
14172
  }
@@ -14424,7 +14189,7 @@
14424
14189
  height: var(--content-icon-size-3);
14425
14190
  }
14426
14191
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4) {
14427
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14192
+ --segmented-control-border-radius: var(--radius-pill-4);
14428
14193
  --segmented-control-height: var(--control-height-4);
14429
14194
  height: var(--segmented-control-height);
14430
14195
  }
@@ -14462,7 +14227,7 @@
14462
14227
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
14463
14228
  }
14464
14229
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
14465
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14230
+ --segmented-control-border-radius: var(--radius-pill-1);
14466
14231
  --segmented-control-height: var(--control-height-1);
14467
14232
  height: var(--segmented-control-height);
14468
14233
  }
@@ -14485,7 +14250,7 @@
14485
14250
  height: var(--content-icon-size-1);
14486
14251
  }
14487
14252
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
14488
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14253
+ --segmented-control-border-radius: var(--radius-pill-2);
14489
14254
  --segmented-control-height: var(--control-height-2);
14490
14255
  height: var(--segmented-control-height);
14491
14256
  }
@@ -14508,7 +14273,7 @@
14508
14273
  height: var(--content-icon-size-2);
14509
14274
  }
14510
14275
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
14511
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14276
+ --segmented-control-border-radius: var(--radius-pill-3);
14512
14277
  --segmented-control-height: var(--control-height-3);
14513
14278
  height: var(--segmented-control-height);
14514
14279
  }
@@ -14531,7 +14296,7 @@
14531
14296
  height: var(--content-icon-size-3);
14532
14297
  }
14533
14298
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4) {
14534
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14299
+ --segmented-control-border-radius: var(--radius-pill-4);
14535
14300
  --segmented-control-height: var(--control-height-4);
14536
14301
  height: var(--segmented-control-height);
14537
14302
  }
@@ -14569,7 +14334,7 @@
14569
14334
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
14570
14335
  }
14571
14336
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
14572
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14337
+ --segmented-control-border-radius: var(--radius-pill-1);
14573
14338
  --segmented-control-height: var(--control-height-1);
14574
14339
  height: var(--segmented-control-height);
14575
14340
  }
@@ -14592,7 +14357,7 @@
14592
14357
  height: var(--content-icon-size-1);
14593
14358
  }
14594
14359
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
14595
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14360
+ --segmented-control-border-radius: var(--radius-pill-2);
14596
14361
  --segmented-control-height: var(--control-height-2);
14597
14362
  height: var(--segmented-control-height);
14598
14363
  }
@@ -14615,7 +14380,7 @@
14615
14380
  height: var(--content-icon-size-2);
14616
14381
  }
14617
14382
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
14618
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14383
+ --segmented-control-border-radius: var(--radius-pill-3);
14619
14384
  --segmented-control-height: var(--control-height-3);
14620
14385
  height: var(--segmented-control-height);
14621
14386
  }
@@ -14638,7 +14403,7 @@
14638
14403
  height: var(--content-icon-size-3);
14639
14404
  }
14640
14405
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-4) {
14641
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14406
+ --segmented-control-border-radius: var(--radius-pill-4);
14642
14407
  --segmented-control-height: var(--control-height-4);
14643
14408
  height: var(--segmented-control-height);
14644
14409
  }
@@ -14676,7 +14441,7 @@
14676
14441
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
14677
14442
  }
14678
14443
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
14679
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14444
+ --segmented-control-border-radius: var(--radius-pill-1);
14680
14445
  --segmented-control-height: var(--control-height-1);
14681
14446
  height: var(--segmented-control-height);
14682
14447
  }
@@ -14699,7 +14464,7 @@
14699
14464
  height: var(--content-icon-size-1);
14700
14465
  }
14701
14466
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
14702
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14467
+ --segmented-control-border-radius: var(--radius-pill-2);
14703
14468
  --segmented-control-height: var(--control-height-2);
14704
14469
  height: var(--segmented-control-height);
14705
14470
  }
@@ -14722,7 +14487,7 @@
14722
14487
  height: var(--content-icon-size-2);
14723
14488
  }
14724
14489
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
14725
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14490
+ --segmented-control-border-radius: var(--radius-pill-3);
14726
14491
  --segmented-control-height: var(--control-height-3);
14727
14492
  height: var(--segmented-control-height);
14728
14493
  }
@@ -14745,7 +14510,7 @@
14745
14510
  height: var(--content-icon-size-3);
14746
14511
  }
14747
14512
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4) {
14748
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14513
+ --segmented-control-border-radius: var(--radius-pill-4);
14749
14514
  --segmented-control-height: var(--control-height-4);
14750
14515
  height: var(--segmented-control-height);
14751
14516
  }
@@ -14783,7 +14548,7 @@
14783
14548
  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
14784
14549
  }
14785
14550
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
14786
- --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
14551
+ --segmented-control-border-radius: var(--radius-pill-1);
14787
14552
  --segmented-control-height: var(--control-height-1);
14788
14553
  height: var(--segmented-control-height);
14789
14554
  }
@@ -14806,7 +14571,7 @@
14806
14571
  height: var(--content-icon-size-1);
14807
14572
  }
14808
14573
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
14809
- --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
14574
+ --segmented-control-border-radius: var(--radius-pill-2);
14810
14575
  --segmented-control-height: var(--control-height-2);
14811
14576
  height: var(--segmented-control-height);
14812
14577
  }
@@ -14829,7 +14594,7 @@
14829
14594
  height: var(--content-icon-size-2);
14830
14595
  }
14831
14596
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
14832
- --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
14597
+ --segmented-control-border-radius: var(--radius-pill-3);
14833
14598
  --segmented-control-height: var(--control-height-3);
14834
14599
  height: var(--segmented-control-height);
14835
14600
  }
@@ -14852,7 +14617,7 @@
14852
14617
  height: var(--content-icon-size-3);
14853
14618
  }
14854
14619
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4) {
14855
- --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
14620
+ --segmented-control-border-radius: var(--radius-pill-4);
14856
14621
  --segmented-control-height: var(--control-height-4);
14857
14622
  height: var(--segmented-control-height);
14858
14623
  }
@@ -15112,7 +14877,7 @@
15112
14877
  font-size: var(--font-size-1);
15113
14878
  line-height: var(--line-height-1);
15114
14879
  letter-spacing: var(--letter-spacing-1);
15115
- border-radius: max(var(--radius-1), var(--radius-full));
14880
+ border-radius: var(--radius-pill-1);
15116
14881
  }
15117
14882
  .rt-SelectTrigger:where(.rt-r-size-1):where(:not(.rt-variant-ghost)) {
15118
14883
  padding-left: var(--space-2);
@@ -15132,7 +14897,7 @@
15132
14897
  font-size: var(--font-size-2);
15133
14898
  line-height: var(--line-height-2);
15134
14899
  letter-spacing: var(--letter-spacing-2);
15135
- border-radius: max(var(--radius-2), var(--radius-full));
14900
+ border-radius: var(--radius-pill-2);
15136
14901
  }
15137
14902
  .rt-SelectTrigger:where(.rt-r-size-2):where(:not(.rt-variant-ghost)) {
15138
14903
  padding-left: var(--space-3);
@@ -15152,7 +14917,7 @@
15152
14917
  font-size: var(--font-size-3);
15153
14918
  line-height: var(--line-height-3);
15154
14919
  letter-spacing: var(--letter-spacing-3);
15155
- border-radius: max(var(--radius-3), var(--radius-full));
14920
+ border-radius: var(--radius-pill-3);
15156
14921
  }
15157
14922
  .rt-SelectTrigger:where(.rt-r-size-3):where(:not(.rt-variant-ghost)) {
15158
14923
  padding-left: var(--space-4);
@@ -15173,7 +14938,7 @@
15173
14938
  font-size: var(--font-size-1);
15174
14939
  line-height: var(--line-height-1);
15175
14940
  letter-spacing: var(--letter-spacing-1);
15176
- border-radius: max(var(--radius-1), var(--radius-full));
14941
+ border-radius: var(--radius-pill-1);
15177
14942
  }
15178
14943
  .rt-SelectTrigger:where(.xs\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
15179
14944
  padding-left: var(--space-2);
@@ -15193,7 +14958,7 @@
15193
14958
  font-size: var(--font-size-2);
15194
14959
  line-height: var(--line-height-2);
15195
14960
  letter-spacing: var(--letter-spacing-2);
15196
- border-radius: max(var(--radius-2), var(--radius-full));
14961
+ border-radius: var(--radius-pill-2);
15197
14962
  }
15198
14963
  .rt-SelectTrigger:where(.xs\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
15199
14964
  padding-left: var(--space-3);
@@ -15213,7 +14978,7 @@
15213
14978
  font-size: var(--font-size-3);
15214
14979
  line-height: var(--line-height-3);
15215
14980
  letter-spacing: var(--letter-spacing-3);
15216
- border-radius: max(var(--radius-3), var(--radius-full));
14981
+ border-radius: var(--radius-pill-3);
15217
14982
  }
15218
14983
  .rt-SelectTrigger:where(.xs\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
15219
14984
  padding-left: var(--space-4);
@@ -15235,7 +15000,7 @@
15235
15000
  font-size: var(--font-size-1);
15236
15001
  line-height: var(--line-height-1);
15237
15002
  letter-spacing: var(--letter-spacing-1);
15238
- border-radius: max(var(--radius-1), var(--radius-full));
15003
+ border-radius: var(--radius-pill-1);
15239
15004
  }
15240
15005
  .rt-SelectTrigger:where(.sm\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
15241
15006
  padding-left: var(--space-2);
@@ -15255,7 +15020,7 @@
15255
15020
  font-size: var(--font-size-2);
15256
15021
  line-height: var(--line-height-2);
15257
15022
  letter-spacing: var(--letter-spacing-2);
15258
- border-radius: max(var(--radius-2), var(--radius-full));
15023
+ border-radius: var(--radius-pill-2);
15259
15024
  }
15260
15025
  .rt-SelectTrigger:where(.sm\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
15261
15026
  padding-left: var(--space-3);
@@ -15275,7 +15040,7 @@
15275
15040
  font-size: var(--font-size-3);
15276
15041
  line-height: var(--line-height-3);
15277
15042
  letter-spacing: var(--letter-spacing-3);
15278
- border-radius: max(var(--radius-3), var(--radius-full));
15043
+ border-radius: var(--radius-pill-3);
15279
15044
  }
15280
15045
  .rt-SelectTrigger:where(.sm\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
15281
15046
  padding-left: var(--space-4);
@@ -15297,7 +15062,7 @@
15297
15062
  font-size: var(--font-size-1);
15298
15063
  line-height: var(--line-height-1);
15299
15064
  letter-spacing: var(--letter-spacing-1);
15300
- border-radius: max(var(--radius-1), var(--radius-full));
15065
+ border-radius: var(--radius-pill-1);
15301
15066
  }
15302
15067
  .rt-SelectTrigger:where(.md\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
15303
15068
  padding-left: var(--space-2);
@@ -15317,7 +15082,7 @@
15317
15082
  font-size: var(--font-size-2);
15318
15083
  line-height: var(--line-height-2);
15319
15084
  letter-spacing: var(--letter-spacing-2);
15320
- border-radius: max(var(--radius-2), var(--radius-full));
15085
+ border-radius: var(--radius-pill-2);
15321
15086
  }
15322
15087
  .rt-SelectTrigger:where(.md\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
15323
15088
  padding-left: var(--space-3);
@@ -15337,7 +15102,7 @@
15337
15102
  font-size: var(--font-size-3);
15338
15103
  line-height: var(--line-height-3);
15339
15104
  letter-spacing: var(--letter-spacing-3);
15340
- border-radius: max(var(--radius-3), var(--radius-full));
15105
+ border-radius: var(--radius-pill-3);
15341
15106
  }
15342
15107
  .rt-SelectTrigger:where(.md\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
15343
15108
  padding-left: var(--space-4);
@@ -15359,7 +15124,7 @@
15359
15124
  font-size: var(--font-size-1);
15360
15125
  line-height: var(--line-height-1);
15361
15126
  letter-spacing: var(--letter-spacing-1);
15362
- border-radius: max(var(--radius-1), var(--radius-full));
15127
+ border-radius: var(--radius-pill-1);
15363
15128
  }
15364
15129
  .rt-SelectTrigger:where(.lg\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
15365
15130
  padding-left: var(--space-2);
@@ -15379,7 +15144,7 @@
15379
15144
  font-size: var(--font-size-2);
15380
15145
  line-height: var(--line-height-2);
15381
15146
  letter-spacing: var(--letter-spacing-2);
15382
- border-radius: max(var(--radius-2), var(--radius-full));
15147
+ border-radius: var(--radius-pill-2);
15383
15148
  }
15384
15149
  .rt-SelectTrigger:where(.lg\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
15385
15150
  padding-left: var(--space-3);
@@ -15399,7 +15164,7 @@
15399
15164
  font-size: var(--font-size-3);
15400
15165
  line-height: var(--line-height-3);
15401
15166
  letter-spacing: var(--letter-spacing-3);
15402
- border-radius: max(var(--radius-3), var(--radius-full));
15167
+ border-radius: var(--radius-pill-3);
15403
15168
  }
15404
15169
  .rt-SelectTrigger:where(.lg\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
15405
15170
  padding-left: var(--space-4);
@@ -15421,7 +15186,7 @@
15421
15186
  font-size: var(--font-size-1);
15422
15187
  line-height: var(--line-height-1);
15423
15188
  letter-spacing: var(--letter-spacing-1);
15424
- border-radius: max(var(--radius-1), var(--radius-full));
15189
+ border-radius: var(--radius-pill-1);
15425
15190
  }
15426
15191
  .rt-SelectTrigger:where(.xl\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
15427
15192
  padding-left: var(--space-2);
@@ -15441,7 +15206,7 @@
15441
15206
  font-size: var(--font-size-2);
15442
15207
  line-height: var(--line-height-2);
15443
15208
  letter-spacing: var(--letter-spacing-2);
15444
- border-radius: max(var(--radius-2), var(--radius-full));
15209
+ border-radius: var(--radius-pill-2);
15445
15210
  }
15446
15211
  .rt-SelectTrigger:where(.xl\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
15447
15212
  padding-left: var(--space-3);
@@ -15461,7 +15226,7 @@
15461
15226
  font-size: var(--font-size-3);
15462
15227
  line-height: var(--line-height-3);
15463
15228
  letter-spacing: var(--letter-spacing-3);
15464
- border-radius: max(var(--radius-3), var(--radius-full));
15229
+ border-radius: var(--radius-pill-3);
15465
15230
  }
15466
15231
  .rt-SelectTrigger:where(.xl\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
15467
15232
  padding-left: var(--space-4);
@@ -16697,9 +16462,14 @@
16697
16462
  .rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
16698
16463
  color: var(--gray-a10);
16699
16464
  }
16700
- .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
16465
+ .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],[data-active]) :where(.rt-SidebarMenuShortcut) {
16701
16466
  color: inherit;
16702
16467
  }
16468
+ @media (hover: hover) {
16469
+ .rt-SidebarMenuButton:where(:hover) :where(.rt-SidebarMenuShortcut) {
16470
+ color: inherit;
16471
+ }
16472
+ }
16703
16473
  @media (prefers-reduced-motion: reduce) {
16704
16474
  .rt-SidebarMenuButton {
16705
16475
  -webkit-transition: none;
@@ -17081,15 +16851,15 @@
17081
16851
  }
17082
16852
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper {
17083
16853
  padding: var(--space-2) var(--space-2);
17084
- border-radius: var(--radius-1);
16854
+ border-radius: var(--radius-pill-1);
17085
16855
  }
17086
16856
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
17087
16857
  padding: var(--space-2);
17088
- border-radius: var(--radius-2);
16858
+ border-radius: var(--radius-pill-2);
17089
16859
  }
17090
16860
  .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
17091
16861
  padding: var(--space-3);
17092
- border-radius: var(--radius-2);
16862
+ border-radius: var(--radius-pill-3);
17093
16863
  }
17094
16864
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
17095
16865
  display: block;
@@ -17107,29 +16877,54 @@
17107
16877
  color: var(--accent-ink);
17108
16878
  font-weight: var(--font-weight-medium);
17109
16879
  }
17110
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
16880
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
17111
16881
  color: var(--accent-ink);
17112
16882
  }
17113
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
17114
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
16883
+ @media (hover: hover) {
16884
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
16885
+ color: var(--accent-ink);
16886
+ }
16887
+ }
16888
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
17115
16889
  background-color: transparent !important;
17116
16890
  }
17117
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
16891
+ @media (hover: hover) {
16892
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
16893
+ background-color: transparent !important;
16894
+ }
16895
+ }
16896
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
17118
16897
  background-color: var(--accent-4);
17119
16898
  }
16899
+ @media (hover: hover) {
16900
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
16901
+ background-color: var(--accent-4);
16902
+ }
16903
+ }
17120
16904
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17121
16905
  background-color: var(--accent-3);
17122
16906
  }
17123
- :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) {
16907
+ :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) {
17124
16908
  background-color: var(--accent-a4);
17125
16909
  }
16910
+ @media (hover: hover) {
16911
+ :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) {
16912
+ background-color: var(--accent-a4);
16913
+ }
16914
+ }
17126
16915
  :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17127
16916
  background-color: var(--accent-a3);
17128
16917
  }
17129
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
16918
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
17130
16919
  background-color: var(--accent-solid);
17131
16920
  color: var(--accent-solid-contrast);
17132
16921
  }
16922
+ @media (hover: hover) {
16923
+ :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
16924
+ background-color: var(--accent-solid);
16925
+ color: var(--accent-solid-contrast);
16926
+ }
16927
+ }
17133
16928
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17134
16929
  background-color: var(--accent-solid);
17135
16930
  color: var(--accent-solid-contrast);
@@ -18032,23 +17827,42 @@
18032
17827
  -webkit-transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
18033
17828
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
18034
17829
  }
18035
- :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])) {
17830
+ :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])) {
18036
17831
  background-color: var(--accent-solid);
18037
17832
  color: var(--accent-solid-contrast);
18038
17833
  }
18039
- :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) {
17834
+ :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) {
18040
17835
  color: var(--accent-solid-contrast);
18041
17836
  }
18042
- :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) {
17837
+ :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) {
18043
17838
  color: inherit !important;
18044
17839
  }
18045
- :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)) {
17840
+ :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)) {
18046
17841
  color: inherit !important;
18047
17842
  }
18048
- :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) {
17843
+ :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) {
18049
17844
  color: var(--accent-solid-badge-contrast) !important;
18050
17845
  background-color: var(--accent-solid-badge) !important;
18051
17846
  }
17847
+ @media (hover: hover) {
17848
+ :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])) {
17849
+ background-color: var(--accent-solid);
17850
+ color: var(--accent-solid-contrast);
17851
+ }
17852
+ :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) {
17853
+ color: var(--accent-solid-contrast);
17854
+ }
17855
+ :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) {
17856
+ color: inherit !important;
17857
+ }
17858
+ :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)) {
17859
+ color: inherit !important;
17860
+ }
17861
+ :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) {
17862
+ color: var(--accent-solid-badge-contrast) !important;
17863
+ background-color: var(--accent-solid-badge) !important;
17864
+ }
17865
+ }
18052
17866
  :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]) {
18053
17867
  background-color: var(--accent-solid);
18054
17868
  color: var(--accent-solid-contrast);
@@ -18096,23 +17910,42 @@
18096
17910
  -webkit-transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
18097
17911
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
18098
17912
  }
18099
- :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])) {
17913
+ :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])) {
18100
17914
  background-color: var(--accent-4);
18101
17915
  }
18102
- :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]))) {
17916
+ :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]))) {
18103
17917
  background-color: var(--accent-a4);
18104
17918
  }
18105
- :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']) {
17919
+ :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']) {
18106
17920
  background-color: var(--accent-4);
18107
17921
  backdrop-filter: none;
18108
17922
  --backdrop-filter-components: none;
18109
17923
  }
18110
- :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']) {
17924
+ :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']) {
18111
17925
  background-color: var(--accent-a4);
18112
17926
  }
18113
- :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'])) {
17927
+ :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'])) {
18114
17928
  color: var(--gray-11) !important;
18115
17929
  }
17930
+ @media (hover: hover) {
17931
+ :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])) {
17932
+ background-color: var(--accent-4);
17933
+ }
17934
+ :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]))) {
17935
+ background-color: var(--accent-a4);
17936
+ }
17937
+ :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']) {
17938
+ background-color: var(--accent-4);
17939
+ backdrop-filter: none;
17940
+ --backdrop-filter-components: none;
17941
+ }
17942
+ :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']) {
17943
+ background-color: var(--accent-a4);
17944
+ }
17945
+ :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'])) {
17946
+ color: var(--gray-11) !important;
17947
+ }
17948
+ }
18116
17949
  :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]) {
18117
17950
  background-color: var(--accent-3);
18118
17951
  color: var(--accent-12);
@@ -18221,30 +18054,41 @@
18221
18054
  width: var(--content-icon-size-3);
18222
18055
  height: var(--content-icon-size-3);
18223
18056
  }
18224
- :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover, [data-state='open'])) {
18057
+ :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
18225
18058
  background-color: transparent !important;
18226
18059
  }
18060
+ @media (hover: hover) {
18061
+ :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover)) {
18062
+ background-color: transparent !important;
18063
+ }
18064
+ }
18227
18065
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
18228
18066
  padding: var(--space-2) var(--space-2);
18229
- border-radius: var(--radius-1);
18067
+ border-radius: var(--radius-pill-1);
18230
18068
  }
18231
18069
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
18232
18070
  padding: var(--space-2);
18233
- border-radius: var(--radius-2);
18071
+ border-radius: var(--radius-pill-2);
18234
18072
  }
18235
18073
  .rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
18236
18074
  padding: var(--space-3);
18237
- border-radius: var(--radius-2);
18075
+ border-radius: var(--radius-pill-3);
18238
18076
  }
18239
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
18240
- background-color: var(--accent-4);
18077
+ @media (hover: hover) {
18078
+ :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
18079
+ background-color: var(--accent-4);
18080
+ }
18241
18081
  }
18242
- :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) {
18243
- background-color: var(--accent-a4);
18082
+ @media (hover: hover) {
18083
+ :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) {
18084
+ background-color: var(--accent-a4);
18085
+ }
18244
18086
  }
18245
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
18246
- background-color: var(--accent-solid);
18247
- color: var(--accent-solid-contrast);
18087
+ @media (hover: hover) {
18088
+ :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
18089
+ background-color: var(--accent-solid);
18090
+ color: var(--accent-solid-contrast);
18091
+ }
18248
18092
  }
18249
18093
  .rt-SidebarSearchPopover {
18250
18094
  display: -webkit-box;
@@ -18309,8 +18153,10 @@
18309
18153
  -ms-flex-negative: 0;
18310
18154
  flex-shrink: 0;
18311
18155
  }
18312
- .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:hover):not([data-disabled]) {
18313
- background-color: var(--accent-a4);
18156
+ @media (hover: hover) {
18157
+ .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:hover):not([data-disabled]) {
18158
+ background-color: var(--accent-a4);
18159
+ }
18314
18160
  }
18315
18161
  .rt-SidebarSearchPopover .rt-SidebarMenuButton:where(:focus-visible) {
18316
18162
  outline: 2px solid var(--focus-8);
@@ -18386,8 +18232,10 @@
18386
18232
  -webkit-transition: color 100ms;
18387
18233
  transition: color 100ms;
18388
18234
  }
18389
- .rt-SidebarSearchClear:hover {
18390
- color: var(--gray-a11);
18235
+ @media (hover: hover) {
18236
+ .rt-SidebarSearchClear:hover {
18237
+ color: var(--gray-a11);
18238
+ }
18391
18239
  }
18392
18240
  .rt-SidebarContainer.rt-r-size-1 .rt-SidebarSearchInput {
18393
18241
  font-size: var(--font-size-1);
@@ -19066,10 +18914,14 @@
19066
18914
  inset-block-start: calc(50% - 1px);
19067
18915
  block-size: 2px;
19068
18916
  }
19069
- .rt-ShellResizer:hover::before,
19070
18917
  .rt-ShellResizer[data-dragging]::before {
19071
18918
  background-color: var(--gray-a6);
19072
18919
  }
18920
+ @media (hover: hover) {
18921
+ .rt-ShellResizer:hover::before {
18922
+ background-color: var(--gray-a6);
18923
+ }
18924
+ }
19073
18925
  .rt-ShellResizer:focus-visible {
19074
18926
  outline: none;
19075
18927
  }
@@ -19489,12 +19341,14 @@
19489
19341
  z-index: 1;
19490
19342
  pointer-events: auto;
19491
19343
  }
19492
- .rt-SliderTick:where(:hover) :where(.rt-SliderTickMark) {
19493
- background-color: var(--gray-12) !important;
19494
- }
19495
- .rt-SliderTick:where(:hover) :where(.rt-SliderTickLabel) {
19496
- color: var(--gray-12) !important;
19497
- font-weight: var(--font-weight-medium);
19344
+ @media (hover: hover) {
19345
+ .rt-SliderTick:where(:hover) :where(.rt-SliderTickMark) {
19346
+ background-color: var(--gray-12) !important;
19347
+ }
19348
+ .rt-SliderTick:where(:hover) :where(.rt-SliderTickLabel) {
19349
+ color: var(--gray-12) !important;
19350
+ font-weight: var(--font-weight-medium);
19351
+ }
19498
19352
  }
19499
19353
  .rt-SliderTick:where(:active) :where(.rt-SliderTickMark) {
19500
19354
  background-color: var(--gray-12) !important;
@@ -20305,6 +20159,13 @@
20305
20159
  outline-offset: 2px;
20306
20160
  }
20307
20161
  }
20162
+ .rt-BaseTabListTrigger:where([data-disabled]) {
20163
+ color: var(--gray-a8);
20164
+ cursor: default;
20165
+ }
20166
+ .rt-BaseTabListTrigger:where([data-disabled]) :where(.rt-BaseTabListTriggerInner) {
20167
+ background-color: transparent;
20168
+ }
20308
20169
  .rt-TabNavItem {
20309
20170
  display: -webkit-box;
20310
20171
  display: -ms-flexbox;
@@ -20382,24 +20243,6 @@
20382
20243
  font-size: var(--font-size-3);
20383
20244
  line-height: var(--line-height-3);
20384
20245
  }
20385
- .rt-TableRoot:where(.rt-r-size-4) {
20386
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
20387
- --table-cell-padding: var(--space-5);
20388
- --table-cell-min-height: var(--space-9);
20389
- }
20390
- .rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable) {
20391
- font-size: var(--font-size-3);
20392
- line-height: var(--line-height-3);
20393
- }
20394
- .rt-TableRoot:where(.rt-r-size-5) {
20395
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
20396
- --table-cell-padding: var(--space-6);
20397
- --table-cell-min-height: var(--space-10);
20398
- }
20399
- .rt-TableRoot:where(.rt-r-size-5) :where(.rt-TableRootTable) {
20400
- font-size: var(--font-size-4);
20401
- line-height: var(--line-height-4);
20402
- }
20403
20246
  @media (min-width: 520px) {
20404
20247
  .rt-TableRoot:where(.xs\:rt-r-size-1) {
20405
20248
  --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
@@ -20428,24 +20271,6 @@
20428
20271
  font-size: var(--font-size-3);
20429
20272
  line-height: var(--line-height-3);
20430
20273
  }
20431
- .rt-TableRoot:where(.xs\:rt-r-size-4) {
20432
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
20433
- --table-cell-padding: var(--space-5);
20434
- --table-cell-min-height: var(--space-9);
20435
- }
20436
- .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable) {
20437
- font-size: var(--font-size-3);
20438
- line-height: var(--line-height-3);
20439
- }
20440
- .rt-TableRoot:where(.xs\:rt-r-size-5) {
20441
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
20442
- --table-cell-padding: var(--space-6);
20443
- --table-cell-min-height: var(--space-10);
20444
- }
20445
- .rt-TableRoot:where(.xs\:rt-r-size-5) :where(.rt-TableRootTable) {
20446
- font-size: var(--font-size-4);
20447
- line-height: var(--line-height-4);
20448
- }
20449
20274
  }
20450
20275
  @media (min-width: 768px) {
20451
20276
  .rt-TableRoot:where(.sm\:rt-r-size-1) {
@@ -20475,24 +20300,6 @@
20475
20300
  font-size: var(--font-size-3);
20476
20301
  line-height: var(--line-height-3);
20477
20302
  }
20478
- .rt-TableRoot:where(.sm\:rt-r-size-4) {
20479
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
20480
- --table-cell-padding: var(--space-5);
20481
- --table-cell-min-height: var(--space-9);
20482
- }
20483
- .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable) {
20484
- font-size: var(--font-size-3);
20485
- line-height: var(--line-height-3);
20486
- }
20487
- .rt-TableRoot:where(.sm\:rt-r-size-5) {
20488
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
20489
- --table-cell-padding: var(--space-6);
20490
- --table-cell-min-height: var(--space-10);
20491
- }
20492
- .rt-TableRoot:where(.sm\:rt-r-size-5) :where(.rt-TableRootTable) {
20493
- font-size: var(--font-size-4);
20494
- line-height: var(--line-height-4);
20495
- }
20496
20303
  }
20497
20304
  @media (min-width: 1024px) {
20498
20305
  .rt-TableRoot:where(.md\:rt-r-size-1) {
@@ -20522,24 +20329,6 @@
20522
20329
  font-size: var(--font-size-3);
20523
20330
  line-height: var(--line-height-3);
20524
20331
  }
20525
- .rt-TableRoot:where(.md\:rt-r-size-4) {
20526
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
20527
- --table-cell-padding: var(--space-5);
20528
- --table-cell-min-height: var(--space-9);
20529
- }
20530
- .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable) {
20531
- font-size: var(--font-size-3);
20532
- line-height: var(--line-height-3);
20533
- }
20534
- .rt-TableRoot:where(.md\:rt-r-size-5) {
20535
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
20536
- --table-cell-padding: var(--space-6);
20537
- --table-cell-min-height: var(--space-10);
20538
- }
20539
- .rt-TableRoot:where(.md\:rt-r-size-5) :where(.rt-TableRootTable) {
20540
- font-size: var(--font-size-4);
20541
- line-height: var(--line-height-4);
20542
- }
20543
20332
  }
20544
20333
  @media (min-width: 1280px) {
20545
20334
  .rt-TableRoot:where(.lg\:rt-r-size-1) {
@@ -20569,24 +20358,6 @@
20569
20358
  font-size: var(--font-size-3);
20570
20359
  line-height: var(--line-height-3);
20571
20360
  }
20572
- .rt-TableRoot:where(.lg\:rt-r-size-4) {
20573
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
20574
- --table-cell-padding: var(--space-5);
20575
- --table-cell-min-height: var(--space-9);
20576
- }
20577
- .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable) {
20578
- font-size: var(--font-size-3);
20579
- line-height: var(--line-height-3);
20580
- }
20581
- .rt-TableRoot:where(.lg\:rt-r-size-5) {
20582
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
20583
- --table-cell-padding: var(--space-6);
20584
- --table-cell-min-height: var(--space-10);
20585
- }
20586
- .rt-TableRoot:where(.lg\:rt-r-size-5) :where(.rt-TableRootTable) {
20587
- font-size: var(--font-size-4);
20588
- line-height: var(--line-height-4);
20589
- }
20590
20361
  }
20591
20362
  @media (min-width: 1640px) {
20592
20363
  .rt-TableRoot:where(.xl\:rt-r-size-1) {
@@ -20616,24 +20387,6 @@
20616
20387
  font-size: var(--font-size-3);
20617
20388
  line-height: var(--line-height-3);
20618
20389
  }
20619
- .rt-TableRoot:where(.xl\:rt-r-size-4) {
20620
- --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
20621
- --table-cell-padding: var(--space-5);
20622
- --table-cell-min-height: var(--space-9);
20623
- }
20624
- .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable) {
20625
- font-size: var(--font-size-3);
20626
- line-height: var(--line-height-3);
20627
- }
20628
- .rt-TableRoot:where(.xl\:rt-r-size-5) {
20629
- --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
20630
- --table-cell-padding: var(--space-6);
20631
- --table-cell-min-height: var(--space-10);
20632
- }
20633
- .rt-TableRoot:where(.xl\:rt-r-size-5) :where(.rt-TableRootTable) {
20634
- font-size: var(--font-size-4);
20635
- line-height: var(--line-height-4);
20636
- }
20637
20390
  }
20638
20391
  .rt-TableRoot:where(.rt-variant-surface) {
20639
20392
  --backdrop-filter-components-enabled: none;
@@ -21573,25 +21326,25 @@
21573
21326
  }
21574
21327
  .rt-Toolbar:where(.rt-r-size-1) {
21575
21328
  --toolbar-control-height: var(--control-height-1);
21576
- --toolbar-radius: max(var(--radius-1), var(--radius-full));
21329
+ --toolbar-radius: var(--radius-pill-1);
21577
21330
  --toolbar-gap: var(--space-1);
21578
21331
  --toolbar-title-gap: var(--space-2);
21579
21332
  }
21580
21333
  .rt-Toolbar:where(.rt-r-size-2) {
21581
21334
  --toolbar-control-height: var(--control-height-2);
21582
- --toolbar-radius: max(var(--radius-2), var(--radius-full));
21335
+ --toolbar-radius: var(--radius-pill-2);
21583
21336
  --toolbar-gap: var(--space-2);
21584
21337
  --toolbar-title-gap: var(--space-3);
21585
21338
  }
21586
21339
  .rt-Toolbar:where(.rt-r-size-3) {
21587
21340
  --toolbar-control-height: var(--control-height-3);
21588
- --toolbar-radius: max(var(--radius-3), var(--radius-full));
21341
+ --toolbar-radius: var(--radius-pill-3);
21589
21342
  --toolbar-gap: var(--space-2);
21590
21343
  --toolbar-title-gap: var(--space-4);
21591
21344
  }
21592
21345
  .rt-Toolbar:where(.rt-r-size-4) {
21593
21346
  --toolbar-control-height: var(--control-height-4);
21594
- --toolbar-radius: max(var(--radius-4), var(--radius-full));
21347
+ --toolbar-radius: var(--radius-pill-4);
21595
21348
  --toolbar-gap: var(--space-3);
21596
21349
  --toolbar-title-gap: var(--space-5);
21597
21350
  }