@kushagradhawan/kookie-ui 0.1.108 → 0.1.110

package/styles.css

@@ -7003,7 +7003,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%);
@@ -8645,11 +8644,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'])){
@@ -8736,11 +8733,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'])){
@@ -8766,11 +8761,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);
@@ -8807,11 +8800,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);
@@ -8852,11 +8843,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);
@@ -8880,11 +8869,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);
@@ -8916,11 +8905,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);
@@ -8938,13 +8927,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);
@@ -8952,21 +8939,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;
@@ -10440,11 +10425,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);
@@ -10464,12 +10447,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);
 }
@@ -11152,7 +11129,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%);
@@ -11186,7 +11162,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%);
@@ -14414,11 +14389,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);
@@ -17563,7 +17536,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%);
@@ -17585,7 +17557,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%);
@@ -18260,7 +18231,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;
@@ -18268,7 +18239,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);
 }
@@ -18292,15 +18263,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;
@@ -18364,7 +18335,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);
@@ -18460,68 +18431,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,
@@ -19130,39 +19101,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);
 }
@@ -20067,7 +20038,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%);
@@ -20080,7 +20050,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%);
@@ -20915,23 +20884,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;
@@ -20945,6 +20937,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);
@@ -20960,20 +20963,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);
@@ -20989,20 +20978,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);
@@ -21040,18 +21015,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),
@@ -22259,9 +22294,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;
@@ -22270,13 +22302,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{
@@ -22294,9 +22330,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;
@@ -22305,13 +22338,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{
@@ -22334,11 +22371,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{
@@ -22348,6 +22380,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{
@@ -22355,6 +22388,7 @@
 }
 .rt-ShellSidebarContent[data-visible]{
   opacity: 1;
+  pointer-events: auto;
 }
 .rt-ShellSidebarContent[data-phase='hiding']{
   opacity: 0;
@@ -22369,6 +22403,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']{
@@ -22419,13 +22455,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{
@@ -22442,9 +22482,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{
@@ -22454,10 +22491,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],
@@ -22479,6 +22518,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']{
@@ -22639,6 +22680,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);
@@ -24584,11 +24640,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);