@kushagradhawan/kookie-ui 0.1.48 → 0.1.50

package/styles.css

@@ -3715,7 +3715,7 @@
   --color-overlay: var(--black-a8);
   --color-panel-solid: var(--gray-2);
   --color-panel-translucent: color-mix(in srgb, var(--gray-2) var(--panel-opacity-percentage), transparent);
-  --color-surface-solid: var(--gray-2)  ;
+  --color-surface-solid: var(--gray-2);
   --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
   --color-dialog-solid: var(--gray-2);
   --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
@@ -3776,6 +3776,9 @@
   --focus-a11: var(--accent-a11);
   --focus-a12: var(--accent-a12);
 }
+.radix-themes ::-moz-selection{
+  background-color: var(--focus-a5);
+}
 .radix-themes ::selection{
   background-color: var(--focus-a5);
 }
@@ -5012,7 +5015,7 @@
   --blur-factor: 1.5;
 }
 [data-blur='extra']{
-  --blur-factor: 2.0;
+  --blur-factor: 2;
 }
 [data-opacity='none']{
   --opacity-factor: 0;
@@ -5106,10 +5109,17 @@
 .rt-reset:where(:focus){
   outline: none;
 }
+.rt-reset::-moz-placeholder{
+  color: unset;
+  opacity: unset;
+  -moz-user-select: none;
+       user-select: none;
+}
 .rt-reset::placeholder{
   color: unset;
   opacity: unset;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .rt-reset:where(table){
@@ -5199,6 +5209,9 @@
   width: -moz-available;
   width: stretch;
 }
+.rt-reset:where(:-moz-any-link){
+  cursor: var(--cursor-link);
+}
 .rt-reset:where(:any-link){
   cursor: var(--cursor-link);
 }
@@ -5700,6 +5713,7 @@
   outline: none !important;
   pointer-events: none !important;
   -webkit-user-select: none !important;
+     -moz-user-select: none !important;
           user-select: none !important;
   cursor: default !important;
 }
@@ -6890,6 +6904,7 @@
   justify-content: center;
   vertical-align: middle;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   width: var(--avatar-size);
   height: var(--avatar-size);
@@ -7172,7 +7187,8 @@
 .rt-AvatarImage{
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   border-radius: inherit;
 }
 .rt-AvatarFallback{
@@ -8226,6 +8242,7 @@
   justify-content: center;
   flex-shrink: 0;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   position: relative;
   cursor: pointer;
@@ -9640,7 +9657,8 @@
 }
 .rt-CalloutRoot:where(.rt-r-size-1){
   row-gap: var(--space-2);
-  column-gap: var(--space-2);
+  -moz-column-gap: var(--space-2);
+       column-gap: var(--space-2);
   padding: var(--space-3);
   border-radius: var(--radius-1);
   --callout-icon-height: var(--line-height-1);
@@ -9648,7 +9666,8 @@
 }
 .rt-CalloutRoot:where(.rt-r-size-2){
   row-gap: var(--space-2);
-  column-gap: var(--space-3);
+  -moz-column-gap: var(--space-3);
+       column-gap: var(--space-3);
   padding: var(--space-4);
   border-radius: var(--radius-2);
   --callout-icon-height: var(--line-height-2);
@@ -9656,7 +9675,8 @@
 }
 .rt-CalloutRoot:where(.rt-r-size-3){
   row-gap: var(--space-3);
-  column-gap: var(--space-4);
+  -moz-column-gap: var(--space-4);
+       column-gap: var(--space-4);
   padding: var(--space-5);
   border-radius: var(--radius-3);
   --callout-icon-height: var(--line-height-3);
@@ -9665,7 +9685,8 @@
 @media (min-width: 520px){
   .rt-CalloutRoot:where(.xs\:rt-r-size-1){
     row-gap: var(--space-2);
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
     padding: var(--space-3);
     border-radius: var(--radius-1);
     --callout-icon-height: var(--line-height-1);
@@ -9673,7 +9694,8 @@
   }
   .rt-CalloutRoot:where(.xs\:rt-r-size-2){
     row-gap: var(--space-2);
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
     padding: var(--space-4);
     border-radius: var(--radius-2);
     --callout-icon-height: var(--line-height-2);
@@ -9681,7 +9703,8 @@
   }
   .rt-CalloutRoot:where(.xs\:rt-r-size-3){
     row-gap: var(--space-3);
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
     padding: var(--space-5);
     border-radius: var(--radius-3);
     --callout-icon-height: var(--line-height-3);
@@ -9691,7 +9714,8 @@
 @media (min-width: 768px){
   .rt-CalloutRoot:where(.sm\:rt-r-size-1){
     row-gap: var(--space-2);
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
     padding: var(--space-3);
     border-radius: var(--radius-1);
     --callout-icon-height: var(--line-height-1);
@@ -9699,7 +9723,8 @@
   }
   .rt-CalloutRoot:where(.sm\:rt-r-size-2){
     row-gap: var(--space-2);
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
     padding: var(--space-4);
     border-radius: var(--radius-2);
     --callout-icon-height: var(--line-height-2);
@@ -9707,7 +9732,8 @@
   }
   .rt-CalloutRoot:where(.sm\:rt-r-size-3){
     row-gap: var(--space-3);
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
     padding: var(--space-5);
     border-radius: var(--radius-3);
     --callout-icon-height: var(--line-height-3);
@@ -9717,7 +9743,8 @@
 @media (min-width: 1024px){
   .rt-CalloutRoot:where(.md\:rt-r-size-1){
     row-gap: var(--space-2);
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
     padding: var(--space-3);
     border-radius: var(--radius-1);
     --callout-icon-height: var(--line-height-1);
@@ -9725,7 +9752,8 @@
   }
   .rt-CalloutRoot:where(.md\:rt-r-size-2){
     row-gap: var(--space-2);
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
     padding: var(--space-4);
     border-radius: var(--radius-2);
     --callout-icon-height: var(--line-height-2);
@@ -9733,7 +9761,8 @@
   }
   .rt-CalloutRoot:where(.md\:rt-r-size-3){
     row-gap: var(--space-3);
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
     padding: var(--space-5);
     border-radius: var(--radius-3);
     --callout-icon-height: var(--line-height-3);
@@ -9743,7 +9772,8 @@
 @media (min-width: 1280px){
   .rt-CalloutRoot:where(.lg\:rt-r-size-1){
     row-gap: var(--space-2);
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
     padding: var(--space-3);
     border-radius: var(--radius-1);
     --callout-icon-height: var(--line-height-1);
@@ -9751,7 +9781,8 @@
   }
   .rt-CalloutRoot:where(.lg\:rt-r-size-2){
     row-gap: var(--space-2);
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
     padding: var(--space-4);
     border-radius: var(--radius-2);
     --callout-icon-height: var(--line-height-2);
@@ -9759,7 +9790,8 @@
   }
   .rt-CalloutRoot:where(.lg\:rt-r-size-3){
     row-gap: var(--space-3);
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
     padding: var(--space-5);
     border-radius: var(--radius-3);
     --callout-icon-height: var(--line-height-3);
@@ -9769,7 +9801,8 @@
 @media (min-width: 1640px){
   .rt-CalloutRoot:where(.xl\:rt-r-size-1){
     row-gap: var(--space-2);
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
     padding: var(--space-3);
     border-radius: var(--radius-1);
     --callout-icon-height: var(--line-height-1);
@@ -9777,7 +9810,8 @@
   }
   .rt-CalloutRoot:where(.xl\:rt-r-size-2){
     row-gap: var(--space-2);
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
     padding: var(--space-4);
     border-radius: var(--radius-2);
     --callout-icon-height: var(--line-height-2);
@@ -9785,7 +9819,8 @@
   }
   .rt-CalloutRoot:where(.xl\:rt-r-size-3){
     row-gap: var(--space-3);
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
     padding: var(--space-5);
     border-radius: var(--radius-3);
     --callout-icon-height: var(--line-height-3);
@@ -10190,16 +10225,31 @@
   outline-offset: -1px;
 }
 @media (hover: hover) {
+  .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:hover){
+    background-color: var(--gray-2);
+    box-shadow: inset 0 0 0 1px var(--gray-7);
+  }
   .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:hover){
     background-color: var(--gray-2);
     box-shadow: inset 0 0 0 1px var(--gray-7);
   }
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:hover){
+    background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+    box-shadow: inset 0 0 0 1px var(--gray-a7);
+    backdrop-filter: var(--backdrop-filter-panel);
+  }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:hover){
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     box-shadow: inset 0 0 0 1px var(--gray-a7);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
+  .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:hover):where([data-panel-background='solid'], [data-material='solid']){
+    background-color: var(--gray-2);
+    box-shadow: inset 0 0 0 1px var(--gray-7);
+    backdrop-filter: none;
+    --backdrop-filter-panel: none;
+  }
   .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:hover):where([data-panel-background='solid'], [data-material='solid']){
     background-color: var(--gray-2);
     box-shadow: inset 0 0 0 1px var(--gray-7);
@@ -10207,6 +10257,12 @@
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
+  .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:hover):where([data-panel-background='translucent'], [data-material='translucent']){
+    background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+    box-shadow: inset 0 0 0 1px var(--gray-a7);
+    backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+  }
   .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:hover):where([data-panel-background='translucent'], [data-material='translucent']){
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -10215,16 +10271,31 @@
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
 }
+.rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where([data-state='open']){
+  background-color: var(--gray-2);
+  box-shadow: inset 0 0 0 1px var(--gray-7);
+}
 .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where([data-state='open']){
   background-color: var(--gray-2);
   box-shadow: inset 0 0 0 1px var(--gray-7);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where([data-state='open']){
+  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+  box-shadow: inset 0 0 0 1px var(--gray-a7);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where([data-state='open']){
   background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
   box-shadow: inset 0 0 0 1px var(--gray-a7);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+.rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where([data-state='open']):where([data-panel-background='solid'], [data-material='solid']){
+  background-color: var(--gray-2);
+  box-shadow: inset 0 0 0 1px var(--gray-7);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where([data-state='open']):where([data-panel-background='solid'], [data-material='solid']){
   background-color: var(--gray-2);
   box-shadow: inset 0 0 0 1px var(--gray-7);
@@ -10232,6 +10303,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+.rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where([data-state='open']):where([data-panel-background='translucent'], [data-material='translucent']){
+  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+  box-shadow: inset 0 0 0 1px var(--gray-a7);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where([data-state='open']):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
   box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -10239,16 +10316,31 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+.rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])){
+  background-color: var(--gray-3);
+  box-shadow: inset 0 0 0 1px var(--gray-8);
+}
 .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:active:not([data-state='open'])){
   background-color: var(--gray-3);
   box-shadow: inset 0 0 0 1px var(--gray-8);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])){
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  box-shadow: inset 0 0 0 1px var(--gray-a8);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:active:not([data-state='open'])){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   box-shadow: inset 0 0 0 1px var(--gray-a8);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+.rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='solid'], [data-material='solid']){
+  background-color: var(--gray-3);
+  box-shadow: inset 0 0 0 1px var(--gray-8);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='solid'], [data-material='solid']){
   background-color: var(--gray-3);
   box-shadow: inset 0 0 0 1px var(--gray-8);
@@ -10256,6 +10348,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+.rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='translucent'], [data-material='translucent']){
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  box-shadow: inset 0 0 0 1px var(--gray-a8);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   box-shadow: inset 0 0 0 1px var(--gray-a8);
@@ -10264,6 +10362,9 @@
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 @media (pointer: coarse) {
+  .rt-BaseCard:where(.rt-variant-outline):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
+  }
   .rt-BaseCard:where(.rt-variant-outline):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
@@ -10314,18 +10415,35 @@
   outline-offset: 2px;
 }
 @media (hover: hover) {
+  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover){
+    transition-duration: 40ms;
+    box-shadow: var(--shadow-2);
+  }
   .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover){
     transition-duration: 40ms;
     box-shadow: var(--shadow-2);
   }
+  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: var(--gray-2);
+  }
   .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
   }
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+  }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
+            .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: var(--gray-2);
+    backdrop-filter: none;
+    --backdrop-filter-panel: none;
+  }
   :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
             .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
