Adjust video modal padding and nav alignment

css/tailwind.source.css

@@ -1196,6 +1196,10 @@
     @apply video-modal__container gap-6;
   }
 
+  #playerModal {
+    --player-modal-vertical-padding: var(--space-lg);
+  }
+
   #playerModal > .bv-modal__panel {
     max-width: none;
     width: 100%;
@@ -1239,6 +1243,14 @@
     );
   }
 
+  #playerModal .video-modal__primary > .watch-container:first-child {
+    padding-block-start: var(--player-modal-vertical-padding);
+  }
+
+  #playerModal .video-modal__secondary > .watch-container:last-child {
+    padding-block-end: var(--player-modal-vertical-padding);
+  }
+
   #playerModal .modal-nav .watch-container {
     max-width: none;
     margin-inline: 0;
@@ -1365,6 +1377,10 @@
 
   #playerModal .modal-nav__bar {
     @apply flex w-full items-center gap-3 px-2 py-2 sm:px-4;
+    padding-inline: var(
+      --player-modal-inline-padding,
+      clamp(var(--space-md-plus), 4vw, var(--space-2xl))
+    );
   }
 
   #playerModal .modal-nav__context {