@oneblink/apps-react 5.7.0 → 5.8.0-beta.2

package/dist/styles.css

@@ -446,7 +446,7 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 
 .has-text-primary {
-  color: #407E8C !important;
+  color: #407e8c !important;
 }
 
 a.has-text-primary:hover, a.has-text-primary:focus {
@@ -454,7 +454,7 @@ a.has-text-primary:hover, a.has-text-primary:focus {
 }
 
 .has-background-primary {
-  background-color: #407E8C !important;
+  background-color: #407e8c !important;
 }
 
 .has-text-primary-light {
@@ -518,7 +518,7 @@ a.has-text-link-dark:hover, a.has-text-link-dark:focus {
 }
 
 .has-text-info {
-  color: #2D7AB9 !important;
+  color: #2d7ab9 !important;
 }
 
 a.has-text-info:hover, a.has-text-info:focus {
@@ -526,7 +526,7 @@ a.has-text-info:hover, a.has-text-info:focus {
 }
 
 .has-background-info {
-  background-color: #2D7AB9 !important;
+  background-color: #2d7ab9 !important;
 }
 
 .has-text-info-light {
@@ -554,7 +554,7 @@ a.has-text-info-dark:hover, a.has-text-info-dark:focus {
 }
 
 .has-text-success {
-  color: #3A833C !important;
+  color: #3a833c !important;
 }
 
 a.has-text-success:hover, a.has-text-success:focus {
@@ -562,7 +562,7 @@ a.has-text-success:hover, a.has-text-success:focus {
 }
 
 .has-background-success {
-  background-color: #3A833C !important;
+  background-color: #3a833c !important;
 }
 
 .has-text-success-light {
@@ -590,7 +590,7 @@ a.has-text-success-dark:hover, a.has-text-success-dark:focus {
 }
 
 .has-text-warning {
-  color: #B85000 !important;
+  color: #b85000 !important;
 }
 
 a.has-text-warning:hover, a.has-text-warning:focus {
@@ -598,7 +598,7 @@ a.has-text-warning:hover, a.has-text-warning:focus {
 }
 
 .has-background-warning {
-  background-color: #B85000 !important;
+  background-color: #b85000 !important;
 }
 
 .has-text-warning-light {
@@ -626,7 +626,7 @@ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
 }
 
 .has-text-danger {
-  color: #E8113C !important;
+  color: #e8113c !important;
 }
 
 a.has-text-danger:hover, a.has-text-danger:focus {
@@ -634,7 +634,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .has-background-danger {
-  background-color: #E8113C !important;
+  background-color: #e8113c !important;
 }
 
 .has-text-danger-light {
@@ -3986,7 +3986,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(54, 54, 54, 0.25);
 }
 .is-primary.textarea, .is-primary.input {
-  border-color: #407E8C;
+  border-color: #407e8c;
 }
 .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
   box-shadow: none rgba(64, 126, 140, 0.25);
@@ -3998,25 +3998,25 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(72, 95, 199, 0.25);
 }
 .is-info.textarea, .is-info.input {
-  border-color: #2D7AB9;
+  border-color: #2d7ab9;
 }
 .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
   box-shadow: none rgba(45, 122, 185, 0.25);
 }
 .is-success.textarea, .is-success.input {
-  border-color: #3A833C;
+  border-color: #3a833c;
 }
 .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
   box-shadow: none rgba(58, 131, 60, 0.25);
 }
 .is-warning.textarea, .is-warning.input {
-  border-color: #B85000;
+  border-color: #b85000;
 }
 .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
   box-shadow: none rgba(184, 80, 0, 0.25);
 }
 .is-danger.textarea, .is-danger.input {
-  border-color: #E8113C;
+  border-color: #e8113c;
 }
 .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
   box-shadow: none rgba(232, 17, 60, 0.25);
@@ -4187,10 +4187,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(54, 54, 54, 0.25);
 }
 .select.is-primary:not(:hover)::after {
-  border-color: #407E8C;
+  border-color: #407e8c;
 }
 .select.is-primary select {
-  border-color: #407E8C;
+  border-color: #407e8c;
 }
 .select.is-primary select:hover, .select.is-primary select.is-hovered {
   border-color: #386e7b;
@@ -4211,10 +4211,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(72, 95, 199, 0.25);
 }
 .select.is-info:not(:hover)::after {
-  border-color: #2D7AB9;
+  border-color: #2d7ab9;
 }
 .select.is-info select {
-  border-color: #2D7AB9;
+  border-color: #2d7ab9;
 }
 .select.is-info select:hover, .select.is-info select.is-hovered {
   border-color: #286ca4;
@@ -4223,10 +4223,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(45, 122, 185, 0.25);
 }
 .select.is-success:not(:hover)::after {
-  border-color: #3A833C;
+  border-color: #3a833c;
 }
 .select.is-success select {
-  border-color: #3A833C;
+  border-color: #3a833c;
 }
 .select.is-success select:hover, .select.is-success select.is-hovered {
   border-color: #327134;
@@ -4235,10 +4235,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(58, 131, 60, 0.25);
 }
 .select.is-warning:not(:hover)::after {
-  border-color: #B85000;
+  border-color: #b85000;
 }
 .select.is-warning select {
-  border-color: #B85000;
+  border-color: #b85000;
 }
 .select.is-warning select:hover, .select.is-warning select.is-hovered {
   border-color: #9f4500;
@@ -4247,10 +4247,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(184, 80, 0, 0.25);
 }
 .select.is-danger:not(:hover)::after {
-  border-color: #E8113C;
+  border-color: #e8113c;
 }
 .select.is-danger select {
-  border-color: #E8113C;
+  border-color: #e8113c;
 }
 .select.is-danger select:hover, .select.is-danger select.is-hovered {
   border-color: #d00f36;
@@ -4382,7 +4382,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-primary .file-cta {
-  background-color: #407E8C;
+  background-color: #407e8c;
   border-color: transparent;
   color: #fff;
 }
@@ -4422,7 +4422,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-info .file-cta {
-  background-color: #2D7AB9;
+  background-color: #2d7ab9;
   border-color: transparent;
   color: #fff;
 }
@@ -4442,7 +4442,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-success .file-cta {
-  background-color: #3A833C;
+  background-color: #3a833c;
   border-color: transparent;
   color: #fff;
 }
@@ -4462,7 +4462,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-warning .file-cta {
-  background-color: #B85000;
+  background-color: #b85000;
   border-color: transparent;
   color: #fff;
 }
@@ -4482,7 +4482,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-danger .file-cta {
-  background-color: #E8113C;
+  background-color: #e8113c;
   border-color: transparent;
   color: #fff;
 }
@@ -4697,22 +4697,22 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 21%);
 }
 .help.is-primary {
-  color: #407E8C;
+  color: #407e8c;
 }
 .help.is-link {
   color: hsl(229, 53%, 53%);
 }
 .help.is-info {
-  color: #2D7AB9;
+  color: #2d7ab9;
 }
 .help.is-success {
-  color: #3A833C;
+  color: #3a833c;
 }
 .help.is-warning {
-  color: #B85000;
+  color: #b85000;
 }
 .help.is-danger {
-  color: #E8113C;
+  color: #e8113c;
 }
 
 .field:not(:last-child) {
@@ -5418,7 +5418,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-primary {
-  background-color: #407E8C;
+  background-color: #407e8c;
   border-color: transparent;
   color: #fff;
 }
@@ -5440,13 +5440,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
-  background-color: #407E8C;
-  border-color: #407E8C;
+  background-color: #407e8c;
+  border-color: #407e8c;
   box-shadow: none;
 }
 .button.is-primary.is-inverted {
   background-color: #fff;
-  color: #407E8C;
+  color: #407e8c;
 }
 .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5455,32 +5455,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #407E8C;
+  color: #407e8c;
 }
 .button.is-primary.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #407E8C;
-  color: #407E8C;
+  border-color: #407e8c;
+  color: #407e8c;
 }
 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
