/* Для Яндекс.Браузера */
@keyframes progress-bar-animation {
    0% {
        background: yellow;
    }
    100% {
        background: black;
    }
}

/* Применяем стили к полосе прогресса */
::-webkit-progress-bar {
    animation: progress-bar-animation 1s linear;
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/1a02458.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/f086a65.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/7df0568.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/4724902.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/6c4be5f.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/1a02458.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/f086a65.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/7df0568.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/4724902.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/6c4be5f.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/1a02458.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/f086a65.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/7df0568.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/4724902.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/6c4be5f.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/639b3c9.woff2.html) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/f41a9bc.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/05f0125.woff2.html) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/9f73369.woff2.html) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/b66f2d1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/639b3c9.woff2.html) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/f41a9bc.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/05f0125.woff2.html) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/9f73369.woff2.html) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/b66f2d1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/639b3c9.woff2.html) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/f41a9bc.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/05f0125.woff2.html) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/9f73369.woff2.html) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/b66f2d1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/639b3c9.woff2.html) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/f41a9bc.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/05f0125.woff2.html) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/9f73369.woff2.html) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/b66f2d1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/639b3c9.woff2.html) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/f41a9bc.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/05f0125.woff2.html) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/9f73369.woff2.html) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/b66f2d1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/639b3c9.woff2.html) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/f41a9bc.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/05f0125.woff2.html) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/9f73369.woff2.html) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/b66f2d1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

*,
:after,
:before {
    box-sizing: border-box
}

ol[class],
ul[class] {
    padding: 0;
    list-style: none
}

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

img {
    max-width: 100%;
    display: block
}

button,
input,
select,
textarea {
    font: inherit
}

svg {
    width: 1.5rem
}

a {
    text-decoration: none;
    color: inherit
}

button {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer
}

.tooltipster-sidetip.tooltipster-noir-customized .tooltipster-box {
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-noir-customized .tooltipster-content {
    color: #fff;
    background: #000;
    padding: 5px 10px 4px;
    font-size: 13px;
    border-width: 5px 5px 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

@media(prefers-reduced-motion:reduce) {
    * {
        -webkit-animation-duration: .01ms !important;
        animation-duration: .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.post-page-container {
    padding-top: 28.125rem
}

.post-page-container .play-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    position: absolute;
    top: 17.1875rem;
    left: calc(50% - 2rem);
    background-color: rgba(30,29,29,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s
}

.post-page-container .play-icon svg {
    width: .8125rem;
    height: 1.125rem;
    margin-left: .3125rem
}

.post-page-container .play-icon:hover {
    background-color: rgba(30,29,29,.6);
    transform: scale(1.05)
}

@media(max-width: 36rem) {
    .post-page-container .play-icon {
        top:125px
    }
}

@media(min-width: 1920px) {
    .post-page-container {
        padding-top:34.375rem
    }
}

@media(max-width: 64rem) {
    .post-page-container {
        padding-top:240px
    }
}

.post-page-container__logos {
    display: grid;
    grid-template-columns: 6.5rem .5rem 8.3125rem 1fr;
    align-items: center;
    margin-top: 4.5rem
}

.post-page-container__logos .radmir-logo {
    width: 6.5rem;
    height: 1.5rem
}

.post-page-container__logos .times-icon {
    margin-left: .5rem;
    width: .625rem;
    height: .625rem
}

.post-page-container__logos .hassle-logo {
    margin-left: .625rem;
    width: 8.375rem;
    height: 2.0625rem
}

.post-page-container__logos-subtitle {
    justify-self: end
}

@media(max-width: 1024px) {
    .post-page-container__logos-subtitle {
        display:none
    }
}

.post-page-container__content .head-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.post-page-container__content img {
    margin-left:auto;
    margin-right:auto;
}


.donate-payment-block-description {
    width: 209px;
}

@media (min-width: 650px) and (max-width: 720px) {
    .donate-payment-block-description {
        width:unset;
    }
} 

.donate-payment-block .donate-payment-block-section .donate-payment-block-button {
    width: 48px;
    height: 48px;
    border-radius: 120px;
    color: #fff;
    background: linear-gradient(127.69deg,#FF3E14 6.56%,#FD852E 84.95%);
    box-shadow: 0 10px 15px #fd852e59;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: box-shadow .2s linear;
    box-sizing: border-box;
    cursor: pointer;
}

.donate-payment-block .donate-payment-block-section .donate-payment-block-button:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    -webkit-filter: invert(1);
    filter: invert(1);
    background-image: url(/assets/img/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.black {
    color: white;
}

@media(max-width: 80rem) {
    .post-page-container__content .head-title {
        flex-direction:column;
        justify-content: unset;
        align-items: unset
    }
}

.post-page-container__content .divider {
    width: 100%;
    height: .0625rem;
    background-color: rgba(30,29,29,.1);
    margin: 2rem 0
}

.post-page-container__content h2 {
    font-size: 2.625rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 6.125rem
}

.post-page-container__content h2 span {
    font-weight: 900
}

.post-page-container__content h2:first-child {
    margin-top: 3rem
}

.post-page-container__content p {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-weight: 500;
    font-size: 1.25rem;
    color: rgba(30,29,29,.6)
}

.post-page-container__content p.m0 {
    margin: 0
}

.post-page-container__content .fst-italic {
    font-style: italic
}

.post-page-container__content .fs-default {
    font-size: 1rem
}

.post-page-container__content .c-red {
    color: #ea4f3d
}

.post-page-container__content img.w100 {
    width: 100%
}

.post-page-container__content img.inline {
    display: inline;
    vertical-align: middle
}

.post-page-container__content img.rounded {
    border-radius: .5rem
}

.post-page-container__content .shady-dealings {
    width: 43.3125rem;
    height: 4.4375rem
}

@media(max-width: 768px) {
    .post-page-container__content .shady-dealings {
        height:auto
    }
}

.post-page-container__content .money-to-case {
    width: 83rem;
    height: 11.6875rem
}

@media(max-width: 768px) {
    .post-page-container__content .money-to-case {
        height:auto
    }
}

.app {
    display: grid;
    grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
    grid-template-rows: max-content 1fr max-content;
    min-height: 100vh
}

.container {
    width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .9375rem
}

@media(max-width:90rem) {
    .container {
        width: 80rem
    }
}

@media(max-width:80rem) {
    .container {
        width: 64rem
    }
}

@media(max-width:64rem) {
    .container {
        width: 48rem
    }
}

@media(max-width:48rem) {
    .container {
        width: 36rem
    }
}

@media(max-width:36rem) {
    .container {
        width: 100%
    }
}



.fixed-size {
    width: 100%;
    padding: 0 20px;
    max-width: 1170px;
    box-sizing: border-box;
    margin: 0 auto;
}

.system-requirements-content-notifier {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffe49e26;
    padding: 30px 35px;
    border-radius: 10px;
    margin-bottom: 40px;
    
}

.system-requirements-content-notifier:before {
    background-image: url(/assets/img/attention.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 24px;
    min-height: 24px;
    margin-right: 10px;
    content: "";
}

.system-require {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.system-requires {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 0;
}

.system-requires-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.system-require-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 64px;
    min-width: 64px;
    box-sizing: border-box;
    border: 1px solid rgba(46,46,46,.15);
    border-radius: 100%;
    margin-right: 40px;
    cursor: pointer;
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}
@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}



.system-require-border-img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
    max-width: 24px;
    max-height: 24px;
}

.setting-close {
    -webkit-animation: setting-close 0.6s ease-in-out both;
    animation: setting-close 0.6s ease-in-out both;
}

@-webkit-keyframes setting-close {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
}
@keyframes setting-close {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
}

.system-require-title {
    font-size: 36px;
    font-weight: 700;
}

.system-infos {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 40px;
}

.open {
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860) alternate forwards;
    animation: slide-bottom 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860) alternate forwards;
}

.setting-open {
    -webkit-animation: setting-open 0.6s ease-in-out both;
    animation: setting-open 0.6s ease-in-out both;
}

@-webkit-keyframes setting-open {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes setting-open {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}


.system-infos-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(530px,1fr));
    grid-gap: 64px;
    gap: 64px;
    margin-bottom: 40px;
}


.system-info {
    border-image: linear-gradient(#000080, #000080) 30;
    border-width: 2px;
    border-style: solid;
}

.system-info-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 1rem;
}

.system-info-content {
    padding: 0 1rem;
}

.system-info-header.system-info-title h1 {
    font-size: 22px;
    font-weight: 700;
}

.system-info-header img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 24px;
    max-height: 24px;
    margin-right: 8px;
}

.system-info-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.system-info-side-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid rgba(46,46,46,.1);
}

.system-info-side-description {
    font-weight: 600;
}

.admin-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.admin-nav a{
    margin-right: 20px;
}

