@oneblink/apps-react 8.14.0 → 9.0.0-beta.10

package/dist/styles.css

@@ -75,7 +75,7 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
   user-select: none;
   -moz-appearance: none;
   -webkit-appearance: none;
-  background-color: rgba(10, 10, 10, 0.2);
+  background-color: rgba(10.2, 10.2, 10.2, 0.2);
   border: none;
   border-radius: 9999px;
   cursor: pointer;
@@ -113,10 +113,10 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
   width: 2px;
 }
 .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
-  background-color: rgba(10, 10, 10, 0.3);
+  background-color: rgba(10.2, 10.2, 10.2, 0.3);
 }
 .modal-close:active, .delete:active {
-  background-color: rgba(10, 10, 10, 0.4);
+  background-color: rgba(10.2, 10.2, 10.2, 0.4);
 }
 .is-small.modal-close, .is-small.delete {
   height: 16px;
@@ -321,7 +321,7 @@ a:hover {
 
 code {
   background-color: hsl(0, 0%, 96%);
-  color: #da1039;
+  color: hsl(348, 86%, 46%);
   font-size: 0.875em;
   font-weight: normal;
   padding: 0.25em 0.5em 0.25em;
@@ -406,7 +406,7 @@ table th {
 }
 
 a.has-text-white:hover, a.has-text-white:focus {
-  color: #e6e6e6 !important;
+  color: hsl(0, 0%, 90%) !important;
 }
 
 .has-background-white {
@@ -418,7 +418,7 @@ a.has-text-white:hover, a.has-text-white:focus {
 }
 
 a.has-text-black:hover, a.has-text-black:focus {
-  color: black !important;
+  color: hsl(0, 0%, 0%) !important;
 }
 
 .has-background-black {
@@ -430,7 +430,7 @@ a.has-text-black:hover, a.has-text-black:focus {
 }
 
 a.has-text-light:hover, a.has-text-light:focus {
-  color: #dbdbdb !important;
+  color: hsl(0, 0%, 86%) !important;
 }
 
 .has-background-light {
@@ -442,7 +442,7 @@ a.has-text-light:hover, a.has-text-light:focus {
 }
 
 a.has-text-dark:hover, a.has-text-dark:focus {
-  color: #1c1c1c !important;
+  color: hsl(0, 0%, 11%) !important;
 }
 
 .has-background-dark {
@@ -454,7 +454,7 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 
 a.has-text-primary:hover, a.has-text-primary:focus {
-  color: #305f69 !important;
+  color: rgb(48, 94.5, 105) !important;
 }
 
 .has-background-primary {
@@ -462,27 +462,27 @@ a.has-text-primary:hover, a.has-text-primary:focus {
 }
 
 .has-text-primary-light {
-  color: #f1f7f9 !important;
+  color: rgb(241, 247.2, 248.6) !important;
 }
 
 a.has-text-primary-light:hover, a.has-text-primary-light:focus {
-  color: #cee4e9 !important;
+  color: rgb(206, 227.7, 232.6) !important;
 }
 
 .has-background-primary-light {
-  background-color: #f1f7f9 !important;
+  background-color: rgb(241, 247.2, 248.6) !important;
 }
 
 .has-text-primary-dark {
-  color: #488e9e !important;
+  color: rgb(72, 141.75, 157.5) !important;
 }
 
 a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
-  color: #62a7b7 !important;
+  color: rgb(97.5, 167.25, 183) !important;
 }
 
 .has-background-primary-dark {
-  background-color: #488e9e !important;
+  background-color: rgb(72, 141.75, 157.5) !important;
 }
 
 .has-text-link {
@@ -490,7 +490,7 @@ a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
 }
 
 a.has-text-link:hover, a.has-text-link:focus {
-  color: #3449a8 !important;
+  color: hsl(229, 53%, 43%) !important;
 }
 
 .has-background-link {
@@ -498,27 +498,27 @@ a.has-text-link:hover, a.has-text-link:focus {
 }
 
 .has-text-link-light {
-  color: #eff1fa !important;
+  color: hsl(229, 53%, 96%) !important;
 }
 
 a.has-text-link-light:hover, a.has-text-link-light:focus {
-  color: #c8cfee !important;
+  color: hsl(229, 53%, 86%) !important;
 }
 
 .has-background-link-light {
-  background-color: #eff1fa !important;
+  background-color: hsl(229, 53%, 96%) !important;
 }
 
 .has-text-link-dark {
-  color: #3850b7 !important;
+  color: hsl(229, 53%, 47%) !important;
 }
 
 a.has-text-link-dark:hover, a.has-text-link-dark:focus {
-  color: #576dcb !important;
+  color: hsl(229, 53%, 57%) !important;
 }
 
 .has-background-link-dark {
-  background-color: #3850b7 !important;
+  background-color: hsl(229, 53%, 47%) !important;
 }
 
 .has-text-info {
@@ -526,7 +526,7 @@ a.has-text-link-dark:hover, a.has-text-link-dark:focus {
 }
 
 a.has-text-info:hover, a.has-text-info:focus {
-  color: #235f90 !important;
+  color: rgb(35.0217391304, 94.947826087, 143.9782608696) !important;
 }
 
 .has-background-info {
@@ -534,27 +534,27 @@ a.has-text-info:hover, a.has-text-info:focus {
 }
 
 .has-text-info-light {
-  color: #eff5fb !important;
+  color: rgb(238.5913043478, 245.4208695652, 251.0086956522) !important;
 }
 
 a.has-text-info-light:hover, a.has-text-info-light:focus {
-  color: #c6ddf1 !important;
+  color: rgb(197.5695652174, 221.4730434783, 241.0304347826) !important;
 }
 
 .has-background-info-light {
-  background-color: #eff5fb !important;
+  background-color: rgb(238.5913043478, 245.4208695652, 251.0086956522) !important;
 }
 
 .has-text-info-dark {
-  color: #2d7ab9 !important;
+  color: rgb(44.902173913, 121.7347826087, 184.597826087) !important;
 }
 
 a.has-text-info-dark:hover, a.has-text-info-dark:focus {
-  color: #4693d2 !important;
+  color: rgb(70.402173913, 147.2347826087, 210.097826087) !important;
 }
 
 .has-background-info-dark {
-  background-color: #2d7ab9 !important;
+  background-color: rgb(44.902173913, 121.7347826087, 184.597826087) !important;
 }
 
 .has-text-success {
@@ -562,7 +562,7 @@ a.has-text-info-dark:hover, a.has-text-info-dark:focus {
 }
 
 a.has-text-success:hover, a.has-text-success:focus {
-  color: #2a602c !important;
+  color: rgb(42.3492063492, 95.6507936508, 43.8095238095) !important;
 }
 
 .has-background-success {
@@ -570,27 +570,27 @@ a.has-text-success:hover, a.has-text-success:focus {
 }
 
 .has-text-success-light {
-  color: #f1f9f1 !important;
+  color: rgb(240.8603174603, 248.7396825397, 241.0761904762) !important;
 }
 
 a.has-text-success-light:hover, a.has-text-success-light:focus {
-  color: #cee9ce !important;
+  color: rgb(205.5111111111, 233.0888888889, 206.2666666667) !important;
 }
 
 .has-background-success-light {
-  background-color: #f1f9f1 !important;
+  background-color: rgb(240.8603174603, 248.7396825397, 241.0761904762) !important;
 }
 
 .has-text-success-dark {
-  color: #469f49 !important;
+  color: rgb(70.4285714286, 159.0714285714, 72.8571428571) !important;
 }
 
 a.has-text-success-dark:hover, a.has-text-success-dark:focus {
-  color: #60b962 !important;
+  color: rgb(95.9285714286, 184.5714285714, 98.3571428571) !important;
 }
 
 .has-background-success-dark {
-  background-color: #469f49 !important;
+  background-color: rgb(70.4285714286, 159.0714285714, 72.8571428571) !important;
 }
 
 .has-text-warning {
@@ -598,7 +598,7 @@ a.has-text-success-dark:hover, a.has-text-success-dark:focus {
 }
 
 a.has-text-warning:hover, a.has-text-warning:focus {
-  color: #853a00 !important;
+  color: rgb(133, 57.8260869565, 0) !important;
 }
 
 .has-background-warning {
@@ -606,27 +606,27 @@ a.has-text-warning:hover, a.has-text-warning:focus {
 }
 
 .has-text-warning-light {
-  color: #fff3eb !important;
+  color: rgb(255, 243.4695652174, 234.6) !important;
 }
 
 a.has-text-warning-light:hover, a.has-text-warning-light:focus {
-  color: #ffd7b8 !important;
+  color: rgb(255, 214.6434782609, 183.6) !important;
 }
 
 .has-background-warning-light {
-  background-color: #fff3eb !important;
+  background-color: rgb(255, 243.4695652174, 234.6) !important;
 }
 
 .has-text-warning-dark {
-  color: #eb6600 !important;
+  color: rgb(234.6, 102, 0) !important;
 }
 
 a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
-  color: #ff801f !important;
+  color: rgb(255, 128.1652173913, 30.6) !important;
 }
 
 .has-background-warning-dark {
-  background-color: #eb6600 !important;
+  background-color: rgb(234.6, 102, 0) !important;
 }
 
 .has-text-danger {
@@ -634,7 +634,7 @@ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
 }
 
 a.has-text-danger:hover, a.has-text-danger:focus {
-  color: #8a0d29 !important;
+  color: rgb(137.5445544554, 13.4554455446, 41.1138613861) !important;
 }
 
 .has-background-danger {
@@ -642,27 +642,27 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .has-text-danger-light {
-  color: #fdecf0 !important;
+  color: rgb(253.1821782178, 236.4178217822, 240.1544554455) !important;
 }
 
 a.has-text-danger-light:hover, a.has-text-danger-light:focus {
-  color: #f9becb !important;
+  color: rgb(248.6376237624, 189.9623762376, 203.0405940594) !important;
 }
 
 .has-background-danger-light {
-  background-color: #fdecf0 !important;
+  background-color: rgb(253.1821782178, 236.4178217822, 240.1544554455) !important;
 }
 
 .has-text-danger-dark {
-  color: #e81745 !important;
+  color: rgb(232.2772277228, 22.7227722772, 69.4306930693) !important;
 }
 
 a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
-  color: #ed456b !important;
+  color: rgb(236.8217821782, 69.1782178218, 106.5445544554) !important;
 }
 
 .has-background-danger-dark {
-  background-color: #e81745 !important;
+  background-color: rgb(232.2772277228, 22.7227722772, 69.4306930693) !important;
 }
 
 .has-text-black-bis {
@@ -3936,7 +3936,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
   border-color: hsl(229, 53%, 53%);
-  box-shadow: none rgba(72, 95, 199, 0.25);
+  box-shadow: none rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
   background-color: hsl(0, 0%, 96%);
@@ -3975,19 +3975,19 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(0, 0%, 4%);
 }
 .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
-  box-shadow: none rgba(10, 10, 10, 0.25);
+  box-shadow: none rgba(10.2, 10.2, 10.2, 0.25);
 }
 .is-light.textarea, .is-light.input {
   border-color: hsl(0, 0%, 96%);
 }
 .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
-  box-shadow: none rgba(245, 245, 245, 0.25);
+  box-shadow: none rgba(244.8, 244.8, 244.8, 0.25);
 }
 .is-dark.textarea, .is-dark.input {
   border-color: hsl(0, 0%, 21%);
 }
 .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
-  box-shadow: none rgba(54, 54, 54, 0.25);
+  box-shadow: none rgba(53.55, 53.55, 53.55, 0.25);
 }
 .is-primary.textarea, .is-primary.input {
   border-color: #407e8c;
@@ -3999,7 +3999,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(229, 53%, 53%);
 }
 .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
-  box-shadow: none rgba(72, 95, 199, 0.25);
+  box-shadow: none rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .is-info.textarea, .is-info.input {
   border-color: #2d7ab9;
@@ -4149,7 +4149,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(0, 0%, 100%);
 }
 .select.is-white select:hover, .select.is-white select.is-hovered {
-  border-color: #f2f2f2;
+  border-color: hsl(0, 0%, 95%);
 }
 .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
   box-shadow: none rgba(255, 255, 255, 0.25);
@@ -4161,10 +4161,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(0, 0%, 4%);
 }
 .select.is-black select:hover, .select.is-black select.is-hovered {
-  border-color: black;
+  border-color: hsl(0, 0%, 0%);
 }
 .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
-  box-shadow: none rgba(10, 10, 10, 0.25);
+  box-shadow: none rgba(10.2, 10.2, 10.2, 0.25);
 }
 .select.is-light:not(:hover)::after {
   border-color: hsl(0, 0%, 96%);
@@ -4173,10 +4173,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(0, 0%, 96%);
 }
 .select.is-light select:hover, .select.is-light select.is-hovered {
-  border-color: #e8e8e8;
+  border-color: hsl(0, 0%, 91%);
 }
 .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
-  box-shadow: none rgba(245, 245, 245, 0.25);
+  box-shadow: none rgba(244.8, 244.8, 244.8, 0.25);
 }
 .select.is-dark:not(:hover)::after {
   border-color: hsl(0, 0%, 21%);
@@ -4185,10 +4185,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(0, 0%, 21%);
 }
 .select.is-dark select:hover, .select.is-dark select.is-hovered {
-  border-color: #292929;
+  border-color: hsl(0, 0%, 16%);
 }
 .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
-  box-shadow: none rgba(54, 54, 54, 0.25);
+  box-shadow: none rgba(53.55, 53.55, 53.55, 0.25);
 }
 .select.is-primary:not(:hover)::after {
   border-color: #407e8c;
@@ -4197,7 +4197,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: #407e8c;
 }
 .select.is-primary select:hover, .select.is-primary select.is-hovered {
-  border-color: #386e7b;
+  border-color: rgb(56, 110.25, 122.5);
 }
 .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
   box-shadow: none rgba(64, 126, 140, 0.25);
@@ -4209,10 +4209,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: hsl(229, 53%, 53%);
 }
 .select.is-link select:hover, .select.is-link select.is-hovered {
-  border-color: #3a51bb;
+  border-color: hsl(229, 53%, 48%);
 }
 .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
-  box-shadow: none rgba(72, 95, 199, 0.25);
+  box-shadow: none rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .select.is-info:not(:hover)::after {
   border-color: #2d7ab9;
@@ -4221,7 +4221,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: #2d7ab9;
 }
 .select.is-info select:hover, .select.is-info select.is-hovered {
-  border-color: #286ca4;
+  border-color: rgb(40.0108695652, 108.4739130435, 164.4891304348);
 }
 .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
   box-shadow: none rgba(45, 122, 185, 0.25);
@@ -4233,7 +4233,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: #3a833c;
 }
 .select.is-success select:hover, .select.is-success select.is-hovered {
-  border-color: #327134;
+  border-color: rgb(50.1746031746, 113.3253968254, 51.9047619048);
 }
 .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
   box-shadow: none rgba(58, 131, 60, 0.25);
@@ -4245,7 +4245,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: #b85000;
 }
 .select.is-warning select:hover, .select.is-warning select.is-hovered {
-  border-color: #9f4500;
+  border-color: rgb(158.5, 68.9130434783, 0);
 }
 .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
   box-shadow: none rgba(184, 80, 0, 0.25);
@@ -4257,7 +4257,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   border-color: #b81237;
 }
 .select.is-danger select:hover, .select.is-danger select.is-hovered {
-  border-color: #a11030;
+  border-color: rgb(160.7722772277, 15.7277227723, 48.0569306931);
 }
 .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
   box-shadow: none rgba(184, 18, 55, 0.25);
@@ -4311,7 +4311,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
-  background-color: #f9f9f9;
+  background-color: hsl(0, 0%, 97.5%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -4321,7 +4321,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -4331,17 +4331,17 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 100%);
 }
 .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
-  background-color: #040404;
+  background-color: hsl(0, 0%, 1.5%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
 .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+  box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25);
   color: hsl(0, 0%, 100%);
 }
 .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -4351,17 +4351,17 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+  box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.25);
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -4371,17 +4371,17 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
-  background-color: #2f2f2f;
+  background-color: hsl(0, 0%, 18.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+  box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.25);
   color: #fff;
 }
 .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