-  background-color: #407E8C;
-  border-color: #407E8C;
+  background-color: #407e8c;
+  border-color: #407e8c;
   color: #fff;
 }
 .button.is-primary.is-outlined.is-loading::after {
-  border-color: transparent transparent #407E8C #407E8C !important;
+  border-color: transparent transparent #407e8c #407e8c !important;
 }
 .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #407E8C;
+  border-color: #407e8c;
   box-shadow: none;
-  color: #407E8C;
+  color: #407e8c;
 }
 .button.is-primary.is-inverted.is-outlined {
   background-color: transparent;
@@ -5489,10 +5489,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #407E8C;
+  color: #407e8c;
 }
 .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #407E8C #407E8C !important;
+  border-color: transparent transparent #407e8c #407e8c !important;
 }
 .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
   background-color: transparent;
@@ -5612,7 +5612,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3850b7;
 }
 .button.is-info {
-  background-color: #2D7AB9;
+  background-color: #2d7ab9;
   border-color: transparent;
   color: #fff;
 }
@@ -5634,13 +5634,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-info[disabled], fieldset[disabled] .button.is-info {
-  background-color: #2D7AB9;
-  border-color: #2D7AB9;
+  background-color: #2d7ab9;
+  border-color: #2d7ab9;
   box-shadow: none;
 }
 .button.is-info.is-inverted {
   background-color: #fff;
-  color: #2D7AB9;
+  color: #2d7ab9;
 }
 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5649,32 +5649,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #2D7AB9;
