accrete 0.0.21__py3-none-any.whl → 0.0.23__py3-none-any.whl

accrete/contrib/ui/static/css/accrete.css

@@ -1,21 +1,9 @@
 @charset "UTF-8";
-.columns {
-  margin: 0 !important;
-}
-
-.columns:last-child {
-  margin-bottom: 0;
-}
-
-.main-columns {
+#main {
   padding-top: 3rem;
   height: 100vh;
 }
 
-.column {
-  padding: 0 !important;
-}
-
 td > a {
   display: block;
   width: 100%;
@@ -25,6 +13,18 @@ td, th {
   font-size: 0.9em;
 }
 
+td {
+  vertical-align: middle !important;
+}
+
+.side-panel {
+  min-width: 320px;
+  max-width: 320px;
+  position: sticky;
+  top: 0;
+  height: 100%;
+}
+
 .side-panel * .panel-block:not(:last-child) {
   border-bottom: none !important;
 }
@@ -131,7 +131,7 @@ select:focus {
   flex-direction: column;
   justify-content: end;
   font-weight: 300;
-  word-break: break-all;
+  word-break: break-word;
   padding: 12px 12px 12px 0;
 }
 
@@ -139,14 +139,77 @@ select:focus {
   font-weight: 700;
 }
 
+.label.is-detail {
+  font-weight: 400;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.label.is-detail > div {
+  border-bottom: 1px #ccc solid;
+  font-weight: 300;
+}
+
+.label.is-detail:hover > div {
+  border-bottom: 1px #1e1f22 solid;
+  font-weight: 300;
+}
+
+.label.is-detail * p {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding-left: 0.5em;
+  min-height: 2.5em;
+}
+
+.label.is-detail * a.button {
+  border: transparent;
+}
+
+.label.is-detail * a.button:first-child {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.responsive-heading {
+  display: none;
+}
+
+.htmx-settling progress {
+  opacity: 0;
+}
+
+progress {
+  transition: opacity 300ms ease-in;
+}
+
 @media screen and (max-width: 768px) {
   .label.has-field {
     padding: 12px 0 12px 0;
   }
-}
-@media screen and (max-width: 1407px) {
-  td, th {
+  table.hax-box * td {
+    width: 100%;
+    float: left;
+    text-align: left !important;
+    border: transparent !important;
     font-size: 1em;
+    padding-left: 1rem !important;
+  }
+  table.hax-box * tr {
+    margin-bottom: 10px;
+    display: inline-block;
+    width: 100%;
+    border: 1px #ccc solid;
+    border-radius: 6px;
+  }
+  table.hax-box > thead {
+    display: none;
+  }
+  table.hax-box * td.responsive-heading {
+    display: block;
+    padding-left: 0.5rem !important;
   }
 }
 /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
@@ -681,16 +744,16 @@ a.box:active {
 .button.is-white {
   background-color: hsl(0, 0%, 100%);
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white:hover, .button.is-white.is-hovered {
   background-color: #f9f9f9;
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white:focus, .button.is-white.is-focused {
   border-color: transparent;
-  color: #0a0a0a;
+  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);
@@ -698,7 +761,7 @@ a.box:active {
 .button.is-white:active, .button.is-white.is-active {
   background-color: #f2f2f2;
   border-color: transparent;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white[disabled], fieldset[disabled] .button.is-white {
   background-color: hsl(0, 0%, 100%);
@@ -706,20 +769,20 @@ a.box:active {
   box-shadow: none;
 }
 .button.is-white.is-inverted {
-  background-color: #0a0a0a;
+  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: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   border-color: transparent;
   box-shadow: none;
   color: hsl(0, 0%, 100%);
 }
 .button.is-white.is-loading::after {
-  border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
 }
 .button.is-white.is-outlined {
   background-color: transparent;
@@ -729,13 +792,13 @@ a.box:active {
 .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(0, 0%, 100%);
   border-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-white.is-outlined.is-loading::after {
   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 #0a0a0a #0a0a0a !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;
@@ -745,11 +808,11 @@ a.box:active {
 }
 .button.is-white.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: #0a0a0a;
-  color: #0a0a0a;
+  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: #0a0a0a;
+  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 {
@@ -757,12 +820,12 @@ a.box:active {
 }
 .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(0, 0%, 4%);
   box-shadow: none;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -784,13 +847,13 @@ a.box:active {
   color: hsl(0, 0%, 100%);
 }
 .button.is-black[disabled], fieldset[disabled] .button.is-black {
-  background-color: #0a0a0a;
-  border-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
   box-shadow: none;
 }
 .button.is-black.is-inverted {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -799,32 +862,32 @@ a.box:active {
   background-color: hsl(0, 0%, 100%);
   border-color: transparent;
   box-shadow: none;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-loading::after {
   border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
 }
 .button.is-black.is-outlined {
   background-color: transparent;
-  border-color: #0a0a0a;
-  color: #0a0a0a;
+  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: #0a0a0a;
-  border-color: #0a0a0a;
+  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 #0a0a0a #0a0a0a !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(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: #0a0a0a;
+  border-color: hsl(0, 0%, 4%);
   box-shadow: none;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-inverted.is-outlined {
   background-color: transparent;
@@ -833,10 +896,10 @@ a.box:active {
 }
 .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(0, 0%, 100%);
-  color: #0a0a0a;
+  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 #0a0a0a #0a0a0a !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;
@@ -1302,12 +1365,12 @@ a.box:active {
   color: #296fa8;
 }
 .button.is-success {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   border-color: transparent;
   color: #fff;
 }
 .button.is-success:hover, .button.is-success.is-hovered {
-  background-color: #3ec488;
+  background-color: #3ec487;
   border-color: transparent;
   color: #fff;
 }
@@ -1319,18 +1382,18 @@ a.box:active {
   box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
 }
 .button.is-success:active, .button.is-success.is-active {
-  background-color: #3abc81;
+  background-color: #3abb81;
   border-color: transparent;
   color: #fff;
 }
 .button.is-success[disabled], fieldset[disabled] .button.is-success {
-  background-color: #48c78e;
-  border-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
+  border-color: hsl(153, 53%, 53%);
   box-shadow: none;
 }
 .button.is-success.is-inverted {
   background-color: #fff;
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -1339,32 +1402,32 @@ a.box:active {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .button.is-success.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #48c78e;
-  color: #48c78e;
+  border-color: hsl(153, 53%, 53%);
+  color: hsl(153, 53%, 53%);
 }
 .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
-  background-color: #48c78e;
-  border-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
+  border-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .button.is-success.is-outlined.is-loading::after {
-  border-color: transparent transparent #48c78e #48c78e !important;
+  border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important;
 }
 .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #48c78e;
+  border-color: hsl(153, 53%, 53%);
   box-shadow: none;
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .button.is-success.is-inverted.is-outlined {
   background-color: transparent;
@@ -1373,10 +1436,10 @@ a.box:active {
 }
 .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #48c78e #48c78e !important;
+  border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important;
 }
 .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
   background-color: transparent;
@@ -2131,10 +2194,10 @@ div.icon-text {
 }
 .notification.is-white {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .notification.is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .notification.is-light {
@@ -2170,7 +2233,7 @@ div.icon-text {
   color: #296fa8;
 }
 .notification.is-success {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .notification.is-success.is-light {
@@ -2231,16 +2294,16 @@ div.icon-text {
   background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%);
 }
 .progress.is-black::-webkit-progress-value {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
 }
 .progress.is-black::-moz-progress-bar {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
 }
 .progress.is-black::-ms-fill {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
 }
 .progress.is-black:indeterminate {
-  background-image: linear-gradient(to right, #0a0a0a 30%, hsl(0, 0%, 93%) 30%);
+  background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%);
 }
 .progress.is-light::-webkit-progress-value {
   background-color: hsl(0, 0%, 96%);
@@ -2303,16 +2366,16 @@ div.icon-text {
   background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, hsl(0, 0%, 93%) 30%);
 }
 .progress.is-success::-webkit-progress-value {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
 }
 .progress.is-success::-moz-progress-bar {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
 }
 .progress.is-success::-ms-fill {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
 }
 .progress.is-success:indeterminate {
-  background-image: linear-gradient(to right, #48c78e 30%, hsl(0, 0%, 93%) 30%);
+  background-image: linear-gradient(to right, hsl(153, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%);
 }
 .progress.is-warning::-webkit-progress-value {
   background-color: hsl(44, 100%, 77%);
@@ -2391,12 +2454,12 @@ div.icon-text {
 .table th.is-white {
   background-color: hsl(0, 0%, 100%);
   border-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .table td.is-black,
 .table th.is-black {
-  background-color: #0a0a0a;
-  border-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .table td.is-light,
@@ -2431,8 +2494,8 @@ div.icon-text {
 }
 .table td.is-success,
 .table th.is-success {
-  background-color: #48c78e;
-  border-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
+  border-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .table td.is-warning,
@@ -2617,10 +2680,10 @@ div.icon-text {
 }
 .tag:not(body).is-white {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .tag:not(body).is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .tag:not(body).is-light {
@@ -2656,7 +2719,7 @@ div.icon-text {
   color: #296fa8;
 }
 .tag:not(body).is-success {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .tag:not(body).is-success.is-light {
@@ -2914,7 +2977,7 @@ a.tag:hover {
   box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
 }
 .is-black.textarea, .is-black.input {
-  border-color: #0a0a0a;
+  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: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
@@ -2950,7 +3013,7 @@ a.tag:hover {
   box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
 }
 .is-success.textarea, .is-success.input {
-  border-color: #48c78e;
+  border-color: hsl(153, 53%, 53%);
 }
 .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
   box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
@@ -3097,10 +3160,10 @@ a.tag:hover {
   box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
 }
 .select.is-black:not(:hover)::after {
-  border-color: #0a0a0a;
+  border-color: hsl(0, 0%, 4%);
 }
 .select.is-black select {
-  border-color: #0a0a0a;
+  border-color: hsl(0, 0%, 4%);
 }
 .select.is-black select:hover, .select.is-black select.is-hovered {
   border-color: black;
@@ -3169,13 +3232,13 @@ a.tag:hover {
   box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
 }
 .select.is-success:not(:hover)::after {
-  border-color: #48c78e;
+  border-color: hsl(153, 53%, 53%);
 }
 .select.is-success select {
-  border-color: #48c78e;
+  border-color: hsl(153, 53%, 53%);
 }
 .select.is-success select:hover, .select.is-success select.is-hovered {
-  border-color: #3abc81;
+  border-color: #3abb81;
 }
 .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
   box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
@@ -3250,25 +3313,25 @@ a.tag:hover {
 .file.is-white .file-cta {
   background-color: hsl(0, 0%, 100%);
   border-color: transparent;
-  color: #0a0a0a;
+  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: #0a0a0a;
+  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: #0a0a0a;
+  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: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .file.is-black .file-cta {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -3388,12 +3451,12 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-success .file-cta {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
-  background-color: #3ec488;
+  background-color: #3ec487;
   border-color: transparent;
   color: #fff;
 }
@@ -3403,7 +3466,7 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
-  background-color: #3abc81;
+  background-color: #3abb81;
   border-color: transparent;
   color: #fff;
 }
@@ -3634,7 +3697,7 @@ a.tag:hover {
   color: hsl(0, 0%, 100%);
 }
 .help.is-black {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .help.is-light {
   color: hsl(0, 0%, 96%);
@@ -3652,7 +3715,7 @@ a.tag:hover {
   color: hsl(207, 61%, 53%);
 }
 .help.is-success {
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .help.is-warning {
   color: hsl(44, 100%, 77%);
@@ -4120,7 +4183,7 @@ button.dropdown-item {
 a.dropdown-item:hover,
 button.dropdown-item:hover {
   background-color: hsl(0, 0%, 96%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 a.dropdown-item.is-active,
 button.dropdown-item.is-active {
@@ -4368,7 +4431,7 @@ button.dropdown-item.is-active {
 }
 .message.is-white .message-header {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .message.is-white .message-body {
   border-color: hsl(0, 0%, 100%);
@@ -4377,11 +4440,11 @@ button.dropdown-item.is-active {
   background-color: #fafafa;
 }
 .message.is-black .message-header {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .message.is-black .message-body {
-  border-color: #0a0a0a;
+  border-color: hsl(0, 0%, 4%);
 }
 .message.is-light {
   background-color: #fafafa;
@@ -4440,11 +4503,11 @@ button.dropdown-item.is-active {
   background-color: #effaf5;
 }
 .message.is-success .message-header {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .message.is-success .message-body {
-  border-color: #48c78e;
+  border-color: hsl(153, 53%, 53%);
   color: #257953;
 }
 .message.is-warning {
@@ -4611,31 +4674,31 @@ button.dropdown-item.is-active {
 }
 .navbar.is-white {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .navbar.is-white .navbar-brand > .navbar-item,
 .navbar.is-white .navbar-brand .navbar-link {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
 .navbar.is-white .navbar-brand .navbar-link:focus,
 .navbar.is-white .navbar-brand .navbar-link:hover,
 .navbar.is-white .navbar-brand .navbar-link.is-active {
   background-color: #f2f2f2;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .navbar.is-white .navbar-brand .navbar-link::after {
-  border-color: #0a0a0a;
+  border-color: hsl(0, 0%, 4%);
 }
 .navbar.is-white .navbar-burger {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 @media screen and (min-width: 1024px) {
   .navbar.is-white .navbar-start > .navbar-item,
   .navbar.is-white .navbar-start .navbar-link,
   .navbar.is-white .navbar-end > .navbar-item,
   .navbar.is-white .navbar-end .navbar-link {
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
   .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
   .navbar.is-white .navbar-start .navbar-link:focus,
@@ -4648,25 +4711,25 @@ button.dropdown-item.is-active {
   .navbar.is-white .navbar-end .navbar-link:hover,
   .navbar.is-white .navbar-end .navbar-link.is-active {
     background-color: #f2f2f2;
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
   .navbar.is-white .navbar-start .navbar-link::after,
   .navbar.is-white .navbar-end .navbar-link::after {
-    border-color: #0a0a0a;
+    border-color: hsl(0, 0%, 4%);
   }
   .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
     background-color: #f2f2f2;
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
   .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
     background-color: hsl(0, 0%, 100%);
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
 }
 .navbar.is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .navbar.is-black .navbar-brand > .navbar-item,
@@ -4717,7 +4780,7 @@ button.dropdown-item.is-active {
     color: hsl(0, 0%, 100%);
   }
   .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
-    background-color: #0a0a0a;
+    background-color: hsl(0, 0%, 4%);
     color: hsl(0, 0%, 100%);
   }
 }
@@ -5002,7 +5065,7 @@ button.dropdown-item.is-active {
   }
 }
 .navbar.is-success {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .navbar.is-success .navbar-brand > .navbar-item,
@@ -5013,7 +5076,7 @@ button.dropdown-item.is-active {
 .navbar.is-success .navbar-brand .navbar-link:focus,
 .navbar.is-success .navbar-brand .navbar-link:hover,
 .navbar.is-success .navbar-brand .navbar-link.is-active {
-  background-color: #3abc81;
+  background-color: #3abb81;
   color: #fff;
 }
 .navbar.is-success .navbar-brand .navbar-link::after {
@@ -5039,7 +5102,7 @@ button.dropdown-item.is-active {
   .navbar.is-success .navbar-end .navbar-link:focus,
   .navbar.is-success .navbar-end .navbar-link:hover,
   .navbar.is-success .navbar-end .navbar-link.is-active {
-    background-color: #3abc81;
+    background-color: #3abb81;
     color: #fff;
   }
   .navbar.is-success .navbar-start .navbar-link::after,
@@ -5049,11 +5112,11 @@ button.dropdown-item.is-active {
   .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3abc81;
+    background-color: #3abb81;
     color: #fff;
   }
   .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
-    background-color: #48c78e;
+    background-color: hsl(153, 53%, 53%);
     color: #fff;
   }
 }
@@ -5447,7 +5510,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
     background-color: hsl(0, 0%, 96%);
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
   .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
     background-color: hsl(0, 0%, 96%);
@@ -5518,7 +5581,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
     background-color: hsl(0, 0%, 96%);
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
   .navbar-dropdown a.navbar-item.is-active {
     background-color: hsl(0, 0%, 96%);
@@ -5584,7 +5647,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   a.navbar-item.is-active,
   .navbar-link.is-active {
-    color: #0a0a0a;
+    color: hsl(0, 0%, 4%);
   }
   a.navbar-item.is-active:not(:focus):not(:hover),
   .navbar-link.is-active:not(:focus):not(:hover) {
@@ -5771,7 +5834,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 }
 .panel.is-white .panel-heading {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .panel.is-white .panel-tabs a.is-active {
   border-bottom-color: hsl(0, 0%, 100%);
@@ -5780,14 +5843,14 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   color: hsl(0, 0%, 100%);
 }
 .panel.is-black .panel-heading {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .panel.is-black .panel-tabs a.is-active {
-  border-bottom-color: #0a0a0a;
+  border-bottom-color: hsl(0, 0%, 4%);
 }
 .panel.is-black .panel-block.is-active .panel-icon {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .panel.is-light .panel-heading {
   background-color: hsl(0, 0%, 96%);
@@ -5840,14 +5903,14 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   color: hsl(207, 61%, 53%);
 }
 .panel.is-success .panel-heading {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .panel.is-success .panel-tabs a.is-active {
-  border-bottom-color: #48c78e;
+  border-bottom-color: hsl(153, 53%, 53%);
 }
 .panel.is-success .panel-block.is-active .panel-icon {
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .panel.is-warning .panel-heading {
   background-color: hsl(44, 100%, 77%);
@@ -6106,7 +6169,7 @@ label.panel-block:hover {
   flex-basis: 0;
   flex-grow: 1;
   flex-shrink: 1;
-  padding: 0.75rem;
+  padding: 0.2rem;
 }
 .columns.is-mobile > .column.is-narrow {
   flex: none;
@@ -7256,15 +7319,15 @@ label.panel-block:hover {
 }
 
 .columns {
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
-  margin-top: -0.75rem;
+  margin-left: -0.2rem;
+  margin-right: -0.2rem;
+  margin-top: -0.2rem;
 }
 .columns:last-child {
-  margin-bottom: -0.75rem;
+  margin-bottom: -0.2rem;
 }
 .columns:not(:last-child) {
-  margin-bottom: calc(1.5rem - 0.75rem);
+  margin-bottom: calc(1.5rem - 0.2rem);
 }
 .columns.is-centered {
   justify-content: center;
@@ -7845,7 +7908,7 @@ a.has-text-white:hover, a.has-text-white:focus {
 }
 
 .has-text-black {
-  color: #0a0a0a !important;
+  color: hsl(0, 0%, 4%) !important;
 }
 
 a.has-text-black:hover, a.has-text-black:focus {
@@ -7853,7 +7916,7 @@ a.has-text-black:hover, a.has-text-black:focus {
 }
 
 .has-background-black {
-  background-color: #0a0a0a !important;
+  background-color: hsl(0, 0%, 4%) !important;
 }
 
 .has-text-light {
@@ -7989,15 +8052,15 @@ a.has-text-info-dark:hover, a.has-text-info-dark:focus {
 }
 
 .has-text-success {
-  color: #48c78e !important;
+  color: hsl(153, 53%, 53%) !important;
 }
 
 a.has-text-success:hover, a.has-text-success:focus {
-  color: #34a874 !important;
+  color: #34a873 !important;
 }
 
 .has-background-success {
-  background-color: #48c78e !important;
+  background-color: hsl(153, 53%, 53%) !important;
 }
 
 .has-text-success-light {
@@ -9698,21 +9761,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .hero.is-white {
   background-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
 .hero.is-white strong {
   color: inherit;
 }
 .hero.is-white .title {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .hero.is-white .subtitle {
   color: rgba(10, 10, 10, 0.9);
 }
 .hero.is-white .subtitle a:not(.button),
 .hero.is-white .subtitle strong {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 @media screen and (max-width: 1023px) {
   .hero.is-white .navbar-menu {
@@ -9727,10 +9790,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-white .navbar-link:hover,
 .hero.is-white .navbar-link.is-active {
   background-color: #f2f2f2;
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .hero.is-white .tabs a {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
   opacity: 0.9;
 }
 .hero.is-white .tabs a:hover {
@@ -9741,14 +9804,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   opacity: 1;
 }
 .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
   background-color: rgba(10, 10, 10, 0.1);
 }
 .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
-  background-color: #0a0a0a;
-  border-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
+  border-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .hero.is-white.is-bold {
@@ -9760,7 +9823,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   }
 }
 .hero.is-black {
-  background-color: #0a0a0a;
+  background-color: hsl(0, 0%, 4%);
   color: hsl(0, 0%, 100%);
 }
 .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -9779,7 +9842,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 @media screen and (max-width: 1023px) {
   .hero.is-black .navbar-menu {
-    background-color: #0a0a0a;
+    background-color: hsl(0, 0%, 4%);
   }
 }
 .hero.is-black .navbar-item,
@@ -9800,7 +9863,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   opacity: 1;
 }
 .hero.is-black .tabs li.is-active a {
-  color: #0a0a0a !important;
+  color: hsl(0, 0%, 4%) !important;
   opacity: 1;
 }
 .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
@@ -9812,14 +9875,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
   background-color: hsl(0, 0%, 100%);
   border-color: hsl(0, 0%, 100%);
-  color: #0a0a0a;
+  color: hsl(0, 0%, 4%);
 }
 .hero.is-black.is-bold {
-  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
+  background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-black.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
+    background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
   }
 }
 .hero.is-light {
@@ -10138,7 +10201,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   }
 }
 .hero.is-success {
-  background-color: #48c78e;
+  background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -10157,7 +10220,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 @media screen and (max-width: 1023px) {
   .hero.is-success .navbar-menu {
-    background-color: #48c78e;
+    background-color: hsl(153, 53%, 53%);
   }
 }
 .hero.is-success .navbar-item,
@@ -10167,7 +10230,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
 .hero.is-success .navbar-link:hover,
 .hero.is-success .navbar-link.is-active {
-  background-color: #3abc81;
+  background-color: #3abb81;
   color: #fff;
 }
 .hero.is-success .tabs a {
@@ -10178,7 +10241,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   opacity: 1;
 }
 .hero.is-success .tabs li.is-active a {
-  color: #48c78e !important;
+  color: hsl(153, 53%, 53%) !important;
   opacity: 1;
 }
 .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
@@ -10190,14 +10253,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
   background-color: #fff;
   border-color: #fff;
-  color: #48c78e;
+  color: hsl(153, 53%, 53%);
 }
 .hero.is-success.is-bold {
-  background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
+  background-image: linear-gradient(141deg, #29b35e 0%, hsl(153, 53%, 53%) 71%, #56d2af 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-success.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
+    background-image: linear-gradient(141deg, #29b35e 0%, hsl(153, 53%, 53%) 71%, #56d2af 100%);
   }
 }
 .hero.is-warning {