@charset "UTF-8";
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.eot);
    src: local("Roboto"), local("Roboto-Regular"), url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype"), url(../fonts/Roboto-Regular.svg#Roboto-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Medium.eot);
    src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.ttf) format("truetype"), url(../fonts/Roboto-Medium.svg#Roboto-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Medium.eot);
    src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.ttf) format("truetype"), url(../fonts/Roboto-Medium.svg#Roboto-Medium) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Light.eot);
    src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Light.woff2) format("woff2"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype"), url(../fonts/Roboto-Light.svg#Roboto-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Bold.eot);
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.ttf) format("truetype"), url(../fonts/Roboto-Bold.svg#Roboto-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: NeueHaasUnica;
    src: url(../fonts/NeueHaasUnica-Black.eot);
    src: local("NeueHaasUnica Black"), local("NeueHaasUnica-Black"), url(../fonts/NeueHaasUnica-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/NeueHaasUnica-Black.woff2) format("woff2"), url(../fonts/NeueHaasUnica-Black.woff) format("woff"), url(../fonts/NeueHaasUnica-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: NeueHaasUnica;
    src: url(../fonts/NeueHaasUnica-Medium.eot);
    src: local("NeueHaasUnica Medium"), local("NeueHaasUnica-Medium"), url(../fonts/NeueHaasUnica-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/NeueHaasUnica-Medium.woff2) format("woff2"), url(../fonts/NeueHaasUnica-Medium.woff) format("woff"), url(../fonts/NeueHaasUnica-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.5em - 1px);
    padding-left: calc(.75em - 1px);
    padding-right: calc(.75em - 1px);
    padding-top: calc(.5em - 1px);
    position: relative;
    vertical-align: top
}

.button:active, .button:focus, .file-cta:active, .file-cta:focus, .file-name:active, .file-name:focus, .input:active, .input:focus, .is-active.button, .is-active.file-cta, .is-active.file-name, .is-active.input, .is-active.pagination-ellipsis, .is-active.pagination-link, .is-active.pagination-next, .is-active.pagination-previous, .is-active.textarea, .is-focused.button, .is-focused.file-cta, .is-focused.file-name, .is-focused.input, .is-focused.pagination-ellipsis, .is-focused.pagination-link, .is-focused.pagination-next, .is-focused.pagination-previous, .is-focused.textarea, .pagination-ellipsis:active, .pagination-ellipsis:focus, .pagination-link:active, .pagination-link:focus, .pagination-next:active, .pagination-next:focus, .pagination-previous:active, .pagination-previous:focus, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    outline: 0
}

.select fieldset[disabled] select, .select select[disabled], [disabled].button, [disabled].file-cta, [disabled].file-name, [disabled].input, [disabled].pagination-ellipsis, [disabled].pagination-link, [disabled].pagination-next, [disabled].pagination-previous, [disabled].textarea, fieldset[disabled] .button, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .input, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-previous, fieldset[disabled] .select select, fieldset[disabled] .textarea {
    cursor: not-allowed
}

.breadcrumb, .button, .file, .is-unselectable, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .tabs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: .625em
}

.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .level:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .pagination:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child) {
    margin-bottom: 1.5rem
}

.delete, .modal-close {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10, 10, 10, .2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: 0;
    position: relative;
    vertical-align: top;
    width: 20px
}

.delete::after, .delete::before, .modal-close::after, .modal-close::before {
    background-color: hsl(0deg, 0%, 100%);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.delete::before, .modal-close::before {
    height: 2px;
    width: 50%
}

.delete::after, .modal-close::after {
    height: 50%;
    width: 2px
}

.delete:focus, .delete:hover, .modal-close:focus, .modal-close:hover {
    background-color: rgba(10, 10, 10, .3)
}

.delete:active, .modal-close:active {
    background-color: rgba(10, 10, 10, .4)
}

.is-small.delete, .is-small.modal-close {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.is-medium.delete, .is-medium.modal-close {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.is-large.delete, .is-large.modal-close {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

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

.hero-video, .image.is-16by9 .has-ratio, .image.is-16by9 img, .image.is-1by1 .has-ratio, .image.is-1by1 img, .image.is-1by2 .has-ratio, .image.is-1by2 img, .image.is-1by3 .has-ratio, .image.is-1by3 img, .image.is-2by1 .has-ratio, .image.is-2by1 img, .image.is-2by3 .has-ratio, .image.is-2by3 img, .image.is-3by1 .has-ratio, .image.is-3by1 img, .image.is-3by2 .has-ratio, .image.is-3by2 img, .image.is-3by4 .has-ratio, .image.is-3by4 img, .image.is-3by5 .has-ratio, .image.is-3by5 img, .image.is-4by3 .has-ratio, .image.is-4by3 img, .image.is-4by5 .has-ratio, .image.is-4by5 img, .image.is-5by3 .has-ratio, .image.is-5by3 img, .image.is-5by4 .has-ratio, .image.is-5by4 img, .image.is-9by16 .has-ratio, .image.is-9by16 img, .image.is-square .has-ratio, .image.is-square img, .is-overlay, .modal, .modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}

blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    margin: 0;
    padding: 0
}

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

ul {
    list-style: none
}

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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

iframe {
    border: 0
}

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

td, th {
    padding: 0
}

td:not([align]), th:not([align]) {
    text-align: inherit
}

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

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

body, button, input, optgroup, select, textarea {
    font-family: Roboto, Helvetica, Tahoma, sans-serif
}

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

body {
    color: #363636;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden;
}

a {
    color: #798ce5;
    cursor: pointer;
    text-decoration: none
}

a strong {
    color: currentColor
}

a:hover {
    color: hsl(0deg, 0%, 21%)
}

code {
    background-color: hsl(0deg, 0%, 96%);
    color: #da1039;
    font-size: .875em;
    font-weight: 400;
    padding: .25em .5em .25em
}

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

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

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

small {
    font-size: .875em
}

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

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

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: hsl(0deg, 0%, 96%);
    color: #363636;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0
}

table td, table th {
    vertical-align: top
}

table td:not([align]), table th:not([align]) {
    text-align: inherit
}

table th {
    color: hsl(0deg, 0%, 21%)
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.box {
    background-color: hsl(0deg, 0%, 100%);
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    color: #363636;
    display: block;
    padding: 1.25rem
}

a.box:focus, a.box:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px #798ce5;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px #798ce5
}

a.box:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #798ce5;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #798ce5
}

.button {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 86%);
    border-width: 1px;
    color: hsl(0deg, 0%, 21%);
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 1px);
    text-align: center;
    white-space: nowrap
}

.button strong {
    color: inherit
}

.button .icon, .button .icon.is-large, .button .icon.is-medium, .button .icon.is-small {
    height: 1.5em;
    width: 1.5em
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-.5em - 1px);
    margin-right: .25em
}

.button .icon:last-child:not(:first-child) {
    margin-left: .25em;
    margin-right: calc(-.5em - 1px)
}

.button .icon:first-child:last-child {
    margin-left: calc(-.5em - 1px);
    margin-right: calc(-.5em - 1px)
}

.button.is-hovered, .button:hover {
    border-color: hsl(0deg, 0%, 71%);
    color: hsl(0deg, 0%, 21%)
}

.button.is-focused, .button:focus {
    border-color: #448aff;
    color: hsl(0deg, 0%, 21%)
}

.button.is-focused:not(:active), .button:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25);
    box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25)
}

.button.is-active, .button:active {
    border-color: hsl(0deg, 0%, 29%);
    color: hsl(0deg, 0%, 21%)
}

.button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #363636;
    text-decoration: underline
}

.button.is-text.is-focused, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text:hover {
    background-color: hsl(0deg, 0%, 96%);
    color: hsl(0deg, 0%, 21%)
}

.button.is-text.is-active, .button.is-text:active {
    background-color: #e8e8e8;
    color: hsl(0deg, 0%, 21%)
}

.button.is-text[disabled], fieldset[disabled] .button.is-text {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-ghost {
    background: 0 0;
    border-color: transparent;
    color: #798ce5;
    text-decoration: none
}

.button.is-ghost.is-hovered, .button.is-ghost:hover {
    color: #798ce5;
    text-decoration: underline
}

.button.is-white {
    background-color: hsl(0deg, 0%, 100%);
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.button.is-white.is-hovered, .button.is-white:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.button.is-white.is-focused, .button.is-white:focus {
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.button.is-white.is-focused:not(:active), .button.is-white:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.button.is-white.is-active, .button.is-white:active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.button.is-white[disabled], fieldset[disabled] .button.is-white {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 100%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-white.is-inverted {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.button.is-white.is-inverted.is-hovered, .button.is-white.is-inverted:hover {
    background-color: #000
}

.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
    background-color: hsl(0deg, 0%, 4%);
    border-color: transparent;
    -webkit-box-shadow: none;
    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.is-focused, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined:hover {
    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.is-loading.is-focused::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important
}

.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 100%);
    -webkit-box-shadow: none;
    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.is-focused, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined:hover {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important
}

.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 4%);
    -webkit-box-shadow: none;
    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.is-hovered, .button.is-black:hover {
    background-color: #040404;
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.button.is-black.is-focused, .button.is-black:focus {
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.button.is-black.is-focused:not(:active), .button.is-black:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);
    box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}

.button.is-black.is-active, .button.is-black:active {
    background-color: #000;
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.button.is-black[disabled], fieldset[disabled] .button.is-black {
    background-color: hsl(0deg, 0%, 4%);
    border-color: hsl(0deg, 0%, 4%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-black.is-inverted {
    background-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.button.is-black.is-inverted.is-hovered, .button.is-black.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
    background-color: hsl(0deg, 0%, 100%);
    border-color: transparent;
    -webkit-box-shadow: none;
    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.is-focused, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined:hover {
    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.is-loading.is-focused::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important
}

.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 4%);
    -webkit-box-shadow: none;
    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.is-focused, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined:hover {
    background-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important
}

.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 100%)
}

.button.is-light {
    background-color: hsl(0deg, 0%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light.is-hovered, .button.is-light:hover {
    background-color: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light.is-focused, .button.is-light:focus {
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light.is-focused:not(:active), .button.is-light:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.button.is-light.is-active, .button.is-light:active {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light[disabled], fieldset[disabled] .button.is-light {
    background-color: hsl(0deg, 0%, 96%);
    border-color: hsl(0deg, 0%, 96%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-light.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    color: hsl(0deg, 0%, 96%)
}

.button.is-light.is-inverted.is-hovered, .button.is-light.is-inverted:hover {
    background-color: rgba(0, 0, 0, .7)
}

.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 96%)
}

.button.is-light.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !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.is-focused, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined:hover {
    background-color: hsl(0deg, 0%, 96%);
    border-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.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.is-loading.is-focused::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading:hover::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 96%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 96%)
}

.button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    color: rgba(0, 0, 0, .7)
}

.button.is-light.is-inverted.is-outlined.is-focused, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined:hover {
    background-color: rgba(0, 0, 0, .7);
    color: hsl(0deg, 0%, 96%)
}

.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important
}

.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .7)
}

.button.is-dark {
    background-color: hsl(0deg, 0%, 21%);
    border-color: transparent;
    color: #fff
}

.button.is-dark.is-hovered, .button.is-dark:hover {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

.button.is-dark.is-focused, .button.is-dark:focus {
    border-color: transparent;
    color: #fff
}

.button.is-dark.is-focused:not(:active), .button.is-dark:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.button.is-dark.is-active, .button.is-dark:active {
    background-color: #292929;
    border-color: transparent;
    color: #fff
}

.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
    background-color: hsl(0deg, 0%, 21%);
    border-color: hsl(0deg, 0%, 21%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-dark.is-inverted {
    background-color: #fff;
    color: hsl(0deg, 0%, 21%)
}

.button.is-dark.is-inverted.is-hovered, .button.is-dark.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 21%)
}

.button.is-dark.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-dark.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 21%);
    color: hsl(0deg, 0%, 21%)
}

.button.is-dark.is-outlined.is-focused, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined:hover {
    background-color: hsl(0deg, 0%, 21%);
    border-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.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.is-loading.is-focused::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 21%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 21%)
}

.button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-dark.is-inverted.is-outlined.is-focused, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: hsl(0deg, 0%, 21%)
}

.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important
}

.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.button.is-primary {
    background-color: #448aff;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-hovered, .button.is-primary:hover {
    background-color: #3782ff;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-focused, .button.is-primary:focus {
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(68, 138, 255, .25);
    box-shadow: 0 0 0 .125em rgba(68, 138, 255, .25)
}

.button.is-primary.is-active, .button.is-primary:active {
    background-color: #2b7aff;
    border-color: transparent;
    color: #fff
}

.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
    background-color: #448aff;
    border-color: #448aff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-primary.is-inverted {
    background-color: #fff;
    color: #448aff
}

.button.is-primary.is-inverted.is-hovered, .button.is-primary.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #448aff
}

.button.is-primary.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #448aff;
    color: #448aff
}

.button.is-primary.is-outlined.is-focused, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined:hover {
    background-color: #448aff;
    border-color: #448aff;
    color: #fff
}

.button.is-primary.is-outlined.is-loading::after {
    border-color: transparent transparent #448aff #448aff !important
}

.button.is-primary.is-outlined.is-loading.is-focused::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #448aff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #448aff
}

.button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-primary.is-inverted.is-outlined.is-focused, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #448aff
}

.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #448aff #448aff !important
}

.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.button.is-primary.is-light {
    background-color: #ebf2ff;
    color: #004ccc
}

.button.is-primary.is-light.is-hovered, .button.is-primary.is-light:hover {
    background-color: #deeaff;
    border-color: transparent;
    color: #004ccc
}

.button.is-primary.is-light.is-active, .button.is-primary.is-light:active {
    background-color: #d1e2ff;
    border-color: transparent;
    color: #004ccc
}

.button.is-link {
    background-color: #798ce5;
    border-color: transparent;
    color: #fff
}

.button.is-link.is-hovered, .button.is-link:hover {
    background-color: #6e83e3;
    border-color: transparent;
    color: #fff
}

.button.is-link.is-focused, .button.is-link:focus {
    border-color: transparent;
    color: #fff
}

.button.is-link.is-focused:not(:active), .button.is-link:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25);
    box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25)
}

.button.is-link.is-active, .button.is-link:active {
    background-color: #647ae1;
    border-color: transparent;
    color: #fff
}

.button.is-link[disabled], fieldset[disabled] .button.is-link {
    background-color: #798ce5;
    border-color: #798ce5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-link.is-inverted {
    background-color: #fff;
    color: #798ce5
}

.button.is-link.is-inverted.is-hovered, .button.is-link.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #798ce5
}

.button.is-link.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-link.is-outlined {
    background-color: transparent;
    border-color: #798ce5;
    color: #798ce5
}

.button.is-link.is-outlined.is-focused, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined:hover {
    background-color: #798ce5;
    border-color: #798ce5;
    color: #fff
}

.button.is-link.is-outlined.is-loading::after {
    border-color: transparent transparent #798ce5 #798ce5 !important
}

.button.is-link.is-outlined.is-loading.is-focused::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
    background-color: transparent;
    border-color: #798ce5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #798ce5
}

.button.is-link.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-link.is-inverted.is-outlined.is-focused, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #798ce5
}

.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #798ce5 #798ce5 !important
}

.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.button.is-link.is-light {
    background-color: #eef0fc;
    color: #2038a7
}

.button.is-link.is-light.is-hovered, .button.is-link.is-light:hover {
    background-color: #e3e7fa;
    border-color: transparent;
    color: #2038a7
}

.button.is-link.is-light.is-active, .button.is-link.is-light:active {
    background-color: #d9def8;
    border-color: transparent;
    color: #2038a7
}

.button.is-info {
    background-color: hsl(233deg, 47%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-info.is-hovered, .button.is-info:hover {
    background-color: #e7e8f6;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-info.is-focused, .button.is-info:focus {
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-info.is-focused:not(:active), .button.is-info:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(240, 241, 250, .25);
    box-shadow: 0 0 0 .125em rgba(240, 241, 250, .25)
}

.button.is-info.is-active, .button.is-info:active {
    background-color: #dde0f3;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-info[disabled], fieldset[disabled] .button.is-info {
    background-color: hsl(233deg, 47%, 96%);
    border-color: hsl(233deg, 47%, 96%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-info.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    color: hsl(233deg, 47%, 96%)
}

.button.is-info.is-inverted.is-hovered, .button.is-info.is-inverted:hover {
    background-color: rgba(0, 0, 0, .7)
}

.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(233deg, 47%, 96%)
}

.button.is-info.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-info.is-outlined {
    background-color: transparent;
    border-color: hsl(233deg, 47%, 96%);
    color: hsl(233deg, 47%, 96%)
}

.button.is-info.is-outlined.is-focused, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined:hover {
    background-color: hsl(233deg, 47%, 96%);
    border-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.button.is-info.is-outlined.is-loading::after {
    border-color: transparent transparent hsl(233deg, 47%, 96%) hsl(233deg, 47%, 96%) !important
}

.button.is-info.is-outlined.is-loading.is-focused::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading:hover::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
    background-color: transparent;
    border-color: hsl(233deg, 47%, 96%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(233deg, 47%, 96%)
}

.button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    color: rgba(0, 0, 0, .7)
}

.button.is-info.is-inverted.is-outlined.is-focused, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined:hover {
    background-color: rgba(0, 0, 0, .7);
    color: hsl(233deg, 47%, 96%)
}

.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(233deg, 47%, 96%) hsl(233deg, 47%, 96%) !important
}

.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .7)
}

.button.is-info.is-light {
    background-color: #f0f1fa;
    color: #272f6d
}

.button.is-info.is-light.is-hovered, .button.is-info.is-light:hover {
    background-color: #e7e8f6;
    border-color: transparent;
    color: #272f6d
}

.button.is-info.is-light.is-active, .button.is-info.is-light:active {
    background-color: #dde0f3;
    border-color: transparent;
    color: #272f6d
}

.button.is-success {
    background-color: hsl(153deg, 53%, 53%);
    border-color: transparent;
    color: #fff
}

.button.is-success.is-hovered, .button.is-success:hover {
    background-color: #3ec487;
    border-color: transparent;
    color: #fff
}

.button.is-success.is-focused, .button.is-success:focus {
    border-color: transparent;
    color: #fff
}

.button.is-success.is-focused:not(:active), .button.is-success:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25);
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.button.is-success.is-active, .button.is-success:active {
    background-color: #3abb81;
    border-color: transparent;
    color: #fff
}

.button.is-success[disabled], fieldset[disabled] .button.is-success {
    background-color: hsl(153deg, 53%, 53%);
    border-color: hsl(153deg, 53%, 53%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-success.is-inverted {
    background-color: #fff;
    color: hsl(153deg, 53%, 53%)
}

.button.is-success.is-inverted.is-hovered, .button.is-success.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(153deg, 53%, 53%)
}

.button.is-success.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-outlined {
    background-color: transparent;
    border-color: hsl(153deg, 53%, 53%);
    color: hsl(153deg, 53%, 53%)
}

.button.is-success.is-outlined.is-focused, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined:hover {
    background-color: hsl(153deg, 53%, 53%);
    border-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.button.is-success.is-outlined.is-loading::after {
    border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important
}

.button.is-success.is-outlined.is-loading.is-focused::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
    background-color: transparent;
    border-color: hsl(153deg, 53%, 53%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(153deg, 53%, 53%)
}

.button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-success.is-inverted.is-outlined.is-focused, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: hsl(153deg, 53%, 53%)
}

.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important
}

.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.button.is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.button.is-success.is-light.is-hovered, .button.is-success.is-light:hover {
    background-color: #e6f7ef;
    border-color: transparent;
    color: #257953
}

.button.is-success.is-light.is-active, .button.is-success.is-light:active {
    background-color: #dcf4e9;
    border-color: transparent;
    color: #257953
}

.button.is-warning {
    background-color: hsl(44deg, 100%, 77%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-hovered, .button.is-warning:hover {
    background-color: #ffdc7d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-focused, .button.is-warning:focus {
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-focused:not(:active), .button.is-warning:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.button.is-warning.is-active, .button.is-warning:active {
    background-color: #ffd970;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
    background-color: hsl(44deg, 100%, 77%);
    border-color: hsl(44deg, 100%, 77%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-warning.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    color: hsl(44deg, 100%, 77%)
}

.button.is-warning.is-inverted.is-hovered, .button.is-warning.is-inverted:hover {
    background-color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(44deg, 100%, 77%)
}

.button.is-warning.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-warning.is-outlined {
    background-color: transparent;
    border-color: hsl(44deg, 100%, 77%);
    color: hsl(44deg, 100%, 77%)
}

.button.is-warning.is-outlined.is-focused, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined:hover {
    background-color: hsl(44deg, 100%, 77%);
    border-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-outlined.is-loading::after {
    border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important
}

.button.is-warning.is-outlined.is-loading.is-focused::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading:hover::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
    background-color: transparent;
    border-color: hsl(44deg, 100%, 77%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(44deg, 100%, 77%)
}

.button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-inverted.is-outlined.is-focused, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined:hover {
    background-color: rgba(0, 0, 0, .7);
    color: hsl(44deg, 100%, 77%)
}

.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important
}

.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.button.is-warning.is-light.is-hovered, .button.is-warning.is-light:hover {
    background-color: #fff6de;
    border-color: transparent;
    color: #946c00
}

.button.is-warning.is-light.is-active, .button.is-warning.is-light:active {
    background-color: #fff3d1;
    border-color: transparent;
    color: #946c00
}

.button.is-danger {
    background-color: hsl(348deg, 86%, 61%);
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-hovered, .button.is-danger:hover {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-focused, .button.is-danger:focus {
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-focused:not(:active), .button.is-danger:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25);
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.button.is-danger.is-active, .button.is-danger:active {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff
}

.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
    background-color: hsl(348deg, 86%, 61%);
    border-color: hsl(348deg, 86%, 61%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-danger.is-inverted {
    background-color: #fff;
    color: hsl(348deg, 86%, 61%)
}

.button.is-danger.is-inverted.is-hovered, .button.is-danger.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(348deg, 86%, 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(348deg, 86%, 61%);
    color: hsl(348deg, 86%, 61%)
}

.button.is-danger.is-outlined.is-focused, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined:hover {
    background-color: hsl(348deg, 86%, 61%);
    border-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.button.is-danger.is-outlined.is-loading::after {
    border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important
}

.button.is-danger.is-outlined.is-loading.is-focused::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
    background-color: transparent;
    border-color: hsl(348deg, 86%, 61%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(348deg, 86%, 61%)
}

.button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-danger.is-inverted.is-outlined.is-focused, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: hsl(348deg, 86%, 61%)
}

.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important
}

.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.button.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.button.is-danger.is-light.is-hovered, .button.is-danger.is-light:hover {
    background-color: #fde0e6;
    border-color: transparent;
    color: #cc0f35
}

.button.is-danger.is-light.is-active, .button.is-danger.is-light:active {
    background-color: #fcd4dc;
    border-color: transparent;
    color: #cc0f35
}

.button.is-small {
    font-size: .75rem
}

.button.is-small:not(.is-rounded) {
    border-radius: 2px
}

.button.is-normal {
    font-size: 1rem
}

.button.is-medium {
    font-size: 1.25rem
}

.button.is-large {
    font-size: 1.5rem
}

.button[disabled], fieldset[disabled] .button {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 86%);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5
}

.button.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.button.is-loading {
    color: transparent !important;
    pointer-events: none
}

.button.is-loading::after {
    position: absolute;
    left: calc(50% - (1em * .5));
    top: calc(50% - (1em * .5));
    position: absolute !important
}

.button.is-static {
    background-color: hsl(0deg, 0%, 96%);
    border-color: hsl(0deg, 0%, 86%);
    color: hsl(0deg, 0%, 48%);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.button.is-rounded {
    border-radius: 9999px;
    padding-left: calc(1em + .25em);
    padding-right: calc(1em + .25em)
}

.buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.buttons .button {
    margin-bottom: .5rem
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: .5rem
}

.buttons:last-child {
    margin-bottom: -.5rem
}

.buttons:not(:last-child) {
    margin-bottom: 1rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    font-size: .75rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
    border-radius: 2px
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem
}

.buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px
}

.buttons.has-addons .button:last-child {
    margin-right: 0
}

.buttons.has-addons .button.is-hovered, .buttons.has-addons .button:hover {
    z-index: 2
}

.buttons.has-addons .button.is-active, .buttons.has-addons .button.is-focused, .buttons.has-addons .button.is-selected, .buttons.has-addons .button:active, .buttons.has-addons .button:focus {
    z-index: 3
}

.buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button:focus:hover {
    z-index: 4
}

.buttons.has-addons .button.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.buttons.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.buttons.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

@media screen and (max-width: 768px) {
    .button.is-responsive.is-small {
        font-size: .5625rem
    }

    .button.is-responsive, .button.is-responsive.is-normal {
        font-size: .65625rem
    }

    .button.is-responsive.is-medium {
        font-size: .75rem
    }

    .button.is-responsive.is-large {
        font-size: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .button.is-responsive.is-small {
        font-size: .65625rem
    }

    .button.is-responsive, .button.is-responsive.is-normal {
        font-size: .75rem
    }

    .button.is-responsive.is-medium {
        font-size: 1rem
    }

    .button.is-responsive.is-large {
        font-size: 1.25rem
    }
}

.container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

.container.is-fluid {
    max-width: none !important;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li + li {
    margin-top: .25em
}

.content blockquote:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: hsl(0deg, 0%, 21%);
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: hsl(0deg, 0%, 96%);
    border-left: 5px solid hsl(0deg, 0%, 86%);
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ol:not([type]) {
    list-style-type: decimal
}

.content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha
}

.content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman
}

.content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha
}

.content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}

.content figure img {
    display: inline-block
}

.content figure figcaption {
    font-style: italic
}

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sub, .content sup {
    font-size: 75%
}

.content table {
    width: 100%
}

.content table td, .content table th {
    border: 1px solid hsl(0deg, 0%, 86%);
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.content table th {
    color: hsl(0deg, 0%, 21%)
}

.content table th:not([align]) {
    text-align: inherit
}

.content table thead td, .content table thead th {
    border-width: 0 0 2px;
    color: hsl(0deg, 0%, 21%)
}

.content table tfoot td, .content table tfoot th {
    border-width: 2px 0 0;
    color: hsl(0deg, 0%, 21%)
}

.content table tbody tr:last-child td, .content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content .tabs li + li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-normal {
    font-size: 1rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

.icon.is-small {
    height: 1rem;
    width: 1rem
}

.icon.is-medium {
    height: 2rem;
    width: 2rem
}

.icon.is-large {
    height: 3rem;
    width: 3rem
}

.icon-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

.icon-text .icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.icon-text .icon:not(:last-child) {
    margin-right: .25em
}

.icon-text .icon:not(:first-child) {
    margin-left: .25em
}

div.icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.image img.is-rounded {
    border-radius: 9999px
}

.image.is-fullwidth {
    width: 100%
}

.image.is-16by9 .has-ratio, .image.is-16by9 img, .image.is-1by1 .has-ratio, .image.is-1by1 img, .image.is-1by2 .has-ratio, .image.is-1by2 img, .image.is-1by3 .has-ratio, .image.is-1by3 img, .image.is-2by1 .has-ratio, .image.is-2by1 img, .image.is-2by3 .has-ratio, .image.is-2by3 img, .image.is-3by1 .has-ratio, .image.is-3by1 img, .image.is-3by2 .has-ratio, .image.is-3by2 img, .image.is-3by4 .has-ratio, .image.is-3by4 img, .image.is-3by5 .has-ratio, .image.is-3by5 img, .image.is-4by3 .has-ratio, .image.is-4by3 img, .image.is-4by5 .has-ratio, .image.is-4by5 img, .image.is-5by3 .has-ratio, .image.is-5by3 img, .image.is-5by4 .has-ratio, .image.is-5by4 img, .image.is-9by16 .has-ratio, .image.is-9by16 img, .image.is-square .has-ratio, .image.is-square img {
    height: 100%;
    width: 100%
}

.image.is-1by1, .image.is-square {
    padding-top: 100%
}

.image.is-5by4 {
    padding-top: 80%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-5by3 {
    padding-top: 60%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-3by1 {
    padding-top: 33.3333%
}

.image.is-4by5 {
    padding-top: 125%
}

.image.is-3by4 {
    padding-top: 133.3333%
}

.image.is-2by3 {
    padding-top: 150%
}

.image.is-3by5 {
    padding-top: 166.6666%
}

.image.is-9by16 {
    padding-top: 177.7777%
}

.image.is-1by2 {
    padding-top: 200%
}

.image.is-1by3 {
    padding-top: 300%
}

.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
}

.notification {
    background-color: hsl(0deg, 0%, 96%);
    border-radius: .5rem;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

.notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.notification strong {
    color: currentColor
}

.notification code, .notification pre {
    background: hsl(0deg, 0%, 100%)
}

.notification pre code {
    background: 0 0
}

.notification > .delete {
    right: .5rem;
    position: absolute;
    top: .5rem
}

.notification .content, .notification .subtitle, .notification .title {
    color: currentColor
}

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

.notification.is-black {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.notification.is-light {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.notification.is-dark {
    background-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.notification.is-primary {
    background-color: #448aff;
    color: #fff
}

.notification.is-primary.is-light {
    background-color: #ebf2ff;
    color: #004ccc
}

.notification.is-link {
    background-color: #798ce5;
    color: #fff
}

.notification.is-link.is-light {
    background-color: #eef0fc;
    color: #2038a7
}

.notification.is-info {
    background-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.notification.is-info.is-light {
    background-color: #f0f1fa;
    color: #272f6d
}

.notification.is-success {
    background-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.notification.is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.notification.is-warning {
    background-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.notification.is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.notification.is-danger {
    background-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.notification.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.progress::-webkit-progress-bar {
    background-color: hsl(0deg, 0%, 93%)
}

.progress::-webkit-progress-value {
    background-color: #363636
}

.progress::-moz-progress-bar {
    background-color: #363636
}

.progress::-ms-fill {
    background-color: #363636;
    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-white:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0deg, 0%, 100%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(0deg, 0%, 100%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(0deg, 0%, 100%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.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-black:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0deg, 0%, 4%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(0deg, 0%, 4%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(0deg, 0%, 4%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.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-light:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0deg, 0%, 96%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(0deg, 0%, 96%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(0deg, 0%, 96%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.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-dark:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(0deg, 0%, 21%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(0deg, 0%, 21%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(0deg, 0%, 21%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress.is-primary::-webkit-progress-value {
    background-color: #448aff
}

.progress.is-primary::-moz-progress-bar {
    background-color: #448aff
}

.progress.is-primary::-ms-fill {
    background-color: #448aff
}

.progress.is-primary:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #448aff), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, #448aff 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, #448aff 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress.is-link::-webkit-progress-value {
    background-color: #798ce5
}

.progress.is-link::-moz-progress-bar {
    background-color: #798ce5
}

.progress.is-link::-ms-fill {
    background-color: #798ce5
}

.progress.is-link:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #798ce5), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, #798ce5 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, #798ce5 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress.is-info::-webkit-progress-value {
    background-color: hsl(233deg, 47%, 96%)
}

.progress.is-info::-moz-progress-bar {
    background-color: hsl(233deg, 47%, 96%)
}

.progress.is-info::-ms-fill {
    background-color: hsl(233deg, 47%, 96%)
}

.progress.is-info:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(233deg, 47%, 96%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(233deg, 47%, 96%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(233deg, 47%, 96%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress.is-success::-webkit-progress-value {
    background-color: hsl(153deg, 53%, 53%)
}

.progress.is-success::-moz-progress-bar {
    background-color: hsl(153deg, 53%, 53%)
}

.progress.is-success::-ms-fill {
    background-color: hsl(153deg, 53%, 53%)
}

.progress.is-success:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(153deg, 53%, 53%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(153deg, 53%, 53%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(153deg, 53%, 53%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress.is-warning::-webkit-progress-value {
    background-color: hsl(44deg, 100%, 77%)
}

.progress.is-warning::-moz-progress-bar {
    background-color: hsl(44deg, 100%, 77%)
}

.progress.is-warning::-ms-fill {
    background-color: hsl(44deg, 100%, 77%)
}

.progress.is-warning:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(44deg, 100%, 77%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(44deg, 100%, 77%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(44deg, 100%, 77%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress.is-danger::-webkit-progress-value {
    background-color: hsl(348deg, 86%, 61%)
}

.progress.is-danger::-moz-progress-bar {
    background-color: hsl(348deg, 86%, 61%)
}

.progress.is-danger::-ms-fill {
    background-color: hsl(348deg, 86%, 61%)
}

.progress.is-danger:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsl(348deg, 86%, 61%)), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, hsl(348deg, 86%, 61%) 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, hsl(348deg, 86%, 61%) 30%, hsl(0deg, 0%, 93%) 30%)
}

.progress:indeterminate {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moveIndeterminate;
    animation-name: moveIndeterminate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: hsl(0deg, 0%, 93%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, hsl(0deg, 0%, 93%)));
    background-image: -o-linear-gradient(left, #363636 30%, hsl(0deg, 0%, 93%) 30%);
    background-image: linear-gradient(to right, #363636 30%, hsl(0deg, 0%, 93%) 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-moz-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-ms-fill {
    animation-name: none
}

.progress.is-small {
    height: .75rem
}

.progress.is-medium {
    height: 1.25rem
}

.progress.is-large {
    height: 1.5rem
}

@-webkit-keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

@keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

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

.table td, .table th {
    border: 1px solid hsl(0deg, 0%, 86%);
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.table td.is-white, .table th.is-white {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.table td.is-black, .table th.is-black {
    background-color: hsl(0deg, 0%, 4%);
    border-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.table td.is-light, .table th.is-light {
    background-color: hsl(0deg, 0%, 96%);
    border-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.table td.is-dark, .table th.is-dark {
    background-color: hsl(0deg, 0%, 21%);
    border-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.table td.is-primary, .table th.is-primary {
    background-color: #448aff;
    border-color: #448aff;
    color: #fff
}

.table td.is-link, .table th.is-link {
    background-color: #798ce5;
    border-color: #798ce5;
    color: #fff
}

.table td.is-info, .table th.is-info {
    background-color: hsl(233deg, 47%, 96%);
    border-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.table td.is-success, .table th.is-success {
    background-color: hsl(153deg, 53%, 53%);
    border-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.table td.is-warning, .table th.is-warning {
    background-color: hsl(44deg, 100%, 77%);
    border-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.table td.is-danger, .table th.is-danger {
    background-color: hsl(348deg, 86%, 61%);
    border-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.table td.is-narrow, .table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table td.is-selected, .table th.is-selected {
    background-color: #448aff;
    color: #fff
}

.table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong {
    color: currentColor
}

.table td.is-vcentered, .table th.is-vcentered {
    vertical-align: middle
}

.table th {
    color: hsl(0deg, 0%, 21%)
}

.table th:not([align]) {
    text-align: left
}

.table tr.is-selected {
    background-color: #448aff;
    color: #fff
}

.table tr.is-selected a, .table tr.is-selected strong {
    color: currentColor
}

.table tr.is-selected td, .table tr.is-selected th {
    border-color: #fff;
    color: currentColor
}

.table thead {
    background-color: transparent
}

.table thead td, .table thead th {
    border-width: 0 0 2px;
    color: hsl(0deg, 0%, 21%)
}

.table tfoot {
    background-color: transparent
}

.table tfoot td, .table tfoot th {
    border-width: 2px 0 0;
    color: hsl(0deg, 0%, 21%)
}

.table tbody {
    background-color: transparent
}

.table tbody tr:last-child td, .table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td, .table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fbfbfd
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fbfbfd
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
    background-color: hsl(0deg, 0%, 96%)
}

.table.is-narrow td, .table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: #fbfbfd
}

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

.tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tags .tag {
    margin-bottom: .5rem
}

.tags .tag:not(:last-child) {
    margin-right: .5rem
}

.tags:last-child {
    margin-bottom: -.5rem
}

.tags:not(:last-child) {
    margin-bottom: 1rem
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem
}

.tags.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tags.is-centered .tag {
    margin-right: .25rem;
    margin-left: .25rem
}

.tags.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
    margin-left: .5rem
}

.tags.is-right .tag:not(:last-child) {
    margin-right: 0
}

.tags.has-addons .tag {
    margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsl(0deg, 0%, 96%);
    border-radius: .5rem;
    color: #363636;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.tag:not(body) .delete {
    margin-left: .25rem;
    margin-right: -.375rem
}

.tag:not(body).is-white {
    background-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.tag:not(body).is-black {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.tag:not(body).is-light {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-dark {
    background-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.tag:not(body).is-primary {
    background-color: #448aff;
    color: #fff
}

.tag:not(body).is-primary.is-light {
    background-color: #ebf2ff;
    color: #004ccc
}

.tag:not(body).is-link {
    background-color: #798ce5;
    color: #fff
}

.tag:not(body).is-link.is-light {
    background-color: #eef0fc;
    color: #2038a7
}

.tag:not(body).is-info {
    background-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-info.is-light {
    background-color: #f0f1fa;
    color: #272f6d
}

.tag:not(body).is-success {
    background-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.tag:not(body).is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.tag:not(body).is-warning {
    background-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.tag:not(body).is-danger {
    background-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.tag:not(body).is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.tag:not(body).is-normal {
    font-size: .75rem
}

.tag:not(body).is-medium {
    font-size: 1rem
}

.tag:not(body).is-large {
    font-size: 1.25rem
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -.375em;
    margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -.375em;
    margin-right: -.375em
}

.tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em
}

.tag:not(body).is-delete::after, .tag:not(body).is-delete::before {
    background-color: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.tag:not(body).is-delete::before {
    height: 1px;
    width: 50%
}

.tag:not(body).is-delete::after {
    height: 50%;
    width: 1px
}

.tag:not(body).is-delete:focus, .tag:not(body).is-delete:hover {
    background-color: #e8e8e8
}

.tag:not(body).is-delete:active {
    background-color: #dbdbdb
}

.tag:not(body).is-rounded {
    border-radius: 9999px
}

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

.subtitle, .title {
    word-break: break-word
}

.subtitle em, .subtitle span, .title em, .title span {
    font-weight: inherit
}

.subtitle sub, .title sub {
    font-size: .75em
}

.subtitle sup, .title sup {
    font-size: .75em
}

.subtitle .tag, .title .tag {
    vertical-align: middle
}

.title {
    color: hsl(0deg, 0%, 21%);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    color: inherit;
    font-weight: inherit
}

.title:not(.is-spaced) + .subtitle {
    margin-top: -1.25rem
}

.title.is-1 {
    font-size: 3rem
}

.title.is-2 {
    font-size: 2.5rem
}

.title.is-3 {
    font-size: 2rem
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-5 {
    font-size: 1.25rem
}

.title.is-6 {
    font-size: 1rem
}

.title.is-7 {
    font-size: .75rem
}

.subtitle {
    color: #363636;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

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

.subtitle:not(.is-spaced) + .title {
    margin-top: -1.25rem
}

.subtitle.is-1 {
    font-size: 3rem
}

.subtitle.is-2 {
    font-size: 2.5rem
}

.subtitle.is-3 {
    font-size: 2rem
}

.subtitle.is-4 {
    font-size: 1.5rem
}

.subtitle.is-5 {
    font-size: 1.25rem
}

.subtitle.is-6 {
    font-size: 1rem
}

.subtitle.is-7 {
    font-size: .75rem
}

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsl(0deg, 0%, 96%);
    border-radius: 9999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.input, .select select, .textarea {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 86%);
    border-radius: .5rem;
    color: hsl(0deg, 0%, 21%)
}

.input::-moz-placeholder, .select select::-moz-placeholder, .textarea::-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input::-webkit-input-placeholder, .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:-moz-placeholder, .select select:-moz-placeholder, .textarea:-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:-ms-input-placeholder, .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover {
    border-color: hsl(0deg, 0%, 71%)
}

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: #798ce5;
    -webkit-box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25);
    box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25)
}

.select fieldset[disabled] select, .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .input, fieldset[disabled] .select select, fieldset[disabled] .textarea {
    background-color: hsl(0deg, 0%, 96%);
    border-color: hsl(0deg, 0%, 96%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 48%)
}

.select fieldset[disabled] select::-moz-placeholder, .select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
    color: rgba(122, 122, 122, .3)
}

.select fieldset[disabled] select::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
    color: rgba(122, 122, 122, .3)
}

.select fieldset[disabled] select:-moz-placeholder, .select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
    color: rgba(122, 122, 122, .3)
}

.select fieldset[disabled] select:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
    color: rgba(122, 122, 122, .3)
}

.input, .textarea {
    -webkit-box-shadow: inset 0 .0625em .125em rgba(10, 10, 10, .05);
    box-shadow: inset 0 .0625em .125em rgba(10, 10, 10, .05);
    max-width: 100%;
    width: 100%
}

[readonly].input, [readonly].textarea {
    -webkit-box-shadow: none;
    box-shadow: none
}

.is-white.input, .is-white.textarea {
    border-color: hsl(0deg, 0%, 100%)
}

.is-white.input:active, .is-white.input:focus, .is-white.is-active.input, .is-white.is-active.textarea, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.textarea:active, .is-white.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.is-black.input, .is-black.textarea {
    border-color: hsl(0deg, 0%, 4%)
}

.is-black.input:active, .is-black.input:focus, .is-black.is-active.input, .is-black.is-active.textarea, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.textarea:active, .is-black.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);
    box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}

.is-light.input, .is-light.textarea {
    border-color: hsl(0deg, 0%, 96%)
}

.is-light.input:active, .is-light.input:focus, .is-light.is-active.input, .is-light.is-active.textarea, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.textarea:active, .is-light.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.is-dark.input, .is-dark.textarea {
    border-color: hsl(0deg, 0%, 21%)
}

.is-dark.input:active, .is-dark.input:focus, .is-dark.is-active.input, .is-dark.is-active.textarea, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.textarea:active, .is-dark.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.is-primary.input, .is-primary.textarea {
    border-color: #448aff
}

.is-primary.input:active, .is-primary.input:focus, .is-primary.is-active.input, .is-primary.is-active.textarea, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.textarea:active, .is-primary.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(68, 138, 255, .25);
    box-shadow: 0 0 0 .125em rgba(68, 138, 255, .25)
}

.is-link.input, .is-link.textarea {
    border-color: #798ce5
}

.is-link.input:active, .is-link.input:focus, .is-link.is-active.input, .is-link.is-active.textarea, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.textarea:active, .is-link.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25);
    box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25)
}

.is-info.input, .is-info.textarea {
    border-color: hsl(233deg, 47%, 96%)
}

.is-info.input:active, .is-info.input:focus, .is-info.is-active.input, .is-info.is-active.textarea, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.textarea:active, .is-info.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(240, 241, 250, .25);
    box-shadow: 0 0 0 .125em rgba(240, 241, 250, .25)
}

.is-success.input, .is-success.textarea {
    border-color: hsl(153deg, 53%, 53%)
}

.is-success.input:active, .is-success.input:focus, .is-success.is-active.input, .is-success.is-active.textarea, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.textarea:active, .is-success.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25);
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.is-warning.input, .is-warning.textarea {
    border-color: hsl(44deg, 100%, 77%)
}

.is-warning.input:active, .is-warning.input:focus, .is-warning.is-active.input, .is-warning.is-active.textarea, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.textarea:active, .is-warning.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.is-danger.input, .is-danger.textarea {
    border-color: hsl(348deg, 86%, 61%)
}

.is-danger.input:active, .is-danger.input:focus, .is-danger.is-active.input, .is-danger.is-active.textarea, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.textarea:active, .is-danger.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25);
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.is-small.input, .is-small.textarea {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.input, .is-medium.textarea {
    font-size: 1.25rem
}

.is-large.input, .is-large.textarea {
    font-size: 1.5rem
}

.is-fullwidth.input, .is-fullwidth.textarea {
    display: block;
    width: 100%
}

.is-inline.input, .is-inline.textarea {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(calc(.75em - 1px) + .375em);
    padding-right: calc(calc(.75em - 1px) + .375em)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(.75em - 1px);
    resize: vertical
}

.textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em
}

.textarea[rows] {
    height: initial
}

.textarea.has-fixed-size {
    resize: none
}

.checkbox, .radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

.checkbox input, .radio input {
    cursor: pointer
}

.checkbox:hover, .radio:hover {
    color: hsl(0deg, 0%, 21%)
}

.checkbox input[disabled], .radio input[disabled], [disabled].checkbox, [disabled].radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio {
    color: hsl(0deg, 0%, 48%);
    cursor: not-allowed
}

.radio + .radio {
    margin-left: .5em
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.select:not(.is-multiple) {
    height: 2.5em
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #798ce5;
    right: 1.125em;
    z-index: 4
}

.select.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: 0
}

.select select::-ms-expand {
    display: none
}

.select select[disabled]:hover, fieldset[disabled] .select select:hover {
    border-color: hsl(0deg, 0%, 96%)
}

.select select:not([multiple]) {
    padding-right: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: hsl(0deg, 0%, 21%)
}

.select.is-white:not(:hover)::after {
    border-color: hsl(0deg, 0%, 100%)
}

.select.is-white select {
    border-color: hsl(0deg, 0%, 100%)
}

.select.is-white select.is-hovered, .select.is-white select:hover {
    border-color: #f2f2f2
}

.select.is-white select.is-active, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.select.is-black:not(:hover)::after {
    border-color: hsl(0deg, 0%, 4%)
}

.select.is-black select {
    border-color: hsl(0deg, 0%, 4%)
}

.select.is-black select.is-hovered, .select.is-black select:hover {
    border-color: #000
}

.select.is-black select.is-active, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);
    box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}

.select.is-light:not(:hover)::after {
    border-color: hsl(0deg, 0%, 96%)
}

.select.is-light select {
    border-color: hsl(0deg, 0%, 96%)
}

.select.is-light select.is-hovered, .select.is-light select:hover {
    border-color: #e8e8e8
}

.select.is-light select.is-active, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.select.is-dark:not(:hover)::after {
    border-color: hsl(0deg, 0%, 21%)
}

.select.is-dark select {
    border-color: hsl(0deg, 0%, 21%)
}

.select.is-dark select.is-hovered, .select.is-dark select:hover {
    border-color: #292929
}

.select.is-dark select.is-active, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.select.is-primary:not(:hover)::after {
    border-color: #448aff
}

.select.is-primary select {
    border-color: #448aff
}

.select.is-primary select.is-hovered, .select.is-primary select:hover {
    border-color: #2b7aff
}

.select.is-primary select.is-active, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(68, 138, 255, .25);
    box-shadow: 0 0 0 .125em rgba(68, 138, 255, .25)
}

.select.is-link:not(:hover)::after {
    border-color: #798ce5
}

.select.is-link select {
    border-color: #798ce5
}

.select.is-link select.is-hovered, .select.is-link select:hover {
    border-color: #647ae1
}

.select.is-link select.is-active, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25);
    box-shadow: 0 0 0 .125em rgba(121, 140, 229, .25)
}

.select.is-info:not(:hover)::after {
    border-color: hsl(233deg, 47%, 96%)
}

.select.is-info select {
    border-color: hsl(233deg, 47%, 96%)
}

.select.is-info select.is-hovered, .select.is-info select:hover {
    border-color: #dde0f3
}

.select.is-info select.is-active, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(240, 241, 250, .25);
    box-shadow: 0 0 0 .125em rgba(240, 241, 250, .25)
}

.select.is-success:not(:hover)::after {
    border-color: hsl(153deg, 53%, 53%)
}

.select.is-success select {
    border-color: hsl(153deg, 53%, 53%)
}

.select.is-success select.is-hovered, .select.is-success select:hover {
    border-color: #3abb81
}

.select.is-success select.is-active, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25);
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.select.is-warning:not(:hover)::after {
    border-color: hsl(44deg, 100%, 77%)
}

.select.is-warning select {
    border-color: hsl(44deg, 100%, 77%)
}

.select.is-warning select.is-hovered, .select.is-warning select:hover {
    border-color: #ffd970
}

.select.is-warning select.is-active, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.select.is-danger:not(:hover)::after {
    border-color: hsl(348deg, 86%, 61%)
}

.select.is-danger select {
    border-color: hsl(348deg, 86%, 61%)
}

.select.is-danger select.is-hovered, .select.is-danger select:hover {
    border-color: #ef2e55
}

.select.is-danger select.is-active, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25);
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.select.is-medium {
    font-size: 1.25rem
}

.select.is-large {
    font-size: 1.5rem
}

.select.is-disabled::after {
    border-color: hsl(0deg, 0%, 48%) !important;
    opacity: .5
}

.select.is-fullwidth {
    width: 100%
}

.select.is-fullwidth select {
    width: 100%
}

.select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: .625em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: .75rem
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem
}

.select.is-loading.is-large:after {
    font-size: 1.5rem
}

.file {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.file.is-white .file-cta {
    background-color: hsl(0deg, 0%, 100%);
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.file.is-white.is-hovered .file-cta, .file.is-white:hover .file-cta {
    background-color: #f9f9f9;
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.file.is-white.is-focused .file-cta, .file.is-white:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
    box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
    color: hsl(0deg, 0%, 4%)
}

.file.is-white.is-active .file-cta, .file.is-white:active .file-cta {
    background-color: #f2f2f2;
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.file.is-black .file-cta {
    background-color: hsl(0deg, 0%, 4%);
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.file.is-black.is-hovered .file-cta, .file.is-black:hover .file-cta {
    background-color: #040404;
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.file.is-black.is-focused .file-cta, .file.is-black:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
    box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
    color: hsl(0deg, 0%, 100%)
}

.file.is-black.is-active .file-cta, .file.is-black:active .file-cta {
    background-color: #000;
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.file.is-light .file-cta {
    background-color: hsl(0deg, 0%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-hovered .file-cta, .file.is-light:hover .file-cta {
    background-color: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-focused .file-cta, .file.is-light:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
    box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-active .file-cta, .file.is-light:active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-dark .file-cta {
    background-color: hsl(0deg, 0%, 21%);
    border-color: transparent;
    color: #fff
}

.file.is-dark.is-hovered .file-cta, .file.is-dark:hover .file-cta {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

.file.is-dark.is-focused .file-cta, .file.is-dark:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    color: #fff
}

.file.is-dark.is-active .file-cta, .file.is-dark:active .file-cta {
    background-color: #292929;
    border-color: transparent;
    color: #fff
}

.file.is-primary .file-cta {
    background-color: #448aff;
    border-color: transparent;
    color: #fff
}

.file.is-primary.is-hovered .file-cta, .file.is-primary:hover .file-cta {
    background-color: #3782ff;
    border-color: transparent;
    color: #fff
}

.file.is-primary.is-focused .file-cta, .file.is-primary:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(68, 138, 255, .25);
    box-shadow: 0 0 .5em rgba(68, 138, 255, .25);
    color: #fff
}

.file.is-primary.is-active .file-cta, .file.is-primary:active .file-cta {
    background-color: #2b7aff;
    border-color: transparent;
    color: #fff
}

.file.is-link .file-cta {
    background-color: #798ce5;
    border-color: transparent;
    color: #fff
}

.file.is-link.is-hovered .file-cta, .file.is-link:hover .file-cta {
    background-color: #6e83e3;
    border-color: transparent;
    color: #fff
}

.file.is-link.is-focused .file-cta, .file.is-link:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(121, 140, 229, .25);
    box-shadow: 0 0 .5em rgba(121, 140, 229, .25);
    color: #fff
}

.file.is-link.is-active .file-cta, .file.is-link:active .file-cta {
    background-color: #647ae1;
    border-color: transparent;
    color: #fff
}

.file.is-info .file-cta {
    background-color: hsl(233deg, 47%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-info.is-hovered .file-cta, .file.is-info:hover .file-cta {
    background-color: #e7e8f6;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-info.is-focused .file-cta, .file.is-info:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(240, 241, 250, .25);
    box-shadow: 0 0 .5em rgba(240, 241, 250, .25);
    color: rgba(0, 0, 0, .7)
}

.file.is-info.is-active .file-cta, .file.is-info:active .file-cta {
    background-color: #dde0f3;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-success .file-cta {
    background-color: hsl(153deg, 53%, 53%);
    border-color: transparent;
    color: #fff
}

.file.is-success.is-hovered .file-cta, .file.is-success:hover .file-cta {
    background-color: #3ec487;
    border-color: transparent;
    color: #fff
}

.file.is-success.is-focused .file-cta, .file.is-success:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    color: #fff
}

.file.is-success.is-active .file-cta, .file.is-success:active .file-cta {
    background-color: #3abb81;
    border-color: transparent;
    color: #fff
}

.file.is-warning .file-cta {
    background-color: hsl(44deg, 100%, 77%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-hovered .file-cta, .file.is-warning:hover .file-cta {
    background-color: #ffdc7d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-focused .file-cta, .file.is-warning:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-active .file-cta, .file.is-warning:active .file-cta {
    background-color: #ffd970;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-danger .file-cta {
    background-color: hsl(348deg, 86%, 61%);
    border-color: transparent;
    color: #fff
}

.file.is-danger.is-hovered .file-cta, .file.is-danger:hover .file-cta {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff
}

.file.is-danger.is-focused .file-cta, .file.is-danger:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
    box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
    color: #fff
}

.file.is-danger.is-active .file-cta, .file.is-danger:active .file-cta {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff
}

.file.is-small {
    font-size: .75rem
}

.file.is-normal {
    font-size: 1rem
}

.file.is-medium {
    font-size: 1.25rem
}

.file.is-medium .file-icon .fa {
    font-size: 21px
}

.file.is-large {
    font-size: 1.5rem
}

.file.is-large .file-icon .fa {
    font-size: 28px
}

.file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: .5rem
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.file.is-boxed .file-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em
}

.file.is-boxed .file-icon .fa {
    font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 35px
}

.file.is-boxed.has-name .file-cta {
    border-radius: .5rem .5rem 0 0
}

.file.is-boxed.has-name .file-name {
    border-radius: 0 0 .5rem .5rem;
    border-width: 0 1px 1px
}

.file.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: none
}

.file.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 .5rem .5rem 0
}

.file.is-right .file-name {
    border-radius: .5rem 0 0 .5rem;
    border-width: 1px 0 1px 1px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.file-label {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.file-label:hover .file-cta {
    background-color: #eee;
    color: hsl(0deg, 0%, 21%)
}

.file-label:hover .file-name {
    border-color: #d5d5d5
}

.file-label:active .file-cta {
    background-color: #e8e8e8;
    color: hsl(0deg, 0%, 21%)
}

.file-label:active .file-name {
    border-color: #cfcfcf
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta, .file-name {
    border-color: hsl(0deg, 0%, 86%);
    border-radius: .5rem;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

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

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

.file-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

.file-icon .fa {
    font-size: 14px
}

.label {
    color: hsl(0deg, 0%, 21%);
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.label.is-small {
    font-size: .75rem
}

.label.is-medium {
    font-size: 1.25rem
}

.label.is-large {
    font-size: 1.5rem
}

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

.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: #448aff
}

.help.is-link {
    color: #798ce5
}

.help.is-info {
    color: hsl(233deg, 47%, 96%)
}

.help.is-success {
    color: hsl(153deg, 53%, 53%)
}

.help.is-warning {
    color: hsl(44deg, 100%, 77%)
}

.help.is-danger {
    color: hsl(348deg, 86%, 61%)
}

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
    margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover {
    z-index: 2
}

.field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]):focus {
    z-index: 3
}

.field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover {
    z-index: 4
}

.field.has-addons .control.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.field.has-addons.has-addons-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.field.is-grouped {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.field.is-grouped > .control {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.field.is-grouped > .control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped > .control.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
    margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

@media screen and (min-width: 769px), print {
    .field.is-horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 769px), print {
    .field-label {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

    .field-label.is-small {
        font-size: .75rem;
        padding-top: .375em
    }

    .field-label.is-normal {
        padding-top: .375em
    }

    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: .375em
    }

    .field-label.is-large {
        font-size: 1.5rem;
        padding-top: .375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width: 769px), print {
    .field-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .field-body .field {
        margin-bottom: 0
    }

    .field-body > .field {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .field-body > .field:not(.is-narrow) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .field-body > .field:not(:last-child) {
        margin-right: .75rem
    }
}

.control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

.control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon {
    color: #363636
}

.control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon {
    font-size: .75rem
}

.control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon {
    font-size: 1.25rem
}

.control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon {
    font-size: 1.5rem
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
    color: hsl(0deg, 0%, 86%);
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4
}

.control.has-icons-left .input, .control.has-icons-left .select select {
    padding-left: 2.5em
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input, .control.has-icons-right .select select {
    padding-right: 2.5em
}

.control.has-icons-right .icon.is-right {
    right: 0
}

.control.is-loading::after {
    position: absolute !important;
    right: .625em;
    top: .625em;
    z-index: 4
}

.control.is-loading.is-small:after {
    font-size: .75rem
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem
}

.control.is-loading.is-large:after {
    font-size: 1.5rem
}

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap
}

.breadcrumb a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fbfbfd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .75em
}

.breadcrumb a:hover {
    color: #fff
}

.breadcrumb li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumb li:first-child a {
    padding-left: 0
}

.breadcrumb li.is-active a {
    color: #dbdbdb;
    cursor: default;
    pointer-events: none
}

.breadcrumb li + li::before {
    color: hsl(0deg, 0%, 71%);
    content: "/"
}

.breadcrumb ol, .breadcrumb ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.breadcrumb .icon:first-child {
    margin-right: .5em
}

.breadcrumb .icon:last-child {
    margin-left: .5em
}

.breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumb.is-right ol, .breadcrumb.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.breadcrumb.is-small {
    font-size: .75rem
}

.breadcrumb.is-medium {
    font-size: 1.25rem
}

.breadcrumb.is-large {
    font-size: 1.5rem
}

.breadcrumb.has-arrow-separator li + li::before {
    content: "→"
}

.breadcrumb.has-bullet-separator li + li::before {
    content: "•"
}

.breadcrumb.has-dot-separator li + li::before {
    content: "·"
}

.breadcrumb.has-succeeds-separator li + li::before {
    content: "≻"
}

.card {
    background-color: hsl(0deg, 0%, 100%);
    border-radius: .25rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    color: #363636;
    max-width: 100%;
    position: relative
}

.card-content:first-child, .card-footer:first-child, .card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-content:last-child, .card-footer:last-child, .card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 .125em .25em rgba(10, 10, 10, .1);
    box-shadow: 0 .125em .25em rgba(10, 10, 10, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsl(0deg, 0%, 21%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

.card-header-title.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

.card-image:first-child img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-image:last-child img {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-content {
    background-color: transparent;
    padding: 1.5rem
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid hsl(0deg, 0%, 93%);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-footer-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid hsl(0deg, 0%, 93%)
}

.card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    vertical-align: top
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block
}

.dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0
}

.dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto
}

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: hsl(0deg, 0%, 100%);
    border-radius: .5rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    color: #363636;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item, button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

a.dropdown-item:hover, button.dropdown-item:hover {
    background-color: hsl(0deg, 0%, 96%);
    color: hsl(0deg, 0%, 4%)
}

a.dropdown-item.is-active, button.dropdown-item.is-active {
    background-color: #798ce5;
    color: #fff
}

.dropdown-divider {
    background-color: hsl(0deg, 0%, 93%);
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.level code {
    border-radius: .5rem
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.level.is-mobile .level-left, .level.is-mobile .level-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.level.is-mobile .level-left + .level-right {
    margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.level.is-mobile .level-item:not(.is-narrow) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 769px), print {
    .level {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .level > .level-item:not(.is-narrow) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.level-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.level-item .subtitle, .level-item .title {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left, .level-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 769px), print {
    .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 769px), print {
    .level-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.level-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 769px), print {
    .level-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: inherit
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media .media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: .75rem
}

.media .media .content:not(:last-child), .media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media + .media {
    margin-top: .5rem
}

.media + .media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large + .media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.media-left, .media-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

.media-content {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: inherit
}

@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

.menu.is-small {
    font-size: .75rem
}

.menu.is-medium {
    font-size: 1.25rem
}

.menu.is-large {
    font-size: 1.5rem
}

.menu-list {
    line-height: 1.25
}

.menu-list a {
    border-radius: 2px;
    color: #363636;
    display: block;
    padding: .5em .75em
}

.menu-list a:hover {
    background-color: hsl(0deg, 0%, 96%);
    color: hsl(0deg, 0%, 21%)
}

.menu-list a.is-active {
    background-color: #798ce5;
    color: #fff
}

.menu-list li ul {
    border-left: 1px solid hsl(0deg, 0%, 86%);
    margin: .75em;
    padding-left: .75em
}

.menu-label {
    color: #363636;
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.menu-label:not(:first-child) {
    margin-top: 1em
}

.menu-label:not(:last-child) {
    margin-bottom: 1em
}

.message {
    background-color: hsl(0deg, 0%, 96%);
    border-radius: .5rem;
    font-size: 1rem
}

.message strong {
    color: currentColor
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.message.is-small {
    font-size: .75rem
}

.message.is-medium {
    font-size: 1.25rem
}

.message.is-large {
    font-size: 1.5rem
}

.message.is-white {
    background-color: #fff
}

.message.is-white .message-header {
    background-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.message.is-white .message-body {
    border-color: hsl(0deg, 0%, 100%)
}

.message.is-black {
    background-color: #fafafa
}

.message.is-black .message-header {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.message.is-black .message-body {
    border-color: hsl(0deg, 0%, 4%)
}

.message.is-light {
    background-color: #fafafa
}

.message.is-light .message-header {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.message.is-light .message-body {
    border-color: hsl(0deg, 0%, 96%)
}

.message.is-dark {
    background-color: #fafafa
}

.message.is-dark .message-header {
    background-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.message.is-dark .message-body {
    border-color: hsl(0deg, 0%, 21%)
}

.message.is-primary {
    background-color: #ebf2ff
}

.message.is-primary .message-header {
    background-color: #448aff;
    color: #fff
}

.message.is-primary .message-body {
    border-color: #448aff;
    color: #004ccc
}

.message.is-link {
    background-color: #eef0fc
}

.message.is-link .message-header {
    background-color: #798ce5;
    color: #fff
}

.message.is-link .message-body {
    border-color: #798ce5;
    color: #2038a7
}

.message.is-info {
    background-color: #f0f1fa
}

.message.is-info .message-header {
    background-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.message.is-info .message-body {
    border-color: hsl(233deg, 47%, 96%);
    color: #272f6d
}

.message.is-success {
    background-color: #effaf5
}

.message.is-success .message-header {
    background-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.message.is-success .message-body {
    border-color: hsl(153deg, 53%, 53%);
    color: #257953
}

.message.is-warning {
    background-color: #fffaeb
}

.message.is-warning .message-header {
    background-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.message.is-warning .message-body {
    border-color: hsl(44deg, 100%, 77%);
    color: #946c00
}

.message.is-danger {
    background-color: #feecf0
}

.message.is-danger .message-header {
    background-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.message.is-danger .message-body {
    border-color: hsl(348deg, 86%, 61%);
    color: #cc0f35
}

.message-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #363636;
    border-radius: .5rem .5rem 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

.message-header .delete {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .75em
}

.message-header + .message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.message-body {
    border-color: hsl(0deg, 0%, 86%);
    border-radius: .5rem;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #363636;
    padding: 1.25em 1.5em
}

.message-body code, .message-body pre {
    background-color: hsl(0deg, 0%, 100%)
}

.message-body pre code {
    background-color: transparent
}

.modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -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;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

.modal.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-background {
    background-color: rgba(10, 10, 10, .86)
}

.modal-card, .modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .modal-card, .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: 0 0;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card-foot, .modal-card-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsl(0deg, 0%, 96%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid hsl(0deg, 0%, 86%);
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.modal-card-title {
    color: hsl(0deg, 0%, 21%);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top: 1px solid hsl(0deg, 0%, 86%)
}

.modal-card-foot .button:not(:last-child) {
    margin-right: .5em
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: hsl(0deg, 0%, 100%);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: hsl(0deg, 0%, 100%);
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

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

.navbar.is-white .navbar-brand .navbar-link, .navbar.is-white .navbar-brand > .navbar-item {
    color: hsl(0deg, 0%, 4%)
}

.navbar.is-white .navbar-brand .navbar-link.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover {
    background-color: #f2f2f2;
    color: hsl(0deg, 0%, 4%)
}

.navbar.is-white .navbar-brand .navbar-link::after {
    border-color: hsl(0deg, 0%, 4%)
}

.navbar.is-white .navbar-burger {
    color: hsl(0deg, 0%, 4%)
}

@media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-end .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-start > .navbar-item {
        color: hsl(0deg, 0%, 4%)
    }

    .navbar.is-white .navbar-end .navbar-link.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover {
        background-color: #f2f2f2;
        color: hsl(0deg, 0%, 4%)
    }

    .navbar.is-white .navbar-end .navbar-link::after, .navbar.is-white .navbar-start .navbar-link::after {
        border-color: hsl(0deg, 0%, 4%)
    }

    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #f2f2f2;
        color: hsl(0deg, 0%, 4%)
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(0deg, 0%, 100%);
        color: hsl(0deg, 0%, 4%)
    }
}

.navbar.is-black {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.navbar.is-black .navbar-brand .navbar-link, .navbar.is-black .navbar-brand > .navbar-item {
    color: hsl(0deg, 0%, 100%)
}

.navbar.is-black .navbar-brand .navbar-link.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover {
    background-color: #000;
    color: hsl(0deg, 0%, 100%)
}

.navbar.is-black .navbar-brand .navbar-link::after {
    border-color: hsl(0deg, 0%, 100%)
}

.navbar.is-black .navbar-burger {
    color: hsl(0deg, 0%, 100%)
}

@media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-end .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-start > .navbar-item {
        color: hsl(0deg, 0%, 100%)
    }

    .navbar.is-black .navbar-end .navbar-link.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover {
        background-color: #000;
        color: hsl(0deg, 0%, 100%)
    }

    .navbar.is-black .navbar-end .navbar-link::after, .navbar.is-black .navbar-start .navbar-link::after {
        border-color: hsl(0deg, 0%, 100%)
    }

    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #000;
        color: hsl(0deg, 0%, 100%)
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(0deg, 0%, 4%);
        color: hsl(0deg, 0%, 100%)
    }
}

.navbar.is-light {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link, .navbar.is-light .navbar-brand > .navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link::after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-end .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-start > .navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link::after, .navbar.is-light .navbar-start .navbar-link::after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(0deg, 0%, 96%);
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-dark {
    background-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link, .navbar.is-dark .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-dark .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-end .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link::after, .navbar.is-dark .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(0deg, 0%, 21%);
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #448aff;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link, .navbar.is-primary .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover {
    background-color: #2b7aff;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-primary .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-end .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover {
        background-color: #2b7aff;
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #2b7aff;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #448aff;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #798ce5;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link, .navbar.is-link .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover {
    background-color: #647ae1;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-link .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-end .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover {
        background-color: #647ae1;
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link::after, .navbar.is-link .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #647ae1;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #798ce5;
        color: #fff
    }
}

.navbar.is-info {
    background-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.navbar.is-info .navbar-brand .navbar-link, .navbar.is-info .navbar-brand > .navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-info .navbar-brand .navbar-link.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover {
    background-color: #dde0f3;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-info .navbar-brand .navbar-link::after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-info .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-end .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-start > .navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-info .navbar-end .navbar-link.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover {
        background-color: #dde0f3;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-info .navbar-end .navbar-link::after, .navbar.is-info .navbar-start .navbar-link::after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #dde0f3;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(233deg, 47%, 96%);
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-success {
    background-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link, .navbar.is-success .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-success .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-end .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link::after, .navbar.is-success .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(153deg, 53%, 53%);
        color: #fff
    }
}

.navbar.is-warning {
    background-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link, .navbar.is-warning .navbar-brand > .navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link::after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-end .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-start > .navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link::after, .navbar.is-warning .navbar-start .navbar-link::after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(44deg, 100%, 77%);
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-danger {
    background-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link, .navbar.is-danger .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-danger .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-end .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link::after, .navbar.is-danger .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(348deg, 86%, 61%);
        color: #fff
    }
}

.navbar > .container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    -webkit-box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%);
    box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%)
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    -webkit-box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%);
    box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%)
}

.navbar.is-fixed-top {
    top: 0
}

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

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

.navbar-brand, .navbar-tabs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
    background-color: transparent
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #363636;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-duration: 86ms;
    -o-transition-duration: 86ms;
    transition-duration: 86ms;
    -webkit-transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, -webkit-transform;
    -o-transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 16px
}

.navbar-burger span:nth-child(1) {
    top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: rgba(0, 0, 0, .05)
}

.navbar-burger.is-active span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item, .navbar-link {
    color: #363636;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

.navbar-item .icon:only-child, .navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.navbar-link, a.navbar-item {
    cursor: pointer
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background-color: #fbfbfd;
    color: #798ce5
}

.navbar-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
    background-color: transparent;
    border-bottom-color: #798ce5
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom-color: #798ce5;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: #798ce5;
    padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless)::after {
    border-color: #798ce5;
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

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

@media screen and (max-width: 1023px) {
    .navbar > .container {
        display: block
    }

    .navbar-brand .navbar-item, .navbar-tabs .navbar-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar-link::after {
        display: none
    }

    .navbar-menu {
        background-color: hsl(0deg, 0%, 100%);
        -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        padding: .5rem 0
    }

    .navbar-menu.is-active {
        display: block
    }

    .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, .1);
        box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
    }

    .navbar.is-fixed-top-touch {
        top: 0
    }

    .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto
    }

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

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

@media screen and (min-width: 1024px) {
    .navbar, .navbar-end, .navbar-menu, .navbar-start {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

    .navbar.is-spaced {
        padding: 1rem 2rem
    }

    .navbar.is-spaced .navbar-end, .navbar.is-spaced .navbar-start {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar.is-spaced .navbar-link, .navbar.is-spaced a.navbar-item {
        border-radius: .5rem
    }

    .navbar.is-transparent .navbar-link.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: hsl(0deg, 0%, 96%);
        color: hsl(0deg, 0%, 4%)
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(0deg, 0%, 96%);
        color: #798ce5
    }

    .navbar-burger {
        display: none
    }

    .navbar-item, .navbar-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar-item.has-dropdown {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .navbar-item.has-dropdown-up .navbar-link::after {
        -webkit-transform: rotate(135deg) translate(.25em, -.25em);
        -ms-transform: rotate(135deg) translate(.25em, -.25em);
        transform: rotate(135deg) translate(.25em, -.25em)
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom: 2px solid hsl(0deg, 0%, 86%);
        border-radius: 1.5rem 1.5rem 0 0;
        border-top: none;
        bottom: 100%;
        -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, .1);
        box-shadow: 0 -8px 8px rgba(10, 10, 10, .1);
        top: auto
    }

    .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .navbar-menu {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .navbar-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: hsl(0deg, 0%, 100%);
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        border-top: 2px solid hsl(0deg, 0%, 86%);
        -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }

    .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
        background-color: hsl(0deg, 0%, 96%);
        color: hsl(0deg, 0%, 4%)
    }

    .navbar-dropdown a.navbar-item.is-active {
        background-color: hsl(0deg, 0%, 96%);
        color: #798ce5
    }

    .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown {
        border-radius: 1.5rem;
        border-top: none;
        -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% + (-4px));
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-transition-duration: 86ms;
        -o-transition-duration: 86ms;
        transition-duration: 86ms;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-divider {
        display: block
    }

    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -.75rem
    }

    .container > .navbar .navbar-menu, .navbar > .container .navbar-menu {
        margin-right: -.75rem
    }

    .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, .1);
        box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
    }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

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

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

    body.has-spaced-navbar-fixed-top, html.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    body.has-spaced-navbar-fixed-bottom, html.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    .navbar-link.is-active, a.navbar-item.is-active {
        color: hsl(0deg, 0%, 4%)
    }

    .navbar-link.is-active:not(:focus):not(:hover), a.navbar-item.is-active:not(:focus):not(:hover) {
        background-color: transparent
    }

    .navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #fbfbfd
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -.25rem
}

.pagination.is-small {
    font-size: .75rem
}

.pagination.is-medium {
    font-size: 1.25rem
}

.pagination.is-large {
    font-size: 1.5rem
}

.pagination.is-rounded .pagination-next, .pagination.is-rounded .pagination-previous {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 9999px
}

.pagination.is-rounded .pagination-link {
    border-radius: 9999px
}

.pagination, .pagination-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
    font-size: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-link, .pagination-next, .pagination-previous {
    border-color: hsl(0deg, 0%, 86%);
    color: hsl(0deg, 0%, 21%);
    min-width: 2.5em
}

.pagination-link:hover, .pagination-next:hover, .pagination-previous:hover {
    border-color: hsl(0deg, 0%, 71%);
    color: hsl(0deg, 0%, 21%)
}

.pagination-link:focus, .pagination-next:focus, .pagination-previous:focus {
    border-color: #448aff
}

.pagination-link:active, .pagination-next:active, .pagination-previous:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}

.pagination-link.is-disabled, .pagination-link[disabled], .pagination-next.is-disabled, .pagination-next[disabled], .pagination-previous.is-disabled, .pagination-previous[disabled] {
    background-color: hsl(0deg, 0%, 86%);
    border-color: hsl(0deg, 0%, 86%);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0deg, 0%, 48%);
    opacity: .5
}

.pagination-next, .pagination-previous {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.pagination-link.is-current {
    background-color: #798ce5;
    border-color: #798ce5;
    color: #fff
}

.pagination-ellipsis {
    color: hsl(0deg, 0%, 71%);
    pointer-events: none
}

.pagination-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination-list li {
    list-style: none
}

@media screen and (max-width: 768px) {
    .pagination {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pagination-next, .pagination-previous {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pagination-list li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width: 769px), print {
    .pagination-list {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination-previous {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .pagination {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination.is-centered .pagination-previous {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination.is-centered .pagination-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination.is-centered .pagination-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .pagination.is-right .pagination-previous {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination.is-right .pagination-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination.is-right .pagination-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.panel {
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    font-size: 1rem
}

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

.panel.is-white .panel-heading {
    background-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: hsl(0deg, 0%, 100%)
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: hsl(0deg, 0%, 100%)
}

.panel.is-black .panel-heading {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: hsl(0deg, 0%, 4%)
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: hsl(0deg, 0%, 4%)
}

.panel.is-light .panel-heading {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: hsl(0deg, 0%, 96%)
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: hsl(0deg, 0%, 96%)
}

.panel.is-dark .panel-heading {
    background-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: hsl(0deg, 0%, 21%)
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: hsl(0deg, 0%, 21%)
}

.panel.is-primary .panel-heading {
    background-color: #448aff;
    color: #fff
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #448aff
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: #448aff
}

.panel.is-link .panel-heading {
    background-color: #798ce5;
    color: #fff
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: #798ce5
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: #798ce5
}

.panel.is-info .panel-heading {
    background-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: hsl(233deg, 47%, 96%)
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: hsl(233deg, 47%, 96%)
}

.panel.is-success .panel-heading {
    background-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: hsl(153deg, 53%, 53%)
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: hsl(153deg, 53%, 53%)
}

.panel.is-warning .panel-heading {
    background-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: hsl(44deg, 100%, 77%)
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: hsl(44deg, 100%, 77%)
}

.panel.is-danger .panel-heading {
    background-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: hsl(348deg, 86%, 61%)
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: hsl(348deg, 86%, 61%)
}

.panel-block:not(:last-child), .panel-tabs:not(:last-child) {
    border-bottom: 1px solid hsl(0deg, 0%, 93%)
}

.panel-heading {
    background-color: hsl(0deg, 0%, 93%);
    border-radius: 1.5rem 1.5rem 0 0;
    color: hsl(0deg, 0%, 21%);
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid hsl(0deg, 0%, 86%);
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    border-bottom-color: hsl(0deg, 0%, 29%);
    color: hsl(0deg, 0%, 21%)
}

.panel-list a {
    color: #363636
}

.panel-list a:hover {
    color: #798ce5
}

.panel-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsl(0deg, 0%, 21%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .5em .75em
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block > .control {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-wrapped {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.panel-block.is-active {
    border-left-color: #798ce5;
    color: hsl(0deg, 0%, 21%)
}

.panel-block.is-active .panel-icon {
    color: #798ce5
}

.panel-block:last-child {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

a.panel-block, label.panel-block {
    cursor: pointer
}

a.panel-block:hover, label.panel-block:hover {
    background-color: hsl(0deg, 0%, 96%)
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: hsl(0deg, 0%, 48%);
    margin-right: .75em
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.tabs {
    -webkit-overflow-scrolling: touch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-color: hsl(0deg, 0%, 86%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: hsl(0deg, 0%, 21%);
    color: hsl(0deg, 0%, 21%)
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: #448aff;
    color: #448aff
}

.tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-color: hsl(0deg, 0%, 86%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tabs ul.is-left {
    padding-right: .75em
}

.tabs ul.is-center {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em
}

.tabs ul.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: .5rem .5rem 0 0
}

.tabs.is-boxed a:hover {
    background-color: hsl(0deg, 0%, 96%);
    border-bottom-color: hsl(0deg, 0%, 86%)
}

.tabs.is-boxed li.is-active a {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 86%);
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border-color: hsl(0deg, 0%, 86%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    position: relative
}

.tabs.is-toggle a:hover {
    background-color: hsl(0deg, 0%, 96%);
    border-color: hsl(0deg, 0%, 71%);
    z-index: 2
}

.tabs.is-toggle li + li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.tabs.is-toggle li:last-child a {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.tabs.is-toggle li.is-active a {
    background-color: #798ce5;
    border-color: #798ce5;
    color: #fff;
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
    padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
    padding-right: 1.25em
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile > .column.is-narrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: unset
}

.columns.is-mobile > .column.is-full {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40%
}

.columns.is-mobile > .column.is-three-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-0 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0%
}

.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0
}

.columns.is-mobile > .column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile > .column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile > .column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile > .column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile > .column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile > .column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile > .column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile > .column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile > .column.is-12 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0
    }

    .column.is-1-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

    .column.is-6-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

    .column.is-12-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px), print {
    .column.is-narrow, .column.is-narrow-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full, .column.is-full-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0, .column.is-0-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0, .column.is-offset-0-tablet {
        margin-left: 0
    }

    .column.is-1, .column.is-1-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2, .column.is-2-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3, .column.is-3-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5, .column.is-5-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

    .column.is-6, .column.is-6-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8, .column.is-8-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9, .column.is-9-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11, .column.is-11-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

    .column.is-12, .column.is-12-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0
    }

    .column.is-1-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

    .column.is-6-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

    .column.is-12-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0
    }

    .column.is-1-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

    .column.is-6-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

    .column.is-12-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0
    }

    .column.is-1-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

    .column.is-6-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

    .column.is-12-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0
    }

    .column.is-1-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

    .column.is-6-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

    .column.is-12-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - .75rem)
}

.columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless > .column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns.is-vcentered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

.columns.is-variable > .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important
}

@media screen and (min-width: 769px), print {
    .tile:not(.is-child) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tile.is-1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .tile.is-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .tile.is-3 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .tile.is-5 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .tile.is-6 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .tile.is-8 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .tile.is-9 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .tile.is-11 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .tile.is-12 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }
}

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

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

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

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

a.has-text-black:focus, a.has-text-black:hover {
    color: #000 !important
}

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

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

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

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

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

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

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

.has-text-primary {
    color: #448aff !important
}

a.has-text-primary:focus, a.has-text-primary:hover {
    color: #116aff !important
}

.has-background-primary {
    background-color: #448aff !important
}

.has-text-primary-light {
    color: #ebf2ff !important
}

a.has-text-primary-light:focus, a.has-text-primary-light:hover {
    color: #b8d2ff !important
}

.has-background-primary-light {
    background-color: #ebf2ff !important
}

.has-text-primary-dark {
    color: #004ccc !important
}

a.has-text-primary-dark:focus, a.has-text-primary-dark:hover {
    color: #005fff !important
}

.has-background-primary-dark {
    background-color: #004ccc !important
}

.has-text-link {
    color: #798ce5 !important
}

a.has-text-link:focus, a.has-text-link:hover {
    color: #4e67dd !important
}

.has-background-link {
    background-color: #798ce5 !important
}

.has-text-link-light {
    color: #eef0fc !important
}

a.has-text-link-light:focus, a.has-text-link-light:hover {
    color: #c3ccf3 !important
}

.has-background-link-light {
    background-color: #eef0fc !important
}

.has-text-link-dark {
    color: #2038a7 !important
}

a.has-text-link-dark:focus, a.has-text-link-dark:hover {
    color: #2946d1 !important
}

.has-background-link-dark {
    background-color: #2038a7 !important
}

.has-text-info {
    color: hsl(233deg, 47%, 96%) !important
}

a.has-text-info:focus, a.has-text-info:hover {
    color: #cbceec !important
}

.has-background-info {
    background-color: hsl(233deg, 47%, 96%) !important
}

.has-text-info-light {
    color: #f0f1fa !important
}

a.has-text-info-light:focus, a.has-text-info-light:hover {
    color: #cbceec !important
}

.has-background-info-light {
    background-color: #f0f1fa !important
}

.has-text-info-dark {
    color: #272f6d !important
}

a.has-text-info-dark:focus, a.has-text-info-dark:hover {
    color: #354092 !important
}

.has-background-info-dark {
    background-color: #272f6d !important
}

.has-text-success {
    color: hsl(153deg, 53%, 53%) !important
}

a.has-text-success:focus, a.has-text-success:hover {
    color: #34a873 !important
}

.has-background-success {
    background-color: hsl(153deg, 53%, 53%) !important
}

.has-text-success-light {
    color: #effaf5 !important
}

a.has-text-success-light:focus, a.has-text-success-light:hover {
    color: #c8eedd !important
}

.has-background-success-light {
    background-color: #effaf5 !important
}

.has-text-success-dark {
    color: #257953 !important
}

a.has-text-success-dark:focus, a.has-text-success-dark:hover {
    color: #31a06e !important
}

.has-background-success-dark {
    background-color: #257953 !important
}

.has-text-warning {
    color: hsl(44deg, 100%, 77%) !important
}

a.has-text-warning:focus, a.has-text-warning:hover {
    color: #ffd257 !important
}

.has-background-warning {
    background-color: hsl(44deg, 100%, 77%) !important
}

.has-text-warning-light {
    color: #fffaeb !important
}

a.has-text-warning-light:focus, a.has-text-warning-light:hover {
    color: #ffecb8 !important
}

.has-background-warning-light {
    background-color: #fffaeb !important
}

.has-text-warning-dark {
    color: #946c00 !important
}

a.has-text-warning-dark:focus, a.has-text-warning-dark:hover {
    color: #c79200 !important
}

.has-background-warning-dark {
    background-color: #946c00 !important
}

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

a.has-text-danger:focus, a.has-text-danger:hover {
    color: #ee1742 !important
}

.has-background-danger {
    background-color: hsl(348deg, 86%, 61%) !important
}

.has-text-danger-light {
    color: #feecf0 !important
}

a.has-text-danger-light:focus, a.has-text-danger-light:hover {
    color: #fabdc9 !important
}

.has-background-danger-light {
    background-color: #feecf0 !important
}

.has-text-danger-dark {
    color: #cc0f35 !important
}

a.has-text-danger-dark:focus, a.has-text-danger-dark:hover {
    color: #ee2049 !important
}

.has-background-danger-dark {
    background-color: #cc0f35 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-text-white-bis {
    color: #fbfbfd !important
}

.has-background-white-bis {
    background-color: #fbfbfd !important
}

.is-flex-direction-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.is-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.is-justify-content-space-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.is-justify-content-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.is-justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important
}

.is-justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important
}

.is-justify-content-left {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important
}

.is-justify-content-right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: right !important;
    justify-content: right !important
}

.is-align-content-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.is-align-content-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.is-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.is-align-content-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.is-align-content-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.is-align-content-space-evenly {
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important
}

.is-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.is-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: start !important
}

.is-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: end !important
}

.is-align-content-baseline {
    -ms-flex-line-pack: baseline !important;
    align-content: baseline !important
}

.is-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.is-align-items-flex-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.is-align-items-flex-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.is-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.is-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.is-align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important
}

.is-align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important
}

.is-align-items-self-start {
    -webkit-box-align: self-start !important;
    -ms-flex-align: self-start !important;
    align-items: self-start !important
}

.is-align-items-self-end {
    -webkit-box-align: self-end !important;
    -ms-flex-align: self-end !important;
    align-items: self-end !important
}

.is-align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.is-align-self-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.is-align-self-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.is-align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.is-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.is-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

.is-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    -webkit-box-flex: 2 !important;
    -ms-flex-positive: 2 !important;
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    -webkit-box-flex: 3 !important;
    -ms-flex-positive: 3 !important;
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    -webkit-box-flex: 4 !important;
    -ms-flex-positive: 4 !important;
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    -webkit-box-flex: 5 !important;
    -ms-flex-positive: 5 !important;
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    -ms-flex-negative: 2 !important;
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    -ms-flex-negative: 3 !important;
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    -ms-flex-negative: 4 !important;
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    -ms-flex-negative: 5 !important;
    flex-shrink: 5 !important
}

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

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

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

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

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

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.m-4 {
    margin: 1rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-5 {
    margin: 1.5rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.mr-5 {
    margin-right: 1.5rem !important
}

.mb-5 {
    margin-bottom: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-6 {
    margin: 3rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-5 {
    padding: 1.5rem !important
}

.pt-5 {
    padding-top: 1.5rem !important
}

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

.px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-6 {
    padding: 3rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.p-auto {
    padding: auto !important
}

.pt-auto {
    padding-top: auto !important
}

.pr-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.pl-auto {
    padding-left: auto !important
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important
}

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

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

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

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

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

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

    .is-size-7-mobile {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 769px), print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

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

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

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

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

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

    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width: 1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }

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

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

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

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

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

    .is-size-7-touch {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }

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

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

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

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

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

    .is-size-7-desktop {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

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

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

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

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

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

    .is-size-7-widescreen {
        font-size: .75rem !important
    }
}

@media screen and (min-width: 1408px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

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

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

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

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

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

    .is-size-7-fullhd {
        font-size: .75rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width: 769px), print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-centered-widescreen-only {
        text-align: center !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-centered-fullhd {
        text-align: center !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px), print {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-justified-widescreen-only {
        text-align: justify !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-justified-fullhd {
        text-align: justify !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media screen and (min-width: 769px), print {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-left-fullhd {
        text-align: left !important
    }
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media screen and (min-width: 769px), print {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important
    }
}

@media screen and (min-width: 1408px) {
    .has-text-right-fullhd {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

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

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

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

.is-underlined {
    text-decoration: underline !important
}

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

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

.has-text-weight-medium {
    font-weight: 500 !important
}

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

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

.is-family-primary {
    font-family: Roboto, Helvetica, Tahoma, sans-serif !important
}

.is-family-secondary {
    font-family: Roboto, Helvetica, Tahoma, sans-serif !important
}

.is-family-sans-serif {
    font-family: Roboto, Helvetica, Tahoma, sans-serif !important
}

.is-family-monospace {
    font-family: monospace !important
}

.is-family-code {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@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: 1023px) {
    .is-block-tablet-only {
        display: block !important
    }
}

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

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

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

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

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-block-widescreen-only {
        display: block !important
    }
}

@media screen and (min-width: 1408px) {
    .is-block-fullhd {
        display: block !important
    }
}

.is-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

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

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

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

@media screen and (max-width: 1023px) {
    .is-flex-touch {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-flex-desktop-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-flex-widescreen-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-flex-fullhd {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@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: 1023px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

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

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

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

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

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-inline-widescreen-only {
        display: inline !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-fullhd {
        display: inline !important
    }
}

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

@media screen and (max-width: 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: 1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

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

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

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

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

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-inline-block-widescreen-only {
        display: inline-block !important
    }
}

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

.is-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

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

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

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

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-inline-flex-widescreen-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-flex-fullhd {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !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: 1023px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

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

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

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

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

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

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

.is-invisible {
    visibility: hidden !important
}

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

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

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width: 1023px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .is-invisible-widescreen-only {
        visibility: hidden !important
    }
}

@media screen and (min-width: 1408px) {
    .is-invisible-fullhd {
        visibility: hidden !important
    }
}

.hero {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero .navbar {
    background: 0 0
}

.hero .tabs ul {
    border-bottom: none
}

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

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong {
    color: inherit
}

.hero.is-white .title {
    color: hsl(0deg, 0%, 4%)
}

.hero.is-white .subtitle {
    color: rgba(10, 10, 10, .9)
}

.hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong {
    color: hsl(0deg, 0%, 4%)
}

@media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
        background-color: hsl(0deg, 0%, 100%)
    }
}

.hero.is-white .navbar-item, .hero.is-white .navbar-link {
    color: rgba(10, 10, 10, .7)
}

.hero.is-white .navbar-link.is-active, .hero.is-white .navbar-link:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white a.navbar-item:hover {
    background-color: #f2f2f2;
    color: hsl(0deg, 0%, 4%)
}

.hero.is-white .tabs a {
    color: hsl(0deg, 0%, 4%);
    opacity: .9
}

.hero.is-white .tabs a:hover {
    opacity: 1
}

.hero.is-white .tabs li.is-active a {
    color: hsl(0deg, 0%, 100%) !important;
    opacity: 1
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
    color: hsl(0deg, 0%, 4%)
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: hsl(0deg, 0%, 4%);
    border-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.hero.is-white.is-bold {
    background-image: -o-linear-gradient(309deg, #e8e3e4 0, hsl(0deg, 0%, 100%) 71%, #fff 100%);
    background-image: linear-gradient(141deg, #e8e3e4 0, hsl(0deg, 0%, 100%) 71%, #fff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #e8e3e4 0, hsl(0deg, 0%, 100%) 71%, #fff 100%);
        background-image: linear-gradient(141deg, #e8e3e4 0, hsl(0deg, 0%, 100%) 71%, #fff 100%)
    }
}

.hero.is-black {
    background-color: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong {
    color: inherit
}

.hero.is-black .title {
    color: hsl(0deg, 0%, 100%)
}

.hero.is-black .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong {
    color: hsl(0deg, 0%, 100%)
}

@media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
        background-color: hsl(0deg, 0%, 4%)
    }
}

.hero.is-black .navbar-item, .hero.is-black .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-black .navbar-link.is-active, .hero.is-black .navbar-link:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black a.navbar-item:hover {
    background-color: #000;
    color: hsl(0deg, 0%, 100%)
}

.hero.is-black .tabs a {
    color: hsl(0deg, 0%, 100%);
    opacity: .9
}

.hero.is-black .tabs a:hover {
    opacity: 1
}

.hero.is-black .tabs li.is-active a {
    color: hsl(0deg, 0%, 4%) !important;
    opacity: 1
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
    color: hsl(0deg, 0%, 100%)
}

.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.hero.is-black.is-bold {
    background-image: -o-linear-gradient(309deg, #000 0, hsl(0deg, 0%, 4%) 71%, #181616 100%);
    background-image: linear-gradient(141deg, #000 0, hsl(0deg, 0%, 4%) 71%, #181616 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #000 0, hsl(0deg, 0%, 4%) 71%, #181616 100%);
        background-image: linear-gradient(141deg, #000 0, hsl(0deg, 0%, 4%) 71%, #181616 100%)
    }
}

.hero.is-light {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
        background-color: hsl(0deg, 0%, 96%)
    }
}

.hero.is-light .navbar-item, .hero.is-light .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .navbar-link.is-active, .hero.is-light .navbar-link:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    color: hsl(0deg, 0%, 96%) !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: hsl(0deg, 0%, 96%)
}

.hero.is-light.is-bold {
    background-image: -o-linear-gradient(309deg, #dfd8d9 0, hsl(0deg, 0%, 96%) 71%, #fff 100%);
    background-image: linear-gradient(141deg, #dfd8d9 0, hsl(0deg, 0%, 96%) 71%, #fff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #dfd8d9 0, hsl(0deg, 0%, 96%) 71%, #fff 100%);
        background-image: linear-gradient(141deg, #dfd8d9 0, hsl(0deg, 0%, 96%) 71%, #fff 100%)
    }
}

.hero.is-dark {
    background-color: hsl(0deg, 0%, 21%);
    color: #fff
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title {
    color: #fff
}

.hero.is-dark .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
        background-color: hsl(0deg, 0%, 21%)
    }
}

.hero.is-dark .navbar-item, .hero.is-dark .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-dark .navbar-link.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    color: hsl(0deg, 0%, 21%) !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
    color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: hsl(0deg, 0%, 21%)
}

.hero.is-dark.is-bold {
    background-image: -o-linear-gradient(309deg, #1f191a 0, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
    background-image: linear-gradient(141deg, #1f191a 0, hsl(0deg, 0%, 21%) 71%, #46403f 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #1f191a 0, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
        background-image: linear-gradient(141deg, #1f191a 0, hsl(0deg, 0%, 21%) 71%, #46403f 100%)
    }
}

.hero.is-primary {
    background-color: #448aff;
    color: #fff
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #448aff
    }
}

.hero.is-primary .navbar-item, .hero.is-primary .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-primary .navbar-link.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover {
    background-color: #2b7aff;
    color: #fff
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    color: #448aff !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #448aff
}

.hero.is-primary.is-bold {
    background-image: -o-linear-gradient(309deg, #1192ff 0, #448aff 71%, #5e7fff 100%);
    background-image: linear-gradient(141deg, #1192ff 0, #448aff 71%, #5e7fff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #1192ff 0, #448aff 71%, #5e7fff 100%);
        background-image: linear-gradient(141deg, #1192ff 0, #448aff 71%, #5e7fff 100%)
    }
}

.hero.is-link {
    background-color: #798ce5;
    color: #fff
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong {
    color: inherit
}

.hero.is-link .title {
    color: #fff
}

.hero.is-link .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
        background-color: #798ce5
    }
}

.hero.is-link .navbar-item, .hero.is-link .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-link .navbar-link.is-active, .hero.is-link .navbar-link:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link a.navbar-item:hover {
    background-color: #647ae1;
    color: #fff
}

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-link .tabs a:hover {
    opacity: 1
}

.hero.is-link .tabs li.is-active a {
    color: #798ce5 !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
    color: #fff
}

.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #798ce5
}

.hero.is-link.is-bold {
    background-image: -o-linear-gradient(309deg, #447ce7 0, #798ce5 71%, #8b8ced 100%);
    background-image: linear-gradient(141deg, #447ce7 0, #798ce5 71%, #8b8ced 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #447ce7 0, #798ce5 71%, #8b8ced 100%);
        background-image: linear-gradient(141deg, #447ce7 0, #798ce5 71%, #8b8ced 100%)
    }
}

.hero.is-info {
    background-color: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong {
    color: inherit
}

.hero.is-info .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-info .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
        background-color: hsl(233deg, 47%, 96%)
    }
}

.hero.is-info .navbar-item, .hero.is-info .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-info .navbar-link.is-active, .hero.is-info .navbar-link:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info a.navbar-item:hover {
    background-color: #dde0f3;
    color: rgba(0, 0, 0, .7)
}

.hero.is-info .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    color: hsl(233deg, 47%, 96%) !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: hsl(233deg, 47%, 96%)
}

.hero.is-info.is-bold {
    background-image: -o-linear-gradient(309deg, #c7d2f0 0, hsl(233deg, 47%, 96%) 71%, #fff 100%);
    background-image: linear-gradient(141deg, #c7d2f0 0, hsl(233deg, 47%, 96%) 71%, #fff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #c7d2f0 0, hsl(233deg, 47%, 96%) 71%, #fff 100%);
        background-image: linear-gradient(141deg, #c7d2f0 0, hsl(233deg, 47%, 96%) 71%, #fff 100%)
    }
}

.hero.is-success {
    background-color: hsl(153deg, 53%, 53%);
    color: #fff
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong {
    color: inherit
}

.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
        background-color: hsl(153deg, 53%, 53%)
    }
}

.hero.is-success .navbar-item, .hero.is-success .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-success .navbar-link.is-active, .hero.is-success .navbar-link:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    color: hsl(153deg, 53%, 53%) !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: hsl(153deg, 53%, 53%)
}

.hero.is-success.is-bold {
    background-image: -o-linear-gradient(309deg, #29b35e 0, hsl(153deg, 53%, 53%) 71%, #56d2af 100%);
    background-image: linear-gradient(141deg, #29b35e 0, hsl(153deg, 53%, 53%) 71%, #56d2af 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #29b35e 0, hsl(153deg, 53%, 53%) 71%, #56d2af 100%);
        background-image: linear-gradient(141deg, #29b35e 0, hsl(153deg, 53%, 53%) 71%, #56d2af 100%)
    }
}

.hero.is-warning {
    background-color: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
        background-color: hsl(44deg, 100%, 77%)
    }
}

.hero.is-warning .navbar-item, .hero.is-warning .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .navbar-link.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    color: hsl(44deg, 100%, 77%) !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: hsl(44deg, 100%, 77%)
}

.hero.is-warning.is-bold {
    background-image: -o-linear-gradient(309deg, #ffb657 0, hsl(44deg, 100%, 77%) 71%, #fff6a3 100%);
    background-image: linear-gradient(141deg, #ffb657 0, hsl(44deg, 100%, 77%) 71%, #fff6a3 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #ffb657 0, hsl(44deg, 100%, 77%) 71%, #fff6a3 100%);
        background-image: linear-gradient(141deg, #ffb657 0, hsl(44deg, 100%, 77%) 71%, #fff6a3 100%)
    }
}

.hero.is-danger {
    background-color: hsl(348deg, 86%, 61%);
    color: #fff
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
        background-color: hsl(348deg, 86%, 61%)
    }
}

.hero.is-danger .navbar-item, .hero.is-danger .navbar-link {
    color: rgba(255, 255, 255, .7)
}

.hero.is-danger .navbar-link.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    color: hsl(348deg, 86%, 61%) !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: hsl(348deg, 86%, 61%)
}

.hero.is-danger.is-bold {
    background-image: -o-linear-gradient(309deg, #fa0a62 0, hsl(348deg, 86%, 61%) 71%, #f7595f 100%);
    background-image: linear-gradient(141deg, #fa0a62 0, hsl(348deg, 86%, 61%) 71%, #f7595f 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: -o-linear-gradient(309deg, #fa0a62 0, hsl(348deg, 86%, 61%) 71%, #f7595f 100%);
        background-image: linear-gradient(141deg, #fa0a62 0, hsl(348deg, 86%, 61%) 71%, #f7595f 100%)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width: 769px), print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media screen and (min-width: 769px), print {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body, .hero.is-halfheight .hero-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container, .hero.is-halfheight .hero-body > .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hero-buttons .button:not(:last-child) {
        margin-bottom: .75rem
    }
}

@media screen and (min-width: 769px), print {
    .hero-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-foot, .hero-head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width: 769px), print {
    .hero-body {
        padding: 3rem 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 3rem 3rem
    }

    .section.is-medium {
        padding: 9rem 4.5rem
    }

    .section.is-large {
        padding: 18rem 6rem
    }
}

.footer {
    background-color: #fbfbfd;
    padding: 3rem 1.5rem 6rem
}

[data-tooltip]:not(.is-disabled), [data-tooltip]:not(.is-loading), [data-tooltip]:not([disabled]) {
    cursor: pointer;
    overflow: visible;
    position: relative
}

[data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not([disabled])::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsl(0deg, 0%, 100%);
    display: inline-block;
    font-family: Roboto, Helvetica, Tahoma, sans-serif;
    font-size: .75rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 1020;
    background: rgba(74, 74, 74, .9);
    border-radius: 2px;
    content: attr(data-tooltip);
    padding: .5rem 1rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre
}

[data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not([disabled])::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsl(0deg, 0%, 100%);
    display: inline-block;
    font-family: Roboto, Helvetica, Tahoma, sans-serif;
    font-size: .75rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 1020;
    content: "";
    border-style: solid;
    border-width: 6px;
    border-color: rgba(74, 74, 74, .9) transparent transparent transparent;
    margin-bottom: -5px
}

[data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, .9) transparent transparent transparent
}

[data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, .9) transparent
}

[data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom::before, [data-tooltip]:not([disabled]).has-tooltip-bottom::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -5px;
    border-color: transparent transparent transparent rgba(74, 74, 74, .9)
}

[data-tooltip]:not(.is-disabled).has-tooltip-left::before, [data-tooltip]:not(.is-loading).has-tooltip-left::before, [data-tooltip]:not([disabled]).has-tooltip-left::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -5px;
    -webkit-transform: translate(-100%, 50%);
    -ms-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -6px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, .9) transparent transparent
}

[data-tooltip]:not(.is-disabled).has-tooltip-right::before, [data-tooltip]:not(.is-loading).has-tooltip-right::before, [data-tooltip]:not([disabled]).has-tooltip-right::before {
    top: auto;
    right: -5px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    -webkit-transform: translate(100%, 50%);
    -ms-transform: translate(100%, 50%);
    transform: translate(100%, 50%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, [data-tooltip]:not(.is-loading).has-tooltip-multiline::before, [data-tooltip]:not([disabled]).has-tooltip-multiline::before {
    height: auto;
    width: 15rem;
    max-width: 15rem;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all
}

[data-tooltip]:not(.is-disabled).has-tooltip-text-left::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left::before, [data-tooltip]:not([disabled]).has-tooltip-text-left::before {
    text-align: left
}

[data-tooltip]:not(.is-disabled).has-tooltip-text-centered::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered::before {
    text-align: center
}

[data-tooltip]:not(.is-disabled).has-tooltip-text-right::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right::before, [data-tooltip]:not([disabled]).has-tooltip-text-right::before {
    text-align: right
}

[data-tooltip]:not(.is-disabled).has-tooltip-white::after, [data-tooltip]:not(.is-loading).has-tooltip-white::after, [data-tooltip]:not([disabled]).has-tooltip-white::after {
    border-color: rgba(255, 255, 255, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(255, 255, 255, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(255, 255, 255, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after {
    border-color: transparent rgba(255, 255, 255, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-white:before, [data-tooltip]:not(.is-loading).has-tooltip-white:before, [data-tooltip]:not([disabled]).has-tooltip-white:before {
    background-color: rgba(255, 255, 255, .9);
    color: hsl(0deg, 0%, 4%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-black::after, [data-tooltip]:not(.is-loading).has-tooltip-black::after, [data-tooltip]:not([disabled]).has-tooltip-black::after {
    border-color: rgba(10, 10, 10, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(10, 10, 10, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(10, 10, 10, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after {
    border-color: transparent rgba(10, 10, 10, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-black:before, [data-tooltip]:not(.is-loading).has-tooltip-black:before, [data-tooltip]:not([disabled]).has-tooltip-black:before {
    background-color: rgba(10, 10, 10, .9);
    color: hsl(0deg, 0%, 100%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-light::after, [data-tooltip]:not(.is-loading).has-tooltip-light::after, [data-tooltip]:not([disabled]).has-tooltip-light::after {
    border-color: rgba(245, 245, 245, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(245, 245, 245, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(245, 245, 245, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after {
    border-color: transparent rgba(245, 245, 245, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-light:before, [data-tooltip]:not(.is-loading).has-tooltip-light:before, [data-tooltip]:not([disabled]).has-tooltip-light:before {
    background-color: rgba(245, 245, 245, .9);
    color: rgba(0, 0, 0, .7)
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark::after, [data-tooltip]:not(.is-loading).has-tooltip-dark::after, [data-tooltip]:not([disabled]).has-tooltip-dark::after {
    border-color: rgba(54, 54, 54, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(54, 54, 54, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(54, 54, 54, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after {
    border-color: transparent rgba(54, 54, 54, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark:before, [data-tooltip]:not(.is-loading).has-tooltip-dark:before, [data-tooltip]:not([disabled]).has-tooltip-dark:before {
    background-color: rgba(54, 54, 54, .9);
    color: #fff
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary::after, [data-tooltip]:not(.is-loading).has-tooltip-primary::after, [data-tooltip]:not([disabled]).has-tooltip-primary::after {
    border-color: rgba(68, 138, 255, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(68, 138, 255, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(68, 138, 255, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after {
    border-color: transparent rgba(68, 138, 255, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary:before, [data-tooltip]:not(.is-loading).has-tooltip-primary:before, [data-tooltip]:not([disabled]).has-tooltip-primary:before {
    background-color: rgba(68, 138, 255, .9);
    color: #fff
}

[data-tooltip]:not(.is-disabled).has-tooltip-link::after, [data-tooltip]:not(.is-loading).has-tooltip-link::after, [data-tooltip]:not([disabled]).has-tooltip-link::after {
    border-color: rgba(121, 140, 229, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(121, 140, 229, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(121, 140, 229, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after {
    border-color: transparent rgba(121, 140, 229, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-link:before, [data-tooltip]:not(.is-loading).has-tooltip-link:before, [data-tooltip]:not([disabled]).has-tooltip-link:before {
    background-color: rgba(121, 140, 229, .9);
    color: #fff
}

[data-tooltip]:not(.is-disabled).has-tooltip-info::after, [data-tooltip]:not(.is-loading).has-tooltip-info::after, [data-tooltip]:not([disabled]).has-tooltip-info::after {
    border-color: rgba(240, 241, 250, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(240, 241, 250, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(240, 241, 250, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after {
    border-color: transparent rgba(240, 241, 250, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-info:before, [data-tooltip]:not(.is-loading).has-tooltip-info:before, [data-tooltip]:not([disabled]).has-tooltip-info:before {
    background-color: rgba(240, 241, 250, .9);
    color: rgba(0, 0, 0, .7)
}

[data-tooltip]:not(.is-disabled).has-tooltip-success::after, [data-tooltip]:not(.is-loading).has-tooltip-success::after, [data-tooltip]:not([disabled]).has-tooltip-success::after {
    border-color: rgba(72, 199, 142, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(72, 199, 142, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(72, 199, 142, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after {
    border-color: transparent rgba(72, 199, 142, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-success:before, [data-tooltip]:not(.is-loading).has-tooltip-success:before, [data-tooltip]:not([disabled]).has-tooltip-success:before {
    background-color: rgba(72, 199, 142, .9);
    color: #fff
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning::after, [data-tooltip]:not(.is-loading).has-tooltip-warning::after, [data-tooltip]:not([disabled]).has-tooltip-warning::after {
    border-color: rgba(255, 224, 138, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(255, 224, 138, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(255, 224, 138, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after {
    border-color: transparent rgba(255, 224, 138, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning:before, [data-tooltip]:not(.is-loading).has-tooltip-warning:before, [data-tooltip]:not([disabled]).has-tooltip-warning:before {
    background-color: rgba(255, 224, 138, .9);
    color: rgba(0, 0, 0, .7)
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger::after, [data-tooltip]:not(.is-loading).has-tooltip-danger::after, [data-tooltip]:not([disabled]).has-tooltip-danger::after {
    border-color: rgba(241, 70, 104, .9) transparent transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(241, 70, 104, .9) transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(241, 70, 104, .9) !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after {
    border-color: transparent rgba(241, 70, 104, .9) transparent transparent !important
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before {
    background-color: rgba(241, 70, 104, .9);
    color: #fff
}

[data-tooltip]:not(.is-disabled).has-tooltip-active::after, [data-tooltip]:not(.is-disabled).has-tooltip-active::before, [data-tooltip]:not(.is-disabled):hover::after, [data-tooltip]:not(.is-disabled):hover::before, [data-tooltip]:not(.is-loading).has-tooltip-active::after, [data-tooltip]:not(.is-loading).has-tooltip-active::before, [data-tooltip]:not(.is-loading):hover::after, [data-tooltip]:not(.is-loading):hover::before, [data-tooltip]:not([disabled]).has-tooltip-active::after, [data-tooltip]:not([disabled]).has-tooltip-active::before, [data-tooltip]:not([disabled]):hover::after, [data-tooltip]:not([disabled]):hover::before {
    opacity: 1;
    visibility: visible
}

[data-tooltip]:not(.is-disabled).has-tooltip-fade::after, [data-tooltip]:not(.is-disabled).has-tooltip-fade::before, [data-tooltip]:not(.is-loading).has-tooltip-fade::after, [data-tooltip]:not(.is-loading).has-tooltip-fade::before, [data-tooltip]:not([disabled]).has-tooltip-fade::after, [data-tooltip]:not([disabled]).has-tooltip-fade::before {
    -webkit-transition: opacity .3s linear, visibility .3s linear;
    -o-transition: opacity .3s linear, visibility .3s linear;
    transition: opacity .3s linear, visibility .3s linear
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-mobile.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-top-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-top-mobile::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-tablet.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-top-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-top-tablet::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-touch.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-top-touch::before, [data-tooltip]:not([disabled]).has-tooltip-top-touch::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-desktop.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-top-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-top-desktop::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-desktop-only.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-desktop-only::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-top-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-fullhd.has-tooltip-arrow::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-top-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-top-fullhd::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-mobile.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-right-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-right-mobile::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-tablet.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-right-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-right-tablet::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-touch.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-right-touch::before, [data-tooltip]:not([disabled]).has-tooltip-right-touch::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-desktop.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-right-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-right-desktop::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-desktop-only.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-desktop-only::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-right-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-fullhd.has-tooltip-arrow::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -6px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-right-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-right-fullhd::before {
        top: auto;
        right: -5px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-touch.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-touch::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-touch::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-mobile.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-left-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-left-mobile::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-tablet.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-left-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-left-tablet::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-touch.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-left-touch::before, [data-tooltip]:not([disabled]).has-tooltip-left-touch::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-desktop.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-left-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-left-desktop::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-desktop-only.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-desktop-only::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-loading).has-tooltip-left-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-fullhd.has-tooltip-arrow::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -5px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    [data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-left-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-left-fullhd::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -5px;
        -webkit-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::before {
        opacity: 0 !important;
        display: none !important
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-mobile::before {
        text-align: left
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet::before {
        text-align: left
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet-only::before {
        text-align: left
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-touch::before {
        text-align: left
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop::before {
        text-align: left
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop-only::before {
        text-align: left
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-until-widescreen::before {
        text-align: left
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen::before {
        text-align: left
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen-only::before {
        text-align: left
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-until-fullhd::before {
        text-align: left
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-left-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-text-left-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-fullhd::before {
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-mobile::before {
        text-align: center
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet::before {
        text-align: center
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet-only::before {
        text-align: center
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-touch::before {
        text-align: center
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop::before {
        text-align: center
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop-only::before {
        text-align: center
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-until-widescreen::before {
        text-align: center
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen::before {
        text-align: center
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen-only::before {
        text-align: center
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-until-fullhd::before {
        text-align: center
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-text-centered-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-fullhd::before {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-mobile::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-mobile::before {
        text-align: right
    }
}

@media screen and (min-width: 769px), print {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet::before {
        text-align: right
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet-only::before {
        text-align: right
    }
}

@media screen and (max-width: 1023px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-touch::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-touch::before {
        text-align: right
    }
}

@media screen and (min-width: 1024px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop::before {
        text-align: right
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop-only::before {
        text-align: right
    }
}

@media screen and (max-width: 1215px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-until-widescreen::before {
        text-align: right
    }
}

@media screen and (min-width: 1216px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen::before {
        text-align: right
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen-only::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen-only::before {
        text-align: right
    }
}

@media screen and (max-width: 1407px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-until-fullhd::before {
        text-align: right
    }
}

@media screen and (min-width: 1408px) {
    [data-tooltip]:not(.is-disabled).has-tooltip-text-right-fullhd::before, [data-tooltip]:not(.is-loading).has-tooltip-text-right-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-fullhd::before {
        text-align: right
    }
}

span[data-tooltip] {
    border-bottom: 1px dashed hsl(0deg, 0%, 86%)
}

span[data-tooltip].has-tooltip-white {
    border-bottom-color: #fff
}

span[data-tooltip].has-tooltip-black {
    border-bottom-color: #171717
}

span[data-tooltip].has-tooltip-light {
    border-bottom-color: #fff
}

span[data-tooltip].has-tooltip-dark {
    border-bottom-color: #424242
}

span[data-tooltip].has-tooltip-primary {
    border-bottom-color: #5e9aff
}

span[data-tooltip].has-tooltip-link {
    border-bottom-color: #8e9ee9
}

span[data-tooltip].has-tooltip-info {
    border-bottom-color: #fff
}

span[data-tooltip].has-tooltip-success {
    border-bottom-color: #5bcd9a
}

span[data-tooltip].has-tooltip-warning {
    border-bottom-color: #ffe7a3
}

span[data-tooltip].has-tooltip-danger {
    border-bottom-color: #f35e7c
}

.control span[data-tooltip] {
    border-bottom: none
}

.pricing-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing-table.is-comparative .pricing-plan {
    border-radius: initial;
    margin: 0
}

.pricing-table.is-comparative .pricing-plan:not(:last-child) {
    border-right: none
}

.pricing-table.is-comparative .pricing-plan:first-child {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.pricing-table.is-comparative .pricing-plan:last-child {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.pricing-table.is-comparative .pricing-plan.is-active {
    border: .1rem solid hsl(0deg, 0%, 96%);
    border-radius: .5rem
}

.pricing-table .pricing-plan {
    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-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: hsl(0deg, 0%, 100%);
    border: .1rem solid hsl(0deg, 0%, 96%);
    border-radius: .5rem;
    list-style-type: none;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    margin: .5em
}

.pricing-table .pricing-plan .plan-header {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: hsl(0deg, 0%, 100%);
    color: #363636;
    font-size: 1.25rem;
    font-weight: 600;
    padding: .75em;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center
}

.pricing-table .pricing-plan .plan-item {
    background: rgba(240, 241, 250, .5);
    border-bottom: .1rem solid hsl(0deg, 0%, 100%);
    padding: .75em;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    font-size: .9em;
    color: #0a0a0a
}

.pricing-table .pricing-plan .plan-price {
    background-color: #fff;
    color: #363636;
    font-size: .75rem;
    font-weight: 400;
    padding: .75em;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center
}

.pricing-table .pricing-plan .plan-price .plan-price-amount {
    font-size: 2.5rem;
    font-weight: 700
}

.pricing-table .pricing-plan .plan-price .plan-price-amount .plan-price-currency {
    vertical-align: super;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: #363636;
    margin-right: .25rem
}

.pricing-table .pricing-plan .plan-footer {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding: .75em;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    margin-top: auto
}

.pricing-table .pricing-plan.is-active {
    -webkit-box-shadow: 0 8px 12px 0 rgba(122, 122, 122, .2);
    box-shadow: 0 8px 12px 0 rgba(122, 122, 122, .2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.pricing-table .pricing-plan.is-active .plan-price .plan-price-amount {
    color: #448aff
}

.pricing-table .pricing-plan.is-active .plan-footer .button {
    background-color: #448aff;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-active .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-active .plan-footer .button:hover {
    background-color: #3782ff;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-active .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-active .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(68, 138, 255, .25);
    box-shadow: 0 0 .5em rgba(68, 138, 255, .25);
    color: #fff
}

.pricing-table .pricing-plan.is-active .plan-footer .button.is-active, .pricing-table .pricing-plan.is-active .plan-footer .button:active {
    background-color: #2b7aff;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-active .plan-footer .button[disabled] {
    background-color: #448aff;
    border-color: transparent
}

.pricing-table .pricing-plan.is-white .plan-price .plan-price-amount {
    color: hsl(0deg, 0%, 100%)
}

.pricing-table .pricing-plan.is-white .plan-footer .button {
    background-color: hsl(0deg, 0%, 100%);
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.pricing-table .pricing-plan.is-white .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-white .plan-footer .button:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.pricing-table .pricing-plan.is-white .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-white .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
    box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
    color: hsl(0deg, 0%, 4%)
}

.pricing-table .pricing-plan.is-white .plan-footer .button.is-active, .pricing-table .pricing-plan.is-white .plan-footer .button:active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: hsl(0deg, 0%, 4%)
}

.pricing-table .pricing-plan.is-white .plan-footer .button[disabled] {
    background-color: hsl(0deg, 0%, 100%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-black .plan-price .plan-price-amount {
    color: hsl(0deg, 0%, 4%)
}

.pricing-table .pricing-plan.is-black .plan-footer .button {
    background-color: hsl(0deg, 0%, 4%);
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.pricing-table .pricing-plan.is-black .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-black .plan-footer .button:hover {
    background-color: #040404;
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.pricing-table .pricing-plan.is-black .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-black .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
    box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
    color: hsl(0deg, 0%, 100%)
}

.pricing-table .pricing-plan.is-black .plan-footer .button.is-active, .pricing-table .pricing-plan.is-black .plan-footer .button:active {
    background-color: #000;
    border-color: transparent;
    color: hsl(0deg, 0%, 100%)
}

.pricing-table .pricing-plan.is-black .plan-footer .button[disabled] {
    background-color: hsl(0deg, 0%, 4%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-light .plan-price .plan-price-amount {
    color: hsl(0deg, 0%, 96%)
}

.pricing-table .pricing-plan.is-light .plan-footer .button {
    background-color: hsl(0deg, 0%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-light .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-light .plan-footer .button:hover {
    background-color: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-light .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-light .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
    box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-light .plan-footer .button.is-active, .pricing-table .pricing-plan.is-light .plan-footer .button:active {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-light .plan-footer .button[disabled] {
    background-color: hsl(0deg, 0%, 96%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-dark .plan-price .plan-price-amount {
    color: hsl(0deg, 0%, 21%)
}

.pricing-table .pricing-plan.is-dark .plan-footer .button {
    background-color: hsl(0deg, 0%, 21%);
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-dark .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-dark .plan-footer .button:hover {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-dark .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-dark .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    color: #fff
}

.pricing-table .pricing-plan.is-dark .plan-footer .button.is-active, .pricing-table .pricing-plan.is-dark .plan-footer .button:active {
    background-color: #292929;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-dark .plan-footer .button[disabled] {
    background-color: hsl(0deg, 0%, 21%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-primary .plan-price .plan-price-amount {
    color: #448aff
}

.pricing-table .pricing-plan.is-primary .plan-footer .button {
    background-color: #448aff;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-primary .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-primary .plan-footer .button:hover {
    background-color: #3782ff;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-primary .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-primary .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(68, 138, 255, .25);
    box-shadow: 0 0 .5em rgba(68, 138, 255, .25);
    color: #fff
}

.pricing-table .pricing-plan.is-primary .plan-footer .button.is-active, .pricing-table .pricing-plan.is-primary .plan-footer .button:active {
    background-color: #2b7aff;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-primary .plan-footer .button[disabled] {
    background-color: #448aff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-link .plan-price .plan-price-amount {
    color: #798ce5
}

.pricing-table .pricing-plan.is-link .plan-footer .button {
    background-color: #798ce5;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-link .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-link .plan-footer .button:hover {
    background-color: #6e83e3;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-link .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-link .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(121, 140, 229, .25);
    box-shadow: 0 0 .5em rgba(121, 140, 229, .25);
    color: #fff
}

.pricing-table .pricing-plan.is-link .plan-footer .button.is-active, .pricing-table .pricing-plan.is-link .plan-footer .button:active {
    background-color: #647ae1;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-link .plan-footer .button[disabled] {
    background-color: #798ce5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-info .plan-price .plan-price-amount {
    color: hsl(233deg, 47%, 96%)
}

.pricing-table .pricing-plan.is-info .plan-footer .button {
    background-color: hsl(233deg, 47%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-info .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-info .plan-footer .button:hover {
    background-color: #e7e8f6;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-info .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-info .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(240, 241, 250, .25);
    box-shadow: 0 0 .5em rgba(240, 241, 250, .25);
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-info .plan-footer .button.is-active, .pricing-table .pricing-plan.is-info .plan-footer .button:active {
    background-color: #dde0f3;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-info .plan-footer .button[disabled] {
    background-color: hsl(233deg, 47%, 96%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-success .plan-price .plan-price-amount {
    color: hsl(153deg, 53%, 53%)
}

.pricing-table .pricing-plan.is-success .plan-footer .button {
    background-color: hsl(153deg, 53%, 53%);
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-success .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-success .plan-footer .button:hover {
    background-color: #3ec487;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-success .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-success .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    color: #fff
}

.pricing-table .pricing-plan.is-success .plan-footer .button.is-active, .pricing-table .pricing-plan.is-success .plan-footer .button:active {
    background-color: #3abb81;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-success .plan-footer .button[disabled] {
    background-color: hsl(153deg, 53%, 53%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-warning .plan-price .plan-price-amount {
    color: hsl(44deg, 100%, 77%)
}

.pricing-table .pricing-plan.is-warning .plan-footer .button {
    background-color: hsl(44deg, 100%, 77%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-warning .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-warning .plan-footer .button:hover {
    background-color: #ffdc7d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-warning .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-warning .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-warning .plan-footer .button.is-active, .pricing-table .pricing-plan.is-warning .plan-footer .button:active {
    background-color: #ffd970;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.pricing-table .pricing-plan.is-warning .plan-footer .button[disabled] {
    background-color: hsl(44deg, 100%, 77%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table .pricing-plan.is-danger .plan-price .plan-price-amount {
    color: hsl(348deg, 86%, 61%)
}

.pricing-table .pricing-plan.is-danger .plan-footer .button {
    background-color: hsl(348deg, 86%, 61%);
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-danger .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-danger .plan-footer .button:hover {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-danger .plan-footer .button.is-focused, .pricing-table .pricing-plan.is-danger .plan-footer .button:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
    box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
    color: #fff
}

.pricing-table .pricing-plan.is-danger .plan-footer .button.is-active, .pricing-table .pricing-plan.is-danger .plan-footer .button:active {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff
}

.pricing-table .pricing-plan.is-danger .plan-footer .button[disabled] {
    background-color: hsl(348deg, 86%, 61%);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width: 769px), print {
    .pricing-table.is-comparative {
        margin: .5rem
    }

    .pricing-table.is-comparative.is-features {
        display: none
    }

    .pricing-table.is-comparative .plan-item::before {
        content: attr("data-feature")
    }

    .pricing-table.is-horizontal .pricing-plan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .pricing-table.is-horizontal .pricing-plan .plan-header {
        width: 50%;
        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
    }

    .pricing-table.is-horizontal .pricing-plan .plan-price {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pricing-table.is-horizontal .pricing-plan .plan-items {
        width: 100%;
        background-color: rgba(240, 241, 250, .5);
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        -webkit-column-gap: .1rem;
        -moz-column-gap: .1rem;
        column-gap: .1rem
    }

    .pricing-table.is-horizontal .pricing-plan .plan-footer {
        width: 50%;
        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;
        margin: auto
    }
}

@media screen and (max-width: 768px) {
    .pricing-table.is-comparative .pricing-plan {
        margin: .5rem
    }

    .pricing-table.is-comparative .pricing-plan.is-plan-first-mobile {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .pricing-table.is-comparative .pricing-plan.is-features {
        display: none
    }

    .pricing-table.is-comparative .pricing-plan .plan-item::before {
        content: attr(data-feature);
        display: block;
        font-weight: 600;
        font-size: .75rem;
        color: hsl(0deg, 0%, 71%)
    }
}

.is-checkradio[type=checkbox], .is-checkradio[type=radio] {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    position: absolute;
    opacity: 0
}

.is-checkradio[type=checkbox] + label, .is-checkradio[type=radio] + label {
    position: relative;
    display: initial;
    cursor: pointer;
    vertical-align: middle;
    margin: .5em;
    padding: .2rem .5rem .2rem 0;
    border-radius: .5rem
}

.is-checkradio[type=checkbox] + label:first-of-type, .is-checkradio[type=radio] + label:first-of-type {
    margin-left: 0
}

.is-checkradio[type=checkbox] + label:hover::before, .is-checkradio[type=checkbox] + label:hover:before, .is-checkradio[type=radio] + label:hover::before, .is-checkradio[type=radio] + label:hover:before {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: hover-color;
    animation-name: hover-color
}

.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before, .is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border: .1rem solid hsl(0deg, 0%, 86%)
}

.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after, .is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
    position: absolute;
    display: none;
    content: "";
    top: 0
}

.is-checkradio[type=checkbox].is-rtl + label, .is-checkradio[type=radio].is-rtl + label {
    margin-right: 0;
    margin-left: .5rem
}

.is-checkradio[type=checkbox].is-rtl + label::before, .is-checkradio[type=checkbox].is-rtl + label:before, .is-checkradio[type=radio].is-rtl + label::before, .is-checkradio[type=radio].is-rtl + label:before {
    left: auto;
    right: 0
}

.is-checkradio[type=checkbox]:focus + label::before, .is-checkradio[type=checkbox]:focus + label:before, .is-checkradio[type=radio]:focus + label::before, .is-checkradio[type=radio]:focus + label:before {
    outline: 1px dotted hsl(0deg, 0%, 71%)
}

.is-checkradio[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox]:hover:not([disabled]) + label:before, .is-checkradio[type=radio]:hover:not([disabled]) + label::before, .is-checkradio[type=radio]:hover:not([disabled]) + label:before {
    border-color: #448aff !important
}

.is-checkradio[type=checkbox]:checked + label::before, .is-checkradio[type=checkbox]:checked + label:before, .is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before {
    border: .1rem solid hsl(0deg, 0%, 86%)
}

.is-checkradio[type=checkbox]:checked[disabled], .is-checkradio[type=radio]:checked[disabled] {
    cursor: not-allowed
}

.is-checkradio[type=checkbox]:checked[disabled] + label, .is-checkradio[type=radio]:checked[disabled] + label {
    opacity: .5
}

.is-checkradio[type=checkbox]:checked + label::before, .is-checkradio[type=checkbox]:checked + label:before, .is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before {
    -webkit-animation-name: none;
    animation-name: none
}

.is-checkradio[type=checkbox]:checked + label::after, .is-checkradio[type=checkbox]:checked + label:after, .is-checkradio[type=radio]:checked + label::after, .is-checkradio[type=radio]:checked + label:after {
    display: inline-block
}

.is-checkradio[type=checkbox][disabled], .is-checkradio[type=radio][disabled] {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled] + label, .is-checkradio[type=radio][disabled] + label {
    opacity: .5;
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled] + label::after, .is-checkradio[type=checkbox][disabled] + label::before, .is-checkradio[type=checkbox][disabled] + label:after, .is-checkradio[type=checkbox][disabled] + label:before, .is-checkradio[type=checkbox][disabled] + label:hover, .is-checkradio[type=radio][disabled] + label::after, .is-checkradio[type=radio][disabled] + label::before, .is-checkradio[type=radio][disabled] + label:after, .is-checkradio[type=radio][disabled] + label:before, .is-checkradio[type=radio][disabled] + label:hover {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]:hover, .is-checkradio[type=radio][disabled]:hover {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]:hover::before, .is-checkradio[type=checkbox][disabled]:hover:before, .is-checkradio[type=radio][disabled]:hover::before, .is-checkradio[type=radio][disabled]:hover:before {
    -webkit-animation-name: none;
    animation-name: none
}

.is-checkradio[type=checkbox][disabled]::before, .is-checkradio[type=checkbox][disabled]:before, .is-checkradio[type=radio][disabled]::before, .is-checkradio[type=radio][disabled]:before {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]::after, .is-checkradio[type=checkbox][disabled]:after, .is-checkradio[type=radio][disabled]::after, .is-checkradio[type=radio][disabled]:after {
    cursor: not-allowed
}

.is-checkradio[type=checkbox].has-no-border + label::before, .is-checkradio[type=checkbox].has-no-border + label:before, .is-checkradio[type=radio].has-no-border + label::before, .is-checkradio[type=radio].has-no-border + label:before {
    border: none !important
}

.is-checkradio[type=checkbox].is-block, .is-checkradio[type=radio].is-block {
    display: none !important
}

.is-checkradio[type=checkbox].is-block + label, .is-checkradio[type=radio].is-block + label {
    width: 100% !important;
    background: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7);
    padding-right: .75em
}

.is-checkradio[type=checkbox].is-block:hover:not([disabled]) + label, .is-checkradio[type=radio].is-block:hover:not([disabled]) + label {
    background: #e8e8e8
}

.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before {
    border-radius: .5rem
}

.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
    border-width: .1rem;
    border-style: solid;
    border-color: #448aff;
    border-top: 0;
    border-left: 0
}

.is-checkradio[type=checkbox].is-circle + label::before, .is-checkradio[type=checkbox].is-circle + label:before {
    border-radius: 50%
}

.is-checkradio[type=checkbox] + label {
    font-size: 1rem;
    padding-left: 2rem
}

.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before {
    width: 24px;
    height: 24px
}

.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after {
    width: 6px;
    height: 14px;
    top: 3px;
    left: 10px
}

.is-checkradio[type=checkbox].is-block + label::before, .is-checkradio[type=checkbox].is-block + label:before {
    width: 1.25rem;
    height: 1.25rem;
    left: .175rem;
    top: .175rem
}

.is-checkradio[type=checkbox].is-block + label::after, .is-checkradio[type=checkbox].is-block + label:after {
    top: .325rem;
    left: .65rem
}

.is-checkradio[type=checkbox].is-rtl + label {
    padding-left: 0;
    padding-right: 2rem
}

.is-checkradio[type=checkbox].is-rtl + label::after, .is-checkradio[type=checkbox].is-rtl + label:after {
    left: auto;
    right: 14px
}

.is-checkradio[type=checkbox].is-small + label {
    font-size: .75rem;
    padding-left: 1.5rem
}

.is-checkradio[type=checkbox].is-small + label::before, .is-checkradio[type=checkbox].is-small + label:before {
    width: 24px;
    height: 24px
}

.is-checkradio[type=checkbox].is-small + label::after, .is-checkradio[type=checkbox].is-small + label:after {
    width: 6px;
    height: 14px;
    top: 3px;
    left: 10px
}

.is-checkradio[type=checkbox].is-small.is-block + label::before, .is-checkradio[type=checkbox].is-small.is-block + label:before {
    width: .9375rem;
    height: .9375rem;
    left: .175rem;
    top: .175rem
}

.is-checkradio[type=checkbox].is-small.is-block + label::after, .is-checkradio[type=checkbox].is-small.is-block + label:after {
    top: .29375rem;
    left: .5375rem
}

.is-checkradio[type=checkbox].is-small.is-rtl + label {
    padding-left: 0;
    padding-right: 1.5rem
}

.is-checkradio[type=checkbox].is-small.is-rtl + label::after, .is-checkradio[type=checkbox].is-small.is-rtl + label:after {
    left: auto;
    right: 14px
}

.is-checkradio[type=checkbox].is-medium + label {
    font-size: 1.25rem;
    padding-left: 2.5rem
}

.is-checkradio[type=checkbox].is-medium + label::before, .is-checkradio[type=checkbox].is-medium + label:before {
    width: 24px;
    height: 24px
}

.is-checkradio[type=checkbox].is-medium + label::after, .is-checkradio[type=checkbox].is-medium + label:after {
    width: 6px;
    height: 14px;
    top: 3px;
    left: 10px
}

.is-checkradio[type=checkbox].is-medium.is-block + label::before, .is-checkradio[type=checkbox].is-medium.is-block + label:before {
    width: 1.5625rem;
    height: 1.5625rem;
    left: .175rem;
    top: .175rem
}

.is-checkradio[type=checkbox].is-medium.is-block + label::after, .is-checkradio[type=checkbox].is-medium.is-block + label:after {
    top: .35625rem;
    left: .7625rem
}

.is-checkradio[type=checkbox].is-medium.is-rtl + label {
    padding-left: 0;
    padding-right: 2.5rem
}

.is-checkradio[type=checkbox].is-medium.is-rtl + label::after, .is-checkradio[type=checkbox].is-medium.is-rtl + label:after {
    left: auto;
    right: 14px
}

.is-checkradio[type=checkbox].is-large + label {
    font-size: 1.5rem;
    padding-left: 3rem
}

.is-checkradio[type=checkbox].is-large + label::before, .is-checkradio[type=checkbox].is-large + label:before {
    width: 24px;
    height: 24px
}

.is-checkradio[type=checkbox].is-large + label::after, .is-checkradio[type=checkbox].is-large + label:after {
    width: 6px;
    height: 14px;
    top: 3px;
    left: 10px
}

.is-checkradio[type=checkbox].is-large.is-block + label::before, .is-checkradio[type=checkbox].is-large.is-block + label:before {
    width: 1.875rem;
    height: 1.875rem;
    left: .175rem;
    top: .175rem
}

.is-checkradio[type=checkbox].is-large.is-block + label::after, .is-checkradio[type=checkbox].is-large.is-block + label:after {
    top: .3875rem;
    left: .875rem
}

.is-checkradio[type=checkbox].is-large.is-rtl + label {
    padding-left: 0;
    padding-right: 3rem
}

.is-checkradio[type=checkbox].is-large.is-rtl + label::after, .is-checkradio[type=checkbox].is-large.is-rtl + label:after {
    left: auto;
    right: 14px
}

.is-checkradio[type=checkbox].is-white.has-background-color + label::before, .is-checkradio[type=checkbox].is-white.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-white:checked + label::after, .is-checkradio[type=checkbox].is-white:checked + label:after {
    border-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:after {
    border-color: hsl(0deg, 0%, 4%) !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-white.is-block:checked + label {
    color: hsl(0deg, 0%, 4%);
    border-color: hsl(0deg, 0%, 100%) !important;
    background: hsl(0deg, 0%, 100%)
}

.is-checkradio[type=checkbox].is-white.is-block:checked + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked + label:after {
    border-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label {
    background: #f2f2f2
}

.is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #000 !important
}

.is-checkradio[type=checkbox].is-black.has-background-color + label::before, .is-checkradio[type=checkbox].is-black.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-black:checked + label::after, .is-checkradio[type=checkbox].is-black:checked + label:after {
    border-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:after {
    border-color: hsl(0deg, 0%, 100%) !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=checkbox].is-black.is-block:checked + label {
    color: hsl(0deg, 0%, 100%);
    border-color: hsl(0deg, 0%, 4%) !important;
    background: hsl(0deg, 0%, 4%)
}

.is-checkradio[type=checkbox].is-black.is-block:checked + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked + label:after {
    border-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label {
    background: #000
}

.is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #f2f2f2 !important
}

.is-checkradio[type=checkbox].is-light.has-background-color + label::before, .is-checkradio[type=checkbox].is-light.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=checkbox].is-light:checked + label::after, .is-checkradio[type=checkbox].is-light:checked + label:after {
    border-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:after {
    border-color: rgba(0, 0, 0, .7) !important;
    background-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=checkbox].is-light.is-block:checked + label {
    color: rgba(0, 0, 0, .7);
    border-color: hsl(0deg, 0%, 96%) !important;
    background: hsl(0deg, 0%, 96%)
}

.is-checkradio[type=checkbox].is-light.is-block:checked + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked + label:after {
    border-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label {
    background: #e8e8e8
}

.is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:before {
    border-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=checkbox].is-dark.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=checkbox].is-dark:checked + label::after, .is-checkradio[type=checkbox].is-dark:checked + label:after {
    border-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=checkbox].is-dark.is-block:checked + label {
    color: #fff;
    border-color: hsl(0deg, 0%, 21%) !important;
    background: hsl(0deg, 0%, 21%)
}

.is-checkradio[type=checkbox].is-dark.is-block:checked + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked + label:after {
    border-color: #fff !important
}

.is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label {
    background: #292929
}

.is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #f2f2f2 !important
}

.is-checkradio[type=checkbox].is-primary.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary.has-background-color + label:before {
    border-color: transparent !important;
    background-color: #448aff !important
}

.is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label:before {
    border-color: #448aff !important
}

.is-checkradio[type=checkbox].is-primary:checked + label::after, .is-checkradio[type=checkbox].is-primary:checked + label:after {
    border-color: #448aff !important
}

.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: #448aff !important
}

.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #448aff !important
}

.is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:before {
    border-color: #448aff !important
}

.is-checkradio[type=checkbox].is-primary.is-block:checked + label {
    color: #fff;
    border-color: #448aff !important;
    background: #448aff
}

.is-checkradio[type=checkbox].is-primary.is-block:checked + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked + label:after {
    border-color: #fff !important
}

.is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label {
    background: #2b7aff
}

.is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #f2f2f2 !important
}

.is-checkradio[type=checkbox].is-link.has-background-color + label::before, .is-checkradio[type=checkbox].is-link.has-background-color + label:before {
    border-color: transparent !important;
    background-color: #798ce5 !important
}

.is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label:before {
    border-color: #798ce5 !important
}

.is-checkradio[type=checkbox].is-link:checked + label::after, .is-checkradio[type=checkbox].is-link:checked + label:after {
    border-color: #798ce5 !important
}

.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: #798ce5 !important
}

.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #798ce5 !important
}

.is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:before {
    border-color: #798ce5 !important
}

.is-checkradio[type=checkbox].is-link.is-block:checked + label {
    color: #fff;
    border-color: #798ce5 !important;
    background: #798ce5
}

.is-checkradio[type=checkbox].is-link.is-block:checked + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked + label:after {
    border-color: #fff !important
}

.is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label {
    background: #647ae1
}

.is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #f2f2f2 !important
}

.is-checkradio[type=checkbox].is-info.has-background-color + label::before, .is-checkradio[type=checkbox].is-info.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label:before {
    border-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=checkbox].is-info:checked + label::after, .is-checkradio[type=checkbox].is-info:checked + label:after {
    border-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:after {
    border-color: rgba(0, 0, 0, .7) !important;
    background-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=checkbox].is-info.is-block:checked + label {
    color: rgba(0, 0, 0, .7);
    border-color: hsl(233deg, 47%, 96%) !important;
    background: hsl(233deg, 47%, 96%)
}

.is-checkradio[type=checkbox].is-info.is-block:checked + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked + label:after {
    border-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label {
    background: #dde0f3
}

.is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:before {
    border-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=checkbox].is-success.has-background-color + label::before, .is-checkradio[type=checkbox].is-success.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label:before {
    border-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=checkbox].is-success:checked + label::after, .is-checkradio[type=checkbox].is-success:checked + label:after {
    border-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=checkbox].is-success.is-block:checked + label {
    color: #fff;
    border-color: hsl(153deg, 53%, 53%) !important;
    background: hsl(153deg, 53%, 53%)
}

.is-checkradio[type=checkbox].is-success.is-block:checked + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked + label:after {
    border-color: #fff !important
}

.is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label {
    background: #3abb81
}

.is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #f2f2f2 !important
}

.is-checkradio[type=checkbox].is-warning.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label:before {
    border-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=checkbox].is-warning:checked + label::after, .is-checkradio[type=checkbox].is-warning:checked + label:after {
    border-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:after {
    border-color: rgba(0, 0, 0, .7) !important;
    background-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=checkbox].is-warning.is-block:checked + label {
    color: rgba(0, 0, 0, .7);
    border-color: hsl(44deg, 100%, 77%) !important;
    background: hsl(44deg, 100%, 77%)
}

.is-checkradio[type=checkbox].is-warning.is-block:checked + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked + label:after {
    border-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label {
    background: #ffd970
}

.is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:before {
    border-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=checkbox].is-danger.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label:before {
    border-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=checkbox].is-danger:checked + label::after, .is-checkradio[type=checkbox].is-danger:checked + label:after {
    border-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:before {
    border-color: transparent !important;
    background-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:before {
    border-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=checkbox].is-danger.is-block:checked + label {
    color: #fff;
    border-color: hsl(348deg, 86%, 61%) !important;
    background: hsl(348deg, 86%, 61%)
}

.is-checkradio[type=checkbox].is-danger.is-block:checked + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked + label:after {
    border-color: #fff !important
}

.is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label {
    background: #ef2e55
}

.is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:before {
    border-color: #f2f2f2 !important
}

.is-checkradio[type=checkbox]:indeterminate + label::after, .is-checkradio[type=checkbox]:indeterminate + label:after {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: none
}

.is-checkradio[type=checkbox]:indeterminate.is-white + label::after, .is-checkradio[type=checkbox]:indeterminate.is-white + label:after {
    border-color: hsl(0deg, 0%, 100%)
}

.is-checkradio[type=checkbox]:indeterminate.is-black + label::after, .is-checkradio[type=checkbox]:indeterminate.is-black + label:after {
    border-color: hsl(0deg, 0%, 4%)
}

.is-checkradio[type=checkbox]:indeterminate.is-light + label::after, .is-checkradio[type=checkbox]:indeterminate.is-light + label:after {
    border-color: hsl(0deg, 0%, 96%)
}

.is-checkradio[type=checkbox]:indeterminate.is-dark + label::after, .is-checkradio[type=checkbox]:indeterminate.is-dark + label:after {
    border-color: hsl(0deg, 0%, 21%)
}

.is-checkradio[type=checkbox]:indeterminate.is-primary + label::after, .is-checkradio[type=checkbox]:indeterminate.is-primary + label:after {
    border-color: #448aff
}

.is-checkradio[type=checkbox]:indeterminate.is-link + label::after, .is-checkradio[type=checkbox]:indeterminate.is-link + label:after {
    border-color: #798ce5
}

.is-checkradio[type=checkbox]:indeterminate.is-info + label::after, .is-checkradio[type=checkbox]:indeterminate.is-info + label:after {
    border-color: hsl(233deg, 47%, 96%)
}

.is-checkradio[type=checkbox]:indeterminate.is-success + label::after, .is-checkradio[type=checkbox]:indeterminate.is-success + label:after {
    border-color: hsl(153deg, 53%, 53%)
}

.is-checkradio[type=checkbox]:indeterminate.is-warning + label::after, .is-checkradio[type=checkbox]:indeterminate.is-warning + label:after {
    border-color: hsl(44deg, 100%, 77%)
}

.is-checkradio[type=checkbox]:indeterminate.is-danger + label::after, .is-checkradio[type=checkbox]:indeterminate.is-danger + label:after {
    border-color: hsl(348deg, 86%, 61%)
}

.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before {
    border-radius: 50%
}

.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
    border-radius: 50%;
    background: #448aff;
    left: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.is-checkradio[type=radio]:checked.has-background-color + label::before, .is-checkradio[type=radio]:checked.has-background-color + label:before {
    border-color: #363636 !important;
    background-color: #363636 !important
}

.is-checkradio[type=radio]:checked.has-background-color + label::after, .is-checkradio[type=radio]:checked.has-background-color + label:after {
    border-color: #363636 !important;
    background-color: #363636 !important
}

.is-checkradio[type=radio].is-rtl + label {
    padding-left: 0
}

.is-checkradio[type=radio].is-rtl + label::after, .is-checkradio[type=radio].is-rtl + label:after {
    left: auto;
    right: 0
}

.is-checkradio[type=radio] + label {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 2rem
}

.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:after, .is-checkradio[type=radio] + label:before {
    width: 1.5rem;
    height: 1.5rem
}

.is-checkradio[type=radio].is-rtl + label {
    padding-right: 2rem
}

.is-checkradio[type=radio].is-small + label {
    font-size: .75rem;
    line-height: 1.125rem;
    padding-left: 1.5rem
}

.is-checkradio[type=radio].is-small + label::after, .is-checkradio[type=radio].is-small + label::before, .is-checkradio[type=radio].is-small + label:after, .is-checkradio[type=radio].is-small + label:before {
    width: 1.125rem;
    height: 1.125rem
}

.is-checkradio[type=radio].is-small.is-rtl + label {
    padding-right: 1.5rem
}

.is-checkradio[type=radio].is-medium + label {
    font-size: 1.25rem;
    line-height: 1.875rem;
    padding-left: 2.5rem
}

.is-checkradio[type=radio].is-medium + label::after, .is-checkradio[type=radio].is-medium + label::before, .is-checkradio[type=radio].is-medium + label:after, .is-checkradio[type=radio].is-medium + label:before {
    width: 1.875rem;
    height: 1.875rem
}

.is-checkradio[type=radio].is-medium.is-rtl + label {
    padding-right: 2.5rem
}

.is-checkradio[type=radio].is-large + label {
    font-size: 1.5rem;
    line-height: 2.25rem;
    padding-left: 3rem
}

.is-checkradio[type=radio].is-large + label::after, .is-checkradio[type=radio].is-large + label::before, .is-checkradio[type=radio].is-large + label:after, .is-checkradio[type=radio].is-large + label:before {
    width: 2.25rem;
    height: 2.25rem
}

.is-checkradio[type=radio].is-large.is-rtl + label {
    padding-right: 3rem
}

.is-checkradio[type=radio].is-white.has-background-color + label::before, .is-checkradio[type=radio].is-white.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 100%) !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=radio].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-white:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=radio].is-white:checked + label::after, .is-checkradio[type=radio].is-white:checked + label:after {
    border-color: hsl(0deg, 0%, 100%) !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=radio].is-white:checked.has-background-color + label::before, .is-checkradio[type=radio].is-white:checked.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 100%) !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=radio].is-white:checked.has-background-color + label::after, .is-checkradio[type=radio].is-white:checked.has-background-color + label:after {
    border-color: hsl(0deg, 0%, 4%) !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=radio].is-black.has-background-color + label::before, .is-checkradio[type=radio].is-black.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 4%) !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=radio].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-black:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=radio].is-black:checked + label::after, .is-checkradio[type=radio].is-black:checked + label:after {
    border-color: hsl(0deg, 0%, 4%) !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=radio].is-black:checked.has-background-color + label::before, .is-checkradio[type=radio].is-black:checked.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 4%) !important;
    background-color: hsl(0deg, 0%, 4%) !important
}

.is-checkradio[type=radio].is-black:checked.has-background-color + label::after, .is-checkradio[type=radio].is-black:checked.has-background-color + label:after {
    border-color: hsl(0deg, 0%, 100%) !important;
    background-color: hsl(0deg, 0%, 100%) !important
}

.is-checkradio[type=radio].is-light.has-background-color + label::before, .is-checkradio[type=radio].is-light.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 96%) !important;
    background-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=radio].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-light:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=radio].is-light:checked + label::after, .is-checkradio[type=radio].is-light:checked + label:after {
    border-color: hsl(0deg, 0%, 96%) !important;
    background-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=radio].is-light:checked.has-background-color + label::before, .is-checkradio[type=radio].is-light:checked.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 96%) !important;
    background-color: hsl(0deg, 0%, 96%) !important
}

.is-checkradio[type=radio].is-light:checked.has-background-color + label::after, .is-checkradio[type=radio].is-light:checked.has-background-color + label:after {
    border-color: rgba(0, 0, 0, .7) !important;
    background-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=radio].is-dark.has-background-color + label::before, .is-checkradio[type=radio].is-dark.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 21%) !important;
    background-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=radio].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-dark:hover:not([disabled]) + label:before {
    border-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=radio].is-dark:checked + label::after, .is-checkradio[type=radio].is-dark:checked + label:after {
    border-color: hsl(0deg, 0%, 21%) !important;
    background-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=radio].is-dark:checked.has-background-color + label::before, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:before {
    border-color: hsl(0deg, 0%, 21%) !important;
    background-color: hsl(0deg, 0%, 21%) !important
}

.is-checkradio[type=radio].is-dark:checked.has-background-color + label::after, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #fff !important
}

.is-checkradio[type=radio].is-primary.has-background-color + label::before, .is-checkradio[type=radio].is-primary.has-background-color + label:before {
    border-color: #448aff !important;
    background-color: #448aff !important
}

.is-checkradio[type=radio].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-primary:hover:not([disabled]) + label:before {
    border-color: #448aff !important
}

.is-checkradio[type=radio].is-primary:checked + label::after, .is-checkradio[type=radio].is-primary:checked + label:after {
    border-color: #448aff !important;
    background-color: #448aff !important
}

.is-checkradio[type=radio].is-primary:checked.has-background-color + label::before, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:before {
    border-color: #448aff !important;
    background-color: #448aff !important
}

.is-checkradio[type=radio].is-primary:checked.has-background-color + label::after, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #fff !important
}

.is-checkradio[type=radio].is-link.has-background-color + label::before, .is-checkradio[type=radio].is-link.has-background-color + label:before {
    border-color: #798ce5 !important;
    background-color: #798ce5 !important
}

.is-checkradio[type=radio].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-link:hover:not([disabled]) + label:before {
    border-color: #798ce5 !important
}

.is-checkradio[type=radio].is-link:checked + label::after, .is-checkradio[type=radio].is-link:checked + label:after {
    border-color: #798ce5 !important;
    background-color: #798ce5 !important
}

.is-checkradio[type=radio].is-link:checked.has-background-color + label::before, .is-checkradio[type=radio].is-link:checked.has-background-color + label:before {
    border-color: #798ce5 !important;
    background-color: #798ce5 !important
}

.is-checkradio[type=radio].is-link:checked.has-background-color + label::after, .is-checkradio[type=radio].is-link:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #fff !important
}

.is-checkradio[type=radio].is-info.has-background-color + label::before, .is-checkradio[type=radio].is-info.has-background-color + label:before {
    border-color: hsl(233deg, 47%, 96%) !important;
    background-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=radio].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-info:hover:not([disabled]) + label:before {
    border-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=radio].is-info:checked + label::after, .is-checkradio[type=radio].is-info:checked + label:after {
    border-color: hsl(233deg, 47%, 96%) !important;
    background-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=radio].is-info:checked.has-background-color + label::before, .is-checkradio[type=radio].is-info:checked.has-background-color + label:before {
    border-color: hsl(233deg, 47%, 96%) !important;
    background-color: hsl(233deg, 47%, 96%) !important
}

.is-checkradio[type=radio].is-info:checked.has-background-color + label::after, .is-checkradio[type=radio].is-info:checked.has-background-color + label:after {
    border-color: rgba(0, 0, 0, .7) !important;
    background-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=radio].is-success.has-background-color + label::before, .is-checkradio[type=radio].is-success.has-background-color + label:before {
    border-color: hsl(153deg, 53%, 53%) !important;
    background-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=radio].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-success:hover:not([disabled]) + label:before {
    border-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=radio].is-success:checked + label::after, .is-checkradio[type=radio].is-success:checked + label:after {
    border-color: hsl(153deg, 53%, 53%) !important;
    background-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=radio].is-success:checked.has-background-color + label::before, .is-checkradio[type=radio].is-success:checked.has-background-color + label:before {
    border-color: hsl(153deg, 53%, 53%) !important;
    background-color: hsl(153deg, 53%, 53%) !important
}

.is-checkradio[type=radio].is-success:checked.has-background-color + label::after, .is-checkradio[type=radio].is-success:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #fff !important
}

.is-checkradio[type=radio].is-warning.has-background-color + label::before, .is-checkradio[type=radio].is-warning.has-background-color + label:before {
    border-color: hsl(44deg, 100%, 77%) !important;
    background-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=radio].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-warning:hover:not([disabled]) + label:before {
    border-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=radio].is-warning:checked + label::after, .is-checkradio[type=radio].is-warning:checked + label:after {
    border-color: hsl(44deg, 100%, 77%) !important;
    background-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=radio].is-warning:checked.has-background-color + label::before, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:before {
    border-color: hsl(44deg, 100%, 77%) !important;
    background-color: hsl(44deg, 100%, 77%) !important
}

.is-checkradio[type=radio].is-warning:checked.has-background-color + label::after, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:after {
    border-color: rgba(0, 0, 0, .7) !important;
    background-color: rgba(0, 0, 0, .7) !important
}

.is-checkradio[type=radio].is-danger.has-background-color + label::before, .is-checkradio[type=radio].is-danger.has-background-color + label:before {
    border-color: hsl(348deg, 86%, 61%) !important;
    background-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=radio].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-danger:hover:not([disabled]) + label:before {
    border-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=radio].is-danger:checked + label::after, .is-checkradio[type=radio].is-danger:checked + label:after {
    border-color: hsl(348deg, 86%, 61%) !important;
    background-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=radio].is-danger:checked.has-background-color + label::before, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:before {
    border-color: hsl(348deg, 86%, 61%) !important;
    background-color: hsl(348deg, 86%, 61%) !important
}

.is-checkradio[type=radio].is-danger:checked.has-background-color + label::after, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:after {
    border-color: #fff !important;
    background-color: #fff !important
}

.has-ribbon {
    position: relative
}

.has-ribbon-left {
    position: relative
}

.has-ribbon-left .ribbon {
    right: auto;
    left: 0;
    border-left: none;
    border-right: .1rem solid hsl(0deg, 0%, 86%)
}

.has-ribbon-bottom {
    position: relative
}

.has-ribbon-bottom .ribbon {
    top: auto;
    bottom: .5em
}

.ribbon {
    background-color: hsl(0deg, 0%, 100%);
    border: .1rem solid hsl(0deg, 0%, 86%);
    border-right: none;
    color: hsl(0deg, 0%, 21%);
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    top: .5em;
    right: 0;
    font-weight: 400;
    z-index: 2
}

.ribbon.is-white:not(.is-outlined) {
    background-color: hsl(0deg, 0%, 100%);
    border-color: transparent;
    color: hsl(0deg, 0%, 4%) !important
}

.ribbon.is-white.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 100%)
}

.ribbon.is-black:not(.is-outlined) {
    background-color: hsl(0deg, 0%, 4%);
    border-color: transparent;
    color: hsl(0deg, 0%, 100%) !important
}

.ribbon.is-black.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 4%)
}

.ribbon.is-light:not(.is-outlined) {
    background-color: hsl(0deg, 0%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7) !important
}

.ribbon.is-light.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 96%)
}

.ribbon.is-dark:not(.is-outlined) {
    background-color: hsl(0deg, 0%, 21%);
    border-color: transparent;
    color: #fff !important
}

.ribbon.is-dark.is-outlined {
    background-color: transparent;
    border-color: hsl(0deg, 0%, 21%)
}

.ribbon.is-primary:not(.is-outlined) {
    background-color: #448aff;
    border-color: transparent;
    color: #fff !important
}

.ribbon.is-primary.is-outlined {
    background-color: transparent;
    border-color: #448aff
}

.ribbon.is-link:not(.is-outlined) {
    background-color: #798ce5;
    border-color: transparent;
    color: #fff !important
}

.ribbon.is-link.is-outlined {
    background-color: transparent;
    border-color: #798ce5
}

.ribbon.is-info:not(.is-outlined) {
    background-color: hsl(233deg, 47%, 96%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7) !important
}

.ribbon.is-info.is-outlined {
    background-color: transparent;
    border-color: hsl(233deg, 47%, 96%)
}

.ribbon.is-success:not(.is-outlined) {
    background-color: hsl(153deg, 53%, 53%);
    border-color: transparent;
    color: #fff !important
}

.ribbon.is-success.is-outlined {
    background-color: transparent;
    border-color: hsl(153deg, 53%, 53%)
}

.ribbon.is-warning:not(.is-outlined) {
    background-color: hsl(44deg, 100%, 77%);
    border-color: transparent;
    color: rgba(0, 0, 0, .7) !important
}

.ribbon.is-warning.is-outlined {
    background-color: transparent;
    border-color: hsl(44deg, 100%, 77%)
}

.ribbon.is-danger:not(.is-outlined) {
    background-color: hsl(348deg, 86%, 61%);
    border-color: transparent;
    color: #fff !important
}

.ribbon.is-danger.is-outlined {
    background-color: transparent;
    border-color: hsl(348deg, 86%, 61%)
}

.ribbon.is-small {
    font-size: .75rem
}

.ribbon.is-medium {
    font-size: 1.25rem
}

.ribbon.is-large {
    font-size: 1.5rem
}

.ribbon.is-outlined {
    background-color: transparent
}

.content ul.block-list {
    list-style: none;
    margin-left: 0
}

.block-list {
    list-style: none
}

.block-list li {
    padding: 16px;
    background: hsl(0deg, 0%, 96%);
    margin-bottom: .25rem
}

.block-list li.is-left, .block-list.is-left > li {
    text-align: left
}

.block-list li.is-centered, .block-list.is-centered > li {
    text-align: center
}

.block-list li.is-right, .block-list.is-right > li {
    text-align: right
}

.block-list li.is-small, .block-list.is-small > li {
    font-size: .875em;
    padding: 10.6666666667px
}

.block-list li.is-normal, .block-list.is-normal > li {
    font-size: 1em
}

.block-list li.is-large, .block-list.is-large > li {
    font-size: 1.5rem
}

.block-list li.has-radius, .block-list.has-radius > li {
    border-radius: .5rem
}

.block-list li.is-highlighted, .block-list.is-highlighted > li {
    border-left: 5px hsl(0deg, 0%, 21%) solid
}

.block-list li.is-outlined, .block-list.is-outlined > li {
    background: 0 0;
    color: hsl(0deg, 0%, 86%);
    border: 1px solid hsl(0deg, 0%, 86%);
    color: #363636
}

.block-list li.has-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block-list li.has-icon .icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 1em
}

.block-list li.has-icon span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.block-list li.has-icon.is-right .icon {
    margin-right: 0;
    margin-left: 1em
}

.block-list li.is-white, .block-list.is-white > li {
    background: hsl(0deg, 0%, 100%);
    color: hsl(0deg, 0%, 4%)
}

.block-list li.is-white.is-outlined {
    background: 0 0;
    color: hsl(0deg, 0%, 100%);
    border: 1px solid hsl(0deg, 0%, 100%)
}

.block-list li.is-white.is-highlighted {
    background: 0 0;
    color: hsl(0deg, 0%, 100%);
    border: 1px solid hsl(0deg, 0%, 100%);
    border-left: 5px hsl(0deg, 0%, 100%) solid
}

.block-list.is-white li.is-outlined, .block-list.is-white.is-outlined > li {
    background: 0 0;
    color: hsl(0deg, 0%, 100%);
    border: 1px solid hsl(0deg, 0%, 100%)
}

.block-list.is-white li.is-highlighted, .block-list.is-white.is-highlighted > li {
    background: 0 0;
    color: hsl(0deg, 0%, 100%);
    border: 1px solid hsl(0deg, 0%, 100%);
    border-left: 5px hsl(0deg, 0%, 100%) solid
}

.block-list li.is-black, .block-list.is-black > li {
    background: hsl(0deg, 0%, 4%);
    color: hsl(0deg, 0%, 100%)
}

.block-list li.is-black.is-outlined {
    background: 0 0;
    color: hsl(0deg, 0%, 4%);
    border: 1px solid hsl(0deg, 0%, 4%)
}

.block-list li.is-black.is-highlighted {
    background: 0 0;
    color: hsl(0deg, 0%, 4%);
    border: 1px solid hsl(0deg, 0%, 4%);
    border-left: 5px hsl(0deg, 0%, 4%) solid
}

.block-list.is-black li.is-outlined, .block-list.is-black.is-outlined > li {
    background: 0 0;
    color: hsl(0deg, 0%, 4%);
    border: 1px solid hsl(0deg, 0%, 4%)
}

.block-list.is-black li.is-highlighted, .block-list.is-black.is-highlighted > li {
    background: 0 0;
    color: hsl(0deg, 0%, 4%);
    border: 1px solid hsl(0deg, 0%, 4%);
    border-left: 5px hsl(0deg, 0%, 4%) solid
}

.block-list li.is-light, .block-list.is-light > li {
    background: hsl(0deg, 0%, 96%);
    color: rgba(0, 0, 0, .7)
}

.block-list li.is-light.is-outlined {
    background: 0 0;
    color: hsl(0deg, 0%, 96%);
    border: 1px solid hsl(0deg, 0%, 96%)
}

.block-list li.is-light.is-highlighted {
    background: 0 0;
    color: hsl(0deg, 0%, 96%);
    border: 1px solid hsl(0deg, 0%, 96%);
    border-left: 5px hsl(0deg, 0%, 96%) solid
}

.block-list.is-light li.is-outlined, .block-list.is-light.is-outlined > li {
    background: 0 0;
    color: hsl(0deg, 0%, 96%);
    border: 1px solid hsl(0deg, 0%, 96%)
}

.block-list.is-light li.is-highlighted, .block-list.is-light.is-highlighted > li {
    background: 0 0;
    color: hsl(0deg, 0%, 96%);
    border: 1px solid hsl(0deg, 0%, 96%);
    border-left: 5px hsl(0deg, 0%, 96%) solid
}

.block-list li.is-dark, .block-list.is-dark > li {
    background: hsl(0deg, 0%, 21%);
    color: #fff
}

.block-list li.is-dark.is-outlined {
    background: 0 0;
    color: hsl(0deg, 0%, 21%);
    border: 1px solid hsl(0deg, 0%, 21%)
}

.block-list li.is-dark.is-highlighted {
    background: 0 0;
    color: hsl(0deg, 0%, 21%);
    border: 1px solid hsl(0deg, 0%, 21%);
    border-left: 5px hsl(0deg, 0%, 21%) solid
}

.block-list.is-dark li.is-outlined, .block-list.is-dark.is-outlined > li {
    background: 0 0;
    color: hsl(0deg, 0%, 21%);
    border: 1px solid hsl(0deg, 0%, 21%)
}

.block-list.is-dark li.is-highlighted, .block-list.is-dark.is-highlighted > li {
    background: 0 0;
    color: hsl(0deg, 0%, 21%);
    border: 1px solid hsl(0deg, 0%, 21%);
    border-left: 5px hsl(0deg, 0%, 21%) solid
}

.block-list li.is-primary, .block-list.is-primary > li {
    background: #448aff;
    color: #fff
}

.block-list li.is-primary.is-outlined {
    background: 0 0;
    color: #448aff;
    border: 1px solid #448aff
}

.block-list li.is-primary.is-highlighted {
    background: 0 0;
    color: #448aff;
    border: 1px solid #448aff;
    border-left: 5px #448aff solid
}

.block-list.is-primary li.is-outlined, .block-list.is-primary.is-outlined > li {
    background: 0 0;
    color: #448aff;
    border: 1px solid #448aff
}

.block-list.is-primary li.is-highlighted, .block-list.is-primary.is-highlighted > li {
    background: 0 0;
    color: #448aff;
    border: 1px solid #448aff;
    border-left: 5px #448aff solid
}

.block-list li.is-link, .block-list.is-link > li {
    background: #798ce5;
    color: #fff
}

.block-list li.is-link.is-outlined {
    background: 0 0;
    color: #798ce5;
    border: 1px solid #798ce5
}

.block-list li.is-link.is-highlighted {
    background: 0 0;
    color: #798ce5;
    border: 1px solid #798ce5;
    border-left: 5px #798ce5 solid
}

.block-list.is-link li.is-outlined, .block-list.is-link.is-outlined > li {
    background: 0 0;
    color: #798ce5;
    border: 1px solid #798ce5
}

.block-list.is-link li.is-highlighted, .block-list.is-link.is-highlighted > li {
    background: 0 0;
    color: #798ce5;
    border: 1px solid #798ce5;
    border-left: 5px #798ce5 solid
}

.block-list li.is-info, .block-list.is-info > li {
    background: hsl(233deg, 47%, 96%);
    color: rgba(0, 0, 0, .7)
}

.block-list li.is-info.is-outlined {
    background: 0 0;
    color: hsl(233deg, 47%, 96%);
    border: 1px solid hsl(233deg, 47%, 96%)
}

.block-list li.is-info.is-highlighted {
    background: 0 0;
    color: hsl(233deg, 47%, 96%);
    border: 1px solid hsl(233deg, 47%, 96%);
    border-left: 5px hsl(233deg, 47%, 96%) solid
}

.block-list.is-info li.is-outlined, .block-list.is-info.is-outlined > li {
    background: 0 0;
    color: hsl(233deg, 47%, 96%);
    border: 1px solid hsl(233deg, 47%, 96%)
}

.block-list.is-info li.is-highlighted, .block-list.is-info.is-highlighted > li {
    background: 0 0;
    color: hsl(233deg, 47%, 96%);
    border: 1px solid hsl(233deg, 47%, 96%);
    border-left: 5px hsl(233deg, 47%, 96%) solid
}

.block-list li.is-success, .block-list.is-success > li {
    background: hsl(153deg, 53%, 53%);
    color: #fff
}

.block-list li.is-success.is-outlined {
    background: 0 0;
    color: hsl(153deg, 53%, 53%);
    border: 1px solid hsl(153deg, 53%, 53%)
}

.block-list li.is-success.is-highlighted {
    background: 0 0;
    color: hsl(153deg, 53%, 53%);
    border: 1px solid hsl(153deg, 53%, 53%);
    border-left: 5px hsl(153deg, 53%, 53%) solid
}

.block-list.is-success li.is-outlined, .block-list.is-success.is-outlined > li {
    background: 0 0;
    color: hsl(153deg, 53%, 53%);
    border: 1px solid hsl(153deg, 53%, 53%)
}

.block-list.is-success li.is-highlighted, .block-list.is-success.is-highlighted > li {
    background: 0 0;
    color: hsl(153deg, 53%, 53%);
    border: 1px solid hsl(153deg, 53%, 53%);
    border-left: 5px hsl(153deg, 53%, 53%) solid
}

.block-list li.is-warning, .block-list.is-warning > li {
    background: hsl(44deg, 100%, 77%);
    color: rgba(0, 0, 0, .7)
}

.block-list li.is-warning.is-outlined {
    background: 0 0;
    color: hsl(44deg, 100%, 77%);
    border: 1px solid hsl(44deg, 100%, 77%)
}

.block-list li.is-warning.is-highlighted {
    background: 0 0;
    color: hsl(44deg, 100%, 77%);
    border: 1px solid hsl(44deg, 100%, 77%);
    border-left: 5px hsl(44deg, 100%, 77%) solid
}

.block-list.is-warning li.is-outlined, .block-list.is-warning.is-outlined > li {
    background: 0 0;
    color: hsl(44deg, 100%, 77%);
    border: 1px solid hsl(44deg, 100%, 77%)
}

.block-list.is-warning li.is-highlighted, .block-list.is-warning.is-highlighted > li {
    background: 0 0;
    color: hsl(44deg, 100%, 77%);
    border: 1px solid hsl(44deg, 100%, 77%);
    border-left: 5px hsl(44deg, 100%, 77%) solid
}

.block-list li.is-danger, .block-list.is-danger > li {
    background: hsl(348deg, 86%, 61%);
    color: #fff
}

.block-list li.is-danger.is-outlined {
    background: 0 0;
    color: hsl(348deg, 86%, 61%);
    border: 1px solid hsl(348deg, 86%, 61%)
}

.block-list li.is-danger.is-highlighted {
    background: 0 0;
    color: hsl(348deg, 86%, 61%);
    border: 1px solid hsl(348deg, 86%, 61%);
    border-left: 5px hsl(348deg, 86%, 61%) solid
}

.block-list.is-danger li.is-outlined, .block-list.is-danger.is-outlined > li {
    background: 0 0;
    color: hsl(348deg, 86%, 61%);
    border: 1px solid hsl(348deg, 86%, 61%)
}

.block-list.is-danger li.is-highlighted, .block-list.is-danger.is-highlighted > li {
    background: 0 0;
    color: hsl(348deg, 86%, 61%);
    border: 1px solid hsl(348deg, 86%, 61%);
    border-left: 5px hsl(348deg, 86%, 61%) solid
}

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

.steps .steps-segment {
    position: relative
}

.steps .steps-segment:not(:last-child):after {
    content: " ";
    display: block;
    position: absolute
}

@media screen and (max-width: 768px) {
    .steps:not(.is-horizontal) .steps-segment {
        display: block
    }

    .steps:not(.is-horizontal) .steps-segment:not(:last-child) {
        min-height: 4em
    }
}

.steps.is-vertical .steps-segment {
    display: block
}

.steps.is-vertical .steps-segment:not(:last-child) {
    min-height: 4em
}

@media screen and (min-width: 769px), print {
    .steps:not(.is-vertical) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .steps:not(.is-vertical) .steps-segment:not(:last-child) {
        -ms-flex-preferred-size: 1rem;
        flex-basis: 1rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .steps:not(.is-vertical).is-narrow .steps-segment {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .steps:not(.is-vertical).is-narrow .steps-segment:not(:last-child) {
        min-width: 10em
    }

    .steps:not(.is-vertical).is-narrow.is-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .steps:not(.is-vertical).is-narrow.is-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .steps:not(.is-vertical).has-content-centered {
        text-align: center
    }

    .steps:not(.is-vertical).has-content-centered .steps-segment:last-child, .steps:not(.is-vertical).is-balanced .steps-segment:last-child {
        -ms-flex-preferred-size: 1rem;
        flex-basis: 1rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .steps:not(.is-vertical).is-narrow.has-content-centered .steps-segment:last-child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        min-width: 10em
    }

    .steps:not(.is-vertical) .steps-content.is-divider-content {
        text-align: center
    }
}

.steps.is-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps.is-horizontal .steps-segment:not(:last-child) {
    -ms-flex-preferred-size: 1rem;
    flex-basis: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.steps.is-horizontal.is-narrow .steps-segment {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.steps.is-horizontal.is-narrow .steps-segment:not(:last-child) {
    min-width: 10em
}

.steps.is-horizontal.is-narrow.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.steps.is-horizontal.is-narrow.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.steps.is-horizontal.has-content-centered {
    text-align: center
}

.steps.is-horizontal.has-content-centered .steps-segment:last-child, .steps.is-horizontal.is-balanced .steps-segment:last-child {
    -ms-flex-preferred-size: 1rem;
    flex-basis: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.steps.is-horizontal.is-narrow.has-content-centered .steps-segment:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 10em
}

.steps.is-horizontal .steps-content.is-divider-content {
    text-align: center
}

.steps .steps-marker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 10
}

.steps {
    font-size: 1rem
}

.steps .steps-marker {
    height: 2rem;
    width: 2rem
}

@media screen and (max-width: 768px) {
    .steps:not(.is-horizontal) .steps-segment:not(:last-child):after {
        bottom: -.24rem;
        left: calc(1rem - (.2em));
        top: 1.76rem;
        width: .4em
    }

    .steps:not(.is-horizontal) .steps-content {
        margin-left: calc(1rem + .5em);
        margin-top: -2rem;
        padding-left: 1em;
        padding-bottom: 1em
    }

    .steps:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }

    .steps:not(.is-horizontal).has-content-centered .steps-content {
        padding-top: calc(1rem - .5em)
    }

    .steps:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        top: 2.3rem;
        bottom: .3rem
    }
}

.steps.is-vertical .steps-segment:not(:last-child):after {
    bottom: -.24rem;
    left: calc(1rem - (.2em));
    top: 1.76rem;
    width: .4em
}

.steps.is-vertical .steps-content {
    margin-left: calc(1rem + .5em);
    margin-top: -2rem;
    padding-left: 1em;
    padding-bottom: 1em
}

.steps.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-vertical.has-content-centered .steps-content {
    padding-top: calc(1rem - .5em)
}

.steps.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    top: 2.3rem;
    bottom: .3rem
}

@media screen and (min-width: 769px), print {
    .steps:not(.is-vertical) .steps-segment:not(:last-child):after {
        height: .4em;
        left: 1.76rem;
        right: -.24rem;
        top: calc(1rem - (.2em))
    }

    .steps:not(.is-vertical) .steps-content {
        margin-left: 1rem
    }

    .steps:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -1rem
    }

    .steps:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -1rem;
        padding-left: 2em;
        padding-right: 2em
    }

    .steps:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
        left: 50%;
        right: -50%
    }

    .steps:not(.is-vertical).has-content-centered .steps-marker {
        position: absolute;
        left: calc(50% - 1rem)
    }

    .steps:not(.is-vertical).has-content-centered .steps-content {
        margin-top: 2rem;
        margin-left: .5em;
        margin-right: .5em;
        padding-top: .2em
    }

    .steps:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        left: 2.3rem;
        right: .3rem
    }

    .steps:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
        left: calc(50% + 1.3rem);
        right: calc(-50% + 1.3rem)
    }
}

.steps.is-horizontal .steps-segment:not(:last-child):after {
    height: .4em;
    left: 1.76rem;
    right: -.24rem;
    top: calc(1rem - (.2em))
}

.steps.is-horizontal .steps-content {
    margin-left: 1rem
}

.steps.is-horizontal .steps-content:not(:last-child) {
    margin-right: -1rem
}

.steps.is-horizontal .steps-content.is-divider-content {
    margin-right: -1rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%
}

.steps.is-horizontal.has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1rem)
}

.steps.is-horizontal.has-content-centered .steps-content {
    margin-top: 2rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em
}

.steps.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    left: 2.3rem;
    right: .3rem
}

.steps.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem)
}

.steps.is-small {
    font-size: .75rem
}

.steps.is-small .steps-marker {
    height: 1.5rem;
    width: 1.5rem
}

@media screen and (max-width: 768px) {
    .steps.is-small:not(.is-horizontal) .steps-segment:not(:last-child):after {
        bottom: -.24rem;
        left: calc(.75rem - (.2em));
        top: 1.26rem;
        width: .4em
    }

    .steps.is-small:not(.is-horizontal) .steps-content {
        margin-left: calc(.75rem + .5em);
        margin-top: -1.5rem;
        padding-left: 1em;
        padding-bottom: 1em
    }

    .steps.is-small:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }

    .steps.is-small:not(.is-horizontal).has-content-centered .steps-content {
        padding-top: calc(.75rem - .5em)
    }

    .steps.is-small:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-small:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        top: 1.8rem;
        bottom: .3rem
    }
}

.steps.is-small.is-vertical .steps-segment:not(:last-child):after {
    bottom: -.24rem;
    left: calc(.75rem - (.2em));
    top: 1.26rem;
    width: .4em
}

.steps.is-small.is-vertical .steps-content {
    margin-left: calc(.75rem + .5em);
    margin-top: -1.5rem;
    padding-left: 1em;
    padding-bottom: 1em
}

.steps.is-small.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-small.is-vertical.has-content-centered .steps-content {
    padding-top: calc(.75rem - .5em)
}

.steps.is-small.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-small.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    top: 1.8rem;
    bottom: .3rem
}

@media screen and (min-width: 769px), print {
    .steps.is-small:not(.is-vertical) .steps-segment:not(:last-child):after {
        height: .4em;
        left: 1.26rem;
        right: -.24rem;
        top: calc(.75rem - (.2em))
    }

    .steps.is-small:not(.is-vertical) .steps-content {
        margin-left: .75rem
    }

    .steps.is-small:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -.75rem
    }

    .steps.is-small:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -.75rem;
        padding-left: 2em;
        padding-right: 2em
    }

    .steps.is-small:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
        left: 50%;
        right: -50%
    }

    .steps.is-small:not(.is-vertical).has-content-centered .steps-marker {
        position: absolute;
        left: calc(50% - .75rem)
    }

    .steps.is-small:not(.is-vertical).has-content-centered .steps-content {
        margin-top: 1.5rem;
        margin-left: .5em;
        margin-right: .5em;
        padding-top: .2em
    }

    .steps.is-small:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-small:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        left: 1.8rem;
        right: .3rem
    }

    .steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
        left: calc(50% + 1.05rem);
        right: calc(-50% + 1.05rem)
    }
}

.steps.is-small.is-horizontal .steps-segment:not(:last-child):after {
    height: .4em;
    left: 1.26rem;
    right: -.24rem;
    top: calc(.75rem - (.2em))
}

.steps.is-small.is-horizontal .steps-content {
    margin-left: .75rem
}

.steps.is-small.is-horizontal .steps-content:not(:last-child) {
    margin-right: -.75rem
}

.steps.is-small.is-horizontal .steps-content.is-divider-content {
    margin-right: -.75rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-small.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%
}

.steps.is-small.is-horizontal.has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - .75rem)
}

.steps.is-small.is-horizontal.has-content-centered .steps-content {
    margin-top: 1.5rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em
}

.steps.is-small.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-small.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    left: 1.8rem;
    right: .3rem
}

.steps.is-small.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-small.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
    left: calc(50% + 1.05rem);
    right: calc(-50% + 1.05rem)
}

.steps.is-medium {
    font-size: 1.25rem
}

.steps.is-medium .steps-marker {
    height: 2.5rem;
    width: 2.5rem
}

@media screen and (max-width: 768px) {
    .steps.is-medium:not(.is-horizontal) .steps-segment:not(:last-child):after {
        bottom: -.24rem;
        left: calc(1.25rem - (.2em));
        top: 2.26rem;
        width: .4em
    }

    .steps.is-medium:not(.is-horizontal) .steps-content {
        margin-left: calc(1.25rem + .5em);
        margin-top: -2.5rem;
        padding-left: 1em;
        padding-bottom: 1em
    }

    .steps.is-medium:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }

    .steps.is-medium:not(.is-horizontal).has-content-centered .steps-content {
        padding-top: calc(1.25rem - .5em)
    }

    .steps.is-medium:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-medium:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        top: 2.8rem;
        bottom: .3rem
    }
}

.steps.is-medium.is-vertical .steps-segment:not(:last-child):after {
    bottom: -.24rem;
    left: calc(1.25rem - (.2em));
    top: 2.26rem;
    width: .4em
}

.steps.is-medium.is-vertical .steps-content {
    margin-left: calc(1.25rem + .5em);
    margin-top: -2.5rem;
    padding-left: 1em;
    padding-bottom: 1em
}

.steps.is-medium.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-medium.is-vertical.has-content-centered .steps-content {
    padding-top: calc(1.25rem - .5em)
}

.steps.is-medium.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-medium.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    top: 2.8rem;
    bottom: .3rem
}

@media screen and (min-width: 769px), print {
    .steps.is-medium:not(.is-vertical) .steps-segment:not(:last-child):after {
        height: .4em;
        left: 2.26rem;
        right: -.24rem;
        top: calc(1.25rem - (.2em))
    }

    .steps.is-medium:not(.is-vertical) .steps-content {
        margin-left: 1.25rem
    }

    .steps.is-medium:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -1.25rem
    }

    .steps.is-medium:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -1.25rem;
        padding-left: 2em;
        padding-right: 2em
    }

    .steps.is-medium:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
        left: 50%;
        right: -50%
    }

    .steps.is-medium:not(.is-vertical).has-content-centered .steps-marker {
        position: absolute;
        left: calc(50% - 1.25rem)
    }

    .steps.is-medium:not(.is-vertical).has-content-centered .steps-content {
        margin-top: 2.5rem;
        margin-left: .5em;
        margin-right: .5em;
        padding-top: .2em
    }

    .steps.is-medium:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-medium:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        left: 2.8rem;
        right: .3rem
    }

    .steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
        left: calc(50% + 1.55rem);
        right: calc(-50% + 1.55rem)
    }
}

.steps.is-medium.is-horizontal .steps-segment:not(:last-child):after {
    height: .4em;
    left: 2.26rem;
    right: -.24rem;
    top: calc(1.25rem - (.2em))
}

.steps.is-medium.is-horizontal .steps-content {
    margin-left: 1.25rem
}

.steps.is-medium.is-horizontal .steps-content:not(:last-child) {
    margin-right: -1.25rem
}

.steps.is-medium.is-horizontal .steps-content.is-divider-content {
    margin-right: -1.25rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-medium.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%
}

.steps.is-medium.is-horizontal.has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1.25rem)
}

.steps.is-medium.is-horizontal.has-content-centered .steps-content {
    margin-top: 2.5rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em
}

.steps.is-medium.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-medium.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    left: 2.8rem;
    right: .3rem
}

.steps.is-medium.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-medium.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
    left: calc(50% + 1.55rem);
    right: calc(-50% + 1.55rem)
}

.steps.is-large {
    font-size: 1.5rem
}

.steps.is-large .steps-marker {
    height: 3rem;
    width: 3rem
}

@media screen and (max-width: 768px) {
    .steps.is-large:not(.is-horizontal) .steps-segment:not(:last-child):after {
        bottom: -.24rem;
        left: calc(1.5rem - (.2em));
        top: 2.76rem;
        width: .4em
    }

    .steps.is-large:not(.is-horizontal) .steps-content {
        margin-left: calc(1.5rem + .5em);
        margin-top: -3rem;
        padding-left: 1em;
        padding-bottom: 1em
    }

    .steps.is-large:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }

    .steps.is-large:not(.is-horizontal).has-content-centered .steps-content {
        padding-top: calc(1.5rem - .5em)
    }

    .steps.is-large:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-large:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        top: 3.3rem;
        bottom: .3rem
    }
}

.steps.is-large.is-vertical .steps-segment:not(:last-child):after {
    bottom: -.24rem;
    left: calc(1.5rem - (.2em));
    top: 2.76rem;
    width: .4em
}

.steps.is-large.is-vertical .steps-content {
    margin-left: calc(1.5rem + .5em);
    margin-top: -3rem;
    padding-left: 1em;
    padding-bottom: 1em
}

.steps.is-large.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-large.is-vertical.has-content-centered .steps-content {
    padding-top: calc(1.5rem - .5em)
}

.steps.is-large.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-large.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    top: 3.3rem;
    bottom: .3rem
}

@media screen and (min-width: 769px), print {
    .steps.is-large:not(.is-vertical) .steps-segment:not(:last-child):after {
        height: .4em;
        left: 2.76rem;
        right: -.24rem;
        top: calc(1.5rem - (.2em))
    }

    .steps.is-large:not(.is-vertical) .steps-content {
        margin-left: 1.5rem
    }

    .steps.is-large:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -1.5rem
    }

    .steps.is-large:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -1.5rem;
        padding-left: 2em;
        padding-right: 2em
    }

    .steps.is-large:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
        left: 50%;
        right: -50%
    }

    .steps.is-large:not(.is-vertical).has-content-centered .steps-marker {
        position: absolute;
        left: calc(50% - 1.5rem)
    }

    .steps.is-large:not(.is-vertical).has-content-centered .steps-content {
        margin-top: 3rem;
        margin-left: .5em;
        margin-right: .5em;
        padding-top: .2em
    }

    .steps.is-large:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-large:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
        left: 3.3rem;
        right: .3rem
    }

    .steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
        left: calc(50% + 1.8rem);
        right: calc(-50% + 1.8rem)
    }
}

.steps.is-large.is-horizontal .steps-segment:not(:last-child):after {
    height: .4em;
    left: 2.76rem;
    right: -.24rem;
    top: calc(1.5rem - (.2em))
}

.steps.is-large.is-horizontal .steps-content {
    margin-left: 1.5rem
}

.steps.is-large.is-horizontal .steps-content:not(:last-child) {
    margin-right: -1.5rem
}

.steps.is-large.is-horizontal .steps-content.is-divider-content {
    margin-right: -1.5rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-large.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%
}

.steps.is-large.is-horizontal.has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1.5rem)
}

.steps.is-large.is-horizontal.has-content-centered .steps-content {
    margin-top: 3rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em
}

.steps.is-large.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after, .steps.is-large.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after {
    left: 3.3rem;
    right: .3rem
}

.steps.is-large.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-large.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
    left: calc(50% + 1.8rem);
    right: calc(-50% + 1.8rem)
}

.steps-segment:after {
    background-color: #448aff
}

.steps-segment.is-active:after {
    background-color: hsl(0deg, 0%, 86%)
}

.steps-segment.is-active ~ .steps-segment:after {
    background-color: hsl(0deg, 0%, 86%)
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
    background-color: #448aff;
    color: #fff
}

.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
    background-color: #448aff;
    color: #fff
}

.steps:not(.is-hollow) .steps-segment.is-active ~ .steps-segment .steps-marker:not(.is-hollow) {
    background-color: hsl(0deg, 0%, 86%);
    color: rgba(0, 0, 0, .7)
}

.steps-marker.is-hollow, .steps.is-hollow .steps-marker {
    border: .3em solid #448aff
}

.steps .is-active .steps-marker.is-hollow, .steps.is-hollow .is-active .steps-marker {
    border-color: #448aff
}

.steps-segment.is-active ~ .steps-segment .steps-marker.is-hollow, .steps.is-hollow .steps-segment.is-active ~ .steps-segment .steps-marker {
    border-color: hsl(0deg, 0%, 86%)
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-white {
    background-color: hsl(0deg, 0%, 100%) !important;
    color: hsl(0deg, 0%, 4%) !important
}

.steps .steps-marker.is-hollow.is-white, .steps.is-hollow .steps-marker.is-white {
    border-color: hsl(0deg, 0%, 100%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-black {
    background-color: hsl(0deg, 0%, 4%) !important;
    color: hsl(0deg, 0%, 100%) !important
}

.steps .steps-marker.is-hollow.is-black, .steps.is-hollow .steps-marker.is-black {
    border-color: hsl(0deg, 0%, 4%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-light {
    background-color: hsl(0deg, 0%, 96%) !important;
    color: rgba(0, 0, 0, .7) !important
}

.steps .steps-marker.is-hollow.is-light, .steps.is-hollow .steps-marker.is-light {
    border-color: hsl(0deg, 0%, 96%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-dark {
    background-color: hsl(0deg, 0%, 21%) !important;
    color: #fff !important
}

.steps .steps-marker.is-hollow.is-dark, .steps.is-hollow .steps-marker.is-dark {
    border-color: hsl(0deg, 0%, 21%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-primary {
    background-color: #448aff !important;
    color: #fff !important
}

.steps .steps-marker.is-hollow.is-primary, .steps.is-hollow .steps-marker.is-primary {
    border-color: #448aff !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-link {
    background-color: #798ce5 !important;
    color: #fff !important
}

.steps .steps-marker.is-hollow.is-link, .steps.is-hollow .steps-marker.is-link {
    border-color: #798ce5 !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-info {
    background-color: hsl(233deg, 47%, 96%) !important;
    color: rgba(0, 0, 0, .7) !important
}

.steps .steps-marker.is-hollow.is-info, .steps.is-hollow .steps-marker.is-info {
    border-color: hsl(233deg, 47%, 96%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-success {
    background-color: hsl(153deg, 53%, 53%) !important;
    color: #fff !important
}

.steps .steps-marker.is-hollow.is-success, .steps.is-hollow .steps-marker.is-success {
    border-color: hsl(153deg, 53%, 53%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-warning {
    background-color: hsl(44deg, 100%, 77%) !important;
    color: rgba(0, 0, 0, .7) !important
}

.steps .steps-marker.is-hollow.is-warning, .steps.is-hollow .steps-marker.is-warning {
    border-color: hsl(44deg, 100%, 77%) !important
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-danger {
    background-color: hsl(348deg, 86%, 61%) !important;
    color: #fff !important
}

.steps .steps-marker.is-hollow.is-danger, .steps.is-hollow .steps-marker.is-danger {
    border-color: hsl(348deg, 86%, 61%) !important
}

@media screen and (max-width: 768px) {
    .steps:not(.is-horizontal) .steps-segment.is-dashed:after, .steps:not(.is-horizontal).is-dashed .steps-segment:after {
        background: -o-repeating-linear-gradient(bottom, #448aff, #448aff 5px, transparent 5px, transparent 10px);
        background: repeating-linear-gradient(0deg, #448aff, #448aff 5px, transparent 5px, transparent 10px)
    }

    .steps:not(.is-horizontal) .steps-segment.is-active.is-dashed:after, .steps:not(.is-horizontal) .steps-segment.is-active ~ .steps-segment.is-dashed:after, .steps:not(.is-horizontal).is-dashed .steps-segment.is-active:after, .steps:not(.is-horizontal).is-dashed .steps-segment.is-active ~ .steps-segment:after {
        background: -o-repeating-linear-gradient(bottom, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 5px, transparent 5px, transparent 10px);
        background: repeating-linear-gradient(0deg, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 5px, transparent 5px, transparent 10px)
    }
}

.steps.is-vertical .steps-segment.is-dashed:after, .steps.is-vertical.is-dashed .steps-segment:after {
    background: -o-repeating-linear-gradient(bottom, #448aff, #448aff 5px, transparent 5px, transparent 10px);
    background: repeating-linear-gradient(0deg, #448aff, #448aff 5px, transparent 5px, transparent 10px)
}

.steps.is-vertical .steps-segment.is-active.is-dashed:after, .steps.is-vertical .steps-segment.is-active ~ .steps-segment.is-dashed:after, .steps.is-vertical.is-dashed .steps-segment.is-active:after, .steps.is-vertical.is-dashed .steps-segment.is-active ~ .steps-segment:after {
    background: -o-repeating-linear-gradient(bottom, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 5px, transparent 5px, transparent 10px);
    background: repeating-linear-gradient(0deg, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 5px, transparent 5px, transparent 10px)
}

@media screen and (min-width: 769px), print {
    .steps:not(.is-vertical) .steps-segment.is-dashed:after, .steps:not(.is-vertical).is-dashed .steps-segment:after {
        background: -o-repeating-linear-gradient(left, #448aff, #448aff 10px, transparent 10px, transparent 20px);
        background: repeating-linear-gradient(90deg, #448aff, #448aff 10px, transparent 10px, transparent 20px)
    }

    .steps:not(.is-vertical) .steps-segment.is-active.is-dashed:after, .steps:not(.is-vertical) .steps-segment.is-active ~ .steps-segment.is-dashed:after, .steps:not(.is-vertical).is-dashed .steps-segment.is-active:after, .steps:not(.is-vertical).is-dashed .steps-segment.is-active ~ .steps-segment:after {
        background: -o-repeating-linear-gradient(left, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 10px, transparent 10px, transparent 20px);
        background: repeating-linear-gradient(90deg, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 10px, transparent 10px, transparent 20px)
    }
}

.steps.is-horizontal .steps-segment.is-dashed:after, .steps.is-horizontal.is-dashed .steps-segment:after {
    background: -o-repeating-linear-gradient(left, #448aff, #448aff 10px, transparent 10px, transparent 20px);
    background: repeating-linear-gradient(90deg, #448aff, #448aff 10px, transparent 10px, transparent 20px)
}

.steps.is-horizontal .steps-segment.is-active.is-dashed:after, .steps.is-horizontal .steps-segment.is-active ~ .steps-segment.is-dashed:after, .steps.is-horizontal.is-dashed .steps-segment.is-active:after, .steps.is-horizontal.is-dashed .steps-segment.is-active ~ .steps-segment:after {
    background: -o-repeating-linear-gradient(left, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 10px, transparent 10px, transparent 20px);
    background: repeating-linear-gradient(90deg, hsl(0deg, 0%, 86%), hsl(0deg, 0%, 86%) 10px, transparent 10px, transparent 20px)
}

.steps.is-thin .steps-marker {
    width: .8em;
    height: .8em
}

.steps.is-thin .steps-marker.is-hollow, .steps.is-thin.is-hollow .steps-marker {
    border-width: 1px;
    height: calc(.8em + 1px);
    width: calc(.8em + 1px)
}

@media screen and (max-width: 768px) {
    .steps.is-thin:not(.is-horizontal) .steps-segment:not(:last-child):after {
        bottom: 0;
        left: calc(.4em - .5px);
        top: .8em;
        width: 1px
    }

    .steps.is-thin:not(.is-horizontal) .steps-content {
        margin-top: -1.2em;
        margin-left: .8em
    }

    .steps.is-thin:not(.is-horizontal) .steps-segment.has-gaps:not(:last-child):after, .steps.is-thin:not(.is-horizontal).has-gaps .steps-segment:not(:last-child):after {
        bottom: .4em;
        top: 1.2em
    }

    .steps.is-thin:not(.is-horizontal).has-content-centered .steps-content {
        padding-top: 1.6em
    }
}

.steps.is-thin.is-vertical .steps-segment:not(:last-child):after {
    bottom: 0;
    left: calc(.4em - .5px);
    top: .8em;
    width: 1px
}

.steps.is-thin.is-vertical .steps-content {
    margin-top: -1.2em;
    margin-left: .8em
}

.steps.is-thin.is-vertical .steps-segment.has-gaps:not(:last-child):after, .steps.is-thin.is-vertical.has-gaps .steps-segment:not(:last-child):after {
    bottom: .4em;
    top: 1.2em
}

.steps.is-thin.is-vertical.has-content-centered .steps-content {
    padding-top: 1.6em
}

@media screen and (min-width: 769px), print {
    .steps.is-thin:not(.is-vertical) .steps-segment:not(:last-child):after {
        left: .8em;
        right: 0;
        top: calc(.4em - .5px);
        height: 1px
    }

    .steps.is-thin:not(.is-vertical) .steps-content {
        margin-top: .8em
    }

    .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
        left: calc(50% + .4em);
        right: calc(-50% + .4em)
    }

    .steps.is-thin:not(.is-vertical).has-content-centered .steps-marker {
        position: absolute;
        left: calc(50% - .4em)
    }

    .steps.is-thin:not(.is-vertical) .steps-segment.has-gaps:not(:last-child):after, .steps.is-thin:not(.is-vertical).has-gaps .steps-segment:not(:last-child):after {
        left: 1.2em;
        right: .4em
    }

    .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-thin:not(.is-vertical).has-content-centered.has-gaps .steps-segment:not(:last-child):after {
        left: calc(50% + .8em);
        right: calc(-50% + .8em)
    }
}

.steps.is-thin.is-horizontal .steps-segment:not(:last-child):after {
    left: .8em;
    right: 0;
    top: calc(.4em - .5px);
    height: 1px
}

.steps.is-thin.is-horizontal .steps-content {
    margin-top: .8em
}

.steps.is-thin.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
    left: calc(50% + .4em);
    right: calc(-50% + .4em)
}

.steps.is-thin.is-horizontal.has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - .4em)
}

.steps.is-thin.is-horizontal .steps-segment.has-gaps:not(:last-child):after, .steps.is-thin.is-horizontal.has-gaps .steps-segment:not(:last-child):after {
    left: 1.2em;
    right: .4em
}

.steps.is-thin.is-horizontal.has-content-centered .steps-segment.has-gaps:not(:last-child):after, .steps.is-thin.is-horizontal.has-content-centered.has-gaps .steps-segment:not(:last-child):after {
    left: calc(50% + .8em);
    right: calc(-50% + .8em)
}

html {
    scroll-behavior: smooth
}

body.has-navbar-fixed-top {
    padding-top: 4.25rem;
    overflow: hidden
}

.app-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 52px;
    min-height: 100vh
}

@media screen and (min-width: 900px) {
    .app-container {
        padding-top: 80px
    }

    .title {
        word-break: keep-all
    }

    .title.is-1 {
        font-size: 4.625rem;
        font-weight: 700
    }
}

.has-tooltip-multiline {
    line-height: 16px
}

main {
    overflow-x: hidden
}

.button {
    border-radius: .5rem
}

.input {
    border-radius: .5rem
}

.button.is-ghost#platform-toggle {
    color: #fff !important
}

.tag {
    z-index: 1
}

.tag:not(body) {
    border-radius: .5rem
}

.tag.is-micro {
    height: auto;
    padding: 4px 8px;
    font-size: .75rem;
    line-height: 1
}

.button.is-micro {
    height: auto;
    padding: 4px 8px;
    font-size: .75rem;
    line-height: 1
}

.is-blue-gradient {
    background: #788ce4
}

.is-blue-gradient h1, .is-blue-gradient h2, .is-blue-gradient h3, .is-blue-gradient p {
    color: hsl(0deg, 0%, 100%)
}

.lazyload, .lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1
}

a.dropdown-item, button.dropdown-item {
    text-align: left
}

.menu-list a {
    color: hsl(0deg, 0%, 48%)
}

.has-ratio {
    border-radius: .5rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02)
}

.break-word {
    word-break: break-word
}

.loader-trinity {
    -webkit-animation: loader-trinity 1s linear 0s infinite;
    animation: loader-trinity 1s linear 0s infinite
}

@-webkit-keyframes loader-trinity {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-trinity {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (max-width: 767px) {
    .reverse-columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1023px) {
    .is-blue-gradient {
        background: -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
        background: linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%)
    }
}

.email-message {
    opacity: 0;
    visibility: hidden;
    height: 0;
    line-height: 0;
    margin: 0
}

.email-message--show {
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    line-height: 1;
    visibility: visible;
    height: auto;
    margin-bottom: 12px;
    opacity: 1
}

.tag.is-btc {
    background: -o-linear-gradient(135deg, #ffc75b, #f39402);
    background: linear-gradient(-45deg, #ffc75b, #f39402);
    color: #fff
}

.tag.is-algo {
    background: #0a0a0a;
    color: #fff
}

.tag.is-sol {
    background: -o-linear-gradient(200.49deg, #00ffa3, #dc1fff);
    background: linear-gradient(249.51deg, #00ffa3, #dc1fff);
    color: #fff
}

.tag.is-eth {
    background: -o-linear-gradient(164.76deg, #8476d9 49.78%, #8db4ff 69.77%);
    background: linear-gradient(285.24deg, #8476d9 49.78%, #8db4ff 69.77%);
    color: #fff
}

.tag.is-trx {
    background: #e60815;
    color: #fff
}

.tag.is-bsc {
    background: #f0b90b;
    color: #fff
}

.tag.is-bnb {
    background: #f0b90b;
    color: #fff
}

.tag.is-matic {
    background: -o-radial-gradient(54.13% 113.95%, 66.32% 66.32%, #743bd6 0, rgba(242, 89, 255, 0) 100%), -o-linear-gradient(238.01deg, rgba(65, 157, 241, .2) -4.17%, rgba(45, 143, 234, 0) 68.7%), -o-radial-gradient(28.65% 0, 100% 100%, rgba(109, 0, 255, .75) 0, rgba(250, 247, 254, 0) 100%);
    background: radial-gradient(66.32% 66.32% at 54.13% 113.95%, #743bd6 0, rgba(242, 89, 255, 0) 100%), linear-gradient(211.99deg, rgba(65, 157, 241, .2) -4.17%, rgba(45, 143, 234, 0) 68.7%), radial-gradient(100% 100% at 28.65% 0, rgba(109, 0, 255, .75) 0, rgba(250, 247, 254, 0) 100%);
    color: #fff
}

.vertical-tabs {
    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;
    padding-left: 2rem;
    max-width: 520px
}

.vertical-tabs::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 99em;
    background-color: #f3f3f9;
    content: ""
}

.vertical-tabs.cards-plastic-tabs::before {
    background-color: #448aff
}

.vertical-tabs.cards-plastic-tabs .tab {
    cursor: initial
}

.vertical-tabs .tab {
    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;
    cursor: pointer;
    opacity: .5;
    -webkit-transition-duration: 86ms;
    -o-transition-duration: 86ms;
    transition-duration: 86ms;
    will-change: opacity;
    transition-duration: 86ms
}

.vertical-tabs .tab::before {
    position: absolute;
    top: -2px;
    left: -2rem;
    bottom: -2px;
    width: 4px;
    border-radius: 99em;
    background-color: #448aff;
    content: "";
    opacity: 0;
    -webkit-transition-duration: 172ms;
    -o-transition-duration: 172ms;
    transition-duration: 172ms
}

.vertical-tabs .tab.is-active {
    opacity: 1
}

.vertical-tabs .tab.is-active::before {
    opacity: 1
}

.vertical-tabs .tab:hover {
    opacity: 1
}

.vertical-tabs .tab + .tab {
    margin-top: 2rem
}

.countdown-merge-img {
    right: -18%;
    top: -111%;
    -webkit-transform: scale(.44);
    -ms-transform: scale(.44);
    transform: scale(.44)
}

#countdown-merge ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#countdown-merge ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 1.25rem;
    color: hsl(0deg, 0%, 100%)
}

#countdown-merge ul li span {
    font-size: 3rem;
    color: hsl(0deg, 0%, 100%);
    font-weight: 700
}

#countdown-merge ul li:not(:last-child) {
    margin-right: 4rem
}

.sf-root a img {
    min-width: unset !important
}

.table.is-scrollable tbody {
    overflow-y: scroll;
    width: auto
}

.content-tab {
    visibility: hidden;
    display: none;
    opacity: 0
}

.content-tab.is-active {
    visibility: visible;
    display: block;
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.level-item.pay-option {
    border-radius: .5rem;
    border: 1px solid #e6e7e8;
    max-width: 42px
}

.level-item.pay-option:not(:last-child) {
    margin-right: 4px
}

.icon-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-card {
    max-height: calc(100vh - 160px);
    max-width: calc(100vw - 20px)
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.animation-scroll {
    -webkit-animation: animscroll 19s linear 0s infinite alternate none running;
    animation: animscroll 19s linear 0s infinite alternate none running
}

.animation-scroll-reverse {
    animation: animscroll 19s linear 0s infinite alternate-reverse none running
}

@media screen and (max-width: 768px) {
    .vertical-tabs .tab {
        opacity: 1
    }

    .vertical-tabs .tab::before {
        opacity: 1
    }

    .vertical-tabs::before {
        background-color: #448aff
    }

    .level-item.pay-option {
        max-width: 30px
    }

    .level-item.pay-option:last-child {
        margin-bottom: .75rem
    }

    #countdown-merge ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #countdown-merge ul li {
        font-size: 1rem;
        margin: 0 !important
    }
}

@media screen and (min-width: 1181px), print {
    .animation-scroll {
        -webkit-animation: animscroll 45s linear 0s infinite alternate none running;
        animation: animscroll 45s linear 0s infinite alternate none running
    }

    .animation-scroll-reverse {
        animation: animscroll 45s linear 0s infinite alternate-reverse none running
    }
}

#scrollToTopMain {
    position: fixed;
    display: none;
    border-radius: 50%;
    display: block;
    right: 40px;
    top: auto;
    bottom: 120px
}

#beacon {
    position: fixed;
    height: 35px;
    width: 150px;
    z-index: 1500;
    background-color: #448aff;
    right: 40px;
    top: auto;
    bottom: 40px;
    border: none;
    border-radius: 200px;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 4px 7px;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 7px;
    color: #fff
}

@media (max-width: 450px) {
    #beacon {
        right: 20px;
        bottom: 10px
    }
}

.beacon__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beacon__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 200px;
    bottom: 0;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    outline: 0;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 999;
    background-color: #448aff;
    border: none;
    color: #fff;
    cursor: pointer;
    min-width: 60px;
    -webkit-transition: background-color .2s linear 0s, -webkit-transform .2s linear 0s;
    transition: background-color .2s linear 0s, -webkit-transform .2s linear 0s;
    -o-transition: background-color .2s linear 0s, transform .2s linear 0s;
    transition: background-color .2s linear 0s, transform .2s linear 0s;
    transition: background-color .2s linear 0s, transform .2s linear 0s, -webkit-transform .2s linear 0s;
    -webkit-tap-highlight-color: transparent;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.beacon__button span {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 15px
}

.beacon__button:hover {
    background-color: #798ce5;
    -webkit-box-shadow: rgba(0, 0, 0, .06) 0 0 0 30px inset;
    box-shadow: rgba(0, 0, 0, .06) 0 0 0 30px inset
}

.beacon__button:active {
    background-color: #798ce5;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 0 30px inset;
    box-shadow: rgba(0, 0, 0, .1) 0 0 0 30px inset;
    cursor: pointer;
    -webkit-transform: scale(.96);
    -ms-transform: scale(.96);
    transform: scale(.96)
}

@-webkit-keyframes animscroll {
    from {
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0)
    }
    to {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }
}

@keyframes animscroll {
    from {
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0)
    }
    to {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }
}

.icon.appstore {
    -webkit-mask: url(../img/appstore.svg) no-repeat center;
    mask: url(../img/appstore.svg) no-repeat center;
    background: #fff
}

.icon.playstore {
    -webkit-mask: url(../img/playstore.svg) no-repeat center;
    mask: url(../img/playstore.svg) no-repeat center;
    background: #fff
}

header.nav-header {
    height: 52px;
    position: fixed;
    background: #fff;
    width: 100vw;
    -webkit-box-shadow: 0 2px 0 #f5f5f5;
    box-shadow: 0 2px 0 #f5f5f5;
    z-index: 1000
}

.navigation {
    height: 52px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation .brand-logo {
    margin-left: 1rem
}

.navigation .brand-logo .logo {
    height: 36px;
    width: 28.19px
}

.navigation-menu {
    display: none
}

.mobile-menu {
    background-color: #fff;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    display: none;
    top: 52px;
    z-index: 100;
    -webkit-overflow-scrolling: touch
}

.mobile-menu-download-btn {
    display: none
}

.mobile-menu-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.mobile-menu-items {
    border-bottom: 1px solid;
    border-color: hsl(0deg, 0%, 86%);
    padding-bottom: 1rem;
    padding-top: 1rem
}

.mobile-menu-items .title {
    letter-spacing: .1em;
    margin-bottom: 1rem
}

.mobile-menu-item {
    color: hsl(0deg, 0%, 29%);
    padding: 0
}

.mobile-menu-item .icon {
    background: #ebf2ff;
    border-radius: .5rem;
    color: #004ccc;
    width: 40px;
    height: 40px
}

.mobile-menu-item .icon ion-icon {
    font-size: 1.5rem
}

.mobile-menu-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    border-radius: .5rem
}

.mobile-menu-item a span.item-name {
    display: block;
    margin-left: .75rem;
    color: inherit;
    font-size: .9rem
}

.mobile-menu-item a:hover {
    background: #ebf2ff;
    color: #004ccc
}

.mobile-menu-ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mobile-menu-ul li {
    padding: 0;
    margin-bottom: .75rem
}

.mobile-menu-ul li:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 900px) {
    header.nav-header {
        height: 80px
    }

    header.nav-header .mobile-menu-download-btn {
        display: none
    }

    .navigation {
        height: 80px
    }

    .navigation .brand-logo {
        margin-left: 0
    }

    .navigation .brand-logo .logo {
        height: 59.5px;
        width: 46.24px
    }

    .navigation-menu {
        display: block;
        position: relative
    }

    .navigation-menu .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 80px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navigation-menu .items .localization-icon {
        padding: .125rem;
        border-radius: 50%;
        border: 1px solid hsl(0deg, 0%, 86%)
    }

    .navigation-menu .items .localization-icon span {
        font-size: 20px;
        line-height: 20px;
        padding: .25rem;
        display: block
    }

    .navigation-menu .items .launch-btn strong {
        cursor: pointer
    }

    .navigation-menu .items .link-item {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        padding-left: .75rem;
        padding-right: .75rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navigation-menu .items .link-item span.link-name {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        cursor: pointer;
        font-size: 16px;
        line-height: 24px;
        color: rgba(54, 54, 54, .88);
        padding: 5px 10px;
        border-radius: .5rem;
        will-change: background;
        white-space: nowrap
    }

    .navigation-menu .items .link-item span.link-name:hover {
        background: #ebf2ff;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        color: #363636
    }

    .navigation-menu .items .link-item span.link-name.hovered {
        background: #ebf2ff;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        color: #363636
    }

    .navigation-menu .items .link-item .opened-menu-wrap {
        height: auto;
        position: absolute;
        right: 0;
        top: 81px;
        width: 800px
    }

    .navigation-menu .items .link-item .opened-menu-wrap.hide {
        display: none;
        visibility: hidden;
        opacity: 0
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner.hide {
        display: none;
        visibility: hidden;
        opacity: 0
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .blue-box {
        border-radius: .5rem
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .blue-box.get-started {
        width: 100%
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .blue-box-learn {
        background: #ebf2ff;
        border-radius: .5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .blue-box-learn .posts-wrap .post-img {
        height: 80px;
        width: 100%;
        display: block;
        overflow: hidden
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .blue-box-learn .posts-wrap .post-img img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: .5rem
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .blue-box-learn .posts-wrap .post-p {
        font-size: 12px;
        margin-top: .5rem;
        margin-bottom: .5rem;
        line-height: 16px;
        font-weight: 700;
        color: hsl(0deg, 0%, 4%);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .white-box {
        background: #fff
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .white-box.earn {
        width: 100%
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .white-box.learn {
        width: 100%
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .white-box.assets {
        width: 100%
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .article-box {
        padding: 1.25rem;
        border-radius: 1.5rem;
        background-image: url(../img/stake-article-thumb-menu.png);
        background-size: cover;
        background-repeat: no-repeat;
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .article-box-tag {
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .article-box-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        max-width: 169px
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .article-box-p {
        font-size: 12px;
        line-height: 16px;
        max-width: 169px
    }

    .navigation-menu .items .link-item .opened-menu-wrap-inner .article-box .button {
        max-width: 65px
    }

    .navigation-menu .items .link-item .opened-menu-list h2.title {
        margin-bottom: 1rem !important
    }

    .navigation-menu .items .link-item .opened-menu-list--ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .navigation-menu .items .link-item .opened-menu-list--ul .icon-text {
        line-height: 18px;
        cursor: pointer
    }

    .navigation-menu .items .link-item .opened-menu-list--ul .icon-text span {
        cursor: pointer
    }

    .navigation-menu .items .link-item .opened-menu-list--ul .icon-text .icon {
        cursor: pointer;
        width: 18px;
        height: 18px;
        margin-right: .5rem
    }

    .navigation-menu .items .link-item .opened-menu-list--icon img {
        max-height: 18px
    }

    .navigation-menu .items .icon-text {
        cursor: pointer
    }

    .navigation-menu .items .icon-text span {
        cursor: pointer
    }

    .navigation-menu .items .icon-text ion-icon {
        cursor: pointer
    }

    .navigation-menu .items .notifications-wrap {
        cursor: pointer;
        margin-right: 10px;
        margin-left: 10px
    }

    .navigation-menu .items .notifications-wrap .icon {
        position: relative
    }

    .navigation-menu .items .notifications-wrap .icon::before {
        content: "";
        position: absolute;
        top: 6px;
        right: 4px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #1bf365;
        -webkit-box-shadow: 0 2px 5px rgba(27, 243, 101, .5);
        box-shadow: 0 2px 5px rgba(27, 243, 101, .5);
        -webkit-animation: pulse 2s 5;
        animation: pulse 2s 5
    }

    .navigation-menu .items .notifications-wrap .icon ion-icon {
        color: hsl(0deg, 0%, 86%);
        will-change: color;
        cursor: pointer
    }

    .navigation-menu .items .notifications-wrap .icon ion-icon:hover {
        color: #448aff;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease
    }

    .navigation-menu .items .notifications-wrap-inner {
        display: none;
        position: absolute;
        top: 81px
    }

    .navigation-menu .items .notifications-wrap-inner .notifications-list li a span {
        cursor: pointer;
        color: #448aff
    }
}

@media screen and (min-width: 1200px) {
    .navigation-menu {
        min-width: 1041.54px
    }

    .navigation [data-menu=earn] {
        min-width: 102.41px
    }

    .navigation [data-menu=buy] {
        min-width: 145.02px
    }

    .navigation [data-menu=start] {
        min-width: 148.52px
    }

    .navigation [data-menu=assets] {
        min-width: 116.89px
    }

    .navigation [data-menu=learn] {
        min-width: 96.03px
    }

    .navigation [data-menu=notifications] {
        min-width: 72px
    }

    .navigation [data-menu=language] {
        min-width: 42px
    }

    .navigation ion-icon {
        color: hsl(0deg, 0%, 86%);
        will-change: color;
        cursor: pointer
    }

    .navigation ion-icon:hover {
        color: #448aff;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease
    }

    .navigation .launch-btn .button.is-primary {
        min-width: 147.63px
    }
}

.opened-menu-list--ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.opened-menu-list--ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

.opened-menu-list--ul li:not(:last-child) {
    margin-bottom: 1.25rem
}

.opened-menu-list--ul li:hover {
    opacity: 1
}

.opened-menu-list--ul li:hover .dropdown-card-bg {
    opacity: 1
}

.opened-menu-list--ul .dropdown-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    position: relative;
    overflow: visible;
    max-width: 100%
}

.opened-menu-list--ul .dropdown-card div, .opened-menu-list--ul .dropdown-card span {
    cursor: pointer;
    text-wrap: nowrap
}

.opened-menu-list--ul .dropdown-card-bg {
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    display: block;
    position: absolute;
    border-width: 1px;
    border: 1px solid #ebebec;
    border-radius: 1.5rem;
    background-color: rgba(122, 122, 122, .03)
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.logo-icon {
    width: auto;
    height: 40px;
    -webkit-transition-duration: 172ms;
    -o-transition-duration: 172ms;
    transition-duration: 172ms;
    will-change: width, height
}

.logo-icon img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

@media screen and (min-width: 1088px) {
    .section.is-hero .section-media {
        min-height: 487px
    }
}

@media screen and (min-width: 769px), print {
    .logo-icon {
        width: 47px;
        height: 60px
    }
}

@media screen and (max-width: 1024px), print {
    .homepage-hero {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 1rem
    }

    .homepage-hero-columns {
        margin-left: 0;
        margin-right: 0
    }

    .homepage-hero-columns h1.title {
        margin-top: 1rem
    }

    .homepage-hero .hero-body {
        padding: 0
    }

    .homepage-video-wrap {
        padding: 0
    }

    .homepage-video-wrap .section-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        height: 100%
    }

    .homepage-video-wrap .section-media video {
        width: 100%;
        aspect-ratio: 1/1;
        max-width: unset
    }
}

@media screen and (max-width: 769px), print {
    .homepage-hero .columns {
        margin-right: 0;
        margin-left: 0
    }

    .homepage-hero .video-wrap {
        padding: 0
    }

    .homepage-hero .video-wrap .section-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        height: 100%;
        width: 100vw
    }

    .homepage-hero .video-wrap .section-media video {
        width: 100vw;
        left: -1.5rem;
        top: 0;
        max-width: unset
    }
}

@media screen and (min-width: 769px), print {
    .homepage-hero .trustpilot-rating, .section.is-hero .trustpilot-rating {
        height: 40px;
        width: auto
    }

    .homepage-hero .home__hero__platforms__item img, .section.is-hero .home__hero__platforms__item img {
        width: 135px;
        height: 40px
    }
}

@media screen and (min-width: 1023px), print {
    .homepage-hero .devices-wrap {
        height: 100%;
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25)
    }

    .homepage-hero .devices-wrap .mobile-device {
        right: 35%;
        top: 10%
    }

    .homepage-hero .devices-wrap .mobile-device.is-samsung {
        top: 0;
        right: 50%
    }
}

.use-cases__buy--extra img, .use-cases__exchange--extra img, .use-cases__staking--extra img {
    display: none
}

@media screen and (min-width: 769px), print {
    .home-use-cases:not(:last-child) {
        margin-bottom: 3rem
    }

    .home-use-cases:first-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .home-use-cases:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .use-cases__buy--extra {
        position: relative
    }

    .use-cases__buy--extra img {
        display: block;
        position: absolute;
        left: 30%;
        top: -50%
    }

    .use-cases__exchange--extra {
        position: relative
    }

    .use-cases__exchange--extra img {
        display: block;
        position: absolute;
        right: 0;
        top: -40%
    }

    .use-cases__staking--extra {
        position: relative
    }

    .use-cases__staking--extra img {
        display: block;
        position: absolute;
        bottom: -10%;
        right: 30%
    }

    .featured-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 2rem
    }

    .featured-media li {
        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;
        position: relative;
        opacity: .75
    }

    .featured-media li a {
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        z-index: 10
    }

    .featured-media li:hover {
        opacity: .95;
        -webkit-transition: opacity .3s ease-in-out 0s;
        -o-transition: opacity .3s ease-in-out 0s;
        transition: opacity .3s ease-in-out 0s
    }

    .featured-media li:hover svg path {
        fill: #448aff;
        -webkit-transition: fill .3s ease-in-out 0s;
        -o-transition: fill .3s ease-in-out 0s;
        transition: fill .3s ease-in-out 0s
    }
}

@media screen and (min-width: 756px), print {
    .main-cta {
        min-height: 231px
    }

    .main-cta__image {
        right: 0;
        top: -75%;
        position: absolute
    }

    .main-cta__image img {
        max-width: 450px
    }
}

.assets__search__results {
    position: absolute;
    width: 100%;
    max-height: 0;
    overflow-y: auto;
    -webkit-transition: max-height .3s cubic-bezier(.27, .7, 0, .99);
    -o-transition: max-height .3s cubic-bezier(.27, .7, 0, .99);
    transition: max-height .3s cubic-bezier(.27, .7, 0, .99);
    z-index: 10;
    display: none
}

.assets__search__results--is-open {
    max-height: 420px;
    -webkit-transition: max-height 1s cubic-bezier(.27, .7, 0, .99);
    -o-transition: max-height 1s cubic-bezier(.27, .7, 0, .99);
    transition: max-height 1s cubic-bezier(.27, .7, 0, .99);
    display: block;
    overflow-y: scroll
}

.mobile-features .screens {
    position: relative
}

.mobile-features .screens .screen {
    position: absolute;
    top: 0;
    left: 60%;
    width: 100%;
    height: 100%;
    max-width: 320px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 688ms ease;
    -o-transition: all 688ms ease;
    transition: all 688ms ease
}

.mobile-features .screens .screen img {
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
    -webkit-transition: all 688ms ease;
    -o-transition: all 688ms ease;
    transition: all 688ms ease
}

.mobile-features .screens .screen.is-active {
    opacity: 1;
    visibility: visible
}

.mobile-features .screens .screen.is-active img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.mobile-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#mobile .hero .video-wrap {
    padding: 0
}

#mobile .hero .video-wrap .section-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    height: 100%;
    width: 100vw
}

#mobile .hero .video-wrap .section-media video {
    width: 100vw;
    left: -1.5rem;
    top: 0;
    max-width: unset
}

.mobile-use-cases {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mobile-use-cases_image {
    margin-bottom: -2rem
}

@media screen and (min-width: 768px) {
    .reveal_fromLeft {
        -webkit-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        transform: translateX(-150%);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .reveal_fromLeft.reveal {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    #mobile .hero .video-wrap .mobile-hero-phones {
        position: absolute;
        width: 30vw;
        right: 3rem;
        bottom: -3rem;
        -webkit-transform: translateX(50vw);
        -ms-transform: translateX(50vw);
        transform: translateX(50vw);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    #mobile .hero .video-wrap .mobile-hero-phones.reveal {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    #mobile .hero .video-wrap .section-media {
        position: absolute;
        width: 37vw;
        height: auto;
        right: 0;
        display: block
    }

    #mobile .hero .video-wrap .section-media video {
        width: inherit;
        left: unset
    }

    #mobile .mobile-use-cases {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #mobile .mobile-use-cases_image {
        position: absolute;
        left: 0;
        width: 65%;
        top: -40%
    }

    #mobile .mobile-use-cases .block.case p {
        max-width: 362px;
        margin-left: auto
    }

    #mobile .mobile-use-cases .buttons.mobile-buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width: 900px) {
    #mobile .hero .video-wrap .section-media {
        right: -49px;
        top: -49px
    }

    .mobile-buttons {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    #qr-mobile-modal .modal-content {
        max-width: 30vw !important;
        width: 100% !important
    }
}

@media screen and (min-width: 1024px) {
    #mobile .hero .video-wrap .section-media {
        width: 47vw
    }
}

@media screen and (min-width: 1200px) {
    #mobile .hero .video-wrap .section-media {
        width: 37vw
    }
}

.desktop__extra-info-links a {
    color: hsl(0deg, 0%, 100%)
}

.desktop__extra-info-links a:hover {
    text-decoration: underline
}

.desktop__extra-info-links .vertical-divider {
    background-color: hsl(0deg, 0%, 100%);
    display: inline-block;
    height: 20px;
    margin: 0 12px;
    opacity: .1;
    vertical-align: middle;
    width: 1px
}

.desktop__download ion-icon {
    font-size: 24px
}

.desktop-apps .icon-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.desktop-apps .icon-text ion-icon {
    font-size: 24px
}

#new-release ion-icon {
    font-size: 32px
}

@media screen and (min-width: 1408px) {
    .desktop-hero-container {
        max-width: 1344px;
        margin-left: auto
    }

    .desktop-hero-container .mobile-hero-grid-item:first-child {
        margin-left: -64px
    }
}

@media screen and (min-width: 769px) {
    .modal.is-active {
        margin-top: 80px
    }

    .checksums-modal {
        max-width: 900px;
        width: 100%
    }
}

.web-features ion-icon {
    font-size: 24px
}

.web-features__content {
    position: relative
}

.web-features__content .content-tab {
    visibility: hidden;
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    -webkit-transition: all 388ms ease;
    -o-transition: all 388ms ease;
    transition: all 388ms ease;
    position: absolute;
    width: 100%
}

.web-features__content .content-tab.is-active {
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
    -webkit-transition: all 388ms ease;
    -o-transition: all 388ms ease;
    transition: all 388ms ease;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 969px), print {
    .web-features__content {
        height: 20vh
    }
}

.extension-capabilities ion-icon {
    font-size: 32px
}

.extension-compatible .icon-items {
    width: 48px;
    height: 48px
}

.extension-compatible .icon-items ion-icon {
    font-size: 48px
}

.extension-togglers {
    position: relative
}

.extension-togglers__item {
    position: absolute
}

@media screen and (min-width: 768px) {
    .extension-compatible__item {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .extension-togglers {
        min-height: 648px
    }
}

.placeDiv {
    z-index: 1;
    position: absolute
}

.map-container {
    position: relative
}

.placecard__container {
    -webkit-box-shadow: rgba(0, 0, 0, .298039) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .298039) 0 1px 4px -1px;
    max-width: 330px;
    width: 100%;
    background: #fff none repeat scroll 0 0/auto padding-box border-box;
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 11px/normal Roboto, Arial, sans-serif;
    margin: 10px;
    padding: 9px 4px 9px 11px;
    overflow: hidden
}

.placecard__left {
    float: left;
    width: 75%
}

.placecard__right {
    text-align: center;
    float: left;
    width: 25%
}

.placecard__business-name {
    cursor: default;
    height: 19px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    -webkit-perspective-origin: 100px 9.5px;
    perspective-origin: 100px 9.5px;
    -webkit-transform-origin: 100px 9.5px;
    -ms-transform-origin: 100px 9.5px;
    transform-origin: 100px 9.5px;
    font: normal normal 500 normal 14px/normal Roboto, Arial;
    overflow: hidden;
    margin: 0
}

.placecard__info {
    color: #5b5b5b;
    cursor: default;
    height: 32px;
    width: 200px;
    -webkit-column-rule-color: #5b5b5b;
    -moz-column-rule-color: #5b5b5b;
    column-rule-color: #5b5b5b;
    -webkit-perspective-origin: 100px 16px;
    perspective-origin: 100px 16px;
    -webkit-transform-origin: 100px 16px;
    -ms-transform-origin: 100px 16px;
    transform-origin: 100px 16px;
    border: 0 none #5b5b5b;
    font: normal normal normal normal 12px/normal Roboto, Arial;
    margin: 6px 0 0;
    outline: #5b5b5b none 0
}

.placecard__direction-icon {
    background: rgba(0, 0, 0, 0) url(https://maps.gstatic.com/mapfiles/embed/images/entity11.png) repeat scroll 0 0/70px 210px padding-box border-box;
    height: 22px;
    width: 22px;
    margin-right: auto;
    margin-left: auto
}

.placecard__direction-link {
    color: #3a84df;
    display: block;
    height: 43px;
    text-decoration: none;
    width: 54.7344px
}

.placecard__rating {
    font-size: 12px;
    color: #5b5b5b;
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.placecard__rating-number {
    display: inline-block;
    color: #e7711b;
    font-weight: 500;
    font-size: 14px;
    padding-right: 10px
}

.placecard__rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.placecard__rating-star {
    padding-right: 2px
}

.placecard__rating-star:last-child {
    padding-right: 0
}

.placecard__rating-reviews {
    color: #3a84df;
    display: block;
    text-decoration: none;
    padding-left: 8px
}

.placecard__rating-reviews:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .ref-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.ambassador-features__item .icon {
    border: none
}

.ambassador-features__item .icon:not(.has-tooltip-multiline) {
    width: 52px;
    height: 52px
}

.ambassador-features__item .icon:not(.has-tooltip-multiline) ion-icon {
    font-size: 52px
}

.download-columns .column {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.download-columns .column.detected {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.download-columns .column.detected .box > .button {
    -webkit-animation: box-pulse 1.15s 3;
    animation: box-pulse 1.15s 3
}

.download-card {
    overflow: hidden;
    height: 100%;
    max-height: 400px;
    color: hsl(0deg, 0%, 21%);
    text-align: center
}

.download-card .subtitle, .download-card .title {
    color: inherit;
    text-align: inherit
}

.download-card-img {
    margin-top: 24px;
    width: 100%
}

.checksum-card {
    padding: 48px 40px;
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    background-color: hsl(0deg, 0%, 96%);
    border-radius: 16px
}

@media screen and (min-width: 768px) {
    .download-card {
        height: 100%;
        max-height: 600px
    }

    .download-card-img {
        margin-top: 64px;
        width: auto
    }

    .download-card--extra {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row: 2/span 2
    }
}

@-webkit-keyframes box-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.09);
        transform: scale(1.09)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes box-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.09);
        transform: scale(1.09)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.cards-hero {
    background: #448aff
}

.cards-hero h1, .cards-hero h2, .cards-hero h3, .cards-hero p {
    color: #fff
}

.cards-features__item .icon {
    width: 64px;
    height: 64px
}

.cards-features__item .icon ion-icon {
    font-size: 64px
}

.pricing-plan.is-features .plan-item {
    font-weight: 400;
    color: #363636 !important
}

.pricing-plan .plan-item {
    font-weight: 700
}

.apple-pay-logo {
    height: 100px;
    width: auto
}

.apple-pay-logo ion-icon {
    font-size: 100px
}

@media (min-width: 767px) {
    .cards-hero {
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #448aff), to(#fff));
        background: -o-linear-gradient(left, #448aff 0, #fff 100%);
        background: linear-gradient(90deg, #448aff 0, #fff 100%)
    }
}

.icon.slick-arrow {
    position: absolute;
    bottom: 0;
    display: block;
    right: 0;
    top: 105%;
    width: 32px;
    height: 32px;
    z-index: 10;
    cursor: pointer
}

.icon.slick-arrow ion-icon {
    font-size: 32px
}

.icon.slick-arrow#prev {
    right: 10%
}

.generator-hero {
    overflow: hidden
}

.generator-hero-img {
    position: absolute;
    bottom: -28%;
    right: -46%;
    z-index: 0
}

.buy-hero-icons ion-icon {
    font-size: 24px
}

.buy-hero-logos img {
    display: block
}

.buy-hero-logos .pay-option {
    background-color: #fcfcfc;
    border: none
}

.buy-hero__partners__item__img {
    max-height: 30px
}

.buy-widget-currencies-list-item:not(:last-child) {
    border-bottom: 1px solid rgba(122, 122, 122, .1)
}

@-webkit-keyframes loader-dots {
    0%, 20% {
        color: transparent;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
    }
    40% {
        color: #455a64;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
    }
    60% {
        text-shadow: .25em 0 0 #455a64, .5em 0 0 transparent
    }
    100%, 80% {
        text-shadow: .25em 0 0 #455a64, .5em 0 0 #455a64
    }
}

@keyframes loader-dots {
    0%, 20% {
        color: transparent;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
    }
    40% {
        color: #455a64;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
    }
    60% {
        text-shadow: .25em 0 0 #455a64, .5em 0 0 transparent
    }
    100%, 80% {
        text-shadow: .25em 0 0 #455a64, .5em 0 0 #455a64
    }
}

.sepa-widget__loader {
    color: #aaa9a9
}

.sepa-widget__loader::after {
    content: ".";
    -webkit-animation: loader-dots 1s steps(5, end) infinite;
    animation: loader-dots 1s steps(5, end) infinite;
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
    line-height: 1.5rem
}

#buy-step-1.active {
    display: block
}

#buy-step-1.inactive {
    display: none
}

#buy-step-2.active {
    display: block
}

#buy-step-2.inactive {
    display: none
}

#buy-step-3.active {
    display: block
}

#buy-step-3.inactive {
    display: none
}

#buy-step-4.active {
    display: block
}

#buy-step-4.inactive {
    display: none
}

.minmax-warning-amount, .minmax-warning-curr {
    cursor: pointer
}

#exchange-receive-to {
    cursor: default
}

.exchange-buy-calc-wrap {
    padding: 0;
    display: block;
    position: relative;
    border-radius: 1.5rem
}

.exchange-buy-calc-wrap .column, .exchange-buy-calc-wrap .level-item, .exchange-buy-calc-wrap p {
    z-index: 2
}

.exchange-buy-calc-wrap .level .content {
    color: hsl(0deg, 0%, 100%);
    z-index: 2
}

.list-with-currencies {
    display: none;
    position: absolute;
    z-index: 20;
    width: 100%;
    top: 12px;
    right: 0
}

.list-with-currencies .menu-list {
    max-height: 300px;
    overflow-y: scroll
}

@media (min-width: 756px) {
    .list-with-currencies {
        width: 75%;
        right: -20px
    }

    .exchange-buy-calc-wrap::before {
        width: 110%;
        height: 110%;
        z-index: 0;
        mix-blend-mode: hard-light;
        position: absolute;
        top: -5%;
        left: -5%;
        border-radius: 1.5rem;
        background-image: -o-linear-gradient(45deg, rgba(66, 60, 90, .6), rgba(66, 60, 90, .6));
        background-image: linear-gradient(45deg, rgba(66, 60, 90, .6), rgba(66, 60, 90, .6));
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1), 0 10px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1), 0 10px 15px rgba(0, 0, 0, .2);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        padding: 1.5rem;
        border: 1px solid hsla(0deg, 0%, 100%, .2);
        bottom: 0;
        right: 0;
        content: ""
    }
}

.confirmation-address {
    word-break: break-word
}

.field.custom-data {
    display: none
}

#exchange-step-1.active {
    display: block
}

#exchange-step-1.inactive {
    display: none
}

#exchange-step-2.active {
    display: block
}

#exchange-step-2.inactive {
    display: none
}

#exchange-step-3.active {
    display: block
}

#exchange-step-3.inactive {
    display: none
}

#exchange-step-4.active {
    display: block
}

#exchange-step-4.inactive {
    display: none
}

.academy__hero {
    background: -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    background: linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    position: relative
}

.academy-earn-hero {
    background-size: cover;
    background-repeat: no-repeat
}

.academy-earn-hero.one {
    background-image: url(../img/academy/learn-one-bg.png)
}

.academy-earn-hero.ava {
    background-image: url(../img/academy/learn-ava-bg.png)
}

.academy-earn-hero.xmr {
    background-image: url(../img/academy/learn-xmr-bg.png)
}

.academy-earn-hero.dgb {
    background-image: url(../img/academy/learn-dgb-bg.png)
}

.academy-earn-hero.zen {
    background-image: url(../img/academy/learn-zen-bg.png)
}

.academy-earn-hero.xvg {
    background-image: url(../img/academy/learn-xvg-bg.png)
}

.academy-earn-hero.hbar {
    background-image: url(../img/academy/learn-hbar-bg.png)
}

.academy-earn-hero.xdc {
    background-image: url(../img/academy/learn-xdc-bg.png)
}

.academy-earn-hero.qtum {
    background-image: url(../img/academy/learn-qtum-bg.png)
}

.academy-earn-hero .section-media img {
    max-height: 450px
}

.academy-head-text {
    position: relative;
    z-index: 0
}

.academy-head-text::before {
    position: absolute;
    content: "";
    background: url(../img/academy/title-circle.png) no-repeat;
    background-size: contain;
    opacity: .3;
    width: 142px;
    height: 142px;
    display: block;
    top: -10%;
    left: -10%;
    z-index: -1
}

.academy__posts-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 350px;
    border-radius: 1.5rem;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.academy__posts-card:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .35), 0 0 0 3px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .35), 0 0 0 3px rgba(10, 10, 10, .02)
}

.academy__posts-thumb {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.academy__posts-content {
    padding: 1rem
}

.academy__posts-content-cat {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2
}

.academy__posts-content-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.academy__posts-content-title a {
    color: #363636;
    font-size: inherit
}

.academy__posts-content-excerpt {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.academy__featured .academy__posts-card {
    width: 100%;
    max-width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.academy__featured .academy__posts-thumb {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: unset;
    height: 100%;
    max-height: 232px;
    width: 100%
}

.academy__featured .academy__posts-content {
    width: calc(70% - 10px);
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.academy__featured .academy__posts-content-title {
    white-space: initial
}

.academy__featured .academy__posts-content-title a {
    color: #363636
}

.academy__featured .academy__posts-content-excerpt {
    -webkit-line-clamp: 3
}

.academy__post-hero {
    background: -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    background: linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 70%;
    position: relative
}

.academy__article {
    position: relative
}

.academy__article .container {
    background: #fff;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.academy__article-wrapper {
    max-width: 850px;
    padding: 40px 0;
    margin: -60px auto 0 auto
}

.academy__article article.content a:not(.button) {
    position: relative;
    text-decoration: none;
    cursor: pointer;
    color: hsl(0deg, 0%, 21%);
    border-bottom: .125rem solid #448aff;
    z-index: 1
}

.academy__article article.content a:not(.button)::before {
    background: #ebf2ff;
    content: "";
    inset: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: -1
}

.academy__article article.content a:not(.button):hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.academy__article article.content p:has(a.button) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.academy__ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6rem
}

.academy__ctas .item {
    -webkit-box-shadow: 0 37px 40px -25px rgba(0, 0, 0, .14);
    box-shadow: 0 37px 40px -25px rgba(0, 0, 0, .14);
    width: 43%;
    padding: .2rem 1rem;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.academy__ctas .item:hover {
    -webkit-box-shadow: 0 37px 50px -5px rgba(0, 0, 0, .14);
    box-shadow: 0 37px 50px -5px rgba(0, 0, 0, .14)
}

.academy__ctas .item .icon {
    max-width: 55px;
    width: 100%;
    height: auto;
    margin-right: 1rem
}

.academy__ctas .item .text h3 {
    font-size: 1.15rem !important;
    color: #0a0a0a !important;
    line-height: 1.2 !important;
    margin: 0 !important
}

.academy__ctas .item .text p {
    margin: 0
}

.academy__extra-articles .posts-wrap .post {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    border-radius: .5rem
}

.academy__extra-articles .posts-wrap .post-thumb {
    -ms-flex-preferred-size: 44.4%;
    flex-basis: 44.4%
}

.academy__extra-articles .posts-wrap .post-thumb a div {
    padding-top: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5rem;
    display: block;
    height: 0;
    max-width: 100%;
    position: relative;
    width: 100%
}

.academy__extra-articles .posts-wrap .post-content {
    padding: .75rem
}

.academy__extra-articles .posts-wrap .post-p {
    font-size: 20px;
    font-weight: 700
}

.academy__extra-articles .posts-wrap .post-p a {
    color: #0a0a0a
}

.academy__categories-with-posts:nth-of-type(even) {
    background: hsl(233deg, 47%, 96%)
}

#reading-progress {
    position: sticky;
    top: 52px;
    left: 0;
    height: 4px;
    z-index: 99;
    width: 100%
}

#reading-progress-fill {
    height: 4px;
    width: 0;
    -webkit-transition: width, opacity .1s ease;
    -o-transition: width, opacity .1s ease;
    transition: width, opacity .1s ease;
    background-color: #448aff;
    max-width: 100% !important
}

.academy-search {
    max-width: 350px;
    width: 100%;
    position: relative
}

.academy-search input {
    width: 100%
}

.academy-search .menu {
    position: absolute;
    width: 100%;
    z-index: 10;
    right: 0
}

.academy-search .not-found {
    display: block;
    text-align: right;
    color: hsl(0deg, 0%, 29%);
    line-height: 1.2;
    padding: .75rem;
    font-weight: 400
}

.post-card {
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    -o-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
    border-radius: 1.5rem
}

.post-card-title {
    text-transform: capitalize
}

.post-card-title a {
    color: inherit !important
}

.post-card-excerpt {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.post-card-excerpt a {
    color: inherit !important
}

.post-card:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .3), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .3), 0 0 0 1px rgba(10, 10, 10, .02);
    cursor: pointer
}

.author-name a {
    color: inherit;
    font-size: inherit
}

.smaller_img {
    width: 35%;
    display: block;
    float: right;
    padding: 1rem
}

.author-page .social-icons ion-icon {
    font-size: 24px
}

.blog .academy__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog .academy__posts-card {
    max-width: unset;
    width: 30%
}

.hedera__process {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 500
}

.hedera__process span {
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: block
}

.hedera__process span:nth-of-type(even) {
    font-size: 1.5rem;
    font-weight: 400
}

@-webkit-keyframes appear {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes appear {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@media (max-width: 1024px) {
    .academy__posts-card {
        max-width: 280px
    }
}

@media (min-width: 767px) {
    .academy__article .container {
        margin: -100px auto 0 auto
    }

    .academy__post-hero {
        padding-bottom: 100px
    }

    .academy__featured .academy__posts-card {
        max-height: 232px
    }

    .academy__featured .academy__posts-thumb {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 0
    }

    .post-card-title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    #reading-progress {
        top: 80px;
        height: 6px
    }
}

#reading-progress-fill {
    height: 6px
}

@media (min-width: 1024px) {
    .academy__hero-img {
        right: -100px
    }
}

@media (min-width: 1216px) {
    .academy__hero-img {
        right: 0
    }
}

@media (max-width: 1800px) {
    .academy__featured .academy__posts-content h3 {
        overflow: initial
    }
}

@media (max-width: 900px) {
    #toc_action {
        position: relative;
        cursor: pointer
    }

    #toc_action:after {
        content: "";
        position: absolute;
        width: 1rem;
        height: 1rem;
        background-image: url(../img/chevron-down-outline.svg);
        background-repeat: no-repeat;
        background-size: contain;
        right: 4vw;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media (max-width: 767px) {
    .academy__featured .academy__posts-card {
        display: block;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        max-width: 80%;
        margin: 0 auto
    }

    .academy__featured .academy__posts-content {
        width: 100%
    }

    .academy__ctas {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .academy__ctas .item {
        width: 100%
    }

    .academy__ctas .item:first-child {
        margin-bottom: 3rem
    }

    .blog .academy__posts-card {
        width: 100%
    }
}

@media (max-width: 480px) {
    .academy__posts {
        display: block
    }

    .academy__posts-card {
        max-width: 100%
    }

    .academy__featured .academy__posts-card {
        max-width: 100%
    }
}

.coins__hero {
    background: -o-linear-gradient(340.4deg, #ff3916 6.42%, #ffa35b 97.82%);
    background: linear-gradient(109.6deg, #ff3916 6.42%, #ffa35b 97.82%)
}

.blog__title {
    margin: 0 0 40px 0;
    font-size: 24px;
    font-weight: 400;
    color: hsl(0deg, 0%, 29%)
}

.blog__title--bold {
    font-weight: 700
}

.blog__news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.blog__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    min-width: 320px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding: 30px;
    text-decoration: none;
    color: hsl(0deg, 0%, 29%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.blog__item:nth-child(2n) {
    border-left: 1px solid rgba(0, 0, 0, .06)
}

.blog__item:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    cursor: pointer
}

.blog__item__img {
    width: auto;
    max-width: 138px;
    height: 90px
}

.blog__item__img img {
    width: auto;
    border-radius: .5rem
}

.blog__item__content {
    padding-left: 30px;
    font-size: 16px
}

.blog__item__content__title {
    display: block;
    max-width: 320px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    line-height: 20px
}

.blog__item__content__date {
    display: block;
    padding-top: .5rem;
    height: 15px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: hsl(0deg, 0%, 71%)
}

@media (max-width: 1200px) {
    .blog__item {
        height: 160px;
        padding: .5rem
    }

    .blog__img {
        max-width: 150px;
        height: 75px
    }

    .blog__content {
        padding-left: 15px;
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .blog__item {
        width: 100%
    }

    .blog__item:nth-child(2n) {
        border-left: none
    }

    .blog__content__title {
        height: auto
    }
}

#hidden-egld-word {
    -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-iteration-count: 10;
    animation-iteration-count: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

.gradient--btc {
    background: -o-linear-gradient(135deg, #ffc75b, #f39402);
    background: linear-gradient(-45deg, #ffc75b, #f39402);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--sand {
    background: -webkit-gradient(linear, left top, left bottom, from(#00adef), to(#0084ff));
    background: -o-linear-gradient(#00adef 0, #0084ff 100%);
    background: linear-gradient(#00adef 0, #0084ff 100%)
}

.gradient--aave {
    background: -o-linear-gradient(161.57deg, #7692b3, #5cb0c0);
    background: linear-gradient(-71.57deg, #7692b3, #5cb0c0);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--now {
    background: #2b2b37
}

.gradient--matic {
    background: -o-radial-gradient(54.13% 113.95%, 66.32% 66.32%, #743bd6 0, rgba(242, 89, 255, 0) 100%), -o-linear-gradient(238.01deg, rgba(65, 157, 241, .2) -4.17%, rgba(45, 143, 234, 0) 68.7%), -o-radial-gradient(28.65% 0, 100% 100%, rgba(109, 0, 255, .75) 0, rgba(250, 247, 254, 0) 100%);
    background: radial-gradient(66.32% 66.32% at 54.13% 113.95%, #743bd6 0, rgba(242, 89, 255, 0) 100%), linear-gradient(211.99deg, rgba(65, 157, 241, .2) -4.17%, rgba(45, 143, 234, 0) 68.7%), radial-gradient(100% 100% at 28.65% 0, rgba(109, 0, 255, .75) 0, rgba(250, 247, 254, 0) 100%)
}

.gradient--eosdt {
    background: -o-linear-gradient(200.63deg, #a4d8ff -22.96%, #1792ff 100.83%);
    background: linear-gradient(249.37deg, #a4d8ff -22.96%, #1792ff 100.83%)
}

.gradient--bat {
    background: -webkit-gradient(linear, left top, left bottom, from(#5f218d), to(#760fc4));
    background: -o-linear-gradient(#5f218d 0, #760fc4 100%);
    background: linear-gradient(#5f218d 0, #760fc4 100%)
}

.gradient--luna {
    background: -o-linear-gradient(306.78deg, #fec63d, #f21526);
    background: linear-gradient(143.22deg, #fec63d, #f21526);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--lunc {
    background: -o-linear-gradient(306.78deg, #fec63d 21.13%, #f21526 77.35%);
    background: linear-gradient(143.22deg, #fec63d 21.13%, #f21526 77.35%)
}

.gradient--sol {
    background: -o-linear-gradient(200.49deg, #00ffa3, #dc1fff);
    background: linear-gradient(249.51deg, #00ffa3, #dc1fff);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--zil {
    background: -o-linear-gradient(200.63deg, #0bcdcc -22.96%, #004d47 100.83%);
    background: linear-gradient(249.37deg, #0bcdcc -22.96%, #004d47 100.83%)
}

.gradient--avax {
    background: #e84142
}

.gradient--incnt {
    background: #0064ff
}

.gradient--dcr {
    background: #091440
}

.gradient--hbar {
    background: -o-linear-gradient(290deg, #2d84eb, #8259ef);
    background: linear-gradient(160deg, #2d84eb, #8259ef)
}

.gradient--doge {
    background: #f2a51f
}

.gradient--ae {
    background: #de3f6b
}

.gradient--xem {
    background: #67b2e8
}

.gradient--kmd {
    background: #2b6680
}

.gradient--ltc {
    background: #88cbf5
}

.gradient--erd {
    background: #1b46c2
}

.gradient--shib {
    background: -o-linear-gradient(6deg, #f28b03, #f06500);
    background: linear-gradient(84deg, #f28b03, #f06500)
}

.gradient--dai {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc75b), to(#f39402));
    background: -o-linear-gradient(#ffc75b 0, #f39402 100%);
    background: linear-gradient(#ffc75b 0, #f39402 100%)
}

.gradient--mkr {
    background: -webkit-gradient(linear, left top, left bottom, from(#30cac8), to(#0bf0b9));
    background: -o-linear-gradient(#30cac8 0, #0bf0b9 100%);
    background: linear-gradient(#30cac8 0, #0bf0b9 100%)
}

.gradient--chz {
    background: #d33
}

.gradient--fantom {
    background: #1969ff
}

.gradient--near {
    background: #00c08b
}

.gradient--okb {
    background: #88bdf3
}

.gradient--iq {
    background: #5df
}

.gradient--lto {
    background: -webkit-gradient(linear, left top, left bottom, from(#7cb7ff), color-stop(99%, #ba6df6));
    background: -o-linear-gradient(top, #7cb7ff 0, #ba6df6 99%);
    background: linear-gradient(to bottom, #7cb7ff 0, #ba6df6 99%)
}

.gradient--btcv {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-5.14%, #ffd662), color-stop(102.23%, #c89c64));
    background: -o-linear-gradient(top, #ffd662 -5.14%, #c89c64 102.23%);
    background: linear-gradient(180deg, #ffd662 -5.14%, #c89c64 102.23%)
}

.gradient--btt {
    background: -o-radial-gradient(50% -30%, circle, #545764, #2d2e33 60%);
    background: radial-gradient(circle at 50% -30%, #545764, #2d2e33 60%)
}

.gradient--und {
    background: -webkit-gradient(linear, left top, left bottom, from(#0069a1), color-stop(99%, #0040a1));
    background: -o-linear-gradient(top, #0069a1 0, #0040a1 99%);
    background: linear-gradient(to bottom, #0069a1 0, #0040a1 99%)
}

.gradient--xtz {
    background: #2c7df7
}

.gradient--bnb {
    background: -webkit-gradient(linear, left top, right top, from(#f0b90b), to(#fbda3c));
    background: -o-linear-gradient(left, #f0b90b, #fbda3c);
    background: linear-gradient(90deg, #f0b90b, #fbda3c)
}

.gradient--rep {
    background: -webkit-gradient(linear, left top, left bottom, from(#c51092), to(#810c60));
    background: -o-linear-gradient(#c51092 0, #810c60 100%);
    background: linear-gradient(#c51092 0, #810c60 100%)
}

.gradient--bch {
    background: #0ac18e
}

.gradient--bsv {
    background: #eab300
}

.gradient--crm {
    background: #cb2027
}

.gradient--hot {
    background: #8834ff
}

.gradient--atom {
    background: #5064fb
}

.gradient--grs {
    background: #377e96
}

.gradient--nlg {
    background: #0039cc
}

.gradient--yec {
    background: #546e7a
}

.gradient--usdc {
    background: -webkit-gradient(linear, left top, left bottom, from(#0562d0), to(#003472));
    background: -o-linear-gradient(#0562d0 0, #003472 100%);
    background: linear-gradient(#0562d0 0, #003472 100%)
}

.gradient--zec {
    background: #ecb244
}

.gradient--npxs {
    background: #f5d100
}

.gradient--kin {
    background: #6f41e8
}

.gradient--trx {
    background: #e60815
}

.gradient--ubq {
    background: #60bf84
}

.gradient--vtc {
    background: #198652
}

.gradient--one {
    background: -o-linear-gradient(200.63deg, #00e8a2 -22.96%, #00ade8 100.83%);
    background: linear-gradient(249.37deg, #00e8a2 -22.96%, #00ade8 100.83%)
}

.gradient--tusd {
    background: #2b2e7f
}

.gradient--dash {
    background: #008de4
}

.gradient--clo {
    background: #34b37c
}

.gradient--firo {
    background: #9b1c2e
}

.gradient--gusd {
    background: #00dcfa
}

.gradient--eth {
    background: -o-linear-gradient(164.76deg, #f7cbc0 0, #fbeae3 17.81%, #f4b1ab 29.8%, #8476d9 49.78%, #8db4ff 69.77%);
    background: linear-gradient(285.24deg, #f7cbc0 0, #fbeae3 17.81%, #f4b1ab 29.8%, #8476d9 49.78%, #8db4ff 69.77%);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--lsk {
    background: #0d4ea0
}

.gradient--qtum {
    background: #2e9ad0
}

.gradient--eurs {
    background: #2468e4
}

.gradient--btg {
    background: -o-linear-gradient(200.63deg, #fcd101 -22.96%, #f18900 100.83%);
    background: linear-gradient(249.37deg, #fcd101 -22.96%, #f18900 100.83%);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--neo {
    background: -o-linear-gradient(200.63deg, #019a81 -22.96%, #17d898 100.83%);
    background: linear-gradient(249.37deg, #019a81 -22.96%, #17d898 100.83%);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--rvn {
    background: -o-linear-gradient(200.63deg, #2e3e80 -22.96%, #f15b22 100.83%);
    background: linear-gradient(249.37deg, #2e3e80 -22.96%, #f15b22 100.83%)
}

.gradient--rdd {
    background: -o-linear-gradient(200.63deg, #ffcb08 -22.96%, #ed1c24 100.83%);
    background: linear-gradient(249.37deg, #ffcb08 -22.96%, #ed1c24 100.83%)
}

.gradient--usdt {
    background: -o-linear-gradient(135deg, #0bf0b9, #30cac8);
    background: linear-gradient(-45deg, #0bf0b9, #30cac8);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.gradient--zen {
    background: -o-linear-gradient(200.63deg, #0c59bb -22.96%, #041752 100.83%);
    background: linear-gradient(249.37deg, #0c59bb -22.96%, #041752 100.83%)
}

.gradient--waves {
    background: #0055fe
}

.gradient--algo {
    background: #000
}

.gradient--etc {
    background: -o-linear-gradient(200.63deg, #3f9 -22.96%, #1a4d33 100.83%);
    background: linear-gradient(249.37deg, #3f9 -22.96%, #1a4d33 100.83%)
}

.gradient--xrp {
    background: -o-radial-gradient(3.3% -.21%, 174.08px, rgba(20, 153, 249, .8) 0, rgba(15, 114, 229, 0) 100%), -o-radial-gradient(73.96% 100%, 736.55px, #1499f9 0, rgba(16, 131, 231, .9) 44.73%, rgba(15, 114, 229, 0) 100%), #063975;
    background: radial-gradient(174.08px at 3.3% -.21%, rgba(20, 153, 249, .8) 0, rgba(15, 114, 229, 0) 100%), radial-gradient(736.55px at 73.96% 100%, #1499f9 0, rgba(16, 131, 231, .9) 44.73%, rgba(15, 114, 229, 0) 100%), #063975
}

.gradient--xmr {
    background: #f60
}

.gradient--vet {
    background: #15bdff
}

.gradient--pax {
    background: -o-linear-gradient(200.63deg, #00845d -22.96%, #eee809 100.83%);
    background: linear-gradient(249.37deg, #00845d -22.96%, #eee809 100.83%)
}

.gradient--ada {
    background: #0033ad
}

.gradient--fio {
    background: #139fda
}

.gradient--nano {
    background: #4a90e2
}

.gradient--xvg {
    background: #37bde2
}

.gradient--zrx {
    background: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#171717));
    background: -o-linear-gradient(#4d4d4d 0, #171717 100%);
    background: linear-gradient(#4d4d4d 0, #171717 100%)
}

.gradient--ont {
    background: #48a3ff
}

.gradient--dot {
    background: #e6007a
}

.gradient--xdc {
    background: #254a81
}

.gradient--busd {
    background: #f0b90b
}

.gradient--xlm {
    background: #090020
}

.gradient--dgb {
    background: #06c
}

.gradient--eos {
    background: #111a44
}

.gradient--link {
    background: #0a258a
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

.devices-wrap {
    position: relative
}

.devices-wrap div, .devices-wrap span {
    cursor: default
}

.devices-wrap a div, .devices-wrap a span {
    cursor: pointer
}

.devices-wrap .browser-window {
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 0 1px #e4e4e4;
    box-shadow: 0 0 0 1px #e4e4e4;
    position: relative
}

.devices-wrap .browser-window .top-bar {
    position: absolute;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    width: 100%;
    left: 0;
    top: 0;
    height: 16px;
    background: hsl(0deg, 0%, 86%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.devices-wrap .browser-window .top-bar .dots {
    line-height: 0;
    padding-left: .5rem
}

.devices-wrap .browser-window .top-bar .dots .dot {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: inline-block;
    background-color: hsl(0deg, 0%, 86%)
}

.devices-wrap .browser-window .top-bar .dots .dot:not(:last-child) {
    margin-right: .15rem
}

.devices-wrap .browser-window .top-bar .text-field {
    margin-left: 25%;
    background-color: #fff;
    height: 10px;
    border-radius: .15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    color: hsl(0deg, 0%, 48%);
    font-size: 6px;
    line-height: 8px
}

.devices-wrap .browser-content {
    padding-top: 16px;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.devices-wrap .guarda-app-header {
    background: #fff
}

.devices-wrap .guarda-app-header .level-right .icon {
    opacity: .5
}

.devices-wrap .guarda-app-menu-item {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: solid 2px transparent;
    color: #455a64;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400
}

.devices-wrap .guarda-app-menu-item.active {
    border-bottom-color: #7190eb
}

.devices-wrap .guarda-app-content {
    background-color: #f1f2fa;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding: .75rem 1.25rem .5rem
}

.devices-wrap .guarda-app-content-box {
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 0 1px #e4e4e4;
    box-shadow: 0 0 0 1px #e4e4e4
}

.devices-wrap .guarda-app-content-box_header {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(170, 169, 169, .2)
}

.devices-wrap .guarda-app-content-box_header .balance-wrap {
    padding-left: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.devices-wrap .guarda-app-content-box_header .balance-amount {
    color: #455a64;
    white-space: nowrap;
    font-weight: 700
}

.devices-wrap .guarda-app-content-box_header .icons {
    padding-right: .5rem
}

.devices-wrap .guarda-app-content-box-coins {
    max-height: 250px;
    overflow-y: scroll
}

.devices-wrap .guarda-app-content-box-coins_item {
    padding: .5rem;
    display: block
}

.devices-wrap .guarda-app-content-box-coins_item .coin_name {
    font-size: 12px;
    color: #455a64;
    line-height: 12px
}

.devices-wrap .guarda-app-content-box-coins_item .coin_ticker {
    color: #aaa9a9;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.devices-wrap .guarda-app-content-box-coins_item .coin_balance {
    color: #455a64;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px
}

.devices-wrap .guarda-app-content-box-coins_item .fiat_balance {
    color: #aaa9a9;
    font-size: 11px;
    line-height: 12px
}

.devices-wrap .guarda-app-content-box-coins_item.active {
    background-color: #f1f2fa
}

.devices-wrap .guarda-app-content-box-coins_item:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.devices-wrap .guarda-app-content-box-coins_item:hover {
    background-color: #f1f2fa
}

.devices-wrap .guarda-app-content-box-menu-item {
    height: 32px;
    border-bottom: solid 2px transparent;
    color: #455a64;
    font-size: 12px;
    font-weight: 400
}

.devices-wrap .guarda-app-content-box-menu-item.active {
    border-bottom-color: #7190eb
}

.devices-wrap .guarda-app-content-box-content {
    max-height: 250px;
    overflow-y: scroll
}

.devices-wrap .guarda-app-content-box-content .history-item {
    padding: .5rem
}

.devices-wrap .guarda-app-content-box-content .history-item .date {
    border-bottom: 1px solid rgba(170, 169, 169, .2);
    font-size: 12px;
    padding: .25rem
}

.devices-wrap .guarda-app-content-box-content .history-item .transaction {
    padding: .25rem;
    border-bottom: 1px solid rgba(170, 169, 169, .2)
}

.devices-wrap .guarda-app-content-box-content .history-item .transaction-name {
    color: #455a64;
    font-size: 12px
}

.devices-wrap .guarda-app-content-box-content .history-item .transaction .time {
    color: #aaa9a9;
    font-size: 12px
}

.devices-wrap .scroll-me-block {
    position: absolute;
    right: 20%;
    bottom: 2%
}

.devices-wrap .mobile-device {
    position: absolute;
    right: -5%;
    top: -2%;
    z-index: 4
}

.devices-wrap .mobile-device.is-samsung {
    z-index: 3;
    right: 12%;
    top: -8%
}

.devices-wrap .mobile-device .phone-app-content {
    background-color: #fff;
    border-radius: 15px
}

.devices-wrap .mobile-device .phone-app-balance {
    padding: 1.5rem .5rem .5rem .5rem
}

.devices-wrap .mobile-device .phone-app-balance_title {
    font-size: 10px
}

.devices-wrap .mobile-device .phone-app-search {
    padding: .5rem
}

.devices-wrap .mobile-device .phone-app-search span {
    position: initial
}

.devices-wrap .mobile-device .phone-app-search .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    color: hsl(0deg, 0%, 71%);
    font-size: 10px;
    line-height: 12px
}

.devices-wrap .mobile-device .phone-app-search .tag .icon {
    color: hsl(0deg, 0%, 71%)
}

.devices-wrap .mobile-device .phone-app-search .icon {
    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
}

.devices-wrap .mobile-device .phone-app-search .level-item:first-child {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.devices-wrap .mobile-device .phone-app-coins {
    max-height: 238px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.devices-wrap .mobile-device .phone-app-coins::-webkit-scrollbar {
    display: none
}

.devices-wrap .mobile-device .phone-app-coins .guarda-app-content-box-coins_item:not(:last-child) {
    border-bottom: 1px solid rgba(170, 169, 169, .2)
}

.devices-wrap .mobile-device .phone-app-coins .guarda-app-content-box-coins_item .coin_balance, .devices-wrap .mobile-device .phone-app-coins .guarda-app-content-box-coins_item .coin_name, .devices-wrap .mobile-device .phone-app-coins .guarda-app-content-box-coins_item .coin_ticker, .devices-wrap .mobile-device .phone-app-coins .guarda-app-content-box-coins_item .fiat_balance {
    font-size: 10px;
    line-height: 12px
}

.devices-wrap .mobile-device .phone-app-coins .guarda-app-content-box-coins_item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.devices-wrap .mobile-device .phone-app-exchange {
    background: hsl(233deg, 47%, 96%);
    padding: .5rem;
    height: 298px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.devices-wrap .mobile-device .phone-app-exchange div.button {
    font-size: 12px;
    line-height: 12px;
    height: 2em;
    border-radius: 6px
}

.devices-wrap .mobile-device .phone-app-exchange .box {
    padding: .5rem
}

.devices-wrap .mobile-device .phone-app-exchange_subtitle {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: .25rem
}

.devices-wrap .mobile-device .phone-app-exchange_ticker {
    font-size: 10px;
    line-height: 10px;
    padding: 0;
    margin: 0
}

.devices-wrap .mobile-device .phone-app-exchange_amount {
    font-size: 9px;
    line-height: 10px;
    padding: 0;
    margin: 0
}

.devices-wrap .mobile-device .phone-app-menu {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 8px
}

.devices-wrap .mobile-device .phone-app-menu_item div {
    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: center;
    -ms-flex-align: center;
    align-items: center
}

.devices-wrap .mobile-device .phone-app-menu_item div .icon {
    position: initial;
    color: #b5b5b5;
    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;
    margin-bottom: .2rem
}

.devices-wrap .mobile-device .phone-app-menu_item div .icon.active {
    background: #798ce5;
    border-radius: 50%;
    color: #fff
}

.devices-wrap .mobile-device .phone-app-menu_item div .heading {
    font-size: 6px;
    line-height: 8px;
    color: #b5b5b5;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.devices-wrap .mobile-device .phone-app-menu_item div .heading.active {
    color: #798ce5 !important
}

.devices-wrap .iphone-x {
    position: relative;
    margin: 10px auto;
    width: 175px;
    height: 380px;
    background: 0 0;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 3px #e6e6e6, 0 0 0 4px #eee;
    box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 3px #e6e6e6, 0 0 0 4px #eee
}

.devices-wrap .iphone-x:after, .devices-wrap .iphone-x:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.devices-wrap .iphone-x:before {
    top: -1px;
    width: 40%;
    height: 12px;
    background-color: #e0e0e0;
    border-radius: 0 0 15px 15px
}

.devices-wrap .iphone-x b, .devices-wrap .iphone-x i, .devices-wrap .iphone-x s, .devices-wrap .iphone-x span {
    position: absolute;
    display: block;
    color: transparent
}

.devices-wrap .iphone-x i {
    top: 2px;
    left: 38%;
    height: 5px;
    width: 15%;
    background-color: #efefef;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, .2)
}

.devices-wrap .iphone-x b {
    right: 38%;
    top: 2px;
    width: 5px;
    height: 5px;
    background-color: #efefef;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, .2)
}

.devices-wrap .iphone-x b:after {
    content: "";
    position: absolute;
    background-color: #2d4d76;
    width: 3px;
    height: 3px;
    top: 1px;
    left: 1px;
    display: block;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .5);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .5)
}

.devices-wrap .samsung {
    position: relative;
    margin: 10px auto;
    width: 175px;
    height: 380px;
    background: 0 0;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 0 2px #e0e0e0, 0 0 0 4px #e6e6e6, 0 0 0 6px #eee;
    box-shadow: 0 0 0 2px #e0e0e0, 0 0 0 4px #e6e6e6, 0 0 0 6px #eee
}

.devices-wrap .samsung:after, .devices-wrap .samsung:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.devices-wrap .samsung:before {
    top: 0;
    background-color: #e0e0e0
}

.devices-wrap .samsung b, .devices-wrap .samsung i, .devices-wrap .samsung s, .devices-wrap .samsung span {
    position: absolute;
    display: block;
    color: transparent
}

.devices-wrap .samsung b {
    right: 50%;
    top: 1%;
    width: 8px;
    height: 8px;
    background-color: #efefef;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 -3px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 -3px 2px 0 rgba(0, 0, 0, .2)
}

.devices-wrap .samsung b:after {
    content: "";
    position: absolute;
    background-color: #2d4d76;
    width: 4px;
    height: 4px;
    top: 2px;
    left: 2px;
    display: block;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .5);
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .5)
}

.coins__sidebar .posts-wrap .post-img {
    height: 120px;
    width: 100%;
    display: block;
    overflow: hidden
}

.coins__sidebar .posts-wrap .post-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
    pointer-events: none
}

.coins__sidebar .posts-wrap .post-p {
    font-size: 12px;
    margin-top: .5rem;
    line-height: 16px;
    font-weight: 700;
    color: #0a0a0a;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.coins__sidebar .posts-wrap .post-par {
    font-size: 12px;
    margin-bottom: .5rem;
    line-height: 16px;
    font-weight: 400;
    color: #0a0a0a;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.coins-heading {
    font-size: 1.5rem;
    font-weight: 500;
    color: #363636;
    margin: 0
}

.coins__website {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coins__website svg {
    max-height: 24px;
    max-width: 24px;
    width: 100%;
    height: 100%;
    display: block;
    margin-right: .75rem
}

.coins__website span {
    font-size: 1rem;
    line-height: 1.5
}

.coins__web-cta {
    padding: 30px 0;
    background: -o-linear-gradient(226deg, #454090 41%, #6abcd4);
    background: linear-gradient(224deg, #454090 41%, #6abcd4)
}

.coins__desktop-cta {
    background: -o-linear-gradient(226deg, #4b5981 41%, #454090);
    background: linear-gradient(224deg, #4b5981 41%, #454090);
    margin: 70px 0
}

.coins__mobile-cta {
    margin: 70px 0
}

.coins__basics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coins__basics-item {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px
}

.coins__basics-item p {
    margin: 0
}

.coins__basics-icon {
    margin-right: 2rem
}

.coins__video iframe {
    border-radius: 1rem;
    width: 100%;
    height: 482px;
    border: none
}

.coins-page__hero .section-media {
    position: relative
}

.coins-page__hero .section-media #openVideo ion-icon {
    position: absolute;
    top: 25%;
    right: 44%;
    z-index: 10;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease
}

.coins-page__hero .section-media #openVideo ion-icon:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.price-chart__wrap {
    width: 100%;
    height: auto
}

.price-chart__container {
    height: auto;
    max-height: 100%
}

.price-chart__canvas {
    min-height: 200px !important;
    height: 100%
}

@media screen and (min-width: 756px) {
    .coins__sidebar .posts-wrap .post-img {
        height: 80px
    }

    .price-chart__canvas {
        min-height: 300px !important
    }
}

.staking-hero {
    background: -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    background: linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%)
}

.validation__wrapper-table {
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 3rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    border-radius: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.validation__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    z-index: 2;
    color: #424242;
    line-height: 1.125rem;
    font-size: .85rem
}

.validation__header__item {
    margin: 0;
    min-width: 0;
    padding: 1rem;
    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
}

.validation__header__item__title {
    overflow: hidden;
    -webkit-line-clamp: 1;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    word-break: break-word;
    -webkit-box-orient: vertical
}

.validation__table__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    font-weight: 400;
    color: #0a0a0a
}

.validation__table__item:hover {
    background-color: #f5f5f5
}

.validation__table__item:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.validation__table__item.is-new-asset {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02)
}

.validation__table__item__name {
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    border-right: 1px solid rgba(0, 0, 0, .05);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.validation__table__item__name__icon {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    margin: 0
}

.validation__table__item__name__icon img {
    height: 24px;
    width: auto
}

.validation__table__item__name__title {
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9rem
}

.validation__table__item__name__title .name {
    margin: 0;
    min-width: 0;
    margin-left: 1rem
}

.validation__table__item__name__title .ticker {
    margin: 0;
    min-width: 0;
    margin-left: 1rem;
    color: #76808f
}

.validation__table__item__value {
    margin: 0;
    padding: 1rem;
    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;
    font-size: .9rem
}

.validation__table__item__value:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.validation__table__item #ontFee, .validation__table__item #trxFee {
    font-size: .75rem
}

#calculatorDropdownList {
    position: absolute;
    width: 100%;
    right: 0;
    top: 90px;
    z-index: 100
}

@media (min-width: 900px) {
    .staking-hero-img {
        min-height: 348px
    }
}

@media (min-width: 767px) {
    .validation__header {
        font-size: .925rem
    }

    .validation__table__item {
        font-size: 1.125rem
    }

    .validation__table__item__name__icon {
        width: 36px;
        height: 36px
    }

    .validation__table__item__name__icon img {
        height: 36px;
        width: auto
    }

    .validation__table__item__name__title {
        font-size: 1.125rem
    }

    .validation__table__item__value {
        font-size: 1.125rem
    }
}

.validation__calculator__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.validation__calculator__left {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.validation__calculator__left .btn {
    height: 50px;
    width: 100%;
    max-width: unset;
    margin-top: 1rem
}

.validation__calculator__right {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.validation__calculator__input-item:first-child {
    margin-bottom: 2rem
}

.validation__calculator__input-item .error {
    color: red;
    display: none;
    margin-top: .5rem;
    font-size: .75rem;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.validation__calculator__input-item .error.active {
    display: block;
    opacity: 1
}

.validation__calculator__input-item .input__title {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    margin-bottom: .5rem
}

.validation__calculator__input-item .input__dropdown {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    border: 1px solid #448aff;
    border-radius: .5rem;
    background: #fff
}

.validation__calculator__input-item .input__dropdown__icon {
    position: relative;
    width: 50px;
    height: 50px;
    border-right: 1px solid #448aff;
    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
}

.validation__calculator__input-item .input__dropdown__icon img {
    height: 35px;
    max-height: 35px;
    width: auto
}

.validation__calculator__input-item .input__dropdown__icon img.active {
    display: block
}

.validation__calculator__input-item .input__dropdown__name {
    position: relative;
    width: 100%;
    padding: .5rem 1.5rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 2rem;
    color: #424242
}

.validation__calculator__input-item .input__dropdown__name::after {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    right: .5rem;
    width: 20px;
    height: 20px;
    background-color: #424242;
    -webkit-mask-image: url(../img/chevron-down-outline.svg);
    -webkit-mask-size: cover
}

.validation__calculator__input-item .input__dropdown__list--is-open {
    display: block;
    z-index: 2;
    position: absolute;
    left: -1px;
    top: 100%;
    width: 100%;
    display: none
}

.validation__calculator__input-item .input__dropdown__list__wrapper {
    width: 100%;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    border-radius: .5rem;
    overflow: auto;
    max-height: 340px;
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.validation__calculator__input-item .input__dropdown__list__wrapper::-webkit-scrollbar {
    display: none
}

.validation__calculator__input-item .input__dropdown__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem;
    height: 50px;
    padding: 0 .5rem 0 .75rem
}

.validation__calculator__input-item .input__dropdown__list__item:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #e9f5fe;
    cursor: pointer
}

.validation__calculator__input-item .input__dropdown__list__item__icon {
    margin-right: 1rem;
    max-height: 35px;
    height: 35px;
    width: auto
}

.validation__calculator__input-item .input__dropdown__list__item__name {
    font-weight: 500;
    font-size: 1rem;
    line-height: 2rem;
    color: #424242
}

.validation__calculator__input-item--amount {
    width: 100%;
    height: 50px;
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid #448aff;
    outline: 0;
    font-size: 1.25rem;
    color: #424242;
    padding-left: 1rem;
    font-weight: 500
}

.validation__calculator__result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin-bottom: 1rem
}

.validation__calculator__result-item--title {
    font-size: 1.125rem;
    color: #424242;
    margin-bottom: .75rem
}

.validation__calculator__result-item--value-usd {
    color: #000;
    font-weight: 700;
    margin-bottom: .5rem;
    font-size: 2rem
}

.validation__calculator__result-item--value-crypto {
    color: #424242;
    font-weight: 500;
    font-size: 1.125rem
}

@media (max-width: 768px) {
    .calc-wrap .title.is-5 {
        margin-bottom: .5rem
    }

    .calc-wrap .calculator {
        margin-top: 0 !important
    }
}

@media (max-width: 767px) {
    .validation__calculator__left {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }

    .validation__calculator__right {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .validation__calculator__result-item--value-usd {
        font-size: 1.5rem
    }
}

@media (max-width: 576px) {
    .validation__calculator__left {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .validation__calculator__right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .validation__calculator__result-item:nth-child(1) {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }

    .validation__calculator__result-item:nth-child(2) {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }

    .validation__calculator__result-item:nth-child(3) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .validation__calculator__result-item:nth-child(4) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .validation__calculator__result-item--title {
        font-size: 1rem;
        margin-bottom: .25rem
    }

    .validation__calculator__result-item--value-usd {
        font-size: 1.125rem;
        margin: 0
    }

    .validation__calculator__result-item--value-crypto {
        font-size: 1rem
    }
}

@media (max-width: 480px) {
    .validation__menu {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .validation__menu__item {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }

    .validation__menu #validationXtzChoose {
        margin-top: 1.5rem
    }

    .validation__menu #validationFioChoose {
        margin-top: 1.5rem
    }

    .validation__stats__visible {
        display: block !important
    }

    .validation__stats__item {
        margin-top: 2rem
    }

    .validation__stats__item__header {
        padding: 24px 18px
    }

    .validation__stats__item__main {
        padding: 24px 18px
    }

    .validation__header__item {
        padding: .5rem
    }

    .validation__table__item__name {
        padding: .5rem
    }

    .validation__table__item__name__title .name {
        margin-left: .5rem
    }

    .validation__table__item__name__title .ticker {
        margin-left: .5rem
    }

    .validation__table__item__value {
        padding: .5rem
    }
}

.staking-coin-hero.one {
    background: -o-linear-gradient(340.4deg, #25a2e9 6.42%, #4bf2a1 97.82%);
    background: linear-gradient(109.6deg, #25a2e9 6.42%, #4bf2a1 97.82%)
}

.staking-coin-hero.eth {
    background: -o-linear-gradient(164.76deg, #f7cbc0 0, #fbeae3 17.81%, #f4b1ab 29.8%, #8476d9 49.78%, #8db4ff 69.77%);
    background: linear-gradient(285.24deg, #f7cbc0 0, #fbeae3 17.81%, #f4b1ab 29.8%, #8476d9 49.78%, #8db4ff 69.77%)
}

.staking-coin-hero.clo {
    background: #34b37c
}

.staking-coin-hero.ada {
    background: -o-linear-gradient(135deg, #5b7bca, #0a38a6);
    background: linear-gradient(315deg, #5b7bca, #0a38a6)
}

.staking-coin-hero.atom {
    background: #2e3148
}

.staking-coin-hero.eos {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #111a44), to(#32436d));
    background: -o-linear-gradient(left, #111a44 0, #32436d 100%);
    background: linear-gradient(90deg, #111a44 0, #32436d 100%)
}

.staking-coin-hero.kmd {
    background: -o-linear-gradient(45deg, #0d4475, #00e0bf);
    background: linear-gradient(45deg, #0d4475, #00e0bf)
}

.staking-coin-hero.neo {
    background: #58bf00
}

.staking-coin-hero.now {
    background: #2b2b37
}

.staking-coin-hero.ont {
    background: #48a3ff
}

.staking-coin-hero.xtz {
    background: #2c7df7
}

.staking-coin-hero.trx {
    background: #242729
}

.staking-coin-hero.zil {
    background: -o-linear-gradient(135deg, #29ccc4, #036f7d);
    background: linear-gradient(315deg, #29ccc4, #036f7d)
}

.staking-coin-hero .calc-box {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    background: rgba(10, 10, 10, .05);
    border-radius: .5rem
}

.staking-coin-hero .calculator_input {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff
}

.staking-coin-hero .calculator_input::-webkit-input-placeholder {
    color: #fff
}

.staking-coin-hero .calculator_input::-moz-placeholder {
    color: #fff
}

.staking-coin-hero .calculator_input:-ms-input-placeholder {
    color: #fff
}

.staking-coin-hero .calculator_input::-ms-input-placeholder {
    color: #fff
}

.staking-coin-hero .calculator_input::placeholder {
    color: #fff
}

.staking-coin-hero .calculator_input:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.staking-coin-hero .calculator_control {
    position: relative
}

.staking-coin-hero .calculator_control #calc-error {
    position: absolute;
    right: 3%;
    top: 25%
}

.staking-coin-hero .title.is-2 {
    font-size: 2.5rem !important;
    color: inherit
}

.staking-coin-hero .title.is-3 {
    font-size: 2rem !important;
    color: inherit
}

.staking-coin-hero .title.is-5 {
    font-size: 1.25rem !important;
    color: inherit
}

.staking-coin-desc strong {
    color: inherit
}

@media (min-width: 767px) {
    .staking-coin-hero .calc-box {
        padding: 1.5rem
    }
}

.eth-tokenised h2 {
    text-align: center;
    margin: 0
}

.eth-tokenised__wrapper {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.eth-tokenised__item {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    margin: 1rem
}

.eth-tokenised__item--number {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.5rem;
    color: #0a0a0a
}

.eth-tokenised__item h3 {
    margin: 1.5rem 0 0 0;
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 500
}

.eth-tokenised__uniswap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.eth-tokenised__uniswap .staking-assets__item {
    width: 100%
}

.eth-tokenised__uniswap .staking-assets__item:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    cursor: default
}

.eth-tokenised__uniswap .staking-assets__item__content {
    overflow: hidden
}

.xtz-baking__address {
    font-size: 1.25rem !important;
    overflow: hidden
}

.xtz-baking hr {
    border: 0;
    height: 2px;
    width: 100%;
    background: #e7e7ea;
    margin-top: 0;
    position: relative;
    margin-bottom: 1.5rem
}

.xtz-baking hr::after {
    content: "";
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #448aff;
    top: 0;
    left: 0
}

.xtz-baking__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xtz-baking__tile {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    max-width: 100%;
    margin: .75rem;
    padding: 1rem 2rem;
    background-color: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02)
}

.xtz-baking__tile:hover {
    -webkit-transition: -webkit-box-shadow ease .2s;
    transition: -webkit-box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    transition: box-shadow ease .2s, -webkit-box-shadow ease .2s;
    -webkit-box-shadow: 0 6px 17px rgba(203, 206, 216, .85);
    box-shadow: 0 6px 17px rgba(203, 206, 216, .85)
}

.xtz-baking__tile .title {
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1rem;
    white-space: nowrap;
    color: #424242;
    margin-bottom: .5rem;
    margin-top: 0
}

.xtz-baking__tile .value {
    font-weight: 700;
    display: block;
    white-space: nowrap;
    font-size: 1.25rem;
    line-height: 1.5rem;
    position: relative;
    color: #0a0a0a
}

.xtz-baking__tile .value.status {
    color: hsl(153deg, 53%, 53%);
    padding-left: .5rem
}

.xtz-baking__tile .value.status::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #1bf365;
    -webkit-box-shadow: 0 2px 5px rgba(27, 243, 101, .5);
    box-shadow: 0 2px 5px rgba(27, 243, 101, .5)
}

.xtz-baking__tile .value.status.offline {
    padding-left: .5rem;
    color: hsl(348deg, 86%, 61%)
}

.xtz-baking__tile .value.status.offline::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f31b41;
    -webkit-box-shadow: 0 2px 5px rgba(243, 27, 65, .5);
    box-shadow: 0 2px 5px rgba(243, 27, 65, .5)
}

.xtz-baking__tile .value.uptime {
    color: hsl(153deg, 53%, 53%)
}

.xtz-baking__tile .value.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xtz-baking__tile .progress-bar-outer {
    height: 6px;
    margin-right: 1rem;
    width: 100%;
    border-radius: .5rem;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.xtz-baking__tile .progress-bar-inner {
    background-color: #448aff;
    width: 9%;
    border-radius: .5rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: right;
    line-height: 1;
    white-space: nowrap
}

.xtz-baking__tile .progress-bar-inner::after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.xtz-baking .validation__calculator__wrapper .input__dropdown {
    cursor: default
}

.xtz-baking .validation__calculator__wrapper .input__dropdown__name::after {
    display: none
}

.eth-staking-pool__calculator {
    padding-top: 3rem
}

.eth-staking-pool__calculator h3 {
    margin-bottom: 1rem
}

.eth-staking-pool__calculator hr {
    border: 0;
    height: 2px;
    width: 100%;
    background: #e7e7ea;
    margin-top: 0;
    position: relative;
    margin-bottom: 1.5rem
}

.eth-staking-pool__calculator hr::after {
    content: "";
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #448aff;
    top: 0;
    left: 0
}

.eth-staking-pool__calculator .validation__calculator__wrapper .input__dropdown {
    cursor: default
}

.eth-staking-pool__calculator .validation__calculator__wrapper .input__dropdown__name::after {
    display: none
}

.eth-table {
    max-height: 620px;
    overflow-y: scroll
}

.eth-table-pubkey {
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.eth-table-pubkey::-webkit-scrollbar {
    display: none
}

.eth-faq h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0
}

.eth-faq__item {
    margin-top: 1.5rem;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 1rem
}

.eth-faq__item p {
    margin: 0;
    padding-top: 1rem
}

.eth-faq__item ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 2rem;
    padding: 0;
    margin-top: .5rem;
    margin-bottom: .5rem
}

@media (max-width: 959px) {
    .eth-staking-pool__item-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .eth-staking-pool__item .crypto-list__table__body {
        max-height: 340px
    }
}

@media (max-width: 767px) {
    .eth-staking-pool__wrapper {
        display: block
    }

    .eth-staking-pool__item:not(:last-child) {
        margin-bottom: 2rem
    }

    .eth-staking-pool__item--validators {
        padding: 24px 18px
    }

    .eth-staking-pool__item .crypto-list__table__body {
        max-height: 400px;
        overflow-y: scroll
    }

    .eth-staking-pool__item .crypto-list__table__body__cell--pubkey {
        max-width: 320px
    }

    .tooltiptext {
        bottom: 185%;
        left: -320%
    }

    .tooltiptext:after {
        left: 85%
    }
}

@media (max-width: 640px) {
    .eth-tokenised__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .eth-staking-pool__header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .eth-staking-pool__counter {
        margin-top: 3rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .eth-staking-pool__item-header {
        padding: 24px 18px
    }

    .eth-staking-pool__item-main {
        padding: 24px 18px
    }

    .eth-staking-pool__item .crypto-list__table__body {
        max-height: 300px
    }

    .eth-staking-pool__item .crypto-list__table__body__cell--pubkey {
        max-width: 120px
    }
}

@media (max-width: 480px) {
    .eth-staking-pool__item-header .btn {
        max-width: 120px
    }

    .xtz-baking__tile {
        padding: .5rem 1rem
    }
}

.about-hero {
    background: -o-linear-gradient(198.03deg, #151b25 0, #6699f8 100.81%);
    background: linear-gradient(251.97deg, #151b25 0, #6699f8 100.81%)
}

.about-mission blockquote {
    position: relative;
    background: 0 0;
    border: none;
    font-weight: 700;
    font-size: 1.25rem
}

.about-mission blockquote::before {
    content: "“";
    font-family: serif;
    position: absolute;
    left: -5px;
    top: -20px;
    font-size: 4rem;
    color: #448aff
}

.about-features__container {
    position: relative;
    min-height: 930px
}

.about-features__description {
    width: 390px
}

.about-features__description__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #363636
}

.about-features__description__triangle {
    float: right;
    width: 370px;
    height: 555px;
    shape-outside: polygon(100% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%)
}

.about-features__list {
    position: absolute;
    top: 0;
    left: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    clear: both
}

.about-features__list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.about-features__list__item--1 {
    top: -277px;
    left: 5px
}

.about-features__list__item--2 {
    top: -208px;
    left: 84px
}

.about-features__list__item--3 {
    top: -140px;
    left: 164px
}

.about-features__list__item--4 {
    top: -70px;
    left: 243px
}

.about-features__list__item--5 {
    top: -1px;
    left: 323px
}

.about-features__list__item__icon__img {
    display: block;
    width: 356px;
    height: 242px
}

.about-features__list__item__info {
    position: relative;
    top: 3px;
    width: 309px;
    margin-left: 26px
}

.about-features__list__item__info::before {
    content: "";
    position: absolute;
    top: 59px;
    left: -165px;
    width: 148px;
    height: 1px;
    opacity: .5;
    background: #283856
}

.about-features__list__item__info::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: -o-linear-gradient(267.81deg, #c5ccef 13.9%, #dbe1fb 82.05%);
    background: linear-gradient(182.19deg, #c5ccef 13.9%, #dbe1fb 82.05%)
}

.about-features__list__item__info__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 11px
}

.about-features__list__item__info__icon {
    display: block;
    width: 44px;
    height: 44px
}

.about-features__list__item__info__step {
    margin-right: 49px;
    padding-bottom: 1px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #448aff
}

.about-features__list__item__info__text {
    margin: 0;
    padding: 0 40px 16px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #363636
}

@media (min-width: 756px) {
    .about-hero {
        background-image: url(../img/about-bg.png);
        background-size: cover;
        background-position: 60% 0;
        background-repeat: no-repeat
    }
}

@media (max-width: 1200px) {
    .about-features__list {
        left: 0
    }

    .about-features__list__item__info {
        width: 265px
    }
}

@media (max-width: 991px) {
    .about-features__container {
        min-height: unset
    }

    .about-features__description {
        width: 100%
    }

    .about-features__description__triangle {
        display: none
    }

    .about-features__list {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .about-features__list__item {
        position: static;
        margin-top: -60px
    }

    .about-features__list__item--1 {
        margin-top: 0
    }

    .about-features__list__item__info {
        top: -25px;
        width: 100%
    }

    .about-features__list__item__info__head {
        padding-bottom: 2px
    }

    .about-features__list__item__info__icon {
        width: 38px;
        height: 38px
    }

    .about-features__list__item__icon__img {
        width: 242px;
        height: 165px
    }
}

@media (max-width: 767px) {
    .about-features__list__item {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        margin-top: 0;
        margin-bottom: 40px
    }

    .about-features__list__item__icon__img {
        width: 250px;
        height: inherit
    }

    .about-features__list__item__info {
        top: 75px;
        width: calc(100% - 250px)
    }

    .about-features__list__item__info::before {
        width: calc(100% - 40px);
        top: 8px;
        left: -15px
    }

    .about-features__list__item__info::after {
        display: none
    }

    .about-features__list__item__info__head {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .about-features__list__item__info__text {
        position: relative;
        top: -20px;
        padding-right: 40px
    }

    .about-features__list__item__info__icon {
        position: relative;
        top: -14px
    }

    .about-features__list__item__info__step {
        position: relative;
        top: 10px
    }
}

@media (max-width: 576px) {
    .about-features {
        padding-bottom: 80px
    }

    .about-features__container {
        min-height: 100%
    }

    .about-features__list__item {
        margin-bottom: 20px
    }

    .about-features__list__item__icon__img {
        width: 120px
    }

    .about-features__list__item__info {
        top: 32px;
        width: calc(100% - 120px)
    }

    .about-features__list__item__info__text {
        top: -30px
    }
}

@media (max-width: 480px) {
    .about-features {
        padding: 50px 10px
    }

    .about-features__title {
        font-size: 22px;
        line-height: 26px
    }

    .about-features__description__text {
        font-size: 14px;
        line-height: 22px
    }

    .about-features__list__item {
        margin-bottom: 30px
    }

    .about-features__list__item__info {
        position: relative;
        margin-left: 25px
    }

    .about-features__list__item__info__text {
        position: absolute;
        top: 20px;
        width: 100%;
        padding-right: 45px;
        font-size: 14px
    }
}

@media (max-width: 375px) {
    .about-features__list {
        padding-bottom: 40px
    }
}

@media (max-width: 320px) {
    .about-features__list__item {
        margin-bottom: 40px
    }

    .about-features__list__item__info__text {
        top: 25px;
        padding-right: 25px
    }
}

.grd__roadmap.get-perks {
    background: #f1f2fa
}

.grd__roadmap__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grd__roadmap__wrap .eth-tokenised__item.whitepaper {
    max-width: 400px
}

.grd__roadmap__wrap .eth-tokenised__item h2 {
    margin: 0;
    font-size: 1.75rem
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-outer {
    height: 6px;
    margin-right: 1rem;
    width: 50%;
    border-radius: .5rem;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-outer--white {
    background-color: #fff
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-inner {
    background-color: #448aff;
    border-radius: .5rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: right;
    line-height: 1;
    white-space: nowrap
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-inner__step-01 {
    width: 80%
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-inner__step-02 {
    width: 55%
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-inner__step-03 {
    width: 35%
}

.grd__roadmap__wrap .eth-tokenised__item .value.progress .progress-bar-inner::after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.grd__roadmap__wrap .left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.grd__roadmap__wrap .left .promo_art {
    margin-top: 2rem;
    width: 90%;
    height: auto
}

.grd__roadmap__wrap .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.grd__roadmap__wrap .right .item {
    padding: 1rem;
    max-width: 390px
}

.grd__roadmap__wrap .right .item h3 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grd__roadmap__wrap .right .item h3 .soon {
    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;
    border-radius: .5rem;
    padding: .25rem;
    background-color: #798ce5;
    color: #fff;
    font-size: .75rem;
    line-height: .8rem;
    margin-left: .75rem;
    font-weight: 400
}

.grd__roadmap__wrap .right .item h3 .soon.on {
    background-color: #55b64e
}

.grd__roadmap__wrap .right .item h3 .icon {
    margin-right: .5rem
}

.grd__roadmap__wrap .right .item p {
    margin-top: 0
}

.grd__roadmap__wrap .right .item .hra-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grd__roadmap__wrap .right .item .hra-icons img {
    height: 32px;
    width: auto
}

.grd__roadmap__wrap .right .item .hra-icons img:last-child {
    margin-left: 3rem
}

.grd__roadmap__wrap .right .whitepaper-cta h3 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500
}

.grd__popup {
    display: none;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 100;
    max-width: 300px;
    padding: 1rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .12);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .12);
    background-color: #fff
}

.grd__popup--hide {
    display: none !important
}

.grd__popup .close {
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    right: 10px;
    top: 0
}

.grd__popup .wrap {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.grd__popup .wrap img {
    max-width: 240px;
    height: auto
}

@media (min-width: 756px) {
    #grd-token .web-wallet__hero__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1.25fr .75fr;
        grid-template-columns: 1.25fr .75fr
    }

    #grd-token .web-wallet__hero__wrapper .btn {
        margin: 0
    }

    .grd__roadmap__wrap .left {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }

    .grd__roadmap__wrap .eth-tokenised__item h2 {
        font-size: 2.5rem
    }
}

.tweets {
    background: -o-linear-gradient(102.89deg, #151b25 48.42%, #6699f8 214.94%);
    background: linear-gradient(347.11deg, #151b25 48.42%, #6699f8 214.94%)
}

.tweets h2 {
    text-align: center;
    margin: 0;
    color: hsl(0deg, 0%, 100%)
}

.tweets .press-news__subtitle {
    color: hsl(0deg, 0%, 100%)
}

.tweets-follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 28px
}

.tweets__background {
    position: absolute;
    left: 0;
    width: 290px;
    min-height: 290px;
    background: url(../img/twitter.svg) no-repeat 0 0 transparent;
    background-size: contain
}

.tweets__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    max-height: 1430px;
    padding: 20px 10px
}

.tweets__card {
    width: 300px;
    min-width: 220px;
    max-width: 520px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #e1e8ed;
    border-radius: .5rem;
    text-align: left;
    font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
    background: hsl(0deg, 0%, 100%)
}

.tweets__card__content {
    padding: 17.5px 17.5px 10.15px
}

.tweets__card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tweets__card__header__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin-right: 9px;
    background-color: transparent
}

.tweets__card__header__avatar__img {
    display: block;
    width: 36px;
    height: 36px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%
}

.tweets__card__header__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.2;
    text-decoration: none;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.tweets__card__header__author:hover > .tweets__card__header__author__name {
    color: #3b94d9
}

.tweets__card__header__author__name {
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 4px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    color: #1c2022
}

.tweets__card__header__author__name__badge {
    display: inline-block;
    width: 15.55px;
    height: 17.5px;
    vertical-align: bottom;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h64v72H0z%22%2F%3E%3Cpath%20fill%3D%22%231da1f2%22%20d%3D%22M3%2037.315c0%204.125%202.162%207.726%205.363%209.624-.056.467-.09.937-.09%201.42%200%206.103%204.72%2011.045%2010.546%2011.045%201.295%200%202.542-.234%203.687-.686C24.22%2062.4%2027.827%2064.93%2032%2064.93c4.174%200%207.782-2.53%209.49-6.213%201.148.45%202.39.685%203.69.685%205.826%200%2010.546-4.94%2010.546-11.045%200-.483-.037-.953-.093-1.42C58.83%2045.04%2061%2041.44%2061%2037.314c0-4.37-2.42-8.15-5.933-9.946.427-1.203.658-2.5.658-3.865%200-6.104-4.72-11.045-10.545-11.045-1.302%200-2.543.232-3.69.688-1.707-3.685-5.315-6.216-9.49-6.216-4.173%200-7.778%202.53-9.492%206.216-1.146-.455-2.393-.688-3.688-.688-5.827%200-10.545%204.94-10.545%2011.045%200%201.364.23%202.662.656%203.864C5.42%2029.163%203%2032.944%203%2037.314z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.87%2039.08l7.015%206.978c.585.582%201.35.873%202.116.873.77%200%201.542-.294%202.127-.883.344-.346%2015.98-15.974%2015.98-15.974%201.172-1.172%201.172-3.07%200-4.243-1.17-1.17-3.07-1.172-4.242%200l-13.87%2013.863-4.892-4.868c-1.174-1.168-3.074-1.164-4.242.01-1.168%201.176-1.163%203.075.01%204.244z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain
}

.tweets__card__header__author__screen-name {
    font-size: 12.25px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    font-weight: 400;
    color: #697882
}

.tweets__card__header__brand {
    margin-left: auto
}

.tweets__card__header__brand__icon {
    display: block;
    width: 17.5px;
    height: 17.5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231da1f2%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E")
}

.tweets__card__body {
    margin-top: 12px;
    padding-bottom: 2px;
    overflow: hidden
}

.tweets__card__body__reply {
    margin: 0 0 2px 0
}

.tweets__card__body__reply__link {
    font-size: 12.25px;
    font-weight: 400;
    line-height: 17.15px;
    text-decoration: none;
    color: #697882
}

.tweets__card__body__reply__link:hover {
    color: #3b94d9
}

.tweets__card__body__text {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    overflow-wrap: break-word
}

.tweets__card__body__text a {
    color: #2b7bb9;
    text-decoration: none
}

.tweets__card__body__text a:hover {
    color: #3b94d9
}

.tweets__card__body__text a.tweets__card__body__text__styled-link {
    color: #1c2022
}

.tweets__card__body__text a.tweets__card__body__text__styled-link:hover {
    color: #1c2022
}

.tweets__card__body__quote {
    display: block;
    margin-top: 9.1px;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    text-decoration: none
}

.tweets__card__body__quote__container {
    margin: 10px
}

.tweets__card__body__quote__header__name {
    font-size: 12.25px;
    font-weight: 700;
    color: #1c2022
}

.tweets__card__body__quote__header__screen-name {
    font-size: 12.25px;
    font-weight: 400;
    color: #697882
}

.tweets__card__body__quote__entry {
    margin: 4px 0 0 0;
    font-size: 12.25px;
    font-weight: 400;
    line-height: 17.15px;
    color: #1c2022
}

.tweets__card__body__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10.4px;
    font-size: 12.25px
}

.tweets__card__body__info__likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.tweets__card__body__info__likes:hover > .tweets__card__body__info__likes__icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23E0245E%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E")
}

.tweets__card__body__info__likes:hover > .tweets__card__body__info__likes__count {
    color: #e0245e
}

.tweets__card__body__info__likes__icon {
    display: block;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain
}

.tweets__card__body__info__likes__count {
    margin-left: 3px;
    font-weight: 400;
    color: #697882
}

.tweets__card__body__info__time {
    margin-left: 12px;
    color: #697882;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-decoration: none
}

.tweets__card__body__info__time:hover {
    color: #3b94d9
}

.tweets__card__body__info__time__text {
    font-weight: 400
}

.tweets__card__body__info__circle__icon {
    display: block;
    height: 18px;
    width: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M12%2018.042c-.553%200-1-.447-1-1v-5.5c0-.553.447-1%201-1s1%20.447%201%201v5.5c0%20.553-.447%201-1%201z%22%2F%3E%3Ccircle%20class%3D%22icon%22%20fill%3D%22%23697882%22%20cx%3D%2212%22%20cy%3D%228.042%22%20r%3D%221.25%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M12%2022.75C6.072%2022.75%201.25%2017.928%201.25%2012S6.072%201.25%2012%201.25%2022.75%206.072%2022.75%2012%2017.928%2022.75%2012%2022.75zm0-20C6.9%202.75%202.75%206.9%202.75%2012S6.9%2021.25%2012%2021.25s9.25-4.15%209.25-9.25S17.1%202.75%2012%202.75z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain
}

.tweets__card__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 20px;
    border-top: 1px solid #e1e8ed;
    color: #2b7bb9;
    text-decoration: none
}

.tweets__card__cta:hover {
    color: #3b94d9
}

.tweets__card__cta__icon {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%232b7bb9%22%20d%3D%22M12%2011.816c1.355%200%202.872-.15%203.84-1.256.814-.93%201.078-2.368.806-4.392-.38-2.825-2.117-4.512-4.646-4.512S7.734%203.343%207.354%206.17c-.272%202.022-.008%203.46.806%204.39.968%201.107%202.485%201.256%203.84%201.256zM8.84%206.368c.162-1.2.787-3.212%203.16-3.212s2.998%202.013%203.16%203.212c.207%201.55.057%202.627-.45%203.205-.455.52-1.266.743-2.71.743s-2.255-.223-2.71-.743c-.507-.578-.657-1.656-.45-3.205zm11.44%2012.868c-.877-3.526-4.282-5.99-8.28-5.99s-7.403%202.464-8.28%205.99c-.172.692-.028%201.4.395%201.94.408.52%201.04.82%201.733.82h12.304c.693%200%201.325-.3%201.733-.82.424-.54.567-1.247.394-1.94zm-1.576%201.016c-.126.16-.316.246-.552.246H5.848c-.235%200-.426-.085-.552-.246-.137-.174-.18-.412-.12-.654.71-2.855%203.517-4.85%206.824-4.85s6.114%201.994%206.824%204.85c.06.242.017.48-.12.654z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.tweets__card__cta__icon--conversation {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%232b7bb9%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat
}

.tweets__card__cta__text {
    display: block;
    max-width: 213px;
    margin-left: 4px;
    font-size: 12.25px;
    font-weight: 400;
    line-height: 17.15px
}

.tweets__card__cta__chevron {
    margin-left: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23697882%22%20d%3D%22M17.207%2011.293l-7.5-7.5c-.39-.39-1.023-.39-1.414%200s-.39%201.023%200%201.414L15.086%2012l-6.793%206.793c-.39.39-.39%201.023%200%201.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023%200-1.414z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat
}

.tweets__card__cta__chevron {
    display: block;
    width: 1em;
    height: 1em
}

.tweets__card__body__quote__entry .u-hiddenVisually, .tweets__card__body__text a .u-hiddenVisually {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px)
}

.tweets__card__body__quote__entry .Emoji, .tweets__card__body__text .Emoji, .tweets__card__header__author__name .Emoji {
    height: 1.25em;
    width: 1.25em;
    vertical-align: -.2em;
    padding: 0 .05em 0 .1em
}

.media-outlets div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    opacity: .75
}

.media-outlets div a {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 10
}

.media-outlets div:hover {
    opacity: .95;
    -webkit-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}

.media-outlets div:hover svg path {
    fill: #448aff;
    -webkit-transition: fill .3s ease-in-out 0s;
    -o-transition: fill .3s ease-in-out 0s;
    transition: fill .3s ease-in-out 0s
}

.media-outlets div span img {
    height: 28.5px
}

.media-outlets.media-partners div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.media-outlets.media-partners div span {
    margin: 0 auto
}

.media-outlets.media-partners div span svg {
    height: 40px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.brand-assets .circle {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.brand-assets .circle--424242 {
    background: #424242
}

.brand-assets .circle--B6B9D2 {
    background: #b6b9d2
}

.brand-assets .circle--F1F2FA {
    background: #f1f2fa
}

.brand-assets .circle--448AFF {
    background: #448aff
}

.brand-assets .circle--798CE5 {
    background: #798ce5
}

.brand-assets .fonts {
    font-size: 4rem
}

@media (max-width: 1200px) {
    .tweets__wrapper {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (max-width: 1199px) {
    .tweets__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .tweets__background {
        left: 30px
    }

    .tweets__wrapper {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
}

@media (max-width: 950px) {
    .tweets__wrapper {
        max-height: 2100px;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 768px) {
    .tweets__background {
        left: 15px
    }
}

@media (max-width: 640px) {
    .tweets__wrapper {
        max-height: 4500px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (min-width: 769px) {
    .press-media-hero {
        overflow: hidden;
        position: relative
    }

    .press-media-hero-img {
        position: absolute;
        top: 0;
        width: 50vw;
        right: 0
    }
}

@media (min-width: 1216px) {
    .press-media-hero-img {
        top: -30px
    }
}

@media (min-width: 1408px) {
    .press-media-hero-img {
        top: 0;
        max-width: 30vw;
        width: 100%
    }
}

.is-xmas {
    background-image: url(../img/academy/xmas-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

.is-xmas-tree {
    position: absolute;
    max-width: 140px;
    top: 52px;
    left: 0
}

.is-xmas-hero-img {
    display: none
}

.is-xmas-hero-columns {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.is-xmas-brands-logo {
    border-radius: .5rem
}

.is-xmas-cta {
    background-image: url(../img/xmas-cta-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

@media (min-width: 900px) {
    .is-xmas-tree {
        max-width: unset;
        left: 0;
        top: 80px
    }

    .is-xmas-title {
        font-size: 8rem !important
    }

    .is-xmas-hero-img {
        position: absolute;
        display: block;
        top: -100px;
        right: -160px;
        max-height: 720px
    }
}

@media (min-width: 1200px) {
    .is-xmas-hero-img {
        top: -110px;
        right: -100px;
        max-height: 750px
    }
}

@media (min-width: 1450px) {
    .is-xmas-hero-img {
        top: -110px;
        right: -200px;
        max-height: 800px
    }
}

.anniversary-wrap {
    background-color: #030304;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    overflow-y: scroll
}

.anniversary-wrap section {
    scroll-snap-align: center
}

.anniversary-wrap section:not(.anniversary-mission) {
    min-height: 100vh
}

.anniversary-wrap section .container > * {
    opacity: 0;
    -webkit-transform: translate3d(0, 4rem, 0);
    transform: translate3d(0, 4rem, 0);
    -webkit-transition: opacity .8s var(--delay), -webkit-transform .8s cubic-bezier(.13, .07, .26, .99) var(--delay);
    transition: opacity .8s var(--delay), -webkit-transform .8s cubic-bezier(.13, .07, .26, .99) var(--delay);
    -o-transition: opacity .8s var(--delay), transform .8s cubic-bezier(.13, .07, .26, .99) var(--delay);
    transition: opacity .8s var(--delay), transform .8s cubic-bezier(.13, .07, .26, .99) var(--delay);
    transition: opacity .8s var(--delay), transform .8s cubic-bezier(.13, .07, .26, .99) var(--delay), -webkit-transform .8s cubic-bezier(.13, .07, .26, .99) var(--delay)
}

.anniversary-wrap section .is-visible.container > * {
    opacity: 1;
    -webkit-transform: translate3d(0, 1rem, 0);
    transform: translate3d(0, 1rem, 0)
}

.anniversary-wrap section .title.is-1, .anniversary-wrap section .title.is-2 {
    font-weight: 700;
    color: #fcfcfc
}

.anniversary-wrap section .title-with-5 {
    position: relative
}

.anniversary-wrap section .title-with-5::after {
    position: absolute;
    content: "";
    background-image: url(../img/anniversary-5.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 4rem;
    right: -50%;
    top: -20%;
    height: 4rem
}

.anniversary-wrap section .title-accent {
    background: -o-linear-gradient(346.52deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    background: linear-gradient(103.48deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff
}

.anniversary-hero {
    background-image: url(../img/anniversary-hero.png);
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

.anniversary-hero .hero-body {
    padding-bottom: 0;
    -webkit-animation: appearHBD 1.5s ease 1 forwards;
    animation: appearHBD 1.5s ease 1 forwards
}

.anniversary-section-1 .anniversary-ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.anniversary-section-1 .anniversary-ratings-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.anniversary-section-1 .anniversary-ratings-item:last-child {
    margin-left: 3rem
}

.anniversary-section-1 .anniversary-ratings-item .rating {
    color: #fcfcfc;
    font-weight: 700;
    font-size: 2rem;
    z-index: 2;
    position: relative
}

.anniversary-section-1 .anniversary-ratings-item .rating::before {
    display: block;
    content: "";
    background: -o-linear-gradient(346.52deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    background: linear-gradient(103.48deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    height: 9px;
    width: 140%;
    position: absolute;
    left: -25%;
    bottom: 20%;
    z-index: -1
}

.anniversary-section-1 .anniversary-ratings-item .rating::after {
    display: block;
    content: "";
    background-image: url(../img/anniversary/star-rating.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -90%;
    top: 25%;
    width: 1.5rem;
    height: 1.5rem
}

.anniversary-section-2-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.anniversary-section-2-items .numbers-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.anniversary-section-2-items .numbers-item-number {
    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: center;
    -ms-flex-align: center;
    align-items: center
}

.anniversary-section-2-items .numbers-item-title {
    font-size: 3.5rem;
    font-weight: 700;
    background: -o-linear-gradient(346.52deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    background: linear-gradient(103.48deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff
}

.anniversary-section-2-items .numbers-item p {
    max-width: 440px
}

.anniversary-promo__title {
    color: #fcfcfc;
    font-weight: 700;
    margin: 0;
    font-size: 3rem;
    letter-spacing: -.03em
}

.anniversary-promo-items {
    overflow: visible;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: .875rem;
    margin-top: 1.5rem;
    position: relative
}

.anniversary-promo-item {
    width: 100%;
    padding: 1.5rem;
    display: block;
    border-radius: 1.125rem;
    background: rgba(255, 255, 255, .09);
    -webkit-box-shadow: inset .375rem 5.25rem 4.9375rem -2.5rem rgba(255, 255, 255, .06), inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1), inset 0 .25rem .0625rem -.1875rem rgba(255, 255, 255, .25);
    box-shadow: inset .375rem 5.25rem 4.9375rem -2.5rem rgba(255, 255, 255, .06), inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1), inset 0 .25rem .0625rem -.1875rem rgba(255, 255, 255, .25)
}

.anniversary-promo-item:last-child, .anniversary-promo-item:nth-child(1), .anniversary-promo-item:nth-child(2), .anniversary-promo-item:nth-child(3), .anniversary-promo-item:nth-last-child(2) {
    display: none
}

.anniversary-promo-item:not(:last-child) {
    margin-bottom: 1.5rem
}

.anniversary-mission {
    background: -o-linear-gradient(346.52deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    background: linear-gradient(103.48deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%)
}

.anniversary-always-show {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    visibility: hidden;
    width: 100%;
    z-index: 1000
}

.anniversary-cta {
    -webkit-box-shadow: inset .375rem 5.25rem 4.9375rem -2.5rem rgba(255, 255, 255, .06), inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1), inset 0 .25rem .0625rem -.1875rem rgba(255, 255, 255, .25);
    box-shadow: inset .375rem 5.25rem 4.9375rem -2.5rem rgba(255, 255, 255, .06), inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1), inset 0 .25rem .0625rem -.1875rem rgba(255, 255, 255, .25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 64px;
    height: 64px;
    overflow: hidden;
    visibility: visible;
    cursor: pointer;
    background: -o-linear-gradient(283.27deg, #7d4eff -13.75%, #010316 68.33%) 0 0/cover;
    background: linear-gradient(166.73deg, #7d4eff -13.75%, #010316 68.33%) 0 0/cover;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.anniversary-cta:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.anniversary-cta img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: auto
}

.timeline {
    width: 100%
}

.timeline-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #030304;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.timeline .swiper-container {
    height: 70vh;
    width: 100%;
    position: relative
}

.timeline .swiper-wrapper {
    -webkit-transition: 2s cubic-bezier(.68, -.4, .27, 1.34) .2s;
    -o-transition: 2s cubic-bezier(.68, -.4, .27, 1.34) .2s;
    transition: 2s cubic-bezier(.68, -.4, .27, 1.34) .2s;
    height: 100%
}

.timeline .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    color: #fcfcfc;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.timeline .swiper-slide::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: -115%;
    bottom: -10%;
    width: 100%;
    height: 100%;
    background-color: #030304;
    -webkit-box-shadow: -230px 0 150px 60vw #030304;
    box-shadow: -230px 0 150px 60vw #030304;
    border-radius: 100%
}

.timeline .swiper-slide-content {
    position: absolute;
    text-align: center;
    width: 100%;
    right: 50%;
    top: 13%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    font-size: 12px;
    z-index: 2
}

.timeline .swiper-slide .timeline-year {
    display: block;
    font-size: 2rem;
    margin-bottom: 3rem;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    color: #448aff;
    font-weight: 300;
    opacity: 0;
    -webkit-transition: .2s ease .4s;
    -o-transition: .2s ease .4s;
    transition: .2s ease .4s
}

.timeline .swiper-slide .timeline-title {
    margin: 0 0 30px;
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: .2s ease .5s;
    -o-transition: .2s ease .5s;
    transition: .2s ease .5s
}

.timeline .swiper-slide .timeline-text {
    line-height: 1.5;
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: .2s ease .6s;
    -o-transition: .2s ease .6s;
    transition: .2s ease .6s
}

.timeline .swiper-slide-active .timeline-year {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .4s ease 1.6s;
    -o-transition: .4s ease 1.6s;
    transition: .4s ease 1.6s
}

.timeline .swiper-slide-active .timeline-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .4s ease 1.7s;
    -o-transition: .4s ease 1.7s;
    transition: .4s ease 1.7s
}

.timeline .swiper-slide-active .timeline-text {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .4s ease 1.8s;
    -o-transition: .4s ease 1.8s;
    transition: .4s ease 1.8s
}

.timeline .swiper-pagination {
    right: 3% !important;
    height: 100%;
    display: none;
    -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;
    font-size: 1.25rem;
    z-index: 1
}

.timeline .swiper-pagination::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#6378cd), color-stop(70.31%, #6378cd), to(rgba(99, 120, 205, 0)));
    background: -o-linear-gradient(top, #6378cd 0, #6378cd 70.31%, rgba(99, 120, 205, 0) 100%);
    background: linear-gradient(180deg, #6378cd 0, #6378cd 70.31%, rgba(99, 120, 205, 0) 100%)
}

.timeline .swiper-pagination-bullet {
    width: auto;
    height: auto;
    text-align: center;
    opacity: 1;
    font-weight: 500;
    background: -o-linear-gradient(346.52deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    background: linear-gradient(103.48deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff;
    padding-left: .25rem;
    padding-right: .25rem;
    margin: 15px 0 !important;
    position: relative
}

.timeline .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: -16px;
    left: -60.5px;
    width: 64px;
    height: 64px;
    background-image: url(../img/anniversary/timeline-dot.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.timeline .swiper-pagination-bullet-active {
    color: #448aff
}

.timeline .swiper-pagination-bullet-active::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.timeline .swiper-button-next, .timeline .swiper-button-prev {
    background-size: 20px 20px;
    cursor: pointer;
    position: absolute;
    top: 15%;
    width: 20px;
    height: 20px;
    margin-top: 0;
    z-index: 2;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.timeline .swiper-button-prev {
    left: 8%;
    background-image: url(../img/anniversary/chevron-up.svg)
}

.timeline .swiper-button-prev:hover {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

.timeline .swiper-button-next {
    right: 8%;
    background-image: url(../img/anniversary/chevron-down.svg)
}

.timeline .swiper-button-next:hover {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

@media screen and (min-width: 768px) {
    .timeline .swiper-container {
        height: 486px
    }

    .timeline .swiper-slide::after {
        right: -30%;
        bottom: -8%;
        width: 240px;
        height: 50%;
        -webkit-box-shadow: -230px 0 150px 50vw #030304;
        box-shadow: -230px 0 150px 50vw #030304
    }

    .timeline .swiper-slide-content {
        right: 30%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80%;
        max-width: 494px;
        text-align: right
    }

    .timeline .swiper-slide .timeline-year {
        margin-bottom: 1rem
    }

    .timeline .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 0
    }

    .timeline .swiper-pagination > span {
        cursor: pointer
    }

    .timeline .swiper-button-prev {
        top: 20%;
        left: auto;
        right: 6%;
        -webkit-transform: rotate(90deg) translate(0, 10px) scale(1.6);
        -ms-transform: rotate(90deg) translate(0, 10px) scale(1.6);
        transform: rotate(90deg) translate(0, 10px) scale(1.6)
    }

    .timeline .swiper-button-prev:hover {
        -webkit-transform: rotate(90deg) translate(-3px, 10px) scale(1.55);
        -ms-transform: rotate(90deg) translate(-3px, 10px) scale(1.55);
        transform: rotate(90deg) translate(-3px, 10px) scale(1.55)
    }

    .timeline .swiper-button-next {
        top: auto;
        bottom: 20%;
        right: 6%;
        -webkit-transform: rotate(90deg) translate(0, 10px) scale(1.6);
        -ms-transform: rotate(90deg) translate(0, 10px) scale(1.6);
        transform: rotate(90deg) translate(0, 10px) scale(1.6)
    }

    .timeline .swiper-button-next:hover {
        -webkit-transform: rotate(90deg) translate(3px, 10px) scale(1.55);
        -ms-transform: rotate(90deg) translate(3px, 10px) scale(1.55);
        transform: rotate(90deg) translate(3px, 10px) scale(1.55)
    }

    .anniversary-wrap section .title.is-1, .anniversary-wrap section .title.is-2 {
        font-size: calc(1.75rem + 2.5 * (100vw - 35rem) / 55)
    }

    .anniversary-wrap section .title-with-5::after {
        right: -60%;
        top: -20%;
        width: 6rem;
        height: 6rem
    }

    .anniversary-promo__title {
        font-size: calc(1.75rem + 2.5 * (100vw - 35rem) / 55);
        max-width: 10.98em;
        line-height: 1.1;
        position: absolute;
        top: -1rem
    }

    .anniversary-promo-items {
        padding: 0 .625rem;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .anniversary-promo-item {
        width: calc(33.3333% - 1rem);
        margin: 1.5rem 0 0 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-height: 20.875rem;
        padding: 2.125rem 1.5rem
    }

    .anniversary-promo-item:not(:last-child) {
        margin-right: .625rem
    }

    .anniversary-promo-item:last-child, .anniversary-promo-item:nth-child(1), .anniversary-promo-item:nth-child(2), .anniversary-promo-item:nth-child(3), .anniversary-promo-item:nth-last-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(33.3333% - 1.375rem)
    }

    .anniversary-promo-item:nth-child(1) {
        right: calc(33.3333% + .75rem);
        top: -4.625rem
    }

    .anniversary-promo-item:nth-child(2) {
        right: calc(66.6666% + .75rem);
        top: 1.5rem
    }

    .anniversary-promo-item:nth-child(4n+5) {
        -webkit-transform: translateY(13.125rem);
        -ms-transform: translateY(13.125rem);
        transform: translateY(13.125rem)
    }

    .anniversary-promo-item:nth-child(4n+6) {
        -webkit-transform: translateY(17.625rem);
        -ms-transform: translateY(17.625rem);
        transform: translateY(17.625rem)
    }

    .anniversary-mission {
        position: relative
    }

    .anniversary-mission::before {
        content: "";
        display: block;
        position: absolute;
        height: 144px;
        width: 144px;
        background-image: url(../img/anniversary/ellipse-big.svg);
        background-size: contain;
        background-repeat: no-repeat;
        right: 20%;
        top: -5%
    }

    .anniversary-mission::after {
        content: "";
        display: block;
        position: absolute;
        height: 244px;
        width: 244px;
        background-image: url(../img/anniversary/ellipse-big.svg);
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        bottom: -35%
    }

    .anniversary-mission .columns {
        position: relative
    }

    .anniversary-mission .columns::before {
        content: "";
        display: block;
        position: absolute;
        height: 56px;
        width: 56px;
        background-image: url(../img/anniversary/quotation.svg);
        background-size: contain;
        background-repeat: no-repeat;
        left: 10%;
        top: 50%
    }

    .anniversary-mission .columns::after {
        content: "";
        display: block;
        position: absolute;
        height: 56px;
        width: 56px;
        background-image: url(../img/anniversary/quotation.svg);
        background-size: contain;
        background-repeat: no-repeat;
        right: 10%;
        top: 50%;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (min-width: 1024px) {
    .timeline .swiper-slide::after {
        right: -20%;
        bottom: -12%;
        width: 240px;
        height: 50%;
        -webkit-box-shadow: -230px 0 150px 39vw #030304;
        box-shadow: -230px 0 150px 39vw #030304
    }

    .timeline .swiper-slide-content {
        right: 35%
    }
}

@media screen and (min-width: 900px) {
    .anniversary-hero {
        position: relative
    }

    .anniversary-hero .hero-body {
        position: relative;
        min-height: 568px;
        padding-bottom: 3rem
    }

    .anniversary-hero .hero-body img {
        position: absolute;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        left: 0;
        -webkit-animation: appearHBD 2s ease 1 forwards;
        animation: appearHBD 2s ease 1 forwards
    }

    .anniversary-circle-left-elem {
        position: absolute;
        left: -12%;
        top: -12%;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-animation: rotate-extra-elem 5s ease infinite;
        animation: rotate-extra-elem 5s ease infinite
    }

    .anniversary-section-1 {
        overflow-x: hidden
    }

    .anniversary-section-1 .columns {
        position: relative
    }

    .anniversary-section-1-image {
        position: absolute;
        -webkit-transform: scale(.86);
        -ms-transform: scale(.86);
        transform: scale(.86);
        top: -50%;
        right: -40%
    }

    .anniversary-section-2-items .numbers-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 2rem
    }

    .anniversary-section-2-items .numbers-item-title {
        font-size: 6rem
    }

    .anniversary-section-2-items .numbers-item span.border-left {
        position: absolute;
        background: -o-linear-gradient(346.52deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
        background: linear-gradient(103.48deg, #2f4191 -8.33%, #4053a5 20.52%, #8791db 49.37%, #5b70c4 72.82%, #2f4191 107.07%);
        left: -5%;
        width: 10px;
        height: 100%
    }

    .anniversary-section-timeline {
        position: relative
    }

    .anniversary-section-timeline::before {
        content: "";
        display: block;
        position: absolute;
        height: 444px;
        width: 444px;
        background-image: url(../img/anniversary/ellipse-big.svg);
        background-size: contain;
        background-repeat: no-repeat;
        left: -10%;
        bottom: -22%
    }

    .anniversary-promo-section {
        padding-bottom: 18rem
    }

    .anniversary-promo-item {
        width: calc(25% - 1.125rem)
    }

    .anniversary-promo-item:last-child, .anniversary-promo-item:nth-child(1), .anniversary-promo-item:nth-child(2), .anniversary-promo-item:nth-child(3), .anniversary-promo-item:nth-last-child(2) {
        position: absolute;
        width: calc(25% - 1.375rem);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .09)), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(top, rgba(255, 255, 255, .09) 0, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, .09) 0, rgba(255, 255, 255, 0) 100%);
        -webkit-box-shadow: inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1);
        box-shadow: inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1)
    }

    .anniversary-promo-item:nth-child(1) {
        top: -9.25rem;
        right: calc(26% + .75rem)
    }

    .anniversary-promo-item:nth-child(2) {
        right: calc(51% + .75rem);
        top: -4.75rem
    }

    .anniversary-promo-item:nth-child(3) {
        right: calc(76% + .75rem);
        top: 10.375rem
    }

    .anniversary-promo-item:nth-last-child(2) {
        right: calc(76% + .75rem);
        bottom: -32.625rem
    }

    .anniversary-promo-item:last-child {
        right: 1.5%;
        bottom: -22.125rem
    }
}

@-webkit-keyframes appearHBD {
    0% {
        bottom: -100%;
        opacity: 0
    }
    100% {
        bottom: -55%;
        opacity: 1
    }
}

@keyframes appearHBD {
    0% {
        bottom: -100%;
        opacity: 0
    }
    100% {
        bottom: -55%;
        opacity: 1
    }
}

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

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

@-webkit-keyframes appear-section-1-image {
    0% {
        right: -200%
    }
    100% {
        right: -40%
    }
}

@keyframes appear-section-1-image {
    0% {
        right: -200%
    }
    100% {
        right: -40%
    }
}

.poll .answers {
    padding: 10px
}

.poll .answers .answer {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    color: hsl(0deg, 0%, 29%);
    margin-bottom: 10px;
    border: 1px solid #448aff;
    border-radius: .5rem;
    color: #004ccc;
    cursor: pointer;
    overflow: hidden;
    z-index: 1
}

.poll .answers .answer[sel="1"] {
    border: 2px solid #004ccc
}

.poll .answers [id^=qp_rb_] {
    display: none;
    visibility: hidden;
    opacity: 0
}

.poll .answers [id^=qp_rp_] {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: hsl(0deg, 0%, 29%);
    font-size: .9rem
}

.poll .answers [id^=qp_rv_] {
    position: absolute;
    padding: 0 !important;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #ebf2ff;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    z-index: -1
}

.poll .answers [id^=qp_rv_] div {
    display: none
}

@media (min-width: 900px) {
    .poll .answers {
        padding: 20px 20px 20px 0
    }

    .poll .answers .answer {
        width: 50%
    }
}

.box.dark {
    background: rgba(255, 255, 255, .09);
    -webkit-box-shadow: inset .375rem 5.25rem 4.9375rem -2.5rem rgba(255, 255, 255, .06), inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1), inset 0 .25rem .0625rem -.1875rem rgba(255, 255, 255, .25);
    box-shadow: inset .375rem 5.25rem 4.9375rem -2.5rem rgba(255, 255, 255, .06), inset 0 -.25rem .0625rem -.1875rem rgba(255, 255, 255, .1), inset 0 .25rem .0625rem -.1875rem rgba(255, 255, 255, .25);
    border-radius: 1.5rem
}

.box.light {
    background: rgba(241, 242, 250, .5);
    border-radius: 1.5rem
}

.title-span {
    display: block
}

.network-family {
    max-width: 170px
}

@media (min-width: 1000px) {
    .network-family {
        max-width: 180px
    }
}

@media (min-width: 1240px) {
    .network-family {
        max-width: 200px
    }
}

@media (min-width: 1418px) {
    .network-family {
        max-width: 300px
    }
}

.title-extra-elem {
    position: relative
}

.title-extra-elem::after {
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.title-extra-elem.cards-elem::after {
    background-image: url(../img/cards/plastic-card.png);
    right: -25%;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.5rem;
    height: 3.5rem
}

.title-extra-elem.send-elem::after {
    content: "🚀";
    font-size: 2.5rem;
    right: -25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tag-n-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.what_is_section {
    background: #f1f2fa;
    padding-bottom: 0;
    margin-bottom: 2rem
}

.what_is_section .title.is-1 {
    margin-top: 1rem;
    display: block
}

.what_is_section .box {
    padding: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.what_is_section .featured_image {
    padding-bottom: 0
}

.what_is_section .featured_image img {
    display: block;
    width: 100%
}

.web-use-cases__image {
    position: absolute;
    pointer-events: none
}

.web-use-cases__image-buy {
    width: 50%;
    right: 0;
    bottom: -6%
}

.web-use-cases__image-stake {
    width: 35%;
    right: 0;
    bottom: 0
}

.numeric-blocks {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.numeric-block {
    font-size: 1.25rem;
    font-weight: medium;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.numeric-block:not(:last-child) {
    margin-bottom: 1.5rem
}

.numeric-block-number {
    padding: .75rem;
    font-size: 1.5rem;
    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;
    font-weight: 700;
    aspect-ratio: 1/1;
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 2rem;
    border-radius: .5rem;
    border: 1px solid hsl(0deg, 0%, 21%)
}

.buy-how-to-image {
    position: absolute;
    right: 0;
    bottom: -15%;
    width: 40%;
    height: auto
}

.coinmarketcap-currency-widget > div:first-of-type {
    border: none !important;
    font-family: inherit !important;
    border-radius: 0 !important
}

.coinmarketcap-currency-widget > div:first-of-type > div:not(:last-of-type) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.coinmarketcap-currency-widget > div:first-of-type > div:last-of-type {
    display: none
}

.buy-hero-bg {
    background: -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    background: linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%)
}

@media (min-width: 768px) {
    .buy-hero-bg {
        background: url(../img/buy/hero-bg.svg), -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
        background: url(../img/buy/hero-bg.svg), linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%);
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: right
    }
}

@media (min-width: 900px) {
    .ledger-hero {
        overflow: hidden
    }

    .ledger-hero-img {
        position: absolute;
        right: -20%;
        bottom: -20%;
        height: 520px
    }

    .what_is_section {
        background: #fff
    }

    .what_is_section .box {
        padding: 2rem;
        -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
        box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02)
    }

    .what_is_section .box img {
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        position: absolute;
        bottom: 90px;
        right: 10%;
        display: initial;
        width: unset
    }

    .title-span {
        display: inline-block
    }

    .tag-n-level {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tag-n-level:not(:last-child) {
        margin-right: .75rem
    }

    .title-extra-elem {
        position: relative
    }

    .title-extra-elem::after {
        width: 5rem;
        height: 5rem
    }

    .title-extra-elem.cards-elem::after {
        right: -6rem;
        top: 65%;
        width: 5rem;
        height: 5rem
    }

    .title-extra-elem.send-elem::after {
        font-size: 4rem;
        right: -6rem
    }

    .web-use-cases__image {
        width: unset
    }

    .web-use-cases__image-buy {
        right: unset;
        bottom: unset;
        left: -24%;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .web-use-cases__image-exchange {
        right: -23%;
        top: -20%;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .web-use-cases__image-stake {
        right: unset;
        bottom: unset;
        left: 0;
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4)
    }

    .buy-where .box .title.is-3 {
        white-space: nowrap
    }
}

#loading-content {
    min-height: 557px
}

@media screen and (min-width: 1099px) {
    .box.dark .title {
        white-space: nowrap
    }

    .sell--hero {
        position: absolute;
        z-index: 1;
        pointer-events: none;
        top: -10%;
        right: -40%;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .desktop--hero {
        position: absolute;
        z-index: 1;
        pointer-events: none;
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        right: -35%;
        bottom: 40px
    }

    .home--hero {
        position: absolute;
        z-index: 1;
        pointer-events: none;
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
        right: -60%
    }

    .staking-hero-screen {
        position: absolute;
        z-index: 2;
        -webkit-transform: scale(2.25);
        -ms-transform: scale(2.25);
        transform: scale(2.25);
        right: -50%;
        top: 20%
    }

    .coins--hero {
        position: absolute;
        right: -20%;
        top: -5%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .academy__hero-img {
        display: block;
        position: absolute;
        height: 300px;
        bottom: -120px;
        right: auto
    }
}

@media screen and (min-width: 1181px) {
    .sell--hero {
        right: -25%;
        top: -25%;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .desktop--hero {
        right: -15%;
        top: -8%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .home--hero {
        position: initial
    }

    .staking-hero-screen {
        right: -30%;
        top: initial;
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25)
    }

    .coins--hero {
        right: -15%;
        top: -15%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .academy__hero-img {
        height: 340px;
        bottom: -130px
    }
}

@media screen and (min-width: 1250px) {
    .coins--hero {
        right: -10%;
        top: -15%;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (min-width: 1500px) {
    .coins--hero {
        right: 0;
        top: -15%;
        -webkit-transform: scale(1.75);
        -ms-transform: scale(1.75);
        transform: scale(1.75)
    }
}

@media (max-width: 900px) {
    .buy-light-section {
        background: rgba(241, 242, 250, .5)
    }

    #web-wallet .is-blue-gradient {
        background: #150f2a
    }

    #web-wallet .staking-hero-img {
        padding: 0
    }

    .web-use-cases {
        padding-left: 0;
        padding-right: 0
    }

    .hero-body {
        padding: 0
    }

    .hero-body .columns {
        margin: 0
    }

    .hero-body .hero-text {
        padding: 0
    }

    .hero-body .hero-text .subtitle, .hero-body .hero-text .title {
        padding: 1rem
    }

    .hero-body lottie-player {
        width: 100%;
        height: 100%
    }

    .hero-body .lottie-bg-cover {
        background: #150f2a;
        width: 100vw;
        position: absolute;
        height: 30px;
        left: 0;
        top: 0
    }

    .web-use-cases .tag.is-large.is-primary, .web-use-cases .tag.is-large.is-success {
        margin-bottom: 1rem
    }

    .box.light .icon.is-large.has-text-primary-dark {
        margin-bottom: 1rem
    }

    .is-centered-touch {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .is-normal-touch.input {
        font-size: 1rem
    }

    .control.has-icons-right .input.is-normal-touch ~ .icon {
        font-size: 1rem
    }
}

@media (max-width: 1181px) {
    .button.is-normal-touch {
        font-size: 1rem !important
    }
}

.assets-gradient {
    background: -o-linear-gradient(340.4deg, #4d5ea9 6.42%, #a6b2f7 97.82%);
    background: linear-gradient(109.6deg, #4d5ea9 6.42%, #a6b2f7 97.82%)
}

.assets-gradient .hero-body {
    background: -o-radial-gradient(120% 50%, 100% 100%, rgba(113, 127, 202, 0) 49.48%, #afb9fd 73.96%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(100% 100% at 120% 50%, rgba(113, 127, 202, 0) 49.48%, #afb9fd 73.96%, rgba(255, 255, 255, 0) 100%)
}

.assets-hero {
    position: relative;
    overflow: hidden
}

.assets-hero .tp-badge {
    margin-top: 1rem;
    height: 50px;
    width: auto
}

.assets-hero__img {
    position: absolute;
    right: -23%;
    top: 50%;
    -webkit-transform: translate(0, -50%) scale(.66);
    -ms-transform: translate(0, -50%) scale(.66);
    transform: translate(0, -50%) scale(.66);
    z-index: 2
}

.assets-hero .columns > .column {
    position: relative
}

.assets-hero__logo {
    position: absolute;
    left: 1%;
    top: -60px
}

.assets-hero__logo svg {
    fill: #fff;
    color: #fff
}

.assets-chart-columns {
    min-height: 600px
}

.assets-chart-wrapper {
    position: absolute;
    z-index: 1
}

.assets-chart-block {
    position: relative
}

.assets-cta-block {
    overflow: hidden;
    margin-top: -15rem
}

.assets-cta-block .columns:first-child {
    padding-top: 8rem
}

.wallet-options {
    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;
    gap: 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wallet-options img:not(.wallet-options-img) {
    width: 30px;
    height: 30px
}

.wallet-options-img {
    position: absolute;
    top: 40%;
    right: -50%;
    -webkit-transform: translate(0, -50%) scale(1.75);
    -ms-transform: translate(0, -50%) scale(1.75);
    transform: translate(0, -50%) scale(1.75)
}

.payment-gateways img {
    height: 18px;
    width: auto
}

.app-container {
    --after-img-height: 282px
}

.options-separator {
    padding-top: calc(var(--after-img-height) / 2)
}

.buy-widget-frame, .exchange-widget-frame, .staking-widget-frame {
    position: relative
}

.buy-widget-frame .select-block, .exchange-widget-frame .select-block, .staking-widget-frame .select-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 30%
}

.buy-widget-frame .select-block img, .exchange-widget-frame .select-block img, .staking-widget-frame .select-block img {
    width: 50px;
    height: 50px
}

.buy-widget-frame .select-block .titles, .exchange-widget-frame .select-block .titles, .staking-widget-frame .select-block .titles {
    margin-left: .5rem
}

.buy-widget-frame .select-block ion-icon, .exchange-widget-frame .select-block ion-icon, .staking-widget-frame .select-block ion-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 24px;
    right: -50%
}

.buy-widget-frame::after, .exchange-widget-frame::after, .staking-widget-frame::after {
    position: absolute;
    content: "";
    background-image: url(../img/dollar-symbol.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 182.59px;
    height: var(--after-img-height);
    z-index: -1;
    top: -93%;
    right: -21%
}

.staking-widget-frame::after {
    background-image: url(../img/percent-symbol.svg);
    width: 246.09px;
    top: -93%;
    left: -34%;
    right: unset
}

.exchange-tabs .tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.exchange-tabs .tab-list::before {
    content: "";
    display: block;
    height: 2px;
    width: 50%;
    position: absolute;
    bottom: 0;
    background-color: #448aff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.exchange-tabs .tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: .5;
    cursor: pointer
}

.exchange-tabs .tab-toggle {
    display: none
}

.exchange-tabs .tab-content {
    display: none
}

.exchange-tabs .tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1), .exchange-tabs .tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2), .exchange-tabs .tab-toggle:nth-child(3):checked ~ .tab-list .tab-item:nth-child(3) {
    opacity: 1
}

.exchange-tabs .tab-toggle:nth-child(2):checked ~ .tab-list::before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.exchange-tabs .tab-toggle:nth-child(3):checked ~ .tab-list::before {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%)
}

.exchange-tabs .tab-toggle:nth-child(1):checked ~ .tab-container .tab-content:nth-child(1), .exchange-tabs .tab-toggle:nth-child(2):checked ~ .tab-container .tab-content:nth-child(2), .exchange-tabs .tab-toggle:nth-child(3):checked ~ .tab-container .tab-content:nth-child(3) {
    display: block
}

.exchange-tabs .tab-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.exchange-tabs .tab-container {
    padding: 1rem 0
}

.exchange-widget-hero {
    max-width: 100% !important
}

.exchange-widget-frame .wrap .exchange-arrows {
    width: 20%;
    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
}

.exchange-widget-frame .wrap .exchange-arrows img {
    width: auto;
    height: 138px
}

.exchange-widget-frame .wrap .exchange-arrows + div {
    width: 80%
}

.exchange-widget-frame::after {
    background-image: url(../img/bitcoin-logo.svg);
    width: 213.04px;
    top: -83%;
    right: -23%
}

.assets-why-us .column figure {
    margin-left: auto;
    margin-right: auto
}

.assets-what-is-logo {
    position: relative
}

.assets-what-is-logo::before {
    position: absolute;
    content: "";
    background-image: url(../img/coin-background.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(25%, 50%) scale(2.5);
    -ms-transform: translate(25%, 50%) scale(2.5);
    transform: translate(25%, 50%) scale(2.5);
    top: -50%;
    left: 56%;
    width: 100%;
    height: 100%
}

.assets-what-is-logo figure.image {
    margin-left: auto;
    margin-right: auto;
    width: 172px;
    height: 172px
}

.assets-what-is-logo.APT figure.image img {
    -webkit-filter: hue-rotate(0);
    filter: hue-rotate(0)
}

.assets-what-is-logo .coinLogo {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100px;
    height: 100px;
    color: #fff
}

.is-collapsible:not(.is-active) p {
    visibility: hidden
}

.is-collapsible p {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 769px) {
    .exchange-tabs .tab-container {
        min-height: 440px
    }
}

@media (min-width: 900px) {
    .is-collapsible p {
        max-width: 70%
    }
}

@media (max-width: 767px) {
    .assets-hero {
        overflow: visible
    }

    .assets-hero__img {
        position: initial;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        margin-bottom: -.5rem
    }

    .assets-hero .hero-body {
        padding-top: 4rem;
        background: 0 0
    }

    .assets-hero .hero-body .subtitle.is-5 {
        font-size: 18px;
        line-height: 130%;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .assets-hero .hero-body .is-flex {
        gap: 1rem;
        margin-top: 1.5rem
    }

    .assets-hero .hero-body .is-flex .buttons {
        margin-left: 0
    }

    .assets-hero__logo {
        position: initial;
        margin-bottom: 2rem
    }

    .assets-price-section {
        margin-top: 4rem
    }

    .assets-price-section .breadcrumb {
        display: none
    }

    .assets-price-section .assets-chart-wrapper {
        position: initial
    }

    .assets-price-section .assets-chart-wrapper .currency-price {
        font-size: 1rem !important;
        line-height: 14px
    }

    .assets-price-section .assets-chart-wrapper .level-left {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .assets-cta-block .columns:first-child {
        padding-top: 1rem
    }

    .wallet-options {
        margin-top: 9rem
    }

    .wallet-options-img {
        -webkit-transform: translate(0, -50%) scale(1.5);
        -ms-transform: translate(0, -50%) scale(1.5);
        transform: translate(0, -50%) scale(1.5);
        top: 44%;
        right: -43%
    }

    .options-separator {
        padding-top: math(var(--after-img-height)/2)
    }

    .buy-widget-frame::after, .exchange-widget-frame::after, .staking-widget-frame::after {
        display: none
    }

    .buy-widget-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .buy-widget-columns .column {
        width: 100%
    }

    .payment-gateways {
        display: none !important
    }

    .buy-widget-frame .select-block {
        width: 42%
    }

    .buy-widget-frame .select-block img {
        width: 42px;
        height: 42px
    }

    .exchange-widget-frame .wrap .select-block img {
        height: 42px;
        width: 42px
    }

    .exchange-widget-frame .wrap .exchange-arrows {
        width: 7%;
        left: 10%;
        position: absolute
    }

    .exchange-widget-frame .wrap .exchange-arrows + div {
        width: 100%
    }

    .exchange-widget-frame .wrap .block.has-text-right {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .assets-what-is-logo {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .assets-what-is-logo::before {
        display: none
    }
}

.linear-gradient-buy {
    background: -o-linear-gradient(340.4deg, #3d36b3 6.42%, #2bbaf4 97.82%);
    background: linear-gradient(109.6deg, #3d36b3 6.42%, #2bbaf4 97.82%)
}

.linear-gradient-buy .tp-badge {
    height: 50px;
    width: auto;
    position: relative;
    z-index: 2
}

.linear-gradient-buy .title.is-1 {
    position: relative;
    z-index: 2;
    font-size: 3rem
}

.linear-gradient-buy .is-unselectable {
    position: relative;
    z-index: 2
}

.frost-bg-buy {
    padding: 1rem;
    background: rgba(255, 255, 255, .25);
    -webkit-box-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .18);
    position: relative;
    z-index: 2
}

.frost-bg-buy::before {
    display: none;
    visibility: hidden
}

.frost-bg-buy .buy-widget-new__line-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.frost-bg-buy .buy-widget-new__currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.frost-bg-buy .buy-widget-new__currency figure.image {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.frost-bg-buy .buy-widget-new__currency-selector-wrap {
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.frost-bg-buy .buy-widget-new__currency-selector-wrap span.title.is-4 {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.frost-bg-buy .buy-widget-new__currency .icon {
    margin-left: 1rem
}

.frost-bg-buy .buy-widget-new__input {
    margin-left: 1rem;
    width: 164px
}

.frost-bg-buy .buy-widget-new__input input {
    text-align: right
}

.frost-bg-buy .buy-widget-new .list-with-currencies {
    left: 0 !important;
    right: unset;
    top: 0 !important;
    z-index: 2
}

.buy-widget-column {
    position: relative
}

.buy-widget-column::after {
    position: absolute;
    bottom: 0;
    left: 163px;
    content: "";
    background-image: url(../img/usd-buy-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 244.19px;
    height: 329.71px;
    z-index: 0
}

.buy-page-number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.but-new-widget-input {
    background: 0 0;
    border: 1px solid #fff;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    height: 2em;
    padding: .25rem .5rem
}

.but-new-widget-input:hover {
    border: 1px solid rgba(255, 255, 255, .8)
}

.buy-latest-block {
    color: #1a1b1d
}

.buy-latest-block img {
    border-radius: 20px;
    aspect-ratio: 432/275
}

.buy-latest-block__content {
    margin-top: 1rem
}

.buy-latest-block__content p {
    font-size: 1rem
}

.assets-stats .title.is-6 {
    font-weight: 700
}

.how-to-block-buy {
    min-height: 72px
}

.how-to-block-buy p {
    margin-left: 1.75rem;
    font-size: 1rem
}

.title-weight.is-2 {
    font-weight: 900 !important
}

.title-margin.is-2 {
    margin-bottom: 3.25rem !important
}

.centered-column-buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.mt-4rem {
    margin-top: 2.75rem
}

.assets-why-us-column:not(:last-child) {
    margin-bottom: 3rem
}

.how-to-column:not(:last-child) {
    margin-bottom: 2.5rem
}

.buy-easy-column:not(:last-child) {
    margin-bottom: 2.5rem
}

.buy-easy-block .icon {
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.buy-easy-block .card-payment-offers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}

.buy-easy-block .card-payment-offers img {
    width: 48px;
    height: 48px
}

.buy-easy-block h3 {
    padding-top: 1.25rem;
    padding-bottom: 1.5rem
}

.cta-buy-section .title.is-2 {
    margin-bottom: 1rem !important
}

.cta-buy-section p {
    margin-bottom: 2.25rem;
    font-size: 1rem
}

.cta-buy-section .buy-page-cta {
    position: relative;
    height: 320px
}

.cta-buy-section .buy-page-cta img {
    width: 100vw;
    max-width: 100vw;
    position: absolute;
    left: -20px;
    top: -20px
}

.see-more-button {
    display: none
}

.assets-more-explore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 3.25rem
}

.assets-more-explore .column:nth-last-child(1), .assets-more-explore .column:nth-last-child(2) {
    display: none
}

.assets-more-explore a.block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22.5%
}

.assets-more-explore figure.image.is-48x48 {
    width: 48px;
    height: 48px
}

.assets-more-explore figure.image.is-48x48 img {
    width: 48px;
    height: 48px
}

.all-assets-button {
    display: block;
    font-size: 1.25rem;
    margin-top: 3rem;
    color: #fff;
    font-weight: 500;
    text-align: center
}

.all-assets-button:hover {
    color: #fcfcfc
}

.latest-articles-columns .column {
    margin-top: 3rem
}

.country-img {
    margin: 0 auto;
    aspect-ratio: 3/2;
    width: 84px
}

div[data-action=collapse] .icon {
    color: #e7e7e7
}

div[data-action=collapse]:is(.is-active) .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.assets-why-us .column.content .image.is-128x128 {
    width: 92px;
    height: 92px
}

.assets-why-us .column.content h3 {
    margin-top: 1.75rem;
    margin-bottom: .75rem
}

@media (min-width: 769px) {
    .buy-widget-column::after {
        width: 187.54px;
        height: 253.23px;
        left: -104px;
        bottom: 30px
    }

    .breadcrumb-margin {
        margin-bottom: 3rem !important
    }

    .title-margin.is-2 {
        margin-bottom: 2.25rem !important
    }

    .row-gap-columns {
        row-gap: 1.25rem
    }

    .how-to-block-buy {
        height: 100%
    }

    .how-to-block-buy p {
        margin-left: 1rem;
        font-size: .875rem;
        max-width: 165px
    }

    .centered-column-buy {
        max-width: 156px;
        margin: 0 auto
    }

    .buy-subtitle {
        max-width: 404px
    }

    .mt-4rem {
        margin-top: 4.375rem
    }

    .how-to-column {
        margin-bottom: 1.5rem
    }

    .how-to-column:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .buy-easy-column:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .buy-easy-block.centered {
        max-width: 212px;
        margin: 0 auto
    }

    .buy-easy-block h3 {
        padding-top: .5rem
    }

    .cta-buy-section p {
        margin-bottom: 1rem;
        min-width: 340px;
        font-size: .875rem
    }

    .cta-buy-section .buy-page-cta {
        position: absolute;
        height: 100%;
        bottom: 30px;
        right: 0
    }

    .cta-buy-section .buy-page-cta img {
        position: initial;
        left: unset;
        top: unset;
        max-width: 100%;
        width: 340.81px;
        height: 340.81px
    }

    .latest-articles-columns {
        row-gap: 1.5rem
    }

    .latest-articles-columns .column {
        margin-top: 0
    }

    .buy-latest-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .buy-latest-block__content {
        margin-top: 0;
        margin-left: 1.25rem;
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .buy-latest-block__content h3.title {
        font-size: 1.125rem
    }

    .buy-latest-block__content p {
        font-size: .875rem
    }

    .buy-latest-block picture {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .buy-latest-block picture img {
        max-width: 161px
    }

    .see-more-button {
        display: block;
        font-size: 1.25rem;
        color: #1a1b1d;
        font-weight: 500
    }

    .assets-more-explore {
        row-gap: 2.25rem
    }

    .assets-more-explore a.block {
        width: 13%;
        margin-bottom: 1.5rem !important
    }

    .assets-more-explore a.block:nth-last-child(1), .assets-more-explore a.block:nth-last-child(2) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .assets-more-explore figure.image.is-48x48 {
        width: 36px;
        height: 36px
    }

    .assets-more-explore figure.image.is-48x48 img {
        width: 36px;
        height: 36px
    }

    .assets-why-us-column:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .assets-why-us .column.content .image.is-128x128 {
        width: 96px;
        height: 96px
    }

    .assets-why-us .column.content h3 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .country-img {
        width: 109px
    }
}

@media (min-width: 1024px) {
    .buy-widget-column::after {
        width: 246.84px;
        height: 333.29px;
        left: -168px;
        bottom: 0
    }

    .frost-bg-buy .buy-widget-new__currency {
        max-width: 280px
    }

    .frost-bg-buy .buy-widget-new__currency-selector-wrap {
        max-width: 180px;
        width: 100%
    }

    .frost-bg-buy .buy-widget-new__input {
        width: 164px
    }

    .breadcrumb-margin {
        margin-bottom: 3.75rem !important
    }

    .title-margin.is-2 {
        margin-bottom: 3.5rem !important
    }

    .row-gap-columns {
        row-gap: 1rem
    }

    .how-to-layout figure.image.is-48x48 {
        width: 54px;
        height: 54px
    }

    .asset-stats .heading {
        font-size: 1rem;
        line-height: 1rem
    }

    .asset-stats .title.is-6 {
        font-size: 1rem;
        line-height: 1rem;
        margin-top: .75rem
    }

    .buy-subtitle {
        max-width: 434px
    }

    .how-to-block-buy p {
        max-width: 172px
    }

    .centered-column-buy {
        max-width: 176px
    }

    .buy-easy-block.centered {
        max-width: 244px
    }

    .cta-buy-section .title.is-2 {
        margin-bottom: 1.5rem !important
    }

    .cta-buy-section p {
        margin-bottom: 1.5rem;
        font-size: 1rem;
        min-width: 404px
    }

    .cta-buy-section .buy-page-cta {
        bottom: 60px
    }

    .cta-buy-section .buy-page-cta img {
        width: 420.71px;
        height: 420.71px
    }

    .latest-articles-columns {
        row-gap: 3rem
    }

    .buy-latest-block picture img {
        max-width: 174px
    }

    .assets-more-explore {
        row-gap: 2.875rem
    }

    .assets-more-explore figure.image.is-48x48 {
        width: 48px;
        height: 48px
    }

    .assets-more-explore figure.image.is-48x48 img {
        width: 48px;
        height: 48px
    }

    .assets-why-us .column.content h3 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .country-img {
        width: 130px
    }
}

@media (min-width: 1216px) {
    .buy-widget-column::after {
        width: 292.49px;
        height: 394.93px;
        left: -196px
    }

    .title-margin.is-2 {
        margin-bottom: 4rem !important
    }

    .how-to-layout figure.image.is-48x48 {
        width: 68px;
        height: 68px
    }

    .asset-stats .heading {
        font-size: 1.25rem;
        line-height: 1.25rem
    }

    .asset-stats .title.is-6 {
        font-size: 1.25rem;
        line-height: 1.25rem
    }

    .row-gap-columns {
        row-gap: 1.5rem
    }

    .buy-subtitle {
        max-width: 524px
    }

    .how-to-block-buy p {
        max-width: 207px
    }

    .centered-column-buy {
        max-width: 234px
    }

    .mt-4rem {
        margin-top: 4.625rem
    }

    .buy-easy-block.centered {
        max-width: 270px
    }

    .buy-easy-block .card-payment-offers {
        height: 64px
    }

    .buy-easy-block .card-payment-offers img {
        width: 64px;
        height: 64px
    }

    .buy-easy-block h3 {
        padding-top: .75rem
    }

    .cta-buy-section .buy-page-cta {
        bottom: 100px
    }

    .cta-buy-section .buy-page-cta img {
        width: 500.76px;
        height: 500.76px
    }

    .latest-articles-columns {
        row-gap: 3.375rem
    }

    .buy-latest-block__content h3.title {
        font-size: 1.5rem
    }

    .buy-latest-block__content p {
        font-size: 1rem
    }

    .buy-latest-block picture img {
        max-width: 220px
    }

    .all-assets-button, .see-more-button {
        font-size: 1.5rem
    }

    .assets-more-explore {
        row-gap: 3.625rem
    }

    .assets-why-us .column.content .image.is-128x128 {
        width: 128px;
        height: 128px
    }

    .assets-why-us .column.content h3 {
        padding-top: .75rem;
        padding-bottom: 1rem
    }

    .country-img {
        width: 142px
    }
}

@media (min-width: 1408px) {
    .buy-widget-column::after {
        width: 339.82px;
        height: 458.83px;
        left: -226px;
        bottom: -10px
    }

    .breadcrumb-margin {
        margin-bottom: 2.25rem !important
    }

    .title-margin.is-2 {
        margin-bottom: 6rem !important
    }

    .how-to-layout figure.image.is-48x48 {
        width: 74px;
        height: 74px
    }

    .asset-stats .heading {
        font-size: 1.5rem;
        line-height: 1.5rem
    }

    .asset-stats .title.is-6 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-top: 1.25rem
    }

    .buy-subtitle {
        max-width: 540px
    }

    .how-to-block-buy p {
        font-size: 1.25rem;
        max-width: 255px
    }

    .centered-column-buy {
        max-width: 264px
    }

    .mt-4rem {
        margin-top: 4rem
    }

    .buy-easy-block.centered {
        max-width: 300px
    }

    .cta-buy-section .title.is-2 {
        margin-bottom: 3rem !important;
        white-space: nowrap
    }

    .cta-buy-section p {
        margin-bottom: 3rem;
        max-width: 522px;
        font-size: 1.25rem
    }

    .cta-buy-section .buy-page-cta {
        bottom: 110px
    }

    .cta-buy-section .buy-page-cta img {
        width: 545.22px;
        height: 545.22px
    }

    .assets-why-us .column h3 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .assets-why-us .column:first-child p {
        max-width: 274px
    }

    .assets-why-us .column:nth-child(2) p {
        max-width: 269px
    }

    .assets-why-us .column:nth-child(3) p {
        max-width: 309px
    }

    .assets-why-us .column:nth-child(4) p {
        max-width: 287px
    }

    .assets-why-us .column:nth-child(5) p {
        max-width: 284px
    }

    .assets-why-us .column.has-text-centered p {
        margin: 0 auto
    }

    .latest-articles-columns {
        row-gap: 4rem
    }

    .buy-latest-block picture img {
        max-width: 256px
    }

    .all-assets-button, .see-more-button {
        font-size: 2rem
    }

    .assets-more-explore {
        row-gap: 4rem
    }

    .country-img {
        width: 152px
    }
}

.is-block__support {
    position: relative;
    font-size: 12px;
    color: hsl(0deg, 0%, 71%)
}

.is-block__support::before {
    content: "";
    position: absolute;
    top: 10%;
    right: -25%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1bf365;
    -webkit-box-shadow: 0 2px 5px rgba(27, 243, 101, .5);
    box-shadow: 0 2px 5px rgba(27, 243, 101, .5);
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite
}

.footer .opened-menu-list--ul li {
    white-space: nowrap;
    position: relative
}

.footer .opened-menu-list--ul li a, .footer .opened-menu-list--ul li span {
    white-space: inherit
}

.footer-socials .icon {
    color: hsl(0deg, 0%, 29%)
}

.footer-socials .icon:hover {
    color: hsl(0deg, 0%, 48%)
}

.footer-socials ion-icon {
    font-size: 24px
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.column.is-half-desktop {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 900px) {
    .footer-menu {
        border-bottom: 2px solid #f5f5f5
    }

    .footer-menu span.title {
        position: relative;
        cursor: pointer
    }

    .footer-menu span.title::after {
        position: absolute;
        content: "";
        background-image: url(../img/chevron-down-outline.svg);
        width: 24px;
        height: 24px;
        background-size: contain;
        right: 0;
        -webkit-transition: -webkit-transform ease-in .2s;
        transition: -webkit-transform ease-in .2s;
        -o-transition: transform ease-in .2s;
        transition: transform ease-in .2s;
        transition: transform ease-in .2s, -webkit-transform ease-in .2s
    }

    .footer-menu span.title.hovered::after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}
@media (max-width: 991px) {
    .cta-buy-section .buy-page-cta {
        height: auto;
    }
    .cta-buy-section .buy-page-cta img {
        position: relative;
        top: unset;

    }
}