npm - @kushagradhawan/kookie-ui - Versions diffs - 0.6.2 → 0.8.0 - Mend

@kushagradhawan/kookie-ui 0.6.2 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1047) hide show

package/components.css CHANGED Viewed

@@ -1098,11 +1098,23 @@
 :where(.rt-Text) {
     margin: 0;
 }
+.rt-Text:where(.rt-emphasis-loud) {
+    color: var(--gray-ink);
+}
+.rt-Text:where(.rt-emphasis-medium) {
+    color: var(--gray-ink-muted);
+}
+.rt-Text:where(.rt-emphasis-quiet) {
+    color: var(--gray-ink-faint);
+}
 .rt-Text:where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
-.rt-Text:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
-    color: var(--accent-12);
+.rt-Text:where([data-accent-color].rt-emphasis-medium) {
+    color: var(--accent-ink-muted);
+}
+.rt-Text:where([data-accent-color].rt-emphasis-quiet) {
+    color: var(--accent-ink-faint);
 }
 @media (pointer: coarse) {
     .rt-Text:where(label) {
@@ -1792,35 +1804,8 @@
     -webkit-transition: var(--transition-accordion-trigger-active);
     transition: var(--transition-accordion-trigger-active);
 }
-:where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
-    color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
-    color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
-    color: var(--accent-11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
-    color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
-    color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
-    color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
-    color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
-    color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
-    color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
-    color: var(--accent-12);
+:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
+    color: var(--accent-ink);
 }
 :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
     background-color: var(--accent-2);
@@ -1929,7 +1914,7 @@
 .rt-AccordionContent {
     overflow: hidden;
     font-size: var(--font-size-2);
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     line-height: var(--line-height-4);
     -webkit-transform-origin: top;
             transform-origin: top;
@@ -2018,21 +2003,9 @@
                 transform: translateY(-4px) scaleY(0.98);
     }
 }
-:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
-    color: var(--accent-12);
-}
-:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
-    color: var(--accent-12);
-}
 :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
     background-color: var(--accent-a4);
 }
-:where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
-    color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
-    color: var(--accent-12);
-}
 @media (prefers-reduced-motion: reduce) {
     :where(.rt-AccordionContent[data-state="open"]),
   :where(.rt-AccordionContent[data-state="closed"]) {
@@ -3087,8 +3060,7 @@
     }
 }
 .rt-AvatarRoot:where(.rt-variant-soft) {
-    --v-color: var(--accent-11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: var(--accent-3);
     --v-bg-a: var(--accent-a3);
     --v-bg-hover: var(--accent-4);
@@ -3098,9 +3070,7 @@
     --v-bg-disabled: var(--gray-a3);
 }
 .rt-AvatarRoot:where(.rt-variant-outline) {
-    --v-color: var(--accent-11);
-    --v-color-a: var(--accent-a11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: transparent;
     --v-bg-a: transparent;
     --v-bg-hover: var(--accent-2);
@@ -3117,8 +3087,7 @@
     --v-border-disabled: var(--gray-a7);
 }
 .rt-AvatarRoot:where(.rt-variant-surface) {
-    --v-color: var(--accent-a11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: var(--accent-2);
     --v-bg-a: var(--accent-a2);
     --v-bg-hover: var(--accent-3);
@@ -3138,19 +3107,10 @@
     color: var(--v-color);
     background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
 }
-.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-    color: var(--v-color-high-contrast);
-}
 .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
     color: var(--gray-a8);
     background-color: var(--v-bg-disabled, var(--gray-a3));
 }
-.rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
-    color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
-}
-.rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-    color: var(--v-color-high-contrast);
-}
 .rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
@@ -3195,12 +3155,8 @@
     --solid-blend: calc(100% - (var(--material-alpha) * 90%));
 }
 .rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
-    background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
-    color: var(--accent-contrast);
-}
-.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-    color: var(--gray-1);
+    background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
+    color: var(--accent-solid-contrast);
 }
 .rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
     color: var(--gray-a8);
@@ -3210,32 +3166,20 @@
 }
 @media (hover: hover) {
     .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
-        background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
+        background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
     }
     .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
         background-color: inherit;
+        -webkit-filter: var(--accent-solid-hover-filter);
+                filter: var(--accent-solid-hover-filter);
     }
 }
 .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
-    background-color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--solid-blend));
+    background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
 }
 .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
     background-color: inherit;
 }
-@media (hover: hover) {
-    .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
-        background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-    }
-    .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
-        background-color: inherit;
-    }
-}
-.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-}
-.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
-    background-color: inherit;
-}
 .rt-AvatarRoot:where(.rt-variant-classic) {
     position: relative;
     top: var(--classic-elevation-offset);
@@ -3243,15 +3187,11 @@
 .rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
     position: relative;
     top: 0;
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
 }
-.rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-    color: var(--gray-12);
-    background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
-}
 .rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
     color: var(--gray-a8);
     background-color: var(--gray-a3);
@@ -3286,24 +3226,12 @@
 :where(.radix-themes) {
     --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
     --avatar-image-active-filter: brightness(0.9) saturate(1.1);
-    --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
-    --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
-    --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
-    --base-button-solid-high-contrast-active-filter: brightness(0.92);
-    --base-button-solid-high-contrast-open-filter: brightness(0.96);
     --segmented-control-indicator-background-color: var(--color-background);
-    --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
 }
 :is(.dark, .dark-theme),
 :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
     --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
     --avatar-image-active-filter: brightness(1.1) saturate(1.1);
-    --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
-    --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
-    --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
-    --base-button-solid-high-contrast-active-filter: brightness(0.9);
-    --base-button-solid-high-contrast-open-filter: brightness(0.95);
-    --slider-range-high-contrast-background-image: none;
 }
 .rt-AvatarStatus,
 .rt-AvatarBadge {
@@ -3692,12 +3620,8 @@
 }
 .rt-Badge:where(.rt-variant-solid) {
     --solid-blend: calc(100% - (var(--material-alpha) * 90%));
-    background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
-    color: var(--accent-contrast);
-}
-.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-    color: var(--gray-1);
+    background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
+    color: var(--accent-solid-contrast);
 }
 .rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3712,16 +3636,10 @@
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-    color: var(--accent-a11);
-}
-.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
-    color: var(--accent-a11);
-}
-.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3741,24 +3659,18 @@
 .rt-Badge:where(.rt-variant-outline) {
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-    color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
+    color: var(--accent-ink);
     -webkit-transition: var(--transition-background-blur);
     transition: var(--transition-background-blur);
 }
-.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
-    color: var(--accent-12);
-}
 .rt-Badge:where(.rt-variant-ghost) {
     background-color: transparent;
-    color: var(--accent-a11);
-}
-.rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-Badge:where(.rt-variant-classic) {
     position: relative;
     top: var(--classic-elevation-offset);
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
     -webkit-transition: var(--transition-text-field);
@@ -3775,9 +3687,6 @@
 .rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
     --classic-surface: var(--color-surface-translucent);
 }
