npm - @womp/kookie-ui - Versions diffs - 0.13.3 → 0.14.1 - Mend

@womp/kookie-ui 0.13.3 → 0.14.1

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 (968) hide show

package/styles.css CHANGED Viewed

@@ -3325,21 +3325,21 @@
   --surface-opacity: var(--opacity-7);
   --surface-opacity-percentage: calc(var(--surface-opacity) * 100%);
   --border-width-standard: 1px;
-  --classic-elevation-offset: -0.02em;
-  --classic-active-padding-offset-1: 0.5px;
-  --classic-active-padding-offset-2: 1px;
-  --classic-shadow-blur-small: 0.15em;
-  --classic-border-width: 0.03em;
-  --classic-border-width-thick: 0.05em;
-  --classic-shadow-offset-y: 0.04em;
-  --classic-word-spacing: -0.1em;
-  --classic-elevation-factor-subtle: 3;
-  --classic-shadow-factor-light: 1.5;
-  --classic-border-multiplier-double: 2;
-  --classic-shadow-blur-medium: 0.2em;
-  --classic-shadow-blur-large: 0.4em;
-  --classic-shadow-medium-factor-third: 3;
-  --classic-inset-shadow-dark: inset 0 var(--classic-border-width) calc(var(--classic-shadow-blur-small) / var(--classic-shadow-factor-light)) var(--gray-a4), inset 0 calc(-1 * var(--classic-border-width)) var(--gray-a2), inset 0 calc(var(--classic-border-width) * var(--classic-border-multiplier-double)) calc(var(--classic-shadow-blur-medium) / var(--classic-shadow-medium-factor-third)) var(--gray-a3), 0 0 0 var(--classic-border-width) var(--gray-a5);
+  --raised-elevation-offset: -0.02em;
+  --raised-active-padding-offset-1: 0.5px;
+  --raised-active-padding-offset-2: 1px;
+  --raised-shadow-blur-small: 0.15em;
+  --raised-border-width: 0.03em;
+  --raised-border-width-thick: 0.05em;
+  --raised-shadow-offset-y: 0.04em;
+  --raised-word-spacing: -0.1em;
+  --raised-elevation-factor-subtle: 3;
+  --raised-shadow-factor-light: 1.5;
+  --raised-border-multiplier-double: 2;
+  --raised-shadow-blur-medium: 0.2em;
+  --raised-shadow-blur-large: 0.4em;
+  --raised-shadow-medium-factor-third: 3;
+  --raised-inset-shadow-dark: inset 0 var(--raised-border-width) calc(var(--raised-shadow-blur-small) / var(--raised-shadow-factor-light)) var(--gray-a4), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a2), inset 0 calc(var(--raised-border-width) * var(--raised-border-multiplier-double)) calc(var(--raised-shadow-blur-medium) / var(--raised-shadow-medium-factor-third)) var(--gray-a3), 0 0 0 var(--raised-border-width) var(--gray-a5);
   --trigger-icon-size-default: 9px;
   --trigger-icon-size-1: 10px;
   --trigger-icon-size-2: 11px;
@@ -3355,6 +3355,7 @@
   --select-indicator-icon-size-1: calc(8px * var(--scaling));
   --select-indicator-icon-size-2: calc(10px * var(--scaling));
   --select-indicator-icon-size-3: calc(10px * var(--scaling));
+  --select-indicator-icon-size-4: calc(12px * var(--scaling));
   --select-item-indicator-width-factor: 1.2;
   --separator-height-thin: 1px;
   --progress-default-duration: 5s;
@@ -3378,7 +3379,7 @@
   --slider-thumb-inset-factor: 0.25;
   --slider-focus-ring-inner: 3px;
   --slider-focus-ring-outer: 5px;
-  --slider-classic-inset-offset: 1.5px;
+  --slider-raised-inset-offset: 1.5px;
   --progress-slider-height-1: var(--space-1);
   --progress-slider-height-2: calc(var(--space-1) * 1.5);
   --progress-slider-height-3: var(--space-2);
@@ -3412,6 +3413,22 @@
   --focus-outline-offset: 2px;
   --focus-outline-offset-inset: -1px;
   --padding-ratio-horizontal: 1.5;
+  --classic-active-padding-offset-1: var(--raised-active-padding-offset-1);
+  --classic-active-padding-offset-2: var(--raised-active-padding-offset-2);
+  --classic-border-multiplier-double: var(--raised-border-multiplier-double);
+  --classic-border-width: var(--raised-border-width);
+  --classic-border-width-thick: var(--raised-border-width-thick);
+  --classic-elevation-factor-subtle: var(--raised-elevation-factor-subtle);
+  --classic-elevation-offset: var(--raised-elevation-offset);
+  --classic-inset-shadow-dark: var(--raised-inset-shadow-dark);
+  --classic-shadow-blur-large: var(--raised-shadow-blur-large);
+  --classic-shadow-blur-medium: var(--raised-shadow-blur-medium);
+  --classic-shadow-blur-small: var(--raised-shadow-blur-small);
+  --classic-shadow-factor-light: var(--raised-shadow-factor-light);
+  --classic-shadow-medium-factor-third: var(--raised-shadow-medium-factor-third);
+  --classic-shadow-offset-y: var(--raised-shadow-offset-y);
+  --classic-word-spacing: var(--raised-word-spacing);
+  --slider-classic-inset-offset: var(--slider-raised-inset-offset);
   --color-background: white;
   --color-overlay: var(--black-a6);
   --color-panel-solid: white;
@@ -4608,6 +4625,7 @@
   --code-padding-right: 0.25em;
   --strong-font-size-adjust: 1;
   --strong-font-style: inherit;
+  --heading-font-weight: var(--font-weight-bold);
   --strong-font-weight: var(--font-weight-medium);
   --strong-letter-spacing: 0em;
   --em-font-size-adjust: 1.18;
@@ -6811,23 +6829,23 @@
   backdrop-filter: var(--backdrop-filter-components);
   --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
-:where(.rt-AccordionRoot:where(.rt-variant-classic)) {
+:where(.rt-AccordionRoot:where(.rt-variant-raised)) {
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic)) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-raised)) {
   background-color: var(--color-surface-translucent);
   backdrop-filter: var(--backdrop-filter-components);
 }
-:where(.rt-AccordionRoot:where(.rt-variant-classic)):where([data-panel-background='solid'],[data-material='solid']) {
+:where(.rt-AccordionRoot:where(.rt-variant-raised)):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--color-surface-solid);
   backdrop-filter: none;
   --backdrop-filter-components: none;
 }
-:where(.rt-AccordionRoot:where(.rt-variant-classic)):where([data-panel-background='translucent'],[data-material='translucent']) {
+:where(.rt-AccordionRoot:where(.rt-variant-raised)):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface-translucent);
   backdrop-filter: var(--backdrop-filter-components);
   --backdrop-filter-components: var(--backdrop-filter-components-enabled);
@@ -6965,26 +6983,26 @@
   -webkit-transition: var(--transition-accordion-trigger-active);
   transition: var(--transition-accordion-trigger-active);
 }
-:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
+:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-raised)) .rt-AccordionTrigger {
   color: var(--accent-ink);
 }
 @media (hover: hover) {
-  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
+  :where(.rt-AccordionRoot:where(.rt-variant-raised):hover) {
     background-color: var(--accent-2);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
-  :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
+  :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-raised):hover) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   }
-  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='solid'],[data-material='solid']) {
+  :where(.rt-AccordionRoot:where(.rt-variant-raised):hover):where([data-panel-background='solid'],[data-material='solid']) {
     background-color: var(--accent-2);
   }
-  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover):where([data-panel-background='translucent'],[data-material='translucent']) {
+  :where(.rt-AccordionRoot:where(.rt-variant-raised):hover):where([data-panel-background='translucent'],[data-material='translucent']) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   }
 }
-:where(.rt-AccordionRoot:where(.rt-variant-classic):focus-within) {
+:where(.rt-AccordionRoot:where(.rt-variant-raised):focus-within) {
   outline: 2px solid var(--focus-8);
   outline-offset: 2px;
   -webkit-transition: var(--transition-text-field);
@@ -8362,11 +8380,11 @@
 .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
   background-color: inherit;
 }
-.rt-AvatarRoot:where(.rt-variant-classic) {
+.rt-AvatarRoot:where(.rt-variant-raised) {
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
 }
-.rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
+.rt-AvatarRoot:where(.rt-variant-raised) :where(.rt-AvatarFallback) {
   position: relative;
   top: 0;
   color: var(--accent-ink);
@@ -8374,7 +8392,7 @@
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-.rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
+.rt-AvatarRoot:where(.rt-variant-raised):where([data-disabled]) :where(.rt-AvatarFallback) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
   -webkit-box-shadow: none;
@@ -8382,23 +8400,23 @@
   top: 0;
 }
 @media (hover: hover) {
-  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-classic):where(:hover:not(:disabled,[data-disabled])) {
+  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-raised):where(:hover:not(:disabled,[data-disabled])) {
     background-color: color-mix(in srgb, var(--gray-a2) calc(var(--material-alpha) * 100%), var(--gray-2) var(--material-blend));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
-  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-classic):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
+  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-raised):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
     background-color: inherit;
     -webkit-box-shadow: inherit;
             box-shadow: inherit;
   }
 }
-.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
-  padding-top: var(--classic-active-padding-offset-2);
+.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled])) {
+  padding-top: var(--raised-active-padding-offset-2);
   padding-bottom: 0;
   background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
 }
-.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
+.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
   padding-top: inherit;
   padding-bottom: 0;
   background-color: inherit;
@@ -8839,25 +8857,25 @@
   background-color: transparent;
   color: var(--accent-ink);
 }
