@kushagradhawan/kookie-ui 0.1.108 → 0.1.110

package/components.css

@@ -1970,7 +1970,6 @@
     padding-top: var(--classic-active-padding-offset-2);
     padding-bottom: 0;
     background-color: var(--gray-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-AvatarRoot:where(button):where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled])), :where([data-panel-background='translucent'], [data-material='translucent']) .rt-AvatarRoot:where(a):where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled])), :where([data-panel-background='translucent'], [data-material='translucent']) .rt-AvatarRoot:where([role="button"]):where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled])) {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
@@ -3634,11 +3633,9 @@
 }
 .rt-BaseButton:where(.rt-variant-classic):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]), [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));
-    box-shadow: var(--shadow-1);
 }
 @media (pointer: coarse) {
     .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'])) {
@@ -3725,11 +3722,9 @@
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
     filter: var(--base-button-solid-open-filter);
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
     filter: var(--base-button-solid-active-filter);
-    box-shadow: var(--shadow-1);
 }
 @media (pointer: coarse) {
     .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
@@ -3755,11 +3750,9 @@
 .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
     filter: var(--base-button-solid-high-contrast-open-filter);
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
     filter: var(--base-button-solid-high-contrast-active-filter);
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3796,11 +3789,9 @@
 }
 .rt-BaseButton:where(.rt-variant-soft):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a5) calc(var(--material-alpha) * 100%), var(--accent-5) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-soft):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3841,11 +3832,9 @@
 }
 .rt-BaseButton:where(.rt-variant-ghost):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-ghost):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3869,11 +3858,11 @@
 }
 .rt-BaseButton:where(.rt-variant-outline):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--outline-border-7), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-7);
 }
 .rt-BaseButton:where(.rt-variant-outline):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--outline-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-8);
 }
 .rt-BaseButton:where(.rt-variant-outline):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
@@ -3905,11 +3894,11 @@
 }
 .rt-BaseButton:where(.rt-variant-surface):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--surface-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
 }
 .rt-BaseButton:where(.rt-variant-surface):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--surface-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
 }
 .rt-BaseButton:where(.rt-variant-surface):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
@@ -3927,13 +3916,11 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-classic) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid) {
     --solid-blend: calc(100% - (var(--material-alpha) * 90%));
     background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
     opacity: 0.9;
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid):where(.rt-high-contrast) {
     background-color: var(--accent-12);
@@ -3941,21 +3928,19 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-soft) {
     background-color: color-mix(in srgb, var(--accent-a5) calc(var(--material-alpha) * 100%), var(--accent-5) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-ghost) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-outline) {
     --outline-border-8: color-mix(in srgb, var(--accent-a8) calc(var(--material-alpha) * 100%), var(--accent-8) var(--material-blend));
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--outline-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-8);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-surface) {
     --surface-border-8: color-mix(in srgb, var(--accent-a8) calc(var(--material-alpha) * 100%), var(--accent-8) var(--material-blend));
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--surface-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
 }
 .rt-BaseButton:where([disabled][aria-pressed]) {
     transform: none;
@@ -5429,11 +5414,9 @@
 }
 .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open']) {
     transition-duration: 40ms;
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open']) {
     transition-duration: 40ms;
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before {
     background-color: var(--gray-3);
@@ -5453,12 +5436,6 @@
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::after {
     box-shadow: none;
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])) {
-    box-shadow: var(--shadow-1);
-}
-.rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open'])) {
-    box-shadow: var(--shadow-1);
-}
 .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before {
     background-color: var(--gray-3);
 }