-.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
-    color: var(--accent-12);
-}
 .rt-Blockquote {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
@@ -4010,8 +3919,7 @@
     }
 }
 .rt-BaseButton:where(.rt-variant-soft) {
-    --v-color: var(--accent-a11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: var(--accent-3);
     --v-bg-a: var(--accent-a3);
     --v-bg-hover: var(--accent-4);
@@ -4025,8 +3933,7 @@
     --v-focus-offset: -1px;
 }
 .rt-BaseButton:where(.rt-variant-ghost) {
-    --v-color: var(--accent-a11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: transparent;
     --v-bg-a: transparent;
     --v-bg-hover: var(--accent-3);
@@ -4040,8 +3947,7 @@
     --v-focus-offset: -1px;
 }
 .rt-BaseButton:where(.rt-variant-outline) {
-    --v-color: var(--accent-11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: transparent;
     --v-bg-a: transparent;
     --v-bg-hover: var(--accent-2);
@@ -4064,8 +3970,7 @@
     --v-focus-offset: -1px;
 }
 .rt-BaseButton:where(.rt-variant-surface) {
-    --v-color: var(--accent-a11);
-    --v-color-high-contrast: var(--accent-12);
+    --v-color: var(--accent-ink);
     --v-bg: var(--accent-2);
     --v-bg-a: var(--accent-a2);
     --v-bg-hover: var(--accent-3);
@@ -4091,9 +3996,6 @@
     color: var(--v-color);
     background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
 }
-.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
-    color: var(--v-color-high-contrast);
-}
 .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
     outline: 2px solid var(--v-focus-color);
     outline-offset: var(--v-focus-offset);
@@ -4168,7 +4070,7 @@
 }
 .rt-BaseButton:where(.rt-variant-classic) {
     position: relative;
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     background-color: var(--color-surface-solid);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -4176,9 +4078,6 @@
 .rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
     background-color: var(--color-surface-translucent);
 }
-.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
-    color: var(--gray-12);
-}
 .rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
     outline-offset: 2px;
@@ -4281,8 +4180,8 @@
 }
 .rt-BaseButton:where(.rt-variant-solid) {
     --solid-blend: calc(100% - (var(--material-alpha) * 90%));
-    background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
-    color: var(--accent-contrast);
+    background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
+    color: var(--accent-solid-contrast);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
@@ -4290,22 +4189,24 @@
 }
 @media (hover: hover) {
     .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
-        background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
+        background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
+        -webkit-filter: var(--accent-solid-hover-filter);
+                filter: var(--accent-solid-hover-filter);
         -webkit-box-shadow: var(--shadow-2);
                 box-shadow: var(--shadow-2);
     }
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
-    background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
-    -webkit-filter: var(--base-button-solid-open-filter);
-            filter: var(--base-button-solid-open-filter);
+    background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
+    -webkit-filter: var(--accent-solid-open-filter);
+            filter: var(--accent-solid-open-filter);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
-    -webkit-filter: var(--base-button-solid-active-filter);
-            filter: var(--base-button-solid-active-filter);
+    -webkit-filter: var(--accent-solid-active-filter);
+            filter: var(--accent-solid-active-filter);
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
-    background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
+    background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
     opacity: 0.9;
 }
 @media (pointer: coarse) {
@@ -4314,32 +4215,6 @@
         outline-offset: 0;
     }
 }
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-    color: var(--gray-1);
-}
-@media (hover: hover) {
-    .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
-        background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-        -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
-                filter: var(--base-button-solid-high-contrast-hover-filter);
-        -webkit-box-shadow: var(--shadow-2);
-                box-shadow: var(--shadow-2);
-    }
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-    -webkit-filter: var(--base-button-solid-high-contrast-open-filter);
-            filter: var(--base-button-solid-high-contrast-open-filter);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
-    -webkit-filter: var(--base-button-solid-high-contrast-active-filter);
-            filter: var(--base-button-solid-high-contrast-active-filter);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
-    background-color: var(--accent-12);
-    opacity: 0.85;
-}
 .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
     color: var(--gray-a8);
     background-color: var(--gray-a3);
@@ -4956,7 +4831,7 @@
         -ms-flex-pack: start;
             justify-content: flex-start;
     text-align: left;
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     -webkit-transition: var(--transition-card);
     transition: var(--transition-card);
     border-radius: var(--callout-border-radius);
@@ -4982,9 +4857,6 @@
     backdrop-filter: var(--backdrop-filter-components);
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
-.rt-CalloutRoot:where(.rt-high-contrast) {
-    color: var(--accent-12);
-}
 .rt-CalloutRoot:where(:focus-visible) {
     outline: 2px solid var(--accent-8);
     outline-offset: 2px;
@@ -5331,34 +5203,25 @@
 }
 .rt-CalloutRoot:where(.rt-variant-soft) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
-    color: var(--accent-a11);
-}
-.rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-CalloutRoot:where(.rt-variant-surface) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-    color: var(--accent-a11);
-}
-.rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-CalloutRoot:where(.rt-variant-outline) {
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-    color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
-}
-.rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-CalloutRoot:where(.rt-variant-classic) {
     --classic-surface: var(--color-surface-solid);
     background-color: var(--classic-surface);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     -webkit-transition: var(--transition-text-field);
     transition: var(--transition-text-field);
 }
@@ -5371,9 +5234,6 @@
 .rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
     --classic-surface: var(--color-surface-translucent);
 }
-.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
-    color: var(--accent-12);
-}
 .rt-BaseCard {
     --material-blend: 100%;
     --material-alpha: 0;
@@ -6199,20 +6059,12 @@
             box-shadow: inset 0 0 0 1px var(--accent-9);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
-    background-color: var(--accent-9);
-    -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
-            box-shadow: inset 0 0 0 1px var(--accent-9);
+    background-color: var(--accent-solid);
+    -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
+            box-shadow: inset 0 0 0 1px var(--accent-solid);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-contrast);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
-    background-color: var(--accent-12);
-    -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
-            box-shadow: inset 0 0 0 1px var(--accent-12);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--gray-1);
+    color: var(--accent-solid-contrast);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -6227,7 +6079,7 @@
     top: var(--classic-elevation-offset);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     background-color: var(--color-surface-solid);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -6254,22 +6106,7 @@
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
-    background-color: var(--accent-3);
-}
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before) {
-    background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
-}
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='solid'],[data-material='solid']) {
-    background-color: var(--accent-3);
-}
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='translucent'],[data-material='translucent']) {
-    background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
     top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -6311,10 +6148,7 @@
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
     background-color: var(--gray-a3);
@@ -6325,22 +6159,19 @@
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-11);
+    color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
             box-shadow: inset 0 0 0 1px var(--accent-a6);
-    color: var(--accent-a11);
 }
 :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-11);
 }
 :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
             box-shadow: inset 0 0 0 1px var(--accent-a6);
-    color: var(--accent-a11);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
     background-color: var(--accent-2);
@@ -6363,10 +6194,7 @@
             box-shadow: inset 0 0 0 1px var(--accent-a7);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -6417,10 +6245,7 @@
             box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -7125,35 +6950,35 @@
     --code-variant-font-size-adjust: var(--code-font-size-adjust);
     padding: 0;
 }
+.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
+    color: var(--gray-ink);
+}
+.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
+    color: var(--gray-ink-muted);
+}
+.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
+    color: var(--gray-ink-faint);
+}
 .rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
-.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Code:where(.rt-variant-ghost):where(.rt-high-contrast) {
-    color: var(--accent-12);
+.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
+    color: var(--accent-ink-muted);
+}
+.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
+    color: var(--accent-ink-faint);
 }
 .rt-Code:where(.rt-variant-solid) {
-    background-color: var(--accent-a9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid-a);
+    color: var(--accent-solid-contrast);
 }
 .rt-Code:where(.rt-variant-solid)::-moz-selection {
-    background-color: var(--accent-7);
-    color: var(--accent-12);
+    background-color: var(--accent-solid-selection);
+    color: var(--accent-solid-selection-contrast);
 }
 .rt-Code:where(.rt-variant-solid)::selection {
-    background-color: var(--accent-7);
-    color: var(--accent-12);
-}
-.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
-}
-.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
-    background-color: var(--accent-a11);
-    color: var(--accent-1);
-}
-.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
-    background-color: var(--accent-a11);
-    color: var(--accent-1);
+    background-color: var(--accent-solid-selection);
+    color: var(--accent-solid-selection-contrast);
 }
 .rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
     isolation: isolate;
@@ -7163,27 +6988,18 @@
 }
 @media (hover: hover) {
     :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
-        background-color: var(--accent-10);
+        background-color: var(--accent-solid-hover);
+        filter: var(--accent-solid-hover-filter);
     }
     :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