-.rt-Badge:where(.rt-variant-classic) {
+.rt-Badge:where(.rt-variant-raised) {
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
   color: var(--accent-ink);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
-  --classic-surface: var(--color-surface-solid);
-  background-color: var(--classic-surface);
+  --raised-surface: var(--color-surface-solid);
+  background-color: var(--raised-surface);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-classic) {
-  --classic-surface: var(--color-surface-translucent);
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge:where(.rt-variant-raised) {
+  --raised-surface: var(--color-surface-translucent);
 }
-.rt-Badge:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
-  --classic-surface: var(--color-surface-solid);
+.rt-Badge:where(.rt-variant-raised):where([data-panel-background='solid'],[data-material='solid']) {
+  --raised-surface: var(--color-surface-solid);
 }
-.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-raised):where([data-panel-background='translucent'],[data-material='translucent']) {
+  --raised-surface: var(--color-surface-translucent);
 }
 .rt-Blockquote {
   -webkit-box-sizing: border-box;
@@ -9242,39 +9260,39 @@
   --margin-bottom-override: initial;
   --margin-left-override: initial;
 }
-.rt-BaseButton:where(.rt-variant-classic) {
+.rt-BaseButton:where(.rt-variant-raised) {
   position: relative;
   color: var(--accent-ink);
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-.rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
+.rt-BaseButton:where(.rt-variant-raised):where([data-material='translucent']) {
   background-color: var(--color-surface-translucent);
 }
-.rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
+.rt-BaseButton:where(.rt-variant-raised):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
   outline-offset: 2px;
 }
 @media (hover: hover) {
-  .rt-BaseButton:where(.rt-variant-classic):where(:hover) {
+  .rt-BaseButton:where(.rt-variant-raised):where(:hover) {
     background-color: color-mix(in srgb, var(--gray-a2) calc(var(--material-alpha) * 100%), var(--gray-2) var(--material-blend));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
 }
-.rt-BaseButton:where(.rt-variant-classic):where([data-state='open']),.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'],[data-disabled])),.rt-BaseButton:where(.rt-variant-classic):where([data-state='on']:not([data-disabled])) {
+.rt-BaseButton:where(.rt-variant-raised):where([data-state='open']),.rt-BaseButton:where(.rt-variant-raised):where(:active:not([data-state='open'],[data-disabled])),.rt-BaseButton:where(.rt-variant-raised):where([data-state='on']:not([data-disabled])) {
   background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
   -webkit-box-shadow: var(--shadow-1);
           box-shadow: var(--shadow-1);
 }
 @media (pointer: coarse) {
-  .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'])) {
-    outline: var(--classic-shadow-blur-large) solid var(--gray-a4);
+  .rt-BaseButton:where(.rt-variant-raised):where(:active:not([data-state='open'])) {
+    outline: var(--raised-shadow-blur-large) solid var(--gray-a4);
     outline-offset: 0;
   }
 }
-.rt-BaseButton:where(.rt-variant-classic):where([data-disabled]) {
+.rt-BaseButton:where(.rt-variant-raised):where([data-disabled]) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
   -webkit-box-shadow: none;
@@ -9385,7 +9403,7 @@
 }
 @media (pointer: coarse) {
   .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
-    outline: var(--classic-shadow-blur-large) solid var(--accent-a4);
+    outline: var(--raised-shadow-blur-large) solid var(--accent-a4);
     outline-offset: 0;
   }
 }
@@ -9422,7 +9440,7 @@
   -webkit-filter: none;
           filter: none;
 }
-.rt-BaseButton:where([disabled][aria-pressed]):where(.rt-variant-classic) {
+.rt-BaseButton:where([disabled][aria-pressed]):where(.rt-variant-raised) {
   top: 0;
 }
 .rt-Button:where(.rt-variant-ghost) {
@@ -10270,23 +10288,23 @@
           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-ink);
 }
-.rt-CalloutRoot:where(.rt-variant-classic) {
-  --classic-surface: var(--color-surface-solid);
-  background-color: var(--classic-surface);
+.rt-CalloutRoot:where(.rt-variant-raised) {
+  --raised-surface: var(--color-surface-solid);
+  background-color: var(--raised-surface);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
   color: var(--accent-ink);
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-classic) {
-  --classic-surface: var(--color-surface-translucent);
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot:where(.rt-variant-raised) {
+  --raised-surface: var(--color-surface-translucent);
 }
-.rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
-  --classic-surface: var(--color-surface-solid);
+.rt-CalloutRoot:where(.rt-variant-raised):where([data-panel-background='solid'],[data-material='solid']) {
+  --raised-surface: var(--color-surface-solid);
 }
-.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-raised):where([data-panel-background='translucent'],[data-material='translucent']) {
+  --raised-surface: var(--color-surface-translucent);
 }
 .rt-BaseCard {
   --material-blend: 100%;
@@ -10841,87 +10859,87 @@
 :where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) .rt-BaseCard:where(.rt-variant-ghost) {
   backdrop-filter: none !important;
 }
-.rt-BaseCard:where(.rt-variant-classic) {
+.rt-BaseCard:where(.rt-variant-raised) {
   --card-border-width: 1px;
   --card-background-color: var(--color-surface-solid);
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCard:where(.rt-variant-raised) {
   --card-background-color: var(--color-surface-translucent);
 }
-.rt-BaseCard:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
+.rt-BaseCard:where(.rt-variant-raised):where([data-panel-background='solid'],[data-material='solid']) {
   --card-background-color: var(--color-surface-solid);
 }
-.rt-BaseCard:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
+.rt-BaseCard:where(.rt-variant-raised):where([data-panel-background='translucent'],[data-material='translucent']) {
   --card-background-color: var(--color-surface-translucent);
 }
-.rt-BaseCard:where(.rt-variant-classic)::before {
+.rt-BaseCard:where(.rt-variant-raised)::before {
   background-color: var(--card-background-color);
 }
-.rt-BaseCard:where(.rt-variant-classic)::after {
+.rt-BaseCard:where(.rt-variant-raised)::after {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:focus-visible) {
+.rt-BaseCard:where(.rt-variant-raised):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
   outline-offset: 2px;
 }
 @media (hover: hover) {
-  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where(:hover) {
+  .rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where(:hover) {
     box-shadow: var(--shadow-2);
   }
-  .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:hover) {
+  .rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where(:hover) {
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
-  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where(:hover)::before {
+  .rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where(:hover)::before {
     background-color: color-mix(in srgb, var(--gray-a2) calc(var(--material-alpha) * 40%), var(--gray-2) var(--material-blend));
   }
-  .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:hover)::before {
+  .rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where(:hover)::before {
     background-color: color-mix(in srgb, var(--gray-a2) calc(var(--material-alpha) * 40%), var(--gray-2) var(--material-blend));
   }
-  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where(:hover)::after {
+  .rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where(:hover)::after {
     box-shadow: none;
   }
-  .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:hover)::after {
+  .rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where(:hover)::after {
     -webkit-box-shadow: none;
             box-shadow: none;
   }
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where([data-state='open'])::before {
+.rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where([data-state='open'])::before {
   background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 40%), var(--gray-3) var(--material-blend));
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where([data-state='open'])::before {
+.rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where([data-state='open'])::before {
   background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 40%), var(--gray-3) var(--material-blend));
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where([data-state='open'])::after {
+.rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where([data-state='open'])::after {
   box-shadow: none;
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where([data-state='open'])::after {
+.rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where([data-state='open'])::after {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where(:active:not([data-state='open']))::before {
+.rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where(:active:not([data-state='open']))::before {
   background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 40%), var(--gray-3) var(--material-blend));
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
+.rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
   background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 40%), var(--gray-3) var(--material-blend));
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where(:active:not([data-state='open']))::after {
+.rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where(:active:not([data-state='open']))::after {
   box-shadow: none;
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::after {
+.rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where(:active:not([data-state='open']))::after {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 @media (pointer: coarse) {
-  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link,button,label):where(:active:not([data-state='open']))::before {
+  .rt-BaseCard:where(.rt-variant-raised):where(:-moz-any-link,button,label):where(:active:not([data-state='open']))::before {
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
-  .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
+  .rt-BaseCard:where(.rt-variant-raised):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
 }
@@ -11136,65 +11154,65 @@
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
   color: var(--gray-a8);
 }
-.rt-BaseCheckboxRoot:where(.rt-variant-classic) {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised) {
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
 }
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='unchecked'])::before {
   color: var(--accent-ink);
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='unchecked'])::before) {
   background-color: var(--color-surface-translucent);
 }
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
+:is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--color-surface-solid);
 }
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
+:is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface-translucent);
 }
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate'])::before {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='checked'],[data-state='indeterminate'])::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'])::before) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='checked'],[data-state='indeterminate'])::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'])::before):where([data-panel-background='solid'],[data-material='solid']) {
+:is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='checked'],[data-state='indeterminate'])::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'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
+:is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='checked'],[data-state='indeterminate'])::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-BaseCheckboxIndicator) {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
   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));
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:active:not(:disabled)) {
+  top: calc(var(--raised-elevation-offset) + var(--raised-active-padding-offset-1));
 }
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:active:not(:disabled))::before {
   background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:active:not(:disabled))::before) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before):where([data-panel-background='solid'],[data-material='solid']) {
+:is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:active:not(:disabled))::before):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--accent-3);
 }
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before):where([data-panel-background='translucent'],[data-material='translucent']) {
+:is(.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:active:not(:disabled))::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(:disabled)::before {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:disabled)::before {
   background-color: var(--gray-a3);
   -webkit-box-shadow: none;
           box-shadow: none;
   background-image: none;
 }
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
   color: var(--gray-a8);
 }
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:disabled) {
+.rt-BaseCheckboxRoot:where(.rt-variant-raised):where(:disabled) {
   top: 0;
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-soft)::before {
@@ -12929,6 +12947,27 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
           box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
+@media (prefers-contrast: more) {
+  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
+    background-color: var(--gray-3);
+  }
+  .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
+    background-color: var(--gray-a3);
+  }
+  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
+  }
+  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
+    color: var(--accent-solid-contrast);
+  }
+  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
+    color: inherit !important;
+  }
+  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
+    color: inherit !important;
+  }
+}
 @media (forced-colors: active) {
   .rt-BaseMenuItem:where(:focus-visible) {
     outline: 2px solid Highlight;
@@ -14078,6 +14117,32 @@
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
+.rt-TextFieldRoot:where(.rt-r-size-4) {
+  --text-field-height: var(--control-height-4);
+  --text-field-padding: calc(var(--space-4) - var(--text-field-border-width));
+  --text-field-border-radius: var(--radius-pill-4);
+  --text-field-native-icon-size: var(--space-5);
+  font-size: var(--font-size-4);
+  letter-spacing: var(--letter-spacing-4);
+}
+.rt-TextFieldRoot:where(.rt-r-size-4) :where(.rt-TextFieldInput) {
+  padding-bottom: 0px;
+}
+:is(.rt-TextFieldRoot:where(.rt-r-size-4) :where(.rt-TextFieldInput))::-webkit-textfield-decoration-container {
+  padding-right: 5px;
+  margin-right: 0px;
+}
+.rt-TextFieldRoot:where(.rt-r-size-4) :where(.rt-TextFieldSlot) {
+  gap: var(--space-3);
+  padding-left: var(--space-4);
+  padding-right: var(--space-4);
+}
+:is(.rt-TextFieldRoot:where(.rt-r-size-4) :where(.rt-TextFieldSlot)) :where(svg) {
+  width: var(--content-icon-size-4);
+  height: var(--content-icon-size-4);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
 @media (min-width: 520px) {
   .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
     --text-field-height: var(--control-height-1);
@@ -14157,6 +14222,32 @@
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
+  .rt-TextFieldRoot:where(.xs\:rt-r-size-4) {
+    --text-field-height: var(--control-height-4);
+    --text-field-padding: calc(var(--space-4) - var(--text-field-border-width));
+    --text-field-border-radius: var(--radius-pill-4);
+    --text-field-native-icon-size: var(--space-5);
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-TextFieldRoot:where(.xs\:rt-r-size-4) :where(.rt-TextFieldInput) {
+    padding-bottom: 0px;
+  }
+  :is(.rt-TextFieldRoot:where(.xs\:rt-r-size-4) :where(.rt-TextFieldInput))::-webkit-textfield-decoration-container {
+    padding-right: 5px;
+    margin-right: 0px;
+  }
+  .rt-TextFieldRoot:where(.xs\:rt-r-size-4) :where(.rt-TextFieldSlot) {
+    gap: var(--space-3);
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  :is(.rt-TextFieldRoot:where(.xs\:rt-r-size-4) :where(.rt-TextFieldSlot)) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
 }
 @media (min-width: 768px) {
   .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
@@ -14237,6 +14328,32 @@
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
+  .rt-TextFieldRoot:where(.sm\:rt-r-size-4) {
+    --text-field-height: var(--control-height-4);
+    --text-field-padding: calc(var(--space-4) - var(--text-field-border-width));
+    --text-field-border-radius: var(--radius-pill-4);
+    --text-field-native-icon-size: var(--space-5);
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-TextFieldRoot:where(.sm\:rt-r-size-4) :where(.rt-TextFieldInput) {
+    padding-bottom: 0px;
+  }
+  :is(.rt-TextFieldRoot:where(.sm\:rt-r-size-4) :where(.rt-TextFieldInput))::-webkit-textfield-decoration-container {
+    padding-right: 5px;
+    margin-right: 0px;
+  }
+  .rt-TextFieldRoot:where(.sm\:rt-r-size-4) :where(.rt-TextFieldSlot) {
+    gap: var(--space-3);
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  :is(.rt-TextFieldRoot:where(.sm\:rt-r-size-4) :where(.rt-TextFieldSlot)) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
 }
 @media (min-width: 1024px) {
   .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
@@ -14317,6 +14434,32 @@
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
+  .rt-TextFieldRoot:where(.md\:rt-r-size-4) {
+    --text-field-height: var(--control-height-4);
+    --text-field-padding: calc(var(--space-4) - var(--text-field-border-width));
+    --text-field-border-radius: var(--radius-pill-4);
+    --text-field-native-icon-size: var(--space-5);
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-TextFieldRoot:where(.md\:rt-r-size-4) :where(.rt-TextFieldInput) {
+    padding-bottom: 0px;
+  }
+  :is(.rt-TextFieldRoot:where(.md\:rt-r-size-4) :where(.rt-TextFieldInput))::-webkit-textfield-decoration-container {
+    padding-right: 5px;
+    margin-right: 0px;
+  }
+  .rt-TextFieldRoot:where(.md\:rt-r-size-4) :where(.rt-TextFieldSlot) {
+    gap: var(--space-3);
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  :is(.rt-TextFieldRoot:where(.md\:rt-r-size-4) :where(.rt-TextFieldSlot)) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
 }
 @media (min-width: 1280px) {
   .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
@@ -14397,6 +14540,32 @@
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
+  .rt-TextFieldRoot:where(.lg\:rt-r-size-4) {
+    --text-field-height: var(--control-height-4);
+    --text-field-padding: calc(var(--space-4) - var(--text-field-border-width));
+    --text-field-border-radius: var(--radius-pill-4);
+    --text-field-native-icon-size: var(--space-5);
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-TextFieldRoot:where(.lg\:rt-r-size-4) :where(.rt-TextFieldInput) {
+    padding-bottom: 0px;
+  }
+  :is(.rt-TextFieldRoot:where(.lg\:rt-r-size-4) :where(.rt-TextFieldInput))::-webkit-textfield-decoration-container {
+    padding-right: 5px;
+    margin-right: 0px;
+  }
+  .rt-TextFieldRoot:where(.lg\:rt-r-size-4) :where(.rt-TextFieldSlot) {
+    gap: var(--space-3);
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  :is(.rt-TextFieldRoot:where(.lg\:rt-r-size-4) :where(.rt-TextFieldSlot)) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
 }
 @media (min-width: 1640px) {
   .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
@@ -14477,6 +14646,32 @@
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
+  .rt-TextFieldRoot:where(.xl\:rt-r-size-4) {
+    --text-field-height: var(--control-height-4);
+    --text-field-padding: calc(var(--space-4) - var(--text-field-border-width));
+    --text-field-border-radius: var(--radius-pill-4);
+    --text-field-native-icon-size: var(--space-5);
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-TextFieldRoot:where(.xl\:rt-r-size-4) :where(.rt-TextFieldInput) {
+    padding-bottom: 0px;
+  }
+  :is(.rt-TextFieldRoot:where(.xl\:rt-r-size-4) :where(.rt-TextFieldInput))::-webkit-textfield-decoration-container {
+    padding-right: 5px;
+    margin-right: 0px;
+  }
+  .rt-TextFieldRoot:where(.xl\:rt-r-size-4) :where(.rt-TextFieldSlot) {
+    gap: var(--space-3);
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  :is(.rt-TextFieldRoot:where(.xl\:rt-r-size-4) :where(.rt-TextFieldSlot)) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
 }
 .rt-TextFieldRoot:where(.rt-variant-outline) {
   --text-field-selection-color: var(--focus-a5);
@@ -14560,7 +14755,7 @@
   -webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
           box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic) {
+.rt-TextFieldRoot:where(.rt-variant-raised) {
   --text-field-selection-color: var(--focus-a5);
   --text-field-focus-color: var(--focus-8);
   --text-field-border-width: 0px;
@@ -14570,69 +14765,69 @@
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot:where(.rt-variant-classic) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot:where(.rt-variant-raised) {
   background-color: var(--color-surface-translucent);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--color-surface-solid);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface-translucent);
 }
 @media (hover: hover) {
-  .rt-TextFieldRoot:where(.rt-variant-classic):where(:hover:not(:has(.rt-TextFieldInput:focus))) {
+  .rt-TextFieldRoot:where(.rt-variant-raised):where(:hover:not(:has(.rt-TextFieldInput:focus))) {
     background-color: var(--accent-2);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
-  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot:where(.rt-variant-classic):where(:hover:not(:has(.rt-TextFieldInput:focus))) {
+  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot:where(.rt-variant-raised):where(:hover:not(:has(.rt-TextFieldInput:focus))) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   }
-  .rt-TextFieldRoot:where(.rt-variant-classic):where(:hover:not(:has(.rt-TextFieldInput:focus))):where([data-panel-background='solid'],[data-material='solid']) {
+  .rt-TextFieldRoot:where(.rt-variant-raised):where(:hover:not(:has(.rt-TextFieldInput:focus))):where([data-panel-background='solid'],[data-material='solid']) {
     background-color: var(--accent-2);
   }
-  .rt-TextFieldRoot:where(.rt-variant-classic):where(:hover:not(:has(.rt-TextFieldInput:focus))):where([data-panel-background='translucent'],[data-material='translucent']) {
+  .rt-TextFieldRoot:where(.rt-variant-raised):where(:hover:not(:has(.rt-TextFieldInput:focus))):where([data-panel-background='translucent'],[data-material='translucent']) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   }
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:focus)) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where(:has(.rt-TextFieldInput:focus)) {
   -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
           box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
 }
-:is(.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput))::-webkit-input-placeholder {
+:is(.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldInput))::-webkit-input-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput))::-moz-placeholder {
+:is(.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldInput))::-moz-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput)):-ms-input-placeholder {
+:is(.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldInput)):-ms-input-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput))::-ms-input-placeholder {
+:is(.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldInput))::-ms-input-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput))::placeholder {
+:is(.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldInput))::placeholder {
   color: var(--gray-a10);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldSlot) {
+.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldSlot) {
   color: var(--gray-a11);
 }
-:is(.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldSlot)):where([data-accent-color]) {
+:is(.rt-TextFieldRoot:where(.rt-variant-raised) :where(.rt-TextFieldSlot)):where([data-accent-color]) {
   color: var(--accent-a11);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:-moz-read-only))) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:-moz-read-only))) {
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   box-shadow: var(--shadow-2);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:-moz-read-only))) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where(:has(.rt-TextFieldInput:where(:disabled,:-moz-read-only))) {
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
-.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
+.rt-TextFieldRoot:where(.rt-variant-raised):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextFieldRoot:where(.rt-variant-soft) {
@@ -14968,12 +15163,12 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
-.rt-TextFieldRoot:where(.rt-error.rt-variant-classic) {
+.rt-TextFieldRoot:where(.rt-error.rt-variant-raised) {
   -webkit-box-shadow: var(--shadow-2), inset 0 0 0 1px var(--red-6);
           box-shadow: var(--shadow-2), inset 0 0 0 1px var(--red-6);
 }
 @media (hover: hover) {
-  .rt-TextFieldRoot:where(.rt-error.rt-variant-classic):where(:hover:not(:has(.rt-TextFieldInput:focus))) {
+  .rt-TextFieldRoot:where(.rt-error.rt-variant-raised):where(:hover:not(:has(.rt-TextFieldInput:focus))) {
     -webkit-box-shadow: var(--shadow-3), inset 0 0 0 1px var(--red-7);
             box-shadow: var(--shadow-3), inset 0 0 0 1px var(--red-7);
   }
@@ -15161,7 +15356,7 @@
   --leading-trim-end: var(--heading-leading-trim-end);
   font-family: var(--heading-font-family);
   font-style: var(--heading-font-style);
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--heading-font-weight);
   line-height: var(--line-height);
 }
 .rt-Heading:where(.rt-r-ff-sans) {
@@ -16620,11 +16815,11 @@
       -ms-user-select: none;
           user-select: none;
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
   min-width: 1.75em;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  word-spacing: var(--classic-word-spacing);
+  word-spacing: var(--raised-word-spacing);
   border-radius: var(--radius-pill-2);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
@@ -16635,79 +16830,79 @@
   height: fit-content;
   color: var(--gray-12);
 }
-.rt-Kbd:where(.rt-variant-classic) {
+.rt-Kbd:where(.rt-variant-raised) {
   background-color: var(--gray-1);
-  -webkit-box-shadow: inset 0 var(--classic-border-width) var(--white-a12), inset 0 calc(-1 * var(--classic-border-width)) var(--gray-a6), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
-          box-shadow: inset 0 var(--classic-border-width) var(--white-a12), inset 0 calc(-1 * var(--classic-border-width)) var(--gray-a6), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
+  -webkit-box-shadow: inset 0 var(--raised-border-width) var(--white-a12), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a6), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
+          box-shadow: inset 0 var(--raised-border-width) var(--white-a12), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a6), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
   -webkit-transition: background-color 120ms, -webkit-box-shadow 120ms;
   transition: background-color 120ms, -webkit-box-shadow 120ms;
   transition: box-shadow 120ms, background-color 120ms;
   transition: box-shadow 120ms, background-color 120ms, -webkit-box-shadow 120ms;
 }
-:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-classic),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-classic) {
-  -webkit-box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), inset 0 calc(-1 * var(--classic-border-width)) var(--black-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
-          box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), inset 0 calc(-1 * var(--classic-border-width)) var(--black-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
+:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised) {
+  -webkit-box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), inset 0 calc(-1 * var(--raised-border-width)) var(--black-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
+          box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), inset 0 calc(-1 * var(--raised-border-width)) var(--black-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
 }
 @media (hover: hover) {
-  .rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where(:hover) {
+  .rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where(:hover) {
     transition-duration: 40ms, 40ms;
     background-color: var(--color-background);
-    box-shadow: 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7), 0 0 0 var(--classic-border-width) var(--gray-a5);
+    box-shadow: 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7), 0 0 0 var(--raised-border-width) var(--gray-a5);
   }
