/**
 * core
 */
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15 /* 1 */;
  -webkit-text-size-adjust: 100% /* 2 */;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box /* 1 */;
          box-sizing: content-box /* 1 */;
  height: 0 /* 1 */;
  overflow: visible /* 2 */;
}
pre {
  font-family: monospace, monospace /* 1 */;
  font-size: 1em /* 2 */;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none /* 1 */;
  text-decoration: underline /* 2 */;
  text-decoration: underline dotted /* 2 */;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace /* 1 */;
  font-size: 1em /* 2 */;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit /* 1 */;
  font-size: 100% /* 1 */;
  line-height: 1.15 /* 1 */;
  margin: 0 /* 2 */;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box /* 1 */;
          box-sizing: border-box /* 1 */;
  color: inherit /* 2 */;
  display: table /* 1 */;
  max-width: 100% /* 1 */;
  padding: 0 /* 3 */;
  white-space: normal /* 1 */;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box /* 1 */;
          box-sizing: border-box /* 1 */;
  padding: 0 /* 2 */;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield /* 1 */;
  outline-offset: -2px /* 2 */;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button /* 1 */;
  font: inherit /* 2 */;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.1875;
  font-weight: 600;
}
h1,
.h1 {
  font-size: 42px;
}
h2,
.h2 {
  font-size: 32px;
}
h3,
.h3 {
  font-size: 28px;
}
h4,
.h4 {
  font-size: 24px;
}
h5,
.h5 {
  font-size: 20px;
}
h6,
.h6 {
  font-size: 18px;
}
h1:not(:first-child),
.h1:not(:first-child) {
  margin-top: 1em;
}
h2:not(:first-child),
.h2:not(:first-child) {
  margin-top: 1em;
}
h3:not(:first-child),
.h3:not(:first-child) {
  margin-top: 1em;
}
.display-1 {
  font-size: ;
}
.display-1:not(:first-child) {
  margin-top: 1em;
}
.display-2 {
  font-size: ;
}
.display-2:not(:first-child) {
  margin-top: 1em;
}
.display-3 {
  font-size: ;
}
.display-3:not(:first-child) {
  margin-top: 1em;
}
.display-4 {
  font-size: ;
}
.display-4:not(:first-child) {
  margin-top: 1em;
}
p,
html {
  font-size: 1rem;
}
::-moz-selection {
  background: #2451f2;
  color: #fff;
}
::selection {
  background: #2451f2;
  color: #fff;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
::-webkit-input-placeholder {
  color: #383555;
  opacity: 0.3;
}
::-moz-placeholder {
  color: #383555;
  opacity: 0.3;
}
:-ms-input-placeholder {
  color: #383555;
  opacity: 0.3;
}
::placeholder {
  color: #383555;
  opacity: 0.3;
}
::-webkit-input-placeholder:focus {
  outline: 0;
}
::-moz-placeholder:focus {
  outline: 0;
}
:-ms-input-placeholder:focus {
  outline: 0;
}
::placeholder:focus {
  outline: 0;
}
html {
  direction: ltr;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
}
a {
  color: #2451f2;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  color: #000;
}
img {
  max-width: 100%;
  height: auto;
}
.theme-light {
  background-color: #e0eaf9;
}
.theme-dark {
  background-color: #383555;
}
.container {
  width: 100%;
  margin: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  .container {
    width: 724px;
  }
}
@media screen and (min-width: 991px) {
  .container {
    width: 925px;
  }
}
@media screen and (min-width: 1360px) {
  .container {
    width: 1272px;
  }
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1810px;
  }
}
.container-full {
  width: 100%;
  padding-left: 8vw;
  padding-right: 8vw;
}
.column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 100%;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.column:not([class*='is-']) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.column.is-0,
.column.is-xs-0 {
  min-width: 0%;
  width: 0%;
}
.column.is-offset-0,
.column.is-offset-xs-0 {
  margin-left: 0%;
}
.column.is-1,
.column.is-xs-1,
.grid.is-1 >.column:not([class*='is-']),
.grid.is-xs-1 >.column:not([class*='is-']),
.row.is-1 >.column:not([class*='is-']),
.row.is-xs-1 >.column:not([class*='is-']) {
  min-width: 8.3333%;
  width: 8.3333%;
}
.column.is-offset-1,
.column.is-offset-xs-1 {
  margin-left: 8.3333%;
}
.column.is-2,
.column.is-xs-2,
.grid.is-2 >.column:not([class*='is-']),
.grid.is-xs-2 >.column:not([class*='is-']),
.row.is-2 >.column:not([class*='is-']),
.row.is-xs-2 >.column:not([class*='is-']) {
  min-width: 16.6667%;
  width: 16.6667%;
}
.column.is-offset-2,
.column.is-offset-xs-2 {
  margin-left: 16.6667%;
}
.column.is-3,
.column.is-xs-3,
.grid.is-3 >.column:not([class*='is-']),
.grid.is-xs-3 >.column:not([class*='is-']),
.row.is-3 >.column:not([class*='is-']),
.row.is-xs-3 >.column:not([class*='is-']) {
  min-width: 25%;
  width: 25%;
}
.column.is-offset-3,
.column.is-offset-xs-3 {
  margin-left: 25%;
}
.column.is-4,
.column.is-xs-4,
.grid.is-4 >.column:not([class*='is-']),
.grid.is-xs-4 >.column:not([class*='is-']),
.row.is-4 >.column:not([class*='is-']),
.row.is-xs-4 >.column:not([class*='is-']) {
  min-width: 33.3333%;
  width: 33.3333%;
}
.column.is-offset-4,
.column.is-offset-xs-4 {
  margin-left: 33.3333%;
}
.column.is-5,
.column.is-xs-5,
.grid.is-5 >.column:not([class*='is-']),
.grid.is-xs-5 >.column:not([class*='is-']),
.row.is-5 >.column:not([class*='is-']),
.row.is-xs-5 >.column:not([class*='is-']) {
  min-width: 41.6667%;
  width: 41.6667%;
}
.column.is-offset-5,
.column.is-offset-xs-5 {
  margin-left: 41.6667%;
}
.column.is-6,
.column.is-xs-6,
.grid.is-6 >.column:not([class*='is-']),
.grid.is-xs-6 >.column:not([class*='is-']),
.row.is-6 >.column:not([class*='is-']),
.row.is-xs-6 >.column:not([class*='is-']) {
  min-width: 50%;
  width: 50%;
}
.column.is-offset-6,
.column.is-offset-xs-6 {
  margin-left: 50%;
}
.column.is-7,
.column.is-xs-7,
.grid.is-7 >.column:not([class*='is-']),
.grid.is-xs-7 >.column:not([class*='is-']),
.row.is-7 >.column:not([class*='is-']),
.row.is-xs-7 >.column:not([class*='is-']) {
  min-width: 58.3333%;
  width: 58.3333%;
}
.column.is-offset-7,
.column.is-offset-xs-7 {
  margin-left: 58.3333%;
}
.column.is-8,
.column.is-xs-8,
.grid.is-8 >.column:not([class*='is-']),
.grid.is-xs-8 >.column:not([class*='is-']),
.row.is-8 >.column:not([class*='is-']),
.row.is-xs-8 >.column:not([class*='is-']) {
  min-width: 66.6667%;
  width: 66.6667%;
}
.column.is-offset-8,
.column.is-offset-xs-8 {
  margin-left: 66.6667%;
}
.column.is-9,
.column.is-xs-9,
.grid.is-9 >.column:not([class*='is-']),
.grid.is-xs-9 >.column:not([class*='is-']),
.row.is-9 >.column:not([class*='is-']),
.row.is-xs-9 >.column:not([class*='is-']) {
  min-width: 75%;
  width: 75%;
}
.column.is-offset-9,
.column.is-offset-xs-9 {
  margin-left: 75%;
}
.column.is-10,
.column.is-xs-10,
.grid.is-10 >.column:not([class*='is-']),
.grid.is-xs-10 >.column:not([class*='is-']),
.row.is-10 >.column:not([class*='is-']),
.row.is-xs-10 >.column:not([class*='is-']) {
  min-width: 83.3333%;
  width: 83.3333%;
}
.column.is-offset-10,
.column.is-offset-xs-10 {
  margin-left: 83.3333%;
}
.column.is-11,
.column.is-xs-11,
.grid.is-11 >.column:not([class*='is-']),
.grid.is-xs-11 >.column:not([class*='is-']),
.row.is-11 >.column:not([class*='is-']),
.row.is-xs-11 >.column:not([class*='is-']) {
  min-width: 91.6667%;
  width: 91.6667%;
}
.column.is-offset-11,
.column.is-offset-xs-11 {
  margin-left: 91.6667%;
}
.column.is-12,
.column.is-xs-12,
.grid.is-12 >.column:not([class*='is-']),
.grid.is-xs-12 >.column:not([class*='is-']),
.row.is-12 >.column:not([class*='is-']),
.row.is-xs-12 >.column:not([class*='is-']) {
  min-width: 100%;
  width: 100%;
}
.column.is-offset-12,
.column.is-offset-xs-12 {
  margin-left: 100%;
}
@media screen and (min-width: 768px) {
  .column.is-sm-0 {
    min-width: 0%;
    width: 0%;
  }
  .column.is-offset-sm-0 {
    margin-left: 0%;
  }
  .column.is-sm-1,
  .grid.is-sm-1 >.column:not([class*='is-']),
  .row.is-sm-1 >.column:not([class*='is-']) {
    min-width: 8.3333%;
    width: 8.3333%;
  }
  .column.is-offset-sm-1 {
    margin-left: 8.3333%;
  }
  .column.is-sm-2,
  .grid.is-sm-2 >.column:not([class*='is-']),
  .row.is-sm-2 >.column:not([class*='is-']) {
    min-width: 16.6667%;
    width: 16.6667%;
  }
  .column.is-offset-sm-2 {
    margin-left: 16.6667%;
  }
  .column.is-sm-3,
  .grid.is-sm-3 >.column:not([class*='is-']),
  .row.is-sm-3 >.column:not([class*='is-']) {
    min-width: 25%;
    width: 25%;
  }
  .column.is-offset-sm-3 {
    margin-left: 25%;
  }
  .column.is-sm-4,
  .grid.is-sm-4 >.column:not([class*='is-']),
  .row.is-sm-4 >.column:not([class*='is-']) {
    min-width: 33.3333%;
    width: 33.3333%;
  }
  .column.is-offset-sm-4 {
    margin-left: 33.3333%;
  }
  .column.is-sm-5,
  .grid.is-sm-5 >.column:not([class*='is-']),
  .row.is-sm-5 >.column:not([class*='is-']) {
    min-width: 41.6667%;
    width: 41.6667%;
  }
  .column.is-offset-sm-5 {
    margin-left: 41.6667%;
  }
  .column.is-sm-6,
  .grid.is-sm-6 >.column:not([class*='is-']),
  .row.is-sm-6 >.column:not([class*='is-']) {
    min-width: 50%;
    width: 50%;
  }
  .column.is-offset-sm-6 {
    margin-left: 50%;
  }
  .column.is-sm-7,
  .grid.is-sm-7 >.column:not([class*='is-']),
  .row.is-sm-7 >.column:not([class*='is-']) {
    min-width: 58.3333%;
    width: 58.3333%;
  }
  .column.is-offset-sm-7 {
    margin-left: 58.3333%;
  }
  .column.is-sm-8,
  .grid.is-sm-8 >.column:not([class*='is-']),
  .row.is-sm-8 >.column:not([class*='is-']) {
    min-width: 66.6667%;
    width: 66.6667%;
  }
  .column.is-offset-sm-8 {
    margin-left: 66.6667%;
  }
  .column.is-sm-9,
  .grid.is-sm-9 >.column:not([class*='is-']),
  .row.is-sm-9 >.column:not([class*='is-']) {
    min-width: 75%;
    width: 75%;
  }
  .column.is-offset-sm-9 {
    margin-left: 75%;
  }
  .column.is-sm-10,
  .grid.is-sm-10 >.column:not([class*='is-']),
  .row.is-sm-10 >.column:not([class*='is-']) {
    min-width: 83.3333%;
    width: 83.3333%;
  }
  .column.is-offset-sm-10 {
    margin-left: 83.3333%;
  }
  .column.is-sm-11,
  .grid.is-sm-11 >.column:not([class*='is-']),
  .row.is-sm-11 >.column:not([class*='is-']) {
    min-width: 91.6667%;
    width: 91.6667%;
  }
  .column.is-offset-sm-11 {
    margin-left: 91.6667%;
  }
  .column.is-sm-12,
  .grid.is-sm-12 >.column:not([class*='is-']),
  .row.is-sm-12 >.column:not([class*='is-']) {
    min-width: 100%;
    width: 100%;
  }
  .column.is-offset-sm-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 991px) {
  .column.is-md-0 {
    min-width: 0%;
    width: 0%;
  }
  .column.is-offset-md-0 {
    margin-left: 0%;
  }
  .column.is-md-1,
  .grid.is-md-1 >.column:not([class*='is-']),
  .row.is-md-1 >.column:not([class*='is-']) {
    min-width: 8.3333%;
    width: 8.3333%;
  }
  .column.is-offset-md-1 {
    margin-left: 8.3333%;
  }
  .column.is-md-2,
  .grid.is-md-2 >.column:not([class*='is-']),
  .row.is-md-2 >.column:not([class*='is-']) {
    min-width: 16.6667%;
    width: 16.6667%;
  }
  .column.is-offset-md-2 {
    margin-left: 16.6667%;
  }
  .column.is-md-3,
  .grid.is-md-3 >.column:not([class*='is-']),
  .row.is-md-3 >.column:not([class*='is-']) {
    min-width: 25%;
    width: 25%;
  }
  .column.is-offset-md-3 {
    margin-left: 25%;
  }
  .column.is-md-4,
  .grid.is-md-4 >.column:not([class*='is-']),
  .row.is-md-4 >.column:not([class*='is-']) {
    min-width: 33.3333%;
    width: 33.3333%;
  }
  .column.is-offset-md-4 {
    margin-left: 33.3333%;
  }
  .column.is-md-5,
  .grid.is-md-5 >.column:not([class*='is-']),
  .row.is-md-5 >.column:not([class*='is-']) {
    min-width: 41.6667%;
    width: 41.6667%;
  }
  .column.is-offset-md-5 {
    margin-left: 41.6667%;
  }
  .column.is-md-6,
  .grid.is-md-6 >.column:not([class*='is-']),
  .row.is-md-6 >.column:not([class*='is-']) {
    min-width: 50%;
    width: 50%;
  }
  .column.is-offset-md-6 {
    margin-left: 50%;
  }
  .column.is-md-7,
  .grid.is-md-7 >.column:not([class*='is-']),
  .row.is-md-7 >.column:not([class*='is-']) {
    min-width: 58.3333%;
    width: 58.3333%;
  }
  .column.is-offset-md-7 {
    margin-left: 58.3333%;
  }
  .column.is-md-8,
  .grid.is-md-8 >.column:not([class*='is-']),
  .row.is-md-8 >.column:not([class*='is-']) {
    min-width: 66.6667%;
    width: 66.6667%;
  }
  .column.is-offset-md-8 {
    margin-left: 66.6667%;
  }
  .column.is-md-9,
  .grid.is-md-9 >.column:not([class*='is-']),
  .row.is-md-9 >.column:not([class*='is-']) {
    min-width: 75%;
    width: 75%;
  }
  .column.is-offset-md-9 {
    margin-left: 75%;
  }
  .column.is-md-10,
  .grid.is-md-10 >.column:not([class*='is-']),
  .row.is-md-10 >.column:not([class*='is-']) {
    min-width: 83.3333%;
    width: 83.3333%;
  }
  .column.is-offset-md-10 {
    margin-left: 83.3333%;
  }
  .column.is-md-11,
  .grid.is-md-11 >.column:not([class*='is-']),
  .row.is-md-11 >.column:not([class*='is-']) {
    min-width: 91.6667%;
    width: 91.6667%;
  }
  .column.is-offset-md-11 {
    margin-left: 91.6667%;
  }
  .column.is-md-12,
  .grid.is-md-12 >.column:not([class*='is-']),
  .row.is-md-12 >.column:not([class*='is-']) {
    min-width: 100%;
    width: 100%;
  }
  .column.is-offset-md-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1360px) {
  .column.is-lg-0 {
    min-width: 0%;
    width: 0%;
  }
  .column.is-offset-lg-0 {
    margin-left: 0%;
  }
  .column.is-lg-1,
  .grid.is-lg-1 >.column:not([class*='is-']),
  .row.is-lg-1 >.column:not([class*='is-']) {
    min-width: 8.3333%;
    width: 8.3333%;
  }
  .column.is-offset-lg-1 {
    margin-left: 8.3333%;
  }
  .column.is-lg-2,
  .grid.is-lg-2 >.column:not([class*='is-']),
  .row.is-lg-2 >.column:not([class*='is-']) {
    min-width: 16.6667%;
    width: 16.6667%;
  }
  .column.is-offset-lg-2 {
    margin-left: 16.6667%;
  }
  .column.is-lg-3,
  .grid.is-lg-3 >.column:not([class*='is-']),
  .row.is-lg-3 >.column:not([class*='is-']) {
    min-width: 25%;
    width: 25%;
  }
  .column.is-offset-lg-3 {
    margin-left: 25%;
  }
  .column.is-lg-4,
  .grid.is-lg-4 >.column:not([class*='is-']),
  .row.is-lg-4 >.column:not([class*='is-']) {
    min-width: 33.3333%;
    width: 33.3333%;
  }
  .column.is-offset-lg-4 {
    margin-left: 33.3333%;
  }
  .column.is-lg-5,
  .grid.is-lg-5 >.column:not([class*='is-']),
  .row.is-lg-5 >.column:not([class*='is-']) {
    min-width: 41.6667%;
    width: 41.6667%;
  }
  .column.is-offset-lg-5 {
    margin-left: 41.6667%;
  }
  .column.is-lg-6,
  .grid.is-lg-6 >.column:not([class*='is-']),
  .row.is-lg-6 >.column:not([class*='is-']) {
    min-width: 50%;
    width: 50%;
  }
  .column.is-offset-lg-6 {
    margin-left: 50%;
  }
  .column.is-lg-7,
  .grid.is-lg-7 >.column:not([class*='is-']),
  .row.is-lg-7 >.column:not([class*='is-']) {
    min-width: 58.3333%;
    width: 58.3333%;
  }
  .column.is-offset-lg-7 {
    margin-left: 58.3333%;
  }
  .column.is-lg-8,
  .grid.is-lg-8 >.column:not([class*='is-']),
  .row.is-lg-8 >.column:not([class*='is-']) {
    min-width: 66.6667%;
    width: 66.6667%;
  }
  .column.is-offset-lg-8 {
    margin-left: 66.6667%;
  }
  .column.is-lg-9,
  .grid.is-lg-9 >.column:not([class*='is-']),
  .row.is-lg-9 >.column:not([class*='is-']) {
    min-width: 75%;
    width: 75%;
  }
  .column.is-offset-lg-9 {
    margin-left: 75%;
  }
  .column.is-lg-10,
  .grid.is-lg-10 >.column:not([class*='is-']),
  .row.is-lg-10 >.column:not([class*='is-']) {
    min-width: 83.3333%;
    width: 83.3333%;
  }
  .column.is-offset-lg-10 {
    margin-left: 83.3333%;
  }
  .column.is-lg-11,
  .grid.is-lg-11 >.column:not([class*='is-']),
  .row.is-lg-11 >.column:not([class*='is-']) {
    min-width: 91.6667%;
    width: 91.6667%;
  }
  .column.is-offset-lg-11 {
    margin-left: 91.6667%;
  }
  .column.is-lg-12,
  .grid.is-lg-12 >.column:not([class*='is-']),
  .row.is-lg-12 >.column:not([class*='is-']) {
    min-width: 100%;
    width: 100%;
  }
  .column.is-offset-lg-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .column.is-xl-0 {
    min-width: 0%;
    width: 0%;
  }
  .column.is-offset-xl-0 {
    margin-left: 0%;
  }
  .column.is-xl-1,
  .grid.is-xl-1 >.column:not([class*='is-']),
  .row.is-xl-1 >.column:not([class*='is-']) {
    min-width: 8.3333%;
    width: 8.3333%;
  }
  .column.is-offset-xl-1 {
    margin-left: 8.3333%;
  }
  .column.is-xl-2,
  .grid.is-xl-2 >.column:not([class*='is-']),
  .row.is-xl-2 >.column:not([class*='is-']) {
    min-width: 16.6667%;
    width: 16.6667%;
  }
  .column.is-offset-xl-2 {
    margin-left: 16.6667%;
  }
  .column.is-xl-3,
  .grid.is-xl-3 >.column:not([class*='is-']),
  .row.is-xl-3 >.column:not([class*='is-']) {
    min-width: 25%;
    width: 25%;
  }
  .column.is-offset-xl-3 {
    margin-left: 25%;
  }
  .column.is-xl-4,
  .grid.is-xl-4 >.column:not([class*='is-']),
  .row.is-xl-4 >.column:not([class*='is-']) {
    min-width: 33.3333%;
    width: 33.3333%;
  }
  .column.is-offset-xl-4 {
    margin-left: 33.3333%;
  }
  .column.is-xl-5,
  .grid.is-xl-5 >.column:not([class*='is-']),
  .row.is-xl-5 >.column:not([class*='is-']) {
    min-width: 41.6667%;
    width: 41.6667%;
  }
  .column.is-offset-xl-5 {
    margin-left: 41.6667%;
  }
  .column.is-xl-6,
  .grid.is-xl-6 >.column:not([class*='is-']),
  .row.is-xl-6 >.column:not([class*='is-']) {
    min-width: 50%;
    width: 50%;
  }
  .column.is-offset-xl-6 {
    margin-left: 50%;
  }
  .column.is-xl-7,
  .grid.is-xl-7 >.column:not([class*='is-']),
  .row.is-xl-7 >.column:not([class*='is-']) {
    min-width: 58.3333%;
    width: 58.3333%;
  }
  .column.is-offset-xl-7 {
    margin-left: 58.3333%;
  }
  .column.is-xl-8,
  .grid.is-xl-8 >.column:not([class*='is-']),
  .row.is-xl-8 >.column:not([class*='is-']) {
    min-width: 66.6667%;
    width: 66.6667%;
  }
  .column.is-offset-xl-8 {
    margin-left: 66.6667%;
  }
  .column.is-xl-9,
  .grid.is-xl-9 >.column:not([class*='is-']),
  .row.is-xl-9 >.column:not([class*='is-']) {
    min-width: 75%;
    width: 75%;
  }
  .column.is-offset-xl-9 {
    margin-left: 75%;
  }
  .column.is-xl-10,
  .grid.is-xl-10 >.column:not([class*='is-']),
  .row.is-xl-10 >.column:not([class*='is-']) {
    min-width: 83.3333%;
    width: 83.3333%;
  }
  .column.is-offset-xl-10 {
    margin-left: 83.3333%;
  }
  .column.is-xl-11,
  .grid.is-xl-11 >.column:not([class*='is-']),
  .row.is-xl-11 >.column:not([class*='is-']) {
    min-width: 91.6667%;
    width: 91.6667%;
  }
  .column.is-offset-xl-11 {
    margin-left: 91.6667%;
  }
  .column.is-xl-12,
  .grid.is-xl-12 >.column:not([class*='is-']),
  .row.is-xl-12 >.column:not([class*='is-']) {
    min-width: 100%;
    width: 100%;
  }
  .column.is-offset-xl-12 {
    margin-left: 100%;
  }
}
.column.is-middle {
  -ms-flex-item-align: center;
      align-self: center;
}
.column.is-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.column.is-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.column >.row {
  margin: 0 -0.625rem;
  min-width: calc(100% + 1.25rem);
}
.grid,
.row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  width: auto;
}
.grid.is-center,
.row.is-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid.is-end,
.row.is-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.grid.is-start,
.row.is-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grid.is-middle,
.row.is-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid.is-top,
.row.is-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.grid.is-bottom,
.row.is-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.grid.is-vertical,
.row.is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.grid.is-shrink >.column:not([class*='is-']),
.row.is-shrink >.column:not([class*='is-']) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.grid.is-fit,
.row.is-fit {
  margin-right: 0;
  margin-left: 0;
}
.grid.is-fit >.column,
.row.is-fit >.column {
  padding: 0;
}
.row {
  width: 100%;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  margin: 0;
}
.button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1em;
  padding: 0.6em 1.2em;
  outline: none;
  border-style: none;
  border-radius: 8px;
  border-color: transparent;
  border-width: 1px;
  background-clip: border-box;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  line-height: 1.3;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background-color: #e0eaf9;
  color: #383555;
}
.button:hover {
  background-color: #e9f0fb;
}
.button:not(:last-child) {
  margin-right: 1em;
}
.button:hover.button:not(:focus) {
  -webkit-box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  z-index: 99;
}
.button:hover {
  color: #2451f2;
}
.button:focus,
.button:active,
.button.is-active {
  color: #2451f2;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5), 0 0 0 3px rgba(36,81,242,0.25);
}
.button.is-xs,
.buttons.is-xs >.button {
  font-size: 0.75rem;
}
.button.is-sm,
.buttons.is-sm >.button {
  font-size: 0.875rem;
}
.button,
.button.is-md,
.buttons.is-md >.button {
  font-size: 1rem;
}
.button.is-lg,
.buttons.is-lg >.button {
  font-size: 1.125rem;
}
.button.is-xl,
.buttons.is-xl >.button {
  font-size: 1.25rem;
}
.button.is-dark,
.buttons.is-dark >.button {
  background-color: #383555;
  color: #fff;
}
.button.is-dark:hover,
.buttons.is-dark >.button:hover {
  background-color: #65609a;
}
.button.is-light,
.buttons.is-light >.button {
  background-color: #e0eaf9;
  color: #383555;
}
.button.is-light:hover,
.buttons.is-light >.button:hover {
  background-color: #e9f0fb;
}
.button.is-primary.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #2451f2, #f2248f);
  background-image: -o-linear-gradient(45deg, #2451f2, #f2248f);
  background-image: linear-gradient(45deg, #2451f2, #f2248f);
  color: #fff;
}
.button.is-secondary.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #f2248f, #ff6f00);
  background-image: -o-linear-gradient(45deg, #f2248f, #ff6f00);
  background-image: linear-gradient(45deg, #f2248f, #ff6f00);
  color: #fff;
}
.button.is-info.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #00fcfe, #2451f2);
  background-image: -o-linear-gradient(45deg, #00fcfe, #2451f2);
  background-image: linear-gradient(45deg, #00fcfe, #2451f2);
  color: #fff;
}
.button.is-success.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #36d9b0, #f2248f);
  background-image: -o-linear-gradient(45deg, #36d9b0, #f2248f);
  background-image: linear-gradient(45deg, #36d9b0, #f2248f);
  color: #fff;
}
.button.is-warning.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #ffcf0d, #36d9b0);
  background-image: -o-linear-gradient(45deg, #ffcf0d, #36d9b0);
  background-image: linear-gradient(45deg, #ffcf0d, #36d9b0);
  color: #fff;
}
.button.is-danger.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #f22435, #f2248f);
  background-image: -o-linear-gradient(45deg, #f22435, #f2248f);
  background-image: linear-gradient(45deg, #f22435, #f2248f);
  color: #fff;
}
.button.is-gradient {
  background-color: transparent;
  background-position: -1px -1px;
  background-size: calc(100% + 4px) calc(100% + 4px);
}
.button.is-gradient:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: 0 0 0 3px rgba(36,81,242,0.25);
}
.button.is-gradient:hover,
.button.is-gradient:active,
.button.is-gradient.is-active {
  opacity: 0.8;
}
.button.is-gradient .is-disabled,
.button.is-gradient[disabled] {
  border-color: #2451f2;
  background-color: #2451f2;
}
.button .icon:first-child:not(:last-child) {
  margin-right: 0.3em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.3em;
}
.button .icon:only-child {
  margin: 0 -0.3em;
}
.button .label {
  margin: -0.6em 0;
}
.button.is-block,
.buttons.is-block >.button {
  width: 100%;
}
.button.is-rounded,
.buttons.is-rounded >.button {
  border-radius: 10em;
}
.button.is-disabled,
.button[disabled],
.buttons.is-disabled >.button,
.buttons[disabled] >.button {
  opacity: 0.8;
  cursor: not-allowed;
}
@-webkit-keyframes spinner-rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner-rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  border-radius: 8px;
}
.buttons:not(:last-child) {
  margin-right: 1em;
}
.buttons >:not(:last-child),
.buttons >.is-rounded:not(:last-child),
.buttons.is-rounded >:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttons >:not(:first-child),
.buttons >.is-rounded:not(:first-child),
.buttons.is-rounded >:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.buttons >.button {
  margin-bottom: 0;
  margin-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.buttons >.button:hover {
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
}
.buttons >.button:focus,
.buttons >.button:active,
.buttons >.button.is-active {
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5), 0 0 0 3px rgba(36,81,242,0.25);
}
.buttons .button + .button {
  border-left: 0;
  margin-left: 0;
}
.buttons.is-block {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.buttons.is-gradient {
  border-radius: 8px;
}
.buttons.is-gradient >.button {
  background-color: transparent;
  border: 0;
}
.buttons.is-rounded {
  border-radius: 10em;
}
.buttons.is-primary.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #2451f2, #f2248f);
  background-image: -o-linear-gradient(45deg, #2451f2, #f2248f);
  background-image: linear-gradient(45deg, #2451f2, #f2248f);
}
.buttons.is-secondary.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #f2248f, #ff6f00);
  background-image: -o-linear-gradient(45deg, #f2248f, #ff6f00);
  background-image: linear-gradient(45deg, #f2248f, #ff6f00);
}
.buttons.is-info.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #00fcfe, #2451f2);
  background-image: -o-linear-gradient(45deg, #00fcfe, #2451f2);
  background-image: linear-gradient(45deg, #00fcfe, #2451f2);
}
.buttons.is-success.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #36d9b0, #f2248f);
  background-image: -o-linear-gradient(45deg, #36d9b0, #f2248f);
  background-image: linear-gradient(45deg, #36d9b0, #f2248f);
}
.buttons.is-warning.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #ffcf0d, #36d9b0);
  background-image: -o-linear-gradient(45deg, #ffcf0d, #36d9b0);
  background-image: linear-gradient(45deg, #ffcf0d, #36d9b0);
}
.buttons.is-danger.is-gradient {
  background-image: -webkit-linear-gradient(45deg, #f22435, #f2248f);
  background-image: -o-linear-gradient(45deg, #f22435, #f2248f);
  background-image: linear-gradient(45deg, #f22435, #f2248f);
}
.alert {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75em;
  border-radius: 1.5em;
  margin: 20px;
  max-width: 500px;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  background-color: #e0eaf9;
  color: #383555;
}
.alert.is-xs {
  font-size: 0.75rem;
}
.alert.is-sm {
  font-size: 0.875rem;
}
.alert,
.alert.is-md {
  font-size: 1rem;
}
.alert.is-lg {
  font-size: 1.125rem;
}
.alert.is-xl {
  font-size: 1.25rem;
}
.alert.is-dark {
  background-color: #383555;
  color: #fff;
}
.alert.is-light {
  background-color: #e0eaf9;
  color: #383555;
}
.alert-dismiss {
  margin-left: 1em;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
}
.alert-dismiss:focus {
  outline: none;
}
.alert-dismiss:hover {
  color: #2451f2;
}
.alert-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.avatar {
  display: inline-block;
  position: relative;
  width: 3em;
  height: 3em;
  border-radius: 10em;
  margin: 1em;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  overflow: hidden;
  background-color: #e0eaf9;
  color: #383555;
}
.avatar.is-xs {
  font-size: 0.75rem;
}
.avatar.is-sm {
  font-size: 0.875rem;
}
.avatar,
.avatar.is-md {
  font-size: 1rem;
}
.avatar.is-lg {
  font-size: 1.125rem;
}
.avatar.is-xl {
  font-size: 1.25rem;
}
.avatar.is-dark {
  background-color: #383555;
  color: #fff;
}
.avatar.is-light {
  background-color: #e0eaf9;
  color: #383555;
}
.avatar img {
  display: block;
  border-radius: 10em;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar-initials {
  display: block;
  line-height: 3;
  text-align: center;
  font-weight: 600;
}
.avatar-icon {
  position: absolute;
  bottom: 3%;
  right: 3%;
  display: block;
  width: 0.75em;
  height: 0.75em;
  border: 2px solid #fff;
  background: #e9e8f2;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
  width: 1.2em;
  height: 1.2em;
  fill: currentColor;
}
.icon:not(:last-child) {
  margin-right: 1em;
}
.icon.is-xs {
  font-size: 0.75rem;
}
.icon.is-sm {
  font-size: 0.875rem;
}
.icon,
.icon.is-md {
  font-size: 1rem;
}
.icon.is-lg {
  font-size: 1.125rem;
}
.icon.is-xl {
  font-size: 1.25rem;
}
.icon.is-dark {
  color: #383555;
}
.icon.is-light {
  color: #e0eaf9;
}
.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #383555;
}
.checkbox.is-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.checkbox.is-disabled,
.checkbox[disabled] {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.checkbox.is-xs {
  font-size: 0.75rem;
}
.checkbox.is-sm {
  font-size: 0.875rem;
}
.checkbox,
.checkbox.is-md {
  font-size: 1rem;
}
.checkbox.is-lg {
  font-size: 1.125rem;
}
.checkbox.is-xl {
  font-size: 1.25rem;
}
.checkbox-input,
input.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  width: 1.3em;
  height: 1.3em;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
  background-color: #e0eaf9;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.checkbox-input:after,
input.checkbox:after {
  display: block;
  opacity: 0;
  width: 0.2em;
  height: 0.5em;
  border: solid #fff;
  border-width: 0 0.13em 0.13em 0;
  content: '';
  -webkit-transform: translate3d(0, -0.1em, 0) rotate(45deg);
          transform: translate3d(0, -0.1em, 0) rotate(45deg);
}
.checkbox-input:focus,
input.checkbox:focus {
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
}
.checkbox-input:checked,
input.checkbox:checked,
.checkbox-input.is-checked,
input.checkbox.is-checked {
  background-color: #2451f2;
  border-color: #2451f2;
}
.checkbox-input:checked:after,
input.checkbox:checked:after,
.checkbox-input.is-checked:after,
input.checkbox.is-checked:after {
  opacity: 1;
}
.checkbox-input:indeterminate,
input.checkbox:indeterminate,
.checkbox-input.is-indeterminate,
input.checkbox.is-indeterminate {
  background-color: #2451f2;
  border-color: #2451f2;
}
.checkbox-input:indeterminate:after,
input.checkbox:indeterminate:after,
.checkbox-input.is-indeterminate:after,
input.checkbox.is-indeterminate:after {
  width: 0.5em;
  height: 0.13em;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  border-width: 0 0 0.13em;
  opacity: 1;
}
.checkbox-input.is-disabled,
input.checkbox.is-disabled,
.checkbox-input[disabled],
input.checkbox[disabled] {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.checkbox-label {
  vertical-align: middle;
  margin-left: 0.4em;
}
.radio {
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #383555;
}
.radio.is-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.radio.is-disabled,
.radio[disabled] {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.radio.is-xs {
  font-size: 0.75rem;
}
.radio.is-sm {
  font-size: 0.875rem;
}
.radio,
.radio.is-md {
  font-size: 1rem;
}
.radio.is-lg {
  font-size: 1.125rem;
}
.radio.is-xl {
  font-size: 1.25rem;
}
.radio-input,
input.radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  width: 1.3em;
  height: 1.3em;
  border-radius: 10em;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
  background-color: #e0eaf9;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.radio-input:after,
input.radio:after {
  display: block;
  opacity: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 10em;
  background-color: #fff;
  content: '';
}
.radio-input:focus,
input.radio:focus {
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
}
.radio-input:checked,
input.radio:checked,
.radio-input.is-checked,
input.radio.is-checked {
  background-color: #2451f2;
  border-color: #2451f2;
}
.radio-input:checked:after,
input.radio:checked:after,
.radio-input.is-checked:after,
input.radio.is-checked:after {
  opacity: 1;
}
.radio-input.is-disabled,
input.radio.is-disabled,
.radio-input[disabled],
input.radio[disabled] {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.radio-label {
  vertical-align: middle;
  margin-left: 0.4em;
}
.dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dropdown.is-active .dropdown-menu {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.dropdown.is-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.dropdown.is-right .dropdown-menu {
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}
.dropdown.is-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown.is-center .dropdown-menu {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}
.dropdown-toggle.button {
  marign: 0;
}
.dropdown-item {
  display: block;
  padding: 0.6em 1.2em;
  color: #383555;
}
.dropdown-item:hover {
  color: #2451f2;
}
.dropdown-item.is-active,
.dropdown-item:focus,
.dropdown-item:active {
  color: #fff;
  background-color: #2451f2;
}
.dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.6em 0;
  max-width: 250px;
  border-radius: 8px;
  background-color: #e0eaf9;
  color: #383555;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
}
.dropdown-menu:empty {
  display: none;
}
.input {
  display: block;
  margin-bottom: 1em;
  padding: 0.6em 0.9em;
  width: 100%;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  background-color: #e0eaf9;
  line-height: 1.3;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
  border-color: #e0eaf9;
}
.input:focus {
  z-index: 1;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
}
.input.is-xs {
  font-size: 0.75rem;
}
.input.is-sm {
  font-size: 0.875rem;
}
.input,
.input.is-md {
  font-size: 1rem;
}
.input.is-lg {
  font-size: 1.125rem;
}
.input.is-xl {
  font-size: 1.25rem;
}
.input.is-dark {
  border-color: #383555;
}
.input.is-light {
  border-color: #e0eaf9;
}
.input.is-block {
  width: 100%;
}
.input.is-rounded {
  border-radius: 10em;
}
.input.is-bold {
  border-width: 2px;
}
.input:disabled,
.input.is-disabled {
  cursor: not-allowed;
  background: #e9e8f2;
}
.input.is-disabled {
  pointer-events: none;
}
input:-webkit-autofill {
  background-color: #e0eaf9 !important;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #383555 !important;
}
.form {
  -webkit-box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  padding: 2.4em;
  border-radius: 16px;
  margin-bottom: 1em;
}
.form.is-inline .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field {
  margin-bottom: 2em;
}
.field:last-child {
  margin-bottom: 0;
}
.field-label {
  font-weight: 600;
  display: block;
  margin-bottom: 1em;
  margin-top: 1em;
}
.field-text {
  display: block;
  font-size: 0.75em;
  margin-bottom: 1em;
  color: #383555;
}
.field-text.is-dark {
  color: #383555;
}
.field-text.is-light {
  color: #e0eaf9;
}
.textarea {
  display: block;
  margin-bottom: 1em;
  padding: 0.6em;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  background-color: #e0eaf9;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
  line-height: 1.2;
  border-color: #e0eaf9;
}
.textarea:focus {
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02), 0 0 0 3px rgba(36,81,242,0.25);
}
.textarea.is-xs {
  font-size: 0.75rem;
}
.textarea.is-sm {
  font-size: 0.875rem;
}
.textarea,
.textarea.is-md {
  font-size: 1rem;
}
.textarea.is-lg {
  font-size: 1.125rem;
}
.textarea.is-xl {
  font-size: 1.25rem;
}
.textarea.is-dark {
  border-color: #383555;
}
.textarea.is-light {
  border-color: #e0eaf9;
}
.textarea:disabled,
.textarea.is-disabled {
  cursor: not-allowed;
  background: #e9e8f2;
  color: #fff;
  pointer-events: none;
}
.switcher {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 1em;
  vertical-align: middle;
}
.switcher-input {
  display: none;
}
.switcher-input:checked + .switcher-body {
  background-color: #2451f2;
  padding-left: 0.5em;
  padding-right: 1.3em;
}
.switcher-input:checked + .switcher-body .switcher-handle {
  left: calc(100% - 1em);
}
.switcher-input[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.switcher-input[disabled] + .switcher-body {
  opacity: 0.6;
  cursor: not-allowed;
}
.switcher.is-disabled,
.switcher[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.switcher.is-disabled .switcher-input,
.switcher[disabled] .switcher-input {
  cursor: not-allowed;
}
.switcher.is-xs {
  font-size: 0.75rem;
}
.switcher.is-sm {
  font-size: 0.875rem;
}
.switcher,
.switcher.is-md {
  font-size: 1rem;
}
.switcher.is-lg {
  font-size: 1.125rem;
}
.switcher.is-xl {
  font-size: 1.25rem;
}
.switcher-handle {
  position: absolute;
  left: 0;
  margin: -0.25em;
  top: 0;
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: #e0eaf9;
  content: '';
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 1em;
  -webkit-box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
}
.switcher-body {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  min-width: 2.5em;
  height: 1em;
  background-color: #e0eaf9;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 1em;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
  border: 1px solid rgba(255,255,255,0.1);
}
.switcher-body p {
  font-size: 0.8em;
}
.table {
  overflow: hidden;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 16px;
  overflow: hidden;
  color: #383555;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
}
.table:not(:last-child) {
  margin-bottom: 1em;
}
.table thead {
  font-weight: 700;
}
.table thead th {
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.table tfoot th {
  border-top: 1px solid rgba(255,255,255,0.3);
  padding: 1.2em 0.6em;
}
.table td,
.table th {
  padding: 1.2em 0.6em;
  border-top: 1px solid rgba(255,255,255,0.3);
  background-color: #e0eaf9;
}
.table.is-xs {
  font-size: 0.75rem;
}
.table.is-sm {
  font-size: 0.875rem;
}
.table,
.table.is-md {
  font-size: 1rem;
}
.table.is-lg {
  font-size: 1.125rem;
}
.table.is-xl {
  font-size: 1.25rem;
}
.table.is-center {
  text-align: center;
}
.table.is-top tbody {
  vertical-align: top;
}
.table.is-bottom tbody {
  vertical-align: bottom;
}
.table.is-middle tbody {
  vertical-align: middle;
}
.table.is-header-centerd th {
  text-align: center;
}
.table.is-header-highlighted th {
  background-color: #e0eaf9;
}
.table tr.is-dark,
.table tr.is-dark:hover {
  background-color: #383555;
  color: #fff;
}
.table tr.is-light,
.table tr.is-light:hover {
  background-color: #e0eaf9;
  color: #383555;
}
.progress {
  position: relative;
  height: 1.2em;
  width: 100%;
  background-color: #e0eaf9;
  border-radius: 10em;
  margin-bottom: 2em;
  font-size: 0.75rem;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
  border: 1px solid rgba(255,255,255,0.1);
}
.progress-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  border-radius: 10em;
  padding: 0.6em;
  width: 3em;
  height: 3em;
  color: #383555;
  background-color: #e0eaf9;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  -webkit-transform: translateY(-0.9em);
      -ms-transform: translateY(-0.9em);
          transform: translateY(-0.9em);
}
.progress-icon.is-dark {
  background: #383555;
  color: #fff;
}
.progress-icon.is-light {
  background: #e0eaf9;
  color: #000;
}
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-radius: 10em;
  background-color: #e0eaf9;
  color: #383555;
  -webkit-box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
}
.progress-bar.is-dark {
  background: #383555;
  color: #fff;
}
.progress-bar.is-light {
  background: #e0eaf9;
  color: #000;
}
.label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  margin-bottom: 1em;
  margin-right: 1em;
  padding: 0.3em 0.6em;
  min-width: 37px;
  border-radius: 8px;
  color: #000;
  vertical-align: top;
  font-weight: $weight-light;
  line-height: 1;
  font-size: 0.875rem;
  -webkit-box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  background-color: #e0eaf9;
  color: #383555;
}
.label img {
  margin: -0.75em;
  height: 2.5em;
  vertical-align: top;
}
.label .icon {
  font-size: inherit;
  width: 1em;
  height: 1em;
}
.label .icon:first-child:not(:last-child),
.label img:first-child:not(:last-child) {
  margin-right: 0.3em;
}
.label .icon:last-child:not(:first-child),
.label img:last-child:not(:first-child) {
  margin-left: 0.3em;
}
.label.is-xs {
  font-size: 0.75rem;
}
.label.is-sm {
  font-size: 0.875rem;
}
.label,
.label.is-md {
  font-size: 1rem;
}
.label.is-lg {
  font-size: 1.125rem;
}
.label.is-xl {
  font-size: 1.25rem;
}
.label.is-dark {
  background-color: #383555;
  color: #fff;
}
.label.is-light {
  background-color: #e0eaf9;
  color: #383555;
}
.label.is-rounded {
  border-radius: 10em;
}
.label.is-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 2em;
  width: 100%;
  border: 0;
  border-radius: 16px;
  background-color: #fff;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  font-size: 1rem;
  -webkit-box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  background-color: #e0eaf9;
  color: #383555;
}
.modal.is-dark {
  background-color: #383555;
  color: #383555;
}
.modal.is-light {
  background-color: #e0eaf9;
  color: #383555;
}
.modal.is-fit {
  padding: 1em;
}
.modal.is-rounded {
  border-radius: 10em;
}
.modal-header {
  position: relative;
  margin-bottom: 2em;
}
.modal-title {
  margin: 0;
}
.modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
}
.modal-body * {
  margin-top: 0;
  margin-bottom: 0;
}
.modal-icon {
  margin-right: 2em;
}
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
}
.modal-footer >* {
  margin-bottom: 0;
}
.modal-dismiss {
  position: absolute;
  top: 0;
  padding: 1em;
  border: 0;
  background-color: transparent;
  right: 0;
  cursor: pointer;
}
.modal-dismiss:focus {
  outline: none;
}
.modal-dismiss:hover {
  color: #2451f2;
}
.modal-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,0.1);
  z-index: 999;
}
.modal-container.is-hidden {
  display: none;
}
.modal-container.is-visable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
  padding: 0 1.2em;
  background-color: #e0eaf9;
  font-weight: 600;
  font-size: 1rem;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  color: #383555;
  border-radius: 0 0 8px 8px;
}
.navbar.is-fixed {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.navbar.is-hidden {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
.navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar-start,
.navbar-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbar-brand {
  margin-right: 1em;
}
.navbar-brand img {
  max-height: 40px;
  display: block;
}
.navbar-brand.is-white {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  fill: #fff;
}
.navbar-start,
.navbar-end {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.navbar-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.navbar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.2em;
  min-height: 50px;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1rem;
}
.navbar-item .navbar-item {
  padding: 0;
}
.navbar-item.dropdown {
  height: auto;
}
.navbar-item:hover,
.navbar-item:focus {
  color: #2451f2;
}
.navbar.is-inverse .navbar-item,
.navbar.is-gradient .navbar-item {
  color: #fff;
}
.navbar-item:hover,
.navbar-item:focus {
  color: #2451f2;
}
.navbar-item.is-active {
  background-color: rgba(0,0,0,0.08);
}
.navbar-item:hover {
  background-color: rgba(255,255,255,0.08);
}
.navbar-item .button {
  margin-bottom: 0;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  margin: 1em 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pagination-item,
.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.5em;
  width: 2em;
  height: 2em;
  outline-width: 0;
  outline-offset: 0;
  border: none;
  text-decoration: none;
  cursor: pointer;
  background: #e0eaf9;
  -webkit-box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  font-size: 1rem;
  border-radius: 8px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.pagination-item.is-active,
.pagination-next.is-active,
.pagination-prev.is-active,
.pagination-first.is-active,
.pagination-last.is-active,
.pagination-item:active,
.pagination-next:active,
.pagination-prev:active,
.pagination-first:active,
.pagination-last:active,
.pagination-item:hover:not(.is-disabled),
.pagination-next:hover:not(.is-disabled),
.pagination-prev:hover:not(.is-disabled),
.pagination-first:hover:not(.is-disabled),
.pagination-last:hover:not(.is-disabled) {
  color: #2451f2;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
}
.pagination-item.is-disabled,
.pagination-next.is-disabled,
.pagination-prev.is-disabled,
.pagination-first.is-disabled,
.pagination-last.is-disabled {
  border-color: #e9e8f2;
  color: #e9e8f2;
}
.pagination-item:focus,
.pagination-next:focus,
.pagination-prev:focus,
.pagination-first:focus,
.pagination-last:focus {
  outline-color: 0;
}
.pagination-item .icon,
.pagination-next .icon,
.pagination-prev .icon,
.pagination-first .icon,
.pagination-last .icon {
  font-size: 1.125rem;
}
.pagination.is-xs {
  font-size: 0.75rem;
}
.pagination.is-sm {
  font-size: 0.875rem;
}
.pagination,
.pagination.is-md {
  font-size: 1rem;
}
.pagination.is-lg {
  font-size: 1.125rem;
}
.pagination.is-xl {
  font-size: 1.25rem;
}
.card {
  -webkit-box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  margin-bottom: 24px;
  max-width: 400px;
}
.card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}
.card .card-header .card-header-title {
  font-size: 1.125rem;
  font-weight: 700;
}
.card .card-header .card-header-icon {
  cursor: pointer;
}
.card .card-header .card-header-icon:hover {
  color: #2451f2;
}
.card .card-image {
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.card .card-content {
  padding: 0 20px;
}
.card .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 1em 20px;
}
.card .card-footer .card-footer-item {
  color: #2451f2;
}
.card .card-footer .card-footer-item:hover {
  color: #000;
}
.card-sm {
  max-width: 300px;
}
.card-md {
  max-width: 400px;
}
.card-lg {
  max-width: 500px;
}
.tabs ul {
  border-bottom: 1px solid #9d99bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin-bottom: 4px;
}
.tabs .tab {
  list-style: none;
  color: #000;
  padding: 0.2em 0.6em;
  cursor: pointer;
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  margin-right: 1em;
}
.tabs .tab:hover {
  color: #2451f2;
  -webkit-box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
}
.tabs .tab:active {
  -webkit-box-shadow: 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: 0 0 0 3px rgba(36,81,242,0.25);
}
.active {
  border-bottom: 2px solid #2451f2;
  color: #2451f2 !important;
}
.tabs-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabs-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tabs-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.back-to-top {
  padding: 1.8em;
  -webkit-box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
          box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5), inset 1px 1px 1px rgba(224,234,249,0.5);
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 32px;
  position: relative;
  background: #e0eaf9;
  z-index: 999;
}
.back-to-top:hover {
  -webkit-box-shadow: 8px 8px 16px rgba(56,53,85,0.3), -8px -8px 16px rgba(255,255,255,0.5), inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
          box-shadow: 8px 8px 16px rgba(56,53,85,0.3), -8px -8px 16px rgba(255,255,255,0.5), inset 2px 2px 4px rgba(56,53,85,0.3), inset -2px -2px 4px rgba(255,255,255,0.5), inset 0 0 100px rgba(56,53,85,0.02);
}
.back-to-top:active {
  -webkit-box-shadow: 8px 8px 16px rgba(56,53,85,0.3), -8px -8px 16px rgba(255,255,255,0.5), 0 0 0 3px rgba(36,81,242,0.25);
          box-shadow: 8px 8px 16px rgba(56,53,85,0.3), -8px -8px 16px rgba(255,255,255,0.5), 0 0 0 3px rgba(36,81,242,0.25);
}
.back-to-top .back-to-top-text {
  color: #2451f2;
}
.back-to-top .back-to-top-icon {
  color: #2451f2;
}
.left {
  position: fixed;
  bottom: 5%;
  left: 5%;
}
.right {
  position: fixed;
  bottom: 5%;
  right: 5%;
}
.shadow-no {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.shadow-xs {
  -webkit-box-shadow: 1px 1px 2px rgba(56,53,85,0.3), -1px -1px 2px rgba(255,255,255,0.5);
          box-shadow: 1px 1px 2px rgba(56,53,85,0.3), -1px -1px 2px rgba(255,255,255,0.5);
}
.shadow-sm {
  -webkit-box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5);
          box-shadow: 2px 2px 4px rgba(56,53,85,0.3), -2px -2px 4px rgba(255,255,255,0.5);
}
.shadow-md {
  -webkit-box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5);
          box-shadow: 4px 4px 8px rgba(56,53,85,0.3), -4px -4px 8px rgba(255,255,255,0.5);
}
.shadow-lg {
  -webkit-box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5);
          box-shadow: 6px 6px 12px rgba(56,53,85,0.3), -6px -6px 12px rgba(255,255,255,0.5);
}
.shadow-xl {
  -webkit-box-shadow: 8px 8px 16px rgba(56,53,85,0.3), -8px -8px 16px rgba(255,255,255,0.5);
          box-shadow: 8px 8px 16px rgba(56,53,85,0.3), -8px -8px 16px rgba(255,255,255,0.5);
}
.w-small {
  width: 0.2em;
}
.w-medium {
  width: 0.6em;
}
.w-large {
  width: 1em;
}
.w-xlarge {
  width: 1.4em;
}
.font-small {
  font-size: 0.875rem;
}
.font-medium {
  font-size: 1rem;
}
.font-large {
  font-size: 1.125rem;
}
.font-xlarge {
  font-size: 1.25rem;
}
.font-xxlarge {
  font-size: 1.5rem;
}
.radius-sm {
  border-radius: 4px;
}
.radius-md {
  border-radius: 8px;
}
.radius-lg {
  border-radius: 12px;
}