+  color: #2d7ab9;
 }
 .button.is-info.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #2D7AB9;
-  color: #2D7AB9;
+  border-color: #2d7ab9;
+  color: #2d7ab9;
 }
 .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
-  background-color: #2D7AB9;
-  border-color: #2D7AB9;
+  background-color: #2d7ab9;
+  border-color: #2d7ab9;
   color: #fff;
 }
 .button.is-info.is-outlined.is-loading::after {
-  border-color: transparent transparent #2D7AB9 #2D7AB9 !important;
+  border-color: transparent transparent #2d7ab9 #2d7ab9 !important;
 }
 .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #2D7AB9;
+  border-color: #2d7ab9;
   box-shadow: none;
-  color: #2D7AB9;
+  color: #2d7ab9;
 }
 .button.is-info.is-inverted.is-outlined {
   background-color: transparent;
@@ -5683,10 +5683,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #2D7AB9;
+  color: #2d7ab9;
 }
 .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #2D7AB9 #2D7AB9 !important;
+  border-color: transparent transparent #2d7ab9 #2d7ab9 !important;
 }
 .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
   background-color: transparent;
@@ -5709,7 +5709,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #2d7ab9;
 }
 .button.is-success {
-  background-color: #3A833C;
+  background-color: #3a833c;
   border-color: transparent;
   color: #fff;
 }
@@ -5731,13 +5731,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-success[disabled], fieldset[disabled] .button.is-success {
-  background-color: #3A833C;
-  border-color: #3A833C;
+  background-color: #3a833c;
+  border-color: #3a833c;
   box-shadow: none;
 }
 .button.is-success.is-inverted {
   background-color: #fff;
-  color: #3A833C;
+  color: #3a833c;
 }
 .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5746,32 +5746,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #3A833C;
+  color: #3a833c;
 }
 .button.is-success.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #3A833C;
-  color: #3A833C;
+  border-color: #3a833c;
+  color: #3a833c;
 }
 .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
-  background-color: #3A833C;
-  border-color: #3A833C;
+  background-color: #3a833c;
+  border-color: #3a833c;
   color: #fff;
 }
 .button.is-success.is-outlined.is-loading::after {
-  border-color: transparent transparent #3A833C #3A833C !important;
+  border-color: transparent transparent #3a833c #3a833c !important;
 }
 .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #3A833C;
+  border-color: #3a833c;
   box-shadow: none;
-  color: #3A833C;
+  color: #3a833c;
 }
 .button.is-success.is-inverted.is-outlined {
   background-color: transparent;
@@ -5780,10 +5780,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #3A833C;
+  color: #3a833c;
 }
 .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #3A833C #3A833C !important;
+  border-color: transparent transparent #3a833c #3a833c !important;
 }
 .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
   background-color: transparent;
@@ -5806,7 +5806,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #469f49;
 }
 .button.is-warning {
-  background-color: #B85000;
+  background-color: #b85000;
   border-color: transparent;
   color: #fff;
 }