-  background-color: #292929;
+  background-color: hsl(0, 0%, 16%);
   border-color: transparent;
   color: #fff;
 }
@@ -4391,7 +4391,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
-  background-color: #3c7683;
+  background-color: rgb(60, 118.125, 131.25);
   border-color: transparent;
   color: #fff;
 }
@@ -4401,7 +4401,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
-  background-color: #386e7b;
+  background-color: rgb(56, 110.25, 122.5);
   border-color: transparent;
   color: #fff;
 }
@@ -4411,17 +4411,17 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
-  background-color: #3e56c4;
+  background-color: hsl(229, 53%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0.5em rgba(71.6295, 94.92035, 198.6705, 0.25);
   color: #fff;
 }
 .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
-  background-color: #3a51bb;
+  background-color: hsl(229, 53%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -4431,7 +4431,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
-  background-color: #2b73af;
+  background-color: rgb(42.5054347826, 115.2369565217, 174.7445652174);
   border-color: transparent;
   color: #fff;
 }
@@ -4441,7 +4441,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
-  background-color: #286ca4;
+  background-color: rgb(40.0108695652, 108.4739130435, 164.4891304348);
   border-color: transparent;
   color: #fff;
 }
@@ -4451,7 +4451,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
-  background-color: #367a38;
+  background-color: rgb(54.0873015873, 122.1626984127, 55.9523809524);
   border-color: transparent;
   color: #fff;
 }
