Issue #3332030: Wider Paragraphs content editing form widget

Closes #3332030

css/paragraphs.widget.css

@@ -449,3 +449,21 @@ tr:hover .paragraphs-description::after {
     top: 79px;
   }
 }
+
+@media (min-width: 61rem) {
+  .layout-region--node-main .layout-region__content > .field--widget-paragraphs {
+    margin-right: min(0px, calc(41rem - 50vw));
+  }
+  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed .layout-region--node-main .layout-region__content > .field--widget-paragraphs {
+    margin-right: min(0px, calc(48.5rem - 50vw));
+  }
+}
+
+@media (min-width: 112rem) {
+  .layout-region--node-main .layout-region__content > .field--widget-paragraphs {
+    margin-right: calc(29.75rem - 37.5vw);
+  }
+  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed .layout-region--node-main .layout-region__content > .field--widget-paragraphs {
+    margin-right: calc(37.25rem - 37.5vw);
+  }
+}