orbit.css

/*! Orbit CSS v2.0.0 | MIT license | https://orbitcss.com */
@import url("https://fonts.googleapis.com/css?family=Lato|Roboto");
:root {
  --color-primary: hsl(255.6687898089deg, 73.023255814%, 57.8431372549%, 1);
  --color-primary-darker: hsl(255.6687898089deg, 73.023255814%, 47.8431372549%, 1);
  --color-primary-lighter: hsl(255.6687898089deg, 73.023255814%, 67.8431372549%, 1);
  --color-primary-text: var(--color-white);
  --color-primary-alert: hsl(255.6687898089deg, 73.023255814%, 57.8431372549%, 0.2);
  --color-secondary: hsl(346.5838509317deg, 100%, 68.431372549%, 1);
  --color-secondary-darker: hsl(346.5838509317deg, 100%, 58.431372549%, 1);
  --color-secondary-lighter: hsl(346.5838509317deg, 100%, 78.431372549%, 1);
  --color-secondary-text: var(--color-black);
  --color-secondary-alert: hsl(346.5838509317deg, 100%, 68.431372549%, 0.2);
  --color-warning: hsl(47.8571428571deg, 100%, 67.0588235294%, 1);
  --color-warning-darker: hsl(47.8571428571deg, 100%, 57.0588235294%, 1);
  --color-warning-lighter: hsl(47.8571428571deg, 100%, 77.0588235294%, 1);
  --color-warning-text: var(--color-black);
  --color-warning-alert: hsl(47.8571428571deg, 100%, 67.0588235294%, 0.2);
  --color-info: hsl(215.2380952381deg, 96.9230769231%, 87.2549019608%, 1);
  --color-info-darker: hsl(215.2380952381deg, 96.9230769231%, 77.2549019608%, 1);
  --color-info-lighter: hsl(215.2380952381deg, 96.9230769231%, 97.2549019608%, 1);
  --color-info-text: var(--color-black);
  --color-info-alert: hsl(215.2380952381deg, 96.9230769231%, 87.2549019608%, 0.2);
  --color-danger: hsl(347.8301886792deg, 100%, 58.431372549%, 1);
  --color-danger-darker: hsl(347.8301886792deg, 100%, 48.431372549%, 1);
  --color-danger-lighter: hsl(347.8301886792deg, 100%, 68.431372549%, 1);
  --color-danger-text: var(--color-white);
  --color-danger-alert: hsl(347.8301886792deg, 100%, 58.431372549%, 0.2);
  --color-success: hsl(165.9911894273deg, 100%, 44.5098039216%, 1);
  --color-success-darker: hsl(165.9911894273deg, 100%, 34.5098039216%, 1);
  --color-success-lighter: hsl(165.9911894273deg, 100%, 54.5098039216%, 1);
  --color-success-text: var(--color-white);
  --color-success-alert: hsl(165.9911894273deg, 100%, 44.5098039216%, 0.2);
  --color-black: hsl(0deg, 0%, 22.3529411765%, 1);
  --color-black-darker: hsl(0deg, 0%, 12.3529411765%, 1);
  --color-black-lighter: hsl(0deg, 0%, 32.3529411765%, 1);
  --color-black-text: var(--color-white);
  --color-black-alert: hsl(0deg, 0%, 22.3529411765%, 0.2);
  --color-dark: hsl(206.4705882353deg, 26.1538461538%, 25.4901960784%, 1);
  --color-dark-darker: hsl(206.4705882353deg, 26.1538461538%, 15.4901960784%, 1);
  --color-dark-lighter: hsl(206.4705882353deg, 26.1538461538%, 35.4901960784%, 1);
  --color-dark-text: var(--color-white);
  --color-dark-alert: hsl(206.4705882353deg, 26.1538461538%, 25.4901960784%, 0.2);
  --color-night: hsl(252.9411764706deg, 27.5675675676%, 36.2745098039%, 1);
  --color-night-darker: hsl(252.9411764706deg, 27.5675675676%, 26.2745098039%, 1);
  --color-night-lighter: hsl(252.9411764706deg, 27.5675675676%, 46.2745098039%, 1);
  --color-night-text: var(--color-white);
  --color-night-alert: hsl(252.9411764706deg, 27.5675675676%, 36.2745098039%, 0.2);
  --color-white: hsl(0deg, 0%, 100%, 1);
  --color-white-darker: hsl(0deg, 0%, 90%, 1);
  --color-white-lighter: hsl(0deg, 0%, 100%, 1);
  --color-white-text: var(--color-black);
  --color-white-alert: hsl(0deg, 0%, 100%, 0.2);
  --color-light: hsl(0deg, 0%, 96.0784313725%, 1);
  --color-light-darker: hsl(0deg, 0%, 86.0784313725%, 1);
  --color-light-lighter: hsl(0deg, 0%, 100%, 1);
  --color-light-text: var(--color-black);
  --color-light-alert: hsl(0deg, 0%, 96.0784313725%, 0.2);
  --color-light-grey: hsl(32.7272727273deg, 12.0879120879%, 82.1568627451%, 1);
  --color-light-grey-darker: hsl(32.7272727273deg, 12.0879120879%, 72.1568627451%, 1);
  --color-light-grey-lighter: hsl(32.7272727273deg, 12.0879120879%, 92.1568627451%, 1);
  --color-light-grey-text: var(--color-black);
  --color-light-grey-alert: hsl(32.7272727273deg, 12.0879120879%, 82.1568627451%, 0.2);
  --color-dark-grey: hsl(0deg, 0%, 38.0392156863%, 1);
  --color-dark-grey-darker: hsl(0deg, 0%, 28.0392156863%, 1);
  --color-dark-grey-lighter: hsl(0deg, 0%, 48.0392156863%, 1);
  --color-dark-grey-text: var(--color-white);
  --color-dark-grey-alert: hsl(0deg, 0%, 38.0392156863%, 0.2);
  --color-black-overlay: hsl(0deg, 0%, 22.3529411765%, 0.5);
  --color-link: hsl(234.3956043956deg, 100%, 64.3137254902%, 1);
  --color-muted: hsl(0deg, 0%, 73.0392156863%, 1);
  --color-disabled: hsl(0deg, 0%, 96.862745098%, 1);
}

.has-text-primary {
  --font-color: var(--color-primary) !important;
  color: var(--font-color) !important;
}
.has-text-secondary {
  --font-color: var(--color-secondary) !important;
  color: var(--font-color) !important;
}
.has-text-warning {
  --font-color: var(--color-warning) !important;
  color: var(--font-color) !important;
}
.has-text-info {
  --font-color: var(--color-info) !important;
  color: var(--font-color) !important;
}
.has-text-danger {
  --font-color: var(--color-danger) !important;
  color: var(--font-color) !important;
}
.has-text-success {
  --font-color: var(--color-success) !important;
  color: var(--font-color) !important;
}
.has-text-black {
  --font-color: var(--color-black) !important;
  color: var(--font-color) !important;
}
.has-text-dark {
  --font-color: var(--color-dark) !important;
  color: var(--font-color) !important;
}
.has-text-night {
  --font-color: var(--color-night) !important;
  color: var(--font-color) !important;
}
.has-text-white {
  --font-color: var(--color-white) !important;
  color: var(--font-color) !important;
}
.has-text-light {
  --font-color: var(--color-light) !important;
  color: var(--font-color) !important;
}
.has-text-light-grey {
  --font-color: var(--color-light-grey) !important;
  color: var(--font-color) !important;
}
.has-text-dark-grey {
  --font-color: var(--color-dark-grey) !important;
  color: var(--font-color) !important;
}
.has-text-muted {
  --font-color: var(--color-muted) !important;
  color: var(--font-color) !important;
}
.has-text-disabled {
  --font-color: var(--color-disabled) !important;
  color: var(--font-color) !important;
}

.has-bg-primary {
  --background-color: var(--color-primary) !important;
  background-color: var(--background-color) !important;
}
.has-bg-secondary {
  --background-color: var(--color-secondary) !important;
  background-color: var(--background-color) !important;
}
.has-bg-warning {
  --background-color: var(--color-warning) !important;
  background-color: var(--background-color) !important;
}
.has-bg-info {
  --background-color: var(--color-info) !important;
  background-color: var(--background-color) !important;
}
.has-bg-danger {
  --background-color: var(--color-danger) !important;
  background-color: var(--background-color) !important;
}
.has-bg-success {
  --background-color: var(--color-success) !important;
  background-color: var(--background-color) !important;
}
.has-bg-black {
  --background-color: var(--color-black) !important;
  background-color: var(--background-color) !important;
}
.has-bg-dark {
  --background-color: var(--color-dark) !important;
  background-color: var(--background-color) !important;
}
.has-bg-night {
  --background-color: var(--color-night) !important;
  background-color: var(--background-color) !important;
}
.has-bg-white {
  --background-color: var(--color-white) !important;
  background-color: var(--background-color) !important;
}
.has-bg-light {
  --background-color: var(--color-light) !important;
  background-color: var(--background-color) !important;
}
.has-bg-light-grey {
  --background-color: var(--color-light-grey) !important;
  background-color: var(--background-color) !important;
}
.has-bg-dark-grey {
  --background-color: var(--color-dark-grey) !important;
  background-color: var(--background-color) !important;
}
.has-bg-disabled {
  --background-color: var(--color-disabled) !important;
  background-color: var(--background-color) !important;
}

:root {
  --theme-font-size: 1rem;
  --theme-font-color: hsl(0deg, 0%, 22.3529411765%, 1);
  --theme-background-color: hsl(0deg, 0%, 100%, 1);
  --theme-body-font-family: Roboto, sans-serif;
}

html {
  font-size: 100%;
}
html.has-clip {
  overflow: hidden;
}

body, html {
  min-height: 100%;
  position: relative;
}

body {
  --font-weight: 400;
  --line-height: 1.6;
  --font-color: var(--theme-font-color);
  --background-color: var(--theme-background-color);
  --font-family: var(--theme-body-font-family);
  background-color: var(--background-color);
  color: var(--font-family);
  font-family: var(--font-family);
  font-style: normal;
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  min-height: 100%;
  padding: 0;
}

body, html, h1, h2, h3, h4, h5, h6, ul, ol, p, dt, dd, div {
  --font-size: var(--theme-font-size);
  font-size: var(--font-size);
  margin: 0;
  padding: 0;
}

hr {
  --background-color: var(--color-light-grey-lighter);
  --height: 0.125rem;
  --margin: 1.25rem 0;
  background-color: var(--background-color);
  border: none;
  height: var(--height);
  margin: var(--margin);
}

p {
  --margin: 0 0 0.625rem 0;
  margin: var(--margin);
}

p, span, small, i, b, strong {
  color: inherit;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  position: relative;
}

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

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.is-block {
  display: block !important;
}
.is-flex {
  display: flex !important;
}
.is-inline {
  display: inline !important;
}
.is-inline-block {
  display: inline-block !important;
}
.is-inline-flex {
  display: inline-flex !important;
}
.is-hidden {
  display: none !important;
}
.is-invisible {
  visibility: hidden !important;
}

.has-no-padding {
  padding: 0 !important;
}
.has-no-padding-top {
  padding-top: 0 !important;
}
.has-no-padding-bottom {
  padding-bottom: 0 !important;
}
.has-no-padding-left {
  padding-left: 0 !important;
}
.has-no-padding-right {
  padding-right: 0 !important;
}
.has-no-margin {
  margin: 0 !important;
}
.has-no-border {
  border: none !important;
}
.has-no-shadow {
  box-shadow: none !important;
}
.has-no-wrap {
  white-space: nowrap;
}
.has-no-transition {
  transition: none !important;
}

.has-text-left {
  text-align: left !important;
}
.has-text-right {
  text-align: right !important;
}
.has-text-center {
  text-align: center !important;
}

.has-font-normal {
  font-weight: normal !important;
}
.has-font-bold {
  font-weight: bold !important;
}

.is-margin-center {
  margin: 0 auto !important;
}

.is-float-left {
  float: left;
}
.is-float-right {
  float: right;
}

.is-vertically-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.has-start {
  justify-content: flex-start !important;
}
.has-centered {
  justify-content: center !important;
}
.has-end {
  justify-content: flex-end !important;
}