@@ -4461,7 +4461,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
-  background-color: #327134;
+  background-color: rgb(50.1746031746, 113.3253968254, 51.9047619048);
   border-color: transparent;
   color: #fff;
 }
@@ -4471,7 +4471,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
-  background-color: #ab4a00;
+  background-color: rgb(171.25, 74.4565217391, 0);
   border-color: transparent;
   color: #fff;
 }
@@ -4481,7 +4481,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
-  background-color: #9f4500;
+  background-color: rgb(158.5, 68.9130434783, 0);
   border-color: transparent;
   color: #fff;
 }
@@ -4491,7 +4491,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
-  background-color: #ac1134;
+  background-color: rgb(172.3861386139, 16.8638613861, 51.5284653465);
   border-color: transparent;
   color: #fff;
 }
@@ -4501,7 +4501,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
-  background-color: #a11030;
+  background-color: rgb(160.7722772277, 15.7277227723, 48.0569306931);
   border-color: transparent;
   color: #fff;
 }
@@ -4602,18 +4602,18 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   position: relative;
 }
 .file-label:hover .file-cta {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
   color: hsl(0, 0%, 21%);
 }
 .file-label:hover .file-name {
-  border-color: #d5d5d5;
+  border-color: hsl(0, 0%, 83.5%);
 }
 .file-label:active .file-cta {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   color: hsl(0, 0%, 21%);
 }
 .file-label:active .file-name {
-  border-color: #cfcfcf;
+  border-color: hsl(0, 0%, 81%);
 }
 
 .file-input {
@@ -5054,7 +5054,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: inherit;
 }
 .button:focus:not(:active), .button.is-focused:not(:active) {
-  box-shadow: 0 0 rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .button:active, .button.is-active {
   border-color: hsl(0, 0%, 29%);
@@ -5071,7 +5071,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 21%);
 }
 .button.is-text:active, .button.is-text.is-active {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   color: hsl(0, 0%, 21%);
 }
 .button.is-text[disabled], fieldset[disabled] .button.is-text {
@@ -5095,7 +5095,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .button.is-white:hover, .button.is-white.is-hovered {
-  background-color: #f9f9f9;
+  background-color: hsl(0, 0%, 97.5%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -5107,7 +5107,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: 0 0 rgba(255, 255, 255, 0.25);
 }
 .button.is-white:active, .button.is-white.is-active {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -5121,7 +5121,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 100%);
 }
 .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
 }
 .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
   background-color: hsl(0, 0%, 4%);