@@ -10333,6 +10451,15 @@
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
+  :where(
+              .rt-BaseCard[data-panel-background='translucent'],
+              .rt-BaseCard[data-material='translucent']
+            )
+            .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+  }
   :where(
               .rt-BaseCard[data-panel-background='translucent'],
               .rt-BaseCard[data-material='translucent']
@@ -10343,28 +10470,56 @@
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
+  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::after{
+    box-shadow: none;
+  }
   .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::after{
     box-shadow: none;
   }
 }
+.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);
+}
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: var(--gray-3);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: var(--gray-3);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 :where(
             .rt-BaseCard[data-panel-background='translucent'],
             .rt-BaseCard[data-material='translucent']
@@ -10375,26 +10530,53 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::after{
+  box-shadow: none;
+}
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::after{
   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);
+}
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: var(--gray-3);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: var(--gray-3);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 :where(
             .rt-BaseCard[data-panel-background='translucent'],
             .rt-BaseCard[data-material='translucent']
@@ -10405,10 +10587,16 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::after{
+  box-shadow: none;
+}
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::after{
   box-shadow: none;
 }
 @media (pointer: coarse) {
+  .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
+  }
   .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
@@ -10446,26 +10634,57 @@
   outline-offset: -1px;
 }
 @media (hover: hover) {
+  .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover){
+    background-color: var(--gray-3);
+  }
   .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover){
     background-color: var(--gray-3);
   }
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover){
+    background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+  }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover){
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
+  .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover):where([data-panel-background='solid'], [data-material='solid']){
+    background-color: var(--gray-3);
+    backdrop-filter: none;
+    --backdrop-filter-panel: none;
+  }
   .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover):where([data-panel-background='solid'], [data-material='solid']){
     background-color: var(--gray-3);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
+  .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover):where([data-panel-background='translucent'], [data-material='translucent']){
+    background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+  }
   .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover):where([data-panel-background='translucent'], [data-material='translucent']){
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
+  :where(
+            .rt-PopoverContent,
+            .rt-BaseDialogContent,
+            .rt-BaseMenuContent,
+            .rt-DropdownMenuContent,
+            .rt-ContextMenuContent,
+            .rt-AlertDialogContent,
+            .rt-HoverCardContent,
+            .rt-TooltipContent,
+            .rt-Card
+          )
+          .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover){
+    backdrop-filter: none !important;
+  }
   :where(
             .rt-PopoverContent,
             .rt-BaseDialogContent,
@@ -10481,30 +10700,64 @@
     -webkit-backdrop-filter: none !important;
             backdrop-filter: none !important;
   }
+  .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover):where(:focus-visible){
+    background-color: var(--focus-a2);
+  }
   .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover):where(:focus-visible){
     background-color: var(--focus-a2);
   }
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state='open']){
+  background-color: var(--gray-3);
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']){
   background-color: var(--gray-3);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state='open']){
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state='open']):where([data-panel-background='solid'], [data-material='solid']){
+  background-color: var(--gray-3);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']):where([data-panel-background='solid'], [data-material='solid']){
   background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state='open']):where([data-panel-background='translucent'], [data-material='translucent']){
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+:where(
+          .rt-PopoverContent,
+          .rt-BaseDialogContent,
+          .rt-BaseMenuContent,
+          .rt-DropdownMenuContent,
+          .rt-ContextMenuContent,
+          .rt-AlertDialogContent,
+          .rt-HoverCardContent,
+          .rt-TooltipContent,
+          .rt-Card
+        )
+        .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state='open']){
+  backdrop-filter: none !important;
+}
 :where(
           .rt-PopoverContent,
           .rt-BaseDialogContent,
@@ -10520,29 +10773,63 @@
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state='open']):where(:focus-visible){
+  background-color: var(--focus-a2);
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']):where(:focus-visible){
   background-color: var(--focus-a2);
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])){
+  background-color: var(--gray-4);
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])){
   background-color: var(--gray-4);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])){
+  background-color: color-mix(in srgb, var(--gray-a4), var(--gray-4) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])){
   background-color: color-mix(in srgb, var(--gray-a4), var(--gray-4) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='solid'], [data-material='solid']){
+  background-color: var(--gray-4);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='solid'], [data-material='solid']){
   background-color: var(--gray-4);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='translucent'], [data-material='translucent']){
+  background-color: color-mix(in srgb, var(--gray-a4), var(--gray-4) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: color-mix(in srgb, var(--gray-a4), var(--gray-4) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+:where(
+          .rt-PopoverContent,
+          .rt-BaseDialogContent,
+          .rt-BaseMenuContent,
+          .rt-DropdownMenuContent,
+          .rt-ContextMenuContent,
+          .rt-AlertDialogContent,
+          .rt-HoverCardContent,
+          .rt-TooltipContent,
+          .rt-Card
+        )
+        .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])){
+  backdrop-filter: none !important;
+}
 :where(
           .rt-PopoverContent,
           .rt-BaseDialogContent,
@@ -10558,10 +10845,16 @@
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
+.rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])):where(:focus-visible){
+  background-color: var(--focus-a2);
+}
 .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])):where(:focus-visible){
   background-color: var(--focus-a2);
 }
 @media (pointer: coarse) {
+  .rt-BaseCard:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
+  }
   .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
@@ -10610,14 +10903,27 @@
   outline-offset: -1px;
 }
 @media (hover: hover) {
+  .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: var(--gray-3);
+  }
   .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-3);
   }
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+  }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
+            .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: var(--gray-3);
+    backdrop-filter: none;
+    --backdrop-filter-panel: none;
+  }
   :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
             .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-3);
@@ -10625,6 +10931,15 @@
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
+  :where(
+              .rt-BaseCard[data-panel-background='translucent'],
+              .rt-BaseCard[data-material='translucent']
+            )
+            .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+  }
   :where(
               .rt-BaseCard[data-panel-background='translucent'],
               .rt-BaseCard[data-material='translucent']
@@ -10635,6 +10950,20 @@
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
+  :where(
+              .rt-PopoverContent,
+              .rt-BaseDialogContent,
+              .rt-BaseMenuContent,
+              .rt-DropdownMenuContent,
+              .rt-ContextMenuContent,
+              .rt-AlertDialogContent,
+              .rt-HoverCardContent,
+              .rt-TooltipContent,
+              .rt-Card
+            )
+            .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+    backdrop-filter: none !important;
+  }
   :where(
               .rt-PopoverContent,
               .rt-BaseDialogContent,
@@ -10651,20 +10980,41 @@
             backdrop-filter: none !important;
   }
 }
