@kushagradhawan/kookie-ui 0.1.48 → 0.1.50

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,21 +6163,43 @@
     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(:any-link, button, label):where(:hover)::before {
+            .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);
         -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(: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;
 }
@@ -7040,7 +7548,7 @@
     --base-menu-content-padding: var(--space-2);
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
-    --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-5);
     border-radius: var(--radius-3);
 }
@@ -7076,7 +7584,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-5);
 }
@@ -7112,7 +7620,7 @@
     --base-menu-content-padding: var(--space-3);
     --base-menu-item-padding-left: var(--space-3);
     --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-6);
     border-radius: var(--radius-6);
 }
@@ -7149,7 +7657,7 @@
         --base-menu-content-padding: var(--space-2);
         --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
-        --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-5);
         border-radius: var(--radius-3);
     }
@@ -7185,7 +7693,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-5);
     }
@@ -7221,7 +7729,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-6);
     }
@@ -7259,7 +7767,7 @@
         --base-menu-content-padding: var(--space-2);
         --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
-        --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-5);
         border-radius: var(--radius-3);
     }
@@ -7295,7 +7803,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-5);
     }
@@ -7331,7 +7839,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-6);
     }
@@ -7369,7 +7877,7 @@
         --base-menu-content-padding: var(--space-2);
         --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
-        --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-5);
         border-radius: var(--radius-3);
     }
@@ -7405,7 +7913,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-5);
     }
@@ -7441,7 +7949,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-6);
     }
@@ -7479,7 +7987,7 @@
         --base-menu-content-padding: var(--space-2);
         --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
-        --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-5);
         border-radius: var(--radius-3);
     }
@@ -7515,7 +8023,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-5);
     }
@@ -7551,7 +8059,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-6);
     }
@@ -7589,7 +8097,7 @@
         --base-menu-content-padding: var(--space-2);
         --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
-        --base-menu-item-padding-y: calc(var(--space-1) * 0.75);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-5);
         border-radius: var(--radius-3);
     }
@@ -7625,7 +8133,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-5);
     }
@@ -7661,7 +8169,7 @@
         --base-menu-content-padding: var(--space-3);
         --base-menu-item-padding-left: var(--space-3);
         --base-menu-item-padding-right: var(--space-3);
-        --base-menu-item-padding-y: var(--space-1);
+        --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-6);
         border-radius: var(--radius-6);
     }
@@ -7701,8 +8209,7 @@
     color: var(--gray-a8);
     cursor: default;
 }
-.rt-BaseMenuItem
-  :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
+.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
     color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut) {
@@ -9323,7 +9830,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 +9848,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 +9938,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 +10429,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 +10452,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 +10499,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 +10893,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 +10916,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 +11030,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 +12120,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 +12293,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 +12454,7 @@
     display: flex;
     align-items: stretch;
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
 }
 .rt-SegmentedControlItem:where(:first-child) {
@@ -12031,6 +12635,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 +13030,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 +13117,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 +13152,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;
 }
@@ -13948,6 +14556,9 @@
     box-shadow: none !important;
     border-radius: 0 !important;
 }
+.rt-SidebarContent .rt-BaseMenuViewport {
+    gap: var(--space-5);
+}
 .rt-SidebarContent :where(.rt-ScrollAreaRoot) {
     flex: 1;
     display: flex;
@@ -13980,7 +14591,6 @@
     flex: 1;
     display: flex;
     flex-direction: column;
-    padding-bottom: var(--base-menu-content-padding);
     box-sizing: border-box;
     list-style: none;
     margin: 0;
@@ -14011,6 +14621,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 +14718,7 @@
     box-sizing: border-box;
     color: var(--gray-a10);
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     cursor: default;
 }
