@kushagradhawan/kookie-ui 0.1.109 → 0.1.111

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%);
@@ -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);
+}
+.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);
+}
+.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper{
+  padding: var(--space-2);
+  border-radius: var(--radius-2);
+}
+.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),
@@ -24605,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);