.ContentBody {
    color: var(--font-color)
}

.ContentBody--xlarge {
    margin-top: 80px
}

@media (max-width:480px) {
    .ContentBody--xlarge {
        margin-top: 40px
    }
}

.ContentBody--large,
.ContentBody--medium {
    margin-top: 160px
}

@media (max-width:1024px) {
    .ContentBody--large,
    .ContentBody--medium {
        margin-top: 64px
    }
}

@media (max-width:480px) {
    .ContentBody--large,
    .ContentBody--medium {
        margin-top: 40px
    }
}

.ContentBody--image {
    margin-top: auto
}

@media (max-width:1024px) {
    .ContentBody--image {
        margin-top: 64px
    }
}

@media (max-width:480px) {
    .ContentBody--image {
        margin-top: 40px
    }
    .ContentBody__text--2 {
        margin-top: 20px
    }
}

.ContentBody__button {
    margin-top: 24px
}

.ContentBody__button--btn {
    --background-color: var(--font-color)
}

.SplitWord {
    display: flex;
    justify-content: center
}

.SplitWord__abbr,
.SplitWord__rest {
    display: inline-block
}

.SplitWord__rest {
    overflow: hidden;
    position: relative;
    transition: width .45s cubic-bezier(.65, 0, .35, 1);
    width: 0
}

.SplitWord__rest__text {
    margin-right: .3rem;
    position: absolute
}

.Label {
    align-items: center;
    background-color: var(--label-color);
    border-radius: 32px;
    cursor: default;
    display: flex;
    height: 64px;
    justify-content: center;
    min-width: 64px;
    padding: 2px 8px 0;
    position: relative;
    transition: padding .45s linear
}

.Label:hover .Label__word {
    opacity: .8
}

.Label--open {
    padding: 0 16px
}

.Label--open .SplitWord__rest {
    width: var(--width)
}

.Label--open .Label__word {
    padding-right: .3rem
}

.Label--open .Label__word:last-child {
    padding-right: 0
}

.Label__word {
    color: var(--label-font);
    padding-right: .1rem;
    transition: all .25s ease
}

.Label__word:last-child {
    padding-right: 0
}

.Labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.Labels__label {
    margin: 4px
}

.Labels__label:first-child {
    margin-left: 0
}

.Labels__label:nth-child(4n+1) {
    --label-color: var(--yellow)
}

.Labels__label:nth-child(4n+2) {
    --label-color: var(--blue)
}

.Labels__label:nth-child(4n+3) {
    --label-color: var(--green)
}

.Labels__label:nth-child(4n) {
    --label-color: var(--ultra-dark)
}

:root {
    --z-under: 0;
    --z-default: 1;
    --z-above: 2;
    --z-header: 20;
    --z-overlay: 20;
    --z-loader: 100;
    --red: #ff2803;
    --yellow: #f9b71b;
    --blue: #1795f0;
    --green: #30e462;
    --ultra-dark: #000;
    --dark: #150c0f;
    --medium-dark: #201317;
    --sand: #f4f5ef;
    --white: #fff;
    --large: 1440px;
    --desktop: 1280px;
    --tablet-h: 1024px;
    --tablet: 979px;
    --tablet-w: 768px;
    --mobile-w: 640px;
    --mobile: 480px
}

.Content {
    background-color: var(--background-color);
    display: flex;
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 24px;
    position: relative
}

.Content--white {
    --font-color: var(--dark);
    --background-color: var(--white)
}

.Content--dark {
    --font-color: var(--white);
    --background-color: var(--dark)
}

.Content--xLarge .ContentHeader__title {
    margin-bottom: 80px
}

.Content--image {
    overflow: visible
}

.Content--image:after {
    background-color: var(--background-color);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100vw;
    z-index: -1
}

@media (max-width:1024px) {
    .Content--image {
        flex-flow: column
    }
}

.Content--image .wrapper {
    display: flex;
    flex: .65;
    flex-flow: column;
    margin: 0;
    max-width: none;
    padding: 0 24px 0 0
}

@media (max-width:1024px) {
    .Content--image .wrapper {
        flex: 1;
        padding-right: 0
    }
}

.Content__image {
    border-radius: 16px;
    overflow: hidden
}

.Content__image--desktop {
    display: flex;
    flex: .35
}

@media (max-width:1024px) {
    .Content__image--desktop {
        display: none
    }
}

.Content__image--mobile {
    aspect-ratio: 1;
    display: none;
    margin-top: 40px
}

@media (max-width:1024px) {
    .Content__image--mobile {
        display: flex
    }
}

.Content__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}