@@ -5178,7 +5178,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 100%);
 }
 .button.is-black:hover, .button.is-black.is-hovered {
-  background-color: #040404;
+  background-color: hsl(0, 0%, 1.5%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -5187,10 +5187,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 100%);
 }
 .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
-  box-shadow: 0 0 rgba(10, 10, 10, 0.25);
+  box-shadow: 0 0 rgba(10.2, 10.2, 10.2, 0.25);
 }
 .button.is-black:active, .button.is-black.is-active {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -5204,7 +5204,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
 }
 .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
   background-color: hsl(0, 0%, 100%);
@@ -5261,7 +5261,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light:hover, .button.is-light.is-hovered {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -5270,10 +5270,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
-  box-shadow: 0 0 rgba(245, 245, 245, 0.25);
+  box-shadow: 0 0 rgba(244.8, 244.8, 244.8, 0.25);
 }
 .button.is-light:active, .button.is-light.is-active {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -5344,7 +5344,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-dark:hover, .button.is-dark.is-hovered {
-  background-color: #2f2f2f;
+  background-color: hsl(0, 0%, 18.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -5353,10 +5353,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
-  box-shadow: 0 0 rgba(54, 54, 54, 0.25);
+  box-shadow: 0 0 rgba(53.55, 53.55, 53.55, 0.25);
 }
 .button.is-dark:active, .button.is-dark.is-active {
-  background-color: #292929;
+  background-color: hsl(0, 0%, 16%);
   border-color: transparent;
   color: #fff;
 }
@@ -5370,7 +5370,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 21%);
 }
 .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
   background-color: #fff;