-  .rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where(:hover) {
+  .rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where(:hover) {
     -webkit-transition-duration: 40ms, 40ms;
             transition-duration: 40ms, 40ms;
     background-color: var(--color-background);
-    -webkit-box-shadow: 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7), 0 0 0 var(--classic-border-width) var(--gray-a5);
-            box-shadow: 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7), 0 0 0 var(--classic-border-width) var(--gray-a5);
+    -webkit-box-shadow: 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7), 0 0 0 var(--raised-border-width) var(--gray-a5);
+            box-shadow: 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7), 0 0 0 var(--raised-border-width) var(--gray-a5);
   }
-  :where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where(:hover), :where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where(:hover) {
-    box-shadow: 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12), 0 0 0 var(--classic-border-width) var(--gray-a5);
+  :where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where(:hover), :where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where(:hover) {
+    box-shadow: 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12), 0 0 0 var(--raised-border-width) var(--gray-a5);
   }
-  :where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where(:hover),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where(:hover) {
-    -webkit-box-shadow: 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12), 0 0 0 var(--classic-border-width) var(--gray-a5);
-            box-shadow: 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12), 0 0 0 var(--classic-border-width) var(--gray-a5);
+  :where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where(:hover),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where(:hover) {
+    -webkit-box-shadow: 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12), 0 0 0 var(--raised-border-width) var(--gray-a5);
+            box-shadow: 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12), 0 0 0 var(--raised-border-width) var(--gray-a5);
   }
 }
