@oneblink/apps-react 2.11.0-beta.1 → 2.11.0-beta.3

package/dist/styles.css

@@ -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: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 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 hsl(0deg, 0%, 86%);
+  border: 2px solid hsl(0, 0%, 86%);
   border-radius: 9999px;
   border-right-color: transparent;
   border-top-color: transparent;
@@ -258,7 +258,7 @@ th:not([align]) {
 }
 
 html {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   font-size: 16px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -296,14 +296,14 @@ pre {
 }
 
 body {
-  color: hsl(0deg, 0%, 29%);
+  color: hsl(0, 0%, 29%);
   font-size: 1em;
   font-weight: 400;
   line-height: 1.5;
 }
 
 a {
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 53%, 53%);
   cursor: pointer;
   text-decoration: none;
 }
@@ -311,11 +311,11 @@ a strong {
   color: currentColor;
 }
 a:hover {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 
 code {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   color: #da1039;
   font-size: 0.875em;
   font-weight: normal;
@@ -323,7 +323,7 @@ code {
 }
 
 hr {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   border: none;
   display: block;
   height: 2px;
@@ -350,7 +350,7 @@ span {
 }
 
 strong {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   font-weight: 700;
 }
 
@@ -360,8 +360,8 @@ fieldset {
 
 pre {
   -webkit-overflow-scrolling: touch;
-  background-color: hsl(0deg, 0%, 96%);
-  color: hsl(0deg, 0%, 29%);
+  background-color: hsl(0, 0%, 96%);
+  color: hsl(0, 0%, 29%);
   font-size: 0.875em;
   overflow-x: auto;
   padding: 1.25rem 1.5rem;
@@ -384,7 +384,7 @@ table th:not([align]) {
   text-align: inherit;
 }
 table th {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 
 @keyframes spinAround {
@@ -397,7 +397,7 @@ table th {
 }
 /* Bulma Helpers */
 .has-text-white {
-  color: hsl(0deg, 0%, 100%) !important;
+  color: hsl(0, 0%, 100%) !important;
 }
 
 a.has-text-white:hover, a.has-text-white:focus {
@@ -405,11 +405,11 @@ a.has-text-white:hover, a.has-text-white:focus {
 }
 
 .has-background-white {
-  background-color: hsl(0deg, 0%, 100%) !important;
+  background-color: hsl(0, 0%, 100%) !important;
 }
 
 .has-text-black {
-  color: hsl(0deg, 0%, 4%) !important;
+  color: hsl(0, 0%, 4%) !important;
 }
 
 a.has-text-black:hover, a.has-text-black:focus {
@@ -417,11 +417,11 @@ a.has-text-black:hover, a.has-text-black:focus {
 }
 
 .has-background-black {
-  background-color: hsl(0deg, 0%, 4%) !important;
+  background-color: hsl(0, 0%, 4%) !important;
 }
 
 .has-text-light {
-  color: hsl(0deg, 0%, 96%) !important;
+  color: hsl(0, 0%, 96%) !important;
 }
 
 a.has-text-light:hover, a.has-text-light:focus {
@@ -429,11 +429,11 @@ a.has-text-light:hover, a.has-text-light:focus {
 }
 
 .has-background-light {
-  background-color: hsl(0deg, 0%, 96%) !important;
+  background-color: hsl(0, 0%, 96%) !important;
 }
 
 .has-text-dark {
-  color: hsl(0deg, 0%, 21%) !important;
+  color: hsl(0, 0%, 21%) !important;
 }
 
 a.has-text-dark:hover, a.has-text-dark:focus {
@@ -441,7 +441,7 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 
 .has-background-dark {
-  background-color: hsl(0deg, 0%, 21%) !important;
+  background-color: hsl(0, 0%, 21%) !important;
 }
 
 .has-text-primary {
@@ -481,7 +481,7 @@ a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
 }
 
 .has-text-link {
-  color: hsl(229deg, 53%, 53%) !important;
+  color: hsl(229, 53%, 53%) !important;
 }
 
 a.has-text-link:hover, a.has-text-link:focus {
@@ -489,7 +489,7 @@ a.has-text-link:hover, a.has-text-link:focus {
 }
 
 .has-background-link {
-  background-color: hsl(229deg, 53%, 53%) !important;
+  background-color: hsl(229, 53%, 53%) !important;
 }
 
 .has-text-link-light {
@@ -517,7 +517,7 @@ a.has-text-link-dark:hover, a.has-text-link-dark:focus {
 }
 
 .has-text-info {
-  color: hsl(207deg, 61%, 53%) !important;
+  color: hsl(207, 61%, 53%) !important;
 }
 
 a.has-text-info:hover, a.has-text-info:focus {
@@ -525,7 +525,7 @@ a.has-text-info:hover, a.has-text-info:focus {
 }
 
 .has-background-info {
-  background-color: hsl(207deg, 61%, 53%) !important;
+  background-color: hsl(207, 61%, 53%) !important;
 }
 
 .has-text-info-light {
@@ -625,7 +625,7 @@ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
 }
 
 .has-text-danger {
-  color: hsl(348deg, 86%, 61%) !important;
+  color: hsl(348, 86%, 61%) !important;
 }
 
 a.has-text-danger:hover, a.has-text-danger:focus {
@@ -633,7 +633,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .has-background-danger {
-  background-color: hsl(348deg, 86%, 61%) !important;
+  background-color: hsl(348, 86%, 61%) !important;
 }
 
 .has-text-danger-light {
@@ -661,75 +661,75 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .has-text-black-bis {
-  color: hsl(0deg, 0%, 7%) !important;
+  color: hsl(0, 0%, 7%) !important;
 }
 
 .has-background-black-bis {
-  background-color: hsl(0deg, 0%, 7%) !important;
+  background-color: hsl(0, 0%, 7%) !important;
 }
 
 .has-text-black-ter {
-  color: hsl(0deg, 0%, 14%) !important;
+  color: hsl(0, 0%, 14%) !important;
 }
 
 .has-background-black-ter {
-  background-color: hsl(0deg, 0%, 14%) !important;
+  background-color: hsl(0, 0%, 14%) !important;
 }
 
 .has-text-grey-darker {
-  color: hsl(0deg, 0%, 21%) !important;
+  color: hsl(0, 0%, 21%) !important;
 }
 
 .has-background-grey-darker {
-  background-color: hsl(0deg, 0%, 21%) !important;
+  background-color: hsl(0, 0%, 21%) !important;
 }
 
 .has-text-grey-dark {
-  color: hsl(0deg, 0%, 29%) !important;
+  color: hsl(0, 0%, 29%) !important;
 }
 
 .has-background-grey-dark {
-  background-color: hsl(0deg, 0%, 29%) !important;
+  background-color: hsl(0, 0%, 29%) !important;
 }
 
 .has-text-grey {
-  color: hsl(0deg, 0%, 48%) !important;
+  color: hsl(0, 0%, 48%) !important;
 }
 
 .has-background-grey {
-  background-color: hsl(0deg, 0%, 48%) !important;
+  background-color: hsl(0, 0%, 48%) !important;
 }
 
 .has-text-grey-light {
-  color: hsl(0deg, 0%, 71%) !important;
+  color: hsl(0, 0%, 71%) !important;
 }
 
 .has-background-grey-light {
-  background-color: hsl(0deg, 0%, 71%) !important;
+  background-color: hsl(0, 0%, 71%) !important;
 }
 
 .has-text-grey-lighter {
-  color: hsl(0deg, 0%, 86%) !important;
+  color: hsl(0, 0%, 86%) !important;
 }
 
 .has-background-grey-lighter {
-  background-color: hsl(0deg, 0%, 86%) !important;
+  background-color: hsl(0, 0%, 86%) !important;
 }
 
 .has-text-white-ter {
-  color: hsl(0deg, 0%, 96%) !important;
+  color: hsl(0, 0%, 96%) !important;
 }
 
 .has-background-white-ter {
-  background-color: hsl(0deg, 0%, 96%) !important;
+  background-color: hsl(0, 0%, 96%) !important;
 }
 
 .has-text-white-bis {
-  color: hsl(0deg, 0%, 98%) !important;
+  color: hsl(0, 0%, 98%) !important;
 }
 
 .has-background-white-bis {
-  background-color: hsl(0deg, 0%, 98%) !important;
+  background-color: hsl(0, 0%, 98%) !important;
 }
 
 .is-flex-direction-row {
@@ -3909,10 +3909,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 /* Bulma Form */
 .select select, .textarea, .input {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 86%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 86%);
   border-radius: 4px;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
   color: rgba(54, 54, 54, 0.3);
@@ -3927,17 +3927,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: hsl(0deg, 0%, 71%);
+  border-color: hsl(0, 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: hsl(229deg, 53%, 53%);
+  border-color: hsl(229, 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: hsl(0deg, 0%, 96%);
-  border-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 48%);
+  color: hsl(0, 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);
@@ -3961,25 +3961,25 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none;
 }
 .is-white.textarea, .is-white.input {
-  border-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 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: hsl(0deg, 0%, 4%);
+  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);
 }
 .is-light.textarea, .is-light.input {
-  border-color: hsl(0deg, 0%, 96%);
+  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);
 }
 .is-dark.textarea, .is-dark.input {
-  border-color: hsl(0deg, 0%, 21%);
+  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);
@@ -3991,13 +3991,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: hsl(229deg, 53%, 53%);
+  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);
 }
 .is-info.textarea, .is-info.input {
-  border-color: hsl(207deg, 61%, 53%);
+  border-color: hsl(207, 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);
@@ -4015,7 +4015,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: hsl(348deg, 86%, 61%);
+  border-color: hsl(348, 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);
@@ -4080,12 +4080,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   cursor: pointer;
 }
 .radio:hover, .checkbox:hover {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
 .radio input[disabled],
 .checkbox input[disabled] {
-  color: hsl(0deg, 0%, 48%);
+  color: hsl(0, 0%, 48%);
   cursor: not-allowed;
 }
 
@@ -4103,7 +4103,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: hsl(229deg, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
   right: 1.125em;
   z-index: 4;
 }
@@ -4122,7 +4122,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: hsl(0deg, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
 }
 .select select:not([multiple]) {
   padding-right: 2.5em;
@@ -4135,13 +4135,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: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
 }
 .select.is-white:not(:hover)::after {
-  border-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
 }
 .select.is-white select {
-  border-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
 }
 .select.is-white select:hover, .select.is-white select.is-hovered {
   border-color: #f2f2f2;
@@ -4150,10 +4150,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: hsl(0deg, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
 }
 .select.is-black select {
-  border-color: hsl(0deg, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
 }
 .select.is-black select:hover, .select.is-black select.is-hovered {
   border-color: black;
@@ -4162,10 +4162,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: hsl(0deg, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
 }
 .select.is-light select {
-  border-color: hsl(0deg, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
 }
 .select.is-light select:hover, .select.is-light select.is-hovered {
   border-color: #e8e8e8;
@@ -4174,10 +4174,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: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
 }
 .select.is-dark select {
-  border-color: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
 }
 .select.is-dark select:hover, .select.is-dark select.is-hovered {
   border-color: #292929;
@@ -4198,10 +4198,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: hsl(229deg, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
 }
 .select.is-link select {
-  border-color: hsl(229deg, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
 }
 .select.is-link select:hover, .select.is-link select.is-hovered {
   border-color: #3a51bb;
@@ -4210,10 +4210,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: hsl(207deg, 61%, 53%);
+  border-color: hsl(207, 61%, 53%);
 }
 .select.is-info select {
-  border-color: hsl(207deg, 61%, 53%);
+  border-color: hsl(207, 61%, 53%);
 }
 .select.is-info select:hover, .select.is-info select.is-hovered {
   border-color: #3082c5;
@@ -4246,10 +4246,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: hsl(348deg, 86%, 61%);
+  border-color: hsl(348, 86%, 61%);
 }
 .select.is-danger select {
-  border-color: hsl(348deg, 86%, 61%);
+  border-color: hsl(348, 86%, 61%);
 }
 .select.is-danger select:hover, .select.is-danger select.is-hovered {
   border-color: #ef2e55;
@@ -4268,7 +4268,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   font-size: 1.5rem;
 }
 .select.is-disabled::after {
-  border-color: hsl(0deg, 0%, 48%) !important;
+  border-color: hsl(0, 0%, 48%) !important;
   opacity: 0.5;
 }
 .select.is-fullwidth {
@@ -4301,47 +4301,47 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   position: relative;
 }
 .file.is-white .file-cta {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: transparent;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
   background-color: #f9f9f9;
   border-color: transparent;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 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: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
   background-color: #f2f2f2;
   border-color: transparent;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .file.is-black .file-cta {
-  background-color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 4%);
   border-color: transparent;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
   background-color: #040404;
   border-color: transparent;
-  color: hsl(0deg, 0%, 100%);
+  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);
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
   background-color: black;
   border-color: transparent;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .file.is-light .file-cta {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -4361,7 +4361,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: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
   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-link .file-cta {
-  background-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -4421,7 +4421,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .file.is-info .file-cta {
-  background-color: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
   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-danger .file-cta {
-  background-color: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
   border-color: transparent;
   color: #fff;
 }
@@ -4598,14 +4598,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .file-label:hover .file-cta {
   background-color: #eeeeee;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .file-label:hover .file-name {
   border-color: #d5d5d5;
 }
 .file-label:active .file-cta {
   background-color: #e8e8e8;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .file-label:active .file-name {
   border-color: #cfcfcf;
@@ -4623,7 +4623,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .file-cta,
 .file-name {
-  border-color: hsl(0deg, 0%, 86%);
+  border-color: hsl(0, 0%, 86%);
   border-radius: 4px;
   font-size: 1em;
   padding-left: 1em;
@@ -4632,12 +4632,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .file-cta {
-  background-color: hsl(0deg, 0%, 96%);
-  color: hsl(0deg, 0%, 29%);
+  background-color: hsl(0, 0%, 96%);
+  color: hsl(0, 0%, 29%);
 }
 
 .file-name {
-  border-color: hsl(0deg, 0%, 86%);
+  border-color: hsl(0, 0%, 86%);
   border-style: solid;
   border-width: 1px 1px 1px 0;
   display: block;
@@ -4660,7 +4660,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .label {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   display: block;
   font-size: 1rem;
   font-weight: 300;
@@ -4684,25 +4684,25 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-top: 0.25rem;
 }
 .help.is-white {
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .help.is-black {
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .help.is-light {
-  color: hsl(0deg, 0%, 96%);
+  color: hsl(0, 0%, 96%);
 }
 .help.is-dark {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .help.is-primary {
   color: #4c8da7;
 }
 .help.is-link {
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 53%, 53%);
 }
 .help.is-info {
-  color: hsl(207deg, 61%, 53%);
+  color: hsl(207, 61%, 53%);
 }
 .help.is-success {
   color: #4caf50;
@@ -4711,7 +4711,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #ff6f00;
 }
 .help.is-danger {
-  color: hsl(348deg, 86%, 61%);
+  color: hsl(348, 86%, 61%);
 }
 
 .field:not(:last-child) {
@@ -4890,7 +4890,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: hsl(0deg, 0%, 29%);
+  color: hsl(0, 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,
@@ -4908,7 +4908,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: hsl(0deg, 0%, 86%);
+  color: hsl(0, 0%, 86%);
   height: 2.5em;
   pointer-events: none;
   position: absolute;
@@ -4994,7 +4994,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .number {
   align-items: center;
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   border-radius: 9999px;
   display: inline-flex;
   font-size: 1.25rem;
@@ -5008,10 +5008,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .button {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 86%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 86%);
   border-width: 1px;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   cursor: pointer;
   justify-content: center;
   padding-bottom: calc(0.5em - 1px);
@@ -5041,33 +5041,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: hsl(0deg, 0%, 71%);
-  color: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 71%);
+  color: hsl(0, 0%, 21%);
 }
 .button:focus, .button.is-focused {
-  border-color: hsl(229deg, 53%, 53%);
-  color: hsl(0deg, 0%, 21%);
+  border-color: hsl(229, 53%, 53%);
+  color: hsl(0, 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: hsl(0deg, 0%, 29%);
-  color: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 29%);
+  color: hsl(0, 0%, 21%);
 }
 .button.is-text {
   background-color: transparent;
   border-color: transparent;
-  color: hsl(0deg, 0%, 29%);
+  color: hsl(0, 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: hsl(0deg, 0%, 96%);
-  color: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 96%);
+  color: hsl(0, 0%, 21%);
 }
 .button.is-text:active, .button.is-text.is-active {
   background-color: #e8e8e8;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .button.is-text[disabled], fieldset[disabled] .button.is-text {
   background-color: transparent;
@@ -5077,26 +5077,26 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .button.is-ghost {
   background: none;
   border-color: transparent;
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 53%, 53%);
   text-decoration: none;
 }
 .button.is-ghost:hover, .button.is-ghost.is-hovered {
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 53%, 53%);
   text-decoration: underline;
 }
 .button.is-white {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: transparent;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white:hover, .button.is-white.is-hovered {
   background-color: #f9f9f9;
   border-color: transparent;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white:focus, .button.is-white.is-focused {
   border-color: transparent;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 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);
@@ -5104,82 +5104,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: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white[disabled], fieldset[disabled] .button.is-white {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
   box-shadow: none;
 }
 .button.is-white.is-inverted {
-  background-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 4%);
+  color: hsl(0, 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: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 4%);
   border-color: transparent;
   box-shadow: none;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-white.is-loading::after {
-  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
 }
 .button.is-white.is-outlined {
   background-color: transparent;
-  border-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
+  color: hsl(0, 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: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
 }
 .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
   background-color: transparent;
-  border-color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-white.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
+  color: hsl(0, 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: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 4%);
+  color: hsl(0, 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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 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: hsl(0deg, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black {
-  background-color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 4%);
   border-color: transparent;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-black:hover, .button.is-black.is-hovered {
   background-color: #040404;
   border-color: transparent;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-black:focus, .button.is-black.is-focused {
   border-color: transparent;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 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);
@@ -5187,71 +5187,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: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-black[disabled], fieldset[disabled] .button.is-black {
-  background-color: hsl(0deg, 0%, 4%);
-  border-color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
   box-shadow: none;
 }
 .button.is-black.is-inverted {
-  background-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
+  color: hsl(0, 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: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: transparent;
   box-shadow: none;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-loading::after {
-  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
 }
 .button.is-black.is-outlined {
   background-color: transparent;
-  border-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
+  color: hsl(0, 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: hsl(0deg, 0%, 4%);
-  border-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-black.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
 }
 .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
   background-color: transparent;
-  border-color: hsl(0deg, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
+  color: hsl(0, 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: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
+  color: hsl(0, 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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 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: hsl(0deg, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .button.is-light {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -5273,13 +5273,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: hsl(0deg, 0%, 96%);
-  border-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
   box-shadow: none;
 }
 .button.is-light.is-inverted {
   background-color: rgba(0, 0, 0, 0.7);
-  color: hsl(0deg, 0%, 96%);
+  color: hsl(0, 0%, 96%);
 }
 .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
   background-color: rgba(0, 0, 0, 0.7);
@@ -5288,32 +5288,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: hsl(0deg, 0%, 96%);
+  color: hsl(0, 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: hsl(0deg, 0%, 96%);
-  color: hsl(0deg, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
+  color: hsl(0, 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: hsl(0deg, 0%, 96%);
-  border-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
+  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 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: hsl(0deg, 0%, 96%);
+  border-color: hsl(0, 0%, 96%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 96%);
+  color: hsl(0, 0%, 96%);
 }
 .button.is-light.is-inverted.is-outlined {
   background-color: transparent;
@@ -5322,10 +5322,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: hsl(0deg, 0%, 96%);
+  color: hsl(0, 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 hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
+  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
 }
 .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
   background-color: transparent;
@@ -5334,7 +5334,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: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
   border-color: transparent;
   color: #fff;
 }
@@ -5356,13 +5356,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: hsl(0deg, 0%, 21%);
-  border-color: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
   box-shadow: none;
 }
 .button.is-dark.is-inverted {
   background-color: #fff;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5371,32 +5371,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 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: hsl(0deg, 0%, 21%);
-  color: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
+  color: hsl(0, 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: hsl(0deg, 0%, 21%);
-  border-color: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
   color: #fff;
 }
 .button.is-dark.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
+  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 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: hsl(0deg, 0%, 21%);
+  border-color: hsl(0, 0%, 21%);
   box-shadow: none;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .button.is-dark.is-inverted.is-outlined {
   background-color: transparent;
@@ -5405,10 +5405,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: hsl(0deg, 0%, 21%);
+  color: hsl(0, 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 hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
+  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
 }
 .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
   background-color: transparent;
@@ -5514,7 +5514,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #437c93;
 }
 .button.is-link {
-  background-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -5536,13 +5536,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: hsl(229deg, 53%, 53%);
-  border-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
   box-shadow: none;
 }
 .button.is-link.is-inverted {
   background-color: #fff;
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 53%, 53%);
 }
 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5551,32 +5551,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 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: hsl(229deg, 53%, 53%);
-  color: hsl(229deg, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
+  color: hsl(229, 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: hsl(229deg, 53%, 53%);
-  border-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 .button.is-link.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
+  border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 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: hsl(229deg, 53%, 53%);
+  border-color: hsl(229, 53%, 53%);
   box-shadow: none;
-  color: hsl(229deg, 53%, 53%);
+  color: hsl(229, 53%, 53%);
 }
 .button.is-link.is-inverted.is-outlined {
   background-color: transparent;
@@ -5585,10 +5585,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: hsl(229deg, 53%, 53%);
+  color: hsl(229, 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 hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
+  border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important;
 }
 .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
   background-color: transparent;
@@ -5611,7 +5611,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3850b7;
 }
 .button.is-info {
-  background-color: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
   border-color: transparent;
   color: #fff;
 }
@@ -5633,13 +5633,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: hsl(207deg, 61%, 53%);
-  border-color: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
+  border-color: hsl(207, 61%, 53%);
   box-shadow: none;
 }
 .button.is-info.is-inverted {
   background-color: #fff;
-  color: hsl(207deg, 61%, 53%);
+  color: hsl(207, 61%, 53%);
 }
 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5648,32 +5648,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: hsl(207deg, 61%, 53%);
+  color: hsl(207, 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: hsl(207deg, 61%, 53%);
-  color: hsl(207deg, 61%, 53%);
+  border-color: hsl(207, 61%, 53%);
+  color: hsl(207, 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: hsl(207deg, 61%, 53%);
-  border-color: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
+  border-color: hsl(207, 61%, 53%);
   color: #fff;
 }
 .button.is-info.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
+  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 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: hsl(207deg, 61%, 53%);
+  border-color: hsl(207, 61%, 53%);
   box-shadow: none;
-  color: hsl(207deg, 61%, 53%);
+  color: hsl(207, 61%, 53%);
 }
 .button.is-info.is-inverted.is-outlined {
   background-color: transparent;
@@ -5682,10 +5682,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: hsl(207deg, 61%, 53%);
+  color: hsl(207, 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 hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
+  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
 }
 .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
   background-color: transparent;
@@ -5902,7 +5902,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #c25400;
 }
 .button.is-danger {
-  background-color: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
   border-color: transparent;
   color: #fff;
 }
@@ -5924,13 +5924,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: hsl(348deg, 86%, 61%);
-  border-color: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
+  border-color: hsl(348, 86%, 61%);
   box-shadow: none;
 }
 .button.is-danger.is-inverted {
   background-color: #fff;
-  color: hsl(348deg, 86%, 61%);
+  color: hsl(348, 86%, 61%);
 }
 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -5939,32 +5939,32 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: hsl(348deg, 86%, 61%);
+  color: hsl(348, 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: hsl(348deg, 86%, 61%);
-  color: hsl(348deg, 86%, 61%);
+  border-color: hsl(348, 86%, 61%);
+  color: hsl(348, 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: hsl(348deg, 86%, 61%);
-  border-color: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
+  border-color: hsl(348, 86%, 61%);
   color: #fff;
 }
 .button.is-danger.is-outlined.is-loading::after {
-  border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
+  border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 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: hsl(348deg, 86%, 61%);
+  border-color: hsl(348, 86%, 61%);
   box-shadow: none;
-  color: hsl(348deg, 86%, 61%);
+  color: hsl(348, 86%, 61%);
 }
 .button.is-danger.is-inverted.is-outlined {
   background-color: transparent;
@@ -5973,10 +5973,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: hsl(348deg, 86%, 61%);
+  color: hsl(348, 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 hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
+  border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important;
 }
 .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
   background-color: transparent;
@@ -6014,8 +6014,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   font-size: 1.5rem;
 }
 .button[disabled], fieldset[disabled] .button {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 86%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 86%);
   box-shadow: none;
   opacity: 0.5;
 }
@@ -6034,9 +6034,9 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   position: absolute !important;
 }
 .button.is-static {
-  background-color: hsl(0deg, 0%, 96%);
-  border-color: hsl(0deg, 0%, 86%);
-  color: hsl(0deg, 0%, 48%);
+  background-color: hsl(0, 0%, 96%);
+  border-color: hsl(0, 0%, 86%);
+  color: hsl(0, 0%, 48%);
   box-shadow: none;
   pointer-events: none;
 }
@@ -6121,7 +6121,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
     font-size: 0.5625rem;
   }
   .button.is-responsive,
-.button.is-responsive.is-normal {
+  .button.is-responsive.is-normal {
     font-size: 0.65625rem;
   }
   .button.is-responsive.is-medium {
@@ -6136,7 +6136,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
     font-size: 0.65625rem;
   }
   .button.is-responsive,
-.button.is-responsive.is-normal {
+  .button.is-responsive.is-normal {
     font-size: 0.75rem;
   }
   .button.is-responsive.is-medium {
@@ -6170,7 +6170,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .title {
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
   font-size: 2rem;
   font-weight: 200;
   line-height: 1.125;
@@ -6205,13 +6205,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .subtitle {
-  color: hsl(0deg, 0%, 29%);
+  color: hsl(0, 0%, 29%);
   font-size: 1.25rem;
   font-weight: 400;
   line-height: 1.25;
 }
 .subtitle strong {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   font-weight: 600;
 }
 .subtitle:not(.is-spaced) + .title {
@@ -6240,7 +6240,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .notification {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   border-radius: 4px;
   position: relative;
   padding: 1.25rem 2.5rem 1.25rem 1.5rem;
@@ -6254,7 +6254,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .notification code,
 .notification pre {
-  background: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 100%);
 }
 .notification pre code {
   background: transparent;
@@ -6270,19 +6270,19 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: currentColor;
 }
 .notification.is-white {
-  background-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
+  color: hsl(0, 0%, 4%);
 }
 .notification.is-black {
-  background-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 4%);
+  color: hsl(0, 0%, 100%);
 }
 .notification.is-light {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   color: rgba(0, 0, 0, 0.7);
 }
 .notification.is-dark {
-  background-color: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
   color: #fff;
 }
 .notification.is-primary {
@@ -6294,7 +6294,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #437c93;
 }
 .notification.is-link {
-  background-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 .notification.is-link.is-light {
@@ -6302,7 +6302,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #3850b7;
 }
 .notification.is-info {
-  background-color: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
   color: #fff;
 }
 .notification.is-info.is-light {
@@ -6326,7 +6326,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #c25400;
 }
 .notification.is-danger {
-  background-color: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
   color: #fff;
 }
 .notification.is-danger.is-light {
@@ -6352,7 +6352,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .content h4,
 .content h5,
 .content h6 {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   font-weight: 600;
   line-height: 1.125;
 }
@@ -6390,8 +6390,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 1em;
 }
 .content blockquote {
-  background-color: hsl(0deg, 0%, 96%);
-  border-left: 5px solid hsl(0deg, 0%, 86%);
+  background-color: hsl(0, 0%, 96%);
+  border-left: 5px solid hsl(0, 0%, 86%);
   padding: 1.25em 1.5em;
 }
 .content ol {
@@ -6462,13 +6462,13 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .content table td,
 .content table th {
-  border: 1px solid hsl(0deg, 0%, 86%);
+  border: 1px solid hsl(0, 0%, 86%);
   border-width: 0 0 1px;
   padding: 0.5em 0.75em;
   vertical-align: top;
 }
 .content table th {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .content table th:not([align]) {
   text-align: inherit;
@@ -6476,12 +6476,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: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .content table tfoot td,
 .content table tfoot th {
   border-width: 2px 0 0;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
 }
 .content table tbody tr:last-child td,
 .content table tbody tr:last-child th {
@@ -6626,7 +6626,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .modal-background, .modal-background-faded {
-  background-color: hsl(0deg, 0%, 86%);
+  background-color: hsl(0, 0%, 86%);
 }
 
 .modal-content,
@@ -6639,7 +6639,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 @media screen and (min-width: 769px) {
   .modal-content,
-.modal-card {
+  .modal-card {
     margin: 0 auto;
     max-height: calc(100vh - 40px);
     width: 640px;
@@ -6666,7 +6666,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .modal-card-head,
 .modal-card-foot {
   align-items: center;
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   display: flex;
   flex-shrink: 0;
   justify-content: flex-start;
@@ -6681,7 +6681,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .modal-card-title {
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   flex-grow: 1;
   flex-shrink: 0;
   font-size: 1.5rem;
@@ -6699,7 +6699,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .modal-card-body {
   -webkit-overflow-scrolling: touch;
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   flex-grow: 1;
   flex-shrink: 1;
   overflow: auto;
@@ -6707,10 +6707,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .card {
-  background-color: hsl(0deg, 0%, 100%);
+  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);
-  color: hsl(0deg, 0%, 29%);
+  color: hsl(0, 0%, 29%);
   max-width: 100%;
   position: relative;
 }
@@ -6733,7 +6733,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .card-header-title {
   align-items: center;
-  color: hsl(0deg, 0%, 21%);
+  color: hsl(0, 0%, 21%);
   display: flex;
   flex-grow: 1;
   font-weight: 700;
@@ -6781,7 +6781,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .card-footer {
   background-color: transparent;
-  border-top: 1px solid hsl(0deg, 0%, 93%);
+  border-top: 1px solid hsl(0, 0%, 93%);
   align-items: stretch;
   display: flex;
 }
@@ -6796,7 +6796,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 hsl(0deg, 0%, 93%);
+  border-right: 1px solid hsl(0, 0%, 93%);
 }
 
 .card .media:not(:last-child) {
@@ -6833,7 +6833,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .dropdown-content {
-  background-color: hsl(0deg, 0%, 100%);
+  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);
   padding-bottom: 0.5rem;
@@ -6841,7 +6841,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .dropdown-item {
-  color: hsl(0deg, 0%, 29%);
+  color: hsl(0, 0%, 29%);
   display: block;
   font-size: 0.875rem;
   line-height: 1.5;
@@ -6858,17 +6858,17 @@ button.dropdown-item {
 }
 a.dropdown-item:hover,
 button.dropdown-item:hover {
-  background-color: hsl(0deg, 0%, 96%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 96%);
+  color: hsl(0, 0%, 4%);
 }
 a.dropdown-item.is-active,
 button.dropdown-item.is-active {
-  background-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 
 .dropdown-divider {
-  background-color: hsl(0deg, 0%, 93%);
+  background-color: hsl(0, 0%, 93%);
   border: none;
   display: block;
   height: 1px;
@@ -6901,18 +6901,18 @@ button.dropdown-item.is-active {
   position: absolute;
 }
 .steps .step-item::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #4c8da7 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #4c8da7 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
 .steps .step-item::before .step-marker {
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .steps .step-item.is-active::before {
   background-position: left bottom;
 }
 .steps .step-item.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: #4c8da7;
   color: #4c8da7;
 }
@@ -6920,7 +6920,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-completed .step-marker {
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
   background-color: #4c8da7;
 }
 .steps .step-item .step-marker {
@@ -6929,8 +6929,8 @@ button.dropdown-item.is-active {
   border-radius: 50%;
   font-weight: 700;
   justify-content: center;
-  background: hsl(0deg, 0%, 71%);
-  color: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 71%);
+  color: hsl(0, 0%, 100%);
   border: 0.2em solid #fff;
   z-index: 1;
 }
@@ -6938,7 +6938,7 @@ button.dropdown-item.is-active {
   text-align: center;
 }
 .steps .step-item.is-white::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 100%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 100%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6946,19 +6946,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-white.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 100%);
+  color: hsl(0, 0%, 100%);
 }
 .steps .step-item.is-white.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-white.is-completed .step-marker {
-  color: hsl(0deg, 0%, 4%);
-  background-color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
 }
 .steps .step-item.is-black::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 4%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 4%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6966,19 +6966,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-black.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 .steps .step-item.is-black.is-completed::before {
   background-position: left bottom;
 }
 .steps .step-item.is-black.is-completed .step-marker {
-  color: hsl(0deg, 0%, 100%);
-  background-color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 100%);
+  background-color: hsl(0, 0%, 4%);
 }
 .steps .step-item.is-light::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 96%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 96%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -6986,19 +6986,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-light.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 96%);
-  color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 96%);
+  color: hsl(0, 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: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
 }
 .steps .step-item.is-dark::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(0deg, 0%, 21%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 21%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7006,19 +7006,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-dark.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(0deg, 0%, 21%);
-  color: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 21%);
+  color: hsl(0, 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: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
 }
 .steps .step-item.is-primary::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #4c8da7 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #4c8da7 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7026,7 +7026,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-primary.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: #4c8da7;
   color: #4c8da7;
 }
@@ -7038,7 +7038,7 @@ button.dropdown-item.is-active {
   background-color: #4c8da7;
 }
 .steps .step-item.is-link::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(229deg, 53%, 53%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(229, 53%, 53%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7046,19 +7046,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-link.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(229deg, 53%, 53%);
-  color: hsl(229deg, 53%, 53%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(229, 53%, 53%);
+  color: hsl(229, 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: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
 }
 .steps .step-item.is-info::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(207deg, 61%, 53%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(207, 61%, 53%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7066,19 +7066,19 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-info.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(207deg, 61%, 53%);
-  color: hsl(207deg, 61%, 53%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(207, 61%, 53%);
+  color: hsl(207, 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: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
 }
 .steps .step-item.is-success::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #4caf50 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #4caf50 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7086,7 +7086,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-success.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: #4caf50;
   color: #4caf50;
 }
@@ -7098,7 +7098,7 @@ button.dropdown-item.is-active {
   background-color: #4caf50;
 }
 .steps .step-item.is-warning::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, #ff6f00 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #ff6f00 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7106,7 +7106,7 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-warning.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   border-color: #ff6f00;
   color: #ff6f00;
 }
@@ -7118,7 +7118,7 @@ button.dropdown-item.is-active {
   background-color: #ff6f00;
 }
 .steps .step-item.is-danger::before {
-  background: linear-gradient(to left, hsl(0deg, 0%, 86%) 50%, hsl(348deg, 86%, 61%) 50%);
+  background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(348, 86%, 61%) 50%);
   background-size: 200% 100%;
   background-position: right bottom;
 }
@@ -7126,16 +7126,16 @@ button.dropdown-item.is-active {
   background-position: left bottom;
 }
 .steps .step-item.is-danger.is-active .step-marker {
-  background-color: hsl(0deg, 0%, 100%);
-  border-color: hsl(348deg, 86%, 61%);
-  color: hsl(348deg, 86%, 61%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(348, 86%, 61%);
+  color: hsl(348, 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: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
 }
 .steps .steps-content {
   align-items: stretch;
@@ -7309,7 +7309,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: hsl(0deg, 0%, 29%);
+  background: hsl(0, 0%, 29%);
   border-radius: 4px;
   padding: 0.4rem 0.8rem;
   font-size: 0.75rem;
@@ -7317,7 +7317,7 @@ input[type=range].slider:not([orient=vertical]).has-output + output, input[type=
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: hsl(0deg, 0%, 100%);
+  color: hsl(0, 0%, 100%);
   overflow: hidden;
   pointer-events: none;
   z-index: 200;
@@ -7359,33 +7359,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 hsl(0deg, 0%, 48%);
-  background: hsl(0deg, 0%, 86%);
+  box-shadow: 0px 0px 0px hsl(0, 0%, 48%);
+  background: hsl(0, 0%, 86%);
   border-radius: 4px;
-  border: 0px solid hsl(0deg, 0%, 48%);
+  border: 0px solid hsl(0, 0%, 48%);
 }
 input[type=range].slider::-moz-range-track {
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px hsl(0deg, 0%, 48%);
-  background: hsl(0deg, 0%, 86%);
+  box-shadow: 0px 0px 0px hsl(0, 0%, 48%);
+  background: hsl(0, 0%, 86%);
   border-radius: 4px;
-  border: 0px solid hsl(0deg, 0%, 48%);
+  border: 0px solid hsl(0, 0%, 48%);
 }
 input[type=range].slider::-ms-track {
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px hsl(0deg, 0%, 48%);
-  background: hsl(0deg, 0%, 86%);
+  box-shadow: 0px 0px 0px hsl(0, 0%, 48%);
+  background: hsl(0, 0%, 86%);
   border-radius: 4px;
-  border: 0px solid hsl(0deg, 0%, 48%);
+  border: 0px solid hsl(0, 0%, 48%);
 }
 input[type=range].slider::-ms-fill-lower {
-  background: hsl(0deg, 0%, 86%);
+  background: hsl(0, 0%, 86%);
   border-radius: 4px;
 }
 input[type=range].slider::-ms-fill-upper {
-  background: hsl(0deg, 0%, 86%);
+  background: hsl(0, 0%, 86%);
   border-radius: 4px;
 }
 input[type=range].slider::-webkit-slider-thumb {
@@ -7619,83 +7619,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: hsl(0deg, 0%, 100%) !important;
+  background: hsl(0, 0%, 100%) !important;
 }
 input[type=range].slider.is-white::-webkit-slider-runnable-track {
-  background: hsl(0deg, 0%, 100%) !important;
+  background: hsl(0, 0%, 100%) !important;
 }
 input[type=range].slider.is-white::-ms-track {
-  background: hsl(0deg, 0%, 100%) !important;
+  background: hsl(0, 0%, 100%) !important;
 }
 input[type=range].slider.is-white::-ms-fill-lower {
-  background: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 100%);
 }
 input[type=range].slider.is-white::-ms-fill-upper {
-  background: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 100%);
 }
 input[type=range].slider.is-white.has-output + output,
 input[type=range].slider.is-white .has-output-tooltip + output {
-  background-color: hsl(0deg, 0%, 100%);
-  color: hsl(0deg, 0%, 4%);
+  background-color: hsl(0, 0%, 100%);
+  color: hsl(0, 0%, 4%);
 }
 input[type=range].slider.is-black::-moz-range-track {
-  background: hsl(0deg, 0%, 4%) !important;
+  background: hsl(0, 0%, 4%) !important;
 }
 input[type=range].slider.is-black::-webkit-slider-runnable-track {
-  background: hsl(0deg, 0%, 4%) !important;
+  background: hsl(0, 0%, 4%) !important;
 }
 input[type=range].slider.is-black::-ms-track {
-  background: hsl(0deg, 0%, 4%) !important;
+  background: hsl(0, 0%, 4%) !important;
 }
 input[type=range].slider.is-black::-ms-fill-lower {
-  background: hsl(0deg, 0%, 4%);
+  background: hsl(0, 0%, 4%);
 }
 input[type=range].slider.is-black::-ms-fill-upper {
-  background: hsl(0deg, 0%, 4%);
+  background: hsl(0, 0%, 4%);
 }
 input[type=range].slider.is-black.has-output + output,
 input[type=range].slider.is-black .has-output-tooltip + output {
-  background-color: hsl(0deg, 0%, 4%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 4%);
+  color: hsl(0, 0%, 100%);
 }
 input[type=range].slider.is-light::-moz-range-track {
-  background: hsl(0deg, 0%, 96%) !important;
+  background: hsl(0, 0%, 96%) !important;
 }
 input[type=range].slider.is-light::-webkit-slider-runnable-track {
-  background: hsl(0deg, 0%, 96%) !important;
+  background: hsl(0, 0%, 96%) !important;
 }
 input[type=range].slider.is-light::-ms-track {
-  background: hsl(0deg, 0%, 96%) !important;
+  background: hsl(0, 0%, 96%) !important;
 }
 input[type=range].slider.is-light::-ms-fill-lower {
-  background: hsl(0deg, 0%, 96%);
+  background: hsl(0, 0%, 96%);
 }
 input[type=range].slider.is-light::-ms-fill-upper {
-  background: hsl(0deg, 0%, 96%);
+  background: hsl(0, 0%, 96%);
 }
 input[type=range].slider.is-light.has-output + output,
 input[type=range].slider.is-light .has-output-tooltip + output {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   color: rgba(0, 0, 0, 0.7);
 }
 input[type=range].slider.is-dark::-moz-range-track {
-  background: hsl(0deg, 0%, 21%) !important;
+  background: hsl(0, 0%, 21%) !important;
 }
 input[type=range].slider.is-dark::-webkit-slider-runnable-track {
-  background: hsl(0deg, 0%, 21%) !important;
+  background: hsl(0, 0%, 21%) !important;
 }
 input[type=range].slider.is-dark::-ms-track {
-  background: hsl(0deg, 0%, 21%) !important;
+  background: hsl(0, 0%, 21%) !important;
 }
 input[type=range].slider.is-dark::-ms-fill-lower {
-  background: hsl(0deg, 0%, 21%);
+  background: hsl(0, 0%, 21%);
 }
 input[type=range].slider.is-dark::-ms-fill-upper {
-  background: hsl(0deg, 0%, 21%);
+  background: hsl(0, 0%, 21%);
 }
 input[type=range].slider.is-dark.has-output + output,
 input[type=range].slider.is-dark .has-output-tooltip + output {
-  background-color: hsl(0deg, 0%, 21%);
+  background-color: hsl(0, 0%, 21%);
   color: #fff;
 }
 input[type=range].slider.is-primary::-moz-range-track {
@@ -7719,43 +7719,43 @@ input[type=range].slider.is-primary .has-output-tooltip + output {
   color: #fff;
 }
 input[type=range].slider.is-link::-moz-range-track {
-  background: hsl(229deg, 53%, 53%) !important;
+  background: hsl(229, 53%, 53%) !important;
 }
 input[type=range].slider.is-link::-webkit-slider-runnable-track {
-  background: hsl(229deg, 53%, 53%) !important;
+  background: hsl(229, 53%, 53%) !important;
 }
 input[type=range].slider.is-link::-ms-track {
-  background: hsl(229deg, 53%, 53%) !important;
+  background: hsl(229, 53%, 53%) !important;
 }
 input[type=range].slider.is-link::-ms-fill-lower {
-  background: hsl(229deg, 53%, 53%);
+  background: hsl(229, 53%, 53%);
 }
 input[type=range].slider.is-link::-ms-fill-upper {
-  background: hsl(229deg, 53%, 53%);
+  background: hsl(229, 53%, 53%);
 }
 input[type=range].slider.is-link.has-output + output,
 input[type=range].slider.is-link .has-output-tooltip + output {
-  background-color: hsl(229deg, 53%, 53%);
+  background-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 input[type=range].slider.is-info::-moz-range-track {
-  background: hsl(207deg, 61%, 53%) !important;
+  background: hsl(207, 61%, 53%) !important;
 }
 input[type=range].slider.is-info::-webkit-slider-runnable-track {
-  background: hsl(207deg, 61%, 53%) !important;
+  background: hsl(207, 61%, 53%) !important;
 }
 input[type=range].slider.is-info::-ms-track {
-  background: hsl(207deg, 61%, 53%) !important;
+  background: hsl(207, 61%, 53%) !important;
 }
 input[type=range].slider.is-info::-ms-fill-lower {
-  background: hsl(207deg, 61%, 53%);
+  background: hsl(207, 61%, 53%);
 }
 input[type=range].slider.is-info::-ms-fill-upper {
-  background: hsl(207deg, 61%, 53%);
+  background: hsl(207, 61%, 53%);
 }
 input[type=range].slider.is-info.has-output + output,
 input[type=range].slider.is-info .has-output-tooltip + output {
-  background-color: hsl(207deg, 61%, 53%);
+  background-color: hsl(207, 61%, 53%);
   color: #fff;
 }
 input[type=range].slider.is-success::-moz-range-track {
@@ -7799,30 +7799,30 @@ input[type=range].slider.is-warning .has-output-tooltip + output {
   color: #fff;
 }
 input[type=range].slider.is-danger::-moz-range-track {
-  background: hsl(348deg, 86%, 61%) !important;
+  background: hsl(348, 86%, 61%) !important;
 }
 input[type=range].slider.is-danger::-webkit-slider-runnable-track {
-  background: hsl(348deg, 86%, 61%) !important;
+  background: hsl(348, 86%, 61%) !important;
 }
 input[type=range].slider.is-danger::-ms-track {
-  background: hsl(348deg, 86%, 61%) !important;
+  background: hsl(348, 86%, 61%) !important;
 }
 input[type=range].slider.is-danger::-ms-fill-lower {
-  background: hsl(348deg, 86%, 61%);
+  background: hsl(348, 86%, 61%);
 }
 input[type=range].slider.is-danger::-ms-fill-upper {
-  background: hsl(348deg, 86%, 61%);
+  background: hsl(348, 86%, 61%);
 }
 input[type=range].slider.is-danger.has-output + output,
 input[type=range].slider.is-danger .has-output-tooltip + output {
-  background-color: hsl(348deg, 86%, 61%);
+  background-color: hsl(348, 86%, 61%);
   color: #fff;
 }
 
 .on-loading {
   margin: auto;
   border-style: solid;
-  border-color: hsl(0deg, 0%, 86%);
+  border-color: hsl(0, 0%, 86%);
   border-top-color: #4c8da7;
   border-radius: 50%;
   -webkit-animation: spin 0.75s linear infinite; /* Safari, Chrome and Opera > 12.1 */
@@ -8084,7 +8084,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: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 100%);
   display: flex;
   flex-direction: column;
 }
@@ -8094,11 +8094,11 @@ button on-loading {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: hsl(0deg, 0%, 96%);
+  background: hsl(0, 0%, 96%);
 }
 
 .ob-annotation__signature-pad {
-  background: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 100%);
 }
 
 .ob-annotation__buttons {
@@ -8117,7 +8117,7 @@ button on-loading {
 
 .ob-annotation__buttons-colours {
   height: calc(0.5rem * 2 + 60px);
-  background: hsl(0deg, 0%, 100%);
+  background: hsl(0, 0%, 100%);
   overflow-x: auto;
   overflow-y: hidden;
 }
@@ -8635,10 +8635,10 @@ button on-loading {
   min-width: 0;
 }
 .ob-repeatable-set.odd > .ob-repeatable-set__container {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
 }
 .ob-repeatable-set.even > .ob-repeatable-set__container {
-  background-color: hsl(0deg, 0%, 98%);
+  background-color: hsl(0, 0%, 98%);
 }
 
 .ob-image__content {
@@ -8652,7 +8652,7 @@ button on-loading {
 
 .ob-files__box {
   position: relative;
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   height: 100%;
 }
 
@@ -8683,7 +8683,7 @@ button on-loading {
 }
 
 .ob-files__file-name {
-  background: hsl(0deg, 0%, 86%);
+  background: hsl(0, 0%, 86%);
   padding: 0.75rem;
   white-space: nowrap;
   display: flex;
@@ -8702,13 +8702,13 @@ button on-loading {
   height: auto;
   border-style: dashed;
   border-width: 3px;
-  border-color: hsl(0deg, 0%, 86%);
-  color: hsl(0deg, 0%, 86%);
-  background-color: hsl(0deg, 0%, 96%);
+  border-color: hsl(0, 0%, 86%);
+  color: hsl(0, 0%, 86%);
+  background-color: hsl(0, 0%, 96%);
 }
 .ob-files__add-new-button:active, .ob-files__add-new-button:focus, .ob-files__add-new-button:hover {
-  border-color: hsl(0deg, 0%, 71%);
-  color: hsl(0deg, 0%, 71%);
+  border-color: hsl(0, 0%, 71%);
+  color: hsl(0, 0%, 71%);
 }
 
 .ob-files__menu-remove-hidden {
@@ -8720,8 +8720,8 @@ button on-loading {
 }
 
 .ob-number__output {
-  background-color: hsl(0deg, 0%, 71%);
-  color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 71%);
+  color: hsl(0, 0%, 100%);
   text-align: center;
   padding: 0.5rem;
   border-radius: 4px;
@@ -8743,7 +8743,7 @@ button on-loading {
   margin: 0 auto;
   width: 0;
   height: 0;
-  border-top: solid 6px hsl(0deg, 0%, 71%);
+  border-top: solid 6px hsl(0, 0%, 71%);
   border-left: solid 6px transparent;
   border-right: solid 6px transparent;
   -webkit-transition: border-top-color 0.2s ease;
@@ -8826,7 +8826,7 @@ button on-loading {
   border-color: transparent;
 }
 .ob-form-container .steps .step-item.is-error .step-marker .material-icons {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
 }
 .ob-form-container .steps .steps-content {
   width: 100%;
@@ -8918,7 +8918,7 @@ button on-loading {
     height: 3rem;
     display: flex;
     align-items: center;
-    background-color: hsl(0deg, 0%, 96%);
+    background-color: hsl(0, 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;
@@ -8963,7 +8963,7 @@ button on-loading {
     top: 3rem;
     right: 0;
     left: 0;
-    background-color: hsl(0deg, 0%, 100%);
+    background-color: hsl(0, 0%, 100%);
     box-shadow: none;
     max-height: 0;
     overflow-y: auto;
@@ -8980,7 +8980,7 @@ button on-loading {
     padding: 1.5rem;
   }
   .ob-steps-navigation__background.is-active {
-    background-color: hsl(0deg, 0%, 4%);
+    background-color: hsl(0, 0%, 4%);
     opacity: 0.2;
     z-index: 20;
     position: absolute;
@@ -9003,7 +9003,7 @@ button on-loading {
 
 input:not([type=checkbox]):not([type=radio]):disabled,
 textarea:disabled {
-  -webkit-text-fill-color: hsl(0deg, 0%, 48%);
+  -webkit-text-fill-color: hsl(0, 0%, 48%);
   -webkit-opacity: 1;
   opacity: 1;
 }
@@ -9116,7 +9116,7 @@ textarea:disabled {
 
 .ob-figure {
   position: relative;
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
   text-align: center;
   margin-bottom: 0.75rem;
   border-radius: 4px;
@@ -9235,10 +9235,10 @@ textarea:disabled {
 }
 
 .ob-compliance.odd > .ob-compliance__container {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
 }
 .ob-compliance.even > .ob-compliance__container {
-  background-color: hsl(0deg, 0%, 98%);
+  background-color: hsl(0, 0%, 98%);
 }
 
 .ob-compliance__container {
@@ -9274,7 +9274,7 @@ textarea:disabled {
   flex-wrap: wrap;
 }
 .ob-section__header:hover {
-  background-color: hsl(0deg, 0%, 96%);
+  background-color: hsl(0, 0%, 96%);
 }
 
 .ob-section__header-text {
@@ -9332,13 +9332,13 @@ textarea:disabled {
   width: 100%;
 }
 .ob-list.has-dividers .ob-list__item:not(:last-child) {
-  border-bottom: 1px solid hsl(0deg, 0%, 86%);
+  border-bottom: 1px solid hsl(0, 0%, 86%);
 }
 .ob-list.has-borders {
-  border: 1px solid hsl(0deg, 0%, 86%);
+  border: 1px solid hsl(0, 0%, 86%);
 }
 .ob-list.has-shadow {
-  background-color: hsl(0deg, 0%, 100%);
+  background-color: hsl(0, 0%, 100%);
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 
@@ -9351,7 +9351,7 @@ textarea:disabled {
   cursor: pointer;
 }
 .ob-list__item.is-clickable:hover {
-  background-color: hsl(0deg, 0%, 98%);
+  background-color: hsl(0, 0%, 98%);
 }
 .ob-list__item.is-clickable:focus {
   outline: none;
@@ -9386,13 +9386,13 @@ textarea:disabled {
 }
 
 .ob-list__text-primary {
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
 }
 
 .ob-list__text-tertiary,
 .ob-list__text-secondary {
   font-size: 0.8rem;
-  color: hsl(0deg, 0%, 48%);
+  color: hsl(0, 0%, 48%);
 }
 
 .ob-button.ob-list__button {
@@ -9402,7 +9402,7 @@ textarea:disabled {
 .ob-list__key {
   padding-right: 1rem;
   width: 120px;
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
   word-break: break-word;
 }
 
@@ -9436,7 +9436,7 @@ textarea:disabled {
 }
 
 .ob-payment-receipt__warning .ob-list__text-secondary {
-  color: hsl(0deg, 0%, 4%);
+  color: hsl(0, 0%, 4%);
   font-weight: bold;
   font-size: 1rem;
 }
@@ -9446,7 +9446,7 @@ textarea:disabled {
 }
 
 .ob-payment-receipt__warning {
-  background-color: hsl(38deg, 100%, 50%);
+  background-color: hsl(38, 100%, 50%);
 }
 
 .buttons {