From b0a0dc68edccc4ca6ac525cd30e9d9f7f33b37c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Sun, 11 Nov 2018 23:40:49 -0500
Subject: [PATCH] Update to Bulma 7.2 & use my navbar-breakpoint variable they
 accepted

---
 agaric/css/agaric.css              | 1428 ++++++++++++++++------------
 agaric/sass/agaric/_variables.scss |    2 +
 package.json                       |    8 +-
 3 files changed, 841 insertions(+), 597 deletions(-)

diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 801fb84..ff34bac 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -24,14 +24,178 @@
   font-weight: 700;
   font-style: normal; }
 
-/*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */
 @keyframes spinAround {
   from {
     transform: rotate(0deg); }
   to {
     transform: rotate(359deg); } }
 
-/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis, .tabs {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
+.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
+  border: 3px solid transparent;
+  border-radius: 2px;
+  border-right: 0;
+  border-top: 0;
+  content: " ";
+  display: block;
+  height: 0.625em;
+  margin-top: -0.4375em;
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: rotate(-45deg);
+  transform-origin: center;
+  width: 0.625em; }
+
+.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
+.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
+  margin-bottom: 1.5rem; }
+
+.delete, .modal-close {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  background-color: rgba(10, 10, 10, 0.2);
+  border: none;
+  border-radius: 290486px;
+  cursor: pointer;
+  pointer-events: auto;
+  display: inline-block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  font-size: 0;
+  height: 20px;
+  max-height: 20px;
+  max-width: 20px;
+  min-height: 20px;
+  min-width: 20px;
+  outline: none;
+  position: relative;
+  vertical-align: top;
+  width: 20px; }
+  .delete::before, .modal-close::before, .delete::after, .modal-close::after {
+    background-color: #FFFFFF;
+    content: "";
+    display: block;
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translateX(-50%) translateY(-50%) rotate(45deg);
+    transform-origin: center center; }
+  .delete::before, .modal-close::before {
+    height: 2px;
+    width: 50%; }
+  .delete::after, .modal-close::after {
+    height: 50%;
+    width: 2px; }
+  .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
+    background-color: rgba(10, 10, 10, 0.3); }
+  .delete:active, .modal-close:active {
+    background-color: rgba(10, 10, 10, 0.4); }
+  .is-small.delete, .is-small.modal-close {
+    height: 16px;
+    max-height: 16px;
+    max-width: 16px;
+    min-height: 16px;
+    min-width: 16px;
+    width: 16px; }
+  .is-medium.delete, .is-medium.modal-close {
+    height: 24px;
+    max-height: 24px;
+    max-width: 24px;
+    min-height: 24px;
+    min-width: 24px;
+    width: 24px; }
+  .is-large.delete, .is-large.modal-close {
+    height: 32px;
+    max-height: 32px;
+    max-width: 32px;
+    min-height: 32px;
+    min-width: 32px;
+    width: 32px; }
+
+.button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader {
+  animation: spinAround 500ms infinite linear;
+  border: 2px solid #dbdbdb;
+  border-radius: 290486px;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  content: "";
+  display: block;
+  height: 1em;
+  position: relative;
+  width: 1em; }
+
+.is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.button, .input,
+.textarea, .select select, .file-cta,
+.file-name, .pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  align-items: center;
+  border: 1px solid transparent;
+  border-radius: 0;
+  box-shadow: none;
+  display: inline-flex;
+  font-size: 0.88rem;
+  height: 2.25em;
+  justify-content: flex-start;
+  line-height: 1.5;
+  padding-bottom: calc(0.375em - 1px);
+  padding-left: calc(0.625em - 1px);
+  padding-right: calc(0.625em - 1px);
+  padding-top: calc(0.375em - 1px);
+  position: relative;
+  vertical-align: top; }
+  .button:focus, .input:focus,
+  .textarea:focus, .select select:focus, .file-cta:focus,
+  .file-name:focus, .pagination-previous:focus,
+  .pagination-next:focus,
+  .pagination-link:focus,
+  .pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
+  .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
+  .is-focused.file-name, .is-focused.pagination-previous,
+  .is-focused.pagination-next,
+  .is-focused.pagination-link,
+  .is-focused.pagination-ellipsis, .button:active, .input:active,
+  .textarea:active, .select select:active, .file-cta:active,
+  .file-name:active, .pagination-previous:active,
+  .pagination-next:active,
+  .pagination-link:active,
+  .pagination-ellipsis:active, .is-active.button, .is-active.input,
+  .is-active.textarea, .select select.is-active, .is-active.file-cta,
+  .is-active.file-name, .is-active.pagination-previous,
+  .is-active.pagination-next,
+  .is-active.pagination-link,
+  .is-active.pagination-ellipsis {
+    outline: none; }
+  .button[disabled], .input[disabled],
+  .textarea[disabled], .select select[disabled], .file-cta[disabled],
+  .file-name[disabled], .pagination-previous[disabled],
+  .pagination-next[disabled],
+  .pagination-link[disabled],
+  .pagination-ellipsis[disabled] {
+    cursor: not-allowed; }
+
+/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
 html,
 body,
 p,