-.rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where([data-state='open']) {
+.rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where([data-state='open']) {
   transition-duration: 40ms, 40ms;
   background-color: var(--color-background);
-  box-shadow: inset 0 var(--classic-border-width) var(--white-a12), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
+  box-shadow: inset 0 var(--raised-border-width) var(--white-a12), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
 }
-.rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where([data-state='open']) {
+.rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where([data-state='open']) {
   -webkit-transition-duration: 40ms, 40ms;
           transition-duration: 40ms, 40ms;
   background-color: var(--color-background);
-  -webkit-box-shadow: inset 0 var(--classic-border-width) var(--white-a12), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
-          box-shadow: inset 0 var(--classic-border-width) var(--white-a12), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
+  -webkit-box-shadow: inset 0 var(--raised-border-width) var(--white-a12), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
+          box-shadow: inset 0 var(--raised-border-width) var(--white-a12), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
 }
-:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where([data-state='open']), :where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where([data-state='open']) {
-  box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
+:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where([data-state='open']), :where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where([data-state='open']) {
+  box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
 }
-:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where([data-state='open']),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where([data-state='open']) {
-  -webkit-box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
-          box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
+:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where([data-state='open']),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where([data-state='open']) {
+  -webkit-box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
+          box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
 }
-.rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where(:active:not([data-state='open'])) {
-  padding-top: var(--classic-border-width);
+.rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where(:active:not([data-state='open'])) {
+  padding-top: var(--raised-border-width);
   padding-bottom: 0;
   transition-duration: 40ms, 40ms;
   background-color: var(--gray-2);
-  box-shadow: inset 0 var(--classic-border-width) var(--black-a3), 0 0 0 var(--classic-border-width) var(--gray-a7);
+  box-shadow: inset 0 var(--raised-border-width) var(--black-a3), 0 0 0 var(--raised-border-width) var(--gray-a7);
 }
-.rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where(:active:not([data-state='open'])) {
-  padding-top: var(--classic-border-width);
+.rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where(:active:not([data-state='open'])) {
+  padding-top: var(--raised-border-width);
   padding-bottom: 0;
   -webkit-transition-duration: 40ms, 40ms;
           transition-duration: 40ms, 40ms;
   background-color: var(--gray-2);
-  -webkit-box-shadow: inset 0 var(--classic-border-width) var(--black-a3), 0 0 0 var(--classic-border-width) var(--gray-a7);
-          box-shadow: inset 0 var(--classic-border-width) var(--black-a3), 0 0 0 var(--classic-border-width) var(--gray-a7);
+  -webkit-box-shadow: inset 0 var(--raised-border-width) var(--black-a3), 0 0 0 var(--raised-border-width) var(--gray-a7);
+          box-shadow: inset 0 var(--raised-border-width) var(--black-a3), 0 0 0 var(--raised-border-width) var(--gray-a7);
 }
-.rt-Kbd:where(.rt-variant-classic):where(:-moz-any-link,button):where(:focus-visible) {
+.rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
 }
-.rt-Kbd:where(.rt-variant-classic):where(:any-link,button):where(:focus-visible) {
+.rt-Kbd:where(.rt-variant-raised):where(:any-link,button):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
 }
 .rt-Kbd:where(.rt-variant-soft) {
@@ -17252,6 +17447,9 @@
 .rt-NavbarRoot[data-size='3'] .rt-NavbarContainer {
   padding: var(--space-4) var(--space-5);
 }
+.rt-NavbarRoot[data-size='4'] .rt-NavbarContainer {
+  padding: var(--space-5) var(--space-6);
+}
 .rt-NavbarLogo,
 .rt-NavbarActions {
   min-width: 0;
@@ -17922,65 +18120,65 @@
 .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::after {
   background-color: var(--gray-a8);
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic) {
+.rt-BaseRadioRoot:where(.rt-variant-raised) {
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:not(:checked),[data-state='unchecked'])::before {
   color: var(--accent-ink);
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:not(:checked),[data-state='unchecked'])::before) {
   background-color: var(--color-surface-translucent);
 }
-:is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
+:is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--color-surface-solid);
 }
-:is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
+:is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface-translucent);
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked,[data-state='checked'])::before {
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:checked,[data-state='checked'])::before {
   background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked,[data-state='checked'])::before) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:checked,[data-state='checked'])::before) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-:is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked,[data-state='checked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
+:is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:checked,[data-state='checked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--accent-3);
 }
-:is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked,[data-state='checked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
+:is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:checked,[data-state='checked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic)::after {
+.rt-BaseRadioRoot:where(.rt-variant-raised)::after {
   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));
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled])) {
+  top: calc(var(--raised-elevation-offset) + var(--raised-active-padding-offset-1));
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled]))::before {
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled]))::before {
   background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled]))::before) {
+:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled]))::before) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-:is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled]))::before):where([data-panel-background='solid'],[data-material='solid']) {
+:is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled]))::before):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--accent-3);
 }
