undefined@charset "UTF-8";
@import 'https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css';
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
 .button, .modal .buttons-fw > a, a.button, .product-sticky > .buttons a, .modal .product-sticky > .buttons-fw a {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
 .button:focus, .modal .buttons-fw > a:focus, .product-sticky > .buttons a:focus, .modal .product-sticky > .buttons-fw a:focus, .button:active, .modal .buttons-fw > a:active, .product-sticky > .buttons a:active, .modal .product-sticky > .buttons-fw a:active, .is-active.button, .modal .buttons-fw > a.is-active, .button.modal:target, .modal .buttons-fw > a.modal:target, .product-sticky > .buttons a.is-active, .modal .product-sticky > .buttons-fw a.is-active, .product-sticky > .buttons a.modal:target, .modal .product-sticky > .buttons-fw a.modal:target {
  outline: none;
}

.is-unselectable, .file, .button, .modal .buttons-fw > a, a.button, .product-sticky > .buttons a, .modal .product-sticky > .buttons-fw a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

 .message:not(:last-child), .level:not(:last-child), .block:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .content:not(:last-child) {
  margin-bottom: 1.5rem;
}

 .delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10.2, 10.2, 10.2, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
 .delete::before, .delete::after {
  background-color: hsl(0, 0%, 100%);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
 .delete::before {
  height: 2px;
  width: 50%;
}
 .delete::after {
  height: 50%;
  width: 2px;
}
 .delete:hover, .delete:focus {
  background-color: rgba(10.2, 10.2, 10.2, 0.3);
}
 .delete:active {
  background-color: rgba(10.2, 10.2, 10.2, 0.4);
}

 .modal-background, .modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
figure,
iframe,
h1,
h2 {
  margin: 0;
  padding: 0;
}

h1,
h2 {
  font-size: 100%;
  font-weight: normal;
}

button {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

html {
  background-color: hsl(0, 0%, 100%);
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
figure,
footer,
header,
section {
  display: block;
}

body,
button {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body {
  color: hsl(0, 0%, 29%);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: hsl(229, 53%, 53%);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: hsl(0, 0%, 21%);
}

img {
  height: auto;
  max-width: 100%;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: hsl(0, 0%, 21%);
  font-weight: 700;
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Bulma Elements */

.button, .modal .buttons-fw > a, a.button, .product-sticky > .buttons a, .modal .product-sticky > .buttons-fw a {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  border-width: 1px;
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button strong, .modal .buttons-fw > a strong, .product-sticky > .buttons a strong, .modal .product-sticky > .buttons-fw a strong {
  color: inherit;
}
.button .icon, .modal .buttons-fw > a .icon, .product-sticky > .buttons a .icon, .modal .product-sticky > .buttons-fw a .icon {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child), .modal .buttons-fw > a .icon:first-child:not(:last-child), .product-sticky > .buttons a .icon:first-child:not(:last-child), .modal .product-sticky > .buttons-fw a .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child), .modal .buttons-fw > a .icon:last-child:not(:first-child), .product-sticky > .buttons a .icon:last-child:not(:first-child), .modal .product-sticky > .buttons-fw a .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child, .modal .buttons-fw > a .icon:first-child:last-child, .product-sticky > .buttons a .icon:first-child:last-child, .modal .product-sticky > .buttons-fw a .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .modal .buttons-fw > a:hover, .product-sticky > .buttons a:hover, .modal .product-sticky > .buttons-fw a:hover {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.button:focus, .modal .buttons-fw > a:focus, .product-sticky > .buttons a:focus, .modal .product-sticky > .buttons-fw a:focus {
  border-color: hsl(229, 53%, 53%);
  color: hsl(0, 0%, 21%);
}
.button:focus:not(:active), .modal .buttons-fw > a:focus:not(:active), .product-sticky > .buttons a:focus:not(:active), .modal .product-sticky > .buttons-fw a:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25);
}
.button:active, .modal .buttons-fw > a:active, .product-sticky > .buttons a:active, .modal .product-sticky > .buttons-fw a:active, .button.is-active, .modal .buttons-fw > a.is-active, .button.modal:target, .modal .buttons-fw > a.modal:target, .product-sticky > .buttons a.is-active, .modal .product-sticky > .buttons-fw a.is-active, .product-sticky > .buttons a.modal:target, .modal .product-sticky > .buttons-fw a.modal:target {
  border-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}
.button.is-light, .modal .buttons-fw > a, .product-sticky > .buttons a, .modal .product-sticky > .buttons-fw a {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .modal .buttons-fw > a:hover, .product-sticky > .buttons a:hover, .modal .product-sticky > .buttons-fw a:hover {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .modal .buttons-fw > a:focus, .product-sticky > .buttons a:focus, .modal .product-sticky > .buttons-fw a:focus {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .modal .buttons-fw > a:focus:not(:active), .product-sticky > .buttons a:focus:not(:active), .modal .product-sticky > .buttons-fw a:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
}
.button.is-light:active, .modal .buttons-fw > a:active, .product-sticky > .buttons a:active, .modal .product-sticky > .buttons-fw a:active, .button.is-light.is-active, .modal .buttons-fw > a.is-active, .button.is-light.modal:target, .modal .buttons-fw > a.modal:target, .product-sticky > .buttons a.is-active, .modal .product-sticky > .buttons-fw a.is-active, .product-sticky > .buttons a.modal:target, .modal .product-sticky > .buttons-fw a.modal:target {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark, .modal .buttons-fw > a.is-dark, .product-sticky > .buttons a.is-dark, .modal .product-sticky > .buttons-fw a.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:hover, .modal .buttons-fw > a.is-dark:hover, .product-sticky > .buttons a.is-dark:hover, .modal .product-sticky > .buttons-fw a.is-dark:hover {
  background-color: hsl(0, 0%, 18.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus, .modal .buttons-fw > a.is-dark:focus, .product-sticky > .buttons a.is-dark:focus, .modal .product-sticky > .buttons-fw a.is-dark:focus {
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus:not(:active), .modal .buttons-fw > a.is-dark:focus:not(:active), .product-sticky > .buttons a.is-dark:focus:not(:active), .modal .product-sticky > .buttons-fw a.is-dark:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25);
}
.button.is-dark:active, .modal .buttons-fw > a.is-dark:active, .product-sticky > .buttons a.is-dark:active, .modal .product-sticky > .buttons-fw a.is-dark:active, .button.is-dark.is-active, .modal .buttons-fw > a.is-dark.is-active, .button.is-dark.modal:target, .modal .buttons-fw > a.is-dark.modal:target, .product-sticky > .buttons a.is-dark.is-active, .modal .product-sticky > .buttons-fw a.is-dark.is-active, .product-sticky > .buttons a.is-dark.modal:target, .modal .product-sticky > .buttons-fw a.is-dark.modal:target {
  background-color: hsl(0, 0%, 16%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary, .modal .buttons-fw > a.is-primary, .product-sticky > .buttons a.is-primary, .modal .product-sticky > .buttons-fw a.is-primary {
  background-color: hsl(171, 100%, 41%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .modal .buttons-fw > a.is-primary:hover, .product-sticky > .buttons a.is-primary:hover, .modal .product-sticky > .buttons-fw a.is-primary:hover {
  background-color: hsl(171, 100%, 38.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .modal .buttons-fw > a.is-primary:focus, .product-sticky > .buttons a.is-primary:focus, .modal .product-sticky > .buttons-fw a.is-primary:focus {
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus:not(:active), .modal .buttons-fw > a.is-primary:focus:not(:active), .product-sticky > .buttons a.is-primary:focus:not(:active), .modal .product-sticky > .buttons-fw a.is-primary:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25);
}
.button.is-primary:active, .modal .buttons-fw > a.is-primary:active, .product-sticky > .buttons a.is-primary:active, .modal .product-sticky > .buttons-fw a.is-primary:active, .button.is-primary.is-active, .modal .buttons-fw > a.is-primary.is-active, .button.is-primary.modal:target, .modal .buttons-fw > a.is-primary.modal:target, .product-sticky > .buttons a.is-primary.is-active, .modal .product-sticky > .buttons-fw a.is-primary.is-active, .product-sticky > .buttons a.is-primary.modal:target, .modal .product-sticky > .buttons-fw a.is-primary.modal:target {
  background-color: hsl(171, 100%, 36%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary.is-light, .modal .buttons-fw > a.is-primary, .product-sticky > .buttons a.is-primary, .modal .product-sticky > .buttons-fw a.is-primary {
  background-color: hsl(171, 100%, 96%);
  color: hsl(171, 100%, 29%);
}
.button.is-primary.is-light:hover, .modal .buttons-fw > a.is-primary:hover, .product-sticky > .buttons a.is-primary:hover, .modal .product-sticky > .buttons-fw a.is-primary:hover {
  background-color: hsl(171, 100%, 93.5%);
  border-color: transparent;
  color: hsl(171, 100%, 29%);
}
.button.is-primary.is-light:active, .modal .buttons-fw > a.is-primary:active, .product-sticky > .buttons a.is-primary:active, .modal .product-sticky > .buttons-fw a.is-primary:active, .button.is-primary.is-light.is-active, .modal .buttons-fw > a.is-primary.is-active, .button.is-primary.is-light.modal:target, .modal .buttons-fw > a.is-primary.modal:target, .product-sticky > .buttons a.is-primary.is-active, .modal .product-sticky > .buttons-fw a.is-primary.is-active, .product-sticky > .buttons a.is-primary.modal:target, .modal .product-sticky > .buttons-fw a.is-primary.modal:target {
  background-color: hsl(171, 100%, 91%);
  border-color: transparent;
  color: hsl(171, 100%, 29%);
}
.button.is-info, .modal .buttons-fw > a.is-info, .product-sticky > .buttons a.is-info, .modal .product-sticky > .buttons-fw a.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .modal .buttons-fw > a.is-info:hover, .product-sticky > .buttons a.is-info:hover, .modal .product-sticky > .buttons-fw a.is-info:hover {
  background-color: hsl(207, 61%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .modal .buttons-fw > a.is-info:focus, .product-sticky > .buttons a.is-info:focus, .modal .product-sticky > .buttons-fw a.is-info:focus {
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus:not(:active), .modal .buttons-fw > a.is-info:focus:not(:active), .product-sticky > .buttons a.is-info:focus:not(:active), .modal .product-sticky > .buttons-fw a.is-info:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.button.is-info:active, .modal .buttons-fw > a.is-info:active, .product-sticky > .buttons a.is-info:active, .modal .product-sticky > .buttons-fw a.is-info:active, .button.is-info.is-active, .modal .buttons-fw > a.is-info.is-active, .button.is-info.modal:target, .modal .buttons-fw > a.is-info.modal:target, .product-sticky > .buttons a.is-info.is-active, .modal .product-sticky > .buttons-fw a.is-info.is-active, .product-sticky > .buttons a.is-info.modal:target, .modal .product-sticky > .buttons-fw a.is-info.modal:target {
  background-color: hsl(207, 61%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-info.is-light, .modal .buttons-fw > a.is-info, .product-sticky > .buttons a.is-info, .modal .product-sticky > .buttons-fw a.is-info {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.button.is-info.is-light:hover, .modal .buttons-fw > a.is-info:hover, .product-sticky > .buttons a.is-info:hover, .modal .product-sticky > .buttons-fw a.is-info:hover {
  background-color: hsl(207, 61%, 93.5%);
  border-color: transparent;
  color: hsl(207, 61%, 41%);
}
.button.is-info.is-light:active, .modal .buttons-fw > a.is-info:active, .product-sticky > .buttons a.is-info:active, .modal .product-sticky > .buttons-fw a.is-info:active, .button.is-info.is-light.is-active, .modal .buttons-fw > a.is-info.is-active, .button.is-info.is-light.modal:target, .modal .buttons-fw > a.is-info.modal:target, .product-sticky > .buttons a.is-info.is-active, .modal .product-sticky > .buttons-fw a.is-info.is-active, .product-sticky > .buttons a.is-info.modal:target, .modal .product-sticky > .buttons-fw a.is-info.modal:target {
  background-color: hsl(207, 61%, 91%);
  border-color: transparent;
  color: hsl(207, 61%, 41%);
}
.button.is-success, .modal .buttons-fw > a.is-success, .product-sticky > .buttons a.is-success, .modal .product-sticky > .buttons-fw a.is-success {
  background-color: hsl(153, 53%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .modal .buttons-fw > a.is-success:hover, .product-sticky > .buttons a.is-success:hover, .modal .product-sticky > .buttons-fw a.is-success:hover {
  background-color: hsl(153, 53%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .modal .buttons-fw > a.is-success:focus, .product-sticky > .buttons a.is-success:focus, .modal .product-sticky > .buttons-fw a.is-success:focus {
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus:not(:active), .modal .buttons-fw > a.is-success:focus:not(:active), .product-sticky > .buttons a.is-success:focus:not(:active), .modal .product-sticky > .buttons-fw a.is-success:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25);
}
.button.is-success:active, .modal .buttons-fw > a.is-success:active, .product-sticky > .buttons a.is-success:active, .modal .product-sticky > .buttons-fw a.is-success:active, .button.is-success.is-active, .modal .buttons-fw > a.is-success.is-active, .button.is-success.modal:target, .modal .buttons-fw > a.is-success.modal:target, .product-sticky > .buttons a.is-success.is-active, .modal .product-sticky > .buttons-fw a.is-success.is-active, .product-sticky > .buttons a.is-success.modal:target, .modal .product-sticky > .buttons-fw a.is-success.modal:target {
  background-color: hsl(153, 53%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-success.is-light, .modal .buttons-fw > a.is-success, .product-sticky > .buttons a.is-success, .modal .product-sticky > .buttons-fw a.is-success {
  background-color: hsl(153, 53%, 96%);
  color: hsl(153, 53%, 31%);
}
.button.is-success.is-light:hover, .modal .buttons-fw > a.is-success:hover, .product-sticky > .buttons a.is-success:hover, .modal .product-sticky > .buttons-fw a.is-success:hover {
  background-color: hsl(153, 53%, 93.5%);
  border-color: transparent;
  color: hsl(153, 53%, 31%);
}
.button.is-success.is-light:active, .modal .buttons-fw > a.is-success:active, .product-sticky > .buttons a.is-success:active, .modal .product-sticky > .buttons-fw a.is-success:active, .button.is-success.is-light.is-active, .modal .buttons-fw > a.is-success.is-active, .button.is-success.is-light.modal:target, .modal .buttons-fw > a.is-success.modal:target, .product-sticky > .buttons a.is-success.is-active, .modal .product-sticky > .buttons-fw a.is-success.is-active, .product-sticky > .buttons a.is-success.modal:target, .modal .product-sticky > .buttons-fw a.is-success.modal:target {
  background-color: hsl(153, 53%, 91%);
  border-color: transparent;
  color: hsl(153, 53%, 31%);
}
.button.is-warning, .modal .buttons-fw > a.is-warning, .product-sticky > .buttons a.is-warning, .modal .product-sticky > .buttons-fw a.is-warning {
  background-color: hsl(44, 100%, 77%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover, .modal .buttons-fw > a.is-warning:hover, .product-sticky > .buttons a.is-warning:hover, .modal .product-sticky > .buttons-fw a.is-warning:hover {
  background-color: hsl(44, 100%, 74.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus, .modal .buttons-fw > a.is-warning:focus, .product-sticky > .buttons a.is-warning:focus, .modal .product-sticky > .buttons-fw a.is-warning:focus {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus:not(:active), .modal .buttons-fw > a.is-warning:focus:not(:active), .product-sticky > .buttons a.is-warning:focus:not(:active), .modal .product-sticky > .buttons-fw a.is-warning:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25);
}
.button.is-warning:active, .modal .buttons-fw > a.is-warning:active, .product-sticky > .buttons a.is-warning:active, .modal .product-sticky > .buttons-fw a.is-warning:active, .button.is-warning.is-active, .modal .buttons-fw > a.is-warning.is-active, .button.is-warning.modal:target, .modal .buttons-fw > a.is-warning.modal:target, .product-sticky > .buttons a.is-warning.is-active, .modal .product-sticky > .buttons-fw a.is-warning.is-active, .product-sticky > .buttons a.is-warning.modal:target, .modal .product-sticky > .buttons-fw a.is-warning.modal:target {
  background-color: hsl(44, 100%, 72%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-light, .modal .buttons-fw > a.is-warning, .product-sticky > .buttons a.is-warning, .modal .product-sticky > .buttons-fw a.is-warning {
  background-color: hsl(44, 100%, 96%);
  color: hsl(44, 100%, 29%);
}
.button.is-warning.is-light:hover, .modal .buttons-fw > a.is-warning:hover, .product-sticky > .buttons a.is-warning:hover, .modal .product-sticky > .buttons-fw a.is-warning:hover {
  background-color: hsl(44, 100%, 93.5%);
  border-color: transparent;
  color: hsl(44, 100%, 29%);
}
.button.is-warning.is-light:active, .modal .buttons-fw > a.is-warning:active, .product-sticky > .buttons a.is-warning:active, .modal .product-sticky > .buttons-fw a.is-warning:active, .button.is-warning.is-light.is-active, .modal .buttons-fw > a.is-warning.is-active, .button.is-warning.is-light.modal:target, .modal .buttons-fw > a.is-warning.modal:target, .product-sticky > .buttons a.is-warning.is-active, .modal .product-sticky > .buttons-fw a.is-warning.is-active, .product-sticky > .buttons a.is-warning.modal:target, .modal .product-sticky > .buttons-fw a.is-warning.modal:target {
  background-color: hsl(44, 100%, 91%);
  border-color: transparent;
  color: hsl(44, 100%, 29%);
}
.button.is-danger, .modal .buttons-fw > a.is-danger, .product-sticky > .buttons a.is-danger, .modal .product-sticky > .buttons-fw a.is-danger {
  background-color: hsl(348, 86%, 61%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .modal .buttons-fw > a.is-danger:hover, .product-sticky > .buttons a.is-danger:hover, .modal .product-sticky > .buttons-fw a.is-danger:hover {
  background-color: hsl(348, 86%, 58.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .modal .buttons-fw > a.is-danger:focus, .product-sticky > .buttons a.is-danger:focus, .modal .product-sticky > .buttons-fw a.is-danger:focus {
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus:not(:active), .modal .buttons-fw > a.is-danger:focus:not(:active), .product-sticky > .buttons a.is-danger:focus:not(:active), .modal .product-sticky > .buttons-fw a.is-danger:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25);
}
.button.is-danger:active, .modal .buttons-fw > a.is-danger:active, .product-sticky > .buttons a.is-danger:active, .modal .product-sticky > .buttons-fw a.is-danger:active, .button.is-danger.is-active, .modal .buttons-fw > a.is-danger.is-active, .button.is-danger.modal:target, .modal .buttons-fw > a.is-danger.modal:target, .product-sticky > .buttons a.is-danger.is-active, .modal .product-sticky > .buttons-fw a.is-danger.is-active, .product-sticky > .buttons a.is-danger.modal:target, .modal .product-sticky > .buttons-fw a.is-danger.modal:target {
  background-color: hsl(348, 86%, 56%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger.is-light, .modal .buttons-fw > a.is-danger, .product-sticky > .buttons a.is-danger, .modal .product-sticky > .buttons-fw a.is-danger {
  background-color: hsl(348, 86%, 96%);
  color: hsl(348, 86%, 43%);
}
.button.is-danger.is-light:hover, .modal .buttons-fw > a.is-danger:hover, .product-sticky > .buttons a.is-danger:hover, .modal .product-sticky > .buttons-fw a.is-danger:hover {
  background-color: hsl(348, 86%, 93.5%);
  border-color: transparent;
  color: hsl(348, 86%, 43%);
}
.button.is-danger.is-light:active, .modal .buttons-fw > a.is-danger:active, .product-sticky > .buttons a.is-danger:active, .modal .product-sticky > .buttons-fw a.is-danger:active, .button.is-danger.is-light.is-active, .modal .buttons-fw > a.is-danger.is-active, .button.is-danger.is-light.modal:target, .modal .buttons-fw > a.is-danger.modal:target, .product-sticky > .buttons a.is-danger.is-active, .modal .product-sticky > .buttons-fw a.is-danger.is-active, .product-sticky > .buttons a.is-danger.modal:target, .modal .product-sticky > .buttons-fw a.is-danger.modal:target {
  background-color: hsl(348, 86%, 91%);
  border-color: transparent;
  color: hsl(348, 86%, 43%);
}
 .modal .buttons-fw > a {
  display: flex;
  width: 100%;
}

.buttons, .modal .buttons-fw {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button, .modal .buttons-fw .button, .modal .buttons-fw > a, .product-sticky > .buttons a, .modal .product-sticky > .buttons-fw a {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth), .modal .buttons-fw .button:not(:last-child):not(.is-fullwidth), .modal .buttons-fw > a:not(:last-child):not(.is-fullwidth), .product-sticky > .buttons a:not(:last-child):not(.is-fullwidth), .modal .product-sticky > .buttons-fw a:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child, .modal .buttons-fw:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child), .modal .buttons-fw:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.has-addons .button:not(:first-child), .buttons.has-addons .modal .buttons-fw > a:not(:first-child), .modal .buttons.has-addons .buttons-fw > a:not(:first-child), .modal .has-addons.buttons-fw .button:not(:first-child), .modal .has-addons.buttons-fw .buttons-fw > a:not(:first-child), .buttons.has-addons .product-sticky > .buttons a:not(:first-child), .modal .has-addons.buttons-fw .product-sticky > .buttons a:not(:first-child), .buttons.has-addons .modal .product-sticky > .buttons-fw a:not(:first-child), .modal .buttons.has-addons .product-sticky > .buttons-fw a:not(:first-child), .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:not(:first-child), .product-sticky > .buttons .buttons.has-addons a:not(:first-child), .modal .product-sticky > .buttons-fw .buttons.has-addons a:not(:first-child), .product-sticky > .buttons .modal .has-addons.buttons-fw a:not(:first-child), .modal .product-sticky > .buttons .has-addons.buttons-fw a:not(:first-child), .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child), .buttons.has-addons .modal .buttons-fw > a:not(:last-child), .modal .buttons.has-addons .buttons-fw > a:not(:last-child), .modal .has-addons.buttons-fw .button:not(:last-child), .modal .has-addons.buttons-fw .buttons-fw > a:not(:last-child), .buttons.has-addons .product-sticky > .buttons a:not(:last-child), .modal .has-addons.buttons-fw .product-sticky > .buttons a:not(:last-child), .buttons.has-addons .modal .product-sticky > .buttons-fw a:not(:last-child), .modal .buttons.has-addons .product-sticky > .buttons-fw a:not(:last-child), .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:not(:last-child), .product-sticky > .buttons .buttons.has-addons a:not(:last-child), .modal .product-sticky > .buttons-fw .buttons.has-addons a:not(:last-child), .product-sticky > .buttons .modal .has-addons.buttons-fw a:not(:last-child), .modal .product-sticky > .buttons .has-addons.buttons-fw a:not(:last-child), .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child, .buttons.has-addons .modal .buttons-fw > a:last-child, .modal .buttons.has-addons .buttons-fw > a:last-child, .modal .has-addons.buttons-fw .button:last-child, .modal .has-addons.buttons-fw .buttons-fw > a:last-child, .buttons.has-addons .product-sticky > .buttons a:last-child, .modal .has-addons.buttons-fw .product-sticky > .buttons a:last-child, .buttons.has-addons .modal .product-sticky > .buttons-fw a:last-child, .modal .buttons.has-addons .product-sticky > .buttons-fw a:last-child, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:last-child, .product-sticky > .buttons .buttons.has-addons a:last-child, .modal .product-sticky > .buttons-fw .buttons.has-addons a:last-child, .product-sticky > .buttons .modal .has-addons.buttons-fw a:last-child, .modal .product-sticky > .buttons .has-addons.buttons-fw a:last-child, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .modal .buttons-fw > a:hover, .modal .buttons.has-addons .buttons-fw > a:hover, .modal .has-addons.buttons-fw .button:hover, .modal .has-addons.buttons-fw .buttons-fw > a:hover, .buttons.has-addons .product-sticky > .buttons a:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons a:hover, .buttons.has-addons .modal .product-sticky > .buttons-fw a:hover, .modal .buttons.has-addons .product-sticky > .buttons-fw a:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:hover, .product-sticky > .buttons .buttons.has-addons a:hover, .modal .product-sticky > .buttons-fw .buttons.has-addons a:hover, .product-sticky > .buttons .modal .has-addons.buttons-fw a:hover, .modal .product-sticky > .buttons .has-addons.buttons-fw a:hover, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:hover {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .modal .buttons-fw > a:focus, .modal .buttons.has-addons .buttons-fw > a:focus, .modal .has-addons.buttons-fw .button:focus, .modal .has-addons.buttons-fw .buttons-fw > a:focus, .buttons.has-addons .product-sticky > .buttons a:focus, .modal .has-addons.buttons-fw .product-sticky > .buttons a:focus, .buttons.has-addons .modal .product-sticky > .buttons-fw a:focus, .modal .buttons.has-addons .product-sticky > .buttons-fw a:focus, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:focus, .product-sticky > .buttons .buttons.has-addons a:focus, .modal .product-sticky > .buttons-fw .buttons.has-addons a:focus, .product-sticky > .buttons .modal .has-addons.buttons-fw a:focus, .modal .product-sticky > .buttons .has-addons.buttons-fw a:focus, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:focus, .buttons.has-addons .button:active, .buttons.has-addons .modal .buttons-fw > a:active, .modal .buttons.has-addons .buttons-fw > a:active, .modal .has-addons.buttons-fw .button:active, .modal .has-addons.buttons-fw .buttons-fw > a:active, .buttons.has-addons .product-sticky > .buttons a:active, .modal .has-addons.buttons-fw .product-sticky > .buttons a:active, .buttons.has-addons .modal .product-sticky > .buttons-fw a:active, .modal .buttons.has-addons .product-sticky > .buttons-fw a:active, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:active, .product-sticky > .buttons .buttons.has-addons a:active, .modal .product-sticky > .buttons-fw .buttons.has-addons a:active, .product-sticky > .buttons .modal .has-addons.buttons-fw a:active, .modal .product-sticky > .buttons .has-addons.buttons-fw a:active, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:active, .buttons.has-addons .button.is-active, .buttons.has-addons .modal .buttons-fw > a.is-active, .modal .buttons.has-addons .buttons-fw > a.is-active, .modal .has-addons.buttons-fw .button.is-active, .modal .has-addons.buttons-fw .buttons-fw > a.is-active, .buttons.has-addons .button.modal:target, .buttons.has-addons .modal .buttons-fw > a.modal:target, .modal .buttons.has-addons .buttons-fw > a.modal:target, .modal .has-addons.buttons-fw .button.modal:target, .modal .has-addons.buttons-fw .buttons-fw > a.modal:target, .buttons.has-addons .product-sticky > .buttons a.is-active, .modal .has-addons.buttons-fw .product-sticky > .buttons a.is-active, .buttons.has-addons .modal .product-sticky > .buttons-fw a.is-active, .modal .buttons.has-addons .product-sticky > .buttons-fw a.is-active, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a.is-active, .buttons.has-addons .product-sticky > .buttons a.modal:target, .modal .has-addons.buttons-fw .product-sticky > .buttons a.modal:target, .buttons.has-addons .modal .product-sticky > .buttons-fw a.modal:target, .modal .buttons.has-addons .product-sticky > .buttons-fw a.modal:target, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a.modal:target, .product-sticky > .buttons .buttons.has-addons a.is-active, .modal .product-sticky > .buttons-fw .buttons.has-addons a.is-active, .product-sticky > .buttons .modal .has-addons.buttons-fw a.is-active, .modal .product-sticky > .buttons .has-addons.buttons-fw a.is-active, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a.is-active, .product-sticky > .buttons .buttons.has-addons a.modal:target, .modal .product-sticky > .buttons-fw .buttons.has-addons a.modal:target, .product-sticky > .buttons .modal .has-addons.buttons-fw a.modal:target, .modal .product-sticky > .buttons .has-addons.buttons-fw a.modal:target, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a.modal:target {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .modal .buttons-fw > a:focus:hover, .modal .buttons.has-addons .buttons-fw > a:focus:hover, .modal .has-addons.buttons-fw .button:focus:hover, .modal .has-addons.buttons-fw .buttons-fw > a:focus:hover, .buttons.has-addons .product-sticky > .buttons a:focus:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons a:focus:hover, .buttons.has-addons .modal .product-sticky > .buttons-fw a:focus:hover, .modal .buttons.has-addons .product-sticky > .buttons-fw a:focus:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:focus:hover, .product-sticky > .buttons .buttons.has-addons a:focus:hover, .modal .product-sticky > .buttons-fw .buttons.has-addons a:focus:hover, .product-sticky > .buttons .modal .has-addons.buttons-fw a:focus:hover, .modal .product-sticky > .buttons .has-addons.buttons-fw a:focus:hover, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:focus:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .modal .buttons-fw > a:active:hover, .modal .buttons.has-addons .buttons-fw > a:active:hover, .modal .has-addons.buttons-fw .button:active:hover, .modal .has-addons.buttons-fw .buttons-fw > a:active:hover, .buttons.has-addons .product-sticky > .buttons a:active:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons a:active:hover, .buttons.has-addons .modal .product-sticky > .buttons-fw a:active:hover, .modal .buttons.has-addons .product-sticky > .buttons-fw a:active:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a:active:hover, .product-sticky > .buttons .buttons.has-addons a:active:hover, .modal .product-sticky > .buttons-fw .buttons.has-addons a:active:hover, .product-sticky > .buttons .modal .has-addons.buttons-fw a:active:hover, .modal .product-sticky > .buttons .has-addons.buttons-fw a:active:hover, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .modal .buttons-fw > a.is-active:hover, .modal .buttons.has-addons .buttons-fw > a.is-active:hover, .modal .has-addons.buttons-fw .button.is-active:hover, .modal .has-addons.buttons-fw .buttons-fw > a.is-active:hover, .buttons.has-addons .button.modal:hover:target, .buttons.has-addons .modal .buttons-fw > a.modal:hover:target, .modal .buttons.has-addons .buttons-fw > a.modal:hover:target, .modal .has-addons.buttons-fw .button.modal:hover:target, .modal .has-addons.buttons-fw .buttons-fw > a.modal:hover:target, .buttons.has-addons .product-sticky > .buttons a.is-active:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons a.is-active:hover, .buttons.has-addons .modal .product-sticky > .buttons-fw a.is-active:hover, .modal .buttons.has-addons .product-sticky > .buttons-fw a.is-active:hover, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a.is-active:hover, .buttons.has-addons .product-sticky > .buttons a.modal:hover:target, .modal .has-addons.buttons-fw .product-sticky > .buttons a.modal:hover:target, .buttons.has-addons .modal .product-sticky > .buttons-fw a.modal:hover:target, .modal .buttons.has-addons .product-sticky > .buttons-fw a.modal:hover:target, .modal .has-addons.buttons-fw .product-sticky > .buttons-fw a.modal:hover:target, .product-sticky > .buttons .buttons.has-addons a.is-active:hover, .modal .product-sticky > .buttons-fw .buttons.has-addons a.is-active:hover, .product-sticky > .buttons .modal .has-addons.buttons-fw a.is-active:hover, .modal .product-sticky > .buttons .has-addons.buttons-fw a.is-active:hover, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a.is-active:hover, .product-sticky > .buttons .buttons.has-addons a.modal:hover:target, .modal .product-sticky > .buttons-fw .buttons.has-addons a.modal:hover:target, .product-sticky > .buttons .modal .has-addons.buttons-fw a.modal:hover:target, .modal .product-sticky > .buttons .has-addons.buttons-fw a.modal:hover:target, .modal .product-sticky > .buttons-fw .has-addons.buttons-fw a.modal:hover:target {
  z-index: 4;
}
.buttons.is-centered, .modal .is-centered.buttons-fw, .buttons.product-columns, .modal .product-columns.buttons-fw {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .modal .buttons-fw > a:not(.is-fullwidth), .modal .buttons.is-centered:not(.has-addons) .buttons-fw > a:not(.is-fullwidth), .modal .is-centered.buttons-fw:not(.has-addons) .button:not(.is-fullwidth), .modal .is-centered.buttons-fw:not(.has-addons) .buttons-fw > a:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .product-sticky > .buttons a:not(.is-fullwidth), .modal .is-centered.buttons-fw:not(.has-addons) .product-sticky > .buttons a:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .modal .product-sticky > .buttons-fw a:not(.is-fullwidth), .modal .buttons.is-centered:not(.has-addons) .product-sticky > .buttons-fw a:not(.is-fullwidth), .modal .is-centered.buttons-fw:not(.has-addons) .product-sticky > .buttons-fw a:not(.is-fullwidth), .product-sticky > .buttons .buttons.is-centered:not(.has-addons) a:not(.is-fullwidth), .modal .product-sticky > .buttons-fw .buttons.is-centered:not(.has-addons) a:not(.is-fullwidth), .product-sticky > .buttons .modal .is-centered.buttons-fw:not(.has-addons) a:not(.is-fullwidth), .modal .product-sticky > .buttons .is-centered.buttons-fw:not(.has-addons) a:not(.is-fullwidth), .modal .product-sticky > .buttons-fw .is-centered.buttons-fw:not(.has-addons) a:not(.is-fullwidth), .buttons.product-columns:not(.has-addons) .button:not(.is-fullwidth), .buttons.product-columns:not(.has-addons) .modal .buttons-fw > a:not(.is-fullwidth), .modal .buttons.product-columns:not(.has-addons) .buttons-fw > a:not(.is-fullwidth), .modal .product-columns.buttons-fw:not(.has-addons) .button:not(.is-fullwidth), .modal .product-columns.buttons-fw:not(.has-addons) .buttons-fw > a:not(.is-fullwidth), .buttons.product-columns:not(.has-addons) .product-sticky > .buttons a:not(.is-fullwidth), .modal .product-columns.buttons-fw:not(.has-addons) .product-sticky > .buttons a:not(.is-fullwidth), .buttons.product-columns:not(.has-addons) .modal .product-sticky > .buttons-fw a:not(.is-fullwidth), .modal .buttons.product-columns:not(.has-addons) .product-sticky > .buttons-fw a:not(.is-fullwidth), .modal .product-columns.buttons-fw:not(.has-addons) .product-sticky > .buttons-fw a:not(.is-fullwidth), .product-sticky > .buttons .buttons.product-columns:not(.has-addons) a:not(.is-fullwidth), .modal .product-sticky > .buttons-fw .buttons.product-columns:not(.has-addons) a:not(.is-fullwidth), .product-sticky > .buttons .modal .product-columns.buttons-fw:not(.has-addons) a:not(.is-fullwidth), .modal .product-sticky > .buttons .product-columns.buttons-fw:not(.has-addons) a:not(.is-fullwidth), .modal .product-sticky > .buttons-fw .product-columns.buttons-fw:not(.has-addons) a:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}
.content p:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2 {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
 .modal .buttons-fw > a.image {
  width: 100%;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

.tag:not(body) {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  color: hsl(0, 0%, 29%);
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-light, .modal .buttons-fw > a.tag:not(body), .product-sticky > .buttons a.tag:not(body), .modal .product-sticky > .buttons-fw a.tag:not(body) {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
  background-color: hsl(0, 0%, 21%);
  color: #fff;
}
.tag:not(body).is-primary {
  background-color: hsl(171, 100%, 41%);
  color: #fff;
}
.tag:not(body).is-primary.is-light, .modal .buttons-fw > a.tag:not(body).is-primary, .product-sticky > .buttons a.tag:not(body).is-primary, .modal .product-sticky > .buttons-fw a.tag:not(body).is-primary {
  background-color: hsl(171, 100%, 96%);
  color: hsl(171, 100%, 29%);
}
.tag:not(body).is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.tag:not(body).is-info.is-light, .modal .buttons-fw > a.tag:not(body).is-info, .product-sticky > .buttons a.tag:not(body).is-info, .modal .product-sticky > .buttons-fw a.tag:not(body).is-info {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.tag:not(body).is-success {
  background-color: hsl(153, 53%, 53%);
  color: #fff;
}
.tag:not(body).is-success.is-light, .modal .buttons-fw > a.tag:not(body).is-success, .product-sticky > .buttons a.tag:not(body).is-success, .modal .product-sticky > .buttons-fw a.tag:not(body).is-success {
  background-color: hsl(153, 53%, 96%);
  color: hsl(153, 53%, 31%);
}
.tag:not(body).is-warning {
  background-color: hsl(44, 100%, 77%);
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-warning.is-light, .modal .buttons-fw > a.tag:not(body).is-warning, .product-sticky > .buttons a.tag:not(body).is-warning, .modal .product-sticky > .buttons-fw a.tag:not(body).is-warning {
  background-color: hsl(44, 100%, 96%);
  color: hsl(44, 100%, 29%);
}
.tag:not(body).is-danger {
  background-color: hsl(348, 86%, 61%);
  color: #fff;
}
.tag:not(body).is-danger.is-light, .modal .buttons-fw > a.tag:not(body).is-danger, .product-sticky > .buttons a.tag:not(body).is-danger, .modal .product-sticky > .buttons-fw a.tag:not(body).is-danger {
  background-color: hsl(348, 86%, 96%);
  color: hsl(348, 86%, 43%);
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}

.title span,
.subtitle span {
  font-weight: inherit;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: hsl(0, 0%, 21%);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}

.cards .card-ver > .card > .card-content > .title {
  font-size: 1.5rem;
}
.title.is-6, .product-sticky > .title.subtitle,
.cards .card-ver > .card > .card-content > .title.subtitle {
  font-size: 1rem;
}

.subtitle {
  color: hsl(0, 0%, 29%);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}

.cards .card-ver > .card > .card-content > .subtitle.title {
  font-size: 1.5rem;
}
.subtitle.is-6, .product-sticky > .subtitle,
.cards .card-ver > .card > .card-content > .subtitle {
  font-size: 1rem;
}

/* Bulma Form */

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-centered, .file.product-columns {
  justify-content: center;
}

.label {
  color: hsl(0, 0%, 21%);
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}

/* Bulma Components */

.card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
  color: hsl(0, 0%, 29%);
  max-width: 100%;
  position: relative;
}

 .card-content:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
 .card-content:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.level {
  align-items: center;
  justify-content: space-between;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}
.menu {
  font-size: 1rem;
}

.message {
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(a.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-light, .modal .buttons-fw > a.message, .product-sticky > .buttons a.message, .modal .product-sticky > .buttons-fw a.message {
  background-color: hsl(0, 0%, 98%);
}
.message.is-light .message-body, .modal .buttons-fw > a.message .message-body, .product-sticky > .buttons a.message .message-body, .modal .product-sticky > .buttons-fw a.message .message-body, .message.is-light .product-sticky, .modal .buttons-fw > a.message .product-sticky, .product-sticky > .buttons a.message .product-sticky, .modal .product-sticky > .buttons-fw a.message .product-sticky {
  border-color: hsl(0, 0%, 96%);
}
.message.is-dark {
  background-color: hsl(0, 0%, 98%);
}
.message.is-dark .message-body, .message.is-dark .product-sticky {
  border-color: hsl(0, 0%, 21%);
}
.message.is-primary {
  background-color: hsl(171, 100%, 96%);
}
.message.is-primary .message-body, .message.is-primary .product-sticky {
  border-color: hsl(171, 100%, 41%);
  color: hsl(171, 100%, 29%);
}
.message.is-info {
  background-color: hsl(207, 61%, 96%);
}
.message.is-info .message-body, .message.is-info .product-sticky {
  border-color: hsl(207, 61%, 53%);
  color: hsl(207, 61%, 41%);
}
.message.is-success {
  background-color: hsl(153, 53%, 96%);
}
.message.is-success .message-body, .message.is-success .product-sticky {
  border-color: hsl(153, 53%, 53%);
  color: hsl(153, 53%, 31%);
}
.message.is-warning {
  background-color: hsl(44, 100%, 96%);
}
.message.is-warning .message-body, .message.is-warning .product-sticky {
  border-color: hsl(44, 100%, 77%);
  color: hsl(44, 100%, 29%);
}
.message.is-danger {
  background-color: hsl(348, 86%, 96%);
}
.message.is-danger .message-body, .message.is-danger .product-sticky {
  border-color: hsl(348, 86%, 61%);
  color: hsl(348, 86%, 43%);
}

.message-body, .product-sticky {
  border-color: hsl(0, 0%, 86%);
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: hsl(0, 0%, 29%);
  padding: 1.25em 1.5em;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active, .modal:target {
  display: flex;
}

.modal-background {
  background-color: rgba(10.2, 10.2, 10.2, 0.86);
}


.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: hsl(0, 0%, 21%);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid hsl(0, 0%, 86%);
}
.modal-card-foot .button:not(:last-child), .modal-card-foot .modal .buttons-fw > a:not(:last-child), .modal .modal-card-foot .buttons-fw > a:not(:last-child), .modal-card-foot .product-sticky > .buttons a:not(:last-child), .modal-card-foot .modal .product-sticky > .buttons-fw a:not(:last-child), .modal .modal-card-foot .product-sticky > .buttons-fw a:not(:last-child), .product-sticky > .buttons .modal-card-foot a:not(:last-child), .modal .product-sticky > .buttons-fw .modal-card-foot a:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 100%);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: hsl(0, 0%, 100%);
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-light, .modal .buttons-fw > a.navbar, .product-sticky > .buttons a.navbar, .modal .product-sticky > .buttons-fw a.navbar {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item, .modal .buttons-fw > a.navbar .navbar-brand > .navbar-item, .product-sticky > .buttons a.navbar .navbar-brand > .navbar-item, .modal .product-sticky > .buttons-fw a.navbar .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link,
.modal .buttons-fw > a.navbar .navbar-brand .navbar-link,
.product-sticky > .buttons a.navbar .navbar-brand .navbar-link,
.modal .product-sticky > .buttons-fw a.navbar .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .modal .buttons-fw > a.navbar .navbar-brand > a.navbar-item:focus, .product-sticky > .buttons a.navbar .navbar-brand > a.navbar-item:focus, .modal .product-sticky > .buttons-fw a.navbar .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .modal .buttons-fw > a.navbar .navbar-brand > a.navbar-item:hover, .product-sticky > .buttons a.navbar .navbar-brand > a.navbar-item:hover, .modal .product-sticky > .buttons-fw a.navbar .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .modal .buttons-fw > a.navbar .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand > a.navbar-item.modal:target, .modal .buttons-fw > a.navbar .navbar-brand > a.navbar-item.modal:target, .product-sticky > .buttons a.navbar .navbar-brand > a.navbar-item.is-active, .modal .product-sticky > .buttons-fw a.navbar .navbar-brand > a.navbar-item.is-active, .product-sticky > .buttons a.navbar .navbar-brand > a.navbar-item.modal:target, .modal .product-sticky > .buttons-fw a.navbar .navbar-brand > a.navbar-item.modal:target,
.navbar.is-light .navbar-brand .navbar-link:focus,
.modal .buttons-fw > a.navbar .navbar-brand .navbar-link:focus,
.product-sticky > .buttons a.navbar .navbar-brand .navbar-link:focus,
.modal .product-sticky > .buttons-fw a.navbar .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.modal .buttons-fw > a.navbar .navbar-brand .navbar-link:hover,
.product-sticky > .buttons a.navbar .navbar-brand .navbar-link:hover,
.modal .product-sticky > .buttons-fw a.navbar .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active,
.modal .buttons-fw > a.navbar .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link.modal:target,
.modal .buttons-fw > a.navbar .navbar-brand .navbar-link.modal:target,
.product-sticky > .buttons a.navbar .navbar-brand .navbar-link.is-active,
.modal .product-sticky > .buttons-fw a.navbar .navbar-brand .navbar-link.is-active,
.product-sticky > .buttons a.navbar .navbar-brand .navbar-link.modal:target,
.modal .product-sticky > .buttons-fw a.navbar .navbar-brand .navbar-link.modal:target {
  background-color: hsl(0, 0%, 91%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after, .modal .buttons-fw > a.navbar .navbar-brand .navbar-link::after, .product-sticky > .buttons a.navbar .navbar-brand .navbar-link::after, .modal .product-sticky > .buttons-fw a.navbar .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger, .modal .buttons-fw > a.navbar .navbar-burger, .product-sticky > .buttons a.navbar .navbar-burger, .modal .product-sticky > .buttons-fw a.navbar .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item, .modal .buttons-fw > a.navbar .navbar-start > .navbar-item, .product-sticky > .buttons a.navbar .navbar-start > .navbar-item, .modal .product-sticky > .buttons-fw a.navbar .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .modal .buttons-fw > a.navbar .navbar-start .navbar-link,
  .product-sticky > .buttons a.navbar .navbar-start .navbar-link,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .modal .buttons-fw > a.navbar .navbar-end > .navbar-item,
  .product-sticky > .buttons a.navbar .navbar-end > .navbar-item,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link,
  .modal .buttons-fw > a.navbar .navbar-end .navbar-link,
  .product-sticky > .buttons a.navbar .navbar-end .navbar-link,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .modal .buttons-fw > a.navbar .navbar-start > a.navbar-item:focus, .product-sticky > .buttons a.navbar .navbar-start > a.navbar-item:focus, .modal .product-sticky > .buttons-fw a.navbar .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .modal .buttons-fw > a.navbar .navbar-start > a.navbar-item:hover, .product-sticky > .buttons a.navbar .navbar-start > a.navbar-item:hover, .modal .product-sticky > .buttons-fw a.navbar .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .modal .buttons-fw > a.navbar .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start > a.navbar-item.modal:target, .modal .buttons-fw > a.navbar .navbar-start > a.navbar-item.modal:target, .product-sticky > .buttons a.navbar .navbar-start > a.navbar-item.is-active, .modal .product-sticky > .buttons-fw a.navbar .navbar-start > a.navbar-item.is-active, .product-sticky > .buttons a.navbar .navbar-start > a.navbar-item.modal:target, .modal .product-sticky > .buttons-fw a.navbar .navbar-start > a.navbar-item.modal:target,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .modal .buttons-fw > a.navbar .navbar-start .navbar-link:focus,
  .product-sticky > .buttons a.navbar .navbar-start .navbar-link:focus,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .modal .buttons-fw > a.navbar .navbar-start .navbar-link:hover,
  .product-sticky > .buttons a.navbar .navbar-start .navbar-link:hover,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .modal .buttons-fw > a.navbar .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-start .navbar-link.modal:target,
  .modal .buttons-fw > a.navbar .navbar-start .navbar-link.modal:target,
  .product-sticky > .buttons a.navbar .navbar-start .navbar-link.is-active,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-start .navbar-link.is-active,
  .product-sticky > .buttons a.navbar .navbar-start .navbar-link.modal:target,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-start .navbar-link.modal:target,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .modal .buttons-fw > a.navbar .navbar-end > a.navbar-item:focus,
  .product-sticky > .buttons a.navbar .navbar-end > a.navbar-item:focus,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .modal .buttons-fw > a.navbar .navbar-end > a.navbar-item:hover,
  .product-sticky > .buttons a.navbar .navbar-end > a.navbar-item:hover,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .modal .buttons-fw > a.navbar .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end > a.navbar-item.modal:target,
  .modal .buttons-fw > a.navbar .navbar-end > a.navbar-item.modal:target,
  .product-sticky > .buttons a.navbar .navbar-end > a.navbar-item.is-active,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end > a.navbar-item.is-active,
  .product-sticky > .buttons a.navbar .navbar-end > a.navbar-item.modal:target,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end > a.navbar-item.modal:target,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .modal .buttons-fw > a.navbar .navbar-end .navbar-link:focus,
  .product-sticky > .buttons a.navbar .navbar-end .navbar-link:focus,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .modal .buttons-fw > a.navbar .navbar-end .navbar-link:hover,
  .product-sticky > .buttons a.navbar .navbar-end .navbar-link:hover,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active,
  .modal .buttons-fw > a.navbar .navbar-end .navbar-link.is-active,
  .navbar.is-light .navbar-end .navbar-link.modal:target,
  .modal .buttons-fw > a.navbar .navbar-end .navbar-link.modal:target,
  .product-sticky > .buttons a.navbar .navbar-end .navbar-link.is-active,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end .navbar-link.is-active,
  .product-sticky > .buttons a.navbar .navbar-end .navbar-link.modal:target,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end .navbar-link.modal:target {
    background-color: hsl(0, 0%, 91%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after, .modal .buttons-fw > a.navbar .navbar-start .navbar-link::after, .product-sticky > .buttons a.navbar .navbar-start .navbar-link::after, .modal .product-sticky > .buttons-fw a.navbar .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after,
  .modal .buttons-fw > a.navbar .navbar-end .navbar-link::after,
  .product-sticky > .buttons a.navbar .navbar-end .navbar-link::after,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .modal .buttons-fw > a.navbar .navbar-item.has-dropdown:focus .navbar-link, .product-sticky > .buttons a.navbar .navbar-item.has-dropdown:focus .navbar-link, .modal .product-sticky > .buttons-fw a.navbar .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .modal .buttons-fw > a.navbar .navbar-item.has-dropdown:hover .navbar-link,
  .product-sticky > .buttons a.navbar .navbar-item.has-dropdown:hover .navbar-link,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
  .modal .buttons-fw > a.navbar .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.modal:target .navbar-link,
  .modal .buttons-fw > a.navbar .navbar-item.has-dropdown.modal:target .navbar-link,
  .product-sticky > .buttons a.navbar .navbar-item.has-dropdown.is-active .navbar-link,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-item.has-dropdown.is-active .navbar-link,
  .product-sticky > .buttons a.navbar .navbar-item.has-dropdown.modal:target .navbar-link,
  .modal .product-sticky > .buttons-fw a.navbar .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(0, 0%, 91%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active, .modal .buttons-fw > a.navbar .navbar-dropdown a.navbar-item.is-active, .navbar.is-light .navbar-dropdown a.navbar-item.modal:target, .modal .buttons-fw > a.navbar .navbar-dropdown a.navbar-item.modal:target, .product-sticky > .buttons a.navbar .navbar-dropdown a.navbar-item.is-active, .modal .product-sticky > .buttons-fw a.navbar .navbar-dropdown a.navbar-item.is-active, .product-sticky > .buttons a.navbar .navbar-dropdown a.navbar-item.modal:target, .modal .product-sticky > .buttons-fw a.navbar .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(0, 0%, 96%);
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-dark {
  background-color: hsl(0, 0%, 21%);
  color: #fff;
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand > a.navbar-item.modal:target,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link.modal:target {
  background-color: hsl(0, 0%, 16%);
  color: #fff;
}
.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-dark .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start > a.navbar-item.modal:target,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-start .navbar-link.modal:target,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item.modal:target,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active,
  .navbar.is-dark .navbar-end .navbar-link.modal:target {
    background-color: hsl(0, 0%, 16%);
    color: #fff;
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(0, 0%, 16%);
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active, .navbar.is-dark .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(0, 0%, 21%);
    color: #fff;
  }
}
.navbar.is-primary {
  background-color: hsl(171, 100%, 41%);
  color: #fff;
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item.modal:target,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link.modal:target {
  background-color: hsl(171, 100%, 36%);
  color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-primary .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start > a.navbar-item.modal:target,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-start .navbar-link.modal:target,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item.modal:target,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active,
  .navbar.is-primary .navbar-end .navbar-link.modal:target {
    background-color: hsl(171, 100%, 36%);
    color: #fff;
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(171, 100%, 36%);
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active, .navbar.is-primary .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(171, 100%, 41%);
    color: #fff;
  }
}
.navbar.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand > a.navbar-item.modal:target,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link.modal:target {
  background-color: hsl(207, 61%, 48%);
  color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-info .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start > a.navbar-item.modal:target,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-start .navbar-link.modal:target,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end > a.navbar-item.modal:target,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active,
  .navbar.is-info .navbar-end .navbar-link.modal:target {
    background-color: hsl(207, 61%, 48%);
    color: #fff;
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(207, 61%, 48%);
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active, .navbar.is-info .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(207, 61%, 53%);
    color: #fff;
  }
}
.navbar.is-success {
  background-color: hsl(153, 53%, 53%);
  color: #fff;
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand > a.navbar-item.modal:target,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link.modal:target {
  background-color: hsl(153, 53%, 48%);
  color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-success .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start > a.navbar-item.modal:target,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-start .navbar-link.modal:target,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end > a.navbar-item.modal:target,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active,
  .navbar.is-success .navbar-end .navbar-link.modal:target {
    background-color: hsl(153, 53%, 48%);
    color: #fff;
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(153, 53%, 48%);
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active, .navbar.is-success .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(153, 53%, 53%);
    color: #fff;
  }
}
.navbar.is-warning {
  background-color: hsl(44, 100%, 77%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand > a.navbar-item.modal:target,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link.modal:target {
  background-color: hsl(44, 100%, 72%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start > a.navbar-item.modal:target,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-start .navbar-link.modal:target,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item.modal:target,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active,
  .navbar.is-warning .navbar-end .navbar-link.modal:target {
    background-color: hsl(44, 100%, 72%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(44, 100%, 72%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active, .navbar.is-warning .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(44, 100%, 77%);
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-danger {
  background-color: hsl(348, 86%, 61%);
  color: #fff;
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand > a.navbar-item.modal:target,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link.modal:target {
  background-color: hsl(348, 86%, 56%);
  color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-danger .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start > a.navbar-item.modal:target,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-start .navbar-link.modal:target,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item.modal:target,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active,
  .navbar.is-danger .navbar-end .navbar-link.modal:target {
    background-color: hsl(348, 86%, 56%);
    color: #fff;
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(348, 86%, 56%);
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active, .navbar.is-danger .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(348, 86%, 61%);
    color: #fff;
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 hsl(0, 0%, 96%);
}
 .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}

.navbar-brand {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-burger {
  color: hsl(0, 0%, 29%);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1), .navbar-burger.modal:target span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2), .navbar-burger.modal:target span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3), .navbar-burger.modal:target span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
.navbar-burger {
  margin-left: auto;
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: hsl(0, 0%, 29%);
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, a.navbar-item.modal:target,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active,
.navbar-link.modal:target {
  background-color: hsl(0, 0%, 98%);
  color: hsl(229, 53%, 53%);
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: hsl(229, 53%, 53%);
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active, .navbar-menu.modal:target {
    display: block;
  }
  .navbar.is-fixed-top .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.modal:target .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar.is-spaced .navbar-item.modal:target .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: hsl(0, 0%, 100%);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid hsl(0, 0%, 86%);
    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: hsl(0, 0%, 96%);
    color: hsl(0, 0%, 4%);
  }
  .navbar-dropdown a.navbar-item.is-active, .navbar-dropdown a.navbar-item.modal:target {
    background-color: hsl(0, 0%, 96%);
    color: hsl(229, 53%, 53%);
  }
  .navbar.is-spaced .navbar-dropdown {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  a.navbar-item.is-active, a.navbar-item.modal:target,
  .navbar-link.is-active,
  .navbar-link.modal:target {
    color: hsl(0, 0%, 4%);
  }
  a.navbar-item.is-active:not(:focus):not(:hover), a.navbar-item.modal:not(:focus):not(:hover):target,
  .navbar-link.is-active:not(:focus):not(:hover),
  .navbar-link.modal:not(:focus):not(:hover):target {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown.modal:target .navbar-link {
    background-color: hsl(0, 0%, 98%);
  }
}
.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
 .panel.is-light .product-columns > .media .panel > .player, .modal .buttons-fw > a.panel .product-columns > .media .panel > .player, .product-sticky > .buttons a.panel .product-columns > .media .panel > .player, .modal .product-sticky > .buttons-fw a.panel .product-columns > .media .panel > .player, .product-columns > .media .panel.is-light .panel > .player, .product-columns > .media .modal .buttons-fw > a.panel .panel > .player, .modal .product-columns > .media .buttons-fw > a.panel .panel > .player, .product-columns > .media .product-sticky > .buttons a.panel .panel > .player, .product-columns > .media .modal .product-sticky > .buttons-fw a.panel .panel > .player, .modal .product-columns > .media .product-sticky > .buttons-fw a.panel .panel > .player, .product-sticky > .buttons .product-columns > .media a.panel .panel > .player, .modal .product-sticky > .buttons-fw .product-columns > .media a.panel .panel > .player {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
 .panel.is-dark .product-columns > .media .panel > .player, .product-columns > .media .panel.is-dark .panel > .player {
  background-color: hsl(0, 0%, 21%);
  color: #fff;
}
 .panel.is-primary .product-columns > .media .panel > .player, .product-columns > .media .panel.is-primary .panel > .player {
  background-color: hsl(171, 100%, 41%);
  color: #fff;
}
 .panel.is-info .product-columns > .media .panel > .player, .product-columns > .media .panel.is-info .panel > .player {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
 .panel.is-success .product-columns > .media .panel > .player, .product-columns > .media .panel.is-success .panel > .player {
  background-color: hsl(153, 53%, 53%);
  color: #fff;
}
 .panel.is-warning .product-columns > .media .panel > .player, .product-columns > .media .panel.is-warning .panel > .player {
  background-color: hsl(44, 100%, 77%);
  color: rgba(0, 0, 0, 0.7);
}
 .panel.is-danger .product-columns > .media .panel > .player, .product-columns > .media .panel.is-danger .panel > .player {
  background-color: hsl(348, 86%, 61%);
  color: #fff;
}


.product-columns > .media .panel > .track:not(:last-child),
.product-columns > .media .panel .element:not(:last-child) {
  border-bottom: 1px solid hsl(0, 0%, 93%);
}

 .product-columns > .media .panel > .player {
  background-color: hsl(0, 0%, 93%);
  border-radius: 6px 6px 0 0;
  color: hsl(0, 0%, 21%);
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

 .product-columns > .media .panel > .track,
.product-columns > .media .panel .element {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
 .product-columns > .media .panel > .is-active.track, .product-columns > .media .panel > .track.modal:target,
.product-columns > .media .panel .is-active.element,
.product-columns > .media .panel .element.modal:target {
  border-left-color: hsl(229, 53%, 53%);
  color: hsl(0, 0%, 21%);
}
 .product-columns > .media .panel > .track:last-child,
.product-columns > .media .panel .element:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

 .product-columns > .media .panel > a.track,
.product-columns > .media .panel a.element,
.product-columns > .media .panel > label.track,
.product-columns > .media .panel label.element {
  cursor: pointer;
}
 .product-columns > .media .panel > a.track:hover,
.product-columns > .media .panel a.element:hover,
.product-columns > .media .panel > label.track:hover,
.product-columns > .media .panel label.element:hover {
  background-color: hsl(0, 0%, 96%);
}

/* Bulma Grid */
 .product-columns > div,
.cards .card-ver {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
 .is-mobile.product-columns > div.media.video, .is-mobile.product-columns > div.media.file, .is-mobile.product-columns > div.description,
.cards .is-mobile.product-columns > .card-ver.media.video,
.cards .is-mobile.product-columns > .card-ver.media.file,
.cards .is-mobile.product-columns > .card-ver.description,
.is-mobile.cards.product-columns > .card-ver.media.video,
.is-mobile.cards.product-columns > .card-ver.media.file,
.is-mobile.cards.product-columns > .card-ver.description {
  flex: none;
  width: 66.6666%;
}
 .is-mobile.product-columns > div.media.audio,
.cards .is-mobile.product-columns > .card-ver.media.audio,
.is-mobile.cards.product-columns > .card-ver.media.audio {
  flex: none;
  width: 50%;
}
 .is-mobile.product-columns > div.sidebar,
.cards .is-mobile.product-columns > .card-ver.sidebar,
.cards.is-mobile .is-mobile.product-columns > .card-ver,
.is-mobile.cards > .card-ver {
  flex: none;
  width: 33.3333%;
}

.cards .card-ver > .card > .is-mobile.card-content.product-columns > div.title,
.cards .card-ver > .card > .is-mobile.card-content.product-columns > .card-ver.title,
.cards .card-ver > .card > .is-mobile.cards.card-content > .card-ver.title {
  flex: none;
  width: 33.33333337%;
}
 .is-mobile.product-columns > div.is-6, .is-mobile.product-columns.product-sticky > div.subtitle,
.cards .card-ver > .card > .is-mobile.card-content.product-columns > div.subtitle,
.cards .is-mobile.product-columns > .is-6.card-ver,
.cards .is-mobile.product-columns.product-sticky > .card-ver.subtitle,
.cards .card-ver > .card > .is-mobile.card-content.product-columns > .card-ver.subtitle,
.is-mobile.cards > .is-6.card-ver,
.is-mobile.cards.product-sticky > .card-ver.subtitle,
.cards .card-ver > .card > .is-mobile.cards.card-content > .card-ver.subtitle {
  flex: none;
  width: 50%;
}
@media screen and (max-width: 768px) {
  
  .cards.is-mobile .card-ver {
    flex: none;
    width: 50%;
  }
}
@media screen and (min-width: 769px), print {
   .product-columns > div.media.video, .product-columns > div.media.file, .product-columns > div.description,
  .cards .product-columns > .card-ver.media.video,
  .cards .product-columns > .card-ver.media.file,
  .cards .product-columns > .card-ver.description {
    flex: none;
    width: 66.6666%;
  }
   .product-columns > div.media.audio,
  .cards .product-columns > .card-ver.media.audio {
    flex: none;
    width: 50%;
  }
   .product-columns > div.sidebar,
  .cards .product-columns > .card-ver.sidebar,
  .cards.is-mobile .card-ver,
  .cards:not(.is-mobile) > .card-ver {
    flex: none;
    width: 33.3333%;
  }
  
  .cards .card-ver > .card > .card-content.product-columns > div.title,
  .cards .card-ver > .card > .card-content > .card-ver.title {
    flex: none;
    width: 33.33333337%;
  }
   .product-columns > div.is-6, .product-columns.product-sticky > div.subtitle,
  .cards .card-ver > .card > .card-content.product-columns > div.subtitle,
  .cards .is-6.card-ver,
  .cards .product-sticky > .card-ver.subtitle,
  .cards .card-ver > .card > .card-content > .card-ver.subtitle {
    flex: none;
    width: 50%;
  }
}
@media screen and (min-width: 1216px) {
   .product-columns > div.media.audio,
  .cards .product-columns > .card-ver.media.audio {
    flex: none;
    width: 40%;
  }
   .product-columns > div.media.video, .product-columns > div.media.file, .product-columns > div.description,
  .cards .product-columns > .card-ver.media.video,
  .cards .product-columns > .card-ver.media.file,
  .cards .product-columns > .card-ver.description {
    flex: none;
    width: 60%;
  }
}
@media screen and (min-width: 1408px) {
   .product-columns > div.media.video, .product-columns > div.media.file, .product-columns > div.description,
  .cards .product-columns > .card-ver.media.video,
  .cards .product-columns > .card-ver.media.file,
  .cards .product-columns > .card-ver.description {
    flex: none;
    width: 50%;
  }
   .product-columns > div.media.audio,
  .cards .product-columns > .card-ver.media.audio {
    flex: none;
    width: 33.3333%;
  }
  
  .cards.is-mobile .card-ver,
  .cards:not(.is-mobile) > .card-ver {
    flex: none;
    width: 25%;
  }
}

 .product-columns, .cards {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
 .product-columns:last-child, .cards:last-child {
  margin-bottom: -0.75rem;
}
 .product-columns:not(:last-child), .cards:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
 .product-columns, .is-centered.cards {
  justify-content: center;
}
 .is-mobile.product-columns, .is-mobile.cards {
  display: flex;
}
 .cards {
  flex-wrap: wrap;
}
@media screen and (min-width: 769px), print {
   .product-columns:not(.is-desktop), .cards:not(.is-desktop) {
    display: flex;
  }
}

/* Bulma Helpers */

 .product-columns > .media .panel {
  border-radius: 0 !important;
}

 .product-columns > .media .panel {
  box-shadow: none !important;
}

 .product-sticky > .tag {
  margin-bottom: 0.75rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
/* Bulma Layout */

.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
}

.footer {
  background-color: transparent;
  padding: 4rem 1.5rem;
}


.cards .card-ver {
  display: flex;
  flex-direction: column;
}

.cards .card-ver > .card {
  height: 100%;
  overflow: hidden;
}

.cards .card-ver > .card > .card-content > .title {
  word-break: keep-all;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
  .cards .card-ver > .card > .card-content > .content {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.cards .card-ver > .card > .card-content > .content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cards.is-mobile .card-ver {
    padding: 0;
  }
  .cards.is-mobile .card-ver > .card {
    border-radius: 0;
  }
  .cards.is-mobile .card-ver > .card > .card-content {
    display: none;
  }
}

.image-mock {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
}
.image-mock > .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.image-mock {
  position: relative;
}
.image-mock > .mock-ph {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 12.5%;
}
.image-mock > .mock-ph > picture > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  margin: auto;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (min-width: 769px) {
  .product-columns {
    padding-top: 3rem;
    flex-direction: row-reverse;
  }
}
.product-columns > .media.audio .panel > .track.is-playing {
  position: sticky;
  top: 8.4375rem;
}
.product-columns > .media.video .panel > .player, .product-columns > .media.file .panel > .player {
  padding: 0;
}
.product-columns > .media .panel {
  border: 1px solid hsl(0, 0%, 96%);
}
.product-columns > .media .panel > .player {
  position: sticky;
  top: 3.25rem;
  background-color: white;
  border-bottom: 1px solid hsl(0, 0%, 96%);
}
.product-columns > .media .panel > .track,
.product-columns > .media .panel .element {
  padding: 0;
  flex-direction: row;
}
.product-columns > .media .panel > .track > .info,
.product-columns > .media .panel .element > .info {
  padding: 0.75rem;
}
@media screen and (max-width: 1023px) {
  .product-columns > .media .panel > .track > .info,
  .product-columns > .media .panel .element > .info {
    padding: 1.5rem;
  }
}
.product-columns > .media .panel > .track > .info,
.product-columns > .media .panel .element > .info {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-columns > .media .panel > .track > .info:first-child,
.product-columns > .media .panel .element > .info:first-child {
  flex: 2;
  text-align: right;
}
.product-columns > .media .panel > .track > .info:nth-child(2),
.product-columns > .media .panel .element > .info:nth-child(2) {
  flex: 10;
}
.product-columns > .media .panel > .track > .info:nth-child(n+3),
.product-columns > .media .panel .element > .info:nth-child(n+3) {
  flex: none;
  width: unset;
}
.product-columns > .media .panel > .track.is-playing, .product-columns > .media .panel > .track.is-playing:hover {
  background-size: auto auto;
  background-color: rgb(250, 250, 250);
  background-image: repeating-linear-gradient(120deg, transparent, transparent 10px, hsl(0, 0%, 96%) 10px, hsl(0, 0%, 96%) 20px);
}

.product-sticky {
  position: sticky;
  top: 6.25rem;
  padding: 0.625em 1.5em;
  border-radius: 0;
}
.product-sticky > .title {
  word-break: keep-all;
}
body {
  font-family: "SUIT", sans-serif;
  display: flex;
  min-height: calc(100vh - 3.25rem);
  flex-direction: column;
}

@media screen and (max-width: 1023px) {
   .cards, .product-columns {
    margin: 0;
  }
}

.content-ph {
  flex: 1 0 0;
}

.modal .buttons-fw > a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.navbar-item.is-hoverable:hover .navbar-dropdown {
  display: block;
}