From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Thu, 22 Sep 2016 19:31:41 +0000 (+0100)
Subject: Merge branch 'new-branding' of github.com:jgthms/bulma into new-branding
X-Git-Tag: 0.2.0~12
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4e011430234dd74f32e121618462dc31a50862c0;p=thirdparty%2Fbulma.git

Merge branch 'new-branding' of github.com:jgthms/bulma into new-branding
---

4e011430234dd74f32e121618462dc31a50862c0
diff --cc docs/css/bulma-docs.css
index 61224fff7,fcf7a7f9e..978fde5d4
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@@ -294,8 -308,8 +308,8 @@@ table th 
    color: #242424;
  }
  
--.block:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
--.subtitle:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
    margin-bottom: 20px;
  }
  
@@@ -326,4435 -340,4942 +340,7328 @@@
    vertical-align: top;
  }
  
--.is-block {
--  display: block;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
--@media screen and (max-width: 768px) {
--  .is-block-mobile {
--    display: block !important;
--  }
++.container {
++  position: relative;
  }
  
--@media screen and (min-width: 769px) {
--  .is-block-tablet {
--    display: block !important;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
    }
  }
  
--@media screen and (min-width: 769px) and (max-width: 979px) {
--  .is-block-tablet-only {
--    display: block !important;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
    }
  }
  
--@media screen and (max-width: 979px) {
--  .is-block-touch {
--    display: block !important;
--  }
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
--@media screen and (min-width: 980px) {
--  .is-block-desktop {
--    display: block !important;
--  }
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
  }
  
--@media screen and (min-width: 980px) and (max-width: 1179px) {
--  .is-block-desktop-only {
--    display: block !important;
--  }
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
++  position: absolute;
++  top: 50%;
++  width: 50%;
  }
  
--@media screen and (min-width: 1180px) {
--  .is-block-widescreen {
--    display: block !important;
--  }
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
  }
  
--.is-flex {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
--@media screen and (max-width: 768px) {
--  .is-flex-mobile {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
  }
  
--@media screen and (min-width: 769px) {
--  .is-flex-tablet {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
  }
  
--@media screen and (min-width: 769px) and (max-width: 979px) {
--  .is-flex-tablet-only {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
  }
  
--@media screen and (max-width: 979px) {
--  .is-flex-touch {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
  }
  
--@media screen and (min-width: 980px) {
--  .is-flex-desktop {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.icon {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
  }
  
--@media screen and (min-width: 980px) and (max-width: 1179px) {
--  .is-flex-desktop-only {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
  }
  
--@media screen and (min-width: 1180px) {
--  .is-flex-widescreen {
 -    display: -webkit-box !important;
 -    display: -ms-flexbox !important;
--    display: flex !important;
--  }
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
  }
  
--.is-inline {
--  display: inline;
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
++  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
++  width: 32px;
  }
  
--@media screen and (max-width: 768px) {
--  .is-inline-mobile {
--    display: inline !important;
--  }
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
++  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
++  width: 48px;
  }
  
--@media screen and (min-width: 769px) {
--  .is-inline-tablet {
--    display: inline !important;
--  }
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
++  position: relative;
++  width: 50px;
  }
  
--@media screen and (min-width: 769px) and (max-width: 979px) {
--  .is-inline-tablet-only {
--    display: inline !important;
--  }
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
  }
  
--@media screen and (max-width: 979px) {
--  .is-inline-touch {
--    display: inline !important;
--  }
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
  }
  
--@media screen and (min-width: 980px) {
--  .is-inline-desktop {
--    display: inline !important;
--  }
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
  }
  
--@media screen and (min-width: 980px) and (max-width: 1179px) {
--  .is-inline-desktop-only {
--    display: inline !important;
--  }
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
  }
  
--@media screen and (min-width: 1180px) {
--  .is-inline-widescreen {
--    display: inline !important;
--  }
++.hamburger:hover, .nav-toggle:hover {
++  background-color: whitesmoke;
  }
  
--.is-inline-block {
--  display: inline-block;
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
  }
  
--@media screen and (max-width: 768px) {
--  .is-inline-block-mobile {
--    display: inline-block !important;
--  }
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
  }
  
--@media screen and (min-width: 769px) {
--  .is-inline-block-tablet {
--    display: inline-block !important;
--  }
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
  }
  
--@media screen and (min-width: 769px) and (max-width: 979px) {
--  .is-inline-block-tablet-only {
--    display: inline-block !important;
--  }
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
  }
  
--@media screen and (max-width: 979px) {
--  .is-inline-block-touch {
--    display: inline-block !important;
--  }
++.heading {
++  display: block;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
  }
  
--@media screen and (min-width: 980px) {
--  .is-inline-block-desktop {
--    display: inline-block !important;
--  }
++.highlight {
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
  }
  
--@media screen and (min-width: 980px) and (max-width: 1179px) {
--  .is-inline-block-desktop-only {
--    display: inline-block !important;
--  }
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
  }
  
--@media screen and (min-width: 1180px) {
--  .is-inline-block-widescreen {
--    display: inline-block !important;
--  }
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
++  display: block;
++  height: 16px;
++  position: relative;
++  width: 16px;
  }
  
--.is-inline-flex {
++.number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  vertical-align: top;
++}
++
++.tag {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
+   display: -webkit-inline-box;
+   display: -ms-inline-flexbox;
    display: inline-flex;
++  font-size: 12px;
++  height: 24px;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  line-height: 16px;
++  padding-left: 10px;
++  padding-right: 10px;
++  vertical-align: top;
++  white-space: nowrap;
  }
  
--@media screen and (max-width: 768px) {
--  .is-inline-flex-mobile {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
  }
  
--@media screen and (min-width: 769px) {
--  .is-inline-flex-tablet {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag.is-white {
++  background-color: white;
++  color: #121212;
  }
  
--@media screen and (min-width: 769px) and (max-width: 979px) {
--  .is-inline-flex-tablet-only {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag.is-black {
++  background-color: #121212;
++  color: white;
  }
  
--@media screen and (max-width: 979px) {
--  .is-inline-flex-touch {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag.is-light {
++  background-color: whitesmoke;
++  color: #7a7a7a;
  }
  
--@media screen and (min-width: 980px) {
--  .is-inline-flex-desktop {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
--@media screen and (min-width: 980px) and (max-width: 1179px) {
--  .is-inline-flex-desktop-only {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag.is-primary {
++  background-color: #11e4c4;
++  color: white;
  }
  
--@media screen and (min-width: 1180px) {
--  .is-inline-flex-widescreen {
 -    display: -webkit-inline-box !important;
 -    display: -ms-inline-flexbox !important;
--    display: inline-flex !important;
--  }
++.tag.is-info {
++  background-color: #0f6bff;
++  color: white;
  }
  
--.is-clearfix:after {
--  clear: both;
--  content: " ";
--  display: table;
++.tag.is-success {
++  background-color: #20ee68;
++  color: white;
  }
  
--.is-pulled-left {
--  float: left;
++.tag.is-warning {
++  background-color: #ffcf0f;
++  color: white;
  }
  
--.is-pulled-right {
--  float: right;
++.tag.is-danger {
++  background-color: #ff0f3f;
++  color: white;
  }
  
--.is-clipped {
--  overflow: hidden !important;
++.tag.is-small {
++  font-size: 11px;
++  height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
  }
  
--.is-overlay {
--  bottom: 0;
--  left: 0;
--  position: absolute;
--  right: 0;
--  top: 0;
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
  }
  
--.has-text-centered {
--  text-align: center;
++.tag.is-large {
++  font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
  }
  
--.has-text-left {
--  text-align: left;
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
  }
  
--.has-text-right {
--  text-align: right;
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
  }
  
--.is-hidden {
--  display: none !important;
++.is-block {
++  display: block;
  }
  
  @media screen and (max-width: 768px) {
--  .is-hidden-mobile {
--    display: none !important;
++  .is-block-mobile {
++    display: block !important;
    }
  }
  
  @media screen and (min-width: 769px) {
--  .is-hidden-tablet {
--    display: none !important;
++  .is-block-tablet {
++    display: block !important;
    }
  }
  
  @media screen and (min-width: 769px) and (max-width: 979px) {
--  .is-hidden-tablet-only {
--    display: none !important;
++  .is-block-tablet-only {
++    display: block !important;
    }
  }
  
  @media screen and (max-width: 979px) {
--  .is-hidden-touch {
--    display: none !important;
++  .is-block-touch {
++    display: block !important;
    }
  }
  
  @media screen and (min-width: 980px) {
--  .is-hidden-desktop {
--    display: none !important;
++  .is-block-desktop {
++    display: block !important;
    }
  }
  
  @media screen and (min-width: 980px) and (max-width: 1179px) {
--  .is-hidden-desktop-only {
--    display: none !important;
++  .is-block-desktop-only {
++    display: block !important;
    }
  }
  
  @media screen and (min-width: 1180px) {
--  .is-hidden-widescreen {
--    display: none !important;
++  .is-block-widescreen {
++    display: block !important;
    }
  }
  
--.is-disabled {
--  pointer-events: none;
- }
- 
- .is-marginless {
-   margin: 0 !important;
++.is-flex {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
  }
  
- .is-paddingless {
-   padding: 0 !important;
 -.is-marginless {
 -  margin: 0 !important;
++@media screen and (max-width: 768px) {
++  .is-flex-mobile {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
- .box {
-   background-color: white;
-   border-radius: 5px;
-   box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
-   display: block;
-   padding: 20px;
 -.is-paddingless {
 -  padding: 0 !important;
++@media screen and (min-width: 769px) {
++  .is-flex-tablet {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
- a.box:hover, a.box:focus {
-   box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px #11e4c4;
 -.box {
 -  background-color: white;
 -  border-radius: 5px;
 -  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
 -  display: block;
 -  padding: 20px;
++@media screen and (min-width: 769px) and (max-width: 979px) {
++  .is-flex-tablet-only {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
 -a.box:hover, a.box:focus {
 -  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px #11e4c4;
 -}
 -
--a.box:active {
--  box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2), 0 0 0 1px #11e4c4;
++@media screen and (max-width: 979px) {
++  .is-flex-touch {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
--.button {
--  -moz-appearance: none;
--  -webkit-appearance: none;
-   align-items: center;
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
--  background-color: white;
--  border: 1px solid #dbdbdb;
--  border-radius: 3px;
--  color: #242424;
 -  display: -webkit-inline-box;
 -  display: -ms-inline-flexbox;
--  display: inline-flex;
--  font-size: 14px;
--  height: 32px;
-   justify-content: flex-start;
 -  -webkit-box-pack: start;
 -      -ms-flex-pack: start;
 -          justify-content: flex-start;
--  line-height: 24px;
--  padding-left: 8px;
--  padding-right: 8px;
--  position: relative;
--  vertical-align: top;
-   justify-content: center;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
--  padding-left: 10px;
--  padding-right: 10px;
--  text-align: center;
--  white-space: nowrap;
++@media screen and (min-width: 980px) {
++  .is-flex-desktop {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
--.button:hover {
--  border-color: #b5b5b5;
++@media screen and (min-width: 980px) and (max-width: 1179px) {
++  .is-flex-desktop-only {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
--.button:active, .button:focus, .button.is-active {
--  border-color: #11e4c4;
--  outline: none;
++@media screen and (min-width: 1180px) {
++  .is-flex-widescreen {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
++    display: flex !important;
++  }
  }
  
--.button[disabled], .button.is-disabled {
--  background-color: whitesmoke;
--  border-color: #dbdbdb;
--  cursor: not-allowed;
--  pointer-events: none;
++.is-inline {
++  display: inline;
  }
  
--.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder {
--  color: rgba(36, 36, 36, 0.3);
++@media screen and (max-width: 768px) {
++  .is-inline-mobile {
++    display: inline !important;
++  }
  }
  
--.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder {
--  color: rgba(36, 36, 36, 0.3);
++@media screen and (min-width: 769px) {
++  .is-inline-tablet {
++    display: inline !important;
++  }
  }
  
--.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder {
--  color: rgba(36, 36, 36, 0.3);
++@media screen and (min-width: 769px) and (max-width: 979px) {
++  .is-inline-tablet-only {
++    display: inline !important;
++  }
  }
  
--.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder {
--  color: rgba(36, 36, 36, 0.3);
++@media screen and (max-width: 979px) {
++  .is-inline-touch {
++    display: inline !important;
++  }
  }
  
--.button strong {
--  color: inherit;
++@media screen and (min-width: 980px) {
++  .is-inline-desktop {
++    display: inline !important;
++  }
  }
  
--.button small {
--  display: block;
--  font-size: 11px;
--  line-height: 1;
--  margin-top: 5px;
++@media screen and (min-width: 980px) and (max-width: 1179px) {
++  .is-inline-desktop-only {
++    display: inline !important;
++  }
  }
  
--.button .icon:first-child,
--.button .tag:first-child {
--  margin-left: -2px;
--  margin-right: 4px;
++@media screen and (min-width: 1180px) {
++  .is-inline-widescreen {
++    display: inline !important;
++  }
  }
  
--.button .icon:last-child,
--.button .tag:last-child {
--  margin-left: 4px;
--  margin-right: -2px;
++.is-inline-block {
++  display: inline-block;
  }
  
--.button:hover, .button:focus, .button.is-active {
--  color: #242424;
++@media screen and (max-width: 768px) {
++  .is-inline-block-mobile {
++    display: inline-block !important;
++  }
  }
  
--.button:active {
--  box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2);
++@media screen and (min-width: 769px) {
++  .is-inline-block-tablet {
++    display: inline-block !important;
++  }
  }
  
--.button.is-white {
--  background-color: white;
--  border-color: transparent;
--  color: #121212;
++@media screen and (min-width: 769px) and (max-width: 979px) {
++  .is-inline-block-tablet-only {
++    display: inline-block !important;
++  }
  }
  
--.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active {
-   background-color: #f2f2f2;
 -  background-color: #e6e6e6;
--  border-color: transparent;
--  color: #121212;
++@media screen and (max-width: 979px) {
++  .is-inline-block-touch {
++    display: inline-block !important;
++  }
  }
  
--.button.is-white:active {
--  border-color: transparent;
++@media screen and (min-width: 980px) {
++  .is-inline-block-desktop {
++    display: inline-block !important;
++  }
  }
  
--.button.is-white.is-inverted {
--  background-color: #121212;
--  color: white;
++@media screen and (min-width: 980px) and (max-width: 1179px) {
++  .is-inline-block-desktop-only {
++    display: inline-block !important;
++  }
  }
  
--.button.is-white.is-inverted:hover {
--  background-color: #050505;
++@media screen and (min-width: 1180px) {
++  .is-inline-block-widescreen {
++    display: inline-block !important;
++  }
  }
  
--.button.is-white.is-loading:after {
--  border-color: transparent transparent #121212 #121212 !important;
++.is-inline-flex {
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
  }
  
--.button.is-white.is-outlined {
--  background-color: transparent;
--  border-color: white;
--  color: white;
++@media screen and (max-width: 768px) {
++  .is-inline-flex-mobile {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
--  background-color: white;
--  border-color: white;
--  color: #121212;
++@media screen and (min-width: 769px) {
++  .is-inline-flex-tablet {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-black {
--  background-color: #121212;
--  border-color: transparent;
--  color: white;
++@media screen and (min-width: 769px) and (max-width: 979px) {
++  .is-inline-flex-tablet-only {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active {
-   background-color: #050505;
 -  background-color: black;
--  border-color: transparent;
--  color: white;
++@media screen and (max-width: 979px) {
++  .is-inline-flex-touch {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-black:active {
--  border-color: transparent;
++@media screen and (min-width: 980px) {
++  .is-inline-flex-desktop {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-black.is-inverted {
--  background-color: white;
--  color: #121212;
++@media screen and (min-width: 980px) and (max-width: 1179px) {
++  .is-inline-flex-desktop-only {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-black.is-inverted:hover {
--  background-color: #f2f2f2;
++@media screen and (min-width: 1180px) {
++  .is-inline-flex-widescreen {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
++    display: inline-flex !important;
++  }
  }
  
--.button.is-black.is-loading:after {
--  border-color: transparent transparent white white !important;
++.is-clearfix:after {
++  clear: both;
++  content: " ";
++  display: table;
  }
  
--.button.is-black.is-outlined {
--  background-color: transparent;
--  border-color: #121212;
--  color: #121212;
++.is-pulled-left {
++  float: left;
  }
  
--.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
--  background-color: #121212;
--  border-color: #121212;
--  color: white;
++.is-pulled-right {
++  float: right;
  }
  
--.button.is-light {
--  background-color: whitesmoke;
 -  border-color: transparent;
 -  color: #7a7a7a;
 -}
 -
 -.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active {
 -  background-color: #dbdbdb;
--  border-color: transparent;
--  color: #7a7a7a;
++.is-clipped {
++  overflow: hidden !important;
  }
  
- .button.is-light:hover, .button.is-light:focus, .button.is-light.is-active {
-   background-color: #e8e8e8;
 -.button.is-light:active {
--  border-color: transparent;
-   color: #7a7a7a;
++.is-overlay {
++  bottom: 0;
++  left: 0;
++  position: absolute;
++  right: 0;
++  top: 0;
  }
  
- .button.is-light:active {
-   border-color: transparent;
 -.button.is-light.is-inverted {
 -  background-color: #7a7a7a;
 -  color: whitesmoke;
++.has-text-centered {
++  text-align: center;
  }
  
- .button.is-light.is-inverted {
-   background-color: #7a7a7a;
-   color: whitesmoke;
 -.button.is-light.is-inverted:hover {
 -  background-color: #6e6e6e;
++.has-text-left {
++  text-align: left;
  }
  
- .button.is-light.is-inverted:hover {
-   background-color: #6e6e6e;
 -.button.is-light.is-loading:after {
 -  border-color: transparent transparent #7a7a7a #7a7a7a !important;
++.has-text-right {
++  text-align: right;
  }
  
- .button.is-light.is-loading:after {
-   border-color: transparent transparent #7a7a7a #7a7a7a !important;
 -.button.is-light.is-outlined {
 -  background-color: transparent;
 -  border-color: whitesmoke;
 -  color: whitesmoke;
++.is-hidden {
++  display: none !important;
  }
  
- .button.is-light.is-outlined {
-   background-color: transparent;
 -.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
 -  background-color: whitesmoke;
--  border-color: whitesmoke;
-   color: whitesmoke;
 -  color: #7a7a7a;
++@media screen and (max-width: 768px) {
++  .is-hidden-mobile {
++    display: none !important;
++  }
  }
  
- .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
-   background-color: whitesmoke;
-   border-color: whitesmoke;
-   color: #7a7a7a;
 -.button.is-dark {
 -  background-color: #7a7a7a;
 -  border-color: transparent;
 -  color: whitesmoke;
++@media screen and (min-width: 769px) {
++  .is-hidden-tablet {
++    display: none !important;
++  }
  }
  
- .button.is-dark {
-   background-color: #7a7a7a;
 -.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active {
 -  background-color: #616161;
--  border-color: transparent;
--  color: whitesmoke;
++@media screen and (min-width: 769px) and (max-width: 979px) {
++  .is-hidden-tablet-only {
++    display: none !important;
++  }
  }
  
- .button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active {
-   background-color: #6e6e6e;
 -.button.is-dark:active {
--  border-color: transparent;
-   color: whitesmoke;
++@media screen and (max-width: 979px) {
++  .is-hidden-touch {
++    display: none !important;
++  }
  }
  
- .button.is-dark:active {
-   border-color: transparent;
 -.button.is-dark.is-inverted {
 -  background-color: whitesmoke;
 -  color: #7a7a7a;
++@media screen and (min-width: 980px) {
++  .is-hidden-desktop {
++    display: none !important;
++  }
  }
  
- .button.is-dark.is-inverted {
-   background-color: whitesmoke;
-   color: #7a7a7a;
 -.button.is-dark.is-inverted:hover {
 -  background-color: #e8e8e8;
++@media screen and (min-width: 980px) and (max-width: 1179px) {
++  .is-hidden-desktop-only {
++    display: none !important;
++  }
  }
  
- .button.is-dark.is-inverted:hover {
-   background-color: #e8e8e8;
 -.button.is-dark.is-loading:after {
 -  border-color: transparent transparent whitesmoke whitesmoke !important;
++@media screen and (min-width: 1180px) {
++  .is-hidden-widescreen {
++    display: none !important;
++  }
  }
  
- .button.is-dark.is-loading:after {
-   border-color: transparent transparent whitesmoke whitesmoke !important;
 -.button.is-dark.is-outlined {
 -  background-color: transparent;
 -  border-color: #7a7a7a;
 -  color: #7a7a7a;
++.is-disabled {
++  pointer-events: none;
  }
  
- .button.is-dark.is-outlined {
-   background-color: transparent;
 -.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
 -  background-color: #7a7a7a;
--  border-color: #7a7a7a;
-   color: #7a7a7a;
 -  color: whitesmoke;
++.is-marginless {
++  margin: 0 !important;
  }
  
- .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
-   background-color: #7a7a7a;
-   border-color: #7a7a7a;
-   color: whitesmoke;
 -.button.is-primary {
 -  background-color: #11e4c4;
 -  border-color: transparent;
 -  color: white;
++.is-paddingless {
++  padding: 0 !important;
  }
  
- .button.is-primary {
-   background-color: #11e4c4;
 -.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
 -  background-color: #0eb49b;
--  border-color: transparent;
--  color: white;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
-   background-color: #0fccb0;
 -.button.is-primary:active {
--  border-color: transparent;
-   color: white;
++.container {
++  position: relative;
  }
  
- .button.is-primary:active {
-   border-color: transparent;
 -.button.is-primary.is-inverted {
 -  background-color: white;
 -  color: #11e4c4;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
- .button.is-primary.is-inverted {
-   background-color: white;
-   color: #11e4c4;
 -.button.is-primary.is-inverted:hover {
 -  background-color: #f2f2f2;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .button.is-primary.is-inverted:hover {
-   background-color: #f2f2f2;
 -.button.is-primary.is-loading:after {
 -  border-color: transparent transparent white white !important;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .button.is-primary.is-loading:after {
-   border-color: transparent transparent white white !important;
 -.button.is-primary.is-outlined {
 -  background-color: transparent;
 -  border-color: #11e4c4;
 -  color: #11e4c4;
++.box {
++  background-color: white;
++  border-radius: 5px;
++  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
++  display: block;
++  padding: 20px;
  }
  
- .button.is-primary.is-outlined {
-   background-color: transparent;
 -.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
 -  background-color: #11e4c4;
--  border-color: #11e4c4;
-   color: #11e4c4;
 -  color: white;
++a.box:hover, a.box:focus {
++  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px #11e4c4;
  }
  
- .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
-   background-color: #11e4c4;
-   border-color: #11e4c4;
 -.button.is-info {
 -  background-color: #0f6bff;
 -  border-color: transparent;
--  color: white;
++a.box:active {
++  box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2), 0 0 0 1px #11e4c4;
  }
  
- .button.is-info {
-   background-color: #0f6bff;
 -.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
 -  background-color: #0054db;
--  border-color: transparent;
--  color: white;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
-   background-color: #005ef5;
 -.button.is-info:active {
--  border-color: transparent;
-   color: white;
++.container {
++  position: relative;
  }
  
- .button.is-info:active {
-   border-color: transparent;
 -.button.is-info.is-inverted {
 -  background-color: white;
 -  color: #0f6bff;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
- .button.is-info.is-inverted {
-   background-color: white;
-   color: #0f6bff;
 -.button.is-info.is-inverted:hover {
 -  background-color: #f2f2f2;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .button.is-info.is-inverted:hover {
-   background-color: #f2f2f2;
 -.button.is-info.is-loading:after {
 -  border-color: transparent transparent white white !important;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .button.is-info.is-loading:after {
-   border-color: transparent transparent white white !important;
 -.button.is-info.is-outlined {
 -  background-color: transparent;
 -  border-color: #0f6bff;
 -  color: #0f6bff;
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
  }
  
- .button.is-info.is-outlined {
-   background-color: transparent;
 -.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
 -  background-color: #0f6bff;
--  border-color: #0f6bff;
-   color: #0f6bff;
 -  color: white;
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
++  position: absolute;
++  top: 50%;
++  width: 50%;
  }
  
- .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
-   background-color: #0f6bff;
-   border-color: #0f6bff;
 -.button.is-success {
 -  background-color: #20ee68;
 -  border-color: transparent;
--  color: white;
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
  }
  
- .button.is-success {
-   background-color: #20ee68;
 -.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
 -  background-color: #0fcc51;
--  border-color: transparent;
--  color: white;
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
- .button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
-   background-color: #11e45b;
 -.button.is-success:active {
--  border-color: transparent;
-   color: white;
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
  }
  
- .button.is-success:active {
-   border-color: transparent;
 -.button.is-success.is-inverted {
 -  background-color: white;
 -  color: #20ee68;
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
  }
  
- .button.is-success.is-inverted {
-   background-color: white;
-   color: #20ee68;
 -.button.is-success.is-inverted:hover {
 -  background-color: #f2f2f2;
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
  }
  
- .button.is-success.is-inverted:hover {
-   background-color: #f2f2f2;
 -.button.is-success.is-loading:after {
 -  border-color: transparent transparent white white !important;
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
  }
  
- .button.is-success.is-loading:after {
-   border-color: transparent transparent white white !important;
 -.button.is-success.is-outlined {
 -  background-color: transparent;
 -  border-color: #20ee68;
 -  color: #20ee68;
++.icon {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
  }
  
- .button.is-success.is-outlined {
-   background-color: transparent;
 -.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
 -  background-color: #20ee68;
--  border-color: #20ee68;
-   color: #20ee68;
 -  color: white;
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
  }
  
- .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
-   background-color: #20ee68;
-   border-color: #20ee68;
 -.button.is-warning {
 -  background-color: #ffcf0f;
 -  border-color: transparent;
--  color: white;
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
  }
  
- .button.is-warning {
-   background-color: #ffcf0f;
 -.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
 -  background-color: #dbaf00;
--  border-color: transparent;
--  color: white;
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
++  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
++  width: 32px;
  }
  
- .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
-   background-color: #f5c400;
 -.button.is-warning:active {
--  border-color: transparent;
-   color: white;
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
++  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
++  width: 48px;
  }
  
- .button.is-warning:active {
-   border-color: transparent;
 -.button.is-warning.is-inverted {
 -  background-color: white;
 -  color: #ffcf0f;
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
++  position: relative;
++  width: 50px;
  }
  
- .button.is-warning.is-inverted {
-   background-color: white;
-   color: #ffcf0f;
 -.button.is-warning.is-inverted:hover {
 -  background-color: #f2f2f2;
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
  }
  
- .button.is-warning.is-inverted:hover {
-   background-color: #f2f2f2;
 -.button.is-warning.is-loading:after {
 -  border-color: transparent transparent white white !important;
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
  }
  
- .button.is-warning.is-loading:after {
-   border-color: transparent transparent white white !important;
 -.button.is-warning.is-outlined {
 -  background-color: transparent;
 -  border-color: #ffcf0f;
 -  color: #ffcf0f;
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
  }
  
- .button.is-warning.is-outlined {
-   background-color: transparent;
 -.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
 -  background-color: #ffcf0f;
--  border-color: #ffcf0f;
-   color: #ffcf0f;
 -  color: white;
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
  }
  
- .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
-   background-color: #ffcf0f;
-   border-color: #ffcf0f;
 -.button.is-danger {
 -  background-color: #ff0f3f;
 -  border-color: transparent;
--  color: white;
++.hamburger:hover, .nav-toggle:hover {
++  background-color: whitesmoke;
  }
  
- .button.is-danger {
-   background-color: #ff0f3f;
-   border-color: transparent;
-   color: white;
- }
- 
--.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
-   background-color: #f50031;
 -  background-color: #db002c;
--  border-color: transparent;
--  color: white;
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
  }
  
--.button.is-danger:active {
--  border-color: transparent;
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
  }
  
--.button.is-danger.is-inverted {
--  background-color: white;
--  color: #ff0f3f;
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
  }
  
--.button.is-danger.is-inverted:hover {
--  background-color: #f2f2f2;
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
  }
  
--.button.is-danger.is-loading:after {
--  border-color: transparent transparent white white !important;
++.heading {
++  display: block;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
  }
  
--.button.is-danger.is-outlined {
--  background-color: transparent;
--  border-color: #ff0f3f;
--  color: #ff0f3f;
++.highlight {
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
  }
  
--.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
--  background-color: #ff0f3f;
--  border-color: #ff0f3f;
--  color: white;
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
  }
  
--.button.is-link {
--  background-color: transparent;
--  border-color: transparent;
--  color: #7a7a7a;
--  text-decoration: underline;
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
++  display: block;
++  height: 16px;
++  position: relative;
++  width: 16px;
  }
  
--.button.is-link:hover, .button.is-link:focus {
--  background-color: #dbdbdb;
--  color: #242424;
++.number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  vertical-align: top;
  }
  
--.button.is-small {
--  border-radius: 2px;
--  font-size: 11px;
++.tag {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 12px;
    height: 24px;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    line-height: 16px;
--  padding-left: 6px;
--  padding-right: 6px;
++  padding-left: 10px;
++  padding-right: 10px;
++  vertical-align: top;
++  white-space: nowrap;
  }
  
--.button.is-medium {
--  font-size: 18px;
--  height: 40px;
--  padding-left: 14px;
--  padding-right: 14px;
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
  }
  
--.button.is-large {
--  font-size: 22px;
--  height: 48px;
--  padding-left: 20px;
--  padding-right: 20px;
++.tag.is-white {
++  background-color: white;
++  color: #121212;
  }
  
--.button[disabled], .button.is-disabled {
--  opacity: 0.5;
++.tag.is-black {
++  background-color: #121212;
++  color: white;
  }
  
--.button.is-fullwidth {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
--  width: 100%;
++.tag.is-light {
++  background-color: whitesmoke;
++  color: #7a7a7a;
  }
  
--.button.is-loading {
--  color: transparent !important;
--  pointer-events: none;
++.tag.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
--.button.is-loading:after {
--  left: 50%;
--  margin-left: -8px;
--  margin-top: -8px;
--  position: absolute;
--  top: 50%;
--  position: absolute !important;
++.tag.is-primary {
++  background-color: #11e4c4;
++  color: white;
  }
  
- .content {
-   color: #7a7a7a;
 -.content a:not(.button) {
 -  border-bottom: 1px solid #dbdbdb;
++.tag.is-info {
++  background-color: #0f6bff;
++  color: white;
  }
  
- .content a:not(.button) {
-   border-bottom: 1px solid #dbdbdb;
 -.content a:not(.button):visited {
 -  color: #b86bff;
++.tag.is-success {
++  background-color: #20ee68;
++  color: white;
  }
  
- .content a:not(.button):visited {
-   color: #b86bff;
 -.content a:not(.button):hover {
 -  border-bottom-color: #11e4c4;
 -}
 -
 -.content li + li {
 -  margin-top: 0.25em;
 -}
 -
 -.content blockquote:not(:last-child),
 -.content p:not(:last-child),
 -.content ol:not(:last-child),
 -.content ul:not(:last-child) {
 -  margin-bottom: 1em;
 -}
 -
 -.content h1,
 -.content h2,
 -.content h3,
 -.content h4,
 -.content h5,
 -.content h6 {
 -  color: #242424;
 -  font-weight: 300;
 -  line-height: 1.125;
 -  margin-bottom: 20px;
 -}
 -
 -.content h1:not(:first-child),
 -.content h2:not(:first-child),
 -.content h3:not(:first-child) {
 -  margin-top: 40px;
 -}
 -
 -.content blockquote {
 -  background-color: whitesmoke;
 -  border-left: 5px solid #dbdbdb;
 -  padding: 1.5em;
 -}
 -
 -.content h1 {
 -  font-size: 2em;
 -}
 -
 -.content h2 {
 -  font-size: 1.75em;
 -}
 -
 -.content h3 {
 -  font-size: 1.5em;
 -}
 -
 -.content h4 {
 -  font-size: 1.25em;
 -}
 -
 -.content h5 {
 -  font-size: 1.125em;
 -}
 -
 -.content h6 {
 -  font-size: 1em;
 -}
 -
 -.content ol {
 -  list-style: decimal outside;
 -  margin-left: 2em;
 -  margin-right: 2em;
 -  margin-top: 1em;
++.tag.is-warning {
++  background-color: #ffcf0f;
++  color: white;
  }
  
- .content a:not(.button):hover {
-   border-bottom-color: #11e4c4;
 -.content ul {
 -  list-style: disc outside;
 -  margin-left: 2em;
 -  margin-right: 2em;
 -  margin-top: 1em;
++.tag.is-danger {
++  background-color: #ff0f3f;
++  color: white;
  }
  
- .content li + li {
-   margin-top: 0.25em;
 -.content ul ul {
 -  list-style-type: circle;
 -  margin-top: 0.5em;
++.tag.is-small {
++  font-size: 11px;
++  height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
  }
  
- .content blockquote:not(:last-child),
- .content p:not(:last-child),
- .content ol:not(:last-child),
- .content ul:not(:last-child) {
-   margin-bottom: 1em;
 -.content ul ul ul {
 -  list-style-type: square;
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
  }
  
- .content h1,
- .content h2,
- .content h3,
- .content h4,
- .content h5,
- .content h6 {
-   color: #242424;
-   font-weight: 300;
-   line-height: 1.125;
-   margin-bottom: 20px;
 -.content.is-medium {
++.tag.is-large {
+   font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
  }
  
- .content h1:not(:first-child),
- .content h2:not(:first-child),
- .content h3:not(:first-child) {
-   margin-top: 40px;
 -.content.is-medium code {
 -  font-size: 14px;
 -}
 -
 -.content.is-large {
 -  font-size: 24px;
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
  }
  
- .content blockquote {
-   background-color: whitesmoke;
-   border-left: 5px solid #dbdbdb;
-   padding: 1.5em;
 -.content.is-large code {
 -  font-size: 18px;
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
  }
  
- .content h1 {
-   font-size: 2em;
 -.input, .textarea {
++.button {
+   -moz-appearance: none;
+   -webkit-appearance: none;
+   -webkit-box-align: center;
+       -ms-flex-align: center;
+           align-items: center;
+   background-color: white;
+   border: 1px solid #dbdbdb;
+   border-radius: 3px;
+   color: #242424;
+   display: -webkit-inline-box;
+   display: -ms-inline-flexbox;
+   display: inline-flex;
+   font-size: 14px;
+   height: 32px;
+   -webkit-box-pack: start;
+       -ms-flex-pack: start;
+           justify-content: flex-start;
+   line-height: 24px;
+   padding-left: 8px;
+   padding-right: 8px;
+   position: relative;
+   vertical-align: top;
 -  box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.1);
 -  max-width: 100%;
 -  width: 100%;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  padding-left: 10px;
++  padding-right: 10px;
++  text-align: center;
++  white-space: nowrap;
  }
  
- .content h2 {
-   font-size: 1.75em;
 -.input:hover, .textarea:hover {
++.button:hover {
+   border-color: #b5b5b5;
  }
  
- .content h3 {
-   font-size: 1.5em;
 -.input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
++.button:active, .button:focus, .button.is-active {
+   border-color: #11e4c4;
+   outline: none;
  }
  
- .content h4 {
-   font-size: 1.25em;
 -.input[disabled], [disabled].textarea, .input.is-disabled, .is-disabled.textarea {
++.button[disabled], .button.is-disabled {
+   background-color: whitesmoke;
+   border-color: #dbdbdb;
+   cursor: not-allowed;
+   pointer-events: none;
  }
  
- .content h5 {
-   font-size: 1.125em;
 -.input[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, .input.is-disabled::-moz-placeholder, .is-disabled.textarea::-moz-placeholder {
++.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder {
+   color: rgba(36, 36, 36, 0.3);
  }
  
- .content h6 {
-   font-size: 1em;
 -.input[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder, .is-disabled.textarea::-webkit-input-placeholder {
++.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder {
+   color: rgba(36, 36, 36, 0.3);
  }
  
- .content ol {
-   list-style: decimal outside;
-   margin-left: 2em;
-   margin-right: 2em;
-   margin-top: 1em;
 -.input[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, .input.is-disabled:-moz-placeholder, .is-disabled.textarea:-moz-placeholder {
++.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder {
+   color: rgba(36, 36, 36, 0.3);
  }
  
- .content ul {
-   list-style: disc outside;
-   margin-left: 2em;
-   margin-right: 2em;
-   margin-top: 1em;
 -.input[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder, .is-disabled.textarea:-ms-input-placeholder {
++.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder {
+   color: rgba(36, 36, 36, 0.3);
  }
  
- .content ul ul {
-   list-style-type: circle;
-   margin-top: 0.5em;
 -.input.is-white, .is-white.textarea {
 -  border-color: white;
++.button strong {
++  color: inherit;
  }
  
- .content ul ul ul {
-   list-style-type: square;
 -.input.is-black, .is-black.textarea {
 -  border-color: #121212;
++.button small {
++  display: block;
++  font-size: 11px;
++  line-height: 1;
++  margin-top: 5px;
  }
  
- .content.is-medium {
-   font-size: 18px;
 -.input.is-light, .is-light.textarea {
 -  border-color: whitesmoke;
++.button .icon:first-child,
++.button .tag:first-child {
++  margin-left: -2px;
++  margin-right: 4px;
  }
  
- .content.is-medium code {
-   font-size: 14px;
 -.input.is-dark, .is-dark.textarea {
 -  border-color: #7a7a7a;
++.button .icon:last-child,
++.button .tag:last-child {
++  margin-left: 4px;
++  margin-right: -2px;
  }
  
- .content.is-large {
-   font-size: 24px;
 -.input.is-primary, .is-primary.textarea {
 -  border-color: #11e4c4;
++.button:hover, .button:focus, .button.is-active {
++  color: #242424;
  }
  
- .content.is-large code {
-   font-size: 18px;
 -.input.is-info, .is-info.textarea {
 -  border-color: #0f6bff;
++.button:active {
++  box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2);
  }
  
- .input, .textarea {
-   -moz-appearance: none;
-   -webkit-appearance: none;
-   align-items: center;
 -.input.is-success, .is-success.textarea {
 -  border-color: #20ee68;
++.button.is-white {
 +  background-color: white;
-   border: 1px solid #dbdbdb;
-   border-radius: 3px;
-   color: #242424;
-   display: inline-flex;
-   font-size: 14px;
-   height: 32px;
-   justify-content: flex-start;
-   line-height: 24px;
-   padding-left: 8px;
-   padding-right: 8px;
-   position: relative;
-   vertical-align: top;
-   box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.1);
-   max-width: 100%;
-   width: 100%;
++  border-color: transparent;
++  color: #121212;
  }
  
- .input:hover, .textarea:hover {
-   border-color: #b5b5b5;
 -.input.is-warning, .is-warning.textarea {
 -  border-color: #ffcf0f;
++.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active {
++  background-color: #f2f2f2;
++  border-color: transparent;
++  color: #121212;
  }
  
- .input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
-   border-color: #11e4c4;
-   outline: none;
 -.input.is-danger, .is-danger.textarea {
 -  border-color: #ff0f3f;
++.button.is-white:active {
++  border-color: transparent;
  }
  
- .input[disabled], [disabled].textarea, .input.is-disabled, .is-disabled.textarea {
-   background-color: whitesmoke;
-   border-color: #dbdbdb;
-   cursor: not-allowed;
-   pointer-events: none;
 -.input[type="search"], [type="search"].textarea {
 -  border-radius: 290486px;
++.button.is-white.is-inverted {
++  background-color: #121212;
++  color: white;
  }
  
- .input[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, .input.is-disabled::-moz-placeholder, .is-disabled.textarea::-moz-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.input.is-small, .is-small.textarea {
 -  border-radius: 2px;
 -  font-size: 11px;
 -  height: 24px;
 -  line-height: 16px;
 -  padding-left: 6px;
 -  padding-right: 6px;
++.button.is-white.is-inverted:hover {
++  background-color: #050505;
  }
  
- .input[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder, .is-disabled.textarea::-webkit-input-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.input.is-medium, .is-medium.textarea {
 -  font-size: 18px;
 -  height: 40px;
 -  line-height: 32px;
 -  padding-left: 10px;
 -  padding-right: 10px;
++.button.is-white.is-loading:after {
++  border-color: transparent transparent #121212 #121212 !important;
  }
  
- .input[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, .input.is-disabled:-moz-placeholder, .is-disabled.textarea:-moz-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.input.is-large, .is-large.textarea {
 -  font-size: 24px;
 -  height: 48px;
 -  line-height: 40px;
 -  padding-left: 12px;
 -  padding-right: 12px;
++.button.is-white.is-outlined {
++  background-color: transparent;
++  border-color: white;
++  color: white;
  }
  
- .input[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder, .is-disabled.textarea:-ms-input-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.input.is-fullwidth, .is-fullwidth.textarea {
 -  display: block;
 -  width: 100%;
++.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
++  background-color: white;
++  border-color: white;
++  color: #121212;
  }
  
- .input.is-white, .is-white.textarea {
-   border-color: white;
 -.input.is-inline, .is-inline.textarea {
 -  display: inline;
 -  width: auto;
++.button.is-black {
++  background-color: #121212;
++  border-color: transparent;
++  color: white;
  }
  
- .input.is-black, .is-black.textarea {
-   border-color: #121212;
 -.textarea {
 -  display: block;
 -  line-height: 1.2;
 -  max-height: 600px;
 -  max-width: 100%;
 -  min-height: 120px;
 -  min-width: 100%;
 -  padding: 10px;
 -  resize: vertical;
++.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active {
++  background-color: #050505;
++  border-color: transparent;
++  color: white;
  }
  
- .input.is-light, .is-light.textarea {
-   border-color: whitesmoke;
 -.checkbox, .radio {
 -  cursor: pointer;
 -  display: inline-block;
 -  line-height: 16px;
 -  position: relative;
 -  vertical-align: top;
++.button.is-black:active {
++  border-color: transparent;
  }
  
- .input.is-dark, .is-dark.textarea {
-   border-color: #7a7a7a;
 -.checkbox input, .radio input {
 -  cursor: pointer;
 -}
 -
 -.checkbox:hover, .radio:hover {
 -  color: #242424;
++.button.is-black.is-inverted {
++  background-color: white;
++  color: #121212;
  }
  
- .input.is-primary, .is-primary.textarea {
-   border-color: #11e4c4;
 -.is-disabled.checkbox, .is-disabled.radio {
 -  color: #b5b5b5;
 -  pointer-events: none;
++.button.is-black.is-inverted:hover {
++  background-color: #f2f2f2;
  }
  
- .input.is-info, .is-info.textarea {
-   border-color: #0f6bff;
 -.is-disabled.checkbox input, .is-disabled.radio input {
 -  pointer-events: none;
++.button.is-black.is-loading:after {
++  border-color: transparent transparent white white !important;
  }
  
- .input.is-success, .is-success.textarea {
-   border-color: #20ee68;
 -.radio + .radio {
 -  margin-left: 10px;
++.button.is-black.is-outlined {
++  background-color: transparent;
++  border-color: #121212;
++  color: #121212;
  }
  
- .input.is-warning, .is-warning.textarea {
-   border-color: #ffcf0f;
 -.select {
 -  display: inline-block;
 -  height: 32px;
 -  position: relative;
 -  vertical-align: top;
++.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
++  background-color: #121212;
++  border-color: #121212;
++  color: white;
  }
  
- .input.is-danger, .is-danger.textarea {
-   border-color: #ff0f3f;
 -.select select {
 -  -moz-appearance: none;
 -  -webkit-appearance: none;
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  background-color: white;
 -  border: 1px solid #dbdbdb;
 -  border-radius: 3px;
 -  color: #242424;
 -  display: -webkit-inline-box;
 -  display: -ms-inline-flexbox;
 -  display: inline-flex;
 -  font-size: 14px;
 -  height: 32px;
 -  -webkit-box-pack: start;
 -      -ms-flex-pack: start;
 -          justify-content: flex-start;
 -  line-height: 24px;
 -  padding-left: 8px;
 -  padding-right: 8px;
 -  position: relative;
 -  vertical-align: top;
 -  cursor: pointer;
 -  display: block;
 -  outline: none;
 -  padding-right: 36px;
++.button.is-light {
++  background-color: whitesmoke;
++  border-color: transparent;
++  color: #7a7a7a;
  }
  
- .input[type="search"], [type="search"].textarea {
-   border-radius: 290486px;
 -.select select:hover {
 -  border-color: #b5b5b5;
++.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active {
++  background-color: #e8e8e8;
++  border-color: transparent;
++  color: #7a7a7a;
  }
  
- .input.is-small, .is-small.textarea {
-   border-radius: 2px;
-   font-size: 11px;
-   height: 24px;
-   line-height: 16px;
-   padding-left: 6px;
-   padding-right: 6px;
 -.select select:active, .select select:focus, .select select.is-active {
 -  border-color: #11e4c4;
 -  outline: none;
++.button.is-light:active {
++  border-color: transparent;
  }
  
- .input.is-medium, .is-medium.textarea {
-   font-size: 18px;
-   height: 40px;
-   line-height: 32px;
-   padding-left: 10px;
-   padding-right: 10px;
 -.select select[disabled], .select select.is-disabled {
 -  background-color: whitesmoke;
 -  border-color: #dbdbdb;
 -  cursor: not-allowed;
 -  pointer-events: none;
++.button.is-light.is-inverted {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
- .input.is-large, .is-large.textarea {
-   font-size: 24px;
-   height: 48px;
-   line-height: 40px;
-   padding-left: 12px;
-   padding-right: 12px;
 -.select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder {
 -  color: rgba(36, 36, 36, 0.3);
++.button.is-light.is-inverted:hover {
++  background-color: #6e6e6e;
  }
  
- .input.is-fullwidth, .is-fullwidth.textarea {
-   display: block;
-   width: 100%;
 -.select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder {
 -  color: rgba(36, 36, 36, 0.3);
++.button.is-light.is-loading:after {
++  border-color: transparent transparent #7a7a7a #7a7a7a !important;
  }
  
- .input.is-inline, .is-inline.textarea {
-   display: inline;
-   width: auto;
 -.select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder {
 -  color: rgba(36, 36, 36, 0.3);
++.button.is-light.is-outlined {
++  background-color: transparent;
++  border-color: whitesmoke;
++  color: whitesmoke;
  }
  
- .textarea {
-   display: block;
-   line-height: 1.2;
-   max-height: 600px;
-   max-width: 100%;
-   min-height: 120px;
-   min-width: 100%;
-   padding: 10px;
-   resize: vertical;
 -.select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder {
 -  color: rgba(36, 36, 36, 0.3);
++.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
++  background-color: whitesmoke;
++  border-color: whitesmoke;
++  color: #7a7a7a;
  }
  
- .checkbox, .radio {
-   cursor: pointer;
-   display: inline-block;
-   line-height: 16px;
-   position: relative;
-   vertical-align: top;
 -.select select.is-white {
 -  border-color: white;
++.button.is-dark {
++  background-color: #7a7a7a;
++  border-color: transparent;
++  color: whitesmoke;
  }
  
- .checkbox input, .radio input {
-   cursor: pointer;
 -.select select.is-black {
 -  border-color: #121212;
++.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active {
++  background-color: #6e6e6e;
++  border-color: transparent;
++  color: whitesmoke;
  }
  
- .checkbox:hover, .radio:hover {
-   color: #242424;
 -.select select.is-light {
 -  border-color: whitesmoke;
++.button.is-dark:active {
++  border-color: transparent;
  }
  
- .is-disabled.checkbox, .is-disabled.radio {
-   color: #b5b5b5;
-   pointer-events: none;
 -.select select.is-dark {
 -  border-color: #7a7a7a;
++.button.is-dark.is-inverted {
++  background-color: whitesmoke;
++  color: #7a7a7a;
  }
  
- .is-disabled.checkbox input, .is-disabled.radio input {
-   pointer-events: none;
 -.select select.is-primary {
 -  border-color: #11e4c4;
++.button.is-dark.is-inverted:hover {
++  background-color: #e8e8e8;
  }
  
- .radio + .radio {
-   margin-left: 10px;
 -.select select.is-info {
 -  border-color: #0f6bff;
++.button.is-dark.is-loading:after {
++  border-color: transparent transparent whitesmoke whitesmoke !important;
  }
  
- .select {
-   display: inline-block;
-   height: 32px;
-   position: relative;
-   vertical-align: top;
 -.select select.is-success {
 -  border-color: #20ee68;
++.button.is-dark.is-outlined {
++  background-color: transparent;
++  border-color: #7a7a7a;
++  color: #7a7a7a;
  }
  
- .select select {
-   -moz-appearance: none;
-   -webkit-appearance: none;
-   align-items: center;
-   background-color: white;
-   border: 1px solid #dbdbdb;
-   border-radius: 3px;
-   color: #242424;
-   display: inline-flex;
-   font-size: 14px;
-   height: 32px;
-   justify-content: flex-start;
-   line-height: 24px;
-   padding-left: 8px;
-   padding-right: 8px;
-   position: relative;
-   vertical-align: top;
-   cursor: pointer;
-   display: block;
-   outline: none;
-   padding-right: 36px;
 -.select select.is-warning {
 -  border-color: #ffcf0f;
++.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
++  background-color: #7a7a7a;
++  border-color: #7a7a7a;
++  color: whitesmoke;
  }
  
- .select select:hover {
-   border-color: #b5b5b5;
 -.select select.is-danger {
 -  border-color: #ff0f3f;
++.button.is-primary {
++  background-color: #11e4c4;
++  border-color: transparent;
++  color: white;
  }
  
- .select select:active, .select select:focus, .select select.is-active {
-   border-color: #11e4c4;
-   outline: none;
 -.select select:hover {
 -  border-color: #b5b5b5;
++.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
++  background-color: #0fccb0;
++  border-color: transparent;
++  color: white;
  }
  
- .select select[disabled], .select select.is-disabled {
-   background-color: whitesmoke;
-   border-color: #dbdbdb;
-   cursor: not-allowed;
-   pointer-events: none;
 -.select select::ms-expand {
 -  display: none;
++.button.is-primary:active {
++  border-color: transparent;
  }
  
- .select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.select.is-fullwidth {
 -  width: 100%;
++.button.is-primary.is-inverted {
++  background-color: white;
++  color: #11e4c4;
  }
  
- .select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.select.is-fullwidth select {
 -  width: 100%;
++.button.is-primary.is-inverted:hover {
++  background-color: #f2f2f2;
  }
  
- .select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.select:after {
 -  border: 1px solid #11e4c4;
 -  border-right: 0;
 -  border-top: 0;
 -  content: " ";
 -  display: block;
 -  height: 7px;
 -  pointer-events: none;
 -  position: absolute;
 -  -webkit-transform: rotate(-45deg);
 -          transform: rotate(-45deg);
 -  width: 7px;
 -  margin-top: -6px;
 -  right: 16px;
 -  top: 50%;
++.button.is-primary.is-loading:after {
++  border-color: transparent transparent white white !important;
  }
  
- .select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder {
-   color: rgba(36, 36, 36, 0.3);
 -.select:hover:after {
 -  border-color: #242424;
++.button.is-primary.is-outlined {
++  background-color: transparent;
++  border-color: #11e4c4;
++  color: #11e4c4;
  }
  
- .select select.is-white {
-   border-color: white;
 -.select.is-small {
 -  height: 24px;
++.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
++  background-color: #11e4c4;
++  border-color: #11e4c4;
++  color: white;
  }
  
- .select select.is-black {
-   border-color: #121212;
 -.select.is-small select {
 -  border-radius: 2px;
 -  font-size: 11px;
 -  height: 24px;
 -  line-height: 16px;
 -  padding-left: 6px;
 -  padding-right: 6px;
 -  padding-right: 28px;
++.button.is-info {
++  background-color: #0f6bff;
++  border-color: transparent;
++  color: white;
  }
  
- .select select.is-light {
-   border-color: whitesmoke;
 -.select.is-medium {
 -  height: 40px;
++.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
++  background-color: #005ef5;
++  border-color: transparent;
++  color: white;
  }
  
- .select select.is-dark {
-   border-color: #7a7a7a;
 -.select.is-medium select {
 -  font-size: 18px;
 -  height: 40px;
 -  line-height: 32px;
 -  padding-left: 10px;
 -  padding-right: 10px;
 -  padding-right: 44px;
++.button.is-info:active {
++  border-color: transparent;
  }
  
- .select select.is-primary {
-   border-color: #11e4c4;
 -.select.is-large {
 -  height: 48px;
++.button.is-info.is-inverted {
++  background-color: white;
++  color: #0f6bff;
  }
  
- .select select.is-info {
-   border-color: #0f6bff;
 -.select.is-large select {
 -  font-size: 24px;
 -  height: 48px;
 -  line-height: 40px;
 -  padding-left: 12px;
 -  padding-right: 12px;
 -  padding-right: 52px;
++.button.is-info.is-inverted:hover {
++  background-color: #f2f2f2;
  }
  
- .select select.is-success {
-   border-color: #20ee68;
 -.label {
 -  color: #242424;
 -  display: block;
 -  font-weight: bold;
++.button.is-info.is-loading:after {
++  border-color: transparent transparent white white !important;
  }
  
- .select select.is-warning {
-   border-color: #ffcf0f;
 -.label:not(:last-child) {
 -  margin-bottom: 5px;
++.button.is-info.is-outlined {
++  background-color: transparent;
++  border-color: #0f6bff;
++  color: #0f6bff;
  }
  
- .select select.is-danger {
-   border-color: #ff0f3f;
 -.help {
 -  display: block;
 -  font-size: 11px;
 -  margin-top: 5px;
++.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
++  background-color: #0f6bff;
++  border-color: #0f6bff;
++  color: white;
  }
  
- .select select:hover {
-   border-color: #b5b5b5;
 -.help.is-white {
++.button.is-success {
++  background-color: #20ee68;
++  border-color: transparent;
+   color: white;
  }
  
- .select select::ms-expand {
-   display: none;
 -.help.is-black {
 -  color: #121212;
++.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
++  background-color: #11e45b;
++  border-color: transparent;
++  color: white;
  }
  
- .select.is-fullwidth {
-   width: 100%;
 -.help.is-light {
 -  color: whitesmoke;
++.button.is-success:active {
++  border-color: transparent;
  }
  
- .select.is-fullwidth select {
-   width: 100%;
 -.help.is-dark {
 -  color: #7a7a7a;
++.button.is-success.is-inverted {
++  background-color: white;
++  color: #20ee68;
  }
  
- .select:after {
-   border: 1px solid #11e4c4;
-   border-right: 0;
-   border-top: 0;
-   content: " ";
-   display: block;
-   height: 7px;
-   pointer-events: none;
-   position: absolute;
-   transform: rotate(-45deg);
-   width: 7px;
-   margin-top: -6px;
-   right: 16px;
-   top: 50%;
 -.help.is-primary {
 -  color: #11e4c4;
++.button.is-success.is-inverted:hover {
++  background-color: #f2f2f2;
  }
  
- .select:hover:after {
-   border-color: #242424;
 -.help.is-info {
 -  color: #0f6bff;
++.button.is-success.is-loading:after {
++  border-color: transparent transparent white white !important;
  }
  
- .select.is-small {
-   height: 24px;
 -.help.is-success {
++.button.is-success.is-outlined {
++  background-color: transparent;
++  border-color: #20ee68;
+   color: #20ee68;
  }
  
- .select.is-small select {
-   border-radius: 2px;
-   font-size: 11px;
-   height: 24px;
-   line-height: 16px;
-   padding-left: 6px;
-   padding-right: 6px;
-   padding-right: 28px;
 -.help.is-warning {
 -  color: #ffcf0f;
++.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
++  background-color: #20ee68;
++  border-color: #20ee68;
++  color: white;
  }
  
- .select.is-medium {
-   height: 40px;
 -.help.is-danger {
 -  color: #ff0f3f;
++.button.is-warning {
++  background-color: #ffcf0f;
++  border-color: transparent;
++  color: white;
  }
  
- .select.is-medium select {
-   font-size: 18px;
-   height: 40px;
-   line-height: 32px;
-   padding-left: 10px;
-   padding-right: 10px;
-   padding-right: 44px;
 -@media screen and (max-width: 768px) {
 -  .control-label {
 -    margin-bottom: 5px;
 -  }
++.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
++  background-color: #f5c400;
++  border-color: transparent;
++  color: white;
  }
  
- .select.is-large {
-   height: 48px;
 -@media screen and (min-width: 769px) {
 -  .control-label {
 -    -ms-flex-preferred-size: 0;
 -        flex-basis: 0;
 -    -webkit-box-flex: 1;
 -        -ms-flex-positive: 1;
 -            flex-grow: 1;
 -    -ms-flex-negative: 0;
 -        flex-shrink: 0;
 -    margin-right: 20px;
 -    padding-top: 7px;
 -    text-align: right;
 -  }
++.button.is-warning:active {
++  border-color: transparent;
  }
  
- .select.is-large select {
-   font-size: 24px;
-   height: 48px;
-   line-height: 40px;
-   padding-left: 12px;
-   padding-right: 12px;
-   padding-right: 52px;
 -.control {
 -  position: relative;
 -  text-align: left;
++.button.is-warning.is-inverted {
++  background-color: white;
++  color: #ffcf0f;
  }
  
- .label {
-   color: #242424;
-   display: block;
-   font-weight: bold;
 -.control:not(:last-child) {
 -  margin-bottom: 10px;
++.button.is-warning.is-inverted:hover {
++  background-color: #f2f2f2;
  }
  
- .label:not(:last-child) {
-   margin-bottom: 5px;
 -.control.has-addons {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -webkit-box-pack: start;
 -      -ms-flex-pack: start;
 -          justify-content: flex-start;
++.button.is-warning.is-loading:after {
++  border-color: transparent transparent white white !important;
  }
  
- .help {
-   display: block;
-   font-size: 11px;
-   margin-top: 5px;
 -.control.has-addons .button,
 -.control.has-addons .input,
 -.control.has-addons .textarea,
 -.control.has-addons .select {
 -  border-radius: 0;
 -  margin-right: -1px;
 -  width: auto;
++.button.is-warning.is-outlined {
++  background-color: transparent;
++  border-color: #ffcf0f;
++  color: #ffcf0f;
  }
  
- .help.is-white {
 -.control.has-addons .button:hover,
 -.control.has-addons .input:hover,
 -.control.has-addons .textarea:hover,
 -.control.has-addons .select:hover {
 -  z-index: 2;
++.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
++  background-color: #ffcf0f;
++  border-color: #ffcf0f;
 +  color: white;
  }
  
- .help.is-black {
-   color: #121212;
- }
- 
- .help.is-light {
-   color: whitesmoke;
 -.control.has-addons .button:active, .control.has-addons .button:focus,
 -.control.has-addons .input:active,
 -.control.has-addons .textarea:active,
 -.control.has-addons .input:focus,
 -.control.has-addons .textarea:focus,
 -.control.has-addons .select:active,
 -.control.has-addons .select:focus {
 -  z-index: 3;
++.button.is-danger {
++  background-color: #ff0f3f;
++  border-color: transparent;
++  color: white;
  }
  
- .help.is-dark {
-   color: #7a7a7a;
 -.control.has-addons .button:first-child,
 -.control.has-addons .input:first-child,
 -.control.has-addons .textarea:first-child,
 -.control.has-addons .select:first-child {
 -  border-radius: 3px 0 0 3px;
++.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
++  background-color: #f50031;
++  border-color: transparent;
++  color: white;
  }
  
- .help.is-primary {
-   color: #11e4c4;
 -.control.has-addons .button:first-child select,
 -.control.has-addons .input:first-child select,
 -.control.has-addons .textarea:first-child select,
 -.control.has-addons .select:first-child select {
 -  border-radius: 3px 0 0 3px;
++.button.is-danger:active {
++  border-color: transparent;
  }
  
- .help.is-info {
-   color: #0f6bff;
 -.control.has-addons .button:last-child,
 -.control.has-addons .input:last-child,
 -.control.has-addons .textarea:last-child,
 -.control.has-addons .select:last-child {
 -  border-radius: 0 3px 3px 0;
++.button.is-danger.is-inverted {
++  background-color: white;
++  color: #ff0f3f;
  }
  
- .help.is-success {
-   color: #20ee68;
 -.control.has-addons .button:last-child select,
 -.control.has-addons .input:last-child select,
 -.control.has-addons .textarea:last-child select,
 -.control.has-addons .select:last-child select {
 -  border-radius: 0 3px 3px 0;
++.button.is-danger.is-inverted:hover {
++  background-color: #f2f2f2;
  }
  
- .help.is-warning {
-   color: #ffcf0f;
 -.control.has-addons .button.is-expanded,
 -.control.has-addons .input.is-expanded,
 -.control.has-addons .is-expanded.textarea,
 -.control.has-addons .select.is-expanded {
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
++.button.is-danger.is-loading:after {
++  border-color: transparent transparent white white !important;
  }
  
- .help.is-danger {
 -.control.has-addons.has-addons-centered {
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
++.button.is-danger.is-outlined {
++  background-color: transparent;
++  border-color: #ff0f3f;
 +  color: #ff0f3f;
  }
  
- @media screen and (max-width: 768px) {
-   .control-label {
-     margin-bottom: 5px;
-   }
 -.control.has-addons.has-addons-right {
 -  -webkit-box-pack: end;
 -      -ms-flex-pack: end;
 -          justify-content: flex-end;
++.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
++  background-color: #ff0f3f;
++  border-color: #ff0f3f;
++  color: white;
  }
  
- @media screen and (min-width: 769px) {
-   .control-label {
-     flex-basis: 0;
-     flex-grow: 1;
-     flex-shrink: 0;
-     margin-right: 20px;
-     padding-top: 7px;
-     text-align: right;
-   }
- }
- 
- .control {
-   position: relative;
-   text-align: left;
- }
- 
- .control:not(:last-child) {
-   margin-bottom: 10px;
 -.control.has-addons.has-addons-fullwidth .button,
 -.control.has-addons.has-addons-fullwidth .input,
 -.control.has-addons.has-addons-fullwidth .textarea,
 -.control.has-addons.has-addons-fullwidth .select {
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
++.button.is-link {
++  background-color: transparent;
++  border-color: transparent;
++  color: #7a7a7a;
++  text-decoration: underline;
  }
  
- .control.has-addons {
-   display: flex;
-   justify-content: flex-start;
 -.control.has-icon > .fa {
 -  display: inline-block;
 -  font-size: 14px;
 -  height: 24px;
 -  line-height: 24px;
 -  text-align: center;
 -  vertical-align: top;
 -  width: 24px;
 -  color: #b5b5b5;
 -  pointer-events: none;
 -  position: absolute;
 -  top: 4px;
 -  z-index: 4;
++.button.is-link:hover, .button.is-link:focus {
++  background-color: #dbdbdb;
++  color: #242424;
  }
  
- .control.has-addons .button,
- .control.has-addons .input,
- .control.has-addons .textarea,
- .control.has-addons .select {
-   border-radius: 0;
-   margin-right: -1px;
-   width: auto;
 -.control.has-icon .input:focus + .fa, .control.has-icon .textarea:focus + .fa {
 -  color: #242424;
++.button.is-small {
++  border-radius: 2px;
++  font-size: 11px;
++  height: 24px;
++  line-height: 16px;
++  padding-left: 6px;
++  padding-right: 6px;
  }
  
- .control.has-addons .button:hover,
- .control.has-addons .input:hover,
- .control.has-addons .textarea:hover,
- .control.has-addons .select:hover {
-   z-index: 2;
 -.control.has-icon .input.is-small + .fa, .control.has-icon .is-small.textarea + .fa {
 -  font-size: 10.5px;
 -  top: 0;
++.button.is-medium {
++  font-size: 18px;
++  height: 40px;
++  padding-left: 14px;
++  padding-right: 14px;
  }
  
- .control.has-addons .button:active, .control.has-addons .button:focus,
- .control.has-addons .input:active,
- .control.has-addons .textarea:active,
- .control.has-addons .input:focus,
- .control.has-addons .textarea:focus,
- .control.has-addons .select:active,
- .control.has-addons .select:focus {
-   z-index: 3;
 -.control.has-icon .input.is-medium + .fa, .control.has-icon .is-medium.textarea + .fa {
 -  font-size: 21px;
 -  top: 8px;
++.button.is-large {
++  font-size: 22px;
++  height: 48px;
++  padding-left: 20px;
++  padding-right: 20px;
  }
  
- .control.has-addons .button:first-child,
- .control.has-addons .input:first-child,
- .control.has-addons .textarea:first-child,
- .control.has-addons .select:first-child {
-   border-radius: 3px 0 0 3px;
 -.control.has-icon .input.is-large + .fa, .control.has-icon .is-large.textarea + .fa {
 -  font-size: 21px;
 -  top: 12px;
++.button[disabled], .button.is-disabled {
++  opacity: 0.5;
  }
  
- .control.has-addons .button:first-child select,
- .control.has-addons .input:first-child select,
- .control.has-addons .textarea:first-child select,
- .control.has-addons .select:first-child select {
-   border-radius: 3px 0 0 3px;
 -.control.has-icon:not(.has-icon-right) > .fa {
 -  left: 4px;
++.button.is-fullwidth {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  width: 100%;
  }
  
- .control.has-addons .button:last-child,
- .control.has-addons .input:last-child,
- .control.has-addons .textarea:last-child,
- .control.has-addons .select:last-child {
-   border-radius: 0 3px 3px 0;
 -.control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .textarea {
 -  padding-left: 32px;
++.button.is-loading {
++  color: transparent !important;
++  pointer-events: none;
  }
  
- .control.has-addons .button:last-child select,
- .control.has-addons .input:last-child select,
- .control.has-addons .textarea:last-child select,
- .control.has-addons .select:last-child select {
-   border-radius: 0 3px 3px 0;
 -.control.has-icon:not(.has-icon-right) .input.is-small, .control.has-icon:not(.has-icon-right) .is-small.textarea {
 -  padding-left: 24px;
++.button.is-loading:after {
++  left: 50%;
++  margin-left: -8px;
++  margin-top: -8px;
++  position: absolute;
++  top: 50%;
++  position: absolute !important;
  }
  
- .control.has-addons .button.is-expanded,
- .control.has-addons .input.is-expanded,
- .control.has-addons .is-expanded.textarea,
- .control.has-addons .select.is-expanded {
-   flex-grow: 1;
-   flex-shrink: 0;
 -.control.has-icon:not(.has-icon-right) .input.is-small + .fa, .control.has-icon:not(.has-icon-right) .is-small.textarea + .fa {
 -  left: 0;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .control.has-addons.has-addons-centered {
-   justify-content: center;
 -.control.has-icon:not(.has-icon-right) .input.is-medium, .control.has-icon:not(.has-icon-right) .is-medium.textarea {
 -  padding-left: 40px;
++.container {
++  position: relative;
  }
  
- .control.has-addons.has-addons-right {
-   justify-content: flex-end;
 -.control.has-icon:not(.has-icon-right) .input.is-medium + .fa, .control.has-icon:not(.has-icon-right) .is-medium.textarea + .fa {
 -  left: 8px;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
- .control.has-addons.has-addons-fullwidth .button,
- .control.has-addons.has-addons-fullwidth .input,
- .control.has-addons.has-addons-fullwidth .textarea,
- .control.has-addons.has-addons-fullwidth .select {
-   flex-grow: 1;
-   flex-shrink: 0;
 -.control.has-icon:not(.has-icon-right) .input.is-large, .control.has-icon:not(.has-icon-right) .is-large.textarea {
 -  padding-left: 48px;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .control.has-icon > .fa {
-   display: inline-block;
-   font-size: 14px;
-   height: 24px;
-   line-height: 24px;
 -.control.has-icon:not(.has-icon-right) .input.is-large + .fa, .control.has-icon:not(.has-icon-right) .is-large.textarea + .fa {
 -  left: 12px;
++.fa {
++  font-size: 21px;
 +  text-align: center;
 +  vertical-align: top;
-   width: 24px;
-   color: #b5b5b5;
-   pointer-events: none;
-   position: absolute;
-   top: 4px;
-   z-index: 4;
  }
  
- .control.has-icon .input:focus + .fa, .control.has-icon .textarea:focus + .fa {
-   color: #242424;
 -.control.has-icon.has-icon-right > .fa {
 -  right: 4px;
++.content {
++  color: #7a7a7a;
  }
  
- .control.has-icon .input.is-small + .fa, .control.has-icon .is-small.textarea + .fa {
-   font-size: 10.5px;
-   top: 0;
 -.control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .textarea {
 -  padding-right: 32px;
++.content a:not(.button) {
++  border-bottom: 1px solid #dbdbdb;
  }
  
- .control.has-icon .input.is-medium + .fa, .control.has-icon .is-medium.textarea + .fa {
-   font-size: 21px;
-   top: 8px;
 -.control.has-icon.has-icon-right .input.is-small, .control.has-icon.has-icon-right .is-small.textarea {
 -  padding-right: 24px;
++.content a:not(.button):visited {
++  color: #b86bff;
  }
  
- .control.has-icon .input.is-large + .fa, .control.has-icon .is-large.textarea + .fa {
-   font-size: 21px;
-   top: 12px;
 -.control.has-icon.has-icon-right .input.is-small + .fa, .control.has-icon.has-icon-right .is-small.textarea + .fa {
 -  right: 0;
++.content a:not(.button):hover {
++  border-bottom-color: #11e4c4;
  }
  
- .control.has-icon:not(.has-icon-right) > .fa {
-   left: 4px;
 -.control.has-icon.has-icon-right .input.is-medium, .control.has-icon.has-icon-right .is-medium.textarea {
 -  padding-right: 40px;
++.content li + li {
++  margin-top: 0.25em;
  }
  
- .control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .textarea {
-   padding-left: 32px;
 -.control.has-icon.has-icon-right .input.is-medium + .fa, .control.has-icon.has-icon-right .is-medium.textarea + .fa {
 -  right: 8px;
++.content blockquote:not(:last-child),
++.content p:not(:last-child),
++.content ol:not(:last-child),
++.content ul:not(:last-child) {
++  margin-bottom: 1em;
  }
  
- .control.has-icon:not(.has-icon-right) .input.is-small, .control.has-icon:not(.has-icon-right) .is-small.textarea {
-   padding-left: 24px;
 -.control.has-icon.has-icon-right .input.is-large, .control.has-icon.has-icon-right .is-large.textarea {
 -  padding-right: 48px;
++.content h1,
++.content h2,
++.content h3,
++.content h4,
++.content h5,
++.content h6 {
++  color: #242424;
++  font-weight: 300;
++  line-height: 1.125;
++  margin-bottom: 20px;
  }
  
- .control.has-icon:not(.has-icon-right) .input.is-small + .fa, .control.has-icon:not(.has-icon-right) .is-small.textarea + .fa {
-   left: 0;
 -.control.has-icon.has-icon-right .input.is-large + .fa, .control.has-icon.has-icon-right .is-large.textarea + .fa {
 -  right: 12px;
++.content h1:not(:first-child),
++.content h2:not(:first-child),
++.content h3:not(:first-child) {
++  margin-top: 40px;
  }
  
- .control.has-icon:not(.has-icon-right) .input.is-medium, .control.has-icon:not(.has-icon-right) .is-medium.textarea {
-   padding-left: 40px;
 -.control.is-grouped {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -webkit-box-pack: start;
 -      -ms-flex-pack: start;
 -          justify-content: flex-start;
++.content blockquote {
++  background-color: whitesmoke;
++  border-left: 5px solid #dbdbdb;
++  padding: 1.5em;
  }
  
- .control.has-icon:not(.has-icon-right) .input.is-medium + .fa, .control.has-icon:not(.has-icon-right) .is-medium.textarea + .fa {
-   left: 8px;
 -.control.is-grouped > .control:not(:last-child) {
 -  margin-bottom: 0;
 -  margin-right: 10px;
++.content h1 {
++  font-size: 2em;
  }
  
- .control.has-icon:not(.has-icon-right) .input.is-large, .control.has-icon:not(.has-icon-right) .is-large.textarea {
-   padding-left: 48px;
 -.control.is-grouped > .control.is-expanded {
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
++.content h2 {
++  font-size: 1.75em;
  }
  
- .control.has-icon:not(.has-icon-right) .input.is-large + .fa, .control.has-icon:not(.has-icon-right) .is-large.textarea + .fa {
-   left: 12px;
 -.control.is-grouped.is-grouped-centered {
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
++.content h3 {
++  font-size: 1.5em;
  }
  
- .control.has-icon.has-icon-right > .fa {
-   right: 4px;
 -.control.is-grouped.is-grouped-right {
 -  -webkit-box-pack: end;
 -      -ms-flex-pack: end;
 -          justify-content: flex-end;
++.content h4 {
++  font-size: 1.25em;
  }
  
- .control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .textarea {
-   padding-right: 32px;
 -@media screen and (min-width: 769px) {
 -  .control.is-horizontal {
 -    display: -webkit-box;
 -    display: -ms-flexbox;
 -    display: flex;
 -  }
 -  .control.is-horizontal > .control {
 -    display: -webkit-box;
 -    display: -ms-flexbox;
 -    display: flex;
 -    -ms-flex-preferred-size: 0;
 -        flex-basis: 0;
 -    -webkit-box-flex: 5;
 -        -ms-flex-positive: 5;
 -            flex-grow: 5;
 -    -ms-flex-negative: 1;
 -        flex-shrink: 1;
 -  }
++.content h5 {
++  font-size: 1.125em;
  }
  
- .control.has-icon.has-icon-right .input.is-small, .control.has-icon.has-icon-right .is-small.textarea {
-   padding-right: 24px;
 -.control.is-loading:after {
 -  position: absolute !important;
 -  right: 8px;
 -  top: 8px;
++.content h6 {
++  font-size: 1em;
  }
  
- .control.has-icon.has-icon-right .input.is-small + .fa, .control.has-icon.has-icon-right .is-small.textarea + .fa {
-   right: 0;
 -.image {
 -  display: block;
 -  position: relative;
++.content ol {
++  list-style: decimal outside;
++  margin-left: 2em;
++  margin-right: 2em;
++  margin-top: 1em;
  }
  
- .control.has-icon.has-icon-right .input.is-medium, .control.has-icon.has-icon-right .is-medium.textarea {
-   padding-right: 40px;
 -.image img {
 -  display: block;
 -  height: auto;
 -  width: 100%;
++.content ul {
++  list-style: disc outside;
++  margin-left: 2em;
++  margin-right: 2em;
++  margin-top: 1em;
  }
  
- .control.has-icon.has-icon-right .input.is-medium + .fa, .control.has-icon.has-icon-right .is-medium.textarea + .fa {
-   right: 8px;
 -.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;
 -  height: 100%;
 -  width: 100%;
++.content ul ul {
++  list-style-type: circle;
++  margin-top: 0.5em;
  }
  
- .control.has-icon.has-icon-right .input.is-large, .control.has-icon.has-icon-right .is-large.textarea {
-   padding-right: 48px;
 -.image.is-square, .image.is-1by1 {
 -  padding-top: 100%;
++.content ul ul ul {
++  list-style-type: square;
  }
  
- .control.has-icon.has-icon-right .input.is-large + .fa, .control.has-icon.has-icon-right .is-large.textarea + .fa {
-   right: 12px;
 -.image.is-4by3 {
 -  padding-top: 75%;
++.content.is-medium {
++  font-size: 18px;
  }
  
- .control.is-grouped {
-   display: flex;
-   justify-content: flex-start;
 -.image.is-3by2 {
 -  padding-top: 66.6666%;
++.content.is-medium code {
++  font-size: 14px;
  }
  
- .control.is-grouped > .control:not(:last-child) {
-   margin-bottom: 0;
-   margin-right: 10px;
 -.image.is-16by9 {
 -  padding-top: 56.25%;
++.content.is-large {
++  font-size: 24px;
  }
  
- .control.is-grouped > .control.is-expanded {
-   flex-grow: 1;
-   flex-shrink: 0;
 -.image.is-2by1 {
 -  padding-top: 50%;
++.content.is-large code {
++  font-size: 18px;
  }
  
- .control.is-grouped.is-grouped-centered {
-   justify-content: center;
 -.image.is-16x16 {
 -  height: 16px;
 -  width: 16px;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .control.is-grouped.is-grouped-right {
-   justify-content: flex-end;
 -.image.is-24x24 {
 -  height: 24px;
 -  width: 24px;
++.container {
++  position: relative;
  }
  
- @media screen and (min-width: 769px) {
-   .control.is-horizontal {
-     display: flex;
 -.image.is-32x32 {
 -  height: 32px;
 -  width: 32px;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
 +  }
-   .control.is-horizontal > .control {
-     display: flex;
-     flex-basis: 0;
-     flex-grow: 5;
-     flex-shrink: 1;
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
 +  }
  }
  
- .control.is-loading:after {
-   position: absolute !important;
-   right: 8px;
-   top: 8px;
 -.image.is-48x48 {
 -  height: 48px;
 -  width: 48px;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .image {
-   display: block;
-   position: relative;
 -.image.is-64x64 {
 -  height: 64px;
 -  width: 64px;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .image img {
-   display: block;
-   height: auto;
-   width: 100%;
 -.image.is-96x96 {
 -  height: 96px;
 -  width: 96px;
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
  }
  
- .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;
 -.image.is-128x128 {
 -  height: 128px;
 -  width: 128px;
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
 +  position: absolute;
-   right: 0;
-   top: 0;
-   height: 100%;
-   width: 100%;
++  top: 50%;
++  width: 50%;
  }
  
- .image.is-square, .image.is-1by1 {
-   padding-top: 100%;
 -.notification {
 -  background-color: whitesmoke;
 -  border-radius: 3px;
 -  padding: 16px 20px;
 -  position: relative;
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
  }
  
- .image.is-4by3 {
-   padding-top: 75%;
 -.notification:after {
 -  clear: both;
 -  content: " ";
 -  display: table;
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
- .image.is-3by2 {
-   padding-top: 66.6666%;
 -.notification .delete, .notification .modal-close {
 -  border-radius: 0 3px;
 -  float: right;
 -  margin: -16px -20px 0 20px;
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
  }
  
- .image.is-16by9 {
-   padding-top: 56.25%;
 -.notification .subtitle,
 -.notification .title {
 -  color: inherit;
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
  }
  
- .image.is-2by1 {
-   padding-top: 50%;
 -.notification.is-white {
 -  background-color: white;
 -  color: #121212;
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
  }
  
- .image.is-16x16 {
-   height: 16px;
-   width: 16px;
 -.notification.is-black {
 -  background-color: #121212;
 -  color: white;
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
  }
  
- .image.is-24x24 {
 -.notification.is-light {
 -  background-color: whitesmoke;
 -  color: #7a7a7a;
++.icon {
++  display: inline-block;
++  font-size: 21px;
 +  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
 +  width: 24px;
  }
  
- .image.is-32x32 {
 -.notification.is-dark {
 -  background-color: #7a7a7a;
 -  color: whitesmoke;
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
+ }
+ 
 -.notification.is-primary {
 -  background-color: #11e4c4;
 -  color: white;
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
+ }
+ 
 -.notification.is-info {
 -  background-color: #0f6bff;
 -  color: white;
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
 +  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
 +  width: 32px;
  }
  
- .image.is-48x48 {
 -.notification.is-success {
 -  background-color: #20ee68;
 -  color: white;
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
 +  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
 +  width: 48px;
  }
  
- .image.is-64x64 {
-   height: 64px;
-   width: 64px;
 -.notification.is-warning {
 -  background-color: #ffcf0f;
 -  color: white;
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
++  position: relative;
++  width: 50px;
  }
  
- .image.is-96x96 {
-   height: 96px;
-   width: 96px;
 -.notification.is-danger {
 -  background-color: #ff0f3f;
 -  color: white;
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
  }
  
- .image.is-128x128 {
-   height: 128px;
-   width: 128px;
 -.progress {
 -  -moz-appearance: none;
 -  -webkit-appearance: none;
 -  border: none;
 -  border-radius: 290486px;
 -  display: block;
 -  height: 12px;
 -  overflow: hidden;
 -  padding: 0;
 -  width: 100%;
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
  }
  
- .notification {
 -.progress::-webkit-progress-bar {
 -  background-color: #dbdbdb;
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
+ }
+ 
 -.progress::-webkit-progress-value {
 -  background-color: #7a7a7a;
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
+ }
+ 
 -.progress::-moz-progress-bar {
 -  background-color: #7a7a7a;
++.hamburger:hover, .nav-toggle:hover {
 +  background-color: whitesmoke;
-   border-radius: 3px;
-   padding: 16px 20px;
+ }
+ 
 -.progress.is-white::-webkit-progress-value {
 -  background-color: white;
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
+ }
+ 
 -.progress.is-white::-moz-progress-bar {
 -  background-color: white;
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
+ }
+ 
 -.progress.is-black::-webkit-progress-value {
 -  background-color: #121212;
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
+ }
+ 
 -.progress.is-black::-moz-progress-bar {
 -  background-color: #121212;
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
+ }
+ 
 -.progress.is-light::-webkit-progress-value {
 -  background-color: whitesmoke;
++.heading {
++  display: block;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
+ }
+ 
 -.progress.is-light::-moz-progress-bar {
 -  background-color: whitesmoke;
++.highlight {
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
+ }
+ 
 -.progress.is-dark::-webkit-progress-value {
 -  background-color: #7a7a7a;
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
+ }
+ 
 -.progress.is-dark::-moz-progress-bar {
 -  background-color: #7a7a7a;
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
++  display: block;
++  height: 16px;
 +  position: relative;
++  width: 16px;
  }
  
- .notification:after {
-   clear: both;
-   content: " ";
-   display: table;
 -.progress.is-primary::-webkit-progress-value {
 -  background-color: #11e4c4;
++.number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  vertical-align: top;
  }
  
- .notification .delete, .notification .modal-close {
-   border-radius: 0 3px;
-   float: right;
-   margin: -16px -20px 0 20px;
 -.progress.is-primary::-moz-progress-bar {
 -  background-color: #11e4c4;
++.tag {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 12px;
++  height: 24px;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  line-height: 16px;
++  padding-left: 10px;
++  padding-right: 10px;
++  vertical-align: top;
++  white-space: nowrap;
  }
  
- .notification .subtitle,
- .notification .title {
-   color: inherit;
 -.progress.is-info::-webkit-progress-value {
 -  background-color: #0f6bff;
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
  }
  
- .notification.is-white {
 -.progress.is-info::-moz-progress-bar {
 -  background-color: #0f6bff;
++.tag.is-white {
 +  background-color: white;
 +  color: #121212;
  }
  
- .notification.is-black {
 -.progress.is-success::-webkit-progress-value {
 -  background-color: #20ee68;
++.tag.is-black {
 +  background-color: #121212;
 +  color: white;
  }
  
- .notification.is-light {
 -.progress.is-success::-moz-progress-bar {
 -  background-color: #20ee68;
++.tag.is-light {
 +  background-color: whitesmoke;
 +  color: #7a7a7a;
  }
  
- .notification.is-dark {
 -.progress.is-warning::-webkit-progress-value {
 -  background-color: #ffcf0f;
++.tag.is-dark {
 +  background-color: #7a7a7a;
 +  color: whitesmoke;
  }
  
- .notification.is-primary {
 -.progress.is-warning::-moz-progress-bar {
 -  background-color: #ffcf0f;
++.tag.is-primary {
 +  background-color: #11e4c4;
 +  color: white;
  }
  
- .notification.is-info {
 -.progress.is-danger::-webkit-progress-value {
 -  background-color: #ff0f3f;
++.tag.is-info {
 +  background-color: #0f6bff;
 +  color: white;
  }
  
- .notification.is-success {
 -.progress.is-danger::-moz-progress-bar {
 -  background-color: #ff0f3f;
++.tag.is-success {
 +  background-color: #20ee68;
 +  color: white;
  }
  
- .notification.is-warning {
 -.progress.is-small {
 -  height: 8px;
++.tag.is-warning {
 +  background-color: #ffcf0f;
 +  color: white;
  }
  
- .notification.is-danger {
 -.progress.is-medium {
 -  height: 16px;
++.tag.is-danger {
 +  background-color: #ff0f3f;
 +  color: white;
  }
  
- .progress {
-   -moz-appearance: none;
-   -webkit-appearance: none;
-   border: none;
-   border-radius: 290486px;
-   display: block;
-   height: 12px;
-   overflow: hidden;
-   padding: 0;
-   width: 100%;
 -.progress.is-large {
++.tag.is-small {
++  font-size: 11px;
+   height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
  }
  
- .progress::-webkit-progress-bar {
-   background-color: #dbdbdb;
 -.table {
 -  background-color: white;
 -  color: #242424;
 -  margin-bottom: 20px;
 -  width: 100%;
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
  }
  
- .progress::-webkit-progress-value {
-   background-color: #7a7a7a;
 -.table td,
 -.table th {
 -  border: 1px solid #dbdbdb;
 -  border-width: 0 0 1px;
 -  padding: 8px 10px;
 -  vertical-align: top;
++.tag.is-large {
++  font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
  }
  
- .progress::-moz-progress-bar {
-   background-color: #7a7a7a;
 -.table td.is-icon,
 -.table th.is-icon {
 -  padding: 5px;
 -  text-align: center;
 -  white-space: nowrap;
 -  width: 1%;
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
  }
  
- .progress.is-white::-webkit-progress-value {
-   background-color: white;
 -.table td.is-icon .fa,
 -.table th.is-icon .fa {
 -  display: inline-block;
 -  font-size: 21px;
 -  height: 24px;
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
 +}
 +
- .progress.is-white::-moz-progress-bar {
++.input, .textarea {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
 +  background-color: white;
++  border: 1px solid #dbdbdb;
++  border-radius: 3px;
++  color: #242424;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 14px;
++  height: 32px;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
+   line-height: 24px;
 -  text-align: center;
++  padding-left: 8px;
++  padding-right: 8px;
++  position: relative;
+   vertical-align: top;
 -  width: 24px;
++  box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.1);
++  max-width: 100%;
++  width: 100%;
  }
  
- .progress.is-black::-webkit-progress-value {
-   background-color: #121212;
 -.table td.is-icon.is-link,
 -.table th.is-icon.is-link {
 -  padding: 0;
++.input:hover, .textarea:hover {
++  border-color: #b5b5b5;
  }
  
- .progress.is-black::-moz-progress-bar {
-   background-color: #121212;
 -.table td.is-icon.is-link > a,
 -.table th.is-icon.is-link > a {
 -  padding: 5px;
++.input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
++  border-color: #11e4c4;
++  outline: none;
  }
  
- .progress.is-light::-webkit-progress-value {
 -.table td.is-link,
 -.table th.is-link {
 -  padding: 0;
++.input[disabled], [disabled].textarea, .input.is-disabled, .is-disabled.textarea {
 +  background-color: whitesmoke;
++  border-color: #dbdbdb;
++  cursor: not-allowed;
++  pointer-events: none;
  }
  
- .progress.is-light::-moz-progress-bar {
-   background-color: whitesmoke;
 -.table td.is-link > a,
 -.table th.is-link > a {
 -  display: block;
 -  padding: 8px 10px;
++.input[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, .input.is-disabled::-moz-placeholder, .is-disabled.textarea::-moz-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .progress.is-dark::-webkit-progress-value {
-   background-color: #7a7a7a;
 -.table td.is-link > a:hover,
 -.table th.is-link > a:hover {
 -  background-color: #11e4c4;
 -  color: white;
++.input[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder, .is-disabled.textarea::-webkit-input-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .progress.is-dark::-moz-progress-bar {
-   background-color: #7a7a7a;
 -.table td.is-narrow,
 -.table th.is-narrow {
 -  white-space: nowrap;
 -  width: 1%;
++.input[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, .input.is-disabled:-moz-placeholder, .is-disabled.textarea:-moz-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .progress.is-primary::-webkit-progress-value {
-   background-color: #11e4c4;
 -.table th {
 -  color: #242424;
 -  text-align: left;
++.input[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder, .is-disabled.textarea:-ms-input-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .progress.is-primary::-moz-progress-bar {
-   background-color: #11e4c4;
 -.table tr:hover {
 -  background-color: whitesmoke;
 -  color: #242424;
++.input.is-white, .is-white.textarea {
++  border-color: white;
  }
  
- .progress.is-info::-webkit-progress-value {
-   background-color: #0f6bff;
 -.table thead td,
 -.table thead th {
 -  border-width: 0 0 2px;
 -  color: #b5b5b5;
++.input.is-black, .is-black.textarea {
++  border-color: #121212;
  }
  
- .progress.is-info::-moz-progress-bar {
-   background-color: #0f6bff;
 -.table tbody tr:last-child td,
 -.table tbody tr:last-child th {
 -  border-bottom-width: 0;
++.input.is-light, .is-light.textarea {
++  border-color: whitesmoke;
  }
  
- .progress.is-success::-webkit-progress-value {
-   background-color: #20ee68;
 -.table tfoot td,
 -.table tfoot th {
 -  border-width: 2px 0 0;
 -  color: #b5b5b5;
++.input.is-dark, .is-dark.textarea {
++  border-color: #7a7a7a;
  }
  
- .progress.is-success::-moz-progress-bar {
-   background-color: #20ee68;
 -.table.is-bordered td,
 -.table.is-bordered th {
 -  border-width: 1px;
++.input.is-primary, .is-primary.textarea {
++  border-color: #11e4c4;
  }
  
- .progress.is-warning::-webkit-progress-value {
-   background-color: #ffcf0f;
 -.table.is-bordered tr:last-child td,
 -.table.is-bordered tr:last-child th {
 -  border-bottom-width: 1px;
++.input.is-info, .is-info.textarea {
++  border-color: #0f6bff;
  }
  
- .progress.is-warning::-moz-progress-bar {
-   background-color: #ffcf0f;
 -.table.is-narrow td,
 -.table.is-narrow th {
 -  padding: 5px 10px;
++.input.is-success, .is-success.textarea {
++  border-color: #20ee68;
  }
  
- .progress.is-danger::-webkit-progress-value {
-   background-color: #ff0f3f;
 -.table.is-narrow td.is-icon,
 -.table.is-narrow th.is-icon {
 -  padding: 2px;
++.input.is-warning, .is-warning.textarea {
++  border-color: #ffcf0f;
  }
  
- .progress.is-danger::-moz-progress-bar {
-   background-color: #ff0f3f;
 -.table.is-narrow td.is-icon.is-link,
 -.table.is-narrow th.is-icon.is-link {
 -  padding: 0;
++.input.is-danger, .is-danger.textarea {
++  border-color: #ff0f3f;
  }
  
- .progress.is-small {
-   height: 8px;
 -.table.is-narrow td.is-icon.is-link > a,
 -.table.is-narrow th.is-icon.is-link > a {
 -  padding: 2px;
++.input[type="search"], [type="search"].textarea {
++  border-radius: 290486px;
  }
  
- .progress.is-medium {
-   height: 16px;
 -.table.is-narrow td.is-link,
 -.table.is-narrow th.is-link {
 -  padding: 0;
++.input.is-small, .is-small.textarea {
++  border-radius: 2px;
++  font-size: 11px;
++  height: 24px;
++  line-height: 16px;
++  padding-left: 6px;
++  padding-right: 6px;
  }
  
- .progress.is-large {
-   height: 20px;
 -.table.is-narrow td.is-link > a,
 -.table.is-narrow th.is-link > a {
 -  padding: 5px 10px;
++.input.is-medium, .is-medium.textarea {
++  font-size: 18px;
++  height: 40px;
++  line-height: 32px;
++  padding-left: 10px;
++  padding-right: 10px;
  }
  
- .table {
-   background-color: white;
-   color: #242424;
-   margin-bottom: 20px;
 -.table.is-striped tbody tr:hover {
 -  background-color: #f0f0f0;
++.input.is-large, .is-large.textarea {
++  font-size: 24px;
++  height: 48px;
++  line-height: 40px;
++  padding-left: 12px;
++  padding-right: 12px;
+ }
+ 
 -.table.is-striped tbody tr:nth-child(2n) {
 -  background-color: whitesmoke;
++.input.is-fullwidth, .is-fullwidth.textarea {
++  display: block;
 +  width: 100%;
  }
  
- .table td,
- .table th {
-   border: 1px solid #dbdbdb;
-   border-width: 0 0 1px;
-   padding: 8px 10px;
-   vertical-align: top;
 -.table.is-striped tbody tr:nth-child(2n):hover {
 -  background-color: #f0f0f0;
++.input.is-inline, .is-inline.textarea {
++  display: inline;
++  width: auto;
  }
  
- .table td.is-icon,
- .table th.is-icon {
-   padding: 5px;
-   text-align: center;
-   white-space: nowrap;
-   width: 1%;
 -.title,
 -.subtitle {
 -  font-weight: 300;
 -  word-break: break-word;
++.textarea {
++  display: block;
++  line-height: 1.2;
++  max-height: 600px;
++  max-width: 100%;
++  min-height: 120px;
++  min-width: 100%;
++  padding: 10px;
++  resize: vertical;
  }
  
- .table td.is-icon .fa,
- .table th.is-icon .fa {
 -.title em,
 -.title span,
 -.subtitle em,
 -.subtitle span {
 -  font-weight: 300;
++.checkbox, .radio {
++  cursor: pointer;
 +  display: inline-block;
-   font-size: 21px;
-   height: 24px;
-   line-height: 24px;
-   text-align: center;
++  line-height: 16px;
++  position: relative;
 +  vertical-align: top;
-   width: 24px;
  }
  
- .table td.is-icon.is-link,
- .table th.is-icon.is-link {
-   padding: 0;
 -.title a:hover,
 -.subtitle a:hover {
 -  border-bottom: 1px solid;
++.checkbox input, .radio input {
++  cursor: pointer;
  }
  
- .table td.is-icon.is-link > a,
- .table th.is-icon.is-link > a {
-   padding: 5px;
 -.title strong,
 -.subtitle strong {
 -  font-weight: 500;
++.checkbox:hover, .radio:hover {
++  color: #242424;
  }
  
- .table td.is-link,
- .table th.is-link {
-   padding: 0;
 -.title .tag,
 -.subtitle .tag {
 -  vertical-align: bottom;
++.is-disabled.checkbox, .is-disabled.radio {
++  color: #b5b5b5;
++  pointer-events: none;
  }
  
- .table td.is-link > a,
- .table th.is-link > a {
-   display: block;
-   padding: 8px 10px;
 -.title {
 -  color: #242424;
 -  font-size: 28px;
 -  line-height: 1;
++.is-disabled.checkbox input, .is-disabled.radio input {
++  pointer-events: none;
  }
  
- .table td.is-link > a:hover,
- .table th.is-link > a:hover {
-   background-color: #11e4c4;
-   color: white;
 -.title code {
++.radio + .radio {
++  margin-left: 10px;
 +}
 +
- .table td.is-narrow,
- .table th.is-narrow {
-   white-space: nowrap;
-   width: 1%;
++.select {
+   display: inline-block;
 -  font-size: 28px;
++  height: 32px;
++  position: relative;
++  vertical-align: top;
  }
  
- .table th {
 -.title strong {
 -  color: inherit;
++.select select {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: white;
++  border: 1px solid #dbdbdb;
++  border-radius: 3px;
 +  color: #242424;
-   text-align: left;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 14px;
++  height: 32px;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
++  line-height: 24px;
++  padding-left: 8px;
++  padding-right: 8px;
++  position: relative;
++  vertical-align: top;
++  cursor: pointer;
++  display: block;
++  outline: none;
++  padding-right: 36px;
  }
  
- .table tr:hover {
-   background-color: whitesmoke;
-   color: #242424;
 -.title + .highlight {
 -  margin-top: -10px;
++.select select:hover {
++  border-color: #b5b5b5;
  }
  
- .table thead td,
- .table thead th {
-   border-width: 0 0 2px;
-   color: #b5b5b5;
 -.title + .subtitle {
 -  margin-top: -10px;
++.select select:active, .select select:focus, .select select.is-active {
++  border-color: #11e4c4;
++  outline: none;
  }
  
- .table tbody tr:last-child td,
- .table tbody tr:last-child th {
-   border-bottom-width: 0;
 -.title.is-1 {
 -  font-size: 48px;
++.select select[disabled], .select select.is-disabled {
++  background-color: whitesmoke;
++  border-color: #dbdbdb;
++  cursor: not-allowed;
++  pointer-events: none;
  }
  
- .table tfoot td,
- .table tfoot th {
-   border-width: 2px 0 0;
-   color: #b5b5b5;
 -.title.is-1 code {
 -  font-size: 40px;
++.select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .table.is-bordered td,
- .table.is-bordered th {
-   border-width: 1px;
 -.title.is-2 {
 -  font-size: 40px;
++.select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .table.is-bordered tr:last-child td,
- .table.is-bordered tr:last-child th {
-   border-bottom-width: 1px;
 -.title.is-2 code {
 -  font-size: 28px;
++.select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .table.is-narrow td,
- .table.is-narrow th {
-   padding: 5px 10px;
 -.title.is-3 {
 -  font-size: 28px;
++.select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder {
++  color: rgba(36, 36, 36, 0.3);
  }
  
- .table.is-narrow td.is-icon,
- .table.is-narrow th.is-icon {
-   padding: 2px;
 -.title.is-3 code {
 -  font-size: 24px;
++.select select.is-white {
++  border-color: white;
  }
  
- .table.is-narrow td.is-icon.is-link,
- .table.is-narrow th.is-icon.is-link {
-   padding: 0;
 -.title.is-4 {
 -  font-size: 24px;
++.select select.is-black {
++  border-color: #121212;
  }
  
- .table.is-narrow td.is-icon.is-link > a,
- .table.is-narrow th.is-icon.is-link > a {
-   padding: 2px;
 -.title.is-4 code {
 -  font-size: 18px;
++.select select.is-light {
++  border-color: whitesmoke;
  }
  
- .table.is-narrow td.is-link,
- .table.is-narrow th.is-link {
-   padding: 0;
 -.title.is-5 {
 -  font-size: 18px;
++.select select.is-dark {
++  border-color: #7a7a7a;
  }
  
- .table.is-narrow td.is-link > a,
- .table.is-narrow th.is-link > a {
-   padding: 5px 10px;
 -.title.is-5 code {
 -  font-size: 14px;
++.select select.is-primary {
++  border-color: #11e4c4;
  }
  
- .table.is-striped tbody tr:hover {
-   background-color: #f0f0f0;
 -.title.is-6 {
 -  font-size: 14px;
++.select select.is-info {
++  border-color: #0f6bff;
  }
  
- .table.is-striped tbody tr:nth-child(2n) {
-   background-color: whitesmoke;
 -.title.is-6 code {
 -  font-size: 14px;
++.select select.is-success {
++  border-color: #20ee68;
  }
  
- .table.is-striped tbody tr:nth-child(2n):hover {
-   background-color: #f0f0f0;
 -.title.is-normal {
 -  font-weight: 400;
++.select select.is-warning {
++  border-color: #ffcf0f;
  }
  
- .title,
- .subtitle {
-   font-weight: 300;
-   word-break: break-word;
 -.title.is-normal strong {
 -  font-weight: 700;
++.select select.is-danger {
++  border-color: #ff0f3f;
  }
  
- .title em,
- .title span,
- .subtitle em,
- .subtitle span {
-   font-weight: 300;
 -@media screen and (min-width: 769px) {
 -  .title + .subtitle {
 -    margin-top: -15px;
 -  }
++.select select:hover {
++  border-color: #b5b5b5;
  }
  
- .title a:hover,
- .subtitle a:hover {
-   border-bottom: 1px solid;
 -.subtitle {
 -  color: #7a7a7a;
 -  font-size: 18px;
 -  line-height: 1.125;
++.select select::ms-expand {
++  display: none;
  }
  
- .title strong,
- .subtitle strong {
-   font-weight: 500;
 -.subtitle code {
 -  border-radius: 3px;
 -  display: inline-block;
 -  font-size: 14px;
 -  padding: 2px 3px;
 -  vertical-align: top;
++.select.is-fullwidth {
++  width: 100%;
  }
  
- .title .tag,
- .subtitle .tag {
-   vertical-align: bottom;
 -.subtitle strong {
 -  color: #242424;
++.select.is-fullwidth select {
++  width: 100%;
  }
  
- .title {
-   color: #242424;
-   font-size: 28px;
-   line-height: 1;
 -.subtitle + .title {
 -  margin-top: -20px;
++.select:after {
++  border: 1px solid #11e4c4;
++  border-right: 0;
++  border-top: 0;
++  content: " ";
++  display: block;
++  height: 7px;
++  pointer-events: none;
++  position: absolute;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  width: 7px;
++  margin-top: -6px;
++  right: 16px;
++  top: 50%;
  }
  
- .title code {
-   display: inline-block;
-   font-size: 28px;
 -.subtitle.is-1 {
 -  font-size: 48px;
++.select:hover:after {
++  border-color: #242424;
  }
  
- .title strong {
-   color: inherit;
 -.subtitle.is-1 code {
 -  font-size: 40px;
++.select.is-small {
++  height: 24px;
  }
  
- .title + .highlight {
-   margin-top: -10px;
 -.subtitle.is-2 {
 -  font-size: 40px;
++.select.is-small select {
++  border-radius: 2px;
++  font-size: 11px;
++  height: 24px;
++  line-height: 16px;
++  padding-left: 6px;
++  padding-right: 6px;
++  padding-right: 28px;
  }
  
- .title + .subtitle {
-   margin-top: -10px;
 -.subtitle.is-2 code {
 -  font-size: 28px;
++.select.is-medium {
++  height: 40px;
  }
  
- .title.is-1 {
-   font-size: 48px;
 -.subtitle.is-3 {
 -  font-size: 28px;
++.select.is-medium select {
++  font-size: 18px;
++  height: 40px;
++  line-height: 32px;
++  padding-left: 10px;
++  padding-right: 10px;
++  padding-right: 44px;
  }
  
- .title.is-1 code {
-   font-size: 40px;
 -.subtitle.is-3 code {
 -  font-size: 24px;
++.select.is-large {
++  height: 48px;
  }
  
- .title.is-2 {
-   font-size: 40px;
 -.subtitle.is-4 {
++.select.is-large select {
+   font-size: 24px;
++  height: 48px;
++  line-height: 40px;
++  padding-left: 12px;
++  padding-right: 12px;
++  padding-right: 52px;
  }
  
- .title.is-2 code {
-   font-size: 28px;
 -.subtitle.is-4 code {
 -  font-size: 18px;
++.label {
++  color: #242424;
++  display: block;
++  font-weight: bold;
  }
  
- .title.is-3 {
-   font-size: 28px;
 -.subtitle.is-5 {
 -  font-size: 18px;
++.label:not(:last-child) {
++  margin-bottom: 5px;
  }
  
- .title.is-3 code {
-   font-size: 24px;
 -.subtitle.is-5 code {
 -  font-size: 14px;
++.help {
++  display: block;
++  font-size: 11px;
++  margin-top: 5px;
  }
  
- .title.is-4 {
-   font-size: 24px;
 -.subtitle.is-6 {
 -  font-size: 14px;
++.help.is-white {
++  color: white;
  }
  
- .title.is-4 code {
-   font-size: 18px;
 -.subtitle.is-6 code {
 -  font-size: 14px;
++.help.is-black {
++  color: #121212;
  }
  
- .title.is-5 {
-   font-size: 18px;
 -.subtitle.is-normal {
 -  font-weight: 400;
++.help.is-light {
++  color: whitesmoke;
  }
  
- .title.is-5 code {
-   font-size: 14px;
 -.subtitle.is-normal strong {
 -  font-weight: 700;
++.help.is-dark {
++  color: #7a7a7a;
  }
  
- .title.is-6 {
-   font-size: 14px;
 -.delete, .modal-close {
 -  -moz-appearance: none;
 -  -webkit-appearance: none;
 -  background-color: rgba(18, 18, 18, 0.2);
 -  border: none;
 -  border-radius: 290486px;
 -  cursor: pointer;
 -  display: inline-block;
 -  height: 24px;
 -  position: relative;
 -  vertical-align: top;
 -  width: 24px;
++.help.is-primary {
++  color: #11e4c4;
  }
  
- .title.is-6 code {
-   font-size: 14px;
 -.delete:before, .modal-close:before, .delete:after, .modal-close:after {
 -  background-color: white;
 -  content: "";
 -  display: block;
 -  height: 2px;
 -  left: 50%;
 -  margin-left: -25%;
 -  margin-top: -1px;
 -  position: absolute;
 -  top: 50%;
 -  width: 50%;
++.help.is-info {
++  color: #0f6bff;
  }
  
- .title.is-normal {
-   font-weight: 400;
 -.delete:before, .modal-close:before {
 -  -webkit-transform: rotate(45deg);
 -          transform: rotate(45deg);
++.help.is-success {
++  color: #20ee68;
  }
  
- .title.is-normal strong {
-   font-weight: 700;
 -.delete:after, .modal-close:after {
 -  -webkit-transform: rotate(-45deg);
 -          transform: rotate(-45deg);
++.help.is-warning {
++  color: #ffcf0f;
  }
  
- @media screen and (min-width: 769px) {
-   .title + .subtitle {
-     margin-top: -15px;
-   }
 -.delete:hover, .modal-close:hover {
 -  background-color: rgba(18, 18, 18, 0.5);
++.help.is-danger {
++  color: #ff0f3f;
  }
  
- .subtitle {
-   color: #7a7a7a;
-   font-size: 18px;
-   line-height: 1.125;
 -.delete.is-small, .tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close, .is-small.modal-close {
 -  height: 16px;
 -  width: 16px;
++@media screen and (max-width: 768px) {
++  .control-label {
++    margin-bottom: 5px;
++  }
  }
  
- .subtitle code {
-   border-radius: 3px;
-   display: inline-block;
-   font-size: 14px;
-   padding: 2px 3px;
-   vertical-align: top;
 -.delete.is-medium, .is-medium.modal-close {
 -  height: 32px;
 -  width: 32px;
++@media screen and (min-width: 769px) {
++  .control-label {
++    -ms-flex-preferred-size: 0;
++        flex-basis: 0;
++    -webkit-box-flex: 1;
++        -ms-flex-positive: 1;
++            flex-grow: 1;
++    -ms-flex-negative: 0;
++        flex-shrink: 0;
++    margin-right: 20px;
++    padding-top: 7px;
++    text-align: right;
++  }
  }
  
- .subtitle strong {
-   color: #242424;
 -.delete.is-large, .is-large.modal-close {
 -  height: 40px;
 -  width: 40px;
++.control {
++  position: relative;
++  text-align: left;
  }
  
- .subtitle + .title {
-   margin-top: -20px;
 -.icon {
 -  display: inline-block;
 -  font-size: 21px;
 -  height: 24px;
 -  line-height: 24px;
 -  text-align: center;
 -  vertical-align: top;
 -  width: 24px;
++.control:not(:last-child) {
++  margin-bottom: 10px;
  }
  
- .subtitle.is-1 {
-   font-size: 48px;
 -.icon .fa {
 -  font-size: inherit;
 -  line-height: inherit;
++.control.has-addons {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
  }
  
- .subtitle.is-1 code {
-   font-size: 40px;
- }
- 
- .subtitle.is-2 {
-   font-size: 40px;
- }
- 
- .subtitle.is-2 code {
-   font-size: 28px;
 -.icon.is-small {
 -  display: inline-block;
 -  font-size: 14px;
 -  height: 16px;
 -  line-height: 16px;
 -  text-align: center;
 -  vertical-align: top;
 -  width: 16px;
++.control.has-addons .button,
++.control.has-addons .input,
++.control.has-addons .textarea,
++.control.has-addons .select {
++  border-radius: 0;
++  margin-right: -1px;
++  width: auto;
  }
  
- .subtitle.is-3 {
 -.icon.is-medium {
 -  display: inline-block;
--  font-size: 28px;
 -  height: 32px;
 -  line-height: 32px;
 -  text-align: center;
 -  vertical-align: top;
 -  width: 32px;
++.control.has-addons .button:hover,
++.control.has-addons .input:hover,
++.control.has-addons .textarea:hover,
++.control.has-addons .select:hover {
++  z-index: 2;
  }
  
- .subtitle.is-3 code {
-   font-size: 24px;
 -.icon.is-large {
 -  display: inline-block;
 -  font-size: 42px;
 -  height: 48px;
 -  line-height: 48px;
 -  text-align: center;
 -  vertical-align: top;
 -  width: 48px;
++.control.has-addons .button:active, .control.has-addons .button:focus,
++.control.has-addons .input:active,
++.control.has-addons .textarea:active,
++.control.has-addons .input:focus,
++.control.has-addons .textarea:focus,
++.control.has-addons .select:active,
++.control.has-addons .select:focus {
++  z-index: 3;
  }
  
- .subtitle.is-4 {
-   font-size: 24px;
 -.hamburger, .nav-toggle {
 -  cursor: pointer;
 -  display: block;
 -  height: 50px;
 -  position: relative;
 -  width: 50px;
++.control.has-addons .button:first-child,
++.control.has-addons .input:first-child,
++.control.has-addons .textarea:first-child,
++.control.has-addons .select:first-child {
++  border-radius: 3px 0 0 3px;
  }
  
- .subtitle.is-4 code {
-   font-size: 18px;
 -.hamburger span, .nav-toggle span {
 -  background-color: #7a7a7a;
 -  display: block;
 -  height: 1px;
 -  left: 50%;
 -  margin-left: -7px;
 -  position: absolute;
 -  top: 50%;
 -  -webkit-transition: none 86ms ease-out;
 -  transition: none 86ms ease-out;
 -  -webkit-transition-property: background, left, opacity, -webkit-transform;
 -  transition-property: background, left, opacity, -webkit-transform;
 -  transition-property: background, left, opacity, transform;
 -  transition-property: background, left, opacity, transform, -webkit-transform;
 -  width: 15px;
++.control.has-addons .button:first-child select,
++.control.has-addons .input:first-child select,
++.control.has-addons .textarea:first-child select,
++.control.has-addons .select:first-child select {
++  border-radius: 3px 0 0 3px;
  }
  
- .subtitle.is-5 {
-   font-size: 18px;
 -.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
 -  margin-top: -6px;
++.control.has-addons .button:last-child,
++.control.has-addons .input:last-child,
++.control.has-addons .textarea:last-child,
++.control.has-addons .select:last-child {
++  border-radius: 0 3px 3px 0;
  }
  
- .subtitle.is-5 code {
-   font-size: 14px;
 -.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
 -  margin-top: -1px;
++.control.has-addons .button:last-child select,
++.control.has-addons .input:last-child select,
++.control.has-addons .textarea:last-child select,
++.control.has-addons .select:last-child select {
++  border-radius: 0 3px 3px 0;
  }
  
- .subtitle.is-6 {
-   font-size: 14px;
 -.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
 -  margin-top: 4px;
++.control.has-addons .button.is-expanded,
++.control.has-addons .input.is-expanded,
++.control.has-addons .is-expanded.textarea,
++.control.has-addons .select.is-expanded {
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
- .subtitle.is-6 code {
-   font-size: 14px;
 -.hamburger:hover, .nav-toggle:hover {
 -  background-color: whitesmoke;
++.control.has-addons.has-addons-centered {
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
- .subtitle.is-normal {
-   font-weight: 400;
 -.hamburger.is-active span, .is-active.nav-toggle span {
 -  background-color: #11e4c4;
++.control.has-addons.has-addons-right {
++  -webkit-box-pack: end;
++      -ms-flex-pack: end;
++          justify-content: flex-end;
  }
  
- .subtitle.is-normal strong {
-   font-weight: 700;
 -.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
 -  margin-left: -5px;
 -  -webkit-transform: rotate(45deg);
 -          transform: rotate(45deg);
 -  -webkit-transform-origin: left top;
 -          transform-origin: left top;
++.control.has-addons.has-addons-fullwidth .button,
++.control.has-addons.has-addons-fullwidth .input,
++.control.has-addons.has-addons-fullwidth .textarea,
++.control.has-addons.has-addons-fullwidth .select {
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
- .delete, .modal-close {
-   -moz-appearance: none;
-   -webkit-appearance: none;
-   background-color: rgba(18, 18, 18, 0.2);
-   border: none;
-   border-radius: 290486px;
-   cursor: pointer;
 -.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
 -  opacity: 0;
++.control.has-icon > .fa {
 +  display: inline-block;
++  font-size: 14px;
 +  height: 24px;
-   position: relative;
++  line-height: 24px;
++  text-align: center;
 +  vertical-align: top;
 +  width: 24px;
++  color: #b5b5b5;
++  pointer-events: none;
++  position: absolute;
++  top: 4px;
++  z-index: 4;
  }
  
- .delete:before, .modal-close:before, .delete:after, .modal-close:after {
-   background-color: white;
-   content: "";
-   display: block;
-   height: 2px;
-   left: 50%;
-   margin-left: -25%;
-   margin-top: -1px;
-   position: absolute;
-   top: 50%;
-   width: 50%;
 -.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
 -  margin-left: -5px;
 -  -webkit-transform: rotate(-45deg);
 -          transform: rotate(-45deg);
 -  -webkit-transform-origin: left bottom;
 -          transform-origin: left bottom;
++.control.has-icon .input:focus + .fa, .control.has-icon .textarea:focus + .fa {
++  color: #242424;
  }
  
- .delete:before, .modal-close:before {
-   transform: rotate(45deg);
 -.heading {
 -  display: block;
 -  font-size: 11px;
 -  letter-spacing: 1px;
 -  margin-bottom: 5px;
 -  text-transform: uppercase;
++.control.has-icon .input.is-small + .fa, .control.has-icon .is-small.textarea + .fa {
++  font-size: 10.5px;
++  top: 0;
  }
  
- .delete:after, .modal-close:after {
-   transform: rotate(-45deg);
 -.highlight {
 -  font-size: 12px;
 -  font-weight: normal;
 -  max-width: 100%;
 -  overflow: hidden;
 -  padding: 0;
++.control.has-icon .input.is-medium + .fa, .control.has-icon .is-medium.textarea + .fa {
++  font-size: 21px;
++  top: 8px;
  }
  
- .delete:hover, .modal-close:hover {
-   background-color: rgba(18, 18, 18, 0.5);
 -.highlight pre {
 -  overflow: auto;
 -  max-width: 100%;
++.control.has-icon .input.is-large + .fa, .control.has-icon .is-large.textarea + .fa {
++  font-size: 21px;
++  top: 12px;
  }
  
- .delete.is-small, .tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close, .is-small.modal-close {
 -.loader, .button.is-loading:after, .control.is-loading:after {
 -  -webkit-animation: spin-around 500ms infinite linear;
 -          animation: spin-around 500ms infinite linear;
 -  border: 2px solid #dbdbdb;
 -  border-radius: 290486px;
 -  border-right-color: transparent;
 -  border-top-color: transparent;
 -  content: "";
 -  display: block;
--  height: 16px;
 -  position: relative;
--  width: 16px;
++.control.has-icon:not(.has-icon-right) > .fa {
++  left: 4px;
  }
  
- .delete.is-medium, .is-medium.modal-close {
-   height: 32px;
-   width: 32px;
 -.number {
 -  background-color: whitesmoke;
 -  border-radius: 290486px;
 -  display: inline-block;
 -  font-size: 18px;
 -  vertical-align: top;
 -}
 -
 -.tag {
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  background-color: whitesmoke;
 -  border-radius: 290486px;
 -  color: #7a7a7a;
 -  display: -webkit-inline-box;
 -  display: -ms-inline-flexbox;
 -  display: inline-flex;
 -  font-size: 12px;
 -  height: 24px;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
 -  line-height: 16px;
 -  padding-left: 10px;
 -  padding-right: 10px;
 -  vertical-align: top;
 -  white-space: nowrap;
 -}
 -
 -.tag .delete, .tag .modal-close {
 -  margin-left: 4px;
 -  margin-right: -6px;
++.control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .textarea {
++  padding-left: 32px;
  }
  
- .delete.is-large, .is-large.modal-close {
-   height: 40px;
-   width: 40px;
 -.tag.is-white {
 -  background-color: white;
 -  color: #121212;
++.control.has-icon:not(.has-icon-right) .input.is-small, .control.has-icon:not(.has-icon-right) .is-small.textarea {
++  padding-left: 24px;
  }
  
- .icon {
-   display: inline-block;
-   font-size: 21px;
-   height: 24px;
-   line-height: 24px;
-   text-align: center;
-   vertical-align: top;
-   width: 24px;
 -.tag.is-black {
 -  background-color: #121212;
 -  color: white;
++.control.has-icon:not(.has-icon-right) .input.is-small + .fa, .control.has-icon:not(.has-icon-right) .is-small.textarea + .fa {
++  left: 0;
  }
  
- .icon .fa {
-   font-size: inherit;
-   line-height: inherit;
 -.tag.is-light {
 -  background-color: whitesmoke;
 -  color: #7a7a7a;
++.control.has-icon:not(.has-icon-right) .input.is-medium, .control.has-icon:not(.has-icon-right) .is-medium.textarea {
++  padding-left: 40px;
  }
  
- .icon.is-small {
-   display: inline-block;
-   font-size: 14px;
-   height: 16px;
-   line-height: 16px;
-   text-align: center;
-   vertical-align: top;
-   width: 16px;
 -.tag.is-dark {
 -  background-color: #7a7a7a;
 -  color: whitesmoke;
++.control.has-icon:not(.has-icon-right) .input.is-medium + .fa, .control.has-icon:not(.has-icon-right) .is-medium.textarea + .fa {
++  left: 8px;
  }
  
- .icon.is-medium {
-   display: inline-block;
-   font-size: 28px;
-   height: 32px;
-   line-height: 32px;
-   text-align: center;
-   vertical-align: top;
-   width: 32px;
 -.tag.is-primary {
 -  background-color: #11e4c4;
 -  color: white;
++.control.has-icon:not(.has-icon-right) .input.is-large, .control.has-icon:not(.has-icon-right) .is-large.textarea {
++  padding-left: 48px;
  }
  
- .icon.is-large {
-   display: inline-block;
-   font-size: 42px;
-   height: 48px;
-   line-height: 48px;
-   text-align: center;
-   vertical-align: top;
-   width: 48px;
 -.tag.is-info {
 -  background-color: #0f6bff;
 -  color: white;
++.control.has-icon:not(.has-icon-right) .input.is-large + .fa, .control.has-icon:not(.has-icon-right) .is-large.textarea + .fa {
++  left: 12px;
  }
  
- .hamburger, .nav-toggle {
-   cursor: pointer;
-   display: block;
-   height: 50px;
-   position: relative;
-   width: 50px;
 -.tag.is-success {
 -  background-color: #20ee68;
 -  color: white;
++.control.has-icon.has-icon-right > .fa {
++  right: 4px;
  }
  
- .hamburger span, .nav-toggle span {
-   background-color: #7a7a7a;
-   display: block;
-   height: 1px;
-   left: 50%;
-   margin-left: -7px;
-   position: absolute;
-   top: 50%;
-   transition: none 86ms ease-out;
-   transition-property: background, left, opacity, transform;
-   width: 15px;
 -.tag.is-warning {
 -  background-color: #ffcf0f;
 -  color: white;
++.control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .textarea {
++  padding-right: 32px;
  }
  
- .hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
-   margin-top: -6px;
 -.tag.is-danger {
 -  background-color: #ff0f3f;
 -  color: white;
++.control.has-icon.has-icon-right .input.is-small, .control.has-icon.has-icon-right .is-small.textarea {
++  padding-right: 24px;
  }
  
- .hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
-   margin-top: -1px;
 -.tag.is-small {
 -  font-size: 11px;
 -  height: 20px;
 -  padding-left: 8px;
 -  padding-right: 8px;
++.control.has-icon.has-icon-right .input.is-small + .fa, .control.has-icon.has-icon-right .is-small.textarea + .fa {
++  right: 0;
  }
  
- .hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
-   margin-top: 4px;
 -.tag.is-medium {
 -  font-size: 14px;
 -  height: 32px;
 -  padding-left: 14px;
 -  padding-right: 14px;
++.control.has-icon.has-icon-right .input.is-medium, .control.has-icon.has-icon-right .is-medium.textarea {
++  padding-right: 40px;
  }
  
- .hamburger:hover, .nav-toggle:hover {
-   background-color: whitesmoke;
 -.tag.is-large {
 -  font-size: 18px;
 -  height: 40px;
 -  line-height: 24px;
 -  padding-left: 18px;
 -  padding-right: 18px;
++.control.has-icon.has-icon-right .input.is-medium + .fa, .control.has-icon.has-icon-right .is-medium.textarea + .fa {
++  right: 8px;
  }
  
- .hamburger.is-active span, .is-active.nav-toggle span {
-   background-color: #11e4c4;
 -.tag.is-large .delete, .tag.is-large .modal-close {
 -  margin-left: 4px;
 -  margin-right: -8px;
++.control.has-icon.has-icon-right .input.is-large, .control.has-icon.has-icon-right .is-large.textarea {
++  padding-right: 48px;
  }
  
- .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
-   margin-left: -5px;
-   transform: rotate(45deg);
-   transform-origin: left top;
 -.unselectable, .is-unselectable, .button, .delete, .modal-close, .tabs, .highlight .copy,
 -.highlight .expand {
 -  -webkit-touch-callout: none;
 -  -webkit-user-select: none;
 -  -moz-user-select: none;
 -  -ms-user-select: none;
 -  user-select: none;
++.control.has-icon.has-icon-right .input.is-large + .fa, .control.has-icon.has-icon-right .is-large.textarea + .fa {
++  right: 12px;
  }
  
- .hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
-   opacity: 0;
 -.card-header {
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -          align-items: stretch;
 -  box-shadow: 0 1px 2px rgba(18, 18, 18, 0.1);
++.control.is-grouped {
+   display: -webkit-box;
+   display: -ms-flexbox;
+   display: flex;
 -  min-height: 40px;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
  }
  
- .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
-   margin-left: -5px;
-   transform: rotate(-45deg);
-   transform-origin: left bottom;
 -.card-header-title {
 -  -webkit-box-align: start;
 -      -ms-flex-align: start;
 -          align-items: flex-start;
 -  color: #242424;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
++.control.is-grouped > .control:not(:last-child) {
++  margin-bottom: 0;
++  margin-right: 10px;
 +}
 +
- .heading {
-   display: block;
-   font-size: 11px;
-   letter-spacing: 1px;
-   margin-bottom: 5px;
-   text-transform: uppercase;
++.control.is-grouped > .control.is-expanded {
+   -webkit-box-flex: 1;
+       -ms-flex-positive: 1;
+           flex-grow: 1;
 -  font-weight: bold;
 -  padding: 10px;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
- .highlight {
-   font-size: 12px;
-   font-weight: normal;
-   max-width: 100%;
-   overflow: hidden;
-   padding: 0;
 -.card-header-icon {
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  cursor: pointer;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
++.control.is-grouped.is-grouped-centered {
+   -webkit-box-pack: center;
+       -ms-flex-pack: center;
+           justify-content: center;
 -  width: 40px;
 -}
 -
 -.card-image {
 -  display: block;
 -  position: relative;
  }
  
- .highlight pre {
-   overflow: auto;
-   max-width: 100%;
 -.card-content {
 -  padding: 20px;
++.control.is-grouped.is-grouped-right {
++  -webkit-box-pack: end;
++      -ms-flex-pack: end;
++          justify-content: flex-end;
  }
  
- .loader, .button.is-loading:after, .control.is-loading:after {
-   animation: spin-around 500ms infinite linear;
-   border: 2px solid #dbdbdb;
-   border-radius: 290486px;
-   border-right-color: transparent;
-   border-top-color: transparent;
-   content: "";
-   display: block;
-   height: 16px;
-   position: relative;
-   width: 16px;
- }
- 
- .number {
-   background-color: whitesmoke;
-   border-radius: 290486px;
-   display: inline-block;
-   font-size: 18px;
-   vertical-align: top;
 -.card-content .title + .subtitle {
 -  margin-top: -20px;
++@media screen and (min-width: 769px) {
++  .control.is-horizontal {
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
++  }
++  .control.is-horizontal > .control {
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
++    -ms-flex-preferred-size: 0;
++        flex-basis: 0;
++    -webkit-box-flex: 5;
++        -ms-flex-positive: 5;
++            flex-grow: 5;
++    -ms-flex-negative: 1;
++        flex-shrink: 1;
++  }
  }
  
- .tag {
-   align-items: center;
-   background-color: whitesmoke;
-   border-radius: 290486px;
-   color: #7a7a7a;
-   display: inline-flex;
-   font-size: 12px;
-   height: 24px;
-   justify-content: center;
-   line-height: 16px;
-   padding-left: 10px;
-   padding-right: 10px;
-   vertical-align: top;
-   white-space: nowrap;
 -.card-footer {
 -  border-top: 1px solid #dbdbdb;
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -          align-items: stretch;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
++.control.is-loading:after {
++  position: absolute !important;
++  right: 8px;
++  top: 8px;
  }
  
- .tag .delete, .tag .modal-close {
-   margin-left: 4px;
-   margin-right: -6px;
 -.card-footer-item {
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
 -  padding: 10px;
++.image {
++  display: block;
++  position: relative;
  }
  
- .tag.is-white {
-   background-color: white;
-   color: #121212;
 -.card-footer-item:not(:last-child) {
 -  border-right: 1px solid #dbdbdb;
++.image img {
++  display: block;
++  height: auto;
++  width: 100%;
  }
  
- .tag.is-black {
-   background-color: #121212;
-   color: white;
 -.card {
 -  background-color: white;
 -  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
 -  color: #7a7a7a;
 -  max-width: 100%;
 -  position: relative;
 -  width: 300px;
++.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;
++  height: 100%;
++  width: 100%;
  }
  
- .tag.is-light {
-   background-color: whitesmoke;
-   color: #7a7a7a;
 -.card .media:not(:last-child) {
 -  margin-bottom: 10px;
++.image.is-square, .image.is-1by1 {
++  padding-top: 100%;
  }
  
- .tag.is-dark {
-   background-color: #7a7a7a;
-   color: whitesmoke;
 -.card.is-fullwidth {
 -  width: 100%;
++.image.is-4by3 {
++  padding-top: 75%;
  }
  
- .tag.is-primary {
-   background-color: #11e4c4;
-   color: white;
 -.card.is-rounded {
 -  border-radius: 5px;
++.image.is-3by2 {
++  padding-top: 66.6666%;
  }
  
- .tag.is-info {
-   background-color: #0f6bff;
-   color: white;
 -.column {
 -  -ms-flex-preferred-size: 0;
 -      flex-basis: 0;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 1;
 -      flex-shrink: 1;
 -  padding: 10px;
++.image.is-16by9 {
++  padding-top: 56.25%;
  }
  
- .tag.is-success {
-   background-color: #20ee68;
-   color: white;
 -.columns.is-mobile > .column.is-narrow {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
++.image.is-2by1 {
++  padding-top: 50%;
  }
  
- .tag.is-warning {
-   background-color: #ffcf0f;
-   color: white;
 -.columns.is-mobile > .column.is-full {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 100%;
++.image.is-16x16 {
++  height: 16px;
++  width: 16px;
  }
  
- .tag.is-danger {
-   background-color: #ff0f3f;
-   color: white;
 -.columns.is-mobile > .column.is-three-quarters {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 75%;
++.image.is-24x24 {
++  height: 24px;
++  width: 24px;
  }
  
- .tag.is-small {
-   font-size: 11px;
-   height: 20px;
-   padding-left: 8px;
-   padding-right: 8px;
 -.columns.is-mobile > .column.is-two-thirds {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 66.6666%;
++.image.is-32x32 {
++  height: 32px;
++  width: 32px;
  }
  
- .tag.is-medium {
-   font-size: 14px;
-   height: 32px;
-   padding-left: 14px;
-   padding-right: 14px;
 -.columns.is-mobile > .column.is-half {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 50%;
++.image.is-48x48 {
++  height: 48px;
++  width: 48px;
  }
  
- .tag.is-large {
-   font-size: 18px;
-   height: 40px;
-   line-height: 24px;
-   padding-left: 18px;
-   padding-right: 18px;
 -.columns.is-mobile > .column.is-one-third {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 33.3333%;
++.image.is-64x64 {
++  height: 64px;
++  width: 64px;
  }
  
- .tag.is-large .delete, .tag.is-large .modal-close {
-   margin-left: 4px;
-   margin-right: -8px;
 -.columns.is-mobile > .column.is-one-quarter {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 25%;
++.image.is-96x96 {
++  height: 96px;
++  width: 96px;
  }
  
- .unselectable, .is-unselectable, .button, .delete, .modal-close, .tabs, .highlight .copy,
- .highlight .expand {
-   -webkit-touch-callout: none;
-   -webkit-user-select: none;
-   -moz-user-select: none;
-   -ms-user-select: none;
-   user-select: none;
 -.columns.is-mobile > .column.is-offset-three-quarters {
 -  margin-left: 75%;
++.image.is-128x128 {
++  height: 128px;
++  width: 128px;
  }
  
- .card-header {
-   align-items: stretch;
-   box-shadow: 0 1px 2px rgba(18, 18, 18, 0.1);
-   display: flex;
-   min-height: 40px;
 -.columns.is-mobile > .column.is-offset-two-thirds {
 -  margin-left: 66.6666%;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .card-header-title {
-   align-items: flex-start;
-   color: #242424;
-   display: flex;
-   flex-grow: 1;
-   font-weight: bold;
-   padding: 10px;
 -.columns.is-mobile > .column.is-offset-half {
 -  margin-left: 50%;
++.container {
++  position: relative;
  }
  
- .card-header-icon {
-   align-items: center;
-   cursor: pointer;
-   display: flex;
-   justify-content: center;
-   width: 40px;
 -.columns.is-mobile > .column.is-offset-one-third {
 -  margin-left: 33.3333%;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
- .card-image {
-   display: block;
-   position: relative;
 -.columns.is-mobile > .column.is-offset-one-quarter {
 -  margin-left: 25%;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .card-content {
-   padding: 20px;
 -.columns.is-mobile > .column.is-1 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 8.33333%;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .card-content .title + .subtitle {
-   margin-top: -20px;
 -.columns.is-mobile > .column.is-offset-1 {
 -  margin-left: 8.33333%;
++.notification {
++  background-color: whitesmoke;
++  border-radius: 3px;
++  padding: 16px 20px;
++  position: relative;
  }
  
- .card-footer {
-   border-top: 1px solid #dbdbdb;
-   align-items: stretch;
-   display: flex;
 -.columns.is-mobile > .column.is-2 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 16.66667%;
++.notification:after {
++  clear: both;
++  content: " ";
++  display: table;
  }
  
- .card-footer-item {
-   align-items: center;
-   display: flex;
-   flex-grow: 1;
-   justify-content: center;
-   padding: 10px;
 -.columns.is-mobile > .column.is-offset-2 {
 -  margin-left: 16.66667%;
++.notification .delete, .notification .modal-close {
++  border-radius: 0 3px;
++  float: right;
++  margin: -16px -20px 0 20px;
  }
  
- .card-footer-item:not(:last-child) {
-   border-right: 1px solid #dbdbdb;
 -.columns.is-mobile > .column.is-3 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 25%;
++.notification .subtitle,
++.notification .title {
++  color: inherit;
  }
  
- .card {
 -.columns.is-mobile > .column.is-offset-3 {
 -  margin-left: 25%;
++.notification.is-white {
 +  background-color: white;
-   box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
-   color: #7a7a7a;
-   max-width: 100%;
-   position: relative;
-   width: 300px;
++  color: #121212;
  }
  
- .card .media:not(:last-child) {
-   margin-bottom: 10px;
 -.columns.is-mobile > .column.is-4 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 33.33333%;
++.notification.is-black {
++  background-color: #121212;
++  color: white;
  }
  
- .card.is-fullwidth {
-   width: 100%;
 -.columns.is-mobile > .column.is-offset-4 {
 -  margin-left: 33.33333%;
++.notification.is-light {
++  background-color: whitesmoke;
++  color: #7a7a7a;
  }
  
- .card.is-rounded {
-   border-radius: 5px;
 -.columns.is-mobile > .column.is-5 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 41.66667%;
++.notification.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
- .column {
-   flex-basis: 0;
-   flex-grow: 1;
-   flex-shrink: 1;
-   padding: 10px;
 -.columns.is-mobile > .column.is-offset-5 {
 -  margin-left: 41.66667%;
++.notification.is-primary {
++  background-color: #11e4c4;
++  color: white;
  }
  
- .columns.is-mobile > .column.is-narrow {
-   flex: none;
 -.columns.is-mobile > .column.is-6 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 50%;
++.notification.is-info {
++  background-color: #0f6bff;
++  color: white;
  }
  
- .columns.is-mobile > .column.is-full {
-   flex: none;
-   width: 100%;
 -.columns.is-mobile > .column.is-offset-6 {
 -  margin-left: 50%;
++.notification.is-success {
++  background-color: #20ee68;
++  color: white;
  }
  
- .columns.is-mobile > .column.is-three-quarters {
-   flex: none;
-   width: 75%;
 -.columns.is-mobile > .column.is-7 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 58.33333%;
++.notification.is-warning {
++  background-color: #ffcf0f;
++  color: white;
  }
  
- .columns.is-mobile > .column.is-two-thirds {
-   flex: none;
-   width: 66.6666%;
 -.columns.is-mobile > .column.is-offset-7 {
 -  margin-left: 58.33333%;
++.notification.is-danger {
++  background-color: #ff0f3f;
++  color: white;
  }
  
- .columns.is-mobile > .column.is-half {
-   flex: none;
-   width: 50%;
 -.columns.is-mobile > .column.is-8 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 66.66667%;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .columns.is-mobile > .column.is-one-third {
-   flex: none;
-   width: 33.3333%;
 -.columns.is-mobile > .column.is-offset-8 {
 -  margin-left: 66.66667%;
++.container {
++  position: relative;
  }
  
- .columns.is-mobile > .column.is-one-quarter {
-   flex: none;
-   width: 25%;
 -.columns.is-mobile > .column.is-9 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 75%;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
- .columns.is-mobile > .column.is-offset-three-quarters {
 -.columns.is-mobile > .column.is-offset-9 {
--  margin-left: 75%;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .columns.is-mobile > .column.is-offset-two-thirds {
-   margin-left: 66.6666%;
 -.columns.is-mobile > .column.is-10 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 83.33333%;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .columns.is-mobile > .column.is-offset-half {
-   margin-left: 50%;
 -.columns.is-mobile > .column.is-offset-10 {
 -  margin-left: 83.33333%;
++.progress {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  border: none;
++  border-radius: 290486px;
++  display: block;
++  height: 12px;
++  overflow: hidden;
++  padding: 0;
++  width: 100%;
  }
  
- .columns.is-mobile > .column.is-offset-one-third {
-   margin-left: 33.3333%;
 -.columns.is-mobile > .column.is-11 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 91.66667%;
++.progress::-webkit-progress-bar {
++  background-color: #dbdbdb;
  }
  
- .columns.is-mobile > .column.is-offset-one-quarter {
-   margin-left: 25%;
 -.columns.is-mobile > .column.is-offset-11 {
 -  margin-left: 91.66667%;
++.progress::-webkit-progress-value {
++  background-color: #7a7a7a;
  }
  
- .columns.is-mobile > .column.is-1 {
-   flex: none;
-   width: 8.33333%;
 -.columns.is-mobile > .column.is-12 {
 -  -webkit-box-flex: 0;
 -      -ms-flex: none;
 -          flex: none;
 -  width: 100%;
++.progress::-moz-progress-bar {
++  background-color: #7a7a7a;
  }
  
- .columns.is-mobile > .column.is-offset-1 {
-   margin-left: 8.33333%;
 -.columns.is-mobile > .column.is-offset-12 {
 -  margin-left: 100%;
++.progress.is-white::-webkit-progress-value {
++  background-color: white;
  }
  
- .columns.is-mobile > .column.is-2 {
-   flex: none;
-   width: 16.66667%;
 -@media screen and (max-width: 768px) {
 -  .column.is-narrow-mobile {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -  }
 -  .column.is-full-mobile {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
++.progress.is-white::-moz-progress-bar {
++  background-color: white;
 +}
 +
- .columns.is-mobile > .column.is-offset-2 {
-   margin-left: 16.66667%;
++.progress.is-black::-webkit-progress-value {
++  background-color: #121212;
 +}
 +
- .columns.is-mobile > .column.is-3 {
-   flex: none;
-   width: 25%;
++.progress.is-black::-moz-progress-bar {
++  background-color: #121212;
 +}
 +
- .columns.is-mobile > .column.is-offset-3 {
-   margin-left: 25%;
++.progress.is-light::-webkit-progress-value {
++  background-color: whitesmoke;
 +}
 +
- .columns.is-mobile > .column.is-4 {
-   flex: none;
-   width: 33.33333%;
++.progress.is-light::-moz-progress-bar {
++  background-color: whitesmoke;
 +}
 +
- .columns.is-mobile > .column.is-offset-4 {
-   margin-left: 33.33333%;
++.progress.is-dark::-webkit-progress-value {
++  background-color: #7a7a7a;
 +}
 +
- .columns.is-mobile > .column.is-5 {
-   flex: none;
-   width: 41.66667%;
++.progress.is-dark::-moz-progress-bar {
++  background-color: #7a7a7a;
 +}
 +
- .columns.is-mobile > .column.is-offset-5 {
-   margin-left: 41.66667%;
++.progress.is-primary::-webkit-progress-value {
++  background-color: #11e4c4;
 +}
 +
- .columns.is-mobile > .column.is-6 {
-   flex: none;
-   width: 50%;
++.progress.is-primary::-moz-progress-bar {
++  background-color: #11e4c4;
 +}
 +
- .columns.is-mobile > .column.is-offset-6 {
-   margin-left: 50%;
++.progress.is-info::-webkit-progress-value {
++  background-color: #0f6bff;
 +}
 +
- .columns.is-mobile > .column.is-7 {
-   flex: none;
-   width: 58.33333%;
++.progress.is-info::-moz-progress-bar {
++  background-color: #0f6bff;
 +}
 +
- .columns.is-mobile > .column.is-offset-7 {
-   margin-left: 58.33333%;
++.progress.is-success::-webkit-progress-value {
++  background-color: #20ee68;
 +}
 +
- .columns.is-mobile > .column.is-8 {
-   flex: none;
-   width: 66.66667%;
++.progress.is-success::-moz-progress-bar {
++  background-color: #20ee68;
 +}
 +
- .columns.is-mobile > .column.is-offset-8 {
-   margin-left: 66.66667%;
++.progress.is-warning::-webkit-progress-value {
++  background-color: #ffcf0f;
 +}
 +
- .columns.is-mobile > .column.is-9 {
-   flex: none;
-   width: 75%;
++.progress.is-warning::-moz-progress-bar {
++  background-color: #ffcf0f;
 +}
 +
- .columns.is-mobile > .column.is-offset-9 {
-   margin-left: 75%;
++.progress.is-danger::-webkit-progress-value {
++  background-color: #ff0f3f;
 +}
 +
- .columns.is-mobile > .column.is-10 {
-   flex: none;
-   width: 83.33333%;
++.progress.is-danger::-moz-progress-bar {
++  background-color: #ff0f3f;
 +}
 +
- .columns.is-mobile > .column.is-offset-10 {
-   margin-left: 83.33333%;
++.progress.is-small {
++  height: 8px;
 +}
 +
- .columns.is-mobile > .column.is-11 {
-   flex: none;
-   width: 91.66667%;
++.progress.is-medium {
++  height: 16px;
 +}
 +
- .columns.is-mobile > .column.is-offset-11 {
-   margin-left: 91.66667%;
++.progress.is-large {
++  height: 20px;
 +}
 +
- .columns.is-mobile > .column.is-12 {
-   flex: none;
++.table {
++  background-color: white;
++  color: #242424;
++  margin-bottom: 20px;
 +  width: 100%;
 +}
 +
- .columns.is-mobile > .column.is-offset-12 {
-   margin-left: 100%;
- }
- 
- @media screen and (max-width: 768px) {
-   .column.is-narrow-mobile {
-     flex: none;
-   }
-   .column.is-full-mobile {
-     flex: none;
-     width: 100%;
-   }
-   .column.is-three-quarters-mobile {
-     flex: none;
-     width: 75%;
-   }
-   .column.is-two-thirds-mobile {
-     flex: none;
-     width: 66.6666%;
-   }
-   .column.is-half-mobile {
-     flex: none;
-     width: 50%;
-   }
-   .column.is-one-third-mobile {
-     flex: none;
-     width: 33.3333%;
-   }
-   .column.is-one-quarter-mobile {
-     flex: none;
-     width: 25%;
-   }
-   .column.is-offset-three-quarters-mobile {
-     margin-left: 75%;
-   }
-   .column.is-offset-two-thirds-mobile {
-     margin-left: 66.6666%;
-   }
-   .column.is-offset-half-mobile {
-     margin-left: 50%;
-   }
-   .column.is-offset-one-third-mobile {
-     margin-left: 33.3333%;
-   }
-   .column.is-offset-one-quarter-mobile {
-     margin-left: 25%;
-   }
-   .column.is-1-mobile {
-     flex: none;
-     width: 8.33333%;
-   }
-   .column.is-offset-1-mobile {
-     margin-left: 8.33333%;
-   }
-   .column.is-2-mobile {
-     flex: none;
-     width: 16.66667%;
-   }
-   .column.is-offset-2-mobile {
-     margin-left: 16.66667%;
-   }
-   .column.is-3-mobile {
-     flex: none;
-     width: 25%;
-   }
-   .column.is-offset-3-mobile {
-     margin-left: 25%;
-   }
-   .column.is-4-mobile {
-     flex: none;
-     width: 33.33333%;
-   }
-   .column.is-offset-4-mobile {
-     margin-left: 33.33333%;
-   }
-   .column.is-5-mobile {
-     flex: none;
-     width: 41.66667%;
-   }
-   .column.is-offset-5-mobile {
-     margin-left: 41.66667%;
-   }
-   .column.is-6-mobile {
-     flex: none;
-     width: 50%;
-   }
-   .column.is-offset-6-mobile {
-     margin-left: 50%;
-   }
-   .column.is-7-mobile {
-     flex: none;
-     width: 58.33333%;
-   }
-   .column.is-offset-7-mobile {
-     margin-left: 58.33333%;
-   }
-   .column.is-8-mobile {
-     flex: none;
-     width: 66.66667%;
-   }
-   .column.is-offset-8-mobile {
-     margin-left: 66.66667%;
-   }
-   .column.is-9-mobile {
-     flex: none;
-     width: 75%;
-   }
-   .column.is-offset-9-mobile {
-     margin-left: 75%;
-   }
-   .column.is-10-mobile {
-     flex: none;
-     width: 83.33333%;
-   }
-   .column.is-offset-10-mobile {
-     margin-left: 83.33333%;
-   }
-   .column.is-11-mobile {
-     flex: none;
-     width: 91.66667%;
-   }
-   .column.is-offset-11-mobile {
-     margin-left: 91.66667%;
-   }
-   .column.is-12-mobile {
-     flex: none;
-     width: 100%;
-   }
-   .column.is-offset-12-mobile {
-     margin-left: 100%;
-   }
++.table td,
++.table th {
++  border: 1px solid #dbdbdb;
++  border-width: 0 0 1px;
++  padding: 8px 10px;
++  vertical-align: top;
 +}
 +
- @media screen and (min-width: 769px) {
-   .column.is-narrow, .column.is-narrow-tablet {
-     flex: none;
++.table td.is-icon,
++.table th.is-icon {
++  padding: 5px;
++  text-align: center;
++  white-space: nowrap;
++  width: 1%;
++}
++
++.table td.is-icon .fa,
++.table th.is-icon .fa {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
++}
++
++.table td.is-icon.is-link,
++.table th.is-icon.is-link {
++  padding: 0;
++}
++
++.table td.is-icon.is-link > a,
++.table th.is-icon.is-link > a {
++  padding: 5px;
++}
++
++.table td.is-link,
++.table th.is-link {
++  padding: 0;
++}
++
++.table td.is-link > a,
++.table th.is-link > a {
++  display: block;
++  padding: 8px 10px;
++}
++
++.table td.is-link > a:hover,
++.table th.is-link > a:hover {
++  background-color: #11e4c4;
++  color: white;
++}
++
++.table td.is-narrow,
++.table th.is-narrow {
++  white-space: nowrap;
++  width: 1%;
++}
++
++.table th {
++  color: #242424;
++  text-align: left;
++}
++
++.table tr:hover {
++  background-color: whitesmoke;
++  color: #242424;
++}
++
++.table thead td,
++.table thead th {
++  border-width: 0 0 2px;
++  color: #b5b5b5;
++}
++
++.table tbody tr:last-child td,
++.table tbody tr:last-child th {
++  border-bottom-width: 0;
++}
++
++.table tfoot td,
++.table tfoot th {
++  border-width: 2px 0 0;
++  color: #b5b5b5;
++}
++
++.table.is-bordered td,
++.table.is-bordered th {
++  border-width: 1px;
++}
++
++.table.is-bordered tr:last-child td,
++.table.is-bordered tr:last-child th {
++  border-bottom-width: 1px;
++}
++
++.table.is-narrow td,
++.table.is-narrow th {
++  padding: 5px 10px;
++}
++
++.table.is-narrow td.is-icon,
++.table.is-narrow th.is-icon {
++  padding: 2px;
++}
++
++.table.is-narrow td.is-icon.is-link,
++.table.is-narrow th.is-icon.is-link {
++  padding: 0;
++}
++
++.table.is-narrow td.is-icon.is-link > a,
++.table.is-narrow th.is-icon.is-link > a {
++  padding: 2px;
++}
++
++.table.is-narrow td.is-link,
++.table.is-narrow th.is-link {
++  padding: 0;
++}
++
++.table.is-narrow td.is-link > a,
++.table.is-narrow th.is-link > a {
++  padding: 5px 10px;
++}
++
++.table.is-striped tbody tr:hover {
++  background-color: #f0f0f0;
++}
++
++.table.is-striped tbody tr:nth-child(2n) {
++  background-color: whitesmoke;
++}
++
++.table.is-striped tbody tr:nth-child(2n):hover {
++  background-color: #f0f0f0;
++}
++
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
++}
++
++.container {
++  position: relative;
++}
++
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
++}
++
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
++}
++
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
++}
++
++.title,
++.subtitle {
++  font-weight: 300;
++  word-break: break-word;
++}
++
++.title em,
++.title span,
++.subtitle em,
++.subtitle span {
++  font-weight: 300;
++}
++
++.title a:hover,
++.subtitle a:hover {
++  border-bottom: 1px solid;
++}
++
++.title strong,
++.subtitle strong {
++  font-weight: 500;
++}
++
++.title .tag,
++.subtitle .tag {
++  vertical-align: bottom;
++}
++
++.title {
++  color: #242424;
++  font-size: 28px;
++  line-height: 1;
++}
++
++.title code {
++  display: inline-block;
++  font-size: 28px;
++}
++
++.title strong {
++  color: inherit;
++}
++
++.title + .highlight {
++  margin-top: -10px;
++}
++
++.title + .subtitle {
++  margin-top: -10px;
++}
++
++.title.is-1 {
++  font-size: 48px;
++}
++
++.title.is-1 code {
++  font-size: 40px;
++}
++
++.title.is-2 {
++  font-size: 40px;
++}
++
++.title.is-2 code {
++  font-size: 28px;
++}
++
++.title.is-3 {
++  font-size: 28px;
++}
++
++.title.is-3 code {
++  font-size: 24px;
++}
++
++.title.is-4 {
++  font-size: 24px;
++}
++
++.title.is-4 code {
++  font-size: 18px;
++}
++
++.title.is-5 {
++  font-size: 18px;
++}
++
++.title.is-5 code {
++  font-size: 14px;
++}
++
++.title.is-6 {
++  font-size: 14px;
++}
++
++.title.is-6 code {
++  font-size: 14px;
++}
++
++.title.is-normal {
++  font-weight: 400;
++}
++
++.title.is-normal strong {
++  font-weight: 700;
++}
++
++@media screen and (min-width: 769px) {
++  .title + .subtitle {
++    margin-top: -15px;
++  }
++}
++
++.subtitle {
++  color: #7a7a7a;
++  font-size: 18px;
++  line-height: 1.125;
++}
++
++.subtitle code {
++  border-radius: 3px;
++  display: inline-block;
++  font-size: 14px;
++  padding: 2px 3px;
++  vertical-align: top;
++}
++
++.subtitle strong {
++  color: #242424;
++}
++
++.subtitle + .title {
++  margin-top: -20px;
++}
++
++.subtitle.is-1 {
++  font-size: 48px;
++}
++
++.subtitle.is-1 code {
++  font-size: 40px;
++}
++
++.subtitle.is-2 {
++  font-size: 40px;
++}
++
++.subtitle.is-2 code {
++  font-size: 28px;
++}
++
++.subtitle.is-3 {
++  font-size: 28px;
++}
++
++.subtitle.is-3 code {
++  font-size: 24px;
++}
++
++.subtitle.is-4 {
++  font-size: 24px;
++}
++
++.subtitle.is-4 code {
++  font-size: 18px;
++}
++
++.subtitle.is-5 {
++  font-size: 18px;
++}
++
++.subtitle.is-5 code {
++  font-size: 14px;
++}
++
++.subtitle.is-6 {
++  font-size: 14px;
++}
++
++.subtitle.is-6 code {
++  font-size: 14px;
++}
++
++.subtitle.is-normal {
++  font-weight: 400;
++}
++
++.subtitle.is-normal strong {
++  font-weight: 700;
++}
++
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
++}
++
++.container {
++  position: relative;
++}
++
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
++}
++
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
++}
++
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
++}
++
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
++}
++
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
++  position: absolute;
++  top: 50%;
++  width: 50%;
++}
++
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++}
++
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++}
++
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
++}
++
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
++}
++
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
++}
++
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
++}
++
++.icon {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
++}
++
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
++}
++
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
++}
++
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
++  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
++  width: 32px;
++}
++
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
++  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
++  width: 48px;
++}
++
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
++  position: relative;
++  width: 50px;
++}
++
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
++}
++
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
++}
++
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
++}
++
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
++}
++
++.hamburger:hover, .nav-toggle:hover {
++  background-color: whitesmoke;
++}
++
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
++}
++
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
++}
++
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
++}
++
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
++}
++
++.heading {
++  display: block;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
++}
++
++.highlight {
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
++}
++
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
++}
++
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
++  display: block;
++  height: 16px;
++  position: relative;
++  width: 16px;
++}
++
++.number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  vertical-align: top;
++}
++
++.tag {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 12px;
++  height: 24px;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  line-height: 16px;
++  padding-left: 10px;
++  padding-right: 10px;
++  vertical-align: top;
++  white-space: nowrap;
++}
++
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
++}
++
++.tag.is-white {
++  background-color: white;
++  color: #121212;
++}
++
++.tag.is-black {
++  background-color: #121212;
++  color: white;
++}
++
++.tag.is-light {
++  background-color: whitesmoke;
++  color: #7a7a7a;
++}
++
++.tag.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
++}
++
++.tag.is-primary {
++  background-color: #11e4c4;
++  color: white;
++}
++
++.tag.is-info {
++  background-color: #0f6bff;
++  color: white;
++}
++
++.tag.is-success {
++  background-color: #20ee68;
++  color: white;
++}
++
++.tag.is-warning {
++  background-color: #ffcf0f;
++  color: white;
++}
++
++.tag.is-danger {
++  background-color: #ff0f3f;
++  color: white;
++}
++
++.tag.is-small {
++  font-size: 11px;
++  height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
++}
++
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
++}
++
++.tag.is-large {
++  font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
++}
++
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
++}
++
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
++}
++
++.card-header {
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  box-shadow: 0 1px 2px rgba(18, 18, 18, 0.1);
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  min-height: 40px;
++}
++
++.card-header-title {
++  -webkit-box-align: start;
++      -ms-flex-align: start;
++          align-items: flex-start;
++  color: #242424;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  font-weight: bold;
++  padding: 10px;
++}
++
++.card-header-icon {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  cursor: pointer;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  width: 40px;
++}
++
++.card-image {
++  display: block;
++  position: relative;
++}
++
++.card-content {
++  padding: 20px;
++}
++
++.card-content .title + .subtitle {
++  margin-top: -20px;
++}
++
++.card-footer {
++  border-top: 1px solid #dbdbdb;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++}
++
++.card-footer-item {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  padding: 10px;
++}
++
++.card-footer-item:not(:last-child) {
++  border-right: 1px solid #dbdbdb;
++}
++
++.card {
++  background-color: white;
++  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
++  color: #7a7a7a;
++  max-width: 100%;
++  position: relative;
++  width: 300px;
++}
++
++.card .media:not(:last-child) {
++  margin-bottom: 10px;
++}
++
++.card.is-fullwidth {
++  width: 100%;
++}
++
++.card.is-rounded {
++  border-radius: 5px;
++}
++
++.column {
++  -ms-flex-preferred-size: 0;
++      flex-basis: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 1;
++      flex-shrink: 1;
++  padding: 10px;
++}
++
++.columns.is-mobile > .column.is-narrow {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++}
++
++.columns.is-mobile > .column.is-full {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 100%;
++}
++
++.columns.is-mobile > .column.is-three-quarters {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 75%;
++}
++
++.columns.is-mobile > .column.is-two-thirds {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 66.6666%;
++}
++
++.columns.is-mobile > .column.is-half {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 50%;
++}
++
++.columns.is-mobile > .column.is-one-third {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 33.3333%;
++}
++
++.columns.is-mobile > .column.is-one-quarter {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 25%;
++}
++
++.columns.is-mobile > .column.is-offset-three-quarters {
++  margin-left: 75%;
++}
++
++.columns.is-mobile > .column.is-offset-two-thirds {
++  margin-left: 66.6666%;
++}
++
++.columns.is-mobile > .column.is-offset-half {
++  margin-left: 50%;
++}
++
++.columns.is-mobile > .column.is-offset-one-third {
++  margin-left: 33.3333%;
++}
++
++.columns.is-mobile > .column.is-offset-one-quarter {
++  margin-left: 25%;
++}
++
++.columns.is-mobile > .column.is-1 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 8.33333%;
++}
++
++.columns.is-mobile > .column.is-offset-1 {
++  margin-left: 8.33333%;
++}
++
++.columns.is-mobile > .column.is-2 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 16.66667%;
++}
++
++.columns.is-mobile > .column.is-offset-2 {
++  margin-left: 16.66667%;
++}
++
++.columns.is-mobile > .column.is-3 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 25%;
++}
++
++.columns.is-mobile > .column.is-offset-3 {
++  margin-left: 25%;
++}
++
++.columns.is-mobile > .column.is-4 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 33.33333%;
++}
++
++.columns.is-mobile > .column.is-offset-4 {
++  margin-left: 33.33333%;
++}
++
++.columns.is-mobile > .column.is-5 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 41.66667%;
++}
++
++.columns.is-mobile > .column.is-offset-5 {
++  margin-left: 41.66667%;
++}
++
++.columns.is-mobile > .column.is-6 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 50%;
++}
++
++.columns.is-mobile > .column.is-offset-6 {
++  margin-left: 50%;
++}
++
++.columns.is-mobile > .column.is-7 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 58.33333%;
++}
++
++.columns.is-mobile > .column.is-offset-7 {
++  margin-left: 58.33333%;
++}
++
++.columns.is-mobile > .column.is-8 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 66.66667%;
++}
++
++.columns.is-mobile > .column.is-offset-8 {
++  margin-left: 66.66667%;
++}
++
++.columns.is-mobile > .column.is-9 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 75%;
++}
++
++.columns.is-mobile > .column.is-offset-9 {
++  margin-left: 75%;
++}
++
++.columns.is-mobile > .column.is-10 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 83.33333%;
++}
++
++.columns.is-mobile > .column.is-offset-10 {
++  margin-left: 83.33333%;
++}
++
++.columns.is-mobile > .column.is-11 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 91.66667%;
++}
++
++.columns.is-mobile > .column.is-offset-11 {
++  margin-left: 91.66667%;
++}
++
++.columns.is-mobile > .column.is-12 {
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  width: 100%;
++}
++
++.columns.is-mobile > .column.is-offset-12 {
++  margin-left: 100%;
++}
++
++@media screen and (max-width: 768px) {
++  .column.is-narrow-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++  }
++  .column.is-full-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 100%;
++  }
++  .column.is-three-quarters-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 75%;
++  }
++  .column.is-two-thirds-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 66.6666%;
++  }
++  .column.is-half-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 50%;
++  }
++  .column.is-one-third-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 33.3333%;
++  }
++  .column.is-one-quarter-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 25%;
++  }
++  .column.is-offset-three-quarters-mobile {
++    margin-left: 75%;
++  }
++  .column.is-offset-two-thirds-mobile {
++    margin-left: 66.6666%;
++  }
++  .column.is-offset-half-mobile {
++    margin-left: 50%;
++  }
++  .column.is-offset-one-third-mobile {
++    margin-left: 33.3333%;
++  }
++  .column.is-offset-one-quarter-mobile {
++    margin-left: 25%;
++  }
++  .column.is-1-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 8.33333%;
++  }
++  .column.is-offset-1-mobile {
++    margin-left: 8.33333%;
++  }
++  .column.is-2-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 16.66667%;
++  }
++  .column.is-offset-2-mobile {
++    margin-left: 16.66667%;
++  }
++  .column.is-3-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 25%;
++  }
++  .column.is-offset-3-mobile {
++    margin-left: 25%;
++  }
++  .column.is-4-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 33.33333%;
++  }
++  .column.is-offset-4-mobile {
++    margin-left: 33.33333%;
++  }
++  .column.is-5-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 41.66667%;
++  }
++  .column.is-offset-5-mobile {
++    margin-left: 41.66667%;
++  }
++  .column.is-6-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 50%;
++  }
++  .column.is-offset-6-mobile {
++    margin-left: 50%;
++  }
++  .column.is-7-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 58.33333%;
++  }
++  .column.is-offset-7-mobile {
++    margin-left: 58.33333%;
++  }
++  .column.is-8-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 66.66667%;
++  }
++  .column.is-offset-8-mobile {
++    margin-left: 66.66667%;
++  }
++  .column.is-9-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 75%;
++  }
++  .column.is-offset-9-mobile {
++    margin-left: 75%;
++  }
++  .column.is-10-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 83.33333%;
++  }
++  .column.is-offset-10-mobile {
++    margin-left: 83.33333%;
++  }
++  .column.is-11-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 91.66667%;
++  }
++  .column.is-offset-11-mobile {
++    margin-left: 91.66667%;
++  }
++  .column.is-12-mobile {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 100%;
++  }
++  .column.is-offset-12-mobile {
++    margin-left: 100%;
++  }
++}
++
++@media screen and (min-width: 769px) {
++  .column.is-narrow, .column.is-narrow-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++  }
++  .column.is-full, .column.is-full-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 100%;
++  }
++  .column.is-three-quarters, .column.is-three-quarters-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 75%;
++  }
++  .column.is-two-thirds, .column.is-two-thirds-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 66.6666%;
++  }
++  .column.is-half, .column.is-half-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 50%;
++  }
++  .column.is-one-third, .column.is-one-third-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 33.3333%;
++  }
++  .column.is-one-quarter, .column.is-one-quarter-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 25%;
++  }
++  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
++    margin-left: 75%;
++  }
++  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
++    margin-left: 66.6666%;
++  }
++  .column.is-offset-half, .column.is-offset-half-tablet {
++    margin-left: 50%;
++  }
++  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
++    margin-left: 33.3333%;
++  }
++  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
++    margin-left: 25%;
++  }
++  .column.is-1, .column.is-1-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 8.33333%;
++  }
++  .column.is-offset-1, .column.is-offset-1-tablet {
++    margin-left: 8.33333%;
++  }
++  .column.is-2, .column.is-2-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 16.66667%;
++  }
++  .column.is-offset-2, .column.is-offset-2-tablet {
++    margin-left: 16.66667%;
++  }
++  .column.is-3, .column.is-3-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 25%;
++  }
++  .column.is-offset-3, .column.is-offset-3-tablet {
++    margin-left: 25%;
++  }
++  .column.is-4, .column.is-4-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 33.33333%;
++  }
++  .column.is-offset-4, .column.is-offset-4-tablet {
++    margin-left: 33.33333%;
++  }
++  .column.is-5, .column.is-5-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 41.66667%;
++  }
++  .column.is-offset-5, .column.is-offset-5-tablet {
++    margin-left: 41.66667%;
++  }
++  .column.is-6, .column.is-6-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 50%;
++  }
++  .column.is-offset-6, .column.is-offset-6-tablet {
++    margin-left: 50%;
++  }
++  .column.is-7, .column.is-7-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 58.33333%;
++  }
++  .column.is-offset-7, .column.is-offset-7-tablet {
++    margin-left: 58.33333%;
++  }
++  .column.is-8, .column.is-8-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 66.66667%;
++  }
++  .column.is-offset-8, .column.is-offset-8-tablet {
++    margin-left: 66.66667%;
++  }
++  .column.is-9, .column.is-9-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 75%;
++  }
++  .column.is-offset-9, .column.is-offset-9-tablet {
++    margin-left: 75%;
++  }
++  .column.is-10, .column.is-10-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 83.33333%;
++  }
++  .column.is-offset-10, .column.is-offset-10-tablet {
++    margin-left: 83.33333%;
++  }
++  .column.is-11, .column.is-11-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++    width: 91.66667%;
++  }
++  .column.is-offset-11, .column.is-offset-11-tablet {
++    margin-left: 91.66667%;
++  }
++  .column.is-12, .column.is-12-tablet {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
+     width: 100%;
+   }
 -  .column.is-three-quarters-mobile {
++  .column.is-offset-12, .column.is-offset-12-tablet {
++    margin-left: 100%;
 +  }
-   .column.is-full, .column.is-full-tablet {
-     flex: none;
++}
++
++@media screen and (min-width: 980px) {
++  .column.is-narrow-desktop {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
++  }
++  .column.is-full-desktop {
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
 +    width: 100%;
 +  }
-   .column.is-three-quarters, .column.is-three-quarters-tablet {
-     flex: none;
++  .column.is-three-quarters-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 75%;
    }
-   .column.is-two-thirds, .column.is-two-thirds-tablet {
-     flex: none;
 -  .column.is-two-thirds-mobile {
++  .column.is-two-thirds-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 66.6666%;
    }
-   .column.is-half, .column.is-half-tablet {
-     flex: none;
 -  .column.is-half-mobile {
++  .column.is-half-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 50%;
    }
-   .column.is-one-third, .column.is-one-third-tablet {
-     flex: none;
 -  .column.is-one-third-mobile {
++  .column.is-one-third-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 33.3333%;
    }
-   .column.is-one-quarter, .column.is-one-quarter-tablet {
-     flex: none;
 -  .column.is-one-quarter-mobile {
++  .column.is-one-quarter-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 25%;
    }
-   .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
 -  .column.is-offset-three-quarters-mobile {
++  .column.is-offset-three-quarters-desktop {
+     margin-left: 75%;
+   }
 -  .column.is-offset-two-thirds-mobile {
++  .column.is-offset-two-thirds-desktop {
+     margin-left: 66.6666%;
+   }
 -  .column.is-offset-half-mobile {
++  .column.is-offset-half-desktop {
+     margin-left: 50%;
+   }
 -  .column.is-offset-one-third-mobile {
++  .column.is-offset-one-third-desktop {
+     margin-left: 33.3333%;
+   }
 -  .column.is-offset-one-quarter-mobile {
++  .column.is-offset-one-quarter-desktop {
+     margin-left: 25%;
+   }
 -  .column.is-1-mobile {
++  .column.is-1-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 8.33333%;
+   }
 -  .column.is-offset-1-mobile {
++  .column.is-offset-1-desktop {
+     margin-left: 8.33333%;
+   }
 -  .column.is-2-mobile {
++  .column.is-2-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 16.66667%;
+   }
 -  .column.is-offset-2-mobile {
++  .column.is-offset-2-desktop {
+     margin-left: 16.66667%;
+   }
 -  .column.is-3-mobile {
++  .column.is-3-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 25%;
+   }
 -  .column.is-offset-3-mobile {
++  .column.is-offset-3-desktop {
+     margin-left: 25%;
+   }
 -  .column.is-4-mobile {
++  .column.is-4-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 33.33333%;
+   }
 -  .column.is-offset-4-mobile {
++  .column.is-offset-4-desktop {
+     margin-left: 33.33333%;
+   }
 -  .column.is-5-mobile {
++  .column.is-5-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 41.66667%;
+   }
 -  .column.is-offset-5-mobile {
++  .column.is-offset-5-desktop {
+     margin-left: 41.66667%;
+   }
 -  .column.is-6-mobile {
++  .column.is-6-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 50%;
+   }
 -  .column.is-offset-6-mobile {
++  .column.is-offset-6-desktop {
+     margin-left: 50%;
+   }
 -  .column.is-7-mobile {
++  .column.is-7-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 58.33333%;
+   }
 -  .column.is-offset-7-mobile {
++  .column.is-offset-7-desktop {
+     margin-left: 58.33333%;
+   }
 -  .column.is-8-mobile {
++  .column.is-8-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 66.66667%;
+   }
 -  .column.is-offset-8-mobile {
++  .column.is-offset-8-desktop {
+     margin-left: 66.66667%;
+   }
 -  .column.is-9-mobile {
++  .column.is-9-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 75%;
+   }
 -  .column.is-offset-9-mobile {
++  .column.is-offset-9-desktop {
+     margin-left: 75%;
+   }
 -  .column.is-10-mobile {
++  .column.is-10-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 83.33333%;
+   }
 -  .column.is-offset-10-mobile {
++  .column.is-offset-10-desktop {
+     margin-left: 83.33333%;
+   }
 -  .column.is-11-mobile {
++  .column.is-11-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 91.66667%;
+   }
 -  .column.is-offset-11-mobile {
++  .column.is-offset-11-desktop {
+     margin-left: 91.66667%;
+   }
 -  .column.is-12-mobile {
++  .column.is-12-desktop {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 100%;
+   }
 -  .column.is-offset-12-mobile {
++  .column.is-offset-12-desktop {
+     margin-left: 100%;
+   }
+ }
+ 
 -@media screen and (min-width: 769px) {
 -  .column.is-narrow, .column.is-narrow-tablet {
++@media screen and (min-width: 1180px) {
++  .column.is-narrow-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+   }
 -  .column.is-full, .column.is-full-tablet {
++  .column.is-full-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 100%;
+   }
 -  .column.is-three-quarters, .column.is-three-quarters-tablet {
++  .column.is-three-quarters-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 75%;
+   }
 -  .column.is-two-thirds, .column.is-two-thirds-tablet {
++  .column.is-two-thirds-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 66.6666%;
+   }
 -  .column.is-half, .column.is-half-tablet {
++  .column.is-half-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 50%;
+   }
 -  .column.is-one-third, .column.is-one-third-tablet {
++  .column.is-one-third-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 33.3333%;
+   }
 -  .column.is-one-quarter, .column.is-one-quarter-tablet {
++  .column.is-one-quarter-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 25%;
+   }
 -  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
++  .column.is-offset-three-quarters-widescreen {
+     margin-left: 75%;
+   }
 -  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
++  .column.is-offset-two-thirds-widescreen {
+     margin-left: 66.6666%;
+   }
 -  .column.is-offset-half, .column.is-offset-half-tablet {
++  .column.is-offset-half-widescreen {
+     margin-left: 50%;
+   }
 -  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
++  .column.is-offset-one-third-widescreen {
+     margin-left: 33.3333%;
+   }
 -  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
++  .column.is-offset-one-quarter-widescreen {
+     margin-left: 25%;
+   }
 -  .column.is-1, .column.is-1-tablet {
++  .column.is-1-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 8.33333%;
+   }
 -  .column.is-offset-1, .column.is-offset-1-tablet {
++  .column.is-offset-1-widescreen {
+     margin-left: 8.33333%;
+   }
 -  .column.is-2, .column.is-2-tablet {
++  .column.is-2-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 16.66667%;
+   }
 -  .column.is-offset-2, .column.is-offset-2-tablet {
++  .column.is-offset-2-widescreen {
+     margin-left: 16.66667%;
+   }
 -  .column.is-3, .column.is-3-tablet {
++  .column.is-3-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 25%;
+   }
 -  .column.is-offset-3, .column.is-offset-3-tablet {
++  .column.is-offset-3-widescreen {
+     margin-left: 25%;
+   }
 -  .column.is-4, .column.is-4-tablet {
++  .column.is-4-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 33.33333%;
+   }
 -  .column.is-offset-4, .column.is-offset-4-tablet {
++  .column.is-offset-4-widescreen {
+     margin-left: 33.33333%;
+   }
 -  .column.is-5, .column.is-5-tablet {
++  .column.is-5-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 41.66667%;
+   }
 -  .column.is-offset-5, .column.is-offset-5-tablet {
++  .column.is-offset-5-widescreen {
+     margin-left: 41.66667%;
+   }
 -  .column.is-6, .column.is-6-tablet {
++  .column.is-6-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 50%;
+   }
 -  .column.is-offset-6, .column.is-offset-6-tablet {
++  .column.is-offset-6-widescreen {
+     margin-left: 50%;
+   }
 -  .column.is-7, .column.is-7-tablet {
++  .column.is-7-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 58.33333%;
+   }
 -  .column.is-offset-7, .column.is-offset-7-tablet {
++  .column.is-offset-7-widescreen {
+     margin-left: 58.33333%;
+   }
 -  .column.is-8, .column.is-8-tablet {
++  .column.is-8-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 66.66667%;
+   }
 -  .column.is-offset-8, .column.is-offset-8-tablet {
++  .column.is-offset-8-widescreen {
+     margin-left: 66.66667%;
+   }
 -  .column.is-9, .column.is-9-tablet {
++  .column.is-9-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 75%;
+   }
 -  .column.is-offset-9, .column.is-offset-9-tablet {
++  .column.is-offset-9-widescreen {
      margin-left: 75%;
    }
-   .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
-     margin-left: 66.6666%;
 -  .column.is-10, .column.is-10-tablet {
++  .column.is-10-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 83.33333%;
+   }
 -  .column.is-offset-10, .column.is-offset-10-tablet {
++  .column.is-offset-10-widescreen {
+     margin-left: 83.33333%;
+   }
 -  .column.is-11, .column.is-11-tablet {
++  .column.is-11-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 91.66667%;
+   }
 -  .column.is-offset-11, .column.is-offset-11-tablet {
++  .column.is-offset-11-widescreen {
+     margin-left: 91.66667%;
+   }
 -  .column.is-12, .column.is-12-tablet {
++  .column.is-12-widescreen {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
+     width: 100%;
+   }
 -  .column.is-offset-12, .column.is-offset-12-tablet {
++  .column.is-offset-12-widescreen {
+     margin-left: 100%;
+   }
+ }
+ 
 -@media screen and (min-width: 980px) {
 -  .column.is-narrow-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -  }
 -  .column.is-full-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 100%;
 -  }
 -  .column.is-three-quarters-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 75%;
 -  }
 -  .column.is-two-thirds-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 66.6666%;
 -  }
 -  .column.is-half-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 50%;
++.columns {
++  margin-left: -10px;
++  margin-right: -10px;
++  margin-top: -10px;
++}
++
++.columns:last-child {
++  margin-bottom: -10px;
++}
++
++.columns:not(:last-child) {
++  margin-bottom: 10px;
++}
++
++.columns.is-centered {
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++}
++
++.columns.is-gapless {
++  margin-left: 0;
++  margin-right: 0;
++  margin-top: 0;
++}
++
++.columns.is-gapless:last-child {
++  margin-bottom: 0;
++}
++
++.columns.is-gapless:not(:last-child) {
++  margin-bottom: 20px;
++}
++
++.columns.is-gapless > .column {
++  margin: 0;
++  padding: 0;
++}
++
++@media screen and (min-width: 769px) {
++  .columns.is-grid {
++    -ms-flex-wrap: wrap;
++        flex-wrap: wrap;
+   }
 -  .column.is-one-third-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
++  .columns.is-grid > .column {
++    max-width: 33.3333%;
++    padding: 10px;
+     width: 33.3333%;
+   }
 -  .column.is-one-quarter-desktop {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 25%;
 -  }
 -  .column.is-offset-three-quarters-desktop {
 -    margin-left: 75%;
 -  }
 -  .column.is-offset-two-thirds-desktop {
 -    margin-left: 66.6666%;
++  .columns.is-grid > .column + .column {
++    margin-left: 0;
    }
-   .column.is-offset-half, .column.is-offset-half-tablet {
 -  .column.is-offset-half-desktop {
--    margin-left: 50%;
++}
++
++.columns.is-mobile {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++}
++
++.columns.is-multiline {
++  -ms-flex-wrap: wrap;
++      flex-wrap: wrap;
++}
++
++.columns.is-vcentered {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++              -ms-grid-row-align: center;
++          align-items: center;
++}
++
++@media screen and (min-width: 769px) {
++  .columns:not(.is-desktop) {
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
    }
-   .column.is-offset-one-third, .column.is-offset-one-third-tablet {
 -  .column.is-offset-one-third-desktop {
--    margin-left: 33.3333%;
++}
++
++@media screen and (min-width: 980px) {
++  .columns.is-desktop {
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
    }
-   .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
 -  .column.is-offset-one-quarter-desktop {
--    margin-left: 25%;
++}
++
++.tile {
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++              -ms-grid-row-align: stretch;
++          align-items: stretch;
++  -ms-flex-preferred-size: auto;
++      flex-basis: auto;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 1;
++      flex-shrink: 1;
++  min-height: -webkit-min-content;
++  min-height: -moz-min-content;
++  min-height: min-content;
++}
++
++.tile.is-ancestor {
++  margin-left: -10px;
++  margin-right: -10px;
++  margin-top: -10px;
++}
++
++.tile.is-ancestor:last-child {
++  margin-bottom: -10px;
++}
++
++.tile.is-ancestor:not(:last-child) {
++  margin-bottom: 10px;
++}
++
++.tile.is-child {
++  margin: 0 !important;
++}
++
++.tile.is-parent {
++  padding: 10px;
++}
++
++.tile.is-vertical {
++  -webkit-box-orient: vertical;
++  -webkit-box-direction: normal;
++      -ms-flex-direction: column;
++          flex-direction: column;
++}
++
++.tile.is-vertical > .tile.is-child:not(:last-child) {
++  margin-bottom: 20px !important;
++}
++
++@media screen and (min-width: 769px) {
++  .tile:not(.is-child) {
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
    }
-   .column.is-1, .column.is-1-tablet {
-     flex: none;
 -  .column.is-1-desktop {
++  .tile.is-1 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 8.33333%;
    }
-   .column.is-offset-1, .column.is-offset-1-tablet {
 -  .column.is-offset-1-desktop {
--    margin-left: 8.33333%;
--  }
-   .column.is-2, .column.is-2-tablet {
-     flex: none;
 -  .column.is-2-desktop {
++  .tile.is-2 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 16.66667%;
    }
-   .column.is-offset-2, .column.is-offset-2-tablet {
 -  .column.is-offset-2-desktop {
--    margin-left: 16.66667%;
--  }
-   .column.is-3, .column.is-3-tablet {
-     flex: none;
 -  .column.is-3-desktop {
++  .tile.is-3 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 25%;
    }
-   .column.is-offset-3, .column.is-offset-3-tablet {
 -  .column.is-offset-3-desktop {
--    margin-left: 25%;
--  }
-   .column.is-4, .column.is-4-tablet {
-     flex: none;
 -  .column.is-4-desktop {
++  .tile.is-4 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 33.33333%;
    }
-   .column.is-offset-4, .column.is-offset-4-tablet {
 -  .column.is-offset-4-desktop {
--    margin-left: 33.33333%;
--  }
-   .column.is-5, .column.is-5-tablet {
-     flex: none;
 -  .column.is-5-desktop {
++  .tile.is-5 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 41.66667%;
    }
-   .column.is-offset-5, .column.is-offset-5-tablet {
 -  .column.is-offset-5-desktop {
--    margin-left: 41.66667%;
--  }
-   .column.is-6, .column.is-6-tablet {
-     flex: none;
 -  .column.is-6-desktop {
++  .tile.is-6 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 50%;
    }
-   .column.is-offset-6, .column.is-offset-6-tablet {
 -  .column.is-offset-6-desktop {
--    margin-left: 50%;
--  }
-   .column.is-7, .column.is-7-tablet {
-     flex: none;
 -  .column.is-7-desktop {
++  .tile.is-7 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 58.33333%;
    }
-   .column.is-offset-7, .column.is-offset-7-tablet {
 -  .column.is-offset-7-desktop {
--    margin-left: 58.33333%;
--  }
-   .column.is-8, .column.is-8-tablet {
-     flex: none;
 -  .column.is-8-desktop {
++  .tile.is-8 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 66.66667%;
    }
-   .column.is-offset-8, .column.is-offset-8-tablet {
 -  .column.is-offset-8-desktop {
--    margin-left: 66.66667%;
--  }
-   .column.is-9, .column.is-9-tablet {
-     flex: none;
 -  .column.is-9-desktop {
++  .tile.is-9 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 75%;
    }
-   .column.is-offset-9, .column.is-offset-9-tablet {
 -  .column.is-offset-9-desktop {
--    margin-left: 75%;
--  }
-   .column.is-10, .column.is-10-tablet {
-     flex: none;
 -  .column.is-10-desktop {
++  .tile.is-10 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 83.33333%;
    }
-   .column.is-offset-10, .column.is-offset-10-tablet {
 -  .column.is-offset-10-desktop {
--    margin-left: 83.33333%;
--  }
-   .column.is-11, .column.is-11-tablet {
-     flex: none;
 -  .column.is-11-desktop {
++  .tile.is-11 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 91.66667%;
    }
-   .column.is-offset-11, .column.is-offset-11-tablet {
 -  .column.is-offset-11-desktop {
--    margin-left: 91.66667%;
--  }
-   .column.is-12, .column.is-12-tablet {
-     flex: none;
 -  .column.is-12-desktop {
++  .tile.is-12 {
+     -webkit-box-flex: 0;
+         -ms-flex: none;
+             flex: none;
      width: 100%;
    }
-   .column.is-offset-12, .column.is-offset-12-tablet {
 -  .column.is-offset-12-desktop {
--    margin-left: 100%;
-   }
++}
++
++.highlight {
++  background-color: #fdf6e3;
++  color: #586e75;
++}
++
++.highlight .c {
++  color: #93a1a1;
++}
++
++.highlight .err,
++.highlight .g {
++  color: #586e75;
++}
++
++.highlight .k {
++  color: #859900;
++}
++
++.highlight .l,
++.highlight .n {
++  color: #586e75;
++}
++
++.highlight .o {
++  color: #859900;
++}
++
++.highlight .x {
++  color: #cb4b16;
++}
++
++.highlight .p {
++  color: #586e75;
++}
++
++.highlight .cm {
++  color: #93a1a1;
++}
++
++.highlight .cp {
++  color: #859900;
++}
++
++.highlight .c1 {
++  color: #93a1a1;
++}
++
++.highlight .cs {
++  color: #859900;
++}
++
++.highlight .gd {
++  color: #2aa198;
++}
++
++.highlight .ge {
++  color: #586e75;
++  font-style: italic;
++}
++
++.highlight .gr {
++  color: #dc322f;
++}
++
++.highlight .gh {
++  color: #cb4b16;
++}
++
++.highlight .gi {
++  color: #859900;
++}
++
++.highlight .go,
++.highlight .gp {
++  color: #586e75;
++}
++
++.highlight .gs {
++  color: #586e75;
++  font-weight: bold;
++}
++
++.highlight .gu {
++  color: #cb4b16;
++}
++
++.highlight .gt {
++  color: #586e75;
++}
++
++.highlight .kc {
++  color: #cb4b16;
++}
++
++.highlight .kd {
++  color: #268bd2;
++}
++
++.highlight .kn,
++.highlight .kp {
++  color: #859900;
++}
++
++.highlight .kr {
++  color: #268bd2;
++}
++
++.highlight .kt {
++  color: #dc322f;
++}
++
++.highlight .ld {
++  color: #586e75;
++}
++
++.highlight .m,
++.highlight .s {
++  color: #2aa198;
++}
++
++.highlight .na {
++  color: #B58900;
++}
++
++.highlight .nb {
++  color: #586e75;
++}
++
++.highlight .nc {
++  color: #268bd2;
++}
++
++.highlight .no {
++  color: #cb4b16;
++}
++
++.highlight .nd {
++  color: #268bd2;
++}
++
++.highlight .ni,
++.highlight .ne {
++  color: #cb4b16;
++}
++
++.highlight .nf {
++  color: #268bd2;
++}
++
++.highlight .nl,
++.highlight .nn,
++.highlight .nx,
++.highlight .py {
++  color: #586e75;
++}
++
++.highlight .nt,
++.highlight .nv {
++  color: #268bd2;
++}
++
++.highlight .ow {
++  color: #859900;
++}
++
++.highlight .w {
++  color: #586e75;
++}
++
++.highlight .mf,
++.highlight .mh,
++.highlight .mi,
++.highlight .mo {
++  color: #2aa198;
++}
++
++.highlight .sb {
++  color: #93a1a1;
++}
++
++.highlight .sc {
++  color: #2aa198;
++}
++
++.highlight .sd {
++  color: #586e75;
++}
++
++.highlight .s2 {
++  color: #2aa198;
++}
++
++.highlight .se {
++  color: #cb4b16;
++}
++
++.highlight .sh {
++  color: #586e75;
++}
++
++.highlight .si,
++.highlight .sx {
++  color: #2aa198;
++}
++
++.highlight .sr {
++  color: #dc322f;
++}
++
++.highlight .s1,
++.highlight .ss {
++  color: #2aa198;
++}
++
++.highlight .bp,
++.highlight .vc,
++.highlight .vg,
++.highlight .vi {
++  color: #268bd2;
++}
++
++.highlight .il {
++  color: #2aa198;
++}
++
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
++}
++
++.container {
++  position: relative;
 +}
 +
 +@media screen and (min-width: 980px) {
-   .column.is-narrow-desktop {
-     flex: none;
-   }
-   .column.is-full-desktop {
-     flex: none;
-     width: 100%;
-   }
-   .column.is-three-quarters-desktop {
-     flex: none;
-     width: 75%;
-   }
-   .column.is-two-thirds-desktop {
-     flex: none;
-     width: 66.6666%;
-   }
-   .column.is-half-desktop {
-     flex: none;
-     width: 50%;
-   }
-   .column.is-one-third-desktop {
-     flex: none;
-     width: 33.3333%;
-   }
-   .column.is-one-quarter-desktop {
-     flex: none;
-     width: 25%;
-   }
-   .column.is-offset-three-quarters-desktop {
-     margin-left: 75%;
-   }
-   .column.is-offset-two-thirds-desktop {
-     margin-left: 66.6666%;
-   }
-   .column.is-offset-half-desktop {
-     margin-left: 50%;
-   }
-   .column.is-offset-one-third-desktop {
-     margin-left: 33.3333%;
-   }
-   .column.is-offset-one-quarter-desktop {
-     margin-left: 25%;
-   }
-   .column.is-1-desktop {
-     flex: none;
-     width: 8.33333%;
-   }
-   .column.is-offset-1-desktop {
-     margin-left: 8.33333%;
-   }
-   .column.is-2-desktop {
-     flex: none;
-     width: 16.66667%;
-   }
-   .column.is-offset-2-desktop {
-     margin-left: 16.66667%;
-   }
-   .column.is-3-desktop {
-     flex: none;
-     width: 25%;
-   }
-   .column.is-offset-3-desktop {
-     margin-left: 25%;
-   }
-   .column.is-4-desktop {
-     flex: none;
-     width: 33.33333%;
-   }
-   .column.is-offset-4-desktop {
-     margin-left: 33.33333%;
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
 +  }
-   .column.is-5-desktop {
-     flex: none;
-     width: 41.66667%;
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
    }
-   .column.is-offset-5-desktop {
-     margin-left: 41.66667%;
+ }
+ 
+ @media screen and (min-width: 1180px) {
 -  .column.is-narrow-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -  }
 -  .column.is-full-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 100%;
 -  }
 -  .column.is-three-quarters-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 75%;
 -  }
 -  .column.is-two-thirds-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 66.6666%;
 -  }
 -  .column.is-half-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 50%;
 -  }
 -  .column.is-one-third-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 33.3333%;
 -  }
 -  .column.is-one-quarter-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 25%;
 -  }
 -  .column.is-offset-three-quarters-widescreen {
 -    margin-left: 75%;
 -  }
 -  .column.is-offset-two-thirds-widescreen {
 -    margin-left: 66.6666%;
 -  }
 -  .column.is-offset-half-widescreen {
 -    margin-left: 50%;
 -  }
 -  .column.is-offset-one-third-widescreen {
 -    margin-left: 33.3333%;
 -  }
 -  .column.is-offset-one-quarter-widescreen {
 -    margin-left: 25%;
 -  }
 -  .column.is-1-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 8.33333%;
 -  }
 -  .column.is-offset-1-widescreen {
 -    margin-left: 8.33333%;
 -  }
 -  .column.is-2-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 16.66667%;
 -  }
 -  .column.is-offset-2-widescreen {
 -    margin-left: 16.66667%;
 -  }
 -  .column.is-3-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 25%;
 -  }
 -  .column.is-offset-3-widescreen {
 -    margin-left: 25%;
 -  }
 -  .column.is-4-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 33.33333%;
 -  }
 -  .column.is-offset-4-widescreen {
 -    margin-left: 33.33333%;
 -  }
 -  .column.is-5-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 41.66667%;
 -  }
 -  .column.is-offset-5-widescreen {
 -    margin-left: 41.66667%;
++  .container {
++    max-width: 1200px;
    }
-   .column.is-6-desktop {
-     flex: none;
 -  .column.is-6-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 50%;
++}
++
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
++}
++
++.level-item .title,
++.level-item .subtitle {
++  margin-bottom: 0;
++}
++
++@media screen and (max-width: 768px) {
++  .level-item:not(:last-child) {
++    margin-bottom: 10px;
    }
-   .column.is-offset-6-desktop {
 -  .column.is-offset-6-widescreen {
--    margin-left: 50%;
++}
++
++.level-left .level-item:not(:last-child),
++.level-right .level-item:not(:last-child) {
++  margin-right: 10px;
++}
++
++.level-left .level-item.is-flexible,
++.level-right .level-item.is-flexible {
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++}
++
++@media screen and (max-width: 768px) {
++  .level-left + .level-right {
++    margin-top: 20px;
    }
-   .column.is-7-desktop {
-     flex: none;
 -  .column.is-7-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 58.33333%;
++}
++
++@media screen and (min-width: 769px) {
++  .level-left {
++    -webkit-box-align: center;
++        -ms-flex-align: center;
++            align-items: center;
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
    }
-   .column.is-offset-7-desktop {
 -  .column.is-offset-7-widescreen {
--    margin-left: 58.33333%;
++}
++
++@media screen and (min-width: 769px) {
++  .level-right {
++    -webkit-box-align: center;
++        -ms-flex-align: center;
++            align-items: center;
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
++    -webkit-box-pack: end;
++        -ms-flex-pack: end;
++            justify-content: flex-end;
    }
-   .column.is-8-desktop {
-     flex: none;
 -  .column.is-8-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 66.66667%;
++}
++
++.level {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++              -ms-grid-row-align: center;
++          align-items: center;
++  -webkit-box-pack: justify;
++      -ms-flex-pack: justify;
++          justify-content: space-between;
++}
++
++.level code {
++  border-radius: 3px;
++}
++
++.level img {
++  display: inline-block;
++  vertical-align: top;
++}
++
++.level.is-mobile {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++}
++
++.level.is-mobile > .level-item:not(:last-child) {
++  margin-bottom: 0;
++}
++
++.level.is-mobile > .level-item:not(.is-narrow) {
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++}
++
++@media screen and (min-width: 769px) {
++  .level {
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
    }
-   .column.is-offset-8-desktop {
 -  .column.is-offset-8-widescreen {
--    margin-left: 66.66667%;
++  .level > .level-item:not(.is-narrow) {
++    -webkit-box-flex: 1;
++        -ms-flex-positive: 1;
++            flex-grow: 1;
    }
-   .column.is-9-desktop {
-     flex: none;
 -  .column.is-9-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 75%;
++}
++
++.media-number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  height: 32px;
++  line-height: 24px;
++  min-width: 32px;
++  padding: 4px 8px;
++  text-align: center;
++  vertical-align: top;
++}
++
++@media screen and (max-width: 768px) {
++  .media-number {
++    margin-bottom: 10px;
    }
-   .column.is-offset-9-desktop {
 -  .column.is-offset-9-widescreen {
--    margin-left: 75%;
++}
++
++@media screen and (min-width: 769px) {
++  .media-number {
++    margin-right: 10px;
    }
-   .column.is-10-desktop {
-     flex: none;
 -  .column.is-10-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 83.33333%;
++}
++
++.media-left {
++  margin-right: 10px;
++}
++
++.media-right {
++  margin-left: 10px;
++}
++
++.media-content {
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 1;
++      flex-shrink: 1;
++  text-align: left;
++}
++
++.media {
++  -webkit-box-align: start;
++      -ms-flex-align: start;
++          align-items: flex-start;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  text-align: left;
++}
++
++.media .content:not(:last-child) {
++  margin-bottom: 10px;
++}
++
++.media .media {
++  border-top: 1px solid rgba(219, 219, 219, 0.5);
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  padding-top: 10px;
++}
++
++.media .media .content:not(:last-child),
++.media .media .control:not(:last-child) {
++  margin-bottom: 5px;
++}
++
++.media .media .media {
++  padding-top: 5px;
++}
++
++.media .media .media + .media {
++  margin-top: 5px;
++}
++
++.media + .media {
++  border-top: 1px solid rgba(219, 219, 219, 0.5);
++  margin-top: 10px;
++  padding-top: 10px;
++}
++
++.media.is-large + .media {
++  margin-top: 20px;
++  padding-top: 20px;
++}
++
++@media screen and (min-width: 769px) {
++  .media.is-large .media-number {
++    margin-right: 20px;
 +  }
-   .column.is-offset-10-desktop {
-     margin-left: 83.33333%;
++}
++
++.menu-nav a {
++  display: block;
++  padding: 5px 10px;
++}
++
++.menu-list a {
++  border-radius: 2px;
++  color: #7a7a7a;
++  display: block;
++  padding: 5px 10px;
++}
++
++.menu-list a:hover {
++  background-color: whitesmoke;
++  color: #11e4c4;
++}
++
++.menu-list a.is-active {
++  background-color: #11e4c4;
++  color: white;
++}
++
++.menu-list li ul {
++  border-left: 1px solid #dbdbdb;
++  margin: 10px;
++  padding-left: 10px;
++}
++
++.menu-label {
++  color: #b5b5b5;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
++}
++
++.menu-label:not(:first-child) {
++  margin-top: 20px;
++}
++
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
++}
++
++.container {
++  position: relative;
++}
++
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
    }
-   .column.is-11-desktop {
-     flex: none;
-     width: 91.66667%;
 -  .column.is-offset-10-widescreen {
 -    margin-left: 83.33333%;
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
    }
-   .column.is-offset-11-desktop {
-     margin-left: 91.66667%;
 -  .column.is-11-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 91.66667%;
++}
++
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
    }
-   .column.is-12-desktop {
-     flex: none;
-     width: 100%;
 -  .column.is-offset-11-widescreen {
 -    margin-left: 91.66667%;
++}
++
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
++}
++
++.message-body {
++  border: 1px solid #dbdbdb;
++  border-radius: 3px;
++  padding: 12px 15px;
++}
++
++.message-body strong {
++  color: inherit;
++}
++
++.message-header {
++  background-color: #7a7a7a;
++  border-radius: 3px 3px 0 0;
++  color: white;
++  padding: 7px 10px;
++}
++
++.message-header strong {
++  color: inherit;
++}
++
++.message-header + .message-body {
++  border-radius: 0 0 3px 3px;
++  border-top: none;
++}
++
++.message {
++  background-color: whitesmoke;
++  border-radius: 3px;
++}
++
++.message.is-white {
++  background-color: white;
++}
++
++.message.is-white .message-header {
++  background-color: white;
++  color: #121212;
++}
++
++.message.is-white .message-body {
++  border-color: white;
++  color: #666666;
++}
++
++.message.is-black {
++  background-color: whitesmoke;
++}
++
++.message.is-black .message-header {
++  background-color: #121212;
++  color: white;
++}
++
++.message.is-black .message-body {
++  border-color: #121212;
++  color: gray;
++}
++
++.message.is-light {
++  background-color: whitesmoke;
++}
++
++.message.is-light .message-header {
++  background-color: whitesmoke;
++  color: #7a7a7a;
++}
++
++.message.is-light .message-body {
++  border-color: whitesmoke;
++  color: #666666;
++}
++
++.message.is-dark {
++  background-color: whitesmoke;
++}
++
++.message.is-dark .message-header {
++  background-color: #7a7a7a;
++  color: whitesmoke;
++}
++
++.message.is-dark .message-body {
++  border-color: #7a7a7a;
++  color: gray;
++}
++
++.message.is-primary {
++  background-color: #ecfefb;
++}
++
++.message.is-primary .message-header {
++  background-color: #11e4c4;
++  color: white;
++}
++
++.message.is-primary .message-body {
++  border-color: #11e4c4;
++  color: gray;
++}
++
++.message.is-info {
++  background-color: #ebf2ff;
++}
++
++.message.is-info .message-header {
++  background-color: #0f6bff;
++  color: white;
++}
++
++.message.is-info .message-body {
++  border-color: #0f6bff;
++  color: gray;
++}
++
++.message.is-success {
++  background-color: #ecfef2;
++}
++
++.message.is-success .message-header {
++  background-color: #20ee68;
++  color: white;
++}
++
++.message.is-success .message-body {
++  border-color: #20ee68;
++  color: gray;
++}
++
++.message.is-warning {
++  background-color: #fffbeb;
++}
++
++.message.is-warning .message-header {
++  background-color: #ffcf0f;
++  color: white;
++}
++
++.message.is-warning .message-body {
++  border-color: #ffcf0f;
++  color: gray;
++}
++
++.message.is-danger {
++  background-color: #ffebef;
++}
++
++.message.is-danger .message-header {
++  background-color: #ff0f3f;
++  color: white;
++}
++
++.message.is-danger .message-body {
++  border-color: #ff0f3f;
++  color: gray;
++}
++
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
++}
++
++.container {
++  position: relative;
++}
++
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
    }
-   .column.is-offset-12-desktop {
-     margin-left: 100%;
 -  .column.is-12-widescreen {
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
 -    width: 100%;
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
    }
 -  .column.is-offset-12-widescreen {
 -    margin-left: 100%;
 +}
 +
 +@media screen and (min-width: 1180px) {
-   .column.is-narrow-widescreen {
-     flex: none;
-   }
-   .column.is-full-widescreen {
-     flex: none;
-     width: 100%;
-   }
-   .column.is-three-quarters-widescreen {
-     flex: none;
-     width: 75%;
-   }
-   .column.is-two-thirds-widescreen {
-     flex: none;
-     width: 66.6666%;
-   }
-   .column.is-half-widescreen {
-     flex: none;
-     width: 50%;
-   }
-   .column.is-one-third-widescreen {
-     flex: none;
-     width: 33.3333%;
-   }
-   .column.is-one-quarter-widescreen {
-     flex: none;
-     width: 25%;
-   }
-   .column.is-offset-three-quarters-widescreen {
-     margin-left: 75%;
-   }
-   .column.is-offset-two-thirds-widescreen {
-     margin-left: 66.6666%;
-   }
-   .column.is-offset-half-widescreen {
-     margin-left: 50%;
-   }
-   .column.is-offset-one-third-widescreen {
-     margin-left: 33.3333%;
-   }
-   .column.is-offset-one-quarter-widescreen {
-     margin-left: 25%;
-   }
-   .column.is-1-widescreen {
-     flex: none;
-     width: 8.33333%;
-   }
-   .column.is-offset-1-widescreen {
-     margin-left: 8.33333%;
-   }
-   .column.is-2-widescreen {
-     flex: none;
-     width: 16.66667%;
-   }
-   .column.is-offset-2-widescreen {
-     margin-left: 16.66667%;
-   }
-   .column.is-3-widescreen {
-     flex: none;
-     width: 25%;
-   }
-   .column.is-offset-3-widescreen {
-     margin-left: 25%;
-   }
-   .column.is-4-widescreen {
-     flex: none;
-     width: 33.33333%;
-   }
-   .column.is-offset-4-widescreen {
-     margin-left: 33.33333%;
-   }
-   .column.is-5-widescreen {
-     flex: none;
-     width: 41.66667%;
-   }
-   .column.is-offset-5-widescreen {
-     margin-left: 41.66667%;
-   }
-   .column.is-6-widescreen {
-     flex: none;
-     width: 50%;
-   }
-   .column.is-offset-6-widescreen {
-     margin-left: 50%;
-   }
-   .column.is-7-widescreen {
-     flex: none;
-     width: 58.33333%;
-   }
-   .column.is-offset-7-widescreen {
-     margin-left: 58.33333%;
-   }
-   .column.is-8-widescreen {
-     flex: none;
-     width: 66.66667%;
-   }
-   .column.is-offset-8-widescreen {
-     margin-left: 66.66667%;
-   }
-   .column.is-9-widescreen {
-     flex: none;
-     width: 75%;
-   }
-   .column.is-offset-9-widescreen {
-     margin-left: 75%;
-   }
-   .column.is-10-widescreen {
-     flex: none;
-     width: 83.33333%;
-   }
-   .column.is-offset-10-widescreen {
-     margin-left: 83.33333%;
-   }
-   .column.is-11-widescreen {
-     flex: none;
-     width: 91.66667%;
-   }
-   .column.is-offset-11-widescreen {
-     margin-left: 91.66667%;
-   }
-   .column.is-12-widescreen {
-     flex: none;
-     width: 100%;
-   }
-   .column.is-offset-12-widescreen {
-     margin-left: 100%;
++  .container {
++    max-width: 1200px;
    }
  }
  
--.columns {
--  margin-left: -10px;
--  margin-right: -10px;
--  margin-top: -10px;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
--.columns:last-child {
--  margin-bottom: -10px;
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
  }
  
--.columns:not(:last-child) {
--  margin-bottom: 10px;
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
++  position: absolute;
++  top: 50%;
++  width: 50%;
 +}
 +
- .columns.is-centered {
-   justify-content: center;
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
 +}
 +
- .columns.is-gapless {
-   margin-left: 0;
-   margin-right: 0;
-   margin-top: 0;
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
- .columns.is-gapless:last-child {
-   margin-bottom: 0;
 -.columns.is-centered {
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
  }
  
- .columns.is-gapless:not(:last-child) {
-   margin-bottom: 20px;
 -.columns.is-gapless {
 -  margin-left: 0;
 -  margin-right: 0;
 -  margin-top: 0;
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
  }
  
- .columns.is-gapless > .column {
-   margin: 0;
-   padding: 0;
 -.columns.is-gapless:last-child {
 -  margin-bottom: 0;
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
+ }
+ 
 -.columns.is-gapless:not(:last-child) {
 -  margin-bottom: 20px;
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
+ }
+ 
 -.columns.is-gapless > .column {
 -  margin: 0;
 -  padding: 0;
++.icon {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
  }
  
--@media screen and (min-width: 769px) {
--  .columns.is-grid {
-     flex-wrap: wrap;
 -    -ms-flex-wrap: wrap;
 -        flex-wrap: wrap;
--  }
--  .columns.is-grid > .column {
--    max-width: 33.3333%;
--    padding: 10px;
--    width: 33.3333%;
--  }
--  .columns.is-grid > .column + .column {
--    margin-left: 0;
--  }
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
  }
  
--.columns.is-mobile {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
  }
  
--.columns.is-multiline {
-   flex-wrap: wrap;
 -  -ms-flex-wrap: wrap;
 -      flex-wrap: wrap;
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
++  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
++  width: 32px;
  }
  
--.columns.is-vcentered {
-   align-items: center;
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -              -ms-grid-row-align: center;
 -          align-items: center;
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
++  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
++  width: 48px;
  }
  
--@media screen and (min-width: 769px) {
--  .columns:not(.is-desktop) {
 -    display: -webkit-box;
 -    display: -ms-flexbox;
--    display: flex;
--  }
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
++  position: relative;
++  width: 50px;
  }
  
--@media screen and (min-width: 980px) {
--  .columns.is-desktop {
 -    display: -webkit-box;
 -    display: -ms-flexbox;
--    display: flex;
--  }
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
  }
  
--.tile {
-   align-items: stretch;
-   flex-basis: auto;
-   flex-grow: 1;
-   flex-shrink: 1;
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -              -ms-grid-row-align: stretch;
 -          align-items: stretch;
 -  -ms-flex-preferred-size: auto;
 -      flex-basis: auto;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 1;
 -      flex-shrink: 1;
 -  min-height: -webkit-min-content;
 -  min-height: -moz-min-content;
--  min-height: min-content;
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
  }
  
--.tile.is-ancestor {
--  margin-left: -10px;
--  margin-right: -10px;
--  margin-top: -10px;
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
  }
  
--.tile.is-ancestor:last-child {
--  margin-bottom: -10px;
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
  }
  
--.tile.is-ancestor:not(:last-child) {
--  margin-bottom: 10px;
++.hamburger:hover, .nav-toggle:hover {
++  background-color: whitesmoke;
  }
  
--.tile.is-child {
--  margin: 0 !important;
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
  }
  
--.tile.is-parent {
--  padding: 10px;
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
  }
  
--.tile.is-vertical {
-   flex-direction: column;
 -  -webkit-box-orient: vertical;
 -  -webkit-box-direction: normal;
 -      -ms-flex-direction: column;
 -          flex-direction: column;
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
  }
  
--.tile.is-vertical > .tile.is-child:not(:last-child) {
--  margin-bottom: 20px !important;
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
  }
  
--@media screen and (min-width: 769px) {
--  .tile:not(.is-child) {
 -    display: -webkit-box;
 -    display: -ms-flexbox;
--    display: flex;
--  }
--  .tile.is-1 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 8.33333%;
--  }
--  .tile.is-2 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 16.66667%;
--  }
--  .tile.is-3 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 25%;
--  }
--  .tile.is-4 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 33.33333%;
--  }
--  .tile.is-5 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 41.66667%;
--  }
--  .tile.is-6 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 50%;
--  }
--  .tile.is-7 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 58.33333%;
--  }
--  .tile.is-8 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 66.66667%;
--  }
--  .tile.is-9 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 75%;
--  }
--  .tile.is-10 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 83.33333%;
--  }
--  .tile.is-11 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 91.66667%;
--  }
--  .tile.is-12 {
-     flex: none;
 -    -webkit-box-flex: 0;
 -        -ms-flex: none;
 -            flex: none;
--    width: 100%;
--  }
++.heading {
++  display: block;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
  }
  
  .highlight {
--  background-color: #fdf6e3;
--  color: #586e75;
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
  }
  
--.highlight .c {
--  color: #93a1a1;
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
  }
  
--.highlight .err,
--.highlight .g {
--  color: #586e75;
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
++  display: block;
++  height: 16px;
++  position: relative;
++  width: 16px;
  }
  
--.highlight .k {
--  color: #859900;
++.number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  vertical-align: top;
  }
  
--.highlight .l,
--.highlight .n {
--  color: #586e75;
++.tag {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 12px;
++  height: 24px;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  line-height: 16px;
++  padding-left: 10px;
++  padding-right: 10px;
++  vertical-align: top;
++  white-space: nowrap;
  }
  
--.highlight .o {
--  color: #859900;
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
  }
  
--.highlight .x {
--  color: #cb4b16;
++.tag.is-white {
++  background-color: white;
++  color: #121212;
  }
  
--.highlight .p {
--  color: #586e75;
++.tag.is-black {
++  background-color: #121212;
++  color: white;
  }
  
--.highlight .cm {
--  color: #93a1a1;
++.tag.is-light {
++  background-color: whitesmoke;
++  color: #7a7a7a;
  }
  
--.highlight .cp {
--  color: #859900;
++.tag.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
--.highlight .c1 {
--  color: #93a1a1;
++.tag.is-primary {
++  background-color: #11e4c4;
++  color: white;
  }
  
--.highlight .cs {
--  color: #859900;
++.tag.is-info {
++  background-color: #0f6bff;
++  color: white;
  }
  
--.highlight .gd {
--  color: #2aa198;
++.tag.is-success {
++  background-color: #20ee68;
++  color: white;
  }
  
--.highlight .ge {
--  color: #586e75;
--  font-style: italic;
++.tag.is-warning {
++  background-color: #ffcf0f;
++  color: white;
  }
  
--.highlight .gr {
--  color: #dc322f;
++.tag.is-danger {
++  background-color: #ff0f3f;
++  color: white;
  }
  
--.highlight .gh {
--  color: #cb4b16;
++.tag.is-small {
++  font-size: 11px;
++  height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
  }
  
--.highlight .gi {
--  color: #859900;
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
  }
  
--.highlight .go,
--.highlight .gp {
--  color: #586e75;
++.tag.is-large {
++  font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
  }
  
--.highlight .gs {
--  color: #586e75;
--  font-weight: bold;
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
  }
  
--.highlight .gu {
--  color: #cb4b16;
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
  }
  
--.highlight .gt {
--  color: #586e75;
++.modal-background {
++  bottom: 0;
++  left: 0;
++  position: absolute;
++  right: 0;
++  top: 0;
++  background-color: rgba(18, 18, 18, 0.86);
  }
  
--.highlight .kc {
--  color: #cb4b16;
++.modal-content, .modal-card {
++  margin: 0 20px;
++  max-height: calc(100vh - 160px);
++  overflow: auto;
++  position: relative;
++  width: 100%;
  }
  
--.highlight .kd {
--  color: #268bd2;
++@media screen and (min-width: 769px) {
++  .modal-content, .modal-card {
++    margin: 0 auto;
++    max-height: calc(100vh - 40px);
++    width: 640px;
++  }
  }
  
--.highlight .kn,
--.highlight .kp {
--  color: #859900;
++.modal-close {
++  background: none;
++  height: 40px;
++  position: fixed;
++  right: 20px;
++  top: 20px;
++  width: 40px;
  }
  
--.highlight .kr {
--  color: #268bd2;
++.modal-card {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-orient: vertical;
++  -webkit-box-direction: normal;
++      -ms-flex-direction: column;
++          flex-direction: column;
++  max-height: calc(100vh - 40px);
++  overflow: hidden;
  }
  
--.highlight .kt {
--  color: #dc322f;
++.modal-card-head,
++.modal-card-foot {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
++  padding: 20px;
++  position: relative;
  }
  
--.highlight .ld {
--  color: #586e75;
++.modal-card-head {
++  border-bottom: 1px solid #dbdbdb;
++  border-top-left-radius: 5px;
++  border-top-right-radius: 5px;
  }
  
--.highlight .m,
--.highlight .s {
--  color: #2aa198;
++.modal-card-title {
++  color: #242424;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
++  font-size: 24px;
++  line-height: 1;
  }
  
--.highlight .na {
--  color: #B58900;
++.modal-card-foot {
++  border-bottom-left-radius: 5px;
++  border-bottom-right-radius: 5px;
++  border-top: 1px solid #dbdbdb;
  }
  
--.highlight .nb {
--  color: #586e75;
++.modal-card-foot .button:not(:last-child) {
++  margin-right: 10px;
  }
  
--.highlight .nc {
--  color: #268bd2;
++.modal-card-body {
++  background-color: white;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 1;
++      flex-shrink: 1;
++  overflow: auto;
++  padding: 20px;
  }
  
--.highlight .no {
--  color: #cb4b16;
++.modal {
++  bottom: 0;
++  left: 0;
++  position: absolute;
++  right: 0;
++  top: 0;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++              -ms-grid-row-align: center;
++          align-items: center;
++  display: none;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  overflow: hidden;
++  position: fixed;
++  z-index: 1986;
  }
  
--.highlight .nd {
--  color: #268bd2;
++.modal.is-active {
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
  }
  
--.highlight .ni,
--.highlight .ne {
--  color: #cb4b16;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
--.highlight .nf {
--  color: #268bd2;
++.container {
++  position: relative;
  }
  
--.highlight .nl,
--.highlight .nn,
--.highlight .nx,
--.highlight .py {
--  color: #586e75;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
--.highlight .nt,
--.highlight .nv {
--  color: #268bd2;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
--.highlight .ow {
--  color: #859900;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
--.highlight .w {
--  color: #586e75;
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
  }
  
--.highlight .mf,
--.highlight .mh,
--.highlight .mi,
--.highlight .mo {
--  color: #2aa198;
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
++  position: absolute;
++  top: 50%;
++  width: 50%;
  }
  
--.highlight .sb {
--  color: #93a1a1;
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
  }
  
--.highlight .sc {
--  color: #2aa198;
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
--.highlight .sd {
--  color: #586e75;
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
  }
  
--.highlight .s2 {
--  color: #2aa198;
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
  }
  
--.highlight .se {
--  color: #cb4b16;
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
  }
  
--.highlight .sh {
--  color: #586e75;
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
  }
  
--.highlight .si,
--.highlight .sx {
--  color: #2aa198;
++.icon {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
  }
  
--.highlight .sr {
--  color: #dc322f;
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
  }
  
--.highlight .s1,
--.highlight .ss {
--  color: #2aa198;
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
  }
  
--.highlight .bp,
--.highlight .vc,
--.highlight .vg,
--.highlight .vi {
--  color: #268bd2;
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
++  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
++  width: 32px;
  }
  
--.highlight .il {
--  color: #2aa198;
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
++  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
++  width: 48px;
  }
  
--.level-item .title,
--.level-item .subtitle {
--  margin-bottom: 0;
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
++  position: relative;
++  width: 50px;
  }
  
--@media screen and (max-width: 768px) {
--  .level-item:not(:last-child) {
--    margin-bottom: 10px;
--  }
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
  }
  
--.level-left .level-item:not(:last-child),
--.level-right .level-item:not(:last-child) {
--  margin-right: 10px;
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
  }
  
--.level-left .level-item.is-flexible,
--.level-right .level-item.is-flexible {
-   flex-grow: 1;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
  }
  
--@media screen and (max-width: 768px) {
--  .level-left + .level-right {
--    margin-top: 20px;
--  }
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
  }
  
--@media screen and (min-width: 769px) {
--  .level-left {
-     align-items: center;
 -    -webkit-box-align: center;
 -        -ms-flex-align: center;
 -            align-items: center;
 -    display: -webkit-box;
 -    display: -ms-flexbox;
--    display: flex;
--  }
++.hamburger:hover, .nav-toggle:hover {
++  background-color: whitesmoke;
  }
  
--@media screen and (min-width: 769px) {
--  .level-right {
-     align-items: center;
 -    -webkit-box-align: center;
 -        -ms-flex-align: center;
 -            align-items: center;
 -    display: -webkit-box;
 -    display: -ms-flexbox;
--    display: flex;
-     justify-content: flex-end;
 -    -webkit-box-pack: end;
 -        -ms-flex-pack: end;
 -            justify-content: flex-end;
--  }
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
  }
  
--.level {
-   align-items: center;
-   justify-content: space-between;
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -              -ms-grid-row-align: center;
 -          align-items: center;
 -  -webkit-box-pack: justify;
 -      -ms-flex-pack: justify;
 -          justify-content: space-between;
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
  }
  
--.level code {
--  border-radius: 3px;
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
  }
  
--.level img {
--  display: inline-block;
--  vertical-align: top;
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
  }
  
--.level.is-mobile {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
++.heading {
++  display: block;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
  }
  
--.level.is-mobile > .level-item:not(:last-child) {
--  margin-bottom: 0;
++.highlight {
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
  }
  
--.level.is-mobile > .level-item:not(.is-narrow) {
-   flex-grow: 1;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
  }
  
--@media screen and (min-width: 769px) {
--  .level {
 -    display: -webkit-box;
 -    display: -ms-flexbox;
--    display: flex;
--  }
--  .level > .level-item:not(.is-narrow) {
-     flex-grow: 1;
 -    -webkit-box-flex: 1;
 -        -ms-flex-positive: 1;
 -            flex-grow: 1;
--  }
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
++  display: block;
++  height: 16px;
++  position: relative;
++  width: 16px;
  }
  
--.media-number {
++.number {
    background-color: whitesmoke;
    border-radius: 290486px;
    display: inline-block;
    font-size: 18px;
--  height: 32px;
--  line-height: 24px;
--  min-width: 32px;
--  padding: 4px 8px;
--  text-align: center;
    vertical-align: top;
  }
  
--@media screen and (max-width: 768px) {
--  .media-number {
--    margin-bottom: 10px;
-   }
- }
- 
- @media screen and (min-width: 769px) {
-   .media-number {
-     margin-right: 10px;
--  }
- }
- 
- .media-left {
-   margin-right: 10px;
- }
- 
- .media-right {
-   margin-left: 10px;
++.tag {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 12px;
++  height: 24px;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  line-height: 16px;
++  padding-left: 10px;
++  padding-right: 10px;
++  vertical-align: top;
++  white-space: nowrap;
  }
  
- .media-content {
-   flex-grow: 1;
-   flex-shrink: 1;
-   text-align: left;
 -@media screen and (min-width: 769px) {
 -  .media-number {
 -    margin-right: 10px;
 -  }
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
  }
  
- .media {
-   align-items: flex-start;
-   display: flex;
-   text-align: left;
 -.media-left {
 -  margin-right: 10px;
++.tag.is-white {
++  background-color: white;
++  color: #121212;
  }
  
- .media .content:not(:last-child) {
-   margin-bottom: 10px;
 -.media-right {
 -  margin-left: 10px;
++.tag.is-black {
++  background-color: #121212;
++  color: white;
  }
  
- .media .media {
-   border-top: 1px solid rgba(219, 219, 219, 0.5);
-   display: flex;
-   padding-top: 10px;
 -.media-content {
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 1;
 -      flex-shrink: 1;
 -  text-align: left;
++.tag.is-light {
++  background-color: whitesmoke;
++  color: #7a7a7a;
  }
  
- .media .media .content:not(:last-child),
- .media .media .control:not(:last-child) {
-   margin-bottom: 5px;
 -.media {
 -  -webkit-box-align: start;
 -      -ms-flex-align: start;
 -          align-items: flex-start;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  text-align: left;
++.tag.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
- .media .media .media {
-   padding-top: 5px;
 -.media .content:not(:last-child) {
 -  margin-bottom: 10px;
++.tag.is-primary {
++  background-color: #11e4c4;
++  color: white;
  }
  
- .media .media .media + .media {
-   margin-top: 5px;
 -.media .media {
 -  border-top: 1px solid rgba(219, 219, 219, 0.5);
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  padding-top: 10px;
++.tag.is-info {
++  background-color: #0f6bff;
++  color: white;
  }
  
- .media + .media {
-   border-top: 1px solid rgba(219, 219, 219, 0.5);
-   margin-top: 10px;
-   padding-top: 10px;
 -.media .media .content:not(:last-child),
 -.media .media .control:not(:last-child) {
 -  margin-bottom: 5px;
++.tag.is-success {
++  background-color: #20ee68;
++  color: white;
  }
  
- .media.is-large + .media {
-   margin-top: 20px;
-   padding-top: 20px;
 -.media .media .media {
 -  padding-top: 5px;
++.tag.is-warning {
++  background-color: #ffcf0f;
++  color: white;
  }
  
- @media screen and (min-width: 769px) {
-   .media.is-large .media-number {
-     margin-right: 20px;
-   }
 -.media .media .media + .media {
 -  margin-top: 5px;
++.tag.is-danger {
++  background-color: #ff0f3f;
++  color: white;
  }
  
- .menu-nav a {
-   display: block;
-   padding: 5px 10px;
 -.media + .media {
 -  border-top: 1px solid rgba(219, 219, 219, 0.5);
 -  margin-top: 10px;
 -  padding-top: 10px;
++.tag.is-small {
++  font-size: 11px;
++  height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
  }
  
- .menu-list a {
-   border-radius: 2px;
-   color: #7a7a7a;
-   display: block;
-   padding: 5px 10px;
 -.media.is-large + .media {
 -  margin-top: 20px;
 -  padding-top: 20px;
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
 +}
 +
- .menu-list a:hover {
-   background-color: whitesmoke;
-   color: #11e4c4;
++.tag.is-large {
++  font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
 +}
 +
- .menu-list a.is-active {
-   background-color: #11e4c4;
-   color: white;
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
 +}
 +
- .menu-list li ul {
-   border-left: 1px solid #dbdbdb;
-   margin: 10px;
-   padding-left: 10px;
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
  }
  
- .menu-label {
-   color: #b5b5b5;
-   font-size: 11px;
-   letter-spacing: 1px;
-   margin-bottom: 5px;
-   text-transform: uppercase;
+ @media screen and (min-width: 769px) {
 -  .media.is-large .media-number {
 -    margin-right: 20px;
++  .nav-toggle {
++    display: none;
+   }
  }
  
- .menu-label:not(:first-child) {
-   margin-top: 20px;
 -.menu-nav a {
 -  display: block;
 -  padding: 5px 10px;
++.nav-item {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  padding: 10px;
  }
  
- .message-body {
-   border: 1px solid #dbdbdb;
-   border-radius: 3px;
-   padding: 12px 15px;
 -.menu-list a {
 -  border-radius: 2px;
 -  color: #7a7a7a;
 -  display: block;
 -  padding: 5px 10px;
++.nav-item a {
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
- .message-body strong {
-   color: inherit;
 -.menu-list a:hover {
 -  background-color: whitesmoke;
 -  color: #11e4c4;
++.nav-item img {
++  max-height: 24px;
  }
  
- .message-header {
-   background-color: #7a7a7a;
-   border-radius: 3px 3px 0 0;
 -.menu-list a.is-active {
 -  background-color: #11e4c4;
--  color: white;
-   padding: 7px 10px;
++.nav-item .button + .button {
++  margin-left: 10px;
  }
  
- .message-header strong {
-   color: inherit;
 -.menu-list li ul {
 -  border-left: 1px solid #dbdbdb;
 -  margin: 10px;
 -  padding-left: 10px;
++.nav-item .tag:first-child {
++  margin-right: 5px;
 +}
 +
- .message-header + .message-body {
-   border-radius: 0 0 3px 3px;
-   border-top: none;
++.nav-item .tag:last-child {
++  margin-left: 5px;
 +}
 +
- .message {
-   background-color: whitesmoke;
-   border-radius: 3px;
++@media screen and (max-width: 768px) {
++  .nav-item {
++    -webkit-box-pack: start;
++        -ms-flex-pack: start;
++            justify-content: flex-start;
++  }
 +}
 +
- .message.is-white {
-   background-color: white;
++.nav-item a,
++a.nav-item {
++  color: #7a7a7a;
  }
  
- .message.is-white .message-header {
-   background-color: white;
-   color: #121212;
 -.menu-label {
 -  color: #b5b5b5;
 -  font-size: 11px;
 -  letter-spacing: 1px;
 -  margin-bottom: 5px;
 -  text-transform: uppercase;
++.nav-item a:hover,
++a.nav-item:hover {
++  color: #242424;
  }
  
- .message.is-white .message-body {
-   border-color: white;
-   color: #666666;
 -.menu-label:not(:first-child) {
 -  margin-top: 20px;
++.nav-item a.is-active,
++a.nav-item.is-active {
++  color: #242424;
  }
  
- .message.is-black {
-   background-color: whitesmoke;
 -.message-body {
 -  border: 1px solid #dbdbdb;
 -  border-radius: 3px;
 -  padding: 12px 15px;
++.nav-item a.is-tab,
++a.nav-item.is-tab {
++  border-bottom: 1px solid transparent;
++  border-top: 1px solid transparent;
++  padding-left: 12px;
++  padding-right: 12px;
  }
  
- .message.is-black .message-header {
-   background-color: #121212;
-   color: white;
 -.message-body strong {
 -  color: inherit;
++.nav-item a.is-tab:hover,
++a.nav-item.is-tab:hover {
++  border-bottom: 1px solid #11e4c4;
++  border-top: 1px solid transparent;
  }
  
- .message.is-black .message-body {
-   border-color: #121212;
-   color: gray;
 -.message-header {
 -  background-color: #7a7a7a;
 -  border-radius: 3px 3px 0 0;
 -  color: white;
 -  padding: 7px 10px;
++.nav-item a.is-tab.is-active,
++a.nav-item.is-tab.is-active {
++  border-bottom: 3px solid #11e4c4;
++  border-top: 3px solid transparent;
++  color: #11e4c4;
  }
  
- .message.is-light {
-   background-color: whitesmoke;
 -.message-header strong {
 -  color: inherit;
++@media screen and (max-width: 768px) {
++  .nav-menu {
++    background-color: white;
++    box-shadow: 0 4px 7px rgba(18, 18, 18, 0.1);
++    left: 0;
++    display: none;
++    right: 0;
++    top: 100%;
++    position: absolute;
++  }
++  .nav-menu .nav-item {
++    border-top: 1px solid rgba(219, 219, 219, 0.5);
++    padding: 10px;
++  }
++  .nav-menu.is-active {
++    display: block;
++  }
  }
  
- .message.is-light .message-header {
-   background-color: whitesmoke;
-   color: #7a7a7a;
 -.message-header + .message-body {
 -  border-radius: 0 0 3px 3px;
 -  border-top: none;
++@media screen and (min-width: 769px) and (max-width: 979px) {
++  .nav-menu {
++    padding-right: 20px;
++  }
  }
  
- .message.is-light .message-body {
-   border-color: whitesmoke;
-   color: #666666;
 -.message {
 -  background-color: whitesmoke;
 -  border-radius: 3px;
++.nav-left {
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -ms-flex-preferred-size: 0;
++      flex-basis: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
++  overflow: hidden;
++  overflow-x: auto;
++  white-space: nowrap;
  }
  
- .message.is-dark {
-   background-color: whitesmoke;
 -.message.is-white {
 -  background-color: white;
++.nav-center {
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  margin-left: auto;
++  margin-right: auto;
  }
  
- .message.is-dark .message-header {
-   background-color: #7a7a7a;
-   color: whitesmoke;
 -.message.is-white .message-header {
 -  background-color: white;
 -  color: #121212;
++@media screen and (min-width: 769px) {
++  .nav-right {
++    -webkit-box-align: stretch;
++        -ms-flex-align: stretch;
++            align-items: stretch;
++    display: -webkit-box;
++    display: -ms-flexbox;
++    display: flex;
++    -ms-flex-preferred-size: 0;
++        flex-basis: 0;
++    -webkit-box-flex: 1;
++        -ms-flex-positive: 1;
++            flex-grow: 1;
++    -ms-flex-negative: 0;
++        flex-shrink: 0;
++    -webkit-box-pack: end;
++        -ms-flex-pack: end;
++            justify-content: flex-end;
++  }
  }
  
- .message.is-dark .message-body {
-   border-color: #7a7a7a;
-   color: gray;
 -.message.is-white .message-body {
 -  border-color: white;
 -  color: #666666;
++.nav {
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  background-color: white;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  min-height: 50px;
++  position: relative;
++  text-align: center;
++  z-index: 2;
  }
  
- .message.is-primary {
-   background-color: #ecfefb;
 -.message.is-black {
 -  background-color: whitesmoke;
++.nav > .container {
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  min-height: 50px;
++  width: 100%;
  }
  
- .message.is-primary .message-header {
-   background-color: #11e4c4;
 -.message.is-black .message-header {
 -  background-color: #121212;
--  color: white;
++.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
++  padding-left: 0;
  }
  
- .message.is-primary .message-body {
-   border-color: #11e4c4;
 -.message.is-black .message-body {
 -  border-color: #121212;
--  color: gray;
++.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
++  padding-right: 0;
  }
  
- .message.is-info {
-   background-color: #ebf2ff;
 -.message.is-light {
 -  background-color: whitesmoke;
++.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
++  padding-left: 0;
  }
  
- .message.is-info .message-header {
-   background-color: #0f6bff;
-   color: white;
 -.message.is-light .message-header {
 -  background-color: whitesmoke;
 -  color: #7a7a7a;
++.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
++  padding-right: 0;
  }
  
- .message.is-info .message-body {
-   border-color: #0f6bff;
-   color: gray;
 -.message.is-light .message-body {
 -  border-color: whitesmoke;
 -  color: #666666;
++.nav.has-shadow {
++  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1);
  }
  
- .message.is-success {
-   background-color: #ecfef2;
 -.message.is-dark {
 -  background-color: whitesmoke;
++@media screen and (max-width: 979px) {
++  .nav > .container > .nav-left > .nav-item.is-brand:first-child,
++  .container > .nav > .nav-left > .nav-item.is-brand:first-child {
++    padding-left: 20px;
++  }
  }
  
- .message.is-success .message-header {
-   background-color: #20ee68;
-   color: white;
 -.message.is-dark .message-header {
 -  background-color: #7a7a7a;
 -  color: whitesmoke;
++.pagination {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
++  text-align: center;
  }
  
- .message.is-success .message-body {
-   border-color: #20ee68;
 -.message.is-dark .message-body {
 -  border-color: #7a7a7a;
--  color: gray;
++.pagination a {
++  display: block;
++  min-width: 32px;
++  padding: 3px 8px;
  }
  
- .message.is-warning {
-   background-color: #fffbeb;
 -.message.is-primary {
 -  background-color: #ecfefb;
++.pagination span {
++  color: #b5b5b5;
++  display: block;
++  margin: 0 4px;
  }
  
- .message.is-warning .message-header {
-   background-color: #ffcf0f;
 -.message.is-primary .message-header {
 -  background-color: #11e4c4;
--  color: white;
++.pagination li {
++  margin: 0 2px;
  }
  
- .message.is-warning .message-body {
-   border-color: #ffcf0f;
 -.message.is-primary .message-body {
 -  border-color: #11e4c4;
--  color: gray;
++.pagination ul {
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
++  display: flex;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
- .message.is-danger {
-   background-color: #ffebef;
 -.message.is-info {
 -  background-color: #ebf2ff;
++@media screen and (max-width: 768px) {
++  .pagination {
++    -ms-flex-wrap: wrap;
++        flex-wrap: wrap;
++  }
++  .pagination > a {
++    width: calc(50% - 5px);
++  }
++  .pagination > a:not(:first-child) {
++    margin-left: 10px;
++  }
++  .pagination li {
++    -webkit-box-flex: 1;
++        -ms-flex-positive: 1;
++            flex-grow: 1;
++    -ms-flex-negative: 0;
++        flex-shrink: 0;
++  }
++  .pagination ul {
++    margin-top: 10px;
++  }
  }
  
- .message.is-danger .message-header {
-   background-color: #ff0f3f;
 -.message.is-info .message-header {
 -  background-color: #0f6bff;
--  color: white;
++@media screen and (min-width: 769px) {
++  .pagination > a:not(:first-child) {
++    -webkit-box-ordinal-group: 2;
++        -ms-flex-order: 1;
++            order: 1;
++  }
  }
  
- .message.is-danger .message-body {
-   border-color: #ff0f3f;
 -.message.is-info .message-body {
 -  border-color: #0f6bff;
--  color: gray;
++.panel-icon {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
++  color: #b5b5b5;
++  float: left;
++  margin: 0 4px 0 -2px;
  }
  
- .modal-background {
-   bottom: 0;
-   left: 0;
-   position: absolute;
-   right: 0;
-   top: 0;
-   background-color: rgba(18, 18, 18, 0.86);
 -.message.is-success {
 -  background-color: #ecfef2;
++.panel-icon .fa {
++  font-size: inherit;
++  line-height: inherit;
  }
  
- .modal-content, .modal-card {
-   margin: 0 20px;
-   max-height: calc(100vh - 160px);
-   overflow: auto;
-   position: relative;
-   width: 100%;
 -.message.is-success .message-header {
 -  background-color: #20ee68;
 -  color: white;
++.panel-heading {
++  background-color: whitesmoke;
++  border-bottom: 1px solid #dbdbdb;
++  border-radius: 4px 4px 0 0;
++  color: #242424;
++  font-size: 18px;
++  font-weight: 300;
++  padding: 10px;
  }
  
- @media screen and (min-width: 769px) {
-   .modal-content, .modal-card {
-     margin: 0 auto;
-     max-height: calc(100vh - 40px);
-     width: 640px;
-   }
 -.message.is-success .message-body {
 -  border-color: #20ee68;
 -  color: gray;
++.panel-list a {
++  color: #7a7a7a;
  }
  
- .modal-close {
-   background: none;
-   height: 40px;
-   position: fixed;
-   right: 20px;
-   top: 20px;
-   width: 40px;
 -.message.is-warning {
 -  background-color: #fffbeb;
++.panel-list a:hover {
++  color: #11e4c4;
  }
  
- .modal-card {
 -.message.is-warning .message-header {
 -  background-color: #ffcf0f;
 -  color: white;
++.panel-tabs {
++  display: -webkit-box;
++  display: -ms-flexbox;
 +  display: flex;
-   flex-direction: column;
-   max-height: calc(100vh - 40px);
-   overflow: hidden;
++  font-size: 11px;
++  padding: 5px 10px 0;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
- .modal-card-head,
- .modal-card-foot {
-   align-items: center;
-   background-color: whitesmoke;
-   display: flex;
-   flex-shrink: 0;
-   justify-content: flex-start;
-   padding: 20px;
-   position: relative;
 -.message.is-warning .message-body {
 -  border-color: #ffcf0f;
 -  color: gray;
++.panel-tabs a {
++  border-bottom: 1px solid #dbdbdb;
++  margin-bottom: -1px;
++  padding: 5px;
  }
  
- .modal-card-head {
 -.message.is-danger {
 -  background-color: #ffebef;
++.panel-tabs a.is-active {
++  border-bottom-color: #242424;
++  color: #242424;
+ }
+ 
 -.message.is-danger .message-header {
 -  background-color: #ff0f3f;
 -  color: white;
++.panel-tabs:not(:last-child) {
 +  border-bottom: 1px solid #dbdbdb;
-   border-top-left-radius: 5px;
-   border-top-right-radius: 5px;
  }
  
- .modal-card-title {
 -.message.is-danger .message-body {
 -  border-color: #ff0f3f;
 -  color: gray;
++.panel-block {
 +  color: #242424;
-   flex-grow: 1;
-   flex-shrink: 0;
-   font-size: 24px;
-   line-height: 1;
++  display: block;
++  line-height: 16px;
++  padding: 10px;
  }
  
- .modal-card-foot {
-   border-bottom-left-radius: 5px;
-   border-bottom-right-radius: 5px;
-   border-top: 1px solid #dbdbdb;
 -.modal-background {
 -  bottom: 0;
 -  left: 0;
 -  position: absolute;
 -  right: 0;
 -  top: 0;
 -  background-color: rgba(18, 18, 18, 0.86);
++.panel-block:not(:last-child) {
++  border-bottom: 1px solid #dbdbdb;
  }
  
- .modal-card-foot .button:not(:last-child) {
-   margin-right: 10px;
 -.modal-content, .modal-card {
 -  margin: 0 20px;
 -  max-height: calc(100vh - 160px);
 -  overflow: auto;
 -  position: relative;
 -  width: 100%;
++a.panel-block:hover {
++  background-color: whitesmoke;
  }
  
- .modal-card-body {
-   background-color: white;
-   flex-grow: 1;
-   flex-shrink: 1;
-   overflow: auto;
-   padding: 20px;
 -@media screen and (min-width: 769px) {
 -  .modal-content, .modal-card {
 -    margin: 0 auto;
 -    max-height: calc(100vh - 40px);
 -    width: 640px;
 -  }
++.panel {
++  border: 1px solid #dbdbdb;
++  border-radius: 5px;
  }
  
- .modal {
-   bottom: 0;
-   left: 0;
-   position: absolute;
-   right: 0;
-   top: 0;
-   align-items: center;
-   display: none;
-   justify-content: center;
-   overflow: hidden;
 -.modal-close {
 -  background: none;
 -  height: 40px;
--  position: fixed;
-   z-index: 1986;
 -  right: 20px;
 -  top: 20px;
 -  width: 40px;
++.panel:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .modal.is-active {
 -.modal-card {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
 -  -webkit-box-orient: vertical;
 -  -webkit-box-direction: normal;
 -      -ms-flex-direction: column;
 -          flex-direction: column;
 -  max-height: calc(100vh - 40px);
 -  overflow: hidden;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- @media screen and (min-width: 769px) {
-   .nav-toggle {
-     display: none;
-   }
 -.modal-card-head,
 -.modal-card-foot {
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  background-color: whitesmoke;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
 -  -webkit-box-pack: start;
 -      -ms-flex-pack: start;
 -          justify-content: flex-start;
 -  padding: 20px;
++.container {
+   position: relative;
  }
  
- .nav-item {
-   align-items: center;
-   display: flex;
-   justify-content: center;
-   padding: 10px;
 -.modal-card-head {
 -  border-bottom: 1px solid #dbdbdb;
 -  border-top-left-radius: 5px;
 -  border-top-right-radius: 5px;
 -}
 -
 -.modal-card-title {
 -  color: #242424;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
 -  font-size: 24px;
 -  line-height: 1;
 -}
 -
 -.modal-card-foot {
 -  border-bottom-left-radius: 5px;
 -  border-bottom-right-radius: 5px;
 -  border-top: 1px solid #dbdbdb;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
++  }
  }
  
- .nav-item a {
-   flex-grow: 1;
-   flex-shrink: 0;
 -.modal-card-foot .button:not(:last-child) {
 -  margin-right: 10px;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
++  }
  }
  
- .nav-item img {
-   max-height: 24px;
 -.modal-card-body {
 -  background-color: white;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 1;
 -      flex-shrink: 1;
 -  overflow: auto;
 -  padding: 20px;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .nav-item .button + .button {
-   margin-left: 10px;
 -.modal {
 -  bottom: 0;
 -  left: 0;
 -  position: absolute;
 -  right: 0;
 -  top: 0;
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -              -ms-grid-row-align: center;
 -          align-items: center;
 -  display: none;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
 -  overflow: hidden;
 -  position: fixed;
 -  z-index: 1986;
++.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
++.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
++  margin-bottom: 20px;
  }
  
- .nav-item .tag:first-child {
-   margin-right: 5px;
 -.modal.is-active {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
++.container {
++  position: relative;
  }
  
- .nav-item .tag:last-child {
-   margin-left: 5px;
 -@media screen and (min-width: 769px) {
 -  .nav-toggle {
 -    display: none;
++@media screen and (min-width: 980px) {
++  .container {
++    margin: 0 auto;
++    max-width: 960px;
++  }
++  .container.is-fluid {
++    margin: 0 20px;
++    max-width: none;
+   }
  }
  
- @media screen and (max-width: 768px) {
-   .nav-item {
-     justify-content: flex-start;
 -.nav-item {
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
 -  padding: 10px;
++@media screen and (min-width: 1180px) {
++  .container {
++    max-width: 1200px;
 +  }
  }
  
- .nav-item a,
- a.nav-item {
-   color: #7a7a7a;
 -.nav-item a {
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
++.fa {
++  font-size: 21px;
++  text-align: center;
++  vertical-align: top;
  }
  
- .nav-item a:hover,
- a.nav-item:hover {
-   color: #242424;
 -.nav-item img {
 -  max-height: 24px;
++.delete, .modal-close {
++  -moz-appearance: none;
++  -webkit-appearance: none;
++  background-color: rgba(18, 18, 18, 0.2);
++  border: none;
++  border-radius: 290486px;
++  cursor: pointer;
++  display: inline-block;
++  height: 24px;
++  position: relative;
++  vertical-align: top;
++  width: 24px;
  }
  
- .nav-item a.is-active,
- a.nav-item.is-active {
-   color: #242424;
 -.nav-item .button + .button {
 -  margin-left: 10px;
++.delete:before, .modal-close:before, .delete:after, .modal-close:after {
++  background-color: white;
++  content: "";
++  display: block;
++  height: 2px;
++  left: 50%;
++  margin-left: -25%;
++  margin-top: -1px;
++  position: absolute;
++  top: 50%;
++  width: 50%;
  }
  
- .nav-item a.is-tab,
- a.nav-item.is-tab {
-   border-bottom: 1px solid transparent;
-   border-top: 1px solid transparent;
-   padding-left: 12px;
-   padding-right: 12px;
 -.nav-item .tag:first-child {
 -  margin-right: 5px;
++.delete:before, .modal-close:before {
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
  }
  
- .nav-item a.is-tab:hover,
- a.nav-item.is-tab:hover {
-   border-bottom: 1px solid #11e4c4;
-   border-top: 1px solid transparent;
 -.nav-item .tag:last-child {
 -  margin-left: 5px;
++.delete:after, .modal-close:after {
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
- .nav-item a.is-tab.is-active,
- a.nav-item.is-tab.is-active {
-   border-bottom: 3px solid #11e4c4;
-   border-top: 3px solid transparent;
-   color: #11e4c4;
 -@media screen and (max-width: 768px) {
 -  .nav-item {
 -    -webkit-box-pack: start;
 -        -ms-flex-pack: start;
 -            justify-content: flex-start;
 -  }
++.delete:hover, .modal-close:hover {
++  background-color: rgba(18, 18, 18, 0.5);
  }
  
- @media screen and (max-width: 768px) {
-   .nav-menu {
-     background-color: white;
-     box-shadow: 0 4px 7px rgba(18, 18, 18, 0.1);
-     left: 0;
-     display: none;
-     right: 0;
-     top: 100%;
-     position: absolute;
-   }
-   .nav-menu .nav-item {
-     border-top: 1px solid rgba(219, 219, 219, 0.5);
-     padding: 10px;
-   }
-   .nav-menu.is-active {
-     display: block;
-   }
 -.nav-item a,
 -a.nav-item {
 -  color: #7a7a7a;
++.delete.is-small, .is-small.modal-close {
++  height: 16px;
++  width: 16px;
  }
  
- @media screen and (min-width: 769px) and (max-width: 979px) {
-   .nav-menu {
-     padding-right: 20px;
-   }
 -.nav-item a:hover,
 -a.nav-item:hover {
 -  color: #242424;
++.delete.is-medium, .is-medium.modal-close {
++  height: 32px;
++  width: 32px;
  }
  
- .nav-left {
-   align-items: stretch;
-   display: flex;
-   flex-basis: 0;
-   flex-grow: 1;
-   flex-shrink: 0;
-   justify-content: flex-start;
-   overflow: hidden;
-   overflow-x: auto;
-   white-space: nowrap;
 -.nav-item a.is-active,
 -a.nav-item.is-active {
 -  color: #242424;
++.delete.is-large, .is-large.modal-close {
++  height: 40px;
++  width: 40px;
  }
  
- .nav-center {
-   align-items: stretch;
-   display: flex;
-   justify-content: center;
-   margin-left: auto;
-   margin-right: auto;
 -.nav-item a.is-tab,
 -a.nav-item.is-tab {
 -  border-bottom: 1px solid transparent;
 -  border-top: 1px solid transparent;
 -  padding-left: 12px;
 -  padding-right: 12px;
++.icon {
++  display: inline-block;
++  font-size: 21px;
++  height: 24px;
++  line-height: 24px;
++  text-align: center;
++  vertical-align: top;
++  width: 24px;
+ }
+ 
 -.nav-item a.is-tab:hover,
 -a.nav-item.is-tab:hover {
 -  border-bottom: 1px solid #11e4c4;
 -  border-top: 1px solid transparent;
++.icon .fa {
++  font-size: inherit;
++  line-height: inherit;
+ }
+ 
 -.nav-item a.is-tab.is-active,
 -a.nav-item.is-tab.is-active {
 -  border-bottom: 3px solid #11e4c4;
 -  border-top: 3px solid transparent;
 -  color: #11e4c4;
++.icon.is-small {
++  display: inline-block;
++  font-size: 14px;
++  height: 16px;
++  line-height: 16px;
++  text-align: center;
++  vertical-align: top;
++  width: 16px;
+ }
+ 
 -@media screen and (max-width: 768px) {
 -  .nav-menu {
 -    background-color: white;
 -    box-shadow: 0 4px 7px rgba(18, 18, 18, 0.1);
 -    left: 0;
 -    display: none;
 -    right: 0;
 -    top: 100%;
 -    position: absolute;
 -  }
 -  .nav-menu .nav-item {
 -    border-top: 1px solid rgba(219, 219, 219, 0.5);
 -    padding: 10px;
 -  }
 -  .nav-menu.is-active {
 -    display: block;
 -  }
++.icon.is-medium {
++  display: inline-block;
++  font-size: 28px;
++  height: 32px;
++  line-height: 32px;
++  text-align: center;
++  vertical-align: top;
++  width: 32px;
  }
  
- @media screen and (min-width: 769px) {
-   .nav-right {
-     align-items: stretch;
-     display: flex;
-     flex-basis: 0;
-     flex-grow: 1;
-     flex-shrink: 0;
-     justify-content: flex-end;
 -@media screen and (min-width: 769px) and (max-width: 979px) {
 -  .nav-menu {
 -    padding-right: 20px;
--  }
++.icon.is-large {
++  display: inline-block;
++  font-size: 42px;
++  height: 48px;
++  line-height: 48px;
++  text-align: center;
++  vertical-align: top;
++  width: 48px;
  }
  
- .nav {
-   align-items: stretch;
-   background-color: white;
 -.nav-left {
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -          align-items: stretch;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
-   min-height: 50px;
 -  -ms-flex-preferred-size: 0;
 -      flex-basis: 0;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
 -  -webkit-box-pack: start;
 -      -ms-flex-pack: start;
 -          justify-content: flex-start;
 -  overflow: hidden;
 -  overflow-x: auto;
 -  white-space: nowrap;
++.hamburger, .nav-toggle {
++  cursor: pointer;
++  display: block;
++  height: 50px;
 +  position: relative;
-   text-align: center;
-   z-index: 2;
++  width: 50px;
  }
  
- .nav > .container {
-   align-items: stretch;
 -.nav-center {
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -          align-items: stretch;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
--  display: flex;
-   min-height: 50px;
-   width: 100%;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
 -  margin-left: auto;
 -  margin-right: auto;
++.hamburger span, .nav-toggle span {
++  background-color: #7a7a7a;
++  display: block;
++  height: 1px;
++  left: 50%;
++  margin-left: -7px;
++  position: absolute;
++  top: 50%;
++  -webkit-transition: none 86ms ease-out;
++  transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
++  width: 15px;
  }
  
- .nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
-   padding-left: 0;
 -@media screen and (min-width: 769px) {
 -  .nav-right {
 -    -webkit-box-align: stretch;
 -        -ms-flex-align: stretch;
 -            align-items: stretch;
 -    display: -webkit-box;
 -    display: -ms-flexbox;
 -    display: flex;
 -    -ms-flex-preferred-size: 0;
 -        flex-basis: 0;
 -    -webkit-box-flex: 1;
 -        -ms-flex-positive: 1;
 -            flex-grow: 1;
 -    -ms-flex-negative: 0;
 -        flex-shrink: 0;
 -    -webkit-box-pack: end;
 -        -ms-flex-pack: end;
 -            justify-content: flex-end;
 -  }
++.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
++  margin-top: -6px;
  }
  
- .nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
-   padding-right: 0;
 -.nav {
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -          align-items: stretch;
 -  background-color: white;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  min-height: 50px;
 -  position: relative;
 -  text-align: center;
 -  z-index: 2;
++.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
++  margin-top: -1px;
  }
  
- .container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
-   padding-left: 0;
 -.nav > .container {
 -  -webkit-box-align: stretch;
 -      -ms-flex-align: stretch;
 -          align-items: stretch;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  min-height: 50px;
 -  width: 100%;
++.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
++  margin-top: 4px;
  }
  
- .container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
-   padding-right: 0;
 -.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
 -  padding-left: 0;
++.hamburger:hover, .nav-toggle:hover {
++  background-color: whitesmoke;
  }
  
- .nav.has-shadow {
-   box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1);
 -.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
 -  padding-right: 0;
++.hamburger.is-active span, .is-active.nav-toggle span {
++  background-color: #11e4c4;
  }
  
- @media screen and (max-width: 979px) {
-   .nav > .container > .nav-left > .nav-item.is-brand:first-child,
-   .container > .nav > .nav-left > .nav-item.is-brand:first-child {
-     padding-left: 20px;
-   }
 -.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
 -  padding-left: 0;
++.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
++  margin-left: -5px;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
  }
  
- .pagination {
-   align-items: center;
-   display: flex;
-   justify-content: center;
-   text-align: center;
 -.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
 -  padding-right: 0;
++.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
++  opacity: 0;
  }
  
- .pagination a {
-   display: block;
-   min-width: 32px;
-   padding: 3px 8px;
 -.nav.has-shadow {
 -  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1);
++.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
++  margin-left: -5px;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
  }
  
- .pagination span {
-   color: #b5b5b5;
 -@media screen and (max-width: 979px) {
 -  .nav > .container > .nav-left > .nav-item.is-brand:first-child,
 -  .container > .nav > .nav-left > .nav-item.is-brand:first-child {
 -    padding-left: 20px;
 -  }
++.heading {
 +  display: block;
-   margin: 0 4px;
++  font-size: 11px;
++  letter-spacing: 1px;
++  margin-bottom: 5px;
++  text-transform: uppercase;
  }
  
- .pagination li {
-   margin: 0 2px;
 -.pagination {
 -  -webkit-box-align: center;
 -      -ms-flex-align: center;
 -          align-items: center;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
 -  text-align: center;
++.highlight {
++  font-size: 12px;
++  font-weight: normal;
++  max-width: 100%;
++  overflow: hidden;
++  padding: 0;
  }
  
- .pagination ul {
-   align-items: center;
-   display: flex;
-   flex-grow: 1;
-   flex-shrink: 0;
-   justify-content: center;
 -.pagination a {
 -  display: block;
 -  min-width: 32px;
 -  padding: 3px 8px;
++.highlight pre {
++  overflow: auto;
++  max-width: 100%;
  }
  
- @media screen and (max-width: 768px) {
-   .pagination {
-     flex-wrap: wrap;
-   }
-   .pagination > a {
-     width: calc(50% - 5px);
-   }
-   .pagination > a:not(:first-child) {
-     margin-left: 10px;
-   }
-   .pagination li {
-     flex-grow: 1;
-     flex-shrink: 0;
-   }
-   .pagination ul {
-     margin-top: 10px;
-   }
 -.pagination span {
 -  color: #b5b5b5;
++.loader, .button.is-loading:after, .control.is-loading:after {
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
++  border: 2px solid #dbdbdb;
++  border-radius: 290486px;
++  border-right-color: transparent;
++  border-top-color: transparent;
++  content: "";
+   display: block;
 -  margin: 0 4px;
++  height: 16px;
++  position: relative;
++  width: 16px;
  }
  
- @media screen and (min-width: 769px) {
-   .pagination > a:not(:first-child) {
-     order: 1;
-   }
 -.pagination li {
 -  margin: 0 2px;
++.number {
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  display: inline-block;
++  font-size: 18px;
++  vertical-align: top;
  }
  
- .panel-icon {
-   display: inline-block;
-   font-size: 14px;
-   height: 16px;
 -.pagination ul {
++.tag {
+   -webkit-box-align: center;
+       -ms-flex-align: center;
+           align-items: center;
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  -webkit-box-flex: 1;
 -      -ms-flex-positive: 1;
 -          flex-grow: 1;
 -  -ms-flex-negative: 0;
 -      flex-shrink: 0;
++  background-color: whitesmoke;
++  border-radius: 290486px;
++  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
++  display: inline-flex;
++  font-size: 12px;
++  height: 24px;
+   -webkit-box-pack: center;
+       -ms-flex-pack: center;
+           justify-content: center;
 +  line-height: 16px;
-   text-align: center;
++  padding-left: 10px;
++  padding-right: 10px;
 +  vertical-align: top;
-   width: 16px;
-   color: #b5b5b5;
-   float: left;
-   margin: 0 4px 0 -2px;
++  white-space: nowrap;
  }
  
- .panel-icon .fa {
-   font-size: inherit;
-   line-height: inherit;
 -@media screen and (max-width: 768px) {
 -  .pagination {
 -    -ms-flex-wrap: wrap;
 -        flex-wrap: wrap;
 -  }
 -  .pagination > a {
 -    width: calc(50% - 5px);
 -  }
 -  .pagination > a:not(:first-child) {
 -    margin-left: 10px;
 -  }
 -  .pagination li {
 -    -webkit-box-flex: 1;
 -        -ms-flex-positive: 1;
 -            flex-grow: 1;
 -    -ms-flex-negative: 0;
 -        flex-shrink: 0;
 -  }
 -  .pagination ul {
 -    margin-top: 10px;
 -  }
 -}
 -
 -@media screen and (min-width: 769px) {
 -  .pagination > a:not(:first-child) {
 -    -webkit-box-ordinal-group: 2;
 -        -ms-flex-order: 1;
 -            order: 1;
 -  }
++.tag .delete, .tag .modal-close {
++  margin-left: 4px;
++  margin-right: -6px;
  }
  
- .panel-heading {
-   background-color: whitesmoke;
-   border-bottom: 1px solid #dbdbdb;
-   border-radius: 4px 4px 0 0;
-   color: #242424;
-   font-size: 18px;
-   font-weight: 300;
-   padding: 10px;
 -.panel-icon {
 -  display: inline-block;
 -  font-size: 14px;
 -  height: 16px;
 -  line-height: 16px;
 -  text-align: center;
 -  vertical-align: top;
 -  width: 16px;
 -  color: #b5b5b5;
 -  float: left;
 -  margin: 0 4px 0 -2px;
++.tag.is-white {
++  background-color: white;
++  color: #121212;
  }
  
- .panel-list a {
 -.panel-icon .fa {
 -  font-size: inherit;
 -  line-height: inherit;
++.tag.is-black {
++  background-color: #121212;
++  color: white;
+ }
+ 
 -.panel-heading {
++.tag.is-light {
+   background-color: whitesmoke;
 -  border-bottom: 1px solid #dbdbdb;
 -  border-radius: 4px 4px 0 0;
 -  color: #242424;
 -  font-size: 18px;
 -  font-weight: 300;
 -  padding: 10px;
 +  color: #7a7a7a;
  }
  
- .panel-list a:hover {
-   color: #11e4c4;
 -.panel-list a {
 -  color: #7a7a7a;
++.tag.is-dark {
++  background-color: #7a7a7a;
++  color: whitesmoke;
  }
  
- .panel-tabs {
-   display: flex;
-   font-size: 11px;
-   padding: 5px 10px 0;
-   justify-content: center;
 -.panel-list a:hover {
 -  color: #11e4c4;
++.tag.is-primary {
++  background-color: #11e4c4;
++  color: white;
  }
  
- .panel-tabs a {
-   border-bottom: 1px solid #dbdbdb;
-   margin-bottom: -1px;
-   padding: 5px;
 -.panel-tabs {
 -  display: -webkit-box;
 -  display: -ms-flexbox;
 -  display: flex;
 -  font-size: 11px;
 -  padding: 5px 10px 0;
 -  -webkit-box-pack: center;
 -      -ms-flex-pack: center;
 -          justify-content: center;
++.tag.is-info {
++  background-color: #0f6bff;
++  color: white;
  }
  
- .panel-tabs a.is-active {
-   border-bottom-color: #242424;
-   color: #242424;
 -.panel-tabs a {
 -  border-bottom: 1px solid #dbdbdb;
 -  margin-bottom: -1px;
 -  padding: 5px;
++.tag.is-success {
++  background-color: #20ee68;
++  color: white;
  }
  
- .panel-tabs:not(:last-child) {
-   border-bottom: 1px solid #dbdbdb;
 -.panel-tabs a.is-active {
 -  border-bottom-color: #242424;
 -  color: #242424;
++.tag.is-warning {
++  background-color: #ffcf0f;
++  color: white;
  }
  
- .panel-block {
-   color: #242424;
-   display: block;
-   line-height: 16px;
-   padding: 10px;
 -.panel-tabs:not(:last-child) {
 -  border-bottom: 1px solid #dbdbdb;
++.tag.is-danger {
++  background-color: #ff0f3f;
++  color: white;
  }
  
- .panel-block:not(:last-child) {
-   border-bottom: 1px solid #dbdbdb;
 -.panel-block {
 -  color: #242424;
 -  display: block;
 -  line-height: 16px;
 -  padding: 10px;
++.tag.is-small {
++  font-size: 11px;
++  height: 20px;
++  padding-left: 8px;
++  padding-right: 8px;
  }
  
- a.panel-block:hover {
-   background-color: whitesmoke;
 -.panel-block:not(:last-child) {
 -  border-bottom: 1px solid #dbdbdb;
++.tag.is-medium {
++  font-size: 14px;
++  height: 32px;
++  padding-left: 14px;
++  padding-right: 14px;
  }
  
- .panel {
-   border: 1px solid #dbdbdb;
-   border-radius: 5px;
 -a.panel-block:hover {
 -  background-color: whitesmoke;
++.tag.is-large {
++  font-size: 18px;
++  height: 40px;
++  line-height: 24px;
++  padding-left: 18px;
++  padding-right: 18px;
  }
  
- .panel:not(:last-child) {
-   margin-bottom: 20px;
 -.panel {
 -  border: 1px solid #dbdbdb;
 -  border-radius: 5px;
++.tag.is-large .delete, .tag.is-large .modal-close {
++  margin-left: 4px;
++  margin-right: -8px;
+ }
+ 
 -.panel:not(:last-child) {
 -  margin-bottom: 20px;
++.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy,
++.highlight .expand {
++  -webkit-touch-callout: none;
++  -webkit-user-select: none;
++  -moz-user-select: none;
++  -ms-user-select: none;
++  user-select: none;
  }
  
  .tabs {