-:is(.rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled]))::before):where([data-panel-background='translucent'],[data-material='translucent']) {
+:is(.rt-BaseRadioRoot:where(.rt-variant-raised):where(:active:not(:disabled,[data-disabled]))::before):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled,[data-disabled])::before {
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:disabled,[data-disabled])::before {
   background-color: var(--gray-a3);
   -webkit-box-shadow: none;
           box-shadow: none;
   background-image: none;
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled,[data-disabled])::after {
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:disabled,[data-disabled])::after {
   background-color: var(--gray-a8);
 }
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled,[data-disabled]) {
+.rt-BaseRadioRoot:where(.rt-variant-raised):where(:disabled,[data-disabled]) {
   top: 0;
 }
 .rt-BaseRadioRoot:where(.rt-variant-soft)::before {
@@ -20080,6 +20278,26 @@
   width: var(--trigger-icon-size-3);
   height: var(--trigger-icon-size-3);
 }
+.rt-SelectTrigger:where(.rt-r-size-4) {
+  --select-trigger-height: var(--control-height-4);
+  gap: var(--component-gap-4);
+  font-size: var(--font-size-4);
+  line-height: var(--line-height-4);
+  letter-spacing: var(--letter-spacing-4);
+  border-radius: var(--radius-pill-4);
+}
+.rt-SelectTrigger:where(.rt-r-size-4):where(:not(.rt-variant-ghost)) {
+  padding-left: var(--space-4);
+  padding-right: var(--space-4);
+}
+.rt-SelectTrigger:where(.rt-r-size-4):where(.rt-variant-ghost) {
+  gap: var(--component-gap-ghost-4);
+  --select-trigger-ghost-padding-x: var(--space-3);
+}
+.rt-SelectTrigger:where(.rt-r-size-4) :where(.rt-SelectIcon) {
+  width: var(--trigger-icon-size-4);
+  height: var(--trigger-icon-size-4);
+}
 @media (min-width: 520px) {
   .rt-SelectTrigger:where(.xs\:rt-r-size-1) {
     --select-trigger-height: var(--control-height-1);
@@ -20141,6 +20359,26 @@
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
+  .rt-SelectTrigger:where(.xs\:rt-r-size-4) {
+    --select-trigger-height: var(--control-height-4);
+    gap: var(--component-gap-4);
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    border-radius: var(--radius-pill-4);
+  }
+  .rt-SelectTrigger:where(.xs\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  .rt-SelectTrigger:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
+    gap: var(--component-gap-ghost-4);
+    --select-trigger-ghost-padding-x: var(--space-3);
+  }
+  .rt-SelectTrigger:where(.xs\:rt-r-size-4) :where(.rt-SelectIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
+  }
 }
 @media (min-width: 768px) {
   .rt-SelectTrigger:where(.sm\:rt-r-size-1) {
@@ -20203,6 +20441,26 @@
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
+  .rt-SelectTrigger:where(.sm\:rt-r-size-4) {
+    --select-trigger-height: var(--control-height-4);
+    gap: var(--component-gap-4);
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    border-radius: var(--radius-pill-4);
+  }
+  .rt-SelectTrigger:where(.sm\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  .rt-SelectTrigger:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
+    gap: var(--component-gap-ghost-4);
+    --select-trigger-ghost-padding-x: var(--space-3);
+  }
+  .rt-SelectTrigger:where(.sm\:rt-r-size-4) :where(.rt-SelectIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
+  }
 }
 @media (min-width: 1024px) {
   .rt-SelectTrigger:where(.md\:rt-r-size-1) {
@@ -20265,6 +20523,26 @@
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
+  .rt-SelectTrigger:where(.md\:rt-r-size-4) {
+    --select-trigger-height: var(--control-height-4);
+    gap: var(--component-gap-4);
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    border-radius: var(--radius-pill-4);
+  }
+  .rt-SelectTrigger:where(.md\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  .rt-SelectTrigger:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
+    gap: var(--component-gap-ghost-4);
+    --select-trigger-ghost-padding-x: var(--space-3);
+  }
+  .rt-SelectTrigger:where(.md\:rt-r-size-4) :where(.rt-SelectIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
+  }
 }
 @media (min-width: 1280px) {
   .rt-SelectTrigger:where(.lg\:rt-r-size-1) {
@@ -20327,6 +20605,26 @@
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
+  .rt-SelectTrigger:where(.lg\:rt-r-size-4) {
+    --select-trigger-height: var(--control-height-4);
+    gap: var(--component-gap-4);
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    border-radius: var(--radius-pill-4);
+  }
+  .rt-SelectTrigger:where(.lg\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  .rt-SelectTrigger:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
+    gap: var(--component-gap-ghost-4);
+    --select-trigger-ghost-padding-x: var(--space-3);
+  }
+  .rt-SelectTrigger:where(.lg\:rt-r-size-4) :where(.rt-SelectIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
+  }
 }
 @media (min-width: 1640px) {
   .rt-SelectTrigger:where(.xl\:rt-r-size-1) {
@@ -20389,6 +20687,26 @@
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
+  .rt-SelectTrigger:where(.xl\:rt-r-size-4) {
+    --select-trigger-height: var(--control-height-4);
+    gap: var(--component-gap-4);
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    border-radius: var(--radius-pill-4);
+  }
+  .rt-SelectTrigger:where(.xl\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+  }
+  .rt-SelectTrigger:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
+    gap: var(--component-gap-ghost-4);
+    --select-trigger-ghost-padding-x: var(--space-3);
+  }
+  .rt-SelectTrigger:where(.xl\:rt-r-size-4) :where(.rt-SelectIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
+  }
 }
 .rt-SelectContent:where(.rt-r-size-1) {
   --select-content-padding: var(--space-1);
@@ -20412,18 +20730,18 @@
   width: var(--select-indicator-icon-size-1);
   height: var(--select-indicator-icon-size-1);
 }
-.rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) {
+.rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) {
   --select-content-padding: var(--space-2);
   --select-item-indicator-width: var(--space-5);
   --select-separator-margin-right: var(--space-3);
   border-radius: var(--radius-surface-4);
 }
-.rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) :where(.rt-SelectLabel) {
+.rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) :where(.rt-SelectLabel) {
   font-size: var(--font-size-2);
   letter-spacing: var(--letter-spacing-2);
   line-height: var(--line-height-2);
 }
-.rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) :where(.rt-SelectItem) {
+.rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) :where(.rt-SelectItem) {
   line-height: var(--line-height-2);
   border-radius: var(--radius-2);
 }
@@ -20449,6 +20767,17 @@
   width: var(--select-indicator-icon-size-3);
   height: var(--select-indicator-icon-size-3);
 }
+.rt-SelectContent:where(.rt-r-size-4) {
+  --select-item-height: var(--control-height-4);
+}
+.rt-SelectContent:where(.rt-r-size-4) :where(.rt-SelectItem) {
+  font-size: var(--font-size-4);
+  letter-spacing: var(--letter-spacing-4);
+}
+.rt-SelectContent:where(.rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
+  width: var(--select-indicator-icon-size-4);
+  height: var(--select-indicator-icon-size-4);
+}
 @media (min-width: 520px) {
   .rt-SelectContent:where(.xs\:rt-r-size-1) {
     --select-content-padding: var(--space-1);
@@ -20472,18 +20801,18 @@
     width: var(--select-indicator-icon-size-1);
     height: var(--select-indicator-icon-size-1);
   }
-  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
+  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) {
     --select-content-padding: var(--space-2);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
   }
-  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) :where(.rt-SelectLabel) {
+  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
     line-height: var(--line-height-2);
   }
-  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) :where(.rt-SelectItem) {
+  .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) :where(.rt-SelectItem) {
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
@@ -20509,6 +20838,17 @@
     width: var(--select-indicator-icon-size-3);
     height: var(--select-indicator-icon-size-3);
   }
+  .rt-SelectContent:where(.xs\:rt-r-size-4) {
+    --select-item-height: var(--control-height-4);
+  }
+  .rt-SelectContent:where(.xs\:rt-r-size-4) :where(.rt-SelectItem) {
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-SelectContent:where(.xs\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
+    width: var(--select-indicator-icon-size-4);
+    height: var(--select-indicator-icon-size-4);
+  }
 }
 @media (min-width: 768px) {
   .rt-SelectContent:where(.sm\:rt-r-size-1) {
@@ -20533,18 +20873,18 @@
     width: var(--select-indicator-icon-size-1);
     height: var(--select-indicator-icon-size-1);
   }
-  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
+  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) {
     --select-content-padding: var(--space-2);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
   }
-  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) :where(.rt-SelectLabel) {
+  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
     line-height: var(--line-height-2);
   }
-  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) :where(.rt-SelectItem) {
+  .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) :where(.rt-SelectItem) {
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
@@ -20570,6 +20910,17 @@
     width: var(--select-indicator-icon-size-3);
     height: var(--select-indicator-icon-size-3);
   }
