@kushagradhawan/kookie-ui 0.1.48 → 0.1.49

package/components.css

@@ -75,10 +75,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) {
@@ -168,6 +175,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);
 }
@@ -686,6 +696,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;
 }
@@ -1876,6 +1887,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);
@@ -2158,7 +2170,8 @@
 .rt-AvatarImage {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
     border-radius: inherit;
 }
 .rt-AvatarFallback {
@@ -3234,6 +3247,7 @@
     justify-content: center;
     flex-shrink: 0;
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     position: relative;
     cursor: pointer;
@@ -4648,7 +4662,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);
@@ -4656,7 +4671,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);
@@ -4664,7 +4680,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);
@@ -4673,7 +4690,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);
@@ -4681,7 +4699,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);
@@ -4689,7 +4708,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);
@@ -4699,7 +4719,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);
@@ -4707,7 +4728,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);
@@ -4715,7 +4737,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);
@@ -4725,7 +4748,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);
@@ -4733,7 +4757,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);
@@ -4741,7 +4766,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);
@@ -4751,7 +4777,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);
@@ -4759,7 +4786,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);
@@ -4767,7 +4795,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);
@@ -4777,7 +4806,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);
@@ -4785,7 +4815,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);
@@ -4793,7 +4824,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);
@@ -5198,16 +5230,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);
@@ -5215,6 +5262,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);
@@ -5223,16 +5276,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);
@@ -5240,6 +5308,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);
@@ -5247,16 +5321,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);
@@ -5264,6 +5353,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);
@@ -5272,6 +5367,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));
     }
@@ -5322,18 +5420,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);
@@ -5341,6 +5456,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']
@@ -5351,28 +5475,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']
@@ -5383,26 +5535,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']
@@ -5413,10 +5592,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));
     }
@@ -5454,26 +5639,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,
@@ -5489,30 +5705,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,
@@ -5528,29 +5778,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,
@@ -5566,10 +5850,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));
     }
@@ -5618,14 +5908,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);
@@ -5633,6 +5936,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']
@@ -5643,6 +5955,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,
@@ -5659,20 +5985,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']
@@ -5683,6 +6030,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,
@@ -5698,20 +6059,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']
@@ -5723,6 +6105,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));
     }
@@ -5778,14 +6163,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);
@@ -5793,6 +6191,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']
@@ -5803,27 +6210,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']
@@ -5834,26 +6268,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']
@@ -5864,18 +6325,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));
     }
@@ -6494,6 +6967,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);
 }
@@ -6846,6 +7322,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);
@@ -6854,18 +7334,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);
@@ -6878,11 +7372,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);
     }
@@ -6895,11 +7395,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);
     }
@@ -6968,6 +7474,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);
 }
@@ -7021,6 +7528,7 @@
     box-sizing: border-box;
     color: var(--gray-a10);
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     cursor: default;
 }
@@ -9323,7 +9831,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) {
@@ -9340,35 +9849,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;
@@ -9399,7 +9939,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;
@@ -9889,6 +10430,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);
@@ -9911,23 +10453,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;
@@ -9935,6 +10500,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);
 }
@@ -10326,6 +10894,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;
@@ -10341,37 +10917,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;
 }
@@ -10432,7 +11031,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);
 }
@@ -11521,6 +12121,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);
 }
@@ -11691,6 +12294,7 @@
 .rt-ScrollAreaScrollbar {
     display: flex;
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     touch-action: none;
     background-color: var(--gray-a3);
@@ -11851,6 +12455,7 @@
     display: flex;
     align-items: stretch;
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
 }
 .rt-SegmentedControlItem:where(:first-child) {
@@ -12031,6 +12636,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;
@@ -12425,6 +13031,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);
@@ -12511,6 +13118,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);
 }
@@ -12545,6 +13153,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;
 }
@@ -14011,6 +14620,7 @@
     text-align: left;
     transition: var(--transition-menu);
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     cursor: var(--cursor-menu-item);
 }
@@ -14107,6 +14717,7 @@
     box-sizing: border-box;
     color: var(--gray-a10);
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     cursor: default;
 }
@@ -14335,6 +14946,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);
@@ -14933,7 +15545,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;
@@ -14957,7 +15568,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);
 }
@@ -14991,7 +15601,6 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    background-color: var(--color-panel);
     overflow: visible;
     position: relative;
     z-index: 1;
@@ -15026,7 +15635,6 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    background-color: var(--color-panel);
     overflow: visible;
     position: relative;
     z-index: 1;
@@ -15087,13 +15695,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;
@@ -15128,7 +15734,6 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    background-color: var(--color-panel);
     overflow: visible;
     flex-shrink: 0;
     position: relative;
@@ -15343,6 +15948,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;
@@ -16148,6 +16754,7 @@
     flex-shrink: 0;
     position: relative;
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     transition: var(--transition-tabs);
     scroll-behavior: smooth;
@@ -16686,6 +17293,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));
 }
@@ -16715,11 +17325,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));
 }
@@ -16993,13 +17611,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);
@@ -17039,13 +17672,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);
@@ -17080,13 +17728,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);
 }
@@ -17097,6 +17758,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);
 }
@@ -17126,10 +17790,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);
@@ -17154,6 +17830,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);
 }
@@ -17191,26 +17870,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);
@@ -17301,6 +18014,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);
 }
@@ -17328,6 +18044,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);
 }
@@ -17355,6 +18074,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;
@@ -17908,6 +18632,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);
 }
@@ -17917,10 +18644,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);
@@ -17960,6 +18699,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);
 }
@@ -17969,10 +18711,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);
@@ -18007,6 +18761,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;
@@ -18017,9 +18775,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);
 }
@@ -18030,6 +18797,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);
 }
@@ -18065,10 +18835,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);
@@ -18093,6 +18875,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);
 }
@@ -18136,29 +18921,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);
@@ -18235,6 +19060,7 @@
 .rt-ThemePanelSwatchInput,
 .rt-ThemePanelRadioCardInput {
     -webkit-appearance: none;
+       -moz-appearance: none;
             appearance: none;
     margin: 0;
     outline: none;
@@ -18303,6 +19129,7 @@
 .rt-TooltipText {
     color: var(--gray-1);
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     cursor: default;
 }
@@ -18399,7 +19226,8 @@
 .rt-ChatbarAttachmentImage {
     height: 100%;
     width: auto;
-    object-fit: contain;
+    -o-object-fit: contain;
+       object-fit: contain;
     max-width: none;
 }
 .rt-ChatbarAttachment {