-        background-color: var(--accent-10);
-    }
-    :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(.rt-high-contrast:hover) {
-        background-color: var(--accent-12);
-        filter: var(--base-button-solid-high-contrast-hover-filter);
-    }
-    :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(.rt-high-contrast:hover) {
-        background-color: var(--accent-12);
-        -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
-                filter: var(--base-button-solid-high-contrast-hover-filter);
+        background-color: var(--accent-solid-hover);
+        -webkit-filter: var(--accent-solid-hover-filter);
+                filter: var(--accent-solid-hover-filter);
     }
 }
 .rt-Code:where(.rt-variant-soft) {
     background-color: var(--accent-a2);
-    color: var(--accent-a11);
-}
-.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
     isolation: isolate;
@@ -7202,12 +7018,7 @@
 .rt-Code:where(.rt-variant-outline) {
     -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
             box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
-    color: var(--accent-a11);
-}
-.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
-    -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
-            box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 .rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
     isolation: isolate;
@@ -7223,6 +7034,12 @@
         background-color: var(--accent-a2);
     }
 }
+.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
+    color: var(--accent-ink-muted);
+}
+.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
+    color: var(--accent-ink-faint);
+}
 .rt-BaseMenuContent {
     --backdrop-filter-components-enabled: none;
     --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
@@ -8000,15 +7817,12 @@
     }
 }
 .rt-BaseMenuItem:where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
 .rt-BaseMenuItem:where([data-disabled]) {
     color: var(--gray-a8);
     cursor: default;
 }
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
-    color: var(--gray-a11);
-}
 .rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
     color: var(--gray-a8);
 }
@@ -8022,11 +7836,11 @@
     background-color: var(--gray-a3);
 }
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
-    color: var(--accent-contrast);
+    color: var(--accent-solid-contrast);
 }
 :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
     color: inherit !important;
@@ -8034,29 +7848,6 @@
 :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
     color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
-    color: var(--accent-1);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
-    color: inherit !important;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
-    color: inherit !important;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
-    color: inherit !important;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
-    color: inherit !important;
-}
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--accent-3);
 }
@@ -8066,7 +7857,7 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
     background-color: var(--accent-4);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
     color: var(--gray-11) !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -8076,16 +7867,6 @@
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
             box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
-.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
-    background-color: var(--accent-5);
-    color: var(--accent-12);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
-    color: var(--accent-12);
-}
-.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
-    background-color: var(--accent-a5);
-}
 @media (forced-colors: active) {
     .rt-BaseMenuItem:where(:focus-visible) {
         outline: 2px solid Highlight;
@@ -8116,16 +7897,22 @@
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    color: var(--gray-a11);
+    color: var(--gray-ink-muted);
 }
-.rt-DataListLabel:where(.rt-high-contrast) {
-    color: var(--gray-12);
+.rt-DataListLabel:where(.rt-emphasis-loud) {
+    color: var(--gray-ink);
+}
+.rt-DataListLabel:where(.rt-emphasis-quiet) {
+    color: var(--gray-ink-faint);
 }
 .rt-DataListLabel:where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
-.rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
-    color: var(--accent-12);
+.rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
+    color: var(--accent-ink-muted);
+}
+.rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
+    color: var(--accent-ink-faint);
 }
 .rt-DataListValue {
     display: -webkit-box;
@@ -10258,12 +10045,8 @@
     width: 100%;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
     color: inherit;
@@ -10275,7 +10058,7 @@
   :where(.rt-ComboboxItem[data-selected='true']) {
     background-color: var(--accent-a4);
 }
-:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
+:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
     color: var(--gray-11);
 }
 .rt-ComboboxItem:where([data-disabled='true']) {
@@ -10329,11 +10112,23 @@
 :where(.rt-Heading) {
     margin: 0;
 }
+.rt-Heading:where(.rt-emphasis-loud) {
+    color: var(--gray-ink);
+}
+.rt-Heading:where(.rt-emphasis-medium) {
+    color: var(--gray-ink-muted);
+}
+.rt-Heading:where(.rt-emphasis-quiet) {
+    color: var(--gray-ink-faint);
+}
 .rt-Heading:where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
-.rt-Heading:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
-    color: var(--accent-12);
+.rt-Heading:where([data-accent-color].rt-emphasis-medium) {
+    color: var(--accent-ink-muted);
+}
+.rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
+    color: var(--accent-ink-faint);
 }
 .rt-Heading:where(.rt-r-size-0) {
     font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
@@ -12287,8 +12082,8 @@
 .rt-Link:where(:disabled,[data-disabled]) {
     cursor: var(--cursor-disabled);
 }
-:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
-    color: var(--accent-12);
+:where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
+    color: var(--accent-ink);
 }
 @supports (color: color-mix(in oklab, white, black)) {
     .rt-Link:where(:-moz-any-link,button) {
@@ -12316,19 +12111,19 @@
         text-decoration-line: underline;
     }
 }
-.rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
     text-decoration-line: underline;
     text-decoration-color: var(--accent-a6);
 }
-.rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
     text-decoration-line: underline;
     text-decoration-color: var(--accent-a6);
 }
 @supports (color: color-mix(in oklab, white, black)) {
-    .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+    :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
         text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
     }
-    .rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+    :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
         text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
     }
 }
@@ -13015,7 +12810,7 @@
             box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
-    background-color: var(--accent-9);
+    background-color: var(--accent-solid);
 }
 .rt-ProgressRoot:where(.rt-variant-soft) {
     background-color: var(--gray-3);
@@ -13030,7 +12825,7 @@
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 .rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
-    background-color: var(--accent-9);
+    background-color: var(--accent-solid);
 }
 .rt-ProgressRoot:where(.rt-variant-outline) {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -13049,10 +12844,7 @@
             box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
-    background-color: var(--accent-9);
-}
-.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
 }
 .rt-Quote {
     -webkit-box-sizing: border-box;
@@ -13201,20 +12993,12 @@
             box-shadow: inset 0 0 0 1px var(--accent-9);
 }
 .rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
-    background-color: var(--accent-9);
-    -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
-            box-shadow: inset 0 0 0 1px var(--accent-9);
+    background-color: var(--accent-solid);
+    -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
+            box-shadow: inset 0 0 0 1px var(--accent-solid);
 }
 .rt-BaseRadioRoot:where(.rt-variant-solid)::after {
-    background-color: var(--accent-contrast);
-}
-.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
-    background-color: var(--accent-12);
-    -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
-            box-shadow: inset 0 0 0 1px var(--accent-12);
-}
-.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
-    background-color: var(--gray-1);
+    background-color: var(--accent-solid-contrast);
 }
 .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -13229,7 +13013,7 @@
     top: var(--classic-elevation-offset);
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     background-color: var(--color-surface-solid);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -13256,10 +13040,7 @@
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic)::after {
-    background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
-    color: var(--accent-12);
+    background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
     top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -13301,10 +13082,7 @@
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseRadioRoot:where(.rt-variant-soft)::after {
-    background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
-    background-color: var(--accent-12);
+    background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
     outline-color: var(--accent-a8);
@@ -13318,22 +13096,19 @@
 .rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-11);
+    color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
             box-shadow: inset 0 0 0 1px var(--accent-a6);
-    color: var(--accent-a11);
 }
 :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-11);
 }
 :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
             box-shadow: inset 0 0 0 1px var(--accent-a6);
-    color: var(--accent-a11);
 }
 .rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
     background-color: var(--accent-2);