+.rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: var(--gray-3);
+}
 .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: var(--gray-3);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: var(--gray-3);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 :where(
             .rt-BaseCard[data-panel-background='translucent'],
             .rt-BaseCard[data-material='translucent']
@@ -10675,6 +11025,20 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+:where(
+            .rt-PopoverContent,
+            .rt-BaseDialogContent,
+            .rt-BaseMenuContent,
+            .rt-DropdownMenuContent,
+            .rt-ContextMenuContent,
+            .rt-AlertDialogContent,
+            .rt-HoverCardContent,
+            .rt-TooltipContent,
+            .rt-Card
+          )
+          .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  backdrop-filter: none !important;
+}
 :where(
             .rt-PopoverContent,
             .rt-BaseDialogContent,
@@ -10690,20 +11054,41 @@
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
+.rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: var(--gray-3);
+}
 .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: var(--gray-3);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: var(--gray-3);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 :where(
             .rt-BaseCard[data-panel-background='translucent'],
             .rt-BaseCard[data-material='translucent']
@@ -10715,6 +11100,9 @@
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 @media (pointer: coarse) {
+  .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
+  }
   .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
@@ -10770,14 +11158,27 @@
   outline-offset: -1px;
 }
 @media (hover: hover) {
+  .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: var(--gray-2);
+  }
   .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
   }
-  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
+            .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: var(--gray-2);
+    backdrop-filter: none;
+    --backdrop-filter-panel: none;
+  }
   :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
             .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
@@ -10785,6 +11186,15 @@
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
+  :where(
+              .rt-BaseCard[data-panel-background='translucent'],
+              .rt-BaseCard[data-material='translucent']
+            )
+            .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
+    background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+    backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+  }
   :where(
               .rt-BaseCard[data-panel-background='translucent'],
               .rt-BaseCard[data-material='translucent']
@@ -10795,27 +11205,54 @@
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
+  .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::after{
+    box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-7);
+  }
   .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::after{
     box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-7);
   }
+  :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::after{
+    box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-a7);
+  }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::after{
     box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-a7);
   }
 }
+.rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: var(--gray-2);
+}
 .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: var(--gray-2);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: var(--gray-2);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: var(--gray-2);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+  background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 :where(
             .rt-BaseCard[data-panel-background='translucent'],
             .rt-BaseCard[data-material='translucent']
@@ -10826,26 +11263,53 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+.rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::after{
+  box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-7);
+}
 .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::after{
   box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-7);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::after{
+  box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-a7);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::after{
   box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-a7);
 }
+.rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: var(--gray-3);
+}
 .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: var(--gray-3);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
+:where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: var(--gray-3);
+  backdrop-filter: none;
+  --backdrop-filter-panel: none;
+}
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+}
 :where(
             .rt-BaseCard[data-panel-background='translucent'],
             .rt-BaseCard[data-material='translucent']
@@ -10856,18 +11320,30 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
+.rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::after{
+  box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-7);
+}
 .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::after{
   box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-7);
 }
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::after{
+  box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-a7);
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::after{
   box-shadow: inset 0 0 0 var(--card-border-width) var(--gray-a7);
 }
 @media (pointer: coarse) {
+  .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
+  }
   .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
 }
 @media (pointer: coarse) {
+  .rt-BaseCard:where(:-moz-any-link, button, label):where(:active:not(:focus-visible, [data-state='open']))::before{
+    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
+  }
   .rt-BaseCard:where(:any-link, button, label):where(:active:not(:focus-visible, [data-state='open']))::before{
     background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
   }
@@ -11486,6 +11962,9 @@
 .rt-CheckboxCardsItem:where(:has(:disabled))::before{
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
+.rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection{
+  background-color: var(--gray-a5);
+}
 .rt-CheckboxCardsItem:where(:has(:disabled))::selection{
   background-color: var(--gray-a5);
 }
@@ -11838,6 +12317,10 @@
   background-color: var(--accent-a9);
   color: var(--accent-contrast);
 }
+.rt-Code:where(.rt-variant-solid)::-moz-selection{
+  background-color: var(--accent-7);
+  color: var(--accent-12);
+}
 .rt-Code:where(.rt-variant-solid)::selection{
   background-color: var(--accent-7);
   color: var(--accent-12);
@@ -11846,18 +12329,32 @@
   background-color: var(--accent-12);
   color: var(--accent-1);
 }
+.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection{
+  background-color: var(--accent-a11);
+  color: var(--accent-1);
+}
 .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection{
   background-color: var(--accent-a11);
   color: var(--accent-1);
 }
+.rt-Code:where(.rt-variant-solid):where(:-moz-any-link, button){
+  isolation: isolate;
+}
 :where(.rt-Link) .rt-Code:where(.rt-variant-solid),
   .rt-Code:where(.rt-variant-solid):where(:any-link, button){
   isolation: isolate;
 }
 @media (hover: hover) {
+  .rt-Code:where(.rt-variant-solid):where(:-moz-any-link, button):where(:hover){
+    background-color: var(--accent-10);
+  }
   :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(:hover), .rt-Code:where(.rt-variant-solid):where(:any-link, button):where(:hover){
     background-color: var(--accent-10);
   }
+  .rt-Code:where(.rt-variant-solid):where(:-moz-any-link, button):where(.rt-high-contrast:hover){
+    background-color: var(--accent-12);
+    filter: var(--base-button-solid-high-contrast-hover-filter);
+  }
   :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast:hover), .rt-Code:where(.rt-variant-solid):where(:any-link, button):where(.rt-high-contrast:hover){
     background-color: var(--accent-12);
     filter: var(--base-button-solid-high-contrast-hover-filter);
@@ -11870,11 +12367,17 @@
 .rt-Code:where(.rt-variant-soft):where(.rt-high-contrast){
   color: var(--accent-12);
 }
+.rt-Code:where(.rt-variant-soft):where(:-moz-any-link, button){
+  isolation: isolate;
+}
 :where(.rt-Link) .rt-Code:where(.rt-variant-soft),
   .rt-Code:where(.rt-variant-soft):where(:any-link, button){
   isolation: isolate;
 }
 @media (hover: hover) {
+  .rt-Code:where(.rt-variant-soft):where(:-moz-any-link, button):where(:hover){
+    background-color: var(--accent-a4);
+  }
   :where(.rt-Link) .rt-Code:where(.rt-variant-soft):where(:hover), .rt-Code:where(.rt-variant-soft):where(:any-link, button):where(:hover){
     background-color: var(--accent-a4);
   }
@@ -11887,11 +12390,17 @@
   box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
   color: var(--accent-12);
 }
+.rt-Code:where(.rt-variant-outline):where(:-moz-any-link, button){
+  isolation: isolate;
+}
 :where(.rt-Link) .rt-Code:where(.rt-variant-outline),
   .rt-Code:where(.rt-variant-outline):where(:any-link, button){
   isolation: isolate;
 }
 @media (hover: hover) {
+  .rt-Code:where(.rt-variant-outline):where(:-moz-any-link, button):where(:hover){
+    background-color: var(--accent-a2);
+  }
   :where(.rt-Link) .rt-Code:where(.rt-variant-outline):where(:hover), .rt-Code:where(.rt-variant-outline):where(:any-link, button):where(:hover){
     background-color: var(--accent-a2);
   }
@@ -11960,6 +12469,7 @@
   scroll-margin: var(--base-menu-content-padding) 0;
   transition: var(--transition-menu);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: var(--cursor-menu-item);
 }
@@ -12013,6 +12523,7 @@
   box-sizing: border-box;
   color: var(--gray-a10);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: default;
 }
@@ -12032,7 +12543,7 @@
   --base-menu-content-padding: var(--space-2);
   --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
   --base-menu-item-padding-right: var(--space-2);
-  --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+  --base-menu-item-padding-y: var(--space-2);
   --base-menu-item-height: var(--space-5);
   border-radius: var(--radius-3);
 }
@@ -12068,7 +12579,7 @@
   --base-menu-content-padding: var(--space-3);
   --base-menu-item-padding-left: var(--space-3);
   --base-menu-item-padding-right: var(--space-3);
-  --base-menu-item-padding-y: var(--space-1);
+  --base-menu-item-padding-y: var(--space-2);
   --base-menu-item-height: var(--space-6);
   border-radius: var(--radius-5);
 }
@@ -12104,7 +12615,7 @@
   --base-menu-content-padding: var(--space-3);
   --base-menu-item-padding-left: var(--space-3);
   --base-menu-item-padding-right: var(--space-3);
-  --base-menu-item-padding-y: var(--space-1);
+  --base-menu-item-padding-y: var(--space-2);
   --base-menu-item-height: var(--space-6);
   border-radius: var(--radius-6);
 }
@@ -12141,7 +12652,7 @@
     --base-menu-content-padding: var(--space-2);
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
-    --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-5);
     border-radius: var(--radius-3);
   }
@@ -12177,7 +12688,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-5);
   }
@@ -12213,7 +12724,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-6);
   }
@@ -12251,7 +12762,7 @@
     --base-menu-content-padding: var(--space-2);
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
-    --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-5);
     border-radius: var(--radius-3);
   }
@@ -12287,7 +12798,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-5);
   }
@@ -12323,7 +12834,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-6);
   }
@@ -12361,7 +12872,7 @@
     --base-menu-content-padding: var(--space-2);
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
-    --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-5);
     border-radius: var(--radius-3);
   }