@@ -5427,7 +5427,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-primary:hover, .button.is-primary.is-hovered {
-  background-color: #3c7683;
+  background-color: rgb(60, 118.125, 131.25);
   border-color: transparent;
   color: #fff;
 }
@@ -5439,7 +5439,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: 0 0 rgba(64, 126, 140, 0.25);
 }
 .button.is-primary:active, .button.is-primary.is-active {
-  background-color: #386e7b;
+  background-color: rgb(56, 110.25, 122.5);
   border-color: transparent;
   color: #fff;
 }
@@ -5453,7 +5453,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #407e8c;
 }
 .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
   background-color: #fff;
@@ -5505,18 +5505,18 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-primary.is-light {
-  background-color: #f1f7f9;
-  color: #488e9e;
+  background-color: rgb(241, 247.2, 248.6);
+  color: rgb(72, 141.75, 157.5);
 }
 .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
-  background-color: #e8f2f5;
+  background-color: rgb(232.25, 242.325, 244.6);
   border-color: transparent;
-  color: #488e9e;
+  color: rgb(72, 141.75, 157.5);
 }
 .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
-  background-color: #e0edf1;
+  background-color: rgb(223.5, 237.45, 240.6);
   border-color: transparent;
-  color: #488e9e;
+  color: rgb(72, 141.75, 157.5);
 }
 .button.is-link {
   background-color: hsl(229, 53%, 53%);
@@ -5524,7 +5524,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-link:hover, .button.is-link.is-hovered {
-  background-color: #3e56c4;
+  background-color: hsl(229, 53%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -5533,10 +5533,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
-  box-shadow: 0 0 rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .button.is-link:active, .button.is-link.is-active {
-  background-color: #3a51bb;
+  background-color: hsl(229, 53%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -5550,7 +5550,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(229, 53%, 53%);
 }
 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
   background-color: #fff;
@@ -5602,18 +5602,18 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
+  background-color: hsl(229, 53%, 96%);
+  color: hsl(229, 53%, 47%);
 }
 .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
-  background-color: #e6e9f7;
+  background-color: hsl(229, 53%, 93.5%);
   border-color: transparent;
-  color: #3850b7;
+  color: hsl(229, 53%, 47%);
 }
 .button.is-link.is-light:active, .button.is-link.is-light.is-active {
-  background-color: #dce0f4;
+  background-color: hsl(229, 53%, 91%);
   border-color: transparent;
-  color: #3850b7;
+  color: hsl(229, 53%, 47%);
 }
 .button.is-info {
   background-color: #2d7ab9;
@@ -5621,7 +5621,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-info:hover, .button.is-info.is-hovered {
-  background-color: #2b73af;
+  background-color: rgb(42.5054347826, 115.2369565217, 174.7445652174);
   border-color: transparent;
   color: #fff;
 }
@@ -5633,7 +5633,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: 0 0 rgba(45, 122, 185, 0.25);
 }
 .button.is-info:active, .button.is-info.is-active {
-  background-color: #286ca4;
+  background-color: rgb(40.0108695652, 108.4739130435, 164.4891304348);
   border-color: transparent;
   color: #fff;
 }
@@ -5647,7 +5647,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #2d7ab9;
 }
 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
   background-color: #fff;
@@ -5699,18 +5699,18 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-info.is-light {
-  background-color: #eff5fb;
-  color: #2d7ab9;
+  background-color: rgb(238.5913043478, 245.4208695652, 251.0086956522);
+  color: rgb(44.902173913, 121.7347826087, 184.597826087);
 }
 .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
-  background-color: #e4eff9;
+  background-color: rgb(228.3358695652, 239.4339130435, 248.5141304348);
   border-color: transparent;
-  color: #2d7ab9;
+  color: rgb(44.902173913, 121.7347826087, 184.597826087);
 }
 .button.is-info.is-light:active, .button.is-info.is-light.is-active {
-  background-color: #dae9f6;
+  background-color: rgb(218.0804347826, 233.4469565217, 246.0195652174);
   border-color: transparent;
-  color: #2d7ab9;
+  color: rgb(44.902173913, 121.7347826087, 184.597826087);
 }
 .button.is-success {
   background-color: #3a833c;
@@ -5718,7 +5718,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-success:hover, .button.is-success.is-hovered {
-  background-color: #367a38;
+  background-color: rgb(54.0873015873, 122.1626984127, 55.9523809524);
   border-color: transparent;
   color: #fff;
 }
@@ -5730,7 +5730,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: 0 0 rgba(58, 131, 60, 0.25);
 }
 .button.is-success:active, .button.is-success.is-active {
-  background-color: #327134;
+  background-color: rgb(50.1746031746, 113.3253968254, 51.9047619048);
   border-color: transparent;
   color: #fff;
 }