@media (min-width: 768px) {
  .is-mobile-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .is-tablet-up, .is-tablet-only {
    display: none !important;
  }
}
@media (min-width: 922px) {
  .is-tablet-down, .is-tablet-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .is-desktop-down, .is-desktop-only {
    display: none !important;
  }
}
@media (max-width: calc(922px - 1px)) {
  .is-desktop-up, .is-desktop-only {
    display: none !important;
  }
}
@media (max-width: calc(1199px)) {
  .is-desktop-x-only {
    display: none !important;
  }
}
:root {
  --theme-heading-font-family: Lato, sans-serif;
}

h6, .is-very-small-heading, h5, .is-small-heading, h4, .is-heading, h3, .is-medium-heading, h2, .is-big-heading, h1, .is-very-big-heading {
  --font-color: inherit;
  --font-family: var(--theme-heading-font-family);
  --font-weight: 600;
  --line-height: 1.4;
  color: var(--font-color);
  display: block;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  margin-bottom: 0.45rem;
}
h6.is-subheading, .is-subheading.is-very-small-heading, h5.is-subheading, .is-subheading.is-small-heading, h4.is-subheading, .is-subheading.is-heading, h3.is-subheading, .is-subheading.is-medium-heading, h2.is-subheading, .is-subheading.is-big-heading, h1.is-subheading, .is-subheading.is-very-big-heading {
  --font-color: hsl(0deg, 0%, 51.3725490196%, 1);
  --font-weight: 400;
  --line-height: 1.4;
}
h6:not(.is-subheading) + .is-subheading, .is-very-small-heading:not(.is-subheading) + .is-subheading, h5:not(.is-subheading) + .is-subheading, .is-small-heading:not(.is-subheading) + .is-subheading, h4:not(.is-subheading) + .is-subheading, .is-heading:not(.is-subheading) + .is-subheading, h3:not(.is-subheading) + .is-subheading, .is-medium-heading:not(.is-subheading) + .is-subheading, h2:not(.is-subheading) + .is-subheading, .is-big-heading:not(.is-subheading) + .is-subheading, h1:not(.is-subheading) + .is-subheading, .is-very-big-heading:not(.is-subheading) + .is-subheading {
  margin-top: -0.4rem;
}
h6 + .is-subheading:last-of-type, .is-very-small-heading + .is-subheading:last-of-type, h5 + .is-subheading:last-of-type, .is-small-heading + .is-subheading:last-of-type, h4 + .is-subheading:last-of-type, .is-heading + .is-subheading:last-of-type, h3 + .is-subheading:last-of-type, .is-medium-heading + .is-subheading:last-of-type, h2 + .is-subheading:last-of-type, .is-big-heading + .is-subheading:last-of-type, h1 + .is-subheading:last-of-type, .is-very-big-heading + .is-subheading:last-of-type {
  margin-bottom: -0.4rem;
}

h1, .is-very-big-heading {
  --font-size: 2.875rem;
}

h2, .is-big-heading {
  --font-size: 2.5rem;
}

h3, .is-medium-heading {
  --font-size: 1.875rem;
}

h4, .is-heading {
  --font-size: 1.5rem;
}

h5, .is-small-heading {
  --font-size: 1.25rem;
}

h6, .is-very-small-heading {
  --font-size: 1rem;
}

