@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.
- package/components.css +491 -738
- package/dist/cjs/components/_internal/menu-context.js +1 -1
- package/dist/cjs/components/_internal/menu-context.js.map +3 -3
- package/dist/cjs/components/alert-dialog.js +1 -1
- package/dist/cjs/components/alert-dialog.js.map +3 -3
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +3 -3
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +3 -3
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +3 -3
- package/dist/cjs/components/checkbox-cards.js +1 -1
- package/dist/cjs/components/checkbox-cards.js.map +3 -3
- package/dist/cjs/components/combobox.js +1 -1
- package/dist/cjs/components/combobox.js.map +3 -3
- package/dist/cjs/components/context-menu.js +1 -1
- package/dist/cjs/components/context-menu.js.map +3 -3
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +3 -3
- package/dist/cjs/components/dropdown-menu.js +1 -1
- package/dist/cjs/components/dropdown-menu.js.map +3 -3
- package/dist/cjs/components/hover-card.js +1 -1
- package/dist/cjs/components/hover-card.js.map +3 -3
- package/dist/cjs/components/icon-button.js +1 -1
- package/dist/cjs/components/icon-button.js.map +3 -3
- package/dist/cjs/components/index.js +4 -4
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/message-scroller.js +1 -1
- package/dist/cjs/components/message-scroller.js.map +3 -3
- package/dist/cjs/components/notice.js +2 -2
- package/dist/cjs/components/notice.js.map +3 -3
- package/dist/cjs/components/popover.js +1 -1
- package/dist/cjs/components/popover.js.map +3 -3
- package/dist/cjs/components/radio-cards.js +1 -1
- package/dist/cjs/components/radio-cards.js.map +3 -3
- package/dist/cjs/components/select.js +1 -1
- package/dist/cjs/components/select.js.map +3 -3
- package/dist/cjs/components/sheet.js +1 -1
- package/dist/cjs/components/sheet.js.map +3 -3
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +3 -3
- package/dist/cjs/components/theme-panel.js +2 -2
- package/dist/cjs/components/theme-panel.js.map +3 -3
- package/dist/cjs/components/theme.d.ts.map +1 -1
- package/dist/cjs/components/theme.js +1 -1
- package/dist/cjs/components/theme.js.map +3 -3
- package/dist/cjs/components/toggle-button.js +2 -2
- package/dist/cjs/components/toggle-button.js.map +3 -3
- package/dist/cjs/components/toggle-icon-button.js +1 -1
- package/dist/cjs/components/toggle-icon-button.js.map +3 -3
- package/dist/cjs/components/toolbar.js +1 -1
- package/dist/cjs/components/toolbar.js.map +3 -3
- package/dist/cjs/components/tooltip.js +1 -1
- package/dist/cjs/components/tooltip.js.map +3 -3
- package/dist/cjs/components/user-card.js +1 -1
- package/dist/cjs/components/user-card.js.map +3 -3
- package/dist/cjs/components/virtual-menu.js +1 -1
- package/dist/cjs/components/virtual-menu.js.map +3 -3
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/{chunk-YWENWZOU.js → chunk-2OSGPH7E.js} +2 -2
- package/dist/esm/{chunk-EGMUQQRW.js → chunk-3OELU3EO.js} +2 -2
- package/dist/esm/{chunk-L5PID6BU.js → chunk-64PFYID5.js} +2 -2
- package/dist/esm/{chunk-VHECAEUP.js → chunk-7E2BPXIP.js} +2 -2
- package/dist/esm/{chunk-ISOLUTZF.js → chunk-7FS2VDHO.js} +2 -2
- package/dist/esm/{chunk-KMPE7TJ6.js → chunk-7NVLCYCL.js} +2 -2
- package/dist/esm/{chunk-D6PHTHF2.js → chunk-7R73ISNJ.js} +2 -2
- package/dist/esm/{chunk-UYCPDGWA.js → chunk-7RUVID3O.js} +2 -2
- package/dist/esm/{chunk-IYCPYN4Z.js → chunk-C34HCTGS.js} +2 -2
- package/dist/esm/{chunk-53SZ4Y23.js → chunk-CET7V3FZ.js} +2 -2
- package/dist/esm/{chunk-ZK7A2MZZ.js → chunk-DD6SJPOU.js} +2 -2
- package/dist/esm/{chunk-3R4YLW4A.js → chunk-EPX34Y7S.js} +2 -2
- package/dist/esm/{chunk-OIUCV5HK.js → chunk-ESPWYN5C.js} +2 -2
- package/dist/esm/{chunk-7RQNB63F.js → chunk-GL5QTWYI.js} +2 -2
- package/dist/esm/{chunk-7JJT42J2.js → chunk-JUJYMZ2F.js} +2 -2
- package/dist/esm/{chunk-6G3MPL4A.js → chunk-NJ7S43EK.js} +2 -2
- package/dist/esm/{chunk-XLMTTSRO.js → chunk-NQ3D3UXZ.js} +2 -2
- package/dist/esm/{chunk-MZXHKM4V.js → chunk-P2NZLSAD.js} +2 -2
- package/dist/esm/{chunk-METRW4HG.js → chunk-PHZNRO3D.js} +2 -2
- package/dist/esm/{chunk-CYU6BLZ5.js → chunk-PLYOBXAF.js} +2 -2
- package/dist/esm/{chunk-OLAWVEAI.js → chunk-SAJY4H6J.js} +2 -2
- package/dist/esm/{chunk-WHFJ4JUN.js → chunk-TIT3QMV7.js} +2 -2
- package/dist/esm/{chunk-PQKJNRMR.js → chunk-TVV6IHBN.js} +2 -2
- package/dist/esm/{chunk-CRTH5LNU.js → chunk-VDTB4JG3.js} +2 -2
- package/dist/esm/chunk-VICP2RNA.js +2 -0
- package/dist/esm/chunk-VICP2RNA.js.map +7 -0
- package/dist/esm/{chunk-T4OR62DQ.js → chunk-WBMCZ4Z3.js} +2 -2
- package/dist/esm/{chunk-MEO7MJMQ.js → chunk-XVYTOZES.js} +2 -2
- package/dist/esm/components/_internal/menu-context.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/hover-card.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/message-scroller.js +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/radio-cards.js +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/theme.d.ts.map +1 -1
- package/dist/esm/components/theme.js +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/user-card.js +1 -1
- package/dist/esm/components/virtual-menu.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +3 -3
- package/src/components/_internal/base-button.css +8 -6
- package/src/components/_internal/base-card.css +6 -0
- package/src/components/_internal/base-sidebar-menu.css +9 -1
- package/src/components/_internal/base-tab-list.css +10 -0
- package/src/components/accordion.css +113 -90
- package/src/components/avatar.css +9 -9
- package/src/components/badge.css +3 -3
- package/src/components/callout.css +0 -16
- package/src/components/kbd.css +10 -10
- package/src/components/progress.css +0 -38
- package/src/components/scroll-area.css +3 -3
- package/src/components/segmented-control.css +4 -4
- package/src/components/select.css +3 -3
- package/src/components/shell.css +6 -1
- package/src/components/sidebar.css +129 -28
- package/src/components/slider.css +10 -8
- package/src/components/table.css +0 -20
- package/src/components/text-field.css +7 -5
- package/src/components/theme.tsx +4 -1
- package/src/components/toolbar.css +4 -4
- package/src/styles/scrollbar.css +4 -2
- package/src/styles/tokens/constants.css +5 -5
- package/src/styles/tokens/index.css +0 -3
- package/src/styles/tokens/radius.css +17 -1
- package/styles.css +507 -740
- package/tokens/base.css +12 -0
- package/tokens.css +12 -0
- package/dist/esm/chunk-SEY4NA45.js +0 -2
- package/dist/esm/chunk-SEY4NA45.js.map +0 -7
- /package/dist/esm/{chunk-YWENWZOU.js.map → chunk-2OSGPH7E.js.map} +0 -0
- /package/dist/esm/{chunk-EGMUQQRW.js.map → chunk-3OELU3EO.js.map} +0 -0
- /package/dist/esm/{chunk-L5PID6BU.js.map → chunk-64PFYID5.js.map} +0 -0
- /package/dist/esm/{chunk-VHECAEUP.js.map → chunk-7E2BPXIP.js.map} +0 -0
- /package/dist/esm/{chunk-ISOLUTZF.js.map → chunk-7FS2VDHO.js.map} +0 -0
- /package/dist/esm/{chunk-KMPE7TJ6.js.map → chunk-7NVLCYCL.js.map} +0 -0
- /package/dist/esm/{chunk-D6PHTHF2.js.map → chunk-7R73ISNJ.js.map} +0 -0
- /package/dist/esm/{chunk-UYCPDGWA.js.map → chunk-7RUVID3O.js.map} +0 -0
- /package/dist/esm/{chunk-IYCPYN4Z.js.map → chunk-C34HCTGS.js.map} +0 -0
- /package/dist/esm/{chunk-53SZ4Y23.js.map → chunk-CET7V3FZ.js.map} +0 -0
- /package/dist/esm/{chunk-ZK7A2MZZ.js.map → chunk-DD6SJPOU.js.map} +0 -0
- /package/dist/esm/{chunk-3R4YLW4A.js.map → chunk-EPX34Y7S.js.map} +0 -0
- /package/dist/esm/{chunk-OIUCV5HK.js.map → chunk-ESPWYN5C.js.map} +0 -0
- /package/dist/esm/{chunk-7RQNB63F.js.map → chunk-GL5QTWYI.js.map} +0 -0
- /package/dist/esm/{chunk-7JJT42J2.js.map → chunk-JUJYMZ2F.js.map} +0 -0
- /package/dist/esm/{chunk-6G3MPL4A.js.map → chunk-NJ7S43EK.js.map} +0 -0
- /package/dist/esm/{chunk-XLMTTSRO.js.map → chunk-NQ3D3UXZ.js.map} +0 -0
- /package/dist/esm/{chunk-MZXHKM4V.js.map → chunk-P2NZLSAD.js.map} +0 -0
- /package/dist/esm/{chunk-METRW4HG.js.map → chunk-PHZNRO3D.js.map} +0 -0
- /package/dist/esm/{chunk-CYU6BLZ5.js.map → chunk-PLYOBXAF.js.map} +0 -0
- /package/dist/esm/{chunk-OLAWVEAI.js.map → chunk-SAJY4H6J.js.map} +0 -0
- /package/dist/esm/{chunk-WHFJ4JUN.js.map → chunk-TIT3QMV7.js.map} +0 -0
- /package/dist/esm/{chunk-PQKJNRMR.js.map → chunk-TVV6IHBN.js.map} +0 -0
- /package/dist/esm/{chunk-CRTH5LNU.js.map → chunk-VDTB4JG3.js.map} +0 -0
- /package/dist/esm/{chunk-T4OR62DQ.js.map → chunk-WBMCZ4Z3.js.map} +0 -0
- /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
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
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
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
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
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
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
|
-
|
|
1886
|
-
|
|
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
|
-
|
|
1889
|
-
|
|
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
|
-
|
|
1892
|
-
|
|
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
|
-
|
|
2007
|
-
|
|
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
|
-
|
|
2021
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
3793
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
8858
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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]
|
|
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-
|
|
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]
|
|
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
|
-
|
|
17114
|
-
:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-
|
|
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
|
-
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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]
|
|
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(
|
|
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-
|
|
18075
|
+
border-radius: var(--radius-pill-3);
|
|
18238
18076
|
}
|
|
18239
|
-
|
|
18240
|
-
|
|
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
|
-
|
|
18243
|
-
background-
|
|
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
|
-
|
|
18246
|
-
|
|
18247
|
-
|
|
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
|
-
|
|
18313
|
-
|
|
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
|
-
|
|
18390
|
-
|
|
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
|
-
|
|
19493
|
-
|
|
19494
|
-
|
|
19495
|
-
|
|
19496
|
-
|
|
19497
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
21347
|
+
--toolbar-radius: var(--radius-pill-4);
|
|
21595
21348
|
--toolbar-gap: var(--space-3);
|
|
21596
21349
|
--toolbar-title-gap: var(--space-5);
|
|
21597
21350
|
}
|