@@ -5744,7 +5744,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3a833c;
 }
 .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
   background-color: #fff;
@@ -5796,18 +5796,18 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-success.is-light {
-  background-color: #f1f9f1;
-  color: #469f49;
+  background-color: rgb(240.8603174603, 248.7396825397, 241.0761904762);
+  color: rgb(70.4285714286, 159.0714285714, 72.8571428571);
 }
 .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
-  background-color: #e8f5e8;
+  background-color: rgb(232.023015873, 244.826984127, 232.3738095238);
   border-color: transparent;
-  color: #469f49;
+  color: rgb(70.4285714286, 159.0714285714, 72.8571428571);
 }
 .button.is-success.is-light:active, .button.is-success.is-light.is-active {
-  background-color: #dff1e0;
+  background-color: rgb(223.1857142857, 240.9142857143, 223.6714285714);
   border-color: transparent;
-  color: #469f49;
+  color: rgb(70.4285714286, 159.0714285714, 72.8571428571);
 }
 .button.is-warning {
   background-color: #b85000;
@@ -5815,7 +5815,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-warning:hover, .button.is-warning.is-hovered {
-  background-color: #ab4a00;
+  background-color: rgb(171.25, 74.4565217391, 0);
   border-color: transparent;
   color: #fff;
 }
@@ -5827,7 +5827,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: 0 0 rgba(184, 80, 0, 0.25);
 }
 .button.is-warning:active, .button.is-warning.is-active {
-  background-color: #9f4500;
+  background-color: rgb(158.5, 68.9130434783, 0);
   border-color: transparent;
   color: #fff;
 }
