@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@keyframes spinAround {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.is-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pagination:not(:last-child) {
    margin-bottom: 1.5rem;
}
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio,
.hero-video,
.is-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus,
.is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis,
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active,
.is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
    outline: 0;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis {
    cursor: not-allowed;
}
.is-clearfix::after {
    clear: both;
    content: " ";
    display: table;
}
.is-pulled-left {
    float: left !important;
}
.is-pulled-right {
    float: right !important;
}
.is-clipped {
    overflow: hidden !important;
}
.is-size-1 {
    font-size: 3rem !important;
}
.is-size-2 {
    font-size: 2.5rem !important;
}
.is-size-3 {
    font-size: 2rem !important;
}
.is-size-4 {
    font-size: 1.5rem !important;
}
.is-size-5 {
    font-size: 1.25rem !important;
}
.is-size-6 {
    font-size: 1rem !important;
}
.is-size-7 {
    font-size: 0.75rem !important;
}
@media screen and (max-width: 849px) {
    .is-size-1-mobile {
        font-size: 3rem !important;
    }
    .is-size-2-mobile {
        font-size: 2.5rem !important;
    }
    .is-size-3-mobile {
        font-size: 2rem !important;
    }
    .is-size-4-mobile {
        font-size: 1.5rem !important;
    }
    .is-size-5-mobile {
        font-size: 1.25rem !important;
    }
    .is-size-6-mobile {
        font-size: 1rem !important;
    }
    .is-size-7-mobile {
        font-size: 0.75rem !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-size-1-tablet {
        font-size: 3rem !important;
    }
    .is-size-2-tablet {
        font-size: 2.5rem !important;
    }
    .is-size-3-tablet {
        font-size: 2rem !important;
    }
    .is-size-4-tablet {
        font-size: 1.5rem !important;
    }
    .is-size-5-tablet {
        font-size: 1.25rem !important;
    }
    .is-size-6-tablet {
        font-size: 1rem !important;
    }
    .is-size-7-tablet {
        font-size: 0.75rem !important;
    }
}
@media screen and (max-width: 999px) {
    .is-size-1-touch {
        font-size: 3rem !important;
    }
    .is-size-2-touch {
        font-size: 2.5rem !important;
    }
    .is-size-3-touch {
        font-size: 2rem !important;
    }
    .is-size-4-touch {
        font-size: 1.5rem !important;
    }
    .is-size-5-touch {
        font-size: 1.25rem !important;
    }
    .is-size-6-touch {
        font-size: 1rem !important;
    }
    .is-size-7-touch {
        font-size: 0.75rem !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-size-1-desktop {
        font-size: 3rem !important;
    }
    .is-size-2-desktop {
        font-size: 2.5rem !important;
    }
    .is-size-3-desktop {
        font-size: 2rem !important;
    }
    .is-size-4-desktop {
        font-size: 1.5rem !important;
    }
    .is-size-5-desktop {
        font-size: 1.25rem !important;
    }
    .is-size-6-desktop {
        font-size: 1rem !important;
    }
    .is-size-7-desktop {
        font-size: 0.75rem !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-size-1-widescreen {
        font-size: 3rem !important;
    }
    .is-size-2-widescreen {
        font-size: 2.5rem !important;
    }
    .is-size-3-widescreen {
        font-size: 2rem !important;
    }
    .is-size-4-widescreen {
        font-size: 1.5rem !important;
    }
    .is-size-5-widescreen {
        font-size: 1.25rem !important;
    }
    .is-size-6-widescreen {
        font-size: 1rem !important;
    }
    .is-size-7-widescreen {
        font-size: 0.75rem !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-size-1-fullhd {
        font-size: 3rem !important;
    }
    .is-size-2-fullhd {
        font-size: 2.5rem !important;
    }
    .is-size-3-fullhd {
        font-size: 2rem !important;
    }
    .is-size-4-fullhd {
        font-size: 1.5rem !important;
    }
    .is-size-5-fullhd {
        font-size: 1.25rem !important;
    }
    .is-size-6-fullhd {
        font-size: 1rem !important;
    }
    .is-size-7-fullhd {
        font-size: 0.75rem !important;
    }
}
.has-text-centered {
    text-align: center !important;
}
.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: 849px) {
    .has-text-centered-mobile {
        text-align: center !important;
    }
}
@media screen and (min-width: 850px), print {
    .has-text-centered-tablet {
        text-align: center !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .has-text-centered-tablet-only {
        text-align: center !important;
    }
}
@media screen and (max-width: 999px) {
    .has-text-centered-touch {
        text-align: center !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-centered-desktop {
        text-align: center !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-centered-desktop-only {
        text-align: center !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-centered-widescreen {
        text-align: center !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-centered-widescreen-only {
        text-align: center !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-centered-fullhd {
        text-align: center !important;
    }
}
@media screen and (max-width: 849px) {
    .has-text-justified-mobile {
        text-align: justify !important;
    }
}
@media screen and (min-width: 850px), print {
    .has-text-justified-tablet {
        text-align: justify !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .has-text-justified-tablet-only {
        text-align: justify !important;
    }
}
@media screen and (max-width: 999px) {
    .has-text-justified-touch {
        text-align: justify !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-justified-desktop {
        text-align: justify !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-justified-desktop-only {
        text-align: justify !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-justified-widescreen {
        text-align: justify !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-justified-widescreen-only {
        text-align: justify !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-justified-fullhd {
        text-align: justify !important;
    }
}
@media screen and (max-width: 849px) {
    .has-text-left-mobile {
        text-align: left !important;
    }
}
@media screen and (min-width: 850px), print {
    .has-text-left-tablet {
        text-align: left !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .has-text-left-tablet-only {
        text-align: left !important;
    }
}
@media screen and (max-width: 999px) {
    .has-text-left-touch {
        text-align: left !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-left-desktop {
        text-align: left !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-left-desktop-only {
        text-align: left !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-left-widescreen {
        text-align: left !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-left-widescreen-only {
        text-align: left !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-left-fullhd {
        text-align: left !important;
    }
}
@media screen and (max-width: 849px) {
    .has-text-right-mobile {
        text-align: right !important;
    }
}
@media screen and (min-width: 850px), print {
    .has-text-right-tablet {
        text-align: right !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .has-text-right-tablet-only {
        text-align: right !important;
    }
}
@media screen and (max-width: 999px) {
    .has-text-right-touch {
        text-align: right !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-right-desktop {
        text-align: right !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-right-desktop-only {
        text-align: right !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-right-widescreen {
        text-align: right !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .has-text-right-widescreen-only {
        text-align: right !important;
    }
}
@media screen and (min-width: 1000px) {
    .has-text-right-fullhd {
        text-align: right !important;
    }
}
.is-capitalized {
    text-transform: capitalize !important;
}
.is-lowercase {
    text-transform: lowercase !important;
}
.is-uppercase {
    text-transform: uppercase !important;
}
.is-italic {
    font-style: italic !important;
}
.has-text-white {
    color: hsl(0deg, 0%, 100%) !important;
}
a.has-text-white:hover,
a.has-text-white:focus {
    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:hover,
a.has-text-black:focus {
    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:hover,
a.has-text-light:focus {
    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:hover,
a.has-text-dark:focus {
    color: #1c1c1c !important;
}
.has-background-dark {
    background-color: hsl(0deg, 0%, 21%) !important;
}
.has-text-primary {
    color: hsl(171deg, 100%, 41%) !important;
}
a.has-text-primary:hover,
a.has-text-primary:focus {
    color: #009e86 !important;
}
.has-background-primary {
    background-color: hsl(171deg, 100%, 41%) !important;
}
.has-text-link {
    color: hsl(217deg, 71%, 53%) !important;
}
a.has-text-link:hover,
a.has-text-link:focus {
    color: #205bbc !important;
}
.has-background-link {
    background-color: hsl(217deg, 71%, 53%) !important;
}
.has-text-info {
    color: hsl(204deg, 71%, 53%) !important;
}
a.has-text-info:hover,
a.has-text-info:focus {
    color: #207dbc !important;
}
.has-background-info {
    background-color: hsl(204deg, 71%, 53%) !important;
}
.has-text-success {
    color: hsl(141deg, 53%, 53%) !important;
}
a.has-text-success:hover,
a.has-text-success:focus {
    color: #34a85c !important;
}
.has-background-success {
    background-color: hsl(141deg, 53%, 53%) !important;
}
.has-text-warning {
    color: hsl(48deg, 100%, 67%) !important;
}
a.has-text-warning:hover,
a.has-text-warning:focus {
    color: #ffd324 !important;
}
.has-background-warning {
    background-color: hsl(48deg, 100%, 67%) !important;
}
.has-text-danger {
    color: hsl(348deg, 86%, 61%) !important;
}
a.has-text-danger:hover,
a.has-text-danger:focus {
    color: #ee1742 !important;
}
.has-background-danger {
    background-color: hsl(348deg, 86%, 61%) !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: hsl(0deg, 0%, 98%) !important;
}
.has-background-white-bis {
    background-color: hsl(0deg, 0%, 98%) !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: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-secondary {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-sans-serif {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", 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: 849px) {
    .is-block-mobile {
        display: block !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-block-tablet {
        display: block !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-block-tablet-only {
        display: block !important;
    }
}
@media screen and (max-width: 999px) {
    .is-block-touch {
        display: block !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-block-desktop {
        display: block !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-block-desktop-only {
        display: block !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-block-widescreen {
        display: block !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-block-widescreen-only {
        display: block !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-block-fullhd {
        display: block !important;
    }
}
.is-flex {
    display: flex !important;
}
@media screen and (max-width: 849px) {
    .is-flex-mobile {
        display: flex !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-flex-tablet {
        display: flex !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-flex-tablet-only {
        display: flex !important;
    }
}
@media screen and (max-width: 999px) {
    .is-flex-touch {
        display: flex !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-flex-desktop {
        display: flex !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-flex-desktop-only {
        display: flex !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-flex-widescreen {
        display: flex !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-flex-widescreen-only {
        display: flex !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-flex-fullhd {
        display: flex !important;
    }
}
.is-inline {
    display: inline !important;
}
@media screen and (max-width: 849px) {
    .is-inline-mobile {
        display: inline !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-inline-tablet {
        display: inline !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-inline-tablet-only {
        display: inline !important;
    }
}
@media screen and (max-width: 999px) {
    .is-inline-touch {
        display: inline !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-desktop {
        display: inline !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-inline-desktop-only {
        display: inline !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-widescreen {
        display: inline !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-inline-widescreen-only {
        display: inline !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-fullhd {
        display: inline !important;
    }
}
.is-inline-block {
    display: inline-block !important;
}
@media screen and (max-width: 849px) {
    .is-inline-block-mobile {
        display: inline-block !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-inline-block-tablet {
        display: inline-block !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-inline-block-tablet-only {
        display: inline-block !important;
    }
}
@media screen and (max-width: 999px) {
    .is-inline-block-touch {
        display: inline-block !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-block-desktop {
        display: inline-block !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-inline-block-desktop-only {
        display: inline-block !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-block-widescreen {
        display: inline-block !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-inline-block-widescreen-only {
        display: inline-block !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-block-fullhd {
        display: inline-block !important;
    }
}
.is-inline-flex {
    display: inline-flex !important;
}
@media screen and (max-width: 849px) {
    .is-inline-flex-mobile {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-inline-flex-tablet {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important;
    }
}
@media screen and (max-width: 999px) {
    .is-inline-flex-touch {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-flex-desktop {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-inline-flex-widescreen-only {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-inline-flex-fullhd {
        display: inline-flex !important;
    }
}
.is-hidden {
    display: none !important;
}
.is-sr-only {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 0.01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 0.01em !important;
}
@media screen and (max-width: 849px) {
    .is-hidden-mobile {
        display: none !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-hidden-tablet {
        display: none !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-hidden-tablet-only {
        display: none !important;
    }
}
@media screen and (max-width: 999px) {
    .is-hidden-touch {
        display: none !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-hidden-desktop {
        display: none !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-hidden-desktop-only {
        display: none !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-hidden-widescreen {
        display: none !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-hidden-widescreen-only {
        display: none !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-hidden-fullhd {
        display: none !important;
    }
}
.is-invisible {
    visibility: hidden !important;
}
@media screen and (max-width: 849px) {
    .is-invisible-mobile {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 850px), print {
    .is-invisible-tablet {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .is-invisible-tablet-only {
        visibility: hidden !important;
    }
}
@media screen and (max-width: 999px) {
    .is-invisible-touch {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-invisible-desktop {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-invisible-desktop-only {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-invisible-widescreen {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .is-invisible-widescreen-only {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 1000px) {
    .is-invisible-fullhd {
        visibility: hidden !important;
    }
}
.is-marginless {
    margin: 0 !important;
}
.is-paddingless {
    padding: 0 !important;
}
.is-radiusless {
    border-radius: 0 !important;
}
.is-shadowless {
    box-shadow: none !important;
}
.is-relative {
    position: relative !important;
}
.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
    flex: none;
}
.columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%;
}
.columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%;
}
@media screen and (max-width: 849px) {
    .column.is-narrow-mobile {
        flex: none;
    }
    .column.is-full-mobile {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half-mobile {
        flex: none;
        width: 50%;
    }
    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters-mobile {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%;
    }
    .column.is-offset-half-mobile {
        margin-left: 50%;
    }
    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter-mobile {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth-mobile {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths-mobile {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths-mobile {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths-mobile {
        margin-left: 80%;
    }
    .column.is-0-mobile {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0-mobile {
        margin-left: 0%;
    }
    .column.is-1-mobile {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1-mobile {
        margin-left: 8.3333333333%;
    }
    .column.is-2-mobile {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2-mobile {
        margin-left: 16.6666666667%;
    }
    .column.is-3-mobile {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3-mobile {
        margin-left: 25%;
    }
    .column.is-4-mobile {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4-mobile {
        margin-left: 33.3333333333%;
    }
    .column.is-5-mobile {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5-mobile {
        margin-left: 41.6666666667%;
    }
    .column.is-6-mobile {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6-mobile {
        margin-left: 50%;
    }
    .column.is-7-mobile {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7-mobile {
        margin-left: 58.3333333333%;
    }
    .column.is-8-mobile {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8-mobile {
        margin-left: 66.6666666667%;
    }
    .column.is-9-mobile {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9-mobile {
        margin-left: 75%;
    }
    .column.is-10-mobile {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10-mobile {
        margin-left: 83.3333333333%;
    }
    .column.is-11-mobile {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11-mobile {
        margin-left: 91.6666666667%;
    }
    .column.is-12-mobile {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12-mobile {
        margin-left: 100%;
    }
}
@media screen and (min-width: 850px), print {
    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none;
    }
    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%;
    }
    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%;
    }
    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%;
    }
    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%;
    }
    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%;
    }
    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.3333333333%;
    }
    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.6666666667%;
    }
    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%;
    }
    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.3333333333%;
    }
    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.6666666667%;
    }
    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%;
    }
    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.3333333333%;
    }
    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.6666666667%;
    }
    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%;
    }
    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.3333333333%;
    }
    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.6666666667%;
    }
    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%;
    }
}
@media screen and (max-width: 999px) {
    .column.is-narrow-touch {
        flex: none;
    }
    .column.is-full-touch {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters-touch {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half-touch {
        flex: none;
        width: 50%;
    }
    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter-touch {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth-touch {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths-touch {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths-touch {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths-touch {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters-touch {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%;
    }
    .column.is-offset-half-touch {
        margin-left: 50%;
    }
    .column.is-offset-one-third-touch {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter-touch {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth-touch {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths-touch {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths-touch {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths-touch {
        margin-left: 80%;
    }
    .column.is-0-touch {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0-touch {
        margin-left: 0%;
    }
    .column.is-1-touch {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1-touch {
        margin-left: 8.3333333333%;
    }
    .column.is-2-touch {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2-touch {
        margin-left: 16.6666666667%;
    }
    .column.is-3-touch {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3-touch {
        margin-left: 25%;
    }
    .column.is-4-touch {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4-touch {
        margin-left: 33.3333333333%;
    }
    .column.is-5-touch {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5-touch {
        margin-left: 41.6666666667%;
    }
    .column.is-6-touch {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6-touch {
        margin-left: 50%;
    }
    .column.is-7-touch {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7-touch {
        margin-left: 58.3333333333%;
    }
    .column.is-8-touch {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8-touch {
        margin-left: 66.6666666667%;
    }
    .column.is-9-touch {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9-touch {
        margin-left: 75%;
    }
    .column.is-10-touch {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10-touch {
        margin-left: 83.3333333333%;
    }
    .column.is-11-touch {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11-touch {
        margin-left: 91.6666666667%;
    }
    .column.is-12-touch {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12-touch {
        margin-left: 100%;
    }
}
@media screen and (min-width: 1000px) {
    .column.is-narrow-desktop {
        flex: none;
    }
    .column.is-full-desktop {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half-desktop {
        flex: none;
        width: 50%;
    }
    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters-desktop {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%;
    }
    .column.is-offset-half-desktop {
        margin-left: 50%;
    }
    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter-desktop {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth-desktop {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths-desktop {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths-desktop {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths-desktop {
        margin-left: 80%;
    }
    .column.is-0-desktop {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0-desktop {
        margin-left: 0%;
    }
    .column.is-1-desktop {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1-desktop {
        margin-left: 8.3333333333%;
    }
    .column.is-2-desktop {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2-desktop {
        margin-left: 16.6666666667%;
    }
    .column.is-3-desktop {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3-desktop {
        margin-left: 25%;
    }
    .column.is-4-desktop {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4-desktop {
        margin-left: 33.3333333333%;
    }
    .column.is-5-desktop {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5-desktop {
        margin-left: 41.6666666667%;
    }
    .column.is-6-desktop {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6-desktop {
        margin-left: 50%;
    }
    .column.is-7-desktop {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7-desktop {
        margin-left: 58.3333333333%;
    }
    .column.is-8-desktop {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8-desktop {
        margin-left: 66.6666666667%;
    }
    .column.is-9-desktop {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9-desktop {
        margin-left: 75%;
    }
    .column.is-10-desktop {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10-desktop {
        margin-left: 83.3333333333%;
    }
    .column.is-11-desktop {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11-desktop {
        margin-left: 91.6666666667%;
    }
    .column.is-12-desktop {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12-desktop {
        margin-left: 100%;
    }
}
@media screen and (min-width: 1000px) {
    .column.is-narrow-widescreen {
        flex: none;
    }
    .column.is-full-widescreen {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half-widescreen {
        flex: none;
        width: 50%;
    }
    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%;
    }
    .column.is-offset-half-widescreen {
        margin-left: 50%;
    }
    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%;
    }
    .column.is-0-widescreen {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0-widescreen {
        margin-left: 0%;
    }
    .column.is-1-widescreen {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1-widescreen {
        margin-left: 8.3333333333%;
    }
    .column.is-2-widescreen {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2-widescreen {
        margin-left: 16.6666666667%;
    }
    .column.is-3-widescreen {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3-widescreen {
        margin-left: 25%;
    }
    .column.is-4-widescreen {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4-widescreen {
        margin-left: 33.3333333333%;
    }
    .column.is-5-widescreen {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5-widescreen {
        margin-left: 41.6666666667%;
    }
    .column.is-6-widescreen {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6-widescreen {
        margin-left: 50%;
    }
    .column.is-7-widescreen {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7-widescreen {
        margin-left: 58.3333333333%;
    }
    .column.is-8-widescreen {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8-widescreen {
        margin-left: 66.6666666667%;
    }
    .column.is-9-widescreen {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9-widescreen {
        margin-left: 75%;
    }
    .column.is-10-widescreen {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10-widescreen {
        margin-left: 83.3333333333%;
    }
    .column.is-11-widescreen {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11-widescreen {
        margin-left: 91.6666666667%;
    }
    .column.is-12-widescreen {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12-widescreen {
        margin-left: 100%;
    }
}
@media screen and (min-width: 1000px) {
    .column.is-narrow-fullhd {
        flex: none;
    }
    .column.is-full-fullhd {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half-fullhd {
        flex: none;
        width: 50%;
    }
    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%;
    }
    .column.is-offset-half-fullhd {
        margin-left: 50%;
    }
    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%;
    }
    .column.is-0-fullhd {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0-fullhd {
        margin-left: 0%;
    }
    .column.is-1-fullhd {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1-fullhd {
        margin-left: 8.3333333333%;
    }
    .column.is-2-fullhd {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2-fullhd {
        margin-left: 16.6666666667%;
    }
    .column.is-3-fullhd {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3-fullhd {
        margin-left: 25%;
    }
    .column.is-4-fullhd {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4-fullhd {
        margin-left: 33.3333333333%;
    }
    .column.is-5-fullhd {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5-fullhd {
        margin-left: 41.6666666667%;
    }
    .column.is-6-fullhd {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6-fullhd {
        margin-left: 50%;
    }
    .column.is-7-fullhd {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7-fullhd {
        margin-left: 58.3333333333%;
    }
    .column.is-8-fullhd {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8-fullhd {
        margin-left: 66.6666666667%;
    }
    .column.is-9-fullhd {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9-fullhd {
        margin-left: 75%;
    }
    .column.is-10-fullhd {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10-fullhd {
        margin-left: 83.3333333333%;
    }
    .column.is-11-fullhd {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11-fullhd {
        margin-left: 91.6666666667%;
    }
    .column.is-12-fullhd {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12-fullhd {
        margin-left: 100%;
    }
}
.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem;
}
.columns:last-child {
    margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
    justify-content: center;
}
.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.columns.is-gapless > .column {
    margin: 0;
    padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
    margin-bottom: 0;
}
.columns.is-mobile {
    display: flex;
}
.columns.is-multiline {
    flex-wrap: wrap;
}
.columns.is-vcentered {
    align-items: center;
}
@media screen and (min-width: 850px), print {
    .columns:not(.is-desktop) {
        display: flex;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-desktop {
        display: flex;
    }
}
.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
    --columnGap: 0rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem;
    }
}
.columns.is-variable.is-1 {
    --columnGap: 0.25rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem;
    }
}
.columns.is-variable.is-2 {
    --columnGap: 0.5rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem;
    }
}
.columns.is-variable.is-3 {
    --columnGap: 0.75rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem;
    }
}
.columns.is-variable.is-4 {
    --columnGap: 1rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem;
    }
}
.columns.is-variable.is-5 {
    --columnGap: 1.25rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem;
    }
}
.columns.is-variable.is-6 {
    --columnGap: 1.5rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem;
    }
}
.columns.is-variable.is-7 {
    --columnGap: 1.75rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem;
    }
}
.columns.is-variable.is-8 {
    --columnGap: 2rem;
}
@media screen and (max-width: 849px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 850px), print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 850px) and (max-width: 999px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem;
    }
}
@media screen and (max-width: 999px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 1000px) and (max-width: 999px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 1000px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem;
    }
}
.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
}
.container.is-fluid {
    max-width: none;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
}
@media screen and (min-width: 1000px) {
    .container {
        max-width: 936px;
    }
}
@media screen and (max-width: 999px) {
    .container.is-widescreen {
        max-width: 936px;
    }
}
@media screen and (max-width: 999px) {
    .container.is-fullhd {
        max-width: 936px;
    }
}
@media screen and (min-width: 1000px) {
    .container {
        max-width: 936px;
    }
}
@media screen and (min-width: 1000px) {
    .container {
        max-width: 936px;
    }
}
.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hero .navbar {
    background: none;
}
.hero .tabs ul {
    border-bottom: 0;
}
.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, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
    color: hsl(0deg, 0%, 4%);
}
@media screen and (max-width: 999px) {
    .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, 0.7);
}
.hero.is-white a.navbar-item:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
    background-color: #f2f2f2;
    color: hsl(0deg, 0%, 4%);
}
.hero.is-white .tabs a {
    color: hsl(0deg, 0%, 4%);
    opacity: 0.9;
}
.hero.is-white .tabs a:hover {
    opacity: 1;
}
.hero.is-white .tabs li.is-active a {
    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, 0.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: linear-gradient(141deg, #e8e3e4 0%, hsl(0deg, 0%, 100%) 71%, white 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0deg, 0%, 100%) 71%, white 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, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
    color: hsl(0deg, 0%, 100%);
}
@media screen and (max-width: 999px) {
    .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, 0.7);
}
.hero.is-black a.navbar-item:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
    background-color: #000;
    color: hsl(0deg, 0%, 100%);
}
.hero.is-black .tabs a {
    color: hsl(0deg, 0%, 100%);
    opacity: 0.9;
}
.hero.is-black .tabs a:hover {
    opacity: 1;
}
.hero.is-black .tabs li.is-active a {
    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, 0.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: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%);
    }
}
.hero.is-light {
    background-color: hsl(0deg, 0%, 96%);
    color: rgba(0, 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, 0.7);
}
.hero.is-light .subtitle {
    color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
    color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 999px) {
    .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, 0.7);
}
.hero.is-light a.navbar-item:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
    color: rgba(0, 0, 0, 0.7);
    opacity: 0.9;
}
.hero.is-light .tabs a:hover {
    opacity: 1;
}
.hero.is-light .tabs li.is-active a {
    opacity: 1;
}
.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: rgba(0, 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, 0.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, 0.7);
    border-color: rgba(0, 0, 0, 0.7);
    color: hsl(0deg, 0%, 96%);
}
.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0deg, 0%, 96%) 71%, white 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0deg, 0%, 96%) 71%, white 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, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
    color: #fff;
}
@media screen and (max-width: 999px) {
    .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, 0.7);
}
.hero.is-dark a.navbar-item:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
    background-color: #292929;
    color: #fff;
}
.hero.is-dark .tabs a {
    color: #fff;
    opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
    opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
    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, 0.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: linear-gradient(141deg, #1f191a 0%, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1f191a 0%, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
    }
}
.hero.is-primary {
    background-color: hsl(171deg, 100%, 41%);
    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, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
    color: #fff;
}
@media screen and (max-width: 999px) {
    .hero.is-primary .navbar-menu {
        background-color: hsl(171deg, 100%, 41%);
    }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: rgba(255, 255, 255, 0.7);
}
.hero.is-primary a.navbar-item:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
    background-color: #00b89c;
    color: #fff;
}
.hero.is-primary .tabs a {
    color: #fff;
    opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
    opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
    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, 0.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: hsl(171deg, 100%, 41%);
}
.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #009e6c 0%, hsl(171deg, 100%, 41%) 71%, #00e7eb 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #009e6c 0%, hsl(171deg, 100%, 41%) 71%, #00e7eb 100%);
    }
}
.hero.is-link {
    background-color: hsl(217deg, 71%, 53%);
    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, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
    color: #fff;
}
@media screen and (max-width: 999px) {
    .hero.is-link .navbar-menu {
        background-color: hsl(217deg, 71%, 53%);
    }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: rgba(255, 255, 255, 0.7);
}
.hero.is-link a.navbar-item:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
    background-color: #2366d1;
    color: #fff;
}
.hero.is-link .tabs a {
    color: #fff;
    opacity: 0.9;
}
.hero.is-link .tabs a:hover {
    opacity: 1;
}
.hero.is-link .tabs li.is-active a {
    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, 0.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: hsl(217deg, 71%, 53%);
}
.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #1577c6 0%, hsl(217deg, 71%, 53%) 71%, #4366e5 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1577c6 0%, hsl(217deg, 71%, 53%) 71%, #4366e5 100%);
    }
}
.hero.is-info {
    background-color: hsl(204deg, 71%, 53%);
    color: #fff;
}
.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: #fff;
}
.hero.is-info .subtitle {
    color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
    color: #fff;
}
@media screen and (max-width: 999px) {
    .hero.is-info .navbar-menu {
        background-color: hsl(204deg, 71%, 53%);
    }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.navbar-item:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
    background-color: #238cd1;
    color: #fff;
}
.hero.is-info .tabs a {
    color: #fff;
    opacity: 0.9;
}
.hero.is-info .tabs a:hover {
    opacity: 1;
}
.hero.is-info .tabs li.is-active a {
    opacity: 1;
}
.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, 0.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: #fff;
    border-color: #fff;
    color: hsl(204deg, 71%, 53%);
}
.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #159dc6 0%, hsl(204deg, 71%, 53%) 71%, #4389e5 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #159dc6 0%, hsl(204deg, 71%, 53%) 71%, #4389e5 100%);
    }
}
.hero.is-success {
    background-color: hsl(141deg, 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, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
    color: #fff;
}
@media screen and (max-width: 999px) {
    .hero.is-success .navbar-menu {
        background-color: hsl(141deg, 53%, 53%);
    }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.navbar-item:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
    background-color: #3abb67;
    color: #fff;
}
.hero.is-success .tabs a {
    color: #fff;
    opacity: 0.9;
}
.hero.is-success .tabs a:hover {
    opacity: 1;
}
.hero.is-success .tabs li.is-active a {
    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, 0.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(141deg, 53%, 53%);
}
.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #29b342 0%, hsl(141deg, 53%, 53%) 71%, #56d296 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #29b342 0%, hsl(141deg, 53%, 53%) 71%, #56d296 100%);
    }
}
.hero.is-warning {
    background-color: hsl(48deg, 100%, 67%);
    color: rgba(0, 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, 0.7);
}
.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 999px) {
    .hero.is-warning .navbar-menu {
        background-color: hsl(48deg, 100%, 67%);
    }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a.navbar-item:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
    background-color: #ffd83d;
    color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, 0.7);
    opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
    opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
    opacity: 1;
}
.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 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, 0.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, 0.7);
    border-color: rgba(0, 0, 0, 0.7);
    color: hsl(48deg, 100%, 67%);
}
.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffaf24 0%, hsl(48deg, 100%, 67%) 71%, #fffa70 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffaf24 0%, hsl(48deg, 100%, 67%) 71%, #fffa70 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, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
    color: #fff;
}
@media screen and (max-width: 999px) {
    .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, 0.7);
}
.hero.is-danger a.navbar-item:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
    background-color: #ef2e55;
    color: #fff;
}
.hero.is-danger .tabs a {
    color: #fff;
    opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
    opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
    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, 0.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: linear-gradient(141deg, #fa0a62 0%, hsl(348deg, 86%, 61%) 71%, #f7595f 100%);
}
@media screen and (max-width: 849px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348deg, 86%, 61%) 71%, #f7595f 100%);
    }
}
.hero.is-small .hero-body {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
@media screen and (min-width: 850px), print {
    .hero.is-medium .hero-body {
        padding-bottom: 9rem;
        padding-top: 9rem;
    }
}
@media screen and (min-width: 850px), print {
    .hero.is-large .hero-body {
        padding-bottom: 18rem;
        padding-top: 18rem;
    }
}
.hero.is-halfheight .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex;
}
.hero.is-halfheight .hero-body > .container,
.hero.is-fullheight .hero-body > .container,
.hero.is-fullheight-with-navbar .hero-body > .container {
    flex-grow: 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%;
    transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
    opacity: 0.3;
}
@media screen and (max-width: 849px) {
    .hero-video {
        display: none;
    }
}
.hero-buttons {
    margin-top: 1.5rem;
}
@media screen and (max-width: 849px) {
    .hero-buttons .button {
        display: flex;
    }
    .hero-buttons .button:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}
@media screen and (min-width: 850px), print {
    .hero-buttons {
        display: flex;
        justify-content: center;
    }
    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem;
    }
}
.hero-head,
.hero-foot {
    flex-grow: 0;
    flex-shrink: 0;
}
.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem;
}
.image {
    display: block;
    position: relative;
}
.image img {
    display: block;
    height: auto;
    width: 100%;
}
.image img.is-rounded {
    border-radius: 290486px;
}
.image.is-fullwidth {
    width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    height: 100%;
    width: 100%;
}
.image.is-square,
.image.is-1by1 {
    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;
}
.pagination {
    font-size: 1rem;
    margin: -0.25rem;
}
.pagination.is-small {
    font-size: 0.75rem;
}
.pagination.is-medium {
    font-size: 1.25rem;
}
.pagination.is-large {
    font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 290486px;
}
.pagination.is-rounded .pagination-link {
    border-radius: 290486px;
}
.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    font-size: 1em;
    justify-content: center;
    margin: 0.25rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link {
    border-color: hsl(0deg, 0%, 86%);
    color: hsl(0deg, 0%, 21%);
    min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
    border-color: hsl(0deg, 0%, 71%);
    color: hsl(0deg, 0%, 21%);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
    border-color: hsl(217deg, 71%, 53%);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
    background-color: hsl(0deg, 0%, 86%);
    border-color: hsl(0deg, 0%, 86%);
    box-shadow: none;
    color: hsl(0deg, 0%, 48%);
    opacity: 0.5;
}
.pagination-previous,
.pagination-next {
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
}
.pagination-link.is-current {
    background-color: hsl(217deg, 71%, 53%);
    border-color: hsl(217deg, 71%, 53%);
    color: #fff;
}
.pagination-ellipsis {
    color: hsl(0deg, 0%, 71%);
    pointer-events: none;
}
.pagination-list {
    flex-wrap: wrap;
}
@media screen and (max-width: 849px) {
    .pagination {
        flex-wrap: wrap;
    }
    .pagination-previous,
    .pagination-next {
        flex-grow: 1;
        flex-shrink: 1;
    }
    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1;
    }
}
@media screen and (min-width: 850px), print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1;
    }
    .pagination-previous {
        order: 2;
    }
    .pagination-next {
        order: 3;
    }
    .pagination {
        justify-content: space-between;
    }
    .pagination.is-centered .pagination-previous {
        order: 1;
    }
    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2;
    }
    .pagination.is-centered .pagination-next {
        order: 3;
    }
    .pagination.is-right .pagination-previous {
        order: 1;
    }
    .pagination.is-right .pagination-next {
        order: 2;
    }
    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3;
    }
}
.sectionstyle-header-large {
    position: relative;
    display: flex;
    z-index: 0;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
.sectionstyle-header-large .news-section-media {
    position: relative;
    height: 50vh;
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    mask-image: linear-gradient(#000, transparent);
}
.sectionstyle-header-large .news-section-media .media {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sectionstyle-header-large .section {
    position: relative;
    top: -4rem;
}
.sectionstyle-header-large .section .section-header .title {
    background-color: #000;
    padding: 1rem 2rem !important;
    display: inline-block;
    position: relative;
    left: -2rem;
}
.sectionstyle-hero {
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}
.sectionstyle-hero .news-section-media {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.sectionstyle-hero .news-section-media .media {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sectionstyle-hero.noisy .section .content > div {
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    margin-bottom: 10px;
}
.sectionstyle-hero.noisy .section-header {
    display: inline-flex;
    flex-direction: column;
    background-color: #000;
    padding: 1rem;
}
header.header {
    justify-content: space-between;
    padding: 2rem;
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 2;
}
header.header .container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
@media screen and (max-width: 849px) {
    header.header .container {
        flex-direction: column;
    }
}
header.header .header-brand {
    align-items: center;
    display: flex;
    min-width: 100px;
}
header.header .header-brand:hover img {
    transform: scale(1.1);
}
header.header .header-brand img {
    max-height: 48px;
    transform: scale(1);
    transition: transform 0.2s ease;
}
@media screen and (max-width: 849px) {
    header.header .header-brand {
        min-width: 0;
        margin-bottom: 2rem;
        display: block;
    }
}
header.header .header-navigation {
    align-items: center;
    border-bottom: 2px solid transparent;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    font-size: 1.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
    justify-content: flex-end;
}
header.header .header-navigation a {
    color: #e4dad1;
    display: flex;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
    flex-direction: column;
    margin-left: 4px;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    transition: color 0.2s ease;
    margin-right: 1rem;
}
header.header .header-navigation a.buy-button {
    background-color: #cd412b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0);
    margin-left: 1rem;
}
header.header .header-navigation a.buy-button:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 849px) {
    header.header .header-navigation a.buy-button {
        margin-left: 0;
    }
}
header.header .header-navigation a:hover {
    color: #fff;
}
header.header .header-navigation a.is-active,
header.header .header-navigation a.is-active-exact {
    color: #e4dad1;
    border-bottom: 2px solid #cd412b;
}
header.header .header-navigation a:last-of-type {
    margin-right: 0;
}
.page-hero {
    background-color: #141312;
    padding: calc(8rem + 40px) 0 5rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    min-height: 70vh;
}
.page-hero.companion .hero-video {
    opacity: 0.5;
}
.page-hero.changes {
    padding: calc(4rem + 50px) 0 4rem 0;
    min-height: 0;
}
.page-hero.changes .hero-body .body-info {
    text-align: center;
}
.page-hero.changes .hero-body .body-info h1 {
    font-size: 6rem;
    line-height: 5rem;
    margin: 0;
    padding: 0;
}
.page-hero.buy-header .hero-image {
    opacity: 0.6;
}
.page-hero.buy-header .hero-body .subtitle {
    color: #e4dad1;
    max-width: 70%;
    text-align: center;
}
@media screen and (max-width: 849px) {
    .page-hero.buy-header .hero-body .subtitle {
        max-width: 100%;
    }
}
.page-hero .hero-brand {
    margin-bottom: 2rem;
}
@media screen and (max-width: 849px) {
    .page-hero .hero-brand {
        width: 100%;
    }
}
.page-hero .hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.page-hero .hero-image.blur-mask {
    mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
}
.page-hero .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 849px) {
    .page-hero .hero-image {
        background-attachment: scroll;
    }
}
.page-hero .hero-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-attachment: fixed;
}
@media screen and (max-width: 849px) {
    .page-hero .hero-video {
        display: block;
        top: -24px;
        background-attachment: scroll;
    }
}
.page-hero .hero-video.blur-mask {
    mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
}
.page-hero .hero-video video {
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-attachment: fixed;
}
.page-hero .hero-video:after {
    content: "";
    background: linear-gradient(45deg, #141312, rgba(20, 19, 18, 0));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.page-hero .container {
    position: relative;
    z-index: 1;
}
.page-hero .hero-body {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    flex: 1;
    width: 100%;
    padding: 0;
}
@media screen and (max-width: 849px) {
    .page-hero .hero-body {
        padding: 4rem 2rem;
    }
}
.page-hero .hero-body.center {
    justify-content: center;
}
.page-hero .hero-body.center .container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-hero .hero-body .body-info {
    max-width: 50%;
}
@media screen and (max-width: 849px) {
    .page-hero .hero-body .body-info {
        max-width: 100%;
    }
}
.page-hero .hero-body .body-info.center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-hero .hero-body .body-info .buttons {
    display: flex;
    flex-direction: row;
}
.page-hero .hero-body .body-info .buttons.app-links a {
    transition: all 0.15s ease;
    transform: translateY(0);
}
.page-hero .hero-body .body-info .buttons.app-links a:hover {
    transform: translateY(-5px);
}
.page-hero .hero-body .body-info .buttons.app-links a:first-of-type {
    margin-right: 1rem;
}
.page-hero .hero-body .body-info .buttons.app-links a img {
    max-height: 48px;
}
.page-hero .hero-body .body-info .buttons .button:first-of-type {
    margin-right: 0.75rem;
}
.page-hero .hero-body .body-info h1 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 12rem;
    line-height: 10rem;
    margin: 0 0 1rem 0;
    padding: 0;
    word-spacing: 100vw;
}
@media screen and (max-width: 849px) {
    .page-hero .hero-body .body-info h1 {
        font-size: 6rem;
        line-height: 5rem;
    }
}
.page-hero .hero-body .body-info p {
    color: #e4dad1;
    line-height: 1.5rem;
    margin-bottom: 2rem;
}
.fixed-background-media {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -10;
    opacity: 0.4;
}
.section.rss-feed {
    padding: 3rem 0;
}
.section.blog-list {
    background-color: #1f1f1f;
    padding: 8rem 0;
}
@media screen and (max-width: 849px) {
    .section.blog-list {
        padding: 4rem 2rem;
    }
}
.section.blog-list .blog-posts-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
@media screen and (max-width: 849px) {
    .section.blog-list .blog-posts-container {
        grid-template-columns: repeat(1, 1fr);
    }
}
.section.blog-list .blog-posts-container .blog-post {
    display: flex;
    flex-direction: column;
}
.section.blog-list .blog-posts-container .blog-post:hover .blog-post-image img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transform: scale(102%);
}
.section.blog-list .blog-posts-container .blog-post:hover .blog-post-body h1 {
    color: #fff;
}
.section.blog-list .blog-posts-container .blog-post .blog-post-image {
    background-color: #1f1f1f;
    width: 100%;
    height: 240px;
    margin-bottom: 1rem;
    position: relative;
}
@media screen and (max-width: 849px) {
    .section.blog-list .blog-posts-container .blog-post .blog-post-image {
        height: 200px;
    }
}
.section.blog-list .blog-posts-container .blog-post .blog-post-image .dev-tags {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: 1;
    top: 1rem;
    right: 1rem;
    z-index: 1;
}
.section.blog-list .blog-posts-container .blog-post .blog-post-image .dev-tags .tag {
    margin-left: 1rem;
}
.section.blog-list .blog-posts-container .blog-post .blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.15s ease;
}
.section.blog-list .blog-posts-container .blog-post .blog-post-body .tags {
    margin-bottom: 1rem;
}
.section.blog-list .blog-posts-container .blog-post .blog-post-body h1 {
    padding: 0;
    margin: 0 0 1rem 0;
    font-size: 2rem;
    line-height: 1.75rem;
    transition: all 0.15s ease;
}
.section.blog-list .blog-posts-container .blog-post .blog-post-body p {
    color: #bab1a8;
    line-height: 1.6rem;
}
.filter-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 4rem;
}
@media screen and (max-width: 849px) {
    .filter-bar {
        flex-direction: column;
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 849px) {
    .filter-bar .tabs .button {
        font-size: 1rem;
        padding: 0.5rem 0.75rem;
    }
}
@media screen and (max-width: 849px) {
    .filter-bar .search-box {
        margin-top: 1rem;
    }
}
.filter-bar .search-box input {
    border: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;
    color: #e4dad1;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem;
    padding: 0.5rem 1rem;
    min-width: 300px;
    transition: all 0.15s ease;
}
@media screen and (max-width: 849px) {
    .filter-bar .search-box input {
        width: 100%;
    }
}
.filter-bar .search-box input:valid {
    background-color: rgba(186, 177, 168, 0.1);
}
.filter-bar .search-box input:focus {
    background-color: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(186, 177, 168, 0.2);
    box-shadow: 0;
    outline: 0;
}
.filter-bar .search-box input::placeholder {
    color: #bab1a8;
}
gallery {
    display: flex;
    margin: 16px 0;
    flex-wrap: wrap;
    overflow: hidden;
}
gallery > * {
    max-height: 250px;
    max-width: 250px;
    object-fit: cover;
    object-position: center;
    flex-grow: 1;
    margin: 0 !important;
}
gallery[data-gallery-alignment="top"] > * {
    object-position: top;
}
gallery[data-gallery-alignment="bottom"] > * {
    object-position: bottom;
}
gallery[data-gallery-style="columns"] {
    flex-wrap: nowrap;
}
gallery[data-gallery-style="columns"] > * {
    max-width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
    height: 200px;
    min-width: 1%;
}
gallery[data-gallery-style="rows"] {
    flex-direction: column;
}
gallery[data-gallery-style="rows"] > * {
    max-width: 100%;
    min-width: 100%;
    height: 150px;
}
gallery[data-gallery-style="small"] > * {
    max-height: 100px;
    max-width: 100px;
}
gallery[data-gallery-style="medium"] > * {
    max-height: 170px;
    max-width: 170px;
}
gallery[data-gallery-style="smallgrid"] > * {
    width: 25% !important;
    height: 150px;
}
gallery[data-gallery-style="grid"] > * {
    width: 33.33% !important;
    height: 200px;
}
div.blog {
    margin: 0 auto;
    position: relative;
}
div.blog .header {
    margin-top: 10%;
    margin-bottom: 10%;
    text-align: center;
    padding: 1rem;
}
div.blog .header > .title {
    font-size: 3rem;
    color: #fff;
    margin: 0;
}
@media screen and (max-width: 849px) {
    div.blog .header > .title {
        font-size: 2rem;
    }
}
div.blog .header > .subtitle {
    background-color: rgba(37, 46, 63, 0.2);
    border: 2px solid #252e3f;
    padding: 1.5rem 3rem;
    line-height: 1.75rem;
    color: #fff;
    font-size: 1rem;
    margin: 1rem 8rem;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 16px;
}
@media screen and (max-width: 849px) {
    div.blog .header > .subtitle {
        margin: 1rem 1rem;
        font-size: 0.9rem;
    }
}
div.blog .header > .date {
    background-color: #151413;
    display: inline-flex;
    padding: 0.5rem 1rem;
    color: #e3ebfc;
    font-size: 14px;
}
div.blog .header > .author {
    margin-top: 1rem;
    text-align: left;
}
div.blog .header > .author .card {
    width: 250px;
    margin: 0 auto;
    padding: 16px;
    border-radius: 5px;
    text-shadow: none;
}
div.blog .header > .author .card .country,
div.blog .header > .author .card .position {
    font-size: 12px;
}
div.blog .section {
    padding: 16px;
    margin-bottom: 1rem;
    max-width: 800px;
    margin: 5rem auto;
}
@media screen and (max-width: 849px) {
    div.blog .section {
        margin: 1rem auto;
    }
}
div.blog .section .section-header {
    margin-bottom: 1rem;
}
div.blog .section .section-header .title {
    color: #cd412b;
    padding: 0;
    text-transform: none;
    font-family: "Bebas Neue";
    font-size: 3rem;
    margin-bottom: 0.5rem;
}
div.blog .section .section-header .author {
    left: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    top: -8px;
    font-weight: normal;
    font-size: 13px;
}
div.blog .section .section-header .author:before {
    content: "by ";
    margin-right: 4px;
}
div.blog .section .section-header .author a {
    color: #e4dad1;
    font-weight: 600;
    font-size: 13px;
}
div.blog .section .section-header .author a:hover {
    color: #fff;
}
div.blog .section img,
div.blog .section video,
div.blog .section iframe {
    max-width: 100%;
    display: block;
    margin: 16px auto;
}
div.blog .section video {
    min-width: 100%;
}
div.blog .section div[blocktype="image"][data-image-style="fullwidth"],
div.blog .section div[blocktype="image"][data-image-style="slim"],
div.blog .section div[blocktype="image"]:not([data-image-style]) {
    margin: 32px !important;
    margin-left: -36px !important;
    margin-right: -36px !important;
    width: auto;
}
@media screen and (max-width: 849px) {
    div.blog .section div[blocktype="image"][data-image-style="fullwidth"],
    div.blog .section div[blocktype="image"][data-image-style="slim"],
    div.blog .section div[blocktype="image"]:not([data-image-style]) {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
}
div.blog .section div[blocktype="image"][data-image-style="fullwidth"]:first-child,
div.blog .section div[blocktype="image"][data-image-style="slim"]:first-child,
div.blog .section div[blocktype="image"]:not([data-image-style]):first-child {
    margin-top: -36px !important;
}
div.blog .section div[blocktype="image"][data-image-style="fullwidth"]:first-child img,
div.blog .section div[blocktype="image"][data-image-style="slim"]:first-child img,
div.blog .section div[blocktype="image"]:not([data-image-style]):first-child img {
    border-radius: 3px 3px 0 0;
}
div.blog .section div[blocktype="image"][data-image-style="fullwidth"]:first-child,
div.blog .section div[blocktype="image"][data-image-style="slim"]:first-child,
div.blog .section div[blocktype="image"]:not([data-image-style]):first-child {
    margin-top: 0 !important;
}
div.blog .section div[blocktype="image"][data-image-style="fullwidth"]:last-child,
div.blog .section div[blocktype="image"][data-image-style="slim"]:last-child,
div.blog .section div[blocktype="image"]:not([data-image-style]):last-child {
    margin-bottom: 0 !important;
}
div.blog .section div[blocktype="image"][data-image-style="fullwidth"]:last-child img,
div.blog .section div[blocktype="image"][data-image-style="slim"]:last-child img,
div.blog .section div[blocktype="image"]:not([data-image-style]):last-child img {
    border-radius: 0 0 3px 3px;
    margin-bottom: 0;
}
div.blog .section .edit-block[blocktype="video"] {
    margin-left: -32px;
    margin-right: -32px;
}
@media screen and (max-width: 849px) {
    div.blog .section .edit-block[blocktype="video"] {
        margin-left: 0;
        margin-right: 0;
    }
}
div.blog .section .edit-block[blocktype="video"]:first-child {
    margin-top: -50px !important;
    border-radius: 3px 3px 0 0;
}
div.blog .section .edit-block[blocktype="video"]:first-child video {
    border-radius: 3px 3px 0 0;
}
div.blog .section .edit-block[blocktype="video"]:last-child {
    margin-bottom: -32px !important;
}
div.blog .section .edit-block[blocktype="video"]:last-child video {
    border-radius: 0 0 3px 3px;
    margin-bottom: 0;
}
div.blog .section .edit-block[title]:not([title=""]) {
    position: relative;
}
div.blog .section .edit-block[title]:not([title=""])::after {
    content: attr(title);
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -8px;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    color: #151413;
    padding: 8px;
    pointer-events: none;
    transition: all 0.2s ease-out;
}
div.blog .section .edit-block[title]:not([title=""]):hover::after {
    opacity: 0;
    transform: translate(-50%, 10px);
}
div.blog .section iframe {
    width: 100%;
}
div.blog .section .youtube-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 1rem;
}
div.blog .section .youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
div.blog .section div.title {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 16px;
    font-size: 30px;
}
div.blog .section .content {
    margin-bottom: 8px;
}
div.blog .section .content p {
    margin: 0;
    padding: 1rem 0;
}
div.blog .section .content h4 b {
    font-weight: 200;
}
div.blog .section .content > div {
    min-height: 16px;
}
div.blog .section .content a {
    color: #cd412b;
}
div.blog .section .content a:hover {
    color: #b83a27;
}
div.blog .section .likes {
    margin-top: 0;
    justify-content: flex-end;
    font-size: 0.9rem;
    max-height: initial;
    height: auto;
}
div.blog .section .likes .like-button {
    border-radius: 4px;
    border: 2px solid transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
div.blog .section .likes .like-button.current {
    background-color: #151413;
    color: #cd412b;
}
div.blog .section .likes .like-button.current .icon i {
    color: #cd412b;
}
div.blog .section .likes .like-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
div.blog .section .likes .like-button .icon i {
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 0;
    transition: all 0.2s ease;
}
div.blog .section .likes .like-button:hover {
    background-color: rgba(205, 65, 43, 0.3);
    border-color: #cd412b;
}
div.blog .section .likes .like-button:hover .icon i {
    color: #fff;
}
.blog-entry {
    max-width: 740px;
    margin: 6rem auto;
    padding: 2rem;
    padding-left: 280px;
    clear: both;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease;
    transform: translateY(0);
}
.blog-entry.featured-post {
    padding: 0;
}
.blog-entry.featured-post .header {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 400px;
    width: 100%;
}
@media screen and (max-width: 849px) {
    .blog-entry.featured-post .header {
        border-radius: 8px 8px 0 0;
        margin-bottom: 0;
        height: 200px;
    }
}
.blog-entry.featured-post .blog-entry-body {
    backdrop-filter: blur(5px);
    background-color: rgba(20, 19, 18, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media screen and (max-width: 849px) {
    .blog-entry.featured-post .blog-entry-body {
        position: relative;
        padding: 1rem;
    }
}
.blog-entry.featured-post .blog-entry-body .title {
    font-size: 2.5rem;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 849px) {
    .blog-entry.featured-post .blog-entry-body .title {
        font-size: 2rem;
    }
}
.blog-entry.featured-post .blog-entry-body .summary {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.blog-entry.featured-post .blog-entry-body .blog-entry-tags {
    position: absolute;
    top: -16px;
}
@media screen and (max-width: 849px) {
    .blog-entry.featured-post .blog-entry-body .blog-entry-tags {
        position: relative;
        top: auto;
    }
}
.blog-entry.featured-post .blog-entry-body .blog-entry-tags .tag.date {
    background-color: #2d2c2b;
}
.blog-entry:hover {
    transform: translateY(-10px);
}
.blog-entry:hover .header {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 849px) {
    .blog-entry {
        padding: 0;
        padding-right: 0;
        margin: 3rem 1rem;
    }
}
.blog-entry .header {
    box-shadow: 0 0 0 rgba(80, 147, 197, 0);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    overflow: hidden;
    transition: all 0.2s ease;
}
@media screen and (max-width: 849px) {
    .blog-entry .header {
        position: unset !important;
        width: unset;
        height: 200px;
        margin-bottom: 1rem;
    }
}
.blog-entry .header img,
.blog-entry .header video {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog-entry .blog-entry-body {
    display: flex;
    flex-direction: column;
    padding: 2rem;
}
@media screen and (max-width: 849px) {
    .blog-entry .blog-entry-body {
        padding: 0;
    }
}
.blog-entry .blog-entry-body .blog-entry-tags {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}
@media screen and (max-width: 849px) {
    .blog-entry .blog-entry-body .blog-entry-tags {
        margin-bottom: 0.5rem;
    }
}
.blog-entry .blog-entry-body .blog-entry-tags .tag {
    align-items: center;
    background-color: rgba(37, 46, 63, 0.6);
    border-radius: 4px;
    color: #c6d4ee;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 0.5rem;
}
.blog-entry .blog-entry-body .blog-entry-tags .tag .icon {
    align-items: center;
    display: flex;
    font-size: 1rem;
    margin-right: 0.5rem;
}
.blog-entry .blog-entry-body .blog-entry-tags .tag.special {
    background-color: #eb5332;
    color: #fff;
    overflow: hidden;
    max-width: 44px;
    transition: max-width 0.2s ease;
}
.blog-entry .blog-entry-body .blog-entry-tags .tag.special:hover {
    max-width: 200px;
}
.blog-entry .blog-entry-body .blog-entry-tags .tag.special:hover .hidden-text {
    display: block;
}
.blog-entry .blog-entry-body .blog-entry-tags .tag.special .hidden-text {
    display: none;
    margin-left: 8px;
    padding-right: 4px;
}
.blog-entry .blog-entry-body .blog-entry-tags .tag.special .icon {
    margin-right: 0;
}
.blog-entry .blog-entry-body .title {
    font-family: "Bebas Neue";
    font-weight: bolder;
    font-size: 2rem;
    padding: 0;
    margin-bottom: 0.5rem;
}
.blog-entry .blog-entry-body .title a {
    text-decoration: none;
}
.blog-entry .blog-entry-body .summary {
    color: #fff;
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 0;
    pointer-events: none;
}
.news-box {
    line-height: 1.75rem;
    text-align: center;
}
.news-box .subtitle:first-of-type {
    margin-bottom: 1rem;
}
@media screen and (max-width: 849px) {
    .news-box {
        padding: 1.5rem;
    }
}
.news-header > .container {
    width: 100%;
}
.news-header .news-header-links {
    width: auto;
    display: inline-block;
}
.news-header .news-header-links .button {
    width: 100%;
    margin-bottom: 2px;
    font-size: 10px;
    text-align: left;
    justify-content: flex-start;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.4);
}
.news-header .news-header-links .button:hover {
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
}
iframe#discourse-embed-frame {
    margin: 2rem 0;
    border-radius: 5px;
}
.blog .sectionstyle-header-large .section.editmode-editing .section-header .title {
    width: 100%;
    left: 0;
}
.blog .sectionstyle-header-large .section .section-header .title {
    background-color: #141312;
}
@media screen and (max-width: 849px) {
    .blog .sectionstyle-header-large .section .section-header .title {
        left: 0;
    }
}
@media screen and (max-width: 849px) {
    .blog .sectionstyle-header-large .section .content {
        padding: 0 1rem;
    }
}
.blog .sectionstyle-header-large .news-section-media {
    mask-image: none;
}
.blog .sectionstyle-header-large .section {
    padding: 0;
    top: -3rem;
    margin: 0 auto 5rem auto;
}
.blog .news-section-block .news-section-media {
    width: 100%;
}
.blog .news-section-block .news-section-media img {
    width: 100%;
}
.blog .news-section-block.sectionstyle-hero .content {
    background-color: rgba(20, 19, 18, 0.9);
    padding: 2rem;
}
@media screen and (max-width: 849px) {
    .blog .news-section-block.sectionstyle-hero .content {
        padding: 1rem;
    }
}
@media screen and (max-width: 849px) {
    .blog .news-section-block.sectionstyle-hero .section {
        width: 100%;
        overflow-wrap: break-word;
    }
    .blog .news-section-block.sectionstyle-hero .section .section-header {
        padding: 0 1rem;
    }
}
.blog .news-section-block.sectionstyle-hero .news-section-media img {
    opacity: 0.3;
    mask-image: linear-gradient(black, transparent);
    max-height: 100vh;
}
.blog .blog-add-section {
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.editmode-box .field .control select,
.editmode-box .field .control input {
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 12px;
    padding: 3px;
}
.news-section-block .editmode.editmode-editing [contenteditable="true"] {
    border: 1px dashed rgba(128, 255, 128, 0.1);
}
.editmode-floater > div.header i {
    font-family: "Material Icons";
}
.button {
    padding: 0.3rem 0.7rem;
    background-color: #fff;
    color: #151413;
    font-family: "Bebas Neue", sans-serif;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-flex;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.15s ease;
}
.button i {
    font-size: 20px;
    margin-right: 2px;
}
.button .icon {
    margin-right: 8px;
}
.button:hover {
    background-color: #fff;
}
.button.is-primary {
    background: #cd412b;
    color: #fff;
}
.button.is-primary:hover {
    background: #b83a27;
}
.button.is-disabled {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    cursor: none;
    pointer-events: none;
    opacity: 0.5;
}
.button.is-secondary {
    background-color: rgba(0, 0, 0, 0.2);
    color: #bab1a8;
}
.button.is-secondary:hover {
    background-color: rgba(0, 0, 0, 0.4);
    color: #e4dad1;
}
.button.is-outline {
    color: #e4dad1;
    border: 2px solid #4c4946;
    background-color: #2a2928;
}
.button.is-outline:hover {
    background-color: #4c4946;
}
.button.is-danger {
    background-color: #ff9800;
    color: #000;
}
.button.is-danger:hover {
    background-color: #ffad33;
    color: #fff;
}
.button.dark {
    background-color: #151413;
    color: #fff;
}
.button.dark:hover {
    background-color: #65615c;
    color: #fff;
}
.button.is-medium {
    font-size: 1.25rem;
    padding: 0.5rem 1rem;
}
.button.is-medium i {
    font-size: 1.25rem;
}
.button.is-large {
    font-size: 1.75rem;
    padding: 0.5rem 1.25rem;
}
@media screen and (max-width: 849px) {
    .button.is-large {
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
    }
}
.button.small {
    padding: 3px 5px;
    font-size: 9px;
    border-radius: 2px;
    margin: 0 1px;
}
.button.small i {
    margin-right: 3px;
    font-size: 11px;
}
.card {
    display: flex;
}
.card .image {
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0.5rem;
}
.card .image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100px;
}
.card .country,
.card .position {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 12px;
}
.card .links {
    margin-top: 5px;
    display: flex;
}
footer {
    padding: 0;
}
footer .footer-branding {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 6rem;
    margin-bottom: 4rem;
}
@media screen and (max-width: 849px) {
    footer .footer-branding .brand-logo img {
        max-width: 140px;
    }
}
footer .footer-branding .cross {
    margin: 0 3rem;
}
@media screen and (max-width: 849px) {
    footer .footer-branding .cross {
        margin: 0 1rem;
    }
    footer .footer-branding .cross img {
        max-height: 20px;
    }
}
footer .footer-navigation {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 6rem;
}
@media screen and (max-width: 849px) {
    footer .footer-navigation {
        flex-direction: column;
    }
}
footer .footer-navigation .footer-nav-link {
    border-bottom: 2px solid transparent;
    color: #bab1a8;
    font-size: 1.25rem;
    font-family: "Bebas Neue", sans-serif;
    margin-right: 1.5rem;
    text-transform: uppercase;
    transition: all 0.15s ease;
    text-decoration: none;
}
@media screen and (max-width: 849px) {
    footer .footer-navigation .footer-nav-link {
        margin: 0.5rem 0;
    }
}
footer .footer-navigation .footer-nav-link:last-of-type {
    margin-right: 0;
}
footer .footer-navigation .footer-nav-link:hover {
    color: #e4dad1;
}
footer .footer-navigation .footer-nav-link.is-active,
footer .footer-navigation .footer-nav-link.is-exact {
    border-bottom-color: #cd412b;
    color: #e4dad1;
}
footer .footer-copyright {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 1.5rem;
}
@media screen and (max-width: 849px) {
    footer .footer-copyright {
        text-align: center;
    }
}
footer .footer-copyright .copy-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 849px) {
    footer .footer-copyright .copy-flex {
        flex-direction: column-reverse;
    }
}
footer .footer-copyright .footer-copy-text {
    font-family: "Bebas Neue", sans-serif;
    color: rgba(186, 177, 168, 0.6);
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    flex: 1;
}
footer .footer-copyright .footer-socials {
    display: flex;
}
@media screen and (max-width: 849px) {
    footer .footer-copyright .footer-socials {
        margin-bottom: 1rem;
    }
}
footer .footer-copyright .footer-socials .social-button {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 0.5rem;
    width: 40px;
    height: 40px;
}
footer .footer-copyright .footer-socials .social-button svg {
    transition: all 0.15s ease;
}
footer .footer-copyright .footer-socials .social-button:hover svg {
    fill: #cd412b;
}
.title {
    font-family: "Bebas Neue", sans-serif;
}
.title.is-bold {
    font-weight: 700;
}
.title.is-thick {
    font-weight: 900;
}
.title.is-1 {
    font-size: 4rem;
}
.title.is-2 {
    font-size: 3rem;
}
.title.is-3 {
    font-size: 2rem;
}
.title.is-4 {
    font-size: 1.5rem;
}
.subtitle {
    font-family: "Open Sans", sans-serif;
}
.headline-box {
    position: sticky;
    top: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
}
.headline-box h1 {
    color: #e4dad1;
    font-size: 15px;
    position: relative;
}
.headline-box a {
    color: #bab1a8;
    text-decoration: none;
    padding: 2px 0;
    font-size: 14px;
    opacity: 0.7;
    transition: all 0.2s ease-out;
    pointer-events: all;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.headline-box a:hover {
    color: #e4dad1;
    opacity: 1;
}
.headline-box a.active {
    background-color: #1f1f1f;
    opacity: 1;
    color: #e4dad1;
    padding-left: 5px;
}
.headline-box:nth-child(1ofa) {
    opacity: 1;
}
.headline-surround {
    position: absolute;
    right: -50%;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: start;
    align-items: stretch;
    flex-direction: column;
    pointer-events: none;
    max-width: 260px;
    z-index: 1;
}
@media screen and (max-width: 1400px) {
    .headline-surround {
        display: none;
    }
}
.tag {
    font-family: "Bebas Neue", sans-serif;
    font-size: 0.875rem;
    padding: 0.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}
.tag .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}
.tag.special {
    background-color: #5093c5;
    color: #e4dad1;
}
.tag.deleted {
    background-color: #c72a2a;
    color: #e4dad1;
}
.tag.primary {
    background-color: #cd412b;
    color: #e4dad1;
}
.tag.dark {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}
.tag.secondary {
    background-color: rgba(0, 0, 0, 0.4);
    color: #bab1a8;
}
.tag.devblog {
    background-color: #cd412b;
    color: #e4dad1;
}
.tag.devblog:hover {
    background-color: #b83a27;
    color: #e4dad1;
}
.tag.community {
    background-color: #5d7239;
    color: #e4dad1;
}
.tag.community:hover {
    background-color: #4f6131;
}
.tag.general {
    background-color: rgba(228, 218, 209, 0.1);
    color: #e4dad1;
}
.tag.general:hover {
    background-color: rgba(228, 218, 209, 0.15);
}
.tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.tags .tag {
    margin-right: 0.5rem;
}
.date-and-tags {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    padding: 1rem 0;
    width: 100%;
}
.date-and-tags:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: 50%;
    left: 20%;
    right: 20%;
    height: 2px;
    transform: translateY(-50%);
}
.date-and-tags .tag {
    margin-right: 1rem;
    position: relative;
    z-index: 1;
}
.tabs {
    display: flex;
    flex-direction: row;
}
.tabs .button {
    margin-right: 1rem;
}
.tabs .button:last-of-type {
    margin-right: 0;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
}
.pagination.mb {
    margin-top: 0;
    margin-bottom: 4rem;
}
nav.pagination ul.pagination-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
nav.pagination ul.pagination-list li a.pagination-link {
    background-color: rgba(0, 0, 0, 0.2);
    color: #bab1a8;
    border: 0;
    border-radius: 0;
    font-family: "Bebas Neue", sans-serif;
    transition: all 0.15s ease;
}
nav.pagination ul.pagination-list li a.pagination-link:hover {
    background-color: rgba(228, 218, 209, 0.1);
}
nav.pagination ul.pagination-list li a.pagination-link.is-current {
    background-color: #cd412b;
    color: #e4dad1;
}
nav.pagination ul.pagination-list li a.pagination-link.is-current:hover {
    background-color: #b83a27;
}
nav.pagination ul.pagination-list li a.pagination-link.disabled {
    opacity: 0.5;
}
nav.pagination ul.pagination-list li a.pagination-link.disabled:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
nav.pagination .pagination-previous,
nav.pagination .pagination-next {
    background-color: rgba(0, 0, 0, 0.2);
    border: 0;
    border-radius: 0;
    color: #e4dad1;
    transition: all 0.15s ease;
}
nav.pagination .pagination-previous:hover,
nav.pagination .pagination-next:hover {
    background-color: rgba(228, 218, 209, 0.1);
}
.section.is-changes {
    background-color: #1b1b1b;
    padding: 4rem 0;
}
@media screen and (max-width: 849px) {
    .section.is-changes {
        padding: 4rem 2rem;
    }
}
.blog-list-header {
    background-color: #141312;
    padding: calc(8rem + 100px) 0 8rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 60vh;
}
.blog-list-header .blog-hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 849px) {
    .blog-list-header .blog-hero-image {
        background-attachment: scroll;
    }
}
.blog-list-header .blog-list-header-body {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 849px) {
    .blog-list-header .blog-list-header-body {
        padding: 2rem;
    }
}
.blog-list-header .blog-list-header-body .tags {
    margin-bottom: 2rem;
}
@media screen and (max-width: 849px) {
    .blog-list-header .blog-list-header-body .tags {
        margin-bottom: 1rem;
    }
}
.blog-list-header .blog-list-header-body .blog-header-title:hover h1 {
    color: #fff;
}
.blog-list-header .blog-list-header-body h1 {
    color: #e4dad1;
    font-size: 7rem;
    line-height: 7rem;
    padding: 0;
    margin: 0 0 2rem 0;
    transition: all 0.15s ease;
}
@media screen and (max-width: 849px) {
    .blog-list-header .blog-list-header-body h1 {
        font-size: 4rem;
        margin-bottom: 1rem;
        line-height: 4rem;
    }
}
.blog-list-header .blog-list-header-body p {
    max-width: 50%;
    padding: 0;
    margin: 0 0 2rem 0;
}
@media screen and (max-width: 849px) {
    .blog-list-header .blog-list-header-body p {
        max-width: 100%;
    }
}
.blog-hero {
    background-color: #141312;
    padding: calc(8rem + 100px) 0 8rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 50vh;
}
.blog-hero form {
    max-width: 1100px;
    width: 100%;
}
.blog-hero .blog-hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    mask-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, transparent 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 849px) {
    .blog-hero .blog-hero-image {
        background-attachment: scroll;
    }
}
.blog-hero .container {
    position: relative;
    z-index: 1;
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
.blog-hero .blog-hero-body {
    position: relative;
    display: flex;
    align-items: flex-end;
    z-index: 1;
    flex: 1;
    text-align: center;
    width: 100%;
}
.blog-hero .blog-hero-body .body-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
@media screen and (max-width: 849px) {
    .blog-hero .blog-hero-body .body-info {
        padding: 0 2rem;
    }
}
.blog-hero .blog-hero-body .body-info .tags {
    align-items: center;
    justify-content: center;
}
.blog-hero .blog-hero-body .body-info h1 {
    font-size: 6rem;
    margin: 0;
    padding: 0;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 849px) {
    .blog-hero .blog-hero-body .body-info h1 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 1rem;
    }
}
.blog-hero .blog-hero-body .body-info p {
    color: #bab1a8;
    max-width: 60%;
    margin: 0 0 2rem 0;
    line-height: 1.75rem;
    padding: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 849px) {
    .blog-hero .blog-hero-body .body-info p {
        max-width: 100%;
    }
}
.blog-hero .blog-hero-body .body-info .author {
    margin-top: 2rem;
}
.blog-hero .blog-hero-body .body-info .author .image {
    width: 50px;
    height: 50px;
    flex-basis: auto;
}
.blog-hero .blog-hero-body .body-info .author .body {
    text-align: left;
}
.blog-hero .blog-hero-body .body-info .author .body .links {
    display: none;
}
.field {
    margin-bottom: 1rem;
}
.field label {
    margin-bottom: 8px;
}
.field .control .input {
    border: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;
    font-family: "Open Sans", sans-serif;
    color: #e4dad1;
    font-size: 1rem;
    padding: 1rem;
    transition: all 0.15s ease;
}
.field.checkbox .label {
    margin: 0;
}
.field.checkbox .control {
    margin-right: 0.5rem;
    margin-bottom: 0;
}
.field.select .control .input option {
    background-color: #141312;
}
.buy-page.voiceprops .buy-hero {
    background-color: #19101e;
}
.buy-page.voiceprops .buy-hero .buy-hero-body .buy-description {
    color: #38dde0;
}
.buy-page.voiceprops .button.is-primary {
    background-color: #f18c2b;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.buy-page.voiceprops .button.is-primary:hover {
    background-color: #e4770f;
}
.buy-page.voiceprops .section.trailer {
    background-color: #19101e;
}
.buy-page.voiceprops .section.trailer .buy-trailer .video-title {
    background-color: #116c6e;
    color: #38dde0;
}
.buy-page.voiceprops .section.trailer .about-text {
    margin-top: 3rem;
}
.buy-page.voiceprops .section.trailer .about-text h1,
.buy-page.voiceprops .section.trailer .about-text h2,
.buy-page.voiceprops .section.trailer .about-text h3,
.buy-page.voiceprops .section.trailer .about-text h4 {
    color: #64e5e7;
}
.buy-page.voiceprops .section.trailer .about-text p {
    color: #18989a;
}
.buy-page.voiceprops .section.trailer .about-text ul li {
    background: #110b14;
    color: #f18c2b;
}
.buy-page.voiceprops .section.whats-included {
    background-color: #110b14;
}
.buy-page.voiceprops .section.whats-included .dark-bar-pattern {
    background-color: #110b14;
}
.buy-page.voiceprops .section.whats-included .whats-included-type .title {
    color: #38dde0;
}
.buy-page.voiceprops .section.whats-included .whats-included-type .subtitle {
    color: #f18c2b;
}
.buy-page.voiceprops .section.whats-included .whats-included-type .subtitle:after {
    background: linear-gradient(to right, rgba(241, 140, 43, 0), #f18c2b, rgba(241, 140, 43, 0));
}
.buy-page.voiceprops .section.whats-included .whats-included-body .dlc-item {
    background: #050b0d;
    color: #38dde0;
    border-color: #38dde0;
}
.buy-page.voiceprops .section.whats-included .whats-included-body .dlc-item .dlc-item-title {
    background-color: #110b14;
}
.buy-page.voiceprops .section.dlc-footer {
    background-color: #110b14;
}
.buy-page.sunburn .buy-hero {
    background-color: #110224;
}
.buy-page.sunburn .buy-hero .buy-hero-body .buy-description {
    color: #39e8e7;
}
.buy-page.sunburn .button.is-primary {
    background: linear-gradient(45deg, #e253aa, 30%, #9f8dc2);
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: all 0.15s ease;
}
.buy-page.sunburn .button.is-primary:hover {
    background: linear-gradient(45deg, #de3d9f, 30%, #917cb9);
    transform: translateY(-3px);
}
.buy-page.sunburn .section.trailer {
    background-color: #110224;
}
.buy-page.sunburn .section.trailer .buy-trailer .video-title {
    background-color: #74094b;
    color: #f257b7;
}
.buy-page.sunburn .section.trailer .about-text {
    margin-top: 3rem;
}
.buy-page.sunburn .section.trailer .about-text h1,
.buy-page.sunburn .section.trailer .about-text h2,
.buy-page.sunburn .section.trailer .about-text h3,
.buy-page.sunburn .section.trailer .about-text h4 {
    color: #67eded;
}
.buy-page.sunburn .section.trailer .about-text p {
    color: #13a8a7;
}
.buy-page.sunburn .section.trailer .about-text ul li {
    background: #0d021b;
    color: #f257b7;
}
.buy-page.sunburn .section.whats-included {
    background-color: #0d021b;
}
.buy-page.sunburn .section.whats-included .dark-bar-pattern {
    background-color: #0d021b;
}
.buy-page.sunburn .section.whats-included .whats-included-type .title {
    color: #39e8e7;
}
.buy-page.sunburn .section.whats-included .whats-included-type .subtitle {
    color: #f257b7;
}
.buy-page.sunburn .section.whats-included .whats-included-type .subtitle:after {
    background: linear-gradient(to right, rgba(242, 87, 183, 0), #f257b7, rgba(242, 87, 183, 0));
}
.buy-page.sunburn .section.whats-included .whats-included-body .dlc-item {
    background: linear-gradient(#39e8e7, #f257b7);
    color: #39e8e7;
    border-color: #f257b7;
}
.buy-page.sunburn .section.whats-included .whats-included-body .dlc-item .dlc-item-title {
    background-color: #0d021b;
}
.buy-page.sunburn .section.dlc-footer {
    background-color: #0d021b;
}
.buy-page.instruments .buy-hero {
    background-color: #230c19;
}
.buy-page.instruments .buy-hero .buy-hero-body .buy-logo {
    margin-bottom: 1rem;
}
.buy-page.instruments .buy-hero .buy-hero-body .buy-description {
    color: #fffbfd;
}
.buy-page.instruments .button.is-primary {
    background: #dc1681;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: all 0.15s ease;
}
.buy-page.instruments .button.is-primary:hover {
    background: #c51473;
    transform: translateY(-3px);
}
.buy-page.instruments .section.trailer {
    background-color: #230c19;
}
.buy-page.instruments .section.trailer .buy-trailer .video-title {
    background-color: #230314;
    color: #dc1681;
}
.buy-page.instruments .section.trailer .about-text {
    margin-top: 3rem;
}
.buy-page.instruments .section.trailer .about-text h1,
.buy-page.instruments .section.trailer .about-text h2,
.buy-page.instruments .section.trailer .about-text h3,
.buy-page.instruments .section.trailer .about-text h4 {
    color: #fff;
}
.buy-page.instruments .section.trailer .about-text p {
    color: #ff95ca;
}
.buy-page.instruments .section.trailer .about-text ul li {
    background: #180911;
    color: #dc1681;
}
.buy-page.instruments .section.whats-included {
    background-color: #180911;
}
.buy-page.instruments .section.whats-included .dark-bar-pattern {
    background-color: #180911;
}
.buy-page.instruments .section.whats-included .whats-included-type .title {
    color: #fffbfd;
}
.buy-page.instruments .section.whats-included .whats-included-type .subtitle {
    color: #dc1681;
}
.buy-page.instruments .section.whats-included .whats-included-type .subtitle:after {
    background: linear-gradient(to right, rgba(220, 22, 129, 0), #dc1681, rgba(220, 22, 129, 0));
}
.buy-page.instruments .section.whats-included .whats-included-body .dlc-item {
    background: linear-gradient(45deg, rgba(255, 251, 253, 0.1), rgba(220, 22, 129, 0.1));
    color: #fffbfd;
    border-color: #dc1681;
}
.buy-page.instruments .section.whats-included .whats-included-body .dlc-item .dlc-item-title {
    background-color: #dc1681;
}
.buy-page.instruments .section.dlc-footer {
    background-color: #180911;
}
.buy-hero {
    padding: calc(8rem + 100px) 0 5rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    min-height: 70vh;
}
.buy-hero .buy-hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    mask-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, transparent 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.buy-hero .buy-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.buy-hero .buy-hero-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media screen and (max-width: 849px) {
    .buy-hero .buy-hero-body {
        padding: 0 2rem;
    }
}
.buy-hero .buy-hero-body .buy-logo {
    max-width: 50%;
    margin-bottom: 3rem;
}
@media screen and (max-width: 849px) {
    .buy-hero .buy-hero-body .buy-logo {
        max-width: 100%;
    }
}
.buy-hero .buy-hero-body .buy-description {
    margin-bottom: 3rem;
    max-width: 50%;
    text-align: center;
}
@media screen and (max-width: 849px) {
    .buy-hero .buy-hero-body .buy-description {
        max-width: 100%;
    }
}
.section.trailer {
    padding: 5rem 0 8rem 0;
}
@media screen and (max-width: 849px) {
    .section.trailer {
        padding: 3rem 2rem 5rem 2rem;
    }
}
.section.trailer .buy-trailer {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.section.trailer .buy-trailer .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.section.trailer .buy-trailer .video-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.75rem;
    position: absolute;
    padding: 0.25rem 0.75rem;
    z-index: 1;
    top: 0;
    transform: translateY(-100%);
}
.section.trailer .about-text {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 3rem;
}
@media screen and (max-width: 849px) {
    .section.trailer .about-text {
        padding: 0;
        background-color: transparent;
    }
}
.section.trailer .about-text h1 {
    color: #e4dad1;
}
.section.trailer .about-text p {
    color: rgba(255, 255, 255, 0.7);
}
.section.trailer .about-text ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.section.trailer .about-text ul li {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0.5rem;
    font-size: 14px;
    margin: 0.25rem;
}
.section.whats-included .whats-included-type {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 4rem;
}
@media screen and (max-width: 849px) {
    .section.whats-included .whats-included-type {
        margin-bottom: 2rem;
    }
}
.section.whats-included .whats-included-type .title {
    font-size: 3.5rem;
    margin: 0;
    padding: 0;
}
.section.whats-included .whats-included-type .subtitle {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem;
    position: relative;
    margin-bottom: 20px;
}
.section.whats-included .whats-included-type .subtitle:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: -16px;
    left: 20%;
    right: 20%;
    height: 2px;
}
.section.whats-included .whats-included-type.footer {
    margin: 6rem 0 0 0;
}
.section.whats-included .whats-included-type.footer .subtitle:after {
    display: none;
}
.section.whats-included .whats-included-body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.section.whats-included .whats-included-body .dlc-item {
    background: linear-gradient(rgba(186, 233, 233, 0.1), rgba(186, 233, 233, 0));
    border-width: 2px;
    border-style: solid;
    border-color: inherit;
    display: flex;
    color: #f00;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    flex: 0 0 calc(25% - 24px);
    margin: 20px 12px;
    transition: all 0.15s ease;
    transform: scale(100%);
}
.section.whats-included .whats-included-body .dlc-item:hover {
    transform: scale(105%);
}
@media screen and (max-width: 849px) {
    .section.whats-included .whats-included-body .dlc-item {
        flex: auto;
        margin: 20px 2rem;
    }
}
.section.whats-included .whats-included-body .dlc-item .dlc-has-skins {
    background-color: rgba(0, 0, 0, 0.8);
    border-left-width: 2px;
    border-left-color: inherit;
    border-left-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: row;
    display: flex;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 0.25rem;
}
.section.whats-included .whats-included-body .dlc-item .dlc-has-skins .icon {
    align-items: center;
    font-size: 21px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.section.whats-included .whats-included-body .dlc-item .dlc-has-skins .skins-text {
    background-color: rgba(0, 0, 0, 0.8);
    font-family: "Bebas Neue", sans-serif;
    margin-left: 4px;
    transition: all 0.15s ease;
}
.section.whats-included .whats-included-body .dlc-item .dlc-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section.whats-included .whats-included-body .dlc-item .dlc-item-image img,
.section.whats-included .whats-included-body .dlc-item .dlc-item-image video {
    width: 100%;
    min-height: 210px;
}
.section.whats-included .whats-included-body .dlc-item .dlc-item-title {
    color: inherit;
    border-width: 2px;
    border-style: solid;
    border-color: inherit;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1rem;
    padding: 0.25rem 0.5rem;
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
}
.section.dlc-footer {
    padding: 6rem 0;
    position: relative;
}
.section.dlc-footer .dlc-footer-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    mask-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.section.dlc-footer .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.section.dlc-footer .dlc-footer-logo {
    max-width: 50%;
    margin-bottom: 3rem;
}
@media screen and (max-width: 849px) {
    .section.dlc-footer .dlc-footer-logo {
        max-width: 100%;
        padding: 0 1rem;
    }
}
.section.other-dlc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.section.other-dlc .section-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 4rem;
}
@media screen and (max-width: 849px) {
    .section.other-dlc .section-header {
        margin-bottom: 2rem;
    }
}
.section.other-dlc .section-header .title {
    font-size: 3.5rem;
    margin: 0;
    padding: 0;
}
.section.other-dlc .section-header .subtitle {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem;
    position: relative;
    margin-bottom: 20px;
}
.section.other-dlc .section-header .subtitle:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: -16px;
    left: 20%;
    right: 20%;
    height: 2px;
}
.section.other-dlc .section-header.footer {
    margin: 6rem 0 0 0;
}
.section.other-dlc .section-header.footer .subtitle:after {
    display: none;
}
.section.other-dlc .all-dlc-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 80%;
}
@media screen and (max-width: 849px) {
    .section.other-dlc .all-dlc-container {
        flex-direction: column;
        max-width: 100%;
    }
}
.section.other-dlc .all-dlc-container .dlc-box {
    background-color: rgba(20, 19, 18, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    position: relative;
    flex: 0 0 calc(33% - 16px);
    margin: 16px;
    min-height: 450px;
    transform: scale(100%);
    transition: all 0.15s ease;
}
@media screen and (max-width: 849px) {
    .section.other-dlc .all-dlc-container .dlc-box {
        flex: 100%;
        min-height: 300px;
        padding: 0;
        margin: 0 0 1rem 0;
    }
}
.section.other-dlc .all-dlc-container .dlc-box:hover {
    background-color: #141312;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
    z-index: 1;
    transform: scale(105%);
}
.section.other-dlc .all-dlc-container .dlc-box:hover .dlc-box-background {
    mask-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, transparent 100%);
}
.section.other-dlc .all-dlc-container .dlc-box .dlc-box-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    mask-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, transparent 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transition: all 0.15s ease;
}
.section.other-dlc .all-dlc-container .dlc-box .dlc-box-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section.other-dlc .all-dlc-container .dlc-box .dlc-box-logo {
    width: 100%;
    position: relative;
    z-index: 1;
}
.section.is-updates .recent-updates {
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-bottom: 3rem;
}
@media screen and (max-width: 849px) {
    .section.is-updates .recent-updates {
        display: flex;
        flex-direction: column;
    }
}
.section.is-updates .recent-updates .update-box {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
}
@media screen and (max-width: 849px) {
    .section.is-updates .recent-updates .update-box {
        margin-bottom: 1rem;
    }
}
.section.is-updates .recent-updates .update-box:hover .update-image {
    transform: scale(110%);
}
.section.is-updates .recent-updates .update-box .update-image {
    background-color: #1f1f1f;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 240px;
    margin-bottom: 1rem;
    position: relative;
    transition: all 0.15s ease;
    transform: scale(100%);
}
.section.is-updates .recent-updates .update-box .update-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.15s ease;
}
.section.is-updates .recent-updates .update-box .update-title {
    color: #e4dad1;
    background-color: #cd412b;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
    padding: 0.5rem;
}
.section.is-updates .updates-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.section.is-buy-row {
    background-color: #1b1b1b;
    padding: 8rem 0;
    position: relative;
    min-height: 50vh;
}
@media screen and (max-width: 849px) {
    .section.is-buy-row {
        padding: 4rem 2rem;
    }
}
.section.is-buy-row .buy-row-content {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.section.is-buy-row .buy-row-content .buy-logo {
    max-width: 800px;
}
@media screen and (max-width: 849px) {
    .section.is-buy-row .buy-row-content .buy-logo {
        width: 100%;
    }
}
.section.is-buy-row .buy-row-content .buy-description {
    margin-bottom: 4rem;
    text-align: center;
}
.section.is-buy-row .buy-row-content .buttons .button {
    margin: 0 8px;
}
@media screen and (max-width: 849px) {
    .section.is-buy-row .buy-row-content .buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }
    .section.is-buy-row .buy-row-content .buttons .button {
        width: 100%;
        margin-bottom: 10px;
    }
    .section.is-buy-row .buy-row-content .buttons .button:last-of-type {
        margin-bottom: 0;
    }
}
.section.is-buy-row.voiceprops {
    background-color: #110b14;
}
.section.is-buy-row.voiceprops .buy-row-content .buy-description {
    color: #f18c2b;
}
.section.is-buy-row.voiceprops .buy-row-content .button.is-primary {
    background-color: #f18c2b;
}
.section.is-buy-row.voiceprops .buy-row-content .button.is-primary:hover {
    background-color: #db720e;
}
.section.is-buy-row.sunburn {
    background-color: #0d021b;
}
.section.is-buy-row.sunburn .buy-row-content .buy-description {
    color: #f257b7;
}
.section.is-buy-row.sunburn .buy-row-content .button.is-primary {
    background-color: #f257b7;
}
.section.is-buy-row.sunburn .buy-row-content .button.is-primary:hover {
    background-color: #ee28a3;
}
.section.is-buy-row.instruments {
    background-color: #180911;
}
.section.is-buy-row.instruments .buy-row-content .buy-description {
    color: #dc1681;
}
.section.is-buy-row.instruments .buy-row-content .button.is-primary {
    background-color: #dc1681;
}
.section.is-buy-row.instruments .buy-row-content .button.is-primary:hover {
    background-color: #ae1166;
}
.section.is-buy-row.soundtrack .buy-row-content .buy-logo {
    margin-bottom: 2rem;
}
.buy-page.soundtrack .buy-hero {
    padding: calc(8rem + 100px) 0 3rem 0;
    min-height: 50vh;
}
.buy-page.soundtrack .buy-hero .buy-description {
    margin-bottom: 0;
}
@media screen and (max-width: 849px) {
    .buy-page.soundtrack .soundtrack-container {
        flex-direction: column;
    }
}
.buy-page.soundtrack .soundtrack-container .soundtrack-header {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
}
.buy-page.soundtrack .soundtrack-container .soundtrack-header .soundtrack-image {
    flex: 1;
    max-width: 400px;
    max-height: 400px;
}
@media screen and (max-width: 849px) {
    .buy-page.soundtrack .soundtrack-container .soundtrack-header .soundtrack-image {
        padding-right: 0;
        margin-bottom: 1rem;
    }
}
.buy-page.soundtrack .soundtrack-container .soundtrack-header .soundtrack-image img {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    width: 100%;
}
.buy-page.soundtrack .soundtrack-container .soundtrack-header .soundtrack-body {
    background-color: rgba(31, 31, 31, 0.5);
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    padding: 3rem;
}
.buy-page.soundtrack .soundtrack-container .soundtrack-header .soundtrack-body .button {
    margin-bottom: 0.5rem;
}
.buy-page.soundtrack .soundtrack-container .soundtrack-header .soundtrack-body .button:last-of-type {
    margin-bottom: 0;
}
.buy-page.soundtrack .soundtrack-container {
    list-style-type: none;
    flex: 1;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 849px) {
    .buy-page.soundtrack .soundtrack-container {
        width: 100%;
    }
}
.buy-page.soundtrack .soundtrack-container li {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row;
}
.buy-page.soundtrack .soundtrack-container li:nth-of-type(odd) {
    background-color: #1f1f1f;
}
.buy-page.soundtrack .soundtrack-container li .tl_number {
    color: #cd412b;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem;
    width: 40px;
}
.buy-page.soundtrack .soundtrack-container li .tl_title {
    flex: 1;
}
.buy-page.soundtrack .soundtrack-container li .tl_length {
    text-align: right;
}
.buy-page.soundtrack .platform-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: 1rem;
    width: 100%;
}
.buy-page.soundtrack .platform-buttons a {
    margin: 0 0.5rem;
}
@media screen and (max-width: 849px) {
    .buy-page.soundtrack .platform-buttons {
        flex-direction: column;
        padding: 0 2rem;
    }
    .buy-page.soundtrack .platform-buttons a {
        flex: 1;
        margin-bottom: 1rem;
        width: 100%;
    }
}
.section.page-changelist .pagination {
    margin-top: 0;
    margin-bottom: 3rem;
}
.section.changelist-single {
    padding: calc(8rem + 120px) 0 5rem 0;
}
@media screen and (max-width: 849px) {
    .section.changelist-single {
        padding: calc(4rem + 120px) 0 5rem 0;
    }
}
.change-blog-container {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
}
.change-blog-container .changes-container {
    padding: 3rem 0;
    margin-bottom: 0;
}
@media screen and (max-width: 849px) {
    .change-blog-container .changes-container {
        padding: 3rem 1rem;
    }
}
.changes-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: 2px solid rgba(228, 218, 209, 0.1);
}
.changes-container:last-of-type {
    border-bottom: 0;
}
@media screen and (max-width: 849px) {
    .changes-container {
        flex-direction: column;
        padding: 2rem;
    }
}
.changes-container .changes-sidebar {
    width: 300px;
    min-width: 300px;
    padding-right: 2rem;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
}
@media screen and (max-width: 849px) {
    .changes-container .changes-sidebar {
        min-width: auto;
        width: 100%;
        position: relative;
        top: auto;
    }
}
.changes-container .changes-sidebar .sidebar-section {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(228, 218, 209, 0.1);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.changes-container .changes-sidebar .sidebar-section:last-of-type {
    border-bottom: 0;
}
.changes-container .changes-sidebar .sidebar-section .subtitle,
.changes-container .changes-sidebar .sidebar-section .title {
    font-family: "Bebas Neue", sans-serif;
}
.changes-container .changes-sidebar .sidebar-section .subtitle {
    opacity: 0.6;
}
.changes-container .changes-sidebar .sidebar-section .title {
    color: #fff;
    font-size: 1.5rem;
}
.changes-container .changes-sidebar .sidebar-section .title.not-published {
    color: #cd412b;
    margin-bottom: 0.25rem;
}
.changes-container .changes-sidebar .sidebar-section .title .icon {
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 2px;
    position: relative;
}
.changes-container .changes-sidebar .sidebar-section .not-published-text {
    color: rgba(228, 218, 209, 0.5);
    font-size: 14px;
}
.changes-container .changes-sidebar .sidebar-section .date {
    color: #e4dad1;
    display: flex;
    align-items: center;
}
.changes-container .changes-sidebar .sidebar-section .date .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    opacity: 0.5;
}
.changes-container .changes-sidebar .sidebar-section .button {
    align-self: flex-start;
    display: inline-flex;
}
.changes-container .changes-body {
    flex-grow: 1;
}
.changes-container .changes-body .changes-row {
    margin-bottom: 2rem;
}
.changes-container .changes-body .changes-row.features .changes-row-header {
    background: linear-gradient(to right, rgba(93, 114, 57, 0.4), rgba(93, 114, 57, 0));
    color: #8ec62f;
}
.changes-container .changes-body .changes-row.fixed .changes-row-header {
    background: linear-gradient(to right, rgba(80, 147, 197, 0.4), rgba(80, 147, 197, 0));
    color: #65b6ed;
}
.changes-container .changes-body .changes-row.improvements .changes-row-header {
    background: linear-gradient(to right, rgba(215, 170, 12, 0.4), rgba(215, 170, 12, 0));
    color: #f5d254;
}
.changes-container .changes-body .changes-row.known-issues .changes-row-header {
    background: linear-gradient(to right, rgba(215, 132, 34, 0.4), rgba(215, 132, 34, 0));
    color: #e9b476;
}
.changes-container .changes-body .changes-row.removed .changes-row-header {
    background: linear-gradient(to right, rgba(199, 42, 42, 0.4), rgba(199, 42, 42, 0));
    color: #e27575;
}
.changes-container .changes-body .changes-row:last-of-type {
    margin-bottom: 0;
}
.changes-container .changes-body .changes-row .changes-row-header {
    color: #e4dad1;
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 1rem 1.5rem;
    margin: 0;
}
.changes-container .changes-body .changes-row .changes-row-header .icon {
    color: inherit;
    margin-right: 0.5rem;
    font-size: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.changes-container .changes-body .changes-row .changes-row-header h3 {
    color: inherit;
    padding: 0;
    margin: 2px 0 0 0;
    font-size: 21px;
}
.changes-container .changes-body .changes-row .changes-row-body ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.changes-container .changes-body .changes-row .changes-row-body ul li {
    display: flex;
    flex-direction: row;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.5rem;
}
.changes-container .changes-body .changes-row .changes-row-body ul li:nth-of-type(even) {
    background-color: rgba(228, 218, 209, 0.05);
}
.changes-container .changes-body .changes-row .changes-row-body ul li span {
    margin-right: 0.75rem;
}
.changes-footer {
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.support-box-container {
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-bottom: 3rem;
}
@media screen and (max-width: 849px) {
    .support-box-container {
        display: flex;
        flex-direction: column;
    }
}
.support-box-container .support-box {
    background-color: rgba(228, 218, 209, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 3rem;
    transition: all 0.15s ease;
    text-align: center;
    width: 100%;
    min-height: 400px;
}
.support-box-container .support-box .icon-container {
    background-color: #cd412b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    transition: all 0.15s ease;
    margin-bottom: 1rem;
}
.support-box-container .support-box .icon-container .icon {
    color: #e4dad1;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.support-box-container .support-box .icon-container svg {
    fill: #e4dad1;
    max-width: 34px;
}
.support-box-container .support-box:hover {
    background-color: rgba(228, 218, 209, 0.1);
}
.support-box-container .support-box .support-title {
    font-size: 3rem;
    color: #e4dad1;
    margin: 0 0 1rem 0;
    padding: 0;
}
.support-box-container .support-box .subtitle {
    color: #bab1a8;
    margin: 0;
    padding: 0;
}
.section.is-faq .faq-questions .question {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}
.section.is-faq .faq-questions .question .title {
    color: #e4dad1;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}
.section.is-faq .faq-questions .question .subtitle {
    line-height: 1.5rem;
}
.section.is-faq .faq-questions .question a {
    color: #cd412b;
}
.section.is-faq .faq-questions .question a:hover {
    color: #b83a27;
}
.page-hero.twenty-twenty-one .hero-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.year-wrap .section-header {
    background-color: #e7816d;
    text-align: center;
    margin: 0 8px 2rem 8px;
    padding: 0.25rem 0;
}
.section.year-wrap .section-header h1 {
    color: #141312;
}
.section.year-wrap .stats-container {
    background-color: #1f1f1f;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
}
.section.year-wrap .stats-container:last-of-type {
    margin-bottom: 0;
}
.section.year-wrap .stats-container.twitch-drops-stats {
    background-color: rgba(145, 70, 255, 0.2);
}
.section.year-wrap .stats-container.twitch-drops-stats .stats-header h1 {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.section.year-wrap .stats-container .stats-header {
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    flex-direction: column;
}
.section.year-wrap .stats-container .stats-header h1 {
    padding: 0;
    margin: 0 0 0.25rem 0;
}
.section.year-wrap .stats-container .stats-header .source {
    opacity: 0.5;
    font-size: 0.75rem;
}
.section.year-wrap .stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    padding: 30px;
}
@media screen and (max-width: 849px) {
    .section.year-wrap .stats-grid {
        display: flex;
        flex-direction: column;
        padding: 10px;
        margin-bottom: 8px;
        grid-gap: 8px;
    }
}
.section.year-wrap .stats-grid .stat-box {
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    transform: scale(1);
    transition: all 0.2s ease;
}
.section.year-wrap .stats-grid .stat-box:hover {
    background-color: rgba(0, 0, 0, 0.4);
    transform: scale(1.1);
}
.section.year-wrap .stats-grid .stat-box .stat-only {
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex-grow: 1;
}
@media screen and (max-width: 849px) {
    .section.year-wrap .stats-grid .stat-box .stat-only {
        padding: 1rem;
    }
}
.section.year-wrap .stats-grid .stat-box .stat-only .title {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.section.year-wrap .stats-grid .stat-box .stat-only .title.name {
    border-bottom: 2px solid #5d7239;
    font-size: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
@media screen and (max-width: 849px) {
    .section.year-wrap .stats-grid .stat-box .stat-only .title.name {
        font-size: 1.5rem;
    }
}
.section.year-wrap .stats-grid .stat-box .stat-only .title.value {
    color: #e4dad1;
    font-size: 2.5rem;
}
@media screen and (max-width: 849px) {
    .section.year-wrap .stats-grid .stat-box .stat-only .title.value {
        font-size: 2rem;
    }
}
.section.year-wrap .stats-grid .stat-box .stats-header {
    background-color: #cd412b;
    padding: 1rem;
    font-size: 1.5rem;
}
.section.year-wrap .stats-grid .stat-box .stats-header.twitch {
    background-color: #9146ff;
}
.section.year-wrap .stats-grid .stat-box .stats-header span {
    color: #fff;
}
.section.year-wrap .stats-grid .stat-box .stats-body .stat-row {
    padding: 1rem;
    display: flex;
    flex-direction: row;
}
.section.year-wrap .stats-grid .stat-box .stats-body .stat-row:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.2);
}
.section.year-wrap .stats-grid .stat-box .stats-body .stat-row .title {
    font-size: 1.25rem;
}
.section.year-wrap .stats-grid .stat-box .stats-body .stat-row .title.name {
    flex-grow: 1;
}
.section.year-wrap .stats-grid .stat-box .stats-body .stat-row .title.value {
    color: #e4dad1;
}
.section.lol-section .section-header {
    background-color: #8fb5bc;
    text-align: center;
    margin: 0 8px 2rem 8px;
    padding: 0.25rem 0;
}
.section.lol-section .section-header h1 {
    color: #141312;
}
.section.lol-footer .labor-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.section.lol-footer .labor-footer .button {
    margin-bottom: 2rem;
}
.section.lol-footer .labor-footer h1 {
    color: #bab1a8;
}
.section.youtube-embed .youtube-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 1rem;
}
.section.youtube-embed .youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.media-grid {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 849px) {
    .media-grid {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}
.media-grid .media-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.33% - 16px);
    margin: 8px;
    transition: all 0.2s ease;
    position: relative;
}
@media screen and (max-width: 849px) {
    .media-grid .media-item {
        flex-basis: 100%;
    }
}
.media-grid .media-item.wide {
    flex-basis: calc(66.66% - 16px);
    max-height: 400px;
}
.media-grid .media-item img {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: cover;
}
.media-grid .media-item .media-info {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    padding: 0.75rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}
.media-grid .media-item .media-info .title {
    font-size: 1.5rem;
}
.media-grid .media-item .media-info .date {
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1rem;
    color: #f1b7ae;
    height: 0;
    opacity: 0;
    transition: all 0.2s ease;
}
@media screen and (max-width: 849px) {
    .media-grid .media-item .media-info {
        background-color: #cd412b;
    }
    .media-grid .media-item .media-info .date {
        opacity: 1;
        height: 20px;
    }
}
.media-grid .media-item:hover {
    transform: scale(1.1);
    z-index: 1;
}
.media-grid .media-item:hover .media-info {
    background-color: #cd412b;
    opacity: 1;
}
.media-grid .media-item:hover .media-info .date {
    height: 20px;
    opacity: 1;
}
.page-hero.skins-header {
    min-height: 30vh;
}
.page-hero.skins-header.arctic .subtitle {
    color: #b8d8eb;
}
.page-hero.skins-header.arctic .button.is-primary {
    background-color: #b8d8eb;
    color: #141312;
}
.page-hero.skins-header.arctic .button.is-primary:hover {
    background-color: #a4cde5;
}
.page-hero.skins-header .hero-brand {
    max-height: 250px;
    max-width: 100%;
    margin-bottom: 1rem;
}
.page-hero.skins-header .body-info {
    max-width: 70%;
}
.skins-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
@media screen and (max-width: 849px) {
    .skins-row {
        display: flex;
        flex-direction: column;
    }
}
.skins-row .skin-container {
    display: flex;
    flex-direction: column;
}
.skins-row .skin-container:hover .skin-image {
    transform: scale(1.05);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
}
.skins-row .skin-container .skin-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    transition: all 0.2s ease;
    position: relative;
}
.skins-row .skin-container .skin-image.lumberjack {
    background-color: rgba(6, 6, 5, 0.9);
    color: #c2c8ac;
}
.skins-row .skin-container .skin-image.arctic {
    background-color: rgba(7, 10, 12, 0.9);
    color: #b8d8eb;
}
.skins-row .skin-container .skin-image .disclaimer {
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 8px 0;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.skins-row .skin-container .skin-image.not-released {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
}
.skins-row .skin-container .skin-image img,
.skins-row .skin-container .skin-image video {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    width: 100%;
}
.skins-row .skin-container .skin-body {
    text-align: center;
    flex-direction: column;
    margin-bottom: 2rem;
}
.skins-row .skin-container .skin-body .title {
    position: relative;
    margin-bottom: 2rem;
}
.skins-row .skin-container .skin-body .title:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: -16px;
    left: 20%;
    right: 20%;
    height: 2px;
}
.skins-row .skin-container .skin-buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex: 1;
}
.skins-row .skin-container .skin-buttons .button:first-of-type {
    margin-right: 1rem;
}
.section.is-skin-collection {
    padding: 8rem 0;
}
@media screen and (max-width: 849px) {
    .section.is-skin-collection {
        padding: 4rem 2rem;
    }
}
.section.is-skin-collection .background-image {
    opacity: 0.7;
}
.section.is-skin-collection .body-container {
    max-width: 50%;
}
@media screen and (max-width: 849px) {
    .section.is-skin-collection .body-container {
        max-width: 100%;
    }
}
.section.is-skin-collection .body-container .title {
    font-size: 4rem;
    margin: 0 0 0.5rem 0;
    padding: 0;
}
.section.is-skin-collection .body-container .subtitle {
    margin: 0 0 2rem;
    padding: 0;
}
.section.is-skin-collection .buttons .button:first-child {
    margin-right: 1rem;
}
.section.is-skin-collection.lumberjack-pack .body-container {
    margin-left: 50%;
}
@media screen and (max-width: 849px) {
    .section.is-skin-collection.lumberjack-pack .body-container {
        margin-left: 0;
    }
}
.section.is-skin-collection.lumberjack-pack .background-image {
    opacity: 1;
}
.section.is-skin-collection.lumberjack-pack .dark-bar-pattern {
    background-color: #331a19;
}
.section.is-skin-collection.arctic-pack .title {
    background: -webkit-linear-gradient(#fff, #b8d8eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section.is-skin-collection.arctic-pack .subtitle {
    color: rgba(184, 216, 235, 0.8);
}
.section.is-skin-collection.arctic-pack .buttons .button.is-outline {
    background-color: rgba(1, 5, 21, 0.4);
    border-color: #5f7995;
}
.section.is-skin-collection.arctic-pack .buttons .button.is-primary {
    background-color: #b8d8eb;
    color: #141312;
}
.section.is-trailer.arctic {
    background-color: #11181c;
}
.section.is-trailer.arctic .dark-bar-pattern {
    background-color: #11181c;
}
.section.is-trailer.arctic .video-header {
    background-color: #b8d8eb;
}
.section.is-trailer.arctic .video-header h1 {
    color: #141312;
}
.section.is-trailer .video-header {
    background-color: #cd412b;
    display: inline-flex;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
}
.section.is-trailer .video-header h1 {
    font-size: 32px;
    padding: 0;
    margin: 0;
}
.section.is-trailer .subtitle {
    text-align: center;
    padding: 0 3rem;
}
@media screen and (max-width: 849px) {
    .section.is-trailer .subtitle {
        padding: 0;
    }
}
.section.is-trailer .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem;
}
.section.is-trailer .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section.is-trailer .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section.is-backstory .backstory-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.section.is-backstory .backstory-container .backstory-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 70%;
}
@media screen and (max-width: 849px) {
    .section.is-backstory .backstory-container .backstory-body {
        max-width: 100%;
    }
}
.section.is-gallery .gallery-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
@media screen and (max-width: 849px) {
    .section.is-gallery .gallery-container {
        display: flex;
        flex-direction: column;
    }
}
.section.is-gallery .gallery-container.is-2-column {
    grid-template-columns: repeat(2, 1fr);
}
.section.is-gallery .gallery-container img {
    width: 100%;
    border: 2px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}
.section.is-gallery .gallery-container img:hover {
    border: 2px solid #cd412b;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}
.section.is-gallery .gallery-container img.is-large {
    grid-column: 1/4;
}
.section.is-gallery .gallery-container img.is-medium {
    grid-column: 50%;
}
.section.linked-section .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.pack-contents.lumberjack {
    background-color: #060605;
}
.section.pack-contents.lumberjack .section-header-container:after {
    background: linear-gradient(to right, rgba(194, 200, 172, 0), #c2c8ac, rgba(194, 200, 172, 0));
}
.section.pack-contents.lumberjack .section-header-container h1 {
    color: #c2c8ac;
}
.section.pack-contents.lumberjack .dark-bar-pattern {
    background-color: #060605;
}
.section.pack-contents.lumberjack .pack-features .pack-box.is-featured .pack-body {
    background-color: rgba(20, 20, 16, 0.9);
}
.section.pack-contents.arctic {
    background-color: #070a0c;
}
.section.pack-contents.arctic .section-header-container:after {
    background: linear-gradient(to right, rgba(184, 216, 235, 0), #b8d8eb, rgba(184, 216, 235, 0));
}
.section.pack-contents.arctic .section-header-container h1 {
    color: #b8d8eb;
}
.section.pack-contents.arctic .dark-bar-pattern {
    background-color: #070a0c;
}
.section.pack-contents.arctic .pack-item .pack-body .title {
    color: #b8d8eb;
}
.section.pack-contents .pack-features .pack-box {
    position: relative;
    margin-bottom: 1rem;
}
.section.pack-contents .pack-features .pack-box .pack-image {
    background-size: cover;
    width: 100%;
    padding-top: 56.25%;
}
.section.pack-contents .pack-features .pack-box.is-featured .pack-body {
    position: absolute;
    bottom: 0;
    left: 30px;
    flex-direction: row;
}
@media screen and (max-width: 849px) {
    .section.pack-contents .pack-features .pack-box.is-featured .pack-body {
        left: 0;
        flex-direction: column;
        position: relative;
    }
}
.section.pack-contents .pack-features .pack-box.is-featured .pack-body .title-container .title.name {
    flex-grow: 1;
    align-items: center;
    display: flex;
}
.section.pack-contents .pack-features .pack-box .pack-body {
    background-color: rgba(20, 19, 18, 0.7);
    display: flex;
    padding: 1rem 2rem 1rem 2rem;
}
@media screen and (max-width: 849px) {
    .section.pack-contents .pack-features .pack-box .pack-body {
        padding: 1rem;
        flex-direction: column;
    }
    .section.pack-contents .pack-features .pack-box .pack-body .title-container .title {
        font-size: 1.75rem;
    }
}
.section.pack-contents .pack-features .pack-box .pack-body .title-container {
    display: flex;
    flex-direction: column;
    margin-right: 2rem;
    flex-grow: 1;
}
.section.pack-contents .pack-features .pack-box .pack-body .title-container .title {
    padding: 0;
    margin: 0;
}
.section.pack-contents .pack-features .pack-box .pack-body .title-container .title.sub {
    margin-bottom: 8px;
    font-size: 18px;
}
.section.pack-contents .pack-features .pack-box .pack-body .subtitle {
    margin: 0;
    padding: 0;
}
.section.pack-contents .pack-features .pack-box .pack-body .replaces-row {
    display: flex;
    flex-direction: column;
}
.section.pack-contents .pack-features .pack-box .pack-body .replaces-row .skin-name {
    margin-bottom: 4px;
    width: 100%;
}
.section.pack-contents .pack-features .pack-box .pack-body .replaces-row .skin-name:last-of-type {
    margin-bottom: 0;
}
.section.pack-contents .pack-features .pack-box .pack-body .replaces {
    display: flex;
    flex-direction: column;
}
.section.pack-contents .pack-features .pack-box .pack-body .replaces .replaces-text {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 18px;
}
.section.pack-contents .pack-features .pack-box .pack-body .skin-name {
    align-self: flex-start;
    background-color: #5d7239;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 12px 0 0;
    transition: all 0.2s ease;
    height: 48px;
}
@media screen and (max-width: 849px) {
    .section.pack-contents .pack-features .pack-box .pack-body .skin-name {
        justify-content: flex-start;
    }
}
.section.pack-contents .pack-features .pack-box .pack-body .skin-name:hover {
    background-color: #4f6131;
}
.section.pack-contents .pack-features .pack-box .pack-body .skin-name .skin-icon {
    background-color: rgba(0, 0, 0, 0.2);
    max-height: 48px;
    margin-right: 12px;
    padding: 4px;
}
.section.pack-contents .pack-features .pack-box .pack-body .skin-name .title {
    color: #8ec62f;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    padding-top: 1px;
}
.section.pack-contents .pack-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}
@media screen and (max-width: 849px) {
    .section.pack-contents .pack-columns {
        display: flex;
        flex-direction: column;
    }
}
.section.pack-contents .pack-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
@media screen and (max-width: 849px) {
    .section.pack-contents .pack-container {
        display: flex;
        flex-direction: column;
    }
}
.section.pack-contents .pack-container .pack-item:hover .pack-image img {
    transform: scale(105%);
}
.section.pack-contents .pack-container .pack-item .pack-image img {
    width: 100%;
    transition: all 0.2s ease;
}
.section.pack-contents .pack-container .pack-item .pack-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section {
    position: relative;
}
.section .background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.3;
}
.section .background-image.blur-mask {
    mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, transparent 100%);
}
.section .background-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section .dark-bar-pattern {
    background-color: #1f1f1f;
    height: 53px;
    mask-image: url("../../assets/img/bar-dark.svg");
    mask-repeat: repeat-x;
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
}
.section .dark-bar-pattern.bottom {
    bottom: -20px;
    top: auto;
}
.section .dark-bar-pattern.flip {
    transform: rotate(180deg);
}
.section.is-small {
    padding: 3rem 0;
}
@media screen and (max-width: 849px) {
    .section.is-small {
        padding: 2rem 2rem;
    }
}
.section.is-medium {
    padding: 2rem 0;
}
@media screen and (max-width: 849px) {
    .section.is-medium {
        padding: 3rem 2rem;
    }
}
.section.is-large {
    padding: 8rem 0;
}
@media screen and (max-width: 849px) {
    .section.is-large {
        padding: 5rem 2rem;
    }
}
.section.bg-light,
.section.bg-light .dark-bar-pattern {
    background-color: #1f1f1f;
}
.section.bg-medium,
.section.bg-medium .dark-bar-pattern {
    background-color: #1b1b1b;
}
.section.bg-default,
.section.bg-default .dark-bar-pattern {
    background-color: #141312;
}
.section.bg-dark,
.section.bg-dark .dark-bar-pattern {
    background-color: #0c0b0b;
}
.section.large {
    padding: 5rem 0;
}
.section .section-header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 5rem;
}
@media screen and (max-width: 849px) {
    .section .section-header-container {
        margin-bottom: 2rem;
        text-align: center;
    }
}
.section .section-header-container.has-underline {
    position: relative;
}
.section .section-header-container.has-underline .subtitle:after {
    display: none;
}
.section .section-header-container.has-underline:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: -16px;
    left: 30%;
    right: 30%;
    height: 2px;
}
.section .section-header-container .title {
    font-size: 3.5rem;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 849px) {
    .section .section-header-container .title {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 0.5rem;
    }
}
.section .section-header-container .subtitle {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
}
@media screen and (max-width: 849px) {
    .section .section-header-container .subtitle {
        font-size: 1rem;
    }
}
.section .section-header-container .subtitle:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: -16px;
    left: 20%;
    right: 20%;
    height: 2px;
}
.section.companion {
    display: flex;
    flex-direction: row;
    padding-top: 5rem;
}
.section.companion .companion-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
@media screen and (max-width: 849px) {
    .section.companion .companion-container {
        flex-direction: column-reverse;
    }
}
.section.companion .companion-container .text-container {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 849px) {
    .section.companion .companion-container .text-container {
        padding: 2rem;
        margin-bottom: 2rem;
    }
}
.section.companion .companion-container .text-container h1 {
    font-size: 8rem;
    line-height: 4rem;
    word-spacing: 100vw;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #e4dad1;
}
@media screen and (max-width: 849px) {
    .section.companion .companion-container .text-container h1 {
        font-size: 4rem;
        line-height: 2rem;
    }
}
.section.companion .companion-container .text-container h1 span {
    font-size: 4rem;
    color: #bab1a8;
    font-weight: 300;
}
@media screen and (max-width: 849px) {
    .section.companion .companion-container .text-container h1 span {
        font-size: 2rem;
    }
}
.section.companion .companion-container .text-container p {
    line-height: 1.75rem;
}
.section.companion .companion-container .text-container .button {
    align-self: flex-start;
}
.section.companion .companion-container .companion-image {
    width: 100%;
    min-width: 50%;
}
@media screen and (max-width: 849px) {
    .section.companion .companion-container .companion-image {
        margin-bottom: 2rem;
    }
}
.section.companion-video {
    padding: 5rem 0;
}
.section.ifttt {
    text-align: center;
}
.section.ifttt .ifttt-logo {
    max-height: 64px;
}
.section.ifttt .ifttt-examples {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin: 5rem 0;
}
@media screen and (max-width: 849px) {
    .section.ifttt .ifttt-examples {
        flex-direction: column;
    }
}
.section.ifttt .ifttt-examples .ifttt-example {
    background-color: #1b1b1b;
    padding: 2rem;
    flex: 1;
    position: relative;
}
.section.ifttt .ifttt-examples .ifttt-example .example-title {
    background-color: #1b1b1b;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    transform: translateY(-50%);
}
.section.ifttt .ifttt-examples .ifttt-example .step {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}
.section.ifttt .ifttt-examples .ifttt-example .step:last-of-type {
    border-top: 2px solid rgba(186, 177, 168, 0.2);
    margin-bottom: 0;
    padding-top: 1rem;
}
.section.ifttt .ifttt-examples .ifttt-example .step .step-icon {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 64px;
    height: 64px;
    margin-right: 1.5rem;
}
.section.ifttt .ifttt-examples .ifttt-example .step .step-icon img {
    max-width: 64px;
    max-height: 64px;
}
.section.ifttt .ifttt-examples .ifttt-example .step .step-body {
    min-height: 64px;
    display: flex;
    align-items: center;
}
.section.ifttt .ifttt-examples .ifttt-example .step .step-body strong {
    background-color: #141312;
    color: #e4dad1;
    margin-right: 0.5rem;
    padding: 0.5rem;
}
.section.ifttt .ifttt-examples .ifttt-example:first-of-type {
    margin-right: 16px;
}
.section.ifttt .ifttt-examples .ifttt-example:last-of-type {
    margin-left: 16px;
}
@media screen and (max-width: 849px) {
    .section.ifttt .ifttt-examples .ifttt-example:first-of-type {
        margin: 0 0 2rem 0;
    }
    .section.ifttt .ifttt-examples .ifttt-example:last-of-type {
        margin: 0;
    }
}
.section.companion-info .companion-info-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem;
}
@media screen and (max-width: 849px) {
    .section.companion-info .companion-info-container {
        display: flex;
        flex-direction: column;
    }
}
.section.companion-info .companion-info-container .companion-info-box {
    width: 100%;
}
.section.companion-info .companion-info-container .companion-info-box:nth-of-type(even) {
    margin-top: 20vh;
}
@media screen and (max-width: 849px) {
    .section.companion-info .companion-info-container .companion-info-box {
        margin-bottom: 1rem;
    }
    .section.companion-info .companion-info-container .companion-info-box:nth-of-type(even) {
        margin: 0;
    }
}
.section.companion-info .companion-info-container .companion-info-box .companion-info-image {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 1rem;
}
.section.companion-info .companion-info-container .companion-info-box .companion-info-image img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 849px) {
    .section.companion-info .companion-info-container .companion-info-box .companion-info-image img {
        min-height: auto;
    }
}
.section.companion-info .companion-info-container .companion-info-box .companion-info-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
}
.section.companion-info .companion-info-container .companion-info-box .companion-info-title .icon-container {
    border-radius: 50%;
    border: 2px solid rgba(228, 218, 209, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-right: 1rem;
}
.section.companion-info .companion-info-container .companion-info-box .companion-info-title .icon-container .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.section.companion-info .companion-info-container .companion-info-box .companion-info-title h1 {
    font-size: 3rem;
    color: #cd412b;
    margin: 0;
    padding: 0;
}
.section.companion-info .companion-info-container .companion-info-box p {
    line-height: 1.5rem;
    padding: 0;
    margin: 0;
}
.companion-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.companion-buttons a {
    margin: 0 1rem;
    transform: translateY(0);
    transition: all 0.15s ease;
}
.companion-buttons a:hover {
    transform: translateY(-5px);
}
.companion-buttons a img {
    max-height: 80px;
}
@media screen and (max-width: 849px) {
    .companion-buttons {
        flex-direction: column;
    }
    .companion-buttons a {
        margin: 1rem 0;
    }
}
.section.featured-blog {
    padding: 10rem 0;
}
@media screen and (max-width: 849px) {
    .section.featured-blog {
        padding: 4rem 0;
    }
}
.section.featured-blog .section-header {
    background-color: #cd412b;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    bottom: -20px;
    left: 20px;
    padding: 0.5rem 1rem;
    position: relative;
    z-index: 2;
}
.section.featured-blog .section-header i {
    color: #e4dad1;
    font-size: 1.25rem;
    margin-right: 0.5rem;
}
.section.featured-blog .section-header h1 {
    font-size: 1.25rem;
    color: #e4dad1;
    padding: 0;
    margin: 0;
}
.featured-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.featured-blog:hover .featured-blog-body {
    background-color: #242424;
}
.featured-blog .featured-blog-image {
    margin: 0;
    padding: 0;
    transition: all 0.25s ease;
    position: relative;
}
.featured-blog .featured-blog-image:hover {
    transform: scale(102%);
}
.featured-blog .featured-blog-image:hover .video-button {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
}
.featured-blog .featured-blog-image img {
    max-width: 100%;
}
.featured-blog .featured-blog-image .video-button {
    background-color: #cd412b;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    color: #e4dad1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    transition: all 0.25s ease;
    transform-origin: center center;
    text-decoration: none;
}
.featured-blog .featured-blog-image .video-button:hover {
    background-color: #b83a27;
}
.featured-blog .featured-blog-image .video-button i {
    font-size: 2rem;
}
.featured-blog .featured-blog-body {
    align-items: center;
    background-color: #1f1f1f;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    max-width: 80%;
    display: flex;
    justify-content: center;
    margin-top: -80px;
    padding: 4rem;
    width: 100%;
    position: relative;
    transition: all 0.25s ease;
    text-align: center;
    z-index: 2;
}
@media screen and (max-width: 849px) {
    .featured-blog .featured-blog-body {
        max-width: 90%;
        padding: 2rem;
        margin-top: -14px;
    }
}
.featured-blog .featured-blog-body a {
    text-decoration: none;
}
.featured-blog .featured-blog-body h1 {
    font-size: 4rem;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 849px) {
    .featured-blog .featured-blog-body h1 {
        font-size: 2rem;
    }
}
.featured-blog .featured-blog-body p {
    margin-bottom: 2rem;
    line-height: 1.75rem;
    padding: 0 5rem;
}
@media screen and (max-width: 849px) {
    .featured-blog .featured-blog-body p {
        padding: 0;
    }
}
.image-section {
    background-color: #1b1b1b;
    padding: calc(5rem + 40px) 0 5rem 0;
    position: relative;
    opacity: 0.5;
}
.image-section .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 849px) {
    .image-section .image {
        background-attachment: unset;
    }
}
.image-section.large {
    min-height: 80vh;
}
.image-section.medium {
    min-height: 50vh;
}
.image-section.small {
    min-height: 30vh;
}
.section.quote {
    position: relative;
    text-align: center;
    z-index: 2;
}
.section.quote .container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.quote .quote-text {
    max-width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media screen and (max-width: 849px) {
    .section.quote .quote-text {
        max-width: 100%;
    }
}
.section.quote h1 {
    padding: 0;
    margin: 0 0 3rem 0;
    display: inline-block;
    flex-grow: 0;
    font-size: 3rem;
    line-height: 2.75rem;
    position: relative;
}
.section.quote h1:after {
    content: "";
    background: linear-gradient(to right, rgba(205, 65, 43, 0), #cd412b, rgba(205, 65, 43, 0));
    position: absolute;
    bottom: -28px;
    left: 20%;
    right: 20%;
    height: 2px;
}
.section.quote .company {
    color: #e4dad1;
    font-family: "Bebas Neue", sans-serif;
    display: block;
    font-size: 1.5rem;
    transition: all 0.15s ease;
}
.section.quote .company:hover {
    color: #cd412b;
}
.editmode-only {
    visibility: hidden;
    text-shadow: none;
    opacity: 0;
    transition: all 0.1s ease-out;
    transform: scale(0.6);
    max-height: 0;
    overflow: hidden;
}
.editmode-editing .editmode-only {
    visibility: visible;
    transition: all 0.1s ease-in;
    opacity: 1;
    transform: scale(1);
    max-height: 1000px;
}
.editmode-box,
.editmode-controls {
    padding: 1rem;
    background-color: #000;
    border-radius: 5px;
}
.editmode-box input,
.editmode-box select,
.editmode-box textarea,
.editmode-box option,
.editmode-controls input,
.editmode-controls select,
.editmode-controls textarea,
.editmode-controls option {
    background-color: #0d1206;
    color: #8bc34a;
}
.editmode-box .field label,
.editmode-controls .field label {
    color: #fff;
}
.editmode-box .field label small,
.editmode-controls .field label small {
    color: #8bc34a;
}
.editmode-footer {
    background-color: #000;
    margin-top: 5rem;
}
.editmode-footer .editmode-box {
    margin: 0;
    padding: 0.5rem;
}
.editmode-footer .editmode-controls {
    padding: 1rem;
}
.editmode-box {
    margin: 1rem auto;
}
.editmode:hover .editmode-toolbar > div:nth-child(3) {
    opacity: 1;
}
.editmode.editmode-editing .editmode-toolbar {
    text-shadow: none;
    top: 4px;
    background-color: #000;
    visibility: visible;
    padding: 5px;
    margin-bottom: 4rem;
    height: 36px;
    max-height: 36px;
}
.editmode.editmode-editing .editmode-toolbar > div:nth-child(1),
.editmode.editmode-editing .editmode-toolbar > div:nth-child(2) {
    pointer-events: all;
    opacity: 1;
}
.editmode.editmode-editing .editmode-toolbar > div:nth-child(3) {
    pointer-events: none;
    opacity: 0;
}
.editmode .editmode-toolbar {
    width: 100%;
    min-height: 0;
    display: flex;
    position: sticky;
    transition: all 0.1s ease-out;
    border: 0 solid rgba(255, 255, 255, 0);
    border-radius: 5px;
    box-sizing: border-box;
    z-index: 1000;
    height: 0;
    max-height: 0;
    overflow: visible;
}
.editmode .editmode-toolbar > div {
    display: flex;
}
.editmode .editmode-toolbar > div:nth-child(1) {
    flex-basis: 1;
    flex-grow: 1;
}
.editmode .editmode-toolbar > div:nth-child(3) {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0.3s ease-out;
    opacity: 0;
}
.editmode .editmode-toolbar > div:nth-child(1),
.editmode .editmode-toolbar > div:nth-child(2) {
    opacity: 0;
    transition: opacity 0.1s ease-out;
    pointer-events: none;
}
.editmode .editmode-toolbar > div .button {
    user-select: none;
    outline: 0;
    display: flex;
    opacity: 1;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: 0;
    margin: 0 1px;
    width: 24px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}
.editmode .editmode-toolbar > div .button i {
    font-size: 18px;
}
.editmode .editmode-toolbar > div .button:disabled {
    opacity: 0.3;
    cursor: default;
}
.editmode-floater {
    position: absolute;
    width: 300px;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    background-color: #8bc34a;
    padding: 8px 8px;
    transform: scalex(0) scaley(0);
    transform-origin: left top;
    transition: transform 0.1s ease-out;
    visibility: hidden;
    z-index: 900;
    box-shadow: 0 0 32px black;
}
.editmode-floater > div.header {
    display: flex;
    margin: -8px;
    margin-bottom: 0;
}
.editmode-floater > div.header > .grow {
    flex-grow: 1;
}
.editmode-floater > div.header button {
    border: 0;
    background-color: transparent;
    color: #fff;
    padding: 0;
    margin: 4px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    cursor: pointer;
}
.editmode-floater > div.header button:hover {
    background-color: #fff;
    color: #8bc34a;
}
.editmode-floater:after {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #8bc34a;
    border-left: 0;
    margin-top: -6px;
    margin-left: -6px;
}
.editmode-floater.open {
    transform: scaley(1);
    visibility: visible;
    z-index: 1000;
}
.editmode-floater > div {
    padding: 2px 0;
}
.editmode-floater > div div.label,
.editmode-floater > div label {
    color: #54752d;
    font-size: 11px;
    font-weight: bolder;
    text-transform: uppercase;
}
.editmode-floater > div div.label {
    margin-bottom: 1px;
    padding: 2px 0;
}
.editmode-floater > div input,
.editmode-floater > div textarea,
.editmode-floater > div select {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    background-color: #71a436;
    font-size: 12px;
    border-radius: 1px;
    color: #fff;
    padding: 4px 8px;
}
.editmode-floater > div input:focus,
.editmode-floater > div textarea:focus,
.editmode-floater > div select:focus {
    background-color: #577d2a;
    outline: 0;
    border: 0;
}
.editmode-floater > div label {
    user-select: none;
    display: flex;
    margin: 4px 0;
    color: #fff;
}
.editmode-floater > div label input {
    width: auto;
    margin-right: 8px;
}
.editmode-floater > div textarea {
    min-height: 300px;
    white-space: pre;
}
.edit-block[data-image-style="slim"] {
    width: 100%;
    height: 200px;
    margin: 8px 0 !important;
}
.edit-block[data-image-style="slim"] img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    margin: 0 !important;
}
.edit-block[data-image-style="fullwidth"] {
    width: 100%;
    margin: 8px 0 !important;
}
.edit-block[data-image-style="fullwidth"] img {
    margin: 0 !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.edit-block[data-image-style="floatl"] {
    float: left;
    margin-right: 16px !important;
    margin-bottom: 8px !important;
}
.edit-block[data-image-style="floatl"] img {
    margin: 0 !important;
    max-width: 300px !important;
}
.edit-block[data-image-style="floatr"] {
    float: right;
    margin-left: 16px !important;
    margin-bottom: 8px !important;
}
.edit-block[data-image-style="floatr"] img {
    margin: 0 !important;
    max-width: 300px !important;
}
div[data-edit-block] {
    cursor: pointer;
}
div[data-edit-block]::before {
    content: attr(blocktype);
    position: absolute;
    right: 100%;
    top: 0;
    color: #8bc34a;
    padding: 8px 16px;
    margin-right: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    height: 100%;
    border-right: 4px solid #8bc34a;
    box-sizing: border-box;
    user-select: none;
    pointer-events: none;
    visibility: hidden;
}
div[data-edit-block]:hover::before,
div[data-edit-block].selected::before {
    color: #fff;
    border-color: #fff;
    visibility: visible;
}
div[blocktype="code"] {
    white-space: pre;
}
.editmode-controls {
    display: none;
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
    padding: 0.5rem;
}
.editmode-controls .left {
    flex-grow: 1;
    justify-content: flex-start;
}
.editmode-controls .right {
    flex-grow: 1;
    justify-content: flex-end;
}
.editmode-controls .left,
.editmode-controls .right {
    display: flex;
}
.editmode-controls .left .field,
.editmode-controls .right .field {
    margin: 0 4px;
}
.editmode-controls button {
    font-size: 11px;
    padding: 4px 8px;
    border: 0;
    border-radius: 2px;
    background-color: #8bc34a;
    color: #fff;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.editmode-controls button i {
    font-size: 13px;
    margin-right: 5px;
}
.editmode-controls button:hover {
    background-color: #71a436;
}
.editmode-editing .editmode-controls {
    display: flex;
    flex-direction: row;
}
.editmode {
    position: relative;
    will-change: transform;
}
.editmode.editmode-editing {
    outline: 4px dashed rgba(139, 195, 74, 0.5);
    z-index: 100;
}
.editmode.editmode-editing [contenteditable="true"] {
    border-top: 10px solid rgba(255, 255, 255, 0.2);
    border-bottom: 10px solid rgba(255, 255, 255, 0.2);
}
.editmode.editmode-editing [contenteditable="true"] *:hover {
    outline: 1px dashed rgba(139, 195, 74, 0.3);
}
.editmode.editmode-editing [contenteditable="true"]:hover {
    outline: 1px dashed rgba(139, 195, 74, 0.3);
}
.editmode.editmode-editing [contenteditable="true"]:focus {
    outline: 1px dotted rgba(139, 195, 74, 0.8);
}
.editmode.editmode-editing .edit-block {
    position: relative;
    cursor: pointer;
}
.editmode.editmode-editing .edit-block::before {
    content: attr(blocktype);
    position: absolute;
    right: 100%;
    bottom: 100%;
    padding: 3px 4px;
    margin-right: -18px;
    margin-bottom: -4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    box-sizing: border-box;
    user-select: none;
    pointer-events: none;
    background-color: #8bc34a;
    color: #fff;
}
.editmode.editmode-editing .edit-block:hover::before,
.editmode.editmode-editing .edit-block.selected::before {
    color: #fff;
}
.editmode.editmode-editing .edit-block > * {
    user-select: none;
    pointer-events: none;
}
div.field {
    width: 100%;
    text-align: left;
}
div.field label {
    max-width: 100%;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
}
div.field label small {
    font-size: 11px;
    font-weight: normal;
    opacity: 0.7;
    text-transform: lowercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
}
div.field div.control {
    margin-bottom: 4px;
}
div.field div.control input,
div.field div.control select,
div.field div.control textarea {
    width: 100%;
    border: 0;
    padding: 4px 3px;
    box-sizing: border-box;
}
div.field div.control input,
div.field div.control select {
    height: 24px;
}
div.field.checkbox {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
div.field.checkbox div.control {
    flex-grow: 0;
    flex-shrink: 1;
}
div.field.checkbox div.control input {
    width: 13px;
    height: 13px;
}
div.field.checkbox label {
    flex-grow: 1;
    user-select: none;
    cursor: pointer;
}
div.field.horizontal {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
div.field.horizontal label {
    flex-basis: 100px;
    display: flex;
    justify-content: flex-end;
    padding: 0 8px;
}
div.field.horizontal .control {
    flex-grow: 1;
}
.likes {
    display: flex;
    height: 24px;
    max-height: 24px;
}
.likes.loading {
    opacity: 0.4;
    user-select: none;
    pointer-events: none;
}
.likes .message {
    padding: 0.3rem 0.4rem;
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}
.likes .like-button {
    padding: 0.1rem 0.4rem;
    margin-right: 0.5rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.4);
    user-select: none;
    border-radius: 2px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
}
.likes .like-button.no-likes {
    opacity: 0.3;
}
.likes .like-button.current {
    pointer-events: none;
    color: #fff;
    opacity: 1;
}
.likes .like-button.current i {
    color: #fff;
}
.likes .like-button i {
    margin-top: 0.2rem;
    margin-right: 0.5rem;
    color: rgba(255, 255, 255, 0.8);
}
.likes .like-button:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
}
.likes.justvoted .like-button.current {
    animation: justvoted 0.2s linear forwards 1;
}
@keyframes justvoted {
    0% {
        filter: brightness(100%);
        transform: scale(1);
        text-shadow: 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
    }
    10% {
        filter: brightness(300%);
        transform: scale(2);
        text-shadow: 0 0 100px white, 0 0 50px white, 0 0 20px white;
    }
    100% {
        filter: brightness(100%);
        transform: scale(1);
        text-shadow: 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
    }
}
.lightbox-thumbnail {
    cursor: pointer;
}
.lightbox-thumbnail:hover {
    outline: dashed 2px rgba(255, 255, 255, 0.3);
    outline-offset: 0;
    animation: lightbox-hover 0.6s ease infinite forwards;
    z-index: 1000;
}
@media screen and (max-width: 849px) {
    .lightbox-thumbnail:hover,
    .lightbox-thumbnail:active {
        outline: 0;
        animation: none;
    }
}
@keyframes lightbox-hover {
    0% {
        outline-offset: 0;
        outline: solid 5px rgba(255, 255, 255, 0.5);
    }
    80% {
        outline-offset: 10px;
        outline: solid 0 rgba(255, 255, 255, 0.1);
    }
}
#lightbox {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    backdrop-filter: blur(10px) grayscale(90%);
    transition: all 0.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
#lightbox.hidden {
    transition: all 0.1s ease-out;
    pointer-events: none;
    user-select: none;
    backdrop-filter: blur(0) grayscale(0%);
    opacity: 0;
}
#lightbox img {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    opacity: 1;
    transform: scale(1);
    position: relative;
    user-select: none;
    max-width: none;
    max-height: none;
}
#lightbox img.hidden {
    transition: all 0s linear;
    opacity: 0;
    transform: scale(0.8);
    display: none;
}
@media screen and (max-width: 849px) {
    #lightbox img {
        max-width: 100%;
    }
}
@keyframes lightbox-hover {
    0% {
        outline-offset: 0;
        outline: solid 2px rgba(205, 65, 43, 0.5);
    }
    80% {
        outline-offset: 4px;
        outline: solid 8px rgba(205, 65, 43, 0);
    }
}
.lightbox-thumbnail {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0);
}
.lightbox-thumbnail:hover {
    background-color: #cd412b;
    outline: solid 2px rgba(205, 65, 43, 0);
    animation: lightbox-hover 1s ease infinite forwards;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}
html {
    background-color: #151413;
    color: #bab1a8;
    font-family: "Open Sans", sans-serif;
}
html,
body {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body {
    font-size: 16px;
    margin: 0;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 500;
    color: #e4dad1;
}
p {
    font-family: "Open Sans", sans-serif;
}
a {
    text-decoration: none;
    color: #fff;
}
.icon i,
a i {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    font-feature-settings: "liga";
}
.container {
    max-width: 1100px;
    width: 100%;
}
.background-media {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 110%;
    height: 110%;
    object-fit: cover;
    object-position: center;
    z-index: -10;
    opacity: 0.2;
    filter: blur(10px);
}
@media screen and (max-width: 849px) {
    .background-media {
        display: none;
    }
}
.stat {
    margin: 0 2rem;
}
.stat .title {
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 3px;
    color: #fff;
}
.stat .stat {
    font-size: 5rem;
    color: #fff;
}
.stat .unit {
    text-transform: uppercase;
    font-size: 2rem;
    text-align: center;
}
.legal {
    white-space: pre-wrap;
    font-size: 13px;
    color: #fff;
    max-width: 90%;
    margin: 0 auto;
}
span.tag {
    display: inline-block;
    background-color: #fff;
    color: #fff;
    padding: 2px 4px;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 3px;
    border-radius: 4px;
}
.likes .like-button.current {
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.subtitle {
    font-family: "Open Sans", sans-serif;
}
.editmode .editmode-toolbar > div .button {
    width: 28px;
    height: 28px;
    background-color: #cd412b;
}
.editmode .editmode-toolbar > div .button:hover {
    background-color: #b83a27;
}