@@ -14136,49 +14748,199 @@
     margin-top: calc(var(--space-1) / 4);
     margin-bottom: calc(var(--space-1) / 4);
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarContent),
-.rt-ShellSidebarRail :where(.rt-SidebarContent),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarContent) {
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) {
     padding: var(--space-2);
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuButton),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuButton),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuButton) {
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuViewport) {
+    padding: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    justify-content: center !important;
+    align-items: center !important;
+    flex-direction: column !important;
+    gap: var(--space-1) !important;
+    text-align: center !important;
+    font-size: var(--font-size-0) !important;
+    line-height: var(--line-height-0) !important;
+    padding-top: var(--space-2) !important;
+    padding-bottom: var(--space-2) !important;
+    padding-left: var(--space-1) !important;
+    padding-right: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+    --base-menu-item-padding-right: var(--space-1) !important;
+    --base-menu-item-padding-y: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
     justify-content: center;
     align-items: center;
     flex-direction: column;
     gap: var(--space-1);
-    padding: var(--space-2) var(--space-1);
-}
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuBadge),
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuShortcut),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuBadge),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuShortcut),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuBadge),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuShortcut) {
-    display: none;
+    text-align: center;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarGroupLabel),
-.rt-ShellSidebarRail :where(.rt-SidebarGroupLabel),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarGroupLabel) {
-    display: block;
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+    --base-menu-item-padding-right: var(--space-1) !important;
+    --base-menu-item-padding-y: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: var(--space-1);
     text-align: center;
     font-size: var(--font-size-0);
     line-height: var(--line-height-0);
-    color: var(--gray-a9);
-    font-weight: var(--font-weight-medium);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuSubTriggerIcon),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuSubTriggerIcon),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuSubTriggerIcon) {
-    display: none;
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
+    width: var(--content-icon-size-4);
+    height: var(--content-icon-size-4);
 }
-:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuSubList),
-.rt-ShellSidebarRail :where(.rt-SidebarMenuSubList),
-:where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuSubList) {
-    padding-left: 0;
-    border-left: none;
-    margin-left: 0;
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+    --base-menu-item-padding-right: var(--space-1) !important;
+    --base-menu-item-padding-y: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: var(--space-1);
+    text-align: center;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
+    width: var(--content-icon-size-5);
+    height: var(--content-icon-size-5);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > *) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+    min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTrigger > *) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > * > svg) {
+    flex-shrink: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+    min-width: 0;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg) {
+    display: block;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
+    display: block;
+    max-width: 100%;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: center;
+    color: var(--accent-11);
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Kbd) {
+    display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarGroupLabel) {
+    display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTriggerIcon),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubTriggerIcon) {
+    display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList) {
+    padding-left: 0 !important;
+    margin-left: 0 !important;
+    border-left: 0 !important;
+    border-top: 0 !important;
+    border-bottom: 0 !important;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList::before),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList::before) {
+    content: none !important;
+    display: none !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent) {
+    padding-left: 0 !important;
+    margin-left: 0 !important;
+    border-left: 0 !important;
+    border-top: 1px solid var(--gray-a6) !important;
+    border-bottom: 1px solid var(--gray-a6) !important;
+    margin-top: var(--space-2) !important;
+    margin-bottom: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
 }
 :where([data-panel-background='translucent']) .rt-SidebarContainer {
     --sidebar-border-color: var(--gray-a6);
@@ -14335,6 +15097,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);
@@ -14383,7 +15146,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -14402,7 +15165,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -14444,7 +15207,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -14463,7 +15226,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -14506,7 +15269,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -14525,7 +15288,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -14568,7 +15331,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -14587,7 +15350,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -14630,7 +15393,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -14649,7 +15412,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -14692,7 +15455,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -14711,7 +15474,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
-        font-weight: var(--font-weight-medium);
+        font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -14774,6 +15537,7 @@
 .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) {
     background-color: var(--accent-9);
     color: var(--accent-contrast);
+    font-weight: var(--font-weight-medium);
 }
 .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text) {
     color: inherit !important;
@@ -14819,6 +15583,7 @@
 .rt-SidebarHeader:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarContent:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarFooter:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) {
     background-color: var(--accent-12);
     color: var(--accent-1);
+    font-weight: var(--font-weight-medium);
 }
 .rt-SidebarHeader:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarContent:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text), .rt-SidebarFooter:where(.rt-menu-variant-solid):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) :where(.rt-Text) {
     color: inherit !important;
@@ -14894,6 +15659,7 @@
 .rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active]), .rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active]) {
     background-color: var(--accent-3);
     color: var(--accent-12);
+    font-weight: var(--font-weight-medium);
 }
 :where([data-panel-background='translucent']) :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active])), :where([data-panel-background='translucent']) :is(.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active])), :where([data-panel-background='translucent']) :is(.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton[data-active])) {
     background-color: var(--accent-a3);
@@ -14933,7 +15699,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 +15722,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);
 }
