@kushagradhawan/kookie-ui 0.1.48 → 0.1.49

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(:-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;
 }
@@ -14315,7 +14826,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 +14844,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 +14934,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 +15425,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 +15448,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 +15495,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 +15889,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 +15912,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 +16026,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 +17116,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 +17289,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 +17450,7 @@
   display: flex;
   align-items: stretch;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .rt-SegmentedControlItem:where(:first-child){
@@ -17023,6 +17631,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 +18026,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 +18113,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 +18148,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;
 }
@@ -19003,6 +19615,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 +19712,7 @@
   box-sizing: border-box;
   color: var(--gray-a10);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: default;
 }
@@ -19327,6 +19941,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);
@@ -19925,7 +20540,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 +20563,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);
 }
@@ -19983,7 +20596,6 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   position: relative;
   z-index: 1;
@@ -20018,7 +20630,6 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   position: relative;
   z-index: 1;
@@ -20079,13 +20690,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;
@@ -20120,7 +20729,6 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  background-color: var(--color-panel);
   overflow: visible;
   flex-shrink: 0;
   position: relative;
@@ -20335,6 +20943,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 +21749,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 +22288,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 +22320,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 +22606,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 +22667,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 +22723,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 +22753,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 +22785,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 +22825,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 +22865,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 +23009,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 +23039,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 +23069,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 +23627,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 +23639,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 +23694,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 +23706,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 +23756,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 +23770,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 +23792,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 +23830,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 +23870,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 +23916,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 +24055,7 @@
 .rt-ThemePanelSwatchInput,
 .rt-ThemePanelRadioCardInput{
   -webkit-appearance: none;
+     -moz-appearance: none;
           appearance: none;
   margin: 0;
   outline: none;
@@ -23295,6 +24124,7 @@
 .rt-TooltipText{
   color: var(--gray-1);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: default;
 }
@@ -23391,7 +24221,8 @@
 .rt-ChatbarAttachmentImage{
   height: 100%;
   width: auto;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   max-width: none;
 }
 .rt-ChatbarAttachment{
@@ -24468,46 +25299,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 +25440,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 +25582,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 +25724,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 +25866,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 +26008,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)