a {
  color: var(--color-link);
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.has-link-inherit a:not(.button) {
  color: inherit;
}

ol, ul {
  --margin-left: 1.25rem;
  --margin-top: 1rem;
  margin-left: var(--margin-left);
  margin-top: var(--margin-top);
}
ol ul, ol ol, ol dl, ul ul, ul ol, ul dl {
  margin-top: 0;
}

ul, ol {
  list-style-position: outside;
}

ul {
  --style-type: disc;
  list-style-type: var(--style-type);
}
ul.has-no-list-style {
  list-style-type: none;
  margin-left: 0;
}
ul.is-inline-list {
  display: flex !important;
  flex-flow: row wrap;
  list-style-type: none;
  margin: 0;
}
ul.is-inline-list > li:not(:last-child) {
  margin-right: 0.5rem;
}

dl dt {
  font-weight: bold;
  margin-bottom: 0.3rem;
}
dl dd ~ dt {
  margin-top: 0.3rem;
}

blockquote {
  --border-color: hsl(0deg, 0%, 83.9215686275%, 1);
  --border-width: 1px;
  --font-color: var(--color-black);
  --margin: 1rem 0 0;
  --padding: 0.5rem 0 0.5rem 1.25rem;
  border-left: var(--border-width) solid var(--border-color);
  color: var(--font-color);
  margin: var(--margin);
  padding: var(--padding);
}
blockquote cite {
  --font-color: var(--color-black);
  --font-size: 0.8125rem;
  color: var(--font-color);
  display: block;
  font-size: var(--font-size);
}
blockquote cite::before {
  content: "- ";
}

abbr {
  --border-color: var(--color-black);
  border-bottom: 1px dotted var(--border-color);
  cursor: help;
  text-decoration: none;
}

.container {
  --padding: 20px;
  --max-width: 1200px;
  max-width: var(--max-width);
  margin: 0 auto;
  width: 100%;
}
.container.is-full {
  max-width: 100%;
  padding: 0 var(--padding);
}

.grid {
  --col-padding: 0.625rem;
  --col-margin-top: 0.5rem;
  --col-margin-bottom: 0.5rem;
  --col-width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.grid .column {
  --margin: var(--col-margin-top) 0 var(--col-margin-bottom) 0;
  --padding: var(--col-padding);
  --width: var(--col-width);
}
.grid.has-centered.is-vertical {
  align-items: center;
}
.grid.has-spacing {
  justify-content: space-between;
}
.grid.has-row-margin .column {
  margin: var(--margin);
}
.grid.is-vertical {
  flex-direction: column;
}
.grid.is-flex-start {
  align-items: flex-start;
}
.grid .column {
  flex: none;
  padding: var(--padding);
  width: var(--width);
}
.grid .column.is-mobile-auto {
  flex: 1;
}
@media (min-width: 768px) {
  .grid .column {
    flex: 1;
  }
}
@media (min-width: 922px) {
  .grid .column.is-desktop-auto {
    flex: 1 !important;
  }
}
@media (min-width: 1200px) {
  .grid .column.is-desktop-x-auto {
    flex: 1 !important;
  }
}
.grid .column.is-end {
  margin-left: auto;
}
.grid .column.is-center {
  margin: 0 auto;
}
.grid.has-no-col-padding > .column {
  padding: 0;
}
@media (min-width: 768px) {
  .grid .column.is-shrink {
    flex: none;
    width: auto;
  }
  .grid .column.is-one-quarter {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-one-quarter {
    margin-left: 25%;
  }
  .grid .column.is-half {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-half {
    margin-left: 50%;
  }
  .grid .column.is-three-quarters {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-three-quarters {
    margin-left: 75%;
  }
  .grid .column.is-one-third {
    --width: 33.333333%;
    flex: none;
  }
  .grid .column.is-offset-one-third {
    margin-left: 33.333333%;
  }
  .grid .column.is-two-thirds {
    --width: 66.666666%;
    flex: none;
  }
  .grid .column.is-offset-two-thirds {
    margin-left: 66.666666%;
  }
  .grid .column.is-full {
    --width: 100%;
    flex: none;
  }
  .grid .column.is-one-fifth {
    --width: 20%;
    flex: none;
  }
  .grid .column.is-offset-one-fifth {
    margin-left: 20%;
  }
  .grid .column.is-two-fifths {
    --width: 40%;
    flex: none;
  }
  .grid .column.is-offset-two-fifths {
    margin-left: 40%;
  }
  .grid .column.is-three-fifths {
    --width: 60%;
    flex: none;
  }
  .grid .column.is-offset-three-fifths {
    margin-left: 60%;
  }
  .grid .column.is-four-fifths {
    --width: 80%;
    flex: none;
  }
  .grid .column.is-offset-four-fifths {
    margin-left: 80%;
  }
  .grid .column.is-1 {
    --width: 8.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column.is-2 {
    --width: 16.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column.is-3 {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-3 {
    margin-left: 25%;
  }
  .grid .column.is-4 {
    --width: 33.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column.is-5 {
    --width: 41.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column.is-6 {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-6 {
    margin-left: 50%;
  }
  .grid .column.is-7 {
    --width: 58.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column.is-8 {
    --width: 66.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column.is-9 {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-9 {
    margin-left: 75%;
  }
  .grid .column.is-10 {
    --width: 83.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column.is-11 {
    --width: 91.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column.is-12 {
    --width: 100%;
    flex: none;
  }
}
@media (max-width: 767px) {
  .grid .column.is-mobile-shrink {
    width: auto;
  }
  .grid .column.is-mobile-one-quarter {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-mobile-one-quarter {
    margin-left: 25%;
  }
  .grid .column.is-mobile-half {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-mobile-half {
    margin-left: 50%;
  }
  .grid .column.is-mobile-three-quarters {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-mobile-three-quarters {
    margin-left: 75%;
  }
  .grid .column.is-mobile-one-third {
    --width: 33.333333%;
    flex: none;
  }
  .grid .column.is-offset-mobile-one-third {
    margin-left: 33.333333%;
  }
  .grid .column.is-mobile-two-thirds {
    --width: 66.666666%;
    flex: none;
  }
  .grid .column.is-offset-mobile-two-thirds {
    margin-left: 66.666666%;
  }
  .grid .column.is-mobile-full {
    --width: 100%;
    flex: none;
  }
  .grid .column.is-mobile-one-fifth {
    --width: 20%;
    flex: none;
  }
  .grid .column.is-offset-mobile-one-fifth {
    margin-left: 20%;
  }
  .grid .column.is-mobile-two-fifths {
    --width: 40%;
    flex: none;
  }
  .grid .column.is-offset-mobile-two-fifths {
    margin-left: 40%;
  }
  .grid .column.is-mobile-three-fifths {
    --width: 60%;
    flex: none;
  }
  .grid .column.is-offset-mobile-three-fifths {
    margin-left: 60%;
  }
  .grid .column.is-mobile-four-fifths {
    --width: 80%;
    flex: none;
  }
  .grid .column.is-offset-mobile-four-fifths {
    margin-left: 80%;
  }
  .grid .column.is-mobile-1 {
    --width: 8.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-mobile-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column.is-mobile-2 {
    --width: 16.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-mobile-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column.is-mobile-3 {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-mobile-3 {
    margin-left: 25%;
  }
  .grid .column.is-mobile-4 {
    --width: 33.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-mobile-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column.is-mobile-5 {
    --width: 41.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-mobile-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column.is-mobile-6 {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-mobile-6 {
    margin-left: 50%;
  }
  .grid .column.is-mobile-7 {
    --width: 58.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-mobile-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column.is-mobile-8 {
    --width: 66.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-mobile-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column.is-mobile-9 {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-mobile-9 {
    margin-left: 75%;
  }
  .grid .column.is-mobile-10 {
    --width: 83.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-mobile-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column.is-mobile-11 {
    --width: 91.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-mobile-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column.is-mobile-12 {
    --width: 100%;
    flex: none;
  }
}
@media (min-width: 922px) {
  .grid .column.is-desktop-shrink {
    flex: none;
    width: auto;
  }
  .grid .column.is-desktop-one-quarter {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-desktop-one-quarter {
    margin-left: 25%;
  }
  .grid .column.is-desktop-half {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-desktop-half {
    margin-left: 50%;
  }
  .grid .column.is-desktop-three-quarters {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-desktop-three-quarters {
    margin-left: 75%;
  }
  .grid .column.is-desktop-one-third {
    --width: 33.333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-one-third {
    margin-left: 33.333333%;
  }
  .grid .column.is-desktop-two-thirds {
    --width: 66.666666%;
    flex: none;
  }
  .grid .column.is-offset-desktop-two-thirds {
    margin-left: 66.666666%;
  }
  .grid .column.is-desktop-full {
    --width: 100%;
    flex: none;
  }
  .grid .column.is-desktop-one-fifth {
    --width: 20%;
    flex: none;
  }
  .grid .column.is-offset-desktop-one-fifth {
    margin-left: 20%;
  }
  .grid .column.is-desktop-two-fifths {
    --width: 40%;
    flex: none;
  }
  .grid .column.is-offset-desktop-two-fifths {
    margin-left: 40%;
  }
  .grid .column.is-desktop-three-fifths {
    --width: 60%;
    flex: none;
  }
  .grid .column.is-offset-desktop-three-fifths {
    margin-left: 60%;
  }
  .grid .column.is-desktop-four-fifths {
    --width: 80%;
    flex: none;
  }
  .grid .column.is-offset-desktop-four-fifths {
    margin-left: 80%;
  }
  .grid .column.is-desktop-1 {
    --width: 8.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column.is-desktop-2 {
    --width: 16.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column.is-desktop-3 {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-desktop-3 {
    margin-left: 25%;
  }
  .grid .column.is-desktop-4 {
    --width: 33.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column.is-desktop-5 {
    --width: 41.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column.is-desktop-6 {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-desktop-6 {
    margin-left: 50%;
  }
  .grid .column.is-desktop-7 {
    --width: 58.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column.is-desktop-8 {
    --width: 66.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column.is-desktop-9 {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-desktop-9 {
    margin-left: 75%;
  }
  .grid .column.is-desktop-10 {
    --width: 83.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column.is-desktop-11 {
    --width: 91.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column.is-desktop-12 {
    --width: 100%;
    flex: none;
  }
}
@media (min-width: 1200px) {
  .grid .column.is-desktop-x-shrink {
    flex: none;
    width: auto;
  }
  .grid .column.is-desktop-x-one-quarter {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-one-quarter {
    margin-left: 25%;
  }
  .grid .column.is-desktop-x-half {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-half {
    margin-left: 50%;
  }
  .grid .column.is-desktop-x-three-quarters {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-three-quarters {
    margin-left: 75%;
  }
  .grid .column.is-desktop-x-one-third {
    --width: 33.333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-one-third {
    margin-left: 33.333333%;
  }
  .grid .column.is-desktop-x-two-thirds {
    --width: 66.666666%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-two-thirds {
    margin-left: 66.666666%;
  }
  .grid .column.is-desktop-x-full {
    --width: 100%;
    flex: none;
  }
  .grid .column.is-desktop-x-one-fifth {
    --width: 20%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-one-fifth {
    margin-left: 20%;
  }
  .grid .column.is-desktop-x-two-fifths {
    --width: 40%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-two-fifths {
    margin-left: 40%;
  }
  .grid .column.is-desktop-x-three-fifths {
    --width: 60%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-three-fifths {
    margin-left: 60%;
  }
  .grid .column.is-desktop-x-four-fifths {
    --width: 80%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-four-fifths {
    margin-left: 80%;
  }
  .grid .column.is-desktop-x-1 {
    --width: 8.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-1 {
    margin-left: 8.3333333333%;
  }
  .grid .column.is-desktop-x-2 {
    --width: 16.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-2 {
    margin-left: 16.6666666667%;
  }
  .grid .column.is-desktop-x-3 {
    --width: 25%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-3 {
    margin-left: 25%;
  }
  .grid .column.is-desktop-x-4 {
    --width: 33.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-4 {
    margin-left: 33.3333333333%;
  }
  .grid .column.is-desktop-x-5 {
    --width: 41.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-5 {
    margin-left: 41.6666666667%;
  }
  .grid .column.is-desktop-x-6 {
    --width: 50%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-6 {
    margin-left: 50%;
  }
  .grid .column.is-desktop-x-7 {
    --width: 58.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-7 {
    margin-left: 58.3333333333%;
  }
  .grid .column.is-desktop-x-8 {
    --width: 66.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-8 {
    margin-left: 66.6666666667%;
  }
  .grid .column.is-desktop-x-9 {
    --width: 75%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-9 {
    margin-left: 75%;
  }
  .grid .column.is-desktop-x-10 {
    --width: 83.3333333333%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-10 {
    margin-left: 83.3333333333%;
  }
  .grid .column.is-desktop-x-11 {
    --width: 91.6666666667%;
    flex: none;
  }
  .grid .column.is-offset-desktop-x-11 {
    margin-left: 91.6666666667%;
  }
  .grid .column.is-desktop-x-12 {
    --width: 100%;
    flex: none;
  }
}

.hero {
  --padding: 4rem 1.5rem;
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  display: flex;
  flex-direction: column;
}
.hero__content, .hero__footer, .hero__header {
  background-color: var(--background-color);
  color: var(--font-color);
}
.hero__content {
  flex: auto;
  padding: var(--padding);
}
.hero__footer, .hero__header {
  flex: none;
}
.hero.is-medium > .hero__content {
  padding: 9rem 1.5rem;
}
.hero.is-large > .hero__content {
  padding: 16rem 1.5rem;
}
.hero.is-full {
  min-height: 100vh;
}
.hero.is-full > .hero__content {
  align-items: center;
  display: flex;
}

.section {
  --padding: 6rem 1rem;
  --padding-small: 3rem 1rem;
  --padding-large: 12rem 1rem;
  padding: var(--padding);
}
.section.is-small {
  --padding: var(--padding-small);
}
.section.is-large {
  --padding: var(--padding-large);
}

form, input, textarea, select {
  margin: 0;
  padding: 0;
}

input[type=text], input[type=color], input[type=date], input[type=datetime-local], input[type=email], input[type=password], input[type=month], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=week], input[type=url], textarea, select {
  --border-width: 1px;
  --border-radius: 0;
  --box-shadow: inset 0 1px 2px hsl(0deg, 0%, 3.9215686275%, 0.1);
  --font-size: 1rem;
  --line-height: 1.5;
  --padding: 0.5rem;
  --background-color: var(--color-white);
  --border-color: hsl(0deg, 0%, 85.8823529412%, 1);
  --font-color: var(--color-black);
  --padding: 0.5rem;
  --width: 100%;
  --focus-border-color: var(--color-info);
  --focus-box-shadow: 0 0 0 0.125em hsl(217.0588235294deg, 70.8333333333%, 52.9411764706%, 0.25);
  --disabled-background-color: var(--color-disabled);
  --disabled-box-shadow: none;
  --disabled-font-color: var(--color-muted);
  --disabled-border-color: var(--color-disabled);
  --error-border-color: var(--color-danger);
  --error-background-color: var(--color-danger-alert);
  --error-font-color: var(--color-black);
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-style: solid;
  border-width: var(--border-width);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--font-color);
  font-size: var(--font-size);
  font-family: inherit;
  line-height: var(--line-height);
  padding: var(--padding, 0);
  outline: none;
  width: var(--width);
}
input[type=text]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=password]:focus, input[type=month]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=week]:focus, input[type=url]:focus, textarea:focus, select:focus {
  --border-color: var(--focus-border-color);
}
input[type=text]:not([readonly]):focus, input[type=color]:not([readonly]):focus, input[type=date]:not([readonly]):focus, input[type=datetime-local]:not([readonly]):focus, input[type=email]:not([readonly]):focus, input[type=password]:not([readonly]):focus, input[type=month]:not([readonly]):focus, input[type=number]:not([readonly]):focus, input[type=search]:not([readonly]):focus, input[type=tel]:not([readonly]):focus, input[type=time]:not([readonly]):focus, input[type=week]:not([readonly]):focus, input[type=url]:not([readonly]):focus, textarea:not([readonly]):focus, select:not([readonly]):focus {
  --box-shadow: var(--focus-box-shadow);
}
input[type=text][disabled], input[type=color][disabled], input[type=date][disabled], input[type=datetime-local][disabled], input[type=email][disabled], input[type=password][disabled], input[type=month][disabled], input[type=number][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=time][disabled], input[type=week][disabled], input[type=url][disabled], textarea[disabled], select[disabled] {
  --background-color: var(--disabled-background-color);
  --box-shadow: var(--disabled-box-shadow);
  --font-color: var(--disabled-font-color);
}
:not(.is-input-group) > input[type=text][disabled], :not(.is-input-group) > input[type=color][disabled], :not(.is-input-group) > input[type=date][disabled], :not(.is-input-group) > input[type=datetime-local][disabled], :not(.is-input-group) > input[type=email][disabled], :not(.is-input-group) > input[type=password][disabled], :not(.is-input-group) > input[type=month][disabled], :not(.is-input-group) > input[type=number][disabled], :not(.is-input-group) > input[type=search][disabled], :not(.is-input-group) > input[type=tel][disabled], :not(.is-input-group) > input[type=time][disabled], :not(.is-input-group) > input[type=week][disabled], :not(.is-input-group) > input[type=url][disabled], :not(.is-input-group) > textarea[disabled], :not(.is-input-group) > select[disabled] {
  --border-color: var(--disabled-border-color);
}
input[type=text].has-error, input[type=color].has-error, input[type=date].has-error, input[type=datetime-local].has-error, input[type=email].has-error, input[type=password].has-error, input[type=month].has-error, input[type=number].has-error, input[type=search].has-error, input[type=tel].has-error, input[type=time].has-error, input[type=week].has-error, input[type=url].has-error, textarea.has-error, select.has-error {
  --border-color: var(--error-border-color);
  --background-color: var(--error-background-color);
  --font-color: var(--error-font-color);
}

input[type=date]::-webkit-datetime-edit-fields-wrapper, input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

textarea {
  resize: none;
}
textarea.has-resize {
  resize: both;
}
textarea.has-resize-vertical {
  resize: vertical;
}
textarea.has-resize-horizontal {
  resize: horizontal;
}

.is-select {
  --arrow-color: hsl(232.3404255319deg, 100%, 72.3529411765%, 1);
  --arrow-width: 0.625em;
  --loading-spinner-speed: 0.8s;
  --loading-icon-width: 2px;
  --loading-icon-color: var(--color-light-grey);
  position: relative;
  width: 100%;
}
.is-select select {
  --pading: 0.5rem;
  padding-right: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.is-select:not(.is-loading)::after {
  border-color: var(--arrow-color);
  border-width: 3px;
  border-style: solid;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: var(--arrow-width);
  margin-top: -0.4em;
  pointer-events: none;
  position: absolute;
  right: 0.9375em;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: var(--arrow-width);
}
.is-select.is-loading {
  position: relative;
}
.is-select.is-loading::after {
  -webkit-animation: spinner var(--loading-spinner-speed) linear infinite;
          animation: spinner var(--loading-spinner-speed) linear infinite;
  border: var(--loading-icon-width) solid var(--loading-icon-color);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 1.25em;
  position: absolute;
  top: calc(50% - 0.625em);
  right: 0.9375em;
  width: 1.25em;
  position: absolute !important;
}

.is-multiple-select {
  width: 100%;
}
.is-multiple-select select {
  padding: 0;
}
.is-multiple-select option {
  padding: 0.5rem 1rem;
}

label {
  --font-size: 1rem;
  --font-weight: 600;
  --line-height: 1.6;
  --font-color: inherit;
  color: var(--font-color);
  display: inline-block;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

label:not(:last-child) {
  margin-bottom: 0.4rem;
}

.is-inline-label {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.is-checkbox, .is-radio {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
.is-checkbox label, .is-radio label {
  font-weight: 400;
  margin-bottom: 0;
}
.is-checkbox > span, .is-radio > span {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.is-checkbox > span:not(:last-of-type), .is-radio > span:not(:last-of-type) {
  margin-right: 12px;
}

.is-checkbox input[type=checkbox] + label, .is-radio input[type=radio] + label {
  margin-left: 4px;
}
.is-checkbox input[type=checkbox] + label:not(:last-of-type), .is-radio input[type=radio] + label:not(:last-of-type) {
  margin-right: 12px;
}

.is-input-group {
  --background-color: var(--color-disabled);
  --border-color: hsl(0deg, 0%, 85.8823529412%, 1);
  --border-width: 1px;
  --font-color: var(--color-black);
  --font-size: 1rem;
  --focus-color: var(--color-info);
  align-items: center;
  display: flex;
  width: 100%;
}
.is-input-group > label, .is-input-group > span {
  border-color: var(--border-color);
  border-style: solid;
  border-width: var(--border-width);
  color: var(--font-color);
  font-size: var(--font-size);
  font-family: inherit;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  background-color: var(--background-color);
  padding: 0.5rem 1rem;
}
.is-input-group > .button {
  line-height: 1.5;
  white-space: nowrap;
}
.is-input-group input, .is-input-group select {
  box-shadow: none;
}
.is-input-group input:focus, .is-input-group select:focus {
  box-shadow: none !important;
}
.is-input-group > label, .is-input-group > span, .is-input-group input, .is-input-group > .button {
  margin: 0;
}
.is-input-group > label:not(:last-child), .is-input-group > span:not(:last-child), .is-input-group input:not(:last-child), .is-input-group > .button:not(:last-child) {
  border-right: none;
}
.is-input-group > label:focus + *, .is-input-group > span:focus + *, .is-input-group input:focus + *, .is-input-group > .button:focus + * {
  border-left-color: var(--focus-color);
}
.is-input-group .is-select:not(:last-child) select {
  border-right-color: transparent;
}
.is-input-group .is-select:not(:last-child):focus-within + * {
  border-left-color: var(--focus-color);
}

.is-file-input input[type=file] {
  display: none;
}
.is-file-input label {
  font-weight: normal;
}

.is-slider {
  --thumb-color: var(--color-primary);
  --thumb-radius: 20px;
  --thumb-height: 1.5rem;
  --thumb-width: 1.5rem;
  --track-height: 8.4px;
  --track-background-color: hsl(0deg, 0%, 85.8823529412%, 1);
  width: 100%;
}
.is-slider input[type=range] {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
.is-slider input[type=range]::-webkit-slider-thumb {
  height: var(--thumb-height);
  width: var(--thumb-width);
  border-radius: var(--thumb-radius);
  background-color: var(--thumb-color);
  cursor: pointer;
  margin-top: -8px;
  -webkit-appearance: none;
}
.is-slider input[type=range]::-moz-range-thumb {
  height: var(--thumb-height);
  width: var(--thumb-width);
  border-radius: var(--thumb-radius);
  background-color: var(--thumb-color);
  cursor: pointer;
  margin-top: -8px;
  border-color: transparent;
  -moz-appearance: none;
}
.is-slider input[type=range]::-ms-thumb {
  height: var(--thumb-height);
  width: var(--thumb-width);
  border-radius: var(--thumb-radius);
  background-color: var(--thumb-color);
  cursor: pointer;
  margin-top: -8px;
  -ms-appearance: none;
}
.is-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: var(--track-height);
  cursor: pointer;
  background-color: var(--track-background-color);
}
.is-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: var(--track-height);
  cursor: pointer;
  background-color: var(--track-background-color);
}
.is-slider input[type=range]::-ms-track {
  width: 100%;
  height: var(--track-height);
  cursor: pointer;
  background-color: var(--track-background-color);
}
.is-slider input[type=range]:focus {
  outline: none;
}

.is-switch {
  --track-rounded-radius: 20px;
  --toggle-rounded-radius: 15px;
  --track-radius: 0;
  --toggle-radius: 0;
  --track-background-color: hsl(0deg, 0%, 85.8823529412%, 1);
  --active-track-background-color: var(--color-primary);
  --toggle-background-color: var(--color-white);
  --track-height: 2rem;
  --track-width: 4rem;
  --toggle-height: 1.5rem;
  --toggle-width: 1.5rem;
  line-height: 0.8;
}
.is-switch.is-rounded label {
  --track-radius: var(--track-rounded-radius);
}
.is-switch.is-rounded label::after {
  --toggle-radius: var(--toggle-rounded-radius);
}
.is-switch input {
  margin: 0;
  opacity: 0;
  position: absolute;
}
.is-switch input:checked ~ label {
  --track-background-color: var(--active-track-background-color);
}
.is-switch input:checked ~ label::after {
  left: 2.25rem;
}
.is-switch label {
  background-color: var(--track-background-color);
  border-radius: var(--track-radius);
  cursor: pointer;
  display: inline-block;
  height: var(--track-height);
  position: relative;
  transition: all 0.25s ease-out;
  width: var(--track-width);
}
.is-switch label::after {
  content: "";
  background-color: var(--toggle-background-color);
  border-radius: var(--toggle-radius);
  display: block;
  left: 0.25rem;
  height: var(--toggle-height);
  position: absolute;
  top: 0.25rem;
  transition: all 0.25s ease-out;
  width: var(--toggle-width);
}

.breadcrumb {
  --font-color: var(--color-link);
  --separator-color: var(--color-black);
  --separator-padding: 0 0.625rem;
  --hover-font-color: var(--color-black);
  --disabled-font-color: var(--color-muted);
  --active-font-color: var(--color-black);
  display: flex;
  flex-flow: column wrap;
}
.breadcrumb ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
}
.breadcrumb ul li {
  color: var(--font-color);
}
.breadcrumb ul li a {
  color: inherit;
}
.breadcrumb ul li:hover {
  --font-color: var(--hover-font-color);
}
.breadcrumb ul li.is-disabled {
  --font-color: var(--disabled-font-color);
}
.breadcrumb ul li.is-active {
  --font-color: var(--active-font-color);
}
.breadcrumb ul li + li::before {
  color: var(--separator-color);
  content: "/";
  padding: var(--separator-padding);
}

.menu__title {
  --font-color: hsl(0deg, 0%, 63.0392156863%, 1);
  --font-size: 0.85rem;
  --line-height: 1.5;
  --padding: 0.5rem 1rem;
  --case: uppercase;
  color: var(--font-color);
  font-size: var(--font-size);
  line-height: var(--line-height);
  padding: var(--padding);
  margin: 0;
  text-transform: var(--case);
}
.menu__list {
  --background-color: transparent;
  --font-color: var(--color-black);
  --active-background-color: var(--color-primary);
  --active-font-color: var(--color-primary-text);
  --hover-background-color: hsl(0deg, 0%, 75.2941176471%, 0.09);
  --hover-font-color: var(--color-black);
  --item-padding: 0.5rem 1.5rem;
  --line-height: 1.5;
  list-style: none;
  margin: 0;
}
.menu__list > li.is-active:not(.is-expandable) > a, .menu__list li.is-expandable.is-active > :first-child, .menu__list li:not(.is-expandable) li.is-active > a {
  --background-color: var(--active-background-color);
  --font-color: var(--active-font-color);
}
.menu__list li > a {
  background-color: var(--background-color);
  color: var(--font-color);
  line-height: var(--line-height);
}
.menu__list li > a:hover {
  text-decoration: none;
}
.menu__list li.is-expandable {
  --expandable-item-padding: 0 0.75rem;
  --border-color: hsl(210deg, 15.7894736842%, 92.5490196078%, 1);
  --border-width: 1px;
  --padding-left: 0.75rem;
  --margin: 0.75rem;
}
.menu__list li.is-expandable > :first-child {
  display: block;
  padding: var(--item-padding);
}
.menu__list li.is-expandable:not(.is-active) > :first-child:hover {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
}
.menu__list li.is-expandable.is-active > ul {
  display: block;
}
.menu__list li.is-expandable > ul {
  border-left: var(--border-width) solid var(--border-color);
  list-style: none;
  display: none;
  margin: var(--margin);
  padding-left: var(--padding-left);
}
.menu__list li.is-expandable > ul li {
  padding: var(--expandable-item-padding);
}
.menu__list li.is-expandable > ul li.is-active a {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
}
.menu__list li:not(.is-expandable) ul {
  list-style: none;
}
.menu__list li:not(.is-expandable) {
  cursor: pointer;
}
.menu__list li:not(.is-expandable):not(.is-active) > a:hover {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
}
.menu__list li:not(.is-expandable) a {
  display: block;
  padding: var(--item-padding);
}
.menu__divider {
  --border-width: 1px;
  --border-color: hsl(210deg, 15.7894736842%, 92.5490196078%, 1);
  --margin: 0.5rem;
  border-top: var(--border-width) solid var(--border-color);
  margin: var(--margin);
}

.pagination {
  --background-color: transparent;
  --font-color: var(--color-black);
  --border-color: transparent;
  --border-width: 1px;
  --border-radius: 0;
  --font-size: 0.875rem;
  --line-height: 1.5;
  --margin: 0.125rem;
  --padding: 0.375rem 0.75rem;
  --disabled-opacity: 0.5;
  --hover-background-color: var(--color-light);
  --hover-font-color: var(--color-black);
  --hover-border-color: transparent;
  --active-background-color: var(--color-primary);
  --active-font-color: var(--color-primary-text);
  --active-border-color: transparent;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size);
}
@media (min-width: 768px) {
  .pagination {
    align-items: flex-end;
    flex-direction: row;
  }
}
.pagination ul {
  display: flex;
  font-size: inherit;
  margin: 0;
}
.pagination .is-center {
  margin: 0 auto;
}
.pagination .is-end {
  margin-left: auto;
}
.pagination li {
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-style: solid;
  border-width: var(--border-width);
  border-radius: var(--border-radius);
  cursor: pointer;
  color: var(--font-color);
  display: inline-block;
  line-height: var(--line-height);
  justify-content: center;
  margin: var(--margin);
  text-align: center;
}
.pagination li a {
  color: inherit;
  display: block;
  padding: var(--padding);
}
.pagination li a:hover {
  text-decoration: none;
}
.pagination li.is-active {
  --background-color: var(--active-background-color);
  --font-color: var(--active-font-color);
  --border-color: var(--active-border-color);
}
.pagination li.is-disabled, .pagination li.is-disabled > a {
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}
.pagination li:hover:not(.is-active):not(.is-disabled) {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
  --border-color: var(--hover-border-color);
}
.pagination.has-border {
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --border-color: var(--color-light-grey);
  --border-radius: 4px;
  --hover-background-color: var(--color-white);
  --hover-font-color: var(--color-black);
  --hover-border-color: var(--color-light-grey-darker);
  --active-background-color: var(--color-primary);
  --active-font-color: var(--color-primary-text);
  --active-border-color: var(--color-primary);
}
.pagination.has-round {
  --margin: 0.25rem;
  --border-radius: 50px;
}

.top {
  --padding: 1rem 0.75rem;
  --box-shadow: none;
  align-items: center;
  box-shadow: var(--box-shadow);
  display: flex;
  flex-flow: row nowrap;
  padding: var(--padding);
  position: relative;
  z-index: 40;
}
.top__brand, .top__links, .top__buttons, .top__social, .top__burger {
  --padding: 0;
  padding: var(--padding);
}
.top > .container {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.top__brand {
  --padding: 0 0.65rem;
  --font-color: inherit;
  --max-width: 200px;
  align-items: center;
  color: var(--font-color);
  display: flex;
}
.top__brand h1, .top__brand h2, .top__brand h3, .top__brand h4, .top__brand h5, .top__brand h6 {
  margin-bottom: 0;
}
.top__brand img {
  max-width: var(--max-width);
}
.top.is-static {
  position: fixed;
  top: 0;
  width: 100%;
}
.top .is-end {
  margin-left: auto;
}
.top__buttons {
  --padding: 0 0.65rem;
}
.top__buttons .button, .top__buttons .is-button-group .button {
  margin-bottom: 0;
}
.top__links {
  --background-color: transparent;
  --font-color: inherit;
  --border-radius: 6px;
  --link-padding: 0.3125rem 0.9375rem;
  --text-align: start;
  --hover-background-color: hsl(0deg, 0%, 66.2745098039%, 0.15);
  --hover-font-color: inherit;
  --active-background-color: transparent;
  --active-font-color: inherit;
  text-align: var(--text-align);
}
.top__links ul:not(.dropdown) > li {
  background-color: var(--background-color);
  border-radius: var(--border-radius);
  color: var(--font-color);
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.top__links ul:not(.dropdown) > li a {
  color: inherit;
  display: block;
  padding: var(--link-padding);
}
.top__links ul:not(.dropdown) > li.has-dropdown a {
  padding-right: 0;
}
.top__links ul:not(.dropdown) > li.is-active {
  --background-color: var(--active-background-color);
  --font-color: var(--active-font-color);
}
.top__links ul:not(.dropdown) > li:hover {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
  text-decoration: none;
}
.top__links ul:not(.dropdown) > li:hover a {
  text-decoration: inherit;
}
.top__links > ul {
  display: inline-flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
}
.top__social {
  --padding: 0 0.65rem;
  --font-color: inherit;
  --item-margin: 0 6px;
  --hover-font-color: inherit;
}
.top__social > ul {
  display: inline-flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
}
.top__social li {
  color: var(--font-color);
  margin: var(--item-margin);
  position: relative;
}
.top__social li:hover {
  --font-color: var(--hover-font-color);
}
.top__social li:first-of-type {
  margin-left: 0;
}
.top__social li:last-of-type {
  margin-right: 0;
}
.top__social a {
  color: inherit;
}
.top__burger {
  --font-color: inherit;
  --padding: 0 0.65rem;
  --width: 20px;
  --bar-height: 2px;
  --bar-gap: 4px;
  --transition-speed: 0.75s;
  display: flex;
}
.top__burger span {
  display: flex;
  flex-flow: column;
  position: relative;
  width: var(--width);
}
.top__burger span:before, .top__burger span:after {
  border-color: var(--font-color);
  border-style: solid;
  content: "";
  cursor: pointer;
  width: 100%;
}
.top__burger span:before {
  border-width: var(--bar-height) 0 var(--bar-height);
  padding-bottom: var(--bar-gap);
}
.top__burger span:after {
  border-width: 0 0 var(--bar-height);
  padding-top: var(--bar-gap);
}
.top__burger.has-animate span:before, .top__burger.has-animate span:after {
  transition: var(--transition-speed);
}
.top__burger.is-active span:before, .top__burger.is-active span:after {
  padding: 0;
  position: absolute;
}
.top__burger.is-active span:before {
  border-width: var(--bar-height) 0 0;
  transform: rotate(405deg);
}
.top__burger.is-active span:after {
  transform: rotate(-405deg);
}
@media (max-width: 767px) {
  .top.is-mobile-responsive {
    flex-flow: row wrap;
  }
  .top.is-mobile-responsive .container {
    flex-flow: row wrap;
  }
  .top.is-mobile-responsive .top__brand + .top__links, .top.is-mobile-responsive .top__brand + .top__social, .top.is-mobile-responsive .top__brand .top__buttons {
    padding-top: 1rem;
  }
  .top.is-mobile-responsive:not(.is-open) .top__links, .top.is-mobile-responsive:not(.is-open) .top__social, .top.is-mobile-responsive:not(.is-open) .top__buttons {
    display: none;
  }
  .top.is-mobile-responsive .top__links, .top.is-mobile-responsive .top__social, .top.is-mobile-responsive .top__buttons {
    order: 2;
    width: 100%;
  }
  .top.is-mobile-responsive .top__links:first-of-type, .top.is-mobile-responsive .top__social:first-of-type, .top.is-mobile-responsive .top__buttons:first-of-type {
    padding-top: 1rem;
  }
  .top.is-mobile-responsive .top__links ul:not(.dropdown), .top.is-mobile-responsive .top__social ul:not(.dropdown), .top.is-mobile-responsive .top__buttons ul:not(.dropdown) {
    display: flex;
    width: 100%;
  }
  .top.is-mobile-responsive .top__links ul {
    flex-direction: column;
    padding: 0.5rem 0;
  }
  .top.is-mobile-responsive .top__links .has-dropdown {
    display: flex;
    flex-direction: column;
  }
  .top.is-mobile-responsive .top__links .has-dropdown.is-hoverable:hover, .top.is-mobile-responsive .top__links .has-dropdown.is-active {
    background-color: transparent;
  }
  .top.is-mobile-responsive .top__links .has-dropdown.is-hoverable:hover.has-arrow::after, .top.is-mobile-responsive .top__links .has-dropdown.is-active.has-arrow::after {
    top: 17px;
  }
  .top.is-mobile-responsive .top__links .has-dropdown.is-hoverable:hover > .dropdown, .top.is-mobile-responsive .top__links .has-dropdown.is-active > .dropdown {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
  }
  .top.is-mobile-responsive .top__links .has-dropdown .dropdown__link:hover {
    background-color: var(--hover-background-color);
  }
  .top.is-mobile-responsive .top__social {
    --padding: 0;
  }
  .top.is-mobile-responsive .top__social ul {
    flex-direction: row;
    padding: 0.5rem 0.9375rem;
  }
  .top.is-mobile-responsive .top__buttons {
    --padding: 0.5rem 0.9375rem;
  }
  .top.is-mobile-responsive .top__burger {
    --padding: 1rem 0.75rem;
  }
}
@media (min-width: 768px) {
  .top.is-mobile-responsive .top__burger {
    display: none;
  }
}
@media (max-width: calc(922px - 1px)) {
  .top.is-tablet-responsive {
    flex-flow: row wrap;
  }
  .top.is-tablet-responsive .container {
    flex-flow: row wrap;
  }
  .top.is-tablet-responsive .top__brand + .top__links, .top.is-tablet-responsive .top__brand + .top__social, .top.is-tablet-responsive .top__brand .top__buttons {
    padding-top: 1rem;
  }
  .top.is-tablet-responsive:not(.is-open) .top__links, .top.is-tablet-responsive:not(.is-open) .top__social, .top.is-tablet-responsive:not(.is-open) .top__buttons {
    display: none;
  }
  .top.is-tablet-responsive .top__links, .top.is-tablet-responsive .top__social, .top.is-tablet-responsive .top__buttons {
    order: 2;
    width: 100%;
  }
  .top.is-tablet-responsive .top__links:first-of-type, .top.is-tablet-responsive .top__social:first-of-type, .top.is-tablet-responsive .top__buttons:first-of-type {
    padding-top: 1rem;
  }
  .top.is-tablet-responsive .top__links ul:not(.dropdown), .top.is-tablet-responsive .top__social ul:not(.dropdown), .top.is-tablet-responsive .top__buttons ul:not(.dropdown) {
    display: flex;
    width: 100%;
  }
  .top.is-tablet-responsive .top__links ul {
    flex-direction: column;
    padding: 0.5rem 0;
  }
  .top.is-tablet-responsive .top__links .has-dropdown {
    display: flex;
    flex-direction: column;
  }
  .top.is-tablet-responsive .top__links .has-dropdown.is-hoverable:hover, .top.is-tablet-responsive .top__links .has-dropdown.is-active {
    background-color: transparent;
  }
  .top.is-tablet-responsive .top__links .has-dropdown.is-hoverable:hover.has-arrow::after, .top.is-tablet-responsive .top__links .has-dropdown.is-active.has-arrow::after {
    top: 17px;
  }
  .top.is-tablet-responsive .top__links .has-dropdown.is-hoverable:hover > .dropdown, .top.is-tablet-responsive .top__links .has-dropdown.is-active > .dropdown {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
  }
  .top.is-tablet-responsive .top__links .has-dropdown .dropdown__link:hover {
    background-color: var(--hover-background-color);
  }
  .top.is-tablet-responsive .top__social {
    --padding: 0;
  }
  .top.is-tablet-responsive .top__social ul {
    flex-direction: row;
    padding: 0.5rem 0.9375rem;
  }
  .top.is-tablet-responsive .top__buttons {
    --padding: 0.5rem 0.9375rem;
  }
  .top.is-tablet-responsive .top__burger {
    --padding: 1rem 0.75rem;
  }
}
@media (min-width: 922px) {
  .top.is-tablet-responsive .top__burger {
    display: none;
  }
}

.accordion {
  --border-color: hsl(0deg, 0%, 90.1960784314%, 1);
  --border-width: 1px;
  border: var(--border-color) solid var(--border-width);
  display: block;
  width: 100%;
}
.accordion__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
}
.accordion__item {
  --background-color: var(--color-white);
  background-color: var(--background-color);
}
.accordion__item:not(:last-of-type) .accordion__title, .accordion__item:not(:last-of-type) .accordion__content {
  border-bottom: var(--border-width) solid var(--border-color);
}
.accordion__item:last-of-type .accordion__content {
  border-top: var(--border-width) solid var(--border-color);
}
.accordion__title {
  --background-color: transparent;
  --font-color: var(--color-black);
  --padding: 0.75rem 1rem;
  --active-background-color: var(--color-primary);
  --active-font-color: var(--color-primary-text);
  --hover-background-color: var(--color-light);
  --hover-font-color: var(--color-light-text);
  background-color: var(--background-color);
  color: var(--font-color);
  cursor: pointer;
  display: block;
  padding: var(--padding);
  position: relative;
}
.accordion__title a {
  color: inherit;
}
.accordion__title:hover, .accordion__title a {
  text-decoration: none;
}
:not(.is-active) > .accordion__title:hover {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
}
.is-active > .accordion__title {
  --background-color: var(--active-background-color);
  --font-color: var(--active-font-color);
}
.accordion__content {
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --padding: 1rem;
  background-color: var(--background-color);
  border-top: none;
  color: var(--font-color);
  display: none;
  padding: var(--padding);
}
.is-active > .accordion__content {
  display: block;
}

.alert {
  --border-color: hsl(0deg, 0%, 3.9215686275%, 0.25);
  --border-style: solid;
  --border-width: 1px;
  --padding: 1rem;
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-radius: var(--alert-border-radius);
  display: flex;
  flex-flow: column nowrap;
  padding: var(--padding);
  position: relative;
  background-color: var(--background-color);
  border-color: var(--border-color);
  color: var(--font-color);
}
.alert .button--close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.alert.is-primary {
  --background-color: var(--color-primary-alert);
}
.alert.is-primary.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-primary);
  --font-color: var(--color-primary);
}
.alert.is-secondary {
  --background-color: var(--color-secondary-alert);
}
.alert.is-secondary.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-secondary);
  --font-color: var(--color-secondary);
}
.alert.is-warning {
  --background-color: var(--color-warning-alert);
}
.alert.is-warning.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-warning);
  --font-color: var(--color-warning);
}
.alert.is-info {
  --background-color: var(--color-info-alert);
}
.alert.is-info.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-info);
  --font-color: var(--color-info);
}
.alert.is-danger {
  --background-color: var(--color-danger-alert);
}
.alert.is-danger.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-danger);
  --font-color: var(--color-danger);
}
.alert.is-success {
  --background-color: var(--color-success-alert);
}
.alert.is-success.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-success);
  --font-color: var(--color-success);
}
.alert.is-black {
  --background-color: var(--color-black-alert);
}
.alert.is-black.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-black);
  --font-color: var(--color-black);
}
.alert.is-dark {
  --background-color: var(--color-dark-alert);
}
.alert.is-dark.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-dark);
  --font-color: var(--color-dark);
}
.alert.is-night {
  --background-color: var(--color-night-alert);
}
.alert.is-night.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-night);
  --font-color: var(--color-night);
}
.alert.is-white {
  --background-color: var(--color-white-alert);
}
.alert.is-white.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-white);
  --font-color: var(--color-white);
}
.alert.is-light {
  --background-color: var(--color-light-alert);
}
.alert.is-light.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-light);
  --font-color: var(--color-light);
}
.alert.is-light-grey {
  --background-color: var(--color-light-grey-alert);
}
.alert.is-light-grey.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-light-grey);
  --font-color: var(--color-light-grey);
}
.alert.is-dark-grey {
  --background-color: var(--color-dark-grey-alert);
}
.alert.is-dark-grey.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-dark-grey);
  --font-color: var(--color-dark-grey);
}

.button {
  --border-width: 1px;
  --border-color: var(--color-light-grey);
  --font-size: 1rem;
  --line-height: 1.6;
  --margin-bottom: 0.4rem;
  --padding: 0.5rem 0.75rem;
  --transition: border-color 0.2s ease, background-color 0.3s ease;
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --button-radius: 0;
  --hover-background-color: var(--color-white);
  --hover-font-color: var(--color-black);
  --hover-border-color: var(--color-light-grey-darker);
  --loading-speed: 0.8s;
  --loading-width: 2px;
  --loading-color: var(--color-light-grey);
  align-items: center;
  border-width: var(--border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: var(--font-size);
  justify-content: center;
  line-height: var(--line-height);
  margin-bottom: var(--margin-bottom);
  padding: var(--padding);
  text-align: center;
  transition: var(--transition);
  background-color: var(--background-color);
  border-color: var(--border-color);
  color: var(--font-color);
}
.button:hover, .button a {
  text-decoration: none;
}
.button:hover, .button:focus, .button:active, .button.is-active {
  --background-color: var(--hover-background-color);
  --border-color: var(--hover-border-color);
  --font-color: var(--hover-font-color);
}
.button.is-rounded {
  --button-radius: 6px;
}
.button.is-small {
  --font-size: 0.75rem;
}
.button.is-large {
  --font-size: 1.375rem;
}
.button.is-full {
  width: 100%;
}
.button.is-primary:not(.is-outline) {
  --background-color: var(--color-primary);
  --border-color: transparent;
  --font-color: var(--color-primary-text);
}
.button.is-primary:not(.is-outline):hover:not([disabled]), .button.is-primary:not(.is-outline).is-active {
  --background-color: var(--color-primary-darker);
}
.button.is-primary:not(.is-outline).is-loading::after {
  border-right-color: var(--color-primary-text);
  border-top-color: var(--color-primary-text);
}
.button.is-primary.is-outline {
  --background-color: transparent;
  --border-color: var(--color-primary);
  --font-color: var(--color-primary);
}
.button.is-primary.is-outline:hover:not([disabled]), .button.is-primary.is-outline.is-active {
  --background-color: var(--color-primary);
  --border-color: transparent;
  --font-color: var(--color-primary-text);
}
.button.is-primary.is-outline.is-loading::after {
  border-right-color: var(--color-primary);
  border-top-color: var(--color-primary);
}
.button.is-secondary:not(.is-outline) {
  --background-color: var(--color-secondary);
  --border-color: transparent;
  --font-color: var(--color-secondary-text);
}
.button.is-secondary:not(.is-outline):hover:not([disabled]), .button.is-secondary:not(.is-outline).is-active {
  --background-color: var(--color-secondary-darker);
}
.button.is-secondary:not(.is-outline).is-loading::after {
  border-right-color: var(--color-secondary-text);
  border-top-color: var(--color-secondary-text);
}
.button.is-secondary.is-outline {
  --background-color: transparent;
  --border-color: var(--color-secondary);
  --font-color: var(--color-secondary);
}
.button.is-secondary.is-outline:hover:not([disabled]), .button.is-secondary.is-outline.is-active {
  --background-color: var(--color-secondary);
  --border-color: transparent;
  --font-color: var(--color-secondary-text);
}
.button.is-secondary.is-outline.is-loading::after {
  border-right-color: var(--color-secondary);
  border-top-color: var(--color-secondary);
}
.button.is-warning:not(.is-outline) {
  --background-color: var(--color-warning);
  --border-color: transparent;
  --font-color: var(--color-warning-text);
}
.button.is-warning:not(.is-outline):hover:not([disabled]), .button.is-warning:not(.is-outline).is-active {
  --background-color: var(--color-warning-darker);
}
.button.is-warning:not(.is-outline).is-loading::after {
  border-right-color: var(--color-warning-text);
  border-top-color: var(--color-warning-text);
}
.button.is-warning.is-outline {
  --background-color: transparent;
  --border-color: var(--color-warning);
  --font-color: var(--color-warning);
}
.button.is-warning.is-outline:hover:not([disabled]), .button.is-warning.is-outline.is-active {
  --background-color: var(--color-warning);
  --border-color: transparent;
  --font-color: var(--color-warning-text);
}
.button.is-warning.is-outline.is-loading::after {
  border-right-color: var(--color-warning);
  border-top-color: var(--color-warning);
}
.button.is-info:not(.is-outline) {
  --background-color: var(--color-info);
  --border-color: transparent;
  --font-color: var(--color-info-text);
}
.button.is-info:not(.is-outline):hover:not([disabled]), .button.is-info:not(.is-outline).is-active {
  --background-color: var(--color-info-darker);
}
.button.is-info:not(.is-outline).is-loading::after {
  border-right-color: var(--color-info-text);
  border-top-color: var(--color-info-text);
}
.button.is-info.is-outline {
  --background-color: transparent;
  --border-color: var(--color-info);
  --font-color: var(--color-info);
}
.button.is-info.is-outline:hover:not([disabled]), .button.is-info.is-outline.is-active {
  --background-color: var(--color-info);
  --border-color: transparent;
  --font-color: var(--color-info-text);
}
.button.is-info.is-outline.is-loading::after {
  border-right-color: var(--color-info);
  border-top-color: var(--color-info);
}
.button.is-danger:not(.is-outline) {
  --background-color: var(--color-danger);
  --border-color: transparent;
  --font-color: var(--color-danger-text);
}
.button.is-danger:not(.is-outline):hover:not([disabled]), .button.is-danger:not(.is-outline).is-active {
  --background-color: var(--color-danger-darker);
}
.button.is-danger:not(.is-outline).is-loading::after {
  border-right-color: var(--color-danger-text);
  border-top-color: var(--color-danger-text);
}
.button.is-danger.is-outline {
  --background-color: transparent;
  --border-color: var(--color-danger);
  --font-color: var(--color-danger);
}
.button.is-danger.is-outline:hover:not([disabled]), .button.is-danger.is-outline.is-active {
  --background-color: var(--color-danger);
  --border-color: transparent;
  --font-color: var(--color-danger-text);
}
.button.is-danger.is-outline.is-loading::after {
  border-right-color: var(--color-danger);
  border-top-color: var(--color-danger);
}
.button.is-success:not(.is-outline) {
  --background-color: var(--color-success);
  --border-color: transparent;
  --font-color: var(--color-success-text);
}
.button.is-success:not(.is-outline):hover:not([disabled]), .button.is-success:not(.is-outline).is-active {
  --background-color: var(--color-success-darker);
}
.button.is-success:not(.is-outline).is-loading::after {
  border-right-color: var(--color-success-text);
  border-top-color: var(--color-success-text);
}
.button.is-success.is-outline {
  --background-color: transparent;
  --border-color: var(--color-success);
  --font-color: var(--color-success);
}
.button.is-success.is-outline:hover:not([disabled]), .button.is-success.is-outline.is-active {
  --background-color: var(--color-success);
  --border-color: transparent;
  --font-color: var(--color-success-text);
}
.button.is-success.is-outline.is-loading::after {
  border-right-color: var(--color-success);
  border-top-color: var(--color-success);
}
.button.is-black:not(.is-outline) {
  --background-color: var(--color-black);
  --border-color: transparent;
  --font-color: var(--color-black-text);
}
.button.is-black:not(.is-outline):hover:not([disabled]), .button.is-black:not(.is-outline).is-active {
  --background-color: var(--color-black-darker);
}
.button.is-black:not(.is-outline).is-loading::after {
  border-right-color: var(--color-black-text);
  border-top-color: var(--color-black-text);
}
.button.is-black.is-outline {
  --background-color: transparent;
  --border-color: var(--color-black);
  --font-color: var(--color-black);
}
.button.is-black.is-outline:hover:not([disabled]), .button.is-black.is-outline.is-active {
  --background-color: var(--color-black);
  --border-color: transparent;
  --font-color: var(--color-black-text);
}
.button.is-black.is-outline.is-loading::after {
  border-right-color: var(--color-black);
  border-top-color: var(--color-black);
}
.button.is-dark:not(.is-outline) {
  --background-color: var(--color-dark);
  --border-color: transparent;
  --font-color: var(--color-dark-text);
}
.button.is-dark:not(.is-outline):hover:not([disabled]), .button.is-dark:not(.is-outline).is-active {
  --background-color: var(--color-dark-darker);
}
.button.is-dark:not(.is-outline).is-loading::after {
  border-right-color: var(--color-dark-text);
  border-top-color: var(--color-dark-text);
}
.button.is-dark.is-outline {
  --background-color: transparent;
  --border-color: var(--color-dark);
  --font-color: var(--color-dark);
}
.button.is-dark.is-outline:hover:not([disabled]), .button.is-dark.is-outline.is-active {
  --background-color: var(--color-dark);
  --border-color: transparent;
  --font-color: var(--color-dark-text);
}
.button.is-dark.is-outline.is-loading::after {
  border-right-color: var(--color-dark);
  border-top-color: var(--color-dark);
}
.button.is-night:not(.is-outline) {
  --background-color: var(--color-night);
  --border-color: transparent;
  --font-color: var(--color-night-text);
}
.button.is-night:not(.is-outline):hover:not([disabled]), .button.is-night:not(.is-outline).is-active {
  --background-color: var(--color-night-darker);
}
.button.is-night:not(.is-outline).is-loading::after {
  border-right-color: var(--color-night-text);
  border-top-color: var(--color-night-text);
}
.button.is-night.is-outline {
  --background-color: transparent;
  --border-color: var(--color-night);
  --font-color: var(--color-night);
}
.button.is-night.is-outline:hover:not([disabled]), .button.is-night.is-outline.is-active {
  --background-color: var(--color-night);
  --border-color: transparent;
  --font-color: var(--color-night-text);
}
.button.is-night.is-outline.is-loading::after {
  border-right-color: var(--color-night);
  border-top-color: var(--color-night);
}
.button.is-white:not(.is-outline) {
  --background-color: var(--color-white);
  --border-color: transparent;
  --font-color: var(--color-white-text);
}
.button.is-white:not(.is-outline):hover:not([disabled]), .button.is-white:not(.is-outline).is-active {
  --background-color: var(--color-white-darker);
}
.button.is-white:not(.is-outline).is-loading::after {
  border-right-color: var(--color-white-text);
  border-top-color: var(--color-white-text);
}
.button.is-white.is-outline {
  --background-color: transparent;
  --border-color: var(--color-white);
  --font-color: var(--color-white);
}
.button.is-white.is-outline:hover:not([disabled]), .button.is-white.is-outline.is-active {
  --background-color: var(--color-white);
  --border-color: transparent;
  --font-color: var(--color-white-text);
}
.button.is-white.is-outline.is-loading::after {
  border-right-color: var(--color-white);
  border-top-color: var(--color-white);
}
.button.is-light:not(.is-outline) {
  --background-color: var(--color-light);
  --border-color: transparent;
  --font-color: var(--color-light-text);
}
.button.is-light:not(.is-outline):hover:not([disabled]), .button.is-light:not(.is-outline).is-active {
  --background-color: var(--color-light-darker);
}
.button.is-light:not(.is-outline).is-loading::after {
  border-right-color: var(--color-light-text);
  border-top-color: var(--color-light-text);
}
.button.is-light.is-outline {
  --background-color: transparent;
  --border-color: var(--color-light);
  --font-color: var(--color-light);
}
.button.is-light.is-outline:hover:not([disabled]), .button.is-light.is-outline.is-active {
  --background-color: var(--color-light);
  --border-color: transparent;
  --font-color: var(--color-light-text);
}
.button.is-light.is-outline.is-loading::after {
  border-right-color: var(--color-light);
  border-top-color: var(--color-light);
}
.button.is-light-grey:not(.is-outline) {
  --background-color: var(--color-light-grey);
  --border-color: transparent;
  --font-color: var(--color-light-grey-text);
}
.button.is-light-grey:not(.is-outline):hover:not([disabled]), .button.is-light-grey:not(.is-outline).is-active {
  --background-color: var(--color-light-grey-darker);
}
.button.is-light-grey:not(.is-outline).is-loading::after {
  border-right-color: var(--color-light-grey-text);
  border-top-color: var(--color-light-grey-text);
}
.button.is-light-grey.is-outline {
  --background-color: transparent;
  --border-color: var(--color-light-grey);
  --font-color: var(--color-light-grey);
}
.button.is-light-grey.is-outline:hover:not([disabled]), .button.is-light-grey.is-outline.is-active {
  --background-color: var(--color-light-grey);
  --border-color: transparent;
  --font-color: var(--color-light-grey-text);
}
.button.is-light-grey.is-outline.is-loading::after {
  border-right-color: var(--color-light-grey);
  border-top-color: var(--color-light-grey);
}
.button.is-dark-grey:not(.is-outline) {
  --background-color: var(--color-dark-grey);
  --border-color: transparent;
  --font-color: var(--color-dark-grey-text);
}
.button.is-dark-grey:not(.is-outline):hover:not([disabled]), .button.is-dark-grey:not(.is-outline).is-active {
  --background-color: var(--color-dark-grey-darker);
}
.button.is-dark-grey:not(.is-outline).is-loading::after {
  border-right-color: var(--color-dark-grey-text);
  border-top-color: var(--color-dark-grey-text);
}
.button.is-dark-grey.is-outline {
  --background-color: transparent;
  --border-color: var(--color-dark-grey);
  --font-color: var(--color-dark-grey);
}
.button.is-dark-grey.is-outline:hover:not([disabled]), .button.is-dark-grey.is-outline.is-active {
  --background-color: var(--color-dark-grey);
  --border-color: transparent;
  --font-color: var(--color-dark-grey-text);
}
.button.is-dark-grey.is-outline.is-loading::after {
  border-right-color: var(--color-dark-grey);
  border-top-color: var(--color-dark-grey);
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
}
.button.is-loading::after {
  -webkit-animation: spinner var(--loading-speed) linear infinite;
          animation: spinner var(--loading-speed) linear infinite;
  border: var(--loading-width) solid var(--loading-color);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 1.25em;
  left: calc(50% - 0.625em);
  position: absolute;
  top: calc(50% - 0.625em);
  width: 1.25em;
  position: absolute !important;
}
.button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.button .icon:first-child:not(:only-child) {
  margin-right: 0.45rem;
}
.button .icon:last-child:not(:only-child) {
  margin-left: 0.45rem;
}
:not(.is-button-group):not(.is-addon-group) > .button {
  align-self: flex-start;
}

.is-addon-group, .is-button-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.is-button-group {
  --gap: 0.4rem;
}
.is-button-group > .button:not(.is-full):not(:last-child) {
  margin-right: var(--gap);
}
.is-button-group > .is-addon-group:not(:last-child) {
  margin-right: var(--gap);
}
.is-button-group > .is-addon-group {
  width: auto;
}

.is-addon-group {
  --addon-radius: 6px;
}
.is-addon-group > .button {
  margin-right: 0;
}
.is-addon-group > .button:not(:first-of-type) {
  border-left-width: calc(var(--border-width) / 2);
}
.is-addon-group > .button:not(:last-of-type) {
  border-right-width: calc(var(--border-width) / 2);
}
.is-addon-group.is-rounded .button:last-child {
  border-top-right-radius: var(--addon-radius);
  border-bottom-right-radius: var(--addon-radius);
}
.is-addon-group.is-rounded .button:first-child {
  border-bottom-left-radius: var(--addon-radius);
  border-top-left-radius: var(--addon-radius);
}

.button--close {
  --background-color: hsl(0deg, 0%, 22.3529411765%, 0.23);
  --icon-color: inherit;
  --height: 1.5rem;
  --width: 1.5rem;
  --icon-width: 1px;
  --hover-background-color: hsl(0deg, 0%, 22.3529411765%, 0.41);
  align-items: center;
  background-color: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--icon-color);
  cursor: pointer;
  display: inline-block;
  height: var(--height);
  position: relative;
  text-align: center;
  width: var(--width);
}
.button--close.has-no-background {
  --background-color: transparent;
}
.button--close:not(.has-no-background):hover {
  --background-color: var(--hover-background-color);
}
.button--close::before, .button--close::after {
  border-color: inherit;
  border-style: solid;
  border-width: var(--icon-width);
  content: " ";
  left: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
  top: 50%;
}
.button--close::after {
  width: 50%;
}
.button--close::before {
  height: 50%;
}

.card {
  --border-color: hsl(0deg, 0%, 85.8823529412%, 0.36);
  --border-width: 1px;
  --border-radius: 0;
  --box-shadow: 0 0 3px 0 hsl(0deg, 0%, 3.9215686275%, 0.1);
  border: var(--border-color) solid var(--border-width);
  box-shadow: var(--box-shadow);
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.card .card__header, .card .card__image, .card .card__content, .card .card__footer {
  --padding: 0;
  padding: var(--padding);
}
.card .card__image {
  display: block;
  position: relative;
}
.card .card__image img {
  width: 100%;
}
.card .card__header {
  --background-color: hsl(0deg, 0%, 0%, 0.03);
  --font-color: var(--color-black);
  --padding: 0.625rem 1rem;
  align-items: center;
  background-color: var(--card-header-background-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  color: var(--font-color);
  display: flex;
}
.card .card__header .button--close {
  margin-left: auto;
}
.card .card__header h1, .card .card__header h2, .card .card__header h3, .card .card__header h4, .card .card__header h5, .card .card__header h6, .card .card__header .is-very-big-title, .card .card__header .is-big-title, .card .card__header .is-medium-title, .card .card__header .is-regular-title, .card .card__header .is-small-title, .card .card__header .is-very-small-title {
  margin-bottom: 0;
}
.card .card__content {
  --padding: 1rem;
  flex: auto;
  position: relative;
}
.card.is-shrink {
  height: auto;
}
.card.is-shrink .card__content {
  flex: initial;
}
.card .card__footer {
  --padding: 0.35rem 1rem;
  align-items: center;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  display: flex;
}
.card .card__footer > .is-end {
  margin-left: auto;
}
.card .card__footer > .is-center {
  margin: auto;
}
.card .card__footer button:not(:last-child) {
  margin-right: 0.4rem;
}

.dropdown {
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --border-color: hsl(0deg, 0%, 80.3921568627%, 0.34);
  --border-width: 1px;
  --border-radius: 0;
  --box-shadow: 0 6px 6px hsl(0deg, 0%, 3.9215686275%, 0.16);
  --min-width: 12rem;
  --padding: 10px 0;
  background-color: var(--background-color);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--font-color);
  cursor: auto;
  left: 0;
  list-style: none;
  margin: 0;
  min-width: var(--min-width);
  opacity: 0;
  padding: var(--padding);
  position: absolute;
  top: 100%;
  text-align: left;
  transform: translateY(-5px);
  transition-duration: 300ms;
  transition-property: opacity, transform;
  visibility: hidden;
  z-index: 10;
}
.dropdown__link {
  --font-color: inherit;
  --padding: 5px 15px;
  --hover-font-color: inherit;
  --hover-background-color: hsl(0deg, 0%, 75.2941176471%, 0.09);
  border-radius: 0;
  color: var(--font-color);
  cursor: pointer;
  padding: var(--padding);
}
.dropdown__link:hover {
  color: var(--hover-font-color);
  background-color: var(--hover-background-color);
}
.dropdown__divider {
  --color: hsl(210deg, 15.7894736842%, 92.5490196078%, 1);
  --margin: 5px 0;
  border-top: 1px solid var(--color);
  margin: var(--margin);
}
.dropdown__item {
  --font-color: inherit;
  --padding: 5px 15px;
  color: var(--font-color);
  padding: var(--padding);
}

.has-dropdown {
  display: inline-flex;
  position: relative;
}
.has-dropdown a {
  color: inherit;
  display: block;
  text-decoration: none;
  width: 100%;
}
.has-dropdown.is-hoverable:hover > .dropdown, .has-dropdown.is-active > .dropdown {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.has-dropdown.is-right .dropdown {
  right: 0;
  left: unset;
}
.has-dropdown .has-arrow, .has-dropdown.has-arrow {
  --arrow-color: hsl(232.3404255319deg, 100%, 72.3529411765%, 1);
  padding-right: 2.1875em !important;
  position: relative;
}
.has-dropdown .has-arrow::after, .has-dropdown.has-arrow::after {
  border: 3px solid var(--arrow-color);
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4em;
  position: absolute;
  right: 0.9375em;
  top: 50%;
  transform: rotate(315deg);
  transform-origin: center;
  width: 0.625em;
}

.image {
  --border-radius: 0;
  --border-color: transparent;
  --border-width: 0;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
}
.image.is-thumbnail {
  --border-width: 1px;
  --border-color: var(--color-light-grey);
  --border-radius: 6px;
  --padding: 0.25rem;
}
.image.is-thumbnail img {
  padding: var(--padding);
}
.image.is-rounded {
  --border-radius: 50%;
}
.image.is-rounded img {
  border-radius: inherit;
}
.image.is-tile, .image.is-rounded-tile {
  --box-shadow: 0 5px 10px 0px hsl(0deg, 0%, 0%, 0.2);
  box-shadow: var(--box-shadow);
}
.image.is-rounded-tile {
  --border-radius: 6px;
}
.image.is-rounded-tile img {
  border-radius: inherit;
}
.image.is-tiny-square {
  --height: 48px;
  --width: 48px;
  height: var(--height);
  width: var(--width);
}
.image.is-tiny-square img {
  height: 100%;
}
.image.is-small-square {
  --height: 96px;
  --width: 96px;
  height: var(--height);
  width: var(--width);
}
.image.is-small-square img {
  height: 100%;
}
.image.is-square {
  --height: 128px;
  --width: 128px;
  height: var(--height);
  width: var(--width);
}
.image.is-square img {
  height: 100%;
}
.image.is-medium-square {
  --height: 160px;
  --width: 160px;
  height: var(--height);
  width: var(--width);
}
.image.is-medium-square img {
  height: 100%;
}
.image.is-large-square {
  --height: 208px;
  --width: 208px;
  height: var(--height);
  width: var(--width);
}
.image.is-large-square img {
  height: 100%;
}

.media__content .media, .media + .media {
  border-top: var(--border-width) solid var(--border-color);
  margin-top: var(--margin-top);
  padding-top: var(--padding-top);
}

.media {
  --border-width: 1px;
  --border-color: hsl(210deg, 15.7894736842%, 92.5490196078%, 1);
  --padding-top: 1rem;
  --margin-top: 1rem;
  align-items: flex-start;
  display: flex;
}
.media__content {
  flex: auto;
}
.media__left {
  margin-right: 1rem;
}
.media__right {
  margin-left: 1rem;
}

.modal {
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --border-radius: 0;
  --width: 600px;
  --padding: 1rem;
  --overlay-background-color: var(--color-black-overlay);
  display: none;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.modal.is-active {
  display: flex;
}
.modal__background {
  background-color: var(--overlay-background-color);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal__content {
  background-color: var(--background-color);
  border-radius: 0;
  color: var(--font-color);
  padding: var(--padding);
  position: relative;
  overflow: inherit;
  width: 100%;
}
@media (min-width: 768px) {
  .modal__content {
    border-radius: var(--border-radius);
    width: var(--width);
  }
  .modal.is-small > .modal__content {
    width: 25%;
  }
  .modal.is-medium > .modal__content {
    width: 45%;
  }
  .modal.is-large > .modal__content {
    width: 75%;
  }
}
.modal.is-full > .modal__content {
  border-radius: 0;
  flex: auto;
  width: 100%;
}
.modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.panel {
  --border-radius: 4px;
  --box-shadow: 0 0 10px 0 hsl(0deg, 0%, 3.9215686275%, 0.21);
  --padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  display: block;
  padding: var(--padding);
  width: 100%;
}

.progress {
  --bar-height: 1rem;
  --margin-bottom: 0.4rem;
  --bar-color: var(--color-light-grey);
  --value-color: var(--color-dark);
  border: none;
  display: flex;
  height: var(--bar-height);
  margin-bottom: var(--margin-bottom);
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
.progress.is-round {
  border-radius: 50px;
}
.progress.is-round::-webkit-progress-bar {
  border-radius: 50px;
}
.progress.is-round::-webkit-progress-value {
  border-radius: 50px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.progress.is-round::-moz-progress-bar {
  border-radius: 50px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.progress::-webkit-progress-bar {
  background-color: var(--bar-color);
}
.progress::-moz-progress-bar {
  background-color: var(--value-color);
  border: none;
}
.progress::-webkit-progress-value {
  background-color: var(--value-color);
  border: none;
}
.progress::-ms-fill {
  background-color: var(--value-color);
  border: none;
}
.progress.is-primary::-ms-fill {
  --value-color: var(--color-primary);
}
.progress.is-primary::-moz-progress-bar {
  --value-color: var(--color-primary);
}
.progress.is-primary::-webkit-progress-value {
  --value-color: var(--color-primary);
}
.progress.is-secondary::-ms-fill {
  --value-color: var(--color-secondary);
}
.progress.is-secondary::-moz-progress-bar {
  --value-color: var(--color-secondary);
}
.progress.is-secondary::-webkit-progress-value {
  --value-color: var(--color-secondary);
}
.progress.is-warning::-ms-fill {
  --value-color: var(--color-warning);
}
.progress.is-warning::-moz-progress-bar {
  --value-color: var(--color-warning);
}
.progress.is-warning::-webkit-progress-value {
  --value-color: var(--color-warning);
}
.progress.is-info::-ms-fill {
  --value-color: var(--color-info);
}
.progress.is-info::-moz-progress-bar {
  --value-color: var(--color-info);
}
.progress.is-info::-webkit-progress-value {
  --value-color: var(--color-info);
}
.progress.is-danger::-ms-fill {
  --value-color: var(--color-danger);
}
.progress.is-danger::-moz-progress-bar {
  --value-color: var(--color-danger);
}
.progress.is-danger::-webkit-progress-value {
  --value-color: var(--color-danger);
}
.progress.is-success::-ms-fill {
  --value-color: var(--color-success);
}
.progress.is-success::-moz-progress-bar {
  --value-color: var(--color-success);
}
.progress.is-success::-webkit-progress-value {
  --value-color: var(--color-success);
}
.progress.is-black::-ms-fill {
  --value-color: var(--color-black);
}
.progress.is-black::-moz-progress-bar {
  --value-color: var(--color-black);
}
.progress.is-black::-webkit-progress-value {
  --value-color: var(--color-black);
}
.progress.is-dark::-ms-fill {
  --value-color: var(--color-dark);
}
.progress.is-dark::-moz-progress-bar {
  --value-color: var(--color-dark);
}
.progress.is-dark::-webkit-progress-value {
  --value-color: var(--color-dark);
}
.progress.is-night::-ms-fill {
  --value-color: var(--color-night);
}
.progress.is-night::-moz-progress-bar {
  --value-color: var(--color-night);
}
.progress.is-night::-webkit-progress-value {
  --value-color: var(--color-night);
}
.progress.is-white::-ms-fill {
  --value-color: var(--color-white);
}
.progress.is-white::-moz-progress-bar {
  --value-color: var(--color-white);
}
.progress.is-white::-webkit-progress-value {
  --value-color: var(--color-white);
}
.progress.is-light::-ms-fill {
  --value-color: var(--color-light);
}
.progress.is-light::-moz-progress-bar {
  --value-color: var(--color-light);
}
.progress.is-light::-webkit-progress-value {
  --value-color: var(--color-light);
}
.progress.is-light-grey::-ms-fill {
  --value-color: var(--color-light-grey);
}
.progress.is-light-grey::-moz-progress-bar {
  --value-color: var(--color-light-grey);
}
.progress.is-light-grey::-webkit-progress-value {
  --value-color: var(--color-light-grey);
}
.progress.is-dark-grey::-ms-fill {
  --value-color: var(--color-dark-grey);
}
.progress.is-dark-grey::-moz-progress-bar {
  --value-color: var(--color-dark-grey);
}
.progress.is-dark-grey::-webkit-progress-value {
  --value-color: var(--color-dark-grey);
}

.table {
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --border-color: hsl(0deg, 0%, 85.8823529412%, 1);
  --border-width: 1px;
  --font-size: 1rem;
  --padding: 0.5rem 0.625rem;
  --hover-background-color: hsl(0deg, 0%, 97.6470588235%, 1);
  --stripe-background-color: hsl(0deg, 0%, 97.6470588235%, 1);
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  width: 100%;
}
.table tr {
  background-color: var(--background-color);
  color: var(--font-color);
}
.table th, .table td {
  --border-width: 0 0 1px;
  border-color: var(--border-color);
  border-style: solid;
  border-width: var(--border-width);
  font-size: var(--font-size);
  padding: var(--padding);
}
.table thead th {
  --border-width: 1px 0 2px;
}
.table tr:last-child td {
  border-bottom-width: 0;
}
.table.is-bordered th, .table.is-bordered td {
  --border-color: hsl(0deg, 0%, 85.8823529412%, 1);
  --border-width: 1px;
}
.table.is-bordered tr:last-child td {
  border-bottom-width: var(--border-width);
}
.table.is-borderless th, .table.is-borderless td {
  border: none;
}
.table.has-outline {
  border: var(--border-width) solid var(--border-color);
}
.table.is-hoverable tbody tr:hover {
  --background-color: var(--hover-background-color);
}
.table.is-striped tbody tr:nth-child(odd) {
  --background-color: var(--stripe-background-color);
}
.table.is-striped-even tbody tr:nth-child(even) {
  --background-color: var(--stripe-background-color);
}
.table.is-small th, .table.is-small td {
  --padding: 0.25rem 0.5rem;
}

.is-table-container {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  width: 100%;
}

.tabs {
  width: 100%;
}
.tabs__list {
  --border-color: hsl(0deg, 0%, 90.1960784314%, 1);
  --border-width: 1px;
  --border-radius: 0;
  --background-color: var(--color-white);
  --font-color: var(--color-black);
  --item-padding: 0.75rem 1rem 0.5rem;
  --active-background-color: var(--color-white);
  --active-font-color: var(--color-link);
  --hover-background-color: var(--color-white);
  --hover-font-color: var(--color-link);
  align-items: center;
  background-color: var(--background-color);
  border-bottom: var(--border-width) solid var(--border-color);
  display: flex;
  flex-flow: row wrap;
  flex: 1 0 auto;
  list-style: none;
  margin: 0;
}
.tabs__list li {
  border-color: transparent;
  border-style: solid;
  border-width: var(--border-width);
  color: var(--font-color);
  margin-bottom: calc(var(--border-width) * -1);
}
.tabs__list li a {
  color: inherit;
  display: block;
  padding: var(--item-padding);
}
.tabs__list li a:hover {
  text-decoration: none;
}
.tabs__list li.is-active {
  --background-color: var(--active-background-color);
  --font-color: var(--active-font-color);
}
.tabs__list li:hover:not(.is-active) {
  --background-color: var(--hover-background-color);
  --font-color: var(--hover-font-color);
}
.is-primary > .tabs__list li.is-active, .is-primary > .tabs__list li:hover {
  background-color: var(--color-primary);
  --font-color: var(--color-primary-text);
}
.is-secondary > .tabs__list li.is-active, .is-secondary > .tabs__list li:hover {
  background-color: var(--color-secondary);
  --font-color: var(--color-secondary-text);
}
.is-warning > .tabs__list li.is-active, .is-warning > .tabs__list li:hover {
  background-color: var(--color-warning);
  --font-color: var(--color-warning-text);
}
.is-info > .tabs__list li.is-active, .is-info > .tabs__list li:hover {
  background-color: var(--color-info);
  --font-color: var(--color-info-text);
}
.is-danger > .tabs__list li.is-active, .is-danger > .tabs__list li:hover {
  background-color: var(--color-danger);
  --font-color: var(--color-danger-text);
}
.is-success > .tabs__list li.is-active, .is-success > .tabs__list li:hover {
  background-color: var(--color-success);
  --font-color: var(--color-success-text);
}
.is-black > .tabs__list li.is-active, .is-black > .tabs__list li:hover {
  background-color: var(--color-black);
  --font-color: var(--color-black-text);
}
.is-dark > .tabs__list li.is-active, .is-dark > .tabs__list li:hover {
  background-color: var(--color-dark);
  --font-color: var(--color-dark-text);
}
.is-night > .tabs__list li.is-active, .is-night > .tabs__list li:hover {
  background-color: var(--color-night);
  --font-color: var(--color-night-text);
}
.is-white > .tabs__list li.is-active, .is-white > .tabs__list li:hover {
  background-color: var(--color-white);
  --font-color: var(--color-white-text);
}
.is-light > .tabs__list li.is-active, .is-light > .tabs__list li:hover {
  background-color: var(--color-light);
  --font-color: var(--color-light-text);
}
.is-light-grey > .tabs__list li.is-active, .is-light-grey > .tabs__list li:hover {
  background-color: var(--color-light-grey);
  --font-color: var(--color-light-grey-text);
}
.is-dark-grey > .tabs__list li.is-active, .is-dark-grey > .tabs__list li:hover {
  background-color: var(--color-dark-grey);
  --font-color: var(--color-dark-grey-text);
}
.has-border > .tabs__list li {
  border-color: var(--border-color);
  border-width: var(--border-width) 0 var(--border-width) var(--border-width);
}
.has-border > .tabs__list li:first-of-type {
  border-radius: var(--border-radius) 0 0;
}
.has-border > .tabs__list li:last-of-type {
  border-radius: 0 var(--border-radius) 0 0;
  border-width: var(--border-width);
}
.has-border > .tabs__list li:only-of-type {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.tabs__content {
  --border-color: hsl(0deg, 0%, 90.1960784314%, 1);
  --border-width: 1px;
  --border-radius: 0;
  --padding: 1rem;
  --background-color: transparent;
  --font-color: var(--color-black);
  background-color: var(--background-color);
  color: var(--font-color);
  display: none;
  padding: var(--padding);
}
.tabs__content.is-open {
  display: block;
}
.has-border > .tabs__content {
  border: 1px solid var(--border-color);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  border-width: 0 var(--border-width) var(--border-width);
}

.tag {
  --background-color: hsl(0deg, 0%, 95.2941176471%, 1);
  --font-color: var(--color-black);
  --border-color: transparent;
  --border-width: 1px;
  --border-radius: 0;
  --font-size: 0.8125rem;
  --line-height: 1.6;
  --height: 1.6rem;
  align-items: center;
  border-style: solid;
  border-width: var(--border-width);
  border-radius: var(--border-radius);
  display: inline-flex;
  font-size: var(--font-size);
  height: var(--height);
  justify-content: center;
  line-height: var(--line-height);
  padding: 0 0.5rem;
  text-align: center;
  white-space: nowrap;
  background-color: var(--background-color);
  border-color: var(--border-color);
  color: var(--font-color);
}
.tag.is-rounded {
  --border-radius: 6px;
}
.tag.is-full {
  width: 100%;
}
.tag.is-primary {
  --background-color: var(--color-primary);
  --border-color: transparent;
  --font-color: var(--color-primary-text);
}
.tag.is-primary.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-primary);
  --font-color: var(--color-primary);
}
.tag.is-secondary {
  --background-color: var(--color-secondary);
  --border-color: transparent;
  --font-color: var(--color-secondary-text);
}
.tag.is-secondary.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-secondary);
  --font-color: var(--color-secondary);
}
.tag.is-warning {
  --background-color: var(--color-warning);
  --border-color: transparent;
  --font-color: var(--color-warning-text);
}
.tag.is-warning.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-warning);
  --font-color: var(--color-warning);
}
.tag.is-info {
  --background-color: var(--color-info);
  --border-color: transparent;
  --font-color: var(--color-info-text);
}
.tag.is-info.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-info);
  --font-color: var(--color-info);
}
.tag.is-danger {
  --background-color: var(--color-danger);
  --border-color: transparent;
  --font-color: var(--color-danger-text);
}
.tag.is-danger.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-danger);
  --font-color: var(--color-danger);
}
.tag.is-success {
  --background-color: var(--color-success);
  --border-color: transparent;
  --font-color: var(--color-success-text);
}
.tag.is-success.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-success);
  --font-color: var(--color-success);
}
.tag.is-black {
  --background-color: var(--color-black);
  --border-color: transparent;
  --font-color: var(--color-black-text);
}
.tag.is-black.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-black);
  --font-color: var(--color-black);
}
.tag.is-dark {
  --background-color: var(--color-dark);
  --border-color: transparent;
  --font-color: var(--color-dark-text);
}
.tag.is-dark.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-dark);
  --font-color: var(--color-dark);
}
.tag.is-night {
  --background-color: var(--color-night);
  --border-color: transparent;
  --font-color: var(--color-night-text);
}
.tag.is-night.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-night);
  --font-color: var(--color-night);
}
.tag.is-white {
  --background-color: var(--color-white);
  --border-color: transparent;
  --font-color: var(--color-white-text);
}
.tag.is-white.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-white);
  --font-color: var(--color-white);
}
.tag.is-light {
  --background-color: var(--color-light);
  --border-color: transparent;
  --font-color: var(--color-light-text);
}
.tag.is-light.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-light);
  --font-color: var(--color-light);
}
.tag.is-light-grey {
  --background-color: var(--color-light-grey);
  --border-color: transparent;
  --font-color: var(--color-light-grey-text);
}
.tag.is-light-grey.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-light-grey);
  --font-color: var(--color-light-grey);
}
.tag.is-dark-grey {
  --background-color: var(--color-dark-grey);
  --border-color: transparent;
  --font-color: var(--color-dark-grey-text);
}
.tag.is-dark-grey.is-outline {
  --background-color: var(--color-white);
  --border-color: var(--color-dark-grey);
  --font-color: var(--color-dark-grey);
}

:not(.tag-group) > .tag {
  align-self: flex-start;
}

.is-tag-group, .is-addon-group {
  --margin: 0.4rem;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.is-tag-group .tag, .is-addon-group .tag {
  margin-bottom: var(--margin);
}

.is-tag-group {
  --gap: 0.4rem;
}
.is-tag-group > .tag:not(:last-child) {
  margin-right: var(--gap);
}
.is-tag-group > .is-addon-group:not(:last-child) {
  margin-right: var(--gap);
}
.is-tag-group > .is-addon-group {
  width: auto;
}

.is-addon-group {
  --addon-border-radius: 6px;
}
.is-addon-group.is-rounded > .tag {
  margin-right: 0;
}
.is-addon-group.is-rounded > .tag:last-child {
  border-top-right-radius: var(--addon-border-radius);
  border-bottom-right-radius: var(--addon-border-radius);
}
.is-addon-group.is-rounded > .tag:first-child {
  border-bottom-left-radius: var(--addon-border-radius);
  border-top-left-radius: var(--addon-border-radius);
}

/*# sourceMappingURL=orbit.css.map */