@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@charset "UTF-8";
/*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
/* modified path import of other modules */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
embed,
object,
audio,
video {
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

html {
  background-color: #e6e7e4;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

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

body,
button,
input,
select,
textarea {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: #3a3d37;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

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

code {
  background-color: hsl(0, 0%, 96%);
  color: hsl(348, 100%, 61%);
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: hsl(0, 0%, 86%);
  border: none;
  display: block;
  height: 1px;
  margin: 1.5rem 0;
}

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

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

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

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

pre {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 96%);
  color: #3a3d37;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  text-align: left;
  vertical-align: top;
}
table th {
  color: hsl(0, 0%, 21%);
}

.is-clearfix:after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 1079px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

@media screen and (max-width: 1079px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 1080px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1080px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1081px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
.has-text-justified {
  text-align: justify !important;
}

@media screen and (max-width: 1079px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1080px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1080px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1081px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
.has-text-left {
  text-align: left !important;
}

@media screen and (max-width: 1079px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 1080px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1080px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1081px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 1079px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 1080px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1080px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1081px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.has-text-white {
  color: hsl(0, 0%, 100%) !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: hsl(0, 0%, 90%) !important;
}

.has-text-black {
  color: hsl(0, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: hsl(0, 0%, 0%) !important;
}

.has-text-light {
  color: hsl(0, 0%, 96%) !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: hsl(0, 0%, 86%) !important;
}

.has-text-dark {
  color: hsl(0, 0%, 21%) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: hsl(0, 0%, 11%) !important;
}

.has-text-primary {
  color: hsl(66, 68%, 42%) !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: hsl(66, 68%, 32%) !important;
}

.has-text-link {
  color: hsl(217, 71%, 53%) !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: hsl(217, 71%, 43%) !important;
}

.has-text-info {
  color: hsl(204, 86%, 53%) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: hsl(204, 86%, 43%) !important;
}

.has-text-success {
  color: hsl(66, 68%, 42%) !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: hsl(66, 68%, 32%) !important;
}

.has-text-warning {
  color: hsl(48, 100%, 67%) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: hsl(48, 100%, 57%) !important;
}

.has-text-danger {
  color: hsl(348, 100%, 61%) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: hsl(348, 100%, 51%) !important;
}

.has-text-black-bis {
  color: hsl(0, 0%, 7%) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(0, 0%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(0, 0%, 29%) !important;
}

.has-text-grey {
  color: hsl(0, 0%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(0, 0%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(0, 0%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

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

.has-text-weight-semibold {
  font-weight: 600 !important;
}

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

.is-block {
  display: block !important;
}

@media screen and (max-width: 1079px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 1079px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 1079px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 1079px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 1079px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

@media screen and (max-width: 1079px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 1079px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1080px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1080px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1080px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1081px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.box {
  background-color: hsl(0, 0%, 100%);
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
  color: #3a3d37;
  display: block;
  padding: 1.25rem;
}
.box:not(:last-child) {
  margin-bottom: 1.5rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px hsl(217, 71%, 53%);
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px hsl(217, 71%, 53%);
}

.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
  text-align: center;
  white-space: nowrap;
}
.button:focus, .button.is-focused, .button:active, .button.is-active {
  outline: none;
}
.button[disabled] {
  cursor: not-allowed;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.375em - 1px);
  margin-right: 0.1875em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: calc(-0.375em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.375em - 1px);
  margin-right: calc(-0.375em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.button:focus, .button.is-focused {
  border-color: hsl(217, 71%, 53%);
  color: hsl(0, 0%, 21%);
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50.0565, 115.29485, 220.2435, 0.25);
}
.button:active, .button.is-active {
  border-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #3a3d37;
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: hsl(0, 0%, 91%);
  color: hsl(0, 0%, 21%);
}
.button.is-text[disabled] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: hsl(0, 0%, 97.5%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: hsl(0, 0%, 95%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white[disabled] {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted:hover {
  background-color: hsl(0, 0%, 0%);
}
.button.is-white.is-inverted[disabled] {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-white.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: hsl(0, 0%, 0%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black[disabled] {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted:hover {
  background-color: hsl(0, 0%, 95%);
}
.button.is-black.is-inverted[disabled] {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.button.is-light[disabled] {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted:hover {
  background-color: hsl(0, 0%, 16%);
}
.button.is-light.is-inverted[disabled] {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-light.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-light.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  box-shadow: none;
  color: hsl(0, 0%, 21%);
}
.button.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: hsl(0, 0%, 18.5%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: hsl(0, 0%, 16%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.button.is-dark[disabled] {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted:hover {
  background-color: hsl(0, 0%, 91%);
}
.button.is-dark.is-inverted[disabled] {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  background-color: hsl(0, 0%, 21%);
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.button.is-dark.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
}
.button.is-dark.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  box-shadow: none;
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-primary {
  background-color: hsl(66, 68%, 42%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: hsl(66, 68%, 39.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(165.3624, 179.928, 34.272, 0.25);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: hsl(66, 68%, 37%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled] {
  background-color: hsl(66, 68%, 42%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: hsl(66, 68%, 42%);
}
.button.is-primary.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-primary.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(66, 68%, 42%);
}
.button.is-primary.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: hsl(66, 68%, 42%);
  color: hsl(66, 68%, 42%);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  background-color: hsl(66, 68%, 42%);
  border-color: hsl(66, 68%, 42%);
  color: #fff;
}
.button.is-primary.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(66, 68%, 42%) hsl(66, 68%, 42%) !important;
}
.button.is-primary.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(66, 68%, 42%);
  box-shadow: none;
  color: hsl(66, 68%, 42%);
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(66, 68%, 42%);
}
.button.is-primary.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-link {
  background-color: hsl(217, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: hsl(217, 71%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50.0565, 115.29485, 220.2435, 0.25);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: hsl(217, 71%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-link[disabled] {
  background-color: hsl(217, 71%, 53%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: #fff;
  color: hsl(217, 71%, 53%);
}
.button.is-link.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-link.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(217, 71%, 53%);
}
.button.is-link.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: hsl(217, 71%, 53%);
  color: hsl(217, 71%, 53%);
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
  background-color: hsl(217, 71%, 53%);
  border-color: hsl(217, 71%, 53%);
  color: #fff;
}
.button.is-link.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(217, 71%, 53%) hsl(217, 71%, 53%) !important;
}
.button.is-link.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(217, 71%, 53%);
  box-shadow: none;
  color: hsl(217, 71%, 53%);
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(217, 71%, 53%);
}
.button.is-link.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-info {
  background-color: hsl(204, 86%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: hsl(204, 86%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(32.079, 155.7642, 238.221, 0.25);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: hsl(204, 86%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled] {
  background-color: hsl(204, 86%, 53%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(204, 86%, 53%);
}
.button.is-info.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-info.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(204, 86%, 53%);
}
.button.is-info.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(204, 86%, 53%);
  color: hsl(204, 86%, 53%);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  background-color: hsl(204, 86%, 53%);
  border-color: hsl(204, 86%, 53%);
  color: #fff;
}
.button.is-info.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(204, 86%, 53%) hsl(204, 86%, 53%) !important;
}
.button.is-info.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(204, 86%, 53%);
  box-shadow: none;
  color: hsl(204, 86%, 53%);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(204, 86%, 53%);
}
.button.is-info.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-success {
  background-color: hsl(66, 68%, 42%);
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: hsl(66, 68%, 39.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(165.3624, 179.928, 34.272, 0.25);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: hsl(66, 68%, 37%);
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled] {
  background-color: hsl(66, 68%, 42%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: hsl(66, 68%, 42%);
}
.button.is-success.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-success.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(66, 68%, 42%);
}
.button.is-success.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(66, 68%, 42%);
  color: hsl(66, 68%, 42%);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  background-color: hsl(66, 68%, 42%);
  border-color: hsl(66, 68%, 42%);
  color: #fff;
}
.button.is-success.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(66, 68%, 42%) hsl(66, 68%, 42%) !important;
}
.button.is-success.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(66, 68%, 42%);
  box-shadow: none;
  color: hsl(66, 68%, 42%);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(66, 68%, 42%);
}
.button.is-success.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-warning {
  background-color: hsl(48, 100%, 67%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: hsl(48, 100%, 64.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 221.34, 86.7, 0.25);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: hsl(48, 100%, 62%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled] {
  background-color: hsl(48, 100%, 67%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-inverted:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled] {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-loading:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsl(48, 100%, 67%);
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  background-color: hsl(48, 100%, 67%);
  border-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(48, 100%, 67%) hsl(48, 100%, 67%) !important;
}
.button.is-warning.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(48, 100%, 67%);
  box-shadow: none;
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-danger {
  background-color: hsl(348, 100%, 61%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: hsl(348, 100%, 58.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56.1, 95.88, 0.25);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: hsl(348, 100%, 56%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled] {
  background-color: hsl(348, 100%, 61%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-danger.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsl(348, 100%, 61%);
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  background-color: hsl(348, 100%, 61%);
  border-color: hsl(348, 100%, 61%);
  color: #fff;
}
.button.is-danger.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(348, 100%, 61%) hsl(348, 100%, 61%) !important;
}
.button.is-danger.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(348, 100%, 61%);
  box-shadow: none;
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled] {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute;
  left: calc(50% - 1em / 2);
  top: calc(50% - 1em / 2);
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 48%);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em;
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-right {
  justify-content: flex-end;
}

.input,
.textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 21%);
  box-shadow: none;
  max-width: 100%;
  width: 100%;
}
.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  outline: none;
}
.input[disabled],
.textarea[disabled] {
  cursor: not-allowed;
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input:hover, .input.is-hovered,
.textarea:hover,
.textarea.is-hovered {
  border-color: hsl(0, 0%, 71%);
}
.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  border-color: hsl(66, 68%, 42%);
  box-shadow: none rgba(50.0565, 115.29485, 220.2435, 0.25);
}
.input[disabled],
.textarea[disabled] {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
}
.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.input[readonly],
.textarea[readonly] {
  box-shadow: none;
}
.input.is-white,
.textarea.is-white {
  border-color: hsl(0, 0%, 100%);
}
.input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
.textarea.is-white:focus,
.textarea.is-white.is-focused,
.textarea.is-white:active,
.textarea.is-white.is-active {
  box-shadow: none rgba(255, 255, 255, 0.25);
}
.input.is-black,
.textarea.is-black {
  border-color: hsl(0, 0%, 4%);
}
.input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
.textarea.is-black:focus,
.textarea.is-black.is-focused,
.textarea.is-black:active,
.textarea.is-black.is-active {
  box-shadow: none rgba(10.2, 10.2, 10.2, 0.25);
}
.input.is-light,
.textarea.is-light {
  border-color: hsl(0, 0%, 96%);
}
.input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
.textarea.is-light:focus,
.textarea.is-light.is-focused,
.textarea.is-light:active,
.textarea.is-light.is-active {
  box-shadow: none rgba(244.8, 244.8, 244.8, 0.25);
}
.input.is-dark,
.textarea.is-dark {
  border-color: hsl(0, 0%, 21%);
}
.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
.textarea.is-dark:focus,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark.is-active {
  box-shadow: none rgba(53.55, 53.55, 53.55, 0.25);
}
.input.is-primary,
.textarea.is-primary {
  border-color: hsl(66, 68%, 42%);
}
.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
.textarea.is-primary:focus,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary.is-active {
  box-shadow: none rgba(165.3624, 179.928, 34.272, 0.25);
}
.input.is-link,
.textarea.is-link {
  border-color: hsl(217, 71%, 53%);
}
.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
.textarea.is-link:focus,
.textarea.is-link.is-focused,
.textarea.is-link:active,
.textarea.is-link.is-active {
  box-shadow: none rgba(50.0565, 115.29485, 220.2435, 0.25);
}
.input.is-info,
.textarea.is-info {
  border-color: hsl(204, 86%, 53%);
}
.input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
.textarea.is-info:focus,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info.is-active {
  box-shadow: none rgba(32.079, 155.7642, 238.221, 0.25);
}
.input.is-success,
.textarea.is-success {
  border-color: hsl(66, 68%, 42%);
}
.input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
.textarea.is-success:focus,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success.is-active {
  box-shadow: none rgba(165.3624, 179.928, 34.272, 0.25);
}
.input.is-warning,
.textarea.is-warning {
  border-color: hsl(48, 100%, 67%);
}
.input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
.textarea.is-warning:focus,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning.is-active {
  box-shadow: none rgba(255, 221.34, 86.7, 0.25);
}
.input.is-danger,
.textarea.is-danger {
  border-color: hsl(348, 100%, 61%);
}
.input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
.textarea.is-danger:focus,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger.is-active {
  box-shadow: none rgba(255, 56.1, 95.88, 0.25);
}
.input.is-small,
.textarea.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.input.is-medium,
.textarea.is-medium {
  font-size: 1.25rem;
}
.input.is-large,
.textarea.is-large {
  font-size: 1.5rem;
}
.input.is-fullwidth,
.textarea.is-fullwidth {
  display: block;
  width: 100%;
}
.input.is-inline,
.textarea.is-inline {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em;
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 0.625em;
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 600px;
  min-height: 120px;
}
.textarea[rows] {
  height: unset;
}
.textarea.has-fixed-size {
  resize: none;
}

.checkbox,
.radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.checkbox input,
.radio input {
  cursor: pointer;
}
.checkbox:hover,
.radio:hover {
  color: hsl(0, 0%, 21%);
}
.checkbox[disabled],
.radio[disabled] {
  color: hsl(0, 0%, 48%);
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.25em;
}
.select:not(.is-multiple)::after {
  border: 1px solid hsl(217, 71%, 53%);
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.5em;
  pointer-events: none;
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.5em;
  margin-top: -0.375em;
  right: 1.125em;
  top: 50%;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 290486px;
  padding-left: 1em;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  outline: none;
}
.select select[disabled] {
  cursor: not-allowed;
}
.select select::-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select::-webkit-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:-ms-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:hover, .select select.is-hovered {
  border-color: hsl(0, 0%, 71%);
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: hsl(66, 68%, 42%);
  box-shadow: none rgba(50.0565, 115.29485, 220.2435, 0.25);
}
.select select[disabled] {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
}
.select select[disabled]::-moz-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select[disabled]::-webkit-input-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select[disabled]:-moz-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select[disabled]:-ms-input-placeholder {
  color: rgba(122.4, 122.4, 122.4, 0.3);
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover {
  border-color: hsl(0, 0%, 96%);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: unset;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:hover::after {
  border-color: hsl(0, 0%, 21%);
}
.select.is-white select {
  border-color: hsl(0, 0%, 100%);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: none rgba(255, 255, 255, 0.25);
}
.select.is-black select {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: none rgba(10.2, 10.2, 10.2, 0.25);
}
.select.is-light select {
  border-color: hsl(0, 0%, 96%);
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: none rgba(244.8, 244.8, 244.8, 0.25);
}
.select.is-dark select {
  border-color: hsl(0, 0%, 21%);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: none rgba(53.55, 53.55, 53.55, 0.25);
}
.select.is-primary select {
  border-color: hsl(66, 68%, 42%);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: none rgba(165.3624, 179.928, 34.272, 0.25);
}
.select.is-link select {
  border-color: hsl(217, 71%, 53%);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: none rgba(50.0565, 115.29485, 220.2435, 0.25);
}
.select.is-info select {
  border-color: hsl(204, 86%, 53%);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: none rgba(32.079, 155.7642, 238.221, 0.25);
}
.select.is-success select {
  border-color: hsl(66, 68%, 42%);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: none rgba(165.3624, 179.928, 34.272, 0.25);
}
.select.is-warning select {
  border-color: hsl(48, 100%, 67%);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: none rgba(255, 221.34, 86.7, 0.25);
}
.select.is-danger select {
  border-color: hsl(348, 100%, 61%);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: none rgba(255, 56.1, 95.88, 0.25);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: hsl(0, 0%, 48%);
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: hsl(0, 0%, 97.5%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: hsl(0, 0%, 4%);
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: hsl(0, 0%, 95%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-black .file-cta {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25);
  color: hsl(0, 0%, 100%);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: hsl(0, 0%, 0%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.file.is-light .file-cta {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.25);
  color: hsl(0, 0%, 21%);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.file.is-dark .file-cta {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: hsl(0, 0%, 18.5%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.25);
  color: hsl(0, 0%, 96%);
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: hsl(0, 0%, 16%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.file.is-primary .file-cta {
  background-color: hsl(66, 68%, 42%);
  border-color: transparent;
  color: #fff;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: hsl(66, 68%, 39.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(165.3624, 179.928, 34.272, 0.25);
  color: #fff;
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: hsl(66, 68%, 37%);
  border-color: transparent;
  color: #fff;
}
.file.is-link .file-cta {
  background-color: hsl(217, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: hsl(217, 71%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(50.0565, 115.29485, 220.2435, 0.25);
  color: #fff;
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: hsl(217, 71%, 48%);
  border-color: transparent;
  color: #fff;
}
.file.is-info .file-cta {
  background-color: hsl(204, 86%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: hsl(204, 86%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(32.079, 155.7642, 238.221, 0.25);
  color: #fff;
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: hsl(204, 86%, 48%);
  border-color: transparent;
  color: #fff;
}
.file.is-success .file-cta {
  background-color: hsl(66, 68%, 42%);
  border-color: transparent;
  color: #fff;
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: hsl(66, 68%, 39.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(165.3624, 179.928, 34.272, 0.25);
  color: #fff;
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: hsl(66, 68%, 37%);
  border-color: transparent;
  color: #fff;
}
.file.is-warning .file-cta {
  background-color: hsl(48, 100%, 67%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: hsl(48, 100%, 64.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 221.34, 86.7, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: hsl(48, 100%, 62%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-danger .file-cta {
  background-color: hsl(348, 100%, 61%);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: hsl(348, 100%, 58.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 56.1, 95.88, 0.25);
  color: #fff;
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: hsl(348, 100%, 56%);
  border-color: transparent;
  color: #fff;
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: hsl(0, 0%, 93.5%);
  color: hsl(0, 0%, 21%);
}
.file-label:hover .file-name {
  border-color: hsl(0, 0%, 83.5%);
}
.file-label:active .file-cta {
  background-color: hsl(0, 0%, 91%);
  color: hsl(0, 0%, 21%);
}
.file-label:active .file-name {
  border-color: hsl(0, 0%, 81%);
}

.file-input {
  height: 0.01em;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0.01em;
}

.file-cta,
.file-name {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  border-color: hsl(0, 0%, 86%);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}
.file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active,
.file-name:focus,
.file-name.is-focused,
.file-name:active,
.file-name.is-active {
  outline: none;
}
.file-cta[disabled],
.file-name[disabled] {
  cursor: not-allowed;
}

.file-cta {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
}

.file-name {
  border-color: hsl(0, 0%, 86%);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

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

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: hsl(0, 0%, 100%);
}
.help.is-black {
  color: hsl(0, 0%, 4%);
}
.help.is-light {
  color: hsl(0, 0%, 96%);
}
.help.is-dark {
  color: hsl(0, 0%, 21%);
}
.help.is-primary {
  color: hsl(66, 68%, 42%);
}
.help.is-link {
  color: hsl(217, 71%, 53%);
}
.help.is-info {
  color: hsl(204, 86%, 53%);
}
.help.is-success {
  color: hsl(66, 68%, 42%);
}
.help.is-warning {
  color: hsl(48, 100%, 67%);
}
.help.is-danger {
  color: hsl(348, 100%, 61%);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child .button,
.field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child .button,
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
.field.has-addons .control .input:hover,
.field.has-addons .control .input.is-hovered,
.field.has-addons .control .select select:hover,
.field.has-addons .control .select select.is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
.field.has-addons .control .input:focus,
.field.has-addons .control .input.is-focused,
.field.has-addons .control .input:active,
.field.has-addons .control .input.is-active,
.field.has-addons .control .select select:focus,
.field.has-addons .control .select select.is-focused,
.field.has-addons .control .select select:active,
.field.has-addons .control .select select.is-active {
  z-index: 3;
}
.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
.field.has-addons .control .input:focus:hover,
.field.has-addons .control .input.is-focused:hover,
.field.has-addons .control .input:active:hover,
.field.has-addons .control .input.is-active:hover,
.field.has-addons .control .select select:focus:hover,
.field.has-addons .control .select select.is-focused:hover,
.field.has-addons .control .select select:active:hover,
.field.has-addons .control .select select.is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 1080px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 1079px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1080px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 1080px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  font-size: 1rem;
  position: relative;
  text-align: left;
}
.control.has-icon .icon {
  color: #636562;
  height: 2.25em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4;
}
.control.has-icon .input:focus + .icon {
  color: hsl(0, 0%, 48%);
}
.control.has-icon .input.is-small + .icon {
  font-size: 0.75rem;
}
.control.has-icon .input.is-medium + .icon {
  font-size: 1.25rem;
}
.control.has-icon .input.is-large + .icon {
  font-size: 1.5rem;
}
.control.has-icon:not(.has-icon-right) .icon {
  left: 0;
}
.control.has-icon:not(.has-icon-right) .input {
  padding-left: 2.25em;
}
.control.has-icon.has-icon-right .icon {
  right: 0;
}
.control.has-icon.has-icon-right .input {
  padding-right: 2.25em;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: hsl(0, 0%, 48%);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #636562;
  height: 2.25em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.25em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.25em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.title,
.subtitle {
  word-break: break-word;
}
.title:not(:last-child),
.subtitle:not(:last-child) {
  margin-bottom: 1.5rem;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: hsl(0, 0%, 21%);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title + .highlight {
  margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.5rem;
}
.title.is-1 {
  font-size: 3rem;
}
.title.is-2 {
  font-size: 2.5rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: hsl(0, 0%, 29%);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.5rem;
}
.subtitle.is-1 {
  font-size: 3rem;
}
.subtitle.is-2 {
  font-size: 2.5rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 1079px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1080px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .column.is-narrow-touch {
    flex: none;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1081px) {
  .column.is-narrow-desktop {
    flex: none;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.3333333333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.6666666667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.3333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.6666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.3333333333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.6666666667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.3333333333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.6666666667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

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

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: -moz-min-content;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 1080px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

.table {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 21%);
  margin-bottom: 1.5rem;
}
.table td,
.table th {
  border: 1px solid hsl(0, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.table td.is-black,
.table th.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.table td.is-light,
.table th.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.table td.is-dark,
.table th.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.table td.is-primary,
.table th.is-primary {
  background-color: hsl(66, 68%, 42%);
  border-color: hsl(66, 68%, 42%);
  color: #fff;
}
.table td.is-link,
.table th.is-link {
  background-color: hsl(217, 71%, 53%);
  border-color: hsl(217, 71%, 53%);
  color: #fff;
}
.table td.is-info,
.table th.is-info {
  background-color: hsl(204, 86%, 53%);
  border-color: hsl(204, 86%, 53%);
  color: #fff;
}
.table td.is-success,
.table th.is-success {
  background-color: hsl(66, 68%, 42%);
  border-color: hsl(66, 68%, 42%);
  color: #fff;
}
.table td.is-warning,
.table th.is-warning {
  background-color: hsl(48, 100%, 67%);
  border-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-danger,
.table th.is-danger {
  background-color: hsl(348, 100%, 61%);
  border-color: hsl(348, 100%, 61%);
  color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: hsl(66, 68%, 42%);
  color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table th {
  color: hsl(0, 0%, 21%);
  text-align: left;
}
.table tr.is-selected {
  background-color: hsl(66, 68%, 42%);
  color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 96%);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: hsl(0, 0%, 98%);
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  color: #3a3d37;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25em;
  margin-right: -0.375em;
}
.tag:not(body).is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.tag:not(body).is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.tag:not(body).is-light {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.tag:not(body).is-dark {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.tag:not(body).is-primary {
  background-color: hsl(66, 68%, 42%);
  color: #fff;
}
.tag:not(body).is-link {
  background-color: hsl(217, 71%, 53%);
  color: #fff;
}
.tag:not(body).is-info {
  background-color: hsl(204, 86%, 53%);
  color: #fff;
}
.tag:not(body).is-success {
  background-color: hsl(66, 68%, 42%);
  color: #fff;
}
.tag:not(body).is-warning {
  background-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-danger {
  background-color: hsl(348, 100%, 61%);
  color: #fff;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete:before, .tag:not(body).is-delete:after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete:before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete:after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: hsl(0, 0%, 91%);
}
.tag:not(body).is-delete:active {
  background-color: hsl(0, 0%, 86%);
}
.tag:not(body).is-rounded {
  border-radius: 290486px;
}

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

/* import bulma extensions. https://wikiki.github.io/ */
.m-none {
  margin: 0;
}

.p-none {
  padding: 0;
}

.m-t-none {
  margin-top: 0;
}

.p-t-none {
  padding-top: 0;
}

.m-r-none {
  margin-right: 0;
}

.p-r-none {
  padding-right: 0;
}

.m-b-none {
  margin-bottom: 0;
}

.p-b-none {
  padding-bottom: 0;
}

.m-l-none {
  margin-left: 0;
}

.p-l-none {
  padding-left: 0;
}

.m-xxs {
  margin: 0.125rem;
}

.p-xxs {
  padding: 0.125rem;
}

.m-t-xxs {
  margin-top: 0.125rem;
}

.p-t-xxs {
  padding-top: 0.125rem;
}

.m-r-xxs {
  margin-right: 0.125rem;
}

.p-r-xxs {
  padding-right: 0.125rem;
}

.m-b-xxs {
  margin-bottom: 0.125rem;
}

.p-b-xxs {
  padding-bottom: 0.125rem;
}

.m-l-xxs {
  margin-left: 0.125rem;
}

.p-l-xxs {
  padding-left: 0.125rem;
}

.m-xs {
  margin: 0.25rem;
}

.p-xs {
  padding: 0.25rem;
}

.m-t-xs {
  margin-top: 0.25rem;
}

.p-t-xs {
  padding-top: 0.25rem;
}

.m-r-xs {
  margin-right: 0.25rem;
}

.p-r-xs {
  padding-right: 0.25rem;
}

.m-b-xs {
  margin-bottom: 0.25rem;
}

.p-b-xs {
  padding-bottom: 0.25rem;
}

.m-l-xs {
  margin-left: 0.25rem;
}

.p-l-xs {
  padding-left: 0.25rem;
}

.m-sm {
  margin: 0.5rem;
}

.p-sm {
  padding: 0.5rem;
}

.m-t-sm {
  margin-top: 0.5rem;
}

.p-t-sm {
  padding-top: 0.5rem;
}

.m-r-sm {
  margin-right: 0.5rem;
}

.p-r-sm {
  padding-right: 0.5rem;
}

.m-b-sm {
  margin-bottom: 0.5rem;
}

.p-b-sm {
  padding-bottom: 0.5rem;
}

.m-l-sm {
  margin-left: 0.5rem;
}

.p-l-sm {
  padding-left: 0.5rem;
}

.m-md {
  margin: 1rem;
}

.p-md {
  padding: 1rem;
}

.m-t-md {
  margin-top: 1rem;
}

.p-t-md {
  padding-top: 1rem;
}

.m-r-md {
  margin-right: 1rem;
}

.p-r-md {
  padding-right: 1rem;
}

.m-b-md {
  margin-bottom: 1rem;
}

.p-b-md {
  padding-bottom: 1rem;
}

.m-l-md {
  margin-left: 1rem;
}

.p-l-md {
  padding-left: 1rem;
}

.m-lg {
  margin: 2rem;
}

.p-lg {
  padding: 2rem;
}

.m-t-lg {
  margin-top: 2rem;
}

.p-t-lg {
  padding-top: 2rem;
}

.m-r-lg {
  margin-right: 2rem;
}

.p-r-lg {
  padding-right: 2rem;
}

.m-b-lg {
  margin-bottom: 2rem;
}

.p-b-lg {
  padding-bottom: 2rem;
}

.m-l-lg {
  margin-left: 2rem;
}

.p-l-lg {
  padding-left: 2rem;
}

.m-xl {
  margin: 4rem;
}

.p-xl {
  padding: 4rem;
}

.m-t-xl {
  margin-top: 4rem;
}

.p-t-xl {
  padding-top: 4rem;
}

.m-r-xl {
  margin-right: 4rem;
}

.p-r-xl {
  padding-right: 4rem;
}

.m-b-xl {
  margin-bottom: 4rem;
}

.p-b-xl {
  padding-bottom: 4rem;
}

.m-l-xl {
  margin-left: 4rem;
}

.p-l-xl {
  padding-left: 4rem;
}

.m-xxl {
  margin: 8rem;
}

.p-xxl {
  padding: 8rem;
}

.m-t-xxl {
  margin-top: 8rem;
}

.p-t-xxl {
  padding-top: 8rem;
}

.m-r-xxl {
  margin-right: 8rem;
}

.p-r-xxl {
  padding-right: 8rem;
}

.m-b-xxl {
  margin-bottom: 8rem;
}

.p-b-xxl {
  padding-bottom: 8rem;
}

.m-l-xxl {
  margin-left: 8rem;
}

.p-l-xxl {
  padding-left: 8rem;
}

a {
  color: #3a3d37;
  text-decoration: none;
  transition: all 0.1s;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  margin: 0;
}

.boolean .fa-times {
  color: #ff3600;
}
.boolean .fa-check {
  color: #24bb0c;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.typography ul {
  list-style: none;
  margin-left: 1em;
}
.typography ul li {
  line-height: 166%;
}
.typography ul li:before {
  content: "•";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/*!
 * Font Awesome Pro 5.0.6 by @fontawesome - http://fontawesome.com
 * License - http://fontawesome.com/license (Commercial License)
 */
svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}

.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}

.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}

.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}

.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}

.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}

.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}

.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}

.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}

.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}

.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}

.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}

.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}

.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}

.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}

.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}

.svg-inline--fa.fa-w-16 {
  width: 1em;
}

.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}

.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}

.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}

.svg-inline--fa.fa-border {
  height: 1.5em;
}

.svg-inline--fa.fa-li {
  width: 2em;
}

.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  transform-origin: center center;
}

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  transform: scale(0.25);
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  transform: scale(0.25);
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  transform: scale(0.25);
  transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  transform: scale(0.25);
  transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  transform: scale(0.25);
  transform-origin: top left;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

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

html, body {
  height: 100%;
}

body {
  background: #fff;
  color: #3f4b57;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.fa {
  margin-right: 6px;
}

.columns {
  height: 100%;
}

.container-fluid, .row {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.login-holder {
  width: 100%;
  height: 100%;
  float: left;
  padding: 50px;
}
@media (max-width: 767px) {
  .login-holder {
    padding: 15px;
  }
}

.separator {
  position: absolute;
  right: -77px;
  z-index: 1;
}
.separator img {
  display: block;
  width: auto;
  height: 100%;
}

.login-left {
  position: relative;
  height: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  .login-left {
    display: flex;
    width: 100%;
  }
}
.login-left .login-header {
  float: left;
  width: 100%;
}
.login-left .login-content {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
@media (max-width: 767px) {
  .login-left .login-content {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 25px;
  }
}
.login-left .login-content .form-inner.hide {
  display: none;
}
.login-left .login-content .login-block {
  width: 50%;
}
@media (max-width: 767px) {
  .login-left .login-content .login-block {
    width: 100%;
  }
}
.login-left .login-content .login-block .login-intro {
  font-weight: 500;
  margin-bottom: 25px;
}
.login-left .login-content .login-block .forgot-password {
  color: #a6b523;
  padding-left: 10px;
  transition: all 0.2s;
  text-decoration: none;
}
.login-left .login-content .login-block .forgot-password:hover {
  color: #a6b523;
  padding-left: 15px;
}
.login-left .login-content .login-block .forgot-password .fa-chevron-right {
  font-size: 12px;
  margin-right: 8px;
}
.login-left .login-content .login-block .btn {
  width: 100%;
  font-size: 21px;
}

.login-right {
  position: relative;
  height: 100%;
  background: #a6b523;
  background-position: bottom right;
  background-size: cover;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .login-right {
    display: none;
  }
}
.login-right img {
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0.5;
}

div.login-container {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.login-container div.login-left, div.login-container div.login-right {
  height: 100%;
}
div.login-container div.login-left {
  width: 42.1%;
  background: #fff;
  padding: 50px;
}
@media (max-width: 767px) {
  div.login-container div.login-left {
    padding: 15px;
  }
}
div.login-container div.login-inner {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
}
div.login-container div.separator {
  position: absolute;
  left: 50%;
  width: 3%;
  height: 100%;
  z-index: 2;
  margin-top: 0;
  margin-left: -122px;
}
div.login-container div.separator:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
div.login-container div.separator:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.form-group label.error {
  display: block;
  color: red;
  padding-top: 15px;
  font-size: 16px;
}

.form-control {
  height: 65px;
  border-radius: 4px;
  border: 1px solid #d2d3d0;
  background-color: #f1f1ef;
  color: #3a3d37;
  padding: 0 15px;
  outline: 0;
}

.form-group {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 25px;
}
.form-group.forgot-password {
  flex-flow: row nowrap;
  align-items: center;
  font-size: 15px;
}
.form-group.forgot-password a {
  color: #a6b523;
}
.form-group.required .left label:after {
  content: "*";
}
.form-group.has-error .input-group {
  border-color: #E51E00;
}
.form-group .left {
  font-weight: 500;
}
.form-group .middleColumn .form-control, .form-group .middleColumn select {
  overflow: hidden;
  width: 100%;
}

.input-group {
  display: flex;
  flex-flow: row nowrap;
  border-radius: 5px;
  background-color: #f0f1ef;
  border: solid 1px #d5dae1;
  font-size: 18px;
}
.input-group .input-group-addon {
  display: flex;
  align-items: center;
  border: 0;
  background-color: transparent;
  color: #a6b523;
  font-size: 18px;
  padding-left: 25px;
  padding-right: 25px;
}
.input-group .input-group-addon.toggle_show_password {
  color: #c2c3c1;
  cursor: pointer;
}
.input-group .input-group-addon.toggle_show_password.text {
  color: #a6b523;
}
.input-group .form-control {
  width: 100%;
  border: 0;
  background-color: #f0f1ef;
  box-shadow: none;
  font-size: 18px;
  padding-left: 0;
  color: #3f4b57;
}
.input-group .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f0f1ef inset !important;
}

.auth-message {
  color: #a6b523;
  margin-bottom: 25px;
}

.alert {
  margin-bottom: 25px;
  border-radius: 5px;
}

button, html [type=button], [type=reset], [type=submit], .btn {
  position: relative;
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  background-repeat: repeat-x;
  background-position: -1px -1px;
  background-size: 110% 110%;
  border: 1px solid rgba(27, 31, 35, 0.2);
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.3s;
}
button.btn-icon, html [type=button].btn-icon, [type=reset].btn-icon, [type=submit].btn-icon, .btn.btn-icon {
  border-radius: 0;
  color: #636562;
  font-size: 16px;
}
button .icon, html [type=button] .icon, [type=reset] .icon, [type=submit] .icon, .btn .icon {
  font-size: 15px;
  margin-right: 8px;
}

.btn-success {
  padding: 21px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #a6b523;
}
.btn-success:hover {
  background: #95a31f;
}

.btn-default {
  color: #fff;
  background: #a6b523;
}
.btn-default:hover {
  background: #95a31f;
}

.btn-white {
  color: #1a1b19;
  background: #fff;
}
.btn-white:hover {
  color: #a6b523;
}

.btn-edit {
  display: inline-block;
  background: #e6e7e4;
  color: #2b669a;
}
.btn-edit:hover {
  background: #2b669a;
  color: #e6e7e4;
}

.btn-delete {
  display: inline-block;
  color: #ff3600;
  background: #e6e7e4;
}
.btn-delete:hover {
  background: #ff3600;
  color: #e6e7e4;
}

.notification-bag {
  padding: 15px;
  margin-bottom: 25px;
}
.notification-bag.error {
  background: #FCE5E5;
  border: 1px solid #E51E00;
  color: #E51E00;
}
.notification-bag.error ul li:before {
  color: #E51E00;
}
.notification-bag.success {
  background: #E8FEDB;
  border: 1px solid #18b571;
  color: #18b571;
}
.notification-bag.success ul li:before {
  color: #18b571;
}
.notification-bag.fixed {
  position: fixed;
  top: 100px;
  width: 600px;
  left: 50%;
  margin-left: -300px;
}
.notification-bag ul {
  display: flex;
  flex-flow: column nowrap;
  list-style: none;
  margin: 0 0 0 1em;
  padding: 0;
  font-size: 15px;
}
.notification-bag ul li {
  line-height: 166%;
}
.notification-bag ul li:before {
  content: "•";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}