Fix video modal layering and playback readiness

css/style.css

@@ -990,6 +990,8 @@ body.modal-open #app {
 body.modal-open #sidebar,
 body.modal-open #sidebarOverlay {
   pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
 }
 
 body.modal-open #sidebar {
@@ -1000,6 +1002,13 @@ body.modal-open #sidebarOverlay {
   z-index: calc(var(--z-sidebar-overlay) - 1);
 }
 
+#sidebar.is-modal-hidden,
+#sidebarOverlay.is-modal-hidden {
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+}
+
 /* Modal Content Container */
 .modal-content {
   width: 100%;