+  .rt-SelectContent:where(.sm\:rt-r-size-4) {
+    --select-item-height: var(--control-height-4);
+  }
+  .rt-SelectContent:where(.sm\:rt-r-size-4) :where(.rt-SelectItem) {
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-SelectContent:where(.sm\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
+    width: var(--select-indicator-icon-size-4);
+    height: var(--select-indicator-icon-size-4);
+  }
 }
 @media (min-width: 1024px) {
   .rt-SelectContent:where(.md\:rt-r-size-1) {
@@ -20594,18 +20945,18 @@
     width: var(--select-indicator-icon-size-1);
     height: var(--select-indicator-icon-size-1);
   }
-  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
+  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) {
     --select-content-padding: var(--space-2);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
   }
-  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) :where(.rt-SelectLabel) {
+  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
     line-height: var(--line-height-2);
   }
-  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) :where(.rt-SelectItem) {
+  .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) :where(.rt-SelectItem) {
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
@@ -20631,6 +20982,17 @@
     width: var(--select-indicator-icon-size-3);
     height: var(--select-indicator-icon-size-3);
   }
+  .rt-SelectContent:where(.md\:rt-r-size-4) {
+    --select-item-height: var(--control-height-4);
+  }
+  .rt-SelectContent:where(.md\:rt-r-size-4) :where(.rt-SelectItem) {
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-SelectContent:where(.md\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
+    width: var(--select-indicator-icon-size-4);
+    height: var(--select-indicator-icon-size-4);
+  }
 }
 @media (min-width: 1280px) {
   .rt-SelectContent:where(.lg\:rt-r-size-1) {
@@ -20655,18 +21017,18 @@
     width: var(--select-indicator-icon-size-1);
     height: var(--select-indicator-icon-size-1);
   }
-  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
+  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) {
     --select-content-padding: var(--space-2);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
   }
-  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) :where(.rt-SelectLabel) {
+  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
     line-height: var(--line-height-2);
   }
-  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) :where(.rt-SelectItem) {
+  .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) :where(.rt-SelectItem) {
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
@@ -20692,6 +21054,17 @@
     width: var(--select-indicator-icon-size-3);
     height: var(--select-indicator-icon-size-3);
   }
+  .rt-SelectContent:where(.lg\:rt-r-size-4) {
+    --select-item-height: var(--control-height-4);
+  }
+  .rt-SelectContent:where(.lg\:rt-r-size-4) :where(.rt-SelectItem) {
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-SelectContent:where(.lg\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
+    width: var(--select-indicator-icon-size-4);
+    height: var(--select-indicator-icon-size-4);
+  }
 }
 @media (min-width: 1640px) {
   .rt-SelectContent:where(.xl\:rt-r-size-1) {
@@ -20716,18 +21089,18 @@
     width: var(--select-indicator-icon-size-1);
     height: var(--select-indicator-icon-size-1);
   }
-  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
+  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) {
     --select-content-padding: var(--space-2);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
   }
-  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) :where(.rt-SelectLabel) {
+  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
     line-height: var(--line-height-2);
   }
-  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) :where(.rt-SelectItem) {
+  .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) :where(.rt-SelectItem) {
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
@@ -20753,10 +21126,21 @@
     width: var(--select-indicator-icon-size-3);
     height: var(--select-indicator-icon-size-3);
   }
+  .rt-SelectContent:where(.xl\:rt-r-size-4) {
+    --select-item-height: var(--control-height-4);
+  }
+  .rt-SelectContent:where(.xl\:rt-r-size-4) :where(.rt-SelectItem) {
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
+  .rt-SelectContent:where(.xl\:rt-r-size-4) :where(.rt-SelectItemIndicatorIcon) {
+    width: var(--select-indicator-icon-size-4);
+    height: var(--select-indicator-icon-size-4);
+  }
 }
-.rt-SelectTrigger:where(.rt-variant-classic) {
+.rt-SelectTrigger:where(.rt-variant-raised) {
   position: relative;
-  top: var(--classic-elevation-offset);
+  top: var(--raised-elevation-offset);
   color: var(--accent-ink);
   background-color: var(--color-surface);
   -webkit-box-shadow: var(--shadow-2);
@@ -20764,60 +21148,60 @@
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-raised) {
   background-color: var(--color-surface);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='solid'],[data-material='solid']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--color-surface);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
+.rt-SelectTrigger:where(.rt-variant-raised):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
   outline-offset: 2px;
 }
 @media (hover: hover) {
-  .rt-SelectTrigger:where(.rt-variant-classic):where(:hover) {
+  .rt-SelectTrigger:where(.rt-variant-raised):where(:hover) {
     background-color: var(--accent-2);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
-  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(:hover) {
+  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-raised):where(:hover) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   }
-  .rt-SelectTrigger:where(.rt-variant-classic):where(:hover):where([data-panel-background='solid'],[data-material='solid']) {
+  .rt-SelectTrigger:where(.rt-variant-raised):where(:hover):where([data-panel-background='solid'],[data-material='solid']) {
     background-color: var(--accent-2);
   }
-  .rt-SelectTrigger:where(.rt-variant-classic):where(:hover):where([data-panel-background='translucent'],[data-material='translucent']) {
+  .rt-SelectTrigger:where(.rt-variant-raised):where(:hover):where([data-panel-background='translucent'],[data-material='translucent']) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   }
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where([data-state='open']) {
   background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-raised):where([data-state='open']) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']):where([data-panel-background='solid'],[data-material='solid']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where([data-state='open']):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--accent-3);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']):where([data-panel-background='translucent'],[data-material='translucent']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where([data-state='open']):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'],[data-disabled])) {
+.rt-SelectTrigger:where(.rt-variant-raised):where(:active:not([data-state='open'],[data-disabled])) {
   background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'],[data-disabled])) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-raised):where(:active:not([data-state='open'],[data-disabled])) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'],[data-disabled])):where([data-panel-background='solid'],[data-material='solid']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where(:active:not([data-state='open'],[data-disabled])):where([data-panel-background='solid'],[data-material='solid']) {
   background-color: var(--accent-3);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'],[data-disabled])):where([data-panel-background='translucent'],[data-material='translucent']) {
+.rt-SelectTrigger:where(.rt-variant-raised):where(:active:not([data-state='open'],[data-disabled])):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where(:disabled) {
+.rt-SelectTrigger:where(.rt-variant-raised):where(:disabled) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
   -webkit-box-shadow: none;
@@ -20827,7 +21211,7 @@
   pointer-events: none;
   top: 0;
 }
-.rt-SelectTrigger:where(.rt-variant-classic):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
+.rt-SelectTrigger:where(.rt-variant-raised):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
   color: var(--gray-a10);
 }
 .rt-SelectTrigger:where(.rt-variant-soft) {
@@ -21785,13 +22169,16 @@
   margin-top: 1px;
   margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) {
+:where(.rt-ShellRailContent .rt-ShellPaneChrome) {
+  --sidebar-base-padding: var(--space-2) !important;
+}
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter))) {
   padding: var(--space-2);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuViewport) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuViewport) {
   padding: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter))) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
   -webkit-box-pack: center !important;
       -ms-flex-pack: center !important;
           justify-content: center !important;
@@ -21813,7 +22200,7 @@
   margin-top: 1px;
   margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
   padding-top: var(--space-1) !important;
   padding-bottom: var(--space-1) !important;
   -webkit-box-pack: center;
@@ -21836,7 +22223,7 @@
   max-width: 100%;
   min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
   padding-top: var(--space-1) !important;
   padding-bottom: var(--space-1) !important;
   -webkit-box-pack: center;
@@ -21859,7 +22246,7 @@
   max-width: 100%;
   min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
   padding-top: var(--space-2) !important;
   padding-bottom: var(--space-2) !important;
   -webkit-box-pack: center;
@@ -21882,52 +22269,52 @@
   max-width: 100%;
   min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1)) {
   --base-menu-item-padding-left: var(--space-1) !important;
   --base-menu-item-padding-right: var(--space-1) !important;
   --base-menu-item-padding-y: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
   --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
   --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
   width: var(--content-icon-size-3);
   height: var(--content-icon-size-3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2)) {
   --base-menu-item-padding-left: var(--space-1) !important;
   --base-menu-item-padding-right: var(--space-1) !important;
   --base-menu-item-padding-y: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
   --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
   --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
   width: var(--content-icon-size-4);
   height: var(--content-icon-size-4);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3)) {
   --base-menu-item-padding-left: var(--space-1) !important;
   --base-menu-item-padding-right: var(--space-1) !important;
   --base-menu-item-padding-y: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
   --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
   --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
   width: var(--content-icon-size-5);
   height: var(--content-icon-size-5);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > *) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton > *) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -21944,7 +22331,7 @@
   width: 100%;
   min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTrigger > *) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubTrigger > *) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -21958,11 +22345,11 @@
   width: 100%;
   min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > * > svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton > * > svg) {
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -21979,10 +22366,10 @@
   width: 100%;
   min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton) :where(svg) {
   display: block;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuIconWrapper) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -21998,19 +22385,19 @@
   -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
   transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
 }
-.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1) .rt-SidebarMenuIconWrapper {
   padding: var(--space-2) var(--space-2);
   border-radius: var(--radius-pill-1);
 }
-.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2) .rt-SidebarMenuIconWrapper {
   padding: var(--space-2);
   border-radius: var(--radius-pill-2);
 }
-.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3) .rt-SidebarMenuIconWrapper {
   padding: var(--space-3);
   border-radius: var(--radius-pill-3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
   display: block;
   max-width: 100%;
   min-width: 0;
@@ -22022,77 +22409,77 @@
   font-size: var(--font-size-0);
   line-height: var(--line-height-0);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
   color: var(--accent-ink);
   font-weight: var(--font-weight-medium);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
   color: var(--accent-ink);
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
     color: var(--accent-ink);
   }
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton[data-active]) {
   background-color: transparent !important;
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
     background-color: transparent !important;
   }
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
   background-color: var(--accent-4);
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-4);
   }
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
   background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+:where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
   background-color: var(--accent-a4);
 }
 @media (hover: hover) {
-  :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+  :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-a4);
   }
 }