.admin-post {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.roulette {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.roulette-title {
    text-align: center
}

.balance {
    margin: 0 auto;
    height: 55px;
    width: fit-content;
    padding: 15px;
    border: none;
    outline: none;
    background: linear-gradient(315deg, #000080, #000080);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 6px 24px 0 #000080;
    cursor: pointer
}

.roulette-button {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-top: 25px
}

.roulette-container {
    width: 1000px;
    background: #f7f7f7;
    position: relative;
    max-width: 790px;
    overflow: hidden;
    height: 260px;
    border-radius: 30px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    justify-content: center
}

.roulette-prizes {
    position: absolute;
    left: 30px;
    width: 10810px;
    height: 120px
}

.prize {
    width: 114px;
    margin-right: 40px;
    height: 114px;
    display: inline-block;
    z-index: 99;
    position: relative
}

.prize-name {
    position: absolute;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 5px 23px;
    font-size: 13px;
    bottom: -20px;
    width: 100%;
    -webkit-box-shadow: 0 0 5px 5px #e0eff6;
    box-shadow: 0 0 4px 2px #e0eff6
}

.pointer-roulette {
    width: 40px;
    height: 260px;
    background: url(/assets/img/r.png);
    position: absolute
}

.button-roulette {
    margin-top: 25px;
    padding: 20px 15px;
    width: fit-content;
    border: none;
    outline: none;
    background: linear-gradient(315deg, #000080, #000080);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 6px 24px 0 #000080;
    cursor: pointer
}

.btn {
    display: inline-block;
    padding: .5rem .7rem;
    border-radius: .2rem;
    background-color: #eee;
    font-size: .9rem;
    transition: transform .2s
}

.btn--orange {
    background-image: linear-gradient(315deg, #000080, #000080);
    color: #fff
}

.prizes-view__title span {
    font-weight: 700
}

.prizes-view__items {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: .5rem
}

@media(max-width:64rem) {
    .prizes-view__items {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media(max-width:48rem) {
    .prizes-view__items {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(max-width:36rem) {
    .prizes-view__items {
        grid-template-columns: repeat(4, 1fr)
    }
}

.prizes-view__action {
    margin-top: 2rem;
    text-align: center
}

.prizes-view__tabs {
    position: relative
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.btn-table {
    padding: 5px 9px;
    border-radius: 6px;
    border: #ffb619;
    background-image: -webkit-gradient(linear,left top,right top,from(#ffb619),to(#fb6811));
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.1);
    transition: .3s;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

thead {
    display: table-header-group
}

.table {
    border-collapse: collapse !important
}
.table td,
.table th {
    background-color: #fff !important
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #ddd !important
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 1190px) {
    .system-infos-wrapper {
        grid-template-columns: 1fr!important;
    }
}


@media screen and (max-width:767px) {
    .system-info-side-control {
        -ms-flex-align: start!important;
        align-items: flex-start!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

td,
th {
    padding: 0
}

.vue-notification {
    border-radius: .5rem !important;
    border: none !important;
    font-weight: 500;
    padding: 1rem !important;
    font-size: 1rem
}

.vue-notification.error {
    background-color: #ea4f3d !important
}

:root {
    --color-lightblue: #007bff;
    --color-reg: #dc3545;
    --color-green: #28a745
}

html {
    font-size: 16px
}

@media(min-width:156.875rem) {
    html {
        font-size: 21px
    }
}

@media(min-width:234.375rem) {
    html {
        font-size: 32px
    }
}

html {
    height: 100%;
}

body {
    margin: 0;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    color: #1e1d1d;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.section-title {
    font-size: 2.625rem;
    font-weight: 800;
    line-height: 3.2rem;
    text-transform: uppercase;
    cursor: default
}

.section-title span {
    display: block;
    font-weight: 100
}

.line-divider {
    margin: 2rem 0;
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr -webkit-max-content 1fr;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: .75rem
}

.line-divider>span {
    font-size: .75rem;
    color: rgba(30, 29, 29, .5)
}

.line-divider>button {
    font-size: .875rem;
    color: rgba(30, 29, 29, .7)
}

.line-divider:after,
.line-divider:before {
    content: "";
    height: 1px;
    background-color: rgba(30, 29, 29, .2)
}

.lory-slider .lory-frame {
    position: relative;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap
}

.lory-slider .lory-slides {
    display: inline-block
}

.lory-slider .lory-slide {
    position: relative;
    display: inline-block
}

.forbes-item-divider {
    display: grid;
    grid-row-gap: .5rem;
    width: 2.25rem;
    justify-content: center
}

.forbes-item-divider>span {
    height: .3125rem;
    width: .3125rem;
    border-radius: 50%;
    background-color: rgba(30, 29, 29, .1)
}

.forbes-item {
    display: grid;
    grid-template-columns: 2.25rem 15.625rem 6.25rem 1fr;
    grid-column-gap: 1rem;
    align-items: center
}

.forbes-item__position {
    display: flex;
    align-items: center;
    justify-content: center;
    border: .0625rem solid rgba(30, 29, 29, .1);
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    font-weight: 300
}

.forbes-item__username {
    font-weight: 700
}

.forbes-item__server {
    text-transform: uppercase;
    color: rgba(30, 29, 29, .45);
    font-weight: 300
}

.forbes-link-active {
    color: #1e1d1d;
}

.forbes-item__balance {
    text-align: right;
    font-weight: 300
}

@media(max-width:36rem) {
    .forbes-item {
        grid-template-columns: 30px 165px 73px 1fr;
        grid-column-gap: 14px
    }

    .forbes-item__position {
        width: 30px;
        height: 30px;
        font-size: 12px
    }

    .forbes-item__username {
        font-size: 14px;
        font-weight: 600
    }

    .forbes-item__server {
        color: rgba(30, 29, 29, .6);
        font-size: 12px
    }

    .forbes-item__balance {
        font-size: 14px
    }
}

.top-item {
    max-width: 18.4375rem
}

.top-item__position {
    font-size: 2.625rem;
    font-weight: 300;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.top-item__figure {
    position: relative;
    padding: 1.5rem 1.125rem 6.375rem;
    overflow: hidden
}

.top-item__figure:after,
.top-item__figure:before {
    content: "";
    position: absolute;
    left: 0
}

.top-item__figure:before {
    top: 0;
    left: .625rem;
    width: 17.1875rem;
    height: 2rem;
    background: 50%/contain no-repeat
}

.top-item__figure:after {
    top: 4rem;
    width: 18.4375rem;
    height: 19.5625rem;
    bottom: 0;
    background: 50%/contain no-repeat
}

.top-item__rect {
    width: 16.1875rem;
    height: 15.625rem;
    display: flex;
    justify-content: center
}

.top-item__skin {
    margin-top: 1rem
}

.top-item__nickname {
    font-size: 1.25rem;
    font-weight: 800;
    text-align: center;
    margin-top: 1rem
}

.top-item__balance {
    color: rgba(30, 29, 29, .7);
    font-weight: 300;
    text-align: center;
    margin-top: 1rem
}

.top-item--gold .top-item__position {
    background-image: linear-gradient(208.78deg, #fccc01 -1.13%, #ff3500 95.96%)
}

.top-item--gold .top-item__figure {
    padding-top: 1.4375rem
}

.top-item--gold .top-item__figure:before {
    background-image: url(../img/1e19b02.svg)
}

.top-item--gold .top-item__figure:after {
    background-image: url(../img/dd413b7.svg)
}

.top-item--gold .top-item__rect {
    background-image: linear-gradient(211.23deg, #fda301 -179.92%, rgba(253, 163, 1, 0) 73.53%)
}

.top-item--silver .top-item__position {
    background-image: linear-gradient(208.78deg, #d4daef -1.13%, #9aa7d7 95.96%)
}

.top-item--silver .top-item__figure {
    padding-top: .9375rem
}

.top-item--silver .top-item__figure:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjc1IDE1IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2MC43OCA2LjVMMjY0LjY0MSAyLjY5NTQ2QzI2Ni43MiAwLjY0NTg3NSAyNzAuMDYgMC42NDU4NzUgMjcyLjE0IDIuNjk1NDZWMi42OTU0NkMyNzQuMjYzIDQuNzg3NjQgMjc0LjI2MyA4LjIxMjM2IDI3Mi4xNCAxMC4zMDQ1TDI3MC41OCAxMS44NDE3QzI2OS4xNzcgMTMuMjI0NyAyNjcuMjg2IDE0IDI2NS4zMTUgMTRIMjAyLjk0NUgxNzAuMjIzSDE2MC40NzRDMTU2LjIyMSAxNCAxNTIuMTIyIDEyLjQwNTUgMTQ4Ljk4NyA5LjUzMTI3VjkuNTMxMjdDMTQyLjQ4OCAzLjU3Mjk2IDEzMi41MTIgMy41NzI5NiAxMjYuMDEzIDkuNTMxMjdWOS41MzEyN0MxMjIuODc4IDEyLjQwNTUgMTE4Ljc3OSAxNCAxMTQuNTI2IDE0SDEwNC43NzdINzIuMDU0OUg5LjY4NDU5QzcuNzE0MzYgMTQgNS44MjMyNSAxMy4yMjQ3IDQuNDIgMTEuODQxN0wyLjg2MDI5IDEwLjMwNDVDMC43Mzc0NTEgOC4yMTIzNiAwLjczNzQ1MiA0Ljc4NzY0IDIuODYwMjkgMi42OTU0NlYyLjY5NTQ2QzQuOTM5OSAwLjY0NTg3NSA4LjI3OTg4IDAuNjQ1ODc2IDEwLjM1OTUgMi42OTU0NkwxNC4yMTk4IDYuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzlfMTA2KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzlfMTA2IiB4MT0iMjIxLjc2MiIgeTE9Ii0yLjg3NSIgeDI9IjIyMS4wOTIiIHkyPSIxOS42NjY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENERBRUYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUFBN0Q3Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.top-item--silver .top-item__figure:after {
    top: 3.625rem;
    background-image: url(../img/a7655f5.svg)
}

.top-item--silver .top-item__rect {
    background-image: linear-gradient(211.23deg, #d4daef -179.92%, rgba(212, 218, 239, 0) 73.53%)
}

.top-item--bronze .top-item__position {
    background-image: linear-gradient(208.78deg, #b17040 -1.13%, #8a420e 95.96%)
}

.top-item--bronze .top-item__figure {
    padding-top: .9375rem
}

.forbes-link-active {
    color: #1e1d1d;
}

.top-item--bronze .top-item__figure:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjc1IDE1IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2MC43OCA2LjVMMjY0LjY0MSAyLjY5NTQ2QzI2Ni43MiAwLjY0NTg3NSAyNzAuMDYgMC42NDU4NzUgMjcyLjE0IDIuNjk1NDZWMi42OTU0NkMyNzQuMjYzIDQuNzg3NjQgMjc0LjI2MyA4LjIxMjM2IDI3Mi4xNCAxMC4zMDQ1TDI3MC41OCAxMS44NDE3QzI2OS4xNzcgMTMuMjI0NyAyNjcuMjg2IDE0IDI2NS4zMTUgMTRIMjAyLjk0NUgxNzAuMjIzSDE2MC40NzRDMTU2LjIyMSAxNCAxNTIuMTIyIDEyLjQwNTUgMTQ4Ljk4NyA5LjUzMTI3VjkuNTMxMjdDMTQyLjQ4OCAzLjU3Mjk2IDEzMi41MTIgMy41NzI5NiAxMjYuMDEzIDkuNTMxMjdWOS41MzEyN0MxMjIuODc4IDEyLjQwNTUgMTE4Ljc3OSAxNCAxMTQuNTI2IDE0SDEwNC43NzdINzIuMDU0OUg5LjY4NDU5QzcuNzE0MzYgMTQgNS44MjMyNSAxMy4yMjQ3IDQuNDIgMTEuODQxN0wyLjg2MDI5IDEwLjMwNDVDMC43Mzc0NTEgOC4yMTIzNiAwLjczNzQ1MiA0Ljc4NzY0IDIuODYwMjkgMi42OTU0NlYyLjY5NTQ2QzQuOTM5OSAwLjY0NTg3NSA4LjI3OTg4IDAuNjQ1ODc2IDEwLjM1OTUgMi42OTU0NkwxNC4yMTk4IDYuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzlfMTE0KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzlfMTE0IiB4MT0iMjIxLjc2MiIgeTE9Ii0yLjg3NSIgeDI9IjIyMS4wOTIiIHkyPSIxOS42NjY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMTcwNDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOEE0MjBFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.top-item--bronze .top-item__figure:after {
    top: 3.625rem;
    background-image: url(../img/a7655f5.svg)
}

.top-item--bronze .top-item__rect {
    background-image: linear-gradient(211.23deg, #976b1b -179.92%, rgba(151, 107, 27, 0) 73.53%)
}

@media(max-width:64rem) {
    .top-item {
        max-width: 190px
    }

    .top-item__figure {
        padding: 0 12px 82px
    }

    .top-item__figure:before {
        left: 6.4px;
        width: 177px;
        height: 20.5px
    }

    .top-item__figure:after {
        width: 190px;
        height: 201.5px
    }

    .top-item__rect {
        width: 166px;
        height: 160px
    }

    .top-item__skin {
        width: 124px
    }
}

@media(max-width:48rem) {
    .top-item__position {
        font-size: 34px
    }
}

@media(max-width:36rem) {
    .top-item {
        max-width: 110px
    }

    .top-item__figure {
        padding: 0 7px 15px
    }

    .top-item__figure:before {
        left: 6.4px;
        width: 100px;
        height: 20.5px
    }

    .top-item__figure:after {
        width: 110px;
        height: 117px;
        top: 32px
    }

    .top-item__nickname {
        font-size: 16px
    }

    .top-item__balance {
        margin-top: 8px;
        font-size: 14px
    }

    .top-item__rect {
        width: 96px;
        height: 117px
    }

    .top-item__skin {
        width: 65px;
        margin-top: 8px
    }

    .top-item--silver .top-item__figure {
        padding-top: 14px
    }

    .top-item--silver .top-item__figure:after {
        top: 30px
    }

    .top-item--bronze .top-item__figure,
    .top-item--gold .top-item__figure {
        padding-top: 14px
    }

    .top-item--bronze .top-item__figure:after {
        top: 30px
    }
}

.forbes__container {
    margin-top: 5rem
}

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

.forbes__servers {
    margin-top: 2.8125rem
}

.forbes__content {
    margin-top: 4rem
}

@media(max-width:36rem) {
    .forbes__content {
        margin-top: 32px
    }
}

.forbes__top {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 12.75rem
}

.forbes__top .top-item:first-child,
.forbes__top .top-item:last-child {
    margin-top: 10.6875rem
}

.forbes__top:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 302px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI3NCIgaGVpZ2h0PSIzMDgiIHZpZXdCb3g9IjAgMCAxMjc0IDMwOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMzA3TDEyNzQgMzA3IiBzdHJva2U9IiMxRTFEMUQiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTYzOCAwVjMwNi41IiBzdHJva2U9IiMxRTFEMUQiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTE0NiAxNzFMMTQ2IDMwNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik0xMTIwIDE3MUwxMTIwIDMwNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=) bottom/contain no-repeat
}

@media(max-width:64rem) {
    .forbes__top {
        padding-bottom: 105px
    }
}

@media(max-width:36rem) {
    .forbes__top {
        padding-bottom: 0
    }

    .forbes__top:after {
        display: none
    }

    .forbes__top .top-item:first-child,
    .forbes__top .top-item:last-child {
        margin-top: 50px
    }
}

.forbes__list {
    display: grid;
    grid-row-gap: 16px;
    margin-top: 64px
}

.form-button {
    width: 100%;
    line-height: 3.25rem;
    text-align: center;
    border-radius: .25rem;
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, .64);
    transition: transform .2s ease;
    font-size: 1rem;
    font-weight: 600;
    color: #fff
}

.form-button:disabled {
    color: rgba(30, 29, 29, .25);
    background: #f2f2f2;
    box-shadow: unset;
    cursor: default
}

.form-button:hover:not(:disabled) {
    transform: scale(1.08)
}

.load-launcher {
    font-weight: 600;
    color: rgba(30, 29, 29, .45);
    line-height: 17px;
    cursor: default
}

.load-launcher>a {
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.back-home {
    display: flex;
    align-items: center;
    line-height: 1.0625rem
}

.back-home>a {
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600
}

.back-home>svg {
    fill: #000080;
    width: .9375rem;
    margin-right: .5rem
}

.form-page {
    min-height: 100vh;
    background-position: calc(50% - 30.3125rem) 6.5625rem, 0 100%, calc(50% - 28.125rem) bottom, calc(50% + 17.5rem) calc(100vh - 6.25rem), right 12.5rem, center .125rem, -5.4375rem 5.625rem, calc(50% - 15.8125rem) top;
    background-repeat: no-repeat
}


.form-page {
    background-image: url(../img/7a398e8.svg), url(../img/5f52434.webp), url(../img/370c81c.png), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K), url(../img/87e89c2.svg), url(../img/7e878c1.svg), url(../img/c299ac6.svg), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3MyIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTM3MyAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxwYXRoIGQ9Ik0wIDBIMTEwMi41TDkxMC40OCAyMS41NDUxQzY4MC40MiA0Ny4zNTgzIDU2NS44MjUgMzEzLjY4NiA3MDUuMjYzIDQ5OC40ODZDNzc4LjI5OSA1OTUuMjgxIDc4NS41OTkgNzI2LjYxNiA3MjMuNzQxIDgzMC45MDlMNTc2IDEwODBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSItMjMwIiB5PSItNDEzIiB3aWR0aD0iMTYwMi41IiBoZWlnaHQ9IjE1ODAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR4PSIyMCIgZHk9Ii0xNjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.form-page__navbar {
    display: none
}
.form-page__header {
    padding: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form-page__container {
    width: 408px;
    height: calc(100vh - 152px);
    margin-left: calc(50% + 100px);
    padding-top: 70px
}

@media(max-height:835px) {
    .form-page {
        background-position: calc(50% - 485px) 105px, 0 calc(100vh - 887px), calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top
    }

    .form-page__container {
        padding-top: 0
    }
}

@media(max-height:775px) {
    .form-page {
        background-position: calc(50% - 485px) 105px, 0 calc(100vh - 820px), calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top
    }
}

@media(max-height:745px) {
    .form-page__header {
        padding: 53px 64px
    }
}

@media(max-width:1250px) {
    .form-page {
        background-position: calc(50% - 485px) 105px, calc(50% - 245px) bottom, calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top
    }
}

@media(max-width:1024px) {
    .form-page__container {
        margin-left: 50%
    }
}

@media(max-width:825px) {
    .form-page {
        background-position: calc(50% - 485px) 105px, calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top;
        background-image: url(../img/7a398e8.svg), url(../img/370c81c.png), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K), url(../img/87e89c2.svg), url(../img/7e878c1.svg), url(../img/c299ac6.svg), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3MyIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTM3MyAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxwYXRoIGQ9Ik0wIDBIMTEwMi41TDkxMC40OCAyMS41NDUxQzY4MC40MiA0Ny4zNTgzIDU2NS44MjUgMzEzLjY4NiA3MDUuMjYzIDQ5OC40ODZDNzc4LjI5OSA1OTUuMjgxIDc4NS41OTkgNzI2LjYxNiA3MjMuNzQxIDgzMC45MDlMNTc2IDEwODBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSItMjMwIiB5PSItNDEzIiB3aWR0aD0iMTYwMi41IiBoZWlnaHQ9IjE1ODAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR4PSIyMCIgZHk9Ii0xNjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==) !important
    }

    .form-page__container {
        margin-left: auto;
        margin-right: auto;
        height: auto
    }
}

@media(max-width:576px) {
    .form-page {
        background: #fff url(../img/ed40b38.jpg.html) center 59px/576px no-repeat !important
    }
    .form-page__navbar {
        display: block
    }

    .form-page__header {
        display: none
    }

    .form-page__container {
        text-align: center;
        padding-top: 300px
    }

    .form-page .section-title {
        font-size: 24px;
        line-height: 29px
    }

    .form-page {
        background-image: url(../img/099bd491.webp) !important
    }
}

@media(max-width:445px) {
    .form-page {
        background-size: 445px !important
    }

    .form-page__container {
        width: 100%;
        padding: 235px 15px 15px
    }
}

@media(min-width:1920px) {
    .form-page {
        background-size: 43rem 59.625rem, 52.625rem 55.4375rem, 61.75rem 40.1875rem, 2.5rem 4.5rem, 12.0625rem 14.5rem, 14.5rem 10.0625rem, 12.5rem 14.5rem, 85.8125rem 67.5rem;
        background-position: calc(50% - 30.3125rem) 6.5625rem, 0 100%, calc(50% - 28.125rem) bottom, calc(50% + 17.5rem) calc(100vh - 6.25rem), right 12.5rem, center .125rem, -5.4375rem 5.625rem, calc(50% - 15.8125rem) top
    }

    .form-page__header {
        padding: 4rem
    }

    .form-page__container {
        width: 25.5rem;
        height: calc(100vh - 9.5rem);
        margin-left: calc(50% + 6.25rem);
        padding-top: 4.375rem
    }
}

.vue-modal-bottom,
.vue-modal-bottomLeft,
.vue-modal-bottomRight,
.vue-modal-left,
.vue-modal-right,
.vue-modal-top,
.vue-modal-topLeft,
.vue-modal-topRight {
    display: block;
    overflow: hidden;
    position: absolute;
    background: transparent;
    z-index: 9999999
}

.vue-modal-bottomLeft,
.vue-modal-bottomRight,
.vue-modal-topLeft,
.vue-modal-topRight {
    width: 12px;
    height: 12px
}

.vue-modal-top {
    right: 12;
    top: 0;
    width: 100%;
    height: 12px;
    cursor: n-resize
}

.vue-modal-bottom {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    cursor: s-resize
}

.vue-modal-left {
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    cursor: w-resize
}

.vue-modal-right {
    right: 0;
    top: 0;
    width: 12px;
    height: 100%;
    cursor: e-resize
}

.vue-modal-topRight {
    right: 0;
    top: 0;
    background: transparent;
    cursor: ne-resize
}

.vue-modal-topLeft {
    left: 0;
    top: 0;
    cursor: nw-resize
}

.vue-modal-bottomLeft {
    left: 0;
    bottom: 0;
    cursor: sw-resize
}

.vue-modal-bottomRight {
    right: 0;
    bottom: 0;
    cursor: se-resize
}

#vue-modal-triangle:after {
    display: block;
    position: absolute;
    content: "";
    background: transparent;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ddd;
    border-left: 10px solid transparent
}

#vue-modal-triangle.clicked:after {
    border-bottom: 10px solid #369be9
}

.vm--block-scroll {
    overflow: hidden;
    width: 100vw
}

.vm--container {
    z-index: 999
}

.vm--container,
.vm--overlay {
    position: fixed;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh
}

.vm--overlay {
    background: rgba(0, 0, 0, .2);
    opacity: 1
}

.vm--container.scrollable {
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.vm--modal {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4)
}

.vm--container.scrollable .vm--modal {
    margin-bottom: 2px
}

.vm--top-right-slot {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.vm-transition--overlay-enter-active,
.vm-transition--overlay-leave-active {
    transition: all 50ms
}

.vm-transition--overlay-enter,
.vm-transition--overlay-leave-active {
    opacity: 0
}

.vm-transition--modal-enter-active,
.vm-transition--modal-leave-active {
    transition: all .4s
}

.vm-transition--modal-enter,
.vm-transition--modal-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.vm-transition--default-enter-active,
.vm-transition--default-leave-active {
    transition: all 2ms
}

.vm-transition--default-enter,
.vm-transition--default-leave-active {
    opacity: 0
}

.vue-dialog {
    font-size: 14px
}

.vue-dialog div {
    box-sizing: border-box
}

.vue-dialog-content {
    flex: 1 0 auto;
    width: 100%;
    padding: 14px
}

.vue-dialog-content-title {
    font-weight: 600;
    padding-bottom: 14px
}

.vue-dialog-buttons {
    display: flex;
    flex: 0 1 auto;
    width: 100%;
    border-top: 1px solid #eee
}

.vue-dialog-buttons-none {
    width: 100%;
    padding-bottom: 14px
}

.vue-dialog-button {
    font-size: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    color: inherit;
    font: inherit;
    outline: none
}

.vue-dialog-button:hover {
    background: #f9f9f9
}

.vue-dialog-button:active {
    background: #f3f3f3
}

.vue-dialog-button:not(:first-of-type) {
    border-left: 1px solid #eee
}

.vue-notification-group {
    display: block;
    position: fixed;
    z-index: 5000
}

.vue-notification-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0
}

.notification-title {
    font-weight: 600
}

.vue-notification-template {
    background: #fff
}

.vue-notification,
.vue-notification-template {
    display: block;
    box-sizing: border-box;
    text-align: left
}

.vue-notification {
    font-size: 12px;
    padding: 10px;
    margin: 0 5px 5px;
    color: #fff;
    background: #44a4fc;
    border-left: 5px solid #187fe7
}

.vue-notification.warn {
    background: #ffb648;
    border-left-color: #f48a06
}

.vue-notification.error {
    background: #e54d42;
    border-left-color: #b82e24
}

.vue-notification.success {
    background: #68cd86;
    border-left-color: #42a85f
}

.vn-fade-enter-active,
.vn-fade-leave-active,
.vn-fade-move {
    transition: all .5s
}

.vn-fade-enter,
.vn-fade-leave-to {
    opacity: 0
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}
.navbar {
    background-color: hsla(0, 0%, 100%, .86);
    -webkit-backdrop-filter: blur(42px);
    backdrop-filter: blur(42px);
    padding: 1.5rem 0;
    border: .0625rem solid rgba(0, 0, 0, .1);
    position: relative;
    z-index: 5
}

.halloween-2022 .navbar {
    background-color: rgba(20, 20, 20, .86)
}

.navbar__container {
    display: grid;
    align-items: center;
    grid-template-columns: 11.25rem 1fr -webkit-min-content;
    grid-template-columns: 11.25rem 1fr min-content;
    grid-column-gap: 7.5rem
}

.navbar__toggle-menu {
    width: 2.0625rem;
    height: 2.0625rem;
    display: none;
    border-radius: .375rem;
    background: #f2f2f2 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgxN00xIDdIMTdNMSAxM0gxNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) 50%/1rem .75rem no-repeat;
    order: 1
}

.navbar__toggle-menu.opened {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwxNSAxNU0xIDE1TDE1IDEiIHN0cm9rZT0iIzFFMUQxRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-size: .875rem .875rem
}

.navbar__logo {
    display: block
}

.navbar__links {
    display: flex;
    justify-content: space-between
}

.navbar-link {
    color: rgba(30, 29, 29, .45);
    font-size: 1rem;
    font-weight: 600;
    transition: color .2s ease
}

.navbar-link.nuxt-link-exact-active.nuxt-link-active,
.navbar-link:hover {
    color: #1e1d1d
}

.halloween-2022 .navbar-link {
    color: rgba(244, 241, 225, .45)
}

.halloween-2022 .navbar-link.nuxt-link-exact-active.nuxt-link-active,
.halloween-2022 .navbar-link:hover {
    color: #f4f1e1
}

.navbar-link--user-profile {
    font-size: 1rem;
    line-height: 1.0625rem
}

.navbar-link--hover-red:hover {
    color: #ea4f3d
}

.user-profile {
    display: inline-flex;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: .375rem;
    padding: .71875rem 1rem;
    cursor: pointer
}

.user-profile__avatar {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    padding-top: .125rem;
    background: url(../img/052b314.jpg) 0 0/1.25rem 1.25rem no-repeat;
    overflow: hidden
}

.user-profile__avatar-image {
    max-width: 2.375rem;
    margin-left: -.4375rem
}

.user-profile__nickname {
    margin-left: .4375rem;
    font-weight: 600;
    line-height: 1.0625rem;
    white-space: nowrap;
    font-size: .75rem
}

.user-profile .halloween-2022 {
    background-color: rgba(244, 241, 225, .1)
}

.user-profile .halloween-2022__nickname {
    color: rgba(244, 241, 225, .7)
}

.user-profile__menu {
    padding: 1rem;
    display: grid;
    grid-row-gap: .8125rem
}

.user-profile__menu-divider {
    height: .0625rem;
    background: rgba(30, 29, 29, .1)
}

.login-button {
    background-color: #f2f2f2;
    border-radius: .375rem;
    display: inline-block;
    padding: .8125rem 1rem;
    font-weight: 600;
    line-height: 1.0625rem;
    white-space: nowrap
}

.halloween-2022 .login-button {
    background-color: rgba(244, 241, 225, .1);
    color: rgba(244, 241, 225, .7)
}

.login-button--hide-md {
    display: none
}

.menu-modal {
    padding: 1.5rem
}


.menu-modal__links {
    display: grid;
    grid-row-gap: 2rem;
    justify-content: center;
    text-align: center
}

.menu-modal__link {
    display: block;
    font-size: 1.375rem !important;
    line-height: 1.6875rem
}

@media(max-width:80rem) {
    .navbar__container {
        grid-column-gap: 90px
    }

    .navbar-link {
        font-size: .9375rem
    }

    .login-button--hide-xs {
        display: inline-block
    }

    .login-button--hide-md {
        display: none
    }
}

@media(max-width:64rem) {
 .navbar {
        padding-top: 12px;
        padding-bottom: 12px;
        z-index: 9
    }

    .navbar__container {
        grid-template-columns: 78px 1fr -webkit-max-content;
        grid-template-columns: 78px 1fr max-content;
        grid-column-gap: 5px
    }

    .navbar__toggle-menu {
        display: inline-block
    }

    .navbar__logo {
        order: 2;
        justify-self: center
    }

    .navbar__profile {
        order: 3
    }

    .navbar__links {
        display: none
    }
    .user-profile {
        display: block;
        background-color: transparent;
        padding: unset
    }

    .user-profile__avatar {
        width: 33px;
        height: 33px;
        background-size: 50px, 33px 33px;
        background-position: -7px 0, 0 0
    }

    .user-profile__nickname {
        display: none
    }

    .user-profile__menu {
        padding: 16px;
        display: grid;
        grid-row-gap: 13px
    }

    .user-profile__menu-divider {
        height: 1px;
        background: rgba(30, 29, 29, .1)
    }

    .login-button {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .login-button--hide-xs {
        display: none
    }

    .login-button--hide-md {
        display: inline-block
    }
 .navbar-menu-modal,
    .navbar-menu-modal>.vm--overlay {
        top: 61px !important
    }

    .navbar-menu-modal>.vm--modal {
        box-shadow: unset
    }
}

.logo {
    display: flex;
    align-items: center;
    cursor: default
}

.logo__image {
    flex: 2.875rem 0 0;
    width: 2.875rem;
    height: 2.6826875rem;
}

.logo__name {
    font-weight: 800;
    font-style: italic;
    font-size: 1.125rem;
    white-space: nowrap
}

.logo__name>span {
    font-weight: 300;
    display: inline-block;
    margin-left: .25rem
}



.halloween-2022 .logo__name {
    color: #f4f1e1
}

.play-button {
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, .64);
    border-radius: .5rem;
    padding: 1.25rem 6.75rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: all .2s ease
}

.play-button-row {
    display: flex;
    align-items: center;
}

.play-button p {
    font-size: 12px;
    color: white;
    margin-bottom: -1px;
    margin-top: -1px;
}

.play-button__text {
    color: #fff;
    font-weight: 600;
    line-height: 1.3125rem;
    font-size: 1.125rem
}

.play-button__icon {
    margin-left: .5rem;
    width: .8125rem;
    height: 1rem
}

.play-button:hover {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15)), linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    transform: scale(1.03)
}

.header {
    position: relative;
    height: 43.4375rem
}

.header__bg {
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1
}

.header__bg--1 {
    width: 53.0625rem;
    height: 58.625rem;
    background-image: url(../img/fsb.png);
    background-size: contain;
    top: -5.9375rem;
    right: 0
}

.header__bg--2 {
    text-transform: uppercase;
    font-size: 7.75rem;
    font-weight: 200;
    display: inline-block;
    background: linear-gradient(100.61deg, rgba(3, 3, 3, .1) 14.17%, rgba(3, 3, 3, 0) 117.48%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 9.4375rem;
    left: 0;
    top: 10.75rem
}

.header__bg--3 {
    width: 2.5rem;
    height: 4.5rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPGNpcmNsZSBjeD0iNCIgY3k9IjY4IiByPSI0IiBmaWxsPSIjMUUxRDFEIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8Y2lyY2xlIGN4PSIzNiIgY3k9IjQiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iNjgiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=);
    background-size: contain;
    top: 3.8125rem;
    left: 10.625rem
}

.header__bg--4 {
    width: 9.875rem;
    height: 14.5rem;
    background-image: url(../img/5c1cddf.svg);
    background-size: contain;
    bottom: -2.9375rem;
    left: 0
}

.header__bg--5 {
    width: 21.4375rem;
    height: 16.1875rem;
    background-image: url(../img/9687c19.svg);
    background-size: contain;
    top: 2.9375rem;
    right: 0
}

.header__container,
.header__name {
    position: relative
}

.header__name {
    text-transform: uppercase;
    display: inline-block;
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 4rem;
    font-style: italic;
    text-shadow: 0 1.6875rem 4rem rgba(255, 184, 0, .64);
    line-height: 4.875rem;
    margin-top: 11.25rem;
    z-index: 3;
    margin-left: .375rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header__description {
    max-width: 25rem;
    line-height: 1.8125rem;
    font-size: 1.5rem;
    color: rgba(3, 3, 3, .45);
    margin-top: 4rem
}
.header__description img {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: middle;
}

.header__play-button {
    margin-top: 4rem;
    z-index: 2;
    position: relative
}
.header__bg--1 {
    background-image: url(../img/fsb.png)
}

@media(max-width:300px) {
    .logo__name>span {
        display: none;
    }
}

@media(max-width:1920px) {
    .play-button {
        box-shadow: 0 27px 64px -16px rgba(255, 184, 0, .64);
        border-radius: 8px;
        padding: 14px 116px;
    }

    .play-button__text {
        line-height: 21px
    }

    .play-button__icon {
        margin-left: 8px;
        width: 13px;
        height: 16px
    }

    .header {
        height: 695px
    }

    .header__bg--1 {
        width: 849px;
        height: 938px;
        top: -95px
    }

    .header__bg--2 {
        font-size: 124px;
        line-height: 151px;
        top: 172px
    }

    .header__bg--3 {
        width: 40px;
        height: 72px;
        top: 61px;
        left: 170px
    }

    .header__bg--4 {
        width: 158px;
        height: 232px;
        bottom: -47px
    }

    .header__bg--5 {
        width: 343px;
        height: 259px;
        top: 47px
    }

    .header__name {
        text-shadow: 0 27px 64px rgba(255, 184, 0, .64);
        line-height: 78px;
        margin-top: 180px;
        margin-left: 6px
    }

    .header__description {
        max-width: 400px;
        line-height: 29px;
        margin-top: 64px
    }

    .header__play-button {
        margin-top: 64px
    }
}

@media(max-width:1280px) {
    .header__bg--1 {
        width: 700px;
        top: 0
    }
}

@media(max-width:1024px) {
    .header {
        overflow: hidden
    }

    .header__bg--1 {
        right: -250px
    }
}

@media(max-width:768px) {
    .header__bg--1 {
        right: -400px
    }

    .header__bg--2 {
        font-size: 105px
    }
}

@media(max-width:576px) {
    
    .donate-payment-blocks {
        flex-direction: column;
    }

    .donate-payment-block {
        margin-top: 25px;
    }
    
    .header__bg--2 {
        font-size: 59px;
        line-height: 78px;
        background: linear-gradient(180deg, rgba(3, 3, 3, .18) -9.93%, rgba(3, 3, 3, 0) 91.72%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        top: 73px;
        width: 100%;
        text-align: center
    }

    .header__bg--3,
    .header__bg--4,
    .header__bg--5 {
        display: none
    }

    .header__name {
        margin-top: 56px;
        font-size: 42px;
        text-align: center;
        justify-content: center;
        width: 100%
    }

    .header__description {
        text-align: center;
        font-size: 1rem;
        max-width: 230px;
        margin: 0 auto
    }

    .play-button {
        width: 100%;
        padding: 15px 0;
        justify-content: center
    }

    .header__bg--1 {
        background: url(../img/fsb.png);
        right: 0;
        background-position-x: 27vh;
        background-position-y: 60%;
        background-repeat: no-repeat;
        background-size: 70%;
    }
}

.monitoring {
    display: flex;
    align-items: center;
    justify-content: center;
}

.monitoring__wrap {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
	grid-template-rows: repeat(auto-fit, 90px);
	padding: 25px;
}

.m-server {
    padding: 25px;
	display: flex;
	align-items: center;
	font-style: italic;
	position: relative;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.m-server__graph {
	width: 50px;
	height: 50px;
	position: relative;
}

.m-server__graph-svg {
	width: 50px;
	height: 50px;
	transform: rotate(270deg);
}

.m-server__graph-circle {
	cy: 25;
	cx: 25;
	r: 23.5;
	stroke: #ddd;
	stroke-width: 3px;
	fill: transparent;
}

.m-server__graph-circle-value {
	stroke: #ff9c00;
	stroke-dasharray: 147.654
}

.m-server__graph-number {
	font-weight: 800;
	font-size: 22px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-server__online {
	margin-left: 15px;
	font-weight: 900;
	font-size: 22px;
}

.m-server__maxplayers {
	font-weight: 300;
	color: #bbb;
}

.download-button {
    width: 413px;
    height: 78px;
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    box-shadow: 0 27px 64px -16px rgba(255, 184, 0, .64);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: transform .2s ease
}

.download-button__image {
    margin-left: 8px
}

.download-button:hover {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15)), linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    transform: scale(1.03)
}

.screenshot {
    width: 478px;
    height: 249px;
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    box-shadow: 0 27px 64px -16px rgba(255, 184, 0, .64);
    border-radius: 12px;
    position: relative
}

.screenshot__image {
    border-radius: 12px;
    width: 365px;
    height: 240px;
    position: absolute;
    left: 56px;
    top: -36px
}

.how-to-start {
    background: url(../img/60efc58.svg) calc(50% + 435px) top no-repeat;
    margin-top: 130px;
    padding-bottom: 95px;
    position: relative
}

.how-to-start:after,
.how-to-start:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-image: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    box-shadow: 0 27px 64px -16px rgba(255, 184, 0, .64)
}

.how-to-start:before {
    width: 47px;
    height: 47px;
    bottom: 70px;
    left: calc(50% + 100px)
}

.how-to-start:after {
    width: 67px;
    height: 67px;
    top: -33.5px;
    left: calc(50% + 587px)
}

.how-to-start__wrapper {
    display: grid;
    grid-template-columns: 1fr 478px;
    grid-column-gap: 185px
}

.how-to-start__title {
    font-weight: 800;
    font-size: 42px;
    text-transform: uppercase;
    margin-top: 35px;
    line-height: 51px
}

.how-to-start__title span {
    font-weight: 300
}

.how-to-start__desc {
    color: rgba(3, 3, 3, .45);
    font-size: 24px;
    line-height: 29px;
    margin: 32px 0 0
}

.how-to-start__screenshot {
    grid-row: span 3;
    margin-top: 106px
}

.how-to-start__button {
    margin-top: 64px
}

@media(max-width:1315px) {
    .how-to-start:after {
        left: calc(50% + 555px)
    }
}

@media(max-width:1280px) {
    .how-to-start {
        background-position-x: calc(50% + 308px)
    }

    .how-to-start:after {
        left: calc(50% + 438px)
    }

    .how-to-start:before {
        left: 50%
    }

    .how-to-start__wrapper {
        grid-column-gap: 85px
    }

    .how-to-start__title {
        font-size: 2.895rem
    }

    .how-to-start__desc {
        font-size: 1.3rem
    }
}

@media(max-width:1024px) {
    .how-to-start {
        margin-top: 50px;
        background: url(../img/60efc58.svg) calc(50% + 63px) 370px no-repeat, url(../img/a8fec73.svg) 0 0 no-repeat
    }

    .how-to-start:after,
    .how-to-start:before {
        display: none
    }

    .how-to-start__wrapper {
        grid-template-columns: 1fr
    }

    .how-to-start__title {
        order: 1;
        text-align: center
    }

    .how-to-start__desc {
        order: 2;
        max-width: 535px;
        margin: 0 auto;
        text-align: center
    }

    .how-to-start__button {
        order: 3;
        justify-self: center
    }

    .how-to-start__screenshot {
        order: 4;
        justify-self: center
    }
}

@media(max-width:576px) {
    .how-to-start {
        background: url(../img/60efc58.svg) calc(50% + 63px) 215px no-repeat, url(../img/a8fec73.svg) 0 0 no-repeat
    }

    .how-to-start__title {
        font-size: 24px;
        line-height: 29px
    }

    .how-to-start__desc {
        font-size: 14px;
        line-height: 19px;
        margin-top: 20px
    }

    .how-to-start__button {
        margin-top: 32px
    }

    .how-to-start__screenshot {
        margin-top: 143px
    }

    .screenshot {
        width: 100%;
        height: 161px;
        border-radius: 12px
    }

    .screenshot__image {
        left: calc(50% - 160px);
        top: -85px;
        width: 320px
    }

    .download-button {
        width: 100%;
        height: 50px;
        font-size: 16px
    }

    .download-button__image {
        margin-left: 8px
    }
}

@media(max-width:355px) {
    .screenshot__image {
        width: 270px;
        left: calc(50% - 135px);
        top: -65px
    }
}

.posts-list__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-row-gap: 16px;
    row-gap: 16px
}

@media(max-width:1280px) {
    .posts-list__items {
        grid-template-columns: repeat(3, 1fr)
    }

    .posts-list__item {
        display: none
    }

    .posts-list__item:first-child,
    .posts-list__item:nth-child(2),
    .posts-list__item:nth-child(3) {
        display: grid
    }
}

@media(max-width:1024px) {
    .posts-list__items {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 40px
    }

    .posts-list__item {
        display: grid
    }
}

@media(max-width:768px) {
    .posts-list__items {
        padding: 0
    }
}

@media(max-width:576px) {
    .posts-list__items {
        grid-template-columns: 1fr
    }
}

@media(min-width:1920px) {
    .posts-list__items {
        grid-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-row-gap: 16px;
        row-gap: 16px
    }
}
.posts {
    margin-top: 85px;
    background: url(../img/3318580.svg) left 6.25rem/11.25rem 14.5rem no-repeat,
    url(../img/14f8f37.svg) 100% 0/8.9375rem 14.5rem no-repeat,
    url(../img/86fe0fa.svg) calc(100% - 14.4375rem) bottom/14.5rem 9.4375rem no-repeat;}

.posts__title {
    text-align: right
}

.posts__items {
    margin-top: 64px
}

@media(max-width:576px) {
    .posts__title {
        text-align: center
    }

    .posts__items {
        margin-top: 32px
    }
}
.post-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 65px 1fr 55px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden;
    transition: all .2s ease;
    order: 2
}

.post-card:hover {
    box-shadow: 0 32px 124px -16px rgba(0, 0, 0, .12);
    transform: translateY(-16px)
}

.post-card--important {
    order: 1;
    grid-column: span 2
}

.post-card__picture {
    grid-column: span 2
}

.post-card__image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.post-card__title {
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 800;
    padding: 0 24px;
    color: #1e1d1d;
    grid-column: span 2;
    align-self: center
}

.post-card__description {
    color: rgba(30, 29, 29, .7);
    padding: 0 24px;
    grid-column: span 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.post-card__date,
.post-card__description {
    font-size: 14px;
    line-height: 17px;
    cursor: default
}

.post-card__date {
    font-weight: 600;
    color: rgba(30, 29, 29, .45);
    padding-left: 24px;
    align-self: center
}

.post-card__action {
    border-width: 0 1px 1px 0;
    border-radius: 0 0 8px 0;
    padding-right: 24px;
    text-align: right;
    align-self: center
}

.post-card__link {
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    outline: none;
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.post-card__link>img {
    margin-left: 8px
}

@media(max-width:1280px) {
    .post-card {
        grid-template-rows: 213px 65px 1fr 55px
    }

    .post-card__image {
        height: 213px
    }
}

@media(max-width:576px) {
    .post-card {
        grid-template-rows: 22px 1fr;
        padding: 8px;
        grid-template-columns: 80px 1fr;
        grid-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        grid-row-gap: 4px;
        row-gap: 4px
    }

    .post-card:hover {
        transform: unset;
        box-shadow: unset
    }

    .post-card__picture {
        grid-column: unset;
        grid-row: span 2
    }

    .post-card__image {
        height: 80px;
        border-radius: 8px
    }

    .post-card__title {
        grid-column: unset;
        font-size: 15px;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 22px
    }

    .post-card__description {
        grid-column: unset;
        -webkit-line-clamp: 3;
        padding: 0;
        line-height: 18px
    }

    .post-card__action,
    .post-card__date {
        display: none
    }
}

@media(min-width:1920px) {
    .post-card {
        grid-template-rows: 200px 65px 1fr 55px;
        border-width: 1px;
        border-radius: 8px
    }

    .post-card:hover {
        box-shadow: 0 32px 124px -16px rgba(0, 0, 0, .12);
        transform: translateY(-16px)
    }

    .post-card__image {
        height: 200px
    }

    .post-card__title {
        line-height: 19.5px;
        padding: 0 24px
    }

    .post-card__description {
        line-height: 17px;
        padding: 0 24px
    }

    .post-card__date {
        line-height: 17px;
        padding-left: 24px
    }

    .post-card__action {
        border-width: 0 1px 1px 0;
        border-radius: 0 0 8px 0;
        padding-right: 24px
    }

    .post-card__link {
        line-height: 19px
    }

    .post-card__link>img {
        margin-left: 8px
    }
}

.social-network {
    margin-top: 180px;
    background: url(/assets/img/c299ac6.svg) left 200px/200px 232px no-repeat;
    position: relative;
    padding-bottom: 65px
}

.social-network__items {
    display: flex;
    justify-content: space-between;
    padding: 64px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 64px;
    background-color: #fff
}

.social-network:after,
.social-network:before {
    content: "";
    position: absolute;
    background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
    box-shadow: 0 27px 64px -16px rgba(255, 184, 0, .64);
    border-radius: 50%
}

.social-network:after {
    width: 37px;
    height: 37px;
    top: 210px;
    right: calc(50% - 772px)
}

.social-network:before {
    width: 81px;
    height: 81px;
    top: 370px;
    left: calc(50% - 785px)
}

@media(max-width:1553px) {
    .social-network:after {
        display: none
    }
}

@media(max-width:768px) {
    .social-network {
        background: url(/assets/newdelore/img/c299ac6.svg) left 0/200px 232px no-repeat, url(/assets/img/c299ac6.svg) right 220px/200px 232px no-repeat
    }
}

@media(max-width:576px) {
    .social-network__title {
        text-align: center;
        font-size: 24px;
        line-height: 29px
    }

    .social-network__items {
        margin-top: 32px;
        padding: 27px
    }
}

.container-social {
   width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.community {
    background: url(../img/social-network-orange-line.png) no-repeat left center;
    width: 608px;
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 23px 0;
    padding-left: 170px;
    left: 0;
    -webkit-transition: .7s;
    transition: .7s;
    cursor: pointer;
    margin-top: 25px;
}

@media (min-width: 992px) {
    .container-social {
        max-width: 960px;
    }
   
}
@media (min-width: 768px) {
    .container-social {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container-social {
        max-width: 540px;
    }
}


@media(max-width: 992px) {
    .community {
        width:100%;
        background: #fcac17;
        padding: 20px
    }
}

.community h3 {
    margin: 0;
    color: #191919;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.community p {
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    color: #fff
}

.community.gray {
    background-image: url(../img/social-network-gray-line.png);
    left: 28px;
    width: 553px
}

@media(max-width: 992px) {
    .community.gray {
        width:100%;
        left: unset;
        background: #eaeaea;
        padding: 20px
    }
}

.community.gray h3 {
    color: #fcac16;
}

.community.gray p {
    color: #191919;
}

.community:hover {
    left: -25px;
}

.footer {
    height: 4.6875rem;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    margin-top: 7rem
}

.footer__container {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    align-items: center;
    grid-column-gap: 6.875rem;
    -moz-column-gap: 6.875rem;
    column-gap: 6.875rem
}

.footer__links {
    display: flex;
    justify-content: space-between
}

.footer__link {
    color: rgba(30, 29, 29, .45);
    font-weight: 600;
    font-size: .875rem
}

.halloween-2022 .footer {
    background-color: #101010
}

.halloween-2022 .footer__link {
    color: rgba(244, 241, 225, .45)
}

.halloween-2022 .footer__link:hover {
    color: rgba(244, 241, 225, .6)
}

@media(max-width:1280px) {
    .footer__container {
        grid-column-gap: 3.125rem;
        -moz-column-gap: 3.125rem;
        column-gap: 3.125rem
    }

    .footer__links {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        text-align: center;
        align-items: center
    }
}

@media(max-width:1024px) {
    .footer {
        height: auto;
        padding: 1rem 0
    }

    .footer__container {
        grid-template-columns: 1fr;
        grid-row-gap: 2rem;
        row-gap: 2rem
    }

    .footer__container>.logo {
        justify-self: center
    }

    .footer__links {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        text-align: center;
        align-items: center
    }
}

@media(max-width:1024px) {
    .footer__container {
        grid-row-gap: 1rem;
        row-gap: 1rem
    }

    .footer__links {
        grid-template-columns: 1fr
    }

    .footer__link:nth-child(3) {
        margin-top: .5rem
    }

    .footer__link:first-child,
    .footer__link:nth-child(2) {
        font-weight: 400
    }
}

.currency-helper {
    font-size: .8rem;
    margin-top: 3rem;
    text-align: center
}

.shop-page {
    position: relative;
    background: url("../img/3318580.svg") left 37.4375rem/11.25rem 14.5rem no-repeat, url("../img/3f573ff.svg") calc(100% - 2.6875rem) 3rem/14.5rem 14.5rem no-repeat, url("../img/14f8f37.svg") right 65.625rem/8.9375rem 14.5rem no-repeat, url("../img/b82b40c.svg") 5.6875rem bottom/14.5rem 13.6875rem no-repeat, url("../img/86fe0fa.svg") calc(100% - 20.6875rem) bottom/14.5rem 9.4375rem no-repeat
}

.shop-page:before {
    width: 36.5rem;
    height: 40.5625rem;
    left: 0;
    top: -5.8125rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTg0IiBoZWlnaHQ9IjY0OSIgdmlld0JveD0iMCAwIDU4NCA2NDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4zNTkzIDM3NC42MzNMNDEuOTA2NyAzMjEuMTA3QzU3LjczMjIgMjQwLjc5NSAxMzUuMzg2IDE4OC4yOTIgMjE1LjgxMiAyMDMuNTI3QzMyMi4zNjggMjIzLjcxMSA0MTQuMDY0IDEyNi45NDkgMzg3Ljc1NSAyMS43Mzc1QzMzOC4wNDUgLTE3Ny4wNTggMjgzLjc0MSAtMzg5LjI4NyAyNzguMzY1IC0zOTIuMzgzQzI3Mi4yOTIgLTM5NS44NzkgMTUzLjk2NCAtMjcwLjMzNSA2MC4xNTI1IC0xNjguODA1QzE4LjAyMDggLTEyMy4yMDcgLTM2LjE4OCAtOTAuNDk5OSAtOTYuMjk1NSAtNzQuOTY0TC0yNjMuMDA5IC0zMS44NzM5Qy0zODQuMDE2IC0wLjU5NzM4NyAtNDcxLjE5NSAxMDQuOTM5IC00NzkuMDYyIDIyOS42NzVMLTQ4MC41OTEgMjUzLjkxMUMtNDg5LjU4NyAzOTYuNTM0IC0zODMuNDQ2IDUyMC40MTQgLTI0MS4xMzEgNTMzLjM5M0wtMTg3LjI2IDUzOC4zMDVDLTgzLjIyMjUgNTQ3Ljc5MyAxMS4xNjIgNDc3LjEzMSAzMS4zNTkzIDM3NC42MzNaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI3NjUuOTAxIiB5MT0iNjEzLjQ0NCIgeDI9Ii0yNjkuMDkxIiB5Mj0iNzc4LjYyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) 50%/contain no-repeat;
}
.shop-page:after, .shop-page:before{
    content:" ";
    position:absolute;
    z-index:1
}
.shop-page:after{
    width: 46.5625rem;
    height: 37.4375rem;
    right:0;
    top:6.4375rem;
    background-position: -36.125rem 28.3125rem,-2.125rem -4.0625rem,50%;
    background-size: 85.8125rem 20.0625rem,41.5rem 40.75rem,contain;
    background-repeat:no-repeat
}
.no-webp .shop-page:after{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjg1IiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDY4NSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMzMuMjY4IDQuMTk2NjNMMjMyLjIxIDI5Ljk1MDdDMjYxLjc5NCAzNy42NTE1IDI5My4yMzcgMzMuMDA5OCAzMTkuMzM0IDE3LjA4OTRDMzY5LjQzNyAtMTMuNDc1IDQzNC42MDcgLTAuNDk1Mjg5IDQ2OS4xNzYgNDYuOTMyOEw0ODYuMjExIDcwLjMwMzNDNTAyLjMxNiA5Mi40MDAyIDUyNy4wMDIgMTA2LjY3MSA1NTQuMTg4IDEwOS42MDNMNjIyLjM5IDExNi45NTdDNjg1LjU0MyAxMjMuNzY2IDcwNy42NzUgMjA0LjQyNCA2NTYuODQxIDI0Mi41MTFDNjQzLjA5NiAyNTIuODA5IDYyNi4wNDMgMjU3LjY5MiA2MDguOTMgMjU2LjIyOUw5Ny41MTc4IDIxMi41MTFDNDkuMjU0NyAyMDguMzg1IDkuOTE5MzUgMTcyLjA4NSAxLjk0MDA0IDEyNC4zMDhDLTEwLjcxNzUgNDguNTE4OSA1OC45MDc0IC0xNS4xNTkyIDEzMy4yNjggNC4xOTY2M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=),url(../img/businessman.png),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQ1IiBoZWlnaHQ9IjU5OSIgdmlld0JveD0iMCAwIDc0NSA1OTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MDIuMzA1IDguNDgyODVMNTI1LjIyNiA0Ljg1MzNDNjgxLjY4MiAtMTkuOTIyMiA4MzIuMjM2IDc1LjUzODUgODc1LjY1NSAyMjcuODc3QzkyNy44OTYgNDExLjE2OCA5NzguMzc5IDU5Mi41MjcgOTc1LjUgNTk3LjVDOTcxLjk4OSA2MDMuNTY0IDgwNi43NDIgNTU0LjAwNCA2NzQuNzM0IDUxMi45ODJDNjE1LjQ0OCA0OTQuNTU5IDU1Mi4xNDggNDkzLjMzOCA0OTIuMzI1IDUwOS45MzhMMjUyLjA5MiA1NzYuNTk2QzE3NS45ODQgNTk3LjcxNSA5NC45MjU4IDU2Ny41MDMgNTEuMjA2NiA1MDEuNzIzTDI3LjgzNjUgNDY2LjU2Qy00NC45ODA2IDM1Ni45OTkgMzcuMTUzNCAyMTEuMDc3IDE2OC41OTQgMjE2LjQ4NkMyMjIuMDA0IDIxOC42ODMgMjczLjAyMyAxOTQuMjM5IDMwNC43NzggMTUxLjIzOUwzMzUuMjY2IDEwOS45NTJDMzc1LjQ2NyA1NS41MTMyIDQzNS40NjQgMTkuMDY3NCA1MDIuMzA1IDguNDgyODVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI4OTQuODA3IiB5MT0iLTUxNy4zNCIgeDI9Ii04NC4xMTUiIHkyPSItMTQyLjg5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.shop-page:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjg1IiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDY4NSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMzMuMjY4IDQuMTk2NjNMMjMyLjIxIDI5Ljk1MDdDMjYxLjc5NCAzNy42NTE1IDI5My4yMzcgMzMuMDA5OCAzMTkuMzM0IDE3LjA4OTRDMzY5LjQzNyAtMTMuNDc1IDQzNC42MDcgLTAuNDk1Mjg5IDQ2OS4xNzYgNDYuOTMyOEw0ODYuMjExIDcwLjMwMzNDNTAyLjMxNiA5Mi40MDAyIDUyNy4wMDIgMTA2LjY3MSA1NTQuMTg4IDEwOS42MDNMNjIyLjM5IDExNi45NTdDNjg1LjU0MyAxMjMuNzY2IDcwNy42NzUgMjA0LjQyNCA2NTYuODQxIDI0Mi41MTFDNjQzLjA5NiAyNTIuODA5IDYyNi4wNDMgMjU3LjY5MiA2MDguOTMgMjU2LjIyOUw5Ny41MTc4IDIxMi41MTFDNDkuMjU0NyAyMDguMzg1IDkuOTE5MzUgMTcyLjA4NSAxLjk0MDA0IDEyNC4zMDhDLTEwLjcxNzUgNDguNTE4OSA1OC45MDc0IC0xNS4xNTkyIDEzMy4yNjggNC4xOTY2M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=),url(../img/businessman.png),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQ1IiBoZWlnaHQ9IjU5OSIgdmlld0JveD0iMCAwIDc0NSA1OTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MDIuMzA1IDguNDgyODVMNTI1LjIyNiA0Ljg1MzNDNjgxLjY4MiAtMTkuOTIyMiA4MzIuMjM2IDc1LjUzODUgODc1LjY1NSAyMjcuODc3QzkyNy44OTYgNDExLjE2OCA5NzguMzc5IDU5Mi41MjcgOTc1LjUgNTk3LjVDOTcxLjk4OSA2MDMuNTY0IDgwNi43NDIgNTU0LjAwNCA2NzQuNzM0IDUxMi45ODJDNjE1LjQ0OCA0OTQuNTU5IDU1Mi4xNDggNDkzLjMzOCA0OTIuMzI1IDUwOS45MzhMMjUyLjA5MiA1NzYuNTk2QzE3NS45ODQgNTk3LjcxNSA5NC45MjU4IDU2Ny41MDMgNTEuMjA2NiA1MDEuNzIzTDI3LjgzNjUgNDY2LjU2Qy00NC45ODA2IDM1Ni45OTkgMzcuMTUzNCAyMTEuMDc3IDE2OC41OTQgMjE2LjQ4NkMyMjIuMDA0IDIxOC42ODMgMjczLjAyMyAxOTQuMjM5IDMwNC43NzggMTUxLjIzOUwzMzUuMjY2IDEwOS45NTJDMzc1LjQ2NyA1NS41MTMyIDQzNS40NjQgMTkuMDY3NCA1MDIuMzA1IDguNDgyODVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI4OTQuODA3IiB5MT0iLTUxNy4zNCIgeDI9Ii04NC4xMTUiIHkyPSItMTQyLjg5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
}

@media(max-width:90rem) {
    .shop-page:before {
        background-position-x: -40px
    }

    .shop-page:after {
        background-position-x: 50px, 66px, 100px
        
    }
}

@media(max-width:80rem) {
    .shop-page {
        background: unset
    }

    .shop-page:after {
        background-position-x: 220px, 236px, 270px
    }
}

@media(max-width:64rem) {
    .shop-page:before {
        top: -59px;
        left: 0;
        width: 255px;
        height: 343px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM2IiBoZWlnaHQ9IjE4MyIgdmlld0JveD0iMCAwIDEzNiAxODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02NC43OTE3IDE1MC4wMUw2Ni44NDgyIDEzOS41NzRDNjkuOTMzOCAxMjMuOTE1IDg1LjA3NDUgMTEzLjY3OCAxMDAuNzU2IDExNi42NDhDMTIxLjUzMiAxMjAuNTg0IDEzOS40MSAxMDEuNzE3IDEzNC4yODEgODEuMjAzNUMxMjQuNTg4IDQyLjQ0MjkgMTE0IDEuMDYzMDUgMTEyLjk1MiAwLjQ1OTUxN0MxMTEuODkgLTAuMTUyMDEyIDkzLjIxNDMgMTkuNDgzNSA3Ni4xNzY2IDM3LjgyM0M2NC4xNjk0IDUwLjc0NzYgNDguNzY3NCA2MC4wNTc1IDMxLjY4NzMgNjQuNDcyMUw3LjM5NjYzIDcwLjc1MDVDLTE2LjE5NyA3Ni44NDg3IC0zMy4xOTQ4IDk3LjQyNTggLTM0LjcyODggMTIxLjc0N0wtMzUuMDI2OSAxMjYuNDcyQy0zNi43ODA5IDE1NC4yOCAtMTYuMDg1OCAxNzguNDM0IDExLjY2MjQgMTgwLjk2NEwyMi4xNjYgMTgxLjkyMkM0Mi40NTA5IDE4My43NzIgNjAuODUzNyAxNjkuOTk1IDY0Ljc5MTcgMTUwLjAxWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE0MF8xMTE1KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE0MF8xMTE1IiB4MT0iMjA4LjAxMSIgeTE9IjE5Ni41NzMiIHgyPSI2LjIxMDgyIiB5Mj0iMjI4Ljc4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGOTY5MTgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZCODAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) center -79px/contain no-repeat;
    }

    .shop-page:after {
        top: -59px;
        right: 0;
        width: 276px;
        height: 249px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ3IiBoZWlnaHQ9IjEzMyIgdmlld0JveD0iMCAwIDE0NyAxMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNDkuODQxIDI2Ljc0NDVMMTQwLjE1NiAzMS4xNDRDMTI1LjYyNSAzNy43NDUyIDEwOC40OSAzMS4zODcxIDEwMS43ODIgMTYuOTA1MkM5Mi44OTUyIC0yLjI4MTk2IDY3LjE0ODYgLTUuODQ1ODQgNTMuNDQ5IDEwLjI2MTZDMjcuNTYzOCA0MC42OTY0IDAuMDY5MzQ1MiA3My4zODM2IDAuMTg4MzY1IDc0LjU4NzNDMC4zMDg5ODEgNzUuODA2OSAyNy4xNDQ4IDc5LjU3MTcgNTEuOTczNiA4Mi43NTgzQzY5LjQ3MTQgODUuMDA0IDg2LjAwNDUgOTIuMTE0IDk5LjUzMjYgMTAzLjQzN0wxMTguNzcyIDExOS41NEMxMzcuNDU5IDEzNS4xODEgMTY0LjA4NCAxMzcuMDMzIDE4NC43NTcgMTI0LjEzTDE4OC43NzQgMTIxLjYyM0MyMTIuNDExIDEwNi44NyAyMjAuMDE1IDc1Ljk4NTQgMjA1LjkyOCA1MS45NDUxTDIwMC41OTYgNDIuODQ1MUMxOTAuMjk4IDI1LjI3MDggMTY4LjM4NiAxOC4zMTk3IDE0OS44NDEgMjYuNzQ0NVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDBfMTEyMikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNDBfMTEyMiIgeDE9IjEwNC4zODIiIHkxPSItMTE2LjgyOSIgeDI9IjI0Ny45ODkiIHkyPSIyOC41NTg3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGOTY5MTgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZCODAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) center -80px/contain no-repeat!important;
    }
}

@media(max-width:48rem) {
    .shop-page:before {
        background-position-x: -64px !important
    }

    .shop-page:after {
        background-position-x: 64px !important
    }
}

@media(max-width:36rem) {
    .shop-page:before {
        width: 170px;
        height: 229px;
        background-position: -40px -32px !important
    }

    .shop-page:after {
        width: 184px;
        height: 166px;
        background-position: 0 -40px !important
    }
}

.shop-header {
    margin-top: 13rem;
    position: relative
}

.shop-header__title {
    color: #030303;
    font-size: 4rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 4.875rem
}

.shop-header__title>span {
    font-weight: 300
}

.shop-header__subtitle {
    color: rgba(3, 3, 3, .45);
    font-size: 1.5rem;
    max-width: 38rem;
    line-height: 1.8125rem;
    margin-top: 2rem
}

.shop-header__subtitle img {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: middle
}

.shop-header__button {
    width: 15rem;
    height: 4.875rem;
    background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
    box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, .64);
    border-radius: .5rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin-top: 4rem;
    transition: transform .2s ease
}

.shop-header__button:hover {
    transform: scale(1.03)
}

@media(max-width:64rem) {
    .shop-header {
        margin-top: 128px
    }

    .shop-header__title {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .shop-header__subtitle {
        max-width: unset;
        text-align: center
    }

    .shop-header__button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 64px;
        height: 70px
    }
}

@media(max-width:36rem) {
    .shop-header {
        margin-top: 64px
    }

    .shop-header__title {
        font-size: 42px;
        line-height: 52px
    }

    .shop-header__subtitle {
        font-size: 16px;
        margin-top: 32px
    }

    .shop-header__subtitle img {
        width: 24px;
        height: 24px
    }

    .shop-header__button {
        margin-top: 32px;
        width: 100%;
        height: 50px;
        font-size: 16px
    }
}

.shop-mobile-divider {
    display: none
}

@media(max-width:36rem) {
    .shop-mobile-divider {
        display: block;
        height: 465px;
        margin-top: 64px;
        margin-left: -15px;
        margin-right: -15px;
        background-repeat: no-repeat;
        background-size: 576px, contain, 576px;
        background-position: 50% calc(100% + 57px), center 65px, top
    }

    

    .shop-mobile-divider {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQxNCAxNDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOTcuNDk0IDEzLjYxNjlMMjAzLjYyNyA5Ljg1MTI5QzIzMC40IC02LjU4NzUzIDI2NS4yNDUgLTAuMzI4ODQ4IDI4NC42MjUgMjQuMzk5NUMyOTEuMTAxIDMyLjY2NDEgMjk5LjU3NyAzOS4xNDI3IDMwOS4yNTEgNDMuMjI0MUwzMzMuNDU3IDUzLjQzNThDMzQ5LjgyNSA2MC4zNDEyIDM2Ny43OTkgNjIuNTI3OCAzODUuMzQ2IDU5Ljc0ODFMNDI4Ljg0NyA1Mi44NTY5QzQ0Ni44MjMgNTAuMDA5MyA0NjQuNDA2IDU5Ljg2MjEgNDcxLjM2MSA3Ni42ODA1QzQ4MS44NDQgMTAyLjAyNiA0NjMuODI4IDEzMC4wNTEgNDM2LjQxOCAxMzEuMDM3TDMuMjI1MTMgMTQ2LjYyOEMtMjguMDkwNiAxNDcuNzU1IC00My40NjMgMTA4LjkyMiAtMTkuODYwNyA4OC4zMDkzQy0xNi45NzUyIDg1Ljc4OTQgLTE0LjU0NjYgODIuNzkgLTEyLjY4MTggNzkuNDQzNkwtNC45NzExNiA2NS42MDY2QzEwLjY4NTMgMzcuNTEwNSA0Ni44ODg1IDI4LjU5MzcgNzMuODAyNiA0Ni4yMDQ3QzkwLjU5NzIgNTcuMTk0IDExMi4wMiA1OC4yNDY4IDEyOS44MTEgNDguOTU3MkwxOTcuNDk0IDEzLjYxNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K),url(../img/businessman.png),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE0IiBoZWlnaHQ9IjMzNSIgdmlld0JveD0iMCAwIDQxNCAzMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMjIuODI1IDQuNzgzMzlMMjQwLjIyNCAyLjMwNzM1QzMzOC45MzMgLTExLjc0IDQzMy41MiA0Ny4yNjgzIDQ2My41OTUgMTQyLjMyN0M0OTQuMzI4IDIzOS40NjMgNTIyLjYzIDMzMS4yNDIgNTIwLjkyNyAzMzMuODg2QzUxOC45NTQgMzM2Ljk0OCA0MzQuOTk5IDMxNC42NzEgMzU4LjIzMyAyOTMuNDI2QzMwNS4wNTcgMjc4LjcxIDI0OC45ODIgMjc3LjY4MSAxOTUuNDQ3IDI5MS4wMzFMNTguMTg2NCAzMjUuMjU5QzE3LjU0OTUgMzM1LjM5MiAtMjUuMTg5NCAzMjAuMDQyIC01MC4wOTI0IDI4Ni4zNjhMLTU4LjAzNDUgMjc1LjYyOUMtMTA2LjQxNiAyMTAuMjA5IC01Ny42OTQ5IDExNy44NjUgMjMuNjE3IDEyMC44NzFDNTMuOTA0OCAxMjEuOTkxIDgyLjk3ODIgMTA4LjkwMyAxMDIuMjIgODUuNDg2M0wxMjEuOTIgNjEuNTExOUMxNDcuMjc5IDMwLjY1MDkgMTgzLjI4IDEwLjQxMTEgMjIyLjgyNSA0Ljc4MzM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE0MF8xMTE0KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE0MF8xMTE0IiB4MT0iNDcwLjY4MyIgeTE9Ii0yODkuOTQ0IiB4Mj0iLTEyMC44NjIiIHkyPSItMzguMTY3NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
        
    }
}
@media(max-width:467px){
    .shop-mobile-divider{
        height:371px;
        background-size:467px,contain,467px;
        background-position:50% calc(100% + 57px),center 65px,top}
    }
   
    .shop-packets {
        margin-top: 4rem
    }
   
    .shop-packets__packets {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 1rem
    }
   
    @media(max-width:80rem) {
        .shop-packets__packets {
            grid-template-columns: repeat(3, 1fr)
        }
    }
   
    @media(max-width:64rem) {
        .shop-packets__title {
            text-align: center
        }
   
        .shop-packets__packets {
            grid-template-columns: repeat(2, 306px);
            justify-content: center
        }
    }
   
    @media(max-width:48rem) {
        .shop-packets__title {
            font-size: 24px;
            line-height: 29px
        }
   
        .shop-packets__packets {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 32px 8px
        }
    }
   
    @media(max-width:36rem) {
        .shop-packets__packets {
            grid-gap: 24px 4px
        }
    }
   
    @media(max-width:340px) {
        .shop-packets__packets {
            grid-template-columns: 1fr;
            grid-gap: 24px 4px
        }
    }
   
    .shop-packet {
        position: relative
    }
   
    .shop-packet__container {
        height: 21.25rem;
        border: .0625rem solid rgba(30, 29, 29, .1);
        border-radius: .5rem;
        overflow: hidden;
        position: relative
    }
   
    .shop-packet__container:after {
        content: " ";
        position: absolute;
        bottom: 0
    }
   
    .shop-packet__name {
        font-size: 1.25rem;
        font-weight: 800;
        line-height: 1.4375rem;
        text-transform: uppercase;
        text-align: center;
        margin-top: 2.6875rem
    }
   
    .shop-packet__name>span {
        font-weight: 300;
        display: block
    }
   
    .shop-packet__sum {
        font-size: 2.25rem;
        font-weight: 800;
        line-height: 3.1875rem;
        margin-top: 2.5625rem;
        text-align: center
    }
   
    .shop-packet__buy {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-align: center;
        opacity: 0
    }
   
    .shop-packet__button {
        font-size: 1.25rem;
        font-weight: 800;
        color: #65c466;
        line-height: 4rem
    }
   
    .shop-packet:hover {
        transform: translateY(-15px)
    }
   
    .shop-packet:hover .shop-packet__container {
        box-shadow: 0 32px 124px -16px rgba(0, 0, 0, .12)
    }
   
    .shop-packet:hover .shop-packet__sum {
        background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent
    }
   
    .shop-packet:hover .shop-packet__buy {
        opacity: 1
    }
   
    .shop-packet:first-child .shop-packet__container {
        background: url(../img/41fcbd8.svg) bottom/100% no-repeat
   
    }

    .shop-packet:first-child .shop-packet__container:after {
        background: 50%/contain no-repeat;
        width: 224px;
        height: 192px;
        left: calc(50% - 112px)
    }

    .no-webp .shop-packet:first-child .shop-packet__container:after {
        background-image: url(../img/b5721ea.webp);
    }

     .shop-packet:first-child .shop-packet__container:after {
        background-image: url(../img/b5721ea.webp);
    }

    .shop-packet:first-child:hover .shop-packet__container:after {
        width: 232px;
        height: 147px
    }

    .no-webp .shop-packet:first-child:hover .shop-packet__container:after {
        background-image: url(../img/b5721ea.webp);
    }

    .shop-packet:first-child:hover .shop-packet__container:after {
        background-image: url(../img/73f73d8.webp);
    }

    .shop-packet:nth-child(2) .shop-packet__container {
        background: url("../img/41fcbd8.svg") bottom/100% no-repeat
    }

    .shop-packet:nth-child(2) .shop-packet__container:after {
        background: 50%/contain no-repeat;
        width: 224px;
        height: 182px;
        left: calc(50% - 112px)
    }

    .shop-packet:nth-child(2) .shop-packet__container:after {
        background-image: url("../img/33e5649.webp")
    }

    .shop-packet:nth-child(2):hover .shop-packet__container:after {
        background-position-y: 30px
    }


     .shop-packet:nth-child(2):hover .shop-packet__container:after {
        background-image: url("../img/0be0bac.webp")
    }

    .shop-packet:nth-child(3) .shop-packet__container {
        background: url("../img/f4b34d0.svg") bottom/100% no-repeat
    }

    .shop-packet:nth-child(3) .shop-packet__container:after {
        background: 50%/contain no-repeat;
        width: 307px;
        height: 235px;
        left: calc(50% - 153px)
    }

     .shop-packet:nth-child(3) .shop-packet__container:after {
        background-image: url("../img/8b89447.webp")
    }

    .shop-packet:nth-child(3):hover .shop-packet__container:after {
        height: 204px
    }

    .shop-packet:nth-child(3):hover .shop-packet__container:after {
        background-image: url("../img/ca77db5.webp")
    }

    .shop-packet:nth-child(4) .shop-packet__container {
        background: url("../img/81e2e91.svg") bottom/100% no-repeat
    }

    .shop-packet:nth-child(4) .shop-packet__container:after {
        background: 50%/contain no-repeat;
        width: 287px;
        height: 223px;
        left: calc(50% - 143px)
    }

    .shop-packet:nth-child(4) .shop-packet__container:after {
        background-image: url("../img/d16806f.webp")
    }

    .shop-packet:nth-child(4):hover .shop-packet__container:after {
        height: 190px
    }

     .shop-packet:nth-child(4):hover .shop-packet__container:after {
        background-image: url("../img/fb5d078.webp")
    }

    .shop-packet:nth-child(5) .shop-packet__container {
        background: url("../img/603e05d.svg") bottom/100% no-repeat
    }

    .shop-packet:nth-child(5) .shop-packet__container:after {
        background: 50%/contain no-repeat;
        width: 306px;
        height: 254px;
        left: calc(50% - 153px)
    }

    .shop-packet:nth-child(5) .shop-packet__container:after {
        background-image: url("../img/58f1cc9.webp")
    }

    .shop-packet:nth-child(5):hover .shop-packet__container:after {
        height: 201px
    }

    .shop-packet:nth-child(5):hover .shop-packet__container:after {
        background-image: url("../img/6e20224.webp")
    }

    @media(max-width:80rem) {
        .shop-packet__sum {
            font-size: 35px
        }
    }

    @media(max-width:36rem) {
        .shop-packet__container {
            height: 234px
        }

        .shop-packet__name {
            font-size: 14px;
            margin-top: 32px
        }

        .shop-packet__sum {
            font-size: 23px;
            margin-top: 0
        }

        .shop-packet__button {
            font-size: 14px;
            line-height: 32px
        }

        .shop-packet:first-child .shop-packet__container:after {
            background-position-y: 85px
        }

        .shop-packet:first-child:hover .shop-packet__container:after {
            background-position-y: 15px
        }

        .shop-packet:nth-child(2) .shop-packet__container:after {
            background-position-y: 85px
        }

        .shop-packet:nth-child(2):hover .shop-packet__container:after {
            background-position-y: 15px
        }

        .shop-packet:nth-child(3) .shop-packet__container:after {
            background-position-y: 85px
        }

        .shop-packet:nth-child(3):hover .shop-packet__container:after {
            background-position-y: 22px
        }

        .shop-packet:nth-child(4) .shop-packet__container:after {
            background-position-y: 85px
        }

        .shop-packet:nth-child(4):hover .shop-packet__container:after {
            background-position-y: 29px
        }

        .shop-packet:nth-child(5) .shop-packet__container:after {
            background-position-y: 55px
        }

        .shop-packet:nth-child(5):hover .shop-packet__container:after {
            background-position-y: 5px
        }
    }

    @media(max-width:380px) {
        .shop-packet__container {
            max-width: 215px;
            margin: 0 auto
        }
    }
    .another-methods-container {
        text-align: center;
        margin-top: .5rem
    }
    
    .another-methods-container>a {
        font-size: .9em
    }
    
    .form-button-checkbox {
        display: flex;
        margin-top: .5rem
    }
    
    .form-button-checkbox>p {
        font-size: .75rem;
        text-align: center
    }
    
    .form-button-checkbox a {
        color: #000080
    }
    
    .product-info {
        margin-top: 1rem
    }
    
    .check__overlay {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .modal-overlay {
        background-color: rgba(30,29,29,.24);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1000;
    }

    .body-hide-scroll {
        max-height: 100vh;
        overflow: hidden
    }
    
    .modal-content {
        position: relative
    }
    
    .modal-close-button {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        position: absolute;
        top: 2rem;
        right: 2rem;
        background-color: #00000045;
        display: flex;
        justify-content: center;
        align-items: center
    }
    
    .modal-close-button>svg {
        width: .5rem;
        height: .5rem
    }
    
    .modal-close-button--no-border {
        background-color: transparent
    }
    
    .modal-close-button--no-border>svg {
        width: 1rem;
        height: 1rem
    }
    
    .modal-overlay {
        background-color: rgba(30, 29, 29, .24);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1000
    }
    
    .modal-overlay--white {
        background-color: hsla(0, 0%, 100%, .24);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }
    
    .modal-body {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
    }

    .modal-open {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .check__wrapper {
        width: 24.5625rem;
        background-color: #fff;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTg0IiBoZWlnaHQ9IjY0OSIgdmlld0JveD0iMCAwIDU4NCA2NDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4zNTkzIDM3NC42MzNMNDEuOTA2NyAzMjEuMTA3QzU3LjczMjIgMjQwLjc5NSAxMzUuMzg2IDE4OC4yOTIgMjE1LjgxMiAyMDMuNTI3QzMyMi4zNjggMjIzLjcxMSA0MTQuMDY0IDEyNi45NDkgMzg3Ljc1NSAyMS43Mzc1QzMzOC4wNDUgLTE3Ny4wNTggMjgzLjc0MSAtMzg5LjI4NyAyNzguMzY1IC0zOTIuMzgzQzI3Mi4yOTIgLTM5NS44NzkgMTUzLjk2NCAtMjcwLjMzNSA2MC4xNTI1IC0xNjguODA1QzE4LjAyMDggLTEyMy4yMDcgLTM2LjE4OCAtOTAuNDk5OSAtOTYuMjk1NSAtNzQuOTY0TC0yNjMuMDA5IC0zMS44NzM5Qy0zODQuMDE2IC0wLjU5NzM4NyAtNDcxLjE5NSAxMDQuOTM5IC00NzkuMDYyIDIyOS42NzVMLTQ4MC41OTEgMjUzLjkxMUMtNDg5LjU4NyAzOTYuNTM0IC0zODMuNDQ2IDUyMC40MTQgLTI0MS4xMzEgNTMzLjM5M0wtMTg3LjI2IDUzOC4zMDVDLTgzLjIyMjUgNTQ3Ljc5MyAxMS4xNjIgNDc3LjEzMSAzMS4zNTkzIDM3NC42MzNaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI3NjUuOTAxIiB5MT0iNjEzLjQ0NCIgeDI9Ii0yNjkuMDkxIiB5Mj0iNzc4LjYyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
        background-position: inherit;
        background-size: 60%;
        background-repeat: no-repeat;
        min-height: 18.75rem;
        position: relative;
        margin-bottom: 0.5625rem;
        border-radius: 0.75rem 0.75rem 0 0;
        padding: 4.5625rem 2rem 4rem;
    }
    
    .check__wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -.5625rem;
        height: .5625rem;
        width: 100%;
        background: url("../img/04f419a.svg") 0 0/24.5625rem .5625rem no-repeat
    }
    .check__wrapper.isLoading {
        min-height: unset
    }
    
    .check__loader {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    
    .check__loader .radmir-loader {
        width: 6rem;
        height: 6rem
    }
    
    .check__loader span {
        font-size: 1.2rem;
        margin-top: 2rem;
        font-weight: 600
    }
    
    .check__logo {
        width: 4rem;
        height: 4rem;
        margin: 0 auto;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: linear-gradient(208.78deg, rgb(255 255 255 / 15%) -1.13%, rgb(197 197 197 / 15%) 95.96%);
    }
    
    .check__logo>img {
        width: 2.9rem;
        height: 3rem;
    }
    
    .check__body {
        margin-top: 4rem
    }
    
    .form-container {
        position: relative
    }
    
    .payment-nickname {
        font-weight: 600;
        font-size: 1.5rem;
        text-align: center
    }
    
    .payment-description {
        color: rgba(30, 29, 29, .45);
        text-align: center;
        margin-bottom: 2rem
    }
    
    .payment-sum {
        background-color: rgba(101, 196, 102, .1);
        border-radius: 4px;
        padding: 2rem 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #65c466;
        margin: 2rem 0
    }
    
    .payment-sum__value {
        font-weight: 600
    }
    
    .payment-sum__value span {
        color: rgba(101, 196, 102, .45)
    }
    
    .payment-row {
        display: flex;
        justify-content: space-between
    }
    
    .payment-row__key {
        font-weight: 400;
        color: rgba(30, 29, 29, .45)
    }
    
    .payment-row__value {
        font-weight: 600
    }
    
    .payment-row__value span {
        color: rgba(30, 29, 29, .45)
    }
    
    .payment-info {
        display: grid;
        grid-row-gap: 1rem
    }
    .server-select-option {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .5rem;
        border-radius: .25rem
    }
    
    .server-select-option:hover {
        background-color: #f2f2f2
    }
    
    .server-select-option__name {
        font-weight: 600
    }
    
    .server-select-option__name>span {
        font-weight: 300
    }
    
    .server-select-option__icon {
        width: 1.125rem
    }
    
    .select {
        position: relative;
        width: 100%;
        line-height: 1.1875rem;
        padding: .5rem;
        background-color: #f8f8f8;
        border-radius: .25rem;
        outline: none;
        border: .0625rem solid transparent;
        font-weight: 600;
        cursor: pointer
    }
    
    .select__placeholder {
        color: rgba(30, 29, 29, .45);
        padding: .5rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    
    .select__placeholder>span {
        width: .6875rem;
        height: .3125rem;
        display: block;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFFMUQxRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNkw2LjUgMUwxMiA2IiAvPgo8L3N2Zz4K);transform:rotate(180deg);transition:transform .2s ease}.select--opened {
            border-radius: .25rem .25rem 0 0;
            background: #fff;
            border: .0625rem solid rgba(30, 29, 29, .1);
            border-bottom-width: 0
        }
        
        .select--opened:after {
            position: absolute;
            content: " ";
            bottom: 0;
            height: .0625rem;
            background-color: rgba(30, 29, 29, .1);
            width: calc(100% - 2rem);
            left: 1rem
        }
        
        .select--opened .select__placeholder {
            color: #1e1d1d
        }
        
        .select--opened .select__placeholder>span {
            transform: rotate(0deg)
        }
        
        .select--opened .simplebar-track.simplebar-vertical {
            width: .0625rem;
            right: 0
        }
        
        .select__options {
            position: absolute;
            width: calc(100% + .125rem);
            top: 3.1875rem;
            left: -.0625rem;
            z-index: 5;
            background: #fff;
            border: .0625rem solid rgba(30, 29, 29, .1);
            border-top-width: 0;
            border-radius: 0 0 .25rem .25rem;
            padding: .5rem
        }
        .restore-account-link {
            color: rgba(30,29,29,.45);
            font-weight: 600;
            margin-top: 1rem;
            display: inline-block;
        }
        .select__overlay {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0
        }
        
        .select__icon {
            position: absolute;
            right: 1rem;
            top: 1.25rem
        }
        
        .select__icon>svg {
            max-width: .75rem;
            max-height: .75rem;
            stroke: #1e1d1d;
            stroke-opacity: .45
        }
        .form__inputs {
            display: grid;
            grid-row-gap: 1rem;
            row-gap: 1rem
        }
        
        .form__divider {
            margin: 2rem 0;
            position: relative;
            display: grid;
            align-items: center;
            grid-template-columns: 1fr -webkit-max-content 1fr;
            grid-template-columns: 1fr max-content 1fr;
            grid-column-gap: .75rem
        }
        
        .form__divider>span {
            font-size: .75rem;
            color: rgba(30, 29, 29, .5)
        }
        
        .form__divider>button {
            font-size: .875rem;
            color: rgba(30, 29, 29, .7)
        }
        
        .form__divider:after,
        .form__divider:before {
            content: "";
            height: 1px;
            background-color: rgba(30, 29, 29, .2)
        }
        
        .form__buttons {
            margin-top: 2rem;
            text-align: center
        }

        .form-page__navbar {
            display: none;
        }
        
        .submit-button {
            line-height: 3.25rem;
            border-radius: .25rem;
            background-image: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
            box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, .64);
            width: 100%;
            color: #fff;
            transition: all .1s
        }
        
        .submit-button:hover {
            transform: scale(1.03)
        }
        
        .submit-button:disabled,
        .submit-button[disabled] {
            background-color: #f2f2f2;
            color: rgba(30, 29, 29, .25)
        }
        
        .input {
            position: relative
        }
        
        .input__icon {
            position: absolute;
            right: 1rem;
            top: 1.25rem;
            max-width: .75rem;
            max-height: .75rem
        }
        
        .input__element {
            width: 100%;
            line-height: 1.1875rem;
            padding: 1rem;
            background-color: #f8f8f8;
            border-radius: .25rem;
            outline: none;
            border: .0625rem solid transparent;
            font-weight: 600
        }
        
        .input__element:focus {
            background-color: #fff;
            border-color: rgba(30, 29, 29, .1)
        }
        
        .input__element:focus+.input__icon {
            fill-opacity: 1;
            stroke-opacity: 1
        }
        
        .input__element::-moz-placeholder {
            font-weight: 400
        }
        
        .input__element::placeholder {
            font-weight: 400
        }
        
        .input--error .input__element {
            border-color: #ea4f3d
        }
        .forbes-item-divider {
            display: grid;
            grid-row-gap: .5rem;
            width: 2.25rem;
            justify-content: center
        }
        
        .forbes-item-divider>span {
            height: .3125rem;
            width: .3125rem;
            border-radius: 50%;
            background-color: rgba(30, 29, 29, .1)
        }
        
        .forbes-item {
            display: grid;
            grid-template-columns: 2.25rem 15.625rem 6.25rem 1fr;
            grid-column-gap: 1rem;
            align-items: center
        }
        
        .forbes-item__position {
            display: flex;
            align-items: center;
            justify-content: center;
            border: .0625rem solid rgba(30, 29, 29, .1);
            border-radius: 50%;
            width: 2.25rem;
            height: 2.25rem;
            font-weight: 300
        }
        
        .forbes-item__username {
            font-weight: 700
        }
        
        .forbes-item__server {
            text-transform: uppercase;
            color: rgba(30, 29, 29, .45);
            font-weight: 300
        }
        
        .forbes-item__balance {
            text-align: right;
            font-weight: 300
        }
        
        @media(max-width:36rem) {
            .forbes-item {
                grid-template-columns: 30px 165px 73px 1fr;
                grid-column-gap: 14px
            }
        
            .forbes-item__position {
                width: 30px;
                height: 30px;
                font-size: 12px
            }
        
            .forbes-item__username {
                font-size: 14px;
                font-weight: 600
            }
        
            .forbes-item__server {
                color: rgba(30, 29, 29, .6);
                font-size: 12px
            }
        
            .forbes-item__balance {
                font-size: 14px
            }
        }
        
        .top-item {
            max-width: 18.4375rem
        }
        
        .top-item__position {
            font-size: 2.625rem;
            font-weight: 300;
            text-align: center;
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text
        }
        
        .top-item__figure {
            position: relative;
            padding: 1.5rem 1.125rem 6.375rem;
            overflow: hidden
        }
        
        .top-item__figure:after,
        .top-item__figure:before {
            content: "";
            position: absolute;
            left: 0
        }
        
        .top-item__figure:before {
            top: 0;
            left: .625rem;
            width: 17.1875rem;
            height: 2rem;
            background: 50%/contain no-repeat
        }
        
        .top-item__figure:after {
            top: 4rem;
            width: 18.4375rem;
            height: 19.5625rem;
            bottom: 0;
            background: 50%/contain no-repeat
        }
        
        .top-item__rect {
            width: 16.1875rem;
            height: 15.625rem;
            display: flex;
            justify-content: center
        }
        
        .top-item__skin {
            margin-top: 1rem
        }
        
        .top-item__nickname {
            font-size: 1.25rem;
            font-weight: 800;
            text-align: center;
            margin-top: 1rem
        }
        
        .top-item__balance {
            color: rgba(30, 29, 29, .7);
            font-weight: 300;
            text-align: center;
            margin-top: 1rem
        }
        
        .top-item--gold .top-item__position {
            background-image: linear-gradient(208.78deg, #fccc01 -1.13%, #ff3500 95.96%)
        }
        
        .top-item--gold .top-item__figure {
            padding-top: 1.4375rem
        }
        
        .top-item--gold .top-item__figure:before {
            background-image: url(../img/1e19b02.svg);
        }
        .top-item--gold .top-item__figure:after {
            background-image: url(../img/dd413b7.svg);
        }
        
        .top-item--gold .top-item__rect {
            background-image: linear-gradient(211.23deg, #fda301 -179.92%, rgba(253, 163, 1, 0) 73.53%)
        }
        
        .top-item--silver .top-item__position {
            background-image: linear-gradient(208.78deg, #d4daef -1.13%, #9aa7d7 95.96%)
        }
        
        .top-item--silver .top-item__figure {
            padding-top: .9375rem
        }
        
        .top-item--silver .top-item__figure:before {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjc1IDE1IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2MC43OCA2LjVMMjY0LjY0MSAyLjY5NTQ2QzI2Ni43MiAwLjY0NTg3NSAyNzAuMDYgMC42NDU4NzUgMjcyLjE0IDIuNjk1NDZWMi42OTU0NkMyNzQuMjYzIDQuNzg3NjQgMjc0LjI2MyA4LjIxMjM2IDI3Mi4xNCAxMC4zMDQ1TDI3MC41OCAxMS44NDE3QzI2OS4xNzcgMTMuMjI0NyAyNjcuMjg2IDE0IDI2NS4zMTUgMTRIMjAyLjk0NUgxNzAuMjIzSDE2MC40NzRDMTU2LjIyMSAxNCAxNTIuMTIyIDEyLjQwNTUgMTQ4Ljk4NyA5LjUzMTI3VjkuNTMxMjdDMTQyLjQ4OCAzLjU3Mjk2IDEzMi41MTIgMy41NzI5NiAxMjYuMDEzIDkuNTMxMjdWOS41MzEyN0MxMjIuODc4IDEyLjQwNTUgMTE4Ljc3OSAxNCAxMTQuNTI2IDE0SDEwNC43NzdINzIuMDU0OUg5LjY4NDU5QzcuNzE0MzYgMTQgNS44MjMyNSAxMy4yMjQ3IDQuNDIgMTEuODQxN0wyLjg2MDI5IDEwLjMwNDVDMC43Mzc0NTEgOC4yMTIzNiAwLjczNzQ1MiA0Ljc4NzY0IDIuODYwMjkgMi42OTU0NlYyLjY5NTQ2QzQuOTM5OSAwLjY0NTg3NSA4LjI3OTg4IDAuNjQ1ODc2IDEwLjM1OTUgMi42OTU0NkwxNC4yMTk4IDYuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzlfMTA2KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzlfMTA2IiB4MT0iMjIxLjc2MiIgeTE9Ii0yLjg3NSIgeDI9IjIyMS4wOTIiIHkyPSIxOS42NjY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENERBRUYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUFBN0Q3Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
        }
        
        .top-item--silver .top-item__figure:after {
            top: 3.625rem;
            background-image: url(../img/a7655f5.svg);
        }
        
        .top-item--silver .top-item__rect {
            background-image: linear-gradient(211.23deg, #d4daef -179.92%, rgba(212, 218, 239, 0) 73.53%)
        }
        
        .top-item--bronze .top-item__position {
            background-image: linear-gradient(208.78deg, #b17040 -1.13%, #8a420e 95.96%)
        }
        
        .top-item--bronze .top-item__figure {
            padding-top: .9375rem
        }
        
        .top-item--bronze .top-item__figure:before {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjc1IDE1IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2MC43OCA2LjVMMjY0LjY0MSAyLjY5NTQ2QzI2Ni43MiAwLjY0NTg3NSAyNzAuMDYgMC42NDU4NzUgMjcyLjE0IDIuNjk1NDZWMi42OTU0NkMyNzQuMjYzIDQuNzg3NjQgMjc0LjI2MyA4LjIxMjM2IDI3Mi4xNCAxMC4zMDQ1TDI3MC41OCAxMS44NDE3QzI2OS4xNzcgMTMuMjI0NyAyNjcuMjg2IDE0IDI2NS4zMTUgMTRIMjAyLjk0NUgxNzAuMjIzSDE2MC40NzRDMTU2LjIyMSAxNCAxNTIuMTIyIDEyLjQwNTUgMTQ4Ljk4NyA5LjUzMTI3VjkuNTMxMjdDMTQyLjQ4OCAzLjU3Mjk2IDEzMi41MTIgMy41NzI5NiAxMjYuMDEzIDkuNTMxMjdWOS41MzEyN0MxMjIuODc4IDEyLjQwNTUgMTE4Ljc3OSAxNCAxMTQuNTI2IDE0SDEwNC43NzdINzIuMDU0OUg5LjY4NDU5QzcuNzE0MzYgMTQgNS44MjMyNSAxMy4yMjQ3IDQuNDIgMTEuODQxN0wyLjg2MDI5IDEwLjMwNDVDMC43Mzc0NTEgOC4yMTIzNiAwLjczNzQ1MiA0Ljc4NzY0IDIuODYwMjkgMi42OTU0NlYyLjY5NTQ2QzQuOTM5OSAwLjY0NTg3NSA4LjI3OTg4IDAuNjQ1ODc2IDEwLjM1OTUgMi42OTU0NkwxNC4yMTk4IDYuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzlfMTE0KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzlfMTE0IiB4MT0iMjIxLjc2MiIgeTE9Ii0yLjg3NSIgeDI9IjIyMS4wOTIiIHkyPSIxOS42NjY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMTcwNDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOEE0MjBFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
        }
        
        .top-item--bronze .top-item__figure:after {
            top: 3.625rem;
            background-image: url(../img/a7655f5.svg);
        }
        
        .top-item--bronze .top-item__rect {
            background-image: linear-gradient(211.23deg, #976b1b -179.92%, rgba(151, 107, 27, 0) 73.53%)
        }
        
        @media(max-width:64rem) {
            .top-item {
                max-width: 190px
            }
        
            .top-item__figure {
                padding: 0 12px 82px
            }
        
            .top-item__figure:before {
                left: 6.4px;
                width: 177px;
                height: 20.5px
            }
        
            .top-item__figure:after {
                width: 190px;
                height: 201.5px
            }
        
            .top-item__rect {
                width: 166px;
                height: 160px
            }
        
            .top-item__skin {
                width: 124px
            }
        }
        
        @media(max-width:48rem) {
            .top-item__position {
                font-size: 34px
            }
        }
        
        @media(max-width:36rem) {
            .top-item {
                max-width: 110px
            }
        
            .top-item__figure {
                padding: 0 7px 15px
            }
        
            .top-item__figure:before {
                left: 6.4px;
                width: 100px;
                height: 20.5px
            }
        
            .top-item__figure:after {
                width: 110px;
                height: 117px;
                top: 32px
            }
        
            .top-item__nickname {
                font-size: 16px
            }
        
            .top-item__balance {
                margin-top: 8px;
                font-size: 14px
            }
        
            .top-item__rect {
                width: 96px;
                height: 117px
            }
        
            .top-item__skin {
                width: 65px;
                margin-top: 8px
            }
        
            .top-item--silver .top-item__figure {
                padding-top: 14px
            }
        
            .top-item--silver .top-item__figure:after {
                top: 30px
            }
        
            .top-item--bronze .top-item__figure,
            .top-item--gold .top-item__figure {
                padding-top: 14px
            }
        
            .top-item--bronze .top-item__figure:after {
                top: 30px
            }
        }
        
        .forbes__container {
            margin-top: 5rem
        }
        
        .forbes__title {
            display: flex;
            justify-content: center
        }
        
        .forbes__servers {
            margin-top: 2.8125rem
        }
        
        .forbes__content {
            margin-top: 4rem
        }
        
        @media(max-width:36rem) {
            .forbes__content {
                margin-top: 32px
            }
        }
        
        .forbes__top {
            display: flex;
            justify-content: space-between;
            position: relative;
            padding-bottom: 12.75rem
        }
        
        .forbes__top .top-item:first-child,
        .forbes__top .top-item:last-child {
            margin-top: 10.6875rem
        }
        
        .forbes__top:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 302px;
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI3NCIgaGVpZ2h0PSIzMDgiIHZpZXdCb3g9IjAgMCAxMjc0IDMwOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMzA3TDEyNzQgMzA3IiBzdHJva2U9IiMxRTFEMUQiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTYzOCAwVjMwNi41IiBzdHJva2U9IiMxRTFEMUQiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTE0NiAxNzFMMTQ2IDMwNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik0xMTIwIDE3MUwxMTIwIDMwNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=) bottom/contain no-repeat;
        }
        @media(max-width:64rem) {
            .forbes__top {
                padding-bottom: 105px
            }
        }
        
        @media(max-width:36rem) {
            .forbes__top {
                padding-bottom: 0
            }
        
            .forbes__top:after {
                display: none
            }
        
            .forbes__top .top-item:first-child,
            .forbes__top .top-item:last-child {
                margin-top: 50px
            }
        }
        
        .forbes__list {
            display: grid;
            grid-row-gap: 16px;
            margin-top: 64px
        }
        .server-list {
            display: flex;
            align-items: center;
            justify-content: space-between
        }
        
        .server-list__slider {
            position: relative;
            width: calc(100% - 80px);
            border: solid rgba(30, 29, 29, .1);
            border-width: 1px 0
        }
        
        .server-list__slider:after,
        .server-list__slider:before {
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
            width: 1.25rem;
            z-index: 1
        }
        
        .server-list__slider:after {
            right: 0;
            background-image: linear-gradient(90deg, transparent, #fff)
        }
        
        .server-list__slider:before {
            left: 0;
            background-image: linear-gradient(90deg, #fff, transparent)
        }
        
        .server-list__arrow-left svg {
            transform: rotate(270deg);
            stroke: #999
        }
        
        .server-list__arrow-right svg {
            transform: rotate(90deg);
            stroke: #999
        }
        
        .server-list__server {
            font-size: 1rem;
            font-weight: 600;
            color: rgba(30, 29, 29, .45);
            text-transform: uppercase;
            padding: 2rem 1rem;
            transition: color .1s
        }
        
        .server-list__server:hover {
            color: rgba(30, 29, 29, .65)
        }
        
        .server-list__server .nuxt-link-exact-active {
            color: #1e1d1d
        }
        
        @media(max-width:36rem) {
            .server-list__server {
                padding: 16px 8px;
                font-size: 12px
            }
        }
        .lory-slider .lory-frame {
            position: relative;
            font-size: 0;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .lory-slider .lory-slides {
            display: inline-block
        }
        
        .lory-slider .lory-slide {
            position: relative;
            display: inline-block;
        }
        .form-button {
            width: 100%;
            line-height: 3.25rem;
            text-align: center;
            border-radius: .25rem;
            background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
            box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, .64);
            transition: transform .2s ease;
            font-size: 1rem;
            font-weight: 600;
            color: #fff
        }
        
        .form-button:disabled {
            color: rgba(30, 29, 29, .25);
            background: #f2f2f2;
            box-shadow: unset;
            cursor: default
        }
        
        .form-button:hover:not(:disabled) {
            transform: scale(1.08)
        }
        
        .load-launcher {
            font-weight: 600;
            color: rgba(30, 29, 29, .45);
            line-height: 17px;
            cursor: default
        }
        
        .load-launcher>a {
            background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }
        
        .back-home {
            display: flex;
            align-items: center;
            line-height: 1.0625rem
        }
        
        .back-home>a {
            background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 600
        }
        
        .back-home>svg {
            fill: #000080;
            width: .9375rem;
            margin-right: .5rem
        }
        
        .form-page {
            min-height: 100vh;
            background-position: calc(50% - 30.3125rem) 6.5625rem, 0 100%, calc(50% - 28.125rem) bottom, calc(50% + 17.5rem) calc(100vh - 6.25rem), right 12.5rem, center .125rem, -5.4375rem 5.625rem, calc(50% - 15.8125rem) top;
            background-repeat: no-repeat
        }



        .form-page {
            background-image: url(../img/auth-bg.png),url(../img/370c81c.png),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K),url(../img/87e89c2.svg),url(../img/7e878c1.svg),url(../img/c299ac6.svg),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3MyIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTM3MyAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxwYXRoIGQ9Ik0wIDBIMTEwMi41TDkxMC40OCAyMS41NDUxQzY4MC40MiA0Ny4zNTgzIDU2NS44MjUgMzEzLjY4NiA3MDUuMjYzIDQ5OC40ODZDNzc4LjI5OSA1OTUuMjgxIDc4NS41OTkgNzI2LjYxNiA3MjMuNzQxIDgzMC45MDlMNTc2IDEwODBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSItMjMwIiB5PSItNDEzIiB3aWR0aD0iMTYwMi41IiBoZWlnaHQ9IjE1ODAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR4PSIyMCIgZHk9Ii0xNjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
        }
        
        .form-page__navbar {
            display: none
        }
        
        .form-page__header {
            padding: 64px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }
        
        .form-page__container {
            width: 408px;
            height: calc(100vh - 152px);
            margin-left: calc(50% + 100px);
            padding-top: 70px
        }
        
        @media(max-height:835px) {
            .form-page {
                background-position: calc(50% - 485px) 105px, 0 calc(100vh - 887px), calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top!important;
            }
        
            .form-page__container {
                padding-top: 0
            }
        }
        
        @media(max-height:775px) {
            .form-page {
                background-position: calc(50% - 485px) 105px, 0 calc(100vh - 820px), calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top!important;
            }
        }
        
        @media(max-height:745px) {
            .form-page__header {
                padding: 40px 64px;
            }
        }

        @media(max-width:1250px) {
            .form-page {
                background-position: calc(50% - 278px) 533px, calc(50% - 245px) bottom, calc(50% - 450px) bottom, calc(50% + 280px) calc(100vh - 100px), right 200px, center 2px, -87px 90px, calc(50% - 253px) top;
            }
        }
        
        @media(max-width:1024px) {
            .form-page__container {
                margin-left: 50%
            }
        }
        
        @media(max-width:825px) {
            .form-page {
                background-position: calc(50% - 485px) 105px,calc(50% - 450px) bottom,calc(50% + 280px) calc(100vh - 100px),right 200px,center 2px,-87px 90px,calc(50% - 253px) top;
                background-image: url(../img/7a398e8.svg),url(../img/370c81c.png),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K),url(../img/87e89c2.svg),url(../img/7e878c1.svg),url(../img/c299ac6.svg),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3MyIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTM3MyAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxwYXRoIGQ9Ik0wIDBIMTEwMi41TDkxMC40OCAyMS41NDUxQzY4MC40MiA0Ny4zNTgzIDU2NS44MjUgMzEzLjY4NiA3MDUuMjYzIDQ5OC40ODZDNzc4LjI5OSA1OTUuMjgxIDc4NS41OTkgNzI2LjYxNiA3MjMuNzQxIDgzMC45MDlMNTc2IDEwODBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSItMjMwIiB5PSItNDEzIiB3aWR0aD0iMTYwMi41IiBoZWlnaHQ9IjE1ODAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR4PSIyMCIgZHk9Ii0xNjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==)!important;
            }
        
            .form-page__container {
                margin-left: auto;
                margin-right: auto;
                height: auto
            }
        }
        
        @media(max-width:576px) {
      
            .form-page {
                background: #fff url(../img/ed40b38.jpg.html) center 59px/576px no-repeat!important;
            }
         .form-page__navbar {
                display: block
            }
            
            .form-page__header {
                display: none
            }
        
            .form-page__container {
                text-align: center;
                padding-top: 300px
            }
        
            .form-page .section-title {
                font-size: 24px;
                line-height: 29px
            }
        
            .form-page {
                background-image: unset!important;
            }
        }
        
        @media(max-width:445px) {
            .form-page {
                background-size: 445px !important
            }
        
            .form-page__container {
                width: 100%;
                padding: 235px 15px 15px
            }
        }
        
        @media(min-width:1920px) {
            .form-page {
                background-size: 61rem 66.625rem, 52.625rem 55.4375rem, 61.75rem 40.1875rem, 2.5rem 4.5rem, 12.0625rem 14.5rem, 14.5rem 10.0625rem, 12.5rem 14.5rem, 85.8125rem 67.5rem;
                background-position: calc(50% - 32.3125rem) 1.5625rem, 0 100%, calc(50% - 28.125rem) bottom, calc(50% + 17.5rem) calc(100vh - 6.25rem), right 12.5rem, center .125rem, -5.4375rem 5.625rem, calc(50% - 15.8125rem) top;
            }
        
            .form-page__header {
                padding: 4rem
            }
        
            .form-page__container {
                width: 25.5rem;
                height: calc(100vh - 9.5rem);
                margin-left: calc(50% + 6.25rem);
                padding-top: 4.375rem
            }
        }
        .logout-link {
            color: red;
            display: inline-block;
            margin-top: .5rem
        }
        .auth-link {
            color: green;
            display: inline-block;
            margin-top: .5rem
        }
        
        .profile-modal {
            border-radius: .5rem;
            padding: 3rem;
            max-width: 31.25rem;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
            background-color: #fff
        }
        
        .profile-modal p {
            font-size: .875rem
        }
        
        .profile-modal ul {
            padding-left: 1.25rem;
            font-size: .75rem
        }
        
        .input,
        .line-divider {
            min-width: 19rem
        }
        
        .action-container {
            margin-top: 1rem;
            font-size: .75rem
        }
        
        .form-inputs {
            display: grid;
            grid-row-gap: 1rem;
            row-gap: 1rem
        }
        
        .my-finance {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 13.4375rem);
            grid-gap: 1rem
        }
        
        .finance-item {
            border: .0625rem solid rgba(30, 29, 29, .1);
            border-radius: .5rem;
            padding: 2rem;
            transition: all .2s ease
        }
        
        .finance-item:first-child {
            grid-row: span 2;
            flex-direction: column
        }
        
        .finance-item:first-child,
        .finance-item__icon {
            display: flex;
            align-items: center;
            justify-content: center
        }
        
        .finance-item__icon {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            border: .0625rem solid rgba(30, 29, 29, .1)
        }
        
        .finance-item__balance {
            font-size: 1.375rem;
            line-height: 1.375rem;
            font-weight: 800;
            margin-top: 2rem
        }
        
        .finance-item__balance>.rubble {
            color: rgba(30, 29, 29, .45)
        }
        
        .finance-item__description {
            color: rgba(30, 29, 29, .45);
            font-size: 1rem;
            line-height: 1.1875rem;
            margin-top: .5rem;
            font-weight: 300
        }
        
        .finance-item--donate {
            position: relative
        }
        
        .finance-item--donate .finance-item__icon>svg {
            width: 2rem;
            height: 2rem
        }
        
        .finance-item--donate .finance-item__action {
            margin-top: 2rem
        }
        
        .finance-item--donate .finance-item__link {
            font-weight: 600;
            color: #1e1d1d;
            font-size: 1rem
        }
        
        .finance-item--donate .finance-item__bg-img {
            position: absolute;
            fill: hsla(0, 0%, 100%, .15);
            transition: all .2s ease
        }
        
        .finance-item--donate .finance-item__bg-img:first-child {
            width: 4.6511627907%;
            height: 7.1748878924%;
            top: 0;
            left: 0;
            transform: rotate(30deg)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(2) {
            top: 0;
            left: 40.5523255814%;
            width: 2.9069767442%;
            height: 4.4843049327%;
            transform: rotate(30deg)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(3) {
            top: 0;
            left: 100%;
            width: 4.7965116279%;
            height: 7.399103139%;
            transform: rotate(270deg);
            fill: hsla(0, 0%, 100%, .1)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(4) {
            top: 56.5022421525%;
            left: 0;
            width: 4.7965116279%;
            height: 7.399103139%;
            transform: rotate(270deg)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(5) {
            top: 34.3049327354%;
            left: 100%;
            width: 4.6511627907%;
            height: 7.1748878924%;
            transform: rotate(-15deg)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(6) {
            top: 100%;
            left: 0;
            width: 2.9069767442%;
            height: 4.4843049327%;
            transform: rotate(30deg);
            fill: hsla(0, 0%, 100%, .1)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(7) {
            top: 60.0896860987%;
            left: 100%;
            width: 2.9069767442%;
            height: 4.4843049327%;
            transform: rotate(30deg);
            fill: hsla(0, 0%, 100%, .07)
        }
        
        .finance-item--donate .finance-item__bg-img:nth-child(8) {
            top: 100%;
            left: 100%;
            width: 4.6511627907%;
            height: 7.1748878924%;
            transform: rotate(-126deg)
        }
        
        .finance-item--donate:hover {
            background-color: #1e1d1d
        }
        
        .finance-item--donate:hover .finance-item__icon {
            border-color: hsla(0, 0%, 100%, .1)
        }
        
        .finance-item--donate:hover .finance-item__icon>svg {
            fill: #fff
        }
        
        .finance-item--donate:hover .finance-item__balance,
        .finance-item--donate:hover .finance-item__link {
            color: #fff
        }
        
        .finance-item--donate:hover .finance-item__description {
            color: hsla(0, 0%, 100%, .45)
        }
        
        .finance-item--donate:hover .finance-item__bg-img:first-child {
            top: 18.8340807175%;
            left: 10.9011627907%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(2) {
            top: 8.5201793722%;
            left: 40.5523255814%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(3) {
            top: 4.7085201794%;
            left: 83.4302325581%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(4) {
            top: 56.5022421525%;
            left: 8.4302325581%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(5) {
            top: 34.3049327354%;
            left: 71.9476744186%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(6) {
            top: 84.7533632287%;
            left: 12.0639534884%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(7) {
            top: 60.0896860987%;
            left: 79.9418604651%
        }
        
        .finance-item--donate:hover .finance-item__bg-img:nth-child(8) {
            top: 79.3721973094%;
            left: 71.9476744186%
        }
        
        .finance-item--donate:hover .rubble {
            color: hsla(0, 0%, 100%, .45)
        }
        
        .finance-item--cash {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgOTYgMTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA2Ni4wNzk5SDEyLjU4MjVWNzUuMTUyNkgwVjkyLjk5NTdIMTIuNTgyNVYxMDZIMzQuNjQwOFY5Mi45OTU3SDkxLjMzOThWNzUuMTUyNkgzNC42NDA4VjY2LjA3OTlINDguOTMyQzU4Ljg3MzggNjYuMDc5OSA2Ni40ODU0IDY1LjYyNjIgNzEuNzY3IDY0LjU2NzhDODMuMjYyMSA2Mi4xNDg0IDk2IDUyLjAxNzEgOTYgMzIuNjYxOUM5NiAxNS43MjYxIDg2LjUyNDMgNC44Mzg4IDc0LjA5NzEgMS42NjMzM0M2OS45MDI5IDAuNjA0ODUxIDYxLjIwMzkgMCA0Ny44NDQ3IDBIMTIuNTgyNVY0OC4yMzY4SDBWNjYuMDc5OVpNNDUuMjAzOSAxNy45OTQzQzUzLjEyNjIgMTcuOTk0MyA1OC40MDc4IDE4LjI5NjcgNjEuMDQ4NSAxOC43NTA0QzY4LjAzODggMTkuOTYwMSA3My4zMjA0IDI1LjI1MjUgNzMuMzIwNCAzMi45NjQzQzczLjMyMDQgMzkuMTY0MSA2OS41OTIyIDQ0LjQ1NjUgNjQgNDYuNDIyM0M2MS4wNDg1IDQ3LjQ4MDcgNTUuMzAxIDQ4LjA4NTYgNDYuNjAxOSA0OC4wODU2SDM0LjY0MDhWMTcuOTk0M0g0NS4yMDM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDgiIHkxPSItMTI2LjUiIHgyPSI0OCIgeTI9IjkzLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgOTYgMTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA2Ni4wNzk5SDEyLjU4MjVWNzUuMTUyNkgwVjkyLjk5NTdIMTIuNTgyNVYxMDZIMzQuNjQwOFY5Mi45OTU3SDkxLjMzOThWNzUuMTUyNkgzNC42NDA4VjY2LjA3OTlINDguOTMyQzU4Ljg3MzggNjYuMDc5OSA2Ni40ODU0IDY1LjYyNjIgNzEuNzY3IDY0LjU2NzhDODMuMjYyMSA2Mi4xNDg0IDk2IDUyLjAxNzEgOTYgMzIuNjYxOUM5NiAxNS43MjYxIDg2LjUyNDMgNC44Mzg4IDc0LjA5NzEgMS42NjMzM0M2OS45MDI5IDAuNjA0ODUxIDYxLjIwMzkgMCA0Ny44NDQ3IDBIMTIuNTgyNVY0OC4yMzY4SDBWNjYuMDc5OVpNNDUuMjAzOSAxNy45OTQzQzUzLjEyNjIgMTcuOTk0MyA1OC40MDc4IDE4LjI5NjcgNjEuMDQ4NSAxOC43NTA0QzY4LjAzODggMTkuOTYwMSA3My4zMjA0IDI1LjI1MjUgNzMuMzIwNCAzMi45NjQzQzczLjMyMDQgMzkuMTY0MSA2OS41OTIyIDQ0LjQ1NjUgNjQgNDYuNDIyM0M2MS4wNDg1IDQ3LjQ4MDcgNTUuMzAxIDQ4LjA4NTYgNDYuNjAxOSA0OC4wODU2SDM0LjY0MDhWMTcuOTk0M0g0NS4yMDM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDgiIHkxPSItMTI2LjUiIHgyPSI0OCIgeTI9IjkzLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgOTYgMTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA2Ni4wNzk5SDEyLjU4MjVWNzUuMTUyNkgwVjkyLjk5NTdIMTIuNTgyNVYxMDZIMzQuNjQwOFY5Mi45OTU3SDkxLjMzOThWNzUuMTUyNkgzNC42NDA4VjY2LjA3OTlINDguOTMyQzU4Ljg3MzggNjYuMDc5OSA2Ni40ODU0IDY1LjYyNjIgNzEuNzY3IDY0LjU2NzhDODMuMjYyMSA2Mi4xNDg0IDk2IDUyLjAxNzEgOTYgMzIuNjYxOUM5NiAxNS43MjYxIDg2LjUyNDMgNC44Mzg4IDc0LjA5NzEgMS42NjMzM0M2OS45MDI5IDAuNjA0ODUxIDYxLjIwMzkgMCA0Ny44NDQ3IDBIMTIuNTgyNVY0OC4yMzY4SDBWNjYuMDc5OVpNNDUuMjAzOSAxNy45OTQzQzUzLjEyNjIgMTcuOTk0MyA1OC40MDc4IDE4LjI5NjcgNjEuMDQ4NSAxOC43NTA0QzY4LjAzODggMTkuOTYwMSA3My4zMjA0IDI1LjI1MjUgNzMuMzIwNCAzMi45NjQzQzczLjMyMDQgMzkuMTY0MSA2OS41OTIyIDQ0LjQ1NjUgNjQgNDYuNDIyM0M2MS4wNDg1IDQ3LjQ4MDcgNTUuMzAxIDQ4LjA4NTYgNDYuNjAxOSA0OC4wODU2SDM0LjY0MDhWMTcuOTk0M0g0NS4yMDM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDgiIHkxPSItMTI2LjUiIHgyPSI0OCIgeTI9IjkzLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
            background-position-x: left, 63.3720930233%, right;
            background-position-y: 51.1627906977%, bottom, 51.1627906977%;
            background-size: 5.523255814%, 13.9534883721%, 5.523255814%;
            background-repeat: no-repeat
        }
        .finance-item--cash .finance-item__icon>svg {
            width: 20px;
            height: 22px
        }
        
        .finance-item--cash:hover {
            background-color: #65c466;
            background-position: 49.4186046512% 51.1627906977%, 63.3720930233% 51.1627906977%, 75.8720930233% 51.1627906977%
        }
        
        .finance-item--cash:hover .finance-item__icon {
            border-color: hsla(0, 0%, 100%, .1)
        }
        
        .finance-item--cash:hover .finance-item__icon>svg {
            fill: #fff
        }
        
        .finance-item--cash:hover .finance-item__balance {
            color: #fff
        }
        
        .finance-item--cash:hover .finance-item__description,
        .finance-item--cash:hover .rubble {
            color: hsla(0, 0%, 100%, .45)
        }
        
        .finance-item--bank {
            background-image: url("../img/bf97826.svg");
            background-position:63.3720930233% 200%;
            background-size:16.2790697674%;
            background-repeat:no-repeat
        }
        .finance-item--bank .finance-item__icon>svg {
            width: 2rem;
            height: 2rem
        }
        
        .finance-item--bank:hover {
            background-color: #000080;
            background-position-y: 50.2325581395%
        }
        
        .finance-item--bank:hover .finance-item__icon {
            border-color: rgba(30, 29, 29, .1)
        }
        
        .finance-item--bank:hover .finance-item__icon>svg {
            fill: #1e1d1d
        }
        
        .finance-item--bank:hover .finance-item__balance {
            color: #1e1d1d
        }
        
        .finance-item--bank:hover .finance-item__description,
        .finance-item--bank:hover .rubble,
        .info-table__key {
            color: rgba(30, 29, 29, .45)
        }
        
        .info-table__key {
            order: 1
        }
        
        .info-table__value {
            color: #1e1d1d;
            font-weight: 600;
            text-align: right;
            order: 3;
            display: flex;
            align-items: center
        }
        
        .info-table__value>button {
            color: rgba(30, 29, 29, .45);
            margin-left: .5rem;
            display: flex;
            align-items: center
        }
        
        .info-table__value>button>svg {
            fill: rgba(30, 29, 29, .45);
            width: 16px;
            height: 16px
        }
        
        .info-table__divider {
            background-color: rgba(30, 29, 29, .1);
            height: .0625rem;
            margin: 1.5rem 0
        }
        
        .info-table__row {
            display: grid;
            grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
            grid-template-columns: max-content 1fr max-content;
            grid-column-gap: 2rem;
            justify-content: space-between;
            align-items: center;
            font-size: 1rem;
            padding: .5rem 0
        }
        
        .info-table__row:before {
            content: " ";
            order: 2;
            height: .0625rem;
            background-color: rgba(30, 29, 29, .15);
            opacity: 0
        }
        
        .info-table__row:hover:before {
            opacity: 1
        }
        
        .info-table__config .info-table__value {
            font-size: .8rem
        }
        
        .profile {
            padding-top: 4rem;
            background: url("../img/f85333a.svg") calc(50% + 19.0625rem) -5.75rem/14.5rem 12.0625rem no-repeat
        
        }
        
        .profile-title {
            font-size: 1.375rem;
            font-weight: 300;
            text-transform: uppercase;
            margin: 2rem 0
        }
        
        .profile-title>span {
            font-weight: 800
        }
        
        .my-statistic__slides {
            display: grid;
            grid-template-columns: 1fr 1fr 2fr;
            grid-column-gap: 1rem
        }
        
        .my-statistic__dots {
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 1rem;
            -moz-column-gap: 1rem;
            column-gap: 1rem;
            margin-top: 1rem;
            display: none
        }
        
        .my-statistic__dots>div {
            height: .125rem;
            background-color: red
        }
        
        .my-statistic__item {
            height: 13.4375rem;
            border: .0625rem solid rgba(30, 29, 29, .1);
            border-radius: .5rem;
            padding: 2rem;
            transition: all .2s ease
        }
        
        .my-statistic__item .rubble {
            color: rgba(30, 29, 29, .45)
        }
        
        .my-statistic__item>.icon {
            width: 4rem;
            height: 4rem;
            border: .0625rem solid rgba(30, 29, 29, .1);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center
        }
        
        .my-statistic__item>.value {
            font-size: 1.375rem;
            font-weight: 300;
            margin-top: 2rem
        }
        
        .my-statistic__item>.value span {
            font-weight: 800
        }
        
        .my-statistic__item>.description {
            color: rgba(30, 29, 29, .45);
            font-size: 1rem
        }
        
        .my-statistic__item:hover {
            transform: translateY(-1rem)
        }
        
        .my-statistic__item:hover>.value {
            color: #fff
        }
        
        .my-statistic__item:hover .rubble,
        .my-statistic__item:hover>.description {
            color: hsla(0, 0%, 100%, .45)
        }
        
        .my-statistic__item.property {
            text-align: center;
            background-repeat: no-repeat;
            background-image: url(../img/9c582e1.svg),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjEwMTcgMjAuNjUzOUwyMS42MTU3IDEwLjU3ODVDMjIuMjI5NCA5Ljk5MDI3IDIzLjE0NTIgOS44NDg0OSAyMy44ODk2IDEwLjI1ODlDMzEuNDgyOSAxNC40NDQ5IDQ0LjI2MzkgMjQuMjU3OCA0NC4xNzE0IDM1LjUwNjJDNDQuMTY2NyAzNi4wNzkzIDQzLjg3NTggMzYuNjA3NyA0My40MjEgMzYuOTU2NUwzNS45OTYzIDQyLjY0OTRDMzQuNTk2NiA0My43MjI2IDMyLjMzNSA0Mi41NDggMzEuODE4MSA0MC44NjE2QzI5LjQxOTkgMzMuMDM2NCAxOS4xODU2IDI3LjA5MDYgMTEuODE1NiAyNC4xMDQ2QzEwLjQxNzkgMjMuNTM4MyAxMC4wMTI5IDIxLjY5NzMgMTEuMTAxNyAyMC42NTM5WiIgZmlsbD0iIzY1QzQ2NiIvPgo8ZWxsaXBzZSByeD0iMy40OTg5MSIgcnk9IjQuMDQ0ODUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjU0MzcwOCAtMC44MzkyNzQgLTAuODM5Mjc0IDAuNTQzNzA4IDMxLjU5MzUgMjYuOTIwOSkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCA2MSA0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYwLjA3MTggMTUuODQ0TDUyLjYwMzUgNDEuNTM4NUM1Mi4zNjYxIDQyLjM1NDkgNTEuNjQxIDQyLjkzNDYgNTAuNzkxMSA0Mi45NjE4QzM2Ljc0NzkgNDMuNDEgOS4zNzA3MyA0MC4wOTk4IDAuNDExMDggMjMuMzU1M0MwLjE0MDg2NiAyMi44NTAzIDAuMTI1NTA1IDIyLjI0OCAwLjM0NDcxMiAyMS43MTg4TDcuNTQwNjQgNC4zNDkwMUM4LjIxNTk0IDIuNzE4OTUgMTAuNjYxNiAyLjY0NTIxIDExLjc1NCA0LjAzMDgyQzIxLjA4ODcgMTUuODcxNyA0NC4wOTc5IDE1LjQ4NTMgNTcuNzM3NCAxMy4yNTM2QzU5LjIyNTYgMTMuMDEwMSA2MC40OTI3IDE0LjM5NTkgNjAuMDcxOCAxNS44NDRaIiBmaWxsPSIjNjVDNDY2Ii8+CjxlbGxpcHNlIHJ4PSI1LjY4Njg5IiByeT0iNi41NzQyNCIgdHJhbnNmb3JtPSJtYXRyaXgoMC44OTA1MDIgMC40NTQ5NzkgMC40NTQ5NzkgLTAuODkwNTAyIDI1LjU1NTMgMjUuNDg1KSIgZmlsbD0iIzhDREU4RCIvPgo8L3N2Zz4K),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOCAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMTQuMjAyMyA3LjE3MzE1TDE4LjE2OCA4LjMyNjgxQzE4Ljk4NDMgOC41NjQyNyAxOS41Njc4IDkuMjg5NzQgMTkuNTU2NCAxMC4xMzk4QzE5LjUwMzIgMTQuMTAwNiAxOC40NjI1IDIwLjQxNTggMTQuNTc5OCAyMi45OTUxQzE0LjEwMjMgMjMuMzEyMiAxMy40OTQ2IDIzLjMxNzYgMTIuOTY1MiAyMy4wOThMMTEuNzg5NyAyMi42MTA3QzEwLjE2MDQgMjEuOTM1MSA5Ljg1MzM5IDE5LjA0NjQgMTAuNTMxMyAxNy40MThDMTEuNTAwOCAxNS4wODk0IDExLjY0MjMgMTIuMDkxNSAxMS40NTYzIDkuNTM2M0MxMS4zNDY4IDguMDMyMTkgMTIuNzU0MiA2Ljc1MTg5IDE0LjIwMjMgNy4xNzMxNVoiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2Ugcng9IjEuNjA4NCIgcnk9IjEuODU5MzciIHRyYW5zZm9ybT0ibWF0cml4KDAuNDU0OTc5IC0wLjg5MDUwMiAtMC44OTA1MDIgLTAuNDU0OTc5IDE0LjY5MzIgMTYuMjY4NikiIGZpbGw9IiM4Q0RFOEQiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mIiB4PSI2LjE5NTMxIiB5PSIzLjA5MTgiIHdpZHRoPSIxNy4zNjI1IiBoZWlnaHQ9IjI0LjE1OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzYyNiA5LjI2OTcyTDcuNTAzMzYgNS43Mzc3MUM3Ljk0Mzk5IDUuMDEwNzIgOC43OTU3NyA0LjYzNDgyIDkuNjEzODggNC44NjU4NEMxMy40MjYgNS45NDIzMyAxOS4yNTY3IDguNTgyMTEgMjAuNzQzMSAxMy4wMDAxQzIwLjkyNTkgMTMuNTQzMyAyMC43NzM4IDE0LjEzMTcgMjAuNDI0NyAxNC41ODYzTDE5LjY0OTcgMTUuNTk1NkMxOC41NzU0IDE2Ljk5NDUgMTUuNzA1NyAxNi41NDM0IDE0LjMwODMgMTUuNDY3MkMxMi4zMDk5IDEzLjkyOCA5LjQ1MDggMTMuMDE1NCA2LjkzNDUyIDEyLjUzMzhDNS40NTMzMSAxMi4yNTAyIDQuNTgwOTEgMTAuNTU5NCA1LjM2MjYgOS4yNjk3MloiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2Ugcng9IjEuNjA4NCIgcnk9IjEuODU5MzciIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0MjQwMiAtMC42Njk5NTUgLTAuNjY5OTU1IDAuNzQyNDAyIDE0LjI3NTEgMTEuMTUwNSkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU5MzYgNi4zNjA2NEwxOC4xMjU2IDguNTAxNDFDMTguODUyNiA4Ljk0MjA0IDE5LjIyODUgOS43OTM4MiAxOC45OTc0IDEwLjYxMTlDMTcuOTIxIDE0LjQyNCAxNS4yODEyIDIwLjI1NDcgMTAuODYzMiAyMS43NDEyQzEwLjMxOTkgMjEuOTIzOSA5LjczMTU2IDIxLjc3MTggOS4yNzY5NCAyMS40MjI3TDguMjY3NzEgMjAuNjQ3N0M2Ljg2ODc3IDE5LjU3MzUgNy4zMTk4NSAxNi43MDM3IDguMzk2MTMgMTUuMzA2M0M5LjkzNTMgMTMuMzA3OSAxMC44NDc5IDEwLjQ0ODkgMTEuMzI5NSA3LjkzMjU3QzExLjYxMzEgNi40NTEzNiAxMy4zMDM5IDUuNTc4OTUgMTQuNTkzNiA2LjM2MDY0WiIgZmlsbD0iIzY1QzQ2NiIvPgo8ZWxsaXBzZSByeD0iMS42MDg0IiByeT0iMS44NTkzNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC42Njk5NTUgLTAuNzQyNDAyIC0wLjc0MjQwMiAtMC42Njk5NTUgMTIuNzEyOCAxNS4yNzMxKSIgZmlsbD0iIzhDREU4RCIvPgo8L3N2Zz4K),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA0OCA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0NzIgMTEuODgyNkwyNi4wNjcyIDkuNDI1MTVDMjYuODkyOSA5LjIyMjY3IDI3Ljc1OTIgOS41NjAwOCAyOC4xOTI1IDEwLjI5MTRDMzEuNjQ2OSAxNi4xMjEyIDM2LjE5NzggMjcuMzY5MyAzMS45ODQ1IDM0LjgxOTNDMzEuNzAyNCAzNS4zMTgyIDMxLjE4NDkgMzUuNjI4NyAzMC42MTY2IDM1LjcwMzNMMjQuNjAxNyAzNi40OTNDMjIuODUyOSAzNi43MjI2IDIxLjQxMDggMzQuNTIxOSAyMS42MzA2IDMyLjc3MTlDMjIuMzYwMSAyNi45NjI5IDE4LjQyNiAxOS44OTkyIDE0LjkxODQgMTUuMjQ3MUMxNC4wMTA1IDE0LjA0MjkgMTQuNTgyNSAxMi4yNDE4IDE2LjA0NzIgMTEuODgyNloiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2Ugcng9IjIuNzI5NTkiIHJ5PSIzLjE1NTQ5IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wNTEyMjgxIC0wLjk5ODY4NyAtMC45OTg2ODcgMC4wNTEyMjgxIDI2LjczNjIgMjQuMjgzMykiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzMyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI2NDYgMzAuMTMwOUwzLjEyNjQyIDIyLjY4MkMyLjUzODI0IDIyLjA2ODIgMi4zOTczIDIxLjE0OTMgMi44MTQgMjAuNDA4M0M2LjEzNTUzIDE0LjUwMTkgMTMuNjAxMiA0LjkzNjU2IDIyLjE1OTcgNC44NjA0QzIyLjczMjkgNC44NTUzIDIzLjI2MDUgNS4xNDgyMiAyMy42MDkzIDUuNjAzMDlMMjcuMzAwNiAxMC40MTczQzI4LjM3MzggMTEuODE3IDI3LjE4OTEgMTQuMTY2MiAyNS41NjM2IDE0Ljg1MDlDMjAuMTY4MSAxNy4xMjM1IDE2LjAxNzggMjQuMDYyNSAxMy43NDI4IDI5LjQyNjJDMTMuMTUzOSAzMC44MTQ2IDExLjMwODEgMzEuMjE5NyAxMC4yNjQ2IDMwLjEzMDlaIiBmaWxsPSIjNjVDNDY2Ii8+CjxlbGxpcHNlIHJ4PSIyLjcyOTU5IiByeT0iMy4xNTU0OSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuODM5Mjc0IDAuNTQzNzA4IDAuNTQzNzA4IDAuODM5Mjc0IDE1LjY1OTIgMTQuNjczNCkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
            url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0NSA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMjguMzk1OSA0LjkyOTAxTDUuNDUyMjQgMTEuNjAzNUM0LjYzNTk3IDExLjg0MSA0LjA1NjM3IDEyLjU2MzQgNC4wMzA5MSAxMy40MTMxQzMuNjQ3NTggMjYuMjA2NCA2LjY3NjEyIDUwLjkyMTQgMjEuNzg1NCA1OS4wODY5QzIyLjI4OTcgNTkuMzU5NCAyMi44OTI1IDU5LjM3NDMgMjMuNDIyIDU5LjE1NDdMMzguNzQ0NiA1Mi44MDE1QzQwLjM3MzkgNTIuMTI1OSA0MC40NTQgNDkuNjY2NyAzOS4wOTY4IDQ4LjU0MDFDMjguNzUxNSAzOS45NTI0IDI5LjAyODEgMTkuNTc4NSAzMC45OTM1IDcuMjYzNEMzMS4yMzExIDUuNzc0MTUgMjkuODQzOSA0LjUwNzc1IDI4LjM5NTkgNC45MjkwMVoiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2UgY3g9IjE5LjcwNDMiIGN5PSIzNi4zNTE0IiByeD0iNS4xOTAxNiIgcnk9IjYiIHRyYW5zZm9ybT0icm90YXRlKC0xMTcuMDY0IDE5LjcwNDMgMzYuMzUxNCkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mIiB4PSIwIiB5PSIwLjg0NzY1NiIgd2lkdGg9IjQ0LjA0NjUiIGhlaWdodD0iNjIuNDU5NiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
            background-position: 30.5418719212% -5.5813953488%, 88.8341543514% 56.2790697674%, 84.0722495895% 15.3488372093%, 69.4581280788% 34.8837209302%, 95.5665024631% 3.7209302326%, 29.7208538588% 43.7209302326%, 63.8752052545% 4.1860465116%, 6.4039408867% 22.3255813953%, 7.7175697865% 66.511627907%;
            background-size: 3.8125rem 3.8125rem, 2.8125rem 2.8125rem, 3.8125rem 2.6875rem, 1.1875rem 1.3125rem, 1.1875rem 1.3125rem, 1.1875rem 1.3125rem, 2rem 2.1875rem, 2rem 2.1875rem, 2.4375rem 3.4375rem
        }
        
        .my-statistic__item.property>.description span:nth-child(2) {
            display: none
        }
        
        .my-statistic__item.property:hover {
            background-image: url(../img/f93da9c.svg.html),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY1NTggMTcuOTQ1OUwxOS4wNTEgOS45MDA5MUMxOS42NjQ4IDkuMzEyNzMgMjAuNTg1MiA5LjE3Mjg3IDIxLjMyNzQgOS41ODczN0MyNy43NTY0IDEzLjE3NzcgMzguMzA5NSAyMS4zNjY3IDM4LjMzNDcgMzAuNzU0MUMzOC4zMzYyIDMxLjMyNzMgMzguMDQ0IDMxLjg1NTEgMzcuNTg5MSAzMi4yMDM5TDMxLjk2OSAzNi41MTMxQzMwLjU2OTMgMzcuNTg2NCAyOC4yNTI4IDM2LjQwNTEgMjcuNjI2NyAzNC43NTYyQzI1LjI5NDggMjguNjE1NiAxNy4zNTQxIDIzLjkxNCAxMS4zNjUxIDIxLjQxNDhDOS45NzMzNSAyMC44MzQgOS41NjY5MiAxOC45ODk0IDEwLjY1NTggMTcuOTQ1OVoiIGZpbGw9IndoaXRlIi8+CjxlbGxpcHNlIHJ4PSIyLjk2NzExIiByeT0iMy40MzAwOCIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNTQzNzA4IC0wLjgzOTI3NCAtMC44MzkyNzQgMC41NDM3MDggMjcuNjY4MSAyMy42MTExKSIgZmlsbD0iI0U0RTRFNCIvPgo8L3N2Zz4K),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCA1MyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjA5MTMgMTQuMDc3OUw0NC45NTk0IDM1LjE3NDVDNDQuNzIyMSAzNS45OTA5IDQ0LjAwMSAzNi41NzA5IDQzLjE1MTEgMzYuNTk1QzMxLjIxNTEgMzYuOTM0NCA4LjMyMzY4IDM0LjA5NDUgMC43MDQ0ODQgMjAuMDgyN0MwLjQzMDg3OSAxOS41Nzk1IDAuNDE2NDE3IDE4Ljk3NzEgMC42MzU2MjUgMTguNDQ4TDYuNDExNjIgNC41MDU2N0M3LjA4NjkxIDIuODc1NjEgOS41NjAxNiAyLjc5MDk0IDEwLjcxMzUgNC4xMjYxOEMxOC43ODEgMTMuNDY1OCAzNy4zNTMxIDEzLjI2MTEgNDguNzU0IDExLjQ3NTdDNTAuMjQzOSAxMS4yNDI0IDUxLjUxMjIgMTIuNjI5OCA1MS4wOTEzIDE0LjA3NzlaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iNC44MjI1NCIgcnk9IjUuNTc1MDIiIHRyYW5zZm9ybT0ibWF0cml4KDAuODkwNTAyIDAuNDU0OTc5IDAuNDU0OTc5IC0wLjg5MDUwMiAyMS45NTk5IDIxLjc2NjcpIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMTMuMzQxNiA2LjE0OTcxTDE2LjAxMjEgNi45MjY1N0MxNi44MjgzIDcuMTY0MDMgMTcuNDEyNyA3Ljg5MTY5IDE3LjM5MjUgOC43NDE1NUMxNy4zMTM3IDEyLjA3IDE2LjQyMDMgMTcuMTYzMiAxMy4yODk0IDE5LjM0ODdDMTIuODE5NCAxOS42NzY3IDEyLjIxMDEgMTkuNjggMTEuNjgwNiAxOS40NjA1TDExLjQ3MDcgMTkuMzczNUM5Ljg0MTQyIDE4LjY5NzkgOS40NDg2IDE1LjcwNDMgOS45ODk1NSAxNC4wMjU0QzEwLjUzNjggMTIuMzI3IDEwLjY1MDQgMTAuMzIxOCAxMC41NTg4IDguNTE3MDRDMTAuNDgyMyA3LjAxMDg4IDExLjg5MzUgNS43Mjg0NSAxMy4zNDE2IDYuMTQ5NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMS4zNjM5NCIgcnk9IjEuNTc2NzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNDU0OTc5IC0wLjg5MDUwMiAtMC44OTA1MDIgLTAuNDU0OTc5IDEzLjI3NSAxMy43MjIzKSIgZmlsbD0iI0U0RTRFNCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2YiIHg9IjUuNzYxNzIiIHk9IjIuMDY4MzYiIHdpZHRoPSIxNS42MzE3IiBoZWlnaHQ9IjIxLjU0MzciIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDU2NzQgOC4zODU2Mkw2Ljg5ODI5IDYuMDA3MjJDNy4zMzg5MyA1LjI4MDIyIDguMTkzMDMgNC45MDQxMiA5LjAwODczIDUuMTQzNTFDMTIuMjAzNCA2LjA4MTExIDE2Ljg5MTggOC4yNjIzNiAxOC4xOTI0IDExLjg1MjFDMTguMzg3NyAxMi4zOTEgMTguMjMzMiAxMi45ODA1IDE3Ljg4NDEgMTMuNDM1MUwxNy43NDU3IDEzLjYxNTNDMTYuNjcxNSAxNS4wMTQyIDEzLjY3ODEgMTQuNjE4OSAxMi4xOTY1IDEzLjY2MThDMTAuNjk3NiAxMi42OTM2IDguNzkwMTMgMTIuMDY0OSA3LjAyMzE2IDExLjY4NjNDNS41NDg1NCAxMS4zNzAzIDQuNjc1MDUgOS42NzUzMSA1LjQ1Njc0IDguMzg1NjJaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMS4zNjM5NCIgcnk9IjEuNTc2NzYiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0MjQwMiAtMC42Njk5NTUgLTAuNjY5OTU1IDAuNzQyNDAyIDEyLjc1MTQgMTAuNDEzMSkiIGZpbGw9IiNFNEU0RTQiLz4KPC9zdmc+Cg==),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQwMzQgNS42OTMwN0wxNS43ODE4IDcuMTM0NjJDMTYuNTA4OCA3LjU3NTI2IDE2Ljg4NDkgOC40MjkzNiAxNi42NDU1IDkuMjQ1MDZDMTUuNzA4IDEyLjQzOTcgMTMuNTI2NyAxNy4xMjgxIDkuOTM2OTMgMTguNDI4OEM5LjM5ODAyIDE4LjYyNCA4LjgwODU2IDE4LjQ2OTUgOC4zNTM5NCAxOC4xMjA0TDguMTczNzYgMTcuOTgyQzYuNzc0ODIgMTYuOTA3OCA3LjE3MDIgMTMuOTE0NSA4LjEyNzIzIDEyLjQzMjlDOS4wOTU0NCAxMC45MzQgOS43MjQxOSA5LjAyNjQ1IDEwLjEwMjggNy4yNTk0OUMxMC40MTg3IDUuNzg0ODcgMTIuMTEzOCA0LjkxMTM4IDEzLjQwMzQgNS42OTMwN1oiIGZpbGw9IndoaXRlIi8+CjxlbGxpcHNlIHJ4PSIxLjM2Mzk0IiByeT0iMS41NzY3NiIgdHJhbnNmb3JtPSJtYXRyaXgoMC42Njk5NTUgLTAuNzQyNDAyIC0wLjc0MjQwMiAtMC42Njk5NTUgMTEuMzc2IDEyLjk4OTYpIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCA0MSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjA4MjEgOS43NjAzN0wyMS44Nzg3IDcuODQ4MjVDMjIuNzA0MyA3LjY0NTc3IDIzLjU3MDMgNy45ODE1NiAyMy45OTg4IDguNzE1NzRDMjYuODk0OCAxMy42NzcxIDMwLjU4NzYgMjIuOTcxNSAyNy4xNzI5IDI5LjIxMTNDMjYuODk3OCAyOS43MTQxIDI2LjM3ODYgMzAuMDI0MiAyNS44MTAyIDMwLjA5ODhMMjEuNTU0MiAzMC42NTc2QzE5LjgwNTQgMzAuODg3MiAxOC4yOTk4IDI4LjY0NDYgMTguMzg3OSAyNi44ODNDMTguNjE4NSAyMi4yNzE1IDE1LjY4NjIgMTYuODg3NCAxMi45MzYxIDEzLjE0MDJDMTIuMDQzOCAxMS45MjQ0IDEyLjYxNzQgMTAuMTE5NiAxNC4wODIxIDkuNzYwMzdaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMi4zMTQ3MiIgcnk9IjIuNjc1ODkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjA1MTIyODEgLTAuOTk4Njg3IC0wLjk5ODY4NyAwLjA1MTIyODEgMjIuNjU0NCAyMC4zOTc3KSIgZmlsbD0iI0U0RTRFNCIvPgo8L3N2Zz4K),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyOCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTM0NDQgMjYuMDYzNEwyLjk4MDE5IDIwLjI2NzRDMi4zOTIwMSAxOS42NTM2IDIuMjQ5ODMgMTguNzM1OCAyLjY3MTM3IDE3Ljk5NzVDNS41MjAwNCAxMy4wMDg4IDExLjcyMjkgNS4xNjM1OCAxOC44MzQgNS4wMDA5QzE5LjQwNzEgNC45ODc3OSAxOS45MzUyIDUuMjgyMzkgMjAuMjg0IDUuNzM3MjZMMjIuODk1OSA5LjE0MzdDMjMuOTY5MSAxMC41NDM0IDIyLjc3OTggMTIuOTY4NSAyMS4yMTAyIDEzLjc3MzFDMTcuMTAxMiAxNS44NzkxIDEzLjkwNDYgMjEuMTEwNyAxMi4wMzQ0IDI1LjM2NTlDMTEuNDI3NyAyNi43NDY2IDkuNTc3ODcgMjcuMTUyMiA4LjUzNDQ0IDI2LjA2MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMi4zMTQ3MiIgcnk9IjIuNjc1ODkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjgzOTI3NCAwLjU0MzcwOCAwLjU0MzcwOCAwLjgzOTI3NCAxMy40NTc1IDEzLjMyMDcpIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNiAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMTUuNTIzOCA0LjkyOTAxTDUuNDEwNTYgNy44NzEwNEM0LjU5NDMgOC4xMDg1IDQuMDEyNzkgOC44MzQyMiA0LjAwMjczIDkuNjg0MjdDMy45MjE0MSAxNi41NTY4IDUuNjI2MSAyOC43NzM0IDEzLjEyMjEgMzMuMTc5NkMxMy42MTYyIDMzLjQ3IDE0LjIxOTUgMzMuNDgwMiAxNC43NDkgMzMuMjYwN0wyMC41MDcxIDMwLjg3MzJDMjIuMTM2NCAzMC4xOTc2IDIyLjI4MjcgMjcuNTc2MiAyMS4yMDg2IDI2LjE3NzJDMTcuNTcyMSAyMS40NDAzIDE3LjQ1MDggMTMuMTY4NyAxOC4xODE5IDcuMjc4QzE4LjM2NzYgNS43ODEzOSAxNi45NzE5IDQuNTA3NzUgMTUuNTIzOCA0LjkyOTAxWiIgZmlsbD0id2hpdGUiLz4KPGVsbGlwc2UgY3g9IjEyLjM3NTciIGN5PSIyMS4yNTgiIHJ4PSIyLjc2ODY0IiByeT0iMy4yMDA2NSIgdHJhbnNmb3JtPSJyb3RhdGUoLTExNy4wNjQgMTIuMzc1NyAyMS4yNTgpIiBmaWxsPSIjRTRFNEU0Ii8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZiIgeD0iMCIgeT0iMC44NDc2NTYiIHdpZHRoPSIyNS44OTY3IiBoZWlnaHQ9IjM2LjU2NTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
            background-color: #65c466;
        }
        
        .my-statistic__item.property>.icon {
            margin: 0 auto
        }
        
        .my-statistic__item.level {
            background-repeat: no-repeat;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC45MjQ0IDAuNzU5MDcxQzE1LjI4NDMgLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE3LjA3NTYgMC43NTkwNzJMMjAuNjA5OSAxMC42OTcxQzIwLjcyNDkgMTEuMDIwNiAyMC45Nzk0IDExLjI3NTEgMjEuMzAyOSAxMS4zOTAxTDMxLjI0MDkgMTQuOTI0NEMzMi4yNTMgMTUuMjg0MyAzMi4yNTMgMTYuNzE1NyAzMS4yNDA5IDE3LjA3NTZMMjEuMzAyOSAyMC42MDk5QzIwLjk3OTQgMjAuNzI0OSAyMC43MjQ5IDIwLjk3OTQgMjAuNjA5OSAyMS4zMDI5TDE3LjA3NTYgMzEuMjQwOUMxNi43MTU3IDMyLjI1MyAxNS4yODQzIDMyLjI1MyAxNC45MjQ0IDMxLjI0MDlMMTEuMzkwMSAyMS4zMDI5QzExLjI3NTEgMjAuOTc5NCAxMS4wMjA2IDIwLjcyNDkgMTAuNjk3MSAyMC42MDk5TDAuNzU5MDcxIDE3LjA3NTZDLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE1LjI4NDMgMC43NTkwNzIgMTQuOTI0NEwxMC42OTcxIDExLjM5MDFDMTEuMDIwNiAxMS4yNzUxIDExLjI3NTEgMTEuMDIwNiAxMS4zOTAxIDEwLjY5NzFMMTQuOTI0NCAwLjc1OTA3MVoiLz4KPC9zdmc+Cg==),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC45MjQ0IDAuNzU5MDcxQzE1LjI4NDMgLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE3LjA3NTYgMC43NTkwNzJMMjAuNjA5OSAxMC42OTcxQzIwLjcyNDkgMTEuMDIwNiAyMC45Nzk0IDExLjI3NTEgMjEuMzAyOSAxMS4zOTAxTDMxLjI0MDkgMTQuOTI0NEMzMi4yNTMgMTUuMjg0MyAzMi4yNTMgMTYuNzE1NyAzMS4yNDA5IDE3LjA3NTZMMjEuMzAyOSAyMC42MDk5QzIwLjk3OTQgMjAuNzI0OSAyMC43MjQ5IDIwLjk3OTQgMjAuNjA5OSAyMS4zMDI5TDE3LjA3NTYgMzEuMjQwOUMxNi43MTU3IDMyLjI1MyAxNS4yODQzIDMyLjI1MyAxNC45MjQ0IDMxLjI0MDlMMTEuMzkwMSAyMS4zMDI5QzExLjI3NTEgMjAuOTc5NCAxMS4wMjA2IDIwLjcyNDkgMTAuNjk3MSAyMC42MDk5TDAuNzU5MDcxIDE3LjA3NTZDLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE1LjI4NDMgMC43NTkwNzIgMTQuOTI0NEwxMC42OTcxIDExLjM5MDFDMTEuMDIwNiAxMS4yNzUxIDExLjI3NTEgMTEuMDIwNiAxMS4zOTAxIDEwLjY5NzFMMTQuOTI0NCAwLjc1OTA3MVoiLz4KPC9zdmc+Cg==),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC45MjQ0IDAuNzU5MDcxQzE1LjI4NDMgLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE3LjA3NTYgMC43NTkwNzJMMjAuNjA5OSAxMC42OTcxQzIwLjcyNDkgMTEuMDIwNiAyMC45Nzk0IDExLjI3NTEgMjEuMzAyOSAxMS4zOTAxTDMxLjI0MDkgMTQuOTI0NEMzMi4yNTMgMTUuMjg0MyAzMi4yNTMgMTYuNzE1NyAzMS4yNDA5IDE3LjA3NTZMMjEuMzAyOSAyMC42MDk5QzIwLjk3OTQgMjAuNzI0OSAyMC43MjQ5IDIwLjk3OTQgMjAuNjA5OSAyMS4zMDI5TDE3LjA3NTYgMzEuMjQwOUMxNi43MTU3IDMyLjI1MyAxNS4yODQzIDMyLjI1MyAxNC45MjQ0IDMxLjI0MDlMMTEuMzkwMSAyMS4zMDI5QzExLjI3NTEgMjAuOTc5NCAxMS4wMjA2IDIwLjcyNDkgMTAuNjk3MSAyMC42MDk5TDAuNzU5MDcxIDE3LjA3NTZDLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE1LjI4NDMgMC43NTkwNzIgMTQuOTI0NEwxMC42OTcxIDExLjM5MDFDMTEuMDIwNiAxMS4yNzUxIDExLjI3NTEgMTEuMDIwNiAxMS4zOTAxIDEwLjY5NzFMMTQuOTI0NCAwLjc1OTA3MVoiLz4KPC9zdmc+Cg==);
            background-position: 15.763546798% 22.3255813953%,15.763546798% 22.3255813953%,15.763546798% 22.3255813953%;
            background-size: 1.125rem 1.125rem,0.75rem 0.75rem,0.75rem 0.75rem;
        }
        
        .my-statistic__item.level:hover {
            background-position: 78.1609195402% 14.8837209302%, center 34.8837209302%, 72.9064039409% 46.511627907%;
            background-color: #8000ff
        }
        
        .my-statistic__item.level:hover>.icon {
            border-color: hsla(0, 0%, 100%, .1)
        }
        
        .my-statistic__item.level:hover svg {
            fill: #fff
        }
        
        .my-statistic__item.play-hours {
            background: url("../img/0eb724a.svg") calc(49.26108% + 50px) top/6.25rem 3.375rem no-repeat
        }
        
        .my-statistic__item.play-hours:hover {
            background-color: #ff6581;
            background-position-y: 19.5348837209%;
            border-color: hsla(0, 0%, 100%, .1)
        }
        
        .my-statistic__item.play-hours:hover svg {
            fill: #fff
        }
        
        .player-hello {
            display: grid;
            grid-template-columns: 4rem 1fr;
            grid-gap: 0 1rem;
            grid-template-rows: 2rem 2rem;
            margin-bottom: 2rem
        }
        
        .player-hello__image {
            width: 4rem;
            border-radius: 50%;
            overflow: hidden;
            background: url("../img/052b314.jpg") 50%/cover no-repeat;
            grid-row: span 2
        }
        
        .player-hello__image>div {
            height: 4rem;
            background: top/5.9375rem no-repeat
        }
        
        .player-hello>div:nth-child(2) {
            align-self: end
        }
        
        .player-hello__nickname {
            font-size: 1.375rem;
            font-weight: 300;
            line-height: 1.75rem
        }
        
        .player-hello__nickname>span {
            font-weight: 800
        }
        
        @media(max-width:1280px) {
            .my-statistic__slides {
                grid-template-columns: 2fr 2fr 3fr
            }
        
            .my-statistic__item.property {
                background-size: 41.2956978654px 41.2956978654px, 30.4640394089px 30.4640394089px, 41.2956978654px 29.1100821018px, 12.8625944171px 14.2165517241px, 12.8625944171px 14.2165517241px, 12.8625944171px 14.2165517241px, 21.663316913px 23.6942528736px, 21.663316913px 23.6942528736px, 26.4021674877px 37.2338259442px
            }
        
            .my-statistic__item.property>.icon {
                margin: 0 auto
            }
        }
        
        @media(max-width:1024px) {
            .my-statistic__slides {
                grid-template-columns: 1fr 1fr;
                grid-row-gap: 16px
            }
        
            .my-statistic__item.property {
                grid-column: span 2;
                background-size: 73.921182266px 73.921182266px, 54.5320197044px 54.5320197044px, 73.921182266px 52.1083743842px, 23.0246305419px 25.4482758621px, 23.0246305419px 25.4482758621px, 23.0246305419px 25.4482758621px, 38.7783251232px 42.4137931034px, 38.7783251232px 42.4137931034px, 47.2610837438px 66.6502463054px
            }
        
            .my-statistic__item.property:hover {
                transform: unset
            }
        }
        
        @media(max-width:768px) {
            .my-statistic__item.property {
                background-size: 54.6896551724px 54.6896551724px, 40.3448275862px 40.3448275862px, 54.6896551724px 38.5517241379px, 17.0344827586px 18.8275862069px, 17.0344827586px 18.8275862069px, 17.0344827586px 18.8275862069px, 28.6896551724px 31.3793103448px, 28.6896551724px 31.3793103448px, 34.9655172414px 49.3103448276px
            }
        
            .my-finance {
                grid-template-columns: 1fr;
                grid-template-rows: 259px 167px 167px;
                grid-row-gap: 8px
            }
        
            .finance-item {
                padding: 16px
            }
        
            .finance-item:first-child {
                grid-row: unset
            }
        
            .finance-item__balance {
                margin-top: 16px
            }
        }
        
        @media(max-width:576px) {
            .my-statistic__slides {
                grid-template-columns: 1fr
            }
        
            .my-statistic__item {
                height: 167px;
                padding: 16px
            }
        
            .my-statistic__item>.value {
                margin-top: 16px
            }
        
            .my-statistic__item.level,
            .my-statistic__item.play-hours {
                width: 240px
            }
        
            .my-statistic__item.play-hours {
                margin: 0 16px
            }
        
            .my-statistic__item.property {
                width: 320px;
                grid-column: unset;
                background-size: 32.052545156px 32.052545156px, 23.645320197px 23.645320197px, 32.052545156px 22.5944170772px, 9.9835796388px 11.0344827586px, 9.9835796388px 11.0344827586px, 9.9835796388px 11.0344827586px, 16.8144499179px 18.3908045977px, 16.8144499179px 18.3908045977px, 20.4926108374px 28.8998357964px
            }
        
            .my-statistic__item.property>.description span:first-child {
                display: none
            }
        
            .my-statistic__item.property>.description span:nth-child(2) {
                display: inline
            }
        
            .my-statistic__item:hover {
                transform: unset
            }
        
            .info-table__row {
                grid-column-gap: 8px
            }
        
            .info-table__row.mobile-column {
                grid-template-columns: 1fr
            }
        
            .info-table__row.mobile-column .info-table__value {
                text-align: left
            }
        
            .finance-item--donate {
                overflow: hidden
            }
        }
        
        @media(max-width:360px) {
            .my-statistic__item.property {
                width: 265px
            }
        }
        .notification-content {
            background-color: #e54d42;
            border-radius: 100.25rem;
        }
        .btn {
            display: inline-block;
            padding: 0.5rem 0.7rem;
            border-radius: 0.2rem;
            background-color: #eee;
            font-size: .9rem;
            transition: transform .2s;
        }
        .btn--orange {
            background-image: linear-gradient(315deg,#000080,#000080);
            color: #fff;
        }
        
        .prizes-view__title span {
            font-weight: 700
        }
        
        .prizes-view__items {
            margin-top: 4rem;
            display: grid;
            grid-template-columns: repeat(9, 1fr);
            grid-gap: .5rem
        }
        
        @media(max-width:64rem) {
            .prizes-view__items {
                grid-template-columns: repeat(7, 1fr)
            }
        }
        
        @media(max-width:48rem) {
            .prizes-view__items {
                grid-template-columns: repeat(5, 1fr)
            }
        }
        
        @media(max-width:36rem) {
            .prizes-view__items {
                grid-template-columns: repeat(4, 1fr)
            }
        }
        
        .prizes-view__action {
            margin-top: 2rem;
            text-align: center
        }
        
        .prizes-view__tabs {
            position: relative
        }
        .two-factor-help {
            color: rgba(30, 29, 29, .65);
            font-size: .9375rem;
            line-height: 1.25rem;
            margin-top: 2rem
        }
        
        .two-factor-code {
            margin-top: 2rem
        }
        
        .selected-server-container {
            margin-top: 4rem
        }
        
        .restore-account-link {
            color: rgba(30, 29, 29, .45);
            font-weight: 600;
            margin-top: 1rem;
            display: inline-block
        }
        .selected-server-container {
            margin-top: 4rem;
        }
        .selected-server {
            display: grid;
            grid-template-columns: 6rem 1fr;
            align-items: center;
            grid-column-gap: 1rem;
            -moz-column-gap: 1rem;
            column-gap: 1rem;
        }
        .server-logo {
            position: relative;
            width: 6rem;
            height: 6rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .server-logo:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 50%;
            opacity: .15;
        }
        .selected-server__name {
            font-size: 1.375rem;
            line-height: 1.6875rem;
            font-weight: 800;
            text-transform: uppercase;
            text-align: left;
        }
        .selected-server__name>span {
            font-weight: 300;
        }
        .recovery-form-container, .selected-server-container {
            margin-top: 4rem;
        }
        
        .form-button {
            width: 100%;
            line-height: 3.25rem;
            text-align: center;
            border-radius: .25rem;
            background: linear-gradient(257.5deg, #000080 -7.46%, #000080 74.36%);
            box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, .64);
            transition: transform .2s ease;
            font-size: 1rem;
            font-weight: 600;
            color: #fff
        }
        
        .form-button:disabled {
            color: rgba(30, 29, 29, .25);
            background: #f2f2f2;
            box-shadow: unset;
            cursor: default
        }
        
        .form-button:hover:not(:disabled) {
            transform: scale(1.08)
        }
        
        .form-button--2fa {
            max-width: 19rem;
            margin-top: 2rem
        }
        
        .login-divider {
            color: rgba(30, 29, 29, .25);
            margin: 2rem 0;
            line-height: 1.0625rem;
            text-align: center;
            font-weight: 600
        }
        
        .vk-btn {
            width: 100%;
            background-color: rgba(39, 137, 246, .1);
            color: #2789f6;
            font-weight: 600;
            font-size: 1rem;
            line-height: 3.25rem;
            border-radius: .25rem;
            margin-top: 4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color .2s ease
        }
        
        .vk-btn>span {
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            display: inline-block;
            background: #2789f6 url("../img/3af401f.svg") 50%/.9375rem no-repeat;
            margin-right: .5rem
        }
        
        .vk-btn:hover {
            background-color: rgba(39, 137, 246, .25)
        }
        
        @media(max-height:835px) {
            .vk-btn {
                margin-top: 3.75rem
            }
        
            .login-divider {
                margin: 1.625rem 0
            }
        }
        
        @media(max-height:745px) {
            .vk-btn {
                margin-top: 2.5rem
            }
        
            .login-divider {
                margin: 1.25rem 0
            }
        }
        
        @media(max-width:576px) {
            .vk-btn {
                margin-top: 2rem
            }
        }
        .pin-code-input {
            line-height: 1.1875rem;
            font-size: 1rem;
            padding: 1rem;
            width: 19rem;
            font-family: monospace;
            background-image: linear-gradient(90deg, #f8f8f8 0, #f8f8f8 14.4%, #fff 0, #fff 17%, #f8f8f8 0, #f8f8f8 31.4%, #fff 0, #fff 34%, #f8f8f8 0, #f8f8f8 48.4%, #fff 0, #fff 51%, #f8f8f8 0, #f8f8f8 65.4%, #fff 0, #fff 68%, #f8f8f8 0, #f8f8f8 82.5%, #fff 0, #fff 85%, #f8f8f8 0, #f8f8f8 99.4%);
            border-radius: 4px;
            outline: none;
            border: 1px solid transparent;
            font-weight: 600;
            text-indent: .125rem;
            letter-spacing: 2.65rem
        }
        [data-simplebar] {
            position: relative;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-content: flex-start;
            align-items: flex-start
        }
        
        .simplebar-wrapper {
            overflow: hidden;
            width: inherit;
            height: inherit;
            max-width: inherit;
            max-height: inherit
        }
        
        .simplebar-mask {
            direction: inherit;
            overflow: hidden;
            width: auto !important;
            height: auto !important;
            z-index: 0
        }
        
        .simplebar-mask,
        .simplebar-offset {
            position: absolute;
            padding: 0;
            margin: 0;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0
        }
        
        .simplebar-offset {
            direction: inherit !important;
            box-sizing: inherit !important;
            resize: none !important;
            -webkit-overflow-scrolling: touch
        }
        
        .simplebar-content-wrapper {
            direction: inherit;
            box-sizing: border-box !important;
            position: relative;
            display: block;
            height: 100%;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            scrollbar-width: none;
            -ms-overflow-style: none
        }
        
        .simplebar-content-wrapper::-webkit-scrollbar,
        .simplebar-hide-scrollbar::-webkit-scrollbar {
            width: 0;
            height: 0
        }
        
        .simplebar-content:after,
        .simplebar-content:before {
            content: " ";
            display: table
        }
        
        .simplebar-placeholder {
            max-height: 100%;
            max-width: 100%;
            width: 100%;
            pointer-events: none
        }
        
        .simplebar-height-auto-observer-wrapper {
            box-sizing: inherit !important;
            height: 100%;
            width: 100%;
            max-width: 1px;
            position: relative;
            float: left;
            max-height: 1px;
            overflow: hidden;
            z-index: -1;
            padding: 0;
            margin: 0;
            pointer-events: none;
            flex-grow: inherit;
            flex-shrink: 0;
            flex-basis: 0
        }
        
        .simplebar-height-auto-observer {
            box-sizing: inherit;
            display: block;
            opacity: 0;
            top: 0;
            left: 0;
            height: 1000%;
            width: 1000%;
            min-height: 1px;
            min-width: 1px;
            z-index: -1
        }
        
        .simplebar-height-auto-observer,
        .simplebar-track {
            position: absolute;
            overflow: hidden;
            pointer-events: none
        }
        
        .simplebar-track {
            z-index: 1;
            right: 0;
            bottom: 0
        }
        
        [data-simplebar].simplebar-dragging .simplebar-content {
            pointer-events: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-user-select: none
        }
        
        [data-simplebar].simplebar-dragging .simplebar-track {
            pointer-events: all
        }
        
        .simplebar-scrollbar {
            position: absolute;
            left: 0;
            right: 0;
            min-height: 10px
        }
        
        .simplebar-scrollbar:before {
            position: absolute;
            content: "";
            background: #000;
            border-radius: 7px;
            left: 2px;
            right: 2px;
            opacity: 0;
            transition: opacity .2s linear
        }
        
        .simplebar-scrollbar.simplebar-visible:before {
            opacity: .5;
            transition: opacity 0s linear
        }
        
        .simplebar-track.simplebar-vertical {
            top: 0;
            width: 11px
        }
        
        .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
            top: 2px;
            bottom: 2px
        }
        
        .simplebar-track.simplebar-horizontal {
            left: 0;
            height: 11px
        }
        
        .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
            height: 100%;
            left: 2px;
            right: 2px
        }
        
        .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
            right: auto;
            left: 0;
            top: 2px;
            height: 7px;
            min-height: 0;
            min-width: 10px;
            width: auto
        }
        
        [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
            right: auto;
            left: 0
        }
        
        .hs-dummy-scrollbar-size {
            direction: rtl;
            position: fixed;
            opacity: 0;
            visibility: hidden;
            height: 500px;
            width: 500px;
            overflow-y: hidden;
            overflow-x: scroll
        }
        
        .simplebar-hide-scrollbar {
            position: fixed;
            left: 0;
            visibility: hidden;
            overflow-y: scroll;
            scrollbar-width: none;
            -ms-overflow-style: none
        }
        :root {
            --toast-width: 270px;
            --toast-border-radius: 0.50rem;
            --toast-theme-default: #44a4fc;
            --toast-theme-primary: #44a4fc;
            --toast-theme-secondary: #6c757d;
            --toast-theme-success: #42a85f;
            --toast-theme-danger: #e54d42;
            --toast-theme-warning: #ffb648;
            --toast-theme-info: #0dcaf0;
            --toast-theme-light: #f8f9fa;
            --toast-theme-dark: #212529
        }
        
        .toast-container {
            position: fixed;
            top: 15px;
            right: 15px;
            z-index: 5000;
            width: var(--toast-width)
        }
        
        .toast {
            font-size: 12px;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .05);
            border-radius: var(--toast-border-radius);
            box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
            position: relative;
            overflow: hidden;
            transition: .3s opacity
        }
        
        .toast_default {
            color: #fff;
            background-color: var(--toast-theme-default)
        }
        
        .toast_primary {
            color: #fff;
            background-color: var(--toast-theme-primary)
        }
        
        .toast_secondary {
            color: #fff;
            background-color: var(--toast-theme-secondary)
        }
        
        .toast_success {
            color: #fff;
            background-color: var(--toast-theme-success)
        }
        
        .toast_danger {
            color: #fff;
            background-color: var(--toast-theme-danger)
        }
        
        .toast_warning {
            color: #fff;
            background-color: var(--toast-theme-warning)
        }
        
        .toast_info {
            color: #212529;
            background-color: var(--toast-theme-info)
        }
        
        .toast_light {
            color: #212529;
            background-color: var(--toast-theme-light)
        }
        
        .toast_dark {
            color: #fff;
            background-color: var(--toast-theme-dark)
        }
        
        .toast_danger .toast__close,
        .toast_dark .toast__close,
        .toast_primary .toast__close,
        .toast_secondary .toast__close,
        .toast_success .toast__close {
            filter: invert(1)
        }
        
        .toast:not(:last-child) {
            margin-bottom: .75rem
        }
        
        .toast:not(.toast_show) {
            display: none
        }
        
        .toast_showing {
            opacity: 0
        }
        
        .toast__header {
            position: relative;
            padding: .5rem 2.25rem .5rem 1rem;
            background-color: rgba(0, 0, 0, .03);
            border-bottom: 1px solid rgba(0, 0, 0, .05)
        }
        
        .toast__close {
            content: "";
            position: absolute;
            top: .75rem;
            right: .75rem;
            width: .875em;
            height: .875em;
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.875em auto no-repeat;
            border: 0;
            opacity: .5;
            cursor: pointer;
            transition: opacity .1s ease-in-out
        }
        
        .toast__close:hover {
            opacity: 1
        }
        
        .toast__body {
            padding: 1rem
        }
        
        .toast_message .toast__body {
            padding-right: 2.25rem
        }
        .vk-accounts {
            background: url("../img/vk_auth_bg.png") 50%/cover no-repeat;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative
        }
        
        .vk-accounts__overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }
        
        .vk-accounts__isLoading {
            font-size: 30px;
            font-weight: 600;
            max-width: 620px;
            text-align: center;
            color: #fff;
            text-transform: uppercase
        }
        
        .vk-accounts__scroll {
            width: 450px;
            background-color: #fff;
            padding: 64px;
            border-radius: 8px;
            position: relative
        }
        
        .vk-accounts__list {
            display: grid;
            grid-row-gap: 16px
        }
        
        .selected-server {
            display: grid;
            grid-template-columns: 6rem 1fr;
            align-items: center;
            grid-column-gap: 1rem;
            -moz-column-gap: 1rem;
            column-gap: 1rem
        }
        
        .selected-server__name {
            font-size: 1.375rem;
            line-height: 1.6875rem;
            font-weight: 800;
            text-transform: uppercase;
            text-align: left
        }
        
        .selected-server__name>span {
            font-weight: 300
        }
        
        .selected-server--md {
            grid-template-columns: 4rem 1fr
        }
        
        .selected-server--md .selected-server__logo {
            width: 4rem;
            height: 4rem
        }
        
        .selected-server--md .selected-server__logo>img {
            width: 2rem
        }
        
        .selected-server--md .selected-server__name {
            font-size: 1rem;
            line-height: 1.1875rem
        }
        
        .server-logo {
            position: relative;
            width: 6rem;
            height: 6rem;
            display: flex;
            align-items: center;
            justify-content: center
        }
        
        .server-logo>img {
            width: 4.6875rem;
        }
        
        .server-logo:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 50%;
            opacity: .15
        }
        .nuxt-error-page {
            padding: 1rem;
            background: #f7f8fb;
            color: #47494e;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-family: sans-serif;
            font-weight: 100 !important;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }
        
        .nuxt-error-page .error {
            max-width: 450px
        }
        
        .nuxt-error-page .title {
            font-size: 1.5rem;
            margin-top: 15px;
            color: #47494e;
            margin-bottom: 8px
        }
        
        .nuxt-error-page .description {
            color: #7f828b;
            line-height: 21px;
            margin-bottom: 10px
        }
        
        .nuxt-error-page a {
            color: #7f828b !important;
            text-decoration: none
        }
        
        .nuxt-error-page .logo {
            position: fixed;
            left: 12px;
            bottom: 12px
        }
        section.main.servers.item.btn - copy.copy {
			background - color:
				#2c2b3c;border-radius:calc(4px*var(--sw));cursor:pointer;height:calc(30px*var(--sw));position:absolute;right:calc(6px*var(--sw));top:calc(6px*var(--sw));width:calc(30px*var(--sw))}section.main .servers .item .btn-copy .copy:after{background-image:url(../assets/images/icons/copy.svg);z-index:1}section.main .servers .item .btn-copy .copy:after,section.main .servers .item .btn-copy .copy:before{background-position:50% 50%;background-repeat:no-repeat;background-size:calc(20px*var(--sw));content:"";height:100%;left:0;position:absolute;top:0;width:100%}section.main .servers .item .btn-copy .copy:before{background-image:url(../assets/images/icons/copy-hover.svg);opacity:0;transition:all .4s;z-index:2}section.main .servers .item .btn-copy:hover .copy:before{opacity:1;transition:all .4s}section.main .images{background-image:url(../assets/images/main-img.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;bottom:0;height:83.5vh;position:absolute;right:calc(-40px*var(--sw));width:81.6vh}@media (max-width:996px){section.main{height:auto}section.main:after{background-image:url(../assets/images/main-bgr-mobile.png)}section.main .arrows{display:none}section.main .container{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;height:auto;margin:0 auto;position:relative;width:calc(100% - 30px*var(--sw))}section.main .info{position:relative;width:100%;z-index:1}section.main .info .title{font-size:calc(52px*var(--sw));line-height:calc(55px*var(--sw));margin-top:calc(176px*var(--sw));text-align:center;width:100%}section.main .info .actions{display:flex;flex-wrap:wrap;justify-content:center;margin-top:calc(30px*var(--sw));width:100%}section.main .info .actions .btn-custom{font-size:calc(12px*var(--sw));height:calc(58px*var(--sw));line-height:calc(14px*var(--sw));width:calc(216px*var(--sw))}section.main .info .actions .btn-custom:after{background-size:calc(190px*var(--sw)) auto}section.main .info .actions .btn-custom .img-1{height:calc(37px*var(--sw));left:calc(-15px*var(--sw));top:calc(25px*var(--sw));width:calc(37px*var(--sw))}section.main .info .actions .btn-custom .img-2{height:calc(42px*var(--sw));right:calc(12px*var(--sw));top:calc(-14px*var(--sw));width:calc(42px*var(--sw))}section.main .info .actions .btn-promo{font-size:calc(12px*var(--sw));line-height:calc(14px*var(--sw));margin-left:0;margin-top:calc(17px*var(--sw))}section.main .info .actions .btn-promo button{height:calc(49px*var(--sw));margin-right:calc(8px*var(--sw));width:calc(49px*var(--sw))}section.main .info .actions .btn-promo button:after{background-size:calc(34px*var(--sw))}section.main .info .online{font-size:calc(12px*var(--sw));justify-content:center;line-height:calc(14px*var(--sw));margin-top:calc(18px*var(--sw));position:relative;z-index:2}section.main .info .online .status{height:calc(18px*var(--sw));margin-right:calc(6px*var(--sw));width:calc(18px*var(--sw))}section.main .info .online .status:after{height:calc(6px*var(--sw));width:calc(6px*var(--sw))}section.main .info .online .number{font-size:calc(12px*var(--sw));line-height:calc(14px*var(--sw));margin-left:calc(3px*var(--sw))}section.main .servers{bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:calc(40px*var(--sw));margin-top:calc(178px*var(--sw));position:relative;width:100%;z-index:1}section.main .servers .item{height:calc(106px*var(--sw));margin-right:0;width:calc(140px*var(--sw))}section.main .servers .item .number{font-size:calc(25px*var(--sw));height:calc(180px*var(--sw));left:50%;line-height:calc(170px*var(--sw));margin-left:calc(-53px*var(--sw));top:calc(-85px*var(--sw));width:calc(106px*var(--sw))}section.main .servers .item .title{font-size:calc(10px*var(--sw));line-height:calc(10px*var(--sw));margin-top:calc(50px*var(--sw));width:100%}section.main .servers .item .btn-copy{border-radius:calc(4px*var(--sw));font-size:calc(8px*var(--sw));height:calc(25px*var(--sw));line-height:calc(10px*var(--sw));margin-top:calc(10px*var(--sw));padding:0 calc(4px*var(--sw));padding-left:calc(6px*var(--sw));width:calc(122px*var(--sw))}section.main .servers .item .btn-copy .copy{height:calc(17px*var(--sw));right:calc(4px*var(--sw));top:calc(4px*var(--sw));width:calc(17px*var(--sw))}section.main .servers .item .btn-copy .copy:after,section.main .servers .item .btn-copy .copy:before{background-size:calc(14px*var(--sw))}section.main .images{background-image:url(../assets/images/main-img-mobile.png);bottom:0;height:calc(320px*var(--sw));position:absolute;right:0;width:100%}}section.startgame{height:calc(1080px*var(--sw));overflow:hidden;position:relative;width:100%;z-index:0}section.startgame:after{background-image:url(../assets/images/startgame-bgr.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}section.startgame.startgame-page:after{background-image:url(../assets/images/startgame-bgr2.png);background-position:50% 0}section.startgame .sg{margin:0 auto;position:relative;width:calc(1242px*var(--sw))}section.startgame .headline{color:# fff;
			font - size: calc(34 px *
				var (--sw));
			font - weight: 700;
			line - height: calc(40 px *
				var (--sw));
			margin - top: calc(190 px *
				var (--sw));
			position: relative;
			text - align: center;
			text - transform: uppercase;
			width: 100 %
		}
 	.monitoring {
    position: relative;
    overflow: hidden;
    padding-top: 107px
}

.monitoring__map {
    width: 1280px;
    position: absolute;
    top: 0;
    left: calc(50% - 640px)
}

.monitoring__values {
    font-size: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.monitoring__value-current {
    font-weight: 900;
    position: relative;
    padding-left: 12px
}

.monitoring__value-current:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f96918;
    top: calc(50% - 6px);
    left: -12px
}

.monitoring__value-max {
    color: rgba(30, 29, 29, .45)
}

@media(max-width:768px) {
    .monitoring__values {
        font-size: 35px
    }
}

@media(max-width:576px) {
    .monitoring__values {
        font-size: 20px
    }
}
 .select {
            position: relative;
            width: 100%;
        }

        .select__active {
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            cursor: pointer;
            background-color: #fff;
            display: flex; /* Use flexbox for alignment */
            justify-content: space-between; /* Space between items */
            align-items: center; /* Center items vertically */
        }

        .selected-server-logo {
            margin-left: 10px; /* Space between text and logo */
            display: none; /* Hide by default */
        }

        .select__options {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1000;
            border: 1px solid #ccc;
            border-radius: 4px;
            background-color: #fff;
            max-height: 200px;
            overflow-y: auto;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .select__option {
            padding: 10px;
            cursor: pointer;
        }

        .select__option:hover {
            background-color: #f0f0f0;
        }

        .server-select-option__name {
            display: inline-block;
        }

        .check__selected-server {
            margin-top: 10px;
        }