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/components.css CHANGED Viewed

@@ -1652,23 +1652,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);
@@ -1806,26 +1806,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);
@@ -3203,11 +3203,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);
@@ -3215,7 +3215,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;
@@ -3223,23 +3223,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;
@@ -3690,25 +3690,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;
@@ -4093,39 +4093,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;
@@ -4236,7 +4236,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;
     }
 }
@@ -4273,7 +4273,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) {
@@ -5121,23 +5121,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%;
@@ -5692,87 +5692,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));
     }
 }
@@ -5987,65 +5987,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 {
@@ -7780,6 +7780,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;
@@ -8929,6 +8950,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);
@@ -9008,6 +9055,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) {
@@ -9088,6 +9161,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) {
@@ -9168,6 +9267,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) {
@@ -9248,6 +9373,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) {
@@ -9328,6 +9479,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);
@@ -9411,7 +9588,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;
@@ -9421,69 +9598,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) {
@@ -9819,12 +9996,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);
     }
@@ -10012,7 +10189,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) {
@@ -11471,11 +11648,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);
@@ -11486,79 +11663,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) {
@@ -12103,6 +12280,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;
@@ -12773,65 +12953,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 {
@@ -14931,6 +15111,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);
@@ -14992,6 +15192,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) {
@@ -15054,6 +15274,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) {
@@ -15116,6 +15356,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) {
@@ -15178,6 +15438,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) {
@@ -15240,6 +15520,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);
@@ -15263,18 +15563,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);
 }
@@ -15300,6 +15600,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);
@@ -15323,18 +15634,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);
     }
@@ -15360,6 +15671,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) {
@@ -15384,18 +15706,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);
     }
@@ -15421,6 +15743,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) {
@@ -15445,18 +15778,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);
     }
@@ -15482,6 +15815,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) {
@@ -15506,18 +15850,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);
     }
@@ -15543,6 +15887,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) {
@@ -15567,18 +15922,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);
     }
@@ -15604,10 +15959,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);
@@ -15615,60 +15981,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;
@@ -15678,7 +16044,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) {
@@ -16636,13 +17002,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;
@@ -16664,7 +17033,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;
@@ -16687,7 +17056,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;
@@ -16710,7 +17079,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;
@@ -16733,52 +17102,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;
@@ -16795,7 +17164,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;
@@ -16809,11 +17178,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;
@@ -16830,10 +17199,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;
@@ -16849,19 +17218,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;
@@ -16873,77 +17242,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;
@@ -16952,12 +17321,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;
@@ -16966,7 +17335,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;
@@ -17233,6 +17602,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);
@@ -17327,6 +17702,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);
@@ -17422,6 +17803,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);
@@ -17517,6 +17904,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);
@@ -17612,6 +18005,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);
@@ -17707,6 +18106,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);
@@ -17968,12 +18373,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 {
@@ -18008,7 +18482,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;
@@ -18030,62 +18504,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);
     }
@@ -18404,6 +18878,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;
 }
@@ -19886,6 +20366,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);
@@ -19921,6 +20435,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) {
@@ -19957,6 +20505,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) {
@@ -19993,6 +20575,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) {
@@ -20029,6 +20645,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) {
@@ -20065,6 +20715,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);
@@ -20568,6 +21252,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);
@@ -20602,6 +21297,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) {
@@ -20637,6 +21343,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) {
@@ -20672,6 +21389,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) {
@@ -20707,6 +21435,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) {
@@ -20742,6 +21481,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;
@@ -20917,7 +21667,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);
@@ -20927,48 +21677,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) {
@@ -21060,12 +21810,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);
     }
@@ -22222,7 +22972,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);
@@ -22232,20 +22982,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));
 }
@@ -22263,7 +23013,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 {