@@ -12397,7 +12908,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-5);
   }
@@ -12433,7 +12944,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-6);
   }
@@ -12471,7 +12982,7 @@
     --base-menu-content-padding: var(--space-2);
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
-    --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-5);
     border-radius: var(--radius-3);
   }
@@ -12507,7 +13018,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-5);
   }
@@ -12543,7 +13054,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-6);
   }
@@ -12581,7 +13092,7 @@
     --base-menu-content-padding: var(--space-2);
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
-    --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-5);
     border-radius: var(--radius-3);
   }
@@ -12617,7 +13128,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-5);
   }
@@ -12653,7 +13164,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-6);
   }
@@ -12693,8 +13204,7 @@
   color: var(--gray-a8);
   cursor: default;
 }
-.rt-BaseMenuItem
-  :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)){
+.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)){
   color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut){
@@ -14315,7 +14825,8 @@
 }
 .rt-Image{
   display: block;
-  object-fit: var(--object-fit);
+  -o-object-fit: var(--object-fit);
+     object-fit: var(--object-fit);
   border-radius: var(--radius-2);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -14332,35 +14843,66 @@
     outline-offset: 2px;
   }
 }
+.rt-Image:where(:-moz-any-link, button, label){
+  cursor: pointer;
+  -moz-transition: var(--transition-card), filter var(--motion-duration-small) var(--motion-ease-standard);
+  transition: var(--transition-card), filter var(--motion-duration-small) var(--motion-ease-standard);
+}
 .rt-Image:where(:any-link, button, label){
   cursor: pointer;
   transition: var(--transition-card), filter var(--motion-duration-small) var(--motion-ease-standard);
 }
 @media (hover: hover) {
+  .rt-Image:where(:-moz-any-link, button, label):where(:hover){
+    box-shadow: var(--shadow-3);
+    filter: brightness(1.05) contrast(1.02);
+  }
   .rt-Image:where(:any-link, button, label):where(:hover){
     box-shadow: var(--shadow-3);
     filter: brightness(1.05) contrast(1.02);
   }
 }
+.rt-Image:where(:-moz-any-link, button, label):where(:active){
+  filter: brightness(0.98) contrast(1.02);
+}
 .rt-Image:where(:any-link, button, label):where(:active){
   filter: brightness(0.98) contrast(1.02);
 }
+.rt-Image:where(:-moz-any-link, button, label):where(:focus-visible){
+  outline: 2px solid var(--focus-8);
+  outline-offset: -2px;
+}
 .rt-Image:where(:any-link, button, label):where(:focus-visible){
   outline: 2px solid var(--focus-8);
   outline-offset: -2px;
 }
+:where(:-moz-any-link, button, label){
+  cursor: pointer;
+  -moz-transition: var(--transition-card), filter var(--motion-duration-small) var(--motion-ease-standard);
+  transition: var(--transition-card), filter var(--motion-duration-small) var(--motion-ease-standard);
+}
 :where(:any-link, button, label){
   cursor: pointer;
   transition: var(--transition-card), filter var(--motion-duration-small) var(--motion-ease-standard);
 }
 @media (hover: hover) {
+  :where(:-moz-any-link, button, label):where(:hover){
+    filter: brightness(1.05) contrast(1.02);
+  }
   :where(:any-link, button, label):where(:hover){
     filter: brightness(1.05) contrast(1.02);
   }
 }
+:where(:-moz-any-link, button, label):where(:active){
+  filter: brightness(0.98) contrast(1.02);
+}
 :where(:any-link, button, label):where(:active){
   filter: brightness(0.98) contrast(1.02);
 }
+:where(:-moz-any-link, button, label):where(:focus-visible) .rt-Image{
+  outline: 2px solid var(--focus-8);
+  outline-offset: -2px;
+}
 :where(:any-link, button, label):where(:focus-visible) .rt-Image{
   outline: 2px solid var(--focus-8);
   outline-offset: -2px;
@@ -14391,7 +14933,8 @@
   text-align: center;
   word-wrap: break-word;
   overflow-wrap: break-word;
-  hyphens: auto;
+  -webkit-hyphens: auto;
+          hyphens: auto;
 }
 .rt-Inset{
   box-sizing: border-box;
@@ -14881,6 +15424,7 @@
   vertical-align: middle;
   white-space: nowrap;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   position: relative;
   top: var(--classic-elevation-offset);
@@ -14903,23 +15447,46 @@
   box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), inset 0 calc(-1 * var(--classic-border-width)) var(--black-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
 }
 @media (hover: hover) {
+  .rt-Kbd:where(:-moz-any-link, button):where(:hover){
+    transition-duration: 40ms, 40ms;
+    background-color: var(--color-background);
+    box-shadow: 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7), 0 0 0 var(--classic-border-width) var(--gray-a5);
+  }
   .rt-Kbd:where(:any-link, button):where(:hover){
     transition-duration: 40ms, 40ms;
     background-color: var(--color-background);
     box-shadow: 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7), 0 0 0 var(--classic-border-width) var(--gray-a5);
   }
+  :where(.dark, .dark-theme) .rt-Kbd:where(:-moz-any-link, button):where(:hover), :where(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) .rt-Kbd:where(:-moz-any-link, button):where(:hover){
+    box-shadow: 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12), 0 0 0 var(--classic-border-width) var(--gray-a5);
+  }
   :where(.dark, .dark-theme) .rt-Kbd:where(:any-link, button):where(:hover), :where(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) .rt-Kbd:where(:any-link, button):where(:hover){
     box-shadow: 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12), 0 0 0 var(--classic-border-width) var(--gray-a5);
   }
 }
+.rt-Kbd:where(:-moz-any-link, button):where([data-state='open']){
+  transition-duration: 40ms, 40ms;
+  background-color: var(--color-background);
+  box-shadow: inset 0 var(--classic-border-width) var(--white-a12), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
+}
 .rt-Kbd:where(:any-link, button):where([data-state='open']){
   transition-duration: 40ms, 40ms;
   background-color: var(--color-background);
   box-shadow: inset 0 var(--classic-border-width) var(--white-a12), 0 0 0 var(--classic-border-width) var(--gray-a5), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--gray-a7);
 }
+:where(.dark, .dark-theme) .rt-Kbd:where(:-moz-any-link, button):where([data-state='open']), :where(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) .rt-Kbd:where(:-moz-any-link, button):where([data-state='open']){
+  box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
+}
 :where(.dark, .dark-theme) .rt-Kbd:where(:any-link, button):where([data-state='open']), :where(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) .rt-Kbd:where(:any-link, button):where([data-state='open']){
   box-shadow: inset 0 var(--classic-border-width) var(--gray-a11), 0 0 0 var(--classic-border-width-thick) var(--gray-a7), 0 var(--classic-shadow-offset-y) var(--classic-shadow-blur-small) var(--black-a12);
 }
+.rt-Kbd:where(:-moz-any-link, button):where(:active:not([data-state='open'])){
+  padding-top: var(--classic-border-width);
+  padding-bottom: 0;
+  transition-duration: 40ms, 40ms;
+  background-color: var(--gray-2);
+  box-shadow: inset 0 var(--classic-border-width) var(--black-a3), 0 0 0 var(--classic-border-width) var(--gray-a7);
+}
 .rt-Kbd:where(:any-link, button):where(:active:not([data-state='open'])){
   padding-top: var(--classic-border-width);
   padding-bottom: 0;
@@ -14927,6 +15494,9 @@
   background-color: var(--gray-2);
   box-shadow: inset 0 var(--classic-border-width) var(--black-a3), 0 0 0 var(--classic-border-width) var(--gray-a7);
 }
+.rt-Kbd:where(:-moz-any-link, button):where(:focus-visible){
+  outline: 2px solid var(--focus-8);
+}
 .rt-Kbd:where(:any-link, button):where(:focus-visible){
   outline: 2px solid var(--focus-8);
 }
@@ -15318,6 +15888,14 @@
     border-radius: max(var(--radius-5), var(--radius-full));
   }
 }
+.rt-Link:where(:-moz-any-link, button){
+  cursor: var(--cursor-link);
+  text-decoration-line: none;
+  text-decoration-style: solid;
+  text-decoration-thickness: min(2px, max(1px, 0.05em));
+  text-underline-offset: calc(0.025em + 2px);
+  text-decoration-color: var(--accent-a5);
+}
 .rt-Link:where(:any-link, button){
   cursor: var(--cursor-link);
   text-decoration-line: none;
@@ -15333,37 +15911,60 @@
   color: var(--accent-12);
 }
 @supports (color: color-mix(in oklab, white, black)) {
+  .rt-Link:where(:-moz-any-link, button){
+    text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--gray-a6));
+  }
   .rt-Link:where(:any-link, button){
     text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--gray-a6));
   }
 }
 @media (pointer: coarse) {
+  .rt-Link:where(:-moz-any-link, button):where(:active:not(:focus-visible, [data-state='open'])){
+    outline: 0.75em solid var(--accent-a4);
+    outline-offset: -0.6em;
+  }
   .rt-Link:where(:any-link, button):where(:active:not(:focus-visible, [data-state='open'])){
     outline: 0.75em solid var(--accent-a4);
     outline-offset: -0.6em;
   }
 }
 @media (hover: hover) {
+  .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where(:hover){
+    text-decoration-line: underline;
+  }
   .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(:hover){
     text-decoration-line: underline;
   }
 }