@@ -5841,7 +5841,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #b85000;
 }
 .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
   background-color: #fff;
@@ -5893,18 +5893,18 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-warning.is-light {
-  background-color: #fff3eb;
-  color: #eb6600;
+  background-color: rgb(255, 243.4695652174, 234.6);
+  color: rgb(234.6, 102, 0);
 }
 .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
-  background-color: #ffecde;
+  background-color: rgb(255, 236.2630434783, 221.85);
   border-color: transparent;
-  color: #eb6600;
+  color: rgb(234.6, 102, 0);
 }
 .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
-  background-color: #ffe5d1;
+  background-color: rgb(255, 229.0565217391, 209.1);
   border-color: transparent;
-  color: #eb6600;
+  color: rgb(234.6, 102, 0);
 }
 .button.is-danger {
   background-color: #b81237;
@@ -5912,7 +5912,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-danger:hover, .button.is-danger.is-hovered {
-  background-color: #ac1134;
+  background-color: rgb(172.3861386139, 16.8638613861, 51.5284653465);
   border-color: transparent;
   color: #fff;
 }
@@ -5924,7 +5924,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: 0 0 rgba(184, 18, 55, 0.25);
 }
 .button.is-danger:active, .button.is-danger.is-active {
-  background-color: #a11030;
+  background-color: rgb(160.7722772277, 15.7277227723, 48.0569306931);
   border-color: transparent;
   color: #fff;
 }
@@ -5938,7 +5938,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #b81237;
 }
 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
   background-color: #fff;
@@ -5990,25 +5990,25 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-danger.is-light {
-  background-color: #fdecf0;
-  color: #e81745;
+  background-color: rgb(253.1821782178, 236.4178217822, 240.1544554455);
+  color: rgb(232.2772277228, 22.7227722772, 69.4306930693);
 }
 .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
-  background-color: #fce1e7;
+  background-color: rgb(252.046039604, 224.803960396, 230.875990099);
   border-color: transparent;
-  color: #e81745;
+  color: rgb(232.2772277228, 22.7227722772, 69.4306930693);
 }
 .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
-  background-color: #fbd5de;
+  background-color: rgb(250.9099009901, 213.1900990099, 221.5975247525);
   border-color: transparent;
-  color: #e81745;
-}
-.button.is-small {
-  font-size: 0.75rem;
+  color: rgb(232.2772277228, 22.7227722772, 69.4306930693);
 }
 .button.is-small:not(.is-rounded) {
   border-radius: 2px;
 }
+.button.is-small {
+  font-size: 0.75rem;
+}
 .button.is-normal {
   font-size: 1rem;
 }
@@ -6069,12 +6069,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .buttons:not(:last-child) {
   margin-bottom: 1rem;
 }
-.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
-  font-size: 0.75rem;
-}
 .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
   border-radius: 2px;
 }
+.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
+  font-size: 0.75rem;
+}
 .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
   font-size: 1.25rem;
 }