@@ -13356,10 +13131,7 @@
             box-shadow: inset 0 0 0 1px var(--accent-a7);
 }
 .rt-BaseRadioRoot:where(.rt-variant-outline)::after {
-    background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
-    background-color: var(--accent-12);
+    background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -13410,10 +13182,7 @@
             box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
 .rt-BaseRadioRoot:where(.rt-variant-surface)::after {
-    background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
-    background-color: var(--accent-12);
+    background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -13611,12 +13380,9 @@
 .rt-RadioCardsItem:where([data-state='checked']) {
     -webkit-transition: var(--transition-fast);
     transition: var(--transition-fast);
-    outline: var(--focus-outline-width) solid var(--accent-indicator);
+    outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
     outline-offset: -1px;
 }
-:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
-    outline-color: var(--accent-12);
-}
 .rt-RadioCardsItem:where(:focus-visible) {
     -webkit-transition: var(--transition-focus);
     transition: var(--transition-focus);
@@ -15190,9 +14956,6 @@
     backdrop-filter: var(--backdrop-filter-components);
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
-.rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
-    color: var(--accent-12);
-}
 .rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
     font-weight: var(--font-weight-medium);
 }
@@ -15328,7 +15091,7 @@
     height: var(--select-trigger-height);
     padding: 0 var(--select-trigger-ghost-padding-x);
     background-color: transparent;
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
 .rt-SelectTrigger:where(.rt-r-size-1) {
     --select-trigger-height: var(--space-5);
@@ -16037,17 +15800,13 @@
 .rt-SelectTrigger:where(.rt-variant-classic) {
     position: relative;
     top: var(--classic-elevation-offset);
-    color: var(--accent-a11);
+    color: var(--accent-ink);
     background-color: var(--color-surface);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
     -webkit-transition: var(--transition-text-field);
     transition: var(--transition-text-field);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
-    color: var(--accent-12);
-    background-color: var(--color-surface);
-}
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
     background-color: var(--color-surface);
 }
@@ -16057,15 +15816,6 @@
 .rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
     background-color: var(--color-surface);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
-    background-color: var(--color-surface);
-}
-.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
-    background-color: var(--color-surface);
-}
-.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
-    background-color: var(--color-surface);
-}
 .rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
     outline-offset: 2px;
@@ -16125,10 +15875,7 @@
 }
 .rt-SelectTrigger:where(.rt-variant-soft) {
     background-color: var(--accent-3);
-    color: var(--accent-a11);
-}
-.rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -16192,9 +15939,6 @@
     opacity: 0.6;
     font-weight: var(--font-weight-regular);
 }
-.rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
-    color: var(--accent-12);
-}
 .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
     color: var(--gray-a10);
     font-weight: var(--font-weight-regular);
@@ -16250,28 +15994,21 @@
 .rt-SelectTrigger:where(.rt-variant-outline) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-11);
+    color: var(--accent-ink);
     -webkit-transition: var(--transition-background-blur);
     transition: var(--transition-background-blur);
 }
-.rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
-    color: var(--accent-12);
-    color: var(--accent-12);
-}
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
             box-shadow: inset 0 0 0 1px var(--accent-a6);
-    color: var(--accent-a11);
 }
 .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-11);
 }
 .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
             box-shadow: inset 0 0 0 1px var(--accent-a6);
-    color: var(--accent-a11);
 }
 @media (hover: hover) {
     .rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
@@ -16355,11 +16092,7 @@
     background-color: var(--accent-2);
     -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
             box-shadow: inset 0 0 0 1px var(--accent-6);
-    color: var(--accent-a11);
-}
-.rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
-    color: var(--accent-12);
-    color: var(--accent-12);
+    color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -16533,18 +16266,18 @@
     }
 }
 .rt-SelectItem:where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
 .rt-SelectItem:where([data-disabled]) {
     color: var(--gray-a8);
     cursor: default;
 }
-.rt-SelectItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
     color: var(--gray-a10);
 }
 .rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
     color: inherit !important;
@@ -16552,30 +16285,10 @@
 :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
     color: inherit !important;
 }
-.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
-    color: inherit !important;
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
-    color: inherit !important;
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
-    color: inherit !important;
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']) {
-    color: inherit !important;
-}
 .rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
     background-color: var(--accent-a4);
 }
-:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']) {
+:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
     color: var(--gray-11) !important;
 }
 .rt-Separator {
@@ -16936,9 +16649,9 @@
     outline-offset: 2px;
 }
 .rt-SidebarMenuButton:where([data-accent-color]) {
-    color: var(--accent-a11);
+    color: var(--accent-ink);
 }
-.rt-SidebarMenuButton :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+.rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
     color: var(--gray-a10);
 }
 .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
@@ -17348,11 +17061,11 @@
     line-height: var(--line-height-0);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
-    color: var(--accent-11);
+    color: var(--accent-ink);
     font-weight: var(--font-weight-medium);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
-    color: var(--accent-11);
+    color: var(--accent-ink);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
@@ -17371,20 +17084,12 @@
     background-color: var(--accent-a3);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
-}
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
@@ -18496,11 +18201,11 @@
     transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
 }
 :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
-    color: var(--accent-contrast);
+    color: var(--accent-solid-contrast);
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
     color: inherit !important;
@@ -18509,12 +18214,12 @@
     color: inherit !important;
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
-    color: var(--accent-contrast) !important;
-    background-color: var(--accent-12) !important;
+    color: var(--accent-solid-badge-contrast) !important;
+    background-color: var(--accent-solid-badge) !important;
 }
 :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]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
     font-weight: var(--font-weight-medium);
 }
 :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[data-active])) :where(.rt-Text) {
@@ -18524,78 +18229,18 @@
     color: inherit !important;
 }
 :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[data-active])) :where(.rt-Badge) {
-    color: var(--accent-contrast) !important;
-    background-color: var(--accent-12) !important;
+    color: var(--accent-solid-badge-contrast) !important;
+    background-color: var(--accent-solid-badge) !important;
 }
-:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
+:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
+    -webkit-transition: var(--transition-menu);
+    transition: var(--transition-menu);
 }
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
-    color: var(--accent-1);
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
-    color: var(--accent-1) !important;
-    background-color: var(--accent-9) !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Text) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Badge) {
-    color: var(--accent-contrast) !important;
-    background-color: var(--accent-12) !important;
-}
-:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
-    font-weight: var(--font-weight-medium);
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
-    color: var(--accent-1) !important;
-    background-color: var(--accent-9) !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Text) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
-    color: inherit !important;
-}
-: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-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Badge) {
-    color: var(--accent-contrast) !important;
-    background-color: var(--accent-12) !important;
-}
-:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
-    -webkit-transition: var(--transition-menu);
-    transition: var(--transition-menu);
-}
-@media (prefers-reduced-motion: reduce) {
-    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
-        -webkit-transition: none;
-        transition: none;
-    }
+@media (prefers-reduced-motion: reduce) {
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
+        -webkit-transition: none;
+        transition: none;
+    }
 }
 :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-SidebarMenuSubTrigger)) {
     -webkit-transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
@@ -18633,7 +18278,7 @@
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
     background-color: var(--accent-a4);
 }
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
     color: var(--gray-11) !important;
 }
 :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]) {
@@ -18655,7 +18300,7 @@
     background-color: var(--accent-a3);
     color: var(--accent-a12);
 }
