npm - @oneblink/apps-react - Versions diffs - 0.6.0 → 0.6.1-beta.3 - Mend

@oneblink/apps-react 0.6.0 → 0.6.1-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/form-elements/FormElementCaptcha.js +1 -3
package/dist/form-elements/FormElementCaptcha.js.map +1 -1
package/dist/services/checkIfAttachmentsAreUploading.js +5 -6
package/dist/services/checkIfAttachmentsAreUploading.js.map +1 -1
package/dist/styles.css +422 -418
package/dist/styles.css.map +1 -1
package/package.json +33 -33

package/dist/styles.css CHANGED Viewed

@@ -91,7 +91,7 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
   width: 20px;
 }
 .modal-close::before, .delete::before, .modal-close::after, .delete::after {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   content: "";
   display: block;
   left: 50%;
@@ -141,7 +141,7 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
 .button.is-loading::after, .loader, .control.is-loading::after, .select.is-loading::after {
   animation: spinAround 500ms infinite linear;
-  border: 2px solid #dbdbdb;
+  border: 2px solid hsl(0deg, 0%, 86%);
   border-radius: 9999px;
   border-right-color: transparent;
   border-top-color: transparent;
@@ -259,7 +259,7 @@ th:not([align]) {
 }
 html {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   font-size: 16px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -297,14 +297,14 @@ pre {
 }
 body {
-  color: #4a4a4a;
+  color: hsl(0deg, 0%, 29%);
   font-size: 1em;
   font-weight: 400;
   line-height: 1.5;
 }
 a {
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
   cursor: pointer;
   text-decoration: none;
 }
@@ -312,11 +312,11 @@ a strong {
   color: currentColor;
 }
 a:hover {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 code {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   color: #da1039;
   font-size: 0.875em;
   font-weight: normal;
@@ -324,7 +324,7 @@ code {
 }
 hr {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   border: none;
   display: block;
   height: 2px;
@@ -351,7 +351,7 @@ span {
 }
 strong {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   font-weight: 700;
 }
@@ -361,8 +361,8 @@ fieldset {
 pre {
   -webkit-overflow-scrolling: touch;
-  background-color: whitesmoke;
-  color: #4a4a4a;
+  background-color: hsl(0deg, 0%, 96%);
+  color: hsl(0deg, 0%, 29%);
   font-size: 0.875em;
   overflow-x: auto;
   padding: 1.25rem 1.5rem;
@@ -385,7 +385,7 @@ table th:not([align]) {
   text-align: inherit;
 }
 table th {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 @keyframes spinAround {
@@ -398,7 +398,7 @@ table th {
 }
 /* Bulma Helpers */
 .has-text-white {
-  color: white !important;
+  color: hsl(0deg, 0%, 100%) !important;
 }
 a.has-text-white:hover, a.has-text-white:focus {
@@ -406,11 +406,11 @@ a.has-text-white:hover, a.has-text-white:focus {
 }
 .has-background-white {
-  background-color: white !important;
+  background-color: hsl(0deg, 0%, 100%) !important;
 }
 .has-text-black {
-  color: #0a0a0a !important;
+  color: hsl(0deg, 0%, 4%) !important;
 }
 a.has-text-black:hover, a.has-text-black:focus {
@@ -418,11 +418,11 @@ a.has-text-black:hover, a.has-text-black:focus {
 }
 .has-background-black {
-  background-color: #0a0a0a !important;
+  background-color: hsl(0deg, 0%, 4%) !important;
 }
 .has-text-light {
-  color: whitesmoke !important;
+  color: hsl(0deg, 0%, 96%) !important;
 }
 a.has-text-light:hover, a.has-text-light:focus {
@@ -430,11 +430,11 @@ a.has-text-light:hover, a.has-text-light:focus {
 }
 .has-background-light {
-  background-color: whitesmoke !important;
+  background-color: hsl(0deg, 0%, 96%) !important;
 }
 .has-text-dark {
-  color: #363636 !important;
+  color: hsl(0deg, 0%, 21%) !important;
 }
 a.has-text-dark:hover, a.has-text-dark:focus {
@@ -442,7 +442,7 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 .has-background-dark {
-  background-color: #363636 !important;
+  background-color: hsl(0deg, 0%, 21%) !important;
 }
 .has-text-primary {
@@ -482,7 +482,7 @@ a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
 }
 .has-text-link {
-  color: #485fc7 !important;
+  color: hsl(229deg, 53%, 53%) !important;
 }
 a.has-text-link:hover, a.has-text-link:focus {
@@ -490,7 +490,7 @@ a.has-text-link:hover, a.has-text-link:focus {
 }
 .has-background-link {
-  background-color: #485fc7 !important;
+  background-color: hsl(229deg, 53%, 53%) !important;
 }
 .has-text-link-light {
@@ -518,7 +518,7 @@ a.has-text-link-dark:hover, a.has-text-link-dark:focus {
 }
 .has-text-info {
-  color: #3e8ed0 !important;
+  color: hsl(207deg, 61%, 53%) !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: #3e8ed0 !important;
+  background-color: hsl(207deg, 61%, 53%) !important;
 }
 .has-text-info-light {
@@ -626,7 +626,7 @@ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
 }
 .has-text-danger {
-  color: #f14668 !important;
+  color: hsl(348deg, 86%, 61%) !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: #f14668 !important;
+  background-color: hsl(348deg, 86%, 61%) !important;
 }
 .has-text-danger-light {
@@ -662,75 +662,75 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .has-text-black-bis {
-  color: #121212 !important;
+  color: hsl(0deg, 0%, 7%) !important;
 }
 .has-background-black-bis {
-  background-color: #121212 !important;
+  background-color: hsl(0deg, 0%, 7%) !important;
 }
 .has-text-black-ter {
-  color: #242424 !important;
+  color: hsl(0deg, 0%, 14%) !important;
 }
 .has-background-black-ter {
-  background-color: #242424 !important;
+  background-color: hsl(0deg, 0%, 14%) !important;
 }
 .has-text-grey-darker {
-  color: #363636 !important;
+  color: hsl(0deg, 0%, 21%) !important;
 }
 .has-background-grey-darker {
-  background-color: #363636 !important;
+  background-color: hsl(0deg, 0%, 21%) !important;
 }
 .has-text-grey-dark {
-  color: #4a4a4a !important;
+  color: hsl(0deg, 0%, 29%) !important;
 }
 .has-background-grey-dark {
-  background-color: #4a4a4a !important;
+  background-color: hsl(0deg, 0%, 29%) !important;
 }
 .has-text-grey {
-  color: #7a7a7a !important;
+  color: hsl(0deg, 0%, 48%) !important;
 }
 .has-background-grey {
-  background-color: #7a7a7a !important;
+  background-color: hsl(0deg, 0%, 48%) !important;
 }
 .has-text-grey-light {
-  color: #b5b5b5 !important;
+  color: hsl(0deg, 0%, 71%) !important;
 }
 .has-background-grey-light {
-  background-color: #b5b5b5 !important;
+  background-color: hsl(0deg, 0%, 71%) !important;
 }
 .has-text-grey-lighter {
-  color: #dbdbdb !important;
+  color: hsl(0deg, 0%, 86%) !important;
 }
 .has-background-grey-lighter {
-  background-color: #dbdbdb !important;
+  background-color: hsl(0deg, 0%, 86%) !important;
 }
 .has-text-white-ter {
-  color: whitesmoke !important;
+  color: hsl(0deg, 0%, 96%) !important;
 }
 .has-background-white-ter {
-  background-color: whitesmoke !important;
+  background-color: hsl(0deg, 0%, 96%) !important;
 }
 .has-text-white-bis {
-  color: #fafafa !important;
+  color: hsl(0deg, 0%, 98%) !important;
 }
 .has-background-white-bis {
-  background-color: #fafafa !important;
+  background-color: hsl(0deg, 0%, 98%) !important;
 }
 .is-flex-direction-row {
@@ -3946,10 +3946,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 /* Bulma Form */
 .select select, .textarea, .input {
-  background-color: white;
-  border-color: #dbdbdb;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 86%);
   border-radius: 4px;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
   color: rgba(54, 54, 54, 0.3);
@@ -3964,17 +3964,17 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(54, 54, 54, 0.3);
 }
 .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
-  border-color: #b5b5b5;
+  border-color: hsl(0deg, 0%, 71%);
 }
 .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: #485fc7;
+  border-color: hsl(229deg, 53%, 53%);
   box-shadow: none rgba(72, 95, 199, 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: whitesmoke;
-  border-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
+  border-color: hsl(0deg, 0%, 96%);
   box-shadow: none;
-  color: #7a7a7a;
+  color: hsl(0deg, 0%, 48%);
 }
 .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
   color: rgba(122, 122, 122, 0.3);
@@ -3998,25 +3998,25 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none;
 }
 .is-white.textarea, .is-white.input {
-  border-color: white;
+  border-color: hsl(0deg, 0%, 100%);
 }
 .is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
   box-shadow: none rgba(255, 255, 255, 0.25);
 }
 .is-black.textarea, .is-black.input {
-  border-color: #0a0a0a;
+  border-color: hsl(0deg, 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);
 }
 .is-light.textarea, .is-light.input {
-  border-color: whitesmoke;
+  border-color: hsl(0deg, 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);
 }
 .is-dark.textarea, .is-dark.input {
-  border-color: #363636;
+  border-color: hsl(0deg, 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);
@@ -4028,13 +4028,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(76, 141, 167, 0.25);
 }
 .is-link.textarea, .is-link.input {
-  border-color: #485fc7;
+  border-color: hsl(229deg, 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);
 }
 .is-info.textarea, .is-info.input {
-  border-color: #3e8ed0;
+  border-color: hsl(207deg, 61%, 53%);
 }
 .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(62, 142, 208, 0.25);
@@ -4052,7 +4052,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(255, 111, 0, 0.25);
 }
 .is-danger.textarea, .is-danger.input {
-  border-color: #f14668;
+  border-color: hsl(348deg, 86%, 61%);
 }
 .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(241, 70, 104, 0.25);
@@ -4117,12 +4117,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   cursor: pointer;
 }
 .radio:hover, .checkbox:hover {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
 .radio input[disabled],
 .checkbox input[disabled] {
-  color: #7a7a7a;
+  color: hsl(0deg, 0%, 48%);
   cursor: not-allowed;
 }
@@ -4140,7 +4140,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   height: 2.5em;
 }
 .select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #485fc7;
+  border-color: hsl(229deg, 53%, 53%);
   right: 1.125em;
   z-index: 4;
 }
@@ -4159,7 +4159,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   display: none;
 }
 .select select[disabled]:hover, fieldset[disabled] .select select:hover {
-  border-color: whitesmoke;
+  border-color: hsl(0deg, 0%, 96%);
 }
 .select select:not([multiple]) {
   padding-right: 2.5em;
@@ -4172,13 +4172,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding: 0.5em 1em;
 }
 .select:not(.is-multiple):not(.is-loading):hover::after {
-  border-color: #363636;
+  border-color: hsl(0deg, 0%, 21%);
 }
 .select.is-white:not(:hover)::after {
-  border-color: white;
+  border-color: hsl(0deg, 0%, 100%);
 }
 .select.is-white select {
-  border-color: white;
+  border-color: hsl(0deg, 0%, 100%);
 }
 .select.is-white select:hover, .select.is-white select.is-hovered {
   border-color: #f2f2f2;
@@ -4187,10 +4187,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(255, 255, 255, 0.25);
 }
 .select.is-black:not(:hover)::after {
-  border-color: #0a0a0a;
+  border-color: hsl(0deg, 0%, 4%);
 }
 .select.is-black select {
-  border-color: #0a0a0a;
+  border-color: hsl(0deg, 0%, 4%);
 }
 .select.is-black select:hover, .select.is-black select.is-hovered {
   border-color: black;
@@ -4199,10 +4199,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(10, 10, 10, 0.25);
 }
 .select.is-light:not(:hover)::after {
-  border-color: whitesmoke;
+  border-color: hsl(0deg, 0%, 96%);
 }
 .select.is-light select {
-  border-color: whitesmoke;
+  border-color: hsl(0deg, 0%, 96%);
 }
 .select.is-light select:hover, .select.is-light select.is-hovered {
   border-color: #e8e8e8;
@@ -4211,10 +4211,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(245, 245, 245, 0.25);
 }
 .select.is-dark:not(:hover)::after {
-  border-color: #363636;
+  border-color: hsl(0deg, 0%, 21%);
 }
 .select.is-dark select {
-  border-color: #363636;
+  border-color: hsl(0deg, 0%, 21%);
 }
 .select.is-dark select:hover, .select.is-dark select.is-hovered {
   border-color: #292929;
@@ -4235,10 +4235,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(76, 141, 167, 0.25);
 }
 .select.is-link:not(:hover)::after {
-  border-color: #485fc7;
+  border-color: hsl(229deg, 53%, 53%);
 }
 .select.is-link select {
-  border-color: #485fc7;
+  border-color: hsl(229deg, 53%, 53%);
 }
 .select.is-link select:hover, .select.is-link select.is-hovered {
   border-color: #3a51bb;
@@ -4247,10 +4247,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: #3e8ed0;
+  border-color: hsl(207deg, 61%, 53%);
 }
 .select.is-info select {
-  border-color: #3e8ed0;
+  border-color: hsl(207deg, 61%, 53%);
 }
 .select.is-info select:hover, .select.is-info select.is-hovered {
   border-color: #3082c5;
@@ -4283,10 +4283,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none rgba(255, 111, 0, 0.25);
 }
 .select.is-danger:not(:hover)::after {
-  border-color: #f14668;
+  border-color: hsl(348deg, 86%, 61%);
 }
 .select.is-danger select {
-  border-color: #f14668;
+  border-color: hsl(348deg, 86%, 61%);
 }
 .select.is-danger select:hover, .select.is-danger select.is-hovered {
   border-color: #ef2e55;
@@ -4305,7 +4305,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   font-size: 1.5rem;
 }
 .select.is-disabled::after {
-  border-color: #7a7a7a;
+  border-color: hsl(0deg, 0%, 48%);
 }
 .select.is-fullwidth {
   width: 100%;
@@ -4337,47 +4337,47 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   position: relative;
 }
 .file.is-white .file-cta {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
   background-color: #f9f9f9;
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
   border-color: transparent;
   box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
   background-color: #f2f2f2;
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .file.is-black .file-cta {
-  background-color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 4%);
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
   background-color: #040404;
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 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);
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
   background-color: black;
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .file.is-light .file-cta {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -4397,7 +4397,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-dark .file-cta {
-  background-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
   border-color: transparent;
   color: #fff;
 }
@@ -4437,7 +4437,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-link .file-cta {
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -4457,7 +4457,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-info .file-cta {
-  background-color: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -4517,7 +4517,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-danger .file-cta {
-  background-color: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
   border-color: transparent;
   color: #fff;
 }
@@ -4634,14 +4634,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .file-label:hover .file-cta {
   background-color: #eeeeee;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .file-label:hover .file-name {
   border-color: #d5d5d5;
 }
 .file-label:active .file-cta {
   background-color: #e8e8e8;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .file-label:active .file-name {
   border-color: #cfcfcf;
@@ -4659,7 +4659,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .file-cta,
 .file-name {
-  border-color: #dbdbdb;
+  border-color: hsl(0deg, 0%, 86%);
   border-radius: 4px;
   font-size: 1em;
   padding-left: 1em;
@@ -4668,12 +4668,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .file-cta {
-  background-color: whitesmoke;
-  color: #4a4a4a;
+  background-color: hsl(0deg, 0%, 96%);
+  color: hsl(0deg, 0%, 29%);
 }
 .file-name {
-  border-color: #dbdbdb;
+  border-color: hsl(0deg, 0%, 86%);
   border-style: solid;
   border-width: 1px 1px 1px 0;
   display: block;
@@ -4696,7 +4696,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .label {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   display: block;
   font-size: 1rem;
   font-weight: 300;
@@ -4720,25 +4720,25 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-top: 0.25rem;
 }
 .help.is-white {
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .help.is-black {
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .help.is-light {
-  color: whitesmoke;
+  color: hsl(0deg, 0%, 96%);
 }
 .help.is-dark {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .help.is-primary {
   color: #4c8da7;
 }
 .help.is-link {
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
 }
 .help.is-info {
-  color: #3e8ed0;
+  color: hsl(207deg, 61%, 53%);
 }
 .help.is-success {
   color: #4caf50;
@@ -4747,7 +4747,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #ff6f00;
 }
 .help.is-danger {
-  color: #f14668;
+  color: hsl(348deg, 86%, 61%);
 }
 .field:not(:last-child) {
@@ -4926,7 +4926,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .control.has-icons-left .input:focus ~ .icon,
 .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
 .control.has-icons-right .select:focus ~ .icon {
-  color: #4a4a4a;
+  color: hsl(0deg, 0%, 29%);
 }
 .control.has-icons-left .input.is-small ~ .icon,
 .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
@@ -4944,7 +4944,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   font-size: 1.5rem;
 }
 .control.has-icons-left .icon, .control.has-icons-right .icon {
-  color: #dbdbdb;
+  color: hsl(0deg, 0%, 86%);
   height: 2.5em;
   pointer-events: none;
   position: absolute;
@@ -5030,7 +5030,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .number {
   align-items: center;
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   border-radius: 9999px;
   display: inline-flex;
   font-size: 1.25rem;
@@ -5044,10 +5044,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button {
-  background-color: white;
-  border-color: #dbdbdb;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 86%);
   border-width: 1px;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   cursor: pointer;
   justify-content: center;
   padding-bottom: calc(0.5em - 1px);
@@ -5077,33 +5077,33 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-right: calc(-0.5em - 1px);
 }
 .button:hover, .button.is-hovered {
-  border-color: #b5b5b5;
-  color: #363636;
+  border-color: hsl(0deg, 0%, 71%);
+  color: hsl(0deg, 0%, 21%);
 }
 .button:focus, .button.is-focused {
-  border-color: #485fc7;
-  color: #363636;
+  border-color: hsl(229deg, 53%, 53%);
+  color: hsl(0deg, 0%, 21%);
 }
 .button:focus:not(:active), .button.is-focused:not(:active) {
   box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
 }
 .button:active, .button.is-active {
-  border-color: #4a4a4a;
-  color: #363636;
+  border-color: hsl(0deg, 0%, 29%);
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-text {
   background-color: transparent;
   border-color: transparent;
-  color: #4a4a4a;
+  color: hsl(0deg, 0%, 29%);
   text-decoration: underline;
 }
 .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
-  background-color: whitesmoke;
-  color: #363636;
+  background-color: hsl(0deg, 0%, 96%);
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-text:active, .button.is-text.is-active {
   background-color: #e8e8e8;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-text[disabled], fieldset[disabled] .button.is-text {
   background-color: transparent;
@@ -5113,26 +5113,26 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .button.is-ghost {
   background: none;
   border-color: transparent;
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
   text-decoration: none;
 }
 .button.is-ghost:hover, .button.is-ghost.is-hovered {
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
   text-decoration: underline;
 }
 .button.is-white {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-white:hover, .button.is-white.is-hovered {
   background-color: #f9f9f9;
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-white:focus, .button.is-white.is-focused {
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
   box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
@@ -5140,82 +5140,82 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .button.is-white:active, .button.is-white.is-active {
   background-color: #f2f2f2;
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-white[disabled], fieldset[disabled] .button.is-white {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-white.is-inverted {
-  background-color: #0a0a0a;
-  color: white;
+  background-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
   background-color: black;
 }
 .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
-  background-color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 4%);
   border-color: transparent;
   box-shadow: none;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-white.is-loading::after {
-  border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
 }
 .button.is-white.is-outlined {
   background-color: transparent;
-  border-color: white;
-  color: white;
+  border-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
-  background-color: white;
-  border-color: white;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-white.is-outlined.is-loading::after {
-  border-color: transparent transparent white white !important;
+  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
 }
 .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
 }
 .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
   background-color: transparent;
-  border-color: white;
+  border-color: hsl(0deg, 0%, 100%);
   box-shadow: none;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-white.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: #0a0a0a;
-  color: #0a0a0a;
+  border-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
-  background-color: #0a0a0a;
-  color: white;
+  background-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent white white !important;
+  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
 }
 .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: #0a0a0a;
+  border-color: hsl(0deg, 0%, 4%);
   box-shadow: none;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 4%);
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-black:hover, .button.is-black.is-hovered {
   background-color: #040404;
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-black:focus, .button.is-black.is-focused {
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
   box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
@@ -5223,71 +5223,71 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .button.is-black:active, .button.is-black.is-active {
   background-color: black;
   border-color: transparent;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-black[disabled], fieldset[disabled] .button.is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 4%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-black.is-inverted {
-  background-color: white;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
   background-color: #f2f2f2;
 }
 .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: transparent;
   box-shadow: none;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-black.is-loading::after {
-  border-color: transparent transparent white white !important;
+  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
 }
 .button.is-black.is-outlined {
   background-color: transparent;
-  border-color: #0a0a0a;
-  color: #0a0a0a;
+  border-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
-  background-color: #0a0a0a;
-  border-color: #0a0a0a;
-  color: white;
+  background-color: hsl(0deg, 0%, 4%);
+  border-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-black.is-outlined.is-loading::after {
-  border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
 }
 .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent white white !important;
+  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
 }
 .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
   background-color: transparent;
-  border-color: #0a0a0a;
+  border-color: hsl(0deg, 0%, 4%);
   box-shadow: none;
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-black.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: white;
-  color: white;
+  border-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
-  background-color: white;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 4%);
 }
 .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
 }
 .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: white;
+  border-color: hsl(0deg, 0%, 100%);
   box-shadow: none;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .button.is-light {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -5309,13 +5309,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light[disabled], fieldset[disabled] .button.is-light {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-light.is-inverted {
   background-color: rgba(0, 0, 0, 0.7);
-  color: whitesmoke;
+  color: hsl(0deg, 0%, 96%);
 }
 .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
   background-color: rgba(0, 0, 0, 0.7);
@@ -5324,32 +5324,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: rgba(0, 0, 0, 0.7);
   border-color: transparent;
   box-shadow: none;
-  color: whitesmoke;
+  color: hsl(0deg, 0%, 96%);
 }
 .button.is-light.is-loading::after {
   border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
 }
 .button.is-light.is-outlined {
   background-color: transparent;
-  border-color: whitesmoke;
-  color: whitesmoke;
+  border-color: hsl(0deg, 0%, 96%);
+  color: hsl(0deg, 0%, 96%);
 }
 .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
-  background-color: whitesmoke;
-  border-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
+  border-color: hsl(0deg, 0%, 96%);
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light.is-outlined.is-loading::after {
-  border-color: transparent transparent whitesmoke whitesmoke !important;
+  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
 }
 .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
 }
 .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
   background-color: transparent;
-  border-color: whitesmoke;
+  border-color: hsl(0deg, 0%, 96%);
   box-shadow: none;
-  color: whitesmoke;
+  color: hsl(0deg, 0%, 96%);
 }
 .button.is-light.is-inverted.is-outlined {
   background-color: transparent;
@@ -5358,10 +5358,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
   background-color: rgba(0, 0, 0, 0.7);
-  color: whitesmoke;
+  color: hsl(0deg, 0%, 96%);
 }
 .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent whitesmoke whitesmoke !important;
+  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
 }
 .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
   background-color: transparent;
@@ -5370,7 +5370,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-dark {
-  background-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
   border-color: transparent;
   color: #fff;
 }
@@ -5392,13 +5392,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
-  background-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-dark.is-inverted {
   background-color: #fff;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5407,32 +5407,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-dark.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-dark.is-outlined {
   background-color: transparent;
-  border-color: #363636;
-  color: #363636;
+  border-color: hsl(0deg, 0%, 21%);
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
-  background-color: #363636;
-  border-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
+  border-color: hsl(0deg, 0%, 21%);
   color: #fff;
 }
 .button.is-dark.is-outlined.is-loading::after {
-  border-color: transparent transparent #363636 #363636 !important;
+  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
 }
 .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
   background-color: transparent;
-  border-color: #363636;
+  border-color: hsl(0deg, 0%, 21%);
   box-shadow: none;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-dark.is-inverted.is-outlined {
   background-color: transparent;
@@ -5441,10 +5441,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #363636 #363636 !important;
+  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
 }
 .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
   background-color: transparent;
@@ -5550,7 +5550,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #437c93;
 }
 .button.is-link {
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -5572,13 +5572,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .button.is-link[disabled], fieldset[disabled] .button.is-link {
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-link.is-inverted {
   background-color: #fff;
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
 }
 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5587,32 +5587,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
 }
 .button.is-link.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-link.is-outlined {
   background-color: transparent;
-  border-color: #485fc7;
-  color: #485fc7;
+  border-color: hsl(229deg, 53%, 53%);
+  color: hsl(229deg, 53%, 53%);
 }
 .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
-  background-color: #485fc7;
-  border-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
+  border-color: hsl(229deg, 53%, 53%);
   color: #fff;
 }
 .button.is-link.is-outlined.is-loading::after {
-  border-color: transparent transparent #485fc7 #485fc7 !important;
+  border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
 }
 .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
   background-color: transparent;
-  border-color: #485fc7;
+  border-color: hsl(229deg, 53%, 53%);
   box-shadow: none;
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
 }
 .button.is-link.is-inverted.is-outlined {
   background-color: transparent;
@@ -5621,10 +5621,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #485fc7;
+  color: hsl(229deg, 53%, 53%);
 }
 .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #485fc7 #485fc7 !important;
+  border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
 }
 .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
   background-color: transparent;
@@ -5647,7 +5647,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3850b7;
 }
 .button.is-info {
-  background-color: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -5669,13 +5669,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: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-info.is-inverted {
   background-color: #fff;
-  color: #3e8ed0;
+  color: hsl(207deg, 61%, 53%);
 }
 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5684,32 +5684,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #3e8ed0;
+  color: hsl(207deg, 61%, 53%);
 }
 .button.is-info.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #3e8ed0;
-  color: #3e8ed0;
+  border-color: hsl(207deg, 61%, 53%);
+  color: hsl(207deg, 61%, 53%);
 }
 .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: #3e8ed0;
-  border-color: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
+  border-color: hsl(207deg, 61%, 53%);
   color: #fff;
 }
 .button.is-info.is-outlined.is-loading::after {
-  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
+  border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !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: #3e8ed0;
+  border-color: hsl(207deg, 61%, 53%);
   box-shadow: none;
-  color: #3e8ed0;
+  color: hsl(207deg, 61%, 53%);
 }
 .button.is-info.is-inverted.is-outlined {
   background-color: transparent;
@@ -5718,10 +5718,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: #3e8ed0;
+  color: hsl(207deg, 61%, 53%);
 }
 .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 #3e8ed0 #3e8ed0 !important;
+  border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
 }
 .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
   background-color: transparent;
@@ -5938,7 +5938,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #c25400;
 }
 .button.is-danger {
-  background-color: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
   border-color: transparent;
   color: #fff;
 }
@@ -5960,13 +5960,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: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-danger.is-inverted {
   background-color: #fff;
-  color: #f14668;
+  color: hsl(348deg, 86%, 61%);
 }
 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5975,32 +5975,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #f14668;
+  color: hsl(348deg, 86%, 61%);
 }
 .button.is-danger.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #f14668;
-  color: #f14668;
+  border-color: hsl(348deg, 86%, 61%);
+  color: hsl(348deg, 86%, 61%);
 }
 .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: #f14668;
-  border-color: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
+  border-color: hsl(348deg, 86%, 61%);
   color: #fff;
 }
 .button.is-danger.is-outlined.is-loading::after {
-  border-color: transparent transparent #f14668 #f14668 !important;
+  border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !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: #f14668;
+  border-color: hsl(348deg, 86%, 61%);
   box-shadow: none;
-  color: #f14668;
+  color: hsl(348deg, 86%, 61%);
 }
 .button.is-danger.is-inverted.is-outlined {
   background-color: transparent;
@@ -6009,10 +6009,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: #f14668;
+  color: hsl(348deg, 86%, 61%);
 }
 .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 #f14668 #f14668 !important;
+  border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
 }
 .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
   background-color: transparent;
@@ -6050,8 +6050,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   font-size: 1.5rem;
 }
 .button[disabled], fieldset[disabled] .button {
-  background-color: white;
-  border-color: #dbdbdb;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 86%);
   box-shadow: none;
   opacity: 0.5;
 }
@@ -6070,9 +6070,9 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   position: absolute !important;
 }
 .button.is-static {
-  background-color: whitesmoke;
-  border-color: #dbdbdb;
-  color: #7a7a7a;
+  background-color: hsl(0deg, 0%, 96%);
+  border-color: hsl(0deg, 0%, 86%);
+  color: hsl(0deg, 0%, 48%);
   box-shadow: none;
   pointer-events: none;
 }
@@ -6176,7 +6176,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .title {
-  color: #0a0a0a;
+  color: hsl(0deg, 0%, 4%);
   font-size: 2rem;
   font-weight: 200;
   line-height: 1.125;
@@ -6211,13 +6211,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .subtitle {
-  color: #4a4a4a;
+  color: hsl(0deg, 0%, 29%);
   font-size: 1.25rem;
   font-weight: 400;
   line-height: 1.25;
 }
 .subtitle strong {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   font-weight: 600;
 }
 .subtitle:not(.is-spaced) + .title {
@@ -6246,7 +6246,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .notification {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   border-radius: 4px;
   position: relative;
   padding: 1.25rem 2.5rem 1.25rem 1.5rem;
@@ -6260,7 +6260,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .notification code,
 .notification pre {
-  background: white;
+  background: hsl(0deg, 0%, 100%);
 }
 .notification pre code {
   background: transparent;
@@ -6276,19 +6276,19 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: currentColor;
 }
 .notification.is-white {
-  background-color: white;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 4%);
 }
 .notification.is-black {
-  background-color: #0a0a0a;
-  color: white;
+  background-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 100%);
 }
 .notification.is-light {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   color: rgba(0, 0, 0, 0.7);
 }
 .notification.is-dark {
-  background-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
   color: #fff;
 }
 .notification.is-primary {
@@ -6300,7 +6300,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #437c93;
 }
 .notification.is-link {
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
   color: #fff;
 }
 .notification.is-link.is-light {
@@ -6308,7 +6308,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3850b7;
 }
 .notification.is-info {
-  background-color: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
   color: #fff;
 }
 .notification.is-info.is-light {
@@ -6332,7 +6332,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #c25400;
 }
 .notification.is-danger {
-  background-color: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
   color: #fff;
 }
 .notification.is-danger.is-light {
@@ -6358,7 +6358,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .content h4,
 .content h5,
 .content h6 {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   font-weight: 600;
   line-height: 1.125;
 }
@@ -6396,8 +6396,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 1em;
 }
 .content blockquote {
-  background-color: whitesmoke;
-  border-left: 5px solid #dbdbdb;
+  background-color: hsl(0deg, 0%, 96%);
+  border-left: 5px solid hsl(0deg, 0%, 86%);
   padding: 1.25em 1.5em;
 }
 .content ol {
@@ -6468,13 +6468,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .content table td,
 .content table th {
-  border: 1px solid #dbdbdb;
+  border: 1px solid hsl(0deg, 0%, 86%);
   border-width: 0 0 1px;
   padding: 0.5em 0.75em;
   vertical-align: top;
 }
 .content table th {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .content table th:not([align]) {
   text-align: inherit;
@@ -6482,12 +6482,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .content table thead td,
 .content table thead th {
   border-width: 0 0 2px;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .content table tfoot td,
 .content table tfoot th {
   border-width: 2px 0 0;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
 }
 .content table tbody tr:last-child td,
 .content table tbody tr:last-child th {
@@ -6632,7 +6632,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .modal-background, .modal-background-faded {
-  background-color: #dbdbdb;
+  background-color: hsl(0deg, 0%, 86%);
 }
 .modal-content,
@@ -6672,7 +6672,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .modal-card-head,
 .modal-card-foot {
   align-items: center;
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   display: flex;
   flex-shrink: 0;
   justify-content: flex-start;
@@ -6687,7 +6687,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .modal-card-title {
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   flex-grow: 1;
   flex-shrink: 0;
   font-size: 1.5rem;
@@ -6705,7 +6705,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .modal-card-body {
   -webkit-overflow-scrolling: touch;
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   flex-grow: 1;
   flex-shrink: 1;
   overflow: auto;
@@ -6713,10 +6713,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .card {
-  background-color: white;
+  background-color: hsl(0deg, 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);
-  color: #4a4a4a;
+  color: hsl(0deg, 0%, 29%);
   max-width: 100%;
   position: relative;
 }
@@ -6739,7 +6739,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .card-header-title {
   align-items: center;
-  color: #363636;
+  color: hsl(0deg, 0%, 21%);
   display: flex;
   flex-grow: 1;
   font-weight: 700;
@@ -6787,7 +6787,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .card-footer {
   background-color: transparent;
-  border-top: 1px solid #ededed;
+  border-top: 1px solid hsl(0deg, 0%, 93%);
   align-items: stretch;
   display: flex;
 }
@@ -6802,7 +6802,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding: 0.75rem;
 }
 .card-footer-item:not(:last-child) {
-  border-right: 1px solid #ededed;
+  border-right: 1px solid hsl(0deg, 0%, 93%);
 }
 .card .media:not(:last-child) {
@@ -6839,7 +6839,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .dropdown-content {
-  background-color: white;
+  background-color: hsl(0deg, 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);
   padding-bottom: 0.5rem;
@@ -6847,7 +6847,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .dropdown-item {
-  color: #4a4a4a;
+  color: hsl(0deg, 0%, 29%);
   display: block;
   font-size: 0.875rem;
   line-height: 1.5;
@@ -6864,17 +6864,17 @@ button.dropdown-item {
 }
 a.dropdown-item:hover,
 button.dropdown-item:hover {
-  background-color: whitesmoke;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 96%);
+  color: hsl(0deg, 0%, 4%);
 }
 a.dropdown-item.is-active,
 button.dropdown-item.is-active {
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
   color: #fff;
 }
 .dropdown-divider {
-  background-color: #ededed;
+  background-color: hsl(0deg, 0%, 93%);
   border: none;
   display: block;
   height: 1px;
@@ -6907,18 +6907,18 @@ button.dropdown-item.is-active {
   position: absolute;
 }
 .steps .step-item::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #4c8da7 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #4c8da7 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
 .steps .step-item::before .step-marker {
-  color: white;
+  color: hsl(0deg, 0%, 100%);
 }
 .steps .step-item.is-active::before {
   background-position: left bottom;
 }
 .steps .step-item.is-active .step-marker {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: #4c8da7;
   color: #4c8da7;
 }
@@ -6926,7 +6926,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-completed .step-marker {
-  color: white;
+  color: hsl(0deg, 0%, 100%);
   background-color: #4c8da7;
 }
 .steps .step-item .step-marker {
@@ -6935,8 +6935,8 @@ button.dropdown-item.is-active {
   border-radius: 50%;
   font-weight: 700;
   justify-content: center;
-  background: #b5b5b5;
-  color: white;
+  background: hsl(0deg, 0%, 71%);
+  color: hsl(0deg, 0%, 100%);
   border: 0.2em solid #fff;
   z-index: 1;
 }
@@ -6944,7 +6944,7 @@ button.dropdown-item.is-active {
   text-align: center;
 }
 .steps .step-item.is-white::before {
-  background: linear-gradient(to left, #dbdbdb 50%, white 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 100%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6952,19 +6952,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-white.is-active .step-marker {
-  background-color: white;
-  border-color: white;
-  color: white;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 100%);
 }
 .steps .step-item.is-white.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-white.is-completed .step-marker {
-  color: #0a0a0a;
-  background-color: white;
+  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0deg, 0%, 100%);
 }
 .steps .step-item.is-black::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #0a0a0a 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 4%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6972,19 +6972,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-black.is-active .step-marker {
-  background-color: white;
-  border-color: #0a0a0a;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 4%);
 }
 .steps .step-item.is-black.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-black.is-completed .step-marker {
-  color: white;
-  background-color: #0a0a0a;
+  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0deg, 0%, 4%);
 }
 .steps .step-item.is-light::before {
-  background: linear-gradient(to left, #dbdbdb 50%, whitesmoke 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 96%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6992,19 +6992,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-light.is-active .step-marker {
-  background-color: white;
-  border-color: whitesmoke;
-  color: whitesmoke;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 96%);
+  color: hsl(0deg, 0%, 96%);
 }
 .steps .step-item.is-light.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-light.is-completed .step-marker {
   color: rgba(0, 0, 0, 0.7);
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
 }
 .steps .step-item.is-dark::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #363636 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 21%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7012,19 +7012,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-dark.is-active .step-marker {
-  background-color: white;
-  border-color: #363636;
-  color: #363636;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0deg, 0%, 21%);
+  color: hsl(0deg, 0%, 21%);
 }
 .steps .step-item.is-dark.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-dark.is-completed .step-marker {
   color: #fff;
-  background-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
 }
 .steps .step-item.is-primary::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #4c8da7 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #4c8da7 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7032,7 +7032,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-primary.is-active .step-marker {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: #4c8da7;
   color: #4c8da7;
 }
@@ -7044,7 +7044,7 @@ button.dropdown-item.is-active {
   background-color: #4c8da7;
 }
 .steps .step-item.is-link::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #485fc7 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(229deg, 53%, 53%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7052,19 +7052,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-link.is-active .step-marker {
-  background-color: white;
-  border-color: #485fc7;
-  color: #485fc7;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(229deg, 53%, 53%);
+  color: hsl(229deg, 53%, 53%);
 }
 .steps .step-item.is-link.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-link.is-completed .step-marker {
   color: #fff;
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
 }
 .steps .step-item.is-info::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #3e8ed0 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(207deg, 61%, 53%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7072,19 +7072,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-info.is-active .step-marker {
-  background-color: white;
-  border-color: #3e8ed0;
-  color: #3e8ed0;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(207deg, 61%, 53%);
+  color: hsl(207deg, 61%, 53%);
 }
 .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: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
 }
 .steps .step-item.is-success::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #4caf50 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #4caf50 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7092,7 +7092,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-success.is-active .step-marker {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: #4caf50;
   color: #4caf50;
 }
@@ -7104,7 +7104,7 @@ button.dropdown-item.is-active {
   background-color: #4caf50;
 }
 .steps .step-item.is-warning::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #ff6f00 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #ff6f00 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7112,7 +7112,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-warning.is-active .step-marker {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
   border-color: #ff6f00;
   color: #ff6f00;
 }
@@ -7124,7 +7124,7 @@ button.dropdown-item.is-active {
   background-color: #ff6f00;
 }
 .steps .step-item.is-danger::before {
-  background: linear-gradient(to left, #dbdbdb 50%, #f14668 50%);
+  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(348deg, 86%, 61%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7132,16 +7132,16 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-danger.is-active .step-marker {
-  background-color: white;
-  border-color: #f14668;
-  color: #f14668;
+  background-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(348deg, 86%, 61%);
+  color: hsl(348deg, 86%, 61%);
 }
 .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: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
 }
 .steps .steps-content {
   align-items: stretch;
@@ -7315,7 +7315,7 @@ input[type=range].slider:not([orient=vertical])::-ms-track {
 }
 input[type=range].slider:not([orient=vertical]).has-output + output, input[type=range].slider:not([orient=vertical]).has-output-tooltip + output {
   width: 3rem;
-  background: #4a4a4a;
+  background: hsl(0deg, 0%, 29%);
   border-radius: 4px;
   padding: 0.4rem 0.8rem;
   font-size: 0.75rem;
@@ -7323,7 +7323,7 @@ input[type=range].slider:not([orient=vertical]).has-output + output, input[type=
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: white;
+  color: hsl(0deg, 0%, 100%);
   overflow: hidden;
   pointer-events: none;
   z-index: 200;
@@ -7365,33 +7365,33 @@ input[type=range].slider[orient=vertical]::-ms-track {
 input[type=range].slider::-webkit-slider-runnable-track {
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px #7a7a7a;
-  background: #dbdbdb;
+  box-shadow: 0px 0px 0px hsl(0deg, 0%, 48%);
+  background: hsl(0deg, 0%, 86%);
   border-radius: 4px;
-  border: 0px solid #7a7a7a;
+  border: 0px solid hsl(0deg, 0%, 48%);
 }
 input[type=range].slider::-moz-range-track {
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px #7a7a7a;
-  background: #dbdbdb;
+  box-shadow: 0px 0px 0px hsl(0deg, 0%, 48%);
+  background: hsl(0deg, 0%, 86%);
   border-radius: 4px;
-  border: 0px solid #7a7a7a;
+  border: 0px solid hsl(0deg, 0%, 48%);
 }
 input[type=range].slider::-ms-track {
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px #7a7a7a;
-  background: #dbdbdb;
+  box-shadow: 0px 0px 0px hsl(0deg, 0%, 48%);
+  background: hsl(0deg, 0%, 86%);
   border-radius: 4px;
-  border: 0px solid #7a7a7a;
+  border: 0px solid hsl(0deg, 0%, 48%);
 }
 input[type=range].slider::-ms-fill-lower {
-  background: #dbdbdb;
+  background: hsl(0deg, 0%, 86%);
   border-radius: 4px;
 }
 input[type=range].slider::-ms-fill-upper {
-  background: #dbdbdb;
+  background: hsl(0deg, 0%, 86%);
   border-radius: 4px;
 }
 input[type=range].slider::-webkit-slider-thumb {
@@ -7625,83 +7625,83 @@ input[type=range].slider.is-large[orient=vertical]::-webkit-slider-thumb {
   margin-left: -0.375rem;
 }
 input[type=range].slider.is-white::-moz-range-track {
-  background: white !important;
+  background: hsl(0deg, 0%, 100%) !important;
 }
 input[type=range].slider.is-white::-webkit-slider-runnable-track {
-  background: white !important;
+  background: hsl(0deg, 0%, 100%) !important;
 }
 input[type=range].slider.is-white::-ms-track {
-  background: white !important;
+  background: hsl(0deg, 0%, 100%) !important;
 }
 input[type=range].slider.is-white::-ms-fill-lower {
-  background: white;
+  background: hsl(0deg, 0%, 100%);
 }
 input[type=range].slider.is-white::-ms-fill-upper {
-  background: white;
+  background: hsl(0deg, 0%, 100%);
 }
 input[type=range].slider.is-white.has-output + output,
 input[type=range].slider.is-white .has-output-tooltip + output {
-  background-color: white;
-  color: #0a0a0a;
+  background-color: hsl(0deg, 0%, 100%);
+  color: hsl(0deg, 0%, 4%);
 }
 input[type=range].slider.is-black::-moz-range-track {
-  background: #0a0a0a !important;
+  background: hsl(0deg, 0%, 4%) !important;
 }
 input[type=range].slider.is-black::-webkit-slider-runnable-track {
-  background: #0a0a0a !important;
+  background: hsl(0deg, 0%, 4%) !important;
 }
 input[type=range].slider.is-black::-ms-track {
-  background: #0a0a0a !important;
+  background: hsl(0deg, 0%, 4%) !important;
 }
 input[type=range].slider.is-black::-ms-fill-lower {
-  background: #0a0a0a;
+  background: hsl(0deg, 0%, 4%);
 }
 input[type=range].slider.is-black::-ms-fill-upper {
-  background: #0a0a0a;
+  background: hsl(0deg, 0%, 4%);
 }
 input[type=range].slider.is-black.has-output + output,
 input[type=range].slider.is-black .has-output-tooltip + output {
-  background-color: #0a0a0a;
-  color: white;
+  background-color: hsl(0deg, 0%, 4%);
+  color: hsl(0deg, 0%, 100%);
 }
 input[type=range].slider.is-light::-moz-range-track {
-  background: whitesmoke !important;
+  background: hsl(0deg, 0%, 96%) !important;
 }
 input[type=range].slider.is-light::-webkit-slider-runnable-track {
-  background: whitesmoke !important;
+  background: hsl(0deg, 0%, 96%) !important;
 }
 input[type=range].slider.is-light::-ms-track {
-  background: whitesmoke !important;
+  background: hsl(0deg, 0%, 96%) !important;
 }
 input[type=range].slider.is-light::-ms-fill-lower {
-  background: whitesmoke;
+  background: hsl(0deg, 0%, 96%);
 }
 input[type=range].slider.is-light::-ms-fill-upper {
-  background: whitesmoke;
+  background: hsl(0deg, 0%, 96%);
 }
 input[type=range].slider.is-light.has-output + output,
 input[type=range].slider.is-light .has-output-tooltip + output {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   color: rgba(0, 0, 0, 0.7);
 }
 input[type=range].slider.is-dark::-moz-range-track {
-  background: #363636 !important;
+  background: hsl(0deg, 0%, 21%) !important;
 }
 input[type=range].slider.is-dark::-webkit-slider-runnable-track {
-  background: #363636 !important;
+  background: hsl(0deg, 0%, 21%) !important;
 }
 input[type=range].slider.is-dark::-ms-track {
-  background: #363636 !important;
+  background: hsl(0deg, 0%, 21%) !important;
 }
 input[type=range].slider.is-dark::-ms-fill-lower {
-  background: #363636;
+  background: hsl(0deg, 0%, 21%);
 }
 input[type=range].slider.is-dark::-ms-fill-upper {
-  background: #363636;
+  background: hsl(0deg, 0%, 21%);
 }
 input[type=range].slider.is-dark.has-output + output,
 input[type=range].slider.is-dark .has-output-tooltip + output {
-  background-color: #363636;
+  background-color: hsl(0deg, 0%, 21%);
   color: #fff;
 }
 input[type=range].slider.is-primary::-moz-range-track {
@@ -7725,43 +7725,43 @@ input[type=range].slider.is-primary .has-output-tooltip + output {
   color: #fff;
 }
 input[type=range].slider.is-link::-moz-range-track {
-  background: #485fc7 !important;
+  background: hsl(229deg, 53%, 53%) !important;
 }
 input[type=range].slider.is-link::-webkit-slider-runnable-track {
-  background: #485fc7 !important;
+  background: hsl(229deg, 53%, 53%) !important;
 }
 input[type=range].slider.is-link::-ms-track {
-  background: #485fc7 !important;
+  background: hsl(229deg, 53%, 53%) !important;
 }
 input[type=range].slider.is-link::-ms-fill-lower {
-  background: #485fc7;
+  background: hsl(229deg, 53%, 53%);
 }
 input[type=range].slider.is-link::-ms-fill-upper {
-  background: #485fc7;
+  background: hsl(229deg, 53%, 53%);
 }
 input[type=range].slider.is-link.has-output + output,
 input[type=range].slider.is-link .has-output-tooltip + output {
-  background-color: #485fc7;
+  background-color: hsl(229deg, 53%, 53%);
   color: #fff;
 }
 input[type=range].slider.is-info::-moz-range-track {
-  background: #3e8ed0 !important;
+  background: hsl(207deg, 61%, 53%) !important;
 }
 input[type=range].slider.is-info::-webkit-slider-runnable-track {
-  background: #3e8ed0 !important;
+  background: hsl(207deg, 61%, 53%) !important;
 }
 input[type=range].slider.is-info::-ms-track {
-  background: #3e8ed0 !important;
+  background: hsl(207deg, 61%, 53%) !important;
 }
 input[type=range].slider.is-info::-ms-fill-lower {
-  background: #3e8ed0;
+  background: hsl(207deg, 61%, 53%);
 }
 input[type=range].slider.is-info::-ms-fill-upper {
-  background: #3e8ed0;
+  background: hsl(207deg, 61%, 53%);
 }
 input[type=range].slider.is-info.has-output + output,
 input[type=range].slider.is-info .has-output-tooltip + output {
-  background-color: #3e8ed0;
+  background-color: hsl(207deg, 61%, 53%);
   color: #fff;
 }
 input[type=range].slider.is-success::-moz-range-track {
@@ -7805,30 +7805,30 @@ input[type=range].slider.is-warning .has-output-tooltip + output {
   color: #fff;
 }
 input[type=range].slider.is-danger::-moz-range-track {
-  background: #f14668 !important;
+  background: hsl(348deg, 86%, 61%) !important;
 }
 input[type=range].slider.is-danger::-webkit-slider-runnable-track {
-  background: #f14668 !important;
+  background: hsl(348deg, 86%, 61%) !important;
 }
 input[type=range].slider.is-danger::-ms-track {
-  background: #f14668 !important;
+  background: hsl(348deg, 86%, 61%) !important;
 }
 input[type=range].slider.is-danger::-ms-fill-lower {
-  background: #f14668;
+  background: hsl(348deg, 86%, 61%);
 }
 input[type=range].slider.is-danger::-ms-fill-upper {
-  background: #f14668;
+  background: hsl(348deg, 86%, 61%);
 }
 input[type=range].slider.is-danger.has-output + output,
 input[type=range].slider.is-danger .has-output-tooltip + output {
-  background-color: #f14668;
+  background-color: hsl(348deg, 86%, 61%);
   color: #fff;
 }
 .on-loading {
   margin: auto;
   border-style: solid;
-  border-color: #dbdbdb;
+  border-color: hsl(0deg, 0%, 86%);
   border-top-color: #4c8da7;
   border-radius: 50%;
   -webkit-animation: spin 0.75s linear infinite;
@@ -8102,7 +8102,7 @@ button on-loading {
   max-height: 1024px;
   max-width: 1024px;
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
-  background: white;
+  background: hsl(0deg, 0%, 100%);
   display: flex;
   flex-direction: column;
 }
@@ -8112,11 +8112,11 @@ button on-loading {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: whitesmoke;
+  background: hsl(0deg, 0%, 96%);
 }
 .ob-annotation__signature-pad {
-  background: white;
+  background: hsl(0deg, 0%, 100%);
 }
 .ob-annotation__buttons {
@@ -8135,7 +8135,7 @@ button on-loading {
 .ob-annotation__buttons-colours {
   height: calc(0.5rem * 2 + 60px);
-  background: white;
+  background: hsl(0deg, 0%, 100%);
   overflow-x: auto;
   overflow-y: hidden;
 }
@@ -8661,10 +8661,10 @@ button on-loading {
   min-width: 0;
 }
 .ob-repeatable-set.odd > .ob-repeatable-set__container {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
 }
 .ob-repeatable-set.even > .ob-repeatable-set__container {
-  background-color: #fafafa;
+  background-color: hsl(0deg, 0%, 98%);
 }
 .ob-image__content {
@@ -8678,7 +8678,7 @@ button on-loading {
 .ob-files__box {
   position: relative;
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   height: 100%;
 }
@@ -8709,7 +8709,7 @@ button on-loading {
 }
 .ob-files__file-name {
-  background: #dbdbdb;
+  background: hsl(0deg, 0%, 86%);
   padding: 0.75rem;
   white-space: nowrap;
   display: flex;
@@ -8727,13 +8727,13 @@ button on-loading {
   height: auto;
   border-style: dashed;
   border-width: 3px;
-  border-color: #dbdbdb;
-  color: #dbdbdb;
-  background-color: whitesmoke;
+  border-color: hsl(0deg, 0%, 86%);
+  color: hsl(0deg, 0%, 86%);
+  background-color: hsl(0deg, 0%, 96%);
 }
 .ob-files__add-new-button:active, .ob-files__add-new-button:focus, .ob-files__add-new-button:hover {
-  border-color: #b5b5b5;
-  color: #b5b5b5;
+  border-color: hsl(0deg, 0%, 71%);
+  color: hsl(0deg, 0%, 71%);
 }
 .ob-files__menu-remove-hidden {
@@ -8745,8 +8745,8 @@ button on-loading {
 }
 .ob-number__output {
-  background-color: #b5b5b5;
-  color: white;
+  background-color: hsl(0deg, 0%, 71%);
+  color: hsl(0deg, 0%, 100%);
   text-align: center;
   padding: 0.5rem;
   border-radius: 4px;
@@ -8768,7 +8768,7 @@ button on-loading {
   margin: 0 auto;
   width: 0;
   height: 0;
-  border-top: solid 6px #b5b5b5;
+  border-top: solid 6px hsl(0deg, 0%, 71%);
   border-left: solid 6px transparent;
   border-right: solid 6px transparent;
   -webkit-transition: border-top-color 0.2s ease;
@@ -8851,7 +8851,7 @@ button on-loading {
   border-color: transparent;
 }
 .ob-form-container .steps .step-item.is-error .step-marker .material-icons {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
 }
 .ob-form-container .steps .steps-content {
   width: 100%;
@@ -8945,7 +8945,7 @@ button on-loading {
     height: 3rem;
     display: flex;
     align-items: center;
-    background-color: whitesmoke;
+    background-color: hsl(0deg, 0%, 96%);
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
     -webkit-transition: box-shadow 0.2s ease;
     -moz-transition: box-shadow 0.2s ease;
@@ -8991,7 +8991,7 @@ button on-loading {
     top: 3rem;
     right: 0;
     left: 0;
-    background-color: white;
+    background-color: hsl(0deg, 0%, 100%);
     box-shadow: none;
     max-height: 0;
     overflow-y: auto;
@@ -9009,7 +9009,7 @@ button on-loading {
   }
   .ob-steps-navigation__background.is-active {
-    background-color: #0a0a0a;
+    background-color: hsl(0deg, 0%, 4%);
     opacity: 0.2;
     z-index: 20;
     position: absolute;
@@ -9032,7 +9032,7 @@ button on-loading {
 input:not([type=checkbox]):not([type=radio]):disabled,
 textarea:disabled {
-  -webkit-text-fill-color: #7a7a7a;
+  -webkit-text-fill-color: hsl(0deg, 0%, 48%);
   -webkit-opacity: 1;
   opacity: 1;
 }
@@ -9145,7 +9145,7 @@ textarea:disabled {
 .ob-figure {
   position: relative;
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
   text-align: center;
   margin-bottom: 0.75rem;
   border-radius: 4px;
@@ -9257,10 +9257,10 @@ textarea:disabled {
 }
 .ob-compliance.odd > .ob-compliance__container {
-  background-color: white;
+  background-color: hsl(0deg, 0%, 100%);
 }
 .ob-compliance.even > .ob-compliance__container {
-  background-color: #fafafa;
+  background-color: hsl(0deg, 0%, 98%);
 }
 .ob-compliance__container {
@@ -9295,7 +9295,7 @@ textarea:disabled {
   padding: 1rem 0.5rem;
 }
 .ob-section__header:hover {
-  background-color: whitesmoke;
+  background-color: hsl(0deg, 0%, 96%);
 }
 .ob-section__header-text {
@@ -9525,6 +9525,10 @@ textarea:disabled {
 .flatpickr-months .flatpickr-prev-month,
 .flatpickr-months .flatpickr-next-month {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
   text-decoration: none;
   cursor: pointer;
   position: absolute;