-:where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+:where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
   background-color: var(--accent-a3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
   background-color: var(--accent-solid);
   color: var(--accent-solid-contrast);
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     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) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
   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),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Kbd) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuBadge),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuShortcut),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-Badge),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-Kbd) {
   display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarGroupLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarGroupLabel) {
   display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTriggerIcon),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubTriggerIcon) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubTriggerIcon),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubTriggerIcon) {
   display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubList),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubList) {
   padding-left: 0 !important;
   margin-left: 0 !important;
   border-left: 0 !important;
@@ -22101,12 +22488,12 @@
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList::before),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList::before) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubList::before),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubList::before) {
   content: none !important;
   display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent) {
   padding-left: 0 !important;
   margin-left: 0 !important;
   border-left: 0 !important;
@@ -22115,7 +22502,7 @@
   margin-top: var(--space-2) !important;
   margin-bottom: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -22382,6 +22769,12 @@
 .rt-SidebarContainer:where(.rt-r-size-2,.rt-r-size-3) {
   --sidebar-base-padding: var(--space-4);
 }
+.rt-ShellPaneChrome:where(.rt-r-size-1) {
+  --sidebar-base-padding: var(--space-2);
+}
+.rt-ShellPaneChrome:where(.rt-r-size-2,.rt-r-size-3) {
+  --sidebar-base-padding: var(--space-3);
+}
 .rt-SidebarHeader:where(.rt-r-size-1),
 .rt-SidebarFooter:where(.rt-r-size-1) {
   --base-menu-content-padding: var(--space-2);
@@ -22476,6 +22869,12 @@
   .rt-SidebarContainer:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
   }
+  .rt-ShellPaneChrome:where(.xs\:rt-r-size-1) {
+    --sidebar-base-padding: var(--space-2);
+  }
+  .rt-ShellPaneChrome:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
+    --sidebar-base-padding: var(--space-3);
+  }
   .rt-SidebarHeader:where(.xs\:rt-r-size-1),
   .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
@@ -22571,6 +22970,12 @@
   .rt-SidebarContainer:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
   }
+  .rt-ShellPaneChrome:where(.sm\:rt-r-size-1) {
+    --sidebar-base-padding: var(--space-2);
+  }
+  .rt-ShellPaneChrome:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
+    --sidebar-base-padding: var(--space-3);
+  }
   .rt-SidebarHeader:where(.sm\:rt-r-size-1),
   .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
@@ -22666,6 +23071,12 @@
   .rt-SidebarContainer:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
   }
+  .rt-ShellPaneChrome:where(.md\:rt-r-size-1) {
+    --sidebar-base-padding: var(--space-2);
+  }
+  .rt-ShellPaneChrome:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
+    --sidebar-base-padding: var(--space-3);
+  }
   .rt-SidebarHeader:where(.md\:rt-r-size-1),
   .rt-SidebarFooter:where(.md\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
@@ -22761,6 +23172,12 @@
   .rt-SidebarContainer:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
   }
+  .rt-ShellPaneChrome:where(.lg\:rt-r-size-1) {
+    --sidebar-base-padding: var(--space-2);
+  }
+  .rt-ShellPaneChrome:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
+    --sidebar-base-padding: var(--space-3);
+  }
   .rt-SidebarHeader:where(.lg\:rt-r-size-1),
   .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
@@ -22856,6 +23273,12 @@
   .rt-SidebarContainer:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
   }
+  .rt-ShellPaneChrome:where(.xl\:rt-r-size-1) {
+    --sidebar-base-padding: var(--space-2);
+  }
+  .rt-ShellPaneChrome:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
+    --sidebar-base-padding: var(--space-3);
+  }
   .rt-SidebarHeader:where(.xl\:rt-r-size-1),
   .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
@@ -23117,12 +23540,81 @@
 :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;
 }
+@media (prefers-contrast: more) {
+  :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[data-state='open']) {
+    background-color: var(--gray-3);
+  }
+  :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[data-state='open'])) {
+    background-color: var(--gray-a3);
+  }
+  :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[data-state='open'])):where([data-panel-background='solid']) {
+    background-color: var(--gray-3);
+    backdrop-filter: none;
+    --backdrop-filter-components: none;
+  }
+  :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[data-state='open'])):where([data-panel-background='translucent']) {
+    background-color: var(--gray-a3);
+  }
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])) {
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
+  }
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
+    color: var(--accent-solid-contrast);
+  }
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Text) {
+    color: inherit !important;
+  }
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
+    color: inherit !important;
+  }
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Badge) {
+    color: var(--accent-solid-badge-contrast) !important;
+    background-color: var(--accent-solid-badge) !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]) {
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
+    font-weight: var(--font-weight-medium);
+  }
+  :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) {
+    color: inherit !important;
+  }
+  :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([data-accent-color='gray']:not(.rt-Badge)) {
+    color: inherit !important;
+  }
+  :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-Badge) {
+    color: var(--accent-solid-badge-contrast) !important;
+    background-color: var(--accent-solid-badge) !important;
+  }
+}
+@media (prefers-contrast: more) and (hover: hover) {
+  .rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),
+  .rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),
+  .rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
+  }
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
+    color: var(--accent-solid-contrast);
+  }
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Text) {
+    color: inherit !important;
+  }
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
+    color: inherit !important;
+  }
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Badge) {
+    color: var(--accent-solid-badge-contrast) !important;
+    background-color: var(--accent-solid-badge) !important;
+  }
+}
 .rt-SidebarSearch {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   padding: var(--space-2) var(--sidebar-base-padding);
 }
-:where(.rt-SidebarContainer[data-presentation='thin']) .rt-SidebarSearch {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) .rt-SidebarSearch {
   padding: var(--space-2);
 }
 .rt-SidebarSearch--expanded .rt-SidebarSearchInputWrapper {
@@ -23157,7 +23649,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-:where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger) {
   -webkit-box-pack: center !important;
       -ms-flex-pack: center !important;
           justify-content: center !important;
@@ -23179,62 +23671,62 @@
   margin-top: 1px;
   margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1)) :where(.rt-SidebarSearchTrigger) {
   padding-top: var(--space-1) !important;
   padding-bottom: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2)) :where(.rt-SidebarSearchTrigger) {
   padding-top: var(--space-1) !important;
   padding-bottom: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3)) :where(.rt-SidebarSearchTrigger) {
   padding-top: var(--space-2) !important;
   padding-bottom: var(--space-2) !important;
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger svg {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1) .rt-SidebarSearchTrigger svg {
   width: var(--content-icon-size-2);
   height: var(--content-icon-size-2);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger svg {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2) .rt-SidebarSearchTrigger svg {
   width: var(--content-icon-size-3);
   height: var(--content-icon-size-3);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger svg {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3) .rt-SidebarSearchTrigger svg {
   width: var(--content-icon-size-3);
   height: var(--content-icon-size-3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
   background-color: transparent !important;
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover)) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger:where(:hover)) {
     background-color: transparent !important;
   }
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
   padding: var(--space-2) var(--space-2);
   border-radius: var(--radius-pill-1);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
   padding: var(--space-2);
   border-radius: var(--radius-pill-2);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
   padding: var(--space-3);
   border-radius: var(--radius-pill-3);
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-4);
   }
 }
 @media (hover: hover) {
-  :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+  :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-a4);
   }
 }
 @media (hover: hover) {
-  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+  :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-solid);
     color: var(--accent-solid-contrast);
   }
@@ -23553,6 +24045,12 @@
 .rt-ShellRailContent {
   gap: var(--space-2);
 }
+.rt-ShellScroll {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-height: 0;
+}
 .rt-ShellPane[data-state='closed'] {
   display: none;
 }
@@ -25035,6 +25533,40 @@
 .rt-BaseTabList:where(.rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
   gap: var(--component-gap-2);
 }
