Animate vertical transitions between client drawers

src/web/styles/primitives.css

@@ -183,6 +183,8 @@
   position: fixed;
   inset: 0 0 0 auto;
   z-index: 50;
+  width: min(580px, 100vw);
+  overflow-x: hidden;
   overflow-y: auto;
   background: color-mix(in oklch, var(--client-bg) 99%, var(--client-panel));
   color: var(--client-text);
@@ -200,6 +202,13 @@
   transition-delay: 0s;
 }
 
+@media (min-width: 921px) {
+  .client-drawer {
+    right: 64px;
+    width: min(580px, calc(100vw - 64px));
+  }
+}
+
 .client-drawer-sheet {
   position: relative;
   min-height: 100%;
@@ -484,10 +493,6 @@
   transition: opacity 650ms cubic-bezier(0.16, 1, 0.3, 1), filter 650ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-.client-subscription-drawer {
-  width: min(480px, 100vw);
-}
-
 .client-confirmation-popup {
   position: fixed;
   inset: 0;