@@ -79,16 +243,13 @@ textarea {
 html {
   box-sizing: border-box; }
 
-* {
+*, *::before, *::after {
   box-sizing: inherit; }
-  *:before, *:after {
-    box-sizing: inherit; }
 
 img,
-embed,
-object,
 audio,
 video {
+  height: auto;
   max-width: 100%; }
 
 iframe {
@@ -159,10 +320,10 @@ code {
   padding: 0.25em 0.5em 0.25em; }
 
 hr {
-  background-color: #E4E5E7;
+  background-color: #FFFFFF;
   border: none;
   display: block;
-  height: 1px;
+  height: 2px;
   margin: 1.5rem 0; }
 
 img {
@@ -207,7 +368,7 @@ table th {
 table th {
   color: #0D1E34; }
 
-.is-clearfix:after {
+.is-clearfix::after {
   clear: both;
   content: " ";
   display: table; }
@@ -221,13 +382,6 @@ table th {
 .is-clipped {
   overflow: hidden !important; }
 
-.is-overlay {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
 .is-size-1 {
   font-size: 5.63rem !important; }
 
@@ -348,6 +502,15 @@ table th {
 .has-text-centered {
   text-align: center !important; }
 
+.has-text-justified {
+  text-align: justify !important; }
+
+.has-text-left {
+  text-align: left !important; }
+
+.has-text-right {
+  text-align: right !important; }
+
 @media screen and (max-width: 768px) {
   .has-text-centered-mobile {
     text-align: center !important; } }
@@ -384,9 +547,6 @@ table th {
   .has-text-centered-fullhd {
     text-align: center !important; } }
 
-.has-text-justified {
-  text-align: justify !important; }
-
 @media screen and (max-width: 768px) {
   .has-text-justified-mobile {
     text-align: justify !important; } }
@@ -423,9 +583,6 @@ table th {
   .has-text-justified-fullhd {
     text-align: justify !important; } }
 
-.has-text-left {
-  text-align: left !important; }
-
 @media screen and (max-width: 768px) {
   .has-text-left-mobile {
     text-align: left !important; } }
@@ -462,9 +619,6 @@ table th {
   .has-text-left-fullhd {
     text-align: left !important; } }
 
-.has-text-right {
-  text-align: right !important; }
-
 @media screen and (max-width: 768px) {
   .has-text-right-mobile {
     text-align: right !important; } }
@@ -519,87 +673,144 @@ table th {
 a.has-text-white:hover, a.has-text-white:focus {
   color: #e6e5e5 !important; }
 
+.has-background-white {
+  background-color: #FFFFFF !important; }
+
 .has-text-black {
   color: #0a0a0a !important; }
 
 a.has-text-black:hover, a.has-text-black:focus {
   color: black !important; }
 
+.has-background-black {
+  background-color: #0a0a0a !important; }
+
 .has-text-light {
   color: #FFFFFF !important; }
 
 a.has-text-light:hover, a.has-text-light:focus {
   color: #e6e5e5 !important; }
 
+.has-background-light {
+  background-color: #FFFFFF !important; }
+
 .has-text-dark {
   color: #0D1E34 !important; }
 
 a.has-text-dark:hover, a.has-text-dark:focus {
   color: #03060b !important; }
 
+.has-background-dark {
+  background-color: #0D1E34 !important; }
+
 .has-text-primary {
   color: #26599B !important; }
 
 a.has-text-primary:hover, a.has-text-primary:focus {
   color: #1c4172 !important; }
 
+.has-background-primary {
+  background-color: #26599B !important; }
+
 .has-text-link {
   color: #26599B !important; }
 
 a.has-text-link:hover, a.has-text-link:focus {
   color: #1c4172 !important; }
 
+.has-background-link {
+  background-color: #26599B !important; }
+
 .has-text-info {
   color: #26599B !important; }
 
 a.has-text-info:hover, a.has-text-info:focus {
   color: #1c4172 !important; }
 
+.has-background-info {
+  background-color: #26599B !important; }
+
 .has-text-success {
   color: #3DB5A0 !important; }
 
 a.has-text-success:hover, a.has-text-success:focus {
   color: #308f7e !important; }
 
+.has-background-success {
+  background-color: #3DB5A0 !important; }
+
 .has-text-warning {
   color: #CBC219 !important; }
 
 a.has-text-warning:hover, a.has-text-warning:focus {
   color: #9e9713 !important; }
 
+.has-background-warning {
+  background-color: #CBC219 !important; }
+
 .has-text-danger {
   color: #DB512A !important; }
 
 a.has-text-danger:hover, a.has-text-danger:focus {
   color: #b43f1e !important; }
 
+.has-background-danger {
+  background-color: #DB512A !important; }
+
 .has-text-black-bis {
   color: #121212 !important; }
 
+.has-background-black-bis {
+  background-color: #121212 !important; }
+
 .has-text-black-ter {
   color: #242424 !important; }
 
+.has-background-black-ter {
+  background-color: #242424 !important; }
+
 .has-text-grey-darker {
   color: #363636 !important; }
 
+.has-background-grey-darker {
+  background-color: #363636 !important; }
+
 .has-text-grey-dark {
   color: #4a4a4a !important; }
 
+.has-background-grey-dark {
+  background-color: #4a4a4a !important; }
+
 .has-text-grey {
   color: #E4E5E7 !important; }
 
+.has-background-grey {
+  background-color: #E4E5E7 !important; }
+
 .has-text-grey-light {
   color: #b5b5b5 !important; }
 
+.has-background-grey-light {
+  background-color: #b5b5b5 !important; }
+
 .has-text-grey-lighter {
   color: #dbdbdb !important; }
 
+.has-background-grey-lighter {
+  background-color: #dbdbdb !important; }
+
 .has-text-white-ter {
   color: whitesmoke !important; }
 
+.has-background-white-ter {
+  background-color: whitesmoke !important; }
+
 .has-text-white-bis {
   color: #fafafa !important; }
 
+.has-background-white-bis {
+  background-color: #fafafa !important; }
+
 .has-text-weight-light {
   font-weight: 4300 !important; }
 
@@ -810,6 +1021,16 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 .is-hidden {
   display: none !important; }
 
+.is-sr-only {
+  border: none !important;
+  clip: rect(0, 0, 0, 0) !important;
+  height: 0.01em !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  white-space: nowrap !important;
+  width: 0.01em !important; }
+
 @media screen and (max-width: 768px) {
   .is-hidden-mobile {
     display: none !important; } }
@@ -897,13 +1118,6 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 .is-shadowless {
   box-shadow: none !important; }
 
-.is-unselectable {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-
 .box {
   background-color: #FFFFFF;
   border-radius: 0;
@@ -911,8 +1125,6 @@ a.has-text-danger:hover, a.has-text-danger:focus {
   color: #0D1E34;
   display: block;
   padding: 1.25rem; }
-  .box:not(:last-child) {
-    margin-bottom: 1.5rem; }
 
 a.box:hover, a.box:focus {
   box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #26599B; }
@@ -921,41 +1133,18 @@ a.box:active {
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #26599B; }
 
 .button {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  align-items: center;
-  border: 1px solid transparent;
-  border-radius: 0;
-  box-shadow: none;
-  display: inline-flex;
-  font-size: 0.88rem;
-  height: 2.25em;
-  justify-content: flex-start;
-  line-height: 1.5;
-  padding-bottom: calc(0.375em - 1px);
-  padding-left: calc(0.625em - 1px);
-  padding-right: calc(0.625em - 1px);
-  padding-top: calc(0.375em - 1px);
-  position: relative;
-  vertical-align: top;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   background-color: #FFFFFF;
   border-color: #dbdbdb;
+  border-width: 1px;
   color: #363636;
   cursor: pointer;
   justify-content: center;
+  padding-bottom: calc(0.375em - 1px);
   padding-left: 0.75em;
   padding-right: 0.75em;
+  padding-top: calc(0.375em - 1px);
   text-align: center;
   white-space: nowrap; }
-  .button:focus, .button.is-focused, .button:active, .button.is-active {
-    outline: none; }
-  .button[disabled] {
-    cursor: not-allowed; }
   .button strong {
     color: inherit; }
   .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
@@ -1027,7 +1216,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #FFFFFF; }
-    .button.is-white.is-loading:after {
+    .button.is-white.is-loading::after {
       border-color: transparent transparent #0a0a0a #0a0a0a !important; }
     .button.is-white.is-outlined {
       background-color: transparent;
@@ -1037,7 +1226,7 @@ a.box:active {
         background-color: #FFFFFF;
         border-color: #FFFFFF;
         color: #0a0a0a; }
-      .button.is-white.is-outlined.is-loading:after {
+      .button.is-white.is-outlined.is-loading::after {
         border-color: transparent transparent #FFFFFF #FFFFFF !important; }
       .button.is-white.is-outlined[disabled] {
         background-color: transparent;
@@ -1087,7 +1276,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #0a0a0a; }
-    .button.is-black.is-loading:after {
+    .button.is-black.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-black.is-outlined {
       background-color: transparent;
@@ -1097,7 +1286,7 @@ a.box:active {
         background-color: #0a0a0a;
         border-color: #0a0a0a;
         color: #FFFFFF; }
-      .button.is-black.is-outlined.is-loading:after {
+      .button.is-black.is-outlined.is-loading::after {
         border-color: transparent transparent #0a0a0a #0a0a0a !important; }
       .button.is-black.is-outlined[disabled] {
         background-color: transparent;
@@ -1147,7 +1336,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #FFFFFF; }
-    .button.is-light.is-loading:after {
+    .button.is-light.is-loading::after {
       border-color: transparent transparent #0D1E34 #0D1E34 !important; }
     .button.is-light.is-outlined {
       background-color: transparent;
@@ -1157,7 +1346,7 @@ a.box:active {
         background-color: #FFFFFF;
         border-color: #FFFFFF;
         color: #0D1E34; }
-      .button.is-light.is-outlined.is-loading:after {
+      .button.is-light.is-outlined.is-loading::after {
         border-color: transparent transparent #FFFFFF #FFFFFF !important; }
       .button.is-light.is-outlined[disabled] {
         background-color: transparent;
@@ -1207,7 +1396,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #0D1E34; }
-    .button.is-dark.is-loading:after {
+    .button.is-dark.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-dark.is-outlined {
       background-color: transparent;
@@ -1217,7 +1406,7 @@ a.box:active {
         background-color: #0D1E34;
         border-color: #0D1E34;
         color: #FFFFFF; }
-      .button.is-dark.is-outlined.is-loading:after {
+      .button.is-dark.is-outlined.is-loading::after {
         border-color: transparent transparent #0D1E34 #0D1E34 !important; }
       .button.is-dark.is-outlined[disabled] {
         background-color: transparent;
@@ -1267,7 +1456,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #26599B; }
-    .button.is-primary.is-loading:after {
+    .button.is-primary.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-primary.is-outlined {
       background-color: transparent;
@@ -1277,7 +1466,7 @@ a.box:active {
         background-color: #26599B;
         border-color: #26599B;
         color: #FFFFFF; }
-      .button.is-primary.is-outlined.is-loading:after {
+      .button.is-primary.is-outlined.is-loading::after {
         border-color: transparent transparent #26599B #26599B !important; }
       .button.is-primary.is-outlined[disabled] {
         background-color: transparent;
@@ -1327,7 +1516,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #26599B; }
-    .button.is-link.is-loading:after {
+    .button.is-link.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-link.is-outlined {
       background-color: transparent;
@@ -1337,7 +1526,7 @@ a.box:active {
         background-color: #26599B;
         border-color: #26599B;
         color: #FFFFFF; }
-      .button.is-link.is-outlined.is-loading:after {
+      .button.is-link.is-outlined.is-loading::after {
         border-color: transparent transparent #26599B #26599B !important; }
       .button.is-link.is-outlined[disabled] {
         background-color: transparent;
@@ -1387,7 +1576,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #26599B; }
-    .button.is-info.is-loading:after {
+    .button.is-info.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-info.is-outlined {
       background-color: transparent;
@@ -1397,7 +1586,7 @@ a.box:active {
         background-color: #26599B;
         border-color: #26599B;
         color: #FFFFFF; }
-      .button.is-info.is-outlined.is-loading:after {
+      .button.is-info.is-outlined.is-loading::after {
         border-color: transparent transparent #26599B #26599B !important; }
       .button.is-info.is-outlined[disabled] {
         background-color: transparent;
@@ -1447,7 +1636,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #3DB5A0; }
-    .button.is-success.is-loading:after {
+    .button.is-success.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-success.is-outlined {
       background-color: transparent;
@@ -1457,7 +1646,7 @@ a.box:active {
         background-color: #3DB5A0;
         border-color: #3DB5A0;
         color: #FFFFFF; }
-      .button.is-success.is-outlined.is-loading:after {
+      .button.is-success.is-outlined.is-loading::after {
         border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
       .button.is-success.is-outlined[disabled] {
         background-color: transparent;
@@ -1507,7 +1696,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #CBC219; }
-    .button.is-warning.is-loading:after {
+    .button.is-warning.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-warning.is-outlined {
       background-color: transparent;
@@ -1517,7 +1706,7 @@ a.box:active {
         background-color: #CBC219;
         border-color: #CBC219;
         color: #FFFFFF; }
-      .button.is-warning.is-outlined.is-loading:after {
+      .button.is-warning.is-outlined.is-loading::after {
         border-color: transparent transparent #CBC219 #CBC219 !important; }
       .button.is-warning.is-outlined[disabled] {
         background-color: transparent;
@@ -1567,7 +1756,7 @@ a.box:active {
         border-color: transparent;
         box-shadow: none;
         color: #DB512A; }
-    .button.is-danger.is-loading:after {
+    .button.is-danger.is-loading::after {
       border-color: transparent transparent #FFFFFF #FFFFFF !important; }
     .button.is-danger.is-outlined {
       background-color: transparent;
@@ -1577,7 +1766,7 @@ a.box:active {
         background-color: #DB512A;
         border-color: #DB512A;
         color: #FFFFFF; }
-      .button.is-danger.is-outlined.is-loading:after {
+      .button.is-danger.is-outlined.is-loading::after {
         border-color: transparent transparent #DB512A #DB512A !important; }
       .button.is-danger.is-outlined[disabled] {
         background-color: transparent;
@@ -1614,17 +1803,7 @@ a.box:active {
   .button.is-loading {
     color: transparent !important;
     pointer-events: none; }
-    .button.is-loading:after {
-      animation: spinAround 500ms infinite linear;
-      border: 2px solid #E4E5E7;
-      border-radius: 290486px;
-      border-right-color: transparent;
-      border-top-color: transparent;
-      content: "";
-      display: block;
-      height: 1em;
-      position: relative;
-      width: 1em;
+    .button.is-loading::after {
       position: absolute;
       left: calc(50% - (1em / 2));
       top: calc(50% - (1em / 2));
@@ -1647,7 +1826,7 @@ a.box:active {
   justify-content: flex-start; }
   .buttons .button {
     margin-bottom: 0.5rem; }
-    .buttons .button:not(:last-child) {
+    .buttons .button:not(:last-child):not(.is-fullwidth) {
       margin-right: 0.5rem; }
   .buttons:last-child {
     margin-bottom: -0.5rem; }
@@ -1668,6 +1847,8 @@ a.box:active {
     z-index: 3; }
     .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
       z-index: 4; }
+  .buttons.has-addons .button.is-expanded {
+    flex-grow: 1; }
   .buttons.is-centered {
     justify-content: center; }
   .buttons.is-right {
@@ -1702,9 +1883,6 @@ a.box:active {
       max-width: 1344px;
       width: 1344px; } }
 
-.content:not(:last-child) {
-  margin-bottom: 1.5rem; }
-
 .content li + li {
   margin-top: 0.25em; }
 
@@ -1724,7 +1902,7 @@ a.box:active {
 .content h5,
 .content h6 {
   color: #0D1E34;
-  font-weight: 400;
+  font-weight: 700;
   line-height: 1.125; }
 
 .content h1 {
@@ -1763,9 +1941,19 @@ a.box:active {
   padding: 1.25em 1.5em; }
 
 .content ol {
-  list-style: decimal outside;
+  list-style-position: outside;
   margin-left: 2em;
   margin-top: 1em; }
+  .content ol:not([type]) {
+    list-style-type: decimal; }
+    .content ol:not([type]).is-lower-alpha {
+      list-style-type: lower-alpha; }
+    .content ol:not([type]).is-lower-roman {
+      list-style-type: lower-roman; }
+    .content ol:not([type]).is-upper-alpha {
+      list-style-type: upper-alpha; }
+    .content ol:not([type]).is-upper-roman {
+      list-style-type: upper-roman; }
 
 .content ul {
   list-style: disc outside;
@@ -1815,8 +2003,6 @@ a.box:active {
   .content table th {
     color: #0D1E34;
     text-align: left; }
-  .content table tr:hover {
-    background-color: #FFFFFF; }
   .content table thead td,
   .content table thead th {
     border-width: 0 0 2px;
@@ -1840,38 +2026,12 @@ a.box:active {
 
 .input,
 .textarea {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  align-items: center;
-  border: 1px solid transparent;
-  border-radius: 0;
-  box-shadow: none;
-  display: inline-flex;
-  font-size: 0.88rem;
-  height: 2.25em;
-  justify-content: flex-start;
-  line-height: 1.5;
-  padding-bottom: calc(0.375em - 1px);
-  padding-left: calc(0.625em - 1px);
-  padding-right: calc(0.625em - 1px);
-  padding-top: calc(0.375em - 1px);
-  position: relative;
-  vertical-align: top;
   background-color: #FFFFFF;
   border-color: #dbdbdb;
   color: #363636;
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
   max-width: 100%;
   width: 100%; }
-  .input:focus, .input.is-focused, .input:active, .input.is-active,
-  .textarea:focus,
-  .textarea.is-focused,
-  .textarea:active,
-  .textarea.is-active {
-    outline: none; }
-  .input[disabled],
-  .textarea[disabled] {
-    cursor: not-allowed; }
   .input::-moz-placeholder,
   .textarea::-moz-placeholder {
     color: rgba(54, 54, 54, 0.3); }
@@ -2047,7 +2207,7 @@ a.box:active {
     max-height: 600px;
     min-height: 120px; }
   .textarea[rows] {
-    height: unset; }
+    height: initial; }
   .textarea.has-fixed-size {
     resize: none; }
 
@@ -2078,43 +2238,14 @@ a.box:active {
   vertical-align: top; }
   .select:not(.is-multiple) {
     height: 2.25em; }
-    .select:not(.is-multiple)::after {
-      border: 1px solid #26599B;
-      border-right: 0;
-      border-top: 0;
-      content: " ";
-      display: block;
-      height: 0.5em;
-      pointer-events: none;
-      position: absolute;
-      transform: rotate(-45deg);
-      transform-origin: center;
-      width: 0.5em;
-      margin-top: -0.375em;
-      right: 1.125em;
-      top: 50%;
-      z-index: 4; }
+  .select:not(.is-multiple):not(.is-loading)::after {
+    border-color: #26599B;
+    right: 1.125em;
+    z-index: 4; }
   .select.is-rounded select {
     border-radius: 290486px;
     padding-left: 1em; }
   .select select {
-    -moz-appearance: none;
-    -webkit-appearance: none;
-    align-items: center;
-    border: 1px solid transparent;
-    border-radius: 0;
-    box-shadow: none;
-    display: inline-flex;
-    font-size: 0.88rem;
-    height: 2.25em;
-    justify-content: flex-start;
-    line-height: 1.5;
-    padding-bottom: calc(0.375em - 1px);
-    padding-left: calc(0.625em - 1px);
-    padding-right: calc(0.625em - 1px);
-    padding-top: calc(0.375em - 1px);
-    position: relative;
-    vertical-align: top;
     background-color: #FFFFFF;
     border-color: #dbdbdb;
     color: #363636;
@@ -2123,10 +2254,6 @@ a.box:active {
     font-size: 1em;
     max-width: 100%;
     outline: none; }
-    .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
-      outline: none; }
-    .select select[disabled] {
-      cursor: not-allowed; }
     .select select::-moz-placeholder {
       color: rgba(54, 54, 54, 0.3); }
     .select select::-webkit-input-placeholder {
@@ -2160,50 +2287,90 @@ a.box:active {
     .select select:not([multiple]) {
       padding-right: 2.5em; }
     .select select[multiple] {
-      height: unset;
+      height: auto;
       padding: 0; }
       .select select[multiple] option {
         padding: 0.5em 1em; }
-  .select:hover::after {
+  .select:not(.is-multiple):not(.is-loading):hover::after {
     border-color: #363636; }
+  .select.is-white:not(:hover)::after {
+    border-color: #FFFFFF; }
   .select.is-white select {
     border-color: #FFFFFF; }
+    .select.is-white select:hover, .select.is-white select.is-hovered {
+      border-color: #f2f2f2; }
     .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
       box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
+  .select.is-black:not(:hover)::after {
+    border-color: #0a0a0a; }
   .select.is-black select {
     border-color: #0a0a0a; }
+    .select.is-black select:hover, .select.is-black select.is-hovered {
+      border-color: black; }
     .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
       box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
+  .select.is-light:not(:hover)::after {
+    border-color: #FFFFFF; }
   .select.is-light select {
     border-color: #FFFFFF; }
+    .select.is-light select:hover, .select.is-light select.is-hovered {
+      border-color: #f2f2f2; }
     .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
       box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
+  .select.is-dark:not(:hover)::after {
+    border-color: #0D1E34; }
   .select.is-dark select {
     border-color: #0D1E34; }
+    .select.is-dark select:hover, .select.is-dark select.is-hovered {
+      border-color: #081220; }
     .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
       box-shadow: 0 0 0 0.125em rgba(13, 30, 52, 0.25); }
+  .select.is-primary:not(:hover)::after {
+    border-color: #26599B; }
   .select.is-primary select {
     border-color: #26599B; }
+    .select.is-primary select:hover, .select.is-primary select.is-hovered {
+      border-color: #214d87; }
     .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
       box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
+  .select.is-link:not(:hover)::after {
+    border-color: #26599B; }
   .select.is-link select {
     border-color: #26599B; }
+    .select.is-link select:hover, .select.is-link select.is-hovered {
+      border-color: #214d87; }
     .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
       box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
+  .select.is-info:not(:hover)::after {
+    border-color: #26599B; }
   .select.is-info select {
     border-color: #26599B; }
+    .select.is-info select:hover, .select.is-info select.is-hovered {
+      border-color: #214d87; }
     .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
       box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
+  .select.is-success:not(:hover)::after {
+    border-color: #3DB5A0; }
   .select.is-success select {
     border-color: #3DB5A0; }
+    .select.is-success select:hover, .select.is-success select.is-hovered {
+      border-color: #37a28f; }
     .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(61, 181, 160, 0.25); }
+  .select.is-warning:not(:hover)::after {
+    border-color: #CBC219; }
   .select.is-warning select {
     border-color: #CBC219; }
+    .select.is-warning select:hover, .select.is-warning select.is-hovered {
+      border-color: #b4ac16; }
     .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
       box-shadow: 0 0 0 0.125em rgba(203, 194, 25, 0.25); }
+  .select.is-danger:not(:hover)::after {
+    border-color: #DB512A; }
   .select.is-danger select {
     border-color: #DB512A; }
+    .select.is-danger select:hover, .select.is-danger select.is-hovered {
+      border-color: #c94722; }
     .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
       box-shadow: 0 0 0 0.125em rgba(219, 81, 42, 0.25); }
   .select.is-small {
@@ -2220,16 +2387,6 @@ a.box:active {
     .select.is-fullwidth select {
       width: 100%; }
   .select.is-loading::after {
-    animation: spinAround 500ms infinite linear;
-    border: 2px solid #E4E5E7;
-    border-radius: 290486px;
-    border-right-color: transparent;
-    border-top-color: transparent;
-    content: "";
-    display: block;
-    height: 1em;
-    position: relative;
-    width: 1em;
     margin-top: 0;
     position: absolute;
     right: 0.625em;
@@ -2243,11 +2400,6 @@ a.box:active {
     font-size: 1.75rem; }
 
 .file {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   align-items: stretch;
   display: flex;
   justify-content: flex-start;
@@ -2491,47 +2643,22 @@ a.box:active {
     border-color: #d7d8db; }
 
 .file-input {
-  height: 0.01em;
+  height: 100%;
   left: 0;
+  opacity: 0;
   outline: none;
   position: absolute;
   top: 0;
-  width: 0.01em; }
+  width: 100%; }
 
 .file-cta,
 .file-name {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  align-items: center;
-  border: 1px solid transparent;
-  border-radius: 0;
-  box-shadow: none;
-  display: inline-flex;
-  font-size: 0.88rem;
-  height: 2.25em;
-  justify-content: flex-start;
-  line-height: 1.5;
-  padding-bottom: calc(0.375em - 1px);
-  padding-left: calc(0.625em - 1px);
-  padding-right: calc(0.625em - 1px);
-  padding-top: calc(0.375em - 1px);
-  position: relative;
-  vertical-align: top;
   border-color: #E4E5E7;
   border-radius: 0;
   font-size: 1em;
   padding-left: 1em;
   padding-right: 1em;
   white-space: nowrap; }
-  .file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active,
-  .file-name:focus,
-  .file-name.is-focused,
-  .file-name:active,
-  .file-name.is-active {
-    outline: none; }
-  .file-cta[disabled],
-  .file-name[disabled] {
-    cursor: not-allowed; }
 
 .file-cta {
   background-color: whitesmoke;
@@ -2618,31 +2745,31 @@ a.box:active {
   .field.has-addons .control:last-child .select select {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0; }
-  .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
-  .field.has-addons .control .input:hover,
-  .field.has-addons .control .input.is-hovered,
-  .field.has-addons .control .select select:hover,
-  .field.has-addons .control .select select.is-hovered {
+  .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
+  .field.has-addons .control .input:not([disabled]):hover,
+  .field.has-addons .control .input:not([disabled]).is-hovered,
+  .field.has-addons .control .select select:not([disabled]):hover,
+  .field.has-addons .control .select select:not([disabled]).is-hovered {
     z-index: 2; }
-  .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
-  .field.has-addons .control .input:focus,
-  .field.has-addons .control .input.is-focused,
-  .field.has-addons .control .input:active,
-  .field.has-addons .control .input.is-active,
-  .field.has-addons .control .select select:focus,
-  .field.has-addons .control .select select.is-focused,
-  .field.has-addons .control .select select:active,
-  .field.has-addons .control .select select.is-active {
+  .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
+  .field.has-addons .control .input:not([disabled]):focus,
+  .field.has-addons .control .input:not([disabled]).is-focused,
+  .field.has-addons .control .input:not([disabled]):active,
+  .field.has-addons .control .input:not([disabled]).is-active,
+  .field.has-addons .control .select select:not([disabled]):focus,
+  .field.has-addons .control .select select:not([disabled]).is-focused,
+  .field.has-addons .control .select select:not([disabled]):active,
+  .field.has-addons .control .select select:not([disabled]).is-active {
     z-index: 3; }
-    .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
-    .field.has-addons .control .input:focus:hover,
-    .field.has-addons .control .input.is-focused:hover,
-    .field.has-addons .control .input:active:hover,
-    .field.has-addons .control .input.is-active:hover,
-    .field.has-addons .control .select select:focus:hover,
-    .field.has-addons .control .select select.is-focused:hover,
-    .field.has-addons .control .select select:active:hover,
-    .field.has-addons .control .select select.is-active:hover {
+    .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
+    .field.has-addons .control .input:not([disabled]):focus:hover,
+    .field.has-addons .control .input:not([disabled]).is-focused:hover,
+    .field.has-addons .control .input:not([disabled]):active:hover,
+    .field.has-addons .control .input:not([disabled]).is-active:hover,
+    .field.has-addons .control .select select:not([disabled]):focus:hover,
+    .field.has-addons .control .select select:not([disabled]).is-focused:hover,
+    .field.has-addons .control .select select:not([disabled]):active:hover,
+    .field.has-addons .control .select select:not([disabled]).is-active:hover {
       z-index: 4; }
   .field.has-addons .control.is-expanded {
     flex-grow: 1; }
@@ -2727,6 +2854,7 @@ a.box:active {
         margin-right: 0.75rem; } }
 
 .control {
+  clear: both;
   font-size: 0.88rem;
   position: relative;
   text-align: left; }
@@ -2789,16 +2917,6 @@ a.box:active {
   .control.has-icons-right .icon.is-right {
     right: 0; }
   .control.is-loading::after {
-    animation: spinAround 500ms infinite linear;
-    border: 2px solid #E4E5E7;
-    border-radius: 290486px;
-    border-right-color: transparent;
-    border-top-color: transparent;
-    content: "";
-    display: block;
-    height: 1em;
-    position: relative;
-    width: 1em;
     position: absolute !important;
     right: 0.625em;
     top: 0.625em;
@@ -2835,24 +2953,39 @@ a.box:active {
     width: 100%; }
     .image img.is-rounded {
       border-radius: 290486px; }
-  .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
+  .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
     height: 100%;
     width: 100%; }
   .image.is-square, .image.is-1by1 {
     padding-top: 100%; }
+  .image.is-5by4 {
+    padding-top: 80%; }
   .image.is-4by3 {
     padding-top: 75%; }
   .image.is-3by2 {
     padding-top: 66.6666%; }
+  .image.is-5by3 {
+    padding-top: 60%; }
   .image.is-16by9 {
     padding-top: 56.25%; }
   .image.is-2by1 {
     padding-top: 50%; }
+  .image.is-3by1 {
+    padding-top: 33.3333%; }
+  .image.is-4by5 {
+    padding-top: 125%; }
+  .image.is-3by4 {
+    padding-top: 133.3333%; }
+  .image.is-2by3 {
+    padding-top: 150%; }
+  .image.is-3by5 {
+    padding-top: 166.6666%; }
+  .image.is-9by16 {
+    padding-top: 177.7777%; }
+  .image.is-1by2 {
+    padding-top: 200%; }
+  .image.is-1by3 {
+    padding-top: 300%; }
   .image.is-16x16 {
     height: 16px;
     width: 16px; }
@@ -2880,9 +3013,7 @@ a.box:active {
   border-radius: 0;
   padding: 1.25rem 2.5rem 1.25rem 1.5rem;
   position: relative; }
-  .notification:not(:last-child) {
-    margin-bottom: 1.5rem; }
-  .notification a:not(.button) {
+  .notification a:not(.button):not(.dropdown-item) {
     color: currentColor;
     text-decoration: underline; }
   .notification strong {
@@ -2941,8 +3072,6 @@ a.box:active {
   overflow: hidden;
   padding: 0;
   width: 100%; }
-  .progress:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .progress::-webkit-progress-bar {
     background-color: #E4E5E7; }
   .progress::-webkit-progress-value {
@@ -3021,8 +3150,7 @@ a.box:active {
 
 .table {
   background-color: #FFFFFF;
-  color: #363636;
-  margin-bottom: 1.5rem; }
+  color: #363636; }
   .table td,
   .table th {
     border: 1px solid #dbdbdb;
@@ -3127,13 +3255,21 @@ a.box:active {
   .table.is-hoverable tbody tr:not(.is-selected):hover {
     background-color: #fafafa; }
   .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
-    background-color: whitesmoke; }
+    background-color: #fafafa; }
+    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
+      background-color: whitesmoke; }
   .table.is-narrow td,
   .table.is-narrow th {
     padding: 0.25em 0.5em; }
   .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
     background-color: #fafafa; }
 
+.table-container {
+  -webkit-overflow-scrolling: touch;
+  overflow: auto;
+  overflow-y: hidden;
+  max-width: 100%; }
+
 .tags {
   align-items: center;
   display: flex;
@@ -3181,8 +3317,8 @@ a.box:active {
   padding-right: 0.75em;
   white-space: nowrap; }
   .tag:not(body) .delete {
-    margin-left: 0.25em;
-    margin-right: -0.375em; }
+    margin-left: 0.25rem;
+    margin-right: -0.375rem; }
   .tag:not(body).is-white {
     background-color: #FFFFFF;
     color: #0a0a0a; }
@@ -3231,7 +3367,7 @@ a.box:active {
     padding: 0;
     position: relative;
     width: 2em; }
-    .tag:not(body).is-delete:before, .tag:not(body).is-delete:after {
+    .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
       background-color: currentColor;
       content: "";
       display: block;
@@ -3240,10 +3376,10 @@ a.box:active {
       top: 50%;
       transform: translateX(-50%) translateY(-50%) rotate(45deg);
       transform-origin: center center; }
-    .tag:not(body).is-delete:before {
+    .tag:not(body).is-delete::before {
       height: 1px;
       width: 50%; }
-    .tag:not(body).is-delete:after {
+    .tag:not(body).is-delete::after {
       height: 50%;
       width: 1px; }
     .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
@@ -3259,9 +3395,6 @@ a.tag:hover {
 .title,
 .subtitle {
   word-break: break-word; }
-  .title:not(:last-child),
-  .subtitle:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .title em,
   .title span,
   .subtitle em,
@@ -3288,7 +3421,7 @@ a.tag:hover {
   .title + .highlight {
     margin-top: -0.75rem; }
   .title:not(.is-spaced) + .subtitle {
-    margin-top: -1.5rem; }
+    margin-top: -1.25rem; }
   .title.is-1 {
     font-size: 5.63rem; }
   .title.is-2 {
@@ -3313,7 +3446,7 @@ a.tag:hover {
     color: #363636;
     font-weight: 700; }
   .subtitle:not(.is-spaced) + .title {
-    margin-top: -1.5rem; }
+    margin-top: -1.25rem; }
   .subtitle.is-1 {
     font-size: 5.63rem; }
   .subtitle.is-2 {
@@ -3329,75 +3462,6 @@ a.tag:hover {
   .subtitle.is-7 {
     font-size: 0.63rem; }
 
-.block:not(:last-child) {
-  margin-bottom: 1.5rem; }
-
-.delete {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(10, 10, 10, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  flex-grow: 0;
-  flex-shrink: 0;
-  font-size: 0;
-  height: 20px;
-  max-height: 20px;
-  max-width: 20px;
-  min-height: 20px;
-  min-width: 20px;
-  outline: none;
-  position: relative;
-  vertical-align: top;
-  width: 20px; }
-  .delete:before, .delete:after {
-    background-color: #FFFFFF;
-    content: "";
-    display: block;
-    left: 50%;
-    position: absolute;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%) rotate(45deg);
-    transform-origin: center center; }
-  .delete:before {
-    height: 2px;
-    width: 50%; }
-  .delete:after {
-    height: 50%;
-    width: 2px; }
-  .delete:hover, .delete:focus {
-    background-color: rgba(10, 10, 10, 0.3); }
-  .delete:active {
-    background-color: rgba(10, 10, 10, 0.4); }
-  .delete.is-small {
-    height: 16px;
-    max-height: 16px;
-    max-width: 16px;
-    min-height: 16px;
-    min-width: 16px;
-    width: 16px; }
-  .delete.is-medium {
-    height: 24px;
-    max-height: 24px;
-    max-width: 24px;
-    min-height: 24px;
-    min-width: 24px;
-    width: 24px; }
-  .delete.is-large {
-    height: 32px;
-    max-height: 32px;
-    max-width: 32px;
-    min-height: 32px;
-    min-width: 32px;
-    width: 32px; }
-
 .heading {
   display: block;
   font-size: 11px;
@@ -3410,24 +3474,10 @@ a.tag:hover {
   max-width: 100%;
   overflow: hidden;
   padding: 0; }
-  .highlight:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .highlight pre {
     overflow: auto;
     max-width: 100%; }
 
-.loader {
-  animation: spinAround 500ms infinite linear;
-  border: 2px solid #E4E5E7;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 1em;
-  position: relative;
-  width: 1em; }
-
 .number {
   align-items: center;
   background-color: #FFFFFF;
@@ -3443,25 +3493,14 @@ a.tag:hover {
   vertical-align: top; }
 
 .breadcrumb {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  align-items: stretch;
-  display: flex;
   font-size: 0.88rem;
-  overflow: hidden;
-  overflow-x: auto;
   white-space: nowrap; }
-  .breadcrumb:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .breadcrumb a {
     align-items: center;
     color: #26599B;
     display: flex;
     justify-content: center;
-    padding: 0.5em 0.75em; }
+    padding: 0 0.75em; }
     .breadcrumb a:hover {
       color: #E4E5E7; }
   .breadcrumb li {
@@ -3474,21 +3513,23 @@ a.tag:hover {
       cursor: default;
       pointer-events: none; }
     .breadcrumb li + li::before {
-      color: #0D1E34;
+      color: #b5b5b5;
       content: "\0002f"; }
-  .breadcrumb ul, .breadcrumb ol {
-    align-items: center;
+  .breadcrumb ul,
+  .breadcrumb ol {
+    align-items: flex-start;
     display: flex;
-    flex-grow: 1;
-    flex-shrink: 0;
+    flex-wrap: wrap;
     justify-content: flex-start; }
   .breadcrumb .icon:first-child {
     margin-right: 0.5em; }
   .breadcrumb .icon:last-child {
     margin-left: 0.5em; }
-  .breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
+  .breadcrumb.is-centered ol,
+  .breadcrumb.is-centered ul {
     justify-content: center; }
-  .breadcrumb.is-right ol, .breadcrumb.is-right ul {
+  .breadcrumb.is-right ol,
+  .breadcrumb.is-right ul {
     justify-content: flex-end; }
   .breadcrumb.is-small {
     font-size: 0.63rem; }
@@ -3513,6 +3554,7 @@ a.tag:hover {
   position: relative; }
 
 .card-header {
+  background-color: transparent;
   align-items: stretch;
   box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
   display: flex; }
@@ -3539,9 +3581,11 @@ a.tag:hover {
   position: relative; }
 
 .card-content {
+  background-color: transparent;
   padding: 1.5rem; }
 
 .card-footer {
+  background-color: transparent;
   border-top: 1px solid #E4E5E7;
   align-items: stretch;
   display: flex; }
@@ -3572,7 +3616,7 @@ a.tag:hover {
   .dropdown.is-up .dropdown-menu {
     bottom: 100%;
     padding-bottom: 4px;
-    padding-top: unset;
+    padding-top: initial;
     top: auto; }
 
 .dropdown-menu {
@@ -3599,13 +3643,18 @@ a.tag:hover {
   padding: 0.375rem 1rem;
   position: relative; }
 
-a.dropdown-item {
+a.dropdown-item,
+button.dropdown-item {
   padding-right: 3rem;
-  white-space: nowrap; }
-  a.dropdown-item:hover {
+  text-align: left;
+  white-space: nowrap;
+  width: 100%; }
+  a.dropdown-item:hover,
+  button.dropdown-item:hover {
     background-color: #FFFFFF;
     color: #0a0a0a; }
-  a.dropdown-item.is-active {
+  a.dropdown-item.is-active,
+  button.dropdown-item.is-active {
     background-color: #26599B;
     color: #FFFFFF; }
 
@@ -3619,8 +3668,6 @@ a.dropdown-item {
 .level {
   align-items: center;
   justify-content: space-between; }
-  .level:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .level code {
     border-radius: 0; }
   .level img {
@@ -3633,12 +3680,11 @@ a.dropdown-item {
       display: flex; }
     .level.is-mobile .level-left + .level-right {
       margin-top: 0; }
-    .level.is-mobile .level-item {
+    .level.is-mobile .level-item:not(:last-child) {
+      margin-bottom: 0;
       margin-right: 0.75rem; }
-      .level.is-mobile .level-item:not(:last-child) {
-        margin-bottom: 0; }
-      .level.is-mobile .level-item:not(.is-narrow) {
-        flex-grow: 1; }
+    .level.is-mobile .level-item:not(.is-narrow) {
+      flex-grow: 1; }
   @media screen and (min-width: 769px), print {
     .level {
       display: flex; }
@@ -3689,6 +3735,32 @@ a.dropdown-item {
     .level-right {
       display: flex; } }
 
+.list {
+  background-color: #FFFFFF;
+  border-radius: 0;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }
+
+.list-item {
+  display: block;
+  padding: 0.5em 1em; }
+  .list-item:not(a) {
+    color: #0D1E34; }
+  .list-item:first-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0; }
+  .list-item:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0; }
+  .list-item:not(:last-child) {
+    border-bottom: 1px solid #E4E5E7; }
+  .list-item.is-active {
+    background-color: #26599B;
+    color: #FFFFFF; }
+
+a.list-item {
+  background-color: #FFFFFF;
+  cursor: pointer; }
+
 .media {
   align-items: flex-start;
   display: flex;
@@ -3730,9 +3802,12 @@ a.dropdown-item {
   flex-basis: auto;
   flex-grow: 1;
   flex-shrink: 1;
-  overflow: auto;
   text-align: left; }
 
+@media screen and (max-width: 768px) {
+  .media-content {
+    overflow-x: auto; } }
+
 .menu {
   font-size: 0.88rem; }
   .menu.is-small {
@@ -3774,8 +3849,6 @@ a.dropdown-item {
   background-color: #FFFFFF;
   border-radius: 0;
   font-size: 0.88rem; }
-  .message:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .message strong {
     color: currentColor; }
   .message a:not(.button):not(.tag) {
@@ -3874,24 +3947,27 @@ a.dropdown-item {
   border-radius: 0 0 0 0;
   color: #FFFFFF;
   display: flex;
+  font-weight: 700;
   justify-content: space-between;
   line-height: 1.25;
-  padding: 0.5em 0.75em;
+  padding: 0.75em 1em;
   position: relative; }
   .message-header .delete {
     flex-grow: 0;
     flex-shrink: 0;
     margin-left: 0.75em; }
   .message-header + .message-body {
+    border-width: 0;
     border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top: none; }
+    border-top-right-radius: 0; }
 
 .message-body {
-  border: 1px solid #E4E5E7;
+  border-color: #E4E5E7;
   border-radius: 0;
+  border-style: solid;
+  border-width: 0 0 0 4px;
   color: #0D1E34;
-  padding: 1em 1.25em; }
+  padding: 1.25em 1.5em; }
   .message-body code,
   .message-body pre {
     background-color: #FFFFFF; }
@@ -3899,13 +3975,9 @@ a.dropdown-item {
     background-color: transparent; }
 
 .modal {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
   align-items: center;
   display: none;
+  flex-direction: column;
   justify-content: center;
   overflow: hidden;
   position: fixed;
@@ -3914,11 +3986,6 @@ a.dropdown-item {
     display: flex; }
 
 .modal-background {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
   background-color: rgba(10, 10, 10, 0.86); }
 
 .modal-content,
@@ -3936,82 +4003,19 @@ a.dropdown-item {
       width: 640px; } }
 
 .modal-close {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(10, 10, 10, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  flex-grow: 0;
-  flex-shrink: 0;
-  font-size: 0;
-  height: 20px;
-  max-height: 20px;
-  max-width: 20px;
-  min-height: 20px;
-  min-width: 20px;
-  outline: none;
-  position: relative;
-  vertical-align: top;
-  width: 20px;
   background: none;
   height: 40px;
   position: fixed;
   right: 20px;
   top: 20px;
   width: 40px; }
-  .modal-close:before, .modal-close:after {
-    background-color: #FFFFFF;
-    content: "";
-    display: block;
-    left: 50%;
-    position: absolute;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%) rotate(45deg);
-    transform-origin: center center; }
-  .modal-close:before {
-    height: 2px;
-    width: 50%; }
-  .modal-close:after {
-    height: 50%;
-    width: 2px; }
-  .modal-close:hover, .modal-close:focus {
-    background-color: rgba(10, 10, 10, 0.3); }
-  .modal-close:active {
-    background-color: rgba(10, 10, 10, 0.4); }
-  .modal-close.is-small {
-    height: 16px;
-    max-height: 16px;
-    max-width: 16px;
-    min-height: 16px;
-    min-width: 16px;
-    width: 16px; }
-  .modal-close.is-medium {
-    height: 24px;
-    max-height: 24px;
-    max-width: 24px;
-    min-height: 24px;
-    min-width: 24px;
-    width: 24px; }
-  .modal-close.is-large {
-    height: 32px;
-    max-height: 32px;
-    max-width: 32px;
-    min-height: 32px;
-    min-width: 32px;
-    width: 32px; }
 
 .modal-card {
   display: flex;
   flex-direction: column;
   max-height: calc(100vh - 40px);
-  overflow: hidden; }
+  overflow: hidden;
+  -ms-overflow-y: visible; }
 
 .modal-card-head,
 .modal-card-foot {
@@ -4053,7 +4057,8 @@ a.dropdown-item {
 .navbar {
   background-color: #FFFFFF;
   min-height: 3.25rem;
-  position: relative; }
+  position: relative;
+  z-index: 30; }
   .navbar.is-white {
     background-color: #FFFFFF;
     color: #0a0a0a; }
@@ -4067,7 +4072,9 @@ a.dropdown-item {
       color: #0a0a0a; }
     .navbar.is-white .navbar-brand .navbar-link::after {
       border-color: #0a0a0a; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-white .navbar-burger {
+      color: #0a0a0a; }
+    @media screen and (min-width: 769px) {
       .navbar.is-white .navbar-start > .navbar-item,
       .navbar.is-white .navbar-start .navbar-link,
       .navbar.is-white .navbar-end > .navbar-item,
@@ -4105,7 +4112,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-black .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-black .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-black .navbar-start > .navbar-item,
       .navbar.is-black .navbar-start .navbar-link,
       .navbar.is-black .navbar-end > .navbar-item,
@@ -4143,7 +4152,9 @@ a.dropdown-item {
       color: #0D1E34; }
     .navbar.is-light .navbar-brand .navbar-link::after {
       border-color: #0D1E34; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-light .navbar-burger {
+      color: #0D1E34; }
+    @media screen and (min-width: 769px) {
       .navbar.is-light .navbar-start > .navbar-item,
       .navbar.is-light .navbar-start .navbar-link,
       .navbar.is-light .navbar-end > .navbar-item,
@@ -4181,7 +4192,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-dark .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-dark .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-dark .navbar-start > .navbar-item,
       .navbar.is-dark .navbar-start .navbar-link,
       .navbar.is-dark .navbar-end > .navbar-item,
@@ -4219,7 +4232,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-primary .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-primary .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-primary .navbar-start > .navbar-item,
       .navbar.is-primary .navbar-start .navbar-link,
       .navbar.is-primary .navbar-end > .navbar-item,
@@ -4257,7 +4272,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-link .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-link .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-link .navbar-start > .navbar-item,
       .navbar.is-link .navbar-start .navbar-link,
       .navbar.is-link .navbar-end > .navbar-item,
@@ -4295,7 +4312,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-info .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-info .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-info .navbar-start > .navbar-item,
       .navbar.is-info .navbar-start .navbar-link,
       .navbar.is-info .navbar-end > .navbar-item,
@@ -4333,7 +4352,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-success .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-success .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-success .navbar-start > .navbar-item,
       .navbar.is-success .navbar-start .navbar-link,
       .navbar.is-success .navbar-end > .navbar-item,
@@ -4371,7 +4392,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-warning .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-warning .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-warning .navbar-start > .navbar-item,
       .navbar.is-warning .navbar-start .navbar-link,
       .navbar.is-warning .navbar-end > .navbar-item,
@@ -4409,7 +4432,9 @@ a.dropdown-item {
       color: #FFFFFF; }
     .navbar.is-danger .navbar-brand .navbar-link::after {
       border-color: #FFFFFF; }
-    @media screen and (min-width: 1024px) {
+    .navbar.is-danger .navbar-burger {
+      color: #FFFFFF; }
+    @media screen and (min-width: 769px) {
       .navbar.is-danger .navbar-start > .navbar-item,
       .navbar.is-danger .navbar-start .navbar-link,
       .navbar.is-danger .navbar-end > .navbar-item,
@@ -4440,7 +4465,7 @@ a.dropdown-item {
     min-height: 3.25rem;
     width: 100%; }
   .navbar.has-shadow {
-    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); }
+    box-shadow: 0 2px 0 0 #FFFFFF; }
   .navbar.is-fixed-bottom, .navbar.is-fixed-top {
     left: 0;
     position: fixed;
@@ -4449,14 +4474,16 @@ a.dropdown-item {
   .navbar.is-fixed-bottom {
     bottom: 0; }
     .navbar.is-fixed-bottom.has-shadow {
-      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
+      box-shadow: 0 -2px 0 0 #FFFFFF; }
   .navbar.is-fixed-top {
     top: 0; }
 
-html.has-navbar-fixed-top {
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top {
   padding-top: 3.25rem; }
 
-html.has-navbar-fixed-bottom {
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom {
   padding-bottom: 3.25rem; }
 
 .navbar-brand,
@@ -4466,6 +4493,9 @@ html.has-navbar-fixed-bottom {
   flex-shrink: 0;
   min-height: 3.25rem; }
 
+.navbar-brand a.navbar-item:hover {
+  background-color: transparent; }
+
 .navbar-tabs {
   -webkit-overflow-scrolling: touch;
   max-width: 100vw;
@@ -4473,6 +4503,7 @@ html.has-navbar-fixed-bottom {
   overflow-y: hidden; }
 
 .navbar-burger {
+  color: #4a4a4a;
   cursor: pointer;
   display: block;
   height: 3.25rem;
@@ -4513,16 +4544,24 @@ html.has-navbar-fixed-bottom {
   color: #4a4a4a;
   display: block;
   line-height: 1.5;
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 0.75rem;
   position: relative; }
+  .navbar-item .icon:only-child,
+  .navbar-link .icon:only-child {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem; }
 
-a.navbar-item:hover, a.navbar-item.is-active,
-a.navbar-link:hover,
-a.navbar-link.is-active {
-  background-color: #FFFFFF;
-  color: #26599B; }
+a.navbar-item,
+.navbar-link {
+  cursor: pointer; }
+  a.navbar-item:hover, a.navbar-item.is-active,
+  .navbar-link:hover,
+  .navbar-link.is-active {
+    background-color: #fafafa;
+    color: #26599B; }
 
 .navbar-item {
+  display: block;
   flex-grow: 0;
   flex-shrink: 0; }
   .navbar-item img {
@@ -4551,8 +4590,12 @@ a.navbar-link.is-active {
   flex-grow: 1;
   flex-shrink: 1; }
 
-.navbar-link {
+.navbar-link:not(.is-arrowless) {
   padding-right: 2.5em; }
+  .navbar-link:not(.is-arrowless)::after {
+    border-color: #26599B;
+    margin-top: -0.375em;
+    right: 1.125em; }
 
 .navbar-dropdown {
   font-size: 0.875rem;
@@ -4563,19 +4606,21 @@ a.navbar-link.is-active {
     padding-right: 1.5rem; }
 
 .navbar-divider {
-  background-color: #E4E5E7;
+  background-color: #FFFFFF;
   border: none;
   display: none;
-  height: 1px;
+  height: 2px;
   margin: 0.5rem 0; }
 
-@media screen and (max-width: 1023px) {
+@media screen and (max-width: 768px) {
   .navbar > .container {
     display: block; }
   .navbar-brand .navbar-item,
   .navbar-tabs .navbar-item {
     align-items: center;
     display: flex; }
+  .navbar-link::after {
+    display: none; }
   .navbar-menu {
     background-color: #FFFFFF;
     box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
@@ -4597,12 +4642,14 @@ a.navbar-link.is-active {
     -webkit-overflow-scrolling: touch;
     max-height: calc(100vh - 3.25rem);
     overflow: auto; }
-  html.has-navbar-fixed-top-touch {
+  html.has-navbar-fixed-top-touch,
+  body.has-navbar-fixed-top-touch {
     padding-top: 3.25rem; }
-  html.has-navbar-fixed-bottom-touch {
+  html.has-navbar-fixed-bottom-touch,
+  body.has-navbar-fixed-bottom-touch {
     padding-bottom: 3.25rem; } }
 
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 769px) {
   .navbar,
   .navbar-menu,
   .navbar-start,
@@ -4611,9 +4658,17 @@ a.navbar-link.is-active {
     display: flex; }
   .navbar {
     min-height: 3.25rem; }
+    .navbar.is-spaced {
+      padding: 1rem 2rem; }
+      .navbar.is-spaced .navbar-start,
+      .navbar.is-spaced .navbar-end {
+        align-items: center; }
+      .navbar.is-spaced a.navbar-item,
+      .navbar.is-spaced .navbar-link {
+        border-radius: 0; }
     .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
-    .navbar.is-transparent a.navbar-link:hover,
-    .navbar.is-transparent a.navbar-link.is-active {
+    .navbar.is-transparent .navbar-link:hover,
+    .navbar.is-transparent .navbar-link.is-active {
       background-color: transparent !important; }
     .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
       background-color: transparent !important; }
@@ -4629,38 +4684,25 @@ a.navbar-link.is-active {
   .navbar-link {
     align-items: center;
     display: flex; }
-  .navbar-item.has-dropdown {
-    align-items: stretch; }
-  .navbar-item.has-dropdown-up .navbar-link::after {
-    transform: rotate(135deg) translate(0.25em, -0.25em); }
-  .navbar-item.has-dropdown-up .navbar-dropdown {
-    border-bottom: 1px solid #E4E5E7;
-    border-radius: 0 0 0 0;
-    border-top: none;
-    bottom: 100%;
-    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
-    top: auto; }
-  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
-    display: block; }
-    .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
-      opacity: 1;
-      pointer-events: auto;
-      transform: translateY(0); }
-  .navbar-link::after {
-    border: 1px solid #26599B;
-    border-right: 0;
-    border-top: 0;
-    content: " ";
-    display: block;
-    height: 0.5em;
-    pointer-events: none;
-    position: absolute;
-    transform: rotate(-45deg);
-    transform-origin: center;
-    width: 0.5em;
-    margin-top: -0.375em;
-    right: 1.125em;
-    top: 50%; }
+  .navbar-item {
+    display: flex; }
+    .navbar-item.has-dropdown {
+      align-items: stretch; }
+    .navbar-item.has-dropdown-up .navbar-link::after {
+      transform: rotate(135deg) translate(0.25em, -0.25em); }
+    .navbar-item.has-dropdown-up .navbar-dropdown {
+      border-bottom: 2px solid #E4E5E7;
+      border-radius: 0 0 0 0;
+      border-top: none;
+      bottom: 100%;
+      box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
+      top: auto; }
+    .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
+      display: block; }
+      .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
+        opacity: 1;
+        pointer-events: auto;
+        transform: translateY(0); }
   .navbar-menu {
     flex-grow: 1;
     flex-shrink: 0; }
@@ -4674,7 +4716,7 @@ a.navbar-link.is-active {
     background-color: #FFFFFF;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-    border-top: 1px solid #E4E5E7;
+    border-top: 2px solid #E4E5E7;
     box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
     display: none;
     font-size: 0.875rem;
@@ -4694,7 +4736,7 @@ a.navbar-link.is-active {
       .navbar-dropdown a.navbar-item.is-active {
         background-color: #FFFFFF;
         color: #26599B; }
-    .navbar-dropdown.is-boxed {
+    .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
       border-radius: 0;
       border-top: none;
       box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
@@ -4712,10 +4754,10 @@ a.navbar-link.is-active {
     display: block; }
   .navbar > .container .navbar-brand,
   .container > .navbar .navbar-brand {
-    margin-left: -1rem; }
+    margin-left: -.75rem; }
   .navbar > .container .navbar-menu,
   .container > .navbar .navbar-menu {
-    margin-right: -1rem; }
+    margin-right: -.75rem; }
   .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
     left: 0;
     position: fixed;
@@ -4727,18 +4769,26 @@ a.navbar-link.is-active {
       box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
   .navbar.is-fixed-top-desktop {
     top: 0; }
-  html.has-navbar-fixed-top-desktop {
+  html.has-navbar-fixed-top-desktop,
+  body.has-navbar-fixed-top-desktop {
     padding-top: 3.25rem; }
-  html.has-navbar-fixed-bottom-desktop {
+  html.has-navbar-fixed-bottom-desktop,
+  body.has-navbar-fixed-bottom-desktop {
     padding-bottom: 3.25rem; }
+  html.has-spaced-navbar-fixed-top,
+  body.has-spaced-navbar-fixed-top {
+    padding-top: 5.25rem; }
+  html.has-spaced-navbar-fixed-bottom,
+  body.has-spaced-navbar-fixed-bottom {
+    padding-bottom: 5.25rem; }
   a.navbar-item.is-active,
-  a.navbar-link.is-active {
+  .navbar-link.is-active {
     color: #0a0a0a; }
   a.navbar-item.is-active:not(:hover),
-  a.navbar-link.is-active:not(:hover) {
+  .navbar-link.is-active:not(:hover) {
     background-color: transparent; }
   .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #FFFFFF; } }
+    background-color: #fafafa; } }
 
 .pagination {
   font-size: 0.88rem;
@@ -4768,53 +4818,12 @@ a.navbar-link.is-active {
 .pagination-next,
 .pagination-link,
 .pagination-ellipsis {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  align-items: center;
-  border: 1px solid transparent;
-  border-radius: 0;
-  box-shadow: none;
-  display: inline-flex;
-  font-size: 0.88rem;
-  height: 2.25em;
-  justify-content: flex-start;
-  line-height: 1.5;
-  padding-bottom: calc(0.375em - 1px);
-  padding-left: calc(0.625em - 1px);
-  padding-right: calc(0.625em - 1px);
-  padding-top: calc(0.375em - 1px);
-  position: relative;
-  vertical-align: top;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   font-size: 1em;
   padding-left: 0.5em;
   padding-right: 0.5em;
   justify-content: center;
   margin: 0.25rem;
   text-align: center; }
-  .pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
-  .pagination-next:focus,
-  .pagination-next.is-focused,
-  .pagination-next:active,
-  .pagination-next.is-active,
-  .pagination-link:focus,
-  .pagination-link.is-focused,
-  .pagination-link:active,
-  .pagination-link.is-active,
-  .pagination-ellipsis:focus,
-  .pagination-ellipsis.is-focused,
-  .pagination-ellipsis:active,
-  .pagination-ellipsis.is-active {
-    outline: none; }
-  .pagination-previous[disabled],
-  .pagination-next[disabled],
-  .pagination-link[disabled],
-  .pagination-ellipsis[disabled] {
-    cursor: not-allowed; }
 
 .pagination-previous,
 .pagination-next,
@@ -4986,11 +4995,6 @@ label.panel-block {
 
 .tabs {
   -webkit-overflow-scrolling: touch;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
   align-items: stretch;
   display: flex;
   font-size: 0.88rem;
@@ -4998,8 +5002,6 @@ label.panel-block {
   overflow: hidden;
   overflow-x: auto;
   white-space: nowrap; }
-  .tabs:not(:last-child) {
-    margin-bottom: 1.5rem; }
   .tabs a {
     align-items: center;
     border-bottom-color: #E4E5E7;
@@ -5923,22 +5925,265 @@ label.panel-block {
     padding-right: var(--columnGap); }
   .columns.is-variable.is-0 {
     --columnGap: 0rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-0-mobile {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-0-tablet {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-0-tablet-only {
+      --columnGap: 0rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-0-touch {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-0-desktop {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-0-desktop-only {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-0-widescreen {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-0-widescreen-only {
+      --columnGap: 0rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-0-fullhd {
+      --columnGap: 0rem; } }
   .columns.is-variable.is-1 {
     --columnGap: 0.25rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-1-mobile {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-1-tablet {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-1-tablet-only {
+      --columnGap: 0.25rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-1-touch {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-1-desktop {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-1-desktop-only {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-1-widescreen {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-1-widescreen-only {
+      --columnGap: 0.25rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-1-fullhd {
+      --columnGap: 0.25rem; } }
   .columns.is-variable.is-2 {
     --columnGap: 0.5rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-2-mobile {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-2-tablet {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-2-tablet-only {
+      --columnGap: 0.5rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-2-touch {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-2-desktop {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-2-desktop-only {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-2-widescreen {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-2-widescreen-only {
+      --columnGap: 0.5rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-2-fullhd {
+      --columnGap: 0.5rem; } }
   .columns.is-variable.is-3 {
     --columnGap: 0.75rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-3-mobile {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-3-tablet {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-3-tablet-only {
+      --columnGap: 0.75rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-3-touch {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-3-desktop {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-3-desktop-only {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-3-widescreen {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-3-widescreen-only {
+      --columnGap: 0.75rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-3-fullhd {
+      --columnGap: 0.75rem; } }
   .columns.is-variable.is-4 {
     --columnGap: 1rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-4-mobile {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-4-tablet {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-4-tablet-only {
+      --columnGap: 1rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-4-touch {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-4-desktop {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-4-desktop-only {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-4-widescreen {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-4-widescreen-only {
+      --columnGap: 1rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-4-fullhd {
+      --columnGap: 1rem; } }
   .columns.is-variable.is-5 {
     --columnGap: 1.25rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-5-mobile {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-5-tablet {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-5-tablet-only {
+      --columnGap: 1.25rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-5-touch {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-5-desktop {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-5-desktop-only {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-5-widescreen {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-5-widescreen-only {
+      --columnGap: 1.25rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-5-fullhd {
+      --columnGap: 1.25rem; } }
   .columns.is-variable.is-6 {
     --columnGap: 1.5rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-6-mobile {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-6-tablet {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-6-tablet-only {
+      --columnGap: 1.5rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-6-touch {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-6-desktop {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-6-desktop-only {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-6-widescreen {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-6-widescreen-only {
+      --columnGap: 1.5rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-6-fullhd {
+      --columnGap: 1.5rem; } }
   .columns.is-variable.is-7 {
     --columnGap: 1.75rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-7-mobile {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-7-tablet {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-7-tablet-only {
+      --columnGap: 1.75rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-7-touch {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-7-desktop {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-7-desktop-only {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-7-widescreen {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-7-widescreen-only {
+      --columnGap: 1.75rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-7-fullhd {
+      --columnGap: 1.75rem; } }
   .columns.is-variable.is-8 {
     --columnGap: 2rem; }
+  @media screen and (max-width: 768px) {
+    .columns.is-variable.is-8-mobile {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 769px), print {
+    .columns.is-variable.is-8-tablet {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 769px) and (max-width: 1023px) {
+    .columns.is-variable.is-8-tablet-only {
+      --columnGap: 2rem; } }
+  @media screen and (max-width: 1023px) {
+    .columns.is-variable.is-8-touch {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 1024px) {
+    .columns.is-variable.is-8-desktop {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 1024px) and (max-width: 1215px) {
+    .columns.is-variable.is-8-desktop-only {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 1216px) {
+    .columns.is-variable.is-8-widescreen {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 1216px) and (max-width: 1407px) {
+    .columns.is-variable.is-8-widescreen-only {
+      --columnGap: 2rem; } }
+  @media screen and (min-width: 1408px) {
+    .columns.is-variable.is-8-fullhd {
+      --columnGap: 2rem; } }
 
 .tile {
   align-items: stretch;
@@ -6463,23 +6708,20 @@ label.panel-block {
     .hero.is-large .hero-body {
       padding-bottom: 18rem;
       padding-top: 18rem; } }
-  .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
+  .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
     align-items: center;
     display: flex; }
-    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
+    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
       flex-grow: 1;
       flex-shrink: 1; }
   .hero.is-halfheight {
     min-height: 50vh; }
   .hero.is-fullheight {
     min-height: 100vh; }
+  .hero.is-fullheight-with-navbar {
+    min-height: calc(100vh - 3.25rem); }
 
 .hero-video {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
   overflow: hidden; }
   .hero-video video {
     left: 50%;
@@ -6527,7 +6769,7 @@ label.panel-block {
       padding: 18rem 1.5rem; } }
 
 .footer {
-  background-color: #FFFFFF;
+  background-color: #fafafa;
   padding: 3rem 1.5rem 6rem; }
 
 /* Slider */
@@ -6736,7 +6978,7 @@ label.panel-block {
       opacity: 0.75; }
 
 /*!
-  Ionicons, v4.2.6
+  Ionicons, v4.4.5
   Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
   https://twitter.com/benjsperry  https://twitter.com/ionicframework
   MIT License: https://github.com/driftyco/ionicons
@@ -6748,8 +6990,8 @@ label.panel-block {
 */
 @font-face {
   font-family: "Ionicons";
-  src: url("../fonts/ionicons.eot?v=4.2.6");
-  src: url("../fonts/ionicons.eot?v=4.2.6#iefix") format("embedded-opentype"), url("../fonts/ionicons.woff2?v=4.2.6") format("woff2"), url("../fonts/ionicons.woff?v=4.2.6") format("woff"), url("../fonts/ionicons.ttf?v=4.2.6") format("truetype"), url("../fonts/ionicons.svg?v=4.2.6#Ionicons") format("svg");
+  src: url("../fonts/ionicons.eot?v=4.4.5");
+  src: url("../fonts/ionicons.eot?v=4.4.5#iefix") format("embedded-opentype"), url("../fonts/ionicons.woff2?v=4.4.5") format("woff2"), url("../fonts/ionicons.woff?v=4.4.5") format("woff"), url("../fonts/ionicons.ttf?v=4.4.5") format("truetype"), url("../fonts/ionicons.svg?v=4.4.5#Ionicons") format("svg");
   font-weight: normal;
   font-style: normal; }
 
diff --git a/agaric/sass/agaric/_variables.scss b/agaric/sass/agaric/_variables.scss
index 0583d8c..96bc29c 100755
--- a/agaric/sass/agaric/_variables.scss
+++ b/agaric/sass/agaric/_variables.scss
@@ -171,6 +171,8 @@ $desktop: 960px + (2 * $gap) !default; // 1152px container + 3rem
 $widescreen: 1152px + (2 * $gap) !default; // 1344px container + 3rem
 $fullhd: 1344px + (2 * $gap) !default;
 
+$navbar-breakpoint: $tablet !default
+
 
 // Animation
 //
diff --git a/package.json b/package.json
index 39cd8e6..c7007bf 100755
--- a/package.json
+++ b/package.json
@@ -11,13 +11,13 @@
     "grunt-sass": "^2.1.0",
     "grunt-shell": "^2.1.0",
     "kss": "^3.0.0-beta.18",
-    "node-sass": "^4.9.0"
+    "node-sass": "^4.10.0"
   },
   "dependencies": {
-    "bulma": "^0.6.2",
+    "bulma": "^0.7.2",
     "bulma-extensions": "^1.0.4",
-    "grunt-cli": "^1.3.1",
-    "ionicons": "^4.2.2",
+    "grunt-cli": "^1.3.2",
+    "ionicons": "^4.4.6",
     "slick-carousel": "^1.8.1"
   }
 }