@@ -14966,6 +15730,7 @@
 }
 .rt-ShellRail[data-mode='collapsed'] {
     width: 0px;
+    transition-delay: var(--motion-duration-small);
     position: absolute;
     inset-block: 0;
     inset-inline-start: 0;
@@ -14991,7 +15756,6 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    background-color: var(--color-panel);
     overflow: visible;
     position: relative;
     z-index: 1;
@@ -15002,6 +15766,7 @@
 }
 .rt-ShellPanel:not([data-visible]) {
     width: 0px;
+    transition-delay: var(--motion-duration-small);
     position: absolute;
     inset-block: 0;
     inset-inline-start: var(--peek-rail-width, var(--rail-size, 64px));
@@ -15026,7 +15791,6 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    background-color: var(--color-panel);
     overflow: visible;
     position: relative;
     z-index: 1;
@@ -15043,6 +15807,7 @@
 }
 .rt-ShellSidebar[data-mode='collapsed'] {
     width: 0px;
+    transition-delay: var(--motion-duration-small);
     position: absolute;
     inset-block: 0;
     inset-inline-start: 0;
@@ -15062,6 +15827,17 @@
 .rt-ShellSidebarContent[data-visible] {
     opacity: 1;
 }
+.rt-ShellSidebarContent[data-phase='hiding'] {
+    opacity: 0;
+    transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
+}
+.rt-ShellSidebarContent[data-phase='resizing'] {
+    opacity: 0;
+}
+.rt-ShellSidebarContent[data-phase='showing'] {
+    opacity: 1;
+    transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
+}
 .rt-ShellSidebar[data-mode='collapsed'] .rt-ShellSidebarContent {
     opacity: 0;
     transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
@@ -15087,13 +15863,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;
@@ -15104,6 +15878,7 @@
 }
 .rt-ShellInspector[data-mode='collapsed'] {
     width: 0px;
+    transition-delay: var(--motion-duration-small);
     position: absolute;
     inset-block: 0;
     inset-inline-end: 0;
@@ -15128,7 +15903,6 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    background-color: var(--color-panel);
     overflow: visible;
     flex-shrink: 0;
     position: relative;
@@ -15142,6 +15916,7 @@
     position: absolute;
     inset-inline: 0;
     inset-block-end: 0;
+    transition-delay: var(--motion-duration-small);
 }
 .rt-ShellBottomContent {
     display: flex;
@@ -15312,6 +16087,7 @@
 .rt-ShellInspector[data-peek] .rt-ShellInspectorContent,
 .rt-ShellBottom[data-peek] .rt-ShellBottomContent {
     opacity: 1;
+    transition-delay: var(--motion-duration-small);
 }
 .rt-ShellRail[data-peek] {
     inset-block: 0;
@@ -15343,6 +16119,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 +16925,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 +17464,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 +17496,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 +17782,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 +17843,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 +17899,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 +17929,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 +17961,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 +18001,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 +18041,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 +18185,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 +18215,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 +18245,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 +18803,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 +18815,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 +18870,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 +18882,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 +18932,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 +18946,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 +18968,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 +19006,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 +19046,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 +19092,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 +19231,7 @@
 .rt-ThemePanelSwatchInput,
 .rt-ThemePanelRadioCardInput {
     -webkit-appearance: none;
+       -moz-appearance: none;
             appearance: none;
     margin: 0;
     outline: none;
@@ -18303,6 +19300,7 @@
 .rt-TooltipText {
     color: var(--gray-1);
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     cursor: default;
 }
@@ -18399,7 +19397,8 @@
 .rt-ChatbarAttachmentImage {
     height: 100%;
     width: auto;
-    object-fit: contain;
+    -o-object-fit: contain;
+       object-fit: contain;
     max-width: none;
 }
 .rt-ChatbarAttachment {