@@ -6338,48 +6338,48 @@ div.icon-text {
   color: #fff;
 }
 .notification.is-primary.is-light {
-  background-color: #f1f7f9;
-  color: #488e9e;
+  background-color: rgb(241, 247.2, 248.6);
+  color: rgb(72, 141.75, 157.5);
 }
 .notification.is-link {
   background-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 .notification.is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
+  background-color: hsl(229, 53%, 96%);
+  color: hsl(229, 53%, 47%);
 }
 .notification.is-info {
   background-color: #2d7ab9;
   color: #fff;
 }
 .notification.is-info.is-light {
-  background-color: #eff5fb;
-  color: #2d7ab9;
+  background-color: rgb(238.5913043478, 245.4208695652, 251.0086956522);
+  color: rgb(44.902173913, 121.7347826087, 184.597826087);
 }
 .notification.is-success {
   background-color: #3a833c;
   color: #fff;
 }
 .notification.is-success.is-light {
-  background-color: #f1f9f1;
-  color: #469f49;
+  background-color: rgb(240.8603174603, 248.7396825397, 241.0761904762);
+  color: rgb(70.4285714286, 159.0714285714, 72.8571428571);
 }
 .notification.is-warning {
   background-color: #b85000;
   color: #fff;
 }
 .notification.is-warning.is-light {
-  background-color: #fff3eb;
-  color: #eb6600;
+  background-color: rgb(255, 243.4695652174, 234.6);
+  color: rgb(234.6, 102, 0);
 }
 .notification.is-danger {
   background-color: #b81237;
   color: #fff;
 }
 .notification.is-danger.is-light {
-  background-color: #fdecf0;
-  color: #e81745;
+  background-color: rgb(253.1821782178, 236.4178217822, 240.1544554455);
+  color: rgb(232.2772277228, 22.7227722772, 69.4306930693);
 }
 
 .content li + li {
@@ -6757,7 +6757,7 @@ div.icon-text {
 .card {
   background-color: hsl(0, 0%, 100%);
   border-radius: 0.25rem;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
   color: hsl(0, 0%, 29%);
   max-width: 100%;
   position: relative;
@@ -6775,7 +6775,7 @@ div.icon-text {
 .card-header {
   background-color: transparent;
   align-items: stretch;
-  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
+  box-shadow: 0 0.125em 0.25em rgba(10.2, 10.2, 10.2, 0.1);
   display: flex;
 }
 
@@ -6883,7 +6883,7 @@ div.icon-text {
 .dropdown-content {
   background-color: hsl(0, 0%, 100%);
   border-radius: 4px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
   padding-bottom: 0.5rem;
   padding-top: 0.5rem;
 }
@@ -6923,14 +6923,12 @@ button.dropdown-item.is-active {
   margin: 0.5rem 0;
 }
 
+.steps:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
 .steps {
   display: flex;
   flex-wrap: wrap;
-  font-size: 1rem;
-  min-height: 2rem;
-}
-.steps:not(:last-child) {
-  margin-bottom: 1.5rem;
 }
 .steps .step-item {
   margin-top: 0;
@@ -7216,6 +7214,10 @@ button.dropdown-item.is-active {
   transition: all 0s ease;
   transition-delay: 1.5s;
 }
+.steps {
+  font-size: 1rem;
+  min-height: 2rem;
+}
 .steps .step-item:not(:first-child)::before {
   height: 0.2em;
   width: 100%;
@@ -8210,10 +8212,6 @@ button on-loading {
   --rc-drag-bar-size: 6px;
   --rc-border-color: rgba(255, 255, 255, 0.7);
   --rc-focus-color: #0088ff;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
 }
 @keyframes marching-ants {
   0% {
@@ -8453,6 +8451,12 @@ button on-loading {
     height: var(--rc-drag-handle-mobile-size);
   }
 }
+.ob-cropper__container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 .ob-cropper__container .ob-cropper__cropper-full-height {
   height: 100%;
 }
@@ -9157,11 +9161,6 @@ input[type=range]:focus-visible::-moz-range-thumb {
     display: none;
     flex-direction: column;
   }
-  .steps.is-horizontal-tablet .step-item {
-    display: flex;
-    align-items: center;
-    flex: 0;
-  }
   .steps.is-horizontal-tablet .step-item:not(:first-child) {
     margin-top: 1.25rem;
   }
@@ -9172,6 +9171,11 @@ input[type=range]:focus-visible::-moz-range-thumb {
     left: 11px;
     top: -100%;
   }
+  .steps.is-horizontal-tablet .step-item {
+    display: flex;
+    align-items: center;
+    flex: 0;
+  }
   .steps.is-horizontal-tablet .step-item .step-marker {
     position: relative;
     left: unset;
@@ -9711,7 +9715,7 @@ textarea:disabled {
   border-top-right-radius: 4px;
 }
 .ob-section__header-filled:hover {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
 }
 
 .ob-section__header-text {