+.rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where([data-accent-color='']){
+  text-decoration-line: underline;
+  text-decoration-color: var(--accent-a6);
+}
 .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
       :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:any-link, button):where(.rt-underline-auto):where([data-accent-color='']){
   text-decoration-line: underline;
   text-decoration-color: var(--accent-a6);
 }
 @supports (color: color-mix(in oklab, white, black)) {
+  .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where([data-accent-color='']){
+    text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
+  }
   .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
       :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:any-link, button):where(.rt-underline-auto):where([data-accent-color='']){
     text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
   }
 }
 @media (hover: hover) {
+  .rt-Link:where(:-moz-any-link, button):where(.rt-underline-hover):where(:hover){
+    text-decoration-line: underline;
+  }
   .rt-Link:where(:any-link, button):where(.rt-underline-hover):where(:hover){
     text-decoration-line: underline;
   }
 }
+.rt-Link:where(:-moz-any-link, button):where(.rt-underline-always){
+  text-decoration-line: underline;
+}
 .rt-Link:where(:any-link, button):where(.rt-underline-always){
   text-decoration-line: underline;
 }
@@ -15424,7 +16025,8 @@
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
-  column-gap: var(--space-1);
+  -moz-column-gap: var(--space-1);
+       column-gap: var(--space-1);
   padding: var(--popover-toolbar-padding);
   background-color: var(--color-panel);
 }
@@ -16513,6 +17115,9 @@
   color: var(--gray-a9);
   outline-color: var(--gray-8);
 }
+.rt-RadioCardsItem:where(:disabled)::-moz-selection{
+  background-color: var(--gray-a5);
+}
 .rt-RadioCardsItem:where(:disabled)::selection{
   background-color: var(--gray-a5);
 }
@@ -16683,6 +17288,7 @@
 .rt-ScrollAreaScrollbar{
   display: flex;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   touch-action: none;
   background-color: var(--gray-a3);
@@ -16843,6 +17449,7 @@
   display: flex;
   align-items: stretch;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .rt-SegmentedControlItem:where(:first-child){
@@ -17023,6 +17630,7 @@
   align-items: stretch;
   color: var(--gray-12);
   position: relative;
+  min-width: -moz-max-content;
   min-width: max-content;
   font-family: var(--default-font-family);
   font-style: normal;
@@ -17417,6 +18025,7 @@
   justify-content: space-between;
   flex-shrink: 0;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   vertical-align: top;
   line-height: var(--height);
@@ -17503,6 +18112,7 @@
   outline: none;
   scroll-margin: var(--select-content-padding) 0;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: var(--cursor-menu-item);
 }
@@ -17537,6 +18147,7 @@
   padding-right: var(--select-item-indicator-width);
   color: var(--gray-a10);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: default;
 }
@@ -18940,6 +19551,9 @@
   box-shadow: none !important;
   border-radius: 0 !important;
 }
+.rt-SidebarContent .rt-BaseMenuViewport{
+  gap: var(--space-5);
+}
 .rt-SidebarContent :where(.rt-ScrollAreaRoot){
   flex: 1;
   display: flex;
@@ -18972,7 +19586,6 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  padding-bottom: var(--base-menu-content-padding);
   box-sizing: border-box;
   list-style: none;
   margin: 0;
@@ -19003,6 +19616,7 @@
   text-align: left;
   transition: var(--transition-menu);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: var(--cursor-menu-item);
 }
@@ -19099,6 +19713,7 @@
   box-sizing: border-box;
   color: var(--gray-a10);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: default;
 }
@@ -19128,49 +19743,199 @@
   margin-top: calc(var(--space-1) / 4);
   margin-bottom: calc(var(--space-1) / 4);
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarContent),
-.rt-ShellSidebarRail :where(.rt-SidebarContent),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarContent){
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent){
   padding: var(--space-2);
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuButton),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuButton),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuButton){
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuViewport){
+  padding: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger){
+  justify-content: center !important;
+  align-items: center !important;
+  flex-direction: column !important;
+  gap: var(--space-1) !important;
+  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-left: var(--space-1) !important;
+  padding-right: var(--space-1) !important;
+}
+: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){
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--space-1);
-  padding: var(--space-2) var(--space-1);
-}
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuBadge),
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuShortcut),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuBadge),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuShortcut),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuBadge),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuShortcut){
-  display: none;
+  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.rt-layout-rail .rt-SidebarGroupLabel),
-.rt-ShellSidebarRail :where(.rt-SidebarGroupLabel),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarGroupLabel){
-  display: block;
+: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);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2){
+  --base-menu-item-padding-left: var(--space-1) !important;
+  --base-menu-item-padding-right: var(--space-1) !important;
+  --base-menu-item-padding-y: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))){
+  --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)){
+  --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);
-  color: var(--gray-a9);
-  font-weight: var(--font-weight-medium);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  min-width: 0;
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuSubTriggerIcon),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuSubTriggerIcon),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuSubTriggerIcon){
-  display: none;
+: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);
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuSubList),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuSubList),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuSubList){
-  padding-left: 0;
-  border-left: none;
-  margin-left: 0;
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3){
+  --base-menu-item-padding-left: var(--space-1) !important;
+  --base-menu-item-padding-right: var(--space-1) !important;
+  --base-menu-item-padding-y: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))){
+  --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)){
+  --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);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > *){
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTrigger > *){
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > * > svg){
+  flex-shrink: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *){
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg){
+  display: block;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel){
+  display: block;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+  color: var(--accent-11);
+  font-size: var(--font-size-0);
+  line-height: var(--line-height-0);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Kbd){
+  display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarGroupLabel){
+  display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTriggerIcon),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubTriggerIcon){
+  display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList){
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+  border-left: 0 !important;
+  border-top: 0 !important;
+  border-bottom: 0 !important;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList::before),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList::before){
+  content: none !important;
+  display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent){
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+  border-left: 0 !important;
+  border-top: 1px solid var(--gray-a6) !important;
+  border-bottom: 1px solid var(--gray-a6) !important;
+  margin-top: var(--space-2) !important;
+  margin-bottom: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton){
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
 }
 :where([data-panel-background='translucent']) .rt-SidebarContainer{
   --sidebar-border-color: var(--gray-a6);
@@ -19327,6 +20092,7 @@
   text-align: left;
   cursor: var(--cursor-menu-item);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   justify-content: flex-start;
   transition: background var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), filter var(--motion-duration-small) var(--motion-ease-standard);
@@ -19375,7 +20141,7 @@
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
   border-radius: var(--radius-1);
-  font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
   width: var(--content-icon-size-1);
@@ -19394,7 +20160,7 @@
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
   border-radius: var(--radius-2);
-  font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
   width: var(--content-icon-size-2);
@@ -19436,7 +20202,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-1);
@@ -19455,7 +20221,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-2);
@@ -19498,7 +20264,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-1);
@@ -19517,7 +20283,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-2);
@@ -19560,7 +20326,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-1);
@@ -19579,7 +20345,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-2);
@@ -19622,7 +20388,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-1);
@@ -19641,7 +20407,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-2);
@@ -19684,7 +20450,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-1);
@@ -19703,7 +20469,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
   }
   .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg){
     width: var(--content-icon-size-2);
@@ -19766,6 +20532,7 @@
 .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]){
   background-color: var(--accent-9);
   color: var(--accent-contrast);
+  font-weight: var(--font-weight-medium);
 }
 .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text){
   color: inherit !important;
@@ -19811,6 +20578,7 @@
 .rt-SidebarHeader:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarContent:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarFooter:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]){
   background-color: var(--accent-12);
   color: var(--accent-1);
+  font-weight: var(--font-weight-medium);
 }
 .rt-SidebarHeader:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarContent:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarFooter:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text){
   color: inherit !important;
@@ -19886,6 +20654,7 @@
 .rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active]){
   background-color: var(--accent-3);
   color: var(--accent-12);
+  font-weight: var(--font-weight-medium);
 }
 :where([data-panel-background='translucent']) :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active])), :where([data-panel-background='translucent']) :is(.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active])), :where([data-panel-background='translucent']) :is(.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active])){
   background-color: var(--accent-a3);
@@ -19925,7 +20694,6 @@
   z-index: 50;
   height: var(--shell-header-height, 64px);
   min-height: var(--shell-header-height, 64px);
-  background-color: var(--color-panel);
   display: flex;
   align-items: center;
   flex-shrink: 0;
@@ -19949,7 +20717,6 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--color-surface);
   overflow: hidden;
   transition: width var(--motion-duration-small) var(--motion-ease-standard);
 }
@@ -19958,6 +20725,7 @@
 }
 .rt-ShellRail[data-mode='collapsed']{
   width: 0px;
+  transition-delay: var(--motion-duration-small);
   position: absolute;
   inset-block: 0;
   inset-inline-start: 0;
@@ -19983,7 +20751,6 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   position: relative;
   z-index: 1;
@@ -19994,6 +20761,7 @@
 }
 .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));
@@ -20018,7 +20786,6 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   position: relative;
   z-index: 1;