@@ -5828,13 +5828,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
-  background-color: #B85000;
-  border-color: #B85000;
+  background-color: #b85000;
+  border-color: #b85000;
   box-shadow: none;
 }
 .button.is-warning.is-inverted {
   background-color: #fff;
-  color: #B85000;
+  color: #b85000;
 }
 .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5843,32 +5843,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #B85000;
+  color: #b85000;
 }
 .button.is-warning.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #B85000;
-  color: #B85000;
+  border-color: #b85000;
+  color: #b85000;
 }
 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
-  background-color: #B85000;
-  border-color: #B85000;
+  background-color: #b85000;
+  border-color: #b85000;
   color: #fff;
 }
 .button.is-warning.is-outlined.is-loading::after {
-  border-color: transparent transparent #B85000 #B85000 !important;
+  border-color: transparent transparent #b85000 #b85000 !important;
 }
 .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #B85000;
+  border-color: #b85000;
   box-shadow: none;
-  color: #B85000;
+  color: #b85000;
 }
 .button.is-warning.is-inverted.is-outlined {
   background-color: transparent;
@@ -5877,10 +5877,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #B85000;
+  color: #b85000;
 }
 .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #B85000 #B85000 !important;
+  border-color: transparent transparent #b85000 #b85000 !important;
 }
 .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
   background-color: transparent;
@@ -5903,7 +5903,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #eb6600;
 }
 .button.is-danger {
-  background-color: #E8113C;
+  background-color: #e8113c;
   border-color: transparent;
   color: #fff;
 }
@@ -5925,13 +5925,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
-  background-color: #E8113C;
-  border-color: #E8113C;
+  background-color: #e8113c;
+  border-color: #e8113c;
   box-shadow: none;
 }
 .button.is-danger.is-inverted {
   background-color: #fff;
-  color: #E8113C;
+  color: #e8113c;
 }
 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5940,32 +5940,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #E8113C;
+  color: #e8113c;
 }
 .button.is-danger.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #E8113C;
-  color: #E8113C;
+  border-color: #e8113c;
+  color: #e8113c;
 }
 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
-  background-color: #E8113C;
-  border-color: #E8113C;
+  background-color: #e8113c;
+  border-color: #e8113c;
   color: #fff;
 }
 .button.is-danger.is-outlined.is-loading::after {
-  border-color: transparent transparent #E8113C #E8113C !important;
+  border-color: transparent transparent #e8113c #e8113c !important;
 }
 .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #E8113C;
+  border-color: #e8113c;
   box-shadow: none;
-  color: #E8113C;
+  color: #e8113c;
 }
 .button.is-danger.is-inverted.is-outlined {
   background-color: transparent;
@@ -5974,10 +5974,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #E8113C;
+  color: #e8113c;
 }
 .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #E8113C #E8113C !important;
+  border-color: transparent transparent #e8113c #e8113c !important;
 }
 .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
   background-color: transparent;
