@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 {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

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

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

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

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

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

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

a {
  color: rgb(0, 160, 180);
  cursor: pointer;
  text-decoration: none;
  transition: none 86ms ease-out;
}
a:hover {
  color: hsl(0deg, 0%, 21%);
}

code {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(1deg, 97%, 61%);
  font-size: 0.8em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

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

img {
  max-width: 100%;
}

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

small {
  font-size: 0.8em;
}

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

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

pre {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 32.9%);
  font-size: 0.8em;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  -webkit-overflow-scrolling: touch;
  background: none;
  color: inherit;
  display: block;
  font-size: 1em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
}

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

.is-block {
  display: block;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-block-tablet-only {
    display: block !important;
  }
}

@media screen and (max-width: 999px) {
  .is-block-touch {
    display: block !important;
  }
}

@media screen and (min-width: 1000px) {
  .is-block-desktop {
    display: block !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
  .is-block-desktop-only {
    display: block !important;
  }
}

@media screen and (min-width: 1192px) {
  .is-block-widescreen {
    display: block !important;
  }
}

.is-flex {
  display: flex;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}

@media screen and (max-width: 999px) {
  .is-flex-touch {
    display: flex !important;
  }
}

@media screen and (min-width: 1000px) {
  .is-flex-desktop {
    display: flex !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}

@media screen and (min-width: 1192px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}

.is-inline {
  display: inline;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}

@media screen and (max-width: 999px) {
  .is-inline-touch {
    display: inline !important;
  }
}

@media screen and (min-width: 1000px) {
  .is-inline-desktop {
    display: inline !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}

@media screen and (min-width: 1192px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}

.is-inline-block {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 999px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1000px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1192px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}

.is-inline-flex {
  display: inline-flex;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}

@media screen and (max-width: 999px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1000px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1192px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}

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

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

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

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

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

.has-text-centered {
  text-align: center;
}

.has-text-left {
  text-align: left;
}

.has-text-right {
  text-align: right;
}

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

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6;
}

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

a.has-text-black:hover, a.has-text-black:focus {
  color: black;
}

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

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb;
}

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

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c;
}

.has-text-primary {
  color: rgb(0, 160, 180);
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #007381;
}

.has-text-info {
  color: hsl(201deg, 91%, 56%);
}

a.has-text-info:hover, a.has-text-info:focus {
  color: #0b95e0;
}

.has-text-success {
  color: hsl(106deg, 65%, 56%);
}

a.has-text-success:hover, a.has-text-success:focus {
  color: #4dc229;
}

.has-text-warning {
  color: hsl(45deg, 99%, 59%);
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #f9bb01;
}

.has-text-danger {
  color: hsl(1deg, 97%, 61%);
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #fb0d09;
}

.is-hidden {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 999px) {
  .is-hidden-touch {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) {
  .is-hidden-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1192px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}

.is-marginless {
  margin: 0 !important;
}

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

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

.nav {
  align-items: stretch;
  background-color: rgb(0, 160, 180);
  color: hsl(0deg, 0%, 100%);
  display: flex;
  height: 45px;
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 10;
}
.nav.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.nav.is-light {
  background-color: rgb(217, 238, 235);
  color: rgb(0, 160, 180);
}
.nav.is-dark {
  background-color: hsl(0deg, 0%, 14%);
  color: hsl(0deg, 0%, 100%);
}
.nav.is-transparent {
  background-color: transparent;
  color: rgb(0, 160, 180);
}
.nav.has-shadow {
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

.nav-left,
.nav-right {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  flex: 1;
  max-width: 100%;
  overflow: auto;
}

.nav-left {
  justify-content: flex-start;
  white-space: nowrap;
}

.nav-right {
  justify-content: flex-end;
  white-space: nowrap;
}

.nav-center {
  align-items: stretch;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.nav-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1rem;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
.nav-item.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.nav-item.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 923456789px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute !important;
  right: 0.75rem;
  top: calc(50% - 9px);
}

.nav-left .nav-item.is-loading:after {
  left: 0.75rem;
}

.nav-title {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 500;
}

.footer {
  align-items: stretch;
  background-color: rgb(0, 160, 180);
  color: hsl(0deg, 0%, 100%);
  display: flex;
  height: 45px;
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 10;
}
.footer.is-fixed {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer.is-light {
  background-color: hsl(0deg, 0%, 100%);
  color: rgb(0, 160, 180);
}
.footer.is-dark {
  background-color: hsl(0deg, 0%, 14%);
  color: hsl(0deg, 0%, 100%);
}
.footer.has-border {
  box-shadow: 0 -1px 2px rgba(10, 10, 10, 0.1);
}

.footer-left,
.footer-right {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  flex: 1;
  max-width: 100%;
  overflow: auto;
}

.footer-left {
  justify-content: flex-start;
  white-space: nowrap;
}

.footer-right {
  justify-content: flex-end;
  white-space: nowrap;
}

.footer-center {
  align-items: stretch;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.footer-item {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1rem;
  justify-content: center;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
}

.footer-title {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.25rem;
}

.menu {
  align-items: stretch;
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 71%);
  display: flex;
  height: 55px;
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  z-index: 10;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: hsl(0deg, 0%, 86%);
}

.with-keyboard .menu {
  display: none;
}

.menu-item {
  display: flex;
  height: 100;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.menu-item.is-active {
  color: rgb(0, 160, 180);
}

.menu-item-title {
  font-size: 0.75rem;
}

.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: 300;
}
.title strong,
.subtitle strong {
  font-weight: 500;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}
.title.is-centered,
.subtitle.is-centered {
  text-align: center;
}

.title {
  color: hsl(0deg, 0%, 21%);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.125;
}
.title strong {
  color: 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;
}

.subtitle {
  color: hsl(0deg, 0%, 32.9%);
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0deg, 0%, 21%);
}
.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;
}

.media {
  align-items: center;
  display: flex;
  text-align: left;
  padding: 15px 15px;
  line-height: 1;
  border-top: 1px solid hsl(0deg, 0%, 86%);
  background: hsl(0deg, 0%, 100%);
  cursor: pointer;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
  color: rgb(0, 160, 180);
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.level-item:not(.is-narrow) {
  flex-grow: 1;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
  margin-right: 0.75rem;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

.level-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.level-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.level {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.level:not(:last-child) {
  margin-bottom: 1.5rem;
}
.level code {
  border-radius: 3px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}

.list {
  overflow: hidden;
  border-top: 1px solid hsl(0deg, 0%, 86%);
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
}

.list + .list {
  margin-top: 10px;
}

.list-title {
  padding-left: 15px;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
}

.item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  text-align: left;
  padding: 10px 15px;
  line-height: 1;
  background: hsl(0deg, 0%, 100%);
  cursor: pointer;
}
.item:not(:last-child) {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
}

*:not(.item):not(.item-button) + .item,
*:not(.item):not(.item-button) + .item-button {
  border-top: 1px solid hsl(0deg, 0%, 86%);
}

a.item {
  color: hsl(0deg, 0%, 32.9%);
}

.item-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
  border: none;
  display: flex;
  display: block;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  line-height: 1;
  background: hsl(0deg, 0%, 100%);
  cursor: pointer;
  font-size: 1.25rem;
  outline: 0;
}
.item-button:not(:last-child) {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
}
.item-button.is-primary {
  color: rgb(0, 160, 180);
}
.item-button.is-warning {
  color: hsl(45deg, 99%, 59%);
}
.item-button.is-danger {
  color: hsl(1deg, 97%, 61%);
}
.item-button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.item-button.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 923456789px;
  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;
}

.item-left,
.item-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.item-left.is-primary,
.item-right.is-primary {
  color: rgb(0, 160, 180);
}

.item-left {
  margin-right: 15px;
}

.item-right {
  margin-left: 15px;
}

.item-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
  line-height: 1.2;
}

.item-title {
  font-size: 1rem;
  font-weight: 500;
}

.item-subtitle {
  font-size: 0.75rem;
}

.input {
  display: flex;
  justify-content: space-between;
}
.input .item-right {
  display: flex;
  justify-content: flex-end;
  flex-grow: 10;
}
.input input {
  background: none;
  border: none;
  padding: 0;
  height: 22px;
  font-size: 1rem;
  color: hsl(0deg, 0%, 21%);
  outline: none;
  text-align: right;
}
.input input::-moz-placeholder {
  color: hsl(0deg, 0%, 71%);
}
.input input::placeholder {
  color: hsl(0deg, 0%, 71%);
}
.input input::-webkit-outer-spin-button,
.input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input input[type=text],
.input input[type=email],
.input input[type=password] {
  width: 100%;
}
.input input[type=number] {
  width: 50px;
}
.input .stepper {
  display: flex;
  height: 22px;
  border: 1px solid rgb(0, 160, 180);
  border-radius: 5px;
  margin-left: 15px;
  overflow: hidden;
}
.input .stepper button {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  border: none;
  background: none;
  color: rgb(0, 160, 180);
  outline: 0;
}
.input .stepper button:not(:last-child) {
  border-right: 1px solid rgb(0, 160, 180);
}
.input .stepper button:active {
  background-color: rgb(0, 160, 180);
  color: hsl(0deg, 0%, 100%);
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
}
.help.is-white {
  color: hsl(0deg, 0%, 100%);
}
.help.is-black {
  color: hsl(0deg, 0%, 4%);
}
.help.is-light {
  color: hsl(0deg, 0%, 96%);
}
.help.is-dark {
  color: hsl(0deg, 0%, 21%);
}
.help.is-primary {
  color: rgb(0, 160, 180);
}
.help.is-info {
  color: hsl(201deg, 91%, 56%);
}
.help.is-success {
  color: hsl(106deg, 65%, 56%);
}
.help.is-warning {
  color: hsl(45deg, 99%, 59%);
}
.help.is-danger {
  color: hsl(1deg, 97%, 61%);
}

.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  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(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  color: hsl(0deg, 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(0deg, 0%, 71%);
  color: hsl(0deg, 0%, 21%);
}
.button:focus, .button.is-focused {
  border-color: rgb(0, 160, 180);
  box-shadow: 0 0 0.5em rgba(0, 160, 180, 0.25);
  color: hsl(0deg, 0%, 21%);
}
.button:active, .button.is-active {
  border-color: hsl(0deg, 0%, 32.9%);
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: hsl(0deg, 0%, 21%);
}
.button.is-link {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0deg, 0%, 32.9%);
  text-decoration: underline;
}
.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-link[disabled] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-white {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: hsl(0deg, 0%, 4%);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: hsl(0deg, 0%, 4%);
}
.button.is-white[disabled] {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-inverted:hover {
  background-color: black;
}
.button.is-white.is-inverted[disabled] {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-white.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
}
.button.is-white.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  box-shadow: none;
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  box-shadow: none;
  color: hsl(0deg, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: hsl(0deg, 0%, 100%);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: hsl(0deg, 0%, 100%);
}
.button.is-black[disabled] {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-inverted:hover {
  background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled] {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
  background-color: hsl(0deg, 0%, 4%);
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-black.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
}
.button.is-black.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  box-shadow: none;
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  box-shadow: none;
  color: hsl(0deg, 0%, 100%);
}
.button.is-light {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: hsl(0deg, 0%, 21%);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: hsl(0deg, 0%, 21%);
}
.button.is-light[disabled] {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-inverted:hover {
  background-color: #292929;
}
.button.is-light.is-inverted[disabled] {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-light.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
}
.button.is-light.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  box-shadow: none;
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  box-shadow: none;
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: #2f2f2f;
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: #292929;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark[disabled] {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-inverted:hover {
  background-color: #e8e8e8;
}
.button.is-dark.is-inverted[disabled] {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  background-color: hsl(0deg, 0%, 21%);
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
}
.button.is-dark.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  box-shadow: none;
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  box-shadow: none;
  color: hsl(0deg, 0%, 96%);
}
.button.is-primary {
  background-color: rgb(0, 160, 180);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #0095a7;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 160, 180, 0.25);
  color: #fff;
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: #00899b;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: #fff;
}
.button.is-primary[disabled] {
  background-color: rgb(0, 160, 180);
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: rgb(0, 160, 180);
}
.button.is-primary.is-inverted:hover {
  background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: rgb(0, 160, 180);
}
.button.is-primary.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: rgb(0, 160, 180);
  color: rgb(0, 160, 180);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  background-color: rgb(0, 160, 180);
  border-color: rgb(0, 160, 180);
  color: #fff;
}
.button.is-primary.is-outlined.is-loading:after {
  border-color: transparent transparent rgb(0, 160, 180) rgb(0, 160, 180) !important;
}
.button.is-primary.is-outlined[disabled] {
  background-color: transparent;
  border-color: rgb(0, 160, 180);
  box-shadow: none;
  color: rgb(0, 160, 180);
}
.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: rgb(0, 160, 180);
}
.button.is-primary.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-info {
  background-color: hsl(201deg, 91%, 56%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: #1da9f4;
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(41, 173, 245, 0.25);
  color: #fff;
}
.button.is-info:active, .button.is-info.is-active {
  background-color: #10a4f4;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: #fff;
}
.button.is-info[disabled] {
  background-color: hsl(201deg, 91%, 56%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(201deg, 91%, 56%);
}
.button.is-info.is-inverted:hover {
  background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(201deg, 91%, 56%);
}
.button.is-info.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(201deg, 91%, 56%);
  color: hsl(201deg, 91%, 56%);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  background-color: hsl(201deg, 91%, 56%);
  border-color: hsl(201deg, 91%, 56%);
  color: #fff;
}
.button.is-info.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(201deg, 91%, 56%) hsl(201deg, 91%, 56%) !important;
}
.button.is-info.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(201deg, 91%, 56%);
  box-shadow: none;
  color: hsl(201deg, 91%, 56%);
}
.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(201deg, 91%, 56%);
}
.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(106deg, 65%, 56%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: #5fd53b;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(104, 216, 70, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: #57d331;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-success[disabled] {
  background-color: hsl(106deg, 65%, 56%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(106deg, 65%, 56%);
}
.button.is-success.is-inverted:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-success.is-inverted[disabled] {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: hsl(106deg, 65%, 56%);
}
.button.is-success.is-loading:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(106deg, 65%, 56%);
  color: hsl(106deg, 65%, 56%);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  background-color: hsl(106deg, 65%, 56%);
  border-color: hsl(106deg, 65%, 56%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-success.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(106deg, 65%, 56%) hsl(106deg, 65%, 56%) !important;
}
.button.is-success.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(106deg, 65%, 56%);
  box-shadow: none;
  color: hsl(106deg, 65%, 56%);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(106deg, 65%, 56%);
}
.button.is-success.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-warning {
  background-color: hsl(45deg, 99%, 59%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #fec722;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(254, 202, 47, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: #fec416;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled] {
  background-color: hsl(45deg, 99%, 59%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(45deg, 99%, 59%);
}
.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(45deg, 99%, 59%);
}
.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(45deg, 99%, 59%);
  color: hsl(45deg, 99%, 59%);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  background-color: hsl(45deg, 99%, 59%);
  border-color: hsl(45deg, 99%, 59%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(45deg, 99%, 59%) hsl(45deg, 99%, 59%) !important;
}
.button.is-warning.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(45deg, 99%, 59%);
  box-shadow: none;
  color: hsl(45deg, 99%, 59%);
}
.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(45deg, 99%, 59%);
}
.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(1deg, 97%, 61%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: #fc322f;
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(252, 62, 59, 0.25);
  color: #fff;
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: #fc2622;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: #fff;
}
.button.is-danger[disabled] {
  background-color: hsl(1deg, 97%, 61%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: hsl(1deg, 97%, 61%);
}
.button.is-danger.is-inverted:hover {
  background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(1deg, 97%, 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(1deg, 97%, 61%);
  color: hsl(1deg, 97%, 61%);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  background-color: hsl(1deg, 97%, 61%);
  border-color: hsl(1deg, 97%, 61%);
  color: #fff;
}
.button.is-danger.is-outlined.is-loading:after {
  border-color: transparent transparent hsl(1deg, 97%, 61%) hsl(1deg, 97%, 61%) !important;
}
.button.is-danger.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsl(1deg, 97%, 61%);
  box-shadow: none;
  color: hsl(1deg, 97%, 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(1deg, 97%, 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(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-fullwidth + .button {
  margin-top: 10px;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 923456789px;
  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(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 86%);
  color: hsl(0deg, 0%, 48%);
  box-shadow: none;
  pointer-events: none;
}

button.button,
input[type=submit].button {
  line-height: 1;
  padding-bottom: 0.4em;
  padding-top: 0.35em;
}

.modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: fixed;
  background-color: rgba(10, 10, 10, 0.86);
  z-index: 20;
}
.modal.is-active {
  display: flex;
}

.modal-content {
  width: 85%;
  max-height: calc(100vh - 40px);
  position: relative;
  background-color: hsl(0deg, 0%, 100%);
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
}

.modal-head,
.modal-foot {
  align-items: center;
  background-color: hsl(0deg, 0%, 100%);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  position: relative;
}

.modal-head {
  padding-top: 15px;
}

.modal-title {
  color: hsl(0deg, 0%, 21%);
  font-size: 1.25rem;
  line-height: 1;
}

.modal-foot {
  display: flex;
  border-top: 1px solid hsl(0deg, 0%, 86%);
}
.modal-foot .button {
  height: 40px;
  flex: 1;
  border-radius: 0;
  border: none;
  font-size: 1.25rem;
}
.modal-foot .button:not(:last-child) {
  border-right: 1px solid hsl(0deg, 0%, 86%);
}

.modal-close {
  color: rgb(0, 160, 180);
}

.modal-body {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0deg, 0%, 100%);
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: auto;
  padding: 15px;
}

@font-face {
  font-family: "IconFont";
  src: url("../fonts/iconfont.eot?v=0.1");
  src: url("../fonts/iconfont.eot?#iefix&v=0.1") format("embedded-opentype"), url("../fonts/iconfont.woff?v=0.1") format("woff"), url("../fonts/iconfont.ttf?v=0.1") format("truetype"), url("../fonts/iconfont.svg?v=0.1#iconfontregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1em;
  width: 1em;
  font-family: IconFont;
  font-size: 1rem;
  font-style: normal;
  text-rendering: auto;
}
.icon.is-white {
  color: hsl(0deg, 0%, 100%);
}
.icon.is-black {
  color: hsl(0deg, 0%, 4%);
}
.icon.is-light {
  color: hsl(0deg, 0%, 96%);
}
.icon.is-dark {
  color: hsl(0deg, 0%, 21%);
}
.icon.is-primary {
  color: rgb(0, 160, 180);
}
.icon.is-info {
  color: hsl(201deg, 91%, 56%);
}
.icon.is-success {
  color: hsl(106deg, 65%, 56%);
}
.icon.is-warning {
  color: hsl(45deg, 99%, 59%);
}
.icon.is-danger {
  color: hsl(1deg, 97%, 61%);
}
.icon.is-small {
  font-size: 0.75rem;
}
.icon.is-medium {
  font-size: 1.25rem;
}
.icon.is-large {
  font-size: 1.5rem;
}
.icon.spinner {
  animation: spinAround 500ms infinite linear;
}

.icon-stepforward:before {
  content: "\E600";
}

.icon-stepbackward:before {
  content: "\E601";
}

.icon-forward:before {
  content: "\E602";
}

.icon-banckward:before {
  content: "\E603";
}

.icon-caretright:before {
  content: "\E604";
}

.icon-caretleft:before {
  content: "\E605";
}

.icon-caretdown:before {
  content: "\E606";
}

.icon-caretup:before {
  content: "\E607";
}

.icon-rightcircle:before {
  content: "\E608";
}

.icon-leftcircle:before {
  content: "\E609";
}

.icon-upcircle:before {
  content: "\E60A";
}

.icon-downcircle:before {
  content: "\E60B";
}

.icon-rightcircleo:before {
  content: "\E60C";
}

.icon-leftcircleo:before {
  content: "\E60D";
}

.icon-upcircleo:before {
  content: "\E60E";
}

.icon-downcircleo:before {
  content: "\E60F";
}

.icon-verticleleft:before {
  content: "\E610";
}

.icon-verticleright:before {
  content: "\E611";
}

.icon-rollback:before {
  content: "\E612";
}

.icon-retweet:before {
  content: "\E613";
}

.icon-shrink:before {
  content: "\E614";
}

.icon-arrowsalt:before {
  content: "\E615";
}

.icon-doubleright:before {
  content: "\E617";
}

.icon-doubleleft:before {
  content: "\E618";
}

.icon-arrowdown:before {
  content: "\E619";
}

.icon-arrowup:before {
  content: "\E61A";
}

.icon-arrowright:before {
  content: "\E61B";
}

.icon-arrowleft:before {
  content: "\E61C";
}

.icon-down:before {
  content: "\E61D";
}

.icon-up:before {
  content: "\E61E";
}

.icon-right:before {
  content: "\E61F";
}

.icon-left:before {
  content: "\E620";
}

.icon-minussquareo:before {
  content: "\E621";
}

.icon-minuscircle:before {
  content: "\E622";
}

.icon-minuscircleo:before {
  content: "\E623";
}

.icon-minus:before {
  content: "\E624";
}

.icon-pluscircleo:before {
  content: "\E625";
}

.icon-pluscircle:before {
  content: "\E626";
}

.icon-plus:before {
  content: "\E627";
}

.icon-infocirlce:before {
  content: "\E628";
}

.icon-infocirlceo:before {
  content: "\E629";
}

.icon-info:before {
  content: "\E62A";
}

.icon-exclamation:before {
  content: "\E62B";
}

.icon-exclamationcircle:before {
  content: "\E62C";
}

.icon-exclamationcircleo:before {
  content: "\E62D";
}

.icon-closecircle:before {
  content: "\E62E";
}

.icon-closecircleo:before {
  content: "\E62F";
}

.icon-checkcircle:before {
  content: "\E630";
}

.icon-checkcircleo:before {
  content: "\E631";
}

.icon-check:before {
  content: "\E632";
}

.icon-close:before {
  content: "\E633";
}

.icon-customerservice:before {
  content: "\E634";
}

.icon-creditcard:before {
  content: "\E635";
}

.icon-codesquareo:before {
  content: "\E636";
}

.icon-book:before {
  content: "\E637";
}

.icon-barschart:before {
  content: "\E638";
}

.icon-bars:before {
  content: "\E639";
}

.icon-question:before {
  content: "\E63A";
}

.icon-questioncircle:before {
  content: "\E63B";
}

.icon-questioncircleo:before {
  content: "\E63C";
}

.icon-pause:before {
  content: "\E63D";
}

.icon-pausecircle:before {
  content: "\E63E";
}

.icon-pausecircleo:before {
  content: "\E63F";
}

.icon-clockcircle:before {
  content: "\E640";
}

.icon-clockcircleo:before {
  content: "\E641";
}

.icon-swap:before {
  content: "\E642";
}

.icon-swapleft:before {
  content: "\E643";
}

.icon-swapright:before {
  content: "\E644";
}

.icon-plussquareo:before {
  content: "\E645";
}

.icon-frown:before {
  content: "\E646";
}

.icon-menufold:before {
  content: "\E658";
}

.icon-mail:before {
  content: "\E659";
}

.icon-link:before {
  content: "\E65B";
}

.icon-areachart:before {
  content: "\E65C";
}

.icon-linechart:before {
  content: "\E65D";
}

.icon-home:before {
  content: "\E65E";
}

.icon-laptop:before {
  content: "\E65F";
}

.icon-star:before {
  content: "\E660";
}

.icon-staro:before {
  content: "\E661";
}

.icon-filter:before {
  content: "\E663";
}

.icon-meho:before {
  content: "\E666";
}

.icon-meh:before {
  content: "\E667";
}

.icon-shoppingcart:before {
  content: "\E668";
}

.icon-save:before {
  content: "\E669";
}

.icon-user:before {
  content: "\E66A";
}

.icon-videocamera:before {
  content: "\E66B";
}

.icon-totop:before {
  content: "\E66C";
}

.icon-team:before {
  content: "\E66D";
}

.icon-sharealt:before {
  content: "\E671";
}

.icon-setting:before {
  content: "\E672";
}

.icon-picture:before {
  content: "\E674";
}

.icon-phone:before {
  content: "\E675";
}

.icon-paperclip:before {
  content: "\E676";
}

.icon-notification:before {
  content: "\E677";
}

.icon-menuunfold:before {
  content: "\E679";
}

.icon-inbox:before {
  content: "\E67A";
}

.icon-lock:before {
  content: "\E67B";
}

.icon-qrcode:before {
  content: "\E67C";
}

.icon-tags:before {
  content: "\E67D";
}

.icon-tagso:before {
  content: "\E67E";
}

.icon-cloudo:before {
  content: "\E67F";
}

.icon-cloud:before {
  content: "\E680";
}

.icon-cloudupload:before {
  content: "\E681";
}

.icon-clouddownload:before {
  content: "\E682";
}

.icon-clouddownloado:before {
  content: "\E683";
}

.icon-clouduploado:before {
  content: "\E684";
}

.icon-enviroment:before {
  content: "\E685";
}

.icon-enviromento:before {
  content: "\E686";
}

.icon-eye:before {
  content: "\E687";
}

.icon-eyeo:before {
  content: "\E688";
}

.icon-camera:before {
  content: "\E689";
}

.icon-camerao:before {
  content: "\E68A";
}

.icon-windows:before {
  content: "\E68B";
}

.icon-export2:before {
  content: "\E690";
}

.icon-export:before {
  content: "\E691";
}

.icon-circledowno:before {
  content: "\E693";
}

.icon-circledown:before {
  content: "\E694";
}

.icon-hdd:before {
  content: "\E69A";
}

.icon-ie:before {
  content: "\E69B";
}

.icon-delete:before {
  content: "\E69F";
}

.icon-enter:before {
  content: "\E6A0";
}

.icon-pushpino:before {
  content: "\E6A1";
}

.icon-pushpin:before {
  content: "\E6A2";
}

.icon-heart:before {
  content: "\E6A3";
}

.icon-hearto:before {
  content: "\E6A4";
}

.icon-smile-circle:before {
  content: "\E6A7";
}

.icon-smileo:before {
  content: "\E6A8";
}

.icon-frowno:before {
  content: "\E6A9";
}

.icon-calculator:before {
  content: "\E6AA";
}

.icon-chrome:before {
  content: "\E6AC";
}

.icon-github:before {
  content: "\E6AD";
}

.icon-iconfontdesktop:before {
  content: "\E6B4";
}

.icon-caretcircleoup:before {
  content: "\E6B5";
}

.icon-upload:before {
  content: "\E6B6";
}

.icon-download:before {
  content: "\E6B7";
}

.icon-piechart:before {
  content: "\E6B8";
}

.icon-lock1:before {
  content: "\E6B9";
}

.icon-unlock:before {
  content: "\E6BA";
}

.icon-windowso:before {
  content: "\E6BC";
}

.icon-dotchart:before {
  content: "\E6BD";
}

.icon-barchart:before {
  content: "\E6BE";
}

.icon-codesquare:before {
  content: "\E6BF";
}

.icon-plussquare:before {
  content: "\E6C0";
}

.icon-minussquare:before {
  content: "\E6C1";
}

.icon-closesquare:before {
  content: "\E6C2";
}

.icon-closesquareo:before {
  content: "\E6C3";
}

.icon-checksquare:before {
  content: "\E6C4";
}

.icon-checksquareo:before {
  content: "\E6C5";
}

.icon-fastbackward:before {
  content: "\E6C6";
}

.icon-fastforward:before {
  content: "\E6C7";
}

.icon-upsquare:before {
  content: "\E6C8";
}

.icon-downsquare:before {
  content: "\E6C9";
}

.icon-leftsquare:before {
  content: "\E6CA";
}

.icon-rightsquare:before {
  content: "\E6CB";
}

.icon-rightsquareo:before {
  content: "\E6CC";
}

.icon-leftsquareo:before {
  content: "\E6CD";
}

.icon-down-square-o:before {
  content: "\E6CE";
}

.icon-up-square-o:before {
  content: "\E6CF";
}

.icon-play:before {
  content: "\E6D0";
}

.icon-playcircleo:before {
  content: "\E6D1";
}

.icon-tag:before {
  content: "\E6D2";
}

.icon-tago:before {
  content: "\E6D3";
}

.icon-addfile:before {
  content: "\E910";
}

.icon-folder:before {
  content: "\E662";
}

.icon-file:before {
  content: "\E664";
}

.icon-switcher:before {
  content: "\E913";
}

.icon-addfolder:before {
  content: "\E914";
}

.icon-folderopen:before {
  content: "\E699";
}

.icon-search:before {
  content: "\E670";
}

.icon-ellipsis:before {
  content: "\E647";
}

.icon-calendar:before {
  content: "\E6BB";
}

.icon-filetext:before {
  content: "\E698";
}

.icon-copy1:before {
  content: "\E648";
}

.icon-jpgfile:before {
  content: "\E69C";
}

.icon-pdffile:before {
  content: "\E6B3";
}

.icon-exclefile:before {
  content: "\E6B0";
}

.icon-pptfile:before {
  content: "\E6B1";
}

.icon-unknowfile:before {
  content: "\E6AF";
}

.icon-wordfile:before {
  content: "\E6B2";
}

.icon-dingding:before {
  content: "\E923";
}

.icon-dingding-o:before {
  content: "\E925";
}

.icon-mobile1:before {
  content: "\E678";
}

.icon-tablet1:before {
  content: "\E66E";
}

.icon-bells:before {
  content: "\E64E";
}

.icon-disconnect:before {
  content: "\E64F";
}

.icon-database:before {
  content: "\E650";
}

.icon-barcode:before {
  content: "\E652";
}

.icon-hourglass:before {
  content: "\E653";
}

.icon-key:before {
  content: "\E654";
}

.icon-flag:before {
  content: "\E655";
}

.icon-layout:before {
  content: "\E656";
}

.icon-printer:before {
  content: "\E673";
}

.icon-USB:before {
  content: "\E6D7";
}

.icon-skin:before {
  content: "\E6D8";
}

.icon-tool:before {
  content: "\E6D9";
}

.icon-car:before {
  content: "\E6DC";
}

.icon-addusergroup:before {
  content: "\E6DD";
}

.icon-carryout:before {
  content: "\E6DF";
}

.icon-deleteuser:before {
  content: "\E6E0";
}

.icon-deleteusergroup:before {
  content: "\E6E1";
}

.icon-man:before {
  content: "\E6E2";
}

.icon-isv:before {
  content: "\E6E3";
}

.icon-gift:before {
  content: "\E6E4";
}

.icon-idcard:before {
  content: "\E6E5";
}

.icon-medicinebox:before {
  content: "\E6E6";
}

.icon-redenvelopes:before {
  content: "\E6E7";
}

.icon-rest:before {
  content: "\E6E8";
}

.icon-Safety:before {
  content: "\E6EA";
}

.icon-wallet:before {
  content: "\E6EB";
}

.icon-woman:before {
  content: "\E6EC";
}

.icon-adduser:before {
  content: "\E6ED";
}

.icon-bank:before {
  content: "\E6EE";
}

.icon-Trophy:before {
  content: "\E6EF";
}

.icon-loading1:before {
  content: "\E6AE";
}

.icon-loading2:before {
  content: "\E64D";
}

.icon-like2:before {
  content: "\E69D";
}

.icon-dislike2:before {
  content: "\E69E";
}

.icon-like1:before {
  content: "\E64C";
}

.icon-dislike1:before {
  content: "\E64B";
}

.icon-bulb1:before {
  content: "\E649";
}

.icon-rocket1:before {
  content: "\E90F";
}

.icon-select1:before {
  content: "\E64A";
}

.icon-apple1:before {
  content: "\E68C";
}

.icon-apple-o:before {
  content: "\E6D4";
}

.icon-android1:before {
  content: "\E938";
}

.icon-android:before {
  content: "\E68D";
}

.icon-aliwangwang-o1:before {
  content: "\E68F";
}

.icon-aliwangwang:before {
  content: "\E68E";
}

.icon-pay-circle1:before {
  content: "\E6A5";
}

.icon-pay-circle-o1:before {
  content: "\E6A6";
}

.icon-poweroff:before {
  content: "\E6D5";
}

.icon-trademark:before {
  content: "\E651";
}

.icon-find:before {
  content: "\E6DB";
}

.icon-copyright:before {
  content: "\E6DE";
}

.icon-sound:before {
  content: "\E6E9";
}

.icon-earth:before {
  content: "\E6F1";
}

.icon-wifi:before {
  content: "\E6D6";
}

.icon-sync:before {
  content: "\E6DA";
}

.icon-login:before {
  content: "\E657";
}

.icon-logout:before {
  content: "\E65A";
}

.icon-reload1:before {
  content: "\E616";
}

.icon-message1:before {
  content: "\E6AB";
}

.icon-shake:before {
  content: "\E94F";
}

.icon-API:before {
  content: "\E951";
}

.icon-appstore-o:before {
  content: "\E695";
}

.icon-appstore1:before {
  content: "\E696";
}

.icon-scan1:before {
  content: "\E697";
}

.icon-exception1:before {
  content: "\E665";
}

.icon-contacts:before {
  content: "\E6F0";
}

.icon-solution:before {
  content: "\E66F";
}

.icon-fork:before {
  content: "\E6F2";
}

.icon-edit1:before {
  content: "\E692";
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.question-background {
  width: 100%;
  height: 100%;
  padding: 10px;
}

.question {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-top: 1px solid hsl(0deg, 0%, 71%);
  border-bottom: 1px solid hsl(0deg, 0%, 71%);
  background-color: hsl(0deg, 0%, 100%);
  overflow: hidden;
  transition: background-color 500ms;
}
.question:not(:last-child) {
  margin-bottom: 15px;
}
.question.is-answered {
  background-color: rgb(217, 238, 235);
}

.question-topic {
  width: 100%;
  border-top: 1px solid hsl(0deg, 0%, 71%);
  text-align: right;
  padding: 5px 15px;
  font-size: 1rem;
  font-weight: 500;
}

.question-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 15px;
}

.question-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.question-image {
  width: auto;
  height: 180px;
  margin-top: 15px;
  overflow: hidden;
}
.question-image img {
  width: auto;
  height: 100%;
}

.question-answers {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid hsl(0deg, 0%, 86%);
}

.answer {
  align-items: center;
  display: flex;
  text-align: left;
  padding: 12px 15px;
  line-height: 1;
  cursor: pointer;
}
.answer:not(:last-child) {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
}
.answer.is-correct {
  background-color: rgba(104, 216, 70, 0.2);
}
.answer.is-correct .answer-left,
.answer.is-correct .icon {
  color: hsl(106deg, 65%, 56%);
}
.answer.is-wrong {
  background-color: rgba(252, 62, 59, 0.2);
}
.answer.is-wrong .answer-left,
.answer.is-wrong .icon {
  color: hsl(1deg, 97%, 61%);
}
.answer.is-selected {
  background-color: rgba(0, 160, 180, 0.2);
}
.answer.is-selected .answer-left,
.answer.is-selected .icon {
  color: rgb(0, 160, 180);
}

.answer-left,
.answer-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.answer-left {
  margin-right: 1rem;
  font-size: 1.25rem;
  color: rgb(0, 160, 180);
}

.answer-right {
  margin-left: 1rem;
  color: rgb(0, 160, 180);
}

.answer-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
  font-size: 1rem;
}

.question-review {
  display: flex;
  border-top: 1px solid hsl(0deg, 0%, 86%);
}
.question-review .button {
  height: 40px;
  display: flex;
  display: block;
  flex: 1;
  border-radius: 0;
  border: none;
  font-size: 1.25rem;
}
.question-review .button:not(:last-child) {
  border-right: 1px solid hsl(0deg, 0%, 86%);
}
.question-review .explanation {
  color: hsl(201deg, 91%, 56%);
}
.question-review .report {
  color: hsl(1deg, 97%, 61%);
}
.question-review .report.is-active {
  color: hsl(0deg, 0%, 32.9%);
  background-color: rgba(0, 0, 0, 0.075);
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 5px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress:not(:last-child) {
  margin-bottom: 1.5rem;
}
.progress::-webkit-progress-bar {
  background-color: hsl(0deg, 0%, 86%);
}
.progress::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 32.9%);
}
.progress::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 32.9%);
}
.progress::-ms-fill {
  background-color: hsl(0deg, 0%, 32.9%);
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 100%);
}
.progress.is-white::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 100%);
}
.progress.is-white::-ms-fill {
  background-color: hsl(0deg, 0%, 100%);
}
.progress.is-black::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 4%);
}
.progress.is-black::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 4%);
}
.progress.is-black::-ms-fill {
  background-color: hsl(0deg, 0%, 4%);
}
.progress.is-light::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 96%);
}
.progress.is-light::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 96%);
}
.progress.is-light::-ms-fill {
  background-color: hsl(0deg, 0%, 96%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 21%);
}
.progress.is-dark::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 21%);
}
.progress.is-dark::-ms-fill {
  background-color: hsl(0deg, 0%, 21%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: rgb(0, 160, 180);
}
.progress.is-primary::-moz-progress-bar {
  background-color: rgb(0, 160, 180);
}
.progress.is-primary::-ms-fill {
  background-color: rgb(0, 160, 180);
}
.progress.is-info::-webkit-progress-value {
  background-color: hsl(201deg, 91%, 56%);
}
.progress.is-info::-moz-progress-bar {
  background-color: hsl(201deg, 91%, 56%);
}
.progress.is-info::-ms-fill {
  background-color: hsl(201deg, 91%, 56%);
}
.progress.is-success::-webkit-progress-value {
  background-color: hsl(106deg, 65%, 56%);
}
.progress.is-success::-moz-progress-bar {
  background-color: hsl(106deg, 65%, 56%);
}
.progress.is-success::-ms-fill {
  background-color: hsl(106deg, 65%, 56%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: hsl(45deg, 99%, 59%);
}
.progress.is-warning::-moz-progress-bar {
  background-color: hsl(45deg, 99%, 59%);
}
.progress.is-warning::-ms-fill {
  background-color: hsl(45deg, 99%, 59%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: hsl(1deg, 97%, 61%);
}
.progress.is-danger::-moz-progress-bar {
  background-color: hsl(1deg, 97%, 61%);
}
.progress.is-danger::-ms-fill {
  background-color: hsl(1deg, 97%, 61%);
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}

.progress.is-multiple {
  position: relative;
  margin: 0 !important;
}
.progress.is-multiple progress {
  margin: 0 !important;
}
.progress.is-multiple progress:not(:first-child) {
  position: absolute;
  top: 0;
}
.progress.is-multiple progress:not(:first-child)::-webkit-progress-bar {
  background-color: transparent;
}

.loading-screen {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgb(217, 238, 235);
  z-index: 99;
}
.loading-screen .icon {
  font-size: 50px;
  color: rgb(0, 160, 180);
}
.loading-screen p {
  font-size: 1.25rem;
  text-align: center;
}

body,
#app {
  position: relative;
  width: 100vw;
  height: 100vh;
}

#app {
  overflow: hidden;
}

.section {
  position: relative;
  width: 100%;
  height: 100%;
}
.section.has-nav {
  padding-top: 45px;
}
.section.has-footer {
  padding-bottom: 45px;
}
.section.has-menu {
  padding-bottom: 55px;
}

.content,
.container {
  position: relative;
  width: 100%;
  padding: 15px 20px;
}
.content.is-fullheight,
.container.is-fullheight {
  height: 100%;
}
.content.is-scrollable,
.container.is-scrollable {
  overflow-y: scroll;
}
.content.is-paddingless,
.container.is-paddingless {
  padding: 0;
}
@media screen and (min-width: 1000px) {
  .content,
  .container {
    margin: 0 auto;
    max-width: 960px;
    width: 960px;
  }
}
.content.is-fluid,
.container.is-fluid {
  margin: 0 20px;
  max-width: none;
  width: auto;
}
@media screen and (min-width: 1192px) {
  .content,
  .container {
    max-width: 1152px;
    width: 1152px;
  }
}
@media screen and (min-width: 1384px) {
  .content,
  .container {
    max-width: 1344px;
    width: 1344px;
  }
}

.row,
.column {
  display: flex;
}
.row.is-justify-center,
.column.is-justify-center {
  justify-content: center;
}
.row.is-align-center,
.column.is-align-center {
  align-items: center;
}

.column {
  flex-direction: column;
}

.bg-white {
  background-color: hsl(0deg, 0%, 100%);
}

.bg-white-bis {
  background-color: hsl(0deg, 0%, 98%);
}

.bg-white-ter {
  background-color: hsl(0deg, 0%, 96%);
}

.bg-primary {
  background-color: rgb(0, 160, 180);
}

.bg-primary-light {
  background-color: rgb(217, 238, 235);
}

.text-primary {
  color: rgb(0, 160, 180);
}

.text-success {
  color: hsl(106deg, 65%, 56%);
}

.text-warning {
  color: hsl(45deg, 99%, 59%);
}

.text-danger {
  color: hsl(1deg, 97%, 61%);
}

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

.text-small {
  font-size: 0.75rem;
}

.text-large {
  font-size: 1.5rem;
}

.text-center {
  text-align: center;
}

.text-semibold {
  font-weight: 500;
}

.text-bold {
  font-weight: 700;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

.view {
  position: absolute;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

.slide-left-enter,
.slide-right-leave-active {
  opacity: 0;
  transform: translate(30px, 0);
}

.slide-left-leave-active,
.slide-right-enter {
  opacity: 0;
  transform: translate(-30px, 0);
}