@@ -20035,6 +20802,7 @@
 }
 .rt-ShellSidebar[data-mode='collapsed']{
   width: 0px;
+  transition-delay: var(--motion-duration-small);
   position: absolute;
   inset-block: 0;
   inset-inline-start: 0;
@@ -20054,6 +20822,17 @@
 .rt-ShellSidebarContent[data-visible]{
   opacity: 1;
 }
+.rt-ShellSidebarContent[data-phase='hiding']{
+  opacity: 0;
+  transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
+}
+.rt-ShellSidebarContent[data-phase='resizing']{
+  opacity: 0;
+}
+.rt-ShellSidebarContent[data-phase='showing']{
+  opacity: 1;
+  transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
+}
 .rt-ShellSidebar[data-mode='collapsed'] .rt-ShellSidebarContent{
   opacity: 0;
   transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
@@ -20079,13 +20858,11 @@
   min-width: 0;
   height: 100%;
   overflow: auto;
-  background-color: var(--color-surface);
 }
 .rt-ShellInspector{
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   position: relative;
   z-index: 1;
@@ -20096,6 +20873,7 @@
 }
 .rt-ShellInspector[data-mode='collapsed']{
   width: 0px;
+  transition-delay: var(--motion-duration-small);
   position: absolute;
   inset-block: 0;
   inset-inline-end: 0;
@@ -20120,7 +20898,6 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   flex-shrink: 0;
   position: relative;
@@ -20134,6 +20911,7 @@
   position: absolute;
   inset-inline: 0;
   inset-block-end: 0;
+  transition-delay: var(--motion-duration-small);
 }
 .rt-ShellBottomContent{
   display: flex;
@@ -20304,6 +21082,7 @@
 .rt-ShellInspector[data-peek] .rt-ShellInspectorContent,
 .rt-ShellBottom[data-peek] .rt-ShellBottomContent{
   opacity: 1;
+  transition-delay: var(--motion-duration-small);
 }
 .rt-ShellRail[data-peek]{
   inset-block: 0;
@@ -20335,6 +21114,7 @@
   flex-grow: 1;
   border-radius: var(--slider-radius);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   touch-action: none;
   isolation: isolate;
@@ -21140,6 +21920,7 @@
   flex-shrink: 0;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   transition: var(--transition-tabs);
   scroll-behavior: smooth;
@@ -21678,6 +22459,9 @@
   outline: 2px solid var(--text-area-focus-color, var(--focus-8));
   outline-offset: -1px;
 }
+.rt-TextAreaRoot::-moz-selection{
+  background-color: var(--text-area-selection-color, var(--focus-a5));
+}
 .rt-TextAreaRoot::selection{
   background-color: var(--text-area-selection-color, var(--focus-a5));
 }
@@ -21707,11 +22491,19 @@
     background-color: var(--gray-a9);
   }
 }
+.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]){
+  -webkit-background-clip: text;
+          background-clip: text;
+  -webkit-text-fill-color: var(--gray-12);
+}
 .rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]){
   -webkit-background-clip: text;
           background-clip: text;
   -webkit-text-fill-color: var(--gray-12);
 }
+.rt-TextAreaInput::-moz-selection{
+  background-color: var(--text-area-selection-color, var(--focus-a5));
+}
 .rt-TextAreaInput::selection{
   background-color: var(--text-area-selection-color, var(--focus-a5));
 }
@@ -21985,13 +22777,28 @@
     box-shadow: inset 0 0 0 1px var(--accent-a7);
   }
 }
+.rt-TextAreaRoot:where(.rt-variant-outline) :where(.rt-TextAreaInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextAreaRoot:where(.rt-variant-outline) :where(.rt-TextAreaInput)::placeholder{
   color: var(--gray-a10);
 }
+.rt-TextAreaRoot:where(.rt-variant-outline):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: inset 0 0 0 1px var(--focus-a5);
+}
+.rt-TextAreaRoot:where(.rt-variant-outline):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: inset 0 0 0 1px var(--focus-a5);
+}
 .rt-TextAreaRoot:where(.rt-variant-outline):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   box-shadow: inset 0 0 0 1px var(--focus-a5);
 }
+.rt-TextAreaRoot:where(.rt-variant-outline):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))){
+  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
+  box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
+}
 .rt-TextAreaRoot:where(.rt-variant-outline):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))){
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
   box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
@@ -22031,13 +22838,28 @@
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:focus)){
   box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
 }
+.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput)::placeholder{
   color: var(--gray-a10);
 }
+.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: var(--shadow-2);
+}
+.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: var(--shadow-2);
+}
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   box-shadow: var(--shadow-2);
 }
+.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(: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);
@@ -22072,13 +22894,26 @@
     background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
   }
 }
+.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::-moz-placeholder{
+  color: var(--accent-12);
+  opacity: 0.6;
+}
 .rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::placeholder{
   color: var(--accent-12);
   opacity: 0.6;
 }
+.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
+.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
 .rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
+.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))){
+  background-color: var(--gray-a3);
+}
 .rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))){
   background-color: var(--gray-a3);
 }
@@ -22089,6 +22924,9 @@
   background-color: transparent;
   color: var(--gray-12);
 }
+.rt-TextAreaRoot:where(.rt-variant-ghost) :where(.rt-TextAreaInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextAreaRoot:where(.rt-variant-ghost) :where(.rt-TextAreaInput)::placeholder{
   color: var(--gray-a10);
 }
@@ -22118,10 +22956,22 @@
 .rt-TextAreaRoot:where(.rt-variant-ghost):where(:focus-within):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: var(--accent-a2);
 }
+.rt-TextAreaRoot:where(.rt-variant-ghost):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
+.rt-TextAreaRoot:where(.rt-variant-ghost):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
 .rt-TextAreaRoot:where(.rt-variant-ghost):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-color: var(--accent-a2);
   box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
+.rt-TextAreaRoot:where(.rt-variant-ghost):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))){
+  background-color: var(--gray-a2);
+  color: var(--gray-a8);
+}
 .rt-TextAreaRoot:where(.rt-variant-ghost):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))){
   background-color: var(--gray-a2);
   color: var(--gray-a8);
@@ -22146,6 +22996,9 @@
   background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   box-shadow: inset 0 0 0 1px var(--accent-a6);
 }
+.rt-TextAreaRoot:where(.rt-variant-surface) :where(.rt-TextAreaInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextAreaRoot:where(.rt-variant-surface) :where(.rt-TextAreaInput)::placeholder{
   color: var(--gray-a10);
 }
@@ -22183,26 +23036,60 @@
   background-color: var(--accent-a2);
   box-shadow: inset 0 0 0 var(--text-area-border-width) var(--accent-a8);
 }
+.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
+.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
 .rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-color: var(--accent-a2);
   box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
+.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))){
+  background-color: var(--gray-a2);
+  box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
+  color: var(--gray-a8);
+}
 .rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))){
   background-color: var(--gray-a2);
   box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
   color: var(--gray-a8);
 }
+.rt-TextAreaInput:where(:disabled, :-moz-read-only){
+  cursor: text;
+  color: var(--gray-a11);
+  -webkit-text-fill-color: var(--gray-a11);
+}
 .rt-TextAreaInput:where(:disabled, :read-only){
   cursor: text;
   color: var(--gray-a11);
   -webkit-text-fill-color: var(--gray-a11);
 }
+.rt-TextAreaInput:where(:disabled, :read-only)::-moz-placeholder{
+  opacity: 0.5;
+}
+.rt-TextAreaInput:where(:disabled, :-moz-read-only)::placeholder{
+  opacity: 0.5;
+}
 .rt-TextAreaInput:where(:disabled, :read-only)::placeholder{
   opacity: 0.5;
 }
+.rt-TextAreaInput:where(:disabled, :read-only):where(:-moz-placeholder-shown){
+  cursor: var(--cursor-disabled);
+}
+.rt-TextAreaInput:where(:disabled, :-moz-read-only):where(:placeholder-shown){
+  cursor: var(--cursor-disabled);
+}
 .rt-TextAreaInput:where(:disabled, :read-only):where(:placeholder-shown){
   cursor: var(--cursor-disabled);
 }
+.rt-TextAreaRoot:where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))){
+  --text-area-selection-color: var(--gray-a5);
+  --text-area-focus-color: var(--gray-8);
+}
 .rt-TextAreaRoot:where(:has(.rt-TextAreaInput:where(:disabled, :read-only))){
   --text-area-selection-color: var(--gray-a5);
   --text-area-focus-color: var(--gray-8);
@@ -22293,6 +23180,9 @@
     outline-offset: -1px;
   }
 }
+.rt-TextFieldRoot::-moz-selection{
+  background-color: var(--text-field-selection-color);
+}
 .rt-TextFieldRoot::selection{
   background-color: var(--text-field-selection-color);
 }
@@ -22320,6 +23210,9 @@
   -webkit-appearance: none;
           appearance: none;
 }
+.rt-TextFieldInput::-moz-selection{
+  background-color: var(--text-field-selection-color);
+}
 .rt-TextFieldInput::selection{
   background-color: var(--text-field-selection-color);
 }
@@ -22347,6 +23240,11 @@
   outline: none;
 }
 @supports selector(:has(*)) {
+  .rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]){
+    -webkit-background-clip: text;
+            background-clip: text;
+    -webkit-text-fill-color: var(--gray-12);
+  }
   .rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]){
     -webkit-background-clip: text;
             background-clip: text;
@@ -22900,6 +23798,9 @@
     box-shadow: inset 0 0 0 1px var(--accent-a7);
   }
 }