-: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[data-active])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+: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[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
     color: var(--gray-11) !important;
 }
 .rt-SidebarSearch {
@@ -18766,8 +18411,8 @@
     background-color: var(--accent-a4);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
 }
 .rt-SidebarSearchPopover {
     display: -webkit-box;
@@ -18929,75 +18574,64 @@
     height: var(--content-icon-size-3);
 }
 .rt-ShellRoot {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    --shell-inset-gap: var(--space-2);
+    --shell-rail-offset: 0px;
+    display: grid;
+    grid-template-areas: 'header header header header header' 'rail panel sidebar content inspector' 'bottom bottom bottom bottom bottom';
+    grid-template-columns: auto auto auto minmax(0, 1fr) auto;
+    grid-template-rows: auto minmax(0, 1fr) auto;
     width: 100%;
+    height: 100vh;
     overflow: hidden;
     -ms-scroll-chaining: none;
         overscroll-behavior: none;
     position: relative;
-}
-.rt-ShellRoot:not([style*='height']) {
-    height: 100vh;
+    isolation: isolate;
 }
 @supports (height: 100dvh) {
-    .rt-ShellRoot:not([style*='height']) {
+    .rt-ShellRoot {
         height: 100dvh;
     }
 }
+:root[data-rt-shell-lock] {
+    overflow: hidden;
+}
 .rt-ShellHeader {
-    position: sticky;
-    top: 0;
-    z-index: 50;
-    height: var(--shell-header-height, 64px);
-    min-height: var(--shell-header-height, 64px);
+    grid-area: header;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
+    height: var(--shell-header-height, 64px);
+    min-height: var(--shell-header-height, 64px);
+    position: relative;
+    z-index: 2;
 }
-.rt-ShellBody {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-            flex-direction: row;
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
+.rt-ShellContent {
+    grid-area: content;
+    min-width: 0;
     min-height: 0;
-    overflow: hidden;
-    position: relative;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
     -ms-scroll-chaining: none;
         overscroll-behavior: contain;
+    isolation: isolate;
 }
-.rt-ShellLeft {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-            flex-direction: row;
-    -webkit-box-align: stretch;
-        -ms-flex-align: stretch;
-            align-items: stretch;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    height: 100%;
-}
-.rt-ShellRail {
+.rt-ShellPane {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+    --rt-shell-start: initial;
+    --rt-shell-thin: initial;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -19005,138 +18639,74 @@
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
-    height: 100%;
-    overflow: hidden;
-    position: relative;
-    z-index: 2;
+    min-width: 0;
+    min-height: 0;
+    overflow: visible;
+    position: var(--rt-shell-position, relative);
+    z-index: var(--rt-shell-z, 1);
+    background-color: var(--rt-shell-surface);
+    -webkit-box-shadow: var(--rt-shell-shadow, none);
+            box-shadow: var(--rt-shell-shadow, none);
 }
-.rt-ShellRail[data-mode='expanded'] {
-    width: var(--rail-size, 64px);
+.rt-ShellPane:has(> .rt-ShellResizer) {
+    z-index: var(--rt-shell-z, 2);
 }
-.rt-ShellRail[data-mode='collapsed'] {
-    width: 0px;
-    -webkit-transition: width 0s var(--motion-duration-small);
-    transition: width 0s var(--motion-duration-small);
+.rt-ShellPane:focus {
+    outline: none;
 }
-.rt-ShellRailContent {
-    position: absolute;
+.rt-ShellRail {
+    grid-row: var(--rt-shell-row, rail);
+    grid-column: var(--rt-shell-col, rail);
     inset-block: 0;
     inset-inline-start: 0;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: 100%;
-    height: 100%;
-    gap: var(--space-2);
-    opacity: 0;
-    pointer-events: none;
-    -webkit-transform: translateX(-100%);
-            transform: translateX(-100%);
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([dir='rtl']) .rt-ShellRailContent {
-    -webkit-transform: translateX(100%);
-            transform: translateX(100%);
+    inline-size: var(--rail-size, 64px);
+    max-inline-size: var(--rt-shell-cap, none);
 }
-.rt-ShellRailContent[data-visible] {
-    opacity: 1;
-    pointer-events: auto;
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
+.rt-ShellPanel,
+.rt-ShellSidebar {
+    --rt-shell-start: var(--rt-shell-offset, 0px);
 }
 .rt-ShellPanel {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    height: 100%;
-    overflow: visible;
-    position: relative;
-    z-index: 1;
-}
-.rt-ShellPanel[data-visible] {
-    width: var(--panel-size, 288px);
-}
-.rt-ShellPanel:not([data-visible]) {
-    width: 0px;
-    -webkit-transition: width 0s var(--motion-duration-small);
-    transition: width 0s var(--motion-duration-small);
-}
-.rt-ShellPanelContent {
-    position: absolute;
+    grid-row: var(--rt-shell-row, panel);
+    grid-column: var(--rt-shell-col, panel);
     inset-block: 0;
-    inset-inline-start: 0;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    opacity: 0;
-    pointer-events: none;
-    -webkit-transform: translateX(-100%);
-            transform: translateX(-100%);
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([dir='rtl']) .rt-ShellPanelContent {
-    -webkit-transform: translateX(100%);
-            transform: translateX(100%);
-}
-.rt-ShellPanelContent[data-visible] {
-    opacity: 1;
-    pointer-events: auto;
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-:where([dir='rtl']) .rt-ShellPanelContent[data-visible] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
+    inset-inline-start: var(--rt-shell-offset, 0px);
+    inline-size: var(--panel-size, var(--panel-expanded-size, 288px));
+    max-inline-size: var(--rt-shell-cap, none);
 }
 .rt-ShellSidebar {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    height: 100%;
-    overflow: visible;
-    position: relative;
-    z-index: 1;
+    grid-row: var(--rt-shell-row, sidebar);
+    grid-column: var(--rt-shell-col, sidebar);
+    inset-block: 0;
+    inset-inline-start: var(--rt-shell-offset, 0px);
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    max-inline-size: var(--rt-shell-cap, none);
 }
-.rt-ShellSidebar[data-mode='expanded'] {
-    width: var(--sidebar-size, 288px);
+.rt-ShellSidebar[data-thin] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
 }
-.rt-ShellSidebar[data-mode='thin'] {
-    width: var(--sidebar-thin-size, 64px);
+.rt-ShellInspector {
+    grid-row: var(--rt-shell-row, inspector);
+    grid-column: var(--rt-shell-col, inspector);
+    inset-block: 0;
+    inset-inline-end: 0;
+    inline-size: var(--inspector-size, var(--inspector-expanded-size, 320px));
+    max-inline-size: var(--rt-shell-cap, none);
 }
-.rt-ShellSidebar[data-mode='collapsed'] {
-    width: 0px;
-    -webkit-transition: width 0s var(--motion-duration-small);
-    transition: width 0s var(--motion-duration-small);
+.rt-ShellBottom {
+    grid-row: var(--rt-shell-row, bottom);
+    grid-column: var(--rt-shell-col, bottom);
+    inset-inline: 0;
+    inset-block-end: 0;
+    block-size: var(--bottom-size, var(--bottom-expanded-size, 200px));
+    max-block-size: var(--rt-shell-cap, none);
 }
-.rt-ShellSidebarContent {
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
+.rt-ShellRailContent,
+.rt-ShellPanelContent,
+.rt-ShellSidebarContent,
+.rt-ShellInspectorContent,
+.rt-ShellBottomContent {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -19144,305 +18714,460 @@
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    opacity: 0;
-    pointer-events: none;
-    -webkit-transform: translateX(-100%);
-            transform: translateX(-100%);
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([dir='rtl']) .rt-ShellSidebarContent {
-    -webkit-transform: translateX(100%);
-            transform: translateX(100%);
-}
-.rt-ShellSidebar[data-mode='thin'] .rt-ShellResizer {
-    display: none;
-}
-.rt-ShellSidebarContent[data-visible] {
-    opacity: 1;
-    pointer-events: auto;
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellSidebarContent[data-phase='hiding'] {
-    opacity: 0;
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-}
-.rt-ShellSidebarContent[data-phase='resizing'] {
-    opacity: 0;
-}
-.rt-ShellSidebarContent[data-phase='showing'] {
-    opacity: 1;
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-}
-.rt-ShellSidebar[data-presentation='stacked'] {
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    z-index: 31;
-    -webkit-transform: translateX(-100%);
-            transform: translateX(-100%);
-    will-change: transform;
-    -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    -webkit-box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-            box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-}
-.rt-ShellSidebar[data-presentation='stacked'][data-open] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellSidebar[data-presentation='stacked'][data-peek] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellContent {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     min-width: 0;
-    height: 100%;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    padding-bottom: env(safe-area-inset-bottom, 0px);
-    -ms-scroll-chaining: none;
-        overscroll-behavior: contain;
+    min-height: 0;
+    overflow: hidden;
 }
-.rt-ShellInspector {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    height: 100%;
-    overflow: visible;
-    position: relative;
-    z-index: 1;
+.rt-ShellRailContent {
+    gap: var(--space-2);
 }
-.rt-ShellInspector[data-mode='expanded'] {
-    width: var(--inspector-size, 320px);
+.rt-ShellPane[data-state='closed'] {
+    display: none;
 }
-.rt-ShellInspector[data-mode='collapsed'] {
-    width: 0px;
-    -webkit-transition: width 0s var(--motion-duration-small);
-    transition: width 0s var(--motion-duration-small);
+.rt-ShellPane[data-presentation='overlay'],
+.rt-ShellRail[data-presentation='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+}
+.rt-ShellPane[data-presentation='stacked'],
+.rt-ShellRail[data-presentation='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+}
+.rt-ShellPane[data-state='auto'][data-auto='closed'] {
+    display: none;
 }
-.rt-ShellInspectorContent {
-    position: absolute;
-    inset-block: 0;
-    inset-inline-end: 0;
+.rt-ShellSidebar[data-state='auto'][data-auto='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
+}
+.rt-ShellPane[data-presentation-initial='fixed'],
+.rt-ShellRail[data-presentation-initial='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+}
+.rt-ShellPane[data-presentation-initial='overlay'],
+.rt-ShellRail[data-presentation-initial='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+}
+.rt-ShellPane[data-presentation-initial='stacked'],
+.rt-ShellRail[data-presentation-initial='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+}
+.rt-ShellPane[data-state='auto'][data-auto-initial='closed'] {
+    display: none;
+}
+.rt-ShellPane[data-state='auto'][data-auto-initial='open'],
+.rt-ShellPane[data-state='auto'][data-auto-initial='thin'] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    opacity: 0;
-    pointer-events: none;
-    -webkit-transform: translateX(100%);
-            transform: translateX(100%);
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
 }
-:where([dir='rtl']) .rt-ShellInspectorContent {
-    -webkit-transform: translateX(-100%);
-            transform: translateX(-100%);
+.rt-ShellSidebar[data-state='auto'][data-auto-initial='open'] {
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    --rt-shell-thin: initial;
 }
-.rt-ShellInspectorContent[data-visible] {
-    opacity: 1;
-    pointer-events: auto;
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
+.rt-ShellSidebar[data-state='auto'][data-auto-initial='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
 }
-.rt-ShellBottom {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: 100%;
-    overflow: visible;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    position: relative;
+@media (min-width: 520px) {
+    .rt-ShellPane[data-presentation-xs='fixed'],
+  .rt-ShellRail[data-presentation-xs='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: initial;
+        --rt-shell-z: initial;
+        --rt-shell-row: initial;
+        --rt-shell-col: initial;
+        --rt-shell-surface: initial;
+        --rt-shell-shadow: initial;
+        --rt-shell-cap: initial;
+        --rt-shell-offset: initial;
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-presentation-xs='overlay'],
+  .rt-ShellRail[data-presentation-xs='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 6;
+        --rt-shell-row: 1 / -1;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-5);
+        --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: none;
+    }
+    .rt-ShellPane[data-presentation-xs='stacked'],
+  .rt-ShellRail[data-presentation-xs='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 3;
+        --rt-shell-row: 2 / 3;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-4);
+        --rt-shell-cap: initial;
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-xs='closed'] {
+        display: none;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-xs='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-xs='thin'] {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-xs='open'] {
+        inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+        --rt-shell-thin: initial;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-xs='thin'] {
+        inline-size: var(--sidebar-thin-size, 64px);
+        --rt-shell-thin: none;
+    }
 }
-.rt-ShellBottom[data-mode='expanded'] {
-    height: var(--bottom-size, 200px);
+@media (min-width: 768px) {
+    .rt-ShellPane[data-presentation-sm='fixed'],
+  .rt-ShellRail[data-presentation-sm='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: initial;
+        --rt-shell-z: initial;
+        --rt-shell-row: initial;
+        --rt-shell-col: initial;
+        --rt-shell-surface: initial;
+        --rt-shell-shadow: initial;
+        --rt-shell-cap: initial;
+        --rt-shell-offset: initial;
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-presentation-sm='overlay'],
+  .rt-ShellRail[data-presentation-sm='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 6;
+        --rt-shell-row: 1 / -1;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-5);
+        --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: none;
+    }
+    .rt-ShellPane[data-presentation-sm='stacked'],
+  .rt-ShellRail[data-presentation-sm='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 3;
+        --rt-shell-row: 2 / 3;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-4);
+        --rt-shell-cap: initial;
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-sm='closed'] {
+        display: none;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-sm='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-sm='thin'] {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-sm='open'] {
+        inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+        --rt-shell-thin: initial;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-sm='thin'] {
+        inline-size: var(--sidebar-thin-size, 64px);
+        --rt-shell-thin: none;
+    }
 }
-.rt-ShellBottom[data-mode='collapsed'] {
-    height: 0px;
-    -webkit-transition: height 0s var(--motion-duration-small);
-    transition: height 0s var(--motion-duration-small);
+@media (min-width: 1024px) {
+    .rt-ShellPane[data-presentation-md='fixed'],
+  .rt-ShellRail[data-presentation-md='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: initial;
+        --rt-shell-z: initial;
+        --rt-shell-row: initial;
+        --rt-shell-col: initial;
+        --rt-shell-surface: initial;
+        --rt-shell-shadow: initial;
+        --rt-shell-cap: initial;
+        --rt-shell-offset: initial;
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-presentation-md='overlay'],
+  .rt-ShellRail[data-presentation-md='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 6;
+        --rt-shell-row: 1 / -1;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-5);
+        --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: none;
+    }
+    .rt-ShellPane[data-presentation-md='stacked'],
+  .rt-ShellRail[data-presentation-md='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 3;
+        --rt-shell-row: 2 / 3;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-4);
+        --rt-shell-cap: initial;
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-md='closed'] {
+        display: none;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-md='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-md='thin'] {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-md='open'] {
+        inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+        --rt-shell-thin: initial;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-md='thin'] {
+        inline-size: var(--sidebar-thin-size, 64px);
+        --rt-shell-thin: none;
+    }
 }
-.rt-ShellBottomContent {
-    position: absolute;
-    inset-inline: 0;
-    inset-block-end: 0;
+@media (min-width: 1280px) {
+    .rt-ShellPane[data-presentation-lg='fixed'],
+  .rt-ShellRail[data-presentation-lg='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: initial;
+        --rt-shell-z: initial;
+        --rt-shell-row: initial;
+        --rt-shell-col: initial;
+        --rt-shell-surface: initial;
+        --rt-shell-shadow: initial;
+        --rt-shell-cap: initial;
+        --rt-shell-offset: initial;
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-presentation-lg='overlay'],
+  .rt-ShellRail[data-presentation-lg='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 6;
+        --rt-shell-row: 1 / -1;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-5);
+        --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: none;
+    }
+    .rt-ShellPane[data-presentation-lg='stacked'],
+  .rt-ShellRail[data-presentation-lg='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 3;
+        --rt-shell-row: 2 / 3;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-4);
+        --rt-shell-cap: initial;
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-lg='closed'] {
+        display: none;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-lg='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-lg='thin'] {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-lg='open'] {
+        inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+        --rt-shell-thin: initial;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-lg='thin'] {
+        inline-size: var(--sidebar-thin-size, 64px);
+        --rt-shell-thin: none;
+    }
+}
+@media (min-width: 1640px) {
+    .rt-ShellPane[data-presentation-xl='fixed'],
+  .rt-ShellRail[data-presentation-xl='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: initial;
+        --rt-shell-z: initial;
+        --rt-shell-row: initial;
+        --rt-shell-col: initial;
+        --rt-shell-surface: initial;
+        --rt-shell-shadow: initial;
+        --rt-shell-cap: initial;
+        --rt-shell-offset: initial;
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-presentation-xl='overlay'],
+  .rt-ShellRail[data-presentation-xl='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 6;
+        --rt-shell-row: 1 / -1;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-5);
+        --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: none;
+    }
+    .rt-ShellPane[data-presentation-xl='stacked'],
+  .rt-ShellRail[data-presentation-xl='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+        --rt-shell-position: absolute;
+        --rt-shell-z: 3;
+        --rt-shell-row: 2 / 3;
+        --rt-shell-col: 1 / -1;
+        --rt-shell-surface: var(--color-panel-solid);
+        --rt-shell-shadow: var(--shadow-4);
+        --rt-shell-cap: initial;
+        --rt-shell-offset: var(--shell-rail-offset, 0px);
+        --rt-shell-handle: initial;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-xl='closed'] {
+        display: none;
+    }
+    .rt-ShellPane[data-state='auto'][data-auto-xl='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-xl='thin'] {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-xl='open'] {
+        inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+        --rt-shell-thin: initial;
+    }
+    .rt-ShellSidebar[data-state='auto'][data-auto-xl='thin'] {
+        inline-size: var(--sidebar-thin-size, 64px);
+        --rt-shell-thin: none;
+    }
+}
+.rt-ShellPane[data-peek][data-state],
+.rt-ShellRail ~ .rt-ShellPanel[data-presentation-follows][data-peek][data-state] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 4;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    opacity: 0;
-    pointer-events: none;
-    -webkit-transform: translateY(100%);
-            transform: translateY(100%);
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
 }
-.rt-ShellBottomContent[data-visible] {
-    opacity: 1;
-    pointer-events: auto;
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-}
-.rt-ShellPanel[data-resizing],
-.rt-ShellSidebar[data-resizing],
-.rt-ShellInspector[data-resizing],
-.rt-ShellBottom[data-resizing] {
-    -webkit-transition: none !important;
-    transition: none !important;
-}
-.rt-ShellPanel:not([data-visible]) .rt-ShellResizer,
-.rt-ShellPanel[data-peek] .rt-ShellResizer {
-    display: none;
+.rt-ShellSidebar[data-peek][data-state] {
+    inline-size: var(--peek-sidebar-width, var(--sidebar-size, var(--sidebar-expanded-size, 288px)));
 }
-.rt-ShellInspector[data-mode='collapsed'] .rt-ShellResizer,
-.rt-ShellInspector[data-peek] .rt-ShellResizer,
-.rt-ShellBottom[data-mode='collapsed'] .rt-ShellResizer,
-.rt-ShellBottom[data-peek] .rt-ShellResizer,
-.rt-ShellSidebar[data-mode='collapsed'] .rt-ShellResizer,
-.rt-ShellSidebar[data-peek] .rt-ShellResizer {
+.rt-ShellScrim {
     display: none;
+    position: absolute;
+    inset: 0;
+    z-index: 5;
+    background-color: var(--color-overlay);
 }
-.rt-ShellBottom[data-mode='collapsed'] .rt-ShellBottomContent {
-    opacity: 0;
-    height: 0;
-    visibility: hidden;
-    -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-    transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-}
-[data-presentation='overlay'] {
-    contain: style;
+.rt-ShellRoot[data-overlay-live] > .rt-ShellScrim {
+    display: block;
 }
-.rt-ShellLeft[data-presentation='stacked'] {
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    z-index: 30;
-    -webkit-transform: translateX(-100%);
-            transform: translateX(-100%);
-    will-change: transform;
-    -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    -webkit-box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-            box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-}
-.rt-ShellLeft[data-presentation='stacked'][data-open] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellLeft[data-presentation='stacked'][data-peek] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellInspector[data-presentation='stacked'] {
-    position: absolute;
-    inset-block: 0;
-    inset-inline-end: 0;
-    z-index: 32;
-    width: var(--inspector-size, 320px);
-    -webkit-transform: translateX(100%);
-            transform: translateX(100%);
-    -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    -webkit-box-shadow: -4px 0 12px -6px rgba(0, 0, 0, 0.2);
-            box-shadow: -4px 0 12px -6px rgba(0, 0, 0, 0.2);
-}
-.rt-ShellInspector[data-presentation='stacked'][data-open] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellInspector[data-presentation='stacked'][data-peek] {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-}
-.rt-ShellBottom[data-presentation='stacked'] {
-    position: absolute;
-    inset-inline: 0;
-    inset-block-end: 0;
-    z-index: 31;
-    height: var(--bottom-size, 200px);
-    -webkit-transform: translateY(100%);
-            transform: translateY(100%);
-    -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-    -webkit-box-shadow: 0 -4px 12px -6px rgba(0, 0, 0, 0.2);
-            box-shadow: 0 -4px 12px -6px rgba(0, 0, 0, 0.2);
+.rt-ShellRoot[data-height='auto'] > .rt-ShellScrim,
+.rt-ShellRoot[data-height='auto'] > .rt-ShellPane[data-presentation='overlay'] {
+    position: fixed;
 }
-.rt-ShellBottom[data-presentation='stacked'][data-open] {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
+.rt-ShellRoot:has(> [data-inset])::before,
+.rt-ShellRoot[data-has-inset]::before {
+    content: '';
+    grid-row: 2;
+    grid-column: 1 / -1;
+    background: var(--gray-2);
 }
-.rt-ShellBottom[data-presentation='stacked'][data-peek] {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
+.rt-ShellPane[data-inset],
+.rt-ShellContent[data-inset] {
+    margin: var(--shell-inset-gap);
+    border-radius: var(--radius-surface-3);
+    background: var(--color-background);
+    -webkit-box-shadow: var(--shadow-2);
+            box-shadow: var(--shadow-2);
 }
-@media (prefers-reduced-motion: reduce) {
-    .rt-ShellRail,
-  .rt-ShellPanel,
-  .rt-ShellSidebar,
-  .rt-ShellInspector,
-  .rt-ShellBottom,
-  .rt-ShellRailContent,
-  .rt-ShellPanelContent,
-  .rt-ShellSidebarContent,
-  .rt-ShellInspectorContent,
-  .rt-ShellBottomContent {
-        -webkit-transition: none;
-        transition: none;
-    }
+.rt-ShellRoot:has(> .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .rt-ShellPanel[data-inset][data-presentation='fixed'],
+.rt-ShellRoot:has(> .rt-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .rt-ShellSidebar[data-inset][data-presentation='fixed'],
+.rt-ShellRoot:has(> .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
+    :has(> .rt-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
+  )
+  > .rt-ShellSidebar[data-inset][data-presentation='fixed'],
+.rt-ShellRoot:has(> .rt-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .rt-ShellContent[data-inset],
+.rt-ShellRoot:has(> .rt-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
+    :has(> .rt-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
+  )
+  > .rt-ShellContent[data-inset],
+.rt-ShellRoot:has(> .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
+    :has(> .rt-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .rt-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
+  )
+  > .rt-ShellContent[data-inset],
+.rt-ShellRoot:has(> .rt-ShellContent[data-inset]) > .rt-ShellInspector[data-inset][data-presentation='fixed'] {
+    -webkit-margin-start: 0;
+            margin-inline-start: 0;
+}
+.rt-ShellRoot:has(
+    > .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
+    > .rt-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
+    > .rt-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
+    > .rt-ShellContent[data-inset],
+    > .rt-ShellInspector[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])
+  )
+  > .rt-ShellBottom[data-inset] {
+    -webkit-margin-before: 0;
+            margin-block-start: 0;
 }
 .rt-ShellResizer {
     position: absolute;
     z-index: 1;
     background: transparent;
     --resizer-hit: var(--space-3);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
+    display: var(--rt-shell-thin, var(--rt-shell-handle, flex));
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
@@ -19450,6 +19175,8 @@
         -ms-flex-pack: center;
             justify-content: center;
     overflow: visible;
+    -ms-touch-action: none;
+        touch-action: none;
 }
 .rt-ShellResizer[data-orientation='vertical'][data-edge='end'] {
     inset-block: 0;
@@ -19460,6 +19187,10 @@
     -webkit-transform: translateX(50%);
             transform: translateX(50%);
 }
+.rt-ShellResizer[data-orientation='vertical'][data-edge='end']:dir(rtl) {
+    -webkit-transform: translateX(-50%);
+            transform: translateX(-50%);
+}
 .rt-ShellResizer[data-orientation='vertical'][data-edge='start'] {
     inset-block: 0;
     inset-inline-start: 0;
@@ -19469,6 +19200,10 @@
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
+.rt-ShellResizer[data-orientation='vertical'][data-edge='start']:dir(rtl) {
+    -webkit-transform: translateX(50%);
+            transform: translateX(50%);
+}
 .rt-ShellResizer[data-orientation='horizontal'][data-edge='start'] {
     inset-inline: 0;
     inset-block-start: 0;
@@ -19483,79 +19218,34 @@
         --resizer-hit: var(--space-6);
     }
 }
-.rt-ShellRail[data-peek],
-.rt-ShellPanel[data-peek],
-.rt-ShellSidebar[data-peek],
-.rt-ShellInspector[data-peek],
-.rt-ShellBottom[data-peek] {
+.rt-ShellResizer::before {
+    content: '';
     position: absolute;
-    z-index: 40;
-}
-.rt-ShellRail[data-peek],
-.rt-ShellPanel[data-peek],
-.rt-ShellSidebar[data-peek] {
-    -webkit-box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.15);
-            box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.15);
+    background-color: transparent;
+    pointer-events: none;
 }
-.rt-ShellInspector[data-peek] {
-    -webkit-box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.15);
-            box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.15);
+.rt-ShellResizer[data-orientation='vertical']::before {
     inset-block: 0;
-    inset-inline-end: 0;
-    width: var(--inspector-size, 320px);
+    inset-inline-start: calc(50% - 1px);
+    inline-size: 2px;
 }
-.rt-ShellBottom[data-peek] {
-    -webkit-box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, 0.15);
-            box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, 0.15);
+.rt-ShellResizer[data-orientation='horizontal']::before {
     inset-inline: 0;
-    inset-block-end: 0;
-    height: var(--bottom-size, 200px);
+    inset-block-start: calc(50% - 1px);
+    block-size: 2px;
 }
-.rt-ShellRail[data-peek] .rt-ShellRailContent,
-.rt-ShellPanel[data-peek] .rt-ShellPanelContent,
-.rt-ShellSidebar[data-peek] .rt-ShellSidebarContent,
-.rt-ShellInspector[data-peek] .rt-ShellInspectorContent,
-.rt-ShellBottom[data-peek] .rt-ShellBottomContent {
-    opacity: 1;
-    -webkit-transition-delay: var(--motion-duration-small);
-            transition-delay: var(--motion-duration-small);
-}
-.rt-ShellRail[data-peek] {
-    inset-block: 0;
-    inset-inline-start: 0;
-    width: var(--rail-size, 64px);
-}
-.rt-ShellPanel[data-peek] {
-    inset-block: 0;
-    inset-inline-start: var(--peek-rail-width, var(--rail-size, 64px));
-    width: var(--panel-size, 288px);
-}
-.rt-ShellSidebar[data-peek] {
-    inset-block: 0;
-    inset-inline-start: 0;
-    width: var(--peek-sidebar-width, var(--sidebar-size, 288px));
-}
-.rt-ShellInspector[data-peek][data-mode='collapsed'] {
-    width: var(--inspector-size, 320px);
+.rt-ShellResizer:hover::before,
+.rt-ShellResizer[data-dragging]::before {
+    background-color: var(--gray-a6);
 }
-.rt-ShellBottom[data-peek][data-mode='collapsed'] {
-    height: var(--bottom-size, 200px);
+.rt-ShellResizer:focus-visible {
+    outline: none;
 }
-.rt-ShellBody[data-has-inset] {
-    background: var(--gray-2);
+.rt-ShellResizer:focus-visible::before {
+    background-color: var(--focus-8);
 }
-.rt-ShellLeft[data-inset],
-.rt-ShellSidebar[data-inset],
-.rt-ShellContent[data-inset],
-.rt-ShellInspector[data-inset],
-.rt-ShellBottom[data-inset] {
-    --shell-inset-gap: var(--space-2);
-    margin: var(--shell-inset-gap);
-    border-radius: var(--radius-surface-3);
-    background: var(--color-background);
-    -webkit-box-shadow: var(--shadow-2);
-            box-shadow: var(--shadow-2);
-    height: auto;
+.rt-ShellSidebar[data-thin] .rt-ShellResizer {
+    display: none;
 }
 .rt-SliderRoot {
     --slider-thumb-width: var(--space-3);
@@ -19652,7 +19342,7 @@
     content: '';
     position: absolute;
     inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
-    background-color: white;
+    background-color: var(--accent-solid-thumb);
     border-radius: var(--slider-thumb-radius);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -19868,10 +19558,7 @@
             box-shadow: inset 0 0 0 1px var(--gray-5);
 }
 .rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
-    background-color: var(--accent-9);
-}
-.rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
 }
 .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
     background-color: var(--gray-3);
@@ -19886,10 +19573,7 @@
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
-    background-color: var(--accent-9);
-}
-.rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
 }
 .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
     --slider-thumb-box-shadow: var(--shadow-3);
@@ -19911,17 +19595,11 @@
             box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
-    background-color: var(--accent-9);
-}
-.rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
 }
 .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
     --slider-thumb-box-shadow: var(--shadow-3);
 }
-.rt-SliderRoot:where(:not(.rt-high-contrast)) {
-    --slider-range-high-contrast-background-image: none;
-}
 .rt-SliderRoot:where([data-disabled]) {
     cursor: var(--cursor-disabled);
 }
@@ -20259,6 +19937,7 @@
     transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
 }
 .rt-SwitchThumb:where([data-state='checked']) {
+    background-color: var(--accent-solid-thumb);
     -webkit-transform: translateX(var(--switch-thumb-translate-x));
             transform: translateX(var(--switch-thumb-translate-x));
 }
@@ -20365,12 +20044,7 @@
             box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
-    background-color: var(--accent-9);
-    -webkit-box-shadow: none;
-            box-shadow: none;
-}
-.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
     -webkit-box-shadow: none;
             box-shadow: none;
 }
@@ -20387,10 +20061,7 @@
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 .rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
-    background-color: var(--accent-9);
-}
-.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
 }
 .rt-SwitchRoot:where(.rt-variant-outline)::before {
     -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -20409,12 +20080,7 @@
             box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
-    background-color: var(--accent-9);
-    -webkit-box-shadow: none;
-            box-shadow: none;
-}
-.rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
-    background-color: var(--accent-12);
+    background-color: var(--accent-solid);
     -webkit-box-shadow: none;
             box-shadow: none;
 }
@@ -20789,7 +20455,7 @@
     bottom: 0;
     left: 0;
     right: 0;
-    background-color: var(--accent-indicator);
+    background-color: var(--accent-solid-indicator);
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transition: opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
@@ -20797,9 +20463,6 @@
     transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
     transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
 }
-:is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
-    background-color: var(--accent-12);
-}
 @media (forced-colors: active) {
     .rt-BaseTabListTrigger:where([data-state='active'])::before,
   .rt-TabNavLink:where([data-active])::before {