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