+.rt-TextFieldRoot:where(.rt-variant-outline) :where(.rt-TextFieldInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextFieldRoot:where(.rt-variant-outline) :where(.rt-TextFieldInput)::placeholder{
   color: var(--gray-a10);
 }
@@ -22909,10 +23810,22 @@
 .rt-TextFieldRoot:where(.rt-variant-outline) :where(.rt-TextFieldSlot):where([data-accent-color]){
   color: var(--accent-a11);
 }
+.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: inset 0 0 0 1px var(--focus-a5);
+}
+.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: inset 0 0 0 1px var(--focus-a5);
+}
 .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   box-shadow: inset 0 0 0 1px var(--focus-a5);
 }
+.rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))){
+  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
+  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
+}
 .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))){
   background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
   box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
@@ -22952,6 +23865,9 @@
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:focus)){
   box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
 }
+.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput)::placeholder{
   color: var(--gray-a10);
 }
@@ -22961,10 +23877,22 @@
 .rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldSlot):where([data-accent-color]){
   color: var(--accent-a11);
 }
+.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: var(--shadow-2);
+}
+.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
+  box-shadow: var(--shadow-2);
+}
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
   box-shadow: var(--shadow-2);
 }
+.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(: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);
@@ -22999,6 +23927,10 @@
     background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
   }
 }
+.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::-moz-placeholder{
+  color: var(--accent-12);
+  opacity: 0.6;
+}
 .rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::placeholder{
   color: var(--accent-12);
   opacity: 0.6;
@@ -23009,9 +23941,18 @@
 .rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldSlot):where([data-accent-color]){
   color: var(--accent-a11);
 }
+.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
+.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
 .rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
+.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))){
+  background-color: var(--gray-a3);
+}
 .rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))){
   background-color: var(--gray-a3);
 }
@@ -23022,6 +23963,9 @@
   background-color: transparent;
   color: var(--gray-12);
 }
+.rt-TextFieldRoot:where(.rt-variant-ghost) :where(.rt-TextFieldInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextFieldRoot:where(.rt-variant-ghost) :where(.rt-TextFieldInput)::placeholder{
   color: var(--gray-a10);
 }
@@ -23057,10 +24001,22 @@
 .rt-TextFieldRoot:where(.rt-variant-ghost):where(:focus-within):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: var(--accent-a2);
 }
+.rt-TextFieldRoot:where(.rt-variant-ghost):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
+.rt-TextFieldRoot:where(.rt-variant-ghost):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
 .rt-TextFieldRoot:where(.rt-variant-ghost):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-color: var(--accent-a2);
   box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
+.rt-TextFieldRoot:where(.rt-variant-ghost):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))){
+  background-color: var(--gray-a2);
+  color: var(--gray-a8);
+}
 .rt-TextFieldRoot:where(.rt-variant-ghost):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))){
   background-color: var(--gray-a2);
   color: var(--gray-a8);
@@ -23085,6 +24041,9 @@
   background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
   box-shadow: inset 0 0 0 1px var(--accent-a6);
 }
+.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldInput)::-moz-placeholder{
+  color: var(--gray-a10);
+}
 .rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldInput)::placeholder{
   color: var(--gray-a10);
 }
@@ -23128,29 +24087,69 @@
   background-color: var(--accent-a2);
   box-shadow: inset 0 0 0 var(--text-field-border-width) var(--accent-a8);
 }
+.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
+.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))){
+  background-color: var(--accent-a2);
+  box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
+}
 .rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))){
   background-color: var(--accent-a2);
   box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
 }
+.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))){
+  background-color: var(--gray-a2);
+  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
+  color: var(--gray-a8);
+}
 .rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))){
   background-color: var(--gray-a2);
   box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
   color: var(--gray-a8);
 }
+.rt-TextFieldInput:where(:disabled, :-moz-read-only){
+  cursor: text;
+  color: var(--gray-a11);
+  -webkit-text-fill-color: var(--gray-a11);
+}
 .rt-TextFieldInput:where(:disabled, :read-only){
   cursor: text;
   color: var(--gray-a11);
   -webkit-text-fill-color: var(--gray-a11);
 }
+.rt-TextFieldInput:where(:disabled, :read-only)::-moz-placeholder{
+  opacity: 0.5;
+}
+.rt-TextFieldInput:where(:disabled, :-moz-read-only)::placeholder{
+  opacity: 0.5;
+}
 .rt-TextFieldInput:where(:disabled, :read-only)::placeholder{
   opacity: 0.5;
 }
+.rt-TextFieldInput:where(:disabled, :read-only):where(:-moz-placeholder-shown){
+  cursor: var(--cursor-disabled);
+}
+.rt-TextFieldInput:where(:disabled, :-moz-read-only):where(:placeholder-shown){
+  cursor: var(--cursor-disabled);
+}
 .rt-TextFieldInput:where(:disabled, :read-only):where(:placeholder-shown){
   cursor: var(--cursor-disabled);
 }
+.rt-TextFieldInput:where(:disabled, :read-only):where(:-moz-placeholder-shown) ~ :where(.rt-TextFieldSlot){
+  cursor: var(--cursor-disabled);
+}
+.rt-TextFieldInput:where(:disabled, :-moz-read-only):where(:placeholder-shown) ~ :where(.rt-TextFieldSlot){
+  cursor: var(--cursor-disabled);
+}
 .rt-TextFieldInput:where(:disabled, :read-only):where(:placeholder-shown) ~ :where(.rt-TextFieldSlot){
   cursor: var(--cursor-disabled);
 }
