renderer: showing progress on slow runs

src/styles/main.less

@@ -10,6 +10,7 @@
 @import 'save.less';
 @import 'renderer.less';
 @import 'dialogs.less';
+@import 'progress.less';
 
 body {
   font-family: 'Rubik', sans-serif;

src/styles/panel.less

@@ -214,6 +214,18 @@
     }
   }
 
+  &.control-dialog-small {
+    min-width: 312px;
+
+    @media (max-width: @mobile_breakpoint) {
+      min-width: 100%;
+      max-width: 100%;
+      width: 100% !important;
+      left: 0;
+      padding: 0 10px;
+    }
+  }
+
 }
 
 .control-dialog-provider {
@@ -242,6 +254,9 @@
   }
 }
 
+.helper-prefetch {
+  flex-direction: column;
+}
 
 .helper__text {
   width: 100%;
@@ -460,3 +475,13 @@
   background: #444444;
   margin: 0 8px 0 5px;
 }
+
+.dialog-prefetch-stage {
+  font-size: 1em;
+  text-transform: uppercase;
+  opacity: 0.7;
+}
+
+.dialog-prefetch-progress {
+  padding: 10px 0 5px;
+}

src/styles/progress.less

@@ -0,0 +1,16 @@
+.progress {
+  width: 100%;
+  position: relative;
+  height: 5px;
+  background: #111111;
+  border-radius: @panel_radius;
+  box-sizing: border-box;
+
+  .bar {
+    width: 30%;
+    background: linear-gradient(270deg, @blue_primary, @blue_secondary);
+    height: 100%;
+    border-radius: @panel_radius;
+    transition: width 500ms;
+  }
+}