Replace inline styles with classes

css/tailwind.source.css

@@ -2435,7 +2435,6 @@
     inset-inline-start: 0;
     inset-block-start: 0;
     block-size: 100%;
-    inline-size: 0%;
     max-inline-size: 100%;
     background-image: linear-gradient(
       90deg,
@@ -2445,6 +2444,11 @@
     transition: inline-size var(--motion-duration-base) var(--motion-ease-out);
   }
 
+  .video-modal__reaction-meter-fill--empty {
+    inline-size: 0%;
+    width: 0%;
+  }
+
   .video-modal__actions-group {
     @apply flex basis-full flex-wrap items-start justify-start gap-3 md:basis-auto md:justify-end;
   }
@@ -3321,6 +3325,29 @@
     padding: var(--space-md);
   }
 
+  .docs-popover-scenarios__scroll-spacer {
+    height: 45rem;
+  }
+
+  .qr-code__table {
+    border: 0;
+    border-collapse: collapse;
+  }
+
+  .qr-code__cell {
+    border: 0;
+    border-collapse: collapse;
+    padding: 0;
+    margin: 0;
+    width: var(--qr-code-cell-width);
+    height: var(--qr-code-cell-height);
+    background-color: var(--qr-code-color-light);
+  }
+
+  .qr-code__cell--dark {
+    background-color: var(--qr-code-color-dark);
+  }
+
   .fade-in {
     opacity: 0;
     animation: interface-fade-in 280ms ease-out forwards;