+.rt-TextFieldRoot:where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))){
+  --text-field-selection-color: var(--gray-a5);
+  --text-field-focus-color: var(--gray-8);
+}
 .rt-TextFieldRoot:where(:has(.rt-TextFieldInput:where(:disabled, :read-only))){
   --text-field-selection-color: var(--gray-a5);
   --text-field-focus-color: var(--gray-8);
@@ -23227,6 +24226,7 @@
 .rt-ThemePanelSwatchInput,
 .rt-ThemePanelRadioCardInput{
   -webkit-appearance: none;
+     -moz-appearance: none;
           appearance: none;
   margin: 0;
   outline: none;
@@ -23295,6 +24295,7 @@
 .rt-TooltipText{
   color: var(--gray-1);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: default;
 }
@@ -23391,7 +24392,8 @@
 .rt-ChatbarAttachmentImage{
   height: 100%;
   width: auto;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   max-width: none;
 }
 .rt-ChatbarAttachment{
@@ -24468,46 +25470,60 @@
   gap: var(--space-12);
 }
 .rt-r-cg{
-  column-gap: var(--column-gap)
+  -moz-column-gap: var(--column-gap);
+       column-gap: var(--column-gap)
 }
 .rt-r-cg-0{
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 .rt-r-cg-1{
-  column-gap: var(--space-1);
+  -moz-column-gap: var(--space-1);
+       column-gap: var(--space-1);
 }
 .rt-r-cg-2{
-  column-gap: var(--space-2);
+  -moz-column-gap: var(--space-2);
+       column-gap: var(--space-2);
 }
 .rt-r-cg-3{
-  column-gap: var(--space-3);
+  -moz-column-gap: var(--space-3);
+       column-gap: var(--space-3);
 }
 .rt-r-cg-4{
-  column-gap: var(--space-4);
+  -moz-column-gap: var(--space-4);
+       column-gap: var(--space-4);
 }
 .rt-r-cg-5{
-  column-gap: var(--space-5);
+  -moz-column-gap: var(--space-5);
+       column-gap: var(--space-5);
 }
 .rt-r-cg-6{
-  column-gap: var(--space-6);
+  -moz-column-gap: var(--space-6);
+       column-gap: var(--space-6);
 }
 .rt-r-cg-7{
-  column-gap: var(--space-7);
+  -moz-column-gap: var(--space-7);
+       column-gap: var(--space-7);
 }
 .rt-r-cg-8{
-  column-gap: var(--space-8);
+  -moz-column-gap: var(--space-8);
+       column-gap: var(--space-8);
 }
 .rt-r-cg-9{
-  column-gap: var(--space-9);
+  -moz-column-gap: var(--space-9);
+       column-gap: var(--space-9);
 }
 .rt-r-cg-10{
-  column-gap: var(--space-10);
+  -moz-column-gap: var(--space-10);
+       column-gap: var(--space-10);
 }
 .rt-r-cg-11{
-  column-gap: var(--space-11);
+  -moz-column-gap: var(--space-11);
+       column-gap: var(--space-11);
 }
 .rt-r-cg-12{
-  column-gap: var(--space-12);
+  -moz-column-gap: var(--space-12);
+       column-gap: var(--space-12);
 }
 .rt-r-rg{
   row-gap: var(--row-gap)
@@ -24595,46 +25611,60 @@
     gap: var(--space-12);
   }
   .xs\:rt-r-cg{
-    column-gap: var(--column-gap-xs)
+    -moz-column-gap: var(--column-gap-xs);
+         column-gap: var(--column-gap-xs)
   }
   .xs\:rt-r-cg-0{
-    column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
   }
   .xs\:rt-r-cg-1{
-    column-gap: var(--space-1);
+    -moz-column-gap: var(--space-1);
+         column-gap: var(--space-1);
   }
   .xs\:rt-r-cg-2{
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
   }
   .xs\:rt-r-cg-3{
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
   }
   .xs\:rt-r-cg-4{
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
   }
   .xs\:rt-r-cg-5{
-    column-gap: var(--space-5);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
   }
   .xs\:rt-r-cg-6{
-    column-gap: var(--space-6);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
   }
   .xs\:rt-r-cg-7{
-    column-gap: var(--space-7);
+    -moz-column-gap: var(--space-7);
+         column-gap: var(--space-7);
   }
   .xs\:rt-r-cg-8{
-    column-gap: var(--space-8);
+    -moz-column-gap: var(--space-8);
+         column-gap: var(--space-8);
   }
   .xs\:rt-r-cg-9{
-    column-gap: var(--space-9);
+    -moz-column-gap: var(--space-9);
+         column-gap: var(--space-9);
   }
   .xs\:rt-r-cg-10{
-    column-gap: var(--space-10);
+    -moz-column-gap: var(--space-10);
+         column-gap: var(--space-10);
   }
   .xs\:rt-r-cg-11{
-    column-gap: var(--space-11);
+    -moz-column-gap: var(--space-11);
+         column-gap: var(--space-11);
   }
   .xs\:rt-r-cg-12{
-    column-gap: var(--space-12);
+    -moz-column-gap: var(--space-12);
+         column-gap: var(--space-12);
   }
   .xs\:rt-r-rg{
     row-gap: var(--row-gap-xs)
@@ -24723,46 +25753,60 @@
     gap: var(--space-12);
   }
   .sm\:rt-r-cg{
-    column-gap: var(--column-gap-sm)
+    -moz-column-gap: var(--column-gap-sm);
+         column-gap: var(--column-gap-sm)
   }
   .sm\:rt-r-cg-0{
-    column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
   }
   .sm\:rt-r-cg-1{
-    column-gap: var(--space-1);
+    -moz-column-gap: var(--space-1);
+         column-gap: var(--space-1);
   }
   .sm\:rt-r-cg-2{
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
   }
   .sm\:rt-r-cg-3{
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
   }
   .sm\:rt-r-cg-4{
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
   }
   .sm\:rt-r-cg-5{
-    column-gap: var(--space-5);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
   }
   .sm\:rt-r-cg-6{
-    column-gap: var(--space-6);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
   }
   .sm\:rt-r-cg-7{
-    column-gap: var(--space-7);
+    -moz-column-gap: var(--space-7);
+         column-gap: var(--space-7);
   }
   .sm\:rt-r-cg-8{
-    column-gap: var(--space-8);
+    -moz-column-gap: var(--space-8);
+         column-gap: var(--space-8);
   }
   .sm\:rt-r-cg-9{
-    column-gap: var(--space-9);
+    -moz-column-gap: var(--space-9);
+         column-gap: var(--space-9);
   }
   .sm\:rt-r-cg-10{
-    column-gap: var(--space-10);
+    -moz-column-gap: var(--space-10);
+         column-gap: var(--space-10);
   }
   .sm\:rt-r-cg-11{
-    column-gap: var(--space-11);
+    -moz-column-gap: var(--space-11);
+         column-gap: var(--space-11);
   }
   .sm\:rt-r-cg-12{
-    column-gap: var(--space-12);
+    -moz-column-gap: var(--space-12);
+         column-gap: var(--space-12);
   }
   .sm\:rt-r-rg{
     row-gap: var(--row-gap-sm)
@@ -24851,46 +25895,60 @@
     gap: var(--space-12);
   }
   .md\:rt-r-cg{
-    column-gap: var(--column-gap-md)
+    -moz-column-gap: var(--column-gap-md);
+         column-gap: var(--column-gap-md)
   }
   .md\:rt-r-cg-0{
-    column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
   }
   .md\:rt-r-cg-1{
-    column-gap: var(--space-1);
+    -moz-column-gap: var(--space-1);
+         column-gap: var(--space-1);
   }
   .md\:rt-r-cg-2{
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
   }
   .md\:rt-r-cg-3{
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
   }
   .md\:rt-r-cg-4{
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
   }
   .md\:rt-r-cg-5{
-    column-gap: var(--space-5);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
   }
   .md\:rt-r-cg-6{
-    column-gap: var(--space-6);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
   }
   .md\:rt-r-cg-7{
-    column-gap: var(--space-7);
+    -moz-column-gap: var(--space-7);
+         column-gap: var(--space-7);
   }
   .md\:rt-r-cg-8{
-    column-gap: var(--space-8);
+    -moz-column-gap: var(--space-8);
+         column-gap: var(--space-8);
   }
   .md\:rt-r-cg-9{
-    column-gap: var(--space-9);
+    -moz-column-gap: var(--space-9);
+         column-gap: var(--space-9);
   }
   .md\:rt-r-cg-10{
-    column-gap: var(--space-10);
+    -moz-column-gap: var(--space-10);
+         column-gap: var(--space-10);
   }
   .md\:rt-r-cg-11{
-    column-gap: var(--space-11);
+    -moz-column-gap: var(--space-11);
+         column-gap: var(--space-11);
   }
   .md\:rt-r-cg-12{
-    column-gap: var(--space-12);
+    -moz-column-gap: var(--space-12);
+         column-gap: var(--space-12);
   }
   .md\:rt-r-rg{
     row-gap: var(--row-gap-md)
@@ -24979,46 +26037,60 @@
     gap: var(--space-12);
   }
   .lg\:rt-r-cg{
-    column-gap: var(--column-gap-lg)
+    -moz-column-gap: var(--column-gap-lg);
+         column-gap: var(--column-gap-lg)
   }
   .lg\:rt-r-cg-0{
-    column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
   }
   .lg\:rt-r-cg-1{
-    column-gap: var(--space-1);
+    -moz-column-gap: var(--space-1);
+         column-gap: var(--space-1);
   }
   .lg\:rt-r-cg-2{
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
   }
   .lg\:rt-r-cg-3{
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
   }
   .lg\:rt-r-cg-4{
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
   }
   .lg\:rt-r-cg-5{
-    column-gap: var(--space-5);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
   }
   .lg\:rt-r-cg-6{
-    column-gap: var(--space-6);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
   }
   .lg\:rt-r-cg-7{
-    column-gap: var(--space-7);
+    -moz-column-gap: var(--space-7);
+         column-gap: var(--space-7);
   }
   .lg\:rt-r-cg-8{
-    column-gap: var(--space-8);
+    -moz-column-gap: var(--space-8);
+         column-gap: var(--space-8);
   }
   .lg\:rt-r-cg-9{
-    column-gap: var(--space-9);
+    -moz-column-gap: var(--space-9);
+         column-gap: var(--space-9);
   }
   .lg\:rt-r-cg-10{
-    column-gap: var(--space-10);
+    -moz-column-gap: var(--space-10);
+         column-gap: var(--space-10);
   }
   .lg\:rt-r-cg-11{
-    column-gap: var(--space-11);
+    -moz-column-gap: var(--space-11);
+         column-gap: var(--space-11);
   }
   .lg\:rt-r-cg-12{
-    column-gap: var(--space-12);
+    -moz-column-gap: var(--space-12);
+         column-gap: var(--space-12);
   }
   .lg\:rt-r-rg{
     row-gap: var(--row-gap-lg)
@@ -25107,46 +26179,60 @@
     gap: var(--space-12);
   }
   .xl\:rt-r-cg{
-    column-gap: var(--column-gap-xl)
+    -moz-column-gap: var(--column-gap-xl);
+         column-gap: var(--column-gap-xl)
   }
   .xl\:rt-r-cg-0{
-    column-gap: 0;
+    -moz-column-gap: 0;
+         column-gap: 0;
   }
   .xl\:rt-r-cg-1{
-    column-gap: var(--space-1);
+    -moz-column-gap: var(--space-1);
+         column-gap: var(--space-1);
   }
   .xl\:rt-r-cg-2{
-    column-gap: var(--space-2);
+    -moz-column-gap: var(--space-2);
+         column-gap: var(--space-2);
   }
   .xl\:rt-r-cg-3{
-    column-gap: var(--space-3);
+    -moz-column-gap: var(--space-3);
+         column-gap: var(--space-3);
   }
   .xl\:rt-r-cg-4{
-    column-gap: var(--space-4);
+    -moz-column-gap: var(--space-4);
+         column-gap: var(--space-4);
   }
   .xl\:rt-r-cg-5{
-    column-gap: var(--space-5);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
   }
   .xl\:rt-r-cg-6{
-    column-gap: var(--space-6);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
   }
   .xl\:rt-r-cg-7{
-    column-gap: var(--space-7);
+    -moz-column-gap: var(--space-7);
+         column-gap: var(--space-7);
   }
   .xl\:rt-r-cg-8{
-    column-gap: var(--space-8);
+    -moz-column-gap: var(--space-8);
+         column-gap: var(--space-8);
   }
   .xl\:rt-r-cg-9{
-    column-gap: var(--space-9);
+    -moz-column-gap: var(--space-9);
+         column-gap: var(--space-9);
   }
   .xl\:rt-r-cg-10{
-    column-gap: var(--space-10);
+    -moz-column-gap: var(--space-10);
+         column-gap: var(--space-10);
   }
   .xl\:rt-r-cg-11{
-    column-gap: var(--space-11);
+    -moz-column-gap: var(--space-11);
+         column-gap: var(--space-11);
   }
   .xl\:rt-r-cg-12{
-    column-gap: var(--space-12);
+    -moz-column-gap: var(--space-12);
+         column-gap: var(--space-12);
   }
   .xl\:rt-r-rg{
     row-gap: var(--row-gap-xl)