@@ -6141,7 +6118,6 @@
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate'])::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate'])::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -6175,7 +6151,6 @@
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -9403,11 +9378,9 @@
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextFieldRoot:where(.rt-variant-soft) {
     --text-field-selection-color: var(--accent-a5);
@@ -12552,7 +12525,6 @@
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked, [data-state='checked'])::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked, [data-state='checked'])::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -12574,7 +12546,6 @@
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled]))::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled]))::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -13249,7 +13220,7 @@
     color: var(--gray-a8);
     background-color: var(--gray-3);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical) {
     grid-auto-flow: row;
     grid-auto-columns: unset;
     grid-auto-rows: 1fr;
@@ -13257,7 +13228,7 @@
     min-height: -moz-max-content;
     min-height: max-content;
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):has([data-icon-only]) {
     grid-auto-columns: unset;
     grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
 }
@@ -13281,15 +13252,15 @@
     outline: var(--focus-outline-width) solid var(--focus-8);
     outline-offset: var(--focus-outline-offset-inset);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem {
     flex-direction: column;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem:first-child {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     border-bottom-left-radius: 0;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem:nth-last-child(2) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem:nth-last-child(2) {
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
     border-top-right-radius: 0;
@@ -13353,7 +13324,7 @@
 :where(.rt-SegmentedControlRoot:has(:focus-visible)) .rt-SegmentedControlItemSeparator {
     transition-duration: 0ms;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItemSeparator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItemSeparator {
     margin-left: calc(var(--space-1) * 0.75);
     margin-right: calc(var(--space-1) * 0.75);
     margin-top: calc(-1 * var(--border-width-standard) * 0.5);
@@ -13449,68 +13420,68 @@
 :where(.rt-SegmentedControlItem[data-state='on']:nth-child(10)) ~ .rt-SegmentedControlIndicator {
     transform: translateX(900%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator {
     width: 100%;
     height: unset;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(2) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(2) {
     height: calc(100% / 1);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(3) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(3) {
     height: calc(100% / 2);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(4) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(4) {
     height: calc(100% / 3);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(5) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(5) {
     height: calc(100% / 4);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(6) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(6) {
     height: calc(100% / 5);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(7) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(7) {
     height: calc(100% / 6);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(8) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(8) {
     height: calc(100% / 7);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(9) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(9) {
     height: calc(100% / 8);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(10) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(10) {
     height: calc(100% / 9);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlIndicator:nth-child(11) {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlIndicator:nth-child(11) {
     height: calc(100% / 10);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(1) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(1) ~ .rt-SegmentedControlIndicator {
     transform: translateY(0%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(2) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(2) ~ .rt-SegmentedControlIndicator {
     transform: translateY(100%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(3) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(3) ~ .rt-SegmentedControlIndicator {
     transform: translateY(200%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(4) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(4) ~ .rt-SegmentedControlIndicator {
     transform: translateY(300%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(5) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(5) ~ .rt-SegmentedControlIndicator {
     transform: translateY(400%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(6) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(6) ~ .rt-SegmentedControlIndicator {
     transform: translateY(500%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(7) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(7) ~ .rt-SegmentedControlIndicator {
     transform: translateY(600%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(8) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(8) ~ .rt-SegmentedControlIndicator {
     transform: translateY(700%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(9) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(9) ~ .rt-SegmentedControlIndicator {
     transform: translateY(800%);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-state='on']:nth-child(10) ~ .rt-SegmentedControlIndicator {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-state='on']:nth-child(10) ~ .rt-SegmentedControlIndicator {
     transform: translateY(900%);
 }
 .rt-SegmentedControlItemLabel,
@@ -14119,39 +14090,39 @@
     padding-left: 0;
     padding-right: 0;
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-icon-only] {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-icon-only] {
     min-width: unset;
     min-height: var(--segmented-control-height);
 }
-.rt-r-orientation-vertical .rt-SegmentedControlItem[data-icon-only] .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical) .rt-SegmentedControlItem[data-icon-only] .rt-SegmentedControlItemLabel {
     padding-top: 0;
     padding-bottom: 0;
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-1:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-1):has([data-icon-only]) {
     width: var(--space-5);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-2:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-2):has([data-icon-only]) {
     width: var(--space-6);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-3:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-3):has([data-icon-only]) {
     width: var(--space-7);
 }
-.rt-SegmentedControlRoot.rt-r-orientation-vertical.rt-r-size-4:has([data-icon-only]) {
+.rt-SegmentedControlRoot:where(.rt-r-orientation-vertical):where(.rt-r-size-4):has([data-icon-only]) {
     width: var(--space-8);
 }
-.rt-r-orientation-vertical.rt-r-size-1 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-1) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-1);
     padding-bottom: var(--space-1);
 }
-.rt-r-orientation-vertical.rt-r-size-2 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-2) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-2);
     padding-bottom: var(--space-2);
 }
-.rt-r-orientation-vertical.rt-r-size-3 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-3) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-2);
     padding-bottom: var(--space-2);
 }
-.rt-r-orientation-vertical.rt-r-size-4 .rt-SegmentedControlItemLabel {
+:where(.rt-r-orientation-vertical):where(.rt-r-size-4) .rt-SegmentedControlItemLabel {
     padding-top: var(--space-3);
     padding-bottom: var(--space-3);
 }
@@ -15056,7 +15027,6 @@
 }
 .rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -15069,7 +15039,6 @@
 }
 .rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])) {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])) {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -15904,23 +15873,46 @@
     text-align: center !important;
     font-size: var(--font-size-0) !important;
     line-height: var(--line-height-0) !important;
-    padding-top: var(--space-2) !important;
-    padding-bottom: var(--space-2) !important;
     padding-inline-start: var(--space-1) !important;
     padding-inline-end: var(--space-1) !important;
+    margin-top: 1px;
+    margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.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))) {
-    --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) {
+    padding-top: var(--space-1) !important;
+    padding-bottom: var(--space-1) !important;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: var(--space-1);
+    text-align: center;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.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-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    padding-top: var(--space-1) !important;
+    padding-bottom: var(--space-1) !important;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: var(--space-1);
+    text-align: center;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    padding-top: var(--space-2) !important;
+    padding-bottom: var(--space-2) !important;
     justify-content: center;
     align-items: center;
     flex-direction: column;
@@ -15934,6 +15926,17 @@
     max-width: 100%;
     min-width: 0;
 }
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.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))) {
+    --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)) {
+    --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) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
@@ -15949,20 +15952,6 @@
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.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) {
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: var(--space-1);
-    text-align: center;
-    font-size: var(--font-size-0);
-    line-height: var(--line-height-0);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    min-width: 0;
-}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-4);
     height: var(--content-icon-size-4);
@@ -15978,20 +15967,6 @@
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.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) {
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: var(--space-1);
-    text-align: center;
-    font-size: var(--font-size-0);
-    line-height: var(--line-height-0);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    min-width: 0;
-}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-5);
     height: var(--content-icon-size-5);
@@ -16029,18 +16004,78 @@
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg) {
     display: block;
 }
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuIconWrapper) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    padding: var(--space-3) var(--space-2);
+    border-radius: var(--radius-2);
+    transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper) {
+    padding: var(--space-2) var(--space-2);
+    border-radius: var(--radius-1);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper) {
+    padding: var(--space-2);
+    border-radius: var(--radius-2);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper) {
+    padding: var(--space-3);
+    border-radius: var(--radius-2);
+}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
     display: block;
     max-width: 100%;
     min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    overflow: visible;
+    text-overflow: clip;
     white-space: nowrap;
     text-align: center;
-    color: var(--accent-11);
+    color: var(--gray-11);
     font-size: var(--font-size-0);
     line-height: var(--line-height-0);
 }
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
+    color: var(--accent-11);
+    font-weight: var(--font-weight-medium);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuLabel) {
+    color: var(--accent-11);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-highlighted]),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
+    background-color: transparent !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-highlighted] .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) {
+    background-color: var(--accent-3);
+}
+:where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-highlighted] .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) {
+    background-color: var(--accent-a3);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-9);
+    color: var(--accent-contrast);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-9);
+    color: var(--accent-contrast);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-12);
+    color: var(--accent-1);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-12);
+    color: var(--accent-1);
+}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
@@ -17248,9 +17283,6 @@
 .rt-ShellRail[data-mode='collapsed'] {
     width: 0px;
     transition-delay: var(--motion-duration-small);
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
 }
 .rt-ShellRailContent {
     display: flex;
@@ -17259,13 +17291,17 @@
     height: 100%;
     gap: var(--space-2);
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellRailContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellRail[data-mode='collapsed'] .rt-ShellRailContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellPanel {
@@ -17283,9 +17319,6 @@
 .rt-ShellPanel:not([data-visible]) {
     width: 0px;
     transition-delay: var(--motion-duration-small);
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: var(--peek-rail-width, var(--rail-size, 64px));
 }
 .rt-ShellPanelContent {
     display: flex;
@@ -17294,13 +17327,17 @@
     height: 100%;
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellPanelContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellPanel:not([data-visible]) .rt-ShellPanelContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellSidebar {
@@ -17323,11 +17360,6 @@
 }
 .rt-ShellSidebar[data-mode='collapsed'] {
     width: 0px;
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    flex-shrink: 0;
-    flex-basis: 0;
     transition-delay: var(--motion-duration-small);
 }
 .rt-ShellSidebarContent {
@@ -17337,6 +17369,7 @@
     height: 100%;
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellSidebar[data-mode='thin'] .rt-ShellResizer {
@@ -17344,6 +17377,7 @@
 }
 .rt-ShellSidebarContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellSidebarContent[data-phase='hiding'] {
     opacity: 0;
@@ -17358,6 +17392,8 @@
 }
 .rt-ShellSidebar[data-mode='collapsed'] .rt-ShellSidebarContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellSidebar[data-presentation='stacked'] {
@@ -17408,13 +17444,17 @@
     height: 100%;
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellInspectorContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellInspector[data-mode='collapsed'] .rt-ShellInspectorContent {
     opacity: 0;
+    width: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 .rt-ShellBottom {
@@ -17431,9 +17471,6 @@
 }
 .rt-ShellBottom[data-mode='collapsed'] {
     height: 0px;
-    position: absolute;
-    inset-inline: 0;
-    inset-block-end: 0;
     transition-delay: var(--motion-duration-small);
 }
 .rt-ShellBottomContent {
@@ -17443,10 +17480,12 @@
     height: var(--bottom-size, 200px);
     overflow: hidden;
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard) var(--motion-duration-small);
 }
 .rt-ShellBottomContent[data-visible] {
     opacity: 1;
+    pointer-events: auto;
 }
 .rt-ShellPanel[data-resizing],
 .rt-ShellSidebar[data-resizing],
@@ -17468,6 +17507,8 @@
 }
 .rt-ShellBottom[data-mode='collapsed'] .rt-ShellBottomContent {
     opacity: 0;
+    height: 0;
+    visibility: hidden;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
 [data-presentation='overlay'] {
@@ -17628,6 +17669,21 @@
 .rt-ShellBottom[data-peek][data-mode='collapsed'] {
     height: var(--bottom-size, 200px);
 }
+.rt-ShellBody[data-has-inset] {
+    background: var(--gray-2);
+}
+.rt-ShellLeft[data-inset],
+.rt-ShellSidebar[data-inset],
+.rt-ShellContent[data-inset],
+.rt-ShellInspector[data-inset],
+.rt-ShellBottom[data-inset] {
+    --shell-inset-gap: var(--space-2);
+    margin: var(--shell-inset-gap);
+    border-radius: var(--radius-3);
+    background: var(--color-background);
+    box-shadow: var(--shadow-2);
+    height: auto;
+}
 .rt-SliderRoot {
     --slider-thumb-width: var(--space-3);
     --slider-thumb-height: var(--space-2);
@@ -19573,11 +19629,9 @@
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextAreaRoot:where(.rt-variant-soft) {
     --text-area-selection-color: var(--accent-a5);