extract strylesheet

app/views/form/_numeric_output_question.html.erb

@@ -14,7 +14,6 @@
             min="<%= question.min %>"
             step="<%= question.step %>"
             type="number"
-            style="background-color: #f3f2f1;"
             name="case_log[tcharge]"
             for="<%= question.fields_added.present? ? question.fields_added.map { |x| "case-log-#{x}-field"}.join(" ") : "" %>">
       <%= case_log[question.id] %></output>

app/webpacker/styles/_questions.scss

@@ -0,0 +1,3 @@
+.app-input--output {
+  background-color: #f3f2f1;
+}

app/webpacker/styles/application.scss

@@ -15,6 +15,7 @@ $govuk-image-url-function: frontend-image-url;
 @import 'task-list';
 @import 'tab-navigation';
 @import 'accessible-autocomplete';
+@import "questions";
 
 $govuk-global-styles: true;