+.rt-BaseTabList:where(.rt-r-size-3) {
+  font-size: var(--font-size-3);
+  line-height: var(--line-height-3);
+  letter-spacing: var(--letter-spacing-3);
+  --tab-height: var(--control-height-3);
+  --tab-padding-x: var(--space-3);
+  --tab-inner-padding-x: var(--space-3);
+  --tab-inner-padding-y: var(--space-2);
+  --tab-inner-border-radius: var(--radius-3);
+}
+.rt-BaseTabList:where(.rt-r-size-3) :where(svg) {
+  width: var(--content-icon-size-3);
+  height: var(--content-icon-size-3);
+}
+.rt-BaseTabList:where(.rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+  gap: var(--component-gap-3);
+}
+.rt-BaseTabList:where(.rt-r-size-4) {
+  font-size: var(--font-size-4);
+  line-height: var(--line-height-4);
+  letter-spacing: var(--letter-spacing-4);
+  --tab-height: var(--control-height-4);
+  --tab-padding-x: var(--space-3);
+  --tab-inner-padding-x: var(--space-4);
+  --tab-inner-padding-y: var(--space-2);
+  --tab-inner-border-radius: var(--radius-4);
+}
+.rt-BaseTabList:where(.rt-r-size-4) :where(svg) {
+  width: var(--content-icon-size-4);
+  height: var(--content-icon-size-4);
+}
+.rt-BaseTabList:where(.rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+  gap: var(--component-gap-4);
+}
 @media (min-width: 520px) {
   .rt-BaseTabList:where(.xs\:rt-r-size-1) {
     font-size: var(--font-size-1);
@@ -25070,6 +25602,40 @@
   .rt-BaseTabList:where(.xs\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
     gap: var(--component-gap-2);
   }
+  .rt-BaseTabList:where(.xs\:rt-r-size-3) {
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-3);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-3);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-3) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-3);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-4) {
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-4);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-4) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-4);
+  }
 }
 @media (min-width: 768px) {
   .rt-BaseTabList:where(.sm\:rt-r-size-1) {
@@ -25106,6 +25672,40 @@
   .rt-BaseTabList:where(.sm\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
     gap: var(--component-gap-2);
   }
+  .rt-BaseTabList:where(.sm\:rt-r-size-3) {
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-3);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-3);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-3) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-3);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-4) {
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-4);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-4) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-4);
+  }
 }
 @media (min-width: 1024px) {
   .rt-BaseTabList:where(.md\:rt-r-size-1) {
@@ -25142,6 +25742,40 @@
   .rt-BaseTabList:where(.md\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
     gap: var(--component-gap-2);
   }
+  .rt-BaseTabList:where(.md\:rt-r-size-3) {
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-3);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-3);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-3) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-3);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-4) {
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-4);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-4) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-4);
+  }
 }
 @media (min-width: 1280px) {
   .rt-BaseTabList:where(.lg\:rt-r-size-1) {
@@ -25178,6 +25812,40 @@
   .rt-BaseTabList:where(.lg\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
     gap: var(--component-gap-2);
   }
+  .rt-BaseTabList:where(.lg\:rt-r-size-3) {
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-3);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-3);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-3) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-3);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-4) {
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-4);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-4) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-4);
+  }
 }
 @media (min-width: 1640px) {
   .rt-BaseTabList:where(.xl\:rt-r-size-1) {
@@ -25214,6 +25882,40 @@
   .rt-BaseTabList:where(.xl\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
     gap: var(--component-gap-2);
   }
+  .rt-BaseTabList:where(.xl\:rt-r-size-3) {
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-3);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-3);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-3) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-3);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-4) {
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: var(--space-3);
+    --tab-inner-padding-x: var(--space-4);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-4) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--component-gap-4);
+  }
 }
 .rt-BaseTabList {
   -webkit-box-shadow: inset 0 calc(-1 * var(--border-width-standard)) 0 0 var(--gray-a5);
@@ -25717,6 +26419,17 @@
   line-height: var(--line-height-3);
   letter-spacing: var(--letter-spacing-3);
 }
+.rt-TextAreaRoot:where(.rt-r-size-4) {
+  min-height: var(--space-10);
+  border-radius: var(--radius-4);
+}
+.rt-TextAreaRoot:where(.rt-r-size-4) :where(.rt-TextAreaInput) {
+  --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
+  --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
+  font-size: var(--font-size-4);
+  line-height: var(--line-height-4);
+  letter-spacing: var(--letter-spacing-4);
+}
 @media (min-width: 520px) {
   .rt-TextAreaRoot:where(.xs\:rt-r-size-1) {
     min-height: var(--space-8);
@@ -25751,6 +26464,17 @@
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
+  .rt-TextAreaRoot:where(.xs\:rt-r-size-4) {
+    min-height: var(--space-10);
+    border-radius: var(--radius-4);
+  }
+  .rt-TextAreaRoot:where(.xs\:rt-r-size-4) :where(.rt-TextAreaInput) {
+    --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
+    --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
 }
 @media (min-width: 768px) {
   .rt-TextAreaRoot:where(.sm\:rt-r-size-1) {
@@ -25786,6 +26510,17 @@
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
+  .rt-TextAreaRoot:where(.sm\:rt-r-size-4) {
+    min-height: var(--space-10);
+    border-radius: var(--radius-4);
+  }
+  .rt-TextAreaRoot:where(.sm\:rt-r-size-4) :where(.rt-TextAreaInput) {
+    --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
+    --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
 }
 @media (min-width: 1024px) {
   .rt-TextAreaRoot:where(.md\:rt-r-size-1) {
@@ -25821,6 +26556,17 @@
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
+  .rt-TextAreaRoot:where(.md\:rt-r-size-4) {
+    min-height: var(--space-10);
+    border-radius: var(--radius-4);
+  }
+  .rt-TextAreaRoot:where(.md\:rt-r-size-4) :where(.rt-TextAreaInput) {
+    --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
+    --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
 }
 @media (min-width: 1280px) {
   .rt-TextAreaRoot:where(.lg\:rt-r-size-1) {
@@ -25856,6 +26602,17 @@
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
+  .rt-TextAreaRoot:where(.lg\:rt-r-size-4) {
+    min-height: var(--space-10);
+    border-radius: var(--radius-4);
+  }
+  .rt-TextAreaRoot:where(.lg\:rt-r-size-4) :where(.rt-TextAreaInput) {
+    --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
+    --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
 }
 @media (min-width: 1640px) {
   .rt-TextAreaRoot:where(.xl\:rt-r-size-1) {
@@ -25891,6 +26648,17 @@
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
+  .rt-TextAreaRoot:where(.xl\:rt-r-size-4) {
+    min-height: var(--space-10);
+    border-radius: var(--radius-4);
+  }
+  .rt-TextAreaRoot:where(.xl\:rt-r-size-4) :where(.rt-TextAreaInput) {
+    --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
+    --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
+  }
 }
 .rt-TextAreaRoot:where(.rt-variant-soft) {
   --text-area-border-width: 0px;
@@ -26066,7 +26834,7 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
           box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
-.rt-TextAreaRoot:where(.rt-variant-classic) {
+.rt-TextAreaRoot:where(.rt-variant-raised) {
   --text-area-border-width: 0px;
   --v-selection-color: var(--focus-a5);
   --v-focus-color: var(--focus-8);
@@ -26076,48 +26844,48 @@
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
-.rt-TextAreaRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
+.rt-TextAreaRoot:where(.rt-variant-raised):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface-translucent);
 }
-:is(.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput))::-webkit-input-placeholder {
+:is(.rt-TextAreaRoot:where(.rt-variant-raised) :where(.rt-TextAreaInput))::-webkit-input-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput))::-moz-placeholder {
+:is(.rt-TextAreaRoot:where(.rt-variant-raised) :where(.rt-TextAreaInput))::-moz-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput)):-ms-input-placeholder {
+:is(.rt-TextAreaRoot:where(.rt-variant-raised) :where(.rt-TextAreaInput)):-ms-input-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput))::-ms-input-placeholder {
+:is(.rt-TextAreaRoot:where(.rt-variant-raised) :where(.rt-TextAreaInput))::-ms-input-placeholder {
   color: var(--gray-a10);
 }
-:is(.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput))::placeholder {
+:is(.rt-TextAreaRoot:where(.rt-variant-raised) :where(.rt-TextAreaInput))::placeholder {
   color: var(--gray-a10);
 }
 @media (hover: hover) {
-  .rt-TextAreaRoot:where(.rt-variant-classic):where(:hover:not(:has(.rt-TextAreaInput:focus))) {
+  .rt-TextAreaRoot:where(.rt-variant-raised):where(:hover:not(:has(.rt-TextAreaInput:focus))) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
 }
-.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:focus)) {
+.rt-TextAreaRoot:where(.rt-variant-raised):where(:has(.rt-TextAreaInput:focus)) {
   -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
           box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
 }
-.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:-moz-read-only))) {
+.rt-TextAreaRoot:where(.rt-variant-raised):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:-moz-read-only))) {
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   box-shadow: var(--shadow-2);
 }
-.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
+.rt-TextAreaRoot:where(.rt-variant-raised):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:-moz-read-only))) {
+.rt-TextAreaRoot:where(.rt-variant-raised):where(:has(.rt-TextAreaInput:where(:disabled,:-moz-read-only))) {
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
-.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
+.rt-TextAreaRoot:where(.rt-variant-raised):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaInput:where(:disabled,:-moz-read-only) {
@@ -26209,12 +26977,12 @@
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
   }
 }
-.rt-TextAreaRoot:where(.rt-error.rt-variant-classic) {
+.rt-TextAreaRoot:where(.rt-error.rt-variant-raised) {
   -webkit-box-shadow: var(--shadow-2), inset 0 0 0 1px var(--red-6);
           box-shadow: var(--shadow-2), inset 0 0 0 1px var(--red-6);
 }
 @media (hover: hover) {
-  .rt-TextAreaRoot:where(.rt-error.rt-variant-classic):where(:hover:not(:has(.rt-TextAreaInput:focus))) {
+  .rt-TextAreaRoot:where(.rt-error.rt-variant-raised):where(:hover:not(:has(.rt-TextAreaInput:focus))) {
     -webkit-box-shadow: var(--shadow-3), inset 0 0 0 1px var(--red-7);
             box-shadow: var(--shadow-3), inset 0 0 0 1px var(--red-7);
   }
@@ -27371,7 +28139,7 @@
 .rt-ChatbarBox:where(.rt-variant-surface):where(:focus-within) {
   background-color: color-mix(in srgb, var(--v-bg-focus-a, var(--v-bg-a)) calc(var(--material-alpha) * 100%), var(--v-bg-focus, var(--v-bg)) var(--material-blend));
 }
-.rt-ChatbarBox:where(.rt-variant-classic) {
+.rt-ChatbarBox:where(.rt-variant-raised) {
   --text-area-border-width: 0px;
   --v-selection-color: var(--focus-a5);
   --v-focus-color: var(--focus-8);
@@ -27381,20 +28149,20 @@
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-raised) {
   background-color: var(--color-surface-translucent);
 }
-:where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
+:where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-raised) {
   background-color: var(--color-surface-solid);
 }
 @media (hover: hover) {
-  .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
+  .rt-ChatbarBox:where(.rt-variant-raised):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
     -webkit-box-shadow: var(--shadow-3);
             box-shadow: var(--shadow-3);
   }
 }
-.rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
+.rt-ChatbarBox:where(.rt-variant-raised):where(:focus-within) {
   -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
           box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
 }
@@ -27412,7 +28180,7 @@
   -webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
           box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
 }
-.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-raised) {
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {