/*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.button {
  -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, .is-focused.button, .button:active, .is-active.button {
  outline: none;
}
[disabled].button, fieldset[disabled] .button {
  cursor: not-allowed;
}

.tabs, .button {
  -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;
}

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

.button.is-loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video {
  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;
}

.button {
  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 {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.button:focus, .button.is-focused {
  border-color: hsl(205, 74%, 53%);
  color: hsl(0, 0%, 21%);
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(46, 150, 224, 0.25);
}
.button:active, .button.is-active {
  border-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 0%, 29%);
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: hsl(0, 0%, 21%);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: none;
  border-color: transparent;
  color: hsl(205, 74%, 53%);
  text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: hsl(205, 74%, 53%);
  text-decoration: underline;
}
.button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: #fff;
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: hsl(0, 0%, 21%);
  border-color: hsl(0, 0%, 21%);
  color: #fff;
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  box-shadow: none;
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-primary {
  background-color: hsl(171, 100%, 41%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: hsl(171, 100%, 41%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: hsl(171, 100%, 41%);
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(171, 100%, 41%);
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: hsl(171, 100%, 41%);
  color: hsl(171, 100%, 41%);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: hsl(171, 100%, 41%);
  border-color: hsl(171, 100%, 41%);
  color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: hsl(171, 100%, 41%);
  box-shadow: none;
  color: hsl(171, 100%, 41%);
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(171, 100%, 41%);
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: #defffa;
  border-color: transparent;
  color: #00947e;
}
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: #d1fff8;
  border-color: transparent;
  color: #00947e;
}
.button.is-link {
  background-color: hsl(205, 74%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #2390de;
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(46, 150, 224, 0.25);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: #2089d5;
  border-color: transparent;
  color: #fff;
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: hsl(205, 74%, 53%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: #fff;
  color: hsl(205, 74%, 53%);
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(205, 74%, 53%);
}
.button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: hsl(205, 74%, 53%);
  color: hsl(205, 74%, 53%);
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: hsl(205, 74%, 53%);
  border-color: hsl(205, 74%, 53%);
  color: #fff;
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(205, 74%, 53%) hsl(205, 74%, 53%) !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: hsl(205, 74%, 53%);
  box-shadow: none;
  color: hsl(205, 74%, 53%);
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(205, 74%, 53%);
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(205, 74%, 53%) hsl(205, 74%, 53%) !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-link.is-light {
  background-color: #edf6fc;
  color: #1a70ad;
}
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: #e2f0fb;
  border-color: transparent;
  color: #1a70ad;
}
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: #d7ebf9;
  border-color: transparent;
  color: #1a70ad;
}
.button.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  color: #fff;
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  box-shadow: none;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: #e4eff9;
  border-color: transparent;
  color: #296fa8;
}
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: #dae9f6;
  border-color: transparent;
  color: #296fa8;
}
.button.is-success {
  background-color: hsl(131, 31%, 52%);
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: #57a565;
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(95, 171, 109, 0.25);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: #539d60;
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: hsl(131, 31%, 52%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: hsl(131, 31%, 52%);
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(131, 31%, 52%);
}
.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(131, 31%, 52%);
  color: hsl(131, 31%, 52%);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: hsl(131, 31%, 52%);
  border-color: hsl(131, 31%, 52%);
  color: #fff;
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(131, 31%, 52%) hsl(131, 31%, 52%) !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(131, 31%, 52%);
  box-shadow: none;
  color: hsl(131, 31%, 52%);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(131, 31%, 52%);
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(131, 31%, 52%) hsl(131, 31%, 52%) !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-success.is-light {
  background-color: #f2f8f3;
  color: #417c4c;
}
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: #e9f4eb;
  border-color: transparent;
  color: #417c4c;
}
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: #e1efe4;
  border-color: transparent;
  color: #417c4c;
}
.button.is-warning {
  background-color: hsl(47, 86%, 47%);
  border-color: transparent;
  color: #fff;
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #d3a910;
  border-color: transparent;
  color: #fff;
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(223, 178, 17, 0.25);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: #c79f0f;
  border-color: transparent;
  color: #fff;
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: hsl(47, 86%, 47%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: #fff;
  color: hsl(47, 86%, 47%);
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(47, 86%, 47%);
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsl(47, 86%, 47%);
  color: hsl(47, 86%, 47%);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: hsl(47, 86%, 47%);
  border-color: hsl(47, 86%, 47%);
  color: #fff;
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(47, 86%, 47%) hsl(47, 86%, 47%) !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsl(47, 86%, 47%);
  box-shadow: none;
  color: hsl(47, 86%, 47%);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(47, 86%, 47%);
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(47, 86%, 47%) hsl(47, 86%, 47%) !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-warning.is-light {
  background-color: #fefaec;
  color: #8a6e0a;
}
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: #fdf7e0;
  border-color: transparent;
  color: #8a6e0a;
}
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: #fcf3d4;
  border-color: transparent;
  color: #8a6e0a;
}
.button.is-danger {
  background-color: hsl(2, 58%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: #b73531;
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(193, 56, 51, 0.25);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: #ad322e;
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: hsl(2, 58%, 48%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: hsl(2, 58%, 48%);
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(2, 58%, 48%);
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsl(2, 58%, 48%);
  color: hsl(2, 58%, 48%);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: hsl(2, 58%, 48%);
  border-color: hsl(2, 58%, 48%);
  color: #fff;
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(2, 58%, 48%) hsl(2, 58%, 48%) !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsl(2, 58%, 48%);
  box-shadow: none;
  color: hsl(2, 58%, 48%);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(2, 58%, 48%);
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(2, 58%, 48%) hsl(2, 58%, 48%) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-danger.is-light {
  background-color: #fbefef;
  color: #c13833;
}
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: #f8e5e5;
  border-color: transparent;
  color: #c13833;
}
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: #f5dcdb;
  border-color: transparent;
  color: #c13833;
}
.button.is-small {
  font-size: 0.75rem;
}
.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - 1em * 0.5);
  top: calc(50% - 1em * 0.5);
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 48%);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

.navbar {
  background-color: hsl(0, 0%, 100%);
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: #f2f2f2;
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-burger {
  color: hsl(0, 0%, 4%);
}
@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: #f2f2f2;
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #f2f2f2;
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 4%);
  }
}
.navbar.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-burger {
  color: hsl(0, 0%, 100%);
}
@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 4%);
    color: hsl(0, 0%, 100%);
  }
}
.navbar.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    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 .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: #292929;
  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 .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .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 .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: #292929;
    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 {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    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 .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: #00b89c;
  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 .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .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 .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: #00b89c;
    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 {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(171, 100%, 41%);
    color: #fff;
  }
}
.navbar.is-link {
  background-color: hsl(205, 74%, 53%);
  color: #fff;
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: #2089d5;
  color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-link .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: #2089d5;
    color: #fff;
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #2089d5;
    color: #fff;
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(205, 74%, 53%);
    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 .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: #3082c5;
  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 .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .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 .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: #3082c5;
    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 {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(207, 61%, 53%);
    color: #fff;
  }
}
.navbar.is-success {
  background-color: hsl(131, 31%, 52%);
  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 .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: #539d60;
  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 .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .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 .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: #539d60;
    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 {
    background-color: #539d60;
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(131, 31%, 52%);
    color: #fff;
  }
}
.navbar.is-warning {
  background-color: hsl(47, 86%, 47%);
  color: #fff;
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: #fff;
}
.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 .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: #c79f0f;
  color: #fff;
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-warning .navbar-burger {
  color: #fff;
}
@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: #fff;
  }
  .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 .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .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 .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: #c79f0f;
    color: #fff;
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .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 {
    background-color: #c79f0f;
    color: #fff;
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(47, 86%, 47%);
    color: #fff;
  }
}
.navbar.is-danger {
  background-color: hsl(2, 58%, 48%);
  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 .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: #ad322e;
  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 .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .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 .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: #ad322e;
    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 {
    background-color: #ad322e;
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(2, 58%, 48%);
    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-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-top {
  top: 0;
}

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

.navbar-brand,
.navbar-tabs {
  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-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: hsl(0, 0%, 29%);
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}
.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) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.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,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: hsl(0, 0%, 98%);
  color: hsl(205, 74%, 53%);
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: hsl(205, 74%, 53%);
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: hsl(205, 74%, 53%);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: hsl(205, 74%, 53%);
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: hsl(205, 74%, 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;
}

.navbar-divider {
  background-color: hsl(0, 0%, 96%);
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}
@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.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: hsl(0, 0%, 96%);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: hsl(205, 74%, 53%);
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid hsl(0, 0%, 86%);
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable: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-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .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, 10, 10, 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 {
    background-color: hsl(0, 0%, 96%);
    color: hsl(205, 74%, 53%);
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: hsl(0, 0%, 4%);
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    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 {
    background-color: hsl(0, 0%, 98%);
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: hsl(0, 0%, 86%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: hsl(0, 0%, 29%);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: hsl(205, 74%, 53%);
  color: hsl(205, 74%, 53%);
}
.tabs ul {
  align-items: center;
  border-bottom-color: hsl(0, 0%, 86%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: hsl(0, 0%, 96%);
  border-bottom-color: hsl(0, 0%, 86%);
}
.tabs.is-boxed li.is-active a {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: hsl(0, 0%, 86%);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 71%);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs.is-toggle li.is-active a {
  background-color: hsl(205, 74%, 53%);
  border-color: hsl(205, 74%, 53%);
  color: #fff;
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333337%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66666674%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333337%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66666674%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333337%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66666674%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333337%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66666674%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: hsl(0, 0%, 4%);
}
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: hsl(0, 0%, 100%);
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: #f2f2f2;
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs a {
  color: hsl(0, 0%, 4%);
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  color: hsl(0, 0%, 100%) !important;
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%);
  }
}
.hero.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: hsl(0, 0%, 100%);
}
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: hsl(0, 0%, 4%);
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: hsl(0, 0%, 100%);
}
.hero.is-black .tabs a {
  color: hsl(0, 0%, 100%);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  color: hsl(0, 0%, 4%) !important;
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
  }
}
.hero.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: hsl(0, 0%, 96%);
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  color: hsl(0, 0%, 96%) !important;
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%);
  }
}
.hero.is-dark {
  background-color: hsl(0, 0%, 21%);
  color: #fff;
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: #fff;
}
.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: hsl(0, 0%, 21%);
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}
.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  color: hsl(0, 0%, 21%) !important;
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff;
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(0, 0%, 21%);
}
.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%);
  }
}
.hero.is-primary {
  background-color: hsl(171, 100%, 41%);
  color: #fff;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: #fff;
}
.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: hsl(171, 100%, 41%);
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}
.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  color: hsl(171, 100%, 41%) !important;
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(171, 100%, 41%);
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%);
  }
}
.hero.is-link {
  background-color: hsl(205, 74%, 53%);
  color: #fff;
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: #fff;
}
.hero.is-link .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: hsl(205, 74%, 53%);
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: #2089d5;
  color: #fff;
}
.hero.is-link .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  color: hsl(205, 74%, 53%) !important;
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: #fff;
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(205, 74%, 53%);
}
.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #129cca 0%, hsl(205, 74%, 53%) 71%, #3f86e9 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #129cca 0%, hsl(205, 74%, 53%) 71%, #3f86e9 100%);
  }
}
.hero.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: #fff;
}
.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: hsl(207, 61%, 53%);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}
.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  color: hsl(207, 61%, 53%) !important;
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(207, 61%, 53%);
}
.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #208fbc 0%, hsl(207, 61%, 53%) 71%, #4d83db 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #208fbc 0%, hsl(207, 61%, 53%) 71%, #4d83db 100%);
  }
}
.hero.is-success {
  background-color: hsl(131, 31%, 52%);
  color: #fff;
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: #fff;
}
.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: hsl(131, 31%, 52%);
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: #539d60;
  color: #fff;
}
.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  color: hsl(131, 31%, 52%) !important;
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(131, 31%, 52%);
}
.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #3f9741 0%, hsl(131, 31%, 52%) 71%, #6ab986 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #3f9741 0%, hsl(131, 31%, 52%) 71%, #6ab986 100%);
  }
}
.hero.is-warning {
  background-color: hsl(47, 86%, 47%);
  color: #fff;
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: #fff;
}
.hero.is-warning .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: hsl(47, 86%, 47%);
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: #c79f0f;
  color: #fff;
}
.hero.is-warning .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  color: hsl(47, 86%, 47%) !important;
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: #fff;
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(47, 86%, 47%);
}
.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #b97304 0%, hsl(47, 86%, 47%) 71%, #f4e915 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #b97304 0%, hsl(47, 86%, 47%) 71%, #f4e915 100%);
  }
}
.hero.is-danger {
  background-color: hsl(2, 58%, 48%);
  color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: #fff;
}
.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: hsl(2, 58%, 48%);
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: #ad322e;
  color: #fff;
}
.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  color: hsl(2, 58%, 48%) !important;
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(2, 58%, 48%);
}
.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #a31f31 0%, hsl(2, 58%, 48%) 71%, #d35a3c 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #a31f31 0%, hsl(2, 58%, 48%) 71%, #d35a3c 100%);
  }
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: hsl(0, 0%, 98%);
  padding: 3rem 1.5rem 6rem;
}

/*! kerberos.io v2.0 */
/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
/* Document
   ========================================================================== */
/**
 * Use a better box model (opinionated).
 */
html {
  box-sizing: border-box;
}

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

/**
 * Use a more readable tab size (opinionated).
 */
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/**
 * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 */
/* Grouping content
   ========================================================================== */
/**
 * Add the correct height in Firefox.
 */
hr {
  height: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Add the correct text decoration in Chrome, Edge, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}

/**
 * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp, pre {
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */
legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome and Firefox.
 */
progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Chrome and Safari.
 */
summary {
  display: list-item;
}

/*
  Override SASS' handling of HSL(a) color functions, don't touch it and let CSS handle it itself.
  This will enable the trick with variable alpha channels for CSS color variables (see below).
*/
/*
// Breakpoints
$break-xs: 25rem !default; // small
$break-s: 35rem !default; // small
$break-m: 45rem !default; // medium
$break-t: 52.5rem !default; // tablet
$break-l: 60rem !default; // large (desktop)
$break-xl: 75rem !default; // extra-large
$break-hd: 100rem !default;
*/
/*
  Function for defining (not only) vertical rhythm by multiplies of 12px
    Examples:
    width: size(2); (equals to "width: 24px;")
    line-height: size(3); (equals to "line-height: 36px;")
*/
:root {
  /*
    Usage:
    - regular colors: "color: var(--hub);"
    - transparent colors: "color: hsla(var(--hub-hsl), 0.3);" (mind the "-hsl" suffix in variable)
  */
  --secondary: hsl(132, 58%, 45%);
  --secondary-hsl: 132, 58%, 45%;
  --secondary-darker: hsl(132, 58%, 31%);
  --secondary-darker-hsl: 132, 58%, 31%;
  --hub: hsl(210, 53%, 54%);
  --hub-hsl: 210, 53%, 54%%;
  --hub-darker: hsl(210, 53%, 48%);
  --hub-darker-hsl: 210, 53%, 48%;
  /*--hub: hsl(278, 30%, 48%);
  --hub-hsl: 278, 30%, 48%;
  --hub-darker: hsl(278, 34%, 31%);
  --hub-darker-hsl: 278, 34%, 31%;*/
  --oss: hsl(2, 48%, 39%);
  --oss-hsl: 2, 48%, 39%;
  --oss-darker: hsl(2, 52%, 25%);
  --oss-darker-hsl: 2, 52%, 25%;
  --enterprise: hsl(162, 24%, 38%);
  --enterprise-hsl: 162, 24%, 38%;
  --enterprise-darker: hsl(162, 26%, 26%);
  --enterprise-darker-hsl: 162, 26%, 26%;
  --vault: hsl(229, 25%, 45%);
  --vault-hsl: 229, 25%, 45%;
  --vault-darker: hsl(230, 28%, 31%);
  --vault-darker-hsl: 230, 28%, 31%;
  --secondary: hsl(0, 3%, 41%);
  --secondary-hsl: 0, 3%, 41%;
  --secondary-darker: hsl(0, 3%, 48%);
  --secondary-darker-hsl: 0, 3%, 48%;
  --text: hsl(0, 3%, 15%);
  --text-hsl: 0, 3%, 15%;
  --text-muted: hsl(0, 3%, 41%);
  --text-muted-hsl: 0, 3%, 41%;
  --text-light: hsl(0, 5%, 63%);
  --text-light-hsl: 0, 5%, 63%;
  --card: hsl(0, 0%, 100%);
  --card-hsl: 0, 0%, 100%;
  --card-muted: hsl(0, 0%, 98%);
  --card-muted-hsl: 0, 0%, 98%;
  --info: hsl(205, 74%, 53%);
  --info-hsl: 205, 74%, 53%;
  --success: hsl(131, 31%, 52%);
  --success-hsl: 131, 31%, 52%;
  --warning: hsl(47, 86%, 47%);
  --warning-hsl: 47, 86%, 47%;
  --alert: hsl(2, 58%, 48%);
  --alert-hsl: 2, 58%, 48%;
  --bg: hsl(0, 5%, 93%);
  --bg-hsl: 0, 5%, 93%;
  --bg-muted: hsl(0, 4%, 89%);
  --bg-muted-hsl: 0, 4%, 89%;
  --bg-white: hsl(0, 0%, 100%);
  --bg-white-hsl: 0, 0%, 100%;
  --radius: 4px;
  --card-paddingV: 24px;
  --card-paddingH: 12px;
}
@media only screen and (min-width: 769px) {
  :root {
    --card-paddingV: 24px;
    --card-paddingH: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --card-paddingV: 36px;
    --card-paddingH: 36px;
  }
}

/*
  Usage:
  @extend %box-shadow;
*/
.card .card-footer {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.07) inset;
}

#pricing .feature-table, div.wrapper, .card, input, #faq .questions details, #faq ul, #site-navbar {
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.04), 0px 3px 4px rgba(0, 0, 0, 0.1);
  border-radius: var(--radius);
}

#pricing .feature-table tr, .card .card-footer a svg, .button:not(.is-white), form input, form select, form textarea, form label, #faq .questions summary::after, #faq .questions summary, #faq .questions details, #faq ul li.category .tag, #faq ul li.category, #site-navbar .navbar-item.logo-title {
  transition: all 0.15s;
}
@media (prefers-reduced-motion) {
  #pricing .feature-table tr, .card .card-footer a svg, .button:not(.is-white), form input, form select, form textarea, form label, #faq .questions summary::after, #faq .questions summary, #faq .questions details, #faq ul li.category .tag, #faq ul li.category, #site-navbar .navbar-item.logo-title {
    transition: none;
  }
}

/*
  Self-hosted fonts
*/
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/fonts/Inter-Regular.woff2?v=3.18") format("woff2"), url("/dist/fonts/Inter-Regular.woff?v=3.18") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/dist/fonts/Inter-Medium.woff2?v=3.18") format("woff2"), url("/dist/fonts/Inter-Medium.woff?v=3.18") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/dist/fonts/Inter-SemiBold.woff2?v=3.18") format("woff2"), url("/dist/fonts/Inter-SemiBold.woff?v=3.18") format("woff");
}
/* -------------------------------------------------------
Variable font.
Usage:

  body {
    font-family: 'Inter', sans-serif; // use regular Inter font by default..
    @supports (font-variation-settings: normal) {
      font-family: 'Inter var', sans-serif; // ..but if supported, use variable Inter font instead (all-in-one)
    }
  }

*/
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("/dist/fonts/Inter-roman.var.woff2?v=3.18") format("woff2");
}
#site-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}

#site-navbar {
  border-radius: 0;
}
#site-navbar .logo {
  height: 36px;
  width: 36px;
  margin-right: 8px;
}
#site-navbar a.navbar-item.active {
  color: var(--hub);
  background: hsla(var(--hub-hsl), 0.1);
  font-weight: 600;
}
#site-navbar .navbar-item {
  color: var(--text-muted);
}
#site-navbar .navbar-item.logo-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  padding: 24px 0;
}
#site-navbar .navbar-item.logo-title span {
  font-weight: 400;
  color: var(--text-muted);
}
#site-navbar .navbar-item.logo-title:hover, #site-navbar .navbar-item.logo-title:focus {
  opacity: 0.8;
}
#site-navbar .navbar-item.active {
  color: var(--text);
}
#site-navbar .navbar-item:hover, #site-navbar .navbar-item:focus {
  color: var(--text);
}
#site-navbar .navbar-item a.social {
  background: transparent;
  margin: 0 0.5rem 0 0;
  padding: 0;
  width: 30px;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  #site-navbar .navbar-item a.social {
    width: 24px;
    margin: 0 0.3rem 0 0;
    position: relative;
    top: -2px;
  }
  #site-navbar .navbar-item a.social:last-of-type {
    margin: 0;
  }
}
#site-navbar .navbar-item a.social .icon {
  width: 100%;
  height: auto;
}
#site-navbar .navbar-item a.social .icon * {
  fill: var(--text-light);
  width: 100%;
}
#site-navbar .navbar-item a.social:hover .icon *, #site-navbar .navbar-item a.social:focus .icon * {
  fill: var(--text-muted);
}
#site-navbar .navbar-link:hover {
  color: var(--text);
}
#site-navbar.--product {
  padding: 12px 0;
}
@media only screen and (min-width: 1024px) {
  #site-navbar.--product {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}

/*

  ----- HERO HEADER -----

  Uses header/hero.html partial for layout & file's frontmatter for content

*/
#hero {
  width: 100%;
  color: var(--bg-white);
  text-align: center;
  background-size: cover;
  position: relative;
  background-blend-mode: soft-light;
}
#hero .heading {
  padding: 72px 0 48px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  #hero .heading {
    padding: 96px 0 72px;
  }
}
@media only screen and (min-width: 1024px) {
  #hero .heading {
    padding: 120px 0 96px;
  }
}
@media only screen and (min-width: 1216px) {
  #hero .heading {
    padding: 168px 0 108px;
  }
}
#hero .heading h1 {
  color: var(--bg-white);
}
#hero .heading p.lead {
  font-size: 16px;
  color: var(--card);
  opacity: 0.85;
  max-width: 600px;
  text-align: center;
  margin: 24px auto 36px;
}
@media only screen and (min-width: 769px) {
  #hero .heading p.lead {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  #hero .heading p.lead {
    font-size: 20px;
    line-height: 30px;
  }
}
#hero .heading .actions img {
  padding-right: 12px;
}
#hero .heading .button {
  background: hsla(var(--bg-white-hsl), 0.2);
  color: var(--bg-white);
  margin-bottom: 12px;
}
#hero .heading .button:hover {
  background: hsla(var(--bg-white-hsl), 0.3);
}
#hero .heading .button:focus {
  background: hsla(var(--bg-white-hsl), 0.27);
}
#hero .hero-image {
  width: 100%;
  margin: 0 0 -5px;
  padding: 0 0.5rem;
}
@media only screen and (min-width: 769px) {
  #hero .hero-image {
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  #hero .hero-image {
    width: 90%;
  }
}
#hero.section {
  padding-top: 0;
  padding-bottom: 0;
}
#hero .shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(180deg, rgba(38, 36, 36, 0) 0%, #262424 100%);
  opacity: 0.6;
}
@media only screen and (min-width: 769px) {
  #hero .shadow {
    opacity: 0.3;
  }
}
#hero.home {
  background-image: url("/images/hero-bg-min.jpg"), linear-gradient(135deg, #30B44A 0%, #4B89C8 100%);
}
#hero.enterprise-agent {
  background-image: url("/images/hero-bg-min.jpg"), linear-gradient(to right, #4a796b 0%, #315349 50%, #4a796b 100%);
}
#hero.oss-agent {
  background-image: url("/images/hero-bg-min.jpg"), linear-gradient(to right, #AD4643 0%, #792E2C 50%, #AD4643 100%);
}
#hero.vault {
  background-image: url("/images/hero-bg-min.jpg"), linear-gradient(to right, #555F8E 0%, #3A4166 50%, #555F8E 100%);
}
#hero.hub {
  background-image: url("/images/hero-bg-min.jpg"), linear-gradient(to right, #AD4643 0%, #792E2C 50%, #AD4643 100%);
}
#hero.about {
  background-image: url("/images/hero-bg-min.jpg"), linear-gradient(to right, #726977 0%, #504954 50%, #726977 100%);
}

/*

  ----- FAQ SECTION -----

  Uses components/faq.html partial for layout

*/
#faq {
  margin: 12px 0 0;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 769px) {
  #faq {
    background: url("/images/faq-bg-min.jpg") 50% 0;
    background-size: cover;
    padding-top: 6rem;
  }
}
@media only screen and (min-width: 1024px) {
  #faq {
    padding-top: 8rem;
  }
}
#faq header.section-header {
  text-align: center;
  margin: 0 0 48px;
}
#faq .sidebar {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 769px) {
  #faq .sidebar {
    flex-direction: column;
  }
}
#faq .search {
  position: relative;
  margin: 12px 0 0;
}
@media only screen and (min-width: 769px) {
  #faq .search {
    margin: 0 0 36px;
  }
}
#faq .search::before {
  content: "";
  background: url("/icons/search.svg");
  width: 18px;
  height: 18px;
  position: absolute;
  left: 24px;
  top: 20px;
  z-index: 1;
}
#faq .search input {
  padding: 12px 24px 12px 60px;
  line-height: 36px;
}
#faq .name {
  flex: 1;
}
#faq .not-found {
  background: hsla(var(--card-muted-hsl), 0.5);
  padding: 48px 36px 36px;
  text-align: center;
  border: 2px dashed hsla(var(--text-light-hsl), 0.4);
  border-radius: var(--radius);
}
@media only screen and (min-width: 769px) {
  #faq .not-found {
    padding: 72px 120px;
  }
}
#faq .not-found h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 769px) {
  #faq .not-found h5 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  #faq .not-found h5 {
    font-size: 20px;
  }
}
#faq .not-found p {
  font-size: 15px;
  margin: 0 0 24px;
}
#faq ul {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  background-color: var(--card-muted);
  border-radius: var(--radius);
}
#faq ul li.category {
  line-height: 23px;
  padding: 12px 24px;
  border-bottom: 1px solid var(--bg-muted);
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
}
#faq ul li.category:hover {
  color: var(--text);
  background: hsla(var(--card-hsl), 0.3);
}
#faq ul li.category:hover .tag {
  color: var(--text-muted);
  border-color: hsla(var(--text-muted-hsl), 0.3);
}
#faq ul li.category.active {
  color: var(--text);
  font-weight: 500;
  background: var(--card);
}
#faq ul li.category.active .tag {
  border-color: hsla(var(--hub-hsl), 0.5);
  background: hsla(var(--hub-hsl), 0.1);
  color: var(--hub);
  font-weight: 600;
}
#faq ul li.category .tag {
  line-height: 21px;
  color: var(--text-light);
  border: 1px solid var(--bg-muted);
  background: hsla(var(--bg-muted-hsl), 0.05);
  padding: 0 6px;
}
#faq ul:last-child {
  border-bottom: 0;
}
#faq .content h3 {
  margin: 12px 0 24px;
}
@media only screen and (min-width: 769px) {
  #faq .content h3 {
    display: none;
  }
}
#faq .questions details {
  margin: 0 0 12px 0;
  font-size: 15px;
  line-height: 24px;
  background: var(--card-muted);
  border-radius: var(--radius);
}
#faq .questions details[open] {
  background: var(--card);
}
#faq .questions details[open] summary {
  color: var(--text);
  font-weight: 500;
}
#faq .questions details[open] summary::after {
  transform: rotate(180deg);
  opacity: 1;
}
#faq .questions details[open] .answer {
  padding: 12px 0;
  margin: 0 24px;
  border-top: 1px solid var(--bg-muted);
}
@media only screen and (min-width: 1216px) {
  #faq .questions details[open] .answer p {
    font-size: 15px;
    line-height: 24px;
  }
}
#faq .questions details[open] .answer a {
  text-decoration: underline;
}
#faq .questions details[open] .answer a:focus, #faq .questions details[open] .answer a:hover {
  text-decoration: none;
}
#faq .questions summary {
  cursor: pointer;
  list-style: none;
  position: relative;
  font-weight: 500;
  padding: 12px 48px 12px 24px;
}
#faq .questions summary:hover, #faq .questions summary:focus {
  color: var(--text);
  background: hsla(var(--card-hsl), 0.5);
}
#faq .questions summary::after {
  content: "";
  background-image: url("/icons/triangle-down.svg");
  position: absolute;
  right: 24px;
  top: 20px;
  width: 12px;
  height: 6px;
  opacity: 0.5;
}
#faq .questions summary .tag {
  margin-right: 6px;
  line-height: 22px;
  position: relative;
  top: -1px;
  color: var(--text-muted);
  border: 1px solid hsla(var(--text-muted-hsl), 0.5);
  background: hsla(var(--text-muted-hsl), 0.05);
}
#faq .questions summary .tag.--enterprise {
  color: var(--enterprise);
  border: 1px solid hsla(var(--enterprise-hsl), 0.5);
  background: hsla(var(--enterprise-hsl), 0.05);
}
#faq .questions summary .tag.--open-source {
  color: var(--oss);
  border: 1px solid hsla(var(--oss-hsl), 0.5);
  background: hsla(var(--oss-hsl), 0.05);
}
#faq .questions summary .tag.--vault {
  color: var(--vault);
  border: 1px solid hsla(var(--vault-hsl), 0.5);
  background: hsla(var(--vault-hsl), 0.05);
}
#faq .questions summary .tag.--hub {
  color: var(--hub);
  border: 1px solid hsla(var(--hub-hsl), 0.5);
  background: hsla(var(--hub-hsl), 0.05);
}

/*
.about-page {
} // .about-page
*/
section.about-intro {
  margin-top: -72px;
}
@media only screen and (min-width: 769px) {
  section.about-intro {
    margin-top: -84px;
  }
}
@media only screen and (min-width: 1024px) {
  section.about-intro {
    margin-top: -96px;
  }
}
section.about-intro .card {
  padding: 24px;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  section.about-intro .card {
    padding: 36px;
  }
}
@media only screen and (min-width: 1024px) {
  section.about-intro .card {
    padding: 48px;
    max-width: 50rem;
  }
}
@media only screen and (min-width: 1216px) {
  section.about-intro .card {
    max-width: 60rem;
  }
}
section.about-intro .text {
  text-align: left;
}
@media only screen and (min-width: 769px) {
  section.about-intro .text {
    -moz-column-count: 2;
         column-count: 2;
    margin-top: 36px;
  }
}
section.about-intro .text p {
  margin: 12px 0 0;
}
@media only screen and (min-width: 769px) {
  section.about-intro .text p {
    margin: 0;
  }
}

section.kerberos-team header.section-header {
  text-align: center;
  margin-bottom: 36px;
}
section.kerberos-team .card {
  --card-paddingH: 24px;
}
@media only screen and (min-width: 1024px) {
  section.kerberos-team .card {
    --card-paddingV: 24px;
    text-align: left;
  }
}
@media only screen and (min-width: 1216px) {
  section.kerberos-team .card {
    --card-paddingV: 36px;
    --card-paddingH: 36px;
  }
}
section.kerberos-team .card .photo {
  display: block;
  border-radius: 50%;
  width: 96px;
  margin: 0 auto -12px;
}
section.kerberos-team .card .name {
  margin: 0;
  color: var(--text);
  font-weight: 600;
  font-size: 18px;
  line-height: 36px;
}
section.kerberos-team .card .role {
  color: var(--text-light);
}
section.kerberos-team .card .bio {
  text-align: left;
  margin: 12px 0 0;
}

#available-jobs {
  margin: 36px 0 0 0;
}
#available-jobs header.section-header {
  margin-bottom: 36px;
  text-align: center;
}
#available-jobs .columns {
  align-items: flex-start;
}
#available-jobs .item {
  background: #F3F3F3;
  margin-bottom: 12px;
}
#available-jobs .item:last-of-type {
  margin: 0;
}
#available-jobs .item .title {
  margin: 0 0 6px;
  line-height: 24px;
}
#available-jobs .item .tags {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
@media only screen and (min-width: 1216px) {
  #available-jobs .item .tags {
    margin: 0 0 36px;
  }
}
#available-jobs .item .tags li {
  display: inline-block;
  font-size: 15px;
  margin-right: 6px;
  color: var(--text);
  font-weight: 500;
}
@media only screen and (min-width: 1216px) {
  #available-jobs .item .tags li {
    font-size: 18px;
  }
}
#available-jobs .item .tags li::before {
  content: "#";
}
#available-jobs .item .description {
  font-size: 15px;
  color: var(--text-muted);
}
@media only screen and (min-width: 1216px) {
  #available-jobs .item .description {
    font-size: 18px;
    margin: 0 0 24px;
  }
}
#available-jobs .illustration {
  overflow: hidden;
  text-align: center;
}
#available-jobs .illustration img {
  border-radius: var(--radius);
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  #available-jobs .illustration img {
    margin: 0;
    max-width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  #available-jobs .illustration img {
    max-width: 93%;
  }
}

#contact {
  background: url("/images/faq-bg-min.jpg") var(--bg);
  background-size: cover;
}
#contact header.section-header {
  text-align: center;
  margin-bottom: 36px;
  padding: 24px 0 0;
}
#contact .card.--contact {
  --card-paddingV: 0;
  --card-paddingH: 0;
  text-align: left;
  max-width: 30rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  #contact .card.--contact {
    display: flex;
    max-width: none;
  }
}
#contact .contact-details {
  background: var(--card-muted);
  box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1024px) {
  #contact .contact-details {
    flex: 1 1 45%;
    box-shadow: inset -4px 0 8px -3px rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (min-width: 1216px) {
  #contact .contact-details {
    flex: 1 1 40%;
  }
}
#contact .contact-details img.office {
  display: block;
  width: 100%;
}
#contact .contact-details .details {
  padding: 36px;
}
#contact .contact-details .details h3 {
  margin-bottom: 12px;
}
#contact .contact-details .details ul.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 24px;
}
#contact .contact-details .details a {
  color: var(--hub);
}
#contact .contact-details .details a:hover, #contact .contact-details .details a:focus {
  text-decoration: underline;
}
#contact form.contact-form {
  padding: 36px;
}
@media only screen and (min-width: 1024px) {
  #contact form.contact-form {
    flex: 1 1 55%;
    padding: 36px 48px;
  }
}
@media only screen and (min-width: 1216px) {
  #contact form.contact-form {
    flex: 1 1 60%;
    padding: 48px 72px;
  }
}
#contact form.contact-form #contact-form-body .error {
  background: hsla(var(--alert-hsl), 0.1);
  color: var(--alert);
  border-color: var(--alert);
}
#contact form.contact-form #contact-form-body .error::-moz-placeholder {
  color: var(--alert);
}
#contact form.contact-form #contact-form-body .error:-ms-input-placeholder {
  color: var(--alert);
}
#contact form.contact-form #contact-form-body .error::placeholder {
  color: var(--alert);
}
#contact form.contact-form button {
  margin: 0 0 36px 0;
}
@media only screen and (min-width: 769px) {
  #contact form.contact-form .row {
    display: flex;
  }
}
@media only screen and (min-width: 769px) {
  #contact form.contact-form .row > * {
    flex: 1;
    margin-right: 24px;
  }
}
#contact form.contact-form .row > *:last-child {
  margin: 0;
}
#contact form.contact-form p {
  margin: 0;
}
#contact form.contact-form p.status {
  display: none;
  background: var(--bg);
  line-height: 18px;
  padding: 12px 18px;
  margin: 0 0 24px;
  border-radius: var(--radius);
  font-size: 13px;
  font-weight: 500;
}
@media only screen and (min-width: 1216px) {
  #contact form.contact-form p.status {
    line-height: 24px;
    padding: 12px 24px;
    font-size: 15px;
  }
}
#contact form.contact-form p.status.--success {
  background: hsla(var(--success-hsl), 0.1);
  color: var(--success);
}
#contact form.contact-form p.status.--error {
  background: hsla(var(--alert-hsl), 0.1);
  color: var(--alert);
}
#contact form.contact-form p.status a {
  color: inherit;
  text-decoration: underline;
}
#contact form.contact-form p.status a:focus, #contact form.contact-form p.status a:hover {
  text-decoration: none;
}

.asciinema-player-wrapper {
  position: relative;
  text-align: center;
  outline: none;
}

.asciinema-player-wrapper .title-bar {
  display: none;
  top: -78px;
  transition: top 0.15s linear;
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: content-box;
  font-size: 20px;
  line-height: 1em;
  padding: 15px;
  font-family: sans-serif;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
}

.asciinema-player-wrapper .title-bar img {
  vertical-align: middle;
  height: 48px;
  margin-right: 16px;
}

.asciinema-player-wrapper .title-bar a {
  color: white;
  text-decoration: underline;
}

.asciinema-player-wrapper .title-bar a:hover {
  text-decoration: none;
}

.asciinema-player-wrapper:-webkit-full-screen {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asciinema-player-wrapper:-ms-fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asciinema-player-wrapper:fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asciinema-player-wrapper:-webkit-full-screen .asciinema-player {
  position: static;
}

.asciinema-player-wrapper:-ms-fullscreen .asciinema-player {
  position: static;
}

.asciinema-player-wrapper:fullscreen .asciinema-player {
  position: static;
}

.asciinema-player-wrapper:-webkit-full-screen .title-bar {
  display: initial;
}

.asciinema-player-wrapper:-ms-fullscreen .title-bar {
  display: initial;
}

.asciinema-player-wrapper:fullscreen .title-bar {
  display: initial;
}

.asciinema-player-wrapper:-webkit-full-screen.hud .title-bar {
  top: 0;
}

.asciinema-player-wrapper:-ms-fullscreen.hud .title-bar {
  top: 0;
}

.asciinema-player-wrapper:fullscreen.hud .title-bar {
  top: 0;
}

.asciinema-player-wrapper:-webkit-full-screen {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asciinema-player-wrapper:-webkit-full-screen .asciinema-player {
  position: static;
}

.asciinema-player-wrapper:-webkit-full-screen .title-bar {
  display: initial;
}

.asciinema-player-wrapper:-webkit-full-screen.hud .title-bar {
  top: 0;
}

.asciinema-player-wrapper:-moz-full-screen {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asciinema-player-wrapper:-moz-full-screen .asciinema-player {
  position: static;
}

.asciinema-player-wrapper:-moz-full-screen .title-bar {
  display: initial;
}

.asciinema-player-wrapper:-moz-full-screen.hud .title-bar {
  top: 0;
}

.asciinema-player-wrapper:-ms-fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asciinema-player-wrapper:-ms-fullscreen .asciinema-player {
  position: static;
}

.asciinema-player-wrapper:-ms-fullscreen .title-bar {
  display: initial;
}

.asciinema-player-wrapper:-ms-fullscreen.hud .title-bar {
  top: 0;
}

.asciinema-player-wrapper .asciinema-player {
  text-align: left;
  display: inline-block;
  padding: 0px;
  position: relative;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  overflow: hidden;
  max-width: 100%;
}

.asciinema-terminal {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  overflow: hidden;
  padding: 0;
  margin: 0px;
  display: block;
  white-space: pre;
  border: 0;
  word-wrap: normal;
  word-break: normal;
  border-radius: 0;
  border-style: solid;
  cursor: text;
  border-width: 0.5em;
  font-family: Consolas, Menlo, "Bitstream Vera Sans Mono", monospace, "Powerline Symbols";
  line-height: 1.3333333333em;
}

.asciinema-terminal .line {
  letter-spacing: normal;
  overflow: hidden;
  height: 1.3333333333em;
}

.asciinema-terminal .line span {
  padding: 0;
  display: inline-block;
  height: 1.3333333333em;
}

.asciinema-terminal .line {
  display: block;
  width: 200%;
}

.asciinema-terminal .bright {
  font-weight: bold;
}

.asciinema-terminal .underline {
  text-decoration: underline;
}

.asciinema-terminal .italic {
  font-style: italic;
}

.asciinema-terminal.font-small {
  font-size: 12px;
}

.asciinema-terminal.font-medium {
  font-size: 18px;
}

.asciinema-terminal.font-big {
  font-size: 24px;
}

.asciinema-player .control-bar {
  width: 100%;
  height: 32px;
  background: rgba(0, 0, 0, 0.8);
  /* no gradient fallback */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, #000000 25%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #bbbbbb;
  box-sizing: content-box;
  line-height: 1;
  position: absolute;
  bottom: -35px;
  left: 0;
  transition: bottom 0.15s linear;
}

.asciinema-player .control-bar * {
  box-sizing: inherit;
  font-size: 0;
}

.asciinema-player .control-bar svg.icon path {
  fill: #bbbbbb;
}

.asciinema-player .control-bar .playback-button {
  display: block;
  float: left;
  cursor: pointer;
  height: 12px;
  width: 12px;
  padding: 10px;
}

.asciinema-player .control-bar .playback-button svg {
  height: 12px;
  width: 12px;
}

.asciinema-player .control-bar .timer {
  display: block;
  float: left;
  width: 50px;
  height: 100%;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 32px;
  cursor: default;
}

.asciinema-player .control-bar .timer span {
  display: inline-block;
  font-size: inherit;
}

.asciinema-player .control-bar .timer .time-remaining {
  display: none;
}

.asciinema-player .control-bar .timer:hover .time-elapsed {
  display: none;
}

.asciinema-player .control-bar .timer:hover .time-remaining {
  display: inline;
}

.asciinema-player .control-bar .progressbar {
  display: block;
  overflow: hidden;
  height: 100%;
  padding: 0 10px;
}

.asciinema-player .control-bar .progressbar .bar {
  display: block;
  cursor: pointer;
  height: 100%;
  padding-top: 15px;
  font-size: 0;
}

.asciinema-player .control-bar .progressbar .bar .gutter {
  display: block;
  height: 3px;
  background-color: #333;
}

.asciinema-player .control-bar .progressbar .bar .gutter span {
  display: inline-block;
  height: 100%;
  background-color: #bbbbbb;
  border-radius: 3px;
}

.asciinema-player .control-bar.live .progressbar .bar {
  cursor: default;
}

.asciinema-player .control-bar .fullscreen-button {
  display: block;
  float: right;
  width: 14px;
  height: 14px;
  padding: 9px;
  cursor: pointer;
}

.asciinema-player .control-bar .fullscreen-button svg {
  width: 14px;
  height: 14px;
}

.asciinema-player .control-bar .fullscreen-button svg:first-child {
  display: inline;
}

.asciinema-player .control-bar .fullscreen-button svg:last-child {
  display: none;
}

.asciinema-player-wrapper.hud .control-bar {
  bottom: 0px;
}

.asciinema-player-wrapper:-webkit-full-screen .fullscreen-button svg:first-child {
  display: none;
}

.asciinema-player-wrapper:-ms-fullscreen .fullscreen-button svg:first-child {
  display: none;
}

.asciinema-player-wrapper:fullscreen .fullscreen-button svg:first-child {
  display: none;
}

.asciinema-player-wrapper:-webkit-full-screen .fullscreen-button svg:last-child {
  display: inline;
}

.asciinema-player-wrapper:-ms-fullscreen .fullscreen-button svg:last-child {
  display: inline;
}

.asciinema-player-wrapper:fullscreen .fullscreen-button svg:last-child {
  display: inline;
}

.asciinema-player-wrapper:-webkit-full-screen .fullscreen-button svg:first-child {
  display: none;
}

.asciinema-player-wrapper:-webkit-full-screen .fullscreen-button svg:last-child {
  display: inline;
}

.asciinema-player-wrapper:-moz-full-screen .fullscreen-button svg:first-child {
  display: none;
}

.asciinema-player-wrapper:-moz-full-screen .fullscreen-button svg:last-child {
  display: inline;
}

.asciinema-player-wrapper:-ms-fullscreen .fullscreen-button svg:first-child {
  display: none;
}

.asciinema-player-wrapper:-ms-fullscreen .fullscreen-button svg:last-child {
  display: inline;
}

.asciinema-player .loading {
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 32px;
  background-color: rgba(0, 0, 0, 0.5);
}

.asciinema-player .start-prompt {
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 32px;
  z-index: 20;
  cursor: pointer;
}

.asciinema-player .start-prompt .play-button {
  font-size: 0px;
}

.asciinema-player .start-prompt .play-button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: white;
  display: table;
  width: 100%;
  height: 100%;
}

.asciinema-player .start-prompt .play-button div {
  vertical-align: middle;
  display: table-cell;
}

.asciinema-player .start-prompt .play-button div span {
  width: 96px;
  height: 96px;
  display: inline-block;
}

@-webkit-keyframes expand {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    z-index: 1;
  }
}
@keyframes expand {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    z-index: 1;
  }
}
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 6.66667px #141414;
  width: 40px;
  height: 40px;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  margin: -21px 0 0 -21px;
  border-radius: 50%;
  z-index: 2;
  width: 42px;
  height: 42px;
}

.loader:before {
  background-color: #141414;
  -webkit-animation: expand 1.6s linear infinite both;
  animation: expand 1.6s linear infinite both;
}

.loader:after {
  background-color: white;
  -webkit-animation: expand 1.6s linear 0.8s infinite both;
  animation: expand 1.6s linear 0.8s infinite both;
}

.asciinema-terminal .fg-16 {
  color: #000000;
}

.asciinema-terminal .bg-16 {
  background-color: #000000;
}

.asciinema-terminal .fg-17 {
  color: #00005f;
}

.asciinema-terminal .bg-17 {
  background-color: #00005f;
}

.asciinema-terminal .fg-18 {
  color: #000087;
}

.asciinema-terminal .bg-18 {
  background-color: #000087;
}

.asciinema-terminal .fg-19 {
  color: #0000af;
}

.asciinema-terminal .bg-19 {
  background-color: #0000af;
}

.asciinema-terminal .fg-20 {
  color: #0000d7;
}

.asciinema-terminal .bg-20 {
  background-color: #0000d7;
}

.asciinema-terminal .fg-21 {
  color: #0000ff;
}

.asciinema-terminal .bg-21 {
  background-color: #0000ff;
}

.asciinema-terminal .fg-22 {
  color: #005f00;
}

.asciinema-terminal .bg-22 {
  background-color: #005f00;
}

.asciinema-terminal .fg-23 {
  color: #005f5f;
}

.asciinema-terminal .bg-23 {
  background-color: #005f5f;
}

.asciinema-terminal .fg-24 {
  color: #005f87;
}

.asciinema-terminal .bg-24 {
  background-color: #005f87;
}

.asciinema-terminal .fg-25 {
  color: #005faf;
}

.asciinema-terminal .bg-25 {
  background-color: #005faf;
}

.asciinema-terminal .fg-26 {
  color: #005fd7;
}

.asciinema-terminal .bg-26 {
  background-color: #005fd7;
}

.asciinema-terminal .fg-27 {
  color: #005fff;
}

.asciinema-terminal .bg-27 {
  background-color: #005fff;
}

.asciinema-terminal .fg-28 {
  color: #008700;
}

.asciinema-terminal .bg-28 {
  background-color: #008700;
}

.asciinema-terminal .fg-29 {
  color: #00875f;
}

.asciinema-terminal .bg-29 {
  background-color: #00875f;
}

.asciinema-terminal .fg-30 {
  color: #008787;
}

.asciinema-terminal .bg-30 {
  background-color: #008787;
}

.asciinema-terminal .fg-31 {
  color: #0087af;
}

.asciinema-terminal .bg-31 {
  background-color: #0087af;
}

.asciinema-terminal .fg-32 {
  color: #0087d7;
}

.asciinema-terminal .bg-32 {
  background-color: #0087d7;
}

.asciinema-terminal .fg-33 {
  color: #0087ff;
}

.asciinema-terminal .bg-33 {
  background-color: #0087ff;
}

.asciinema-terminal .fg-34 {
  color: #00af00;
}

.asciinema-terminal .bg-34 {
  background-color: #00af00;
}

.asciinema-terminal .fg-35 {
  color: #00af5f;
}

.asciinema-terminal .bg-35 {
  background-color: #00af5f;
}

.asciinema-terminal .fg-36 {
  color: #00af87;
}

.asciinema-terminal .bg-36 {
  background-color: #00af87;
}

.asciinema-terminal .fg-37 {
  color: #00afaf;
}

.asciinema-terminal .bg-37 {
  background-color: #00afaf;
}

.asciinema-terminal .fg-38 {
  color: #00afd7;
}

.asciinema-terminal .bg-38 {
  background-color: #00afd7;
}

.asciinema-terminal .fg-39 {
  color: #00afff;
}

.asciinema-terminal .bg-39 {
  background-color: #00afff;
}

.asciinema-terminal .fg-40 {
  color: #00d700;
}

.asciinema-terminal .bg-40 {
  background-color: #00d700;
}

.asciinema-terminal .fg-41 {
  color: #00d75f;
}

.asciinema-terminal .bg-41 {
  background-color: #00d75f;
}

.asciinema-terminal .fg-42 {
  color: #00d787;
}

.asciinema-terminal .bg-42 {
  background-color: #00d787;
}

.asciinema-terminal .fg-43 {
  color: #00d7af;
}

.asciinema-terminal .bg-43 {
  background-color: #00d7af;
}

.asciinema-terminal .fg-44 {
  color: #00d7d7;
}

.asciinema-terminal .bg-44 {
  background-color: #00d7d7;
}

.asciinema-terminal .fg-45 {
  color: #00d7ff;
}

.asciinema-terminal .bg-45 {
  background-color: #00d7ff;
}

.asciinema-terminal .fg-46 {
  color: #00ff00;
}

.asciinema-terminal .bg-46 {
  background-color: #00ff00;
}

.asciinema-terminal .fg-47 {
  color: #00ff5f;
}

.asciinema-terminal .bg-47 {
  background-color: #00ff5f;
}

.asciinema-terminal .fg-48 {
  color: #00ff87;
}

.asciinema-terminal .bg-48 {
  background-color: #00ff87;
}

.asciinema-terminal .fg-49 {
  color: #00ffaf;
}

.asciinema-terminal .bg-49 {
  background-color: #00ffaf;
}

.asciinema-terminal .fg-50 {
  color: #00ffd7;
}

.asciinema-terminal .bg-50 {
  background-color: #00ffd7;
}

.asciinema-terminal .fg-51 {
  color: #00ffff;
}

.asciinema-terminal .bg-51 {
  background-color: #00ffff;
}

.asciinema-terminal .fg-52 {
  color: #5f0000;
}

.asciinema-terminal .bg-52 {
  background-color: #5f0000;
}

.asciinema-terminal .fg-53 {
  color: #5f005f;
}

.asciinema-terminal .bg-53 {
  background-color: #5f005f;
}

.asciinema-terminal .fg-54 {
  color: #5f0087;
}

.asciinema-terminal .bg-54 {
  background-color: #5f0087;
}

.asciinema-terminal .fg-55 {
  color: #5f00af;
}

.asciinema-terminal .bg-55 {
  background-color: #5f00af;
}

.asciinema-terminal .fg-56 {
  color: #5f00d7;
}

.asciinema-terminal .bg-56 {
  background-color: #5f00d7;
}

.asciinema-terminal .fg-57 {
  color: #5f00ff;
}

.asciinema-terminal .bg-57 {
  background-color: #5f00ff;
}

.asciinema-terminal .fg-58 {
  color: #5f5f00;
}

.asciinema-terminal .bg-58 {
  background-color: #5f5f00;
}

.asciinema-terminal .fg-59 {
  color: #5f5f5f;
}

.asciinema-terminal .bg-59 {
  background-color: #5f5f5f;
}

.asciinema-terminal .fg-60 {
  color: #5f5f87;
}

.asciinema-terminal .bg-60 {
  background-color: #5f5f87;
}

.asciinema-terminal .fg-61 {
  color: #5f5faf;
}

.asciinema-terminal .bg-61 {
  background-color: #5f5faf;
}

.asciinema-terminal .fg-62 {
  color: #5f5fd7;
}

.asciinema-terminal .bg-62 {
  background-color: #5f5fd7;
}

.asciinema-terminal .fg-63 {
  color: #5f5fff;
}

.asciinema-terminal .bg-63 {
  background-color: #5f5fff;
}

.asciinema-terminal .fg-64 {
  color: #5f8700;
}

.asciinema-terminal .bg-64 {
  background-color: #5f8700;
}

.asciinema-terminal .fg-65 {
  color: #5f875f;
}

.asciinema-terminal .bg-65 {
  background-color: #5f875f;
}

.asciinema-terminal .fg-66 {
  color: #5f8787;
}

.asciinema-terminal .bg-66 {
  background-color: #5f8787;
}

.asciinema-terminal .fg-67 {
  color: #5f87af;
}

.asciinema-terminal .bg-67 {
  background-color: #5f87af;
}

.asciinema-terminal .fg-68 {
  color: #5f87d7;
}

.asciinema-terminal .bg-68 {
  background-color: #5f87d7;
}

.asciinema-terminal .fg-69 {
  color: #5f87ff;
}

.asciinema-terminal .bg-69 {
  background-color: #5f87ff;
}

.asciinema-terminal .fg-70 {
  color: #5faf00;
}

.asciinema-terminal .bg-70 {
  background-color: #5faf00;
}

.asciinema-terminal .fg-71 {
  color: #5faf5f;
}

.asciinema-terminal .bg-71 {
  background-color: #5faf5f;
}

.asciinema-terminal .fg-72 {
  color: #5faf87;
}

.asciinema-terminal .bg-72 {
  background-color: #5faf87;
}

.asciinema-terminal .fg-73 {
  color: #5fafaf;
}

.asciinema-terminal .bg-73 {
  background-color: #5fafaf;
}

.asciinema-terminal .fg-74 {
  color: #5fafd7;
}

.asciinema-terminal .bg-74 {
  background-color: #5fafd7;
}

.asciinema-terminal .fg-75 {
  color: #5fafff;
}

.asciinema-terminal .bg-75 {
  background-color: #5fafff;
}

.asciinema-terminal .fg-76 {
  color: #5fd700;
}

.asciinema-terminal .bg-76 {
  background-color: #5fd700;
}

.asciinema-terminal .fg-77 {
  color: #5fd75f;
}

.asciinema-terminal .bg-77 {
  background-color: #5fd75f;
}

.asciinema-terminal .fg-78 {
  color: #5fd787;
}

.asciinema-terminal .bg-78 {
  background-color: #5fd787;
}

.asciinema-terminal .fg-79 {
  color: #5fd7af;
}

.asciinema-terminal .bg-79 {
  background-color: #5fd7af;
}

.asciinema-terminal .fg-80 {
  color: #5fd7d7;
}

.asciinema-terminal .bg-80 {
  background-color: #5fd7d7;
}

.asciinema-terminal .fg-81 {
  color: #5fd7ff;
}

.asciinema-terminal .bg-81 {
  background-color: #5fd7ff;
}

.asciinema-terminal .fg-82 {
  color: #5fff00;
}

.asciinema-terminal .bg-82 {
  background-color: #5fff00;
}

.asciinema-terminal .fg-83 {
  color: #5fff5f;
}

.asciinema-terminal .bg-83 {
  background-color: #5fff5f;
}

.asciinema-terminal .fg-84 {
  color: #5fff87;
}

.asciinema-terminal .bg-84 {
  background-color: #5fff87;
}

.asciinema-terminal .fg-85 {
  color: #5fffaf;
}

.asciinema-terminal .bg-85 {
  background-color: #5fffaf;
}

.asciinema-terminal .fg-86 {
  color: #5fffd7;
}

.asciinema-terminal .bg-86 {
  background-color: #5fffd7;
}

.asciinema-terminal .fg-87 {
  color: #5fffff;
}

.asciinema-terminal .bg-87 {
  background-color: #5fffff;
}

.asciinema-terminal .fg-88 {
  color: #870000;
}

.asciinema-terminal .bg-88 {
  background-color: #870000;
}

.asciinema-terminal .fg-89 {
  color: #87005f;
}

.asciinema-terminal .bg-89 {
  background-color: #87005f;
}

.asciinema-terminal .fg-90 {
  color: #870087;
}

.asciinema-terminal .bg-90 {
  background-color: #870087;
}

.asciinema-terminal .fg-91 {
  color: #8700af;
}

.asciinema-terminal .bg-91 {
  background-color: #8700af;
}

.asciinema-terminal .fg-92 {
  color: #8700d7;
}

.asciinema-terminal .bg-92 {
  background-color: #8700d7;
}

.asciinema-terminal .fg-93 {
  color: #8700ff;
}

.asciinema-terminal .bg-93 {
  background-color: #8700ff;
}

.asciinema-terminal .fg-94 {
  color: #875f00;
}

.asciinema-terminal .bg-94 {
  background-color: #875f00;
}

.asciinema-terminal .fg-95 {
  color: #875f5f;
}

.asciinema-terminal .bg-95 {
  background-color: #875f5f;
}

.asciinema-terminal .fg-96 {
  color: #875f87;
}

.asciinema-terminal .bg-96 {
  background-color: #875f87;
}

.asciinema-terminal .fg-97 {
  color: #875faf;
}

.asciinema-terminal .bg-97 {
  background-color: #875faf;
}

.asciinema-terminal .fg-98 {
  color: #875fd7;
}

.asciinema-terminal .bg-98 {
  background-color: #875fd7;
}

.asciinema-terminal .fg-99 {
  color: #875fff;
}

.asciinema-terminal .bg-99 {
  background-color: #875fff;
}

.asciinema-terminal .fg-100 {
  color: #878700;
}

.asciinema-terminal .bg-100 {
  background-color: #878700;
}

.asciinema-terminal .fg-101 {
  color: #87875f;
}

.asciinema-terminal .bg-101 {
  background-color: #87875f;
}

.asciinema-terminal .fg-102 {
  color: #878787;
}

.asciinema-terminal .bg-102 {
  background-color: #878787;
}

.asciinema-terminal .fg-103 {
  color: #8787af;
}

.asciinema-terminal .bg-103 {
  background-color: #8787af;
}

.asciinema-terminal .fg-104 {
  color: #8787d7;
}

.asciinema-terminal .bg-104 {
  background-color: #8787d7;
}

.asciinema-terminal .fg-105 {
  color: #8787ff;
}

.asciinema-terminal .bg-105 {
  background-color: #8787ff;
}

.asciinema-terminal .fg-106 {
  color: #87af00;
}

.asciinema-terminal .bg-106 {
  background-color: #87af00;
}

.asciinema-terminal .fg-107 {
  color: #87af5f;
}

.asciinema-terminal .bg-107 {
  background-color: #87af5f;
}

.asciinema-terminal .fg-108 {
  color: #87af87;
}

.asciinema-terminal .bg-108 {
  background-color: #87af87;
}

.asciinema-terminal .fg-109 {
  color: #87afaf;
}

.asciinema-terminal .bg-109 {
  background-color: #87afaf;
}

.asciinema-terminal .fg-110 {
  color: #87afd7;
}

.asciinema-terminal .bg-110 {
  background-color: #87afd7;
}

.asciinema-terminal .fg-111 {
  color: #87afff;
}

.asciinema-terminal .bg-111 {
  background-color: #87afff;
}

.asciinema-terminal .fg-112 {
  color: #87d700;
}

.asciinema-terminal .bg-112 {
  background-color: #87d700;
}

.asciinema-terminal .fg-113 {
  color: #87d75f;
}

.asciinema-terminal .bg-113 {
  background-color: #87d75f;
}

.asciinema-terminal .fg-114 {
  color: #87d787;
}

.asciinema-terminal .bg-114 {
  background-color: #87d787;
}

.asciinema-terminal .fg-115 {
  color: #87d7af;
}

.asciinema-terminal .bg-115 {
  background-color: #87d7af;
}

.asciinema-terminal .fg-116 {
  color: #87d7d7;
}

.asciinema-terminal .bg-116 {
  background-color: #87d7d7;
}

.asciinema-terminal .fg-117 {
  color: #87d7ff;
}

.asciinema-terminal .bg-117 {
  background-color: #87d7ff;
}

.asciinema-terminal .fg-118 {
  color: #87ff00;
}

.asciinema-terminal .bg-118 {
  background-color: #87ff00;
}

.asciinema-terminal .fg-119 {
  color: #87ff5f;
}

.asciinema-terminal .bg-119 {
  background-color: #87ff5f;
}

.asciinema-terminal .fg-120 {
  color: #87ff87;
}

.asciinema-terminal .bg-120 {
  background-color: #87ff87;
}

.asciinema-terminal .fg-121 {
  color: #87ffaf;
}

.asciinema-terminal .bg-121 {
  background-color: #87ffaf;
}

.asciinema-terminal .fg-122 {
  color: #87ffd7;
}

.asciinema-terminal .bg-122 {
  background-color: #87ffd7;
}

.asciinema-terminal .fg-123 {
  color: #87ffff;
}

.asciinema-terminal .bg-123 {
  background-color: #87ffff;
}

.asciinema-terminal .fg-124 {
  color: #af0000;
}

.asciinema-terminal .bg-124 {
  background-color: #af0000;
}

.asciinema-terminal .fg-125 {
  color: #af005f;
}

.asciinema-terminal .bg-125 {
  background-color: #af005f;
}

.asciinema-terminal .fg-126 {
  color: #af0087;
}

.asciinema-terminal .bg-126 {
  background-color: #af0087;
}

.asciinema-terminal .fg-127 {
  color: #af00af;
}

.asciinema-terminal .bg-127 {
  background-color: #af00af;
}

.asciinema-terminal .fg-128 {
  color: #af00d7;
}

.asciinema-terminal .bg-128 {
  background-color: #af00d7;
}

.asciinema-terminal .fg-129 {
  color: #af00ff;
}

.asciinema-terminal .bg-129 {
  background-color: #af00ff;
}

.asciinema-terminal .fg-130 {
  color: #af5f00;
}

.asciinema-terminal .bg-130 {
  background-color: #af5f00;
}

.asciinema-terminal .fg-131 {
  color: #af5f5f;
}

.asciinema-terminal .bg-131 {
  background-color: #af5f5f;
}

.asciinema-terminal .fg-132 {
  color: #af5f87;
}

.asciinema-terminal .bg-132 {
  background-color: #af5f87;
}

.asciinema-terminal .fg-133 {
  color: #af5faf;
}

.asciinema-terminal .bg-133 {
  background-color: #af5faf;
}

.asciinema-terminal .fg-134 {
  color: #af5fd7;
}

.asciinema-terminal .bg-134 {
  background-color: #af5fd7;
}

.asciinema-terminal .fg-135 {
  color: #af5fff;
}

.asciinema-terminal .bg-135 {
  background-color: #af5fff;
}

.asciinema-terminal .fg-136 {
  color: #af8700;
}

.asciinema-terminal .bg-136 {
  background-color: #af8700;
}

.asciinema-terminal .fg-137 {
  color: #af875f;
}

.asciinema-terminal .bg-137 {
  background-color: #af875f;
}

.asciinema-terminal .fg-138 {
  color: #af8787;
}

.asciinema-terminal .bg-138 {
  background-color: #af8787;
}

.asciinema-terminal .fg-139 {
  color: #af87af;
}

.asciinema-terminal .bg-139 {
  background-color: #af87af;
}

.asciinema-terminal .fg-140 {
  color: #af87d7;
}

.asciinema-terminal .bg-140 {
  background-color: #af87d7;
}

.asciinema-terminal .fg-141 {
  color: #af87ff;
}

.asciinema-terminal .bg-141 {
  background-color: #af87ff;
}

.asciinema-terminal .fg-142 {
  color: #afaf00;
}

.asciinema-terminal .bg-142 {
  background-color: #afaf00;
}

.asciinema-terminal .fg-143 {
  color: #afaf5f;
}

.asciinema-terminal .bg-143 {
  background-color: #afaf5f;
}

.asciinema-terminal .fg-144 {
  color: #afaf87;
}

.asciinema-terminal .bg-144 {
  background-color: #afaf87;
}

.asciinema-terminal .fg-145 {
  color: #afafaf;
}

.asciinema-terminal .bg-145 {
  background-color: #afafaf;
}

.asciinema-terminal .fg-146 {
  color: #afafd7;
}

.asciinema-terminal .bg-146 {
  background-color: #afafd7;
}

.asciinema-terminal .fg-147 {
  color: #afafff;
}

.asciinema-terminal .bg-147 {
  background-color: #afafff;
}

.asciinema-terminal .fg-148 {
  color: #afd700;
}

.asciinema-terminal .bg-148 {
  background-color: #afd700;
}

.asciinema-terminal .fg-149 {
  color: #afd75f;
}

.asciinema-terminal .bg-149 {
  background-color: #afd75f;
}

.asciinema-terminal .fg-150 {
  color: #afd787;
}

.asciinema-terminal .bg-150 {
  background-color: #afd787;
}

.asciinema-terminal .fg-151 {
  color: #afd7af;
}

.asciinema-terminal .bg-151 {
  background-color: #afd7af;
}

.asciinema-terminal .fg-152 {
  color: #afd7d7;
}

.asciinema-terminal .bg-152 {
  background-color: #afd7d7;
}

.asciinema-terminal .fg-153 {
  color: #afd7ff;
}

.asciinema-terminal .bg-153 {
  background-color: #afd7ff;
}

.asciinema-terminal .fg-154 {
  color: #afff00;
}

.asciinema-terminal .bg-154 {
  background-color: #afff00;
}

.asciinema-terminal .fg-155 {
  color: #afff5f;
}

.asciinema-terminal .bg-155 {
  background-color: #afff5f;
}

.asciinema-terminal .fg-156 {
  color: #afff87;
}

.asciinema-terminal .bg-156 {
  background-color: #afff87;
}

.asciinema-terminal .fg-157 {
  color: #afffaf;
}

.asciinema-terminal .bg-157 {
  background-color: #afffaf;
}

.asciinema-terminal .fg-158 {
  color: #afffd7;
}

.asciinema-terminal .bg-158 {
  background-color: #afffd7;
}

.asciinema-terminal .fg-159 {
  color: #afffff;
}

.asciinema-terminal .bg-159 {
  background-color: #afffff;
}

.asciinema-terminal .fg-160 {
  color: #d70000;
}

.asciinema-terminal .bg-160 {
  background-color: #d70000;
}

.asciinema-terminal .fg-161 {
  color: #d7005f;
}

.asciinema-terminal .bg-161 {
  background-color: #d7005f;
}

.asciinema-terminal .fg-162 {
  color: #d70087;
}

.asciinema-terminal .bg-162 {
  background-color: #d70087;
}

.asciinema-terminal .fg-163 {
  color: #d700af;
}

.asciinema-terminal .bg-163 {
  background-color: #d700af;
}

.asciinema-terminal .fg-164 {
  color: #d700d7;
}

.asciinema-terminal .bg-164 {
  background-color: #d700d7;
}

.asciinema-terminal .fg-165 {
  color: #d700ff;
}

.asciinema-terminal .bg-165 {
  background-color: #d700ff;
}

.asciinema-terminal .fg-166 {
  color: #d75f00;
}

.asciinema-terminal .bg-166 {
  background-color: #d75f00;
}

.asciinema-terminal .fg-167 {
  color: #d75f5f;
}

.asciinema-terminal .bg-167 {
  background-color: #d75f5f;
}

.asciinema-terminal .fg-168 {
  color: #d75f87;
}

.asciinema-terminal .bg-168 {
  background-color: #d75f87;
}

.asciinema-terminal .fg-169 {
  color: #d75faf;
}

.asciinema-terminal .bg-169 {
  background-color: #d75faf;
}

.asciinema-terminal .fg-170 {
  color: #d75fd7;
}

.asciinema-terminal .bg-170 {
  background-color: #d75fd7;
}

.asciinema-terminal .fg-171 {
  color: #d75fff;
}

.asciinema-terminal .bg-171 {
  background-color: #d75fff;
}

.asciinema-terminal .fg-172 {
  color: #d78700;
}

.asciinema-terminal .bg-172 {
  background-color: #d78700;
}

.asciinema-terminal .fg-173 {
  color: #d7875f;
}

.asciinema-terminal .bg-173 {
  background-color: #d7875f;
}

.asciinema-terminal .fg-174 {
  color: #d78787;
}

.asciinema-terminal .bg-174 {
  background-color: #d78787;
}

.asciinema-terminal .fg-175 {
  color: #d787af;
}

.asciinema-terminal .bg-175 {
  background-color: #d787af;
}

.asciinema-terminal .fg-176 {
  color: #d787d7;
}

.asciinema-terminal .bg-176 {
  background-color: #d787d7;
}

.asciinema-terminal .fg-177 {
  color: #d787ff;
}

.asciinema-terminal .bg-177 {
  background-color: #d787ff;
}

.asciinema-terminal .fg-178 {
  color: #d7af00;
}

.asciinema-terminal .bg-178 {
  background-color: #d7af00;
}

.asciinema-terminal .fg-179 {
  color: #d7af5f;
}

.asciinema-terminal .bg-179 {
  background-color: #d7af5f;
}

.asciinema-terminal .fg-180 {
  color: #d7af87;
}

.asciinema-terminal .bg-180 {
  background-color: #d7af87;
}

.asciinema-terminal .fg-181 {
  color: #d7afaf;
}

.asciinema-terminal .bg-181 {
  background-color: #d7afaf;
}

.asciinema-terminal .fg-182 {
  color: #d7afd7;
}

.asciinema-terminal .bg-182 {
  background-color: #d7afd7;
}

.asciinema-terminal .fg-183 {
  color: #d7afff;
}

.asciinema-terminal .bg-183 {
  background-color: #d7afff;
}

.asciinema-terminal .fg-184 {
  color: #d7d700;
}

.asciinema-terminal .bg-184 {
  background-color: #d7d700;
}

.asciinema-terminal .fg-185 {
  color: #d7d75f;
}

.asciinema-terminal .bg-185 {
  background-color: #d7d75f;
}

.asciinema-terminal .fg-186 {
  color: #d7d787;
}

.asciinema-terminal .bg-186 {
  background-color: #d7d787;
}

.asciinema-terminal .fg-187 {
  color: #d7d7af;
}

.asciinema-terminal .bg-187 {
  background-color: #d7d7af;
}

.asciinema-terminal .fg-188 {
  color: #d7d7d7;
}

.asciinema-terminal .bg-188 {
  background-color: #d7d7d7;
}

.asciinema-terminal .fg-189 {
  color: #d7d7ff;
}

.asciinema-terminal .bg-189 {
  background-color: #d7d7ff;
}

.asciinema-terminal .fg-190 {
  color: #d7ff00;
}

.asciinema-terminal .bg-190 {
  background-color: #d7ff00;
}

.asciinema-terminal .fg-191 {
  color: #d7ff5f;
}

.asciinema-terminal .bg-191 {
  background-color: #d7ff5f;
}

.asciinema-terminal .fg-192 {
  color: #d7ff87;
}

.asciinema-terminal .bg-192 {
  background-color: #d7ff87;
}

.asciinema-terminal .fg-193 {
  color: #d7ffaf;
}

.asciinema-terminal .bg-193 {
  background-color: #d7ffaf;
}

.asciinema-terminal .fg-194 {
  color: #d7ffd7;
}

.asciinema-terminal .bg-194 {
  background-color: #d7ffd7;
}

.asciinema-terminal .fg-195 {
  color: #d7ffff;
}

.asciinema-terminal .bg-195 {
  background-color: #d7ffff;
}

.asciinema-terminal .fg-196 {
  color: #ff0000;
}

.asciinema-terminal .bg-196 {
  background-color: #ff0000;
}

.asciinema-terminal .fg-197 {
  color: #ff005f;
}

.asciinema-terminal .bg-197 {
  background-color: #ff005f;
}

.asciinema-terminal .fg-198 {
  color: #ff0087;
}

.asciinema-terminal .bg-198 {
  background-color: #ff0087;
}

.asciinema-terminal .fg-199 {
  color: #ff00af;
}

.asciinema-terminal .bg-199 {
  background-color: #ff00af;
}

.asciinema-terminal .fg-200 {
  color: #ff00d7;
}

.asciinema-terminal .bg-200 {
  background-color: #ff00d7;
}

.asciinema-terminal .fg-201 {
  color: #ff00ff;
}

.asciinema-terminal .bg-201 {
  background-color: #ff00ff;
}

.asciinema-terminal .fg-202 {
  color: #ff5f00;
}

.asciinema-terminal .bg-202 {
  background-color: #ff5f00;
}

.asciinema-terminal .fg-203 {
  color: #ff5f5f;
}

.asciinema-terminal .bg-203 {
  background-color: #ff5f5f;
}

.asciinema-terminal .fg-204 {
  color: #ff5f87;
}

.asciinema-terminal .bg-204 {
  background-color: #ff5f87;
}

.asciinema-terminal .fg-205 {
  color: #ff5faf;
}

.asciinema-terminal .bg-205 {
  background-color: #ff5faf;
}

.asciinema-terminal .fg-206 {
  color: #ff5fd7;
}

.asciinema-terminal .bg-206 {
  background-color: #ff5fd7;
}

.asciinema-terminal .fg-207 {
  color: #ff5fff;
}

.asciinema-terminal .bg-207 {
  background-color: #ff5fff;
}

.asciinema-terminal .fg-208 {
  color: #ff8700;
}

.asciinema-terminal .bg-208 {
  background-color: #ff8700;
}

.asciinema-terminal .fg-209 {
  color: #ff875f;
}

.asciinema-terminal .bg-209 {
  background-color: #ff875f;
}

.asciinema-terminal .fg-210 {
  color: #ff8787;
}

.asciinema-terminal .bg-210 {
  background-color: #ff8787;
}

.asciinema-terminal .fg-211 {
  color: #ff87af;
}

.asciinema-terminal .bg-211 {
  background-color: #ff87af;
}

.asciinema-terminal .fg-212 {
  color: #ff87d7;
}

.asciinema-terminal .bg-212 {
  background-color: #ff87d7;
}

.asciinema-terminal .fg-213 {
  color: #ff87ff;
}

.asciinema-terminal .bg-213 {
  background-color: #ff87ff;
}

.asciinema-terminal .fg-214 {
  color: #ffaf00;
}

.asciinema-terminal .bg-214 {
  background-color: #ffaf00;
}

.asciinema-terminal .fg-215 {
  color: #ffaf5f;
}

.asciinema-terminal .bg-215 {
  background-color: #ffaf5f;
}

.asciinema-terminal .fg-216 {
  color: #ffaf87;
}

.asciinema-terminal .bg-216 {
  background-color: #ffaf87;
}

.asciinema-terminal .fg-217 {
  color: #ffafaf;
}

.asciinema-terminal .bg-217 {
  background-color: #ffafaf;
}

.asciinema-terminal .fg-218 {
  color: #ffafd7;
}

.asciinema-terminal .bg-218 {
  background-color: #ffafd7;
}

.asciinema-terminal .fg-219 {
  color: #ffafff;
}

.asciinema-terminal .bg-219 {
  background-color: #ffafff;
}

.asciinema-terminal .fg-220 {
  color: #ffd700;
}

.asciinema-terminal .bg-220 {
  background-color: #ffd700;
}

.asciinema-terminal .fg-221 {
  color: #ffd75f;
}

.asciinema-terminal .bg-221 {
  background-color: #ffd75f;
}

.asciinema-terminal .fg-222 {
  color: #ffd787;
}

.asciinema-terminal .bg-222 {
  background-color: #ffd787;
}

.asciinema-terminal .fg-223 {
  color: #ffd7af;
}

.asciinema-terminal .bg-223 {
  background-color: #ffd7af;
}

.asciinema-terminal .fg-224 {
  color: #ffd7d7;
}

.asciinema-terminal .bg-224 {
  background-color: #ffd7d7;
}

.asciinema-terminal .fg-225 {
  color: #ffd7ff;
}

.asciinema-terminal .bg-225 {
  background-color: #ffd7ff;
}

.asciinema-terminal .fg-226 {
  color: #ffff00;
}

.asciinema-terminal .bg-226 {
  background-color: #ffff00;
}

.asciinema-terminal .fg-227 {
  color: #ffff5f;
}

.asciinema-terminal .bg-227 {
  background-color: #ffff5f;
}

.asciinema-terminal .fg-228 {
  color: #ffff87;
}

.asciinema-terminal .bg-228 {
  background-color: #ffff87;
}

.asciinema-terminal .fg-229 {
  color: #ffffaf;
}

.asciinema-terminal .bg-229 {
  background-color: #ffffaf;
}

.asciinema-terminal .fg-230 {
  color: #ffffd7;
}

.asciinema-terminal .bg-230 {
  background-color: #ffffd7;
}

.asciinema-terminal .fg-231 {
  color: #ffffff;
}

.asciinema-terminal .bg-231 {
  background-color: #ffffff;
}

.asciinema-terminal .fg-232 {
  color: #080808;
}

.asciinema-terminal .bg-232 {
  background-color: #080808;
}

.asciinema-terminal .fg-233 {
  color: #121212;
}

.asciinema-terminal .bg-233 {
  background-color: #121212;
}

.asciinema-terminal .fg-234 {
  color: #1c1c1c;
}

.asciinema-terminal .bg-234 {
  background-color: #1c1c1c;
}

.asciinema-terminal .fg-235 {
  color: #262626;
}

.asciinema-terminal .bg-235 {
  background-color: #262626;
}

.asciinema-terminal .fg-236 {
  color: #303030;
}

.asciinema-terminal .bg-236 {
  background-color: #303030;
}

.asciinema-terminal .fg-237 {
  color: #3a3a3a;
}

.asciinema-terminal .bg-237 {
  background-color: #3a3a3a;
}

.asciinema-terminal .fg-238 {
  color: #444444;
}

.asciinema-terminal .bg-238 {
  background-color: #444444;
}

.asciinema-terminal .fg-239 {
  color: #4e4e4e;
}

.asciinema-terminal .bg-239 {
  background-color: #4e4e4e;
}

.asciinema-terminal .fg-240 {
  color: #585858;
}

.asciinema-terminal .bg-240 {
  background-color: #585858;
}

.asciinema-terminal .fg-241 {
  color: #626262;
}

.asciinema-terminal .bg-241 {
  background-color: #626262;
}

.asciinema-terminal .fg-242 {
  color: #6c6c6c;
}

.asciinema-terminal .bg-242 {
  background-color: #6c6c6c;
}

.asciinema-terminal .fg-243 {
  color: #767676;
}

.asciinema-terminal .bg-243 {
  background-color: #767676;
}

.asciinema-terminal .fg-244 {
  color: #808080;
}

.asciinema-terminal .bg-244 {
  background-color: #808080;
}

.asciinema-terminal .fg-245 {
  color: #8a8a8a;
}

.asciinema-terminal .bg-245 {
  background-color: #8a8a8a;
}

.asciinema-terminal .fg-246 {
  color: #949494;
}

.asciinema-terminal .bg-246 {
  background-color: #949494;
}

.asciinema-terminal .fg-247 {
  color: #9e9e9e;
}

.asciinema-terminal .bg-247 {
  background-color: #9e9e9e;
}

.asciinema-terminal .fg-248 {
  color: #a8a8a8;
}

.asciinema-terminal .bg-248 {
  background-color: #a8a8a8;
}

.asciinema-terminal .fg-249 {
  color: #b2b2b2;
}

.asciinema-terminal .bg-249 {
  background-color: #b2b2b2;
}

.asciinema-terminal .fg-250 {
  color: #bcbcbc;
}

.asciinema-terminal .bg-250 {
  background-color: #bcbcbc;
}

.asciinema-terminal .fg-251 {
  color: #c6c6c6;
}

.asciinema-terminal .bg-251 {
  background-color: #c6c6c6;
}

.asciinema-terminal .fg-252 {
  color: #d0d0d0;
}

.asciinema-terminal .bg-252 {
  background-color: #d0d0d0;
}

.asciinema-terminal .fg-253 {
  color: #dadada;
}

.asciinema-terminal .bg-253 {
  background-color: #dadada;
}

.asciinema-terminal .fg-254 {
  color: #e4e4e4;
}

.asciinema-terminal .bg-254 {
  background-color: #e4e4e4;
}

.asciinema-terminal .fg-255 {
  color: #eeeeee;
}

.asciinema-terminal .bg-255 {
  background-color: #eeeeee;
}

.asciinema-theme-asciinema .asciinema-terminal {
  color: #cccccc;
  background-color: #121314;
  border-color: #121314;
  border-radius: var(--radius);
}

.asciinema-theme-asciinema .fg-bg {
  color: #121314;
}

.asciinema-theme-asciinema .bg-fg {
  background-color: #cccccc;
}

.asciinema-theme-asciinema .fg-0 {
  color: #000000;
}

.asciinema-theme-asciinema .bg-0 {
  background-color: #000000;
}

.asciinema-theme-asciinema .fg-1 {
  color: #dd3c69;
}

.asciinema-theme-asciinema .bg-1 {
  background-color: #dd3c69;
}

.asciinema-theme-asciinema .fg-2 {
  color: #4ebf22;
}

.asciinema-theme-asciinema .bg-2 {
  background-color: #4ebf22;
}

.asciinema-theme-asciinema .fg-3 {
  color: #ddaf3c;
}

.asciinema-theme-asciinema .bg-3 {
  background-color: #ddaf3c;
}

.asciinema-theme-asciinema .fg-4 {
  color: #26b0d7;
}

.asciinema-theme-asciinema .bg-4 {
  background-color: #26b0d7;
}

.asciinema-theme-asciinema .fg-5 {
  color: #b954e1;
}

.asciinema-theme-asciinema .bg-5 {
  background-color: #b954e1;
}

.asciinema-theme-asciinema .fg-6 {
  color: #54e1b9;
}

.asciinema-theme-asciinema .bg-6 {
  background-color: #54e1b9;
}

.asciinema-theme-asciinema .fg-7 {
  color: #d9d9d9;
}

.asciinema-theme-asciinema .bg-7 {
  background-color: #d9d9d9;
}

.asciinema-theme-asciinema .fg-8 {
  color: #4d4d4d;
}

.asciinema-theme-asciinema .bg-8 {
  background-color: #4d4d4d;
}

.asciinema-theme-asciinema .fg-9 {
  color: #dd3c69;
}

.asciinema-theme-asciinema .bg-9 {
  background-color: #dd3c69;
}

.asciinema-theme-asciinema .fg-10 {
  color: #4ebf22;
}

.asciinema-theme-asciinema .bg-10 {
  background-color: #4ebf22;
}

.asciinema-theme-asciinema .fg-11 {
  color: #ddaf3c;
}

.asciinema-theme-asciinema .bg-11 {
  background-color: #ddaf3c;
}

.asciinema-theme-asciinema .fg-12 {
  color: #26b0d7;
}

.asciinema-theme-asciinema .bg-12 {
  background-color: #26b0d7;
}

.asciinema-theme-asciinema .fg-13 {
  color: #b954e1;
}

.asciinema-theme-asciinema .bg-13 {
  background-color: #b954e1;
}

.asciinema-theme-asciinema .fg-14 {
  color: #54e1b9;
}

.asciinema-theme-asciinema .bg-14 {
  background-color: #54e1b9;
}

.asciinema-theme-asciinema .fg-15 {
  color: #ffffff;
}

.asciinema-theme-asciinema .bg-15 {
  background-color: #ffffff;
}

.asciinema-theme-asciinema .fg-8,
.asciinema-theme-asciinema .fg-9,
.asciinema-theme-asciinema .fg-10,
.asciinema-theme-asciinema .fg-11,
.asciinema-theme-asciinema .fg-12,
.asciinema-theme-asciinema .fg-13,
.asciinema-theme-asciinema .fg-14,
.asciinema-theme-asciinema .fg-15 {
  font-weight: bold;
}

.asciinema-theme-tango .asciinema-terminal {
  color: #cccccc;
  background-color: #121314;
  border-color: #121314;
}

.asciinema-theme-tango .fg-bg {
  color: #121314;
}

.asciinema-theme-tango .bg-fg {
  background-color: #cccccc;
}

.asciinema-theme-tango .fg-0 {
  color: #000000;
}

.asciinema-theme-tango .bg-0 {
  background-color: #000000;
}

.asciinema-theme-tango .fg-1 {
  color: #cc0000;
}

.asciinema-theme-tango .bg-1 {
  background-color: #cc0000;
}

.asciinema-theme-tango .fg-2 {
  color: #4e9a06;
}

.asciinema-theme-tango .bg-2 {
  background-color: #4e9a06;
}

.asciinema-theme-tango .fg-3 {
  color: #c4a000;
}

.asciinema-theme-tango .bg-3 {
  background-color: #c4a000;
}

.asciinema-theme-tango .fg-4 {
  color: #3465a4;
}

.asciinema-theme-tango .bg-4 {
  background-color: #3465a4;
}

.asciinema-theme-tango .fg-5 {
  color: #75507b;
}

.asciinema-theme-tango .bg-5 {
  background-color: #75507b;
}

.asciinema-theme-tango .fg-6 {
  color: #06989a;
}

.asciinema-theme-tango .bg-6 {
  background-color: #06989a;
}

.asciinema-theme-tango .fg-7 {
  color: #d3d7cf;
}

.asciinema-theme-tango .bg-7 {
  background-color: #d3d7cf;
}

.asciinema-theme-tango .fg-8 {
  color: #555753;
}

.asciinema-theme-tango .bg-8 {
  background-color: #555753;
}

.asciinema-theme-tango .fg-9 {
  color: #ef2929;
}

.asciinema-theme-tango .bg-9 {
  background-color: #ef2929;
}

.asciinema-theme-tango .fg-10 {
  color: #8ae234;
}

.asciinema-theme-tango .bg-10 {
  background-color: #8ae234;
}

.asciinema-theme-tango .fg-11 {
  color: #fce94f;
}

.asciinema-theme-tango .bg-11 {
  background-color: #fce94f;
}

.asciinema-theme-tango .fg-12 {
  color: #729fcf;
}

.asciinema-theme-tango .bg-12 {
  background-color: #729fcf;
}

.asciinema-theme-tango .fg-13 {
  color: #ad7fa8;
}

.asciinema-theme-tango .bg-13 {
  background-color: #ad7fa8;
}

.asciinema-theme-tango .fg-14 {
  color: #34e2e2;
}

.asciinema-theme-tango .bg-14 {
  background-color: #34e2e2;
}

.asciinema-theme-tango .fg-15 {
  color: #eeeeec;
}

.asciinema-theme-tango .bg-15 {
  background-color: #eeeeec;
}

.asciinema-theme-tango .fg-8,
.asciinema-theme-tango .fg-9,
.asciinema-theme-tango .fg-10,
.asciinema-theme-tango .fg-11,
.asciinema-theme-tango .fg-12,
.asciinema-theme-tango .fg-13,
.asciinema-theme-tango .fg-14,
.asciinema-theme-tango .fg-15 {
  font-weight: bold;
}

.asciinema-theme-solarized-dark .asciinema-terminal {
  color: #839496;
  background-color: #002b36;
  border-color: #002b36;
}

.asciinema-theme-solarized-dark .fg-bg {
  color: #002b36;
}

.asciinema-theme-solarized-dark .bg-fg {
  background-color: #839496;
}

.asciinema-theme-solarized-dark .fg-0 {
  color: #073642;
}

.asciinema-theme-solarized-dark .bg-0 {
  background-color: #073642;
}

.asciinema-theme-solarized-dark .fg-1 {
  color: #dc322f;
}

.asciinema-theme-solarized-dark .bg-1 {
  background-color: #dc322f;
}

.asciinema-theme-solarized-dark .fg-2 {
  color: #859900;
}

.asciinema-theme-solarized-dark .bg-2 {
  background-color: #859900;
}

.asciinema-theme-solarized-dark .fg-3 {
  color: #b58900;
}

.asciinema-theme-solarized-dark .bg-3 {
  background-color: #b58900;
}

.asciinema-theme-solarized-dark .fg-4 {
  color: #268bd2;
}

.asciinema-theme-solarized-dark .bg-4 {
  background-color: #268bd2;
}

.asciinema-theme-solarized-dark .fg-5 {
  color: #d33682;
}

.asciinema-theme-solarized-dark .bg-5 {
  background-color: #d33682;
}

.asciinema-theme-solarized-dark .fg-6 {
  color: #2aa198;
}

.asciinema-theme-solarized-dark .bg-6 {
  background-color: #2aa198;
}

.asciinema-theme-solarized-dark .fg-7 {
  color: #eee8d5;
}

.asciinema-theme-solarized-dark .bg-7 {
  background-color: #eee8d5;
}

.asciinema-theme-solarized-dark .fg-8 {
  color: #002b36;
}

.asciinema-theme-solarized-dark .bg-8 {
  background-color: #002b36;
}

.asciinema-theme-solarized-dark .fg-9 {
  color: #cb4b16;
}

.asciinema-theme-solarized-dark .bg-9 {
  background-color: #cb4b16;
}

.asciinema-theme-solarized-dark .fg-10 {
  color: #586e75;
}

.asciinema-theme-solarized-dark .bg-10 {
  background-color: #586e75;
}

.asciinema-theme-solarized-dark .fg-11 {
  color: #657b83;
}

.asciinema-theme-solarized-dark .bg-11 {
  background-color: #657b83;
}

.asciinema-theme-solarized-dark .fg-12 {
  color: #839496;
}

.asciinema-theme-solarized-dark .bg-12 {
  background-color: #839496;
}

.asciinema-theme-solarized-dark .fg-13 {
  color: #6c71c4;
}

.asciinema-theme-solarized-dark .bg-13 {
  background-color: #6c71c4;
}

.asciinema-theme-solarized-dark .fg-14 {
  color: #93a1a1;
}

.asciinema-theme-solarized-dark .bg-14 {
  background-color: #93a1a1;
}

.asciinema-theme-solarized-dark .fg-15 {
  color: #fdf6e3;
}

.asciinema-theme-solarized-dark .bg-15 {
  background-color: #fdf6e3;
}

.asciinema-theme-solarized-light .asciinema-terminal {
  color: #657b83;
  background-color: #fdf6e3;
  border-color: #fdf6e3;
}

.asciinema-theme-solarized-light .fg-bg {
  color: #fdf6e3;
}

.asciinema-theme-solarized-light .bg-fg {
  background-color: #657b83;
}

.asciinema-theme-solarized-light .fg-0 {
  color: #073642;
}

.asciinema-theme-solarized-light .bg-0 {
  background-color: #073642;
}

.asciinema-theme-solarized-light .fg-1 {
  color: #dc322f;
}

.asciinema-theme-solarized-light .bg-1 {
  background-color: #dc322f;
}

.asciinema-theme-solarized-light .fg-2 {
  color: #859900;
}

.asciinema-theme-solarized-light .bg-2 {
  background-color: #859900;
}

.asciinema-theme-solarized-light .fg-3 {
  color: #b58900;
}

.asciinema-theme-solarized-light .bg-3 {
  background-color: #b58900;
}

.asciinema-theme-solarized-light .fg-4 {
  color: #268bd2;
}

.asciinema-theme-solarized-light .bg-4 {
  background-color: #268bd2;
}

.asciinema-theme-solarized-light .fg-5 {
  color: #d33682;
}

.asciinema-theme-solarized-light .bg-5 {
  background-color: #d33682;
}

.asciinema-theme-solarized-light .fg-6 {
  color: #2aa198;
}

.asciinema-theme-solarized-light .bg-6 {
  background-color: #2aa198;
}

.asciinema-theme-solarized-light .fg-7 {
  color: #eee8d5;
}

.asciinema-theme-solarized-light .bg-7 {
  background-color: #eee8d5;
}

.asciinema-theme-solarized-light .fg-8 {
  color: #002b36;
}

.asciinema-theme-solarized-light .bg-8 {
  background-color: #002b36;
}

.asciinema-theme-solarized-light .fg-9 {
  color: #cb4b16;
}

.asciinema-theme-solarized-light .bg-9 {
  background-color: #cb4b16;
}

.asciinema-theme-solarized-light .fg-10 {
  color: #586e75;
}

.asciinema-theme-solarized-light .bg-10 {
  background-color: #586e75;
}

.asciinema-theme-solarized-light .fg-11 {
  color: #657c83;
}

.asciinema-theme-solarized-light .bg-11 {
  background-color: #657c83;
}

.asciinema-theme-solarized-light .fg-12 {
  color: #839496;
}

.asciinema-theme-solarized-light .bg-12 {
  background-color: #839496;
}

.asciinema-theme-solarized-light .fg-13 {
  color: #6c71c4;
}

.asciinema-theme-solarized-light .bg-13 {
  background-color: #6c71c4;
}

.asciinema-theme-solarized-light .fg-14 {
  color: #93a1a1;
}

.asciinema-theme-solarized-light .bg-14 {
  background-color: #93a1a1;
}

.asciinema-theme-solarized-light .fg-15 {
  color: #fdf6e3;
}

.asciinema-theme-solarized-light .bg-15 {
  background-color: #fdf6e3;
}

.asciinema-theme-seti .asciinema-terminal {
  color: #cacecd;
  background-color: #111213;
  border-color: #111213;
}

.asciinema-theme-seti .fg-bg {
  color: #111213;
}

.asciinema-theme-seti .bg-fg {
  background-color: #cacecd;
}

.asciinema-theme-seti .fg-0 {
  color: #323232;
}

.asciinema-theme-seti .bg-0 {
  background-color: #323232;
}

.asciinema-theme-seti .fg-1 {
  color: #c22832;
}

.asciinema-theme-seti .bg-1 {
  background-color: #c22832;
}

.asciinema-theme-seti .fg-2 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-2 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-3 {
  color: #e0c64f;
}

.asciinema-theme-seti .bg-3 {
  background-color: #e0c64f;
}

.asciinema-theme-seti .fg-4 {
  color: #43a5d5;
}

.asciinema-theme-seti .bg-4 {
  background-color: #43a5d5;
}

.asciinema-theme-seti .fg-5 {
  color: #8b57b5;
}

.asciinema-theme-seti .bg-5 {
  background-color: #8b57b5;
}

.asciinema-theme-seti .fg-6 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-6 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-7 {
  color: #eeeeee;
}

.asciinema-theme-seti .bg-7 {
  background-color: #eeeeee;
}

.asciinema-theme-seti .fg-8 {
  color: #323232;
}

.asciinema-theme-seti .bg-8 {
  background-color: #323232;
}

.asciinema-theme-seti .fg-9 {
  color: #c22832;
}

.asciinema-theme-seti .bg-9 {
  background-color: #c22832;
}

.asciinema-theme-seti .fg-10 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-10 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-11 {
  color: #e0c64f;
}

.asciinema-theme-seti .bg-11 {
  background-color: #e0c64f;
}

.asciinema-theme-seti .fg-12 {
  color: #43a5d5;
}

.asciinema-theme-seti .bg-12 {
  background-color: #43a5d5;
}

.asciinema-theme-seti .fg-13 {
  color: #8b57b5;
}

.asciinema-theme-seti .bg-13 {
  background-color: #8b57b5;
}

.asciinema-theme-seti .fg-14 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-14 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-15 {
  color: #ffffff;
}

.asciinema-theme-seti .bg-15 {
  background-color: #ffffff;
}

.asciinema-theme-seti .fg-8,
.asciinema-theme-seti .fg-9,
.asciinema-theme-seti .fg-10,
.asciinema-theme-seti .fg-11,
.asciinema-theme-seti .fg-12,
.asciinema-theme-seti .fg-13,
.asciinema-theme-seti .fg-14,
.asciinema-theme-seti .fg-15 {
  font-weight: bold;
}

/* Based on Monokai from base16 collection - https://github.com/chriskempson/base16 */
.asciinema-theme-monokai .asciinema-terminal {
  color: #f8f8f2;
  background-color: #272822;
  border-color: #272822;
}

.asciinema-theme-monokai .fg-bg {
  color: #272822;
}

.asciinema-theme-monokai .bg-fg {
  background-color: #f8f8f2;
}

.asciinema-theme-monokai .fg-0 {
  color: #272822;
}

.asciinema-theme-monokai .bg-0 {
  background-color: #272822;
}

.asciinema-theme-monokai .fg-1 {
  color: #f92672;
}

.asciinema-theme-monokai .bg-1 {
  background-color: #f92672;
}

.asciinema-theme-monokai .fg-2 {
  color: #a6e22e;
}

.asciinema-theme-monokai .bg-2 {
  background-color: #a6e22e;
}

.asciinema-theme-monokai .fg-3 {
  color: #f4bf75;
}

.asciinema-theme-monokai .bg-3 {
  background-color: #f4bf75;
}

.asciinema-theme-monokai .fg-4 {
  color: #66d9ef;
}

.asciinema-theme-monokai .bg-4 {
  background-color: #66d9ef;
}

.asciinema-theme-monokai .fg-5 {
  color: #ae81ff;
}

.asciinema-theme-monokai .bg-5 {
  background-color: #ae81ff;
}

.asciinema-theme-monokai .fg-6 {
  color: #a1efe4;
}

.asciinema-theme-monokai .bg-6 {
  background-color: #a1efe4;
}

.asciinema-theme-monokai .fg-7 {
  color: #f8f8f2;
}

.asciinema-theme-monokai .bg-7 {
  background-color: #f8f8f2;
}

.asciinema-theme-monokai .fg-8 {
  color: #75715e;
}

.asciinema-theme-monokai .bg-8 {
  background-color: #75715e;
}

.asciinema-theme-monokai .fg-9 {
  color: #f92672;
}

.asciinema-theme-monokai .bg-9 {
  background-color: #f92672;
}

.asciinema-theme-monokai .fg-10 {
  color: #a6e22e;
}

.asciinema-theme-monokai .bg-10 {
  background-color: #a6e22e;
}

.asciinema-theme-monokai .fg-11 {
  color: #f4bf75;
}

.asciinema-theme-monokai .bg-11 {
  background-color: #f4bf75;
}

.asciinema-theme-monokai .fg-12 {
  color: #66d9ef;
}

.asciinema-theme-monokai .bg-12 {
  background-color: #66d9ef;
}

.asciinema-theme-monokai .fg-13 {
  color: #ae81ff;
}

.asciinema-theme-monokai .bg-13 {
  background-color: #ae81ff;
}

.asciinema-theme-monokai .fg-14 {
  color: #a1efe4;
}

.asciinema-theme-monokai .bg-14 {
  background-color: #a1efe4;
}

.asciinema-theme-monokai .fg-15 {
  color: #f9f8f5;
}

.asciinema-theme-monokai .bg-15 {
  background-color: #f9f8f5;
}

.asciinema-theme-monokai .fg-8,
.asciinema-theme-monokai .fg-9,
.asciinema-theme-monokai .fg-10,
.asciinema-theme-monokai .fg-11,
.asciinema-theme-monokai .fg-12,
.asciinema-theme-monokai .fg-13,
.asciinema-theme-monokai .fg-14,
.asciinema-theme-monokai .fg-15 {
  font-weight: bold;
}

body {
  font-family: "Inter", sans-serif;
  color: var(--text-muted);
  background: var(--bg);
}
@supports (font-variation-settings: normal) {
  body {
    font-family: "Inter var", sans-serif;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

h1 {
  font-size: 24px;
  line-height: 36px;
}
@media only screen and (min-width: 769px) {
  h1 {
    font-size: 30px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1216px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 1216px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
    margin-bottom: 0;
  }
}

h3 {
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 1216px) {
  h3 {
    font-size: 24px;
    line-height: 36px;
  }
}

a {
  text-decoration: none;
}

p {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 12px;
}
@media only screen and (min-width: 1216px) {
  p {
    font-size: 18px;
    line-height: 30px;
  }
}
p.lead {
  color: var(--text-light);
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 1216px) {
  p.lead {
    font-size: 22px;
    line-height: 36px;
  }
}

img {
  max-width: 100%;
}

.highlight {
  background-color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
  border: 2px solid #dedede;
}
.highlight .text {
  background: linear-gradient(to right, #279c54, #0ca1ce);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.highlight.inverse {
  background: linear-gradient(to right, #279c54, #0ca1ce);
  opacity: 0.8;
}
.highlight.inverse .text {
  color: #fff;
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}

input {
  border-radius: var(--radius);
  background: var(--card);
  border: none;
  outline: none;
  width: 100%;
  position: relative;
}

table {
  width: 100%;
  border-spacing: 0;
}
table th, table td {
  font-size: 15px;
  padding: 12px;
  line-height: 36px;
}
@media only screen and (min-width: 769px) {
  table th, table td {
    font-size: 16px;
    padding: 12px 24px;
  }
}
@media only screen and (min-width: 1024px) {
  table th, table td {
    font-size: 18px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1216px) {
  table th, table td {
    font-size: 20px;
  }
}
table th {
  text-align: left;
  color: var(--text);
  font-weight: 500;
}

form label {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 24px;
  color: var(--text-muted);
}
form label:focus-within {
  color: var(--hub);
  font-weight: 600;
}
form input, form select, form textarea {
  width: 100%;
  height: 48px;
  max-width: 100%;
  padding: 0 18px;
  margin: 6px 0 24px;
  border: 1px solid var(--bg-muted);
  border-radius: var(--radius);
  background: var(--card-muted);
  box-shadow: none;
  outline: none;
}
form input:focus, form select:focus, form textarea:focus {
  border: 1px solid var(--hub);
  box-shadow: 0 0 0 3px hsla(var(--hub-hsl), 0.15);
}
@media only screen and (min-width: 1216px) {
  form input, form select, form textarea {
    height: 60px;
    padding: 0 24px;
    font-size: 15px;
  }
}
form textarea {
  padding: 12px 18px;
  height: 120px;
  line-height: 18px;
}
@media only screen and (min-width: 1216px) {
  form textarea {
    padding: 18px 24px;
    height: 150px;
    line-height: 24px;
  }
}

.button {
  font-weight: 600;
}
.button:not(.is-white) {
  line-height: 34px;
  padding: 0 18px;
  height: auto;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
}
.button:not(.is-white):hover {
  padding-top: 2px;
  line-height: 32px;
}
@media only screen and (min-width: 1216px) {
  .button:not(.is-white) {
    font-size: 18px;
    line-height: 46px;
    padding: 0 24px;
  }
  .button:not(.is-white):hover {
    padding-top: 2px;
    line-height: 44px;
  }
}
.button:not(.is-white).oss-agent {
  background: var(--oss);
  border-color: var(--oss-darker);
}
.button:not(.is-white).oss-agent:hover {
  background: var(--oss-darker);
}
.button:not(.is-white).oss-agent:focus {
  box-shadow: 0 0 0 4px hsla(var(--oss-hsl), 0.25);
}
.button:not(.is-white).enterprise-agent {
  background: var(--enterprise);
  border-color: var(--enterprise-darker);
}
.button:not(.is-white).enterprise-agent:hover {
  background: var(--enterprise-darker);
}
.button:not(.is-white).enterprise-agent:focus {
  box-shadow: 0 0 0 4px hsla(var(--enterprise-hsl), 0.25);
}
.button:not(.is-white).vault {
  background: var(--vault);
  border-color: var(--vault-darker);
}
.button:not(.is-white).vault:hover {
  background: var(--vault-darker);
}
.button:not(.is-white).vault:focus {
  box-shadow: 0 0 0 4px hsla(var(--vault-hsl), 0.25);
}
.button:not(.is-white).hub {
  background: var(--hub);
  border-color: var(--hub-darker);
}
.button:not(.is-white).hub:hover {
  background: var(--hub-darker);
}
.button:not(.is-white).hub:focus {
  box-shadow: 0 0 0 4px hsla(var(--hub-hsl), 0.25);
}
.button:not(.is-white).is-link {
  background: var(--text-light);
  border-color: var(--text-muted);
}
.button:not(.is-white).is-link:hover {
  background: var(--text-muted);
}
.button:not(.is-white).is-link:focus {
  box-shadow: 0 0 0 4px hsla(var(--text-muted-hsl), 0.2);
}

.cards > .column {
  display: flex;
}
.cards > .column > .card {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card {
  background: var(--card);
  overflow: hidden;
  text-align: center;
  padding: var(--card-paddingV) var(--card-paddingH);
}
.card .icon {
  border-radius: 50%;
  background: var(--bg);
  width: 60px;
  height: 60px;
  display: flex;
}
@media only screen and (min-width: 1024px) {
  .card .icon {
    width: 72px;
    height: 72px;
  }
}
.card .icon .img {
  margin: auto;
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1024px) {
  .card .icon .img {
    width: 36px;
    height: 36px;
  }
}
.card .icon.--info {
  color: var(--info);
  background-color: hsla(var(--info-hsl), 0.1);
}
.card .icon.--success {
  color: var(--success);
  background-color: hsla(var(--success-hsl), 0.1);
}
.card .icon.--warning {
  color: var(--warning);
  background-color: hsla(var(--warning-hsl), 0.1);
}
.card .icon.--alert {
  color: var(--alert);
  background-color: hsla(var(--alert-hsl), 0.1);
}
.card .icon.--oss {
  color: var(--oss);
  background-color: hsla(var(--oss-hsl), 0.1);
}
.card .icon.--hub {
  color: var(--hub);
  background-color: hsla(var(--hub-hsl), 0.1);
}
.card .icon.--vault {
  color: var(--vault);
  background-color: hsla(var(--vault-hsl), 0.1);
}
.card .icon.--enterprise {
  color: var(--enterprise);
  background-color: hsla(var(--enterprise-hsl), 0.1);
}
.card .card-content {
  margin: 0;
  flex: 1;
}
.card .card-content .title {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 12px 0 0 0;
}
@media only screen and (min-width: 1024px) {
  .card .card-content .title {
    font-size: 20px;
    line-height: 36px;
  }
}
.card .card-content .desc {
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  color: var(--text-muted);
  margin: 12px 0 0;
}
.card .card-footer {
  margin: var(--card-paddingV) calc(-1 * var(--card-paddingH)) calc(-1 * var(--card-paddingV));
  background: var(--card-muted);
  text-align: center;
  line-height: 24px;
  align-self: stretch;
}
@media only screen and (min-width: 1216px) {
  .card .card-footer {
    line-height: 36px;
  }
}
.card .card-footer a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-weight: 500;
  color: var(--hub);
}
.card .card-footer a:hover, .card .card-footer a:focus {
  color: var(--hub-darker);
}
.card .card-footer a:hover svg, .card .card-footer a:focus svg {
  margin-left: 15px;
  opacity: 0.5;
}
.card .card-footer a svg {
  margin-left: 9px;
  opacity: 0.2;
}
.card .card-footer p {
  margin: 0;
  padding: 12px 24px;
  font-size: 13px;
}
@media only screen and (min-width: 769px) {
  .card .card-footer p {
    padding: 24px;
    font-size: 15px;
    line-height: 24px;
  }
}

.tag {
  border-radius: var(--radius);
  text-transform: capitalize;
  font-size: 12px;
  color: var(--hub);
  padding: 3px 5px;
  border: 1px solid hsla(var(--hub-hsl), 0.5);
  background: hsla(var(--hub-hsl), 0.05);
}
.tag.gray {
  color: var(--text-light);
  border: 1px solid hsla(var(--bg-muted-hsl), 0.5);
  background: hsla(var(--bg-muted-hsl), 0.05);
}

@media only screen and (min-width: 769px) {
  .tabs {
    font-size: 18px;
    font-weight: 500;
  }
}
.tabs ul {
  border-color: transparent;
  padding: 0;
  margin: 0;
}
.tabs ul li {
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .tabs a {
    line-height: 24px;
    padding: 12px 24px;
  }
}

div.wrapper {
  background: #F3F3F3;
  margin: 36px 0 0;
}
@media only screen and (min-width: 769px) {
  div.wrapper {
    margin: 60px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  div.wrapper {
    padding: 36px 0;
  }
}
@media only screen and (min-width: 1216px) {
  div.wrapper {
    padding: 72px 0;
  }
}

.gradient {
  background: linear-gradient(90deg, #84559F 0%, #B255B4 58.33%, #943734 100%);
  height: 6px;
  width: 100%;
  display: grid;
}

.logo-title a {
  color: var(--text);
  font-size: 18px;
}
.logo-title a span {
  color: var(--text-muted);
}

section.benefits-overview {
  margin-top: -72px;
}
@media only screen and (min-width: 769px) {
  section.benefits-overview {
    margin-top: -84px;
  }
}
@media only screen and (min-width: 1024px) {
  section.benefits-overview {
    margin-top: -96px;
  }
}

section.intro-with-illustration {
  text-align: center;
  background-color: #fff;
  max-width: 40rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  section.intro-with-illustration {
    text-align: left;
    max-width: none;
  }
}
@media only screen and (min-width: 769px) {
  section.intro-with-illustration .columns {
    align-items: center;
  }
}
section.intro-with-illustration .text .button {
  margin-top: 12px;
}
@media only screen and (min-width: 1216px) {
  section.intro-with-illustration .text .button {
    margin-top: 24px;
  }
}
section.intro-with-illustration .illustration {
  overflow: hidden;
}
section.intro-with-illustration .illustration img {
  width: 100%;
  max-width: 25rem;
  margin-top: 36px;
}
@media only screen and (min-width: 1024px) {
  section.intro-with-illustration .illustration img {
    margin: 0;
  }
}
@media only screen and (min-width: 769px) {
  section.intro-with-illustration .illustration img {
    max-width: none;
  }
}
section.intro-with-illustration a.button {
  color: white;
}
section.intro-with-illustration a.button img {
  padding-right: 12px;
}

section.scaling {
  background: url("/images/faq-bg.jpg") 0 0;
  background-size: cover;
  padding-top: 6rem;
}
@media only screen and (min-width: 769px) {
  section.scaling .description {
    padding-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  section.scaling .description {
    padding-right: 108px;
  }
}

section.apps {
  background: url("/images/apps-bg.jpg") 0 0;
  background-size: cover;
  padding-top: 6rem;
}
@media only screen and (min-width: 769px) {
  section.apps .description {
    padding-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  section.apps .description {
    padding-right: 108px;
  }
}

section.mlops {
  background: url("/images/mlops-at-the-center.jpg") 0 0;
  background-size: cover;
  padding-top: 6rem;
}
section.mlops h2 {
  color: white !important;
}
section.mlops p.lead {
  color: var(--text-light);
}
@media only screen and (min-width: 769px) {
  section.mlops .description {
    padding-right: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  section.mlops .description {
    padding-right: 108px;
  }
}

section.lopss {
  background-color: #fafafa;
  /*background: url("/images/faq-bg-min.jpg") 50% 0;
  background-size: cover;
  padding-top: 6rem;*/
}

@media only screen and (min-width: 1200px) {
  #features {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
#features .columns {
  align-items: center;
}
#features .item {
  background: #F3F3F3;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1216px) {
  #features .item {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 769px) {
  #features .item:nth-child(2n+1) .columns {
    flex-direction: row-reverse;
  }
}
#features .illustration {
  overflow: hidden;
  text-align: center;
}

section.feature-cards {
  text-align: center;
}
section.feature-cards header.section-header {
  margin-bottom: 36px;
}
section.feature-cards .card {
  --card-paddingH: 24px;
}
@media only screen and (min-width: 1024px) {
  section.feature-cards .card {
    --card-paddingH: 36px;
  }
}
section.feature-cards .card dd {
  text-align: left;
}

#extend header.section-header {
  text-align: center;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  #extend header.section-header {
    margin-bottom: 60px;
  }
}
#extend .cards > .column > .card {
  align-items: stretch;
}
#extend .card {
  --card-paddingV: 0;
  --card-paddingH: 0;
  position: relative;
  text-align: left;
  border-top: 5px solid transparent;
  margin: 0;
}
#extend .card .badge {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 4px;
  padding: 0 12px 6px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--bg-white);
}
#extend .card .card-content {
  padding: 24px 24px 24px 36px;
}
@media only screen and (min-width: 1216px) {
  #extend .card .card-content {
    padding: 36px 24px 36px 36px;
  }
}
#extend .card .card-content .title {
  margin: 0 0 12px;
}
@media only screen and (min-width: 769px) {
  #extend .card .card-content .title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1216px) {
  #extend .card .card-content .title {
    font-size: 20px;
  }
}
#extend .card .card-content .features {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.4rem;
  font-size: 13px;
  line-height: 18px;
}
@media only screen and (min-width: 769px) {
  #extend .card .card-content .features {
    font-size: 15px;
    line-height: 24px;
  }
}
#extend .card .card-content .features li {
  margin: 6px 0 0;
  position: relative;
}
@media only screen and (min-width: 1216px) {
  #extend .card .card-content .features li {
    margin: 12px 0 0;
  }
}
#extend .card .card-content .features li svg {
  margin-right: 6px;
  position: absolute;
  left: -1.4rem;
  top: 3px;
}
@media only screen and (min-width: 769px) {
  #extend .card .card-content .features li svg {
    top: 6px;
  }
}
#extend .card .card-content .features li span {
  color: var(--text-muted);
}
#extend .card.enterprise-agent {
  color: var(--enterprise);
  border-color: var(--enterprise);
}
#extend .card.enterprise-agent .badge {
  background: var(--enterprise);
}
#extend .card.enterprise-agent .card-footer a {
  color: var(--enterprise-darker);
}
#extend .card.vault {
  color: var(--vault);
  border-color: var(--vault);
}
#extend .card.vault .badge {
  background: var(--vault);
}
#extend .card.vault .card-footer a {
  color: var(--vault-darker);
}
#extend .card.hub {
  color: var(--hub);
  border-color: var(--hub);
}
#extend .card.hub .badge {
  background: var(--hub);
}
#extend .card.hub .card-footer a {
  color: var(--hub-darker);
}
#extend #solution-blocks .event-flow {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #extend #solution-blocks .event-flow {
    display: block;
    margin: -140px 0 -12px;
  }
}
@media only screen and (min-width: 1216px) {
  #extend #solution-blocks .event-flow {
    margin: -160px 0 -12px;
  }
}

#installation-with-magic {
  margin: 0 0 120px 0;
}
#installation-with-magic header.section-header {
  text-align: center;
  margin-bottom: 36px;
}
@media only screen and (min-width: 1024px) {
  #installation-with-magic header.section-header {
    margin-bottom: 60px;
  }
}
#installation-with-magic .cards > .column > .card {
  align-items: stretch;
}
#installation-with-magic .card {
  --card-paddingV: 0;
  --card-paddingH: 0;
  position: relative;
  text-align: left;
  margin: 0;
  z-index: 1;
}
#installation-with-magic .card .banner {
  display: flex;
  justify-content: center;
}
#installation-with-magic .card .banner img {
  position: relative;
  top: 4px;
}
#installation-with-magic .card .banner.raspberry-pi {
  background: #C51850;
}
#installation-with-magic .card .banner.docker {
  background: #2496ED;
}
#installation-with-magic .card .banner.balena {
  background: #FFC600;
}
#installation-with-magic .card .card-content {
  padding: 24px;
}
@media only screen and (min-width: 1216px) {
  #installation-with-magic .card .card-content {
    padding: 36px;
  }
}
#installation-with-magic .card .card-content .title {
  margin: 0 0 12px;
}
@media only screen and (min-width: 769px) {
  #installation-with-magic .card .card-content .title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1216px) {
  #installation-with-magic .card .card-content .title {
    font-size: 20px;
  }
}
#installation-with-magic .card .card-content .features p {
  font-size: 13px;
  line-height: 24px;
  margin: 12px 0 0;
  color: var(--text-muted);
}
@media only screen and (min-width: 769px) {
  #installation-with-magic .card .card-content .features p {
    font-size: 15px;
    line-height: 24px;
  }
}

#pricing {
  position: relative;
  z-index: 1;
}
#pricing header.section-header {
  text-align: center;
  margin-bottom: 36px;
}
#pricing .tabs {
  margin: 0;
}
#pricing .card {
  --card-paddingV: 0;
  --card-paddingH: 0;
}
#pricing .feature-table {
  overflow-x: auto;
  margin: 0 -1.5rem 24px 0;
  border-radius: var(--radius);
}
@media only screen and (min-width: 769px) {
  #pricing .feature-table {
    margin: 0;
  }
}
#pricing .feature-table table {
  padding: 6px 0;
}
@media only screen and (min-width: 769px) {
  #pricing .feature-table table {
    padding: 0;
  }
}
#pricing .feature-table thead th {
  border: none;
}
#pricing .feature-table thead th:first-of-type,
#pricing .feature-table tbody th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  text-align: left;
  background: var(--card);
  box-shadow: 1px 0 0 var(--bg);
}
@media only screen and (min-width: 769px) {
  #pricing .feature-table thead th:first-of-type,
  #pricing .feature-table tbody th {
    position: static;
    background: none;
    box-shadow: none;
    padding: 0 0 0 24px;
    min-width: auto;
  }
}
#pricing .feature-table th, #pricing .feature-table td {
  text-align: center;
  line-height: 48px;
  padding: 0 18px;
  white-space: nowrap;
  min-width: 130px;
}
@media only screen and (min-width: 769px) {
  #pricing .feature-table th, #pricing .feature-table td {
    min-width: 100px;
    padding: 0;
    border-top: 1px solid var(--bg-muted);
  }
}
@media only screen and (min-width: 1024px) {
  #pricing .feature-table th, #pricing .feature-table td {
    min-width: 130px;
    font-size: 16px;
  }
}
#pricing .feature-table th .feature-icon, #pricing .feature-table td .feature-icon {
  position: relative;
  top: 4px;
}
#pricing .feature-table tr:hover {
  background: hsla(var(--bg-hsl), 0.2);
}
#pricing .feature-table tr:last-of-type td {
  font-weight: 600;
  color: var(--hub);
}
#pricing .pricing-table tr {
  box-shadow: 0px 0 1px var(--bg-muted);
}
#pricing .pricing-table td {
  font-weight: 600;
}
#pricing .pricing-table.enterprise-agent td {
  color: var(--enterprise);
}
#pricing .pricing-table.vault td {
  color: var(--vault);
}
#pricing .cards {
  margin-top: 12px;
}
#pricing .footnote .card-content {
  text-align: left;
  padding: 12px 24px;
  line-height: 24px;
  font-weight: 500;
  color: var(--text);
  flex: 0;
}
#pricing .footnote .card-footer {
  text-align: left;
  flex: 1;
}
#pricing .footnote .card-footer p {
  margin: 0;
  font-size: 15px;
  line-height: 24px;
}
#pricing .plan-content {
  display: none;
  margin: 0 auto;
}
#pricing .plan-content#consumer-plans-content {
  max-width: 47rem;
}
@media only screen and (min-width: 1024px) {
  #pricing .plan-content#consumer-plans-content {
    max-width: 55rem;
  }
}
#pricing .plan-content#business-plans-content {
  max-width: 47rem;
}
@media only screen and (min-width: 1024px) {
  #pricing .plan-content#business-plans-content {
    max-width: 55rem;
  }
}
#pricing .plan-content.is-active {
  display: block;
}

#download {
  text-align: center;
  margin-top: -72px;
}
@media only screen and (min-width: 769px) {
  #download {
    margin-top: -120px;
  }
}
#download .container {
  background: url("/images/cta-bg.svg") no-repeat 0 100% var(--bg-muted);
  border-radius: var(--radius);
  padding: 48px 24px;
}
@media only screen and (min-width: 769px) {
  #download .container {
    padding: 84px 36px 60px;
  }
}
@media only screen and (min-width: 1024px) {
  #download .container {
    padding: 96px 48px 72px;
    background-position: 5% 100%;
  }
}
@media only screen and (min-width: 1216px) {
  #download .container {
    padding: 108px 48px 84px;
    background-position: 7% 100%;
  }
}
#download .container p {
  margin: 0 0 24px;
}
@media only screen and (min-width: 769px) {
  #download .container p {
    margin: 0 0 36px;
  }
}
#download .container .button {
  margin: 6px;
}
#download .container .button .ico {
  padding-right: 12px;
}

#trusted-by header.section-header {
  text-align: center;
  margin-bottom: 36px;
}
@media only screen and (min-width: 1024px) {
  #trusted-by header.section-header {
    margin-bottom: 60px;
  }
}
#trusted-by #customers {
  margin: 0 0 24px 0;
}
@media only screen and (min-width: 1024px) {
  #trusted-by #customers {
    margin: 0 0 36px 0;
  }
}
#trusted-by #customers .logo {
  opacity: 0.55;
  height: 48px;
  margin: 6px 12px;
}
@media only screen and (min-width: 1024px) {
  #trusted-by #customers .logo {
    height: 60px;
    margin: 6px 18px;
  }
}
#trusted-by .customer-case {
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  #trusted-by .customer-case {
    flex-direction: row;
  }
}
#trusted-by .customer-case .banner {
  border-radius: calc(4 * var(--radius));
}
#trusted-by .customer-case .text {
  padding: 6px 24px 12px;
}
@media only screen and (min-width: 769px) {
  #trusted-by .customer-case .text {
    padding: 0.75rem 0.75rem 0.75rem 24px;
    align-self: center;
  }
}
#trusted-by .customer-case .text h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 1216px) {
  #trusted-by .customer-case .text h2 {
    font-size: 20px;
    line-height: 36px;
  }
}
#trusted-by .customer-case .text p {
  margin: 12px 0 0 0;
}

#solutions {
  position: relative;
}
#solutions .button {
  position: absolute;
  color: var(--bg-white);
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}
#solutions .button img {
  padding-right: 12px;
}

#need-assistance {
  text-align: center;
  margin: 72px 0 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  #need-assistance {
    margin: 96px 0 -120px;
  }
}
@media only screen and (min-width: 1024px) {
  #need-assistance {
    margin: 120px 0 -140px;
  }
}
@media only screen and (min-width: 1216px) {
  #need-assistance {
    margin: 156px 0 -152px;
  }
}
#need-assistance header.section-header {
  margin: 0 0 36px;
}
@media only screen and (min-width: 769px) {
  #need-assistance header.section-header {
    margin: 0 0 48px;
  }
}
@media only screen and (min-width: 1024px) {
  #need-assistance header.section-header {
    text-align: left;
  }
}

#footer {
  background: url("/images/hero-bg-min.jpg") no-repeat #342B39;
  background-size: cover;
  background-blend-mode: multiply;
  padding: 48px 1.5rem;
  position: relative;
  z-index: 0;
  color: var(--text-light);
}
@media only screen and (min-width: 769px) {
  #footer {
    padding: 108px 1.5rem 60px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer {
    padding: 132px 1.5rem 60px;
  }
}
@media only screen and (min-width: 1216px) {
  #footer {
    padding: 144px 1.5rem 72px;
  }
}
@media only screen and (min-width: 1408px) {
  #footer {
    padding: 168px 1.5rem 84px;
  }
}
#footer h3, #footer h4 {
  color: var(--card);
  line-height: 36px;
}
#footer .newsletter strong {
  color: var(--card);
  font-weight: 500;
}
#footer hr {
  border: 1px solid var(--text-muted);
  opacity: 0.2;
  margin: 36px 0;
}
@media only screen and (min-width: 1216px) {
  #footer hr {
    margin: 36px 0 48px;
  }
}
@media only screen and (min-width: 1408px) {
  #footer hr {
    margin: 60px 0 72px;
  }
}
#footer hr.small {
  margin: 6px 0 12px 0;
}
#footer .copyright {
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  #footer .copyright {
    text-align: left;
  }
}
#footer .copyright p {
  font-size: 15px;
  margin: 12px 0 24px;
}
#footer .button-wrapper {
  background: var(--card);
  padding: 6px;
  border-radius: var(--radius);
  position: relative;
  display: flex;
  border: 2px solid transparent;
}
#footer .button-wrapper svg {
  fill: #A69D9D;
  align-self: center;
}
#footer .button-wrapper.error {
  border: 2px solid var(--alert);
}
#footer .button-wrapper.error svg {
  fill: var(--alert);
}
#footer .button-wrapper.error input[type=text], #footer .button-wrapper.error input[type=email] {
  color: var(--alert);
}
#footer .button-wrapper.error input[type=text]::-moz-placeholder, #footer .button-wrapper.error input[type=email]::-moz-placeholder {
  color: var(--alert);
}
#footer .button-wrapper.error input[type=text]:-ms-input-placeholder, #footer .button-wrapper.error input[type=email]:-ms-input-placeholder {
  color: var(--alert);
}
#footer .button-wrapper.error input[type=text]::placeholder, #footer .button-wrapper.error input[type=email]::placeholder {
  color: var(--alert);
}
#footer .button-wrapper.error .button:not(.is-white).hub {
  background: var(--alert);
  border-color: var(--alert-darker);
}
#footer .button-wrapper .icon {
  display: none;
}
@media only screen and (min-width: 769px) {
  #footer .button-wrapper .icon {
    display: block;
    margin-left: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .button-wrapper .icon {
    margin-left: 18px;
  }
}
#footer .button-wrapper input[type=text], #footer .button-wrapper input[type=email] {
  padding: 12px;
  box-shadow: none;
  flex: 1;
  margin: 0;
  height: auto;
  border: none;
  background: transparent;
}
#footer .button-wrapper .button {
  color: var(--card);
  flex: 0 1 auto;
  font-size: initial;
  line-height: inherit;
}
#footer .button-wrapper .button img {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #footer .button-wrapper .button img {
    display: block;
    padding-right: 12px;
  }
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul li {
  padding: 6px 0;
  font-size: 15px;
}
#footer ul li a {
  color: var(--text-light);
}
#footer ul li a:hover, #footer ul li a:focus {
  color: var(--card);
}
#footer .social {
  opacity: 0.6;
  margin: 0 3px;
  padding: 0;
  width: 36px;
  height: auto;
  background-color: transparent;
}
@media only screen and (min-width: 1024px) {
  #footer .social {
    opacity: 0.2;
    margin: 0 6px 0 0;
  }
  #footer .social:hover {
    opacity: 0.6;
  }
}
#footer .social .icon {
  width: 100%;
  height: auto;
}
#footer .social .icon svg {
  width: 100%;
  height: auto;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.debug-responsivity .size {
  position: fixed;
  bottom: 0;
  left: 0;
  background: var(--text);
  color: var(--bg);
  font-size: 0.6em;
  font-weight: 600;
  padding: 0 3px;
  display: none;
}
.debug-responsivity .none {
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .debug-responsivity .size {
    display: none;
  }
  .debug-responsivity .t {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .debug-responsivity .size {
    display: none;
  }
  .debug-responsivity .d {
    display: inline-block;
  }
}
@media only screen and (min-width: 1216px) {
  .debug-responsivity .size {
    display: none;
  }
  .debug-responsivity .w {
    display: inline-block;
  }
}
@media only screen and (min-width: 1408px) {
  .debug-responsivity .size {
    display: none;
  }
  .debug-responsivity .f {
    display: inline-block;
  }
}

.show-grid {
  background-image: linear-gradient(to bottom, #0ff 0px, rgba(255, 255, 255, 0) 1px);
  background-repeat: repeat-y;
  background-size: 100% 1rem;
}

.navbar-burger {
  height: 6.25rem;
}

#site-navbar .navbar-item.logo-title {
  padding-left: 30px;
}
@media only screen and (min-width: 1024px) {
  #site-navbar .navbar-item.logo-title {
    padding-left: 0px;
  }
}

#hero .heading h1 {
  font-size: 20px;
}
@media only screen and (min-width: 1024px) {
  #hero .heading h1 {
    font-size: 30px;
  }
}