@@ -6287,7 +6287,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .notification.is-primary {
-  background-color: #407E8C;
+  background-color: #407e8c;
   color: #fff;
 }
 .notification.is-primary.is-light {
@@ -6303,7 +6303,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3850b7;
 }
 .notification.is-info {
-  background-color: #2D7AB9;
+  background-color: #2d7ab9;
   color: #fff;
 }
 .notification.is-info.is-light {
@@ -6311,7 +6311,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #2d7ab9;
 }
 .notification.is-success {
-  background-color: #3A833C;
+  background-color: #3a833c;
   color: #fff;
 }
 .notification.is-success.is-light {
@@ -6319,7 +6319,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #469f49;
 }
 .notification.is-warning {
-  background-color: #B85000;
+  background-color: #b85000;
   color: #fff;
 }
 .notification.is-warning.is-light {
@@ -6327,7 +6327,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #eb6600;
 }
 .notification.is-danger {
-  background-color: #E8113C;
+  background-color: #e8113c;
   color: #fff;
 }
 .notification.is-danger.is-light {
@@ -6902,7 +6902,7 @@ button.dropdown-item.is-active {
   position: absolute;
 }
 .steps .step-item::before {
-  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #407E8C 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #407e8c 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6914,15 +6914,15 @@ button.dropdown-item.is-active {
 }
 .steps .step-item.is-active .step-marker {
   background-color: hsl(0, 0%, 100%);
-  border-color: #407E8C;
-  color: #407E8C;
+  border-color: #407e8c;
+  color: #407e8c;
 }
 .steps .step-item.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-completed .step-marker {
   color: hsl(0, 0%, 100%);
-  background-color: #407E8C;
+  background-color: #407e8c;
 }
 .steps .step-item .step-marker {
   align-items: center;
@@ -7019,7 +7019,7 @@ button.dropdown-item.is-active {
   background-color: hsl(0, 0%, 21%);
 }
 .steps .step-item.is-primary::before {
-  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #407E8C 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #407e8c 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7028,15 +7028,15 @@ button.dropdown-item.is-active {
 }
 .steps .step-item.is-primary.is-active .step-marker {
   background-color: hsl(0, 0%, 100%);
-  border-color: #407E8C;
-  color: #407E8C;
+  border-color: #407e8c;
+  color: #407e8c;
 }
 .steps .step-item.is-primary.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-primary.is-completed .step-marker {
   color: #fff;
-  background-color: #407E8C;
+  background-color: #407e8c;
 }
 .steps .step-item.is-link::before {
   background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(229, 53%, 53%) 50%);
@@ -7059,7 +7059,7 @@ button.dropdown-item.is-active {
   background-color: hsl(229, 53%, 53%);
 }
 .steps .step-item.is-info::before {
-  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #2D7AB9 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #2d7ab9 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7068,18 +7068,18 @@ button.dropdown-item.is-active {
 }
 .steps .step-item.is-info.is-active .step-marker {
   background-color: hsl(0, 0%, 100%);
-  border-color: #2D7AB9;
-  color: #2D7AB9;
+  border-color: #2d7ab9;
+  color: #2d7ab9;
 }
 .steps .step-item.is-info.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-info.is-completed .step-marker {
   color: #fff;
-  background-color: #2D7AB9;
+  background-color: #2d7ab9;
 }
 .steps .step-item.is-success::before {
-  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #3A833C 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #3a833c 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7088,18 +7088,18 @@ button.dropdown-item.is-active {
 }
 .steps .step-item.is-success.is-active .step-marker {
   background-color: hsl(0, 0%, 100%);
-  border-color: #3A833C;
-  color: #3A833C;
+  border-color: #3a833c;
+  color: #3a833c;
 }
 .steps .step-item.is-success.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-success.is-completed .step-marker {
   color: #fff;
-  background-color: #3A833C;
+  background-color: #3a833c;
 }
 .steps .step-item.is-warning::before {
-  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #B85000 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #b85000 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7108,18 +7108,18 @@ button.dropdown-item.is-active {
 }
 .steps .step-item.is-warning.is-active .step-marker {
   background-color: hsl(0, 0%, 100%);
-  border-color: #B85000;
-  color: #B85000;
+  border-color: #b85000;
+  color: #b85000;
 }
 .steps .step-item.is-warning.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-warning.is-completed .step-marker {
   color: #fff;
-  background-color: #B85000;
+  background-color: #b85000;
 }
 .steps .step-item.is-danger::before {
-  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #E8113C 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #e8113c 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7128,15 +7128,15 @@ button.dropdown-item.is-active {
 }
 .steps .step-item.is-danger.is-active .step-marker {
   background-color: hsl(0, 0%, 100%);
-  border-color: #E8113C;
-  color: #E8113C;
+  border-color: #e8113c;
+  color: #e8113c;
 }
 .steps .step-item.is-danger.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-danger.is-completed .step-marker {
   color: #fff;
-  background-color: #E8113C;
+  background-color: #e8113c;
 }
 .steps .steps-content {
   align-items: stretch;
@@ -7391,23 +7391,23 @@ input[type=range].slider::-ms-fill-upper {
 }
 input[type=range].slider::-webkit-slider-thumb {
   box-shadow: none;
-  border: 1px solid #407E8C;
+  border: 1px solid #407e8c;
   border-radius: 4px;
-  background: #407E8C;
+  background: #407e8c;
   cursor: pointer;
 }
 input[type=range].slider::-moz-range-thumb {
   box-shadow: none;
-  border: 1px solid #407E8C;
+  border: 1px solid #407e8c;
   border-radius: 4px;
-  background: #407E8C;
+  background: #407e8c;
   cursor: pointer;
 }
 input[type=range].slider::-ms-thumb {
   box-shadow: none;
-  border: 1px solid #407E8C;
+  border: 1px solid #407e8c;
   border-radius: 4px;
-  background: #407E8C;
+  background: #407e8c;
   cursor: pointer;
 }
 input[type=range].slider::-webkit-slider-thumb {
@@ -7700,23 +7700,23 @@ input[type=range].slider.is-dark .has-output-tooltip + output {
   color: #fff;
 }
 input[type=range].slider.is-primary::-moz-range-track {
-  background: #407E8C !important;
+  background: #407e8c !important;
 }
 input[type=range].slider.is-primary::-webkit-slider-runnable-track {
-  background: #407E8C !important;
+  background: #407e8c !important;
 }
 input[type=range].slider.is-primary::-ms-track {
-  background: #407E8C !important;
+  background: #407e8c !important;
 }
 input[type=range].slider.is-primary::-ms-fill-lower {
-  background: #407E8C;
+  background: #407e8c;
 }
 input[type=range].slider.is-primary::-ms-fill-upper {
-  background: #407E8C;
+  background: #407e8c;
 }
 input[type=range].slider.is-primary.has-output + output,
 input[type=range].slider.is-primary .has-output-tooltip + output {
-  background-color: #407E8C;
+  background-color: #407e8c;
   color: #fff;
 }
 input[type=range].slider.is-link::-moz-range-track {
@@ -7740,83 +7740,83 @@ input[type=range].slider.is-link .has-output-tooltip + output {
   color: #fff;
 }
 input[type=range].slider.is-info::-moz-range-track {
-  background: #2D7AB9 !important;
+  background: #2d7ab9 !important;
 }
 input[type=range].slider.is-info::-webkit-slider-runnable-track {
-  background: #2D7AB9 !important;
+  background: #2d7ab9 !important;
 }
 input[type=range].slider.is-info::-ms-track {
-  background: #2D7AB9 !important;
+  background: #2d7ab9 !important;
 }
 input[type=range].slider.is-info::-ms-fill-lower {
-  background: #2D7AB9;
+  background: #2d7ab9;
 }
 input[type=range].slider.is-info::-ms-fill-upper {
-  background: #2D7AB9;
+  background: #2d7ab9;
 }
 input[type=range].slider.is-info.has-output + output,
 input[type=range].slider.is-info .has-output-tooltip + output {
-  background-color: #2D7AB9;
+  background-color: #2d7ab9;
   color: #fff;
 }
 input[type=range].slider.is-success::-moz-range-track {
-  background: #3A833C !important;
+  background: #3a833c !important;
 }
 input[type=range].slider.is-success::-webkit-slider-runnable-track {
-  background: #3A833C !important;
+  background: #3a833c !important;
 }
 input[type=range].slider.is-success::-ms-track {
-  background: #3A833C !important;
+  background: #3a833c !important;
 }
 input[type=range].slider.is-success::-ms-fill-lower {
-  background: #3A833C;
+  background: #3a833c;
 }
 input[type=range].slider.is-success::-ms-fill-upper {
-  background: #3A833C;
+  background: #3a833c;
 }
 input[type=range].slider.is-success.has-output + output,
 input[type=range].slider.is-success .has-output-tooltip + output {
-  background-color: #3A833C;
+  background-color: #3a833c;
   color: #fff;
 }
 input[type=range].slider.is-warning::-moz-range-track {
-  background: #B85000 !important;
+  background: #b85000 !important;
 }
 input[type=range].slider.is-warning::-webkit-slider-runnable-track {
-  background: #B85000 !important;
+  background: #b85000 !important;
 }
 input[type=range].slider.is-warning::-ms-track {
-  background: #B85000 !important;
+  background: #b85000 !important;
 }
 input[type=range].slider.is-warning::-ms-fill-lower {
-  background: #B85000;
+  background: #b85000;
 }
 input[type=range].slider.is-warning::-ms-fill-upper {
-  background: #B85000;
+  background: #b85000;
 }
 input[type=range].slider.is-warning.has-output + output,
 input[type=range].slider.is-warning .has-output-tooltip + output {
-  background-color: #B85000;
+  background-color: #b85000;
   color: #fff;
 }
 input[type=range].slider.is-danger::-moz-range-track {
-  background: #E8113C !important;
+  background: #e8113c !important;
 }
 input[type=range].slider.is-danger::-webkit-slider-runnable-track {
-  background: #E8113C !important;
+  background: #e8113c !important;
 }
 input[type=range].slider.is-danger::-ms-track {
-  background: #E8113C !important;
+  background: #e8113c !important;
 }
 input[type=range].slider.is-danger::-ms-fill-lower {
-  background: #E8113C;
+  background: #e8113c;
 }
 input[type=range].slider.is-danger::-ms-fill-upper {
-  background: #E8113C;
+  background: #e8113c;
 }
 input[type=range].slider.is-danger.has-output + output,
 input[type=range].slider.is-danger .has-output-tooltip + output {
-  background-color: #E8113C;
+  background-color: #e8113c;
   color: #fff;
 }
 
@@ -7824,7 +7824,7 @@ input[type=range].slider.is-danger .has-output-tooltip + output {
   margin: auto;
   border-style: solid;
   border-color: hsl(0, 0%, 86%);
-  border-top-color: #407E8C;
+  border-top-color: #407e8c;
   border-radius: 50%;
   -webkit-animation: spin 0.75s linear infinite; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: spin 0.75s linear infinite; /* Firefox < 16 */
@@ -7854,7 +7854,7 @@ input[type=range].slider.is-danger .has-output-tooltip + output {
   border-width: 2px;
   width: 24px;
   height: 24px;
-  border-right-color: #407E8C;
+  border-right-color: #407e8c;
 }
 button .on-loading {
   border-width: 2px;
@@ -8715,6 +8715,12 @@ button on-loading {
   display: inherit;
 }
 
+@container ob-form-container (min-width: 768px) {
+  .column.is-one-quarter-ob {
+    flex: none;
+    width: 25%;
+  }
+}
 .ob-number__output {
   background-color: #757575;
   color: hsl(0, 0%, 100%);
@@ -8748,11 +8754,11 @@ button on-loading {
   transition: border-top-color 0.2s ease;
 }
 .ob-number__output.is-dragging {
-  background-color: #407E8C;
+  background-color: #407e8c;
   color: #fff;
 }
 .ob-number__output.is-dragging:after {
-  border-top-color: #407E8C;
+  border-top-color: #407e8c;
 }
 
 input[type=range]:focus-visible::-webkit-slider-thumb {
@@ -8855,8 +8861,8 @@ input[type=range]:focus-visible::-moz-range-thumb {
 }
 
 .steps-header-active-page-icon {
-  color: #407E8C;
-  border: 0.2em solid #407E8C;
+  color: #407e8c;
+  border: 0.2em solid #407e8c;
   border-radius: 50%;
   min-height: 1.5rem;
   min-width: 1.5rem;
@@ -9171,25 +9177,25 @@ textarea:disabled {
   transition: border-left-color 0.5s;
 }
 .has-thick-border-left.is-primary-thick-border-left {
-  border-left-color: #407E8C;
+  border-left-color: #407e8c;
 }
 .has-thick-border-left.is-link-thick-border-left {
   border-left-color: hsl(229, 53%, 53%);
 }
 .has-thick-border-left.is-link-thick-border-left {
-  border-left-color: #407E8C;
+  border-left-color: #407e8c;
 }
 .has-thick-border-left.is-info-thick-border-left {
-  border-left-color: #2D7AB9;
+  border-left-color: #2d7ab9;
 }
 .has-thick-border-left.is-success-thick-border-left {
-  border-left-color: #3A833C;
+  border-left-color: #3a833c;
 }
 .has-thick-border-left.is-warning-thick-border-left {
-  border-left-color: #B85000;
+  border-left-color: #b85000;
 }
 .has-thick-border-left.is-danger-thick-border-left {
-  border-left-color: #E8113C;
+  border-left-color: #e8113c;
 }
 
 .title.is-5 {
@@ -9295,6 +9301,8 @@ textarea:disabled {
 
 .ob-form-container {
   position: relative;
+  container-name: ob-form-container;
+  container-type: inline-size;
 }
 .ob-form-container .field {
   width: 100%;