/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/RobotoCondensed/RobotoC300-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/RobotoCondensed/RobotoC300-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/RobotoCondensed/RobotoC300-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/RobotoCondensed/RobotoC300-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/RobotoCondensed/RobotoC400-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/RobotoCondensed/RobotoC400-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/RobotoCondensed/RobotoC400-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/RobotoCondensed/RobotoC400-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/RobotoCondensed/RobotoC700-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/RobotoCondensed/RobotoC700-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/RobotoCondensed/RobotoC700-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/RobotoCondensed/RobotoC700-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/Roboto/Roboto100-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/Roboto/Roboto100-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/Roboto/Roboto100-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/Roboto/Roboto100-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Roboto/Roboto300-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Roboto/Roboto300-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Roboto/Roboto300-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Roboto/Roboto300-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Roboto/Roboto400-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Roboto/Roboto400-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Roboto/Roboto400-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Roboto/Roboto400-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Roboto/Roboto500-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Roboto/Roboto500-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Roboto/Roboto500-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Roboto/Roboto500-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/Roboto/Roboto700-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/Roboto/Roboto700-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/Roboto/Roboto700-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/Roboto/Roboto700-4.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/Roboto/Roboto900-1.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/Roboto/Roboto900-2.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/Roboto/Roboto900-3.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/Roboto/Roboto900-4.woff2') format('woff2');
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=/static/media/OnestBlack1602-hint.4a0f2e13e391b67f9bc3.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=/static/media/OnestBold1602-hint.7ba2b3b4e1ffcd2ac807.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=/static/media/OnestExtraBold1602-hint.fa8b616ab362e649d2c7.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=/static/media/OnestMedium1602-hint.b1d2285c056c41b27528.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=/static/media/OnestRegular1602-hint.54ed6502b03681fe60b0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=/static/media/OnestLight1602-hint.0f2c6d3daff26ba49fb0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=/static/media/OnestThin1602-hint.2104bb04c00a99da9722.woff*/
        url()
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 300;
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"),
        url('/fonts/Gotham-LightItalic.eot') format("embedded-opentype"),
        url('/fonts/Gotham-LightItalic.woff2') format("woff2"),
        url('/fonts/Gotham-LightItalic.woff') format("woff"),
        url('/fonts/Gotham-LightItalic.ttf') format("truetype");
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 700;
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"),
        url('/fonts/Gotham-BoldItalic.eot') format("embedded-opentype"),
        url('/fonts/Gotham-BoldItalic.woff2') format("woff2"),
        url('/fonts/Gotham-BoldItalic.woff') format("woff"),
        url('/fonts/Gotham-BoldItalic.ttf') format("truetype");
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 200;
    src: local("Gotham ExtraLight"), local("Gotham-XLight"),
        url('/fonts/Gotham-XLight.eot') format("embedded-opentype"),
        url('/fonts/Gotham-XLight.woff2') format("woff2"),
        url('/fonts/Gotham-XLight.woff') format("woff"),
        url('/fonts/Gotham-XLight.ttf') format("truetype");
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 100;
    src: local("Gotham Thin"), local("Gotham-Thin"),
        url('/fonts/Gotham-Thin.eot') format("embedded-opentype"),
        url('/fonts/Gotham-Thin.woff2') format("woff2"),
        url('/fonts/Gotham-Thin.woff') format("woff"),
        url('/fonts/Gotham-Thin.ttf') format("truetype");
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src: local("Gotham Book"), local("Gotham-Book"),
        url('/fonts/Gotham-Book.eot') format("embedded-opentype"),
        url('/fonts/Gotham-Book.woff2') format("woff2"),
        url('/fonts/Gotham-Book.woff') format("woff"),
        url('/fonts/Gotham-Book.ttf') format("truetype");
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 100;
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"),
        url("/fonts/Gotham-ThinItalic.eot") format("embedded-opentype"),
        url("/fonts/Gotham-ThinItalic.woff2") format("woff2"),
        url("/fonts/Gotham-ThinItalic.woff") format("woff"),
        url("/fonts/Gotham-ThinItalic.ttf") format("truetype");
}


@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 500;
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"),
        url("/fonts/Gotham-MediumItalic.eot") format("embedded-opentype"),
        url("/fonts/Gotham-MediumItalic.woff2") format("woff2"),
        url("/fonts/Gotham-MediumItalic.woff") format("woff"),
        url("/fonts/Gotham-MediumItalic.ttf") format("truetype");
}


@font-face {
    font-family: Gotham Ultra;
    font-style: italic;
    font-weight: 400;
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"),
        url("/fonts/Gotham-UltraItalic.eot") format("embedded-opentype"),
        url("/fonts/Gotham-UltraItalic.woff2") format("woff2"),
        url("/fonts/Gotham-UltraItalic.woff") format("woff"),
        url("/fonts/Gotham-UltraItalic.ttf") format("truetype");
}


@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 400;
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"),
        url("/fonts/Gotham-BookItalic.eot") format("embedded-opentype"),
        url("/fonts/Gotham-BookItalic.woff2") format("woff2"),
        url("/fonts/Gotham-BookItalic.woff") format("woff"),
        url("/fonts/Gotham-BookItalic.ttf") format("truetype");
}


@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 900;
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"),
        url("/fonts/Gotham-BlackItalic.eot") format("embedded-opentype"),
        url("/fonts/Gotham-BlackItalic.woff2") format("woff2"),
        url("/fonts/Gotham-BlackItalic.woff") format("woff"),
        url("/fonts/Gotham-BlackItalic.ttf") format("truetype");
}


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


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


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


@font-face {
    font-family: Gotham Ultra;
    font-style: normal;
    font-weight: 400;
    src: local("Gotham Ultra"), local("Gotham-Ultra"),
        url("/fonts/Gotham-Ultra.eot") format("embedded-opentype"),
        url("/fonts/Gotham-Ultra.woff2") format("woff2"),
        url("/fonts/Gotham-Ultra.woff") format("woff"),
        url("/fonts/Gotham-Ultra.ttf") format("truetype");
}


@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 200;
    src: local("Gotham ExtraLight Italic"), local("Gotham-XLightItalic"),
        url("/fonts/Gotham-XLightItalic.eot") format("embedded-opentype"),
        url("/fonts/Gotham-XLightItalic.woff2") format("woff2"),
        url("/fonts/Gotham-XLightItalic.woff") format("woff"),
        url("/fonts/Gotham-XLightItalic.ttf") format("truetype");
}


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

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: #0000;
    outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

textarea {
    font-family: Roboto;
    outline: none;
    resize: none
}

:root {
    --font-family-0: "Roboto Condensed", sans-serif;
    --font-family-1: "Roboto", sans-serif
}

:hover:before {
    transition: .3s !important
}

*,
:after,
:before {
    border: 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative
}

button,
input {
    outline: none
}

li {
    transition: none
}

:after,
:before,
a,
a:hover,
button,
input,
span,
strong,
sum,
time {
    text-decoration: none
}

html {
    background: #11141c;
    font-family: Roboto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%
}

ul::-webkit-scrollbar {
    background: #0000
}

body {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    width: 100%
}

main>svg:first-of-type {
    left: -96px;
    opacity: .5;
    position: absolute;
    top: 960px;
    transform: rotate(-60deg);
    z-index: -1
}

img,
svg {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

p a,
p a:hover {
    color: #fff
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border: 1px solid #ffffff1a !important
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 12px !important
}

#lobby .avatar {
    border-radius: 100%;
    height: 64px;
    left: 0 !important;
    width: 64px
}

.grid.lobby>div {
    width: 30% !important
}

.grid.lobby>div>div {
    background: #0000 !important;
    padding: 16px
}

.grid.lobby>div>div:first-of-type>div {
    float: right
}

#ready.active {
    border-color: green !important;
    color: #000 !important
}

.more {
    text-shadow: none !important
}

.headshots {
    top: 2px
}

.grid.modes {
    padding-right: 0
}

.grid.modes h4 {
    padding-bottom: 0;
    padding-top: 16px
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-tooltip[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-tooltip {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0)
}

.options p {
    font-size: 14px;
    text-transform: uppercase !important
}

.options p:hover {
    opacity: .5;
    transition: .3s
}

.options p>img {
    bottom: 0;
    filter: invert(100%);
    float: right;
    height: 14px;
    left: 0;
    right: 0;
    top: -1px;
    transition: all .2s ease;
    vertical-align: middle
}

.options>div hr {
    margin-bottom: 6px !important;
    width: 100% !important
}

.options>div>img {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px
}

.options>div.active>img {
    opacity: .5 !important
}

.options>div.active p img {
    transform: rotate(180deg)
}

.options>div.active p {
    opacity: .2;
    transition: .3s
}

.options>div.active p:hover {
    opacity: .5;
    transition: .3s
}

.options>div:last-of-type hr {
    display: none !important
}

#dashboard-chat>div:first-of-type {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    font-weight: 700;
    padding: 16px
}

#dashboard-chat>div:first-of-type .live-dot {
    background: #85f479;
    margin-right: 12px;
    top: -1px
}

#stickers-scroller {
    height: 120px
}

#stickers-scroller h4 {
    padding-top: 0 !important
}

.danger {
    left: -10px !important;
    margin-left: 12px !important
}

aside#servers {
    background: #0000 !important;
    float: right;
    margin-left: 1%;
    margin-right: 2.5%;
    padding-top: 0;
    position: sticky;
    top: 22px;
    width: 280px;
    z-index: 1000
}

.support.tippy:hover {
    opacity: .1 !important;
    transition: .3s
}

.wrap {
    margin: 0 auto
}

#game .lvl {
    display: none
}

.grid.serv>div {
    width: 31.5% !important
}

#prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#prime-servers>div>.tippy {
    background-color: #74bae81a;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    width: 40px
}

#prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

#non-prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#non-prime-servers>div>.tippy {
    background-color: #bc4a4a1a;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 20px !important;
    padding: 8px;
    width: 40px
}

#non-prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.stattrak-img {
    bottom: 24px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 24px;
    width: 32px;
    z-index: 10
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: #91affd0d;
    background-repeat: no-repeat;
    border-radius: 12px;
    cursor: pointer;
    height: 6px;
    margin: auto;
    outline: none;
    padding: 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-range-track {
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

.grid.skins .skin p {
    bottom: 16px;
    color: #fff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    z-index: 25
}

.visibility-hidden {
    visibility: hidden !important
}

.grid .prime {
    border: 3px solid #60b9ebcc
}

.container {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
}

aside .container {
    line-height: 24px
}

.container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #0003;
    border-radius: 6px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px
}

.container:hover input~.checkmark {
    background-color: #0000001a
}

.container input:checked~.checkmark {
    background-color: #6080ff
}

label.active p img {
    opacity: 0
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container input:checked~.checkmark:after {
    display: block
}

label label:hover {
    color: #ffffff80
}

.container .checkmark:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/icons/check.svg*/
        url() no-repeat 50%/cover;
    display: none;
    height: 7.3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.copy {
    cursor: pointer
}

.copy:hover {
    opacity: 1;
    transition: .3s
}

#profile-cover {
    border-radius: 0;
    height: 320px;
    left: 0;
    right: 0;
    top: 0
}

#profile-cover:before {
    background: linear-gradient(180deg, #0f141b1a 0, #0f141bb3 35%, #11141c 90%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

#profile-cover img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.cybercoin {
    height: 16px;
    margin-left: 12px;
    top: -1px;
    vertical-align: middle
}

#serverInfoModal .table .avatar {
    height: 23px;
    vertical-align: middle;
    width: 23px
}

#information {
    margin-left: 24px;
    margin-right: 32px;
    padding-top: 0
}

#information .avatar,
#information>img {
    border-width: 4px !important
}

#information>img {
    border-radius: 100%;
    display: block;
    height: 128px;
    margin: auto;
    width: 128px
}

#information>img.skinchanger {
    border: 4px solid #6080ff !important
}

#information>img.premium {
    border: 4px solid #fdb510 !important
}

.profile-socials {
    padding-bottom: 0
}

.profile-socials p {
    padding-bottom: 6px
}

.profile-socials a {
    display: inline-block;
    margin-right: 10px
}

.profile-socials a img {
    max-height: 14px;
    max-width: 18px
}

.profile-socials a:last-of-type {
    margin-right: 0
}

#profile-buttons button {
    margin: 0 !important
}

#score img,
.score img {
    float: left;
    vertical-align: middle
}

#score p,
.score p {
    float: left;
    font-size: 16px;
    line-height: 32px;
    width: 128px
}

#score span,
.score span {
    border: 1px solid #ffffff1a;
    font-size: 16px;
    margin-right: 4px
}

.inner {
    animation: inner 2s linear infinite
}

.middle {
    animation: middle 2s linear infinite
}

.outer {
    animation: outer 2s linear infinite
}

#profile {
    margin-top: -240px;
    max-width: 100%;
    padding-left: 0;
    z-index: 100
}

#profile-nav {
    align-items: center;
    border-bottom: 0;
    clear: both;
    display: flex;
    height: 60px;
    margin-left: 0;
    margin-top: 36px !important;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 4
}

#profile-nav a {
    border-bottom: 3px solid #0000;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: 24px
}

#profile-nav a:hover {
    color: #fff;
    transition: .3s
}

#profile-nav a:active {
    bottom: -3px
}

#profile-nav span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#profile-nav span.new {
    background: #6080ff1f;
    border: none;
    border-radius: 6px;
    color: #6080ff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px;
    text-transform: uppercase
}

.single {
    display: block !important;
    margin: 32px auto !important
}

summary h3 {
    font-size: 16px
}

#profile-settings {
    display: none
}

.btn.mini {
    font-size: 14px;
    height: 44px;
    line-height: 44px
}

.btn.mini:hover {
    filter: brightness(110%);
    transition: .3s
}

.options>div,
.options>div label {
    display: block;
    width: 100%
}

.options>div.active label {
    display: block !important;
    width: 100%
}

.options>div hr {
    display: none
}

.options>div p {
    font-weight: 700;
    padding: 16px 0 0
}

.options>div p:hover {
    cursor: pointer !important
}

.options>div label,
.options>div select {
    display: none
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important
}

.copy-ip:hover {
    background: #fff3 !important;
    color: #fff !important
}

label img {
    top: 4px
}

.loyalty__progressBox--2KEX {
    display: flex;
    font-size: 12px;
    margin: 16px 0 0
}

.loyalty__progressBlock--W_he {
    flex-grow: 1
}

.loyalty__progressBar--3fut {
    background-color: #0003;
    border-radius: 10px;
    box-sizing: border-box;
    height: 8px;
    overflow: hidden
}

.loyalty__progressBg--2f0j {
    background: linear-gradient(90deg, #94a7b7, #a1a1a1);
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width 1s
}

.loyalty__progressBg--2f0j.gold {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    color: gold
}

.viMoneyValue--1vFp,
.viMoneyValue__text--1EVB {
    width: auto
}

.loyalty__giftInfo--2qi6 {
    font-weight: 500;
    margin-top: -5px;
    white-space: nowrap
}

.loyalty__giftSum--1Rr9 {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px
}

#information #xp-bar {
    margin-bottom: 16px !important;
    margin-top: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#information #xp-bar div {
    padding: 0 !important
}

#information #xp-bar .loyalty__progressBox--2KEX {
    top: 0 !important
}

#information #xp-bar button {
    top: 12px !important
}

#xp-bar button,
.xp-bar button {
    background: #6080ff00;
    border: 1px solid #6080ff80;
    color: #6080ff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 11px;
    height: 24px;
    left: 20px;
    line-height: 23px;
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    top: -12px;
    width: auto
}

#xp-bar button:hover,
.xp-bar button:hover {
    background: #6080ff1a;
    box-shadow: none !important;
    transform: none !important
}

#xp-bar button strong,
.xp-bar button strong {
    border-right: 1px solid #6080ff80;
    color: #6080ff !important;
    margin-right: 0;
    padding-right: 4px
}

#xp-bar button img,
.xp-bar button img {
    height: 8px;
    left: 0;
    margin-left: 6px;
    top: -1px;
    width: 8px
}

#xp-bar,
.xp-bar {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    z-index: 9
}

#xp-bar .loyalty__progressBg--2f0j,
.xp-bar .loyalty__progressBg--2f0j {
    cursor: help !important;
    cursor: -webkit-help
}

#xp-bar img,
.xp-bar img {
    height: 64px;
    left: -2px;
    position: absolute;
    top: -23px;
    width: 64px
}

.grid.monitoring {
    width: 100%
}

.grid.monitoring group {
    display: none
}

.grid .big img.tippy {
    cursor: help;
    height: 32px;
    left: 16px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 16px;
    vertical-align: middle;
    z-index: 20
}

.grid .big img.tippy:hover {
    transition: .3s
}

hr {
    background: #fff;
    display: block;
    height: 1px;
    margin: 24px auto 32px;
    opacity: .1;
    width: 48px
}

.hide {
    display: none !important
}

.nav {
    left: 0;
    position: fixed;
    right: 0;
    top: -60px
}

.nav nav .logo {
    display: inline-block !important
}

.nav nav {
    transform: translateY(-16px)
}

.nav .logo img {
    opacity: 1
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    z-index: 900
}

.more {
    border-radius: 6px;
    color: #0000;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

.more:hover {
    background: #ffffff1a;
    box-shadow: 0 0 6px #0000001a;
    color: #fff;
    transition: .3s
}

.more img {
    display: block;
    filter: invert(100%);
    height: 20px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .3s;
    vertical-align: middle
}

.more:hover img {
    opacity: 0;
    transition: .3s
}

#terms strong {
    display: block
}

#terms {
    background: #131821;
    border-radius: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    line-height: 1.5;
    margin: 48px;
    padding: 0 60px 60px
}

#terms p:not(.terms-title),
#terms td {
    color: #7b828a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px
}

#terms table {
    border-collapse: initial !important
}

#terms p:not(.terms-title) strong {
    opacity: .7
}

#terms .terms-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 32px
}

#terms h1 {
    font-size: 32px;
    margin-bottom: 0;
    padding: 24px 0 0;
    text-transform: uppercase
}

#terms p {
    line-height: 1.5
}

.profile-socials a {
    transition: .3s
}

.profile-socials a:hover {
    opacity: 1;
    transition: .3s
}

.grid.big {
    margin-top: -22px !important
}

.grid {
    display: block;
    overflow: hidden
}

.grid>a,
.m {
    border-radius: 12px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: top
}

label label {
    display: block
}

.grid>a:hover {
    color: #fff
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25
}

#servers .grid div a ion-icon {
    top: -2px;
    vertical-align: middle
}

#section-servers .grid group {
    pointer-events: all
}

.home-body-servers .group {
    align-items: center;
    display: flex
}

.grid>a,
.grid>div,
.m {
    transition: .3s
}

#servers .grid div a:hover {
    background: #fff3;
    transition: .3s
}

#servers .grid div a {
    color: #aecce4
}

#servers .grid div a:hover ion-icon {
    color: #fff !important
}

.grid .big:hover .group,
.grid .big:hover .mode-name,
.grid .big:hover .mode-timer {
    opacity: 0
}

.grid .big online {
    display: none
}

.grid .big {
    height: 300px;
    width: 100%
}

.grid .big shadow {
    height: 320px
}

.grid .big,
.grid .big:active {
    cursor: pointer !important
}

.grid .big a {
    right: 10%;
    top: 10%
}

.social img .social {
    margin: 0;
    margin-left: 12px !important
}

.social:hover img {
    filter: brightness(135%);
    transition: .3s
}

.live-dot {
    background-color: #6080ff;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.live-dot:after {
    animation: signal 3s ease-out infinite;
    background-color: inherit;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.avatar .premium,
.avatar.premium {
    border: 2px solid #fdb510 !important
}

.stattrak {
    border: 3px solid #cf6a32 !important;
    color: #cf6a32
}

.star,
.star.stattrak {
    border: 3px solid #8650ac !important;
    color: #8650ac
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20
}

.group:hover {
    color: #fff;
    transition: .3s
}

.mode-online {
    bottom: 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
}

.grid slots {
    color: #aecce4;
    font-size: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    transition: .3s;
    z-index: 25
}

.grid>div:hover slots {
    color: #fff;
    transition: .3s
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute
}

.grid online .orange {
    background: #f6b949;
    box-shadow: 0 0 2px #f6b94980
}

.grid online .green {
    background: #85f479;
    box-shadow: 0 0 2px #85f47980
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80
}

h1 {
    font-size: 48px
}

h1,
h3 {
    display: block;
    text-transform: uppercase
}

h3 {
    font-size: 24px;
    text-align: center
}

.grid .disabled {
    pointer-events: none
}

.disabled {
    color: #8aa2b666;
    filter: grayscale(100%)
}

.position {
    background: #0000 !important;
    background-color: initial !important;
    position: absolute;
    top: 0 !important
}

.list-style-dot li:before {
    border-color: #0000;
    color: #ffffff1a;
    content: "★";
    font-size: 24px;
    text-shadow: none;
    top: -1px;
    transition: .3s
}

.list-style-dot li:hover:before {
    color: #fdb510;
    transform: scale(.75);
    transition: .3s
}

#profile-main {
    align-items: center;
    display: flex;
    margin-top: 42px
}

#name_player {
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#profile-main>p {
    clear: both;
    font-size: 12px;
    opacity: .5;
    padding-bottom: 19px
}

#profile-main .xp-bar .loyalty__progressBar--3fut {
    margin-left: -32px;
    margin-right: -40px !important;
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__progressBg--2f0j {
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__giftInfo--2qi6 {
    position: absolute;
    right: 0;
    top: 0
}

#profile-main .xp-boost {
    top: -16px !important
}

#profile-main .xp-boost img {
    vertical-align: middle
}

#profile-maps {
    border: 1px solid #0003;
    border-radius: 12px;
    display: none;
    float: right;
    margin: 24px 24px 0;
    overflow: hidden;
    width: 50%
}

#profile-maps .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

#profile-maps .th>div:first-of-type {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 80%
}

#profile-maps .th>div:nth-of-type(2) {
    color: #ffffff80;
    display: inline-block;
    font-size: 14px;
    right: -20px;
    text-align: left;
    vertical-align: top;
    width: 20%
}

#profile-maps>div>div:nth-of-type(2n) {
    background: linear-gradient(90deg, #0000 0, #0000001a 48%, #0000)
}

#profile-maps>div>div:hover {
    background: linear-gradient(90deg, #fff0 0, #ffffff0d 48%, #fff0);
    transition: .3s
}

#profile-maps>div>div {
    border-top: 1px solid #0000001a;
    display: block;
    padding: 12px 0;
    white-space: nowrap
}

#profile-maps>div .hide {
    display: block !important
}

#profile-maps div div>div>div {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

#profile-maps div img {
    border-radius: 6px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 90px
}

#profile-maps>div div:last-of-type {
    border-bottom: 0
}

#profile-maps>div div:first-of-type {
    border-top: 0
}

#profile-maps>div div>div:first-of-type {
    padding-left: 5%;
    text-align: left;
    width: 75%
}

#profile-maps>div div>div:nth-of-type(2) {
    top: -2px;
    width: 20%
}

nav#profile-nav a {
    width: auto !important
}

details.disabled {
    background: #0000 !important t;
    opacity: .2 !important
}

details.disabled * {
    filter: grayscale(100%)
}

details.disabled balance {
    filter: grayscale(0) !important
}

.table .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

.table .th>div {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

#socials {
    left: 0;
    top: 0
}

#socials h4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

#socials a:not(:last-child) {
    margin-right: 14px
}

label img {
    bottom: 16px;
    height: 16px;
    opacity: 1;
    position: absolute;
    right: 16px;
    width: 18px
}

.grid.modes {
    padding-left: 0
}

.image {
    border-radius: 12px;
    margin-top: 0;
    width: 480px
}

div#features div {
    clear: both
}

input {
    background: #0000001a;
    border: 1px solid #0000;
    border-radius: 6px;
    box-shadow: inset 0 -1px #ffffff1a, inset 0 2px 2px #0003;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    width: 100%
}

#information .avatar {
    border-radius: 100%;
    height: 128px;
    width: 128px
}

.status.online {
    color: #33ff7b;
    opacity: 1
}

#content {
    padding-bottom: 0 !important
}

ul#languages {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #191f236b !important;
    border-radius: 12px;
    bottom: 48px;
    display: none;
    font-size: 0;
    left: 10px;
    margin: 8px;
    overflow: hidden;
    position: absolute;
    width: 48px;
    z-index: 100
}

ul#languages li {
    border-bottom: 1px solid #ffffff0d
}

#languages div {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    transition: .3s;
    width: 48px
}

ul#languages li:last-of-type {
    border-bottom: 0
}

ul#languages a:hover img {
    transform: scale(1.1);
    transition: .3s
}

ul#languages img {
    height: 16px;
    margin-right: 0 !important;
    margin-right: 6px;
    top: 0;
    transition: .3s;
    vertical-align: middle
}

ul#languages h4 {
    font-size: 9px;
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    top: 6px
}

ul#languages>a {
    font-size: 12px;
    top: 0
}

ul#languages>a img {
    height: 16px;
    margin-right: 6px;
    top: -1px;
    vertical-align: middle
}

.verify {
    background: #14191e00;
    color: #6080ff;
    height: 24px;
    margin-left: 12px
}

.group img {
    height: 12px;
    margin-right: 6px
}

.container.disabled {
    opacity: .5;
    pointer-events: none
}

.access,
.cancel,
.checking,
.error,
.success,
.twink {
    border-color: #0000 !important
}

#play {
    margin-bottom: 0;
    margin-top: -2px !important;
    padding-top: 0
}

#ready {
    background: #0000;
    box-shadow: 0 0 16px #6080ff1a !important;
    display: block
}

#ready.ready {
    box-shadow: 0 0 16px #33ff7b1a !important;
    color: #33ff7b
}

.skin icon {
    left: 0;
    margin: auto;
    right: 0;
    top: 24px;
    z-index: 100
}

.skin icon,
.skin icon img {
    display: block;
    position: absolute;
    width: 48px
}

.skin icon img {
    height: 48px;
    margin: 0 auto;
    top: 96px
}

.skin shadow {
    background: linear-gradient(135deg, #000, #0000) !important
}

details:hover {
    opacity: 1 !important;
    transition: .3s
}

#support-open {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    position: fixed;
    right: 16px;
    top: auto;
    z-index: 1199
}

.lvl {
    border: 0 !important;
    color: #fefefe;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 12px
}

.read {
    background: #0000 !important;
    opacity: .5 !important
}

#terms #content {
    height: 1024px
}

#nav-competitions .disabled,
#nav-servers .disabled,
#profile-nav .disabled {
    cursor: no-drop;
    opacity: .5
}

#aside-chat-show-swipe-area {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 1180
}

button#aside-chat-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0000000d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 48px;
    margin-top: -24px;
    position: fixed;
    right: 11px;
    top: 50%;
    width: 48px;
    z-index: 1195 !important
}

button#aside-chat-show:hover {
    background: #0000001a
}

button#aside-chat-show img {
    filter: invert(100%);
    height: 24px;
    opacity: .5;
    vertical-align: middle;
    width: 24px
}

button#aside-chat-show ion-icon {
    font-size: 24px !important
}

button#aside-chat-show span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    transition: .3s
}

button#aside-chat-hide {
    background: #0000;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 32px;
    z-index: 1290
}

button#aside-chat-hide:hover {
    background: #ffffff0d !important;
    transition: .3s
}

button#aside-chat-hide img {
    filter: invert(100%);
    height: 16px;
    opacity: .5;
    vertical-align: middle
}

#gif {
    display: none;
    right: 0
}

#gif,
#gif img {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

#gif img {
    opacity: .1;
    width: 100%
}

#gif:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: radial-gradient(ellipse at center, #14191e00 0, #0f141b 75%, #0f141b 100%);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000f161d", endColorstr="#0f141b", GradientType=1);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

aside#header .logo {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 14px 0;
    width: 100%
}

aside#header .logo video {
    height: 45px;
    margin: 0;
    opacity: 1;
    width: 60px
}

aside#header .profile .avatar {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    vertical-align: middle;
    width: 40px
}

aside#header .profile {
    font-size: 0;
    line-height: 64px;
    padding: 0;
    top: 0;
    width: 64px
}

aside#header .profile .avatar:hover {
    transform: scale(1.1);
    transition: .3s
}

aside#header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

aside#header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 28px;
    width: 32px
}

aside#header .profile ion-icon {
    font-size: 24px
}

.online {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 14px;
    padding: 6px 0 12px;
    text-align: center;
    width: 100%
}

.online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.online>span>span {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

aside#header {
    background: linear-gradient(180deg, #030b12 0, #0f141b);
    background: #0c101a;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    width: 84px;
    z-index: 1199
}

aside#header nav {
    height: fit-content;
    width: 100%
}

aside#header .langs {
    text-align: center;
    width: 100%;
    z-index: 10000
}

aside#header .langs h4 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    margin-bottom: -10px;
    padding-bottom: 0;
    text-align: center
}

.choosen-lang {
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 64px;
    line-height: 84px;
    transition: .3s;
    width: 100%
}

.choosen-lang:hover {
    color: #aecce4;
    transition: .3s
}

.choosen-lang img {
    height: 16px;
    margin-right: 0;
    top: -7px;
    transition: .3s;
    width: 16px
}

.choosen-lang:hover img {
    transform: scale(1.1);
    transition: .3s
}

aside#header .premium img {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

aside#header .help ion-icon {
    font-size: 24px
}

aside#header .play img {
    height: 18px !important
}

aside#header .play:after {
    background: #ffffff05;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

aside#header .play ion-icon {
    font-size: 24px
}

header {
    align-items: center;
    background: #11141c;
    box-shadow: none;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 84px;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1200
}

header #socials {
    display: flex;
    gap: 24px;
    left: 1%;
    top: 0
}

nav#sort {
    display: block
}

nav#sort div {
    display: inline-block
}

nav#sort div>a {
    font-size: 12px
}

nav#sort div>a ion-icon {
    margin-left: 6px;
    top: 2px
}

nav#sort div>a img {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

nav#sort ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0c0f12e6;
    border-radius: 12px;
    display: none;
    position: absolute;
    top: 48px;
    z-index: 100
}

nav#sort ul a {
    border-bottom: 1px solid #ffffff0d;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 100%
}

nav#sort ul a ion-icon {
    font-size: 16px;
    margin-right: 10px;
    top: 4px
}

nav#sort ul li:last-of-type a {
    border-bottom: 0
}

nav#sort .icon-left ion-icon {
    left: -6px !important;
    position: relative !important;
    top: 2px
}

header hgroup,
header hgroup h1 {
    text-align: center
}

header hgroup h1 {
    font-family: Roboto Condensed, sans-seri;
    font-size: 18px;
    line-height: 60px;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    text-transform: none;
    width: 100% !important
}

header img {
    vertical-align: middle
}

header .notifications {
    background: #0000;
    box-shadow: none !important;
    display: block;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0 !important;
    padding: 0 !important;
    top: 0;
    width: 48px
}

header .notifications span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    transition: .3s
}

header .balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px;
    min-width: auto;
    pointer-events: none
}

header .balance balance {
    color: #8a9dab;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    left: 0
}

header .balance balance,
header .balance p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    letter-spacing: 1px
}

header .balance p {
    color: #ffffff80;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
    text-align: left;
    text-transform: uppercase
}

header .balance:hover p {
    color: #aecce4;
    transition: .3s
}

header .balance balance img {
    height: 18px;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle
}

header .balance ion-icon {
    float: left;
    font-size: 32px;
    margin-right: 12px;
    opacity: .1
}

header .profile img {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    width: 40px
}

header .profile {
    float: right;
    font-size: 0;
    padding: 0
}

header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 40px
}

header .login {
    background-image: url('/img/dot-arrow.svg');
    background-position: center right 12px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #fff;
    float: right;
    height: 60px;
    line-height: 60px;
    opacity: .5;
    padding: 0;
    z-index: 100
}

header .login span {
    border-radius: 6px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    opacity: 0;
    padding-left: 0
}

header .login img {
    border-radius: 8px;
    display: inline-block;
    height: 32px !important;
    opacity: 1;
    right: 0
}

header .login:hover {
    background-image: none;
    background-position: 100%;
    color: #fff;
    opacity: 1
}

header .login:hover span {
    color: #fff9;
    opacity: 0;
    transition: .3s
}

header .login:hover img {
    opacity: 1;
    transition: .3s
}

#nav-servers {
    background-color: initial !important;
    display: block;
    font-size: 0;
    margin: 0 1%;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 9
}

#nav-servers>div {
    margin: 0 auto;
    overflow: hidden
}

#nav-servers>div>div {
    overflow: hidden
}

#nav-servers a {
    background-color: #ffffff0d;
    border-radius: 8px;
    color: #aecce4 !important;
    display: inline-block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 3px 2px;
    opacity: 1;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

#nav-servers a:last-of-type {
    margin-right: 0
}

#nav-servers a:hover {
    background: #ffffff1a;
    color: #6080ff !important;
    transition: .3s
}

#nav-servers a.active {
    background: #6080ff30;
    color: #6080ff !important;
    font-weight: 700
}

#nav-servers a[disabled] {
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

#nav-servers a ion-icon {
    margin-right: 6px;
    top: 2px
}

#nav-servers a img {
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    width: 16px
}

#nav-servers a.active span {
    display: inline-block !important
}

#nav-servers span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#nav-servers a.active span {
    border-color: #6080ff
}

#nav-servers {
    white-space: normal
}

#page-servers {
    height: 100%;
    width: 100%
}

#page-servers h2 {
    font-size: 40px;
    text-transform: uppercase
}

#page-servers h1,
#page-servers h2 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700
}

#page-servers h1 {
    padding: 0
}

#premium {
    font-family: Roboto, sans-serif !important;
    font-family: var(--font-family-1) !important;
    overflow: hidden
}

.avatar {
    border-radius: 100%
}

#contacts h2 {
    color: #fff;
    font-size: 32px
}

#contacts form {
    padding-top: 24px
}

#contacts form h4:not(:first-of-type) {
    padding-top: 0
}

#contacts form input {
    border: 1px solid #ffffff1a;
    height: 38px;
    margin-bottom: 6px;
    padding-left: 44px
}

#contacts form input:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form input:focus {
    border: 1px solid #6080ff
}

#contacts form textarea {
    background: #0000001a;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 196px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 12px 16px 14px;
    text-align: left;
    width: 100%
}

#contacts form textarea:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form label img {
    height: 16px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 17px
}

#contacts form textarea:focus {
    border: 1px solid #6080ff
}

#contacts form {
    flex: 1 1
}

#contacts form>div {
    display: flex;
    flex-direction: row
}

#contacts form div>div {
    flex: 1 1
}

#contacts form label {
    display: block;
    padding: 6px 16px
}

#contacts form button {
    margin-bottom: 16px
}

#submit_feedback {
    margin-left: 16px
}

#contacts form small {
    color: #ffffff80;
    cursor: default;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px
}

#contacts form small a:hover {
    text-decoration: underline !important
}

#contacts h4 {
    clear: both
}

#contacts .container {
    line-height: 1.5;
    margin-left: 16px;
    padding-left: 32px;
    padding-right: 16px;
    padding-top: 2px
}

::placeholder {
    color: #ffffff80
}

#langs-confirm {
    background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%);
    border-radius: 12px;
    bottom: 12px;
    font-family: Roboto;
    left: 60px;
    padding: 24px;
    position: absolute;
    width: 330px;
    z-index: 1200
}

#langs-confirm-choose {
    box-shadow: none !important;
    height: auto;
    line-height: 38px !important
}

#langs-confirm>a {
    top: 12px !important
}

#langs-confirm h4 {
    align-items: center;
    color: #ecf1f8;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none
}

#langs-confirm img {
    margin-right: 8px;
    width: 16px
}

#langs-confirm span {
    color: #6080ff
}

#langs-confirm p {
    color: #9fa7be;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 24px
}

#langs-confirm:before {
    border-bottom: 8px solid #0000;
    border-right: 8px solid #171c26;
    border-top: 8px solid #0000;
    bottom: 12px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

#langs-confirm>div button:first-of-type {
    background: #6080ff1a;
    border-radius: 8px;
    color: #6080ff;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .01em;
    line-height: auto;
    padding: 12px 39px;
    width: auto
}

#langs-confirm>div button:hover {
    transform: none !important
}

.options .container {
    color: #fff
}

#langs-confirm strong>ion-icon {
    color: #6080ff
}

h4 hr {
    background: #000;
    margin-bottom: 0 !important;
    width: 100%
}

#serverInfoModal #table-scroller {
    height: 240px
}

.settings form label {
    display: inline-block !important
}

.settings form label:nth-of-type(2) {
    margin-right: -2.5% !important
}

.headshots {
    height: 20px
}

.lvl-1 .avatar,
.lvl-2 .avatar,
.lvl-3 .avatar,
.lvl-4 .avatar {
    border: 2px solid #4698ff !important
}

.lvl-5 .avatar,
.lvl-6 .avatar,
.lvl-7 .avatar,
.lvl-8 .avatar {
    border: 2px solid #93f !important
}

.lvl-10 .avatar,
.lvl-11 .avatar,
.lvl-12 .avatar,
.lvl-9 .avatar {
    border: 2px solid #ffcc4c !important
}

.lvl-13 .avatar,
.lvl-14 .avatar,
.lvl-15 .avatar,
.lvl-16 .avatar {
    border: 2px solid #e50022 !important
}

.lvl-17 .avatar {
    border: 2px solid #5151e7 !important
}

.lvl-18 .avatar {
    border: 2px solid #67cb35 !important
}

.lvl-19 .avatar {
    border: 2px solid #cc2929 !important
}

#confirm {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    display: none;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#confirm:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

#buy,
.buy {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15) !important;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important
}

#buy:hover,
.buy:hover {
    box-shadow: 0 0 4px #eda53180 !important;
    transition: .3s
}

.btn {
    background: #6080ff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto
}

.btn:hover {
    filter: brightness(110%);
    transition: .3s
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: inset 0 3px 5px #0003 !important;
    box-shadow: inset 0 3px 5px #0003 !important;
    transition: .3s
}

button[disabled],
input[type=submit][disabled] {
    pointer-events: none
}

#use {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 6px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

#use:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

.owner {
    filter: invert(100%);
    height: 16px !important
}

.money {
    color: #afd999;
    float: right;
    font-size: 20px
}

.money ion-icon {
    color: inherit;
    margin-left: 12px;
    top: -2px;
    vertical-align: middle
}

#game #chat {
    border-radius: 12px
}

#game #chat .message p a {
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.options .active hr {
    display: block !important
}

.options select {
    background: #0000001a;
    border: 0;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-bottom: -2px;
    overflow: hidden;
    padding: 0 64px 0 24px;
    text-overflow: ellipsis;
    transition: .5;
    width: 100%
}

.options select:hover {
    background: #0003;
    color: #aecce4;
    transition: .5
}

.options select option {
    color: #000 !important
}

#settings select {
    background: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 64px 0 16px;
    text-overflow: ellipsis;
    transition: .5
}

#settings select:hover {
    border: 1px solid #fff3;
    color: #aecce4;
    transition: .5
}

#settings select:focus {
    border: 1px solid #6080ff;
    color: #fff
}

#settings select option {
    color: #000 !important
}

ol {
    counter-reset: myCounter
}

li {
    list-style: none;
    outline: none
}

ol li:before {
    border: 2px solid #aecce4;
    border-radius: 100%;
    color: #fff;
    content: counter(myCounter);
    counter-increment: myCounter;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    top: 0;
    width: 32px
}

.pointer-events-none {
    pointer-events: none !important
}

li p small {
    color: #ff9e15;
    display: block;
    text-transform: lowercase
}

li p {
    overflow: hidden
}

.btn.red {
    background: #0000 !important;
    border: 1px solid #ff5150 !important;
    color: #ff5150
}

.btn.red,
.btn.red:hover {
    box-shadow: none !important
}

.btn.white {
    background: #0000 !important;
    border: 1px solid #ffffff80 !important;
    line-height: 40px !important
}

.btn.white:hover {
    box-shadow: none !important
}

.btn.green {
    background: #0000 !important;
    border: 1px solid #00ff8f !important;
    color: #00ff8f;
    line-height: 40px !important
}

.btn.green:hover {
    box-shadow: none !important
}

.btn.gray,
.btn.gray:hover {
    filter: grayscale(100%)
}

.btn.green.outline {
    border: 1px solid #00ff8f !important
}

.btn.green.no-border,
.btn.green.outline {
    background: #0000 !important;
    color: #00ff8f
}

.btn.green.no-border,
.btn.no-border {
    border: 0 !important
}

.btn.no-border {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-border:hover {
    box-shadow: none !important
}

.btn.outline {
    border: 1px solid #6080ff !important
}

.btn.no-bg,
.btn.outline {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-bg {
    border: 0 !important
}

.btn.icon-left ion-icon {
    color: inherit;
    font-size: 20px !important;
    left: -4px;
    margin-right: 12px;
    top: -2px;
    vertical-align: middle
}

#date {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gold {
    text-shadow: none
}

.profile-buttons {
    bottom: 36px;
    position: absolute;
    right: 14px;
    z-index: 10
}

.profile-buttons>button {
    margin-right: 12px !important
}

.skin-icon {
    float: left !important;
    height: auto !important;
    max-height: 40px;
    max-width: 40px;
    position: relative !important;
    top: 0 !important;
    width: auto !important
}

.skin-name {
    margin-bottom: 3px
}

.skin-categories {
    color: #ffffff80;
    font-size: 12px
}

.grid.max .big {
    width: 12.75% !important
}

.grid.max>a,
.grid.max>div {
    width: 18.5% !important
}

#policy {
    background-color: #565656e6;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    cursor: default;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60%;
    z-index: 100000000000000
}

#policy svg {
    cursor: pointer;
    float: right;
    height: 12px;
    margin-right: 12px;
    top: 1px;
    width: 12px
}

#policy svg:hover {
    opacity: .8;
    transform: scale(1.1);
    transition: .3s
}

#policy a {
    color: #6080ff;
    text-decoration: none
}

#policy a:hover {
    text-decoration: underline
}

nav select {
    background: #0000;
    border: 1px solid #fff3;
    border-radius: 6px;
    display: none;
    font-size: 16px;
    height: 32px;
    left: 10%;
    padding: 0 16px;
    width: 90%
}

.overflow-hidden {
    overflow: hidden
}

#serverInfoModal .table .th {
    border-bottom: 1px solid #0000001a;
    height: 40px
}

#serverInfoModal .table .th>div:first-of-type {
    display: inline-block;
    float: left;
    text-align: left !important
}

#serverInfoModal .table .th>div:nth-of-type(2),
#serverInfoModal .table .th>div:nth-of-type(3) {
    display: inline-block;
    float: right;
    width: 25%
}

input.info {
    border-color: #339cff !important
}

input.success {
    border-color: #33ff7b !important
}

input.error {
    border-color: #ff5150 !important
}

input.warning {
    border-color: #ffb933 !important
}

#alerts .info {
    background: #339cff;
    box-shadow: 0 0 6px #339cff80
}

#alerts .success {
    background: #33ff7b;
    box-shadow: 0 0 6px #33ff7b80
}

#alerts .error {
    background: #ff5150;
    box-shadow: 0 0 6px #ff515080
}

#alerts .warning {
    background: #ffb933;
    box-shadow: 0 0 6px #ffb93380
}

form p.info {
    color: #339cff !important;
    font-size: 12px
}

form p.success {
    color: #33ff7b !important;
    font-size: 12px
}

form p.error {
    color: #ff5150 !important;
    font-size: 12px
}

form p.warning {
    color: #ffb933 !important;
    font-size: 12px
}

#online-listModalOpen>span {
    top: 0
}

#settings h3 img {
    filter: grayscale(100%);
    height: 32px;
    margin-right: 16px;
    width: 32px
}

#settings h3 {
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>div {
    flex: 1 1
}

#arcticModals {
    display: none
}

.arcticmodal-container,
.arcticmodal-overlay {
    background: #0000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.arcticmodal-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    overflow: auto;
    padding: 0
}

:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    vertical-align: middle
}

.arcticmodal-error {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 20px
}

.arcticmodal-overlay {
    background-color: #13161b99;
    opacity: 1
}

.arcticmodal {
    background: #151d27;
    border-radius: 12px;
    box-shadow: 0 10px 20px 0 #ffffff05;
    display: block;
    overflow: hidden
}

.arcticmodal>h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    opacity: .95;
    text-transform: none;
    text-transform: uppercase
}

.arcticmodal>h2,
.arcticmodal>p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    text-align: center
}

.arcticmodal>p {
    font-size: 16px;
    line-height: 19px;
    opacity: .5;
    padding-top: 10px
}

.cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px
}

.cover shadow {
    background: linear-gradient(180deg, #0000 0, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal {
    background: linear-gradient(0deg, #171c2a 71.09%, #13182100 129.73%), #171c2a;
    border-radius: 32px;
    box-shadow: 0 4px 134px 0 #0000005e;
    width: 823px;
    z-index: 1000000
}

#serverInfoModal.arcade-mode {
    width: 344px
}

#serverInfoModal .cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px;
    opacity: .15;
    overflow: hidden
}

#serverInfoModal .cover shadow {
    background: linear-gradient(180deg, #41434500 0, #151d27 91%, #151d27);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal .icon {
    border-radius: 100%;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 40 !important
}

#serverInfoModal .score {
    display: block;
    margin-top: -64px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center
}

#serverInfoModal time {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    text-align: center;
    text-transform: none;
    top: -36px
}

#serverInfoModal ion-icon {
    color: inherit;
    margin-right: 6px;
    top: 2px
}

#pracInfoModal {
    padding: 0;
    width: 520px
}

.grid h4 {
    padding: 0 0 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

#ad {
    width: 100%
}

#ad,
#game {
    margin-top: 0
}

#game {
    z-index: 1000
}

#game #score {
    display: block;
    margin-top: 128px;
    overflow: hidden;
    text-align: center
}

#game h1 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    left: 0;
    margin-bottom: -32px !important;
    max-width: 100%;
    padding-top: 24px;
    pointer-events: none;
    text-align: center;
    text-transform: none
}

.avatar {
    background: linear-gradient(0deg, #3b4851 51%, #252d30 88%)
}

#serverInfoModal-scroller {
    height: 640px;
    padding-bottom: 12px;
    padding-top: 12px
}

.skin>div {
    overflow: hidden;
    top: 0
}

.skin p {
    position: absolute !important;
    top: 16px !important;
    z-index: 1000
}

.skin>span {
    border-radius: 100%;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 6px;
    z-index: 100
}

.skin.cover>div img {
    top: 0 !important
}

.cancel {
    background: #0000 !important
}

.cancel,
.cancel:hover {
    box-shadow: none !important;
    transition: .2s
}

.cancel:hover {
    opacity: .5
}

h4 {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.grid.shop h4 {
    padding-left: 10px
}

.grid.shop .skin p {
    color: #c8cfdb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    opacity: .9;
    padding: 0 16px;
    z-index: 35 !important
}

.grid.shop .skin p span {
    color: #6c6c71;
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 4px
}

.grid.shop .skin .btn.mini {
    background: #0000;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #ffffff0d;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    left: 0;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(1);
    width: 100%;
    z-index: 45 !important
}

.grid.shop .skin button strong {
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    right: 0
}

.grid.shop .skin button strong img {
    top: -3px
}

.display-block,
.display-block>label {
    display: block !important
}

.options label small {
    color: #ffffff80;
    float: right;
    font-weight: 400
}

aside#shop {
    box-shadow: none !important;
    float: right;
    margin-right: 12px;
    width: 240px
}

aside#shop h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-top: 0
}

aside#shop h2 {
    padding-top: 0
}

aside#shop>h4 {
    padding-top: 12px
}

.skin.device div img {
    top: 90px !important
}

form label p small {
    color: #ffffff80;
    float: right;
    font-size: 10px;
    top: 3px
}

#terms p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

#terms a {
    opacity: .7;
    text-decoration: underline
}

@media (max-width:1100px) {
    #socials h4 {
        display: none !important
    }

    #top-modes {
        padding-left: 24px
    }

    #top-modes h2 {
        margin-top: -24px
    }
}

.relative {
    position: relative !important
}

@media (max-width:576px) {
    header [not-mobile] {
        display: none !important
    }

    .wrap {
        padding: 0
    }
}

@media (min-width:992px) {
    #game h1 {
        top: -80px !important
    }
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease
}

button:not(.disabled):hover {
    filter: brightness(115%)
}

#game h1.resp {
    padding-top: 0;
    top: -64px
}

.container>img {
    border-radius: 100%
}

.tippy-box {
    max-width: 390px !important
}

a {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    background: #0000;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0000
}

::-webkit-scrollbar-thumb {
    background: #0000008c;
    border: 1px solid #ffffff1a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #070a0d;
    background: #0006
}

::-webkit-scrollbar-corner {
    background: #0000
}

input {
    box-shadow: none
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none
}

.block-servers-name:hover {
    transform: none !important
}

#about-competitions>div,
.bubbles-container {
    overflow: visible !important;
    overflow: initial !important
}

.category-hide,
.global-hide-default,
.global-hide-goods,
.global-hide-quality,
.global-hide-star,
.global-hide-type {
    display: none !important
}

header .login {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.options hr,
.options select {
    display: none
}

.options .btn {
    width: 100% !important
}

#langs-confirm,
.options div label {
    display: none
}

#gif img {
    object-fit: cover;
    top: -50% !important
}

.circleload {
    height: 12px !important;
    position: relative !important;
    top: 0 !important
}

.skin {
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none
}

.grid.shop .skin strong {
    bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

#category {
    display: none
}

#socials {
    height: 28px
}

#serverInfoModal .cover {
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.skin-buttons {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 53px !important;
    width: 100% !important
}

.btn-sell {
    background-color: #6080ff;
    border-color: #6080ff;
    border-radius: 9px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-pickup img {
    margin: 0 !important;
    width: 14px !important
}

.btn-pickup {
    align-items: center;
    background-color: #e3775e;
    border-color: #e3775e;
    border-radius: 9px;
    color: #fff;
    display: flex;
    float: right;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-sell:hover {
    background-color: #6080ff !important;
    border-color: #6080ff !important;
    color: #fff !important
}

.btn-pickup:hover {
    background-color: #e3775e !important;
    border-color: #e3775e !important;
    color: #fff !important
}

.s-price {
    color: #ffa210 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.s-price-img {
    margin-right: 6px !important;
    top: 3px !important;
    width: 16px !important
}

.s-image-drop {
    top: 40px !important;
    width: 90% !important
}

.count_in_storage {
    background: #0f141b;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    bottom: 20px;
    font-size: 15px;
    left: auto;
    min-width: 27px;
    padding: 3px;
    position: absolute;
    right: 8% !important;
    text-align: center;
    transform: scale(1);
    z-index: 9999
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header-user-premium-button {
    padding: 0 !important
}

.header-user-premium-button img {
    border: 1px solid #ffb70080 !important;
    border-radius: 6px !important;
    padding: 9px !important;
    width: 30px !important
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important
}

#servers .grid div a svg {
    top: -2px;
    vertical-align: middle
}

.border-class-golden {
    border: 2px solid #d08b0d !important;
    transition: .3s
}

.new_nav_servers {
    border: 2px solid #fb9800 !important;
    color: #fb9800 !important;
    padding: 0 6px !important
}

#contacts form a {
    margin-bottom: 16px
}

.prime_border {
    border: 2px solid #60b9ebcc !important
}

#competitions aside>div ol li p span:nth-of-type(2) img {
    width: 16px !important
}

.desc {
    padding: 12px 24px 24px !important
}

.grid-inventory .grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid !important;
    -ms-flex-wrap: wrap;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.37rem, 1fr)) !important;
    width: 100% !important
}

.grid-inventory .grid h4 {
    padding-bottom: 12px;
    padding-top: 24px
}

.grid-inventory .skin {
    background-color: initial;
    border-radius: 12px;
    cursor: pointer;
    height: 200px;
    opacity: 1;
    transition: all .2s ease;
    width: auto
}

.skin:hover {
    box-shadow: 0 15px 10px 0 #15182980
}

.grid-inventory .skin:hover {
    opacity: 1;
    transform: translateY(3px);
    z-index: 101 !important
}

.color-default {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-default:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-consumer {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-consumer:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-covert {
    background-image: linear-gradient(150deg, #8847ff00, #ff47470d 60%, #eb4b4b40);
    color: #eb4b4b
}

.color-covert:hover {
    box-shadow: 0 10px 20px 0 #eb4b4b08
}

.color-industrial {
    background-image: linear-gradient(150deg, #8847ff00, #5e98d90d 60%, #5e98d940);
    color: #5e98d9
}

.color-industrial:hover {
    box-shadow: 0 10px 20px 0 #5e98d908
}

.color-classified {
    background-image: linear-gradient(150deg, #8847ff00, #ff47f10d 60%, #d32ee640);
    color: #d32ee6
}

.color-classified:hover {
    box-shadow: 0 10px 20px 0 #d32ee608
}

.color-golden {
    color: #f89406
}

.border-golden {
    border: 1px solid #f89406
}

.border-blue {
    border: 1px solid #6080ff
}

.border-blinking {
    animation: highlightBorder 2s infinite;
    border: 1px solid grey
}

.color-golden {
    background-image: linear-gradient(150deg, #8847ff00, #ffb1000d 60%, #f8940640)
}

.color-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608
}

.b-color-golden {
    background: linear-gradient(#fff0, #ff97003d 100%)
}

.color-restricted {
    background-image: linear-gradient(150deg, #8847ff00, #8847ff0d 60%, #8847ff40);
    color: #8847ff
}

.color-restricted:hover {
    box-shadow: 0 10px 20px 0 #8847ff08
}

.color-milspec {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40);
    color: #4b69ff
}

.color-milspec:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08
}

.color-logitech {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40)
}

.color-logitech:hover {
    box-shadow: 0 10px 20px 0 #2c335808
}

.skin-bg {
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 90%
}

.grid-inventory .grid.shop .skin:hover:after {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border-radius: 12px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important
}

.inventroy__gift:hover {
    transform: translateY(3px)
}

.grid-inventory .skin>div {
    display: flex;
    justify-content: center;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.grid-inventory .s-image-drop {
    margin-top: 0 !important;
    max-height: 88px;
    max-width: 60% !important;
    top: 18px !important;
    width: auto !important
}

.grid-inventory .skin p {
    bottom: 20px !important;
    color: #ffffffeb !important;
    font-size: 12px !important;
    top: auto !important
}

.grid-inventory .skin:hover div img {
    transform: scale(1);
    transition: .3s
}

.p_skin_quality_0 {
    color: #cf674d !important;
    font-weight: 700 !important
}

.p_skin_quality_0,
.p_skin_quality_1 {
    display: inline-block
}

.grid-inventory .check {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: absolute !important;
    right: 12px !important;
    top: -4px !important;
    width: auto !important;
    z-index: 99999 !important
}

.grid-inventory .check svg {
    width: 19px !important
}

.grid-inventory .check img {
    left: auto !important;
    margin-top: 0 !important;
    right: -3px !important;
    top: 13px !important;
    width: 19px !important
}

.block-servers-name,
.verify {
    cursor: pointer !important
}

.big {
    border: 0 solid #ffffff0d;
    opacity: 1 !important
}

.n-button {
    align-items: center;
    background: #6080ff;
    border-radius: 4px;
    color: #ecf1f8 !important;
    display: inline-flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 24px
}

.big>div>a>img,
.big>div>a>video {
    border-radius: 12px;
    height: 320px !important;
    left: 0;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100% !important
}

.block-border-map {
    background: #14191e;
    border-radius: 12px;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    overflow: hidden;
    position: absolute !important;
    top: 2px !important;
    width: calc(100% - 4px) !important
}

.big:hover {
    box-shadow: 0 10px 20px 0 #ffffff05
}

.big:hover div img {
    opacity: .7;
    transition: .5s
}

.block-border {
    background-position: 0 50%;
    background-size: 300% 300%;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border.golden {
    background: linear-gradient(60deg, #f88e14, #ff9300, #ffaf07)
}

.block-border.grey {
    background: #aecce4
}

.block-border.blue {
    background: #6080ff
}

.block-border-blue {
    background: linear-gradient(60deg, #4e7df0, #4584f0, #3d35f0);
    background-position: 0 50%;
    background-size: 300% 300%
}

.block-border-blue,
.block-border-prime {
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border-prime {
    background: linear-gradient(60deg, #6ed2fe, #46a5fe, #5496fe);
    background-position: 0 50%;
    background-size: 300% 300%
}

.box-shadow-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608 !important
}

.box-shadow-blue:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08 !important
}

header .exit {
    color: #eb645d;
    display: inline-block;
    float: right;
    font-size: 0;
    margin-left: 20px;
    margin-right: 21px;
    padding: 0;
    top: -1px;
    transition: .3s
}

header .exit img {
    height: 18px;
    opacity: .2;
    transition: .3s;
    width: 18px
}

header .exit:hover img {
    opacity: 1;
    transition: .3s
}

header .profile {
    margin-left: 21px
}

header .deposit {
    float: right;
    font-size: 13px !important;
    height: 36px !important;
    line-height: inherit !important;
    padding: 0 14px !important
}

header .deposit img {
    height: 15px;
    margin-left: 2px;
    width: 15px
}

.header-button-deposit {
    align-items: center;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px
}

.header-button-premium .deposit {
    background: linear-gradient(45deg, #c37f00, #ffb000)
}

#section-servers {
    border-right: 1px solid #0003;
    display: block;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    z-index: 1000
}

.home-body-servers:hover {
    box-shadow: 0 10px 20px 0 #ffffff05;
    cursor: pointer;
    opacity: 1 !important;
    transition: .3s
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s
}

.home-body-servers:hover div img {
    opacity: 1 !important;
    transition: .5s
}

.tippy-arrow,
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow,
.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    display: none !important
}

.page_profile_new #profile-main {
    left: 8px !important;
    top: -2px !important
}

.page_profile_new #profile-nav {
    margin-top: -6px !important;
    padding-left: 36px;
    text-align: left
}

.page_profile_new #profile-nav a {
    color: #94a7b7;
    font-weight: 700;
    padding: 0 29px
}

.xp-bar {
    float: left;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    top: -4px
}

.xp-bar-info {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 15px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-1 {
    display: inline-block
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-2 {
    color: #777 !important;
    display: inline-block;
    font-weight: 700 !important
}

.xp-bar-info-2 span {
    color: #777;
    font-weight: 400;
    margin-left: 5px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-3 {
    color: #5f5f5f !important;
    display: inline-block;
    font-weight: 500 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__giftInfo--2qi6 {
    right: 10px !important
}

.loyalty__progressBox--2KEX {
    top: -7px;
    transform: none;
    width: 640px
}

.profile-socials {
    align-items: center;
    background: #0000002b;
    border-radius: 4px;
    display: flex;
    padding: 9px 10px
}

.profile-socials-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 12px;
    position: absolute;
    right: 30px;
    z-index: 10
}

.profile-socials a {
    align-items: center;
    display: flex;
    opacity: .5
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBar--3fut {
    height: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBg--2f0j {
    height: 6px !important
}

#profile-cover {
    height: 330px !important
}

.gold #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.page_profile_new #profile-content .profile-content-block #top-stats>div {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top !important;
    width: auto !important
}

.page_profile_new #profile-content .profile-content-block #top-stats {
    grid-gap: .6rem !important;
    align-content: flex-start !important;
    display: -ms-flexbox;
    display: grid !important;
    flex-wrap: wrap;
    gap: .6rem !important;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 20rem)) !important;
    grid-template-rows: 65px 65px 65px 65px;
    height: 100% !important;
    left: 20px;
    margin-right: 2rem !important;
    margin-top: 0;
    overflow: auto !important;
    top: 20px;
    width: 40% !important
}

#shop {
    border-top: 1px solid #0003;
    height: 88.5vh;
    padding: 0 16px
}

#date .status {
    display: inline-block;
    margin: -6px 24px 6px;
    opacity: .5
}

main {
    display: block;
    height: 100%;
    margin-left: 84px;
    margin-right: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 60px;
    transition: all .2s ease
}

.wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    width: 100%
}

#servers {
    padding-left: 3px
}

#servers .modes {
    grid-gap: .9rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .9rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
    height: 100%;
    width: 100%
}

#routerpages {
    display: block;
    flex-grow: 1;
    width: 100%
}

.page-servers-grid {
    display: block;
    height: 100%;
    margin: 1% 1% 0
}

.table {
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--hover);
    border-top: none;
    padding: 12px 0;
    vertical-align: middle
}

.table tbody tr:nth-of-type(2n) th {
    background: #1c233480;
    padding: 15px 0
}

.table-players-server-header th {
    background: #1c233480
}

.table tbody tr th:first-child,
.table-players-server-header th:first-child {
    border-radius: 6px 0 0 6px
}

.table tbody tr th:last-child,
.table-players-server-header th:last-child {
    border-radius: 0 6px 6px 0
}

tbody tr,
thead tr {
    width: 100%
}

.table-grid {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.alt {
    display: none;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.alt-left {
    align-items: center;
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac;
    display: none;
    font-family: Roboto;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    opacity: 1;
    outline: 0;
    padding: 0 8px;
    right: 120%;
    transition-property: visibility, opacity, transform;
    transition: .3s
}

.tip:hover .alt,
.tip:hover .alt-left {
    display: inline-flex;
    opacity: 1;
    transition: .3s
}

.home-body-servers a img {
    height: 16px;
    vertical-align: middle
}

img,
svg {
    color: inherit;
    font-size: inherit
}

.header-side-left a img {
    height: 21px;
    vertical-align: middle
}

time img {
    height: 16px;
    left: -6px;
    top: 2px
}

.edit-link-out {
    left: 20px
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1
}

.servers-grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
    height: 100% !important;
    overflow: visible;
    overflow: initial;
    padding-bottom: 20px
}

#prime-servers {
    margin-bottom: 2rem
}

#servers {
    height: 100%;
    width: 100%
}

#profile-nav div[disabled],
.site-nav a[disabled],
.support-nav li[disabled] {
    opacity: .2;
    pointer-events: none
}

#profile-nav a img {
    font-size: 24px;
    height: 13px;
    margin-right: 7px;
    opacity: .1;
    top: -1px;
    vertical-align: middle
}

#page-servers-home {
    display: none;
    overflow: visible;
    overflow: initial
}

#page-servers-servers {
    display: none;
    gap: 0;
    grid-template-columns: 1fr 270px;
    width: 100%
}

#page-servers-servers-no-prime,
#page-servers-servers-prime {
    padding-left: 21px
}

#nav-servers .nav-servers-button-setting {
    opacity: 0;
    padding: 0 12px !important
}

#nav-servers .nav-servers-button-setting:hover,
#nav-servers .nav-servers-button-setting:hover img {
    opacity: .8
}

#nav-servers .nav-servers-button-setting img {
    height: 20px !important;
    margin-right: 0 !important;
    opacity: .2;
    top: -1px;
    transition: .3s;
    width: 20px !important
}

#nav-servers:hover .nav-servers-button-setting {
    opacity: .4;
    transition: .3s
}

#profile-friends {
    margin: 1%
}

.block-profile-friends-menu {
    display: block;
    float: left;
    width: 100%
}

.block-profile-friends-menu-grid-line {
    align-items: center;
    background: #0a0f1552;
    cursor: pointer;
    flex-direction: row;
    font-size: 16px;
    height: 50px;
    padding: 13px 11px;
    transition: .3s;
    vertical-align: middle;
    width: 100%
}

.block-profile-friends {
    display: block;
    float: right;
    width: 100%
}

.block-profile-friends-f-block {
    background: #131a24;
    border-radius: 5px;
    display: flex;
    height: 50px;
    transition: .3s
}

#block-profile-friends-offline .block-profile-friends-f-block {
    opacity: .7
}

.block-profile-friends-f-block:hover {
    cursor: pointer;
    opacity: 1;
    transform: translateY(3px) !important;
    transition: .3s;
    z-index: 101 !important
}

.block-profile-friends-f-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.block-profile-friends-f-block-content-name {
    color: #818fa3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-profile-friends-f-block-content-server {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-server {
    overflow: hidden;
    white-space: nowrap;
    width: 55%
}

.block-profile-friends-f-block-img {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 10px
}

.block-profile-friends-f-block-img img {
    border-radius: 50%;
    height: 31px;
    object-fit: cover;
    width: 31px
}

.block-profile-friends-f-block-img:before {
    background: #636772;
    border: 2px solid #0f141b;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 1
}

#block-profile-friends-online .block-profile-friends-f-block-img:before {
    background: #3999de
}

#block-profile-friends-in-game .block-profile-friends-f-block-img:before {
    background: #33ff7b
}

.block-profile-friends-grid {
    grid-gap: .8rem;
    align-content: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
    margin-bottom: 24px;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.block-profile-friends-w h4 {
    color: #748297;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    text-transform: none
}

#block-profile-friends-online .block-profile-friends-f-block-content-name {
    color: #57cbde
}

#block-profile-friends-in-game .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #a3cf06
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-name {
    color: #e3ffc2
}

#block-profile-friends-offline .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #586577
}

#profile_button_connect img {
    height: 20px;
    right: 10px;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

.table-players-server-header tr th {
    color: #7a8697;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.data-one-server-info tr th {
    color: #e1e9fd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.data-one-server-info a,
.data-one-server-info tr th {
    align-items: center;
    display: flex
}

.table-players-server-header tr:nth-of-type(odd) {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.data-one-server-info tr,
.table-players-server-header tr {
    display: grid;
    grid-template-columns: 80px 98px 1fr 1fr 1fr 1fr 1fr 1fr
}

.arcade-mode .data-one-server-info tr,
.arcade-mode .table-players-server-header tr {
    grid-template-columns: 60px 120px 1fr
}

.data-one-server-info a {
    height: 100%
}

.table-players-server-body {
    display: grid;
    height: 247px;
    padding-right: 6px;
    width: calc(100% + 6px)
}

#profile-stats {
    width: 100%
}

.profile-stats-grid {
    grid-gap: .8rem !important;
    display: grid;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    gap: .8rem !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.profile-stats-grid div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin: 14px 0;
    text-align: center;
    vertical-align: middle
}

.profile-stats-grid div strong {
    font-size: 26px;
    font-weight: 700
}

.profile-stats-grid div p {
    font-size: 15px;
    font-weight: 500;
    opacity: .5
}

#p-profile-faceit-country img {
    width: 22px
}

#deviceModal form h4 {
    left: 10px;
    margin-bottom: 14px
}

#video-compare-container {
    border-radius: 5px;
    display: inline-block;
    height: 270px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#video-compare-container>img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#video-clipper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#video-clipper img {
    height: 100%;
    width: 200%
}

#video-clipper>div {
    height: 100% !important
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.p-ch-block-menu {
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

.p-ch-block-menu h4 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    text-transform: inherit;
    transition: .3s
}

.p-ch-block-menu summary {
    cursor: pointer;
    padding: 16px 0
}

.p-ch-block-menu details[open] summary {
    background: #1d2330;
    border-radius: 5px
}

.p-ch-block-menu h4:hover {
    cursor: pointer;
    transition: .3s
}

.p-ch-block-menu h4 .arrow {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 12px
}

.p-ch-block-menu details[open] .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.p-ch-block-menu ul {
    border-left: 2px solid #1d2330;
    margin: 10px 0 8px 24px;
    padding-left: 26px
}

.p-ch-block-menu li {
    align-items: center;
    color: #919ba7;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px
}

.p-ch-block-menu li.active {
    color: #d9e3f1
}

.p-ch-block-menu li.colored:before {
    background: #6080ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li {
    color: #eaf2ffb3;
    font-size: 14px;
    font-weight: 500;
    left: 30px;
    padding: 7px 0;
    transition: .3s
}

.blue-dotted-list li:before {
    background: #1c2430;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li.active:before {
    background: #6080ff
}

.blue-dotted-list li.active {
    color: #fff;
    transition: .3s
}

.blue-dotted-list li:hover {
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.p-ch-grid {
    overflow: scroll;
    overflow-x: hidden
}

.block-profile-friends-f-block .block-profile-friends-f-block__connect {
    align-items: center;
    background: #111721;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #aecce4;
    display: flex;
    height: 100%;
    opacity: 1;
    padding: 0 13px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: .3s;
    z-index: 25
}

.block-profile-friends-f-block__connect img {
    height: 19px
}

.p-ch-block-upper {
    align-content: center;
    border-bottom: 1px solid #161d29;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: visible;
    overflow: initial;
    text-align: center;
    width: 100%
}

.p-ch-block-upper div {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    text-align: center;
    transition: .3s
}

.p-ch-block-upper div img {
    width: 21px
}

.p-ch-block-upper>div:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

.p-ch-block-upper div.active {
    background: #131a22
}

#profile-skinchanger-skins {
    display: block
}

.skin-disable {
    background-image: linear-gradient(150deg, #8847ff00, #8a83720d 60%, #121519) !important;
    border: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: .3s;
    z-index: 999999
}

.skin-disable .s-image-drop,
.skin-disable p {
    opacity: .4;
    transition: .3s
}

.skin-disable:hover .s-image-drop,
.skin-disable:hover p {
    filter: blur(4px);
    opacity: .3 !important;
    transition: .3s
}

.skin-disable:hover .skin-buy-premium {
    opacity: 1 !important;
    transition: .3s
}

.skin-buy-premium {
    opacity: 0;
    top: 19px !important;
    transition: .3s;
    z-index: 99999
}

.skin-buy-premium,
.skin-buy-premium>div {
    filter: none !important;
    position: absolute !important
}

.skin-buy-premium .text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    top: 4px
}

.skin-buy-premium .text div {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    top: 4px
}

.skin-buy-premium>div img {
    display: block;
    filter: drop-shadow(0 0 16px rgba(237, 165, 49, .2));
    margin: 0 auto;
    padding-top: 10px;
    top: 0 !important;
    width: 43% !important
}

.horizontal-scroll>div {
    display: inline-block;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: auto
}

.horizontal-scroll>div,
.horizontal-scroll>div>div {
    color: #aecce4;
    font-size: 12px !important
}

.horizontal-scroll>div>a {
    transition: .3s
}

.horizontal-scroll>div>a.active {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

.horizontal-scroll>div>a[disabled] {
    color: #ffffff1a !important;
    filter: grayscale(100%);
    pointer-events: none
}

.horizontal-scroll>div>a:hover {
    border-bottom: 3px solid #6080ff;
    transition: .3s
}

.horizontal-scroll .horizontal-scroll-a-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46%
}

.horizontal-scroll .horizontal-scroll-a-r {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 46%
}

.section-servers-none {
    display: none;
    padding: 70px 0;
    position: relative;
    text-align: center;
    top: 30%;
    width: 100%
}

.section-servers-none>div {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: auto;
    text-align: center;
    width: 100%
}

.section-servers-none>div>img {
    margin-bottom: 34px;
    width: 44px
}

.section-servers-none>div>div {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

#dropSkinsModal {
    background: linear-gradient(1turn, #090e13 -67.25%, #192432 195.71%);
    min-width: 396px;
    padding: 35px;
    text-align: center
}

.modelLabelText {
    color: #ffffff80;
    font-family: Roboto Condensed;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center
}

.header-pro-select h4 {
    color: #a7a7a7b3;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 0 6px 10px
}

.premium-wrapper {
    background: url(/img/premium.png) no-repeat calc(50% - 60px) -250px;
    display: block;
    position: relative;
    width: 100%
}

.premium__benefits,
.premium__main {
    transition: all .2s ease
}

.premium__main {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.premium__main-content {
    width: 500px
}

.premium__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 95px;
    text-align: left;
    text-transform: inherit
}

.premium__title span {
    color: #6080ff
}

.premium__sub-title {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 27px;
    opacity: .7
}

.premium__main-line {
    background-color: #22272e;
    display: block;
    height: 1px;
    margin: 45px 0 42px;
    width: 100%
}

.premium__quote {
    align-items: flex-start;
    display: flex;
    margin-bottom: 21px
}

.premium__quote span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-left: 24px;
    width: 386px
}

.premium__main-plans {
    display: flex;
    gap: 19px;
    margin-top: 48px;
    position: relative
}

.premium__main-plans.allow-bonus {
    transform: translateX(-120px)
}

.premium__main-plans:before {
    background: #00000030;
    content: "";
    display: block;
    filter: blur(20px);
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.select-arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%)
}

.premium__plan-benefits-title {
    color: #838c98;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    text-transform: uppercase
}

.premium__plan-benefits {
    border-top: 2px solid #e49635;
    padding-top: 32px
}

.premium-lite__plan .premium__plan-benefits {
    border-top: 2px solid #6080ff
}

.disabled-benefit,
.disabled-benefit a {
    color: #838c98 !important
}

.plan-line {
    background-color: #1d2329;
    display: block;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

.premium-price-span {
    align-items: center;
    color: #838c98;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    top: -4px
}

.premium-price-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

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

.premium__pagination {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.pagination__step {
    background-color: #838c98;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 4px;
    margin-left: 10px;
    width: 5px
}

.pagination__step-active {
    background-color: #f19102;
    border-radius: 3px;
    width: 20px
}

.premium__comment-slider {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.quote-author__img {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.quote-author__img img {
    border-radius: 100%;
    height: 100%
}

.premium__quote-author {
    align-items: center;
    display: flex;
    margin-left: 51px
}

.quote-author__data {
    display: flex;
    flex-direction: column
}

.quote-author__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.premium__benefits {
    margin-top: 142px;
    padding-bottom: 150px
}

.premium__benefit-content {
    flex-direction: column
}

.premium__benefit-block,
.premium__benefit-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.premium__benefit-block {
    gap: 160px;
    margin-bottom: 150px
}

.reverse-benefit {
    flex-direction: row-reverse
}

.premium__benefit-name {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    margin: 24px 0 14px;
    text-align: center;
    text-transform: uppercase
}

.premium__benefit-descr {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.premium__benefit-images {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    position: relative;
    width: 450px
}

.premium__benefit-images>img:not(:first-child) {
    position: absolute;
    z-index: 5
}

.premium__benefit-images .under-demo-images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.benefit-number,
.premium__benefit-images .under-demo-images img {
    position: absolute
}

.benefit-number {
    color: #fff;
    display: block;
    font-size: 300px;
    font-weight: 900;
    letter-spacing: -48px;
    opacity: .05;
    right: 435px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.premium__benefit-content {
    width: 450px
}

.premium__bottom-subscribe {
    text-align: center;
    transition: .3s
}

.premium__bottom-subscribe h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    text-align: center
}

.premium__bottom-subscribe p {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0 32px;
    text-align: center
}

.premium__bottom-subscribe button {
    background-color: #f19102;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    text-transform: uppercase;
    width: 260px
}

.benefit-img__cases {
    bottom: -18px;
    right: -53px
}

.benefit-img__karambit {
    left: -26px;
    top: 11px
}

.benefit-img__blured-ak {
    left: 56px;
    top: -79px
}

.benefit-img__awp {
    bottom: 0;
    right: 0
}

.benefit-img__mission {
    animation: lowerRankRotation 4s ease infinite;
    left: -17px;
    top: 26px
}

.benefit-img__flashbang {
    bottom: -30px;
    left: -20px
}

.benefit-img__neon-ak {
    right: -38px;
    top: 91px
}

.benefit-img__bullets {
    left: -20px;
    top: -22px
}

.benefit-img__navi {
    bottom: -40px;
    left: -53px
}

.benefit-forze {
    right: -60px;
    top: -50px
}

.benefit-img__crosshair {
    left: 73px;
    top: -66px
}

.benefit-img__locker {
    bottom: -66px;
    left: 110px
}

.benefit-vp {
    bottom: -63px;
    right: -34px
}

.benefit__curtain {
    right: -40px;
    top: -10px
}

.benefit__corona {
    left: -78px;
    top: -75px
}

.benefit__feathers {
    animation: feathers 3s ease-in infinite;
    bottom: -46px;
    left: 23px
}

.benefit__cup {
    left: -40px;
    top: 0
}

.benefit__diamonds {
    left: -10px;
    top: -21px
}

.benefit__18-rank {
    left: 73px;
    top: -83px
}

.benefit__10-rank {
    bottom: -41px;
    left: 152px
}

.benefit__4-rank {
    left: -22px;
    top: 120px
}

.benefit__19-rank {
    right: -43px;
    top: -42px
}

.red {
    color: #be3737
}

.tab-content__active {
    display: block
}

.benefit__gif {
    border-radius: 5px;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (max-width:1500px) {
    .premium__title {
        text-align: center
    }

    .premium__main {
        flex-direction: column
    }

    .premium__main-content {
        text-align: center
    }

    .premium__comment-slider {
        align-items: center;
        flex-direction: column
    }

    .premium__quote {
        justify-content: center
    }

    .premium__quote-author {
        margin-bottom: 24px;
        margin-left: 0
    }

    .premium__quote span,
    .quote-author__data {
        text-align: left
    }

    .premium__pagination {
        margin-bottom: 52px
    }

    .premium__main-plans {
        margin-left: 0
    }

    .premium__benefits {
        margin-top: 156px
    }

    .premium__benefit-block {
        flex-direction: column
    }

    .premium__benefit-block .premium__benefit-content {
        margin-left: 0;
        margin-right: 0
    }

    .benefit__drops .premium__benefit-content {
        margin-bottom: 87px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 77px
    }

    .benefit__no-ads .premium__benefit-content {
        margin-bottom: 69px
    }

    .benefit__pro .premium__benefit-content {
        margin-bottom: 60px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__tag .premium__benefit-content {
        margin-bottom: 67px
    }

    .benefit__exp .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 73px
    }

    .premium__benefit-block {
        margin-bottom: 100px
    }

    .benefit__18-rank {
        left: -13px;
        top: -58px
    }

    .benefit-img__karambit {
        top: 0
    }

    .premium__benefits {
        padding-bottom: 100px
    }

    .premium-wrapper {
        background-position: top
    }
}

@media (max-width:1100px) {
    .sidebar {
        display: none
    }

    .premium__title {
        text-align: center
    }
}

@media (max-width:650px) {
    .premium__title {
        font-size: 32px;
        margin-bottom: 14px;
        text-align: center
    }

    .premium__sub-title {
        font-size: 14px;
        margin: 0 auto;
        width: 300px
    }

    .premium__main-line {
        margin: 37px auto 32px;
        width: 300px
    }

    .premium__quote span {
        width: 249px
    }

    .premium__quote-author {
        transform: translateX(-20px)
    }

    .premium-lite__plan {
        margin-bottom: 32px;
        margin-right: 0
    }

    .premium__main-plans {
        flex-direction: column
    }

    .premium__benefits {
        margin-top: 174px
    }

    .premium__benefit-name {
        font-size: 24px
    }

    .premium__benefit-descr {
        font-size: 14px;
        width: 300px !important
    }

    .benefit__drops .benefit__drops .premium__benefit-content {
        margin-bottom: 66px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 50px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__exp .premium__benefit-content,
    .benefit__no-ads .premium__benefit-content,
    .benefit__pro .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 46px
    }

    .benefit__tag .premium__benefit-content {
        margin-bottom: 56px
    }

    .premium__benefit-name {
        text-align: center
    }

    .premium__benefit-images {
        height: 200px;
        width: 300px
    }

    .benefit-img__cases {
        display: none
    }

    .benefit-img__karambit {
        left: -16px;
        top: 0;
        width: 80px
    }

    .benefit-img__blured-ak {
        left: 56px;
        top: -48px;
        width: 219px
    }

    .benefit-img__flashbang {
        bottom: -20px;
        left: 0;
        width: 50px
    }

    .benefit-img__neon-ak {
        right: -10px;
        top: 80px;
        width: 331px
    }

    .benefit-img__bullets {
        left: 13px;
        top: -22px
    }

    .benefit-img__navi {
        bottom: -30px;
        left: -8px;
        width: 78px
    }

    .benefit-forze {
        right: -25px;
        top: -16px;
        width: 56px
    }

    .benefit-vp {
        bottom: -49px;
        right: -11px;
        width: 114px
    }

    .benefit__curtain {
        right: -1px;
        top: 0;
        width: 129px
    }

    .benefit__corona {
        left: -11px;
        top: -43px;
        width: 89px
    }

    .benefit__feathers {
        animation: feathers 3s ease-in infinite;
        bottom: -46px;
        left: 23px;
        width: 259px
    }

    .benefit__cup {
        height: 173px;
        left: 0;
        top: 48px
    }

    .benefit__diamonds {
        left: 12px;
        top: 38px;
        width: 79px
    }

    .benefit__18-rank {
        display: none
    }

    .benefit__10-rank {
        left: auto;
        right: 34px;
        width: 64px
    }

    .benefit__4-rank {
        left: 8px;
        top: 78px;
        width: 41px
    }

    .benefit__19-rank {
        right: 2px;
        top: -20px;
        width: 80px
    }

    #video-clipper img,
    #video-compare-container>img {
        object-fit: cover
    }
}

.premium-price-value img {
    height: 21px;
    left: 8px
}

.premium-price-value-price {
    float: left
}

#mode__modal {
    position: relative
}

.footer {
    flex-shrink: 0;
    margin-top: 40px;
    width: 100%
}

.footer .flex-wrap {
    align-items: center;
    display: flex;
    gap: 0;
    height: 100%;
    justify-content: center;
    overflow: auto;
    padding-bottom: 40px;
    width: 100%
}

.footer__sponsors {
    position: relative;
    text-align: center;
    width: 100%;
    display: none !important;
}

.footer__sponsors img {
    background: 0 0;
    border-radius: 12px;
    max-height: 80px;
    max-width: 170px;
    opacity: .1;
    transition: .3s
}

.footer__sponsors a:hover img {
    filter: grayscale(24%);
    opacity: 1;
    transition: .3s
}

.footer__navigation {
    border-top: 1px solid #1c2127;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 96px 80px;
    row-gap: 80px;
    width: 100%
}

.footer__sponsors {
    padding-left: 60px;
    padding-right: 60px
}

.footer__logo img {
    height: 30px;
    margin-top: 3px
}

.footer__sponsors a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 86px
}

.footer__nav-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__nav-list li {
    color: #9a9fa9;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    transition: filter .2s ease
}

.footer__nav-list li:hover {
    filter: brightness(125%)
}

.footer__socials {
    display: flex;
    gap: 12px
}

.footer__socials img {
    transition: all .3s;
    transition: filter .2s ease;
    width: 100%
}

.footer__socials a {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px
}

.footer__socials a:hover img {
    filter: brightness(135%)
}

.benefit__diamonds {
    animation: imgScale 4s infinite
}

.benefit-img__bullets {
    animation: bullets 4s infinite
}

.benefit__18-rank {
    animation: rankRotation 4s ease infinite
}

.benefit__10-rank {
    animation: lowerRankRotation 4s ease infinite
}

.benefit-img__flashbang {
    animation: flashRotation 5s ease infinite
}

.benefit-img__blured-ak {
    animation: akRotation 5s ease infinite
}

#premium-modal .premium-version {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin: 35px 0 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 2s
}

.lite-premium-modal .premium-version {
    color: #32a0ef
}

.full-premium-modal .premium-version {
    color: #eda231
}

#premium-modal .premium-period {
    color: #9d9ea0;
    font-size: 14px;
    line-height: 23px;
    transition: all 5s
}

#premium-modal .premium-period,
.premium-modal__title {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.premium-modal__title {
    color: #e6e6e6;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all .5s
}

.premium-modal__corona {
    transform: translateY(40px);
    transition: all 1s
}

.lite-premium-modal .premium-modal__corona,
.premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-modal .premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-modal__close {
    background: #0000;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    margin: 35px auto 0;
    opacity: 0;
    text-align: center;
    transition: all 1s;
    width: 144px
}

.lite-premium-modal .premium-modal__close {
    border: 1px solid #32a0ef
}

.full-premium-modal .premium-modal__close {
    border: 1px solid #f08e33
}

.premium-modal__left-bg {
    left: 0;
    transform: translateX(-100%)
}

.premium-modal__left-bg,
.premium-modal__right-bg {
    animation: bgPulsing 1.5s infinite;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 1s
}

.premium-modal__right-bg {
    right: 0;
    transform: translateX(100%)
}

.avatar.premium-lite {
    border: 2px solid #6080ff !important
}

.container-border-bottom {
    border-bottom: 1px solid #1b2027;
    margin-bottom: 20px;
    padding-bottom: 20px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}

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

.drop-modal__wrapper,
.premium-renew-modal__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    mix-blend-mode: normal;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999
}

.premium-renew-modal__wrapper {
    background: #080c11e6;
    transition: opacity .3s
}

.drop-modal__wrapper,
.modal__overlay_CASE_MODAL>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #0f141bd9
}

#premium-renew-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.premium-time-left {
    background: #151f36;
    border-radius: 4px;
    color: #e4eaff;
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 42px auto 10px;
    opacity: 0;
    padding: 9px 19px;
    text-transform: uppercase;
    transform: translateY(20px);
    transition: all 1s ease
}

.premium-renew__corona {
    display: block;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease
}

.premium-renew__title {
    font-family: Roboto Condensed;
    font-size: 78px;
    font-weight: 700;
    line-height: 91px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s ease
}

.premium-renew__title-wrapper {
    margin-bottom: 20px
}

.premium-renew__title-wrapper .side-span {
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    width: 0
}

.lite-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #32a0ef
}

.full-premium-renew-modal .premium-renew__title-wrapper .side-span,
.premium-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #eda231
}

.premium-renew__title-wrapper .side-span:first-child {
    left: -42px;
    transform: translateY(-50%) translateX(-100%)
}

.premium-renew__title-wrapper .side-span:last-child {
    right: -42px;
    transform: translateY(-50%) translateX(100%)
}

.lite-premium-renew-modal .premium-renew__title {
    color: #32a0ef
}

.full-premium-renew-modal .premium-renew__title,
.premium-premium-renew-modal .premium-renew__title {
    color: #eda231
}

.lite-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-renew-modal .premium-renew__corona,
.premium-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-renew__buttons {
    opacity: 0;
    text-align: center;
    transform: translateY(-10px);
    transition: all 1s ease
}

.premium-renew__buttons a,
.premium-renew__buttons button {
    border-radius: 7px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 15px 21px;
    text-transform: uppercase;
    transition: all .2s ease
}

.premium-renew-btn {
    background: #0000
}

.lite-premium-renew-modal .premium-renew-btn {
    border: 1px solid #32a0ef
}

.lite-premium-renew-modal .premium-renew-btn:hover {
    background-color: #32a0ef26;
    box-shadow: 0 5px 20px #32a0ef2e
}

.full-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.full-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.premium-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-notify-later-btn {
    background: #0d161f;
    border: 1px solid #0000
}

.premium-notify-later-btn:hover {
    filter: brightness(125%)
}

.dont-notify {
    color: #e6e6e680;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    opacity: 0;
    text-align: center;
    text-decoration-line: underline;
    transition: all 1s ease
}

.premium-renew__appear {
    opacity: 1;
    transform: translateY(0)
}

#unmodals {
    position: absolute;
    z-index: 99999
}

#deposit__modal {
    position: relative
}

h2.deposit__title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 135%;
    opacity: 1;
    text-transform: uppercase
}

h3.deposit__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 28px;
    opacity: .7;
    text-align: left;
    text-transform: uppercase
}

.deposit__types-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.deposit__payment-systems-wrapper {
    margin-bottom: 24px
}

.deposit__balance-modal,
.deposit__prem-modal {
    align-items: flex-start;
    background: #141c25;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 35px
}

.deposit__balance-modal {
    border-radius: 12px;
    width: 720px
}

.deposit__prem-modal {
    border-radius: 0 12px 12px 0;
    margin-left: 10px;
    width: 553px
}

.deposit__balance-modal>div,
.deposit__prem-modal>div {
    width: 100%
}

.payment-providers-list {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    height: 350px;
    overflow-y: scroll;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.payment-providers-list:not(:first-child) {
    display: none
}

.deposit-pay-system {
    align-items: center;
    background: #19212c;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    transition: all .2s ease
}

.deposit-modal__content {
    margin-top: 30px;
    width: 100%
}

.deposit-converter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.deposit__convert-bar {
    display: block;
    display: grid;
    float: left;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.deposit__convert-bar,
.deposit__phone-number {
    background: #19212c;
    border-radius: 10px;
    height: 56px;
    position: relative;
    width: 100%
}

.deposit__phone-number {
    align-items: center;
    display: none;
    margin-bottom: 20px;
    overflow: hidden
}

.deposit__phone-number-img {
    align-items: center;
    background: #222f3f;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50px
}

.deposit-foot__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.deposit__phone-number-img img {
    opacity: .5;
    width: 20px
}

.code-input__wrapper input,
.deposit__convert-bar input,
.deposit__phone-number input {
    background: #0000;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    outline: none;
    padding-top: 13px;
    position: relative;
    transition: all .2s;
    width: 100%
}

.code-input__wrapper input+label,
.deposit__convert-bar input+label,
.deposit__phone-number input+label {
    color: #acb6e08f;
    font-family: Roboto;
    font-size: 9px;
    font-weight: 500;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: all .2s
}

.code-input__wrapper input:focus,
.deposit__phone-number input:focus {
    padding-top: 0
}

.code-input__wrapper input:focus+label,
.deposit__phone-number input:focus+label {
    opacity: 0
}

input.rubles-input+label {
    padding-left: 40px
}

.deposit__convert-bar input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.deposit__convert-bar input::-webkit-inner-spin-button,
.deposit__convert-bar input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.deposit__convert-bar input:focus,
.deposit__convert-bar input:hover {
    border: 0
}

.convert-indicator {
    align-items: center;
    background: #151f2c;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.converter__cybercoins,
.converter__rubles {
    align-items: center;
    display: flex;
    padding: 0 30px;
    width: 100%
}

.deposit-modal-button {
    background: #6080ff;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    transition: all .2s;
    width: 100%
}

.deposit-modal-button:hover {
    filter: brightness(110%)
}

.deposit__premium-plans {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
    width: 100%
}

.deposit__premium-plans>div {
    display: block;
    height: 158px;
    padding: 19px;
    width: 210px
}

.deposit__premium-price,
.deposit__premium-title {
    align-items: center;
    display: flex
}

.deposit__premium-title {
    justify-content: space-between;
    margin-bottom: 25px
}

.deposit__premium-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 135%;
    text-transform: capitalize
}

.deposit__premium-price {
    font-size: 18px;
    font-weight: 700
}

.price-currency {
    margin-right: 5px;
    width: 15px
}

.deposit__code-inputs {
    grid-gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1.3fr
}

.code-input__wrapper {
    background: #19212c;
    border-radius: 10px;
    height: 56px
}

.code-input__wrapper input,
.deposit__phone-number input {
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    text-transform: uppercase
}

.code-input__wrapper input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.save-code {
    background: #6080ff33;
    border-radius: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 32px
}

.save-code:hover {
    background: #6080ff59;
    transition: .3s
}

.deposit__buy-premium {
    margin-left: 0;
    margin-top: 67px;
    width: 100%
}

.choosen-payment-provider {
    border-bottom: 2px solid #6080ff
}

.method__currency {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #26293599;
    border: 1px solid #6875a130;
    border-radius: 6px;
    color: #88969c;
    display: block;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: 120.2%;
    padding: 6px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto
}

.premium__bottom-subscribe button {
    transition: .3s
}

.premium__bottom-subscribe button:hover {
    filter: brightness(110%);
    transition: .3s
}

.event-xp-modal__wrapper {
    background: linear-gradient(1turn, #090e13 -138.15%, #192432 195.71%);
    border-radius: 16px;
    padding: 40px 35px;
    width: 443px
}

.event-xp-modal__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.event-xp-modal__subtitle,
.event-xp-modal__title {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.event-xp-modal__subtitle {
    color: #878787;
    font-size: 15px
}

h4 .new_span {
    background: #ff7d00;
    border-radius: 9px;
    box-shadow: 0 4px 6px #ff7d0033;
    left: 8px;
    padding: 0 6px
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: -webkit-linear-gradient(top, #fff0, #0046ff00 50%, #fff0 51%, #00aeff00);
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#profile__premium-indicator {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    height: 23px;
    justify-content: center;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: -22px
}

.profile__full-prem {
    border: 1px solid #feb611;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.profile__lite-prem {
    border: 1px solid #32a0ef;
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

#profile__premium-indicator img {
    width: 12px
}

#profile__premium-indicator span {
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase
}

.profile__full-prem span {
    color: #feb611
}

.profile__lite-prem span {
    color: #32a0ef !important
}

.player_name_blue {
    color: #1f89d6 !important
}

.header__count-pro svg {
    margin-left: 3px;
    width: 8px
}

.header__count-pro {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 8px;
    width: 100%
}

.header__user {
    cursor: pointer
}

.header__user>div:first-child {
    align-items: center;
    display: flex
}

.header__count-pro {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500
}

.header__deposit {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 14px;
    transition: all .2s ease
}

.header-vip-user {
    border: 2px solid #fdb510
}

.header__notifications>div:first-of-type {
    cursor: pointer;
    position: relative
}

.deauth {
    margin-left: 16px
}

.deauth img {
    cursor: pointer;
    opacity: .5;
    transform: rotate(180deg);
    transition: .3s;
    width: 12px
}

.deauth img.active {
    transform: rotate(0deg)
}

.profileOpen {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.profileOpen:hover {
    background: #273047
}

.header__user:hover .deauth img {
    opacity: 1
}

.online-player__user-img {
    margin-left: 16px
}

.online-player__server-name {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.online-player__server-name img {
    height: 20px;
    margin-left: 6px
}

.premium-main-btn span {
    color: #fdb510;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease
}

#socials,
.premium-main-btn span {
    align-items: center;
    display: flex
}

.icon-slide-left {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}

.icon-slide-left span {
    transition: .25s ease
}

.icon-slide-left:hover span {
    margin-left: 20px
}

.icon-slide-left:hover:after {
    left: 8px
}

.social svg {
    height: 15px;
    opacity: .5;
    transition: .3s
}

.social:hover svg {
    filter: grayscale(0);
    opacity: .8
}

.social img {
    height: 20px;
    width: 20px
}

#socials .social {
    align-items: center;
    display: flex
}

.mode__prime-filter {
    background: #181d23;
    border-radius: 9px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr 2fr;
    height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    width: 240px
}

.prime-filter__btn {
    background: #0000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    transition: all .2s ease
}

.mode__prime-filter img {
    image-rendering: inherit;
    margin-right: 3px;
    top: 1px;
    width: 11px
}

.switch-to-prime {
    border-left: 1px solid #222931;
    border-right: 1px solid #222931
}

.choosen-prime-filter {
    background: #1f2731 !important
}

.shop {
    height: auto !important
}

@keyframes hero1Fading {
    0% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(2)
    }

    60% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero2Fading {
    0% {
        filter: brightness(1)
    }

    10% {
        filter: brightness(1)
    }

    20% {
        filter: brightness(2)
    }

    30% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero7Fading {
    0% {
        filter: brightness(1)
    }

    30% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero4Fading {
    0% {
        filter: brightness(1)
    }

    60% {
        filter: brightness(1)
    }

    70% {
        filter: brightness(2)
    }

    80% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

a.servers-mode__find-btn {
    background: #6080ff;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 41px;
    padding: 11px 0;
    text-align: center;
    transition: all 1s ease;
    width: 107px
}

.servers-mode__find-btn:hover {
    filter: brightness(1.2)
}

@keyframes moveSky {
    0% {
        transform: scale(1) translateX(0)
    }

    50% {
        transform: scale(1.2) translateX(300px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important
}

.closed-server-prime:hover div img,
.closed-server:hover div img {
    opacity: .35 !important
}

a.closed-indicator:hover {
    background: #0000 !important
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659)
}

.block-border-locked {
    background-position: 0 50%;
    background-size: 300% 300%;
    border: 2px solid #91a8b9;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.closed-server-prime .block-border-map {
    background: linear-gradient(0deg, #00173659, #00173659);
    z-index: 6
}

.full-servers__wrapper {
    background: #0d1117 url('/img/sky2.png') no-repeat 50%/cover;
    border-radius: 12px;
    height: 80px;
    padding: 9px 26px;
    text-transform: uppercase
}

.full-servers__wrapper>div {
    align-items: center;
    display: flex;
    height: 100%
}

.full-servers__amount {
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700
}

.blue-text {
    color: #6080ff
}

.yellow-text {
    color: #fdb510
}

.full-servers__text {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.hide-full-servers__cb {
    align-items: center;
    color: #fff6;
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.hide-full-servers__cb .checkmark {
    height: 15px;
    width: 15px
}

.hide-full-servers__cb .checkmark:after {
    left: 5px;
    top: 2px
}

.full-servers__wrapper>img {
    bottom: 0;
    filter: brightness(.7);
    position: absolute;
    right: 0;
    transition: filter .2s ease
}

.full-servers__wrapper:hover>img {
    filter: brightness(1)
}

.scroll-left-enter {
    transform: translateX(-100%)
}

.scroll-right-enter {
    transform: translateX(100%)
}

.scroll-left-enter-done,
.scroll-right-enter-done {
    transform: translateX(0);
    transition: transform 1s
}

.purchase-title-enter {
    opacity: 0;
    transform: translateY(40px)
}

.purchase-title-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s
}

.opacity-enter {
    opacity: 0
}

.opacity-enter-done {
    opacity: 1;
    pointer-events: all;
    transition: opacity 2s
}

.modal-enter {
    opacity: 0;
    transform: scale(.95)
}

.modal-enter-active {
    transition: all .2s
}

.modal-enter-active,
.modal-enter-done {
    opacity: 1;
    transform: scale(1)
}

.modal-exit-active {
    opacity: 0;
    transform: scale(.95);
    transition: all .2s
}

.modal-exit-done {
    opacity: 0
}

.crown-enter {
    transform: translateY(40px)
}

.crown-enter-done {
    transform: translateY(0);
    transition: transform 1s
}

.scale-enter {
    transform: scaleX(0)
}

.scale-enter-done {
    transform: scaleX(1);
    transition: transform 1s
}

.modal-container-exit {
    opacity: 0
}

.modal-container-exit-done {
    display: none !important
}

.crown2-enter-done,
.slide-from-up-enter-done,
.time-left-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s
}

.cybercoins-input+label:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/general/diamond.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 10px;
    left: calc(100% + 5px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.tooltip {
    display: block !important
}

.online-player__user-img img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.empty-title {
    color: #1e2836;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 10px;
    text-align: center
}

.profile__friend-list__empty,
.profile__inventory__empty,
.profile__payment__empty {
    padding: 70px 0
}

.profile__payment__empty {
    display: flex;
    justify-content: center;
    width: 100%
}

.profile__payment__empty img {
    margin-right: 20px
}

summary {
    outline: none
}

.options>div label,
.options>div select {
    display: block !important
}

details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
    opacity: 0
}

details summary {
    appearance: none;
    -webkit-appearance: none;
    list-style: none
}

.block-servers-players-status {
    max-height: 100%
}

.p-ch-block-upper .active {
    background: #131a22
}

.p-ch-block-upper li:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

#profile-skinchanger-collection {
    display: block
}

.profile__friend-list__empty img,
.profile__inventory__empty img {
    display: block;
    margin: 0 auto
}

.closed-tab {
    display: none
}

#profile-nav .active a {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

#profile-nav .active span {
    border-color: #6080ff
}

.tooltip-flex {
    display: flex !important
}

.live-dot {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

#user {
    display: flex;
    flex-direction: row-reverse
}

nav#user {
    flex-direction: row
}

nav#user,
nav#user>* {
    align-items: center;
    display: flex;
    height: 100%
}

nav#user>* {
    margin: 0 7px
}

.header__deposit svg {
    margin-right: 7px
}

.header__deposit:hover {
    filter: brightness(110%)
}

.header__pro-img {
    align-items: center;
    background-color: #6080ff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 36px
}

#header__user_balance {
    color: #fff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 20px;
    font-weight: 700;
    margin-right: 6px
}

#header__user_balance,
.header__balance {
    align-items: center;
    display: flex
}

.header__balance img {
    height: 16px
}

.header__pro-img img {
    width: 16px
}

.header__online-players__button {
    align-items: center;
    background-color: #1b2229;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    height: 34px;
    transition: .3s;
    width: 80px
}

.header__online-players__button:hover {
    background: #ffffff1a
}

.header__profile {
    align-items: center;
    background: #1b2229;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    width: 35px
}

.header__profile img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.header-pro-user,
.header-talent-user,
.header-vip-user {
    border: 2px solid #fdb510
}

.header-lite-user {
    border: 2px solid #1f89d6
}

.header-none-user {
    border: 2px solid #0000
}

.header__count-notifications,
.header__notifications svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__count-notifications {
    background: #6080ff;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    height: 13px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: -4px;
    width: 13px;
    z-index: 5
}

.header__notifications path {
    transition: all .3s ease
}

.header__notifications>div:hover path {
    fill: #fff
}

.header__pro-online {
    margin-top: 23px
}

.online-player__user img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.online-player__user {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.online-player__user-img:after {
    background: #33ff7b;
    border: 1px solid #21293d66;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.online-player__user-img {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 11px;
    width: 21px
}

.header__online-player-nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500
}

.online-player__server-connect {
    align-items: center;
    background: #5beaae2b;
    border-radius: 5px;
    color: #64d3ab;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 5px 10px
}

.online-player__server-connect img {
    width: 20px
}

.grey-scroll::-webkit-scrollbar-thumb {
    background: #374256
}

.grey-scroll::-webkit-scrollbar {
    background: #181e29;
    width: 4px
}

.grey-scroll::-webkit-scrollbar-thumb {
    border: none !important
}

.online-player__server {
    margin-left: 10px
}

.online-player__server-name {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.header__online-players ul li:hover {
    background: #21293d
}

.header__online-players ul li:hover .online-player__server-name {
    display: none
}

.header__online-players ul li:hover .online-player__server-connect {
    display: flex
}

.premium-main-btn {
    background: #0000;
    border: 1px solid #fdb510;
    border-radius: 5px;
    box-sizing: border-box;
    height: 33px;
    padding: 0 15px;
    transition: all .3s ease
}

.header-prem .premium-main-btn {
    margin-right: 10px
}

.premium-main-btn.prolong {
    width: 150px
}

.premium-main-btn,
.premium-main-btn span {
    align-items: center;
    color: #fdb510;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.header-prem {
    align-items: center;
    display: flex;
    height: 100%
}

.header-prem a {
    height: auto
}

#socials {
    height: 100%
}

button.icon-slide-right:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

button.icon-slide-left {
    overflow: hidden;
    position: relative
}

button.icon-slide-left span {
    transition: .25s ease
}

button.icon-slide-left:hover span {
    margin-left: 20px
}

button.icon-slide-left:hover:after {
    left: 8px
}

.prolong span {
    text-transform: uppercase
}

button.prolong:hover {
    width: 165px
}

#header-login-btn {
    margin: 0 !important;
    padding: 0 !important
}

.login-btn {
    background: #6080ff;
    border-radius: 6px;
    color: #ffffffe6;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    justify-content: center;
    line-height: 14px;
    padding: 0 10px;
    text-transform: uppercase
}

.login-btn,
.login-btn-wrapper {
    align-items: center;
    display: flex
}

.login-btn-wrapper {
    gap: 14px;
    height: 60px
}

.login-img {
    margin-left: 7px;
    width: 13px
}

.user-theme__VIP #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.user-theme__VIP #profile_user_width_xp {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214)
}

.user-theme__LITE #name_player {
    color: #1f89d6 !important
}

.user-theme__LITE #profile_user_width_xp {
    background: linear-gradient(45deg, #35aaff 33%, #32a0ef 66%, #1f93e6)
}

.user-theme__LITE,
.user-theme__VIP,
.user-theme__banned {
    margin-top: 9px !important
}

.modal__overlay {
    align-items: center;
    background-color: #13161b99;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1201
}

.modal__overlay.transparent {
    background-color: initial
}

.modalShowing_true {
    opacity: 1;
    pointer-events: auto
}

.hide {
    display: none
}

ul#languages {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease
}

.langs:hover ul#languages {
    opacity: 1;
    pointer-events: auto
}

.deposit__types-wrapper>ul {
    width: 100%
}

.hidden-mode-nav {
    opacity: .2 !important
}

.show__nav-btn {
    opacity: .8 !important
}

.timer-block {
    align-items: center;
    display: flex
}

.timer-block>div {
    margin-right: 30px
}

aside#header nav>a:hover img {
    transform: scale(1.08)
}

aside#header nav>a img {
    transition: .3s
}

.header__count-notifications {
    border: 1px solid #030b12
}

.time-block__upper {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.time-block__lower {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    margin-top: 9px;
    text-transform: uppercase
}

.modal-container {
    transition: opacity .5s
}

.modal-container-enter {
    opacity: 0
}

.modal-container-enter-active {
    opacity: 1;
    transition: opacity .5s
}

.premium__bottom-subscribe {
    display: block;
    margin: 0 auto
}

.full-width-btn {
    grid-template-columns: 1fr
}

.premium__bottom-subscribe a {
    height: inherit;
    width: inherit
}

.modal-container-exit {
    opacity: 1
}

.modal-container-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.container>img {
    border-radius: 3px
}

.container {
    margin-bottom: 21px
}

#page-servers-servers {
    grid-template-columns: 1fr 255px
}

.checkmark {
    background: #131a24
}

.container:hover input~.checkmark {
    background-color: #141c25
}

.container input:checked~.checkmark {
    background-color: #1f2534 !important
}

.locations__wrapper {
    background: #12171f;
    padding: 21px 15px;
    transform: translateX(-15px);
    width: 275px !important
}

.locations__wrapper>label {
    display: block !important
}

.options summary p {
    font-weight: 700
}

.locations__wrapper>label:last-of-type {
    margin-bottom: 0
}

.loyalty__progressBox {
    cursor: help;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 16px auto 0;
    width: 300px
}

.loyalty__progressBox .loyalty__progressBg--2f0j {
    cursor: help
}

.table-switcher {
    border: 1px solid #0000;
    border-radius: 7px;
    color: #eaf1fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 13px;
    transition: all .2s ease
}

.table-switcher:not(:last-of-type) {
    margin-right: 5px
}

.table-switcher.active {
    border: 1px solid #6080ff;
    color: #95aaff
}

.blue-scroll::-webkit-scrollbar-thumb {
    background: #6080ff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 32px
}

.blue-scroll::-webkit-scrollbar {
    background: #17202c;
    width: 2px
}

.vc {
    align-items: center;
    display: flex
}

.section-servers-none {
    display: block
}

.online-players__empty {
    color: #8499b9;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    text-align: center
}

.empty-notifications {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.empty-notifications .empty-title {
    color: #f7f9ff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 16px 0 7px
}

.empty-notifications .empty-text {
    color: #d9e1ff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 17px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    width: 165px
}

.empty-notifications img {
    opacity: .2;
    width: 50px
}

#non-prime-servers,
#prime-servers {
    display: block
}

.p_skin_name:after {
    background: #2a68b0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.color-golden .p_skin_name:after {
    background: #fdb510
}

.color-milspec .p_skin_name:after {
    background: #6080ff
}

.color-restricted .p_skin_name:after {
    background: #754de8
}

.color-covert .p_skin_name:after {
    background: #e84d4d
}

.color-consumer .p_skin_name:after,
.color-default .p_skin_name:after {
    background: #ffffff4d
}

.color-classified .p_skin_name:after {
    background: #e44de8
}

.color-industrial .p_skin_name:after {
    background: #2a68b0
}

.p-ch-block-upper li,
.p-ch-block-upper li div {
    width: 100%
}

.hide-full-servers__button {
    align-items: center;
    background: #181d23;
    border-radius: 6px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .5;
    width: 100%
}

.hide-full-servers__button img {
    margin-right: 9px
}

.hide-btn-true {
    opacity: .8
}

.shop__aside-sort {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    height: 67px;
    width: 100%
}

.shop__aside-sort>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.shop__aside-sort>div:first-child {
    justify-content: flex-start;
    padding-left: 30px
}

div.skinchanger__setting-block {
    align-items: center;
    background: #6666661f;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .3s ease;
    width: 29px !important;
    z-index: 5
}

.skinchanger__setting-block.gear {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

.skin__side-choice {
    opacity: 0;
    transition: all .3s ease
}

.skinchanger__setting-block.apply {
    display: none;
    left: auto;
    right: 10px
}

.skin:hover div.skinchanger__setting-block {
    display: flex
}

.skinchanger__setting-block img {
    margin-top: 0 !important;
    top: 0 !important
}

.skin>div.disable {
    background: #6663 !important;
    cursor: not-allowed !important
}

.hidden-online {
    display: none
}

.mode-badge {
    background: #fdb51026;
    border-radius: 5px;
    color: #fdb510;
    display: flex;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    pointer-events: none;
    text-transform: uppercase
}

.trending-badge {
    background: #fd821026;
    color: #fd8210 !important
}

.trending-badge svg {
    margin-right: 4px;
    width: 13px
}

.quick_start {
    margin-bottom: 20px
}

.mode-badge img {
    margin-right: 4px;
    width: 12px
}

.no-servers-title {
    font-family: Roboto Condensed;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

.no-servers-descr {
    color: #fff6;
    font-size: 14px;
    margin: 15px 0 38px
}

.section-servers-none button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 16px 36px;
    text-transform: uppercase
}

.section-servers-none button img {
    margin-right: 8px
}

.contact-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: center
}

.contact-text {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase
}

.contact-page {
    align-items: center;
    background: url('/img/contact.webp') no-repeat top/contain;
    font-family: Roboto;
    height: 700px;
    justify-content: center;
    width: 100%
}

.contact-page,
.contact-page>div {
    display: flex;
    flex-direction: column
}

.contact-page>div {
    margin-bottom: 18px
}

.contact-emails {
    margin-top: 17px
}

.email-block span:first-child {
    color: #acb6e080;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 3px
}

.email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.email-block span {
    text-align: center
}

.email-block span:last-child {
    color: #6080ff;
    font-size: 12px
}

.mb35 {
    margin-bottom: 35px
}

.nav-item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 64px
}

.nav-item__m:after {
    content: "Играть"
}

.nav-item__p:after {
    content: "Premium"
}

.nav-item__c:after {
    content: "Соревнования"
}

.nav-item__l:after {
    content: "Помощь"
}

.nav-item__s:after {
    content: "Магазин"
}

.nav-item-wrapper:after {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    left: 100%;
    letter-spacing: .2px;
    line-height: 15px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease;
    width: 100px
}

.logo-wrapper .online {
    opacity: 0;
    transform: translateY(-11px);
    transition: all .1s ease
}

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

.logo-wrapper .logo {
    left: 0;
    position: absolute;
    top: 0
}

.logo-wrapper {
    height: 77px
}

.logo-wrapper .online {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

aside#header .online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.live-dot {
    margin-bottom: 0;
    margin-right: 9px
}

.active .nav-item-wrapper:after {
    color: #6080ff
}

.header-side-left .golden.active {
    border-right: 3px solid #fdb510
}

.premium.active .nav-item-wrapper:after {
    color: #fdb510
}

#profile-nav ::selection {
    background: #0000
}

@media (min-width:2100px) {
    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
    }
}

.stars-for-task {
    color: #7a95ff;
    font-size: 19px;
    font-weight: 700;
    left: 50%;
    letter-spacing: .03em;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%)
}

.rub {
    color: #fdb510;
    margin-left: 5px
}

.unknown-ping {
    display: inline
}

.deposit-notification {
    align-items: center;
    background: #19212c;
    border-radius: 4px;
    color: #ced7fd;
    display: flex;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    height: 43px;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%
}

.deposit-notification img {
    margin-right: 12px;
    width: 20px
}

.support-header {
    align-items: center;
    background: url('/img/support2.webp') no-repeat 50%/cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 67px 0 76px
}

.support-header h5 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.support-header h2 {
    font-size: 39px;
    font-weight: 900;
    line-height: 46px;
    margin: 8px 0 27px;
    text-transform: uppercase
}

.support-page {
    font-family: Roboto
}

.support-page video,
.support-screen {
    border-radius: 10px;
    display: block;
    margin: 40px 0;
    width: 100%
}

.update-article img {
    border-radius: 10px;
    width: 100%
}

.awssld__content {
    border-radius: 10px
}

.support-search__wrapper input {
    background: #141b24;
    border: none !important;
    border-radius: 9px;
    height: 48px;
    padding: 0 50px 0 25px;
    width: 401px
}

.support-search__wrapper button {
    background: #0000;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.support-page input,
.support-page input::placeholder {
    color: #576375;
    font-size: 14px
}

.general-menu {
    background: #11171f;
    border-radius: 4px;
    padding: 33px 22px
}

#profile .general-menu {
    background: #161c2666
}

.general-menu .active .nav-el {
    background: #d3dcff08;
    color: #6080ff
}

.general-menu .active path {
    fill: #6080ff
}

.general-menu .nav-list {
    border-left: 1px solid #232c38;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-left: 30px;
    padding-top: 10px
}

.nav-list.last {
    margin-bottom: 0
}

.general-menu .nav-list li a {
    color: #d0d6de;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    transition: all .2s ease
}

.general-menu .nav-list li a.selected,
.general-menu .nav-list li a:hover {
    color: #6080ff
}

.general-menu .nav-el {
    align-items: center;
    border-radius: 7px;
    color: #d7d9dc;
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px
}

.general-menu .nav-el svg {
    margin-right: 9px;
    width: 16px
}

.help-menu .nav-el svg {
    height: 24px;
    width: 24px
}

.help-menu .nav-el {
    padding: 9px 15px
}

.achievements,
.settings {
    display: grid;
    padding: 24px
}

.support-content {
    grid-gap: 25px;
    display: grid;
    gap: 25px;
    grid-template-columns: 275px 1fr;
    margin: 0 auto;
    width: 1260px
}

.support-content .general-menu {
    align-self: start;
    position: sticky;
    top: 0
}

.settings {
    margin-bottom: 50px
}

.settings>div {
    align-self: start
}

.settings {
    gap: 25px;
    grid-template-columns: 345px 1fr
}

.achievements {
    gap: 24px;
    grid-template-columns: 348px 1fr
}

.support-page .slick-slider {
    margin: 35px 0;
    transform: translateX(-11px);
    width: calc(100% + 22px)
}

.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slick-prev {
    left: -30px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-next {
    right: -30px
}

.support-article {
    background: linear-gradient(180deg, #11171f 62.96%, #11171f00 90.38%);
    border-radius: 4px;
    padding: 48px 64px;
    width: 100%
}

.support-article__title {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%
}

.support-article-part {
    padding-bottom: 15px;
    padding-top: 20px
}

.support-article-part ul.support__dotted-list {
    padding: 25px 0
}

.support-article-part ul.support__dotted-list li {
    padding-left: 41px
}

.support-article-part ul.support__dotted-list li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 21px;
    position: absolute;
    top: 10px;
    width: 4px
}

.support-article-part ul.definition-list,
.support-article-part ul.punishment-list {
    padding-top: 13px
}

.support-article-part ul.punishment-list li {
    align-items: center;
    color: #888b8f;
    display: flex;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px
}

.support-article-part ul.punishment-list li img {
    margin-right: 13px
}

.support-article-part ul.definition-list li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px
}

.support-article-part ul.definition-list li span {
    color: #5c6bc0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.support-article__img {
    border-radius: 20px;
    margin-top: 30px;
    width: 100%
}

.support-article-part h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .7;
    padding-top: 10px
}

.support-article-part ol {
    margin: 25px 0
}

.support-article-part li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part ol li {
    padding-left: 40px
}

.support-article-part li:not(:last-of-type) {
    margin-bottom: 18px
}

.support-article-part ol li:before {
    background: 0 0;
    background: #19212c;
    border: none;
    border-radius: 4px;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px 7px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: auto
}

.support-article__feedback {
    align-items: center;
    border-top: 1px solid #171e26;
    display: flex;
    height: 104px;
    width: 100%
}

.support-article__feedback h5 {
    font-size: 16px;
    font-weight: 500;
    min-width: 230px;
    opacity: .7
}

.feedback-buttons {
    align-items: center;
    display: flex;
    margin: 0 25px 0 35px
}

.feedback-buttons button {
    background: #18202b;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    width: 69px
}

.feedback-buttons button:first-child {
    margin-right: 5px
}

.support-article__feedback p {
    color: #888b8f;
    font-size: 14px;
    line-height: 21px;
    opacity: .3
}

.support-page button {
    transition: filter .2s ease
}

.support-page button:hover {
    filter: brightness(150%)
}

.support__video span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    opacity: .7;
    transition: all .2s ease
}

.support-article-part .text,
.support-article-part p {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part .text {
    margin-bottom: 20px
}

.support-article-part p a {
    font-size: 14px
}

.ban-dates-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.hash-tag {
    background: #18202b;
    border-radius: 5px;
    color: #5c6bc0 !important;
    font-size: 14px;
    padding: 4px
}

.support-article-part li>img {
    border-radius: 0;
    margin: 0 3px;
    width: 15px
}

.support__social-link {
    font-size: 13px;
    margin-left: 10px;
    top: -2px
}

.support__social-link,
.support__social-link:hover {
    color: #5c6bc0;
    text-decoration-line: underline
}

.support__social-link img {
    border-radius: 0;
    margin-right: 7px;
    top: 5px;
    width: 16px
}

.support-search-item {
    margin-bottom: 35px
}

.support-search-item h3 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.support-search-item span {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

@media (max-width:1670px) {
    .slick-next {
        right: -10px !important
    }

    .slick-prev {
        left: -10px !important
    }
}

.support-menu__arrow {
    margin-right: 25px;
    transition: all .2s ease
}

.support__video:hover span {
    opacity: 1
}

.ss {
    padding-top: 40px
}

.stretched {
    width: 100%
}

.article-date {
    color: #888b8f;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -50px
}

.article-date:before {
    background: url('/img/clock.svg') no-repeat 50%/cover;
    content: "";
    display: block;
    height: 14px;
    left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    width: 14px
}

.location_ping>img {
    top: -14px !important
}

.auto-complete-area {
    background: #141b24;
    border-radius: 0 0 9px 9px;
    display: none;
    padding: 6px 20px 14px 26px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.auto-complete-area span a {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 100%;
    padding: 10px 0
}

.auto-complete-area span p {
    color: #919cab;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap
}

.auto-complete-area span:hover p {
    color: #fff
}

.auto-complete-area span img {
    margin-right: 13px
}

.filled-input {
    border-radius: 9px 9px 0 0 !important
}

.filled-input+.auto-complete-area {
    display: block
}

.lvlup-img {
    width: 80%
}

.awssld__controls {
    position: static
}

.awssld {
    --loader-bar-color: #0000 !important
}

.awssld__controls__arrow-left:after,
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:after,
.awssld__controls__arrow-right:before {
    background-color: #6080ff !important
}

.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: 1 !important
}

.awssld__content {
    background-color: initial
}

.converter__rubles {
    padding-left: 21px
}

.user__popup {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 100%;
    width: 256px
}

.img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px
}

.profile-popup__header:hover .profile-popup__nick {
    color: #fff
}

.profile-popup__header:hover span:last-child {
    color: #c7d3e2
}

.user__popup svg {
    height: 16px;
    width: 16px
}

.profile-popup__premium img {
    height: 16px;
    top: -1px
}

.notifications__main::-webkit-scrollbar-thumb {
    border: none
}

#gift-modal {
    background: #161b25;
    border-radius: 15px;
    font-family: Roboto;
    padding: 45px 40px 40px;
    width: 508px
}

.gift-modal__choose-friends {
    border-radius: 5px;
    display: block;
    font-family: Roboto;
    margin-bottom: 20px
}

.gift-modal__choose-friends ul {
    height: 267px;
    overflow-y: scroll;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.gift-modal__search {
    background: #0000;
    background-size: 16px 16px;
    border: 1px solid #1e2432;
    border-radius: 8px;
    box-shadow: none;
    color: #ccd3e3;
    font-size: 14px;
    height: 50px;
    margin-bottom: 6px;
    padding: 0 50px 0 15px;
    transition: border .3s ease;
    width: 100%
}

.gift-modal__search+img {
    opacity: .8;
    transition: opacity .3s ease
}

input.gift-modal__search::placeholder {
    color: #697183
}

.gift-modal__search:focus,
.gift-modal__search:hover {
    border: 1px solid #273145;
    outline: none
}

.gift-modal__search:focus+img {
    opacity: 1
}

.close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px
}

.close img {
    opacity: .3;
    transition: opacity .2s ease
}

.gift-modal__friend:hover {
    background: #1e2434
}

.gift-modal__friend:hover span {
    color: #adbbcf
}

.close:hover img {
    opacity: 1
}

.gift-modal__enter,
.gift-modal__friend {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 51px;
    justify-content: space-between;
    transition: background .1s ease;
    width: 100%
}

.gift-modal__enter {
    background: #202636;
    margin-bottom: 14px;
    padding: 0 9px 0 13px;
    transition: background .3s ease
}

.gift-modal__enter.focus {
    background: #232a3d
}

.gift-modal__friend {
    background: #181e29;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 13px
}

.gift-modal__choose-friends ul.filled .gift-modal__friend:not(.choosen) {
    opacity: .5
}

.choosen .gift-modal__friend-nick {
    color: #97beb7 !important
}

.gift-modal__friend-nick {
    color: #9296ac;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700
}

.gift-modal__friend-ava {
    border-radius: 50%;
    height: 26px;
    margin-right: 15px;
    width: 26px
}

.gift-modal__friend>img {
    margin-left: 15px;
    transition: all .2s ease
}

.gift-modal__friend.choosen {
    background: #1c2531
}

.gift-modal__enter input {
    background: #0000;
    border: none;
    color: #ccd3e3;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-right: 10px
}

.gift-modal__enter input::placeholder {
    color: #8191a7
}

.gift-modal__enter input:focus,
.gift-modal__enter input:hover {
    border: none
}

.gift-modal__delete {
    background: #0000;
    border-bottom: 1px dashed #6080ff;
    color: #6080ff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 15px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.gift-modal__friend>span {
    align-items: center;
    display: flex
}

.inventroy__gift {
    border-radius: 15px;
    cursor: pointer;
    height: 200px;
    transition: all .2s ease
}

.server-modal__lvl {
    height: 21px
}

.inventroy__gift>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.inventroy__gift h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.server-modal__name {
    max-width: 400px;
    overflow: hidden
}

.server-modal__country {
    border-radius: 50%;
    bottom: -1px;
    height: 11px;
    left: 14px;
    position: absolute;
    width: 11px;
    z-index: 1
}

.inventory__receive-gift {
    background: #0000;
    border: 1px solid #0000;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .3s ease
}

.inventroy__gift.lite .inventory__receive-gift {
    border-color: #2d9df1;
    color: #2d9df1
}

.inventroy__gift.lite .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #0085ff)
}

.inventroy__gift.lite {
    background: linear-gradient(206.87deg, #14162fc4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventroy__gift.lite h2 {
    color: #32a0ef
}

.inventroy__gift.premium .inventory__receive-gift {
    border-color: #fdb510;
    color: #fdb510
}

.inventroy__gift.premium .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #fdb510)
}

.inventroy__gift.premium h2 {
    color: #fdb510;
    max-width: 120px;
    text-align: center
}

.inventroy__gift.premium {
    background: linear-gradient(206.87deg, #231b17c4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventory-gift__image {
    width: 54px
}

.inventroy__gift.lite .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .74))
}

.inventroy__gift.premium .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .74))
}

.inventory-gift__badge,
.inventory-gift__second-badge {
    align-items: center;
    background: #ffffff05;
    border-radius: 12.5px;
    color: #afafaf;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    padding: 5px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.inventory-gift__second-badge {
    left: auto;
    right: 12px;
    text-transform: none
}

.inventory-gift__badge img {
    margin-right: 5px;
    width: 14px
}

.link-enter-img-wrapper {
    background: #353f55;
    border-radius: 4px;
    color: #b5c4d8;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: uppercase;
    transition: all .2s ease
}

.link-enter-img-wrapper:hover {
    background: #ffffff1a
}

.gift-modal__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    width: 100%
}

.gift-modal__empty h2 {
    color: #9ea6be;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 2px;
    margin-top: 20px;
    opacity: .64;
    text-transform: uppercase
}

.gift-modal__empty span {
    color: #475164;
    font-family: Roboto;
    font-size: 14px;
    opacity: .7
}

li.slide {
    margin-bottom: 0 !important
}

.carousel.carousel-slider .control-arrow {
    padding: 50px !important
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0000 !important
}

.server-modal__bg {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.server-modal__bg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.data-one-server-info a,
.table .press-left {
    justify-content: flex-start;
    text-align: left
}

.server-modal__table {
    padding: 0 32px
}

.server-modal__bg .shadow {
    background: linear-gradient(180deg, #11192300 -8.49%, #111923 46.81%);
    height: 259px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.server-modal__header {
    align-items: center;
    display: grid;
    font-family: Roboto;
    grid-template-columns: 1fr 150px 1fr;
    padding: 82px 0 50px
}

.arcade-mode .server-modal__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 0
}

.server-modal__header>div {
    align-items: center;
    display: flex
}

.server-modal__main-info {
    flex-direction: column;
    justify-content: center
}

.server-modal__header-labels {
    display: flex;
    flex-direction: column
}

.server-modal__header>div:first-child .server-modal__header-labels {
    align-items: flex-end
}

.server-modal__header>div:first-child {
    justify-content: flex-end
}

.server-modal__status {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .4;
    text-transform: uppercase
}

.server-modal__side {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.server-modal__header>div>img {
    margin: 0 25px
}

.server-modal__score {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 6px
}

.server-modal__time {
    align-items: center;
    color: #d9e4ff;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.server-modal__time img {
    height: 16px;
    margin-right: 4px
}

.server-modal__connect {
    align-items: center;
    background: linear-gradient(180deg, #1c2334, #1f2739);
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 16px 32px
}

.server-modal__mode {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.arcade-mode .server-modal__connect {
    justify-content: center
}

.server-modal__connect button {
    align-items: center;
    background: #0000;
    display: flex
}

.server-modal__ip {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.server-modal__connect button svg {
    margin-right: 8px;
    width: 18px
}

.server-modal__con {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac !important;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box:not([data-theme]) {

    a,
    div {
        color: #8f96ac
    }
}

.settings-content {
    background: linear-gradient(0deg, #161c2666, #161c2666);
    border-radius: 0 0 4px 4px;
    font-family: Roboto;
    padding: 45px 47px
}

.settings__title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
    width: 100%
}

.settings-row {
    display: flex;
    overflow-x: auto;
    width: 100%
}

.settings__item-description {
    color: #5e6c7e;
    font-size: 14px;
    margin-top: 8px
}

.setting-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.setting-content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.settings-input__change {
    align-items: center;
    background: #0000;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    width: 25px
}

.settings-input.short {
    width: 179px
}

.settings-area:focus,
.settings-area:hover {
    border: 0
}

.settings-input input {
    border: none;
    padding: 0 50px 0 20px;
    width: 100%
}

.settings-input input,
.settings-input input::placeholder {
    color: #d7e8ff99;
    font-size: 14px
}

.settings-input input:focus,
.settings-input input:hover {
    border: none
}

.settings-input__change:hover {
    background: #1d2531
}

.settings__country {
    align-items: center;
    display: flex;
    flex-direction: row !important
}

.settings__country img {
    border-radius: 50%;
    margin-right: 8px;
    width: 16px
}

.settings__country span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.multi-option-buttons__list {
    background: #1f2633;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 105%;
    width: 100%;
    z-index: 2
}

.multi-option-buttons__list button {
    background: #0000;
    color: #9ca4be;
    font-size: 13px;
    padding: 11px;
    text-align: left;
    width: 100%
}

.multi-option-buttons__list .inactive {
    background: #5265852e;
    pointer-events: none
}

.multi-option-buttons__wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    z-index: 2
}

.multi-option-buttons__wrapper:hover .multi-option-buttons,
.multi-option-buttons__wrapper:hover .multi-option-buttons__arrow {
    cursor: pointer;
    filter: brightness(120%)
}

.multi-option-buttons__arrow svg {
    transition: transform .3s ease
}

.multi-option-buttons__arrow svg.active {
    transform: rotate(180deg)
}

.multi-option-buttons__arrow {
    align-items: center;
    background: linear-gradient(180deg, #283243, #2e3a4c);
    border-radius: 0 6px 6px 0;
    display: flex;
    height: 34px;
    justify-content: center;
    transition: filter .2s ease;
    width: 24px
}

.multi-option-buttons {
    background: #5265852e;
    border-radius: 6px 1px 1px 6px;
    color: #9ca4be;
    font-size: 12px;
    padding: 10px;
    transition: filter .2s ease;
    width: 120px
}

.profile-popup__avatar {
    border-radius: 50%;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.profile-popup__header {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Roboto;
    height: auto;
    padding: 18px 24px;
    transition: all .3s ease;
    width: 100%
}

.profile-popup__header>div {
    display: flex;
    flex-direction: column;
    max-width: 130px
}

.profile-popup__header-wrapper {
    background: #273047;
    height: auto
}

.profile-popup__nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease
}

.profile-popup__header span:last-child {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    transition: all .3s ease
}

.ban-badge {
    align-items: center;
    background: #0000;
    border: 1px solid #fe1111;
    border-radius: 5px;
    display: inline-flex;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84));
    height: 23px;
    padding: 0 8px
}

.ban-badge span {
    color: #e50027;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ban-badge img {
    top: -1px
}

.profile-badge img {
    margin-right: 5px
}

.category-filter input:checked+span .lite-badge {
    background: #1d273f;
    color: #6080ff
}

.skinchanger-modal__wrapper {
    background: #171c2a;
    border-radius: 18px;
    padding: 24px;
    width: 398px
}

#skinchanger-modal {
    display: flex;
    position: relative
}

.skin-modal__image {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/skins/grid.png*/
        url() no-repeat 50%/cover;
    display: flex;
    height: 119px;
    justify-content: center;
    margin: 16px 0;
    width: 100%
}

.skin-modal__image img {
    max-height: 80px;
    max-width: 90%;
    opacity: 1;
    transition: opacity .2s ease
}

.skin-modal__image img.limited {
    height: auto;
    max-height: 80%;
    max-width: 192px
}

span.gun-name__name,
span.gun-name__stattrak {
    color: #6080ff
}

.gun-name__stattrak {
    display: none
}

.skinchanger-modal__title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    line-height: 135%;
    margin: 15px 0;
    opacity: .8;
    text-transform: uppercase
}

.skin-modal__stattrak {
    display: flex
}

.skin-stattrak:hover,
.skin-stattrak:hover .stattrak-switcher {
    background: #5d6c923d
}

.skin-modal__stattrak svg path {
    fill: #babfc5
}

.skin-modal__stattrak .choosen-stattrak-option svg path {
    fill: #95aaff
}

.skin-modal__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 18px
}

.skin-modal__title {
    color: #7f8eaa;
    font-size: 15px;
    font-weight: 500;
    text-transform: none
}

.skin-qualities-tabs {
    align-items: center;
    display: flex;
    width: 100%
}

.skin-qualities-tabs li {
    align-items: center;
    background: #182333;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-transform: uppercase;
    width: 20%
}

.skin-qualities-tabs li:first-child {
    border-radius: 7px 0 0 7px
}

.skin-qualities-tabs li:last-child {
    border-radius: 0 7px 7px 0
}

.skin-qualities-tabs li.choosen-skin-quality {
    background: #6080ff;
    color: #fff;
    transition: all .2s ease
}

.skin-modal__float {
    display: flex
}

.skin-float__float {
    align-items: center;
    background: #182333;
    border-radius: 7px;
    color: #ffffffb3;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin-right: 20px;
    min-height: 36px;
    padding: 0 10px;
    text-align: center;
    width: 61px
}

.skin-label-input {
    background: #0000;
    border: 1px solid #91affd1f;
    border-radius: 6px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    height: 42px;
    padding: 0 18px;
    transition: border .2s ease;
    width: 100%
}

.skin-label-input:focus,
.skin-label-input:hover {
    border: 1px solid #91affd4d
}

#skin-modal__save {
    margin-top: 40px
}

#skin-modal__save[disabled] {
    opacity: .5
}

.skin-label-input::placeholder {
    color: #ffffff4d;
    color: #778597;
    font-family: Roboto;
    font-size: 15px
}

.save-input-val {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    height: 30.8px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px
}

.large-uppercase-primary-btn {
    background: #6e93ff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0;
    transition: all .2s ease;
    width: 100%
}

.large-uppercase-primary-btn:hover {
    filter: brightness(110%)
}

.skinchanger__setting-block img {
    width: 15px !important
}

.skinchanger__setting-block.apply img {
    width: 11px !important
}

.border-blinking .skin__side-choice,
.border-blue .skin__side-choice,
.border-golden .skin__side-choice {
    opacity: 1
}

.gift-modal__enter .gift-modal__friend-ava {
    height: 24px;
    width: 24px
}

#application {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop .p_skin_name {
    color: #c8cfdb !important;
    font-weight: 700
}

.s-key-words {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(15px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes highlightBorder {
    0% {
        border-color: grey
    }

    50% {
        border-color: #8080801a
    }

    to {
        border-color: grey
    }
}

@keyframes inner {
    0% {
        fill: red
    }

    33% {
        fill: #fff
    }

    66% {
        fill: #fff
    }
}

@keyframes middle {
    0% {
        fill: #fff
    }

    33% {
        fill: red
    }

    66% {
        fill: #fff
    }
}

@keyframes outer {
    0% {
        fill: #fff
    }

    33% {
        fill: #fff
    }

    66% {
        fill: red
    }
}

@keyframes signal {

    20%,
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes fading {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@keyframes iSkew {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes feathers {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes imgScale {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.9) translateY(-10px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes akRotation {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.95) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bullets {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.97) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes flashRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lowerRankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bgPulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes nonPrem {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(10deg)
    }

    65% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media (max-width:1750px) {
    .footer__navigation {
        grid-template-columns: 300px 1fr
    }

    .footer__sponsors img {
        width: 130px
    }

    .settings__item.adaptive>div {
        margin-bottom: 20px !important
    }
}

@media (max-width:1450px) {
    .support-content {
        grid-template-columns: 275px 1fr;
        padding: 0 50px;
        width: 100%
    }

    .support-content>* {
        width: 100%
    }

    .support-content .general-menu {
        margin-bottom: 25px;
        margin-right: 0;
        position: relative;
        width: 100%
    }

    .visibility .filter-section__title {
        display: none !important
    }

    .footer__sponsors img {
        width: 130px
    }

    .support__video-wrapper:before {
        height: 32px !important;
        width: 32px !important
    }
}

@media (max-width:740px) {
    .footer__sponsors:after {
        animation: fading 2s infinite;
        background: url('/img/horizontal-swipe-xxl.png') no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }
}

.header__deposit-s {
    bottom: 0;
    left: 0;
    position: absolute
}

.servers-filter {
    position: relative
}

.servers-filter>img {
    position: absolute;
    right: -3px;
    top: -7px
}

.helper-s {
    left: -1px;
    top: -5px
}

.helper-s,
.stars-s {
    position: absolute;
    z-index: 99
}

.stars-s {
    bottom: 0;
    margin-right: 0 !important;
    right: 0;
    top: auto !important;
    width: 101% !important
}

.plan2-s {
    right: 1px;
    top: -6px
}

.plan-s,
.plan2-s {
    position: absolute
}

.plan-s {
    left: 10px;
    top: -9px
}

.friends-s {
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 1
}

.plan-btn-s,
.plan-btn2-s {
    left: 0;
    margin-right: 0 !important;
    position: absolute;
    top: -3px;
    width: 100% !important
}

@font-face {
    font-family: Cybershoke;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG-SVG.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG.210905-1526.woff*/
        url() format("woff")
}

@font-face {
    font-family: Robustik;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/RobustikBold.ttf*/
        url()
}

.cybershoke {
    color: #252c39;
    font-family: Cybershoke;
    font-size: 30px;
    line-height: .9
}

.server-row__faceit {
    padding-left: 32px
}

.limited-length {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.achievements-grid {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-right: 13px;
    width: calc(100% + 13px)
}

.achievements-grid li {
    background: #161b25;
    border: 1px solid #1a1e2d;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 21.5px 20px;
    transition: all .2s ease
}

.achievements-grid li:hover {
    background: #181d27
}

.achievements-grid li h6 {
    color: #91a8b9;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 51px;
    margin-top: 12px;
    text-align: center
}

.achievements-grid li .image {
    height: 128px;
    image-rendering: auto;
    width: 128px
}

.achievements-grid li.none .image {
    opacity: .3
}

.achievements-grid li.gold {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%);
    border: 1px solid #fcc2511a
}

.achievements-grid li.gold h6 {
    color: #fcc251
}

.achievements-grid li.gold .date {
    color: #fee5b4
}

.achievements-grid li.gold .progress:before {
    background: #fcc251;
    max-width: 100%
}

.achievements-grid li.gold:hover {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%)
}

.achievements-grid li.silver {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%);
    border: 1px solid #a5c9ff33
}

.achievements-grid li.silver h6 {
    color: #a5c9ff
}

.achievements-grid li.silver .date {
    color: #d6e7ff
}

.achievements-grid li.silver .progress:before {
    background: #a5c9ff;
    max-width: 100%
}

.achievements-grid li.silver:hover {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%)
}

.achievements-grid li.bronze {
    background: linear-gradient(27.76deg, #774e3733 19.12%, #191e2833 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.bronze h6 {
    color: #d48f71
}

.achievements-grid li.bronze .date {
    color: #eccec0
}

.achievements-grid li.bronze .progress:before {
    background: #d48f71;
    max-width: 100%
}

.achievements-grid li.bronze:hover {
    background: linear-gradient(27.76deg, #774e3733 30.12%, #191e2833 65.52%)
}

.achievements-grid li.diamond {
    background: linear-gradient(27.76deg, #27465e 19.12%, #1c2939 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.diamond h6 {
    color: #52b1e0
}

.achievements-grid li.diamond .date {
    color: #34bcff
}

.achievements-grid li.diamond .progress:before {
    background: #52b1e0;
    max-width: 100%
}

.achievement-among-friends {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.achievement-among-friends>div {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.achievement-among-friends span {
    color: #3f4551;
    font-size: 12px;
    line-height: 16px;
    margin-left: 9px
}

.achievement-among-friends a {
    color: #969ca7;
    font-size: 12px;
    text-decoration-line: underline;
    transition: color .2s ease
}

.achievement-among-friends a:hover {
    color: #6080ff
}

.achievement__friend {
    background: #161c26;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px
}

.achievement__friend img {
    border-radius: 50%;
    width: 100%
}

.achievement__friend:first-of-type,
.achievement__friend:nth-of-type(2) {
    margin-left: -8px
}

.title {
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.warning-label-wrapper {
    margin-bottom: 20px
}

.warning-label {
    background: #321919;
    border-radius: 6px;
    padding: 15px 20px;
    width: 100%
}

.warning-label div {
    align-items: center;
    display: flex
}

.warning-label img {
    margin-right: 10px;
    width: 14px
}

.warning-label span {
    color: #fdcece;
    font-size: 13px;
    font-weight: 500
}

img.warning-close {
    cursor: pointer;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.footer-socials-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-payments {
    align-items: center;
    display: flex;
    gap: 6px
}

.footer-payments svg {
    filter: brightness(50%);
    height: 16px;
    transition: filter .2s ease
}

.footer-payments svg:hover {
    filter: brightness(100%)
}

.footer-lang {
    align-items: center;
    background: #141926;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 12px
}

.dropdown.type-footer {
    background: #141926;
    bottom: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    top: auto;
    width: 131px
}

.dropdown.type-footer li {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.dropdown.type-footer img {
    margin-right: 10px;
    width: 15px
}

.footer-lang__current {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.footer-lang__current img {
    width: 18px
}

.unauth .footer {
    height: 280px
}

.footer-right {
    display: flex;
    flex-wrap: wrap;
    gap: 106px
}

.footer__logo {
    display: flex;
    gap: 30px;
    padding-right: 10px
}

.footer-company {
    width: 225px
}

.footer-company h5 {
    color: #727783;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px
}

.footer-company h6,
.footer-company span {
    color: #515766;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.footer-company span {
    text-transform: none
}

.footer-company h6 {
    font-weight: 600
}

g[opacity="0.3"] {
    display: none;
    opacity: 0
}

.star-image {
    opacity: .34
}

.aic {
    align-items: center;
    display: flex
}

.roulette__letter {
    color: #6080ff;
    font-family: Cybershoke;
    font-size: 40px
}

.skinchanger-modal__stickers {
    background: #171c2a;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 6px;
    padding: 24px;
    width: 386px
}

.skinchanger-modal__stickers input {
    border: 1px solid #91affd1f;
    border-radius: 6px
}

.stattrak-switcher {
    background: #5265852e;
    border-radius: 4px;
    height: 25px;
    position: relative;
    transition: background .2s ease;
    width: 42px
}

.stattrak-switcher span {
    background: #9ea7be;
    border-radius: 4px;
    height: 17px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 17px
}

.skin-stattrak {
    align-items: center;
    background: #5d6c921f;
    border-radius: 5px;
    color: #7f8eaa;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    height: 38px;
    padding: 0 10px 0 14px;
    transition: all .2s ease
}

.skin-stattrak.active {
    background: #6080ff1f;
    color: #6080ff
}

.skin-stattrak.active .stattrak-switcher {
    background: #6080ff1f
}

.skin-stattrak.active .stattrak-switcher span {
    background: #6080ff;
    transform: translateX(100%)
}

.skin-label-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.skinchanger-stickers-list-wrapper {
    height: 470px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.skinchanger-stickers-list-wrapper.locked {
    opacity: 1;
    overflow: hidden
}

.skinchanger-stickers-list-wrapper.locked .skinchanger-stickers-list {
    opacity: .2
}

.skinchanger-stickers-list-wrapper::-webkit-scrollbar {
    width: 4px
}

.skinchanger-stickers-list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.skinchanger-stickers-list li {
    background: #91affd0d;
    border-radius: 6px;
    cursor: pointer;
    height: 80px;
    transition: background .2s ease
}

.skinchanger-stickers-list li:hover {
    background: #91affd1a
}

.skinchanger-stickers-list li>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center
}

.skinchanger-stickers-list li img {
    height: 45px
}

.skinchanger-stickers-list li span {
    color: #d3ddeb;
    font-size: 10px;
    font-weight: 400;
    max-width: 60px
}

.sticker-img-wrapper {
    display: flex;
    justify-content: center;
    width: 60px
}

.skin-dot-wrapper {
    align-items: center;
    background: #6080ffa6;
    border: 1px solid #0000;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: flex;
    height: 17px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    width: 17px;
    z-index: 1
}

.skin-dot-wrapper img {
    opacity: 1 !important;
    width: 7px
}

.skin-dot-wrapper.picked-dot {
    background: #cb4545a6
}

.skin-dot-wrapper.picked-dot img {
    display: block
}

.skinchanger-sticker-mode .skin-modal__image img {
    opacity: .3
}

.skinchanger-sticker-mode .skin-dot-wrapper {
    opacity: 1;
    pointer-events: all
}

li.choosen-sticker {
    background: #91affd29
}

#skinchanger-modal .tippy-box {
    background: #131b26;
    border: 1px solid #6080ff;
    border-radius: 8px
}

#skinchanger-modal .tippy-box div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#skinchanger-modal .tippy-box span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

#skinchanger-modal .tippy-box button {
    background: #0000;
    color: #6080ff;
    font-size: 11px;
    font-weight: 500
}

.drop-tags {
    justify-content: center
}

.drop-tags,
.drop-tags li {
    align-items: center;
    display: flex
}

.drop-tags li {
    background: #131c30;
    border-radius: 4px;
    color: #e4eaff;
    font-weight: 700;
    margin: 0 5px 20px;
    opacity: .9;
    padding: 9px 19px;
    text-transform: uppercase
}

.drop-tags li img {
    margin-right: 7px;
    width: 12px
}

.back-light {
    position: relative
}

.back-light:before {
    background: #f79133;
    content: "";
    display: block;
    filter: blur(25px);
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.back-light.prize_color-consumer:before,
.back-light.prize_color-industrial:before {
    background: #2a68b0
}

.back-light.prize_color-restricted:before {
    background: #754de8
}

.back-light.prize_color-milspec:before {
    background: #6080ff
}

.back-light.prize_color-covert:before {
    background: #e84d4d
}

.back-light.prize_color-classified:before {
    background: #e44de8
}

.back-light.prize_color-golden:before {
    background: #f79133
}

.skin-modal__side {
    bottom: 10px;
    color: #7f8eaa;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.sticker-dots {
    left: 0;
    position: absolute;
    top: -18px
}

.skin-modal__installed-stickers {
    bottom: 8px;
    left: 10px;
    position: absolute;
    z-index: 1
}

.skin-modal__installed-stickers img {
    height: 24px;
    margin-right: 6px;
    max-width: 100%;
    opacity: .3
}

.skin-modal__installed-stickers img:hover {
    cursor: pointer;
    opacity: 1
}

input.skin-float-range {
    -webkit-appearance: none;
    appearance: none;
    background: #91affd0d;
    border: none
}

input.skin-float-range:focus,
input.skin-float-range:hover {
    border: none
}

input.skin-float-range::-webkit-slider-thumb {
    background: #6080ff
}

.bans-table {
    margin-bottom: 50px;
    width: 100%
}

.bans-table tr {
    background: #0000;
    display: grid;
    grid-template-columns: 1fr 180px
}

.bans-table tr:nth-of-type(2n-1) {
    background: #141b2399
}

.bans-table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.bans-table td {
    font-size: 16px
}

.bans-table td,
.bans-table th {
    align-items: center;
    display: flex;
    height: 55px
}

.bans-table td:first-child,
.bans-table th:first-child {
    padding-left: 35px
}

.bans-table td:last-child,
.bans-table th:last-child,
.timer-divider {
    justify-content: center
}

.timer-divider {
    align-items: center;
    color: #d8e4f8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    opacity: .2;
    width: 15px
}

.skinchanger__setting-block img {
    pointer-events: none
}

.skin-modal__gun-name {
    color: #d3ddeb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

img.highlight-sticker {
    opacity: 1 !important
}

.skin-configurators {
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.skin__applied-stickers {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.skin__applied-stickers img {
    margin-top: 10px;
    max-height: 25px;
    max-width: 17px;
    object-fit: contain
}

div.skin__side-choice {
    align-items: center;
    display: flex;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important
}

div.skin__side-choice>div:first-child {
    margin-right: 5px
}

.superbonus-word {
    transition: all .3s ease
}

.superbonus-word .blue-letter {
    color: #6080ff
}

.unactive-side {
    opacity: .3 !important
}

.shaking-button {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation-fill-mode: forwards;
    perspective: 1000px;
    transform: translateZ(0)
}

.skin-modal__title {
    align-items: center;
    display: flex
}

.skin-modal__title img {
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.skin-modal__title div {
    color: inherit;
    cursor: pointer;
    transition: color .2s ease
}

.skin-modal__title div:hover {
    color: #fff
}

.float-info {
    cursor: pointer
}

.float-tippy__content {
    font-size: 13px;
    line-height: 22px;
    padding: 6px
}

.float-tippy__content span {
    color: #e0e7ff
}

.stickers-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.stickers-frame h3 {
    color: #9ea6be;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 9px;
    margin-top: 27px;
    text-transform: uppercase
}

.stickers-frame span {
    color: #d9e1ff;
    font-size: 14px;
    line-height: 19px;
    opacity: .3;
    text-align: center
}

.roulette-item__img-wrapper {
    align-items: center;
    background: url('/img/cybershoke.png') no-repeat 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.roulette-item__label {
    color: #d39a52;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase
}

.settings__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.settings__item>button {
    margin-left: auto
}

.settings__item>button,
.settings__item>button a {
    background: #0000;
    color: #6080ff;
    font-size: 16px;
    font-weight: 500
}

.settings__item>button[disabled] {
    color: #8aa2b666
}

.profile-header__btn {
    background: #6080ff14;
    border-radius: 6px;
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    white-space: nowrap
}

.settings-sub__content {
    align-items: center;
    background: #d3dcff05;
    border-radius: 5px;
    display: flex;
    padding: 24px 21px 24px 33px;
    width: 100%
}

.settings-sub__content img {
    margin-right: 64px;
    width: 144px
}

.settings-sub__content>button {
    background: #1e242d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    margin-left: auto;
    padding: 13px 40px
}

.settings-sub__content div {
    display: flex
}

.settings-sub__content>div {
    align-items: center
}

.settings-sub__block {
    display: flex;
    flex-direction: column
}

.settings-sub__block:not(:last-child) {
    margin-right: 64px
}

.settings-sub__block span:first-child {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.settings-sub__block span:last-child {
    align-items: center;
    color: #87898d;
    display: flex;
    font-size: 15px;
    line-height: 18px
}

.settings-sub__block span:last-child img {
    margin-left: 4px;
    width: 14px
}

.settings-empty {
    color: #888b8f;
    font-size: 16px
}

.settings-table {
    width: 100%
}

.settings-table th {
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.settings-table .cell-with-flag img {
    margin-right: 10px;
    width: 16px
}

.settings-table td {
    font-size: 14px
}

.settings-table td,
.settings-table th {
    align-items: center;
    display: flex
}

.settings-table td:first-child,
.settings-table th:first-child {
    padding-left: 34px
}

.settings-table td:last-child,
.settings-table th:last-child {
    padding-right: 34px
}

.settings-table tr {
    align-items: center;
    display: flex
}

.settings-table tr:nth-child(2n-1) {
    background: #141b25;
    height: 60px
}

.settings-table tr:nth-child(2n) {
    background: #0000;
    height: 55px
}

.settings__sessions-table .close-session {
    opacity: 0;
    transition: all .2s ease
}

.settings__sessions-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px
}

.settings__sessions-table tr:hover .close-session {
    opacity: 1
}

.settings__transactions-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr .5fr
}

.settings__transactions-table tr:nth-child(2n) {
    height: 76px
}

.settings-area {
    align-items: center;
    background: #161d27;
    border: 0;
    border-radius: 5px;
    color: #d7e8ff99 !important;
    display: flex;
    font-size: 14px;
    max-width: 600px;
    padding: 14px 20px;
    width: 600px
}

.confirm-settings-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 500px
}

.confirm-settings-modal.sm {
    padding: 46px 43px;
    width: 450px
}

.confirm-settings-modal.sm .confirm-settings__content h2 {
    font-size: 20px
}

.confirm-settings-modal.sm .confirm-settings__subtitle {
    color: #adbcd0;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px
}

.confirm-settings__content h2 {
    color: #ecf1f8;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.confirm-settings__subtitle {
    color: #6f7a8c;
    font-size: 15px;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.confirm-settings__subtitle img {
    top: 1px;
    width: 14px
}

.confirm-settings__list {
    margin-top: 41px
}

.confirm-buttons {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.confirm-buttons button {
    background: #0000;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    letter-spacing: .16px;
    text-align: center;
    width: 100%
}

.confirm-buttons button:first-child {
    background: #6080ff;
    color: #fff
}

.confirm-buttons button:last-child {
    border: 1px solid #2e364b;
    color: #a5b2c3
}

.update-modal__content {
    padding: 38px 52px 44px
}

.update-modal__content h2 {
    font-size: 28px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.update-modal__content span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.update-modal__img-wrapper {
    position: relative;
    transition: all .5s ease
}

.update-modal__img-wrapper .flying-image {
    position: absolute
}

.update-modal__image {
    border-radius: 16px 16px 0 0;
    display: block;
    width: 100%
}

#update-modal {
    background: #171c2b;
    border-left: 4px solid #171c2b;
    border-radius: 16px;
    border-right: 4px solid #171c2b;
    border-top: 4px solid #171c2b;
    width: 558px
}

@media(max-width:650px) {
    #update-modal {
        width: 90%
    }
}

.modal-button {
    background: #6080ff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    letter-spacing: .11em;
    text-transform: uppercase;
    width: 100%
}

.update-modal__block {
    align-items: center;
    display: flex;
    margin-top: 25px
}

.update-modal__block img {
    max-width: 23px
}

.update-modal__block div {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.update-modal__content button {
    margin-top: 45px
}

.confirm-settings__list>div {
    align-items: center;
    display: flex;
    padding: 0 40px
}

.confirm-settings__list>div .image-wrapper {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.confirm-settings__list>div img {
    width: 22px
}

.confirm-settings__list>div span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.trade-link {
    border-bottom: 1px solid #9aa7bd;
    color: #9aa7bd;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px
}

.mode__friends {
    align-items: center;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.mode__friends img {
    border: 3px solid #21262f;
    border-radius: 50%;
    margin-left: -8px;
    width: 20px
}

.mode__friends span {
    align-items: center;
    background: #21262f;
    border-radius: 10px;
    color: #7c839c;
    display: flex;
    font-size: 9px;
    height: 20px;
    margin-left: -8px;
    padding: 0 5px
}

.float-dot {
    background: #7f8eaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

#page-servers-home a {
    height: 100% !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important
}

#online-friends-modal {
    background: #101821;
    border-radius: 16px;
    padding: 38px 41px;
    width: 450px
}

#online-friends-modal h2 {
    color: #e6e6e6;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em
}

#online-friends-modal ul {
    max-height: 324px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

#online-friends-modal .online-player__user {
    align-items: center;
    display: flex
}

#online-friends-modal .online-player__server {
    align-items: center;
    display: flex;
    padding-right: 10px
}

#online-friends-modal li {
    background: #131a24;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 51px;
    transition: all .3s ease
}

#online-friends-modal li:not(:last-child) {
    margin-bottom: 10px
}

#online-friends-modal li:hover {
    background: #21293d
}

#online-friends-modal li:hover .online-player__server-name {
    display: none
}

#online-friends-modal li:hover .online-player__server-connect {
    display: flex
}

.friends-modal__subtitle {
    color: #7b828a;
    display: block;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 10px
}

.inventory__device-img {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .54));
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 90%;
    transition: opacity .2s ease
}

.inv-device h2 {
    margin-top: 0
}

#auto-sub-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 800px
}

#auto-sub-modal h2 {
    color: #ecf1f8;
    font-size: 27px;
    font-weight: 900
}

.title-wrapper {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/lite-header.svg*/
        url() no-repeat 50%/cover;
    border-radius: 10px;
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 0 25px
}

.title-wrapper span {
    background: #6080ff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 17px
}

.modal-subtitle {
    color: #e1e6f9;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    max-width: 455px;
    opacity: .7
}

.modal-subtitle a {
    color: #e1e6f9;
    text-decoration: underline
}

.autosub-modal__plans {
    margin-top: 9px
}

.autosub-modal__plans>span {
    color: #d0d5e0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

.autosub-modal__plans>div {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr
}

.autosub-plan__title {
    color: #6080ff;
    display: block;
    font-size: 17px;
    font-weight: 900
}

.autosub-plan__subtitle {
    color: #abbcff;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase
}

.autosub-plan__select {
    align-items: center;
    background: #26394e;
    border-radius: 6px;
    color: #6080ff;
    color: #64d3ab;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 13px 18px 13px 16px
}

.autosub-plan__select img {
    width: 12px
}

.autosub-plan__period {
    color: #adbcd0;
    font-size: 14px;
    margin-top: 15px
}

.choose-sub-period {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: flex-start;
    z-index: 1
}

.choose-sub-period>div {
    width: 100%
}

.choose-sub-period>img {
    margin-right: 16px;
    width: 43px
}

.choose-sub-period span {
    text-align: center
}

.sub-tick {
    background: #5beaae2b;
    border-radius: 5px;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px
}

.sub-tick:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/tick.svg*/
        url() no-repeat 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.autosub-plan {
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.autosub-plan .dropdown {
    left: 0
}

.autosub-plan .choose-sub-period {
    background: #1a202d;
    border-bottom: 1px solid #0000;
    border-radius: 8px;
    padding: 0 28px 0 30px
}

.autosub-plan.active .choose-sub-period {
    background: linear-gradient(197.7deg, #1d2535 9.19%, #20283a 94.29%);
    opacity: 1
}

.autosub-plan.active:before {
    background: #5beaae2b
}

.autosub-plan.monthly {
    cursor: default
}

.autosub-plan.monthly:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #181e29e6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.autosub-plan .autosub-locker {
    align-items: center;
    color: #8fa1b8;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.autosub-plan .autosub-locker img {
    margin-bottom: 14px;
    width: 45px
}

.autosub-sale {
    background: #5beaae2b;
    border-radius: 40px;
    color: #6bcea5;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px
}

#serv-avg-lvl {
    height: 20px;
    position: absolute;
    right: -40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown {
    background: #11171f;
    border-radius: 4px;
    left: 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    z-index: 2
}

.dropdown ul {
    flex-direction: column;
    justify-content: center;
    padding: 8px 0
}

.dropdown li,
.dropdown ul {
    align-items: center;
    display: flex
}

.dropdown li {
    color: #899bb7;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 16px;
    width: 100%
}

.dropdown li,
.dropdown li span {
    transition: all .3s ease
}

.dropdown li:hover,
.dropdown li:hover span {
    color: #fff
}

.dropdown li img {
    margin-right: 10px
}

@media(max-width:650px) {
    .hide-mobile {
        display: none
    }
}

@media (max-width:1100px) {

    .premium-modal__left-bg,
    .premium-modal__right-bg {
        display: none
    }
}

.settings input {
    border: 2px solid #0000
}

.settings input:focus,
.settings input:hover {
    border: 2px solid #3e4852
}

.modal-converter {
    margin-right: 15px
}

.modal-converter span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .2s ease
}

.modal-converter span:hover {
    filter: brightness(120%)
}

.modal-converter>span {
    background: #1e2835;
    border-radius: 6px;
    height: 34px;
    width: 34px
}

.modal-converter img {
    width: 12px
}

.modal-converter div {
    background: #1e2835;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 9
}

.modal-converter div span {
    height: 30px;
    width: 100%
}

.modal-converter div span:not(:first-child) {
    border-top: 1px solid #283243
}

.servers-filter {
    align-items: center;
    background: #11171f;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.filter-section {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 40px
}

.filter-section:first-child {
    min-width: 130px
}

.filter-section label {
    cursor: pointer;
    margin-left: 10px
}

.filter-section.locations .filter-chooses img,
.filter-section.locations ul img {
    border-radius: 50%
}

.filter-section.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex
}

.filter-section__value,
.filter-section__value span {
    color: #c0dcff;
    font-size: 14px;
    font-weight: 500
}

.filter-section__value>img {
    margin-left: 8px
}

.all-servers-grid {
    padding: 20px 40px 40px;
    width: 100%
}

.all-servers-wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 560px;
    width: 100%
}

.grid-type {
    border: 1px solid #1a1e2d;
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    justify-content: space-between;
    margin-right: 32px;
    overflow: hidden;
    width: 128px
}

.grid-type,
.grid-type div {
    align-items: center;
    display: flex
}

.grid-type div {
    height: 100%;
    justify-content: center;
    width: 50%
}

.grid-type .active {
    background: #6080ff1f
}

.grid-type .active img {
    filter: invert(48%) sepia(19%) saturate(3147%) hue-rotate(202deg) brightness(100%) contrast(102%)
}

.servers-helpers {
    align-items: center;
    background: #11171f;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 12px 11px;
    position: relative;
    width: 100%
}

.servers-helper,
.servers-helpers {
    border-radius: 7px;
    display: flex;
    overflow: hidden
}

.servers-helper {
    align-items: flex-start;
    cursor: pointer;
    flex-direction: column;
    height: 86px;
    padding: 22px
}

.servers-helper .bg {
    background: linear-gradient(0deg, #151b23cc, #151b23e6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.servers-helper:hover .bg {
    opacity: .7
}

.servers-helper span {
    color: #d1daff;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 2
}

.premium__down-arrow {
    cursor: pointer;
    margin-top: 85px;
    width: 22px
}

.premium__t-player {
    left: -302px;
    position: absolute;
    top: 42px;
    width: 369px
}

.premium__ct-player {
    height: 758px;
    position: absolute;
    right: -376px;
    top: -20px
}

.autosub-agreement {
    margin-top: 27px
}

.autosub-agreement label {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.autosub-agreement .checkmark,
.autosub-agreement label:hover .checkmark {
    background: #1a2430
}

.autosub-agreement span {
    color: #a8b1bc;
    font-size: 14px;
    font-weight: 400
}

button.participating {
    background: #181f2c !important;
    color: #5d6d8b;
    cursor: not-allowed
}

button.participating img {
    margin-left: 0;
    margin-right: 8px
}

button.participating:hover {
    filter: none
}

a.agreement-link {
    color: #6080ff;
    text-decoration: underline
}

.underline {
    cursor: pointer
}

.underline,
.underline:hover {
    color: inherit;
    text-decoration: underline
}

.autosub__choosen-plan {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 23px;
    padding: 26px 31px
}

.autosub-success,
.autosub__choosen-plan {
    align-items: center;
    background: #19212c;
    border-radius: 5px;
    display: flex
}

.autosub-success {
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 30px
}

.autosub-success .indicator {
    background: #6080ffe6;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px
}

.autosub-success .indicator:after,
.autosub-success .indicator:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.autosub-success .indicator:before {
    background: #6080ff33;
    height: 60px;
    width: 60px
}

.autosub-success .indicator:after {
    background: #6080ff0f;
    height: 96px;
    width: 96px
}

.autosub-success h6 {
    font-size: 25px;
    font-weight: 500;
    margin: 35px 0 8px;
    opacity: .95
}

.autosub-success span {
    color: #a5abbb;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 380px
}

ul.autosub__select-list {
    background: #26394e;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 11px 18px #0f141b40;
    gap: 5px
}

ul.autosub__select-list li {
    display: block
}

ul.autosub__select-list li,
ul.autosub__select-list li div {
    color: #a8c6cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

ul.autosub__select-list li div {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

ul.autosub__select-list li .subtext {
    align-items: center;
    color: #a8c6cd;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 5px
}

.terms-title {
    align-items: center;
    display: flex
}

.terms-title a {
    margin-right: 40px
}

.price-policy {
    background: #11171f;
    border-radius: 25px;
    display: inline-flex;
    margin-top: 40px;
    padding: 55px 40px
}

.price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 33px;
    text-transform: uppercase
}

.price-table {
    width: 659px
}

.price-table th {
    background: #1c25314d;
    font-size: 12px;
    height: 44px
}

.price-table th:first-child {
    border-radius: 7px 0 0 7px
}

.price-table th:last-child {
    border-radius: 0 7px 7px 0
}

.price-table td {
    font-size: 14px
}

.price-table td,
.price-table th {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.price-table tr {
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.price-table tr:nth-child(2n-1) td {
    background: #141b25;
    height: 44px
}

.price-table tr:nth-child(2n-1) td:first-child {
    border-radius: 7px 0 0 7px
}

.price-table tr:nth-child(2n-1) td:last-child {
    border-radius: 0 7px 7px 0
}

.price-table tr:nth-child(2n) td {
    height: 57px
}

.price-table-wrapper:first-child {
    margin-right: 30px
}

.gift-modal__content .content {
    background: linear-gradient(197.7deg, #1a202d 9.19%, #1c2334 94.29%);
    border-radius: 8px;
    padding: 28px
}

.gift-plan__back {
    align-items: center;
    background: #0000;
    border: 1px solid #2e364b;
    border-radius: 6px;
    color: #a5b2c4;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .01em;
    margin-right: 6px;
    padding: 0 26px;
    text-transform: uppercase
}

.gift-plan__back img {
    margin-right: 8px
}

.gift-plan__buttons {
    align-items: center;
    display: flex;
    margin-top: 14px
}

.server-row {
    background: #11171f;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 60px;
    margin-top: 3px;
    overflow: hidden;
    padding: 0 30px 0 33px;
    position: relative;
    width: 100%
}

.server-row online {
    background: #0000004d
}

.server-row div {
    align-items: center;
    display: flex
}

.server-row:before {
    background: linear-gradient(270deg, #11171f 84.7%, #11171f00 157%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1600px;
    z-index: 1
}

.server-row>div {
    z-index: 2
}

.server-row span,
.server-row>div {
    color: #adbcd0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.server-row__bg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 270px
}

.server-row__name span:first-child {
    width: 40px
}

.server-row__faceit img {
    width: 21px
}

.server-row__location img,
.server-row__map img,
.server-row__prime img {
    margin-right: 8px;
    width: 14px
}

.server-row__location img {
    border-radius: 50%;
    height: 14px
}

.server-row__map span {
    max-width: 190px
}

.server-row__ping img {
    margin-right: 10px;
    width: 12px
}

.server-row__btns div {
    background: #b1c3ff0a;
    border-radius: 6.42857px;
    display: flex;
    height: 30px;
    margin-left: auto;
    width: 60px
}

.server-row__btns button {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.server-row__btns button:hover img {
    filter: brightness(0) invert(1)
}

.server-row__btns button:first-child {
    border-right: 1.07143px solid #11171f
}

.react-loading-skeleton {
    height: 64px
}

.servers-filter .dropdown {
    background: #11171f;
    border-radius: 6px;
    box-shadow: 0 4px 45px #00000040;
    width: 220px;
    z-index: 26
}

ul.servers-dropdown {
    padding: 9px 0
}

ul.servers-dropdown li {
    align-items: center;
    color: #858f9dcc;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    height: 33px;
    letter-spacing: .2px;
    padding: 0 15px
}

ul.servers-dropdown li.empty {
    opacity: .3
}

ul.servers-dropdown li span {
    color: #858f9dcc;
    font-size: 12px;
    font-weight: 500;
    max-width: 140px
}

ul.servers-dropdown li span.loc-ping {
    align-items: center;
    color: #fffc;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

ul.servers-dropdown li span.loc-ping img {
    border-radius: 0;
    margin-right: 5px;
    width: 12px
}

ul.servers-dropdown li.choosen {
    background: #161d26;
    position: relative
}

ul.servers-dropdown li.choosen,
ul.servers-dropdown li.choosen span {
    color: #6080ff
}

ul.servers-dropdown li.choosen:after {
    background: #212c3a
        /*savepage-url=//cloud.cybershoke.net/img/icons/servers/tick.svg*/
        url() no-repeat 50%;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

ul.servers-dropdown img {
    margin-right: 10px;
    width: 15px
}

.prime-filter-image {
    margin-right: 8px;
    width: 14px
}

.filter-chooses {
    align-items: center;
    display: flex
}

.filter-chooses img {
    filter: drop-shadow(-2px 0 0 #11171f);
    margin-left: 0;
    width: 18px
}

.filter-chooses img:nth-child(2),
.filter-chooses img:nth-child(3) {
    margin-left: -6px
}

.prime-dropdown li {
    text-transform: uppercase
}

.row-servers__header {
    background: #11171f;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 44px;
    padding: 0 30px 0 33px;
    width: 100%
}

.row-servers__header span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.row-servers__header span img {
    margin-left: 8px;
    width: 6px
}

.row-servers__header span:hover {
    color: #718193
}

.row-servers__header span {
    color: #5e6c7e;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease
}

.row-servers__header div {
    align-items: center;
    display: flex
}

span.lite-badge {
    background: #19222e;
    border-radius: 11.5px;
    color: #637cdd;
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    margin-left: 8px;
    padding: 3px 7px;
    text-transform: uppercase
}

.settings__item-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.settings__item-title h5 {
    color: #8a919d;
    font-size: 16px;
    font-weight: 500;
    width: 340px
}

.settings__item-title span {
    color: #afb7c6;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.settings-connections .settings__item-title {
    margin-bottom: 0
}

.settings-connections .settings__item-title h5 {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.settings-connections .setting-content p {
    color: #dedede;
    font-size: 16px
}

h5.setting-white-title {
    color: #eff3fa;
    font-size: 16px;
    font-weight: 400
}

.connection-img {
    align-items: center;
    display: flex;
    width: 35px
}

.connection-img img {
    max-width: 22px
}

.modal-close {
    cursor: pointer;
    height: 16px;
    opacity: .2;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: opacity .4s ease;
    width: 16px;
    z-index: 1
}

.modal-close.s {
    height: 14px;
    width: 14px
}

.modal-close:hover {
    opacity: 1 !important
}

.modal-close img {
    width: 100%
}

.slick-slide {
    height: 86px
}

.slick-slide:not(:last-of-type) {
    padding-right: 11px
}

.prime-switchers,
.visibility-switchers {
    display: flex
}

.prime-switchers div,
.visibility-switchers div {
    align-items: center;
    background: #c4c4c40d;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 44px
}

.prime-switchers div:first-child,
.visibility-switchers div:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.prime-switchers div:last-child,
.visibility-switchers div:last-child {
    border-radius: 0 4px 4px 0
}

.prime-switchers div img,
.visibility-switchers div img {
    opacity: .4;
    transition: opacity .3s ease
}

.prime-switchers div.active,
.visibility-switchers div.active {
    background: #6980ff
}

.prime-switchers div.active img,
.visibility-switchers div.active img {
    opacity: 1
}

.prime-switchers div:first-child.active {
    background: #2c3f4d
}

.prime-switchers div:last-child.active {
    background: #d8494933
}

.prime-switchers img {
    height: 60%;
    opacity: 1
}

.empty-categories {
    pointer-events: none
}

.empty-categories>span img {
    display: none
}

.tg {
    margin-left: auto
}

.block-border.trending {
    background: #fd8210
}

.release-badge {
    background: #bcc0d21f;
    border-radius: 5px;
    pointer-events: all
}

.grey-badge {
    background: #aecce426;
    color: #aecce4
}

.cfg-row {
    width: 100%
}

.cfg-row,
.cfg-row>div {
    align-items: center;
    display: flex
}

.cfg__name {
    font-size: 16px
}

.cfg__size {
    color: #73777d;
    margin-left: 10px
}

.cfg__img {
    height: 32px;
    margin-right: 22px
}

.cfg__btns img {
    cursor: pointer;
    height: 20px;
    margin-left: 16px
}

.cfg__btns img:hover {
    filter: invert(45%) sepia(88%) saturate(2366%) hue-rotate(212deg) brightness(102%) contrast(101%)
}

.cfg-upload {
    cursor: pointer;
    font-size: 16px
}

.cfg-upload input {
    display: none
}

.category-wrapper>div {
    z-index: 1
}

.servers-grid-PRO-1 .home-body-servers {
    border: 1px solid #ffb660
}

.connection-vis {
    width: 45px
}

.connection-vis img {
    border-radius: none;
    cursor: pointer;
    width: 15px
}

.cfg__btns {
    margin-left: auto
}

.static-header main {
    padding-top: 0
}

.static-header header {
    background: #0000;
    position: absolute
}

.dark-header header {
    background: #0f141b linear-gradient(180deg, #030b12 0, #10151a80 50%, #14191e00 80%)
}

.load-btn {
    display: block;
    margin-top: 20px
}

.support-table {
    margin-top: 20px;
    max-height: 715px;
    overflow: auto;
    padding-right: 19px;
    width: calc(100% + 19px)
}

.support-table table {
    border-collapse: collapse;
    width: 100%
}

.support-table table img {
    min-height: 20px
}

.support-table table tr {
    align-items: center;
    border-radius: 13px;
    display: flex;
    height: 55px;
    justify-content: space-between
}

.support-table table tr:nth-child(2n-1) {
    background: #141b23
}

.support-table table td:first-child,
.support-table table th:first-child {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left
}

.support-table table td:last-child,
.support-table table th:last-child {
    justify-content: flex-end;
    padding-right: 50px;
    text-align: right
}

.support-table table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700
}

.support-table table td {
    align-items: center;
    display: flex;
    font-size: 16px;
    letter-spacing: .12px
}

.premium-sub-modal .title-wrapper {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/premium-header.svg*/
        url() no-repeat 50%/cover !important
}

.premium-sub-modal .title-wrapper span {
    background: #ef8f32 !important;
    padding: 9px 10px !important
}

.premium-sub-modal .autosub-plan__title {
    color: #f39b34
}

.premium-sub-modal .autosub-plan__subtitle {
    color: #ebe1d3
}

.premium-sub-modal .modal-button {
    background: #ef8f32
}

#gift-modal .autosub-sale {
    padding: 3px 9px
}

#gift-modal .title-wrapper {
    height: 73px
}

#gift-modal .title-wrapper h2 {
    font-size: 20px
}

#gift-modal .title-wrapper div {
    align-items: center;
    display: flex
}

#gift-modal .title-wrapper img {
    margin-right: 10px;
    width: 26px
}

#gift-modal .subtitle {
    color: #adbcd0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0 10px
}

#gift-modal .autosub-plan__select {
    margin-top: 0
}

#gift-modal .autosub-plan__select img {
    margin-left: 19px
}

.autosub-crown {
    margin-right: 15px
}

.autosub-crown img {
    width: 43px
}

.gift-sub-until {
    align-items: center;
    border: 1px solid #26394e;
    border-radius: 8px;
    color: #cbd9ec;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.gift-modal__search-wrapper img {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.dark-modal {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0d0f17f5
}

.lighter {
    color: #738092;
    cursor: pointer
}

.allow-bonus .premium__ct-player {
    width: 438px;
    z-index: 1
}

.allow-bonus .premium__t-player {
    position: absolute
}

.list-with-dots {
    margin-bottom: 20px
}

.list-with-dots li {
    margin-bottom: 0 !important;
    padding-left: 24px
}

.list-with-dots li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 3px
}

.gold-text {
    color: #e49635
}

#languages.show-lang {
    opacity: 1;
    pointer-events: all
}

.grey-popup {
    background: #11151d !important;
    border-radius: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.blue+span {
    background: #5e7df833;
    color: #6080ff !important
}

@keyframes animLike {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.animate-like {
    animation: animLike .5s
}

.active .nav-name {
    color: #a0b3ff
}

.golden.active .nav-name {
    color: #fc9537
}

aside#header nav {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-height:1050px) {
    aside#header nav {
        padding-top: 30px;
        position: static;
        transform: none
    }
}

@media (max-height:900px) {
    .nav-name {
        display: none
    }
}

.steam-tippy div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.steam-tippy div:not(:last-child) {
    margin-bottom: 3px
}

.steam-tippy div:hover img {
    filter: brightness(125%)
}

.steam-tippy img {
    cursor: pointer;
    margin-left: 6px;
    transition: filter .2s ease;
    width: 16px
}

.steam-tippy span {
    color: inherit;
    margin-left: 3px;
    -webkit-user-select: all;
    user-select: all
}

#iskinchanger {
    min-height: 500px;
    padding: 16px
}

.tippy-box[data-theme~=headerLink] {
    border-radius: 12px
}

.deposit-pay-system img {
    height: 44px;
    image-rendering: inherit;
    object-fit: scale-down;
    width: 75px
}

.tippy-box[data-theme=skinchanger] {
    background: #22263c;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    padding: 6px
}

.tippy-box[data-theme=skinchanger] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=shop] {
    border-radius: 12px;
    transform: translateY(-95px) translateX(20px)
}

.tippy-box[data-theme=shop] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=missions-drops],
.tippy-box[data-theme=missions] {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 15px;
    box-shadow: 0 8px 12px 0 #080b114d;
    width: 340px
}

.tippy-box[data-theme=missions-drops] .tippy-content,
.tippy-box[data-theme=missions] .tippy-content {
    padding: 16px
}

.tippy-box[data-theme=missions-drops] {
    max-width: none !important;
    width: auto
}

.tippy-box[data-theme=game] {
    background: #0000
}

.tippy-box[data-theme=game] .tippy-content {
    padding: 5px 0 0
}

.tippy-box[data-theme=event] {
    border-radius: 12px;
    transform: translateY(95px) translateX(20px)
}

.tippy-box[data-theme=event] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=event] .arrow {
    bottom: 0;
    top: 37px
}

.tippy-box[data-theme=inventory] {
    background: linear-gradient(0deg, #11151d, #11151d), #fff;
    border-radius: 12px;
    padding: 12px;
    width: 256px;
    z-index: 1
}

.tippy-box[data-theme=inventory] .tippy-content {
    padding: 0
}

.modal__overlay_PREMIUM_ONLY {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #0f141bf2
}

.prem-scroll-trigger {
    top: -500px
}

.custom-tooltip {
    background: #1c2231;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    padding: 10px
}

.custom-tooltip>div {
    align-items: center;
    display: flex;
    justify-content: center
}

.custom-tooltip-sold {
    color: #aab5c6;
    font-weight: 400;
    text-transform: lowercase
}

.custom-tooltip-price {
    color: #ffab3e;
    font-weight: 700
}

.custom-tooltip img {
    height: 16px;
    margin-left: 5px;
    width: 16px !important
}

.apexcharts-tooltip.apexcharts-theme-light {
    background: none !important;
    border: none !important;
    box-shadow: none
}

.helper-img {
    bottom: 0;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: auto
}

.helper {
    background: url('/img/mission-bg.webp') no-repeat 50%/cover;
    overflow: visible;
    padding: 0
}

.helper>div {
    height: 100%;
    position: static;
    width: 100%
}

.helper h6 {
    color: #e8a176;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 6px
}

.helper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase
}

.helper.pickem-helper {
    background-image: url('/img/pickem-bg.webp');
}

.helper.pickem-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(142deg, #ffc500 -9.97%, #f29653 50.38%, #e8d740 86.59%, #e2ab5b 125.35%);
    background-clip: text;
    -webkit-background-clip: text
}

.helper.pickem-helper .helper-img {
    bottom: 0;
    height: 110px;
    right: 0
}

.helper.leaderboard-helper {
    background-image: url('/img/leaderboard-bg.webp');
}

.helper.leaderboard-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000
}

.helper.leaderboard-helper .helper-img {
    height: 95px
}

.mode-helper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.mode-helper .helper-content {
    background: linear-gradient(90deg, #232556, #24262db3)
}

.mode-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text
}

.mode-helper p {
    align-items: center;
    display: flex;
    gap: 4px
}

.mode-helper p svg {
    top: -1px;
    width: 22px
}

.helper-content {
    align-items: center;
    display: flex;
    font-family: Gotham;
    justify-content: space-between;
    padding: 0 11px 0 22px
}

.auth-helper__btn {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1f224466;
    border-radius: 10px;
    padding: 14px
}

.auth-helper__btn>img {
    right: 178px
}

.auth-helper__btn button {
    align-items: center;
    background: #6080ff;
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 13px 26px
}

.auth-helper__btn img {
    width: 22px
}

.star-image__modal {
    margin-bottom: 20px
}

.star-image__modal .star-image {
    width: 70px
}

.star-image__modal .stars-for-task {
    font-size: 40px
}

.transaction-date {
    color: #525967
}

.mission-scroll-trigger {
    top: calc(-100vh + 190px)
}

.mission-scroll-trigger2 {
    bottom: calc(100vh + 400px);
    position: absolute
}

.largeConfeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.largeConfeti svg {
    height: 100%;
    width: 100%
}

.confeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 300px;
    z-index: 4
}

.confeti svg {
    height: 100%;
    width: 100%
}

@media(max-width:1000px) {
    main {
        height: calc(100% - 79px)
    }

    .static-header main {
        padding-top: 79px
    }
}

.locked {
    opacity: .5;
    pointer-events: none
}

.Toastify__toast-container {
    width: auto
}

.Toastify__toast {
    border-radius: 8px;
    min-height: 47px;
    padding: 5px 20px 5px 56px
}

.Toastify__toast-theme--warning {
    background: linear-gradient(0deg, #6d3b0d99, #6d3b0d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child {
    color: #eba15d
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/warn-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--error {
    background: linear-gradient(0deg, #69302d99, #69302d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child {
    color: #eb645d
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/fault.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--success {
    background: linear-gradient(0deg, #1b253599, #1b253599), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child {
    color: #dde4ff
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/success-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-body>div:last-child {
    font-size: 16px;
    font-weight: 500
}

.Toastify__toast-body>div:last-child:before {
    content: "";
    display: block;
    height: 14.4px;
    left: -31px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: 14.4px
}

.Toastify__toast {
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
    width: fit-content
}

.Toastify__close-button {
    display: none
}

#premium__combat-player {
    left: -336px;
    position: absolute;
    top: -244px
}

#premium__medic-player {
    position: absolute;
    right: -236px;
    top: -244px
}

.server-modal__unauth {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px
}

.server-modal__unauth h2 {
    font-size: 28px;
    font-weight: 800;
    max-width: 80%;
    text-align: center
}

.server-modal__unauth p {
    color: #b6c0d0;
    font-size: 15px;
    line-height: 140%;
    margin: 14px 0;
    max-width: 80%;
    text-align: center;
    width: 540px
}

.server-modal__unauth button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    padding: 12px 32px
}

.server-modal__unauth button svg {
    width: 24px
}

.banned-friend .block-profile-friends-f-block-img:before {
    background: #e50027 !important
}

.banned-friend .block-profile-friends-f-block-content-name {
    color: #e50027 !important
}

.simplified-footer {
    padding: 48px 0 80px
}

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

.profile-section__header {
    align-items: center;
    background: #161b25;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 36px
}

.profile-section__header h1 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-transform: none
}

.range-slider {
    background: #91affd0d;
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    height: 6px;
    position: relative;
    transition: background .2s ease;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.range-slider-track {
    background-color: #007bff;
    border-radius: 4px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.range-slider-part {
    display: inline-block;
    height: 100%
}

.range-slider-part:first-child {
    border-radius: 4px 0 0 4px
}

.range-slider-part:last-child {
    border-radius: 0 4px 4px 0
}

.range-slider-thumb {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.range-slider-thumb span {
    background: #131825;
    border-radius: 50%;
    display: block;
    height: 6px;
    transition: transform .2s ease;
    width: 6px
}

.range-slider-thumb:hover span {
    transform: scale(1.7)
}

.inactive-sticker {
    opacity: .5
}

.modal-sub-btn {
    align-items: center;
    background: #0000;
    border: 1px solid #f0b358;
    border-radius: 6px;
    color: #ffc875;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    justify-content: center;
    margin-top: 40px;
    padding: 10px 16px;
    width: 100%
}

.modal-sub-btn img {
    width: 24px
}

.opacity-50 {
    opacity: .5;
    transition: opacity .3s ease
}

.rotated {
    transform: rotate(180deg)
}

@media (max-width:1366px) {

    .support-page video,
    .support-screen {
        width: 100% !important
    }

    .support-content {
        grid-template-columns: 1fr
    }

    .ban-dates-img {
        width: 100% !important
    }

    .settings-sub__content,
    .settings-sub__content>div {
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%
    }

    .footer-right {
        row-gap: 50px
    }

    .settings-sub__block:not(:last-child),
    .settings-sub__content>img {
        margin-bottom: 20px
    }

    .settings-sub__content img {
        margin-right: auto !important;
        margin: 0 auto 30px
    }

    .settings-sub__block {
        min-width: 140px;
        width: 100%
    }

    .settings__item {
        flex-direction: column
    }

    .settings-area {
        max-width: 100%;
        width: 100%
    }

    .settings__item>button,
    .settings__item>button a {
        align-items: center;
        background: #161b25;
        border-radius: 6px;
        display: flex;
        height: 48px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .setting-content,
    .setting-content>div {
        width: 100%
    }

    .settings-content {
        padding: 24px
    }

    .settings-connections .settings__item {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content>div {
        width: auto
    }

    .connection-vis {
        margin-right: 15px
    }

    .settings__item-title h5 {
        width: auto
    }

    .tg {
        margin-top: 10px;
        width: 100%
    }

    .settings__item>button[disabled] {
        background: #8aa2b60d
    }

    .general-menu {
        padding: 12px
    }

    .big-desktop-only {
        display: none
    }
}

@media (max-width:1000px) {
    .footer-socials-wrapper {
        align-items: flex-start;
        gap: 30px
    }

    .settings-sub__content div {
        flex-direction: column
    }

    main {
        margin-left: 0;
        padding-top: 79px
    }

    header {
        height: 79px;
        left: 0;
        padding-left: 30px
    }

    #page-servers {
        padding-top: 12px
    }

    .dark-header header,
    .static-header header,
    header {
        background: #131821
    }

    .benefit-img__awp,
    .deauth,
    .header__deposit-wrapper,
    .langs,
    .premium__ct-player,
    .premium__down-arrow,
    .premium__sub-title,
    .premium__t-player,
    .premium__title,
    .profile-socials-wrapper,
    .sidebar-top,
    aside#header .play:after,
    header #socials {
        display: none !important
    }

    .premium-page {
        padding: 16px
    }

    .premium__benefits {
        margin-top: 112px
    }

    .premium__benefit-block {
        gap: 116px;
        margin-bottom: 146px
    }

    .premium__benefit-content {
        margin-bottom: 0 !important;
        max-width: 100%
    }

    .benefit-number {
        left: -50px;
        right: auto;
        top: -200px
    }

    aside#header {
        background: #131821;
        top: auto;
        width: 100%
    }

    aside#header nav {
        flex-direction: row;
        gap: 0;
        position: static;
        transform: none
    }

    .header-side-left {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 21px 16px
    }

    .header-side-left>* {
        margin-bottom: 0;
        width: 100%
    }

    .header-side-left .active,
    .header-side-left>* {
        border-right: none !important
    }

    .nav-name {
        display: none
    }

    .online {
        padding: 0
    }

    #information {
        margin: 0 16px
    }

    #information .avatar {
        height: 100px;
        width: 100px
    }

    #information svg {
        width: 100px
    }

    #profile-main {
        margin-bottom: 16px
    }

    .loyalty__progressBox--2KEX {
        width: 200px
    }

    .settings {
        display: flex;
        flex-direction: column
    }

    .settings>div {
        align-self: auto
    }

    .settings {
        padding: 24px
    }

    .profile-stats-grid {
        grid-template-columns: 1fr 1fr
    }

    .online>span {
        align-items: center;
        display: flex
    }

    .online>span>span {
        margin: 0 6px 0 0
    }

    .sub-tick {
        display: none
    }
}

@media (max-width:840px) {
    .support-header h5 {
        font-size: 14px !important
    }

    .support-header h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important
    }

    .footer__sponsors:after {
        animation: fading 2s infinite;
        background: url('/img/horizontal-swipe-xxl.png') no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }

    .achievements {
        gap: 16px;
        grid-template-columns: 1fr
    }

    .profile-buttons,
    .server-modal__header-labels {
        display: none
    }

    #deposit__modal {
        padding: 5%
    }

    .payment-providers-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .deposit__balance-modal {
        width: auto
    }

    #serverInfoModal {
        width: 90%
    }

    .p-ch-block-menu {
        height: 200px
    }

    .skinchanger-modal__wrapper {
        padding: 24px;
        width: 100%
    }

    #skinchanger-modal {
        width: 90%
    }

    .skinchanger-modal__stickers {
        display: none
    }
}

@media (max-width:750px) {

    .footer__navigation,
    .footer__sponsors {
        padding-left: 20px;
        padding-right: 20px
    }

    .premium__main-plans {
        align-items: center;
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .support-search__wrapper,
    .support-search__wrapper input {
        width: 100%
    }

    .support-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .support-article {
        padding: 24px
    }

    .support-article__title {
        font-size: 24px
    }

    .servers-filter {
        display: none
    }

    .all-servers-grid {
        padding: 0
    }

    .slick-next:before,
    .slick-prev:before {
        opacity: 1 !important
    }

    #nav-servers {
        display: none
    }

    #page-servers {
        padding: 12px
    }

    #servers {
        padding: 0 15px
    }

    .xp-bar-info {
        font-size: 13px
    }

    #name_player {
        font-size: 35px !important
    }

    .settings__transactions-table .desktop-only {
        display: none
    }

    .settings__transactions-table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        padding: 20px 10px
    }

    .settings-table td:first-child,
    .settings-table th:first-child {
        padding-left: 0
    }

    .transaction-main {
        display: block;
        margin: 10px 0;
        width: 100%
    }

    .settings__transactions-table .skin-name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .support-content {
        padding: 0 16px
    }

    .settings__sessions-table tr {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
        height: auto !important;
        padding: 20px 10px;
        row-gap: 10px
    }

    .settings-table td {
        font-size: 12px
    }

    .settings__sessions-table .close-session {
        opacity: 1
    }

    .settings__sessions-table .desktop-only {
        display: none
    }

    .autosub-sale {
        font-size: 8px
    }

    .scrollable-modal {
        align-items: flex-start;
        overflow-y: auto;
        padding: 24px 0
    }
}

@media (max-width:650px) {

    .autosub-crown,
    .choose-sub-period>img {
        display: none
    }

    .footer__nav-list {
        gap: 35px
    }

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

    .footer__logo span {
        margin-left: 0;
        margin-top: 10px
    }

    .footer__logo {
        align-items: flex-start;
        flex-direction: column
    }

    .support-content .general-menu {
        min-width: auto
    }

    .block-profile-friends {
        padding: 5px
    }

    .page_profile_new #profile-nav a {
        padding: 0 14px
    }

    .page_profile_new #profile-nav {
        padding-left: 16px
    }

    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr))
    }

    .footer .flex-wrap {
        gap: 20px
    }

    .footer__sponsors img {
        width: 110px
    }

    #auto-sub-modal {
        padding: 24px;
        width: 95%
    }

    #auto-sub-modal h2 {
        align-items: flex-start;
        font-size: 20px
    }

    #auto-sub-modal .subtitle,
    .title-wrapper span {
        font-size: 12px
    }

    .autosub-plan__select {
        font-size: 12px;
        padding: 11px 10px
    }

    .autosub-plan .choose-sub-period {
        height: auto;
        padding: 15px
    }

    .autosub-plan .dropdown,
    .dropdown {
        left: auto;
        right: 0
    }

    #gift-modal {
        padding: 20px;
        width: 90%
    }

    .close {
        z-index: 1
    }

    .profile-section__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        height: auto;
        padding: 36px
    }

    .profile-header__btn {
        padding: 12px
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content p {
        font-size: 12px
    }

    .settings__item>button,
    .settings__item>button a {
        font-size: 14px
    }

    #header__user_balance,
    .online>span {
        font-size: 16px
    }

    h2.deposit__title {
        font-size: 20px
    }

    .deposit-notification {
        font-size: 11px;
        height: auto;
        padding: 15px
    }

    .deposit__code-inputs {
        grid-template-columns: 1fr
    }

    .payment-providers-list {
        grid-template-rows: 1fr 1fr;
        height: 170px
    }

    .deposit-modal__content {
        margin-top: 15px
    }

    .deposit-modal-button {
        padding: 14px 0
    }

    .deposit__balance-modal {
        padding: 24px
    }

    .server-modal__header>div {
        flex-direction: column;
        gap: 24px
    }

    .server-modal__header>div:first-child {
        flex-direction: column-reverse
    }

    .server-modal__main-info {
        gap: 6px !important;
        padding: 0
    }

    .server-modal__header {
        grid-template-columns: 1fr 80px 1fr
    }

    .server-modal__con {
        display: none !important
    }

    .server-modal__connect {
        justify-content: center
    }

    #serverInfoModal .desktop-only {
        display: none
    }

    .data-one-server-info tr,
    .table-players-server-header tr {
        grid-template-columns: 64px 92px 60px 1fr
    }

    .modal-button {
        letter-spacing: normal
    }

    .confirm-settings-modal {
        padding: 24px;
        width: 90%
    }

    .confirm-settings__list {
        margin: 24px 0
    }

    .confirm-settings__list>div .image-wrapper {
        height: 30px;
        min-width: 30px;
        width: 30px
    }

    .gift-modal__choose-friends ul {
        height: 160px
    }

    .confirm-settings__content h2 {
        font-size: 20px
    }

    .confirm-settings__list>div {
        padding: 0 20px
    }

    .header__notifications,
    nav#user {
        position: static
    }

    .skinchanger__setting-block.gear {
        opacity: 1
    }

    .timer-block>div {
        margin-right: 10px
    }

    .time-block__upper {
        font-size: 23px
    }

    .time-block__lower {
        font-size: 10px
    }

    #profile-nav {
        overflow-x: auto
    }

    #profile-nav::-webkit-scrollbar {
        display: none
    }
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px
}

.trust-wallet-one-tap .header .title {
    color: #1E2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1E2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;

}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1E2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474D57;
}

.trust-wallet-one-tap .loading-color {
    color: #FFF;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #FFF;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf*/
        url() format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf*/
        url() format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf*/
        url() format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff*/
        url();
}

.dLaUOa {
    width: fit-content;
}

@media (max-width: 1000px) {
    .dLaUOa {
        z-index: 1;
    }

    .dLaUOa.desktop-only {
        display: none !important;
    }
}

.ibfrfx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: opacity 0.2s;
    color: inherit;
}

.eHucEk {
    background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%);
    padding: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.gcMOeE h3 {
    color: rgb(132, 153, 185);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 14px;
    max-width: 190px;
    gap: 6px;
}

.gcMOeE .timer {
    color: rgb(132, 153, 185);
    font-size: 11px;
    text-transform: none;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    gap: 3px;
}

.gcMOeE .timer svg {
    width: 12px;
}

.gcMOeE h5 {
    color: rgb(199, 211, 226);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.jZtxJO {
    background: rgb(39, 48, 71);
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jZtxJO path.hover {
    animation: 1s ease 0s infinite normal none running fRDsuO;
}

.jZtxJO path.grey-hover {
    animation: 1s ease 0s infinite normal none running ggGmjz;
}

.jZtxJO path.gold-hover {
    animation: 1s ease 0s infinite normal none running eihXFP;
}

.bipGUT {
    transition: opacity 0.2s;
}

.bipGUT p {
    line-height: 14px;
    text-align: right;
    color: rgb(207, 216, 229);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bipGUT svg {
    display: block;
}

.bAtzHI {
    border-radius: 6px;
    grid-template-columns: 50px 1fr;
    display: grid;
    overflow: hidden;
    border: 1px solid transparent;
}

.bAtzHI .hover-on {
    opacity: 0;
}

.bAtzHI.waiting {
    border: 1px solid rgb(53, 62, 91);
}

.bAtzHI.completed .sc-ddjGPC {
    background: rgba(39, 79, 76, 0.25);
}

.bAtzHI.completed .sc-fxwrCY {
    background: rgba(39, 79, 76, 0.17);
}

.bAtzHI.completed .sc-dSCufp h3 {
    color: rgb(132, 185, 153);
}

.bAtzHI.completed .sc-dSCufp h5 {
    color: rgb(202, 255, 220);
}

.bAtzHI:hover .hover-off {
    opacity: 0;
}

.bAtzHI:hover .hover-on {
    opacity: 1;
}

.jqcwLB {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
}

.jqcwLB img,
.jqcwLB svg {
    width: 100%;
    height: 100%;
}

.jqcwLB img {
    vertical-align: initial;
}

.mErXc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.jVnWco {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jVnWco.blocked {
    pointer-events: none;
}

.hRwZZP {
    position: absolute;
    left: 0px;
    opacity: 0.4;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.bwWALH {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%);
    backdrop-filter: blur(12px);
    padding: 16px;
}

.bwWALH h2 {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: 900;
    line-height: 27px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.bwWALH h2 img {
    transition: 0.5s;
    width: 24px;
    opacity: 0;
    transform: translateX(-3px);
}

.bwWALH p {
    width: 230px;
    color: rgb(197, 213, 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    white-space: normal;
}

.bwWALH button {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgb(255, 200, 117);
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 200, 117);
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    background: transparent;
}

.bwWALH button img {
    width: 18px;
}

.bwWALH button.auth {
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    border: none;
}

.bwWALH button.premium {
    background: rgb(255, 200, 117);
    color: rgb(40, 43, 54);
    border: none;
}

.bwWALH:hover .sc-iMWBiJ {
    transform: scale(1.1);
}

.bwWALH:hover h2 img {
    opacity: 1;
    transform: translateX(0px);
}

.fHHrKU {
    position: absolute;
    left: 52%;
    width: 270px;
    bottom: 0px;
    transform: translateX(-50%);
}

.kuuiWE div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(213, 217, 228);
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.kuuiWE img {
    width: 16px;
    margin-right: 5px;
}

.dvWCaY {
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    top: 20px;
    right: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
}

.dvWCaY img {
    width: 14px;
    margin-left: 3px;
}

.hnEFKx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hnEFKx img {
    width: 165px;
    transition: transform 0.2s;
    z-index: 1;
}

.hnEFKx div {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    background: rgba(128, 163, 255, 0.5);
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jusmTt {
    border-radius: 10px;
    overflow: hidden;
}

.jusmTt.no-rounding {
    border-radius: 10px 10px 0px 0px;
}

.jusmTt>div {
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.jusmTt::before,
.jusmTt::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.2s;
}

.jusmTt::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
    opacity: 0;
    z-index: 0;
}

.jusmTt h6 {
    margin-bottom: 1px;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    font-size: 12px;
    font-weight: 400;
}

.jusmTt h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.jusmTt:nth-child(2)::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt:nth-child(2)::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.jusmTt:nth-child(2) .sc-kbhJrz div {
    background: rgba(128, 163, 255, 0.5);
}

.jusmTt:nth-child(3)::before {
    background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.jusmTt:nth-child(3)::after {
    background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.jusmTt:nth-child(3) .sc-kbhJrz div {
    background: rgba(255, 128, 173, 0.5);
}

.jusmTt:nth-child(4)::before {
    background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.jusmTt:nth-child(4)::after {
    background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.jusmTt:nth-child(4) .sc-kbhJrz div {
    background: rgba(128, 255, 178, 0.5);
}

.jusmTt:nth-child(1)::before {
    background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.jusmTt:nth-child(1)::after {
    background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.jusmTt:nth-child(1) .sc-kbhJrz div {
    background: rgba(255, 200, 60, 0.5);
}

.jusmTt:hover::before {
    opacity: 0;
}

.jusmTt:hover::after {
    opacity: 1;
}

.jusmTt:hover .sc-kbhJrz img {
    transform: scale(1.15);
}

.jusmTt.custom::after {
    content: none;
}

.jusmTt.custom::before {
    background: url("") center center / cover no-repeat;
}

.jusmTt.custom:hover::before {
    opacity: 1;
}

.hBQOEn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.hBQOEn img {
    width: 14px;
    margin-left: 4px;
}

.eyXZVb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}

.eyXZVb p {
    color: rgba(240, 179, 88, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    width: 70px;
    white-space: normal;
}

.eyXZVb svg {
    width: 24px;
}

.kuOXvw {
    width: 296px;
}

.kuOXvw:not(:first-child)::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: rgb(39, 48, 71);
    height: 100%;
    width: 2px;
    display: block;
    top: 0px;
    left: -18px;
}

.jLOydi {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
}

.jLOydi img {
    width: 24px;
}

.iVupXy {
    display: flex;
    gap: 34px;
}

.cBrOAO {
    border-radius: 0px 0px 6px 6px;
    background: rgb(240, 179, 88);
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 7px;
    color: rgb(17, 24, 32);
    font-size: 11px;
    font-weight: 500;
}

.cBrOAO svg,
.cBrOAO img {
    width: 18px;
}

.cqXvZf {
    padding-left: 12px;
}

.jwZSg {
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.jCpELc {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.jCpELc img {
    width: 18px;
}

.bxGOWN {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.iueEyA {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.iueEyA img {
    width: 46px;
}

@media (max-width: 1000px) {
    .iueEyA {
        display: flex;
    }
}

.kWdizk {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kWdizk span {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 20px;
    border-radius: 5px;
}

.lflbqb {
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    position: absolute;
    z-index: 20;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition: 0.3s;
    font-family: var(--font-family-0);
    inset: auto 0px 44px;
    margin: 0px auto;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 18px;
    pointer-events: none;
}

@media (max-width: 650px) {
    .lflbqb {
        font-size: 15px;
    }
}

.jmOBwO {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    z-index: 1;
}

.ehMKQO {
    width: 100%;
    height: 300px;
    z-index: 0;
    border-radius: 12px 0px;
    display: flex;
    transition: 0.3s;
    text-align: center;
    place-items: center;
    -webkit-box-align: center;
    opacity: 1;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    color: rgb(174, 204, 228);
}

.ehMKQO img,
.ehMKQO video {
    object-fit: cover;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.5s;
    border-radius: 12px;
    width: 100% !important;
    height: 320px !important;
}

.ehMKQO video {
    display: none;
}

.ehMKQO.event img {
    opacity: 1;
}

@media (min-width: 800px) {
    .ehMKQO:hover video {
        display: block;
        opacity: 0.7;
    }

    .ehMKQO:hover img {
        display: none;
    }

    .ehMKQO:hover.event img {
        display: block;
        opacity: 1;
    }
}

.jeVMYs:hover .sc-epqpcT {
    backdrop-filter: blur(12px);
}

.hfkgaG {
    width: 100%;
    padding: 11px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 24px;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/other/header/x2_bg.png*/
        var(--savepage-url-43) center center / cover no-repeat;
}

.hfkgaG div,
.hfkgaG a {
    color: rgb(240, 179, 88);
    font-size: 14px;
}

.hfkgaG div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hfkgaG svg {
    margin-right: 8px;
    min-width: 14px;
}

.hfkgaG a {
    text-decoration-line: underline;
    margin-left: 4px;
}

@media (max-width: 768px) {
    .hfkgaG {
        display: none;
    }
}

.cLrtxx {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    cursor: pointer;
    height: 10px;
}

.fZAWgd {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.fMLFlD {
    border: 2px solid rgb(96, 128, 255);
    border-radius: 12px;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/servers/auth-banner-bg.png*/
        var(--savepage-url-46) center center / cover no-repeat rgb(19, 27, 46);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
}

.fMLFlD .slider-container {
    width: 261px;
}

.fMLFlD .slick-slider,
.fMLFlD .slick-list {
    width: 100%;
    overflow: visible;
}

.fMLFlD .slick-list {
    top: 14px;
    left: 92px;
}

.fMLFlD .slick-slide:not(:last-of-type) {
    padding-right: 8px;
}

.fMLFlD .slick-slide {
    opacity: 0.5;
    transition: opacity 0.5s, transform 0.5s;
}

.fMLFlD .slick-slide.slick-current {
    opacity: 1;
    transform: translateY(-23px);
}

.fMLFlD .slick-slide {
    height: auto;
}

.fMLFlD .slick-arrow {
    display: none !important;
}

.fMLFlD h3 {
    color: rgb(197, 213, 255);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    text-transform: none;
}

.fMLFlD button {
    border-radius: 8px;
    background: rgb(96, 128, 255);
    padding: 12px;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
}

.fMLFlD button img {
    width: 15px;
}

.bHZhMy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 7px;
}

.iRXcYF {
    border-radius: 19px;
    background: linear-gradient(162deg, rgb(49, 70, 155) 0.77%, rgb(96, 128, 255) 82.23%);
    backdrop-filter: blur(2px);
    width: 67px;
    height: 106px;
    overflow: hidden;
}

.iRXcYF div {
    width: 100%;
    height: 100%;
    mask-image: linear-gradient(172deg, rgb(217, 217, 217) 42.7%, rgba(217, 217, 217, 0) 94.96%);
}

.iRXcYF img {
    position: absolute;
    width: 130%;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.iRXcYF:nth-child(2) {
    opacity: 1;
    top: -14px;
}

.iieirl {
    border-radius: 105px;
    background: rgb(26, 33, 61);
    backdrop-filter: blur(6.43404px);
    position: absolute;
    width: calc(100% - 10px);
    left: 5px;
    bottom: 5px;
    z-index: 1;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0px;
}

.bvbdAB {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
}

.fGIjpc {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 2px 0px;
}

.fGIjpc a svg {
    margin: 0px auto;
    display: block;
}

.RmHGY {
    width: 304px;
}

.RmHGY .tippy-content {
    padding: 12px;
}

.RmHGY .tippy-box {
    border-radius: 12px !important;
}

.RmHGY video,
.RmHGY img {
    width: 100%;
    border-radius: 12px;
}

.RmHGY span {
    border-radius: 0px 0px 0px 4px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: -24px;
    top: 37px;
    background: rgb(28, 33, 48);
}

.RmHGY h2 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px 4px;
    letter-spacing: 0.02em;
    color: rgb(236, 241, 248);
}

.RmHGY p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(159, 167, 190);
}

.kPLHxG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.kPLHxG button {
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01em;
    background: rgba(96, 128, 255, 0.1);
}

.kPLHxG button.inactive {
    pointer-events: none;
}

.kPLHxG a {
    color: rgb(96, 128, 255);
    height: 100%;
    width: 100%;
    padding: 12px 0px;
    display: block;
}

.kwKvLO {
    border: 1px solid rgb(107, 206, 165);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    color: rgb(107, 206, 165);
    margin: 0px auto 9px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kwKvLO img {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.cIvRnW {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: rgb(120, 125, 144);
    margin-top: 8px;
    padding: 0px 5px;
    font-family: var(--font-family-0);
}

.bCzUGD {
    border-right: 3px solid transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 3px;
}

.bCzUGD.active {
    border-right: 3px solid rgb(96, 128, 255);
}

.bCzUGD:hover>img {
    transform: scale(1.1);
    transition: 0.3s;
}

.kRvpbl {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 0px;
}

@-webkit-keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

:root {
    --savepage-url-30: url('/img/image_1.svg+xml');
    --savepage-url-43: url('/img/image_2.webp');
    --savepage-url-46: url('/img/image_3.webp');
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.kktTCn {
    width: 256px;
    height: 50px;
    border: 1px solid rgb(26, 30, 45);
    border-radius: 6px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 6px;
}

.kktTCn input,
.kktTCn input::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: rgb(119, 133, 151);
}

.kktTCn input {
    height: 40px;
    padding-left: 40px;
    padding-right: 10px;
    background: url("//cloud.cybershoke.net/img/icons/servers/search.svg") 14px center / 16px 16px no-repeat;
}

.dzycha {
    width: 34px;
    min-width: 34px;
    height: 100%;
    background: rgb(22, 27, 37);
    border-radius: 6px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease;
}

.fvGame {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    background: rgba(96, 128, 255, 0.12);
    border-radius: 6px;
    padding: 0px 32px;
    height: 50px;
    margin-left: 8px;
}

.fvGame img {
    width: 16px;
    margin-right: 6px;
}

.fvGame span {
    font-size: 14px;
    color: rgb(96, 128, 255);
    font-weight: 700;
}

.iQERQs {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
}

.iQERQs img {
    width: 24px;
    margin-right: 6px;
    transition: 0.2s;
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex;
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease;
}

.bbnOyg {
    width: 42px;
    height: 24px;
    background: rgb(22, 27, 37);
    border-radius: 25px;
    transition: background 0.2s;
}

.bbnOyg span {
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 50%;
    left: 4px;
    top: 4px;
    background: rgb(119, 133, 151);
    transition: 0.2s;
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1;
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659);
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1;
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important;
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s;
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important;
}

.kbGPMT {
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 16px;
    left: 24px;
    text-transform: none;
    color: rgb(255, 255, 255);
    font-family: var(--font-family-0);
    font-weight: 700;
    position: absolute;
    z-index: 20;
    font-size: 18px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
}

.fmgmds {
    margin-right: 7px;
    gap: 4px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    color: rgb(158, 158, 158);
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 500;
    font-family: "Roboto";
}

.fmgmds img {
    width: 14px;
}

.block-servers-name,
.verify {
    cursor: pointer !important;
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none;
}

.home-body-servers .group {
    align-items: center;
    display: flex;
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20;
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px;
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px;
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80;
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute;
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25;
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important;
}

#servers .grid div a {
    color: #aecce4;
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25;
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important;
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1;
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important;
}

*[src="/img/left-top-snow.webp"],
*[src="/img/right-top-snow.webp"],
*[src="/img/banner.webp"],
.sc-dsxidx.fGIjpc,
.sc-fwPIEZ.hfkgaG {
    display: none;
}


aside#header .logo img {
    width: 40px !important;
}

/*savepage-import-url=https://fonts.googleapis.com/css2?family=Montserrat:wght@100*/
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2*/
        url() format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

200;
300;
400;
500;
600;
700;
800&display=swap);

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-1.woff2*/
        url('/fonts/font_1.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-2.woff2*/
        url('/fonts/font_2.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-3.woff2*/
        url('/fonts/font_3.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-4.woff2*/
        url('/fonts/font_4.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-1.woff2*/
        url('/fonts/font_5.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-2.woff2*/
        url('/fonts/font_6.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-3.woff2*/
        url('/fonts/font_7.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-4.woff2*/
        url('/fonts/font_8.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-1.woff2*/
        url('/fonts/font_9.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-2.woff2*/
        url('/fonts/font_10.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-3.woff2*/
        url('/fonts/font_11.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-4.woff2*/
        url('/fonts/font_12.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-1.woff2*/
        url('/fonts/font_13.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-2.woff2*/
        url('/fonts/font_14.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-3.woff2*/
        url('/fonts/font_15.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-4.woff2*/
        url('/fonts/font_16.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-1.woff2*/
        url('/fonts/font_17.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-2.woff2*/
        url('/fonts/font_18.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-3.woff2*/
        url('/fonts/font_19.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-4.woff2*/
        url('/fonts/font_20.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-1.woff2*/
        url('/fonts/font_21.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-2.woff2*/
        url('/fonts/font_22.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-3.woff2*/
        url('/fonts/font_23.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-4.woff2*/
        url('/fonts/font_24.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=/static/media/OnestBlack1602-hint.4a0f2e13e391b67f9bc3.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=/static/media/OnestBold1602-hint.7ba2b3b4e1ffcd2ac807.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=/static/media/OnestExtraBold1602-hint.fa8b616ab362e649d2c7.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=/static/media/OnestMedium1602-hint.b1d2285c056c41b27528.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=/static/media/OnestRegular1602-hint.54ed6502b03681fe60b0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=/static/media/OnestLight1602-hint.0f2c6d3daff26ba49fb0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=/static/media/OnestThin1602-hint.2104bb04c00a99da9722.woff*/
        url()
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot*/
        url();
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot*/
        url();
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot*/
        url();
    src: local("Gotham ExtraLight"), local("Gotham-XLight"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot*/
        url();
    src: local("Gotham Thin"), local("Gotham-Thin"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot*/
        url();
    src: local("Gotham Book"), local("Gotham-Book"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot*/
        url();
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot*/
        url();
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot*/
        url();
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot*/
        url();
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot*/
        url();
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot*/
        url();
    src: local("Gotham Light"), local("Gotham-Light"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot*/
        url();
    src: local("Gotham Bold"), local("Gotham-Bold"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot*/
        url();
    src: local("Gotham Medium"), local("Gotham-Medium"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot*/
        url();
    src: local("Gotham Ultra"), local("Gotham-Ultra"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot*/
        url();
    src: local("Gotham ExtraLight Italic"), local("Gotham-XLightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot*/
        url();
    src: local("Gotham Black"), local("Gotham-Black"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.ttf*/
        url() format("truetype")
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: #0000;
    outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

textarea {
    font-family: Roboto;
    outline: none;
    resize: none
}

:root {
    --font-family-0: "Roboto Condensed", sans-serif;
    --font-family-1: "Roboto", sans-serif
}

:hover:before {
    transition: .3s !important
}

*,
:after,
:before {
    border: 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative
}

button,
input {
    outline: none
}

li {
    transition: none
}

:after,
:before,
a,
a:hover,
button,
input,
span,
strong,
sum,
time {
    text-decoration: none
}

html {
    background: #11141c;
    font-family: Roboto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%
}

ul::-webkit-scrollbar {
    background: #0000
}

body {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    width: 100%
}

main>svg:first-of-type {
    left: -96px;
    opacity: .5;
    position: absolute;
    top: 960px;
    transform: rotate(-60deg);
    z-index: -1
}

img,
svg {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

p a,
p a:hover {
    color: #fff
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border: 1px solid #ffffff1a !important
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 12px !important
}

#lobby .avatar {
    border-radius: 100%;
    height: 64px;
    left: 0 !important;
    width: 64px
}

.grid.lobby>div {
    width: 30% !important
}

.grid.lobby>div>div {
    background: #0000 !important;
    padding: 16px
}

.grid.lobby>div>div:first-of-type>div {
    float: right
}

#ready.active {
    border-color: green !important;
    color: #000 !important
}

.more {
    text-shadow: none !important
}

.headshots {
    top: 2px
}

.grid.modes {
    padding-right: 0
}

.grid.modes h4 {
    padding-bottom: 0;
    padding-top: 16px
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-tooltip[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-tooltip {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0)
}

.options p {
    font-size: 14px;
    text-transform: uppercase !important
}

.options p:hover {
    opacity: .5;
    transition: .3s
}

.options p>img {
    bottom: 0;
    filter: invert(100%);
    float: right;
    height: 14px;
    left: 0;
    right: 0;
    top: -1px;
    transition: all .2s ease;
    vertical-align: middle
}

.options>div hr {
    margin-bottom: 6px !important;
    width: 100% !important
}

.options>div>img {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px
}

.options>div.active>img {
    opacity: .5 !important
}

.options>div.active p img {
    transform: rotate(180deg)
}

.options>div.active p {
    opacity: .2;
    transition: .3s
}

.options>div.active p:hover {
    opacity: .5;
    transition: .3s
}

.options>div:last-of-type hr {
    display: none !important
}

#dashboard-chat>div:first-of-type {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    font-weight: 700;
    padding: 16px
}

#dashboard-chat>div:first-of-type .live-dot {
    background: #85f479;
    margin-right: 12px;
    top: -1px
}

#stickers-scroller {
    height: 120px
}

#stickers-scroller h4 {
    padding-top: 0 !important
}

.danger {
    left: -10px !important;
    margin-left: 12px !important
}

aside#servers {
    background: #0000 !important;
    float: right;
    margin-left: 1%;
    margin-right: 2.5%;
    padding-top: 0;
    position: sticky;
    top: 22px;
    width: 280px;
    z-index: 1000
}

.support.tippy:hover {
    opacity: .1 !important;
    transition: .3s
}

.wrap {
    margin: 0 auto
}

#game .lvl {
    display: none
}

.grid.serv>div {
    width: 31.5% !important
}

#prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#prime-servers>div>.tippy {
    background-color: #74bae81a;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    width: 40px
}

#prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

#non-prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#non-prime-servers>div>.tippy {
    background-color: #bc4a4a1a;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 20px !important;
    padding: 8px;
    width: 40px
}

#non-prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.stattrak-img {
    bottom: 24px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 24px;
    width: 32px;
    z-index: 10
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: #91affd0d;
    background-repeat: no-repeat;
    border-radius: 12px;
    cursor: pointer;
    height: 6px;
    margin: auto;
    outline: none;
    padding: 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-range-track {
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

.grid.skins .skin p {
    bottom: 16px;
    color: #fff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    z-index: 25
}

.visibility-hidden {
    visibility: hidden !important
}

.grid .prime {
    border: 3px solid #60b9ebcc
}

.container {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
}

aside .container {
    line-height: 24px
}

.container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #0003;
    border-radius: 6px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px
}

.container:hover input~.checkmark {
    background-color: #0000001a
}

.container input:checked~.checkmark {
    background-color: #6080ff
}

label.active p img {
    opacity: 0
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container input:checked~.checkmark:after {
    display: block
}

label label:hover {
    color: #ffffff80
}

.container .checkmark:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/icons/check.svg*/
        url() no-repeat 50%/cover;
    display: none;
    height: 7.3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.copy {
    cursor: pointer
}

.copy:hover {
    opacity: 1;
    transition: .3s
}

#profile-cover {
    border-radius: 0;
    height: 320px;
    left: 0;
    right: 0;
    top: 0
}

#profile-cover:before {
    background: linear-gradient(180deg, #0f141b1a 0, #0f141bb3 35%, #11141c 90%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

#profile-cover img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.cybercoin {
    height: 16px;
    margin-left: 12px;
    top: -1px;
    vertical-align: middle
}

#serverInfoModal .table .avatar {
    height: 23px;
    vertical-align: middle;
    width: 23px
}

#information {
    margin-left: 24px;
    margin-right: 32px;
    padding-top: 0
}

#information .avatar,
#information>img {
    border-width: 4px !important
}

#information>img {
    border-radius: 100%;
    display: block;
    height: 128px;
    margin: auto;
    width: 128px
}

#information>img.skinchanger {
    border: 4px solid #6080ff !important
}

#information>img.premium {
    border: 4px solid #fdb510 !important
}

.profile-socials {
    padding-bottom: 0
}

.profile-socials p {
    padding-bottom: 6px
}

.profile-socials a {
    display: inline-block;
    margin-right: 10px
}

.profile-socials a img {
    max-height: 14px;
    max-width: 18px
}

.profile-socials a:last-of-type {
    margin-right: 0
}

#profile-buttons button {
    margin: 0 !important
}

#score img,
.score img {
    float: left;
    vertical-align: middle
}

#score p,
.score p {
    float: left;
    font-size: 16px;
    line-height: 32px;
    width: 128px
}

#score span,
.score span {
    border: 1px solid #ffffff1a;
    font-size: 16px;
    margin-right: 4px
}

.inner {
    animation: inner 2s linear infinite
}

.middle {
    animation: middle 2s linear infinite
}

.outer {
    animation: outer 2s linear infinite
}

#profile {
    margin-top: -240px;
    max-width: 100%;
    padding-left: 0;
    z-index: 100
}

#profile-nav {
    align-items: center;
    border-bottom: 0;
    clear: both;
    display: flex;
    height: 60px;
    margin-left: 0;
    margin-top: 36px !important;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 4
}

#profile-nav a {
    border-bottom: 3px solid #0000;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: 24px
}

#profile-nav a:hover {
    color: #fff;
    transition: .3s
}

#profile-nav a:active {
    bottom: -3px
}

#profile-nav span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#profile-nav span.new {
    background: #6080ff1f;
    border: none;
    border-radius: 6px;
    color: #6080ff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px;
    text-transform: uppercase
}

.single {
    display: block !important;
    margin: 32px auto !important
}

summary h3 {
    font-size: 16px
}

#profile-settings {
    display: none
}

.btn.mini {
    font-size: 14px;
    height: 44px;
    line-height: 44px
}

.btn.mini:hover {
    filter: brightness(110%);
    transition: .3s
}

.options>div,
.options>div label {
    display: block;
    width: 100%
}

.options>div.active label {
    display: block !important;
    width: 100%
}

.options>div hr {
    display: none
}

.options>div p {
    font-weight: 700;
    padding: 16px 0 0
}

.options>div p:hover {
    cursor: pointer !important
}

.options>div label,
.options>div select {
    display: none
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important
}

.copy-ip:hover {
    background: #fff3 !important;
    color: #fff !important
}

label img {
    top: 4px
}

.loyalty__progressBox--2KEX {
    display: flex;
    font-size: 12px;
    margin: 16px 0 0
}

.loyalty__progressBlock--W_he {
    flex-grow: 1
}

.loyalty__progressBar--3fut {
    background-color: #0003;
    border-radius: 10px;
    box-sizing: border-box;
    height: 8px;
    overflow: hidden
}

.loyalty__progressBg--2f0j {
    background: linear-gradient(90deg, #94a7b7, #a1a1a1);
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width 1s
}

.loyalty__progressBg--2f0j.gold {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    color: gold
}

.viMoneyValue--1vFp,
.viMoneyValue__text--1EVB {
    width: auto
}

.loyalty__giftInfo--2qi6 {
    font-weight: 500;
    margin-top: -5px;
    white-space: nowrap
}

.loyalty__giftSum--1Rr9 {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px
}

#information #xp-bar {
    margin-bottom: 16px !important;
    margin-top: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#information #xp-bar div {
    padding: 0 !important
}

#information #xp-bar .loyalty__progressBox--2KEX {
    top: 0 !important
}

#information #xp-bar button {
    top: 12px !important
}

#xp-bar button,
.xp-bar button {
    background: #6080ff00;
    border: 1px solid #6080ff80;
    color: #6080ff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 11px;
    height: 24px;
    left: 20px;
    line-height: 23px;
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    top: -12px;
    width: auto
}

#xp-bar button:hover,
.xp-bar button:hover {
    background: #6080ff1a;
    box-shadow: none !important;
    transform: none !important
}

#xp-bar button strong,
.xp-bar button strong {
    border-right: 1px solid #6080ff80;
    color: #6080ff !important;
    margin-right: 0;
    padding-right: 4px
}

#xp-bar button img,
.xp-bar button img {
    height: 8px;
    left: 0;
    margin-left: 6px;
    top: -1px;
    width: 8px
}

#xp-bar,
.xp-bar {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    z-index: 9
}

#xp-bar .loyalty__progressBg--2f0j,
.xp-bar .loyalty__progressBg--2f0j {
    cursor: help !important;
    cursor: -webkit-help
}

#xp-bar img,
.xp-bar img {
    height: 64px;
    left: -2px;
    position: absolute;
    top: -23px;
    width: 64px
}

.grid.monitoring {
    width: 100%
}

.grid.monitoring group {
    display: none
}

.grid .big img.tippy {
    cursor: help;
    height: 32px;
    left: 16px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 16px;
    vertical-align: middle;
    z-index: 20
}

.grid .big img.tippy:hover {
    transition: .3s
}

hr {
    background: #fff;
    display: block;
    height: 1px;
    margin: 24px auto 32px;
    opacity: .1;
    width: 48px
}

.hide {
    display: none !important
}

.nav {
    left: 0;
    position: fixed;
    right: 0;
    top: -60px
}

.nav nav .logo {
    display: inline-block !important
}

.nav nav {
    transform: translateY(-16px)
}

.nav .logo img {
    opacity: 1
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    z-index: 900
}

.more {
    border-radius: 6px;
    color: #0000;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

.more:hover {
    background: #ffffff1a;
    box-shadow: 0 0 6px #0000001a;
    color: #fff;
    transition: .3s
}

.more img {
    display: block;
    filter: invert(100%);
    height: 20px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .3s;
    vertical-align: middle
}

.more:hover img {
    opacity: 0;
    transition: .3s
}

#terms strong {
    display: block
}

#terms {
    background: #131821;
    border-radius: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    line-height: 1.5;
    margin: 48px;
    padding: 0 60px 60px
}

#terms p:not(.terms-title),
#terms td {
    color: #7b828a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px
}

#terms table {
    border-collapse: initial !important
}

#terms p:not(.terms-title) strong {
    opacity: .7
}

#terms .terms-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 32px
}

#terms h1 {
    font-size: 32px;
    margin-bottom: 0;
    padding: 24px 0 0;
    text-transform: uppercase
}

#terms p {
    line-height: 1.5
}

.profile-socials a {
    transition: .3s
}

.profile-socials a:hover {
    opacity: 1;
    transition: .3s
}

.grid.big {
    margin-top: -22px !important
}

.grid {
    display: block;
    overflow: hidden
}

.grid>a,
.m {
    border-radius: 12px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: top
}

label label {
    display: block
}

.grid>a:hover {
    color: #fff
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25
}

#servers .grid div a ion-icon {
    top: -2px;
    vertical-align: middle
}

#section-servers .grid group {
    pointer-events: all
}

.home-body-servers .group {
    align-items: center;
    display: flex
}

.grid>a,
.grid>div,
.m {
    transition: .3s
}

#servers .grid div a:hover {
    background: #fff3;
    transition: .3s
}

#servers .grid div a {
    color: #aecce4
}

#servers .grid div a:hover ion-icon {
    color: #fff !important
}

.grid .big:hover .group,
.grid .big:hover .mode-name,
.grid .big:hover .mode-timer {
    opacity: 0
}

.grid .big online {
    display: none
}

.grid .big {
    height: 300px;
    width: 100%
}

.grid .big shadow {
    height: 320px
}

.grid .big,
.grid .big:active {
    cursor: pointer !important
}

.grid .big a {
    right: 10%;
    top: 10%
}

.social img .social {
    margin: 0;
    margin-left: 12px !important
}

.social:hover img {
    filter: brightness(135%);
    transition: .3s
}

.live-dot {
    background-color: #6080ff;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.live-dot:after {
    animation: signal 3s ease-out infinite;
    background-color: inherit;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.avatar .premium,
.avatar.premium {
    border: 2px solid #fdb510 !important
}

.stattrak {
    border: 3px solid #cf6a32 !important;
    color: #cf6a32
}

.star,
.star.stattrak {
    border: 3px solid #8650ac !important;
    color: #8650ac
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20
}

.group:hover {
    color: #fff;
    transition: .3s
}

.mode-online {
    bottom: 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
}

.grid slots {
    color: #aecce4;
    font-size: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    transition: .3s;
    z-index: 25
}

.grid>div:hover slots {
    color: #fff;
    transition: .3s
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute
}

.grid online .orange {
    background: #f6b949;
    box-shadow: 0 0 2px #f6b94980
}

.grid online .green {
    background: #85f479;
    box-shadow: 0 0 2px #85f47980
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80
}

h1 {
    font-size: 48px
}

h1,
h3 {
    display: block;
    text-transform: uppercase
}

h3 {
    font-size: 24px;
    text-align: center
}

.grid .disabled {
    pointer-events: none
}

.disabled {
    color: #8aa2b666;
    filter: grayscale(100%)
}

.position {
    background: #0000 !important;
    background-color: initial !important;
    position: absolute;
    top: 0 !important
}

.list-style-dot li:before {
    border-color: #0000;
    color: #ffffff1a;
    content: "★";
    font-size: 24px;
    text-shadow: none;
    top: -1px;
    transition: .3s
}

.list-style-dot li:hover:before {
    color: #fdb510;
    transform: scale(.75);
    transition: .3s
}

#profile-main {
    align-items: center;
    display: flex;
    margin-top: 42px
}

#name_player {
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#profile-main>p {
    clear: both;
    font-size: 12px;
    opacity: .5;
    padding-bottom: 19px
}

#profile-main .xp-bar .loyalty__progressBar--3fut {
    margin-left: -32px;
    margin-right: -40px !important;
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__progressBg--2f0j {
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__giftInfo--2qi6 {
    position: absolute;
    right: 0;
    top: 0
}

#profile-main .xp-boost {
    top: -16px !important
}

#profile-main .xp-boost img {
    vertical-align: middle
}

#profile-maps {
    border: 1px solid #0003;
    border-radius: 12px;
    display: none;
    float: right;
    margin: 24px 24px 0;
    overflow: hidden;
    width: 50%
}

#profile-maps .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

#profile-maps .th>div:first-of-type {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 80%
}

#profile-maps .th>div:nth-of-type(2) {
    color: #ffffff80;
    display: inline-block;
    font-size: 14px;
    right: -20px;
    text-align: left;
    vertical-align: top;
    width: 20%
}

#profile-maps>div>div:nth-of-type(2n) {
    background: linear-gradient(90deg, #0000 0, #0000001a 48%, #0000)
}

#profile-maps>div>div:hover {
    background: linear-gradient(90deg, #fff0 0, #ffffff0d 48%, #fff0);
    transition: .3s
}

#profile-maps>div>div {
    border-top: 1px solid #0000001a;
    display: block;
    padding: 12px 0;
    white-space: nowrap
}

#profile-maps>div .hide {
    display: block !important
}

#profile-maps div div>div>div {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

#profile-maps div img {
    border-radius: 6px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 90px
}

#profile-maps>div div:last-of-type {
    border-bottom: 0
}

#profile-maps>div div:first-of-type {
    border-top: 0
}

#profile-maps>div div>div:first-of-type {
    padding-left: 5%;
    text-align: left;
    width: 75%
}

#profile-maps>div div>div:nth-of-type(2) {
    top: -2px;
    width: 20%
}

nav#profile-nav a {
    width: auto !important
}

details.disabled {
    background: #0000 !important t;
    opacity: .2 !important
}

details.disabled * {
    filter: grayscale(100%)
}

details.disabled balance {
    filter: grayscale(0) !important
}

.table .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

.table .th>div {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

#socials {
    left: 0;
    top: 0
}

#socials h4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

#socials a:not(:last-child) {
    margin-right: 14px
}

label img {
    bottom: 16px;
    height: 16px;
    opacity: 1;
    position: absolute;
    right: 16px;
    width: 18px
}

.grid.modes {
    padding-left: 0
}

.image {
    border-radius: 12px;
    margin-top: 0;
    width: 480px
}

div#features div {
    clear: both
}

input {
    background: #0000001a;
    border: 1px solid #0000;
    border-radius: 6px;
    box-shadow: inset 0 -1px #ffffff1a, inset 0 2px 2px #0003;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    width: 100%
}

#information .avatar {
    border-radius: 100%;
    height: 128px;
    width: 128px
}

.status.online {
    color: #33ff7b;
    opacity: 1
}

#content {
    padding-bottom: 0 !important
}

ul#languages {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #191f236b !important;
    border-radius: 12px;
    bottom: 48px;
    display: none;
    font-size: 0;
    left: 10px;
    margin: 8px;
    overflow: hidden;
    position: absolute;
    width: 48px;
    z-index: 100
}

ul#languages li {
    border-bottom: 1px solid #ffffff0d
}

#languages div {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    transition: .3s;
    width: 48px
}

ul#languages li:last-of-type {
    border-bottom: 0
}

ul#languages a:hover img {
    transform: scale(1.1);
    transition: .3s
}

ul#languages img {
    height: 16px;
    margin-right: 0 !important;
    margin-right: 6px;
    top: 0;
    transition: .3s;
    vertical-align: middle
}

ul#languages h4 {
    font-size: 9px;
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    top: 6px
}

ul#languages>a {
    font-size: 12px;
    top: 0
}

ul#languages>a img {
    height: 16px;
    margin-right: 6px;
    top: -1px;
    vertical-align: middle
}

.verify {
    background: #14191e00;
    color: #6080ff;
    height: 24px;
    margin-left: 12px
}

.group img {
    height: 12px;
    margin-right: 6px
}

.container.disabled {
    opacity: .5;
    pointer-events: none
}

.access,
.cancel,
.checking,
.error,
.success,
.twink {
    border-color: #0000 !important
}

#play {
    margin-bottom: 0;
    margin-top: -2px !important;
    padding-top: 0
}

#ready {
    background: #0000;
    box-shadow: 0 0 16px #6080ff1a !important;
    display: block
}

#ready.ready {
    box-shadow: 0 0 16px #33ff7b1a !important;
    color: #33ff7b
}

.skin icon {
    left: 0;
    margin: auto;
    right: 0;
    top: 24px;
    z-index: 100
}

.skin icon,
.skin icon img {
    display: block;
    position: absolute;
    width: 48px
}

.skin icon img {
    height: 48px;
    margin: 0 auto;
    top: 96px
}

.skin shadow {
    background: linear-gradient(135deg, #000, #0000) !important
}

details:hover {
    opacity: 1 !important;
    transition: .3s
}

#support-open {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    position: fixed;
    right: 16px;
    top: auto;
    z-index: 1199
}

.lvl {
    border: 0 !important;
    color: #fefefe;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 12px
}

.read {
    background: #0000 !important;
    opacity: .5 !important
}

#terms #content {
    height: 1024px
}

#nav-competitions .disabled,
#nav-servers .disabled,
#profile-nav .disabled {
    cursor: no-drop;
    opacity: .5
}

#aside-chat-show-swipe-area {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 1180
}

button#aside-chat-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0000000d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 48px;
    margin-top: -24px;
    position: fixed;
    right: 11px;
    top: 50%;
    width: 48px;
    z-index: 1195 !important
}

button#aside-chat-show:hover {
    background: #0000001a
}

button#aside-chat-show img {
    filter: invert(100%);
    height: 24px;
    opacity: .5;
    vertical-align: middle;
    width: 24px
}

button#aside-chat-show ion-icon {
    font-size: 24px !important
}

button#aside-chat-show span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    transition: .3s
}

button#aside-chat-hide {
    background: #0000;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 32px;
    z-index: 1290
}

button#aside-chat-hide:hover {
    background: #ffffff0d !important;
    transition: .3s
}

button#aside-chat-hide img {
    filter: invert(100%);
    height: 16px;
    opacity: .5;
    vertical-align: middle
}

#gif {
    display: none;
    right: 0
}

#gif,
#gif img {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

#gif img {
    opacity: .1;
    width: 100%
}

#gif:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: radial-gradient(ellipse at center, #14191e00 0, #0f141b 75%, #0f141b 100%);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000f161d", endColorstr="#0f141b", GradientType=1);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

aside#header .logo {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 14px 0;
    width: 100%
}

aside#header .logo img,
aside#header .logo video {
    height: 45px;
    margin: 0;
    opacity: 1;
    width: 60px
}

aside#header .profile .avatar {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    vertical-align: middle;
    width: 40px
}

aside#header .profile {
    font-size: 0;
    line-height: 64px;
    padding: 0;
    top: 0;
    width: 64px
}

aside#header .profile .avatar:hover {
    transform: scale(1.1);
    transition: .3s
}

aside#header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

aside#header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 28px;
    width: 32px
}

aside#header .profile ion-icon {
    font-size: 24px
}

.online {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 14px;
    padding: 6px 0 12px;
    text-align: center;
    width: 100%
}

.online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.online>span>span {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

aside#header {
    background: linear-gradient(180deg, #030b12 0, #0f141b);
    background: #0c101a;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    width: 84px;
    z-index: 1199
}

aside#header nav {
    height: fit-content;
    width: 100%
}

aside#header .langs {
    text-align: center;
    width: 100%;
    z-index: 10000
}

aside#header .langs h4 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    margin-bottom: -10px;
    padding-bottom: 0;
    text-align: center
}

.choosen-lang {
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 64px;
    line-height: 84px;
    transition: .3s;
    width: 100%
}

.choosen-lang:hover {
    color: #aecce4;
    transition: .3s
}

.choosen-lang img {
    height: 16px;
    margin-right: 0;
    top: -7px;
    transition: .3s;
    width: 16px
}

.choosen-lang:hover img {
    transform: scale(1.1);
    transition: .3s
}

aside#header .premium img {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

aside#header .help ion-icon {
    font-size: 24px
}

aside#header .play img {
    height: 18px !important
}

aside#header .play:after {
    background: #ffffff05;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

aside#header .play ion-icon {
    font-size: 24px
}

header {
    align-items: center;
    background: #11141c;
    box-shadow: none;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 84px;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1200
}

header #socials {
    display: flex;
    gap: 24px;
    left: 1%;
    top: 0
}

nav#sort {
    display: block
}

nav#sort div {
    display: inline-block
}

nav#sort div>a {
    font-size: 12px
}

nav#sort div>a ion-icon {
    margin-left: 6px;
    top: 2px
}

nav#sort div>a img {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

nav#sort ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0c0f12e6;
    border-radius: 12px;
    display: none;
    position: absolute;
    top: 48px;
    z-index: 100
}

nav#sort ul a {
    border-bottom: 1px solid #ffffff0d;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 100%
}

nav#sort ul a ion-icon {
    font-size: 16px;
    margin-right: 10px;
    top: 4px
}

nav#sort ul li:last-of-type a {
    border-bottom: 0
}

nav#sort .icon-left ion-icon {
    left: -6px !important;
    position: relative !important;
    top: 2px
}

header hgroup,
header hgroup h1 {
    text-align: center
}

header hgroup h1 {
    font-family: Roboto Condensed, sans-seri;
    font-size: 18px;
    line-height: 60px;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    text-transform: none;
    width: 100% !important
}

header img {
    vertical-align: middle
}

header .notifications {
    background: #0000;
    box-shadow: none !important;
    display: block;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0 !important;
    padding: 0 !important;
    top: 0;
    width: 48px
}

header .notifications span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    transition: .3s
}

header .balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px;
    min-width: auto;
    pointer-events: none
}

header .balance balance {
    color: #8a9dab;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    left: 0
}

header .balance balance,
header .balance p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    letter-spacing: 1px
}

header .balance p {
    color: #ffffff80;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
    text-align: left;
    text-transform: uppercase
}

header .balance:hover p {
    color: #aecce4;
    transition: .3s
}

header .balance balance img {
    height: 18px;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle
}

header .balance ion-icon {
    float: left;
    font-size: 32px;
    margin-right: 12px;
    opacity: .1
}

header .profile img {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    width: 40px
}

header .profile {
    float: right;
    font-size: 0;
    padding: 0
}

header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 40px
}

header .login {
    background-image:
        /*savepage-url=https://cybershoke.net/storage/images/svg/dot-arrow.svg*/
        url();
    background-position: center right 12px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #fff;
    float: right;
    height: 60px;
    line-height: 60px;
    opacity: .5;
    padding: 0;
    z-index: 100
}

header .login span {
    border-radius: 6px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    opacity: 0;
    padding-left: 0
}

header .login img {
    border-radius: 8px;
    display: inline-block;
    height: 32px !important;
    opacity: 1;
    right: 0
}

header .login:hover {
    background-image: none;
    background-position: 100%;
    color: #fff;
    opacity: 1
}

header .login:hover span {
    color: #fff9;
    opacity: 0;
    transition: .3s
}

header .login:hover img {
    opacity: 1;
    transition: .3s
}

#nav-servers {
    background-color: initial !important;
    display: block;
    font-size: 0;
    margin: 0 1%;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 9
}

#nav-servers>div {
    margin: 0 auto;
    overflow: hidden
}

#nav-servers>div>div {
    overflow: hidden
}

#nav-servers a {
    background-color: #ffffff0d;
    border-radius: 8px;
    color: #aecce4 !important;
    display: inline-block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 3px 2px;
    opacity: 1;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

#nav-servers a:last-of-type {
    margin-right: 0
}

#nav-servers a:hover {
    background: #ffffff1a;
    color: #6080ff !important;
    transition: .3s
}

#nav-servers a.active {
    background: #6080ff30;
    color: #6080ff !important;
    font-weight: 700
}

#nav-servers a[disabled] {
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

#nav-servers a ion-icon {
    margin-right: 6px;
    top: 2px
}

#nav-servers a img {
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    width: 16px
}

#nav-servers a.active span {
    display: inline-block !important
}

#nav-servers span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#nav-servers a.active span {
    border-color: #6080ff
}

#nav-servers {
    white-space: normal
}

#page-servers {
    height: 100%;
    width: 100%
}

#page-servers h2 {
    font-size: 40px;
    text-transform: uppercase
}

#page-servers h1,
#page-servers h2 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700
}

#page-servers h1 {
    padding: 0
}

#premium {
    font-family: Roboto, sans-serif !important;
    font-family: var(--font-family-1) !important;
    overflow: hidden
}

.avatar {
    border-radius: 100%
}

#contacts h2 {
    color: #fff;
    font-size: 32px
}

#contacts form {
    padding-top: 24px
}

#contacts form h4:not(:first-of-type) {
    padding-top: 0
}

#contacts form input {
    border: 1px solid #ffffff1a;
    height: 38px;
    margin-bottom: 6px;
    padding-left: 44px
}

#contacts form input:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form input:focus {
    border: 1px solid #6080ff
}

#contacts form textarea {
    background: #0000001a;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 196px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 12px 16px 14px;
    text-align: left;
    width: 100%
}

#contacts form textarea:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form label img {
    height: 16px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 17px
}

#contacts form textarea:focus {
    border: 1px solid #6080ff
}

#contacts form {
    flex: 1 1
}

#contacts form>div {
    display: flex;
    flex-direction: row
}

#contacts form div>div {
    flex: 1 1
}

#contacts form label {
    display: block;
    padding: 6px 16px
}

#contacts form button {
    margin-bottom: 16px
}

#submit_feedback {
    margin-left: 16px
}

#contacts form small {
    color: #ffffff80;
    cursor: default;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px
}

#contacts form small a:hover {
    text-decoration: underline !important
}

#contacts h4 {
    clear: both
}

#contacts .container {
    line-height: 1.5;
    margin-left: 16px;
    padding-left: 32px;
    padding-right: 16px;
    padding-top: 2px
}

::placeholder {
    color: #ffffff80
}

#langs-confirm {
    background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%);
    border-radius: 12px;
    bottom: 12px;
    font-family: Roboto;
    left: 60px;
    padding: 24px;
    position: absolute;
    width: 330px;
    z-index: 1200
}

#langs-confirm-choose {
    box-shadow: none !important;
    height: auto;
    line-height: 38px !important
}

#langs-confirm>a {
    top: 12px !important
}

#langs-confirm h4 {
    align-items: center;
    color: #ecf1f8;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none
}

#langs-confirm img {
    margin-right: 8px;
    width: 16px
}

#langs-confirm span {
    color: #6080ff
}

#langs-confirm p {
    color: #9fa7be;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 24px
}

#langs-confirm:before {
    border-bottom: 8px solid #0000;
    border-right: 8px solid #171c26;
    border-top: 8px solid #0000;
    bottom: 12px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

#langs-confirm>div button:first-of-type {
    background: #6080ff1a;
    border-radius: 8px;
    color: #6080ff;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .01em;
    line-height: auto;
    padding: 12px 39px;
    width: auto
}

#langs-confirm>div button:hover {
    transform: none !important
}

.options .container {
    color: #fff
}

#langs-confirm strong>ion-icon {
    color: #6080ff
}

h4 hr {
    background: #000;
    margin-bottom: 0 !important;
    width: 100%
}

#serverInfoModal #table-scroller {
    height: 240px
}

.settings form label {
    display: inline-block !important
}

.settings form label:nth-of-type(2) {
    margin-right: -2.5% !important
}

.headshots {
    height: 20px
}

.lvl-1 .avatar,
.lvl-2 .avatar,
.lvl-3 .avatar,
.lvl-4 .avatar {
    border: 2px solid #4698ff !important
}

.lvl-5 .avatar,
.lvl-6 .avatar,
.lvl-7 .avatar,
.lvl-8 .avatar {
    border: 2px solid #93f !important
}

.lvl-10 .avatar,
.lvl-11 .avatar,
.lvl-12 .avatar,
.lvl-9 .avatar {
    border: 2px solid #ffcc4c !important
}

.lvl-13 .avatar,
.lvl-14 .avatar,
.lvl-15 .avatar,
.lvl-16 .avatar {
    border: 2px solid #e50022 !important
}

.lvl-17 .avatar {
    border: 2px solid #5151e7 !important
}

.lvl-18 .avatar {
    border: 2px solid #67cb35 !important
}

.lvl-19 .avatar {
    border: 2px solid #cc2929 !important
}

#confirm {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    display: none;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#confirm:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

#buy,
.buy {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15) !important;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important
}

#buy:hover,
.buy:hover {
    box-shadow: 0 0 4px #eda53180 !important;
    transition: .3s
}

.btn {
    background: #6080ff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto
}

.btn:hover {
    filter: brightness(110%);
    transition: .3s
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: inset 0 3px 5px #0003 !important;
    box-shadow: inset 0 3px 5px #0003 !important;
    transition: .3s
}

button[disabled],
input[type=submit][disabled] {
    pointer-events: none
}

#use {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 6px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

#use:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

.owner {
    filter: invert(100%);
    height: 16px !important
}

.money {
    color: #afd999;
    float: right;
    font-size: 20px
}

.money ion-icon {
    color: inherit;
    margin-left: 12px;
    top: -2px;
    vertical-align: middle
}

#game #chat {
    border-radius: 12px
}

#game #chat .message p a {
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.options .active hr {
    display: block !important
}

.options select {
    background: #0000001a;
    border: 0;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-bottom: -2px;
    overflow: hidden;
    padding: 0 64px 0 24px;
    text-overflow: ellipsis;
    transition: .5;
    width: 100%
}

.options select:hover {
    background: #0003;
    color: #aecce4;
    transition: .5
}

.options select option {
    color: #000 !important
}

#settings select {
    background: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 64px 0 16px;
    text-overflow: ellipsis;
    transition: .5
}

#settings select:hover {
    border: 1px solid #fff3;
    color: #aecce4;
    transition: .5
}

#settings select:focus {
    border: 1px solid #6080ff;
    color: #fff
}

#settings select option {
    color: #000 !important
}

ol {
    counter-reset: myCounter
}

li {
    list-style: none;
    outline: none
}

ol li:before {
    border: 2px solid #aecce4;
    border-radius: 100%;
    color: #fff;
    content: counter(myCounter);
    counter-increment: myCounter;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    top: 0;
    width: 32px
}

.pointer-events-none {
    pointer-events: none !important
}

li p small {
    color: #ff9e15;
    display: block;
    text-transform: lowercase
}

li p {
    overflow: hidden
}

.btn.red {
    background: #0000 !important;
    border: 1px solid #ff5150 !important;
    color: #ff5150
}

.btn.red,
.btn.red:hover {
    box-shadow: none !important
}

.btn.white {
    background: #0000 !important;
    border: 1px solid #ffffff80 !important;
    line-height: 40px !important
}

.btn.white:hover {
    box-shadow: none !important
}

.btn.green {
    background: #0000 !important;
    border: 1px solid #00ff8f !important;
    color: #00ff8f;
    line-height: 40px !important
}

.btn.green:hover {
    box-shadow: none !important
}

.btn.gray,
.btn.gray:hover {
    filter: grayscale(100%)
}

.btn.green.outline {
    border: 1px solid #00ff8f !important
}

.btn.green.no-border,
.btn.green.outline {
    background: #0000 !important;
    color: #00ff8f
}

.btn.green.no-border,
.btn.no-border {
    border: 0 !important
}

.btn.no-border {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-border:hover {
    box-shadow: none !important
}

.btn.outline {
    border: 1px solid #6080ff !important
}

.btn.no-bg,
.btn.outline {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-bg {
    border: 0 !important
}

.btn.icon-left ion-icon {
    color: inherit;
    font-size: 20px !important;
    left: -4px;
    margin-right: 12px;
    top: -2px;
    vertical-align: middle
}

#date {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gold {
    text-shadow: none
}

.profile-buttons {
    bottom: 36px;
    position: absolute;
    right: 14px;
    z-index: 10
}

.profile-buttons>button {
    margin-right: 12px !important
}

.skin-icon {
    float: left !important;
    height: auto !important;
    max-height: 40px;
    max-width: 40px;
    position: relative !important;
    top: 0 !important;
    width: auto !important
}

.skin-name {
    margin-bottom: 3px
}

.skin-categories {
    color: #ffffff80;
    font-size: 12px
}

.grid.max .big {
    width: 12.75% !important
}

.grid.max>a,
.grid.max>div {
    width: 18.5% !important
}

#policy {
    background-color: #565656e6;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    cursor: default;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60%;
    z-index: 100000000000000
}

#policy svg {
    cursor: pointer;
    float: right;
    height: 12px;
    margin-right: 12px;
    top: 1px;
    width: 12px
}

#policy svg:hover {
    opacity: .8;
    transform: scale(1.1);
    transition: .3s
}

#policy a {
    color: #6080ff;
    text-decoration: none
}

#policy a:hover {
    text-decoration: underline
}

nav select {
    background: #0000;
    border: 1px solid #fff3;
    border-radius: 6px;
    display: none;
    font-size: 16px;
    height: 32px;
    left: 10%;
    padding: 0 16px;
    width: 90%
}

.overflow-hidden {
    overflow: hidden
}

#serverInfoModal .table .th {
    border-bottom: 1px solid #0000001a;
    height: 40px
}

#serverInfoModal .table .th>div:first-of-type {
    display: inline-block;
    float: left;
    text-align: left !important
}

#serverInfoModal .table .th>div:nth-of-type(2),
#serverInfoModal .table .th>div:nth-of-type(3) {
    display: inline-block;
    float: right;
    width: 25%
}

input.info {
    border-color: #339cff !important
}

input.success {
    border-color: #33ff7b !important
}

input.error {
    border-color: #ff5150 !important
}

input.warning {
    border-color: #ffb933 !important
}

#alerts .info {
    background: #339cff;
    box-shadow: 0 0 6px #339cff80
}

#alerts .success {
    background: #33ff7b;
    box-shadow: 0 0 6px #33ff7b80
}

#alerts .error {
    background: #ff5150;
    box-shadow: 0 0 6px #ff515080
}

#alerts .warning {
    background: #ffb933;
    box-shadow: 0 0 6px #ffb93380
}

form p.info {
    color: #339cff !important;
    font-size: 12px
}

form p.success {
    color: #33ff7b !important;
    font-size: 12px
}

form p.error {
    color: #ff5150 !important;
    font-size: 12px
}

form p.warning {
    color: #ffb933 !important;
    font-size: 12px
}

#online-listModalOpen>span {
    top: 0
}

#settings h3 img {
    filter: grayscale(100%);
    height: 32px;
    margin-right: 16px;
    width: 32px
}

#settings h3 {
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>div {
    flex: 1 1
}

#arcticModals {
    display: none
}

.arcticmodal-container,
.arcticmodal-overlay {
    background: #0000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.arcticmodal-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    overflow: auto;
    padding: 0
}

:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    vertical-align: middle
}

.arcticmodal-error {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 20px
}

.arcticmodal-overlay {
    background-color: #13161b99;
    opacity: 1
}

.arcticmodal {
    background: #151d27;
    border-radius: 12px;
    box-shadow: 0 10px 20px 0 #ffffff05;
    display: block;
    overflow: hidden
}

.arcticmodal>h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    opacity: .95;
    text-transform: none;
    text-transform: uppercase
}

.arcticmodal>h2,
.arcticmodal>p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    text-align: center
}

.arcticmodal>p {
    font-size: 16px;
    line-height: 19px;
    opacity: .5;
    padding-top: 10px
}

.cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px
}

.cover shadow {
    background: linear-gradient(180deg, #0000 0, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal {
    background: linear-gradient(0deg, #171c2a 71.09%, #13182100 129.73%), #171c2a;
    border-radius: 32px;
    box-shadow: 0 4px 134px 0 #0000005e;
    width: 823px;
    z-index: 1000000
}

#serverInfoModal.arcade-mode {
    width: 344px
}

#serverInfoModal .cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px;
    opacity: .15;
    overflow: hidden
}

#serverInfoModal .cover shadow {
    background: linear-gradient(180deg, #41434500 0, #151d27 91%, #151d27);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal .icon {
    border-radius: 100%;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 40 !important
}

#serverInfoModal .score {
    display: block;
    margin-top: -64px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center
}

#serverInfoModal time {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    text-align: center;
    text-transform: none;
    top: -36px
}

#serverInfoModal ion-icon {
    color: inherit;
    margin-right: 6px;
    top: 2px
}

#pracInfoModal {
    padding: 0;
    width: 520px
}

.grid h4 {
    padding: 0 0 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

#ad {
    width: 100%
}

#ad,
#game {
    margin-top: 0
}

#game {
    z-index: 1000
}

#game #score {
    display: block;
    margin-top: 128px;
    overflow: hidden;
    text-align: center
}

#game h1 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    left: 0;
    margin-bottom: -32px !important;
    max-width: 100%;
    padding-top: 24px;
    pointer-events: none;
    text-align: center;
    text-transform: none
}

.avatar {
    background: linear-gradient(0deg, #3b4851 51%, #252d30 88%)
}

#serverInfoModal-scroller {
    height: 640px;
    padding-bottom: 12px;
    padding-top: 12px
}

.skin>div {
    overflow: hidden;
    top: 0
}

.skin p {
    position: absolute !important;
    top: 16px !important;
    z-index: 1000
}

.skin>span {
    border-radius: 100%;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 6px;
    z-index: 100
}

.skin.cover>div img {
    top: 0 !important
}

.cancel {
    background: #0000 !important
}

.cancel,
.cancel:hover {
    box-shadow: none !important;
    transition: .2s
}

.cancel:hover {
    opacity: .5
}

h4 {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.grid.shop h4 {
    padding-left: 10px
}

.grid.shop .skin p {
    color: #c8cfdb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    opacity: .9;
    padding: 0 16px;
    z-index: 35 !important
}

.grid.shop .skin p span {
    color: #6c6c71;
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 4px
}

.grid.shop .skin .btn.mini {
    background: #0000;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #ffffff0d;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    left: 0;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(1);
    width: 100%;
    z-index: 45 !important
}

.grid.shop .skin button strong {
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    right: 0
}

.grid.shop .skin button strong img {
    top: -3px
}

.display-block,
.display-block>label {
    display: block !important
}

.options label small {
    color: #ffffff80;
    float: right;
    font-weight: 400
}

aside#shop {
    box-shadow: none !important;
    float: right;
    margin-right: 12px;
    width: 240px
}

aside#shop h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-top: 0
}

aside#shop h2 {
    padding-top: 0
}

aside#shop>h4 {
    padding-top: 12px
}

.skin.device div img {
    top: 90px !important
}

form label p small {
    color: #ffffff80;
    float: right;
    font-size: 10px;
    top: 3px
}

#terms p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

#terms a {
    opacity: .7;
    text-decoration: underline
}

@media (max-width:1100px) {
    #socials h4 {
        display: none !important
    }

    #top-modes {
        padding-left: 24px
    }

    #top-modes h2 {
        margin-top: -24px
    }
}

.relative {
    position: relative !important
}

@media (max-width:576px) {
    header [not-mobile] {
        display: none !important
    }

    .wrap {
        padding: 0
    }
}

@media (min-width:992px) {
    #game h1 {
        top: -80px !important
    }
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease
}

button:not(.disabled):hover {
    filter: brightness(115%)
}

#game h1.resp {
    padding-top: 0;
    top: -64px
}

.container>img {
    border-radius: 100%
}

.tippy-box {
    max-width: 390px !important
}

a {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    background: #0000;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0000
}

::-webkit-scrollbar-thumb {
    background: #0000008c;
    border: 1px solid #ffffff1a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #070a0d;
    background: #0006
}

::-webkit-scrollbar-corner {
    background: #0000
}

input {
    box-shadow: none
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none
}

.block-servers-name:hover {
    transform: none !important
}

#about-competitions>div,
.bubbles-container {
    overflow: visible !important;
    overflow: initial !important
}

.category-hide,
.global-hide-default,
.global-hide-goods,
.global-hide-quality,
.global-hide-star,
.global-hide-type {
    display: none !important
}

header .login {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.options hr,
.options select {
    display: none
}

.options .btn {
    width: 100% !important
}

#langs-confirm,
.options div label {
    display: none
}

#gif img {
    object-fit: cover;
    top: -50% !important
}

.circleload {
    height: 12px !important;
    position: relative !important;
    top: 0 !important
}

.skin {
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none
}

.grid.shop .skin strong {
    bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

#category {
    display: none
}

#socials {
    height: 28px
}

#serverInfoModal .cover {
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.skin-buttons {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 53px !important;
    width: 100% !important
}

.btn-sell {
    background-color: #6080ff;
    border-color: #6080ff;
    border-radius: 9px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-pickup img {
    margin: 0 !important;
    width: 14px !important
}

.btn-pickup {
    align-items: center;
    background-color: #e3775e;
    border-color: #e3775e;
    border-radius: 9px;
    color: #fff;
    display: flex;
    float: right;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-sell:hover {
    background-color: #6080ff !important;
    border-color: #6080ff !important;
    color: #fff !important
}

.btn-pickup:hover {
    background-color: #e3775e !important;
    border-color: #e3775e !important;
    color: #fff !important
}

.s-price {
    color: #ffa210 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.s-price-img {
    margin-right: 6px !important;
    top: 3px !important;
    width: 16px !important
}

.s-image-drop {
    top: 40px !important;
    width: 90% !important
}

.count_in_storage {
    background: #0f141b;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    bottom: 20px;
    font-size: 15px;
    left: auto;
    min-width: 27px;
    padding: 3px;
    position: absolute;
    right: 8% !important;
    text-align: center;
    transform: scale(1);
    z-index: 9999
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header-user-premium-button {
    padding: 0 !important
}

.header-user-premium-button img {
    border: 1px solid #ffb70080 !important;
    border-radius: 6px !important;
    padding: 9px !important;
    width: 30px !important
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important
}

#servers .grid div a svg {
    top: -2px;
    vertical-align: middle
}

.border-class-golden {
    border: 2px solid #d08b0d !important;
    transition: .3s
}

.new_nav_servers {
    border: 2px solid #fb9800 !important;
    color: #fb9800 !important;
    padding: 0 6px !important
}

#contacts form a {
    margin-bottom: 16px
}

.prime_border {
    border: 2px solid #60b9ebcc !important
}

#competitions aside>div ol li p span:nth-of-type(2) img {
    width: 16px !important
}

.desc {
    padding: 12px 24px 24px !important
}

.grid-inventory .grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid !important;
    -ms-flex-wrap: wrap;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.37rem, 1fr)) !important;
    width: 100% !important
}

.grid-inventory .grid h4 {
    padding-bottom: 12px;
    padding-top: 24px
}

.grid-inventory .skin {
    background-color: initial;
    border-radius: 12px;
    cursor: pointer;
    height: 200px;
    opacity: 1;
    transition: all .2s ease;
    width: auto
}

.skin:hover {
    box-shadow: 0 15px 10px 0 #15182980
}

.grid-inventory .skin:hover {
    opacity: 1;
    transform: translateY(3px);
    z-index: 101 !important
}

.color-default {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-default:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-consumer {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-consumer:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-covert {
    background-image: linear-gradient(150deg, #8847ff00, #ff47470d 60%, #eb4b4b40);
    color: #eb4b4b
}

.color-covert:hover {
    box-shadow: 0 10px 20px 0 #eb4b4b08
}

.color-industrial {
    background-image: linear-gradient(150deg, #8847ff00, #5e98d90d 60%, #5e98d940);
    color: #5e98d9
}

.color-industrial:hover {
    box-shadow: 0 10px 20px 0 #5e98d908
}

.color-classified {
    background-image: linear-gradient(150deg, #8847ff00, #ff47f10d 60%, #d32ee640);
    color: #d32ee6
}

.color-classified:hover {
    box-shadow: 0 10px 20px 0 #d32ee608
}

.color-golden {
    color: #f89406
}

.border-golden {
    border: 1px solid #f89406
}

.border-blue {
    border: 1px solid #6080ff
}

.border-blinking {
    animation: highlightBorder 2s infinite;
    border: 1px solid grey
}

.color-golden {
    background-image: linear-gradient(150deg, #8847ff00, #ffb1000d 60%, #f8940640)
}

.color-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608
}

.b-color-golden {
    background: linear-gradient(#fff0, #ff97003d 100%)
}

.color-restricted {
    background-image: linear-gradient(150deg, #8847ff00, #8847ff0d 60%, #8847ff40);
    color: #8847ff
}

.color-restricted:hover {
    box-shadow: 0 10px 20px 0 #8847ff08
}

.color-milspec {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40);
    color: #4b69ff
}

.color-milspec:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08
}

.color-logitech {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40)
}

.color-logitech:hover {
    box-shadow: 0 10px 20px 0 #2c335808
}

.skin-bg {
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 90%
}

.grid-inventory .grid.shop .skin:hover:after {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border-radius: 12px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important
}

.inventroy__gift:hover {
    transform: translateY(3px)
}

.grid-inventory .skin>div {
    display: flex;
    justify-content: center;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.grid-inventory .s-image-drop {
    margin-top: 0 !important;
    max-height: 88px;
    max-width: 60% !important;
    top: 18px !important;
    width: auto !important
}

.grid-inventory .skin p {
    bottom: 20px !important;
    color: #ffffffeb !important;
    font-size: 12px !important;
    top: auto !important
}

.grid-inventory .skin:hover div img {
    transform: scale(1);
    transition: .3s
}

.p_skin_quality_0 {
    color: #cf674d !important;
    font-weight: 700 !important
}

.p_skin_quality_0,
.p_skin_quality_1 {
    display: inline-block
}

.grid-inventory .check {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: absolute !important;
    right: 12px !important;
    top: -4px !important;
    width: auto !important;
    z-index: 99999 !important
}

.grid-inventory .check svg {
    width: 19px !important
}

.grid-inventory .check img {
    left: auto !important;
    margin-top: 0 !important;
    right: -3px !important;
    top: 13px !important;
    width: 19px !important
}

.block-servers-name,
.verify {
    cursor: pointer !important
}

.big {
    border: 0 solid #ffffff0d;
    opacity: 1 !important
}

.n-button {
    align-items: center;
    background: #6080ff;
    border-radius: 4px;
    color: #ecf1f8 !important;
    display: inline-flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 24px
}

.big>div>a>img,
.big>div>a>video {
    border-radius: 12px;
    height: 320px !important;
    left: 0;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100% !important
}

.block-border-map {
    background: #14191e;
    border-radius: 12px;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    overflow: hidden;
    position: absolute !important;
    top: 2px !important;
    width: calc(100% - 4px) !important
}

.big:hover {
    box-shadow: 0 10px 20px 0 #ffffff05
}

.big:hover div img {
    opacity: .7;
    transition: .5s
}

.block-border {
    background-position: 0 50%;
    background-size: 300% 300%;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border.golden {
    background: linear-gradient(60deg, #f88e14, #ff9300, #ffaf07)
}

.block-border.grey {
    background: #aecce4
}

.block-border.blue {
    background: #6080ff
}

.block-border-blue {
    background: linear-gradient(60deg, #4e7df0, #4584f0, #3d35f0);
    background-position: 0 50%;
    background-size: 300% 300%
}

.block-border-blue,
.block-border-prime {
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border-prime {
    background: linear-gradient(60deg, #6ed2fe, #46a5fe, #5496fe);
    background-position: 0 50%;
    background-size: 300% 300%
}

.box-shadow-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608 !important
}

.box-shadow-blue:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08 !important
}

header .exit {
    color: #eb645d;
    display: inline-block;
    float: right;
    font-size: 0;
    margin-left: 20px;
    margin-right: 21px;
    padding: 0;
    top: -1px;
    transition: .3s
}

header .exit img {
    height: 18px;
    opacity: .2;
    transition: .3s;
    width: 18px
}

header .exit:hover img {
    opacity: 1;
    transition: .3s
}

header .profile {
    margin-left: 21px
}

header .deposit {
    float: right;
    font-size: 13px !important;
    height: 36px !important;
    line-height: inherit !important;
    padding: 0 14px !important
}

header .deposit img {
    height: 15px;
    margin-left: 2px;
    width: 15px
}

.header-button-deposit {
    align-items: center;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px
}

.header-button-premium .deposit {
    background: linear-gradient(45deg, #c37f00, #ffb000)
}

#section-servers {
    border-right: 1px solid #0003;
    display: block;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    z-index: 1000
}

.home-body-servers:hover {
    box-shadow: 0 10px 20px 0 #ffffff05;
    cursor: pointer;
    opacity: 1 !important;
    transition: .3s
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s
}

.home-body-servers:hover div img {
    opacity: 1 !important;
    transition: .5s
}

.tippy-arrow,
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow,
.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    display: none !important
}

.page_profile_new #profile-main {
    left: 8px !important;
    top: -2px !important
}

.page_profile_new #profile-nav {
    margin-top: -6px !important;
    padding-left: 36px;
    text-align: left
}

.page_profile_new #profile-nav a {
    color: #94a7b7;
    font-weight: 700;
    padding: 0 29px
}

.xp-bar {
    float: left;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    top: -4px
}

.xp-bar-info {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 15px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-1 {
    display: inline-block
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-2 {
    color: #777 !important;
    display: inline-block;
    font-weight: 700 !important
}

.xp-bar-info-2 span {
    color: #777;
    font-weight: 400;
    margin-left: 5px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-3 {
    color: #5f5f5f !important;
    display: inline-block;
    font-weight: 500 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__giftInfo--2qi6 {
    right: 10px !important
}

.loyalty__progressBox--2KEX {
    top: -7px;
    transform: none;
    width: 640px
}

.profile-socials {
    align-items: center;
    background: #0000002b;
    border-radius: 4px;
    display: flex;
    padding: 9px 10px
}

.profile-socials-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 12px;
    position: absolute;
    right: 30px;
    z-index: 10
}

.profile-socials a {
    align-items: center;
    display: flex;
    opacity: .5
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBar--3fut {
    height: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBg--2f0j {
    height: 6px !important
}

#profile-cover {
    height: 330px !important
}

.gold #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.page_profile_new #profile-content .profile-content-block #top-stats>div {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top !important;
    width: auto !important
}

.page_profile_new #profile-content .profile-content-block #top-stats {
    grid-gap: .6rem !important;
    align-content: flex-start !important;
    display: -ms-flexbox;
    display: grid !important;
    flex-wrap: wrap;
    gap: .6rem !important;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 20rem)) !important;
    grid-template-rows: 65px 65px 65px 65px;
    height: 100% !important;
    left: 20px;
    margin-right: 2rem !important;
    margin-top: 0;
    overflow: auto !important;
    top: 20px;
    width: 40% !important
}

#shop {
    border-top: 1px solid #0003;
    height: 88.5vh;
    padding: 0 16px
}

#date .status {
    display: inline-block;
    margin: -6px 24px 6px;
    opacity: .5
}

main {
    display: block;
    height: 100%;
    margin-left: 84px;
    margin-right: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 60px;
    transition: all .2s ease
}

.wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    width: 100%
}

#servers {
    padding-left: 3px
}

#servers .modes {
    grid-gap: .9rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .9rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
    height: 100%;
    width: 100%
}

#routerpages {
    display: block;
    flex-grow: 1;
    width: 100%
}

.page-servers-grid {
    display: block;
    height: 100%;
    margin: 1% 1% 0
}

.table {
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--hover);
    border-top: none;
    padding: 12px 0;
    vertical-align: middle
}

.table tbody tr:nth-of-type(2n) th {
    background: #1c233480;
    padding: 15px 0
}

.table-players-server-header th {
    background: #1c233480
}

.table tbody tr th:first-child,
.table-players-server-header th:first-child {
    border-radius: 6px 0 0 6px
}

.table tbody tr th:last-child,
.table-players-server-header th:last-child {
    border-radius: 0 6px 6px 0
}

tbody tr,
thead tr {
    width: 100%
}

.table-grid {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.alt {
    display: none;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.alt-left {
    align-items: center;
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac;
    display: none;
    font-family: Roboto;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    opacity: 1;
    outline: 0;
    padding: 0 8px;
    right: 120%;
    transition-property: visibility, opacity, transform;
    transition: .3s
}

.tip:hover .alt,
.tip:hover .alt-left {
    display: inline-flex;
    opacity: 1;
    transition: .3s
}

.home-body-servers a img {
    height: 16px;
    vertical-align: middle
}

img,
svg {
    color: inherit;
    font-size: inherit
}

.header-side-left a img {
    height: 21px;
    vertical-align: middle
}

time img {
    height: 16px;
    left: -6px;
    top: 2px
}

.edit-link-out {
    left: 20px
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1
}

.servers-grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
    height: 100% !important;
    overflow: visible;
    overflow: initial;
    padding-bottom: 20px
}

#prime-servers {
    margin-bottom: 2rem
}

#servers {
    height: 100%;
    width: 100%
}

#profile-nav div[disabled],
.site-nav a[disabled],
.support-nav li[disabled] {
    opacity: .2;
    pointer-events: none
}

#profile-nav a img {
    font-size: 24px;
    height: 13px;
    margin-right: 7px;
    opacity: .1;
    top: -1px;
    vertical-align: middle
}

#page-servers-home {
    display: none;
    overflow: visible;
    overflow: initial
}

#page-servers-servers {
    display: none;
    gap: 0;
    grid-template-columns: 1fr 270px;
    width: 100%
}

#page-servers-servers-no-prime,
#page-servers-servers-prime {
    padding-left: 21px
}

#nav-servers .nav-servers-button-setting {
    opacity: 0;
    padding: 0 12px !important
}

#nav-servers .nav-servers-button-setting:hover,
#nav-servers .nav-servers-button-setting:hover img {
    opacity: .8
}

#nav-servers .nav-servers-button-setting img {
    height: 20px !important;
    margin-right: 0 !important;
    opacity: .2;
    top: -1px;
    transition: .3s;
    width: 20px !important
}

#nav-servers:hover .nav-servers-button-setting {
    opacity: .4;
    transition: .3s
}

#profile-friends {
    margin: 1%
}

.block-profile-friends-menu {
    display: block;
    float: left;
    width: 100%
}

.block-profile-friends-menu-grid-line {
    align-items: center;
    background: #0a0f1552;
    cursor: pointer;
    flex-direction: row;
    font-size: 16px;
    height: 50px;
    padding: 13px 11px;
    transition: .3s;
    vertical-align: middle;
    width: 100%
}

.block-profile-friends {
    display: block;
    float: right;
    width: 100%
}

.block-profile-friends-f-block {
    background: #131a24;
    border-radius: 5px;
    display: flex;
    height: 50px;
    transition: .3s
}

#block-profile-friends-offline .block-profile-friends-f-block {
    opacity: .7
}

.block-profile-friends-f-block:hover {
    cursor: pointer;
    opacity: 1;
    transform: translateY(3px) !important;
    transition: .3s;
    z-index: 101 !important
}

.block-profile-friends-f-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.block-profile-friends-f-block-content-name {
    color: #818fa3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-profile-friends-f-block-content-server {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-server {
    overflow: hidden;
    white-space: nowrap;
    width: 55%
}

.block-profile-friends-f-block-img {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 10px
}

.block-profile-friends-f-block-img img {
    border-radius: 50%;
    height: 31px;
    object-fit: cover;
    width: 31px
}

.block-profile-friends-f-block-img:before {
    background: #636772;
    border: 2px solid #0f141b;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 1
}

#block-profile-friends-online .block-profile-friends-f-block-img:before {
    background: #3999de
}

#block-profile-friends-in-game .block-profile-friends-f-block-img:before {
    background: #33ff7b
}

.block-profile-friends-grid {
    grid-gap: .8rem;
    align-content: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
    margin-bottom: 24px;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.block-profile-friends-w h4 {
    color: #748297;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    text-transform: none
}

#block-profile-friends-online .block-profile-friends-f-block-content-name {
    color: #57cbde
}

#block-profile-friends-in-game .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #a3cf06
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-name {
    color: #e3ffc2
}

#block-profile-friends-offline .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #586577
}

#profile_button_connect img {
    height: 20px;
    right: 10px;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

.table-players-server-header tr th {
    color: #7a8697;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.data-one-server-info tr th {
    color: #e1e9fd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.data-one-server-info a,
.data-one-server-info tr th {
    align-items: center;
    display: flex
}

.table-players-server-header tr:nth-of-type(odd) {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.data-one-server-info tr,
.table-players-server-header tr {
    display: grid;
    grid-template-columns: 80px 98px 1fr 1fr 1fr 1fr 1fr 1fr
}

.arcade-mode .data-one-server-info tr,
.arcade-mode .table-players-server-header tr {
    grid-template-columns: 60px 120px 1fr
}

.data-one-server-info a {
    height: 100%
}

.table-players-server-body {
    display: grid;
    height: 247px;
    padding-right: 6px;
    width: calc(100% + 6px)
}

#profile-stats {
    width: 100%
}

.profile-stats-grid {
    grid-gap: .8rem !important;
    display: grid;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    gap: .8rem !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.profile-stats-grid div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin: 14px 0;
    text-align: center;
    vertical-align: middle
}

.profile-stats-grid div strong {
    font-size: 26px;
    font-weight: 700
}

.profile-stats-grid div p {
    font-size: 15px;
    font-weight: 500;
    opacity: .5
}

#p-profile-faceit-country img {
    width: 22px
}

#deviceModal form h4 {
    left: 10px;
    margin-bottom: 14px
}

#video-compare-container {
    border-radius: 5px;
    display: inline-block;
    height: 270px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#video-compare-container>img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#video-clipper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#video-clipper img {
    height: 100%;
    width: 200%
}

#video-clipper>div {
    height: 100% !important
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.p-ch-block-menu {
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

.p-ch-block-menu h4 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    text-transform: inherit;
    transition: .3s
}

.p-ch-block-menu summary {
    cursor: pointer;
    padding: 16px 0
}

.p-ch-block-menu details[open] summary {
    background: #1d2330;
    border-radius: 5px
}

.p-ch-block-menu h4:hover {
    cursor: pointer;
    transition: .3s
}

.p-ch-block-menu h4 .arrow {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 12px
}

.p-ch-block-menu details[open] .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.p-ch-block-menu ul {
    border-left: 2px solid #1d2330;
    margin: 10px 0 8px 24px;
    padding-left: 26px
}

.p-ch-block-menu li {
    align-items: center;
    color: #919ba7;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px
}

.p-ch-block-menu li.active {
    color: #d9e3f1
}

.p-ch-block-menu li.colored:before {
    background: #6080ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li {
    color: #eaf2ffb3;
    font-size: 14px;
    font-weight: 500;
    left: 30px;
    padding: 7px 0;
    transition: .3s
}

.blue-dotted-list li:before {
    background: #1c2430;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li.active:before {
    background: #6080ff
}

.blue-dotted-list li.active {
    color: #fff;
    transition: .3s
}

.blue-dotted-list li:hover {
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.p-ch-grid {
    overflow: scroll;
    overflow-x: hidden
}

.block-profile-friends-f-block .block-profile-friends-f-block__connect {
    align-items: center;
    background: #111721;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #aecce4;
    display: flex;
    height: 100%;
    opacity: 1;
    padding: 0 13px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: .3s;
    z-index: 25
}

.block-profile-friends-f-block__connect img {
    height: 19px
}

.p-ch-block-upper {
    align-content: center;
    border-bottom: 1px solid #161d29;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: visible;
    overflow: initial;
    text-align: center;
    width: 100%
}

.p-ch-block-upper div {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    text-align: center;
    transition: .3s
}

.p-ch-block-upper div img {
    width: 21px
}

.p-ch-block-upper>div:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

.p-ch-block-upper div.active {
    background: #131a22
}

#profile-skinchanger-skins {
    display: block
}

.skin-disable {
    background-image: linear-gradient(150deg, #8847ff00, #8a83720d 60%, #121519) !important;
    border: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: .3s;
    z-index: 999999
}

.skin-disable .s-image-drop,
.skin-disable p {
    opacity: .4;
    transition: .3s
}

.skin-disable:hover .s-image-drop,
.skin-disable:hover p {
    filter: blur(4px);
    opacity: .3 !important;
    transition: .3s
}

.skin-disable:hover .skin-buy-premium {
    opacity: 1 !important;
    transition: .3s
}

.skin-buy-premium {
    opacity: 0;
    top: 19px !important;
    transition: .3s;
    z-index: 99999
}

.skin-buy-premium,
.skin-buy-premium>div {
    filter: none !important;
    position: absolute !important
}

.skin-buy-premium .text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    top: 4px
}

.skin-buy-premium .text div {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    top: 4px
}

.skin-buy-premium>div img {
    display: block;
    filter: drop-shadow(0 0 16px rgba(237, 165, 49, .2));
    margin: 0 auto;
    padding-top: 10px;
    top: 0 !important;
    width: 43% !important
}

.horizontal-scroll>div {
    display: inline-block;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: auto
}

.horizontal-scroll>div,
.horizontal-scroll>div>div {
    color: #aecce4;
    font-size: 12px !important
}

.horizontal-scroll>div>a {
    transition: .3s
}

.horizontal-scroll>div>a.active {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

.horizontal-scroll>div>a[disabled] {
    color: #ffffff1a !important;
    filter: grayscale(100%);
    pointer-events: none
}

.horizontal-scroll>div>a:hover {
    border-bottom: 3px solid #6080ff;
    transition: .3s
}

.horizontal-scroll .horizontal-scroll-a-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46%
}

.horizontal-scroll .horizontal-scroll-a-r {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 46%
}

.section-servers-none {
    display: none;
    padding: 70px 0;
    position: relative;
    text-align: center;
    top: 30%;
    width: 100%
}

.section-servers-none>div {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: auto;
    text-align: center;
    width: 100%
}

.section-servers-none>div>img {
    margin-bottom: 34px;
    width: 44px
}

.section-servers-none>div>div {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

#dropSkinsModal {
    background: linear-gradient(1turn, #090e13 -67.25%, #192432 195.71%);
    min-width: 396px;
    padding: 35px;
    text-align: center
}

.modelLabelText {
    color: #ffffff80;
    font-family: Roboto Condensed;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center
}

.header-pro-select h4 {
    color: #a7a7a7b3;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 0 6px 10px
}

.premium-wrapper {
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/bg/premium.png*/
        url() no-repeat calc(50% - 60px) -250px;
    display: block;
    position: relative;
    width: 100%
}

.premium__benefits,
.premium__main {
    transition: all .2s ease
}

.premium__main {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.premium__main-content {
    width: 500px
}

.premium__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 95px;
    text-align: left;
    text-transform: inherit
}

.premium__title span {
    color: #6080ff
}

.premium__sub-title {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 27px;
    opacity: .7
}

.premium__main-line {
    background-color: #22272e;
    display: block;
    height: 1px;
    margin: 45px 0 42px;
    width: 100%
}

.premium__quote {
    align-items: flex-start;
    display: flex;
    margin-bottom: 21px
}

.premium__quote span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-left: 24px;
    width: 386px
}

.premium__main-plans {
    display: flex;
    gap: 19px;
    margin-top: 48px;
    position: relative
}

.premium__main-plans.allow-bonus {
    transform: translateX(-120px)
}

.premium__main-plans:before {
    background: #00000030;
    content: "";
    display: block;
    filter: blur(20px);
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.select-arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%)
}

.premium__plan-benefits-title {
    color: #838c98;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    text-transform: uppercase
}

.premium__plan-benefits {
    border-top: 2px solid #e49635;
    padding-top: 32px
}

.premium-lite__plan .premium__plan-benefits {
    border-top: 2px solid #6080ff
}

.disabled-benefit,
.disabled-benefit a {
    color: #838c98 !important
}

.plan-line {
    background-color: #1d2329;
    display: block;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

.premium-price-span {
    align-items: center;
    color: #838c98;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    top: -4px
}

.premium-price-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

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

.premium__pagination {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.pagination__step {
    background-color: #838c98;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 4px;
    margin-left: 10px;
    width: 5px
}

.pagination__step-active {
    background-color: #f19102;
    border-radius: 3px;
    width: 20px
}

.premium__comment-slider {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.quote-author__img {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.quote-author__img img {
    border-radius: 100%;
    height: 100%
}

.premium__quote-author {
    align-items: center;
    display: flex;
    margin-left: 51px
}

.quote-author__data {
    display: flex;
    flex-direction: column
}

.quote-author__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.premium__benefits {
    margin-top: 142px;
    padding-bottom: 150px
}

.premium__benefit-content {
    flex-direction: column
}

.premium__benefit-block,
.premium__benefit-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.premium__benefit-block {
    gap: 160px;
    margin-bottom: 150px
}

.reverse-benefit {
    flex-direction: row-reverse
}

.premium__benefit-name {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    margin: 24px 0 14px;
    text-align: center;
    text-transform: uppercase
}

.premium__benefit-descr {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.premium__benefit-images {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    position: relative;
    width: 450px
}

.premium__benefit-images>img:not(:first-child) {
    position: absolute;
    z-index: 5
}

.premium__benefit-images .under-demo-images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.benefit-number,
.premium__benefit-images .under-demo-images img {
    position: absolute
}

.benefit-number {
    color: #fff;
    display: block;
    font-size: 300px;
    font-weight: 900;
    letter-spacing: -48px;
    opacity: .05;
    right: 435px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.premium__benefit-content {
    width: 450px
}

.premium__bottom-subscribe {
    text-align: center;
    transition: .3s
}

.premium__bottom-subscribe h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    text-align: center
}

.premium__bottom-subscribe p {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0 32px;
    text-align: center
}

.premium__bottom-subscribe button {
    background-color: #f19102;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    text-transform: uppercase;
    width: 260px
}

.benefit-img__cases {
    bottom: -18px;
    right: -53px
}

.benefit-img__karambit {
    left: -26px;
    top: 11px
}

.benefit-img__blured-ak {
    left: 56px;
    top: -79px
}

.benefit-img__awp {
    bottom: 0;
    right: 0
}

.benefit-img__mission {
    animation: lowerRankRotation 4s ease infinite;
    left: -17px;
    top: 26px
}

.benefit-img__flashbang {
    bottom: -30px;
    left: -20px
}

.benefit-img__neon-ak {
    right: -38px;
    top: 91px
}

.benefit-img__bullets {
    left: -20px;
    top: -22px
}

.benefit-img__navi {
    bottom: -40px;
    left: -53px
}

.benefit-forze {
    right: -60px;
    top: -50px
}

.benefit-img__crosshair {
    left: 73px;
    top: -66px
}

.benefit-img__locker {
    bottom: -66px;
    left: 110px
}

.benefit-vp {
    bottom: -63px;
    right: -34px
}

.benefit__curtain {
    right: -40px;
    top: -10px
}

.benefit__corona {
    left: -78px;
    top: -75px
}

.benefit__feathers {
    animation: feathers 3s ease-in infinite;
    bottom: -46px;
    left: 23px
}

.benefit__cup {
    left: -40px;
    top: 0
}

.benefit__diamonds {
    left: -10px;
    top: -21px
}

.benefit__18-rank {
    left: 73px;
    top: -83px
}

.benefit__10-rank {
    bottom: -41px;
    left: 152px
}

.benefit__4-rank {
    left: -22px;
    top: 120px
}

.benefit__19-rank {
    right: -43px;
    top: -42px
}

.red {
    color: #be3737
}

.tab-content__active {
    display: block
}

.benefit__gif {
    border-radius: 5px;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (max-width:1500px) {
    .premium__title {
        text-align: center
    }

    .premium__main {
        flex-direction: column
    }

    .premium__main-content {
        text-align: center
    }

    .premium__comment-slider {
        align-items: center;
        flex-direction: column
    }

    .premium__quote {
        justify-content: center
    }

    .premium__quote-author {
        margin-bottom: 24px;
        margin-left: 0
    }

    .premium__quote span,
    .quote-author__data {
        text-align: left
    }

    .premium__pagination {
        margin-bottom: 52px
    }

    .premium__main-plans {
        margin-left: 0
    }

    .premium__benefits {
        margin-top: 156px
    }

    .premium__benefit-block {
        flex-direction: column
    }

    .premium__benefit-block .premium__benefit-content {
        margin-left: 0;
        margin-right: 0
    }

    .benefit__drops .premium__benefit-content {
        margin-bottom: 87px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 77px
    }

    .benefit__no-ads .premium__benefit-content {
        margin-bottom: 69px
    }

    .benefit__pro .premium__benefit-content {
        margin-bottom: 60px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__tag .premium__benefit-content {
        margin-bottom: 67px
    }

    .benefit__exp .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 73px
    }

    .premium__benefit-block {
        margin-bottom: 100px
    }

    .benefit__18-rank {
        left: -13px;
        top: -58px
    }

    .benefit-img__karambit {
        top: 0
    }

    .premium__benefits {
        padding-bottom: 100px
    }

    .premium-wrapper {
        background-position: top
    }
}

@media (max-width:1100px) {
    .sidebar {
        display: none
    }

    .premium__title {
        text-align: center
    }
}

@media (max-width:650px) {
    .premium__title {
        font-size: 32px;
        margin-bottom: 14px;
        text-align: center
    }

    .premium__sub-title {
        font-size: 14px;
        margin: 0 auto;
        width: 300px
    }

    .premium__main-line {
        margin: 37px auto 32px;
        width: 300px
    }

    .premium__quote span {
        width: 249px
    }

    .premium__quote-author {
        transform: translateX(-20px)
    }

    .premium-lite__plan {
        margin-bottom: 32px;
        margin-right: 0
    }

    .premium__main-plans {
        flex-direction: column
    }

    .premium__benefits {
        margin-top: 174px
    }

    .premium__benefit-name {
        font-size: 24px
    }

    .premium__benefit-descr {
        font-size: 14px;
        width: 300px !important
    }

    .benefit__drops .benefit__drops .premium__benefit-content {
        margin-bottom: 66px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 50px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__exp .premium__benefit-content,
    .benefit__no-ads .premium__benefit-content,
    .benefit__pro .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 46px
    }

    .benefit__tag .premium__benefit-content {
        margin-bottom: 56px
    }

    .premium__benefit-name {
        text-align: center
    }

    .premium__benefit-images {
        height: 200px;
        width: 300px
    }

    .benefit-img__cases {
        display: none
    }

    .benefit-img__karambit {
        left: -16px;
        top: 0;
        width: 80px
    }

    .benefit-img__blured-ak {
        left: 56px;
        top: -48px;
        width: 219px
    }

    .benefit-img__flashbang {
        bottom: -20px;
        left: 0;
        width: 50px
    }

    .benefit-img__neon-ak {
        right: -10px;
        top: 80px;
        width: 331px
    }

    .benefit-img__bullets {
        left: 13px;
        top: -22px
    }

    .benefit-img__navi {
        bottom: -30px;
        left: -8px;
        width: 78px
    }

    .benefit-forze {
        right: -25px;
        top: -16px;
        width: 56px
    }

    .benefit-vp {
        bottom: -49px;
        right: -11px;
        width: 114px
    }

    .benefit__curtain {
        right: -1px;
        top: 0;
        width: 129px
    }

    .benefit__corona {
        left: -11px;
        top: -43px;
        width: 89px
    }

    .benefit__feathers {
        animation: feathers 3s ease-in infinite;
        bottom: -46px;
        left: 23px;
        width: 259px
    }

    .benefit__cup {
        height: 173px;
        left: 0;
        top: 48px
    }

    .benefit__diamonds {
        left: 12px;
        top: 38px;
        width: 79px
    }

    .benefit__18-rank {
        display: none
    }

    .benefit__10-rank {
        left: auto;
        right: 34px;
        width: 64px
    }

    .benefit__4-rank {
        left: 8px;
        top: 78px;
        width: 41px
    }

    .benefit__19-rank {
        right: 2px;
        top: -20px;
        width: 80px
    }

    #video-clipper img,
    #video-compare-container>img {
        object-fit: cover
    }
}

.premium-price-value img {
    height: 21px;
    left: 8px
}

.premium-price-value-price {
    float: left
}

#mode__modal {
    position: relative
}

.footer {
    flex-shrink: 0;
    margin-top: 40px;
    width: 100%
}

.footer .flex-wrap {
    align-items: center;
    display: flex;
    gap: 0;
    height: 100%;
    justify-content: center;
    overflow: auto;
    padding-bottom: 40px;
    width: 100%
}

.footer__sponsors {
    position: relative;
    text-align: center;
    width: 100%
}

.footer__sponsors img {
    background: 0 0;
    border-radius: 12px;
    max-height: 80px;
    max-width: 170px;
    opacity: .1;
    transition: .3s
}

.footer__sponsors a:hover img {
    filter: grayscale(24%);
    opacity: 1;
    transition: .3s
}

.footer__navigation {
    border-top: 1px solid #1c2127;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 96px 80px;
    row-gap: 80px;
    width: 100%
}

.footer__sponsors {
    padding-left: 60px;
    padding-right: 60px
}

.footer__logo img {
    height: 30px;
    margin-top: 3px
}

.footer__sponsors a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 86px
}

.footer__nav-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__nav-list li {
    color: #9a9fa9;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    transition: filter .2s ease
}

.footer__nav-list li:hover {
    filter: brightness(125%)
}

.footer__socials {
    display: flex;
    gap: 12px
}

.footer__socials img {
    transition: all .3s;
    transition: filter .2s ease;
    width: 100%
}

.footer__socials a {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px
}

.footer__socials a:hover img {
    filter: brightness(135%)
}

.benefit__diamonds {
    animation: imgScale 4s infinite
}

.benefit-img__bullets {
    animation: bullets 4s infinite
}

.benefit__18-rank {
    animation: rankRotation 4s ease infinite
}

.benefit__10-rank {
    animation: lowerRankRotation 4s ease infinite
}

.benefit-img__flashbang {
    animation: flashRotation 5s ease infinite
}

.benefit-img__blured-ak {
    animation: akRotation 5s ease infinite
}

#premium-modal .premium-version {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin: 35px 0 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 2s
}

.lite-premium-modal .premium-version {
    color: #32a0ef
}

.full-premium-modal .premium-version {
    color: #eda231
}

#premium-modal .premium-period {
    color: #9d9ea0;
    font-size: 14px;
    line-height: 23px;
    transition: all 5s
}

#premium-modal .premium-period,
.premium-modal__title {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.premium-modal__title {
    color: #e6e6e6;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all .5s
}

.premium-modal__corona {
    transform: translateY(40px);
    transition: all 1s
}

.lite-premium-modal .premium-modal__corona,
.premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-modal .premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-modal__close {
    background: #0000;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    margin: 35px auto 0;
    opacity: 0;
    text-align: center;
    transition: all 1s;
    width: 144px
}

.lite-premium-modal .premium-modal__close {
    border: 1px solid #32a0ef
}

.full-premium-modal .premium-modal__close {
    border: 1px solid #f08e33
}

.premium-modal__left-bg {
    left: 0;
    transform: translateX(-100%)
}

.premium-modal__left-bg,
.premium-modal__right-bg {
    animation: bgPulsing 1.5s infinite;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 1s
}

.premium-modal__right-bg {
    right: 0;
    transform: translateX(100%)
}

.avatar.premium-lite {
    border: 2px solid #6080ff !important
}

.container-border-bottom {
    border-bottom: 1px solid #1b2027;
    margin-bottom: 20px;
    padding-bottom: 20px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}

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

.drop-modal__wrapper,
.premium-renew-modal__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    mix-blend-mode: normal;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999
}

.premium-renew-modal__wrapper {
    background: #080c11e6;
    transition: opacity .3s
}

.drop-modal__wrapper,
.modal__overlay_CASE_MODAL>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #0f141bd9
}

#premium-renew-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.premium-time-left {
    background: #151f36;
    border-radius: 4px;
    color: #e4eaff;
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 42px auto 10px;
    opacity: 0;
    padding: 9px 19px;
    text-transform: uppercase;
    transform: translateY(20px);
    transition: all 1s ease
}

.premium-renew__corona {
    display: block;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease
}

.premium-renew__title {
    font-family: Roboto Condensed;
    font-size: 78px;
    font-weight: 700;
    line-height: 91px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s ease
}

.premium-renew__title-wrapper {
    margin-bottom: 20px
}

.premium-renew__title-wrapper .side-span {
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    width: 0
}

.lite-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #32a0ef
}

.full-premium-renew-modal .premium-renew__title-wrapper .side-span,
.premium-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #eda231
}

.premium-renew__title-wrapper .side-span:first-child {
    left: -42px;
    transform: translateY(-50%) translateX(-100%)
}

.premium-renew__title-wrapper .side-span:last-child {
    right: -42px;
    transform: translateY(-50%) translateX(100%)
}

.lite-premium-renew-modal .premium-renew__title {
    color: #32a0ef
}

.full-premium-renew-modal .premium-renew__title,
.premium-premium-renew-modal .premium-renew__title {
    color: #eda231
}

.lite-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-renew-modal .premium-renew__corona,
.premium-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-renew__buttons {
    opacity: 0;
    text-align: center;
    transform: translateY(-10px);
    transition: all 1s ease
}

.premium-renew__buttons a,
.premium-renew__buttons button {
    border-radius: 7px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 15px 21px;
    text-transform: uppercase;
    transition: all .2s ease
}

.premium-renew-btn {
    background: #0000
}

.lite-premium-renew-modal .premium-renew-btn {
    border: 1px solid #32a0ef
}

.lite-premium-renew-modal .premium-renew-btn:hover {
    background-color: #32a0ef26;
    box-shadow: 0 5px 20px #32a0ef2e
}

.full-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.full-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.premium-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-notify-later-btn {
    background: #0d161f;
    border: 1px solid #0000
}

.premium-notify-later-btn:hover {
    filter: brightness(125%)
}

.dont-notify {
    color: #e6e6e680;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    opacity: 0;
    text-align: center;
    text-decoration-line: underline;
    transition: all 1s ease
}

.premium-renew__appear {
    opacity: 1;
    transform: translateY(0)
}

#unmodals {
    position: absolute;
    z-index: 99999
}

#deposit__modal {
    position: relative
}

h2.deposit__title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 135%;
    opacity: 1;
    text-transform: uppercase
}

h3.deposit__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 28px;
    opacity: .7;
    text-align: left;
    text-transform: uppercase
}

.deposit__types-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.deposit__payment-systems-wrapper {
    margin-bottom: 24px
}

.deposit__balance-modal,
.deposit__prem-modal {
    align-items: flex-start;
    background: #141c25;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 35px
}

.deposit__balance-modal {
    border-radius: 12px;
    width: 720px
}

.deposit__prem-modal {
    border-radius: 0 12px 12px 0;
    margin-left: 10px;
    width: 553px
}

.deposit__balance-modal>div,
.deposit__prem-modal>div {
    width: 100%
}

.payment-providers-list {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    height: 350px;
    overflow-y: scroll;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.payment-providers-list:not(:first-child) {
    display: none
}

.deposit-pay-system {
    align-items: center;
    background: #19212c;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    transition: all .2s ease
}

.deposit-modal__content {
    margin-top: 30px;
    width: 100%
}

.deposit-converter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.deposit__convert-bar {
    display: block;
    display: grid;
    float: left;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.deposit__convert-bar,
.deposit__phone-number {
    background: #19212c;
    border-radius: 10px;
    height: 56px;
    position: relative;
    width: 100%
}

.deposit__phone-number {
    align-items: center;
    display: none;
    margin-bottom: 20px;
    overflow: hidden
}

.deposit__phone-number-img {
    align-items: center;
    background: #222f3f;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50px
}

.deposit-foot__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.deposit__phone-number-img img {
    opacity: .5;
    width: 20px
}

.code-input__wrapper input,
.deposit__convert-bar input,
.deposit__phone-number input {
    background: #0000;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    outline: none;
    padding-top: 13px;
    position: relative;
    transition: all .2s;
    width: 100%
}

.code-input__wrapper input+label,
.deposit__convert-bar input+label,
.deposit__phone-number input+label {
    color: #acb6e08f;
    font-family: Roboto;
    font-size: 9px;
    font-weight: 500;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: all .2s
}

.code-input__wrapper input:focus,
.deposit__phone-number input:focus {
    padding-top: 0
}

.code-input__wrapper input:focus+label,
.deposit__phone-number input:focus+label {
    opacity: 0
}

input.rubles-input+label {
    padding-left: 40px
}

.deposit__convert-bar input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.deposit__convert-bar input::-webkit-inner-spin-button,
.deposit__convert-bar input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.deposit__convert-bar input:focus,
.deposit__convert-bar input:hover {
    border: 0
}

.convert-indicator {
    align-items: center;
    background: #151f2c;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.converter__cybercoins,
.converter__rubles {
    align-items: center;
    display: flex;
    padding: 0 30px;
    width: 100%
}

.deposit-modal-button {
    background: #6080ff;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    transition: all .2s;
    width: 100%
}

.deposit-modal-button:hover {
    filter: brightness(110%)
}

.deposit__premium-plans {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
    width: 100%
}

.deposit__premium-plans>div {
    display: block;
    height: 158px;
    padding: 19px;
    width: 210px
}

.deposit__premium-price,
.deposit__premium-title {
    align-items: center;
    display: flex
}

.deposit__premium-title {
    justify-content: space-between;
    margin-bottom: 25px
}

.deposit__premium-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 135%;
    text-transform: capitalize
}

.deposit__premium-price {
    font-size: 18px;
    font-weight: 700
}

.price-currency {
    margin-right: 5px;
    width: 15px
}

.deposit__code-inputs {
    grid-gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1.3fr
}

.code-input__wrapper {
    background: #19212c;
    border-radius: 10px;
    height: 56px
}

.code-input__wrapper input,
.deposit__phone-number input {
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    text-transform: uppercase
}

.code-input__wrapper input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.save-code {
    background: #6080ff33;
    border-radius: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 32px
}

.save-code:hover {
    background: #6080ff59;
    transition: .3s
}

.deposit__buy-premium {
    margin-left: 0;
    margin-top: 67px;
    width: 100%
}

.choosen-payment-provider {
    border-bottom: 2px solid #6080ff
}

.method__currency {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #26293599;
    border: 1px solid #6875a130;
    border-radius: 6px;
    color: #88969c;
    display: block;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: 120.2%;
    padding: 6px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto
}

.premium__bottom-subscribe button {
    transition: .3s
}

.premium__bottom-subscribe button:hover {
    filter: brightness(110%);
    transition: .3s
}

.event-xp-modal__wrapper {
    background: linear-gradient(1turn, #090e13 -138.15%, #192432 195.71%);
    border-radius: 16px;
    padding: 40px 35px;
    width: 443px
}

.event-xp-modal__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.event-xp-modal__subtitle,
.event-xp-modal__title {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.event-xp-modal__subtitle {
    color: #878787;
    font-size: 15px
}

h4 .new_span {
    background: #ff7d00;
    border-radius: 9px;
    box-shadow: 0 4px 6px #ff7d0033;
    left: 8px;
    padding: 0 6px
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: -webkit-linear-gradient(top, #fff0, #0046ff00 50%, #fff0 51%, #00aeff00);
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#profile__premium-indicator {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    height: 23px;
    justify-content: center;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: -22px
}

.profile__full-prem {
    border: 1px solid #feb611;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.profile__lite-prem {
    border: 1px solid #32a0ef;
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

#profile__premium-indicator img {
    width: 12px
}

#profile__premium-indicator span {
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase
}

.profile__full-prem span {
    color: #feb611
}

.profile__lite-prem span {
    color: #32a0ef !important
}

.player_name_blue {
    color: #1f89d6 !important
}

.header__count-pro svg {
    margin-left: 3px;
    width: 8px
}

.header__count-pro {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 8px;
    width: 100%
}

.header__user {
    cursor: pointer
}

.header__user>div:first-child {
    align-items: center;
    display: flex
}

.header__count-pro {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500
}

.header__deposit {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 14px;
    transition: all .2s ease
}

.header-vip-user {
    border: 2px solid #fdb510
}

.header__notifications>div:first-of-type {
    cursor: pointer;
    position: relative
}

.deauth {
    margin-left: 16px
}

.deauth img {
    cursor: pointer;
    opacity: .5;
    transform: rotate(180deg);
    transition: .3s;
    width: 12px
}

.deauth img.active {
    transform: rotate(0deg)
}

.profileOpen {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.profileOpen:hover {
    background: #273047
}

.header__user:hover .deauth img {
    opacity: 1
}

.online-player__user-img {
    margin-left: 16px
}

.online-player__server-name {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.online-player__server-name img {
    height: 20px;
    margin-left: 6px
}

.premium-main-btn span {
    color: #fdb510;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease
}

#socials,
.premium-main-btn span {
    align-items: center;
    display: flex
}

.icon-slide-left {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}



.icon-slide-left span {
    transition: .25s ease
}

.icon-slide-left:hover span {
    margin-left: 20px
}

.icon-slide-left:hover:after {
    left: 8px
}

.social svg {
    height: 15px;
    opacity: .5;
    transition: .3s
}

.social:hover svg {
    filter: grayscale(0);
    opacity: .8
}

.social img {
    height: 20px;
    width: 20px
}

#socials .social {
    align-items: center;
    display: flex
}

.mode__prime-filter {
    background: #181d23;
    border-radius: 9px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr 2fr;
    height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    width: 240px
}

.prime-filter__btn {
    background: #0000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    transition: all .2s ease
}

.mode__prime-filter img {
    image-rendering: inherit;
    margin-right: 3px;
    top: 1px;
    width: 11px
}

.switch-to-prime {
    border-left: 1px solid #222931;
    border-right: 1px solid #222931
}

.choosen-prime-filter {
    background: #1f2731 !important
}

.shop {
    height: auto !important
}

@keyframes hero1Fading {
    0% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(2)
    }

    60% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero2Fading {
    0% {
        filter: brightness(1)
    }

    10% {
        filter: brightness(1)
    }

    20% {
        filter: brightness(2)
    }

    30% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero7Fading {
    0% {
        filter: brightness(1)
    }

    30% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero4Fading {
    0% {
        filter: brightness(1)
    }

    60% {
        filter: brightness(1)
    }

    70% {
        filter: brightness(2)
    }

    80% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

a.servers-mode__find-btn {
    background: #6080ff;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 41px;
    padding: 11px 0;
    text-align: center;
    transition: all 1s ease;
    width: 107px
}

.servers-mode__find-btn:hover {
    filter: brightness(1.2)
}

@keyframes moveSky {
    0% {
        transform: scale(1) translateX(0)
    }

    50% {
        transform: scale(1.2) translateX(300px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important
}

.closed-server-prime:hover div img,
.closed-server:hover div img {
    opacity: .35 !important
}

a.closed-indicator:hover {
    background: #0000 !important
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659)
}

.block-border-locked {
    background-position: 0 50%;
    background-size: 300% 300%;
    border: 2px solid #91a8b9;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.closed-server-prime .block-border-map {
    background: linear-gradient(0deg, #00173659, #00173659);
    z-index: 6
}



.full-servers__wrapper>div {
    align-items: center;
    display: flex;
    height: 100%
}

.full-servers__amount {
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700
}

.blue-text {
    color: #6080ff
}

.yellow-text {
    color: #fdb510
}

.full-servers__text {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.hide-full-servers__cb {
    align-items: center;
    color: #fff6;
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.hide-full-servers__cb .checkmark {
    height: 15px;
    width: 15px
}

.hide-full-servers__cb .checkmark:after {
    left: 5px;
    top: 2px
}

.full-servers__wrapper>img {
    bottom: 0;
    filter: brightness(.7);
    position: absolute;
    right: 0;
    transition: filter .2s ease
}

.full-servers__wrapper:hover>img {
    filter: brightness(1)
}

.scroll-left-enter {
    transform: translateX(-100%)
}

.scroll-right-enter {
    transform: translateX(100%)
}

.scroll-left-enter-done,
.scroll-right-enter-done {
    transform: translateX(0);
    transition: transform 1s
}

.purchase-title-enter {
    opacity: 0;
    transform: translateY(40px)
}

.purchase-title-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s
}

.opacity-enter {
    opacity: 0
}

.opacity-enter-done {
    opacity: 1;
    pointer-events: all;
    transition: opacity 2s
}

.modal-enter {
    opacity: 0;
    transform: scale(.95)
}

.modal-enter-active {
    transition: all .2s
}

.modal-enter-active,
.modal-enter-done {
    opacity: 1;
    transform: scale(1)
}

.modal-exit-active {
    opacity: 0;
    transform: scale(.95);
    transition: all .2s
}

.modal-exit-done {
    opacity: 0
}

.crown-enter {
    transform: translateY(40px)
}

.crown-enter-done {
    transform: translateY(0);
    transition: transform 1s
}

.scale-enter {
    transform: scaleX(0)
}

.scale-enter-done {
    transform: scaleX(1);
    transition: transform 1s
}

.modal-container-exit {
    opacity: 0
}

.modal-container-exit-done {
    display: none !important
}

.crown2-enter-done,
.slide-from-up-enter-done,
.time-left-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s
}

.cybercoins-input+label:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/general/diamond.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 10px;
    left: calc(100% + 5px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.tooltip {
    display: block !important
}

.online-player__user-img img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.empty-title {
    color: #1e2836;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 10px;
    text-align: center
}

.profile__friend-list__empty,
.profile__inventory__empty,
.profile__payment__empty {
    padding: 70px 0
}

.profile__payment__empty {
    display: flex;
    justify-content: center;
    width: 100%
}

.profile__payment__empty img {
    margin-right: 20px
}

summary {
    outline: none
}

.options>div label,
.options>div select {
    display: block !important
}

details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
    opacity: 0
}

details summary {
    appearance: none;
    -webkit-appearance: none;
    list-style: none
}

.block-servers-players-status {
    max-height: 100%
}

.p-ch-block-upper .active {
    background: #131a22
}

.p-ch-block-upper li:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

#profile-skinchanger-collection {
    display: block
}

.profile__friend-list__empty img,
.profile__inventory__empty img {
    display: block;
    margin: 0 auto
}

.closed-tab {
    display: none
}

#profile-nav .active a {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

#profile-nav .active span {
    border-color: #6080ff
}

.tooltip-flex {
    display: flex !important
}

.live-dot {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

#user {
    display: flex;
    flex-direction: row-reverse
}

nav#user {
    flex-direction: row
}

nav#user,
nav#user>* {
    align-items: center;
    display: flex;
    height: 100%
}

nav#user>* {
    margin: 0 7px
}

.header__deposit svg {
    margin-right: 7px
}

.header__deposit:hover {
    filter: brightness(110%)
}

.header__pro-img {
    align-items: center;
    background-color: #6080ff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 36px
}

#header__user_balance {
    color: #fff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 20px;
    font-weight: 700;
    margin-right: 6px
}

#header__user_balance,
.header__balance {
    align-items: center;
    display: flex
}

.header__balance img {
    height: 16px
}

.header__pro-img img {
    width: 16px
}

.header__online-players__button {
    align-items: center;
    background-color: #1b2229;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    height: 34px;
    transition: .3s;
    width: 80px
}

.header__online-players__button:hover {
    background: #ffffff1a
}

.header__profile {
    align-items: center;
    background: #1b2229;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    width: 35px
}

.header__profile img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.header-pro-user,
.header-talent-user,
.header-vip-user {
    border: 2px solid #fdb510
}

.header-lite-user {
    border: 2px solid #1f89d6
}

.header-none-user {
    border: 2px solid #0000
}

.header__count-notifications,
.header__notifications svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__count-notifications {
    background: #6080ff;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    height: 13px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: -4px;
    width: 13px;
    z-index: 5
}

.header__notifications path {
    transition: all .3s ease
}

.header__notifications>div:hover path {
    fill: #fff
}

.header__pro-online {
    margin-top: 23px
}

.online-player__user img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.online-player__user {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.online-player__user-img:after {
    background: #33ff7b;
    border: 1px solid #21293d66;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.online-player__user-img {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 11px;
    width: 21px
}

.header__online-player-nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500
}

.online-player__server-connect {
    align-items: center;
    background: #5beaae2b;
    border-radius: 5px;
    color: #64d3ab;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 5px 10px
}

.online-player__server-connect img {
    width: 20px
}

.grey-scroll::-webkit-scrollbar-thumb {
    background: #374256
}

.grey-scroll::-webkit-scrollbar {
    background: #181e29;
    width: 4px
}

.grey-scroll::-webkit-scrollbar-thumb {
    border: none !important
}

.online-player__server {
    margin-left: 10px
}

.online-player__server-name {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.header__online-players ul li:hover {
    background: #21293d
}

.header__online-players ul li:hover .online-player__server-name {
    display: none
}

.header__online-players ul li:hover .online-player__server-connect {
    display: flex
}

.premium-main-btn {
    background: #0000;
    border: 1px solid #fdb510;
    border-radius: 5px;
    box-sizing: border-box;
    height: 33px;
    padding: 0 15px;
    transition: all .3s ease
}

.header-prem .premium-main-btn {
    margin-right: 10px
}

.premium-main-btn.prolong {
    width: 150px
}

.premium-main-btn,
.premium-main-btn span {
    align-items: center;
    color: #fdb510;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.header-prem {
    align-items: center;
    display: flex;
    height: 100%
}

.header-prem a {
    height: auto
}

#socials {
    height: 100%
}

button.icon-slide-right:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

button.icon-slide-left {
    overflow: hidden;
    position: relative
}

button button.icon-slide-left span {
    transition: .25s ease
}

button.icon-slide-left:hover span {
    margin-left: 20px
}

button.icon-slide-left:hover:after {
    left: 8px
}

.prolong span {
    text-transform: uppercase
}

button.prolong:hover {
    width: 165px
}

#header-login-btn {
    margin: 0 !important;
    padding: 0 !important
}

.login-btn {
    background: #6080ff;
    border-radius: 6px;
    color: #ffffffe6;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    justify-content: center;
    line-height: 14px;
    padding: 0 10px;
    text-transform: uppercase
}

.login-btn,
.login-btn-wrapper {
    align-items: center;
    display: flex
}

.login-btn-wrapper {
    gap: 14px;
    height: 60px
}

.login-img {
    margin-left: 7px;
    width: 13px
}

.user-theme__VIP #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.user-theme__VIP #profile_user_width_xp {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214)
}

.user-theme__LITE #name_player {
    color: #1f89d6 !important
}

.user-theme__LITE #profile_user_width_xp {
    background: linear-gradient(45deg, #35aaff 33%, #32a0ef 66%, #1f93e6)
}

.user-theme__LITE,
.user-theme__VIP,
.user-theme__banned {
    margin-top: 9px !important
}

.modal__overlay {
    align-items: center;
    background-color: #13161b99;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1201
}

.modal__overlay.transparent {
    background-color: initial
}

.modalShowing_true {
    opacity: 1;
    pointer-events: auto
}

.hide {
    display: none
}

ul#languages {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease
}

.langs:hover ul#languages {
    opacity: 1;
    pointer-events: auto
}

.deposit__types-wrapper>ul {
    width: 100%
}

.hidden-mode-nav {
    opacity: .2 !important
}

.show__nav-btn {
    opacity: .8 !important
}

.timer-block {
    align-items: center;
    display: flex
}

.timer-block>div {
    margin-right: 30px
}

aside#header nav>a:hover img {
    transform: scale(1.08)
}

aside#header nav>a img {
    transition: .3s
}

.header__count-notifications {
    border: 1px solid #030b12
}

.time-block__upper {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.time-block__lower {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    margin-top: 9px;
    text-transform: uppercase
}

.modal-container {
    transition: opacity .5s
}

.modal-container-enter {
    opacity: 0
}

.modal-container-enter-active {
    opacity: 1;
    transition: opacity .5s
}

.premium__bottom-subscribe {
    display: block;
    margin: 0 auto
}

.full-width-btn {
    grid-template-columns: 1fr
}

.premium__bottom-subscribe a {
    height: inherit;
    width: inherit
}

.modal-container-exit {
    opacity: 1
}

.modal-container-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.container>img {
    border-radius: 3px
}

.container {
    margin-bottom: 21px
}

#page-servers-servers {
    grid-template-columns: 1fr 255px
}

.checkmark {
    background: #131a24
}

.container:hover input~.checkmark {
    background-color: #141c25
}

.container input:checked~.checkmark {
    background-color: #1f2534 !important
}

.locations__wrapper {
    background: #12171f;
    padding: 21px 15px;
    transform: translateX(-15px);
    width: 275px !important
}

.locations__wrapper>label {
    display: block !important
}

.options summary p {
    font-weight: 700
}

.locations__wrapper>label:last-of-type {
    margin-bottom: 0
}

.loyalty__progressBox {
    cursor: help;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 16px auto 0;
    width: 300px
}

.loyalty__progressBox .loyalty__progressBg--2f0j {
    cursor: help
}

.table-switcher {
    border: 1px solid #0000;
    border-radius: 7px;
    color: #eaf1fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 13px;
    transition: all .2s ease
}

.table-switcher:not(:last-of-type) {
    margin-right: 5px
}

.table-switcher.active {
    border: 1px solid #6080ff;
    color: #95aaff
}

.blue-scroll::-webkit-scrollbar-thumb {
    background: #6080ff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 32px
}

.blue-scroll::-webkit-scrollbar {
    background: #17202c;
    width: 2px
}

.vc {
    align-items: center;
    display: flex
}

.section-servers-none {
    display: block
}

.online-players__empty {
    color: #8499b9;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    text-align: center
}

.empty-notifications {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.empty-notifications .empty-title {
    color: #f7f9ff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 16px 0 7px
}

.empty-notifications .empty-text {
    color: #d9e1ff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 17px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    width: 165px
}

.empty-notifications img {
    opacity: .2;
    width: 50px
}

#non-prime-servers,
#prime-servers {
    display: block
}

.p_skin_name:after {
    background: #2a68b0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.color-golden .p_skin_name:after {
    background: #fdb510
}

.color-milspec .p_skin_name:after {
    background: #6080ff
}

.color-restricted .p_skin_name:after {
    background: #754de8
}

.color-covert .p_skin_name:after {
    background: #e84d4d
}

.color-consumer .p_skin_name:after,
.color-default .p_skin_name:after {
    background: #ffffff4d
}

.color-classified .p_skin_name:after {
    background: #e44de8
}

.color-industrial .p_skin_name:after {
    background: #2a68b0
}

.p-ch-block-upper li,
.p-ch-block-upper li div {
    width: 100%
}

.hide-full-servers__button {
    align-items: center;
    background: #181d23;
    border-radius: 6px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .5;
    width: 100%
}

.hide-full-servers__button img {
    margin-right: 9px
}

.hide-btn-true {
    opacity: .8
}

.shop__aside-sort {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    height: 67px;
    width: 100%
}

.shop__aside-sort>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.shop__aside-sort>div:first-child {
    justify-content: flex-start;
    padding-left: 30px
}

div.skinchanger__setting-block {
    align-items: center;
    background: #6666661f;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .3s ease;
    width: 29px !important;
    z-index: 5
}

.skinchanger__setting-block.gear {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

.skin__side-choice {
    opacity: 0;
    transition: all .3s ease
}

.skinchanger__setting-block.apply {
    display: none;
    left: auto;
    right: 10px
}

.skin:hover div.skinchanger__setting-block {
    display: flex
}

.skinchanger__setting-block img {
    margin-top: 0 !important;
    top: 0 !important
}

.skin>div.disable {
    background: #6663 !important;
    cursor: not-allowed !important
}

.hidden-online {
    display: none
}

.mode-badge {
    background: #fdb51026;
    border-radius: 5px;
    color: #fdb510;
    display: flex;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    pointer-events: none;
    text-transform: uppercase
}

.trending-badge {
    background: #fd821026;
    color: #fd8210 !important
}

.trending-badge svg {
    margin-right: 4px;
    width: 13px
}

.quick_start {
    margin-bottom: 20px
}

.mode-badge img {
    margin-right: 4px;
    width: 12px
}

.no-servers-title {
    font-family: Roboto Condensed;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

.no-servers-descr {
    color: #fff6;
    font-size: 14px;
    margin: 15px 0 38px
}

.section-servers-none button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 16px 36px;
    text-transform: uppercase
}

.section-servers-none button img {
    margin-right: 8px
}

.contact-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: center
}

.contact-text {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase
}

.contact-page {
    align-items: center;
    background: url('https://cloud.cybershoke.net/img/bg/contact.png') no-repeat top/contain;
    font-family: Roboto;
    height: 700px;
    justify-content: center;
    width: 100%
}

.contact-page,
.contact-page>div {
    display: flex;
    flex-direction: column
}

.contact-page>div {
    margin-bottom: 18px
}

.contact-emails {
    margin-top: 17px
}

.email-block span:first-child {
    color: #acb6e080;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 3px
}

.email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.email-block span {
    text-align: center
}

.email-block span:last-child {
    color: #6080ff;
    font-size: 12px
}

.mb35 {
    margin-bottom: 35px
}

.nav-item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 64px
}

.nav-item__m:after {
    content: "Играть"
}

.nav-item__p:after {
    content: "Premium"
}

.nav-item__c:after {
    content: "Соревнования"
}

.nav-item__l:after {
    content: "Помощь"
}

.nav-item__s:after {
    content: "Магазин"
}

.nav-item-wrapper:after {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    left: 100%;
    letter-spacing: .2px;
    line-height: 15px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease;
    width: 100px
}

.logo-wrapper .online {
    opacity: 0;
    transform: translateY(-11px);
    transition: all .1s ease
}

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

.logo-wrapper .logo {
    left: 0;
    position: absolute;
    top: 0
}

.logo-wrapper {
    height: 77px
}

.logo-wrapper .online {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

aside#header .online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.live-dot {
    margin-bottom: 0;
    margin-right: 9px
}

.active .nav-item-wrapper:after {
    color: #6080ff
}

.header-side-left .golden.active {
    border-right: 3px solid #fdb510
}

.premium.active .nav-item-wrapper:after {
    color: #fdb510
}

#profile-nav ::selection {
    background: #0000
}

@media (min-width:2100px) {
    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
    }
}

.stars-for-task {
    color: #7a95ff;
    font-size: 19px;
    font-weight: 700;
    left: 50%;
    letter-spacing: .03em;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%)
}

.rub {
    color: #fdb510;
    margin-left: 5px
}

.unknown-ping {
    display: inline
}

.deposit-notification {
    align-items: center;
    background: #19212c;
    border-radius: 4px;
    color: #ced7fd;
    display: flex;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    height: 43px;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%
}

.deposit-notification img {
    margin-right: 12px;
    width: 20px
}



.support-header h5 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.support-header h2 {
    font-size: 39px;
    font-weight: 900;
    line-height: 46px;
    margin: 8px 0 27px;
    text-transform: uppercase
}

.support-page {
    font-family: Roboto
}

.support-page video,
.support-screen {
    border-radius: 10px;
    display: block;
    margin: 40px 0;
    width: 100%
}

.update-article img {
    border-radius: 10px;
    width: 100%
}

.awssld__content {
    border-radius: 10px
}

.support-search__wrapper input {
    background: #141b24;
    border: none !important;
    border-radius: 9px;
    height: 48px;
    padding: 0 50px 0 25px;
    width: 401px
}

.support-search__wrapper button {
    background: #0000;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.support-page input,
.support-page input::placeholder {
    color: #576375;
    font-size: 14px
}

.general-menu {
    background: #11171f;
    border-radius: 4px;
    padding: 33px 22px
}

#profile .general-menu {
    background: #161c2666
}

.general-menu .active .nav-el {
    background: #d3dcff08;
    color: #6080ff
}

.general-menu .active path {
    fill: #6080ff
}

.general-menu .nav-list {
    border-left: 1px solid #232c38;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-left: 30px;
    padding-top: 10px
}

.nav-list.last {
    margin-bottom: 0
}

.general-menu .nav-list li a {
    color: #d0d6de;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    transition: all .2s ease
}

.general-menu .nav-list li a.selected,
.general-menu .nav-list li a:hover {
    color: #6080ff
}

.general-menu .nav-el {
    align-items: center;
    border-radius: 7px;
    color: #d7d9dc;
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px
}

.general-menu .nav-el svg {
    margin-right: 9px;
    width: 16px
}

.help-menu .nav-el svg {
    height: 24px;
    width: 24px
}

.help-menu .nav-el {
    padding: 9px 15px
}

.achievements,
.settings {
    display: grid;
    padding: 24px
}

.support-content {
    grid-gap: 25px;
    display: grid;
    gap: 25px;
    grid-template-columns: 275px 1fr;
    margin: 0 auto;
    width: 1260px
}

.support-content .general-menu {
    align-self: start;
    position: sticky;
    top: 0
}

.settings {
    margin-bottom: 50px
}

.settings>div {
    align-self: start
}

.settings {
    gap: 25px;
    grid-template-columns: 345px 1fr
}

.achievements {
    gap: 24px;
    grid-template-columns: 348px 1fr
}

.support-page .slick-slider {
    margin: 35px 0;
    transform: translateX(-11px);
    width: calc(100% + 22px)
}

.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slick-prev {
    left: -30px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-next {
    right: -30px
}

.support-article {
    background: linear-gradient(180deg, #11171f 62.96%, #11171f00 90.38%);
    border-radius: 4px;
    padding: 48px 64px;
    width: 100%
}

.support-article__title {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%
}

.support-article-part {
    padding-bottom: 15px;
    padding-top: 20px
}

.support-article-part ul.support__dotted-list {
    padding: 25px 0
}

.support-article-part ul.support__dotted-list li {
    padding-left: 41px
}

.support-article-part ul.support__dotted-list li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 21px;
    position: absolute;
    top: 10px;
    width: 4px
}

.support-article-part ul.definition-list,
.support-article-part ul.punishment-list {
    padding-top: 13px
}

.support-article-part ul.punishment-list li {
    align-items: center;
    color: #888b8f;
    display: flex;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px
}

.support-article-part ul.punishment-list li img {
    margin-right: 13px
}

.support-article-part ul.definition-list li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px
}

.support-article-part ul.definition-list li span {
    color: #5c6bc0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.support-article__img {
    border-radius: 20px;
    margin-top: 30px;
    width: 100%
}

.support-article-part h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .7;
    padding-top: 10px
}

.support-article-part ol {
    margin: 25px 0
}

.support-article-part li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part ol li {
    padding-left: 40px
}

.support-article-part li:not(:last-of-type) {
    margin-bottom: 18px
}

.support-article-part ol li:before {
    background: 0 0;
    background: #19212c;
    border: none;
    border-radius: 4px;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px 7px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: auto
}

.support-article__feedback {
    align-items: center;
    border-top: 1px solid #171e26;
    display: flex;
    height: 104px;
    width: 100%
}

.support-article__feedback h5 {
    font-size: 16px;
    font-weight: 500;
    min-width: 230px;
    opacity: .7
}

.feedback-buttons {
    align-items: center;
    display: flex;
    margin: 0 25px 0 35px
}

.feedback-buttons button {
    background: #18202b;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    width: 69px
}

.feedback-buttons button:first-child {
    margin-right: 5px
}

.support-article__feedback p {
    color: #888b8f;
    font-size: 14px;
    line-height: 21px;
    opacity: .3
}

.support-page button {
    transition: filter .2s ease
}

.support-page button:hover {
    filter: brightness(150%)
}

.support__video span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    opacity: .7;
    transition: all .2s ease
}

.support-article-part .text,
.support-article-part p {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part .text {
    margin-bottom: 20px
}

.support-article-part p a {
    font-size: 14px
}

.ban-dates-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.hash-tag {
    background: #18202b;
    border-radius: 5px;
    color: #5c6bc0 !important;
    font-size: 14px;
    padding: 4px
}

.support-article-part li>img {
    border-radius: 0;
    margin: 0 3px;
    width: 15px
}

.support__social-link {
    font-size: 13px;
    margin-left: 10px;
    top: -2px
}

.support__social-link,
.support__social-link:hover {
    color: #5c6bc0;
    text-decoration-line: underline
}

.support__social-link img {
    border-radius: 0;
    margin-right: 7px;
    top: 5px;
    width: 16px
}

.support-search-item {
    margin-bottom: 35px
}

.support-search-item h3 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.support-search-item span {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

@media (max-width:1670px) {
    .slick-next {
        right: -10px !important
    }

    .slick-prev {
        left: -10px !important
    }
}

.support-menu__arrow {
    margin-right: 25px;
    transition: all .2s ease
}

.support__video:hover span {
    opacity: 1
}

.ss {
    padding-top: 40px
}

.stretched {
    width: 100%
}

.article-date {
    color: #888b8f;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -50px
}

.article-date:before {
    background:
        /*savepage-url=img/icons/support/clock.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 14px;
    left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    width: 14px
}

.location_ping>img {
    top: -14px !important
}

.auto-complete-area {
    background: #141b24;
    border-radius: 0 0 9px 9px;
    display: none;
    padding: 6px 20px 14px 26px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.auto-complete-area span a {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 100%;
    padding: 10px 0
}

.auto-complete-area span p {
    color: #919cab;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap
}

.auto-complete-area span:hover p {
    color: #fff
}

.auto-complete-area span img {
    margin-right: 13px
}

.filled-input {
    border-radius: 9px 9px 0 0 !important
}

.filled-input+.auto-complete-area {
    display: block
}

.lvlup-img {
    width: 80%
}

.awssld__controls {
    position: static
}

.awssld {
    --loader-bar-color: #0000 !important
}

.awssld__controls__arrow-left:after,
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:after,
.awssld__controls__arrow-right:before {
    background-color: #6080ff !important
}

.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: 1 !important
}

.awssld__content {
    background-color: initial
}

.converter__rubles {
    padding-left: 21px
}

.user__popup {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 100%;
    width: 256px
}

.img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px
}

.profile-popup__header:hover .profile-popup__nick {
    color: #fff
}

.profile-popup__header:hover span:last-child {
    color: #c7d3e2
}

.user__popup svg {
    height: 16px;
    width: 16px
}

.profile-popup__premium img {
    height: 16px;
    top: -1px
}

.notifications__main::-webkit-scrollbar-thumb {
    border: none
}

#gift-modal {
    background: #161b25;
    border-radius: 15px;
    font-family: Roboto;
    padding: 45px 40px 40px;
    width: 508px
}

.gift-modal__choose-friends {
    border-radius: 5px;
    display: block;
    font-family: Roboto;
    margin-bottom: 20px
}

.gift-modal__choose-friends ul {
    height: 267px;
    overflow-y: scroll;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.gift-modal__search {
    background: #0000;
    background-size: 16px 16px;
    border: 1px solid #1e2432;
    border-radius: 8px;
    box-shadow: none;
    color: #ccd3e3;
    font-size: 14px;
    height: 50px;
    margin-bottom: 6px;
    padding: 0 50px 0 15px;
    transition: border .3s ease;
    width: 100%
}

.gift-modal__search+img {
    opacity: .8;
    transition: opacity .3s ease
}

input.gift-modal__search::placeholder {
    color: #697183
}

.gift-modal__search:focus,
.gift-modal__search:hover {
    border: 1px solid #273145;
    outline: none
}

.gift-modal__search:focus+img {
    opacity: 1
}

.close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px
}

.close img {
    opacity: .3;
    transition: opacity .2s ease
}

.gift-modal__friend:hover {
    background: #1e2434
}

.gift-modal__friend:hover span {
    color: #adbbcf
}

.close:hover img {
    opacity: 1
}

.gift-modal__enter,
.gift-modal__friend {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 51px;
    justify-content: space-between;
    transition: background .1s ease;
    width: 100%
}

.gift-modal__enter {
    background: #202636;
    margin-bottom: 14px;
    padding: 0 9px 0 13px;
    transition: background .3s ease
}

.gift-modal__enter.focus {
    background: #232a3d
}

.gift-modal__friend {
    background: #181e29;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 13px
}

.gift-modal__choose-friends ul.filled .gift-modal__friend:not(.choosen) {
    opacity: .5
}

.choosen .gift-modal__friend-nick {
    color: #97beb7 !important
}

.gift-modal__friend-nick {
    color: #9296ac;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700
}

.gift-modal__friend-ava {
    border-radius: 50%;
    height: 26px;
    margin-right: 15px;
    width: 26px
}

.gift-modal__friend>img {
    margin-left: 15px;
    transition: all .2s ease
}

.gift-modal__friend.choosen {
    background: #1c2531
}

.gift-modal__enter input {
    background: #0000;
    border: none;
    color: #ccd3e3;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-right: 10px
}

.gift-modal__enter input::placeholder {
    color: #8191a7
}

.gift-modal__enter input:focus,
.gift-modal__enter input:hover {
    border: none
}

.gift-modal__delete {
    background: #0000;
    border-bottom: 1px dashed #6080ff;
    color: #6080ff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 15px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.gift-modal__friend>span {
    align-items: center;
    display: flex
}

.inventroy__gift {
    border-radius: 15px;
    cursor: pointer;
    height: 200px;
    transition: all .2s ease
}

.server-modal__lvl {
    height: 21px
}

.inventroy__gift>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.inventroy__gift h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.server-modal__name {
    max-width: 400px;
    overflow: hidden
}

.server-modal__country {
    border-radius: 50%;
    bottom: -1px;
    height: 11px;
    left: 14px;
    position: absolute;
    width: 11px;
    z-index: 1
}

.inventory__receive-gift {
    background: #0000;
    border: 1px solid #0000;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .3s ease
}

.inventroy__gift.lite .inventory__receive-gift {
    border-color: #2d9df1;
    color: #2d9df1
}

.inventroy__gift.lite .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #0085ff)
}

.inventroy__gift.lite {
    background: linear-gradient(206.87deg, #14162fc4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventroy__gift.lite h2 {
    color: #32a0ef
}

.inventroy__gift.premium .inventory__receive-gift {
    border-color: #fdb510;
    color: #fdb510
}

.inventroy__gift.premium .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #fdb510)
}

.inventroy__gift.premium h2 {
    color: #fdb510;
    max-width: 120px;
    text-align: center
}

.inventroy__gift.premium {
    background: linear-gradient(206.87deg, #231b17c4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventory-gift__image {
    width: 54px
}

.inventroy__gift.lite .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .74))
}

.inventroy__gift.premium .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .74))
}

.inventory-gift__badge,
.inventory-gift__second-badge {
    align-items: center;
    background: #ffffff05;
    border-radius: 12.5px;
    color: #afafaf;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    padding: 5px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.inventory-gift__second-badge {
    left: auto;
    right: 12px;
    text-transform: none
}

.inventory-gift__badge img {
    margin-right: 5px;
    width: 14px
}

.link-enter-img-wrapper {
    background: #353f55;
    border-radius: 4px;
    color: #b5c4d8;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: uppercase;
    transition: all .2s ease
}

.link-enter-img-wrapper:hover {
    background: #ffffff1a
}

.gift-modal__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    width: 100%
}

.gift-modal__empty h2 {
    color: #9ea6be;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 2px;
    margin-top: 20px;
    opacity: .64;
    text-transform: uppercase
}

.gift-modal__empty span {
    color: #475164;
    font-family: Roboto;
    font-size: 14px;
    opacity: .7
}

li.slide {
    margin-bottom: 0 !important
}

.carousel.carousel-slider .control-arrow {
    padding: 50px !important
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0000 !important
}

.server-modal__bg {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.server-modal__bg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.data-one-server-info a,
.table .press-left {
    justify-content: flex-start;
    text-align: left
}

.server-modal__table {
    padding: 0 32px
}

.server-modal__bg .shadow {
    background: linear-gradient(180deg, #11192300 -8.49%, #111923 46.81%);
    height: 259px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.server-modal__header {
    align-items: center;
    display: grid;
    font-family: Roboto;
    grid-template-columns: 1fr 150px 1fr;
    padding: 82px 0 50px
}

.arcade-mode .server-modal__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 0
}

.server-modal__header>div {
    align-items: center;
    display: flex
}

.server-modal__main-info {
    flex-direction: column;
    justify-content: center
}

.server-modal__header-labels {
    display: flex;
    flex-direction: column
}

.server-modal__header>div:first-child .server-modal__header-labels {
    align-items: flex-end
}

.server-modal__header>div:first-child {
    justify-content: flex-end
}

.server-modal__status {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .4;
    text-transform: uppercase
}

.server-modal__side {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.server-modal__header>div>img {
    margin: 0 25px
}

.server-modal__score {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 6px
}

.server-modal__time {
    align-items: center;
    color: #d9e4ff;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.server-modal__time img {
    height: 16px;
    margin-right: 4px
}

.server-modal__connect {
    align-items: center;
    background: linear-gradient(180deg, #1c2334, #1f2739);
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 16px 32px
}

.server-modal__mode {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.arcade-mode .server-modal__connect {
    justify-content: center
}

.server-modal__connect button {
    align-items: center;
    background: #0000;
    display: flex
}

.server-modal__ip {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.server-modal__connect button svg {
    margin-right: 8px;
    width: 18px
}

.server-modal__con {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac !important;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box:not([data-theme]) {

    a,
    div {
        color: #8f96ac
    }
}

.settings-content {
    background: linear-gradient(0deg, #161c2666, #161c2666);
    border-radius: 0 0 4px 4px;
    font-family: Roboto;
    padding: 45px 47px
}

.settings__title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
    width: 100%
}

.settings-row {
    display: flex;
    overflow-x: auto;
    width: 100%
}

.settings__item-description {
    color: #5e6c7e;
    font-size: 14px;
    margin-top: 8px
}

.setting-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.setting-content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.settings-input__change {
    align-items: center;
    background: #0000;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    width: 25px
}

.settings-input.short {
    width: 179px
}

.settings-area:focus,
.settings-area:hover {
    border: 0
}

.settings-input input {
    border: none;
    padding: 0 50px 0 20px;
    width: 100%
}

.settings-input input,
.settings-input input::placeholder {
    color: #d7e8ff99;
    font-size: 14px
}

.settings-input input:focus,
.settings-input input:hover {
    border: none
}

.settings-input__change:hover {
    background: #1d2531
}

.settings__country {
    align-items: center;
    display: flex;
    flex-direction: row !important
}

.settings__country img {
    border-radius: 50%;
    margin-right: 8px;
    width: 16px
}

.settings__country span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.multi-option-buttons__list {
    background: #1f2633;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 105%;
    width: 100%;
    z-index: 2
}

.multi-option-buttons__list button {
    background: #0000;
    color: #9ca4be;
    font-size: 13px;
    padding: 11px;
    text-align: left;
    width: 100%
}

.multi-option-buttons__list .inactive {
    background: #5265852e;
    pointer-events: none
}

.multi-option-buttons__wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    z-index: 2
}

.multi-option-buttons__wrapper:hover .multi-option-buttons,
.multi-option-buttons__wrapper:hover .multi-option-buttons__arrow {
    cursor: pointer;
    filter: brightness(120%)
}

.multi-option-buttons__arrow svg {
    transition: transform .3s ease
}

.multi-option-buttons__arrow svg.active {
    transform: rotate(180deg)
}

.multi-option-buttons__arrow {
    align-items: center;
    background: linear-gradient(180deg, #283243, #2e3a4c);
    border-radius: 0 6px 6px 0;
    display: flex;
    height: 34px;
    justify-content: center;
    transition: filter .2s ease;
    width: 24px
}

.multi-option-buttons {
    background: #5265852e;
    border-radius: 6px 1px 1px 6px;
    color: #9ca4be;
    font-size: 12px;
    padding: 10px;
    transition: filter .2s ease;
    width: 120px
}

.profile-popup__avatar {
    border-radius: 50%;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.profile-popup__header {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Roboto;
    height: auto;
    padding: 18px 24px;
    transition: all .3s ease;
    width: 100%
}

.profile-popup__header>div {
    display: flex;
    flex-direction: column;
    max-width: 130px
}

.profile-popup__header-wrapper {
    background: #273047;
    height: auto
}

.profile-popup__nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease
}

.profile-popup__header span:last-child {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    transition: all .3s ease
}

.ban-badge {
    align-items: center;
    background: #0000;
    border: 1px solid #fe1111;
    border-radius: 5px;
    display: inline-flex;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84));
    height: 23px;
    padding: 0 8px
}

.ban-badge span {
    color: #e50027;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ban-badge img {
    top: -1px
}

.profile-badge img {
    margin-right: 5px
}

.category-filter input:checked+span .lite-badge {
    background: #1d273f;
    color: #6080ff
}

.skinchanger-modal__wrapper {
    background: #171c2a;
    border-radius: 18px;
    padding: 24px;
    width: 398px
}

#skinchanger-modal {
    display: flex;
    position: relative
}

.skin-modal__image {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/skins/grid.png*/
        url() no-repeat 50%/cover;
    display: flex;
    height: 119px;
    justify-content: center;
    margin: 16px 0;
    width: 100%
}

.skin-modal__image img {
    max-height: 80px;
    max-width: 90%;
    opacity: 1;
    transition: opacity .2s ease
}

.skin-modal__image img.limited {
    height: auto;
    max-height: 80%;
    max-width: 192px
}

span.gun-name__name,
span.gun-name__stattrak {
    color: #6080ff
}

.gun-name__stattrak {
    display: none
}

.skinchanger-modal__title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    line-height: 135%;
    margin: 15px 0;
    opacity: .8;
    text-transform: uppercase
}

.skin-modal__stattrak {
    display: flex
}

.skin-stattrak:hover,
.skin-stattrak:hover .stattrak-switcher {
    background: #5d6c923d
}

.skin-modal__stattrak svg path {
    fill: #babfc5
}

.skin-modal__stattrak .choosen-stattrak-option svg path {
    fill: #95aaff
}

.skin-modal__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 18px
}

.skin-modal__title {
    color: #7f8eaa;
    font-size: 15px;
    font-weight: 500;
    text-transform: none
}

.skin-qualities-tabs {
    align-items: center;
    display: flex;
    width: 100%
}

.skin-qualities-tabs li {
    align-items: center;
    background: #182333;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-transform: uppercase;
    width: 20%
}

.skin-qualities-tabs li:first-child {
    border-radius: 7px 0 0 7px
}

.skin-qualities-tabs li:last-child {
    border-radius: 0 7px 7px 0
}

.skin-qualities-tabs li.choosen-skin-quality {
    background: #6080ff;
    color: #fff;
    transition: all .2s ease
}

.skin-modal__float {
    display: flex
}

.skin-float__float {
    align-items: center;
    background: #182333;
    border-radius: 7px;
    color: #ffffffb3;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin-right: 20px;
    min-height: 36px;
    padding: 0 10px;
    text-align: center;
    width: 61px
}

.skin-label-input {
    background: #0000;
    border: 1px solid #91affd1f;
    border-radius: 6px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    height: 42px;
    padding: 0 18px;
    transition: border .2s ease;
    width: 100%
}

.skin-label-input:focus,
.skin-label-input:hover {
    border: 1px solid #91affd4d
}

#skin-modal__save {
    margin-top: 40px
}

#skin-modal__save[disabled] {
    opacity: .5
}

.skin-label-input::placeholder {
    color: #ffffff4d;
    color: #778597;
    font-family: Roboto;
    font-size: 15px
}

.save-input-val {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    height: 30.8px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px
}

.large-uppercase-primary-btn {
    background: #6e93ff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0;
    transition: all .2s ease;
    width: 100%
}

.large-uppercase-primary-btn:hover {
    filter: brightness(110%)
}

.skinchanger__setting-block img {
    width: 15px !important
}

.skinchanger__setting-block.apply img {
    width: 11px !important
}

.border-blinking .skin__side-choice,
.border-blue .skin__side-choice,
.border-golden .skin__side-choice {
    opacity: 1
}

.gift-modal__enter .gift-modal__friend-ava {
    height: 24px;
    width: 24px
}

#application {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop .p_skin_name {
    color: #c8cfdb !important;
    font-weight: 700
}

.s-key-words {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(15px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes highlightBorder {
    0% {
        border-color: grey
    }

    50% {
        border-color: #8080801a
    }

    to {
        border-color: grey
    }
}

@keyframes inner {
    0% {
        fill: red
    }

    33% {
        fill: #fff
    }

    66% {
        fill: #fff
    }
}

@keyframes middle {
    0% {
        fill: #fff
    }

    33% {
        fill: red
    }

    66% {
        fill: #fff
    }
}

@keyframes outer {
    0% {
        fill: #fff
    }

    33% {
        fill: #fff
    }

    66% {
        fill: red
    }
}

@keyframes signal {

    20%,
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes fading {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@keyframes iSkew {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes feathers {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes imgScale {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.9) translateY(-10px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes akRotation {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.95) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bullets {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.97) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes flashRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lowerRankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bgPulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes nonPrem {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(10deg)
    }

    65% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media (max-width:1750px) {
    .footer__navigation {
        grid-template-columns: 300px 1fr
    }

    .footer__sponsors img {
        width: 130px
    }

    .settings__item.adaptive>div {
        margin-bottom: 20px !important
    }
}

@media (max-width:1450px) {
    .support-content {
        grid-template-columns: 275px 1fr;
        padding: 0 50px;
        width: 100%
    }

    .support-content>* {
        width: 100%
    }

    .support-content .general-menu {
        margin-bottom: 25px;
        margin-right: 0;
        position: relative;
        width: 100%
    }

    .visibility .filter-section__title {
        display: none !important
    }

    .footer__sponsors img {
        width: 130px
    }

    .support__video-wrapper:before {
        height: 32px !important;
        width: 32px !important
    }
}

@media (max-width:740px) {
    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }
}

.header__deposit-s {
    bottom: 0;
    left: 0;
    position: absolute
}

.servers-filter {
    position: relative
}

.servers-filter>img {
    position: absolute;
    right: -3px;
    top: -7px
}

.helper-s {
    left: -1px;
    top: -5px
}

.helper-s,
.stars-s {
    position: absolute;
    z-index: 99
}

.stars-s {
    bottom: 0;
    margin-right: 0 !important;
    right: 0;
    top: auto !important;
    width: 101% !important
}

.plan2-s {
    right: 1px;
    top: -6px
}

.plan-s,
.plan2-s {
    position: absolute
}

.plan-s {
    left: 10px;
    top: -9px
}

.friends-s {
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 1
}

.plan-btn-s,
.plan-btn2-s {
    left: 0;
    margin-right: 0 !important;
    position: absolute;
    top: -3px;
    width: 100% !important
}

@font-face {
    font-family: Cybershoke;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=fonts/Cybershoke/Web-TT/CYber-Regular-SVG-SVG.woff2*/
        url() format("woff2"),
        /*savepage-url=fonts/Cybershoke/Web-TT/CYber-Regular-SVG.210905-1526.woff*/
        url() format("woff")
}

@font-face {
    font-family: Robustik;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=fonts/Cybershoke/RobustikBold.ttf*/
        url()
}

.cybershoke {
    color: #252c39;
    font-family: Cybershoke;
    font-size: 30px;
    line-height: .9
}

.server-row__faceit {
    padding-left: 32px
}

.limited-length {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.achievements-grid {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-right: 13px;
    width: calc(100% + 13px)
}

.achievements-grid li {
    background: #161b25;
    border: 1px solid #1a1e2d;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 21.5px 20px;
    transition: all .2s ease
}

.achievements-grid li:hover {
    background: #181d27
}

.achievements-grid li h6 {
    color: #91a8b9;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 51px;
    margin-top: 12px;
    text-align: center
}

.achievements-grid li .image {
    height: 128px;
    image-rendering: auto;
    width: 128px
}

.achievements-grid li.none .image {
    opacity: .3
}

.achievements-grid li.gold {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%);
    border: 1px solid #fcc2511a
}

.achievements-grid li.gold h6 {
    color: #fcc251
}

.achievements-grid li.gold .date {
    color: #fee5b4
}

.achievements-grid li.gold .progress:before {
    background: #fcc251;
    max-width: 100%
}

.achievements-grid li.gold:hover {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%)
}

.achievements-grid li.silver {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%);
    border: 1px solid #a5c9ff33
}

.achievements-grid li.silver h6 {
    color: #a5c9ff
}

.achievements-grid li.silver .date {
    color: #d6e7ff
}

.achievements-grid li.silver .progress:before {
    background: #a5c9ff;
    max-width: 100%
}

.achievements-grid li.silver:hover {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%)
}

.achievements-grid li.bronze {
    background: linear-gradient(27.76deg, #774e3733 19.12%, #191e2833 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.bronze h6 {
    color: #d48f71
}

.achievements-grid li.bronze .date {
    color: #eccec0
}

.achievements-grid li.bronze .progress:before {
    background: #d48f71;
    max-width: 100%
}

.achievements-grid li.bronze:hover {
    background: linear-gradient(27.76deg, #774e3733 30.12%, #191e2833 65.52%)
}

.achievements-grid li.diamond {
    background: linear-gradient(27.76deg, #27465e 19.12%, #1c2939 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.diamond h6 {
    color: #52b1e0
}

.achievements-grid li.diamond .date {
    color: #34bcff
}

.achievements-grid li.diamond .progress:before {
    background: #52b1e0;
    max-width: 100%
}

.achievement-among-friends {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.achievement-among-friends>div {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.achievement-among-friends span {
    color: #3f4551;
    font-size: 12px;
    line-height: 16px;
    margin-left: 9px
}

.achievement-among-friends a {
    color: #969ca7;
    font-size: 12px;
    text-decoration-line: underline;
    transition: color .2s ease
}

.achievement-among-friends a:hover {
    color: #6080ff
}

.achievement__friend {
    background: #161c26;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px
}

.achievement__friend img {
    border-radius: 50%;
    width: 100%
}

.achievement__friend:first-of-type,
.achievement__friend:nth-of-type(2) {
    margin-left: -8px
}

.title {
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.warning-label-wrapper {
    margin-bottom: 20px
}

.warning-label {
    background: #321919;
    border-radius: 6px;
    padding: 15px 20px;
    width: 100%
}

.warning-label div {
    align-items: center;
    display: flex
}

.warning-label img {
    margin-right: 10px;
    width: 14px
}

.warning-label span {
    color: #fdcece;
    font-size: 13px;
    font-weight: 500
}

img.warning-close {
    cursor: pointer;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.footer-socials-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-payments {
    align-items: center;
    display: flex;
    gap: 6px
}

.footer-payments svg {
    filter: brightness(50%);
    height: 16px;
    transition: filter .2s ease
}

.footer-payments svg:hover {
    filter: brightness(100%)
}

.footer-lang {
    align-items: center;
    background: #141926;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 12px
}

.dropdown.type-footer {
    background: #141926;
    bottom: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    top: auto;
    width: 131px
}

.dropdown.type-footer li {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.dropdown.type-footer img {
    margin-right: 10px;
    width: 15px
}

.footer-lang__current {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.footer-lang__current img {
    width: 18px
}

.unauth .footer {
    height: 280px
}

.footer-right {
    display: flex;
    flex-wrap: wrap;
    gap: 106px
}

.footer__logo {
    display: flex;
    gap: 30px;
    padding-right: 10px
}

.footer-company {
    width: 225px
}

.footer-company h5 {
    color: #727783;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px
}

.footer-company h6,
.footer-company span {
    color: #515766;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.footer-company span {
    text-transform: none
}

.footer-company h6 {
    font-weight: 600
}

g[opacity="0.3"] {
    display: none;
    opacity: 0
}

.star-image {
    opacity: .34
}

.aic {
    align-items: center;
    display: flex
}

.roulette__letter {
    color: #6080ff;
    font-family: Cybershoke;
    font-size: 40px
}

.skinchanger-modal__stickers {
    background: #171c2a;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 6px;
    padding: 24px;
    width: 386px
}

.skinchanger-modal__stickers input {
    border: 1px solid #91affd1f;
    border-radius: 6px
}

.stattrak-switcher {
    background: #5265852e;
    border-radius: 4px;
    height: 25px;
    position: relative;
    transition: background .2s ease;
    width: 42px
}

.stattrak-switcher span {
    background: #9ea7be;
    border-radius: 4px;
    height: 17px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 17px
}

.skin-stattrak {
    align-items: center;
    background: #5d6c921f;
    border-radius: 5px;
    color: #7f8eaa;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    height: 38px;
    padding: 0 10px 0 14px;
    transition: all .2s ease
}

.skin-stattrak.active {
    background: #6080ff1f;
    color: #6080ff
}

.skin-stattrak.active .stattrak-switcher {
    background: #6080ff1f
}

.skin-stattrak.active .stattrak-switcher span {
    background: #6080ff;
    transform: translateX(100%)
}

.skin-label-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.skinchanger-stickers-list-wrapper {
    height: 470px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.skinchanger-stickers-list-wrapper.locked {
    opacity: 1;
    overflow: hidden
}

.skinchanger-stickers-list-wrapper.locked .skinchanger-stickers-list {
    opacity: .2
}

.skinchanger-stickers-list-wrapper::-webkit-scrollbar {
    width: 4px
}

.skinchanger-stickers-list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.skinchanger-stickers-list li {
    background: #91affd0d;
    border-radius: 6px;
    cursor: pointer;
    height: 80px;
    transition: background .2s ease
}

.skinchanger-stickers-list li:hover {
    background: #91affd1a
}

.skinchanger-stickers-list li>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center
}

.skinchanger-stickers-list li img {
    height: 45px
}

.skinchanger-stickers-list li span {
    color: #d3ddeb;
    font-size: 10px;
    font-weight: 400;
    max-width: 60px
}

.sticker-img-wrapper {
    display: flex;
    justify-content: center;
    width: 60px
}

.skin-dot-wrapper {
    align-items: center;
    background: #6080ffa6;
    border: 1px solid #0000;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: flex;
    height: 17px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    width: 17px;
    z-index: 1
}

.skin-dot-wrapper img {
    opacity: 1 !important;
    width: 7px
}

.skin-dot-wrapper.picked-dot {
    background: #cb4545a6
}

.skin-dot-wrapper.picked-dot img {
    display: block
}

.skinchanger-sticker-mode .skin-modal__image img {
    opacity: .3
}

.skinchanger-sticker-mode .skin-dot-wrapper {
    opacity: 1;
    pointer-events: all
}

li.choosen-sticker {
    background: #91affd29
}

#skinchanger-modal .tippy-box {
    background: #131b26;
    border: 1px solid #6080ff;
    border-radius: 8px
}

#skinchanger-modal .tippy-box div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#skinchanger-modal .tippy-box span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

#skinchanger-modal .tippy-box button {
    background: #0000;
    color: #6080ff;
    font-size: 11px;
    font-weight: 500
}

.drop-tags {
    justify-content: center
}

.drop-tags,
.drop-tags li {
    align-items: center;
    display: flex
}

.drop-tags li {
    background: #131c30;
    border-radius: 4px;
    color: #e4eaff;
    font-weight: 700;
    margin: 0 5px 20px;
    opacity: .9;
    padding: 9px 19px;
    text-transform: uppercase
}

.drop-tags li img {
    margin-right: 7px;
    width: 12px
}

.back-light {
    position: relative
}

.back-light:before {
    background: #f79133;
    content: "";
    display: block;
    filter: blur(25px);
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.back-light.prize_color-consumer:before,
.back-light.prize_color-industrial:before {
    background: #2a68b0
}

.back-light.prize_color-restricted:before {
    background: #754de8
}

.back-light.prize_color-milspec:before {
    background: #6080ff
}

.back-light.prize_color-covert:before {
    background: #e84d4d
}

.back-light.prize_color-classified:before {
    background: #e44de8
}

.back-light.prize_color-golden:before {
    background: #f79133
}

.skin-modal__side {
    bottom: 10px;
    color: #7f8eaa;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.sticker-dots {
    left: 0;
    position: absolute;
    top: -18px
}

.skin-modal__installed-stickers {
    bottom: 8px;
    left: 10px;
    position: absolute;
    z-index: 1
}

.skin-modal__installed-stickers img {
    height: 24px;
    margin-right: 6px;
    max-width: 100%;
    opacity: .3
}

.skin-modal__installed-stickers img:hover {
    cursor: pointer;
    opacity: 1
}

input.skin-float-range {
    -webkit-appearance: none;
    appearance: none;
    background: #91affd0d;
    border: none
}

input.skin-float-range:focus,
input.skin-float-range:hover {
    border: none
}

input.skin-float-range::-webkit-slider-thumb {
    background: #6080ff
}

.bans-table {
    margin-bottom: 50px;
    width: 100%
}

.bans-table tr {
    background: #0000;
    display: grid;
    grid-template-columns: 1fr 180px
}

.bans-table tr:nth-of-type(2n-1) {
    background: #141b2399
}

.bans-table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.bans-table td {
    font-size: 16px
}

.bans-table td,
.bans-table th {
    align-items: center;
    display: flex;
    height: 55px
}

.bans-table td:first-child,
.bans-table th:first-child {
    padding-left: 35px
}

.bans-table td:last-child,
.bans-table th:last-child,
.timer-divider {
    justify-content: center
}

.timer-divider {
    align-items: center;
    color: #d8e4f8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    opacity: .2;
    width: 15px
}

.skinchanger__setting-block img {
    pointer-events: none
}

.skin-modal__gun-name {
    color: #d3ddeb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

img.highlight-sticker {
    opacity: 1 !important
}

.skin-configurators {
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.skin__applied-stickers {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.skin__applied-stickers img {
    margin-top: 10px;
    max-height: 25px;
    max-width: 17px;
    object-fit: contain
}

div.skin__side-choice {
    align-items: center;
    display: flex;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important
}

div.skin__side-choice>div:first-child {
    margin-right: 5px
}

.superbonus-word {
    transition: all .3s ease
}

.superbonus-word .blue-letter {
    color: #6080ff
}

.unactive-side {
    opacity: .3 !important
}

.shaking-button {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation-fill-mode: forwards;
    perspective: 1000px;
    transform: translateZ(0)
}

.skin-modal__title {
    align-items: center;
    display: flex
}

.skin-modal__title img {
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.skin-modal__title div {
    color: inherit;
    cursor: pointer;
    transition: color .2s ease
}

.skin-modal__title div:hover {
    color: #fff
}

.float-info {
    cursor: pointer
}

.float-tippy__content {
    font-size: 13px;
    line-height: 22px;
    padding: 6px
}

.float-tippy__content span {
    color: #e0e7ff
}

.stickers-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.stickers-frame h3 {
    color: #9ea6be;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 9px;
    margin-top: 27px;
    text-transform: uppercase
}

.stickers-frame span {
    color: #d9e1ff;
    font-size: 14px;
    line-height: 19px;
    opacity: .3;
    text-align: center
}

.roulette-item__img-wrapper {
    align-items: center;
    background:
        /*savepage-url=img/wheel/bg/cybershoke.png*/
        url() no-repeat 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.roulette-item__label {
    color: #d39a52;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase
}

.settings__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.settings__item>button {
    margin-left: auto
}

.settings__item>button,
.settings__item>button a {
    background: #0000;
    color: #6080ff;
    font-size: 16px;
    font-weight: 500
}

.settings__item>button[disabled] {
    color: #8aa2b666
}

.profile-header__btn {
    background: #6080ff14;
    border-radius: 6px;
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    white-space: nowrap
}

.settings-sub__content {
    align-items: center;
    background: #d3dcff05;
    border-radius: 5px;
    display: flex;
    padding: 24px 21px 24px 33px;
    width: 100%
}

.settings-sub__content img {
    margin-right: 64px;
    width: 144px
}

.settings-sub__content>button {
    background: #1e242d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    margin-left: auto;
    padding: 13px 40px
}

.settings-sub__content div {
    display: flex
}

.settings-sub__content>div {
    align-items: center
}

.settings-sub__block {
    display: flex;
    flex-direction: column
}

.settings-sub__block:not(:last-child) {
    margin-right: 64px
}

.settings-sub__block span:first-child {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.settings-sub__block span:last-child {
    align-items: center;
    color: #87898d;
    display: flex;
    font-size: 15px;
    line-height: 18px
}

.settings-sub__block span:last-child img {
    margin-left: 4px;
    width: 14px
}

.settings-empty {
    color: #888b8f;
    font-size: 16px
}

.settings-table {
    width: 100%
}

.settings-table th {
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.settings-table .cell-with-flag img {
    margin-right: 10px;
    width: 16px
}

.settings-table td {
    font-size: 14px
}

.settings-table td,
.settings-table th {
    align-items: center;
    display: flex
}

.settings-table td:first-child,
.settings-table th:first-child {
    padding-left: 34px
}

.settings-table td:last-child,
.settings-table th:last-child {
    padding-right: 34px
}

.settings-table tr {
    align-items: center;
    display: flex
}

.settings-table tr:nth-child(2n-1) {
    background: #141b25;
    height: 60px
}

.settings-table tr:nth-child(2n) {
    background: #0000;
    height: 55px
}

.settings__sessions-table .close-session {
    opacity: 0;
    transition: all .2s ease
}

.settings__sessions-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px
}

.settings__sessions-table tr:hover .close-session {
    opacity: 1
}

.settings__transactions-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr .5fr
}

.settings__transactions-table tr:nth-child(2n) {
    height: 76px
}

.settings-area {
    align-items: center;
    background: #161d27;
    border: 0;
    border-radius: 5px;
    color: #d7e8ff99 !important;
    display: flex;
    font-size: 14px;
    max-width: 600px;
    padding: 14px 20px;
    width: 600px
}

.confirm-settings-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 500px
}

.confirm-settings-modal.sm {
    padding: 46px 43px;
    width: 450px
}

.confirm-settings-modal.sm .confirm-settings__content h2 {
    font-size: 20px
}

.confirm-settings-modal.sm .confirm-settings__subtitle {
    color: #adbcd0;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px
}

.confirm-settings__content h2 {
    color: #ecf1f8;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.confirm-settings__subtitle {
    color: #6f7a8c;
    font-size: 15px;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.confirm-settings__subtitle img {
    top: 1px;
    width: 14px
}

.confirm-settings__list {
    margin-top: 41px
}

.confirm-buttons {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.confirm-buttons button {
    background: #0000;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    letter-spacing: .16px;
    text-align: center;
    width: 100%
}

.confirm-buttons button:first-child {
    background: #6080ff;
    color: #fff
}

.confirm-buttons button:last-child {
    border: 1px solid #2e364b;
    color: #a5b2c3
}

.update-modal__content {
    padding: 38px 52px 44px
}

.update-modal__content h2 {
    font-size: 28px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.update-modal__content span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.update-modal__img-wrapper {
    position: relative;
    transition: all .5s ease
}

.update-modal__img-wrapper .flying-image {
    position: absolute
}

.update-modal__image {
    border-radius: 16px 16px 0 0;
    display: block;
    width: 100%
}

#update-modal {
    background: #171c2b;
    border-left: 4px solid #171c2b;
    border-radius: 16px;
    border-right: 4px solid #171c2b;
    border-top: 4px solid #171c2b;
    width: 558px
}

@media(max-width:650px) {
    #update-modal {
        width: 90%
    }
}

.modal-button {
    background: #6080ff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    letter-spacing: .11em;
    text-transform: uppercase;
    width: 100%
}

.update-modal__block {
    align-items: center;
    display: flex;
    margin-top: 25px
}

.update-modal__block img {
    max-width: 23px
}

.update-modal__block div {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.update-modal__content button {
    margin-top: 45px
}

.confirm-settings__list>div {
    align-items: center;
    display: flex;
    padding: 0 40px
}

.confirm-settings__list>div .image-wrapper {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.confirm-settings__list>div img {
    width: 22px
}

.confirm-settings__list>div span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.trade-link {
    border-bottom: 1px solid #9aa7bd;
    color: #9aa7bd;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px
}

.mode__friends {
    align-items: center;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.mode__friends img {
    border: 3px solid #21262f;
    border-radius: 50%;
    margin-left: -8px;
    width: 20px
}

.mode__friends span {
    align-items: center;
    background: #21262f;
    border-radius: 10px;
    color: #7c839c;
    display: flex;
    font-size: 9px;
    height: 20px;
    margin-left: -8px;
    padding: 0 5px
}

.float-dot {
    background: #7f8eaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

#page-servers-home a {
    height: 100% !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important
}

#online-friends-modal {
    background: #101821;
    border-radius: 16px;
    padding: 38px 41px;
    width: 450px
}

#online-friends-modal h2 {
    color: #e6e6e6;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em
}

#online-friends-modal ul {
    max-height: 324px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

#online-friends-modal .online-player__user {
    align-items: center;
    display: flex
}

#online-friends-modal .online-player__server {
    align-items: center;
    display: flex;
    padding-right: 10px
}

#online-friends-modal li {
    background: #131a24;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 51px;
    transition: all .3s ease
}

#online-friends-modal li:not(:last-child) {
    margin-bottom: 10px
}

#online-friends-modal li:hover {
    background: #21293d
}

#online-friends-modal li:hover .online-player__server-name {
    display: none
}

#online-friends-modal li:hover .online-player__server-connect {
    display: flex
}

.friends-modal__subtitle {
    color: #7b828a;
    display: block;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 10px
}

.inventory__device-img {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .54));
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 90%;
    transition: opacity .2s ease
}

.inv-device h2 {
    margin-top: 0
}

#auto-sub-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 800px
}

#auto-sub-modal h2 {
    color: #ecf1f8;
    font-size: 27px;
    font-weight: 900
}

.title-wrapper {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/lite-header.svg*/
        url() no-repeat 50%/cover;
    border-radius: 10px;
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 0 25px
}

.title-wrapper span {
    background: #6080ff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 17px
}

.modal-subtitle {
    color: #e1e6f9;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    max-width: 455px;
    opacity: .7
}

.modal-subtitle a {
    color: #e1e6f9;
    text-decoration: underline
}

.autosub-modal__plans {
    margin-top: 9px
}

.autosub-modal__plans>span {
    color: #d0d5e0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

.autosub-modal__plans>div {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr
}

.autosub-plan__title {
    color: #6080ff;
    display: block;
    font-size: 17px;
    font-weight: 900
}

.autosub-plan__subtitle {
    color: #abbcff;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase
}

.autosub-plan__select {
    align-items: center;
    background: #26394e;
    border-radius: 6px;
    color: #6080ff;
    color: #64d3ab;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 13px 18px 13px 16px
}

.autosub-plan__select img {
    width: 12px
}

.autosub-plan__period {
    color: #adbcd0;
    font-size: 14px;
    margin-top: 15px
}

.choose-sub-period {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: flex-start;
    z-index: 1
}

.choose-sub-period>div {
    width: 100%
}

.choose-sub-period>img {
    margin-right: 16px;
    width: 43px
}

.choose-sub-period span {
    text-align: center
}

.sub-tick {
    background: #5beaae2b;
    border-radius: 5px;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px
}

.sub-tick:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/tick.svg*/
        url() no-repeat 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.autosub-plan {
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.autosub-plan .dropdown {
    left: 0
}

.autosub-plan .choose-sub-period {
    background: #1a202d;
    border-bottom: 1px solid #0000;
    border-radius: 8px;
    padding: 0 28px 0 30px
}

.autosub-plan.active .choose-sub-period {
    background: linear-gradient(197.7deg, #1d2535 9.19%, #20283a 94.29%);
    opacity: 1
}

.autosub-plan.active:before {
    background: #5beaae2b
}

.autosub-plan.monthly {
    cursor: default
}

.autosub-plan.monthly:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #181e29e6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.autosub-plan .autosub-locker {
    align-items: center;
    color: #8fa1b8;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.autosub-plan .autosub-locker img {
    margin-bottom: 14px;
    width: 45px
}

.autosub-sale {
    background: #5beaae2b;
    border-radius: 40px;
    color: #6bcea5;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px
}

#serv-avg-lvl {
    height: 20px;
    position: absolute;
    right: -40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown {
    background: #11171f;
    border-radius: 4px;
    left: 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    z-index: 2
}

.dropdown ul {
    flex-direction: column;
    justify-content: center;
    padding: 8px 0
}

.dropdown li,
.dropdown ul {
    align-items: center;
    display: flex
}

.dropdown li {
    color: #899bb7;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 16px;
    width: 100%
}

.dropdown li,
.dropdown li span {
    transition: all .3s ease
}

.dropdown li:hover,
.dropdown li:hover span {
    color: #fff
}

.dropdown li img {
    margin-right: 10px
}

@media(max-width:650px) {
    .hide-mobile {
        display: none
    }
}

@media (max-width:1100px) {

    .premium-modal__left-bg,
    .premium-modal__right-bg {
        display: none
    }
}

.settings input {
    border: 2px solid #0000
}

.settings input:focus,
.settings input:hover {
    border: 2px solid #3e4852
}

.modal-converter {
    margin-right: 15px
}

.modal-converter span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .2s ease
}

.modal-converter span:hover {
    filter: brightness(120%)
}

.modal-converter>span {
    background: #1e2835;
    border-radius: 6px;
    height: 34px;
    width: 34px
}

.modal-converter img {
    width: 12px
}

.modal-converter div {
    background: #1e2835;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 9
}

.modal-converter div span {
    height: 30px;
    width: 100%
}

.modal-converter div span:not(:first-child) {
    border-top: 1px solid #283243
}

.servers-filter {
    align-items: center;
    background: #11171f;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.filter-section {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 40px
}

.filter-section:first-child {
    min-width: 130px
}

.filter-section label {
    cursor: pointer;
    margin-left: 10px
}

.filter-section.locations .filter-chooses img,
.filter-section.locations ul img {
    border-radius: 50%
}

.filter-section.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex
}

.filter-section__value,
.filter-section__value span {
    color: #c0dcff;
    font-size: 14px;
    font-weight: 500
}

.filter-section__value>img {
    margin-left: 8px
}

.all-servers-grid {
    padding: 20px 40px 40px;
    width: 100%
}

.all-servers-wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 560px;
    width: 100%
}

.grid-type {
    border: 1px solid #1a1e2d;
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    justify-content: space-between;
    margin-right: 32px;
    overflow: hidden;
    width: 128px
}

.grid-type,
.grid-type div {
    align-items: center;
    display: flex
}

.grid-type div {
    height: 100%;
    justify-content: center;
    width: 50%
}

.grid-type .active {
    background: #6080ff1f
}

.grid-type .active img {
    filter: invert(48%) sepia(19%) saturate(3147%) hue-rotate(202deg) brightness(100%) contrast(102%)
}

.servers-helpers {
    align-items: center;
    background: #11171f;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 12px 11px;
    position: relative;
    width: 100%
}

.servers-helper,
.servers-helpers {
    border-radius: 7px;
    display: flex;
    overflow: hidden
}

.servers-helper {
    align-items: flex-start;
    cursor: pointer;
    flex-direction: column;
    height: 86px;
    padding: 22px
}

.servers-helper .bg {
    background: linear-gradient(0deg, #151b23cc, #151b23e6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.servers-helper:hover .bg {
    opacity: .7
}

.servers-helper span {
    color: #d1daff;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 2
}

.premium__down-arrow {
    cursor: pointer;
    margin-top: 85px;
    width: 22px
}

.premium__t-player {
    left: -302px;
    position: absolute;
    top: 42px;
    width: 369px
}

.premium__ct-player {
    height: 758px;
    position: absolute;
    right: -376px;
    top: -20px
}

.autosub-agreement {
    margin-top: 27px
}

.autosub-agreement label {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.autosub-agreement .checkmark,
.autosub-agreement label:hover .checkmark {
    background: #1a2430
}

.autosub-agreement span {
    color: #a8b1bc;
    font-size: 14px;
    font-weight: 400
}

button.participating {
    background: #181f2c !important;
    color: #5d6d8b;
    cursor: not-allowed
}

button.participating img {
    margin-left: 0;
    margin-right: 8px
}

button.participating:hover {
    filter: none
}

a.agreement-link {
    color: #6080ff;
    text-decoration: underline
}

.underline {
    cursor: pointer
}

.underline,
.underline:hover {
    color: inherit;
    text-decoration: underline
}

.autosub__choosen-plan {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 23px;
    padding: 26px 31px
}

.autosub-success,
.autosub__choosen-plan {
    align-items: center;
    background: #19212c;
    border-radius: 5px;
    display: flex
}

.autosub-success {
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 30px
}

.autosub-success .indicator {
    background: #6080ffe6;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px
}

.autosub-success .indicator:after,
.autosub-success .indicator:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.autosub-success .indicator:before {
    background: #6080ff33;
    height: 60px;
    width: 60px
}

.autosub-success .indicator:after {
    background: #6080ff0f;
    height: 96px;
    width: 96px
}

.autosub-success h6 {
    font-size: 25px;
    font-weight: 500;
    margin: 35px 0 8px;
    opacity: .95
}

.autosub-success span {
    color: #a5abbb;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 380px
}

ul.autosub__select-list {
    background: #26394e;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 11px 18px #0f141b40;
    gap: 5px
}

ul.autosub__select-list li {
    display: block
}

ul.autosub__select-list li,
ul.autosub__select-list li div {
    color: #a8c6cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

ul.autosub__select-list li div {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

ul.autosub__select-list li .subtext {
    align-items: center;
    color: #a8c6cd;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 5px
}

.terms-title {
    align-items: center;
    display: flex
}

.terms-title a {
    margin-right: 40px
}

.price-policy {
    background: #11171f;
    border-radius: 25px;
    display: inline-flex;
    margin-top: 40px;
    padding: 55px 40px
}

.price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 33px;
    text-transform: uppercase
}

.price-table {
    width: 659px
}

.price-table th {
    background: #1c25314d;
    font-size: 12px;
    height: 44px
}

.price-table th:first-child {
    border-radius: 7px 0 0 7px
}

.price-table th:last-child {
    border-radius: 0 7px 7px 0
}

.price-table td {
    font-size: 14px
}

.price-table td,
.price-table th {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.price-table tr {
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.price-table tr:nth-child(2n-1) td {
    background: #141b25;
    height: 44px
}

.price-table tr:nth-child(2n-1) td:first-child {
    border-radius: 7px 0 0 7px
}

.price-table tr:nth-child(2n-1) td:last-child {
    border-radius: 0 7px 7px 0
}

.price-table tr:nth-child(2n) td {
    height: 57px
}

.price-table-wrapper:first-child {
    margin-right: 30px
}

.gift-modal__content .content {
    background: linear-gradient(197.7deg, #1a202d 9.19%, #1c2334 94.29%);
    border-radius: 8px;
    padding: 28px
}

.gift-plan__back {
    align-items: center;
    background: #0000;
    border: 1px solid #2e364b;
    border-radius: 6px;
    color: #a5b2c4;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .01em;
    margin-right: 6px;
    padding: 0 26px;
    text-transform: uppercase
}

.gift-plan__back img {
    margin-right: 8px
}

.gift-plan__buttons {
    align-items: center;
    display: flex;
    margin-top: 14px
}

.server-row {
    background: #11171f;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 60px;
    margin-top: 3px;
    overflow: hidden;
    padding: 0 30px 0 33px;
    position: relative;
    width: 100%
}

.server-row online {
    background: #0000004d
}

.server-row div {
    align-items: center;
    display: flex
}

.server-row:before {
    background: linear-gradient(270deg, #11171f 84.7%, #11171f00 157%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1600px;
    z-index: 1
}

.server-row>div {
    z-index: 2
}

.server-row span,
.server-row>div {
    color: #adbcd0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.server-row__bg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 270px
}

.server-row__name span:first-child {
    width: 40px
}

.server-row__faceit img {
    width: 21px
}

.server-row__location img,
.server-row__map img,
.server-row__prime img {
    margin-right: 8px;
    width: 14px
}

.server-row__location img {
    border-radius: 50%;
    height: 14px
}

.server-row__map span {
    max-width: 190px
}

.server-row__ping img {
    margin-right: 10px;
    width: 12px
}

.server-row__btns div {
    background: #b1c3ff0a;
    border-radius: 6.42857px;
    display: flex;
    height: 30px;
    margin-left: auto;
    width: 60px
}

.server-row__btns button {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.server-row__btns button:hover img {
    filter: brightness(0) invert(1)
}

.server-row__btns button:first-child {
    border-right: 1.07143px solid #11171f
}

.react-loading-skeleton {
    height: 64px
}

.servers-filter .dropdown {
    background: #11171f;
    border-radius: 6px;
    box-shadow: 0 4px 45px #00000040;
    width: 220px;
    z-index: 26
}

ul.servers-dropdown {
    padding: 9px 0
}

ul.servers-dropdown li {
    align-items: center;
    color: #858f9dcc;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    height: 33px;
    letter-spacing: .2px;
    padding: 0 15px
}

ul.servers-dropdown li.empty {
    opacity: .3
}

ul.servers-dropdown li span {
    color: #858f9dcc;
    font-size: 12px;
    font-weight: 500;
    max-width: 140px
}

ul.servers-dropdown li span.loc-ping {
    align-items: center;
    color: #fffc;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

ul.servers-dropdown li span.loc-ping img {
    border-radius: 0;
    margin-right: 5px;
    width: 12px
}

ul.servers-dropdown li.choosen {
    background: #161d26;
    position: relative
}

ul.servers-dropdown li.choosen,
ul.servers-dropdown li.choosen span {
    color: #6080ff
}

ul.servers-dropdown li.choosen:after {
    background: #212c3a
        /*savepage-url=//cloud.cybershoke.net/img/icons/servers/tick.svg*/
        url() no-repeat 50%;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

ul.servers-dropdown img {
    margin-right: 10px;
    width: 15px
}

.prime-filter-image {
    margin-right: 8px;
    width: 14px
}

.filter-chooses {
    align-items: center;
    display: flex
}

.filter-chooses img {
    filter: drop-shadow(-2px 0 0 #11171f);
    margin-left: 0;
    width: 18px
}

.filter-chooses img:nth-child(2),
.filter-chooses img:nth-child(3) {
    margin-left: -6px
}

.prime-dropdown li {
    text-transform: uppercase
}

.row-servers__header {
    background: #11171f;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 44px;
    padding: 0 30px 0 33px;
    width: 100%
}

.row-servers__header span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.row-servers__header span img {
    margin-left: 8px;
    width: 6px
}

.row-servers__header span:hover {
    color: #718193
}

.row-servers__header span {
    color: #5e6c7e;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease
}

.row-servers__header div {
    align-items: center;
    display: flex
}

span.lite-badge {
    background: #19222e;
    border-radius: 11.5px;
    color: #637cdd;
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    margin-left: 8px;
    padding: 3px 7px;
    text-transform: uppercase
}

.settings__item-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.settings__item-title h5 {
    color: #8a919d;
    font-size: 16px;
    font-weight: 500;
    width: 340px
}

.settings__item-title span {
    color: #afb7c6;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.settings-connections .settings__item-title {
    margin-bottom: 0
}

.settings-connections .settings__item-title h5 {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.settings-connections .setting-content p {
    color: #dedede;
    font-size: 16px
}

h5.setting-white-title {
    color: #eff3fa;
    font-size: 16px;
    font-weight: 400
}

.connection-img {
    align-items: center;
    display: flex;
    width: 35px
}

.connection-img img {
    max-width: 22px
}

.modal-close {
    cursor: pointer;
    height: 16px;
    opacity: .2;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: opacity .4s ease;
    width: 16px;
    z-index: 1
}

.modal-close.s {
    height: 14px;
    width: 14px
}

.modal-close:hover {
    opacity: 1 !important
}

.modal-close img {
    width: 100%
}

.slick-slide {
    height: 86px
}

.slick-slide:not(:last-of-type) {
    padding-right: 11px
}

.prime-switchers,
.visibility-switchers {
    display: flex
}

.prime-switchers div,
.visibility-switchers div {
    align-items: center;
    background: #c4c4c40d;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 44px
}

.prime-switchers div:first-child,
.visibility-switchers div:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.prime-switchers div:last-child,
.visibility-switchers div:last-child {
    border-radius: 0 4px 4px 0
}

.prime-switchers div img,
.visibility-switchers div img {
    opacity: .4;
    transition: opacity .3s ease
}

.prime-switchers div.active,
.visibility-switchers div.active {
    background: #6980ff
}

.prime-switchers div.active img,
.visibility-switchers div.active img {
    opacity: 1
}

.prime-switchers div:first-child.active {
    background: #2c3f4d
}

.prime-switchers div:last-child.active {
    background: #d8494933
}

.prime-switchers img {
    height: 60%;
    opacity: 1
}

.empty-categories {
    pointer-events: none
}

.empty-categories>span img {
    display: none
}

.tg {
    margin-left: auto
}

.block-border.trending {
    background: #fd8210
}

.release-badge {
    background: #bcc0d21f;
    border-radius: 5px;
    pointer-events: all
}

.grey-badge {
    background: #aecce426;
    color: #aecce4
}

.cfg-row {
    width: 100%
}

.cfg-row,
.cfg-row>div {
    align-items: center;
    display: flex
}

.cfg__name {
    font-size: 16px
}

.cfg__size {
    color: #73777d;
    margin-left: 10px
}

.cfg__img {
    height: 32px;
    margin-right: 22px
}

.cfg__btns img {
    cursor: pointer;
    height: 20px;
    margin-left: 16px
}

.cfg__btns img:hover {
    filter: invert(45%) sepia(88%) saturate(2366%) hue-rotate(212deg) brightness(102%) contrast(101%)
}

.cfg-upload {
    cursor: pointer;
    font-size: 16px
}

.cfg-upload input {
    display: none
}

.category-wrapper>div {
    z-index: 1
}

.servers-grid-PRO-1 .home-body-servers {
    border: 1px solid #ffb660
}

.connection-vis {
    width: 45px
}

.connection-vis img {
    border-radius: none;
    cursor: pointer;
    width: 15px
}

.cfg__btns {
    margin-left: auto
}

.static-header main {
    padding-top: 0
}

.static-header header {
    background: #0000;
    position: absolute
}

.dark-header header {
    background: #0f141b linear-gradient(180deg, #030b12 0, #10151a80 50%, #14191e00 80%)
}

.load-btn {
    display: block;
    margin-top: 20px
}

.support-table {
    margin-top: 20px;
    max-height: 715px;
    overflow: auto;
    padding-right: 19px;
    width: calc(100% + 19px)
}

.support-table table {
    border-collapse: collapse;
    width: 100%
}

.support-table table img {
    min-height: 20px
}

.support-table table tr {
    align-items: center;
    border-radius: 13px;
    display: flex;
    height: 55px;
    justify-content: space-between
}

.support-table table tr:nth-child(2n-1) {
    background: #141b23
}

.support-table table td:first-child,
.support-table table th:first-child {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left
}

.support-table table td:last-child,
.support-table table th:last-child {
    justify-content: flex-end;
    padding-right: 50px;
    text-align: right
}

.support-table table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700
}

.support-table table td {
    align-items: center;
    display: flex;
    font-size: 16px;
    letter-spacing: .12px
}

.premium-sub-modal .title-wrapper {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/premium-header.svg*/
        url() no-repeat 50%/cover !important
}

.premium-sub-modal .title-wrapper span {
    background: #ef8f32 !important;
    padding: 9px 10px !important
}

.premium-sub-modal .autosub-plan__title {
    color: #f39b34
}

.premium-sub-modal .autosub-plan__subtitle {
    color: #ebe1d3
}

.premium-sub-modal .modal-button {
    background: #ef8f32
}

#gift-modal .autosub-sale {
    padding: 3px 9px
}

#gift-modal .title-wrapper {
    height: 73px
}

#gift-modal .title-wrapper h2 {
    font-size: 20px
}

#gift-modal .title-wrapper div {
    align-items: center;
    display: flex
}

#gift-modal .title-wrapper img {
    margin-right: 10px;
    width: 26px
}

#gift-modal .subtitle {
    color: #adbcd0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0 10px
}

#gift-modal .autosub-plan__select {
    margin-top: 0
}

#gift-modal .autosub-plan__select img {
    margin-left: 19px
}

.autosub-crown {
    margin-right: 15px
}

.autosub-crown img {
    width: 43px
}

.gift-sub-until {
    align-items: center;
    border: 1px solid #26394e;
    border-radius: 8px;
    color: #cbd9ec;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.gift-modal__search-wrapper img {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.dark-modal {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0d0f17f5
}

.lighter {
    color: #738092;
    cursor: pointer
}

.allow-bonus .premium__ct-player {
    width: 438px;
    z-index: 1
}

.allow-bonus .premium__t-player {
    position: absolute
}

.list-with-dots {
    margin-bottom: 20px
}

.list-with-dots li {
    margin-bottom: 0 !important;
    padding-left: 24px
}

.list-with-dots li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 3px
}

.gold-text {
    color: #e49635
}

#languages.show-lang {
    opacity: 1;
    pointer-events: all
}

.grey-popup {
    background: #11151d !important;
    border-radius: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.blue+span {
    background: #5e7df833;
    color: #6080ff !important
}

@keyframes animLike {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.animate-like {
    animation: animLike .5s
}

.active .nav-name {
    color: #a0b3ff
}

.golden.active .nav-name {
    color: #fc9537
}

aside#header nav {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-height:1050px) {
    aside#header nav {
        padding-top: 30px;
        position: static;
        transform: none
    }
}

@media (max-height:900px) {
    .nav-name {
        display: none
    }
}

.steam-tippy div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.steam-tippy div:not(:last-child) {
    margin-bottom: 3px
}

.steam-tippy div:hover img {
    filter: brightness(125%)
}

.steam-tippy img {
    cursor: pointer;
    margin-left: 6px;
    transition: filter .2s ease;
    width: 16px
}

.steam-tippy span {
    color: inherit;
    margin-left: 3px;
    -webkit-user-select: all;
    user-select: all
}

#iskinchanger {
    min-height: 500px;
    padding: 16px
}

.tippy-box[data-theme~=headerLink] {
    border-radius: 12px
}

.deposit-pay-system img {
    height: 44px;
    image-rendering: inherit;
    object-fit: scale-down;
    width: 75px
}

.tippy-box[data-theme=skinchanger] {
    background: #22263c;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    padding: 6px
}

.tippy-box[data-theme=skinchanger] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=shop] {
    border-radius: 12px;
    transform: translateY(-95px) translateX(20px)
}

.tippy-box[data-theme=shop] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=missions-drops],
.tippy-box[data-theme=missions] {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 15px;
    box-shadow: 0 8px 12px 0 #080b114d;
    width: 340px
}

.tippy-box[data-theme=missions-drops] .tippy-content,
.tippy-box[data-theme=missions] .tippy-content {
    padding: 16px
}

.tippy-box[data-theme=missions-drops] {
    max-width: none !important;
    width: auto
}

.tippy-box[data-theme=game] {
    background: #0000
}

.tippy-box[data-theme=game] .tippy-content {
    padding: 5px 0 0
}

.tippy-box[data-theme=event] {
    border-radius: 12px;
    transform: translateY(95px) translateX(20px)
}

.tippy-box[data-theme=event] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=event] .arrow {
    bottom: 0;
    top: 37px
}

.tippy-box[data-theme=inventory] {
    background: linear-gradient(0deg, #11151d, #11151d), #fff;
    border-radius: 12px;
    padding: 12px;
    width: 256px;
    z-index: 1
}

.tippy-box[data-theme=inventory] .tippy-content {
    padding: 0
}

.modal__overlay_PREMIUM_ONLY {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #0f141bf2
}

.prem-scroll-trigger {
    top: -500px
}

.custom-tooltip {
    background: #1c2231;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    padding: 10px
}

.custom-tooltip>div {
    align-items: center;
    display: flex;
    justify-content: center
}

.custom-tooltip-sold {
    color: #aab5c6;
    font-weight: 400;
    text-transform: lowercase
}

.custom-tooltip-price {
    color: #ffab3e;
    font-weight: 700
}

.custom-tooltip img {
    height: 16px;
    margin-left: 5px;
    width: 16px !important
}

.apexcharts-tooltip.apexcharts-theme-light {
    background: none !important;
    border: none !important;
    box-shadow: none
}

.helper-img {
    bottom: 0;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: auto
}



.helper>div {
    height: 100%;
    position: static;
    width: 100%
}

.helper h6 {
    color: #e8a176;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 6px
}

.helper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase
}



.helper.pickem-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(142deg, #ffc500 -9.97%, #f29653 50.38%, #e8d740 86.59%, #e2ab5b 125.35%);
    background-clip: text;
    -webkit-background-clip: text
}

.helper.pickem-helper .helper-img {
    bottom: 0;
    height: 110px;
    right: 0
}

.helper.leaderboard-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000
}

.helper.leaderboard-helper .helper-img {
    height: 95px
}

.mode-helper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.mode-helper .helper-content {
    background: linear-gradient(90deg, #232556, #24262db3)
}

.mode-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text
}

.mode-helper p {
    align-items: center;
    display: flex;
    gap: 4px
}

.mode-helper p svg {
    top: -1px;
    width: 22px
}

.helper-content {
    align-items: center;
    display: flex;
    font-family: Gotham;
    justify-content: space-between;
    padding: 0 11px 0 22px
}

.auth-helper__btn {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1f224466;
    border-radius: 10px;
    padding: 14px
}

.auth-helper__btn>img {
    right: 178px
}

.auth-helper__btn button {
    align-items: center;
    background: #6080ff;
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 13px 26px
}

.auth-helper__btn img {
    width: 22px
}

.star-image__modal {
    margin-bottom: 20px
}

.star-image__modal .star-image {
    width: 70px
}

.star-image__modal .stars-for-task {
    font-size: 40px
}

.transaction-date {
    color: #525967
}

.mission-scroll-trigger {
    top: calc(-100vh + 190px)
}

.mission-scroll-trigger2 {
    bottom: calc(100vh + 400px);
    position: absolute
}

.largeConfeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.largeConfeti svg {
    height: 100%;
    width: 100%
}

.confeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 300px;
    z-index: 4
}

.confeti svg {
    height: 100%;
    width: 100%
}

@media(max-width:1000px) {
    main {
        height: calc(100% - 79px)
    }

    .static-header main {
        padding-top: 79px
    }
}

.locked {
    opacity: .5;
    pointer-events: none
}

.Toastify__toast-container {
    width: auto
}

.Toastify__toast {
    border-radius: 8px;
    min-height: 47px;
    padding: 5px 20px 5px 56px
}

.Toastify__toast-theme--warning {
    background: linear-gradient(0deg, #6d3b0d99, #6d3b0d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child {
    color: #eba15d
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/warn-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--error {
    background: linear-gradient(0deg, #69302d99, #69302d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child {
    color: #eb645d
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/fault.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--success {
    background: linear-gradient(0deg, #1b253599, #1b253599), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child {
    color: #dde4ff
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/success-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-body>div:last-child {
    font-size: 16px;
    font-weight: 500
}

.Toastify__toast-body>div:last-child:before {
    content: "";
    display: block;
    height: 14.4px;
    left: -31px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: 14.4px
}

.Toastify__toast {
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
    width: fit-content
}

.Toastify__close-button {
    display: none
}

#premium__combat-player {
    left: -336px;
    position: absolute;
    top: -244px
}

#premium__medic-player {
    position: absolute;
    right: -236px;
    top: -244px
}

.server-modal__unauth {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px
}

.server-modal__unauth h2 {
    font-size: 28px;
    font-weight: 800;
    max-width: 80%;
    text-align: center
}

.server-modal__unauth p {
    color: #b6c0d0;
    font-size: 15px;
    line-height: 140%;
    margin: 14px 0;
    max-width: 80%;
    text-align: center;
    width: 540px
}

.server-modal__unauth button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    padding: 12px 32px
}

.server-modal__unauth button svg {
    width: 24px
}

.banned-friend .block-profile-friends-f-block-img:before {
    background: #e50027 !important
}

.banned-friend .block-profile-friends-f-block-content-name {
    color: #e50027 !important
}

.simplified-footer {
    padding: 48px 0 80px
}

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

.profile-section__header {
    align-items: center;
    background: #161b25;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 36px
}

.profile-section__header h1 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-transform: none
}

.range-slider {
    background: #91affd0d;
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    height: 6px;
    position: relative;
    transition: background .2s ease;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.range-slider-track {
    background-color: #007bff;
    border-radius: 4px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.range-slider-part {
    display: inline-block;
    height: 100%
}

.range-slider-part:first-child {
    border-radius: 4px 0 0 4px
}

.range-slider-part:last-child {
    border-radius: 0 4px 4px 0
}

.range-slider-thumb {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.range-slider-thumb span {
    background: #131825;
    border-radius: 50%;
    display: block;
    height: 6px;
    transition: transform .2s ease;
    width: 6px
}

.range-slider-thumb:hover span {
    transform: scale(1.7)
}

.inactive-sticker {
    opacity: .5
}

.modal-sub-btn {
    align-items: center;
    background: #0000;
    border: 1px solid #f0b358;
    border-radius: 6px;
    color: #ffc875;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    justify-content: center;
    margin-top: 40px;
    padding: 10px 16px;
    width: 100%
}

.modal-sub-btn img {
    width: 24px
}

.opacity-50 {
    opacity: .5;
    transition: opacity .3s ease
}

.rotated {
    transform: rotate(180deg)
}

@media (max-width:1366px) {

    .support-page video,
    .support-screen {
        width: 100% !important
    }

    .support-content {
        grid-template-columns: 1fr
    }

    .ban-dates-img {
        width: 100% !important
    }

    .settings-sub__content,
    .settings-sub__content>div {
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%
    }

    .footer-right {
        row-gap: 50px
    }

    .settings-sub__block:not(:last-child),
    .settings-sub__content>img {
        margin-bottom: 20px
    }

    .settings-sub__content img {
        margin-right: auto !important;
        margin: 0 auto 30px
    }

    .settings-sub__block {
        min-width: 140px;
        width: 100%
    }

    .settings__item {
        flex-direction: column
    }

    .settings-area {
        max-width: 100%;
        width: 100%
    }

    .settings__item>button,
    .settings__item>button a {
        align-items: center;
        background: #161b25;
        border-radius: 6px;
        display: flex;
        height: 48px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .setting-content,
    .setting-content>div {
        width: 100%
    }

    .settings-content {
        padding: 24px
    }

    .settings-connections .settings__item {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content>div {
        width: auto
    }

    .connection-vis {
        margin-right: 15px
    }

    .settings__item-title h5 {
        width: auto
    }

    .tg {
        margin-top: 10px;
        width: 100%
    }

    .settings__item>button[disabled] {
        background: #8aa2b60d
    }

    .general-menu {
        padding: 12px
    }

    .big-desktop-only {
        display: none
    }
}

@media (max-width:1000px) {
    .footer-socials-wrapper {
        align-items: flex-start;
        gap: 30px
    }

    .settings-sub__content div {
        flex-direction: column
    }

    main {
        margin-left: 0;
        padding-top: 79px
    }

    header {
        height: 79px;
        left: 0;
        padding-left: 30px
    }

    #page-servers {
        padding-top: 12px
    }

    .dark-header header,
    .static-header header,
    header {
        background: #131821
    }

    .benefit-img__awp,
    .deauth,
    .header__deposit-wrapper,
    .langs,
    .premium__ct-player,
    .premium__down-arrow,
    .premium__sub-title,
    .premium__t-player,
    .premium__title,
    .profile-socials-wrapper,
    .sidebar-top,
    aside#header .play:after,
    header #socials {
        display: none !important
    }

    .premium-page {
        padding: 16px
    }

    .premium__benefits {
        margin-top: 112px
    }

    .premium__benefit-block {
        gap: 116px;
        margin-bottom: 146px
    }

    .premium__benefit-content {
        margin-bottom: 0 !important;
        max-width: 100%
    }

    .benefit-number {
        left: -50px;
        right: auto;
        top: -200px
    }

    aside#header {
        background: #131821;
        top: auto;
        width: 100%
    }

    aside#header nav {
        flex-direction: row;
        gap: 0;
        position: static;
        transform: none
    }

    .header-side-left {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 21px 16px
    }

    .header-side-left>* {
        margin-bottom: 0;
        width: 100%
    }

    .header-side-left .active,
    .header-side-left>* {
        border-right: none !important
    }

    .nav-name {
        display: none
    }

    .online {
        padding: 0
    }

    #information {
        margin: 0 16px
    }

    #information .avatar {
        height: 100px;
        width: 100px
    }

    #information svg {
        width: 100px
    }

    #profile-main {
        margin-bottom: 16px
    }

    .loyalty__progressBox--2KEX {
        width: 200px
    }

    .settings {
        display: flex;
        flex-direction: column
    }

    .settings>div {
        align-self: auto
    }

    .settings {
        padding: 24px
    }

    .profile-stats-grid {
        grid-template-columns: 1fr 1fr
    }

    .online>span {
        align-items: center;
        display: flex
    }

    .online>span>span {
        margin: 0 6px 0 0
    }

    .sub-tick {
        display: none
    }
}

@media (max-width:840px) {
    .support-header h5 {
        font-size: 14px !important
    }

    .support-header h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important
    }

    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }

    .achievements {
        gap: 16px;
        grid-template-columns: 1fr
    }

    .profile-buttons,
    .server-modal__header-labels {
        display: none
    }

    #deposit__modal {
        padding: 5%
    }

    .payment-providers-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .deposit__balance-modal {
        width: auto
    }

    #serverInfoModal {
        width: 90%
    }

    .p-ch-block-menu {
        height: 200px
    }

    .skinchanger-modal__wrapper {
        padding: 24px;
        width: 100%
    }

    #skinchanger-modal {
        width: 90%
    }

    .skinchanger-modal__stickers {
        display: none
    }
}

@media (max-width:750px) {

    .footer__navigation,
    .footer__sponsors {
        padding-left: 20px;
        padding-right: 20px
    }

    .premium__main-plans {
        align-items: center;
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .support-search__wrapper,
    .support-search__wrapper input {
        width: 100%
    }

    .support-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .support-article {
        padding: 24px
    }

    .support-article__title {
        font-size: 24px
    }

    .servers-filter {
        display: none
    }

    .all-servers-grid {
        padding: 0
    }

    .slick-next:before,
    .slick-prev:before {
        opacity: 1 !important
    }

    #nav-servers {
        display: none
    }

    #page-servers {
        padding: 12px
    }

    #servers {
        padding: 0 15px
    }

    .xp-bar-info {
        font-size: 13px
    }

    #name_player {
        font-size: 35px !important
    }

    .settings__transactions-table .desktop-only {
        display: none
    }

    .settings__transactions-table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        padding: 20px 10px
    }

    .settings-table td:first-child,
    .settings-table th:first-child {
        padding-left: 0
    }

    .transaction-main {
        display: block;
        margin: 10px 0;
        width: 100%
    }

    .settings__transactions-table .skin-name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .support-content {
        padding: 0 16px
    }

    .settings__sessions-table tr {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
        height: auto !important;
        padding: 20px 10px;
        row-gap: 10px
    }

    .settings-table td {
        font-size: 12px
    }

    .settings__sessions-table .close-session {
        opacity: 1
    }

    .settings__sessions-table .desktop-only {
        display: none
    }

    .autosub-sale {
        font-size: 8px
    }

    .scrollable-modal {
        align-items: flex-start;
        overflow-y: auto;
        padding: 24px 0
    }
}

@media (max-width:650px) {

    .autosub-crown,
    .choose-sub-period>img {
        display: none
    }

    .footer__nav-list {
        gap: 35px
    }

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

    .footer__logo span {
        margin-left: 0;
        margin-top: 10px
    }

    .footer__logo {
        align-items: flex-start;
        flex-direction: column
    }

    .support-content .general-menu {
        min-width: auto
    }

    .block-profile-friends {
        padding: 5px
    }

    .page_profile_new #profile-nav a {
        padding: 0 14px
    }

    .page_profile_new #profile-nav {
        padding-left: 16px
    }

    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr))
    }

    .footer .flex-wrap {
        gap: 20px
    }

    .footer__sponsors img {
        width: 110px
    }

    #auto-sub-modal {
        padding: 24px;
        width: 95%
    }

    #auto-sub-modal h2 {
        align-items: flex-start;
        font-size: 20px
    }

    #auto-sub-modal .subtitle,
    .title-wrapper span {
        font-size: 12px
    }

    .autosub-plan__select {
        font-size: 12px;
        padding: 11px 10px
    }

    .autosub-plan .choose-sub-period {
        height: auto;
        padding: 15px
    }

    .autosub-plan .dropdown,
    .dropdown {
        left: auto;
        right: 0
    }

    #gift-modal {
        padding: 20px;
        width: 90%
    }

    .close {
        z-index: 1
    }

    .profile-section__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        height: auto;
        padding: 36px
    }

    .profile-header__btn {
        padding: 12px
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content p {
        font-size: 12px
    }

    .settings__item>button,
    .settings__item>button a {
        font-size: 14px
    }

    #header__user_balance,
    .online>span {
        font-size: 16px
    }

    h2.deposit__title {
        font-size: 20px
    }

    .deposit-notification {
        font-size: 11px;
        height: auto;
        padding: 15px
    }

    .deposit__code-inputs {
        grid-template-columns: 1fr
    }

    .payment-providers-list {
        grid-template-rows: 1fr 1fr;
        height: 170px
    }

    .deposit-modal__content {
        margin-top: 15px
    }

    .deposit-modal-button {
        padding: 14px 0
    }

    .deposit__balance-modal {
        padding: 24px
    }

    .server-modal__header>div {
        flex-direction: column;
        gap: 24px
    }

    .server-modal__header>div:first-child {
        flex-direction: column-reverse
    }

    .server-modal__main-info {
        gap: 6px !important;
        padding: 0
    }

    .server-modal__header {
        grid-template-columns: 1fr 80px 1fr
    }

    .server-modal__con {
        display: none !important
    }

    .server-modal__connect {
        justify-content: center
    }

    #serverInfoModal .desktop-only {
        display: none
    }

    .data-one-server-info tr,
    .table-players-server-header tr {
        grid-template-columns: 64px 92px 60px 1fr
    }

    .modal-button {
        letter-spacing: normal
    }

    .confirm-settings-modal {
        padding: 24px;
        width: 90%
    }

    .confirm-settings__list {
        margin: 24px 0
    }

    .confirm-settings__list>div .image-wrapper {
        height: 30px;
        min-width: 30px;
        width: 30px
    }

    .gift-modal__choose-friends ul {
        height: 160px
    }

    .confirm-settings__content h2 {
        font-size: 20px
    }

    .confirm-settings__list>div {
        padding: 0 20px
    }

    .header__notifications,
    nav#user {
        position: static
    }

    .skinchanger__setting-block.gear {
        opacity: 1
    }

    .timer-block>div {
        margin-right: 10px
    }

    .time-block__upper {
        font-size: 23px
    }

    .time-block__lower {
        font-size: 10px
    }

    #profile-nav {
        overflow-x: auto
    }

    #profile-nav::-webkit-scrollbar {
        display: none
    }
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px
}

.trust-wallet-one-tap .header .title {
    color: #1E2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1E2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;

}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1E2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474D57;
}

.trust-wallet-one-tap .loading-color {
    color: #FFF;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #FFF;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf*/
        url() format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf*/
        url() format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf*/
        url() format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff*/
        url();
}

.ibfrfx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: opacity 0.2s;
    color: inherit;
}

.eHucEk {
    background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%);
    padding: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.gcMOeE h3 {
    color: rgb(132, 153, 185);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 14px;
    max-width: 190px;
    gap: 6px;
}

.gcMOeE .timer {
    color: rgb(132, 153, 185);
    font-size: 11px;
    text-transform: none;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    gap: 3px;
}

.gcMOeE .timer svg {
    width: 12px;
}

.gcMOeE h5 {
    color: rgb(199, 211, 226);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.jZtxJO {
    background: rgb(39, 48, 71);
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jZtxJO path.hover {
    animation: 1s ease 0s infinite normal none running fRDsuO;
}

.jZtxJO path.grey-hover {
    animation: 1s ease 0s infinite normal none running ggGmjz;
}

.jZtxJO path.gold-hover {
    animation: 1s ease 0s infinite normal none running eihXFP;
}

.bipGUT {
    transition: opacity 0.2s;
}

.bipGUT p {
    line-height: 14px;
    text-align: right;
    color: rgb(207, 216, 229);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bipGUT svg {
    display: block;
}

.bAtzHI {
    border-radius: 6px;
    grid-template-columns: 50px 1fr;
    display: grid;
    overflow: hidden;
    border: 1px solid transparent;
}

.bAtzHI .hover-on {
    opacity: 0;
}

.bAtzHI.waiting {
    border: 1px solid rgb(53, 62, 91);
}

.bAtzHI.completed .sc-ddjGPC {
    background: rgba(39, 79, 76, 0.25);
}

.bAtzHI.completed .sc-fxwrCY {
    background: rgba(39, 79, 76, 0.17);
}

.bAtzHI.completed .sc-dSCufp h3 {
    color: rgb(132, 185, 153);
}

.bAtzHI.completed .sc-dSCufp h5 {
    color: rgb(202, 255, 220);
}

.bAtzHI:hover .hover-off {
    opacity: 0;
}

.bAtzHI:hover .hover-on {
    opacity: 1;
}

.jqcwLB {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
}

.jqcwLB img,
.jqcwLB svg {
    width: 100%;
    height: 100%;
}

.jqcwLB img {
    vertical-align: initial;
}

.mErXc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.jVnWco {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jVnWco.blocked {
    pointer-events: none;
}

.hRwZZP {
    position: absolute;
    left: 0px;
    opacity: 0.4;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.bwWALH {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%);
    backdrop-filter: blur(12px);
    padding: 16px;
}

.bwWALH h2 {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: 900;
    line-height: 27px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.bwWALH h2 img {
    transition: 0.5s;
    width: 24px;
    opacity: 0;
    transform: translateX(-3px);
}

.bwWALH p {
    width: 230px;
    color: rgb(197, 213, 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    white-space: normal;
}

.bwWALH button {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgb(255, 200, 117);
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 200, 117);
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    background: transparent;
}

.bwWALH button img {
    width: 18px;
}

.bwWALH button.auth {
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    border: none;
}

.bwWALH button.premium {
    background: rgb(255, 200, 117);
    color: rgb(40, 43, 54);
    border: none;
}

.bwWALH:hover .sc-iMWBiJ {
    transform: scale(1.1);
}

.bwWALH:hover h2 img {
    opacity: 1;
    transform: translateX(0px);
}

.fHHrKU {
    position: absolute;
    left: 52%;
    width: 270px;
    bottom: 0px;
    transform: translateX(-50%);
}

.kuuiWE div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(213, 217, 228);
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.kuuiWE img {
    width: 16px;
    margin-right: 5px;
}

.dvWCaY {
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    top: 20px;
    right: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
}

.dvWCaY img {
    width: 14px;
    margin-left: 3px;
}

.hnEFKx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hnEFKx img {
    width: 165px;
    transition: transform 0.2s;
    z-index: 1;
}

.hnEFKx div {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    background: rgba(128, 163, 255, 0.5);
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jusmTt {
    border-radius: 10px;
    overflow: hidden;
}

.jusmTt.no-rounding {
    border-radius: 10px 10px 0px 0px;
}

.jusmTt>div {
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.jusmTt::before,
.jusmTt::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.2s;
}

.jusmTt::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
    opacity: 0;
    z-index: 0;
}

.jusmTt h6 {
    margin-bottom: 1px;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    font-size: 12px;
    font-weight: 400;
}

.jusmTt h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.jusmTt:nth-child(2)::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt:nth-child(2)::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.jusmTt:nth-child(2) .sc-kbhJrz div {
    background: rgba(128, 163, 255, 0.5);
}

.jusmTt:nth-child(3)::before {
    background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.jusmTt:nth-child(3)::after {
    background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.jusmTt:nth-child(3) .sc-kbhJrz div {
    background: rgba(255, 128, 173, 0.5);
}

.jusmTt:nth-child(4)::before {
    background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.jusmTt:nth-child(4)::after {
    background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.jusmTt:nth-child(4) .sc-kbhJrz div {
    background: rgba(128, 255, 178, 0.5);
}

.jusmTt:nth-child(1)::before {
    background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.jusmTt:nth-child(1)::after {
    background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.jusmTt:nth-child(1) .sc-kbhJrz div {
    background: rgba(255, 200, 60, 0.5);
}

.jusmTt:hover::before {
    opacity: 0;
}

.jusmTt:hover::after {
    opacity: 1;
}

.jusmTt:hover .sc-kbhJrz img {
    transform: scale(1.15);
}

.jusmTt.custom::after {
    content: none;
}

.jusmTt.custom::before {
    background: url("") center center / cover no-repeat;
}

.jusmTt.custom:hover::before {
    opacity: 1;
}

.hBQOEn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.hBQOEn img {
    width: 14px;
    margin-left: 4px;
}

.eyXZVb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}

.eyXZVb p {
    color: rgba(240, 179, 88, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    width: 70px;
    white-space: normal;
}

.eyXZVb svg {
    width: 24px;
}

.kuOXvw {
    width: 296px;
}

.kuOXvw:not(:first-child)::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: rgb(39, 48, 71);
    height: 100%;
    width: 2px;
    display: block;
    top: 0px;
    left: -18px;
}

.jLOydi {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
}

.jLOydi img {
    width: 24px;
}

.iVupXy {
    display: flex;
    gap: 34px;
}

.cBrOAO {
    border-radius: 0px 0px 6px 6px;
    background: rgb(240, 179, 88);
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 7px;
    color: rgb(17, 24, 32);
    font-size: 11px;
    font-weight: 500;
}

.cBrOAO svg,
.cBrOAO img {
    width: 18px;
}

.cqXvZf {
    padding-left: 12px;
}

.jwZSg {
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.jCpELc {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.jCpELc img {
    width: 18px;
}

.bxGOWN {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.iueEyA {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.iueEyA img {
    width: 46px;
}

@media (max-width: 1000px) {
    .iueEyA {
        display: flex;
    }
}

.kWdizk {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kWdizk span {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 20px;
    border-radius: 5px;
}

.jYHwpu {
    width: 356px;
    overflow: hidden;
    background: linear-gradient(rgb(26, 30, 45) -12.18%, rgb(29, 36, 49) 86.88%, rgb(29, 36, 49) 103.8%);
    border-radius: 17px;
}

@media (max-width: 768px) {
    .jYHwpu {
        width: 100%;
        max-width: 396px;
    }
}

.bMJxoz {
    padding: 32px;
}

.bSJxtw {
    padding: 10px 10px 0px;
}

.bSJxtw.fill {
    padding: 0px;
}

.bSJxtw img {
    width: 100%;
}

@media (max-width: 768px) {
    .bSJxtw {
        padding: 16px 16px 0px;
    }

    .bSJxtw.fill {
        padding: 0px;
    }
}

.kxPlaY {
    display: flex;
    flex-direction: column;
}

.kxPlaY li {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.kxPlaY li:not(:last-child) {
    margin-bottom: 15px;
}

.kxPlaY li,
.kxPlaY li a {
    color: rgb(229, 232, 239);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kxPlaY li img {
    width: 14px;
    margin-right: 9px;
}

.ingCMj {
    display: grid;
    gap: 8px;
    height: 60px;
    grid-template-columns: 1fr 60px;
    margin-top: 32px;
}

.ingCMj.disable {
    opacity: 0.3;
    pointer-events: none;
}

.ingCMj button {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.gkKGUB {
    border: 2px solid rgb(122, 94, 60);
    background: transparent;
    border-radius: 8px;
}

.hjebT {
    border: 2px solid rgb(79, 99, 177);
    background: transparent;
    border-radius: 8px;
}

.beyxfw {
    background: rgb(228, 150, 53);
    font-weight: 700;
    font-size: 16px;
    border-radius: 8px;
}

.beyxfw img {
    width: 23px;
    margin-right: 10px;
}

@media (max-width: 750px) {
    .beyxfw {
        border-radius: 8px;
    }
}

.dwgwri {
    background: rgb(96, 128, 255);
    font-weight: 700;
    font-size: 16px;
    border-radius: 8px;
}

.dwgwri img {
    width: 23px;
    margin-right: 10px;
}

@media (max-width: 750px) {
    .dwgwri {
        border-radius: 8px;
    }
}

.eZabyW {
    height: 25px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 183px;
    position: absolute;
    z-index: 1;
    left: -20px;
    top: -20px;
    background: linear-gradient(230.31deg, rgb(197, 134, 79) -49.97%, rgb(255, 191, 116) -18.36%, rgb(205, 136, 72) 50.02%, rgb(255, 195, 124) 74.19%, rgb(245, 167, 97) 158.72%, rgb(245, 167, 97) 158.72%);
    font-weight: 900;
    font-size: 9px;
    line-height: 11px;
    text-transform: uppercase;
    color: rgb(55, 46, 41);
    transform: rotate(-45deg) translateX(-30%);
}

.eZabyW.lite {
    background: linear-gradient(230.31deg, rgb(79, 102, 197) -49.97%, rgb(116, 144, 255) -10.84%, rgb(83, 108, 208) 55.38%, rgb(124, 150, 255) 113.08%, rgb(97, 127, 245) 158.72%);
}

.obWeg {
    border-radius: 4px;
    border: 1px solid rgb(122, 94, 60);
    margin-left: 9px;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
    display: inline-flex;
    padding: 3px 8px;
    color: rgb(255, 213, 160);
    font-size: 10px;
    font-weight: 500;
}

.obWeg span {
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    background: rgb(255, 213, 160);
}

.eJtiML {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 48px;
}

.dgOCC {
    display: flex;
    gap: 24px;
    margin-bottom: 50px;
}

.iFSzDI {
    border-radius: 18px;
    background: rgb(18, 21, 30);
    padding: 30px 40px 40px;
    width: 355px;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.bTrDYz {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 94px;
}

.imdqFC {
    width: 449px;
    height: 301px;
    border-radius: 18px;
    background: rgb(18, 21, 30);
}

.fGIjpc {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 2px 0px;
}

.fGIjpc a svg {
    margin: 0px auto;
    display: block;
}

.RmHGY {
    width: 304px;
}

.RmHGY .tippy-content {
    padding: 12px;
}

.RmHGY .tippy-box {
    border-radius: 12px !important;
}

.RmHGY video,
.RmHGY img {
    width: 100%;
    border-radius: 12px;
}

.RmHGY span {
    border-radius: 0px 0px 0px 4px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: -24px;
    top: 37px;
    background: rgb(28, 33, 48);
}

.RmHGY h2 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px 4px;
    letter-spacing: 0.02em;
    color: rgb(236, 241, 248);
}

.RmHGY p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(159, 167, 190);
}

.kPLHxG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.kPLHxG button {
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01em;
    background: rgba(96, 128, 255, 0.1);
}

.kPLHxG button.inactive {
    pointer-events: none;
}

.kPLHxG a {
    color: rgb(96, 128, 255);
    height: 100%;
    width: 100%;
    padding: 12px 0px;
    display: block;
}

.kwKvLO {
    border: 1px solid rgb(107, 206, 165);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    color: rgb(107, 206, 165);
    margin: 0px auto 9px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kwKvLO img {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.cIvRnW {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: rgb(120, 125, 144);
    margin-top: 8px;
    padding: 0px 5px;
    font-family: var(--font-family-0);
}

.bCzUGD {
    border-right: 3px solid transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 3px;
}

.bCzUGD.active {
    border-right: 3px solid rgb(96, 128, 255);
}

.bCzUGD:hover>img {
    transform: scale(1.1);
    transition: 0.3s;
}

.kRvpbl {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 0px;
}

@-webkit-keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

.fLOOmb {
    margin-top: 24px;
    padding: 24px;
    border-radius: 15px;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/premium/xmas_bg.png*/
        var(--savepage-url-57) center center / cover no-repeat rgb(33, 37, 51);
}

.fLOOmb h6 {
    margin-bottom: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    font-weight: 700;
}

.fLOOmb span {
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    background: rgb(228, 150, 53);
}

.fLOOmb p {
    color: rgb(156, 164, 190);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.fLOOmb img {
    height: 125px;
    right: -33px;
    bottom: 0px;
    position: absolute;
}

@media (max-width: 1000px) {
    .fLOOmb img {
        display: none;
    }

    .fLOOmb h6 {
        font-size: 16px;
    }

    .fLOOmb p {
        font-size: 14px;
    }
}

.dRNupb {
    width: 1060px;
    margin: 0px auto 64px;
    padding-bottom: 64px;
}

.dRNupb h5 {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}

@media (max-width: 1366px) {
    .dRNupb {
        width: 90%;
    }

    .dRNupb h5 {
        font-size: 23px;
    }
}

.ffaYnj {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 8px;
    overflow: hidden;
}

.fNPfSR {
    padding: 20px 24px 18px;
    background: rgb(21, 26, 38);
    height: 60px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s;
}

.fNPfSR h6 {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: rgb(222, 226, 237);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.fNPfSR img {
    width: 24px;
    transform: rotate(180deg);
    transition: transform 0.4s;
    margin-left: 10px;
}

.fNPfSR p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgb(147, 161, 180);
}

.fNPfSR.active {
    background: rgb(26, 31, 46);
    height: auto;
}

.fNPfSR.active img {
    transform: rotate(0deg);
}

@media (max-width: 650px) {
    .fNPfSR h6 {
        font-size: 14px;
    }
}

.jNfHgr {
    width: 52px;
    height: 52px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: radial-gradient(100% 100% at 50% 0%, rgb(228, 150, 53) 0%, rgb(179, 117, 41) 100%);
    border: 1px solid rgb(228, 150, 53);
    box-shadow: rgba(228, 150, 53, 0.24) 0px 0px 50px;
    border-radius: 12px;
}

.jNfHgr.blue {
    background: radial-gradient(100% 100% at 50% 0%, rgb(96, 128, 255) 0%, rgb(67, 90, 179) 100%);
    border: 1px solid rgb(96, 128, 255);
    box-shadow: rgba(96, 128, 255, 0.24) 0px 0px 50px;
}

.looyUX {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

@media (max-width: 750px) {
    .looyUX {
        background: none;
    }
}

:root {
    --savepage-url-34: url('/img/image_1.svg+xml');
    --savepage-url-46: url('/img/image_2.webp');
    --savepage-url-57: url('/img/image_3.webp');
}

/*savepage-import-url=https://fonts.googleapis.com/css2?family=Montserrat:wght@100*/
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2*/
        url() format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

200;
300;
400;
500;
600;
700;
800&display=swap);

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-1.woff2*/
        url('/fonts/font_1.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-2.woff2*/
        url('/fonts/font_2.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-3.woff2*/
        url('/fonts/font_3.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-4.woff2*/
        url('/fonts/font_4.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-1.woff2*/
        url('/fonts/font_5.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-2.woff2*/
        url('/fonts/font_6.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-3.woff2*/
        url('/fonts/font_7.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-4.woff2*/
        url('/fonts/font_8.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-1.woff2*/
        url('/fonts/font_9.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-2.woff2*/
        url('/fonts/font_10.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-3.woff2*/
        url('/fonts/font_11.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-4.woff2*/
        url('/fonts/font_12.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-1.woff2*/
        url('/fonts/font_13.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-2.woff2*/
        url('/fonts/font_14.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-3.woff2*/
        url('/fonts/font_15.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-4.woff2*/
        url('/fonts/font_16.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-1.woff2*/
        url('/fonts/font_17.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-2.woff2*/
        url('/fonts/font_18.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-3.woff2*/
        url('/fonts/font_19.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-4.woff2*/
        url('/fonts/font_20.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-1.woff2*/
        url('/fonts/font_21.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-2.woff2*/
        url('/fonts/font_22.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-3.woff2*/
        url('/fonts/font_23.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-4.woff2*/
        url('/fonts/font_24.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=/static/media/OnestBlack1602-hint.4a0f2e13e391b67f9bc3.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=/static/media/OnestBold1602-hint.7ba2b3b4e1ffcd2ac807.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=/static/media/OnestExtraBold1602-hint.fa8b616ab362e649d2c7.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=/static/media/OnestMedium1602-hint.b1d2285c056c41b27528.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=/static/media/OnestRegular1602-hint.54ed6502b03681fe60b0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=/static/media/OnestLight1602-hint.0f2c6d3daff26ba49fb0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=/static/media/OnestThin1602-hint.2104bb04c00a99da9722.woff*/
        url()
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot*/
        url();
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot*/
        url();
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot*/
        url();
    src: local("Gotham ExtraLight"), local("Gotham-XLight"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot*/
        url();
    src: local("Gotham Thin"), local("Gotham-Thin"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot*/
        url();
    src: local("Gotham Book"), local("Gotham-Book"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot*/
        url();
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot*/
        url();
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot*/
        url();
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot*/
        url();
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot*/
        url();
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot*/
        url();
    src: local("Gotham Light"), local("Gotham-Light"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot*/
        url();
    src: local("Gotham Bold"), local("Gotham-Bold"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot*/
        url();
    src: local("Gotham Medium"), local("Gotham-Medium"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot*/
        url();
    src: local("Gotham Ultra"), local("Gotham-Ultra"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot*/
        url();
    src: local("Gotham ExtraLight Italic"), local("Gotham-XLightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot*/
        url();
    src: local("Gotham Black"), local("Gotham-Black"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.ttf*/
        url() format("truetype")
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: #0000;
    outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

textarea {
    font-family: Roboto;
    outline: none;
    resize: none
}

:root {
    --font-family-0: "Roboto Condensed", sans-serif;
    --font-family-1: "Roboto", sans-serif
}

:hover:before {
    transition: .3s !important
}

*,
:after,
:before {
    border: 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative
}

button,
input {
    outline: none
}

li {
    transition: none
}

:after,
:before,
a,
a:hover,
button,
input,
span,
strong,
sum,
time {
    text-decoration: none
}

html {
    background: #11141c;
    font-family: Roboto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%
}

ul::-webkit-scrollbar {
    background: #0000
}

body {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    width: 100%
}

main>svg:first-of-type {
    left: -96px;
    opacity: .5;
    position: absolute;
    top: 960px;
    transform: rotate(-60deg);
    z-index: -1
}

img,
svg {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

p a,
p a:hover {
    color: #fff
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border: 1px solid #ffffff1a !important
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 12px !important
}

#lobby .avatar {
    border-radius: 100%;
    height: 64px;
    left: 0 !important;
    width: 64px
}

.grid.lobby>div {
    width: 30% !important
}

.grid.lobby>div>div {
    background: #0000 !important;
    padding: 16px
}

.grid.lobby>div>div:first-of-type>div {
    float: right
}

#ready.active {
    border-color: green !important;
    color: #000 !important
}

.more {
    text-shadow: none !important
}

.headshots {
    top: 2px
}

.grid.modes {
    padding-right: 0
}

.grid.modes h4 {
    padding-bottom: 0;
    padding-top: 16px
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-tooltip[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-tooltip {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0)
}

.options p {
    font-size: 14px;
    text-transform: uppercase !important
}

.options p:hover {
    opacity: .5;
    transition: .3s
}

.options p>img {
    bottom: 0;
    filter: invert(100%);
    float: right;
    height: 14px;
    left: 0;
    right: 0;
    top: -1px;
    transition: all .2s ease;
    vertical-align: middle
}

.options>div hr {
    margin-bottom: 6px !important;
    width: 100% !important
}

.options>div>img {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px
}

.options>div.active>img {
    opacity: .5 !important
}

.options>div.active p img {
    transform: rotate(180deg)
}

.options>div.active p {
    opacity: .2;
    transition: .3s
}

.options>div.active p:hover {
    opacity: .5;
    transition: .3s
}

.options>div:last-of-type hr {
    display: none !important
}

#dashboard-chat>div:first-of-type {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    font-weight: 700;
    padding: 16px
}

#dashboard-chat>div:first-of-type .live-dot {
    background: #85f479;
    margin-right: 12px;
    top: -1px
}

#stickers-scroller {
    height: 120px
}

#stickers-scroller h4 {
    padding-top: 0 !important
}

.danger {
    left: -10px !important;
    margin-left: 12px !important
}

aside#servers {
    background: #0000 !important;
    float: right;
    margin-left: 1%;
    margin-right: 2.5%;
    padding-top: 0;
    position: sticky;
    top: 22px;
    width: 280px;
    z-index: 1000
}

.support.tippy:hover {
    opacity: .1 !important;
    transition: .3s
}

.wrap {
    margin: 0 auto
}

#game .lvl {
    display: none
}

.grid.serv>div {
    width: 31.5% !important
}

#prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#prime-servers>div>.tippy {
    background-color: #74bae81a;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    width: 40px
}

#prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

#non-prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#non-prime-servers>div>.tippy {
    background-color: #bc4a4a1a;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 20px !important;
    padding: 8px;
    width: 40px
}

#non-prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.stattrak-img {
    bottom: 24px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 24px;
    width: 32px;
    z-index: 10
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: #91affd0d;
    background-repeat: no-repeat;
    border-radius: 12px;
    cursor: pointer;
    height: 6px;
    margin: auto;
    outline: none;
    padding: 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-range-track {
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

.grid.skins .skin p {
    bottom: 16px;
    color: #fff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    z-index: 25
}

.visibility-hidden {
    visibility: hidden !important
}

.grid .prime {
    border: 3px solid #60b9ebcc
}

.container {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
}

aside .container {
    line-height: 24px
}

.container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #0003;
    border-radius: 6px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px
}

.container:hover input~.checkmark {
    background-color: #0000001a
}

.container input:checked~.checkmark {
    background-color: #6080ff
}

label.active p img {
    opacity: 0
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container input:checked~.checkmark:after {
    display: block
}

label label:hover {
    color: #ffffff80
}

.container .checkmark:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/icons/check.svg*/
        url() no-repeat 50%/cover;
    display: none;
    height: 7.3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.copy {
    cursor: pointer
}

.copy:hover {
    opacity: 1;
    transition: .3s
}

#profile-cover {
    border-radius: 0;
    height: 320px;
    left: 0;
    right: 0;
    top: 0
}

#profile-cover:before {
    background: linear-gradient(180deg, #0f141b1a 0, #0f141bb3 35%, #11141c 90%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

#profile-cover img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.cybercoin {
    height: 16px;
    margin-left: 12px;
    top: -1px;
    vertical-align: middle
}

#serverInfoModal .table .avatar {
    height: 23px;
    vertical-align: middle;
    width: 23px
}

#information {
    margin-left: 24px;
    margin-right: 32px;
    padding-top: 0
}

#information .avatar,
#information>img {
    border-width: 4px !important
}

#information>img {
    border-radius: 100%;
    display: block;
    height: 128px;
    margin: auto;
    width: 128px
}

#information>img.skinchanger {
    border: 4px solid #6080ff !important
}

#information>img.premium {
    border: 4px solid #fdb510 !important
}

.profile-socials {
    padding-bottom: 0
}

.profile-socials p {
    padding-bottom: 6px
}

.profile-socials a {
    display: inline-block;
    margin-right: 10px
}

.profile-socials a img {
    max-height: 14px;
    max-width: 18px
}

.profile-socials a:last-of-type {
    margin-right: 0
}

#profile-buttons button {
    margin: 0 !important
}

#score img,
.score img {
    float: left;
    vertical-align: middle
}

#score p,
.score p {
    float: left;
    font-size: 16px;
    line-height: 32px;
    width: 128px
}

#score span,
.score span {
    border: 1px solid #ffffff1a;
    font-size: 16px;
    margin-right: 4px
}

.inner {
    animation: inner 2s linear infinite
}

.middle {
    animation: middle 2s linear infinite
}

.outer {
    animation: outer 2s linear infinite
}

#profile {
    margin-top: -240px;
    max-width: 100%;
    padding-left: 0;
    z-index: 100
}

#profile-nav {
    align-items: center;
    border-bottom: 0;
    clear: both;
    display: flex;
    height: 60px;
    margin-left: 0;
    margin-top: 36px !important;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 4
}

#profile-nav a {
    border-bottom: 3px solid #0000;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: 24px
}

#profile-nav a:hover {
    color: #fff;
    transition: .3s
}

#profile-nav a:active {
    bottom: -3px
}

#profile-nav span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#profile-nav span.new {
    background: #6080ff1f;
    border: none;
    border-radius: 6px;
    color: #6080ff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px;
    text-transform: uppercase
}

.single {
    display: block !important;
    margin: 32px auto !important
}

summary h3 {
    font-size: 16px
}

#profile-settings {
    display: none
}

.btn.mini {
    font-size: 14px;
    height: 44px;
    line-height: 44px
}

.btn.mini:hover {
    filter: brightness(110%);
    transition: .3s
}

.options>div,
.options>div label {
    display: block;
    width: 100%
}

.options>div.active label {
    display: block !important;
    width: 100%
}

.options>div hr {
    display: none
}

.options>div p {
    font-weight: 700;
    padding: 16px 0 0
}

.options>div p:hover {
    cursor: pointer !important
}

.options>div label,
.options>div select {
    display: none
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important
}

.copy-ip:hover {
    background: #fff3 !important;
    color: #fff !important
}

label img {
    top: 4px
}

.loyalty__progressBox--2KEX {
    display: flex;
    font-size: 12px;
    margin: 16px 0 0
}

.loyalty__progressBlock--W_he {
    flex-grow: 1
}

.loyalty__progressBar--3fut {
    background-color: #0003;
    border-radius: 10px;
    box-sizing: border-box;
    height: 8px;
    overflow: hidden
}

.loyalty__progressBg--2f0j {
    background: linear-gradient(90deg, #94a7b7, #a1a1a1);
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width 1s
}

.loyalty__progressBg--2f0j.gold {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    color: gold
}

.viMoneyValue--1vFp,
.viMoneyValue__text--1EVB {
    width: auto
}

.loyalty__giftInfo--2qi6 {
    font-weight: 500;
    margin-top: -5px;
    white-space: nowrap
}

.loyalty__giftSum--1Rr9 {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px
}

#information #xp-bar {
    margin-bottom: 16px !important;
    margin-top: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#information #xp-bar div {
    padding: 0 !important
}

#information #xp-bar .loyalty__progressBox--2KEX {
    top: 0 !important
}

#information #xp-bar button {
    top: 12px !important
}

#xp-bar button,
.xp-bar button {
    background: #6080ff00;
    border: 1px solid #6080ff80;
    color: #6080ff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 11px;
    height: 24px;
    left: 20px;
    line-height: 23px;
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    top: -12px;
    width: auto
}

#xp-bar button:hover,
.xp-bar button:hover {
    background: #6080ff1a;
    box-shadow: none !important;
    transform: none !important
}

#xp-bar button strong,
.xp-bar button strong {
    border-right: 1px solid #6080ff80;
    color: #6080ff !important;
    margin-right: 0;
    padding-right: 4px
}

#xp-bar button img,
.xp-bar button img {
    height: 8px;
    left: 0;
    margin-left: 6px;
    top: -1px;
    width: 8px
}

#xp-bar,
.xp-bar {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    z-index: 9
}

#xp-bar .loyalty__progressBg--2f0j,
.xp-bar .loyalty__progressBg--2f0j {
    cursor: help !important;
    cursor: -webkit-help
}

#xp-bar img,
.xp-bar img {
    height: 64px;
    left: -2px;
    position: absolute;
    top: -23px;
    width: 64px
}

.grid.monitoring {
    width: 100%
}

.grid.monitoring group {
    display: none
}

.grid .big img.tippy {
    cursor: help;
    height: 32px;
    left: 16px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 16px;
    vertical-align: middle;
    z-index: 20
}

.grid .big img.tippy:hover {
    transition: .3s
}

hr {
    background: #fff;
    display: block;
    height: 1px;
    margin: 24px auto 32px;
    opacity: .1;
    width: 48px
}

.hide {
    display: none !important
}

.nav {
    left: 0;
    position: fixed;
    right: 0;
    top: -60px
}

.nav nav .logo {
    display: inline-block !important
}

.nav nav {
    transform: translateY(-16px)
}

.nav .logo img {
    opacity: 1
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    z-index: 900
}

.more {
    border-radius: 6px;
    color: #0000;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

.more:hover {
    background: #ffffff1a;
    box-shadow: 0 0 6px #0000001a;
    color: #fff;
    transition: .3s
}

.more img {
    display: block;
    filter: invert(100%);
    height: 20px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .3s;
    vertical-align: middle
}

.more:hover img {
    opacity: 0;
    transition: .3s
}

#terms strong {
    display: block
}

#terms {
    background: #131821;
    border-radius: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    line-height: 1.5;
    margin: 48px;
    padding: 0 60px 60px
}

#terms p:not(.terms-title),
#terms td {
    color: #7b828a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px
}

#terms table {
    border-collapse: initial !important
}

#terms p:not(.terms-title) strong {
    opacity: .7
}

#terms .terms-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 32px
}

#terms h1 {
    font-size: 32px;
    margin-bottom: 0;
    padding: 24px 0 0;
    text-transform: uppercase
}

#terms p {
    line-height: 1.5
}

.profile-socials a {
    transition: .3s
}

.profile-socials a:hover {
    opacity: 1;
    transition: .3s
}

.grid.big {
    margin-top: -22px !important
}

.grid {
    display: block;
    overflow: hidden
}

.grid>a,
.m {
    border-radius: 12px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: top
}

label label {
    display: block
}

.grid>a:hover {
    color: #fff
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25
}

#servers .grid div a ion-icon {
    top: -2px;
    vertical-align: middle
}

#section-servers .grid group {
    pointer-events: all
}

.home-body-servers .group {
    align-items: center;
    display: flex
}

.grid>a,
.grid>div,
.m {
    transition: .3s
}

#servers .grid div a:hover {
    background: #fff3;
    transition: .3s
}

#servers .grid div a {
    color: #aecce4
}

#servers .grid div a:hover ion-icon {
    color: #fff !important
}

.grid .big:hover .group,
.grid .big:hover .mode-name,
.grid .big:hover .mode-timer {
    opacity: 0
}

.grid .big online {
    display: none
}

.grid .big {
    height: 300px;
    width: 100%
}

.grid .big shadow {
    height: 320px
}

.grid .big,
.grid .big:active {
    cursor: pointer !important
}

.grid .big a {
    right: 10%;
    top: 10%
}

.social img .social {
    margin: 0;
    margin-left: 12px !important
}

.social:hover img {
    filter: brightness(135%);
    transition: .3s
}

.live-dot {
    background-color: #6080ff;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.live-dot:after {
    animation: signal 3s ease-out infinite;
    background-color: inherit;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.avatar .premium,
.avatar.premium {
    border: 2px solid #fdb510 !important
}

.stattrak {
    border: 3px solid #cf6a32 !important;
    color: #cf6a32
}

.star,
.star.stattrak {
    border: 3px solid #8650ac !important;
    color: #8650ac
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20
}

.group:hover {
    color: #fff;
    transition: .3s
}

.mode-online {
    bottom: 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
}

.grid slots {
    color: #aecce4;
    font-size: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    transition: .3s;
    z-index: 25
}

.grid>div:hover slots {
    color: #fff;
    transition: .3s
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute
}

.grid online .orange {
    background: #f6b949;
    box-shadow: 0 0 2px #f6b94980
}

.grid online .green {
    background: #85f479;
    box-shadow: 0 0 2px #85f47980
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80
}

h1 {
    font-size: 48px
}

h1,
h3 {
    display: block;
    text-transform: uppercase
}

h3 {
    font-size: 24px;
    text-align: center
}

.grid .disabled {
    pointer-events: none
}

.disabled {
    color: #8aa2b666;
    filter: grayscale(100%)
}

.position {
    background: #0000 !important;
    background-color: initial !important;
    position: absolute;
    top: 0 !important
}

.list-style-dot li:before {
    border-color: #0000;
    color: #ffffff1a;
    content: "★";
    font-size: 24px;
    text-shadow: none;
    top: -1px;
    transition: .3s
}

.list-style-dot li:hover:before {
    color: #fdb510;
    transform: scale(.75);
    transition: .3s
}

#profile-main {
    align-items: center;
    display: flex;
    margin-top: 42px
}

#name_player {
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#profile-main>p {
    clear: both;
    font-size: 12px;
    opacity: .5;
    padding-bottom: 19px
}

#profile-main .xp-bar .loyalty__progressBar--3fut {
    margin-left: -32px;
    margin-right: -40px !important;
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__progressBg--2f0j {
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__giftInfo--2qi6 {
    position: absolute;
    right: 0;
    top: 0
}

#profile-main .xp-boost {
    top: -16px !important
}

#profile-main .xp-boost img {
    vertical-align: middle
}

#profile-maps {
    border: 1px solid #0003;
    border-radius: 12px;
    display: none;
    float: right;
    margin: 24px 24px 0;
    overflow: hidden;
    width: 50%
}

#profile-maps .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

#profile-maps .th>div:first-of-type {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 80%
}

#profile-maps .th>div:nth-of-type(2) {
    color: #ffffff80;
    display: inline-block;
    font-size: 14px;
    right: -20px;
    text-align: left;
    vertical-align: top;
    width: 20%
}

#profile-maps>div>div:nth-of-type(2n) {
    background: linear-gradient(90deg, #0000 0, #0000001a 48%, #0000)
}

#profile-maps>div>div:hover {
    background: linear-gradient(90deg, #fff0 0, #ffffff0d 48%, #fff0);
    transition: .3s
}

#profile-maps>div>div {
    border-top: 1px solid #0000001a;
    display: block;
    padding: 12px 0;
    white-space: nowrap
}

#profile-maps>div .hide {
    display: block !important
}

#profile-maps div div>div>div {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

#profile-maps div img {
    border-radius: 6px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 90px
}

#profile-maps>div div:last-of-type {
    border-bottom: 0
}

#profile-maps>div div:first-of-type {
    border-top: 0
}

#profile-maps>div div>div:first-of-type {
    padding-left: 5%;
    text-align: left;
    width: 75%
}

#profile-maps>div div>div:nth-of-type(2) {
    top: -2px;
    width: 20%
}

nav#profile-nav a {
    width: auto !important
}

details.disabled {
    background: #0000 !important t;
    opacity: .2 !important
}

details.disabled * {
    filter: grayscale(100%)
}

details.disabled balance {
    filter: grayscale(0) !important
}

.table .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

.table .th>div {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

#socials {
    left: 0;
    top: 0
}

#socials h4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

#socials a:not(:last-child) {
    margin-right: 14px
}

label img {
    bottom: 16px;
    height: 16px;
    opacity: 1;
    position: absolute;
    right: 16px;
    width: 18px
}

.grid.modes {
    padding-left: 0
}

.image {
    border-radius: 12px;
    margin-top: 0;
    width: 480px
}

div#features div {
    clear: both
}

input {
    background: #0000001a;
    border: 1px solid #0000;
    border-radius: 6px;
    box-shadow: inset 0 -1px #ffffff1a, inset 0 2px 2px #0003;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    width: 100%
}

#information .avatar {
    border-radius: 100%;
    height: 128px;
    width: 128px
}

.status.online {
    color: #33ff7b;
    opacity: 1
}

#content {
    padding-bottom: 0 !important
}

ul#languages {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #191f236b !important;
    border-radius: 12px;
    bottom: 48px;
    display: none;
    font-size: 0;
    left: 10px;
    margin: 8px;
    overflow: hidden;
    position: absolute;
    width: 48px;
    z-index: 100
}

ul#languages li {
    border-bottom: 1px solid #ffffff0d
}

#languages div {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    transition: .3s;
    width: 48px
}

ul#languages li:last-of-type {
    border-bottom: 0
}

ul#languages a:hover img {
    transform: scale(1.1);
    transition: .3s
}

ul#languages img {
    height: 16px;
    margin-right: 0 !important;
    margin-right: 6px;
    top: 0;
    transition: .3s;
    vertical-align: middle
}

ul#languages h4 {
    font-size: 9px;
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    top: 6px
}

ul#languages>a {
    font-size: 12px;
    top: 0
}

ul#languages>a img {
    height: 16px;
    margin-right: 6px;
    top: -1px;
    vertical-align: middle
}

.verify {
    background: #14191e00;
    color: #6080ff;
    height: 24px;
    margin-left: 12px
}

.group img {
    height: 12px;
    margin-right: 6px
}

.container.disabled {
    opacity: .5;
    pointer-events: none
}

.access,
.cancel,
.checking,
.error,
.success,
.twink {
    border-color: #0000 !important
}

#play {
    margin-bottom: 0;
    margin-top: -2px !important;
    padding-top: 0
}

#ready {
    background: #0000;
    box-shadow: 0 0 16px #6080ff1a !important;
    display: block
}

#ready.ready {
    box-shadow: 0 0 16px #33ff7b1a !important;
    color: #33ff7b
}

.skin icon {
    left: 0;
    margin: auto;
    right: 0;
    top: 24px;
    z-index: 100
}

.skin icon,
.skin icon img {
    display: block;
    position: absolute;
    width: 48px
}

.skin icon img {
    height: 48px;
    margin: 0 auto;
    top: 96px
}

.skin shadow {
    background: linear-gradient(135deg, #000, #0000) !important
}

details:hover {
    opacity: 1 !important;
    transition: .3s
}

#support-open {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    position: fixed;
    right: 16px;
    top: auto;
    z-index: 1199
}

.lvl {
    border: 0 !important;
    color: #fefefe;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 12px
}

.read {
    background: #0000 !important;
    opacity: .5 !important
}

#terms #content {
    height: 1024px
}

#nav-competitions .disabled,
#nav-servers .disabled,
#profile-nav .disabled {
    cursor: no-drop;
    opacity: .5
}

#aside-chat-show-swipe-area {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 1180
}

button#aside-chat-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0000000d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 48px;
    margin-top: -24px;
    position: fixed;
    right: 11px;
    top: 50%;
    width: 48px;
    z-index: 1195 !important
}

button#aside-chat-show:hover {
    background: #0000001a
}

button#aside-chat-show img {
    filter: invert(100%);
    height: 24px;
    opacity: .5;
    vertical-align: middle;
    width: 24px
}

button#aside-chat-show ion-icon {
    font-size: 24px !important
}

button#aside-chat-show span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    transition: .3s
}

button#aside-chat-hide {
    background: #0000;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 32px;
    z-index: 1290
}

button#aside-chat-hide:hover {
    background: #ffffff0d !important;
    transition: .3s
}

button#aside-chat-hide img {
    filter: invert(100%);
    height: 16px;
    opacity: .5;
    vertical-align: middle
}

#gif {
    display: none;
    right: 0
}

#gif,
#gif img {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

#gif img {
    opacity: .1;
    width: 100%
}

#gif:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: radial-gradient(ellipse at center, #14191e00 0, #0f141b 75%, #0f141b 100%);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000f161d", endColorstr="#0f141b", GradientType=1);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

aside#header .logo {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 14px 0;
    width: 100%
}

aside#header .logo img,
aside#header .logo video {
    height: 45px;
    margin: 0;
    opacity: 1;
    width: 60px
}

aside#header .profile .avatar {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    vertical-align: middle;
    width: 40px
}

aside#header .profile {
    font-size: 0;
    line-height: 64px;
    padding: 0;
    top: 0;
    width: 64px
}

aside#header .profile .avatar:hover {
    transform: scale(1.1);
    transition: .3s
}

aside#header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

aside#header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 28px;
    width: 32px
}

aside#header .profile ion-icon {
    font-size: 24px
}

.online {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 14px;
    padding: 6px 0 12px;
    text-align: center;
    width: 100%
}

.online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.online>span>span {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

aside#header {
    background: linear-gradient(180deg, #030b12 0, #0f141b);
    background: #0c101a;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    width: 84px;
    z-index: 1199
}

aside#header nav {
    height: fit-content;
    width: 100%
}

aside#header .langs {
    text-align: center;
    width: 100%;
    z-index: 10000
}

aside#header .langs h4 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    margin-bottom: -10px;
    padding-bottom: 0;
    text-align: center
}

.choosen-lang {
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 64px;
    line-height: 84px;
    transition: .3s;
    width: 100%
}

.choosen-lang:hover {
    color: #aecce4;
    transition: .3s
}

.choosen-lang img {
    height: 16px;
    margin-right: 0;
    top: -7px;
    transition: .3s;
    width: 16px
}

.choosen-lang:hover img {
    transform: scale(1.1);
    transition: .3s
}

aside#header .premium img {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

aside#header .help ion-icon {
    font-size: 24px
}

aside#header .play img {
    height: 18px !important
}

aside#header .play:after {
    background: #ffffff05;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

aside#header .play ion-icon {
    font-size: 24px
}

header {
    align-items: center;
    background: #11141c;
    box-shadow: none;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 84px;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1200
}

header #socials {
    display: flex;
    gap: 24px;
    left: 1%;
    top: 0
}

nav#sort {
    display: block
}

nav#sort div {
    display: inline-block
}

nav#sort div>a {
    font-size: 12px
}

nav#sort div>a ion-icon {
    margin-left: 6px;
    top: 2px
}

nav#sort div>a img {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

nav#sort ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0c0f12e6;
    border-radius: 12px;
    display: none;
    position: absolute;
    top: 48px;
    z-index: 100
}

nav#sort ul a {
    border-bottom: 1px solid #ffffff0d;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 100%
}

nav#sort ul a ion-icon {
    font-size: 16px;
    margin-right: 10px;
    top: 4px
}

nav#sort ul li:last-of-type a {
    border-bottom: 0
}

nav#sort .icon-left ion-icon {
    left: -6px !important;
    position: relative !important;
    top: 2px
}

header hgroup,
header hgroup h1 {
    text-align: center
}

header hgroup h1 {
    font-family: Roboto Condensed, sans-seri;
    font-size: 18px;
    line-height: 60px;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    text-transform: none;
    width: 100% !important
}

header img {
    vertical-align: middle
}

header .notifications {
    background: #0000;
    box-shadow: none !important;
    display: block;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0 !important;
    padding: 0 !important;
    top: 0;
    width: 48px
}

header .notifications span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    transition: .3s
}

header .balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px;
    min-width: auto;
    pointer-events: none
}

header .balance balance {
    color: #8a9dab;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    left: 0
}

header .balance balance,
header .balance p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    letter-spacing: 1px
}

header .balance p {
    color: #ffffff80;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
    text-align: left;
    text-transform: uppercase
}

header .balance:hover p {
    color: #aecce4;
    transition: .3s
}

header .balance balance img {
    height: 18px;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle
}

header .balance ion-icon {
    float: left;
    font-size: 32px;
    margin-right: 12px;
    opacity: .1
}

header .profile img {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    width: 40px
}

header .profile {
    float: right;
    font-size: 0;
    padding: 0
}

header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 40px
}

header .login {
    background-image:
        /*savepage-url=https://cybershoke.net/storage/images/svg/dot-arrow.svg*/
        url();
    background-position: center right 12px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #fff;
    float: right;
    height: 60px;
    line-height: 60px;
    opacity: .5;
    padding: 0;
    z-index: 100
}

header .login span {
    border-radius: 6px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    opacity: 0;
    padding-left: 0
}

header .login img {
    border-radius: 8px;
    display: inline-block;
    height: 32px !important;
    opacity: 1;
    right: 0
}

header .login:hover {
    background-image: none;
    background-position: 100%;
    color: #fff;
    opacity: 1
}

header .login:hover span {
    color: #fff9;
    opacity: 0;
    transition: .3s
}

header .login:hover img {
    opacity: 1;
    transition: .3s
}

#nav-servers {
    background-color: initial !important;
    display: block;
    font-size: 0;
    margin: 0 1%;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 9
}

#nav-servers>div {
    margin: 0 auto;
    overflow: hidden
}

#nav-servers>div>div {
    overflow: hidden
}

#nav-servers a {
    background-color: #ffffff0d;
    border-radius: 8px;
    color: #aecce4 !important;
    display: inline-block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 3px 2px;
    opacity: 1;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

#nav-servers a:last-of-type {
    margin-right: 0
}

#nav-servers a:hover {
    background: #ffffff1a;
    color: #6080ff !important;
    transition: .3s
}

#nav-servers a.active {
    background: #6080ff30;
    color: #6080ff !important;
    font-weight: 700
}

#nav-servers a[disabled] {
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

#nav-servers a ion-icon {
    margin-right: 6px;
    top: 2px
}

#nav-servers a img {
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    width: 16px
}

#nav-servers a.active span {
    display: inline-block !important
}

#nav-servers span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#nav-servers a.active span {
    border-color: #6080ff
}

#nav-servers {
    white-space: normal
}

#page-servers {
    height: 100%;
    width: 100%
}

#page-servers h2 {
    font-size: 40px;
    text-transform: uppercase
}

#page-servers h1,
#page-servers h2 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700
}

#page-servers h1 {
    padding: 0
}

#premium {
    font-family: Roboto, sans-serif !important;
    font-family: var(--font-family-1) !important;
    overflow: hidden
}

.avatar {
    border-radius: 100%
}

#contacts h2 {
    color: #fff;
    font-size: 32px
}

#contacts form {
    padding-top: 24px
}

#contacts form h4:not(:first-of-type) {
    padding-top: 0
}

#contacts form input {
    border: 1px solid #ffffff1a;
    height: 38px;
    margin-bottom: 6px;
    padding-left: 44px
}

#contacts form input:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form input:focus {
    border: 1px solid #6080ff
}

#contacts form textarea {
    background: #0000001a;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 196px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 12px 16px 14px;
    text-align: left;
    width: 100%
}

#contacts form textarea:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form label img {
    height: 16px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 17px
}

#contacts form textarea:focus {
    border: 1px solid #6080ff
}

#contacts form {
    flex: 1 1
}

#contacts form>div {
    display: flex;
    flex-direction: row
}

#contacts form div>div {
    flex: 1 1
}

#contacts form label {
    display: block;
    padding: 6px 16px
}

#contacts form button {
    margin-bottom: 16px
}

#submit_feedback {
    margin-left: 16px
}

#contacts form small {
    color: #ffffff80;
    cursor: default;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px
}

#contacts form small a:hover {
    text-decoration: underline !important
}

#contacts h4 {
    clear: both
}

#contacts .container {
    line-height: 1.5;
    margin-left: 16px;
    padding-left: 32px;
    padding-right: 16px;
    padding-top: 2px
}

::placeholder {
    color: #ffffff80
}

#langs-confirm {
    background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%);
    border-radius: 12px;
    bottom: 12px;
    font-family: Roboto;
    left: 60px;
    padding: 24px;
    position: absolute;
    width: 330px;
    z-index: 1200
}

#langs-confirm-choose {
    box-shadow: none !important;
    height: auto;
    line-height: 38px !important
}

#langs-confirm>a {
    top: 12px !important
}

#langs-confirm h4 {
    align-items: center;
    color: #ecf1f8;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none
}

#langs-confirm img {
    margin-right: 8px;
    width: 16px
}

#langs-confirm span {
    color: #6080ff
}

#langs-confirm p {
    color: #9fa7be;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 24px
}

#langs-confirm:before {
    border-bottom: 8px solid #0000;
    border-right: 8px solid #171c26;
    border-top: 8px solid #0000;
    bottom: 12px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

#langs-confirm>div button:first-of-type {
    background: #6080ff1a;
    border-radius: 8px;
    color: #6080ff;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .01em;
    line-height: auto;
    padding: 12px 39px;
    width: auto
}

#langs-confirm>div button:hover {
    transform: none !important
}

.options .container {
    color: #fff
}

#langs-confirm strong>ion-icon {
    color: #6080ff
}

h4 hr {
    background: #000;
    margin-bottom: 0 !important;
    width: 100%
}

#serverInfoModal #table-scroller {
    height: 240px
}

.settings form label {
    display: inline-block !important
}

.settings form label:nth-of-type(2) {
    margin-right: -2.5% !important
}

.headshots {
    height: 20px
}

.lvl-1 .avatar,
.lvl-2 .avatar,
.lvl-3 .avatar,
.lvl-4 .avatar {
    border: 2px solid #4698ff !important
}

.lvl-5 .avatar,
.lvl-6 .avatar,
.lvl-7 .avatar,
.lvl-8 .avatar {
    border: 2px solid #93f !important
}

.lvl-10 .avatar,
.lvl-11 .avatar,
.lvl-12 .avatar,
.lvl-9 .avatar {
    border: 2px solid #ffcc4c !important
}

.lvl-13 .avatar,
.lvl-14 .avatar,
.lvl-15 .avatar,
.lvl-16 .avatar {
    border: 2px solid #e50022 !important
}

.lvl-17 .avatar {
    border: 2px solid #5151e7 !important
}

.lvl-18 .avatar {
    border: 2px solid #67cb35 !important
}

.lvl-19 .avatar {
    border: 2px solid #cc2929 !important
}

#confirm {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    display: none;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#confirm:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

#buy,
.buy {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15) !important;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important
}

#buy:hover,
.buy:hover {
    box-shadow: 0 0 4px #eda53180 !important;
    transition: .3s
}

.btn {
    background: #6080ff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto
}

.btn:hover {
    filter: brightness(110%);
    transition: .3s
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: inset 0 3px 5px #0003 !important;
    box-shadow: inset 0 3px 5px #0003 !important;
    transition: .3s
}

button[disabled],
input[type=submit][disabled] {
    pointer-events: none
}

#use {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 6px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

#use:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

.owner {
    filter: invert(100%);
    height: 16px !important
}

.money {
    color: #afd999;
    float: right;
    font-size: 20px
}

.money ion-icon {
    color: inherit;
    margin-left: 12px;
    top: -2px;
    vertical-align: middle
}

#game #chat {
    border-radius: 12px
}

#game #chat .message p a {
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.options .active hr {
    display: block !important
}

.options select {
    background: #0000001a;
    border: 0;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-bottom: -2px;
    overflow: hidden;
    padding: 0 64px 0 24px;
    text-overflow: ellipsis;
    transition: .5;
    width: 100%
}

.options select:hover {
    background: #0003;
    color: #aecce4;
    transition: .5
}

.options select option {
    color: #000 !important
}

#settings select {
    background: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 64px 0 16px;
    text-overflow: ellipsis;
    transition: .5
}

#settings select:hover {
    border: 1px solid #fff3;
    color: #aecce4;
    transition: .5
}

#settings select:focus {
    border: 1px solid #6080ff;
    color: #fff
}

#settings select option {
    color: #000 !important
}

ol {
    counter-reset: myCounter
}

li {
    list-style: none;
    outline: none
}

ol li:before {
    border: 2px solid #aecce4;
    border-radius: 100%;
    color: #fff;
    content: counter(myCounter);
    counter-increment: myCounter;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    top: 0;
    width: 32px
}

.pointer-events-none {
    pointer-events: none !important
}

li p small {
    color: #ff9e15;
    display: block;
    text-transform: lowercase
}

li p {
    overflow: hidden
}

.btn.red {
    background: #0000 !important;
    border: 1px solid #ff5150 !important;
    color: #ff5150
}

.btn.red,
.btn.red:hover {
    box-shadow: none !important
}

.btn.white {
    background: #0000 !important;
    border: 1px solid #ffffff80 !important;
    line-height: 40px !important
}

.btn.white:hover {
    box-shadow: none !important
}

.btn.green {
    background: #0000 !important;
    border: 1px solid #00ff8f !important;
    color: #00ff8f;
    line-height: 40px !important
}

.btn.green:hover {
    box-shadow: none !important
}

.btn.gray,
.btn.gray:hover {
    filter: grayscale(100%)
}

.btn.green.outline {
    border: 1px solid #00ff8f !important
}

.btn.green.no-border,
.btn.green.outline {
    background: #0000 !important;
    color: #00ff8f
}

.btn.green.no-border,
.btn.no-border {
    border: 0 !important
}

.btn.no-border {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-border:hover {
    box-shadow: none !important
}

.btn.outline {
    border: 1px solid #6080ff !important
}

.btn.no-bg,
.btn.outline {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-bg {
    border: 0 !important
}

.btn.icon-left ion-icon {
    color: inherit;
    font-size: 20px !important;
    left: -4px;
    margin-right: 12px;
    top: -2px;
    vertical-align: middle
}

#date {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gold {
    text-shadow: none
}

.profile-buttons {
    bottom: 36px;
    position: absolute;
    right: 14px;
    z-index: 10
}

.profile-buttons>button {
    margin-right: 12px !important
}

.skin-icon {
    float: left !important;
    height: auto !important;
    max-height: 40px;
    max-width: 40px;
    position: relative !important;
    top: 0 !important;
    width: auto !important
}

.skin-name {
    margin-bottom: 3px
}

.skin-categories {
    color: #ffffff80;
    font-size: 12px
}

.grid.max .big {
    width: 12.75% !important
}

.grid.max>a,
.grid.max>div {
    width: 18.5% !important
}

#policy {
    background-color: #565656e6;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    cursor: default;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60%;
    z-index: 100000000000000
}

#policy svg {
    cursor: pointer;
    float: right;
    height: 12px;
    margin-right: 12px;
    top: 1px;
    width: 12px
}

#policy svg:hover {
    opacity: .8;
    transform: scale(1.1);
    transition: .3s
}

#policy a {
    color: #6080ff;
    text-decoration: none
}

#policy a:hover {
    text-decoration: underline
}

nav select {
    background: #0000;
    border: 1px solid #fff3;
    border-radius: 6px;
    display: none;
    font-size: 16px;
    height: 32px;
    left: 10%;
    padding: 0 16px;
    width: 90%
}

.overflow-hidden {
    overflow: hidden
}

#serverInfoModal .table .th {
    border-bottom: 1px solid #0000001a;
    height: 40px
}

#serverInfoModal .table .th>div:first-of-type {
    display: inline-block;
    float: left;
    text-align: left !important
}

#serverInfoModal .table .th>div:nth-of-type(2),
#serverInfoModal .table .th>div:nth-of-type(3) {
    display: inline-block;
    float: right;
    width: 25%
}

input.info {
    border-color: #339cff !important
}

input.success {
    border-color: #33ff7b !important
}

input.error {
    border-color: #ff5150 !important
}

input.warning {
    border-color: #ffb933 !important
}

#alerts .info {
    background: #339cff;
    box-shadow: 0 0 6px #339cff80
}

#alerts .success {
    background: #33ff7b;
    box-shadow: 0 0 6px #33ff7b80
}

#alerts .error {
    background: #ff5150;
    box-shadow: 0 0 6px #ff515080
}

#alerts .warning {
    background: #ffb933;
    box-shadow: 0 0 6px #ffb93380
}

form p.info {
    color: #339cff !important;
    font-size: 12px
}

form p.success {
    color: #33ff7b !important;
    font-size: 12px
}

form p.error {
    color: #ff5150 !important;
    font-size: 12px
}

form p.warning {
    color: #ffb933 !important;
    font-size: 12px
}

#online-listModalOpen>span {
    top: 0
}

#settings h3 img {
    filter: grayscale(100%);
    height: 32px;
    margin-right: 16px;
    width: 32px
}

#settings h3 {
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>div {
    flex: 1 1
}

#arcticModals {
    display: none
}

.arcticmodal-container,
.arcticmodal-overlay {
    background: #0000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.arcticmodal-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    overflow: auto;
    padding: 0
}

:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    vertical-align: middle
}

.arcticmodal-error {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 20px
}

.arcticmodal-overlay {
    background-color: #13161b99;
    opacity: 1
}

.arcticmodal {
    background: #151d27;
    border-radius: 12px;
    box-shadow: 0 10px 20px 0 #ffffff05;
    display: block;
    overflow: hidden
}

.arcticmodal>h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    opacity: .95;
    text-transform: none;
    text-transform: uppercase
}

.arcticmodal>h2,
.arcticmodal>p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    text-align: center
}

.arcticmodal>p {
    font-size: 16px;
    line-height: 19px;
    opacity: .5;
    padding-top: 10px
}

.cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px
}

.cover shadow {
    background: linear-gradient(180deg, #0000 0, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal {
    background: linear-gradient(0deg, #171c2a 71.09%, #13182100 129.73%), #171c2a;
    border-radius: 32px;
    box-shadow: 0 4px 134px 0 #0000005e;
    width: 823px;
    z-index: 1000000
}

#serverInfoModal.arcade-mode {
    width: 344px
}

#serverInfoModal .cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px;
    opacity: .15;
    overflow: hidden
}

#serverInfoModal .cover shadow {
    background: linear-gradient(180deg, #41434500 0, #151d27 91%, #151d27);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal .icon {
    border-radius: 100%;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 40 !important
}

#serverInfoModal .score {
    display: block;
    margin-top: -64px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center
}

#serverInfoModal time {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    text-align: center;
    text-transform: none;
    top: -36px
}

#serverInfoModal ion-icon {
    color: inherit;
    margin-right: 6px;
    top: 2px
}

#pracInfoModal {
    padding: 0;
    width: 520px
}

.grid h4 {
    padding: 0 0 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

#ad {
    width: 100%
}

#ad,
#game {
    margin-top: 0
}

#game {
    z-index: 1000
}

#game #score {
    display: block;
    margin-top: 128px;
    overflow: hidden;
    text-align: center
}

#game h1 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    left: 0;
    margin-bottom: -32px !important;
    max-width: 100%;
    padding-top: 24px;
    pointer-events: none;
    text-align: center;
    text-transform: none
}

.avatar {
    background: linear-gradient(0deg, #3b4851 51%, #252d30 88%)
}

#serverInfoModal-scroller {
    height: 640px;
    padding-bottom: 12px;
    padding-top: 12px
}

.skin>div {
    overflow: hidden;
    top: 0
}

.skin p {
    position: absolute !important;
    top: 16px !important;
    z-index: 1000
}

.skin>span {
    border-radius: 100%;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 6px;
    z-index: 100
}

.skin.cover>div img {
    top: 0 !important
}

.cancel {
    background: #0000 !important
}

.cancel,
.cancel:hover {
    box-shadow: none !important;
    transition: .2s
}

.cancel:hover {
    opacity: .5
}

h4 {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.grid.shop h4 {
    padding-left: 10px
}

.grid.shop .skin p {
    color: #c8cfdb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    opacity: .9;
    padding: 0 16px;
    z-index: 35 !important
}

.grid.shop .skin p span {
    color: #6c6c71;
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 4px
}

.grid.shop .skin .btn.mini {
    background: #0000;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #ffffff0d;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    left: 0;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(1);
    width: 100%;
    z-index: 45 !important
}

.grid.shop .skin button strong {
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    right: 0
}

.grid.shop .skin button strong img {
    top: -3px
}

.display-block,
.display-block>label {
    display: block !important
}

.options label small {
    color: #ffffff80;
    float: right;
    font-weight: 400
}

aside#shop {
    box-shadow: none !important;
    float: right;
    margin-right: 12px;
    width: 240px
}

aside#shop h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-top: 0
}

aside#shop h2 {
    padding-top: 0
}

aside#shop>h4 {
    padding-top: 12px
}

.skin.device div img {
    top: 90px !important
}

form label p small {
    color: #ffffff80;
    float: right;
    font-size: 10px;
    top: 3px
}

#terms p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

#terms a {
    opacity: .7;
    text-decoration: underline
}

@media (max-width:1100px) {
    #socials h4 {
        display: none !important
    }

    #top-modes {
        padding-left: 24px
    }

    #top-modes h2 {
        margin-top: -24px
    }
}

.relative {
    position: relative !important
}

@media (max-width:576px) {
    header [not-mobile] {
        display: none !important
    }

    .wrap {
        padding: 0
    }
}

@media (min-width:992px) {
    #game h1 {
        top: -80px !important
    }
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease
}

button:not(.disabled):hover {
    filter: brightness(115%)
}

#game h1.resp {
    padding-top: 0;
    top: -64px
}

.container>img {
    border-radius: 100%
}

.tippy-box {
    max-width: 390px !important
}

a {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    background: #0000;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0000
}

::-webkit-scrollbar-thumb {
    background: #0000008c;
    border: 1px solid #ffffff1a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #070a0d;
    background: #0006
}

::-webkit-scrollbar-corner {
    background: #0000
}

input {
    box-shadow: none
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none
}

.block-servers-name:hover {
    transform: none !important
}

#about-competitions>div,
.bubbles-container {
    overflow: visible !important;
    overflow: initial !important
}

.category-hide,
.global-hide-default,
.global-hide-goods,
.global-hide-quality,
.global-hide-star,
.global-hide-type {
    display: none !important
}

header .login {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.options hr,
.options select {
    display: none
}

.options .btn {
    width: 100% !important
}

#langs-confirm,
.options div label {
    display: none
}

#gif img {
    object-fit: cover;
    top: -50% !important
}

.circleload {
    height: 12px !important;
    position: relative !important;
    top: 0 !important
}

.skin {
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none
}

.grid.shop .skin strong {
    bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

#category {
    display: none
}

#socials {
    height: 28px
}

#serverInfoModal .cover {
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.skin-buttons {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 53px !important;
    width: 100% !important
}

.btn-sell {
    background-color: #6080ff;
    border-color: #6080ff;
    border-radius: 9px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-pickup img {
    margin: 0 !important;
    width: 14px !important
}

.btn-pickup {
    align-items: center;
    background-color: #e3775e;
    border-color: #e3775e;
    border-radius: 9px;
    color: #fff;
    display: flex;
    float: right;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-sell:hover {
    background-color: #6080ff !important;
    border-color: #6080ff !important;
    color: #fff !important
}

.btn-pickup:hover {
    background-color: #e3775e !important;
    border-color: #e3775e !important;
    color: #fff !important
}

.s-price {
    color: #ffa210 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.s-price-img {
    margin-right: 6px !important;
    top: 3px !important;
    width: 16px !important
}

.s-image-drop {
    top: 40px !important;
    width: 90% !important
}

.count_in_storage {
    background: #0f141b;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    bottom: 20px;
    font-size: 15px;
    left: auto;
    min-width: 27px;
    padding: 3px;
    position: absolute;
    right: 8% !important;
    text-align: center;
    transform: scale(1);
    z-index: 9999
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header-user-premium-button {
    padding: 0 !important
}

.header-user-premium-button img {
    border: 1px solid #ffb70080 !important;
    border-radius: 6px !important;
    padding: 9px !important;
    width: 30px !important
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important
}

#servers .grid div a svg {
    top: -2px;
    vertical-align: middle
}

.border-class-golden {
    border: 2px solid #d08b0d !important;
    transition: .3s
}

.new_nav_servers {
    border: 2px solid #fb9800 !important;
    color: #fb9800 !important;
    padding: 0 6px !important
}

#contacts form a {
    margin-bottom: 16px
}

.prime_border {
    border: 2px solid #60b9ebcc !important
}

#competitions aside>div ol li p span:nth-of-type(2) img {
    width: 16px !important
}

.desc {
    padding: 12px 24px 24px !important
}

.grid-inventory .grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid !important;
    -ms-flex-wrap: wrap;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.37rem, 1fr)) !important;
    width: 100% !important
}

.grid-inventory .grid h4 {
    padding-bottom: 12px;
    padding-top: 24px
}

.grid-inventory .skin {
    background-color: initial;
    border-radius: 12px;
    cursor: pointer;
    height: 200px;
    opacity: 1;
    transition: all .2s ease;
    width: auto
}

.skin:hover {
    box-shadow: 0 15px 10px 0 #15182980
}

.grid-inventory .skin:hover {
    opacity: 1;
    transform: translateY(3px);
    z-index: 101 !important
}

.color-default {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-default:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-consumer {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-consumer:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-covert {
    background-image: linear-gradient(150deg, #8847ff00, #ff47470d 60%, #eb4b4b40);
    color: #eb4b4b
}

.color-covert:hover {
    box-shadow: 0 10px 20px 0 #eb4b4b08
}

.color-industrial {
    background-image: linear-gradient(150deg, #8847ff00, #5e98d90d 60%, #5e98d940);
    color: #5e98d9
}

.color-industrial:hover {
    box-shadow: 0 10px 20px 0 #5e98d908
}

.color-classified {
    background-image: linear-gradient(150deg, #8847ff00, #ff47f10d 60%, #d32ee640);
    color: #d32ee6
}

.color-classified:hover {
    box-shadow: 0 10px 20px 0 #d32ee608
}

.color-golden {
    color: #f89406
}

.border-golden {
    border: 1px solid #f89406
}

.border-blue {
    border: 1px solid #6080ff
}

.border-blinking {
    animation: highlightBorder 2s infinite;
    border: 1px solid grey
}

.color-golden {
    background-image: linear-gradient(150deg, #8847ff00, #ffb1000d 60%, #f8940640)
}

.color-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608
}

.b-color-golden {
    background: linear-gradient(#fff0, #ff97003d 100%)
}

.color-restricted {
    background-image: linear-gradient(150deg, #8847ff00, #8847ff0d 60%, #8847ff40);
    color: #8847ff
}

.color-restricted:hover {
    box-shadow: 0 10px 20px 0 #8847ff08
}

.color-milspec {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40);
    color: #4b69ff
}

.color-milspec:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08
}

.color-logitech {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40)
}

.color-logitech:hover {
    box-shadow: 0 10px 20px 0 #2c335808
}

.skin-bg {
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 90%
}

.grid-inventory .grid.shop .skin:hover:after {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border-radius: 12px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important
}

.inventroy__gift:hover {
    transform: translateY(3px)
}

.grid-inventory .skin>div {
    display: flex;
    justify-content: center;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.grid-inventory .s-image-drop {
    margin-top: 0 !important;
    max-height: 88px;
    max-width: 60% !important;
    top: 18px !important;
    width: auto !important
}

.grid-inventory .skin p {
    bottom: 20px !important;
    color: #ffffffeb !important;
    font-size: 12px !important;
    top: auto !important
}

.grid-inventory .skin:hover div img {
    transform: scale(1);
    transition: .3s
}

.p_skin_quality_0 {
    color: #cf674d !important;
    font-weight: 700 !important
}

.p_skin_quality_0,
.p_skin_quality_1 {
    display: inline-block
}

.grid-inventory .check {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: absolute !important;
    right: 12px !important;
    top: -4px !important;
    width: auto !important;
    z-index: 99999 !important
}

.grid-inventory .check svg {
    width: 19px !important
}

.grid-inventory .check img {
    left: auto !important;
    margin-top: 0 !important;
    right: -3px !important;
    top: 13px !important;
    width: 19px !important
}

.block-servers-name,
.verify {
    cursor: pointer !important
}

.big {
    border: 0 solid #ffffff0d;
    opacity: 1 !important
}

.n-button {
    align-items: center;
    background: #6080ff;
    border-radius: 4px;
    color: #ecf1f8 !important;
    display: inline-flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 24px
}

.big>div>a>img,
.big>div>a>video {
    border-radius: 12px;
    height: 320px !important;
    left: 0;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100% !important
}

.block-border-map {
    background: #14191e;
    border-radius: 12px;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    overflow: hidden;
    position: absolute !important;
    top: 2px !important;
    width: calc(100% - 4px) !important
}

.big:hover {
    box-shadow: 0 10px 20px 0 #ffffff05
}

.big:hover div img {
    opacity: .7;
    transition: .5s
}

.block-border {
    background-position: 0 50%;
    background-size: 300% 300%;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border.golden {
    background: linear-gradient(60deg, #f88e14, #ff9300, #ffaf07)
}

.block-border.grey {
    background: #aecce4
}

.block-border.blue {
    background: #6080ff
}

.block-border-blue {
    background: linear-gradient(60deg, #4e7df0, #4584f0, #3d35f0);
    background-position: 0 50%;
    background-size: 300% 300%
}

.block-border-blue,
.block-border-prime {
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border-prime {
    background: linear-gradient(60deg, #6ed2fe, #46a5fe, #5496fe);
    background-position: 0 50%;
    background-size: 300% 300%
}

.box-shadow-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608 !important
}

.box-shadow-blue:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08 !important
}

header .exit {
    color: #eb645d;
    display: inline-block;
    float: right;
    font-size: 0;
    margin-left: 20px;
    margin-right: 21px;
    padding: 0;
    top: -1px;
    transition: .3s
}

header .exit img {
    height: 18px;
    opacity: .2;
    transition: .3s;
    width: 18px
}

header .exit:hover img {
    opacity: 1;
    transition: .3s
}

header .profile {
    margin-left: 21px
}

header .deposit {
    float: right;
    font-size: 13px !important;
    height: 36px !important;
    line-height: inherit !important;
    padding: 0 14px !important
}

header .deposit img {
    height: 15px;
    margin-left: 2px;
    width: 15px
}

.header-button-deposit {
    align-items: center;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px
}

.header-button-premium .deposit {
    background: linear-gradient(45deg, #c37f00, #ffb000)
}

#section-servers {
    border-right: 1px solid #0003;
    display: block;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    z-index: 1000
}

.home-body-servers:hover {
    box-shadow: 0 10px 20px 0 #ffffff05;
    cursor: pointer;
    opacity: 1 !important;
    transition: .3s
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s
}

.home-body-servers:hover div img {
    opacity: 1 !important;
    transition: .5s
}

.tippy-arrow,
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow,
.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    display: none !important
}

.page_profile_new #profile-main {
    left: 8px !important;
    top: -2px !important
}

.page_profile_new #profile-nav {
    margin-top: -6px !important;
    padding-left: 36px;
    text-align: left
}

.page_profile_new #profile-nav a {
    color: #94a7b7;
    font-weight: 700;
    padding: 0 29px
}

.xp-bar {
    float: left;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    top: -4px
}

.xp-bar-info {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 15px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-1 {
    display: inline-block
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-2 {
    color: #777 !important;
    display: inline-block;
    font-weight: 700 !important
}

.xp-bar-info-2 span {
    color: #777;
    font-weight: 400;
    margin-left: 5px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-3 {
    color: #5f5f5f !important;
    display: inline-block;
    font-weight: 500 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__giftInfo--2qi6 {
    right: 10px !important
}

.loyalty__progressBox--2KEX {
    top: -7px;
    transform: none;
    width: 640px
}

.profile-socials {
    align-items: center;
    background: #0000002b;
    border-radius: 4px;
    display: flex;
    padding: 9px 10px
}

.profile-socials-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 12px;
    position: absolute;
    right: 30px;
    z-index: 10
}

.profile-socials a {
    align-items: center;
    display: flex;
    opacity: .5
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBar--3fut {
    height: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBg--2f0j {
    height: 6px !important
}

#profile-cover {
    height: 330px !important
}

.gold #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.page_profile_new #profile-content .profile-content-block #top-stats>div {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top !important;
    width: auto !important
}

.page_profile_new #profile-content .profile-content-block #top-stats {
    grid-gap: .6rem !important;
    align-content: flex-start !important;
    display: -ms-flexbox;
    display: grid !important;
    flex-wrap: wrap;
    gap: .6rem !important;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 20rem)) !important;
    grid-template-rows: 65px 65px 65px 65px;
    height: 100% !important;
    left: 20px;
    margin-right: 2rem !important;
    margin-top: 0;
    overflow: auto !important;
    top: 20px;
    width: 40% !important
}

#shop {
    border-top: 1px solid #0003;
    height: 88.5vh;
    padding: 0 16px
}

#date .status {
    display: inline-block;
    margin: -6px 24px 6px;
    opacity: .5
}

main {
    display: block;
    height: 100%;
    margin-left: 84px;
    margin-right: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 60px;
    transition: all .2s ease
}

.wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    width: 100%
}

#servers {
    padding-left: 3px
}

#servers .modes {
    grid-gap: .9rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .9rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
    height: 100%;
    width: 100%
}

#routerpages {
    display: block;
    flex-grow: 1;
    width: 100%
}

.page-servers-grid {
    display: block;
    height: 100%;
    margin: 1% 1% 0
}

.table {
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--hover);
    border-top: none;
    padding: 12px 0;
    vertical-align: middle
}

.table tbody tr:nth-of-type(2n) th {
    background: #1c233480;
    padding: 15px 0
}

.table-players-server-header th {
    background: #1c233480
}

.table tbody tr th:first-child,
.table-players-server-header th:first-child {
    border-radius: 6px 0 0 6px
}

.table tbody tr th:last-child,
.table-players-server-header th:last-child {
    border-radius: 0 6px 6px 0
}

tbody tr,
thead tr {
    width: 100%
}

.table-grid {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.alt {
    display: none;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.alt-left {
    align-items: center;
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac;
    display: none;
    font-family: Roboto;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    opacity: 1;
    outline: 0;
    padding: 0 8px;
    right: 120%;
    transition-property: visibility, opacity, transform;
    transition: .3s
}

.tip:hover .alt,
.tip:hover .alt-left {
    display: inline-flex;
    opacity: 1;
    transition: .3s
}

.home-body-servers a img {
    height: 16px;
    vertical-align: middle
}

img,
svg {
    color: inherit;
    font-size: inherit
}

.header-side-left a img {
    height: 21px;
    vertical-align: middle
}

time img {
    height: 16px;
    left: -6px;
    top: 2px
}

.edit-link-out {
    left: 20px
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1
}

.servers-grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
    height: 100% !important;
    overflow: visible;
    overflow: initial;
    padding-bottom: 20px
}

#prime-servers {
    margin-bottom: 2rem
}

#servers {
    height: 100%;
    width: 100%
}

#profile-nav div[disabled],
.site-nav a[disabled],
.support-nav li[disabled] {
    opacity: .2;
    pointer-events: none
}

#profile-nav a img {
    font-size: 24px;
    height: 13px;
    margin-right: 7px;
    opacity: .1;
    top: -1px;
    vertical-align: middle
}

#page-servers-home {
    display: none;
    overflow: visible;
    overflow: initial
}

#page-servers-servers {
    display: none;
    gap: 0;
    grid-template-columns: 1fr 270px;
    width: 100%
}

#page-servers-servers-no-prime,
#page-servers-servers-prime {
    padding-left: 21px
}

#nav-servers .nav-servers-button-setting {
    opacity: 0;
    padding: 0 12px !important
}

#nav-servers .nav-servers-button-setting:hover,
#nav-servers .nav-servers-button-setting:hover img {
    opacity: .8
}

#nav-servers .nav-servers-button-setting img {
    height: 20px !important;
    margin-right: 0 !important;
    opacity: .2;
    top: -1px;
    transition: .3s;
    width: 20px !important
}

#nav-servers:hover .nav-servers-button-setting {
    opacity: .4;
    transition: .3s
}

#profile-friends {
    margin: 1%
}

.block-profile-friends-menu {
    display: block;
    float: left;
    width: 100%
}

.block-profile-friends-menu-grid-line {
    align-items: center;
    background: #0a0f1552;
    cursor: pointer;
    flex-direction: row;
    font-size: 16px;
    height: 50px;
    padding: 13px 11px;
    transition: .3s;
    vertical-align: middle;
    width: 100%
}

.block-profile-friends {
    display: block;
    float: right;
    width: 100%
}

.block-profile-friends-f-block {
    background: #131a24;
    border-radius: 5px;
    display: flex;
    height: 50px;
    transition: .3s
}

#block-profile-friends-offline .block-profile-friends-f-block {
    opacity: .7
}

.block-profile-friends-f-block:hover {
    cursor: pointer;
    opacity: 1;
    transform: translateY(3px) !important;
    transition: .3s;
    z-index: 101 !important
}

.block-profile-friends-f-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.block-profile-friends-f-block-content-name {
    color: #818fa3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-profile-friends-f-block-content-server {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-server {
    overflow: hidden;
    white-space: nowrap;
    width: 55%
}

.block-profile-friends-f-block-img {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 10px
}

.block-profile-friends-f-block-img img {
    border-radius: 50%;
    height: 31px;
    object-fit: cover;
    width: 31px
}

.block-profile-friends-f-block-img:before {
    background: #636772;
    border: 2px solid #0f141b;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 1
}

#block-profile-friends-online .block-profile-friends-f-block-img:before {
    background: #3999de
}

#block-profile-friends-in-game .block-profile-friends-f-block-img:before {
    background: #33ff7b
}

.block-profile-friends-grid {
    grid-gap: .8rem;
    align-content: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
    margin-bottom: 24px;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.block-profile-friends-w h4 {
    color: #748297;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    text-transform: none
}

#block-profile-friends-online .block-profile-friends-f-block-content-name {
    color: #57cbde
}

#block-profile-friends-in-game .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #a3cf06
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-name {
    color: #e3ffc2
}

#block-profile-friends-offline .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #586577
}

#profile_button_connect img {
    height: 20px;
    right: 10px;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

.table-players-server-header tr th {
    color: #7a8697;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.data-one-server-info tr th {
    color: #e1e9fd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.data-one-server-info a,
.data-one-server-info tr th {
    align-items: center;
    display: flex
}

.table-players-server-header tr:nth-of-type(odd) {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.data-one-server-info tr,
.table-players-server-header tr {
    display: grid;
    grid-template-columns: 80px 98px 1fr 1fr 1fr 1fr 1fr 1fr
}

.arcade-mode .data-one-server-info tr,
.arcade-mode .table-players-server-header tr {
    grid-template-columns: 60px 120px 1fr
}

.data-one-server-info a {
    height: 100%
}

.table-players-server-body {
    display: grid;
    height: 247px;
    padding-right: 6px;
    width: calc(100% + 6px)
}

#profile-stats {
    width: 100%
}

.profile-stats-grid {
    grid-gap: .8rem !important;
    display: grid;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    gap: .8rem !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.profile-stats-grid div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin: 14px 0;
    text-align: center;
    vertical-align: middle
}

.profile-stats-grid div strong {
    font-size: 26px;
    font-weight: 700
}

.profile-stats-grid div p {
    font-size: 15px;
    font-weight: 500;
    opacity: .5
}

#p-profile-faceit-country img {
    width: 22px
}

#deviceModal form h4 {
    left: 10px;
    margin-bottom: 14px
}

#video-compare-container {
    border-radius: 5px;
    display: inline-block;
    height: 270px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#video-compare-container>img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#video-clipper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#video-clipper img {
    height: 100%;
    width: 200%
}

#video-clipper>div {
    height: 100% !important
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.p-ch-block-menu {
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

.p-ch-block-menu h4 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    text-transform: inherit;
    transition: .3s
}

.p-ch-block-menu summary {
    cursor: pointer;
    padding: 16px 0
}

.p-ch-block-menu details[open] summary {
    background: #1d2330;
    border-radius: 5px
}

.p-ch-block-menu h4:hover {
    cursor: pointer;
    transition: .3s
}

.p-ch-block-menu h4 .arrow {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 12px
}

.p-ch-block-menu details[open] .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.p-ch-block-menu ul {
    border-left: 2px solid #1d2330;
    margin: 10px 0 8px 24px;
    padding-left: 26px
}

.p-ch-block-menu li {
    align-items: center;
    color: #919ba7;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px
}

.p-ch-block-menu li.active {
    color: #d9e3f1
}

.p-ch-block-menu li.colored:before {
    background: #6080ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li {
    color: #eaf2ffb3;
    font-size: 14px;
    font-weight: 500;
    left: 30px;
    padding: 7px 0;
    transition: .3s
}

.blue-dotted-list li:before {
    background: #1c2430;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li.active:before {
    background: #6080ff
}

.blue-dotted-list li.active {
    color: #fff;
    transition: .3s
}

.blue-dotted-list li:hover {
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.p-ch-grid {
    overflow: scroll;
    overflow-x: hidden
}

.block-profile-friends-f-block .block-profile-friends-f-block__connect {
    align-items: center;
    background: #111721;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #aecce4;
    display: flex;
    height: 100%;
    opacity: 1;
    padding: 0 13px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: .3s;
    z-index: 25
}

.block-profile-friends-f-block__connect img {
    height: 19px
}

.p-ch-block-upper {
    align-content: center;
    border-bottom: 1px solid #161d29;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: visible;
    overflow: initial;
    text-align: center;
    width: 100%
}

.p-ch-block-upper div {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    text-align: center;
    transition: .3s
}

.p-ch-block-upper div img {
    width: 21px
}

.p-ch-block-upper>div:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

.p-ch-block-upper div.active {
    background: #131a22
}

#profile-skinchanger-skins {
    display: block
}

.skin-disable {
    background-image: linear-gradient(150deg, #8847ff00, #8a83720d 60%, #121519) !important;
    border: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: .3s;
    z-index: 999999
}

.skin-disable .s-image-drop,
.skin-disable p {
    opacity: .4;
    transition: .3s
}

.skin-disable:hover .s-image-drop,
.skin-disable:hover p {
    filter: blur(4px);
    opacity: .3 !important;
    transition: .3s
}

.skin-disable:hover .skin-buy-premium {
    opacity: 1 !important;
    transition: .3s
}

.skin-buy-premium {
    opacity: 0;
    top: 19px !important;
    transition: .3s;
    z-index: 99999
}

.skin-buy-premium,
.skin-buy-premium>div {
    filter: none !important;
    position: absolute !important
}

.skin-buy-premium .text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    top: 4px
}

.skin-buy-premium .text div {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    top: 4px
}

.skin-buy-premium>div img {
    display: block;
    filter: drop-shadow(0 0 16px rgba(237, 165, 49, .2));
    margin: 0 auto;
    padding-top: 10px;
    top: 0 !important;
    width: 43% !important
}

.horizontal-scroll>div {
    display: inline-block;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: auto
}

.horizontal-scroll>div,
.horizontal-scroll>div>div {
    color: #aecce4;
    font-size: 12px !important
}

.horizontal-scroll>div>a {
    transition: .3s
}

.horizontal-scroll>div>a.active {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

.horizontal-scroll>div>a[disabled] {
    color: #ffffff1a !important;
    filter: grayscale(100%);
    pointer-events: none
}

.horizontal-scroll>div>a:hover {
    border-bottom: 3px solid #6080ff;
    transition: .3s
}

.horizontal-scroll .horizontal-scroll-a-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46%
}

.horizontal-scroll .horizontal-scroll-a-r {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 46%
}

.section-servers-none {
    display: none;
    padding: 70px 0;
    position: relative;
    text-align: center;
    top: 30%;
    width: 100%
}

.section-servers-none>div {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: auto;
    text-align: center;
    width: 100%
}

.section-servers-none>div>img {
    margin-bottom: 34px;
    width: 44px
}

.section-servers-none>div>div {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

#dropSkinsModal {
    background: linear-gradient(1turn, #090e13 -67.25%, #192432 195.71%);
    min-width: 396px;
    padding: 35px;
    text-align: center
}

.modelLabelText {
    color: #ffffff80;
    font-family: Roboto Condensed;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center
}

.header-pro-select h4 {
    color: #a7a7a7b3;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 0 6px 10px
}

.premium-wrapper {
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/bg/premium.png*/
        url() no-repeat calc(50% - 60px) -250px;
    display: block;
    position: relative;
    width: 100%
}

.premium__benefits,
.premium__main {
    transition: all .2s ease
}

.premium__main {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.premium__main-content {
    width: 500px
}

.premium__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 95px;
    text-align: left;
    text-transform: inherit
}

.premium__title span {
    color: #6080ff
}

.premium__sub-title {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 27px;
    opacity: .7
}

.premium__main-line {
    background-color: #22272e;
    display: block;
    height: 1px;
    margin: 45px 0 42px;
    width: 100%
}

.premium__quote {
    align-items: flex-start;
    display: flex;
    margin-bottom: 21px
}

.premium__quote span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-left: 24px;
    width: 386px
}

.premium__main-plans {
    display: flex;
    gap: 19px;
    margin-top: 48px;
    position: relative
}

.premium__main-plans.allow-bonus {
    transform: translateX(-120px)
}

.premium__main-plans:before {
    background: #00000030;
    content: "";
    display: block;
    filter: blur(20px);
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.select-arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%)
}

.premium__plan-benefits-title {
    color: #838c98;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    text-transform: uppercase
}

.premium__plan-benefits {
    border-top: 2px solid #e49635;
    padding-top: 32px
}

.premium-lite__plan .premium__plan-benefits {
    border-top: 2px solid #6080ff
}

.disabled-benefit,
.disabled-benefit a {
    color: #838c98 !important
}

.plan-line {
    background-color: #1d2329;
    display: block;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

.premium-price-span {
    align-items: center;
    color: #838c98;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    top: -4px
}

.premium-price-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

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

.premium__pagination {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.pagination__step {
    background-color: #838c98;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 4px;
    margin-left: 10px;
    width: 5px
}

.pagination__step-active {
    background-color: #f19102;
    border-radius: 3px;
    width: 20px
}

.premium__comment-slider {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.quote-author__img {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.quote-author__img img {
    border-radius: 100%;
    height: 100%
}

.premium__quote-author {
    align-items: center;
    display: flex;
    margin-left: 51px
}

.quote-author__data {
    display: flex;
    flex-direction: column
}

.quote-author__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.premium__benefits {
    margin-top: 142px;
    padding-bottom: 150px
}

.premium__benefit-content {
    flex-direction: column
}

.premium__benefit-block,
.premium__benefit-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.premium__benefit-block {
    gap: 160px;
    margin-bottom: 150px
}

.reverse-benefit {
    flex-direction: row-reverse
}

.premium__benefit-name {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    margin: 24px 0 14px;
    text-align: center;
    text-transform: uppercase
}

.premium__benefit-descr {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.premium__benefit-images {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    position: relative;
    width: 450px
}

.premium__benefit-images>img:not(:first-child) {
    position: absolute;
    z-index: 5
}

.premium__benefit-images .under-demo-images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.benefit-number,
.premium__benefit-images .under-demo-images img {
    position: absolute
}

.benefit-number {
    color: #fff;
    display: block;
    font-size: 300px;
    font-weight: 900;
    letter-spacing: -48px;
    opacity: .05;
    right: 435px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.premium__benefit-content {
    width: 450px
}

.premium__bottom-subscribe {
    text-align: center;
    transition: .3s
}

.premium__bottom-subscribe h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    text-align: center
}

.premium__bottom-subscribe p {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0 32px;
    text-align: center
}

.premium__bottom-subscribe button {
    background-color: #f19102;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    text-transform: uppercase;
    width: 260px
}

.benefit-img__cases {
    bottom: -18px;
    right: -53px
}

.benefit-img__karambit {
    left: -26px;
    top: 11px
}

.benefit-img__blured-ak {
    left: 56px;
    top: -79px
}

.benefit-img__awp {
    bottom: 0;
    right: 0
}

.benefit-img__mission {
    animation: lowerRankRotation 4s ease infinite;
    left: -17px;
    top: 26px
}

.benefit-img__flashbang {
    bottom: -30px;
    left: -20px
}

.benefit-img__neon-ak {
    right: -38px;
    top: 91px
}

.benefit-img__bullets {
    left: -20px;
    top: -22px
}

.benefit-img__navi {
    bottom: -40px;
    left: -53px
}

.benefit-forze {
    right: -60px;
    top: -50px
}

.benefit-img__crosshair {
    left: 73px;
    top: -66px
}

.benefit-img__locker {
    bottom: -66px;
    left: 110px
}

.benefit-vp {
    bottom: -63px;
    right: -34px
}

.benefit__curtain {
    right: -40px;
    top: -10px
}

.benefit__corona {
    left: -78px;
    top: -75px
}

.benefit__feathers {
    animation: feathers 3s ease-in infinite;
    bottom: -46px;
    left: 23px
}

.benefit__cup {
    left: -40px;
    top: 0
}

.benefit__diamonds {
    left: -10px;
    top: -21px
}

.benefit__18-rank {
    left: 73px;
    top: -83px
}

.benefit__10-rank {
    bottom: -41px;
    left: 152px
}

.benefit__4-rank {
    left: -22px;
    top: 120px
}

.benefit__19-rank {
    right: -43px;
    top: -42px
}

.red {
    color: #be3737
}

.tab-content__active {
    display: block
}

.benefit__gif {
    border-radius: 5px;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (max-width:1500px) {
    .premium__title {
        text-align: center
    }

    .premium__main {
        flex-direction: column
    }

    .premium__main-content {
        text-align: center
    }

    .premium__comment-slider {
        align-items: center;
        flex-direction: column
    }

    .premium__quote {
        justify-content: center
    }

    .premium__quote-author {
        margin-bottom: 24px;
        margin-left: 0
    }

    .premium__quote span,
    .quote-author__data {
        text-align: left
    }

    .premium__pagination {
        margin-bottom: 52px
    }

    .premium__main-plans {
        margin-left: 0
    }

    .premium__benefits {
        margin-top: 156px
    }

    .premium__benefit-block {
        flex-direction: column
    }

    .premium__benefit-block .premium__benefit-content {
        margin-left: 0;
        margin-right: 0
    }

    .benefit__drops .premium__benefit-content {
        margin-bottom: 87px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 77px
    }

    .benefit__no-ads .premium__benefit-content {
        margin-bottom: 69px
    }

    .benefit__pro .premium__benefit-content {
        margin-bottom: 60px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__tag .premium__benefit-content {
        margin-bottom: 67px
    }

    .benefit__exp .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 73px
    }

    .premium__benefit-block {
        margin-bottom: 100px
    }

    .benefit__18-rank {
        left: -13px;
        top: -58px
    }

    .benefit-img__karambit {
        top: 0
    }

    .premium__benefits {
        padding-bottom: 100px
    }

    .premium-wrapper {
        background-position: top
    }
}

@media (max-width:1100px) {
    .sidebar {
        display: none
    }

    .premium__title {
        text-align: center
    }
}

@media (max-width:650px) {
    .premium__title {
        font-size: 32px;
        margin-bottom: 14px;
        text-align: center
    }

    .premium__sub-title {
        font-size: 14px;
        margin: 0 auto;
        width: 300px
    }

    .premium__main-line {
        margin: 37px auto 32px;
        width: 300px
    }

    .premium__quote span {
        width: 249px
    }

    .premium__quote-author {
        transform: translateX(-20px)
    }

    .premium-lite__plan {
        margin-bottom: 32px;
        margin-right: 0
    }

    .premium__main-plans {
        flex-direction: column
    }

    .premium__benefits {
        margin-top: 174px
    }

    .premium__benefit-name {
        font-size: 24px
    }

    .premium__benefit-descr {
        font-size: 14px;
        width: 300px !important
    }

    .benefit__drops .benefit__drops .premium__benefit-content {
        margin-bottom: 66px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 50px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__exp .premium__benefit-content,
    .benefit__no-ads .premium__benefit-content,
    .benefit__pro .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 46px
    }

    .benefit__tag .premium__benefit-content {
        margin-bottom: 56px
    }

    .premium__benefit-name {
        text-align: center
    }

    .premium__benefit-images {
        height: 200px;
        width: 300px
    }

    .benefit-img__cases {
        display: none
    }

    .benefit-img__karambit {
        left: -16px;
        top: 0;
        width: 80px
    }

    .benefit-img__blured-ak {
        left: 56px;
        top: -48px;
        width: 219px
    }

    .benefit-img__flashbang {
        bottom: -20px;
        left: 0;
        width: 50px
    }

    .benefit-img__neon-ak {
        right: -10px;
        top: 80px;
        width: 331px
    }

    .benefit-img__bullets {
        left: 13px;
        top: -22px
    }

    .benefit-img__navi {
        bottom: -30px;
        left: -8px;
        width: 78px
    }

    .benefit-forze {
        right: -25px;
        top: -16px;
        width: 56px
    }

    .benefit-vp {
        bottom: -49px;
        right: -11px;
        width: 114px
    }

    .benefit__curtain {
        right: -1px;
        top: 0;
        width: 129px
    }

    .benefit__corona {
        left: -11px;
        top: -43px;
        width: 89px
    }

    .benefit__feathers {
        animation: feathers 3s ease-in infinite;
        bottom: -46px;
        left: 23px;
        width: 259px
    }

    .benefit__cup {
        height: 173px;
        left: 0;
        top: 48px
    }

    .benefit__diamonds {
        left: 12px;
        top: 38px;
        width: 79px
    }

    .benefit__18-rank {
        display: none
    }

    .benefit__10-rank {
        left: auto;
        right: 34px;
        width: 64px
    }

    .benefit__4-rank {
        left: 8px;
        top: 78px;
        width: 41px
    }

    .benefit__19-rank {
        right: 2px;
        top: -20px;
        width: 80px
    }

    #video-clipper img,
    #video-compare-container>img {
        object-fit: cover
    }
}

.premium-price-value img {
    height: 21px;
    left: 8px
}

.premium-price-value-price {
    float: left
}

#mode__modal {
    position: relative
}

.footer {
    flex-shrink: 0;
    margin-top: 40px;
    width: 100%
}

.footer .flex-wrap {
    align-items: center;
    display: flex;
    gap: 0;
    height: 100%;
    justify-content: center;
    overflow: auto;
    padding-bottom: 40px;
    width: 100%
}

.footer__sponsors {
    position: relative;
    text-align: center;
    width: 100%
}

.footer__sponsors img {
    background: 0 0;
    border-radius: 12px;
    max-height: 80px;
    max-width: 170px;
    opacity: .1;
    transition: .3s
}

.footer__sponsors a:hover img {
    filter: grayscale(24%);
    opacity: 1;
    transition: .3s
}

.footer__navigation {
    border-top: 1px solid #1c2127;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 96px 80px;
    row-gap: 80px;
    width: 100%
}

.footer__sponsors {
    padding-left: 60px;
    padding-right: 60px
}

.footer__logo img {
    height: 30px;
    margin-top: 3px
}

.footer__sponsors a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 86px
}

.footer__nav-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__nav-list li {
    color: #9a9fa9;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    transition: filter .2s ease
}

.footer__nav-list li:hover {
    filter: brightness(125%)
}

.footer__socials {
    display: flex;
    gap: 12px
}

.footer__socials img {
    transition: all .3s;
    transition: filter .2s ease;
    width: 100%
}

.footer__socials a {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px
}

.footer__socials a:hover img {
    filter: brightness(135%)
}

.benefit__diamonds {
    animation: imgScale 4s infinite
}

.benefit-img__bullets {
    animation: bullets 4s infinite
}

.benefit__18-rank {
    animation: rankRotation 4s ease infinite
}

.benefit__10-rank {
    animation: lowerRankRotation 4s ease infinite
}

.benefit-img__flashbang {
    animation: flashRotation 5s ease infinite
}

.benefit-img__blured-ak {
    animation: akRotation 5s ease infinite
}

#premium-modal .premium-version {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin: 35px 0 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 2s
}

.lite-premium-modal .premium-version {
    color: #32a0ef
}

.full-premium-modal .premium-version {
    color: #eda231
}

#premium-modal .premium-period {
    color: #9d9ea0;
    font-size: 14px;
    line-height: 23px;
    transition: all 5s
}

#premium-modal .premium-period,
.premium-modal__title {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.premium-modal__title {
    color: #e6e6e6;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all .5s
}

.premium-modal__corona {
    transform: translateY(40px);
    transition: all 1s
}

.lite-premium-modal .premium-modal__corona,
.premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-modal .premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-modal__close {
    background: #0000;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    margin: 35px auto 0;
    opacity: 0;
    text-align: center;
    transition: all 1s;
    width: 144px
}

.lite-premium-modal .premium-modal__close {
    border: 1px solid #32a0ef
}

.full-premium-modal .premium-modal__close {
    border: 1px solid #f08e33
}

.premium-modal__left-bg {
    left: 0;
    transform: translateX(-100%)
}

.premium-modal__left-bg,
.premium-modal__right-bg {
    animation: bgPulsing 1.5s infinite;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 1s
}

.premium-modal__right-bg {
    right: 0;
    transform: translateX(100%)
}

.avatar.premium-lite {
    border: 2px solid #6080ff !important
}

.container-border-bottom {
    border-bottom: 1px solid #1b2027;
    margin-bottom: 20px;
    padding-bottom: 20px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}

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

.drop-modal__wrapper,
.premium-renew-modal__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    mix-blend-mode: normal;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999
}

.premium-renew-modal__wrapper {
    background: #080c11e6;
    transition: opacity .3s
}

.drop-modal__wrapper,
.modal__overlay_CASE_MODAL>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #0f141bd9
}

#premium-renew-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.premium-time-left {
    background: #151f36;
    border-radius: 4px;
    color: #e4eaff;
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 42px auto 10px;
    opacity: 0;
    padding: 9px 19px;
    text-transform: uppercase;
    transform: translateY(20px);
    transition: all 1s ease
}

.premium-renew__corona {
    display: block;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease
}

.premium-renew__title {
    font-family: Roboto Condensed;
    font-size: 78px;
    font-weight: 700;
    line-height: 91px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s ease
}

.premium-renew__title-wrapper {
    margin-bottom: 20px
}

.premium-renew__title-wrapper .side-span {
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    width: 0
}

.lite-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #32a0ef
}

.full-premium-renew-modal .premium-renew__title-wrapper .side-span,
.premium-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #eda231
}

.premium-renew__title-wrapper .side-span:first-child {
    left: -42px;
    transform: translateY(-50%) translateX(-100%)
}

.premium-renew__title-wrapper .side-span:last-child {
    right: -42px;
    transform: translateY(-50%) translateX(100%)
}

.lite-premium-renew-modal .premium-renew__title {
    color: #32a0ef
}

.full-premium-renew-modal .premium-renew__title,
.premium-premium-renew-modal .premium-renew__title {
    color: #eda231
}

.lite-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-renew-modal .premium-renew__corona,
.premium-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-renew__buttons {
    opacity: 0;
    text-align: center;
    transform: translateY(-10px);
    transition: all 1s ease
}

.premium-renew__buttons a,
.premium-renew__buttons button {
    border-radius: 7px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 15px 21px;
    text-transform: uppercase;
    transition: all .2s ease
}

.premium-renew-btn {
    background: #0000
}

.lite-premium-renew-modal .premium-renew-btn {
    border: 1px solid #32a0ef
}

.lite-premium-renew-modal .premium-renew-btn:hover {
    background-color: #32a0ef26;
    box-shadow: 0 5px 20px #32a0ef2e
}

.full-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.full-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.premium-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-notify-later-btn {
    background: #0d161f;
    border: 1px solid #0000
}

.premium-notify-later-btn:hover {
    filter: brightness(125%)
}

.dont-notify {
    color: #e6e6e680;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    opacity: 0;
    text-align: center;
    text-decoration-line: underline;
    transition: all 1s ease
}

.premium-renew__appear {
    opacity: 1;
    transform: translateY(0)
}

#unmodals {
    position: absolute;
    z-index: 99999
}

#deposit__modal {
    position: relative
}

h2.deposit__title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 135%;
    opacity: 1;
    text-transform: uppercase
}

h3.deposit__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 28px;
    opacity: .7;
    text-align: left;
    text-transform: uppercase
}

.deposit__types-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.deposit__payment-systems-wrapper {
    margin-bottom: 24px
}

.deposit__balance-modal,
.deposit__prem-modal {
    align-items: flex-start;
    background: #141c25;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 35px
}

.deposit__balance-modal {
    border-radius: 12px;
    width: 720px
}

.deposit__prem-modal {
    border-radius: 0 12px 12px 0;
    margin-left: 10px;
    width: 553px
}

.deposit__balance-modal>div,
.deposit__prem-modal>div {
    width: 100%
}

.payment-providers-list {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    height: 350px;
    overflow-y: scroll;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.payment-providers-list:not(:first-child) {
    display: none
}

.deposit-pay-system {
    align-items: center;
    background: #19212c;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    transition: all .2s ease
}

.deposit-modal__content {
    margin-top: 30px;
    width: 100%
}

.deposit-converter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.deposit__convert-bar {
    display: block;
    display: grid;
    float: left;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.deposit__convert-bar,
.deposit__phone-number {
    background: #19212c;
    border-radius: 10px;
    height: 56px;
    position: relative;
    width: 100%
}

.deposit__phone-number {
    align-items: center;
    display: none;
    margin-bottom: 20px;
    overflow: hidden
}

.deposit__phone-number-img {
    align-items: center;
    background: #222f3f;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50px
}

.deposit-foot__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.deposit__phone-number-img img {
    opacity: .5;
    width: 20px
}

.code-input__wrapper input,
.deposit__convert-bar input,
.deposit__phone-number input {
    background: #0000;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    outline: none;
    padding-top: 13px;
    position: relative;
    transition: all .2s;
    width: 100%
}

.code-input__wrapper input+label,
.deposit__convert-bar input+label,
.deposit__phone-number input+label {
    color: #acb6e08f;
    font-family: Roboto;
    font-size: 9px;
    font-weight: 500;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: all .2s
}

.code-input__wrapper input:focus,
.deposit__phone-number input:focus {
    padding-top: 0
}

.code-input__wrapper input:focus+label,
.deposit__phone-number input:focus+label {
    opacity: 0
}

input.rubles-input+label {
    padding-left: 40px
}

.deposit__convert-bar input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.deposit__convert-bar input::-webkit-inner-spin-button,
.deposit__convert-bar input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.deposit__convert-bar input:focus,
.deposit__convert-bar input:hover {
    border: 0
}

.convert-indicator {
    align-items: center;
    background: #151f2c;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.converter__cybercoins,
.converter__rubles {
    align-items: center;
    display: flex;
    padding: 0 30px;
    width: 100%
}

.deposit-modal-button {
    background: #6080ff;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    transition: all .2s;
    width: 100%
}

.deposit-modal-button:hover {
    filter: brightness(110%)
}

.deposit__premium-plans {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
    width: 100%
}

.deposit__premium-plans>div {
    display: block;
    height: 158px;
    padding: 19px;
    width: 210px
}

.deposit__premium-price,
.deposit__premium-title {
    align-items: center;
    display: flex
}

.deposit__premium-title {
    justify-content: space-between;
    margin-bottom: 25px
}

.deposit__premium-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 135%;
    text-transform: capitalize
}

.deposit__premium-price {
    font-size: 18px;
    font-weight: 700
}

.price-currency {
    margin-right: 5px;
    width: 15px
}

.deposit__code-inputs {
    grid-gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1.3fr
}

.code-input__wrapper {
    background: #19212c;
    border-radius: 10px;
    height: 56px
}

.code-input__wrapper input,
.deposit__phone-number input {
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    text-transform: uppercase
}

.code-input__wrapper input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.save-code {
    background: #6080ff33;
    border-radius: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 32px
}

.save-code:hover {
    background: #6080ff59;
    transition: .3s
}

.deposit__buy-premium {
    margin-left: 0;
    margin-top: 67px;
    width: 100%
}

.choosen-payment-provider {
    border-bottom: 2px solid #6080ff
}

.method__currency {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #26293599;
    border: 1px solid #6875a130;
    border-radius: 6px;
    color: #88969c;
    display: block;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: 120.2%;
    padding: 6px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto
}

.premium__bottom-subscribe button {
    transition: .3s
}

.premium__bottom-subscribe button:hover {
    filter: brightness(110%);
    transition: .3s
}

.event-xp-modal__wrapper {
    background: linear-gradient(1turn, #090e13 -138.15%, #192432 195.71%);
    border-radius: 16px;
    padding: 40px 35px;
    width: 443px
}

.event-xp-modal__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.event-xp-modal__subtitle,
.event-xp-modal__title {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.event-xp-modal__subtitle {
    color: #878787;
    font-size: 15px
}

h4 .new_span {
    background: #ff7d00;
    border-radius: 9px;
    box-shadow: 0 4px 6px #ff7d0033;
    left: 8px;
    padding: 0 6px
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: -webkit-linear-gradient(top, #fff0, #0046ff00 50%, #fff0 51%, #00aeff00);
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#profile__premium-indicator {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    height: 23px;
    justify-content: center;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: -22px
}

.profile__full-prem {
    border: 1px solid #feb611;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.profile__lite-prem {
    border: 1px solid #32a0ef;
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

#profile__premium-indicator img {
    width: 12px
}

#profile__premium-indicator span {
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase
}

.profile__full-prem span {
    color: #feb611
}

.profile__lite-prem span {
    color: #32a0ef !important
}

.player_name_blue {
    color: #1f89d6 !important
}

.header__count-pro svg {
    margin-left: 3px;
    width: 8px
}

.header__count-pro {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 8px;
    width: 100%
}

.header__user {
    cursor: pointer
}

.header__user>div:first-child {
    align-items: center;
    display: flex
}

.header__count-pro {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500
}

.header__deposit {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 14px;
    transition: all .2s ease
}

.header-vip-user {
    border: 2px solid #fdb510
}

.header__notifications>div:first-of-type {
    cursor: pointer;
    position: relative
}

.deauth {
    margin-left: 16px
}

.deauth img {
    cursor: pointer;
    opacity: .5;
    transform: rotate(180deg);
    transition: .3s;
    width: 12px
}

.deauth img.active {
    transform: rotate(0deg)
}

.profileOpen {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.profileOpen:hover {
    background: #273047
}

.header__user:hover .deauth img {
    opacity: 1
}

.online-player__user-img {
    margin-left: 16px
}

.online-player__server-name {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.online-player__server-name img {
    height: 20px;
    margin-left: 6px
}

.premium-main-btn span {
    color: #fdb510;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease
}

#socials,
.premium-main-btn span {
    align-items: center;
    display: flex
}

.icon-slide-left {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}



.icon-slide-left span {
    transition: .25s ease
}

.icon-slide-left:hover span {
    margin-left: 20px
}

.icon-slide-left:hover:after {
    left: 8px
}

.social svg {
    height: 15px;
    opacity: .5;
    transition: .3s
}

.social:hover svg {
    filter: grayscale(0);
    opacity: .8
}

.social img {
    height: 20px;
    width: 20px
}

#socials .social {
    align-items: center;
    display: flex
}

.mode__prime-filter {
    background: #181d23;
    border-radius: 9px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr 2fr;
    height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    width: 240px
}

.prime-filter__btn {
    background: #0000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    transition: all .2s ease
}

.mode__prime-filter img {
    image-rendering: inherit;
    margin-right: 3px;
    top: 1px;
    width: 11px
}

.switch-to-prime {
    border-left: 1px solid #222931;
    border-right: 1px solid #222931
}

.choosen-prime-filter {
    background: #1f2731 !important
}

.shop {
    height: auto !important
}

@keyframes hero1Fading {
    0% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(2)
    }

    60% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero2Fading {
    0% {
        filter: brightness(1)
    }

    10% {
        filter: brightness(1)
    }

    20% {
        filter: brightness(2)
    }

    30% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero7Fading {
    0% {
        filter: brightness(1)
    }

    30% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero4Fading {
    0% {
        filter: brightness(1)
    }

    60% {
        filter: brightness(1)
    }

    70% {
        filter: brightness(2)
    }

    80% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

a.servers-mode__find-btn {
    background: #6080ff;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 41px;
    padding: 11px 0;
    text-align: center;
    transition: all 1s ease;
    width: 107px
}

.servers-mode__find-btn:hover {
    filter: brightness(1.2)
}

@keyframes moveSky {
    0% {
        transform: scale(1) translateX(0)
    }

    50% {
        transform: scale(1.2) translateX(300px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important
}

.closed-server-prime:hover div img,
.closed-server:hover div img {
    opacity: .35 !important
}

a.closed-indicator:hover {
    background: #0000 !important
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659)
}

.block-border-locked {
    background-position: 0 50%;
    background-size: 300% 300%;
    border: 2px solid #91a8b9;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.closed-server-prime .block-border-map {
    background: linear-gradient(0deg, #00173659, #00173659);
    z-index: 6
}



.full-servers__wrapper>div {
    align-items: center;
    display: flex;
    height: 100%
}

.full-servers__amount {
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700
}

.blue-text {
    color: #6080ff
}

.yellow-text {
    color: #fdb510
}

.full-servers__text {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.hide-full-servers__cb {
    align-items: center;
    color: #fff6;
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.hide-full-servers__cb .checkmark {
    height: 15px;
    width: 15px
}

.hide-full-servers__cb .checkmark:after {
    left: 5px;
    top: 2px
}

.full-servers__wrapper>img {
    bottom: 0;
    filter: brightness(.7);
    position: absolute;
    right: 0;
    transition: filter .2s ease
}

.full-servers__wrapper:hover>img {
    filter: brightness(1)
}

.scroll-left-enter {
    transform: translateX(-100%)
}

.scroll-right-enter {
    transform: translateX(100%)
}

.scroll-left-enter-done,
.scroll-right-enter-done {
    transform: translateX(0);
    transition: transform 1s
}

.purchase-title-enter {
    opacity: 0;
    transform: translateY(40px)
}

.purchase-title-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s
}

.opacity-enter {
    opacity: 0
}

.opacity-enter-done {
    opacity: 1;
    pointer-events: all;
    transition: opacity 2s
}

.modal-enter {
    opacity: 0;
    transform: scale(.95)
}

.modal-enter-active {
    transition: all .2s
}

.modal-enter-active,
.modal-enter-done {
    opacity: 1;
    transform: scale(1)
}

.modal-exit-active {
    opacity: 0;
    transform: scale(.95);
    transition: all .2s
}

.modal-exit-done {
    opacity: 0
}

.crown-enter {
    transform: translateY(40px)
}

.crown-enter-done {
    transform: translateY(0);
    transition: transform 1s
}

.scale-enter {
    transform: scaleX(0)
}

.scale-enter-done {
    transform: scaleX(1);
    transition: transform 1s
}

.modal-container-exit {
    opacity: 0
}

.modal-container-exit-done {
    display: none !important
}

.crown2-enter-done,
.slide-from-up-enter-done,
.time-left-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s
}

.cybercoins-input+label:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/general/diamond.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 10px;
    left: calc(100% + 5px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.tooltip {
    display: block !important
}

.online-player__user-img img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.empty-title {
    color: #1e2836;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 10px;
    text-align: center
}

.profile__friend-list__empty,
.profile__inventory__empty,
.profile__payment__empty {
    padding: 70px 0
}

.profile__payment__empty {
    display: flex;
    justify-content: center;
    width: 100%
}

.profile__payment__empty img {
    margin-right: 20px
}

summary {
    outline: none
}

.options>div label,
.options>div select {
    display: block !important
}

details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
    opacity: 0
}

details summary {
    appearance: none;
    -webkit-appearance: none;
    list-style: none
}

.block-servers-players-status {
    max-height: 100%
}

.p-ch-block-upper .active {
    background: #131a22
}

.p-ch-block-upper li:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

#profile-skinchanger-collection {
    display: block
}

.profile__friend-list__empty img,
.profile__inventory__empty img {
    display: block;
    margin: 0 auto
}

.closed-tab {
    display: none
}

#profile-nav .active a {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

#profile-nav .active span {
    border-color: #6080ff
}

.tooltip-flex {
    display: flex !important
}

.live-dot {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

#user {
    display: flex;
    flex-direction: row-reverse
}

nav#user {
    flex-direction: row
}

nav#user,
nav#user>* {
    align-items: center;
    display: flex;
    height: 100%
}

nav#user>* {
    margin: 0 7px
}

.header__deposit svg {
    margin-right: 7px
}

.header__deposit:hover {
    filter: brightness(110%)
}

.header__pro-img {
    align-items: center;
    background-color: #6080ff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 36px
}

#header__user_balance {
    color: #fff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 20px;
    font-weight: 700;
    margin-right: 6px
}

#header__user_balance,
.header__balance {
    align-items: center;
    display: flex
}

.header__balance img {
    height: 16px
}

.header__pro-img img {
    width: 16px
}

.header__online-players__button {
    align-items: center;
    background-color: #1b2229;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    height: 34px;
    transition: .3s;
    width: 80px
}

.header__online-players__button:hover {
    background: #ffffff1a
}

.header__profile {
    align-items: center;
    background: #1b2229;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    width: 35px
}

.header__profile img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.header-pro-user,
.header-talent-user,
.header-vip-user {
    border: 2px solid #fdb510
}

.header-lite-user {
    border: 2px solid #1f89d6
}

.header-none-user {
    border: 2px solid #0000
}

.header__count-notifications,
.header__notifications svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__count-notifications {
    background: #6080ff;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    height: 13px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: -4px;
    width: 13px;
    z-index: 5
}

.header__notifications path {
    transition: all .3s ease
}

.header__notifications>div:hover path {
    fill: #fff
}

.header__pro-online {
    margin-top: 23px
}

.online-player__user img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.online-player__user {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.online-player__user-img:after {
    background: #33ff7b;
    border: 1px solid #21293d66;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.online-player__user-img {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 11px;
    width: 21px
}

.header__online-player-nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500
}

.online-player__server-connect {
    align-items: center;
    background: #5beaae2b;
    border-radius: 5px;
    color: #64d3ab;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 5px 10px
}

.online-player__server-connect img {
    width: 20px
}

.grey-scroll::-webkit-scrollbar-thumb {
    background: #374256
}

.grey-scroll::-webkit-scrollbar {
    background: #181e29;
    width: 4px
}

.grey-scroll::-webkit-scrollbar-thumb {
    border: none !important
}

.online-player__server {
    margin-left: 10px
}

.online-player__server-name {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.header__online-players ul li:hover {
    background: #21293d
}

.header__online-players ul li:hover .online-player__server-name {
    display: none
}

.header__online-players ul li:hover .online-player__server-connect {
    display: flex
}

.premium-main-btn {
    background: #0000;
    border: 1px solid #fdb510;
    border-radius: 5px;
    box-sizing: border-box;
    height: 33px;
    padding: 0 15px;
    transition: all .3s ease
}

.header-prem .premium-main-btn {
    margin-right: 10px
}

.premium-main-btn.prolong {
    width: 150px
}

.premium-main-btn,
.premium-main-btn span {
    align-items: center;
    color: #fdb510;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.header-prem {
    align-items: center;
    display: flex;
    height: 100%
}

.header-prem a {
    height: auto
}

#socials {
    height: 100%
}

button.icon-slide-right:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

button.icon-slide-left {
    overflow: hidden;
    position: relative
}

button button.icon-slide-left span {
    transition: .25s ease
}

button.icon-slide-left:hover span {
    margin-left: 20px
}

button.icon-slide-left:hover:after {
    left: 8px
}

.prolong span {
    text-transform: uppercase
}

button.prolong:hover {
    width: 165px
}

#header-login-btn {
    margin: 0 !important;
    padding: 0 !important
}

.login-btn {
    background: #6080ff;
    border-radius: 6px;
    color: #ffffffe6;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    justify-content: center;
    line-height: 14px;
    padding: 0 10px;
    text-transform: uppercase
}

.login-btn,
.login-btn-wrapper {
    align-items: center;
    display: flex
}

.login-btn-wrapper {
    gap: 14px;
    height: 60px
}

.login-img {
    margin-left: 7px;
    width: 13px
}

.user-theme__VIP #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.user-theme__VIP #profile_user_width_xp {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214)
}

.user-theme__LITE #name_player {
    color: #1f89d6 !important
}

.user-theme__LITE #profile_user_width_xp {
    background: linear-gradient(45deg, #35aaff 33%, #32a0ef 66%, #1f93e6)
}

.user-theme__LITE,
.user-theme__VIP,
.user-theme__banned {
    margin-top: 9px !important
}

.modal__overlay {
    align-items: center;
    background-color: #13161b99;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1201
}

.modal__overlay.transparent {
    background-color: initial
}

.modalShowing_true {
    opacity: 1;
    pointer-events: auto
}

.hide {
    display: none
}

ul#languages {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease
}

.langs:hover ul#languages {
    opacity: 1;
    pointer-events: auto
}

.deposit__types-wrapper>ul {
    width: 100%
}

.hidden-mode-nav {
    opacity: .2 !important
}

.show__nav-btn {
    opacity: .8 !important
}

.timer-block {
    align-items: center;
    display: flex
}

.timer-block>div {
    margin-right: 30px
}

aside#header nav>a:hover img {
    transform: scale(1.08)
}

aside#header nav>a img {
    transition: .3s
}

.header__count-notifications {
    border: 1px solid #030b12
}

.time-block__upper {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.time-block__lower {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    margin-top: 9px;
    text-transform: uppercase
}

.modal-container {
    transition: opacity .5s
}

.modal-container-enter {
    opacity: 0
}

.modal-container-enter-active {
    opacity: 1;
    transition: opacity .5s
}

.premium__bottom-subscribe {
    display: block;
    margin: 0 auto
}

.full-width-btn {
    grid-template-columns: 1fr
}

.premium__bottom-subscribe a {
    height: inherit;
    width: inherit
}

.modal-container-exit {
    opacity: 1
}

.modal-container-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.container>img {
    border-radius: 3px
}

.container {
    margin-bottom: 21px
}

#page-servers-servers {
    grid-template-columns: 1fr 255px
}

.checkmark {
    background: #131a24
}

.container:hover input~.checkmark {
    background-color: #141c25
}

.container input:checked~.checkmark {
    background-color: #1f2534 !important
}

.locations__wrapper {
    background: #12171f;
    padding: 21px 15px;
    transform: translateX(-15px);
    width: 275px !important
}

.locations__wrapper>label {
    display: block !important
}

.options summary p {
    font-weight: 700
}

.locations__wrapper>label:last-of-type {
    margin-bottom: 0
}

.loyalty__progressBox {
    cursor: help;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 16px auto 0;
    width: 300px
}

.loyalty__progressBox .loyalty__progressBg--2f0j {
    cursor: help
}

.table-switcher {
    border: 1px solid #0000;
    border-radius: 7px;
    color: #eaf1fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 13px;
    transition: all .2s ease
}

.table-switcher:not(:last-of-type) {
    margin-right: 5px
}

.table-switcher.active {
    border: 1px solid #6080ff;
    color: #95aaff
}

.blue-scroll::-webkit-scrollbar-thumb {
    background: #6080ff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 32px
}

.blue-scroll::-webkit-scrollbar {
    background: #17202c;
    width: 2px
}

.vc {
    align-items: center;
    display: flex
}

.section-servers-none {
    display: block
}

.online-players__empty {
    color: #8499b9;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    text-align: center
}

.empty-notifications {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.empty-notifications .empty-title {
    color: #f7f9ff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 16px 0 7px
}

.empty-notifications .empty-text {
    color: #d9e1ff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 17px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    width: 165px
}

.empty-notifications img {
    opacity: .2;
    width: 50px
}

#non-prime-servers,
#prime-servers {
    display: block
}

.p_skin_name:after {
    background: #2a68b0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.color-golden .p_skin_name:after {
    background: #fdb510
}

.color-milspec .p_skin_name:after {
    background: #6080ff
}

.color-restricted .p_skin_name:after {
    background: #754de8
}

.color-covert .p_skin_name:after {
    background: #e84d4d
}

.color-consumer .p_skin_name:after,
.color-default .p_skin_name:after {
    background: #ffffff4d
}

.color-classified .p_skin_name:after {
    background: #e44de8
}

.color-industrial .p_skin_name:after {
    background: #2a68b0
}

.p-ch-block-upper li,
.p-ch-block-upper li div {
    width: 100%
}

.hide-full-servers__button {
    align-items: center;
    background: #181d23;
    border-radius: 6px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .5;
    width: 100%
}

.hide-full-servers__button img {
    margin-right: 9px
}

.hide-btn-true {
    opacity: .8
}

.shop__aside-sort {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    height: 67px;
    width: 100%
}

.shop__aside-sort>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.shop__aside-sort>div:first-child {
    justify-content: flex-start;
    padding-left: 30px
}

div.skinchanger__setting-block {
    align-items: center;
    background: #6666661f;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .3s ease;
    width: 29px !important;
    z-index: 5
}

.skinchanger__setting-block.gear {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

.skin__side-choice {
    opacity: 0;
    transition: all .3s ease
}

.skinchanger__setting-block.apply {
    display: none;
    left: auto;
    right: 10px
}

.skin:hover div.skinchanger__setting-block {
    display: flex
}

.skinchanger__setting-block img {
    margin-top: 0 !important;
    top: 0 !important
}

.skin>div.disable {
    background: #6663 !important;
    cursor: not-allowed !important
}

.hidden-online {
    display: none
}

.mode-badge {
    background: #fdb51026;
    border-radius: 5px;
    color: #fdb510;
    display: flex;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    pointer-events: none;
    text-transform: uppercase
}

.trending-badge {
    background: #fd821026;
    color: #fd8210 !important
}

.trending-badge svg {
    margin-right: 4px;
    width: 13px
}

.quick_start {
    margin-bottom: 20px
}

.mode-badge img {
    margin-right: 4px;
    width: 12px
}

.no-servers-title {
    font-family: Roboto Condensed;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

.no-servers-descr {
    color: #fff6;
    font-size: 14px;
    margin: 15px 0 38px
}

.section-servers-none button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 16px 36px;
    text-transform: uppercase
}

.section-servers-none button img {
    margin-right: 8px
}

.contact-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: center
}

.contact-text {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase
}

.contact-page,
.contact-page>div {
    display: flex;
    flex-direction: column
}

.contact-page>div {
    margin-bottom: 18px
}

.contact-emails {
    margin-top: 17px
}

.email-block span:first-child {
    color: #acb6e080;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 3px
}

.email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.email-block span {
    text-align: center
}

.email-block span:last-child {
    color: #6080ff;
    font-size: 12px
}

.mb35 {
    margin-bottom: 35px
}

.nav-item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 64px
}

.nav-item__m:after {
    content: "Играть"
}

.nav-item__p:after {
    content: "Premium"
}

.nav-item__c:after {
    content: "Соревнования"
}

.nav-item__l:after {
    content: "Помощь"
}

.nav-item__s:after {
    content: "Магазин"
}

.nav-item-wrapper:after {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    left: 100%;
    letter-spacing: .2px;
    line-height: 15px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease;
    width: 100px
}

.logo-wrapper .online {
    opacity: 0;
    transform: translateY(-11px);
    transition: all .1s ease
}

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

.logo-wrapper .logo {
    left: 0;
    position: absolute;
    top: 0
}

.logo-wrapper {
    height: 77px
}

.logo-wrapper .online {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

aside#header .online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.live-dot {
    margin-bottom: 0;
    margin-right: 9px
}

.active .nav-item-wrapper:after {
    color: #6080ff
}

.header-side-left .golden.active {
    border-right: 3px solid #fdb510
}

.premium.active .nav-item-wrapper:after {
    color: #fdb510
}

#profile-nav ::selection {
    background: #0000
}

@media (min-width:2100px) {
    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
    }
}

.stars-for-task {
    color: #7a95ff;
    font-size: 19px;
    font-weight: 700;
    left: 50%;
    letter-spacing: .03em;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%)
}

.rub {
    color: #fdb510;
    margin-left: 5px
}

.unknown-ping {
    display: inline
}

.deposit-notification {
    align-items: center;
    background: #19212c;
    border-radius: 4px;
    color: #ced7fd;
    display: flex;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    height: 43px;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%
}

.deposit-notification img {
    margin-right: 12px;
    width: 20px
}

.support-header {
    align-items: center;
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/bg/support2.png*/
        url() no-repeat 50%/cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 67px 0 76px
}

.support-header h5 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.support-header h2 {
    font-size: 39px;
    font-weight: 900;
    line-height: 46px;
    margin: 8px 0 27px;
    text-transform: uppercase
}

.support-page {
    font-family: Roboto
}

.support-page video,
.support-screen {
    border-radius: 10px;
    display: block;
    margin: 40px 0;
    width: 100%
}

.update-article img {
    border-radius: 10px;
    width: 100%
}

.awssld__content {
    border-radius: 10px
}

.support-search__wrapper input {
    background: #141b24;
    border: none !important;
    border-radius: 9px;
    height: 48px;
    padding: 0 50px 0 25px;
    width: 401px
}

.support-search__wrapper button {
    background: #0000;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.support-page input,
.support-page input::placeholder {
    color: #576375;
    font-size: 14px
}

.general-menu {
    background: #11171f;
    border-radius: 4px;
    padding: 33px 22px
}

#profile .general-menu {
    background: #161c2666
}

.general-menu .active .nav-el {
    background: #d3dcff08;
    color: #6080ff
}

.general-menu .active path {
    fill: #6080ff
}

.general-menu .nav-list {
    border-left: 1px solid #232c38;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-left: 30px;
    padding-top: 10px
}

.nav-list.last {
    margin-bottom: 0
}

.general-menu .nav-list li a {
    color: #d0d6de;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    transition: all .2s ease
}

.general-menu .nav-list li a.selected,
.general-menu .nav-list li a:hover {
    color: #6080ff
}

.general-menu .nav-el {
    align-items: center;
    border-radius: 7px;
    color: #d7d9dc;
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px
}

.general-menu .nav-el svg {
    margin-right: 9px;
    width: 16px
}

.help-menu .nav-el svg {
    height: 24px;
    width: 24px
}

.help-menu .nav-el {
    padding: 9px 15px
}

.achievements,
.settings {
    display: grid;
    padding: 24px
}

.support-content {
    grid-gap: 25px;
    display: grid;
    gap: 25px;
    grid-template-columns: 275px 1fr;
    margin: 0 auto;
    width: 1260px
}

.support-content .general-menu {
    align-self: start;
    position: sticky;
    top: 0
}

.settings {
    margin-bottom: 50px
}

.settings>div {
    align-self: start
}

.settings {
    gap: 25px;
    grid-template-columns: 345px 1fr
}

.achievements {
    gap: 24px;
    grid-template-columns: 348px 1fr
}

.support-page .slick-slider {
    margin: 35px 0;
    transform: translateX(-11px);
    width: calc(100% + 22px)
}

.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slick-prev {
    left: -30px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-next {
    right: -30px
}

.support-article {
    background: linear-gradient(180deg, #11171f 62.96%, #11171f00 90.38%);
    border-radius: 4px;
    padding: 48px 64px;
    width: 100%
}

.support-article__title {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%
}

.support-article-part {
    padding-bottom: 15px;
    padding-top: 20px
}

.support-article-part ul.support__dotted-list {
    padding: 25px 0
}

.support-article-part ul.support__dotted-list li {
    padding-left: 41px
}

.support-article-part ul.support__dotted-list li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 21px;
    position: absolute;
    top: 10px;
    width: 4px
}

.support-article-part ul.definition-list,
.support-article-part ul.punishment-list {
    padding-top: 13px
}

.support-article-part ul.punishment-list li {
    align-items: center;
    color: #888b8f;
    display: flex;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px
}

.support-article-part ul.punishment-list li img {
    margin-right: 13px
}

.support-article-part ul.definition-list li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px
}

.support-article-part ul.definition-list li span {
    color: #5c6bc0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.support-article__img {
    border-radius: 20px;
    margin-top: 30px;
    width: 100%
}

.support-article-part h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .7;
    padding-top: 10px
}

.support-article-part ol {
    margin: 25px 0
}

.support-article-part li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part ol li {
    padding-left: 40px
}

.support-article-part li:not(:last-of-type) {
    margin-bottom: 18px
}

.support-article-part ol li:before {
    background: 0 0;
    background: #19212c;
    border: none;
    border-radius: 4px;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px 7px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: auto
}

.support-article__feedback {
    align-items: center;
    border-top: 1px solid #171e26;
    display: flex;
    height: 104px;
    width: 100%
}

.support-article__feedback h5 {
    font-size: 16px;
    font-weight: 500;
    min-width: 230px;
    opacity: .7
}

.feedback-buttons {
    align-items: center;
    display: flex;
    margin: 0 25px 0 35px
}

.feedback-buttons button {
    background: #18202b;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    width: 69px
}

.feedback-buttons button:first-child {
    margin-right: 5px
}

.support-article__feedback p {
    color: #888b8f;
    font-size: 14px;
    line-height: 21px;
    opacity: .3
}

.support-page button {
    transition: filter .2s ease
}

.support-page button:hover {
    filter: brightness(150%)
}

.support__video span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    opacity: .7;
    transition: all .2s ease
}

.support-article-part .text,
.support-article-part p {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part .text {
    margin-bottom: 20px
}

.support-article-part p a {
    font-size: 14px
}

.ban-dates-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.hash-tag {
    background: #18202b;
    border-radius: 5px;
    color: #5c6bc0 !important;
    font-size: 14px;
    padding: 4px
}

.support-article-part li>img {
    border-radius: 0;
    margin: 0 3px;
    width: 15px
}

.support__social-link {
    font-size: 13px;
    margin-left: 10px;
    top: -2px
}

.support__social-link,
.support__social-link:hover {
    color: #5c6bc0;
    text-decoration-line: underline
}

.support__social-link img {
    border-radius: 0;
    margin-right: 7px;
    top: 5px;
    width: 16px
}

.support-search-item {
    margin-bottom: 35px
}

.support-search-item h3 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.support-search-item span {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

@media (max-width:1670px) {
    .slick-next {
        right: -10px !important
    }

    .slick-prev {
        left: -10px !important
    }
}

.support-menu__arrow {
    margin-right: 25px;
    transition: all .2s ease
}

.support__video:hover span {
    opacity: 1
}

.ss {
    padding-top: 40px
}

.stretched {
    width: 100%
}

.article-date {
    color: #888b8f;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -50px
}



.location_ping>img {
    top: -14px !important
}

.auto-complete-area {
    background: #141b24;
    border-radius: 0 0 9px 9px;
    display: none;
    padding: 6px 20px 14px 26px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.auto-complete-area span a {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 100%;
    padding: 10px 0
}

.auto-complete-area span p {
    color: #919cab;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap
}

.auto-complete-area span:hover p {
    color: #fff
}

.auto-complete-area span img {
    margin-right: 13px
}

.filled-input {
    border-radius: 9px 9px 0 0 !important
}

.filled-input+.auto-complete-area {
    display: block
}

.lvlup-img {
    width: 80%
}

.awssld__controls {
    position: static
}

.awssld {
    --loader-bar-color: #0000 !important
}

.awssld__controls__arrow-left:after,
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:after,
.awssld__controls__arrow-right:before {
    background-color: #6080ff !important
}

.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: 1 !important
}

.awssld__content {
    background-color: initial
}

.converter__rubles {
    padding-left: 21px
}

.user__popup {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 100%;
    width: 256px
}

.img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px
}

.profile-popup__header:hover .profile-popup__nick {
    color: #fff
}

.profile-popup__header:hover span:last-child {
    color: #c7d3e2
}

.user__popup svg {
    height: 16px;
    width: 16px
}

.profile-popup__premium img {
    height: 16px;
    top: -1px
}

.notifications__main::-webkit-scrollbar-thumb {
    border: none
}

#gift-modal {
    background: #161b25;
    border-radius: 15px;
    font-family: Roboto;
    padding: 45px 40px 40px;
    width: 508px
}

.gift-modal__choose-friends {
    border-radius: 5px;
    display: block;
    font-family: Roboto;
    margin-bottom: 20px
}

.gift-modal__choose-friends ul {
    height: 267px;
    overflow-y: scroll;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.gift-modal__search {
    background: #0000;
    background-size: 16px 16px;
    border: 1px solid #1e2432;
    border-radius: 8px;
    box-shadow: none;
    color: #ccd3e3;
    font-size: 14px;
    height: 50px;
    margin-bottom: 6px;
    padding: 0 50px 0 15px;
    transition: border .3s ease;
    width: 100%
}

.gift-modal__search+img {
    opacity: .8;
    transition: opacity .3s ease
}

input.gift-modal__search::placeholder {
    color: #697183
}

.gift-modal__search:focus,
.gift-modal__search:hover {
    border: 1px solid #273145;
    outline: none
}

.gift-modal__search:focus+img {
    opacity: 1
}

.close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px
}

.close img {
    opacity: .3;
    transition: opacity .2s ease
}

.gift-modal__friend:hover {
    background: #1e2434
}

.gift-modal__friend:hover span {
    color: #adbbcf
}

.close:hover img {
    opacity: 1
}

.gift-modal__enter,
.gift-modal__friend {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 51px;
    justify-content: space-between;
    transition: background .1s ease;
    width: 100%
}

.gift-modal__enter {
    background: #202636;
    margin-bottom: 14px;
    padding: 0 9px 0 13px;
    transition: background .3s ease
}

.gift-modal__enter.focus {
    background: #232a3d
}

.gift-modal__friend {
    background: #181e29;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 13px
}

.gift-modal__choose-friends ul.filled .gift-modal__friend:not(.choosen) {
    opacity: .5
}

.choosen .gift-modal__friend-nick {
    color: #97beb7 !important
}

.gift-modal__friend-nick {
    color: #9296ac;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700
}

.gift-modal__friend-ava {
    border-radius: 50%;
    height: 26px;
    margin-right: 15px;
    width: 26px
}

.gift-modal__friend>img {
    margin-left: 15px;
    transition: all .2s ease
}

.gift-modal__friend.choosen {
    background: #1c2531
}

.gift-modal__enter input {
    background: #0000;
    border: none;
    color: #ccd3e3;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-right: 10px
}

.gift-modal__enter input::placeholder {
    color: #8191a7
}

.gift-modal__enter input:focus,
.gift-modal__enter input:hover {
    border: none
}

.gift-modal__delete {
    background: #0000;
    border-bottom: 1px dashed #6080ff;
    color: #6080ff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 15px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.gift-modal__friend>span {
    align-items: center;
    display: flex
}

.inventroy__gift {
    border-radius: 15px;
    cursor: pointer;
    height: 200px;
    transition: all .2s ease
}

.server-modal__lvl {
    height: 21px
}

.inventroy__gift>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.inventroy__gift h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.server-modal__name {
    max-width: 400px;
    overflow: hidden
}

.server-modal__country {
    border-radius: 50%;
    bottom: -1px;
    height: 11px;
    left: 14px;
    position: absolute;
    width: 11px;
    z-index: 1
}

.inventory__receive-gift {
    background: #0000;
    border: 1px solid #0000;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .3s ease
}

.inventroy__gift.lite .inventory__receive-gift {
    border-color: #2d9df1;
    color: #2d9df1
}

.inventroy__gift.lite .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #0085ff)
}

.inventroy__gift.lite {
    background: linear-gradient(206.87deg, #14162fc4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventroy__gift.lite h2 {
    color: #32a0ef
}

.inventroy__gift.premium .inventory__receive-gift {
    border-color: #fdb510;
    color: #fdb510
}

.inventroy__gift.premium .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #fdb510)
}

.inventroy__gift.premium h2 {
    color: #fdb510;
    max-width: 120px;
    text-align: center
}

.inventroy__gift.premium {
    background: linear-gradient(206.87deg, #231b17c4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventory-gift__image {
    width: 54px
}

.inventroy__gift.lite .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .74))
}

.inventroy__gift.premium .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .74))
}

.inventory-gift__badge,
.inventory-gift__second-badge {
    align-items: center;
    background: #ffffff05;
    border-radius: 12.5px;
    color: #afafaf;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    padding: 5px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.inventory-gift__second-badge {
    left: auto;
    right: 12px;
    text-transform: none
}

.inventory-gift__badge img {
    margin-right: 5px;
    width: 14px
}

.link-enter-img-wrapper {
    background: #353f55;
    border-radius: 4px;
    color: #b5c4d8;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: uppercase;
    transition: all .2s ease
}

.link-enter-img-wrapper:hover {
    background: #ffffff1a
}

.gift-modal__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    width: 100%
}

.gift-modal__empty h2 {
    color: #9ea6be;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 2px;
    margin-top: 20px;
    opacity: .64;
    text-transform: uppercase
}

.gift-modal__empty span {
    color: #475164;
    font-family: Roboto;
    font-size: 14px;
    opacity: .7
}

li.slide {
    margin-bottom: 0 !important
}

.carousel.carousel-slider .control-arrow {
    padding: 50px !important
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0000 !important
}

.server-modal__bg {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.server-modal__bg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.data-one-server-info a,
.table .press-left {
    justify-content: flex-start;
    text-align: left
}

.server-modal__table {
    padding: 0 32px
}

.server-modal__bg .shadow {
    background: linear-gradient(180deg, #11192300 -8.49%, #111923 46.81%);
    height: 259px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.server-modal__header {
    align-items: center;
    display: grid;
    font-family: Roboto;
    grid-template-columns: 1fr 150px 1fr;
    padding: 82px 0 50px
}

.arcade-mode .server-modal__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 0
}

.server-modal__header>div {
    align-items: center;
    display: flex
}

.server-modal__main-info {
    flex-direction: column;
    justify-content: center
}

.server-modal__header-labels {
    display: flex;
    flex-direction: column
}

.server-modal__header>div:first-child .server-modal__header-labels {
    align-items: flex-end
}

.server-modal__header>div:first-child {
    justify-content: flex-end
}

.server-modal__status {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .4;
    text-transform: uppercase
}

.server-modal__side {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.server-modal__header>div>img {
    margin: 0 25px
}

.server-modal__score {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 6px
}

.server-modal__time {
    align-items: center;
    color: #d9e4ff;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.server-modal__time img {
    height: 16px;
    margin-right: 4px
}

.server-modal__connect {
    align-items: center;
    background: linear-gradient(180deg, #1c2334, #1f2739);
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 16px 32px
}

.server-modal__mode {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.arcade-mode .server-modal__connect {
    justify-content: center
}

.server-modal__connect button {
    align-items: center;
    background: #0000;
    display: flex
}

.server-modal__ip {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.server-modal__connect button svg {
    margin-right: 8px;
    width: 18px
}

.server-modal__con {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac !important;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box:not([data-theme]) {

    a,
    div {
        color: #8f96ac
    }
}

.settings-content {
    background: linear-gradient(0deg, #161c2666, #161c2666);
    border-radius: 0 0 4px 4px;
    font-family: Roboto;
    padding: 45px 47px
}

.settings__title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
    width: 100%
}

.settings-row {
    display: flex;
    overflow-x: auto;
    width: 100%
}

.settings__item-description {
    color: #5e6c7e;
    font-size: 14px;
    margin-top: 8px
}

.setting-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.setting-content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.settings-input__change {
    align-items: center;
    background: #0000;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    width: 25px
}

.settings-input.short {
    width: 179px
}

.settings-area:focus,
.settings-area:hover {
    border: 0
}

.settings-input input {
    border: none;
    padding: 0 50px 0 20px;
    width: 100%
}

.settings-input input,
.settings-input input::placeholder {
    color: #d7e8ff99;
    font-size: 14px
}

.settings-input input:focus,
.settings-input input:hover {
    border: none
}

.settings-input__change:hover {
    background: #1d2531
}

.settings__country {
    align-items: center;
    display: flex;
    flex-direction: row !important
}

.settings__country img {
    border-radius: 50%;
    margin-right: 8px;
    width: 16px
}

.settings__country span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.multi-option-buttons__list {
    background: #1f2633;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 105%;
    width: 100%;
    z-index: 2
}

.multi-option-buttons__list button {
    background: #0000;
    color: #9ca4be;
    font-size: 13px;
    padding: 11px;
    text-align: left;
    width: 100%
}

.multi-option-buttons__list .inactive {
    background: #5265852e;
    pointer-events: none
}

.multi-option-buttons__wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    z-index: 2
}

.multi-option-buttons__wrapper:hover .multi-option-buttons,
.multi-option-buttons__wrapper:hover .multi-option-buttons__arrow {
    cursor: pointer;
    filter: brightness(120%)
}

.multi-option-buttons__arrow svg {
    transition: transform .3s ease
}

.multi-option-buttons__arrow svg.active {
    transform: rotate(180deg)
}

.multi-option-buttons__arrow {
    align-items: center;
    background: linear-gradient(180deg, #283243, #2e3a4c);
    border-radius: 0 6px 6px 0;
    display: flex;
    height: 34px;
    justify-content: center;
    transition: filter .2s ease;
    width: 24px
}

.multi-option-buttons {
    background: #5265852e;
    border-radius: 6px 1px 1px 6px;
    color: #9ca4be;
    font-size: 12px;
    padding: 10px;
    transition: filter .2s ease;
    width: 120px
}

.profile-popup__avatar {
    border-radius: 50%;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.profile-popup__header {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Roboto;
    height: auto;
    padding: 18px 24px;
    transition: all .3s ease;
    width: 100%
}

.profile-popup__header>div {
    display: flex;
    flex-direction: column;
    max-width: 130px
}

.profile-popup__header-wrapper {
    background: #273047;
    height: auto
}

.profile-popup__nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease
}

.profile-popup__header span:last-child {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    transition: all .3s ease
}

.ban-badge {
    align-items: center;
    background: #0000;
    border: 1px solid #fe1111;
    border-radius: 5px;
    display: inline-flex;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84));
    height: 23px;
    padding: 0 8px
}

.ban-badge span {
    color: #e50027;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ban-badge img {
    top: -1px
}

.profile-badge img {
    margin-right: 5px
}

.category-filter input:checked+span .lite-badge {
    background: #1d273f;
    color: #6080ff
}

.skinchanger-modal__wrapper {
    background: #171c2a;
    border-radius: 18px;
    padding: 24px;
    width: 398px
}

#skinchanger-modal {
    display: flex;
    position: relative
}

.skin-modal__image {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/skins/grid.png*/
        url() no-repeat 50%/cover;
    display: flex;
    height: 119px;
    justify-content: center;
    margin: 16px 0;
    width: 100%
}

.skin-modal__image img {
    max-height: 80px;
    max-width: 90%;
    opacity: 1;
    transition: opacity .2s ease
}

.skin-modal__image img.limited {
    height: auto;
    max-height: 80%;
    max-width: 192px
}

span.gun-name__name,
span.gun-name__stattrak {
    color: #6080ff
}

.gun-name__stattrak {
    display: none
}

.skinchanger-modal__title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    line-height: 135%;
    margin: 15px 0;
    opacity: .8;
    text-transform: uppercase
}

.skin-modal__stattrak {
    display: flex
}

.skin-stattrak:hover,
.skin-stattrak:hover .stattrak-switcher {
    background: #5d6c923d
}

.skin-modal__stattrak svg path {
    fill: #babfc5
}

.skin-modal__stattrak .choosen-stattrak-option svg path {
    fill: #95aaff
}

.skin-modal__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 18px
}

.skin-modal__title {
    color: #7f8eaa;
    font-size: 15px;
    font-weight: 500;
    text-transform: none
}

.skin-qualities-tabs {
    align-items: center;
    display: flex;
    width: 100%
}

.skin-qualities-tabs li {
    align-items: center;
    background: #182333;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-transform: uppercase;
    width: 20%
}

.skin-qualities-tabs li:first-child {
    border-radius: 7px 0 0 7px
}

.skin-qualities-tabs li:last-child {
    border-radius: 0 7px 7px 0
}

.skin-qualities-tabs li.choosen-skin-quality {
    background: #6080ff;
    color: #fff;
    transition: all .2s ease
}

.skin-modal__float {
    display: flex
}

.skin-float__float {
    align-items: center;
    background: #182333;
    border-radius: 7px;
    color: #ffffffb3;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin-right: 20px;
    min-height: 36px;
    padding: 0 10px;
    text-align: center;
    width: 61px
}

.skin-label-input {
    background: #0000;
    border: 1px solid #91affd1f;
    border-radius: 6px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    height: 42px;
    padding: 0 18px;
    transition: border .2s ease;
    width: 100%
}

.skin-label-input:focus,
.skin-label-input:hover {
    border: 1px solid #91affd4d
}

#skin-modal__save {
    margin-top: 40px
}

#skin-modal__save[disabled] {
    opacity: .5
}

.skin-label-input::placeholder {
    color: #ffffff4d;
    color: #778597;
    font-family: Roboto;
    font-size: 15px
}

.save-input-val {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    height: 30.8px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px
}

.large-uppercase-primary-btn {
    background: #6e93ff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0;
    transition: all .2s ease;
    width: 100%
}

.large-uppercase-primary-btn:hover {
    filter: brightness(110%)
}

.skinchanger__setting-block img {
    width: 15px !important
}

.skinchanger__setting-block.apply img {
    width: 11px !important
}

.border-blinking .skin__side-choice,
.border-blue .skin__side-choice,
.border-golden .skin__side-choice {
    opacity: 1
}

.gift-modal__enter .gift-modal__friend-ava {
    height: 24px;
    width: 24px
}

#application {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop .p_skin_name {
    color: #c8cfdb !important;
    font-weight: 700
}

.s-key-words {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(15px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes highlightBorder {
    0% {
        border-color: grey
    }

    50% {
        border-color: #8080801a
    }

    to {
        border-color: grey
    }
}

@keyframes inner {
    0% {
        fill: red
    }

    33% {
        fill: #fff
    }

    66% {
        fill: #fff
    }
}

@keyframes middle {
    0% {
        fill: #fff
    }

    33% {
        fill: red
    }

    66% {
        fill: #fff
    }
}

@keyframes outer {
    0% {
        fill: #fff
    }

    33% {
        fill: #fff
    }

    66% {
        fill: red
    }
}

@keyframes signal {

    20%,
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes fading {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@keyframes iSkew {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes feathers {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes imgScale {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.9) translateY(-10px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes akRotation {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.95) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bullets {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.97) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes flashRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lowerRankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bgPulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes nonPrem {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(10deg)
    }

    65% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media (max-width:1750px) {
    .footer__navigation {
        grid-template-columns: 300px 1fr
    }

    .footer__sponsors img {
        width: 130px
    }

    .settings__item.adaptive>div {
        margin-bottom: 20px !important
    }
}

@media (max-width:1450px) {
    .support-content {
        grid-template-columns: 275px 1fr;
        padding: 0 50px;
        width: 100%
    }

    .support-content>* {
        width: 100%
    }

    .support-content .general-menu {
        margin-bottom: 25px;
        margin-right: 0;
        position: relative;
        width: 100%
    }

    .visibility .filter-section__title {
        display: none !important
    }

    .footer__sponsors img {
        width: 130px
    }

    .support__video-wrapper:before {
        height: 32px !important;
        width: 32px !important
    }
}

@media (max-width:740px) {
    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }
}

.header__deposit-s {
    bottom: 0;
    left: 0;
    position: absolute
}

.servers-filter {
    position: relative
}

.servers-filter>img {
    position: absolute;
    right: -3px;
    top: -7px
}

.helper-s {
    left: -1px;
    top: -5px
}

.helper-s,
.stars-s {
    position: absolute;
    z-index: 99
}

.stars-s {
    bottom: 0;
    margin-right: 0 !important;
    right: 0;
    top: auto !important;
    width: 101% !important
}

.plan2-s {
    right: 1px;
    top: -6px
}

.plan-s,
.plan2-s {
    position: absolute
}

.plan-s {
    left: 10px;
    top: -9px
}

.friends-s {
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 1
}

.plan-btn-s,
.plan-btn2-s {
    left: 0;
    margin-right: 0 !important;
    position: absolute;
    top: -3px;
    width: 100% !important
}

@font-face {
    font-family: Cybershoke;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG-SVG.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG.210905-1526.woff*/
        url() format("woff")
}

@font-face {
    font-family: Robustik;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/RobustikBold.ttf*/
        url()
}

.cybershoke {
    color: #252c39;
    font-family: Cybershoke;
    font-size: 30px;
    line-height: .9
}

.server-row__faceit {
    padding-left: 32px
}

.limited-length {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.achievements-grid {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-right: 13px;
    width: calc(100% + 13px)
}

.achievements-grid li {
    background: #161b25;
    border: 1px solid #1a1e2d;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 21.5px 20px;
    transition: all .2s ease
}

.achievements-grid li:hover {
    background: #181d27
}

.achievements-grid li h6 {
    color: #91a8b9;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 51px;
    margin-top: 12px;
    text-align: center
}

.achievements-grid li .image {
    height: 128px;
    image-rendering: auto;
    width: 128px
}

.achievements-grid li.none .image {
    opacity: .3
}

.achievements-grid li.gold {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%);
    border: 1px solid #fcc2511a
}

.achievements-grid li.gold h6 {
    color: #fcc251
}

.achievements-grid li.gold .date {
    color: #fee5b4
}

.achievements-grid li.gold .progress:before {
    background: #fcc251;
    max-width: 100%
}

.achievements-grid li.gold:hover {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%)
}

.achievements-grid li.silver {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%);
    border: 1px solid #a5c9ff33
}

.achievements-grid li.silver h6 {
    color: #a5c9ff
}

.achievements-grid li.silver .date {
    color: #d6e7ff
}

.achievements-grid li.silver .progress:before {
    background: #a5c9ff;
    max-width: 100%
}

.achievements-grid li.silver:hover {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%)
}

.achievements-grid li.bronze {
    background: linear-gradient(27.76deg, #774e3733 19.12%, #191e2833 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.bronze h6 {
    color: #d48f71
}

.achievements-grid li.bronze .date {
    color: #eccec0
}

.achievements-grid li.bronze .progress:before {
    background: #d48f71;
    max-width: 100%
}

.achievements-grid li.bronze:hover {
    background: linear-gradient(27.76deg, #774e3733 30.12%, #191e2833 65.52%)
}

.achievements-grid li.diamond {
    background: linear-gradient(27.76deg, #27465e 19.12%, #1c2939 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.diamond h6 {
    color: #52b1e0
}

.achievements-grid li.diamond .date {
    color: #34bcff
}

.achievements-grid li.diamond .progress:before {
    background: #52b1e0;
    max-width: 100%
}

.achievement-among-friends {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.achievement-among-friends>div {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.achievement-among-friends span {
    color: #3f4551;
    font-size: 12px;
    line-height: 16px;
    margin-left: 9px
}

.achievement-among-friends a {
    color: #969ca7;
    font-size: 12px;
    text-decoration-line: underline;
    transition: color .2s ease
}

.achievement-among-friends a:hover {
    color: #6080ff
}

.achievement__friend {
    background: #161c26;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px
}

.achievement__friend img {
    border-radius: 50%;
    width: 100%
}

.achievement__friend:first-of-type,
.achievement__friend:nth-of-type(2) {
    margin-left: -8px
}

.title {
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.warning-label-wrapper {
    margin-bottom: 20px
}

.warning-label {
    background: #321919;
    border-radius: 6px;
    padding: 15px 20px;
    width: 100%
}

.warning-label div {
    align-items: center;
    display: flex
}

.warning-label img {
    margin-right: 10px;
    width: 14px
}

.warning-label span {
    color: #fdcece;
    font-size: 13px;
    font-weight: 500
}

img.warning-close {
    cursor: pointer;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.footer-socials-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-payments {
    align-items: center;
    display: flex;
    gap: 6px
}

.footer-payments svg {
    filter: brightness(50%);
    height: 16px;
    transition: filter .2s ease
}

.footer-payments svg:hover {
    filter: brightness(100%)
}

.footer-lang {
    align-items: center;
    background: #141926;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 12px
}

.dropdown.type-footer {
    background: #141926;
    bottom: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    top: auto;
    width: 131px
}

.dropdown.type-footer li {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.dropdown.type-footer img {
    margin-right: 10px;
    width: 15px
}

.footer-lang__current {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.footer-lang__current img {
    width: 18px
}

.unauth .footer {
    height: 280px
}

.footer-right {
    display: flex;
    flex-wrap: wrap;
    gap: 106px
}

.footer__logo {
    display: flex;
    gap: 30px;
    padding-right: 10px
}

.footer-company {
    width: 225px
}

.footer-company h5 {
    color: #727783;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px
}

.footer-company h6,
.footer-company span {
    color: #515766;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.footer-company span {
    text-transform: none
}

.footer-company h6 {
    font-weight: 600
}

g[opacity="0.3"] {
    display: none;
    opacity: 0
}

.star-image {
    opacity: .34
}

.aic {
    align-items: center;
    display: flex
}

.roulette__letter {
    color: #6080ff;
    font-family: Cybershoke;
    font-size: 40px
}

.skinchanger-modal__stickers {
    background: #171c2a;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 6px;
    padding: 24px;
    width: 386px
}

.skinchanger-modal__stickers input {
    border: 1px solid #91affd1f;
    border-radius: 6px
}

.stattrak-switcher {
    background: #5265852e;
    border-radius: 4px;
    height: 25px;
    position: relative;
    transition: background .2s ease;
    width: 42px
}

.stattrak-switcher span {
    background: #9ea7be;
    border-radius: 4px;
    height: 17px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 17px
}

.skin-stattrak {
    align-items: center;
    background: #5d6c921f;
    border-radius: 5px;
    color: #7f8eaa;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    height: 38px;
    padding: 0 10px 0 14px;
    transition: all .2s ease
}

.skin-stattrak.active {
    background: #6080ff1f;
    color: #6080ff
}

.skin-stattrak.active .stattrak-switcher {
    background: #6080ff1f
}

.skin-stattrak.active .stattrak-switcher span {
    background: #6080ff;
    transform: translateX(100%)
}

.skin-label-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.skinchanger-stickers-list-wrapper {
    height: 470px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.skinchanger-stickers-list-wrapper.locked {
    opacity: 1;
    overflow: hidden
}

.skinchanger-stickers-list-wrapper.locked .skinchanger-stickers-list {
    opacity: .2
}

.skinchanger-stickers-list-wrapper::-webkit-scrollbar {
    width: 4px
}

.skinchanger-stickers-list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.skinchanger-stickers-list li {
    background: #91affd0d;
    border-radius: 6px;
    cursor: pointer;
    height: 80px;
    transition: background .2s ease
}

.skinchanger-stickers-list li:hover {
    background: #91affd1a
}

.skinchanger-stickers-list li>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center
}

.skinchanger-stickers-list li img {
    height: 45px
}

.skinchanger-stickers-list li span {
    color: #d3ddeb;
    font-size: 10px;
    font-weight: 400;
    max-width: 60px
}

.sticker-img-wrapper {
    display: flex;
    justify-content: center;
    width: 60px
}

.skin-dot-wrapper {
    align-items: center;
    background: #6080ffa6;
    border: 1px solid #0000;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: flex;
    height: 17px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    width: 17px;
    z-index: 1
}

.skin-dot-wrapper img {
    opacity: 1 !important;
    width: 7px
}

.skin-dot-wrapper.picked-dot {
    background: #cb4545a6
}

.skin-dot-wrapper.picked-dot img {
    display: block
}

.skinchanger-sticker-mode .skin-modal__image img {
    opacity: .3
}

.skinchanger-sticker-mode .skin-dot-wrapper {
    opacity: 1;
    pointer-events: all
}

li.choosen-sticker {
    background: #91affd29
}

#skinchanger-modal .tippy-box {
    background: #131b26;
    border: 1px solid #6080ff;
    border-radius: 8px
}

#skinchanger-modal .tippy-box div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#skinchanger-modal .tippy-box span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

#skinchanger-modal .tippy-box button {
    background: #0000;
    color: #6080ff;
    font-size: 11px;
    font-weight: 500
}

.drop-tags {
    justify-content: center
}

.drop-tags,
.drop-tags li {
    align-items: center;
    display: flex
}

.drop-tags li {
    background: #131c30;
    border-radius: 4px;
    color: #e4eaff;
    font-weight: 700;
    margin: 0 5px 20px;
    opacity: .9;
    padding: 9px 19px;
    text-transform: uppercase
}

.drop-tags li img {
    margin-right: 7px;
    width: 12px
}

.back-light {
    position: relative
}

.back-light:before {
    background: #f79133;
    content: "";
    display: block;
    filter: blur(25px);
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.back-light.prize_color-consumer:before,
.back-light.prize_color-industrial:before {
    background: #2a68b0
}

.back-light.prize_color-restricted:before {
    background: #754de8
}

.back-light.prize_color-milspec:before {
    background: #6080ff
}

.back-light.prize_color-covert:before {
    background: #e84d4d
}

.back-light.prize_color-classified:before {
    background: #e44de8
}

.back-light.prize_color-golden:before {
    background: #f79133
}

.skin-modal__side {
    bottom: 10px;
    color: #7f8eaa;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.sticker-dots {
    left: 0;
    position: absolute;
    top: -18px
}

.skin-modal__installed-stickers {
    bottom: 8px;
    left: 10px;
    position: absolute;
    z-index: 1
}

.skin-modal__installed-stickers img {
    height: 24px;
    margin-right: 6px;
    max-width: 100%;
    opacity: .3
}

.skin-modal__installed-stickers img:hover {
    cursor: pointer;
    opacity: 1
}

input.skin-float-range {
    -webkit-appearance: none;
    appearance: none;
    background: #91affd0d;
    border: none
}

input.skin-float-range:focus,
input.skin-float-range:hover {
    border: none
}

input.skin-float-range::-webkit-slider-thumb {
    background: #6080ff
}

.bans-table {
    margin-bottom: 50px;
    width: 100%
}

.bans-table tr {
    background: #0000;
    display: grid;
    grid-template-columns: 1fr 180px
}

.bans-table tr:nth-of-type(2n-1) {
    background: #141b2399
}

.bans-table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.bans-table td {
    font-size: 16px
}

.bans-table td,
.bans-table th {
    align-items: center;
    display: flex;
    height: 55px
}

.bans-table td:first-child,
.bans-table th:first-child {
    padding-left: 35px
}

.bans-table td:last-child,
.bans-table th:last-child,
.timer-divider {
    justify-content: center
}

.timer-divider {
    align-items: center;
    color: #d8e4f8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    opacity: .2;
    width: 15px
}

.skinchanger__setting-block img {
    pointer-events: none
}

.skin-modal__gun-name {
    color: #d3ddeb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

img.highlight-sticker {
    opacity: 1 !important
}

.skin-configurators {
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.skin__applied-stickers {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.skin__applied-stickers img {
    margin-top: 10px;
    max-height: 25px;
    max-width: 17px;
    object-fit: contain
}

div.skin__side-choice {
    align-items: center;
    display: flex;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important
}

div.skin__side-choice>div:first-child {
    margin-right: 5px
}

.superbonus-word {
    transition: all .3s ease
}

.superbonus-word .blue-letter {
    color: #6080ff
}

.unactive-side {
    opacity: .3 !important
}

.shaking-button {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation-fill-mode: forwards;
    perspective: 1000px;
    transform: translateZ(0)
}

.skin-modal__title {
    align-items: center;
    display: flex
}

.skin-modal__title img {
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.skin-modal__title div {
    color: inherit;
    cursor: pointer;
    transition: color .2s ease
}

.skin-modal__title div:hover {
    color: #fff
}

.float-info {
    cursor: pointer
}

.float-tippy__content {
    font-size: 13px;
    line-height: 22px;
    padding: 6px
}

.float-tippy__content span {
    color: #e0e7ff
}

.stickers-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.stickers-frame h3 {
    color: #9ea6be;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 9px;
    margin-top: 27px;
    text-transform: uppercase
}

.stickers-frame span {
    color: #d9e1ff;
    font-size: 14px;
    line-height: 19px;
    opacity: .3;
    text-align: center
}

.roulette-item__img-wrapper {
    align-items: center;
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/wheel/bg/cybershoke.png*/
        url() no-repeat 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.roulette-item__label {
    color: #d39a52;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase
}

.settings__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.settings__item>button {
    margin-left: auto
}

.settings__item>button,
.settings__item>button a {
    background: #0000;
    color: #6080ff;
    font-size: 16px;
    font-weight: 500
}

.settings__item>button[disabled] {
    color: #8aa2b666
}

.profile-header__btn {
    background: #6080ff14;
    border-radius: 6px;
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    white-space: nowrap
}

.settings-sub__content {
    align-items: center;
    background: #d3dcff05;
    border-radius: 5px;
    display: flex;
    padding: 24px 21px 24px 33px;
    width: 100%
}

.settings-sub__content img {
    margin-right: 64px;
    width: 144px
}

.settings-sub__content>button {
    background: #1e242d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    margin-left: auto;
    padding: 13px 40px
}

.settings-sub__content div {
    display: flex
}

.settings-sub__content>div {
    align-items: center
}

.settings-sub__block {
    display: flex;
    flex-direction: column
}

.settings-sub__block:not(:last-child) {
    margin-right: 64px
}

.settings-sub__block span:first-child {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.settings-sub__block span:last-child {
    align-items: center;
    color: #87898d;
    display: flex;
    font-size: 15px;
    line-height: 18px
}

.settings-sub__block span:last-child img {
    margin-left: 4px;
    width: 14px
}

.settings-empty {
    color: #888b8f;
    font-size: 16px
}

.settings-table {
    width: 100%
}

.settings-table th {
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.settings-table .cell-with-flag img {
    margin-right: 10px;
    width: 16px
}

.settings-table td {
    font-size: 14px
}

.settings-table td,
.settings-table th {
    align-items: center;
    display: flex
}

.settings-table td:first-child,
.settings-table th:first-child {
    padding-left: 34px
}

.settings-table td:last-child,
.settings-table th:last-child {
    padding-right: 34px
}

.settings-table tr {
    align-items: center;
    display: flex
}

.settings-table tr:nth-child(2n-1) {
    background: #141b25;
    height: 60px
}

.settings-table tr:nth-child(2n) {
    background: #0000;
    height: 55px
}

.settings__sessions-table .close-session {
    opacity: 0;
    transition: all .2s ease
}

.settings__sessions-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px
}

.settings__sessions-table tr:hover .close-session {
    opacity: 1
}

.settings__transactions-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr .5fr
}

.settings__transactions-table tr:nth-child(2n) {
    height: 76px
}

.settings-area {
    align-items: center;
    background: #161d27;
    border: 0;
    border-radius: 5px;
    color: #d7e8ff99 !important;
    display: flex;
    font-size: 14px;
    max-width: 600px;
    padding: 14px 20px;
    width: 600px
}

.confirm-settings-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 500px
}

.confirm-settings-modal.sm {
    padding: 46px 43px;
    width: 450px
}

.confirm-settings-modal.sm .confirm-settings__content h2 {
    font-size: 20px
}

.confirm-settings-modal.sm .confirm-settings__subtitle {
    color: #adbcd0;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px
}

.confirm-settings__content h2 {
    color: #ecf1f8;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.confirm-settings__subtitle {
    color: #6f7a8c;
    font-size: 15px;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.confirm-settings__subtitle img {
    top: 1px;
    width: 14px
}

.confirm-settings__list {
    margin-top: 41px
}

.confirm-buttons {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.confirm-buttons button {
    background: #0000;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    letter-spacing: .16px;
    text-align: center;
    width: 100%
}

.confirm-buttons button:first-child {
    background: #6080ff;
    color: #fff
}

.confirm-buttons button:last-child {
    border: 1px solid #2e364b;
    color: #a5b2c3
}

.update-modal__content {
    padding: 38px 52px 44px
}

.update-modal__content h2 {
    font-size: 28px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.update-modal__content span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.update-modal__img-wrapper {
    position: relative;
    transition: all .5s ease
}

.update-modal__img-wrapper .flying-image {
    position: absolute
}

.update-modal__image {
    border-radius: 16px 16px 0 0;
    display: block;
    width: 100%
}

#update-modal {
    background: #171c2b;
    border-left: 4px solid #171c2b;
    border-radius: 16px;
    border-right: 4px solid #171c2b;
    border-top: 4px solid #171c2b;
    width: 558px
}

@media(max-width:650px) {
    #update-modal {
        width: 90%
    }
}

.modal-button {
    background: #6080ff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    letter-spacing: .11em;
    text-transform: uppercase;
    width: 100%
}

.update-modal__block {
    align-items: center;
    display: flex;
    margin-top: 25px
}

.update-modal__block img {
    max-width: 23px
}

.update-modal__block div {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.update-modal__content button {
    margin-top: 45px
}

.confirm-settings__list>div {
    align-items: center;
    display: flex;
    padding: 0 40px
}

.confirm-settings__list>div .image-wrapper {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.confirm-settings__list>div img {
    width: 22px
}

.confirm-settings__list>div span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.trade-link {
    border-bottom: 1px solid #9aa7bd;
    color: #9aa7bd;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px
}

.mode__friends {
    align-items: center;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.mode__friends img {
    border: 3px solid #21262f;
    border-radius: 50%;
    margin-left: -8px;
    width: 20px
}

.mode__friends span {
    align-items: center;
    background: #21262f;
    border-radius: 10px;
    color: #7c839c;
    display: flex;
    font-size: 9px;
    height: 20px;
    margin-left: -8px;
    padding: 0 5px
}

.float-dot {
    background: #7f8eaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

#page-servers-home a {
    height: 100% !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important
}

#online-friends-modal {
    background: #101821;
    border-radius: 16px;
    padding: 38px 41px;
    width: 450px
}

#online-friends-modal h2 {
    color: #e6e6e6;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em
}

#online-friends-modal ul {
    max-height: 324px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

#online-friends-modal .online-player__user {
    align-items: center;
    display: flex
}

#online-friends-modal .online-player__server {
    align-items: center;
    display: flex;
    padding-right: 10px
}

#online-friends-modal li {
    background: #131a24;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 51px;
    transition: all .3s ease
}

#online-friends-modal li:not(:last-child) {
    margin-bottom: 10px
}

#online-friends-modal li:hover {
    background: #21293d
}

#online-friends-modal li:hover .online-player__server-name {
    display: none
}

#online-friends-modal li:hover .online-player__server-connect {
    display: flex
}

.friends-modal__subtitle {
    color: #7b828a;
    display: block;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 10px
}

.inventory__device-img {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .54));
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 90%;
    transition: opacity .2s ease
}

.inv-device h2 {
    margin-top: 0
}

#auto-sub-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 800px
}

#auto-sub-modal h2 {
    color: #ecf1f8;
    font-size: 27px;
    font-weight: 900
}

.title-wrapper {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/lite-header.svg*/
        url() no-repeat 50%/cover;
    border-radius: 10px;
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 0 25px
}

.title-wrapper span {
    background: #6080ff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 17px
}

.modal-subtitle {
    color: #e1e6f9;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    max-width: 455px;
    opacity: .7
}

.modal-subtitle a {
    color: #e1e6f9;
    text-decoration: underline
}

.autosub-modal__plans {
    margin-top: 9px
}

.autosub-modal__plans>span {
    color: #d0d5e0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

.autosub-modal__plans>div {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr
}

.autosub-plan__title {
    color: #6080ff;
    display: block;
    font-size: 17px;
    font-weight: 900
}

.autosub-plan__subtitle {
    color: #abbcff;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase
}

.autosub-plan__select {
    align-items: center;
    background: #26394e;
    border-radius: 6px;
    color: #6080ff;
    color: #64d3ab;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 13px 18px 13px 16px
}

.autosub-plan__select img {
    width: 12px
}

.autosub-plan__period {
    color: #adbcd0;
    font-size: 14px;
    margin-top: 15px
}

.choose-sub-period {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: flex-start;
    z-index: 1
}

.choose-sub-period>div {
    width: 100%
}

.choose-sub-period>img {
    margin-right: 16px;
    width: 43px
}

.choose-sub-period span {
    text-align: center
}

.sub-tick {
    background: #5beaae2b;
    border-radius: 5px;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px
}

.sub-tick:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/tick.svg*/
        url() no-repeat 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.autosub-plan {
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.autosub-plan .dropdown {
    left: 0
}

.autosub-plan .choose-sub-period {
    background: #1a202d;
    border-bottom: 1px solid #0000;
    border-radius: 8px;
    padding: 0 28px 0 30px
}

.autosub-plan.active .choose-sub-period {
    background: linear-gradient(197.7deg, #1d2535 9.19%, #20283a 94.29%);
    opacity: 1
}

.autosub-plan.active:before {
    background: #5beaae2b
}

.autosub-plan.monthly {
    cursor: default
}

.autosub-plan.monthly:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #181e29e6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.autosub-plan .autosub-locker {
    align-items: center;
    color: #8fa1b8;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.autosub-plan .autosub-locker img {
    margin-bottom: 14px;
    width: 45px
}

.autosub-sale {
    background: #5beaae2b;
    border-radius: 40px;
    color: #6bcea5;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px
}

#serv-avg-lvl {
    height: 20px;
    position: absolute;
    right: -40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown {
    background: #11171f;
    border-radius: 4px;
    left: 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    z-index: 2
}

.dropdown ul {
    flex-direction: column;
    justify-content: center;
    padding: 8px 0
}

.dropdown li,
.dropdown ul {
    align-items: center;
    display: flex
}

.dropdown li {
    color: #899bb7;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 16px;
    width: 100%
}

.dropdown li,
.dropdown li span {
    transition: all .3s ease
}

.dropdown li:hover,
.dropdown li:hover span {
    color: #fff
}

.dropdown li img {
    margin-right: 10px
}

@media(max-width:650px) {
    .hide-mobile {
        display: none
    }
}

@media (max-width:1100px) {

    .premium-modal__left-bg,
    .premium-modal__right-bg {
        display: none
    }
}

.settings input {
    border: 2px solid #0000
}

.settings input:focus,
.settings input:hover {
    border: 2px solid #3e4852
}

.modal-converter {
    margin-right: 15px
}

.modal-converter span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .2s ease
}

.modal-converter span:hover {
    filter: brightness(120%)
}

.modal-converter>span {
    background: #1e2835;
    border-radius: 6px;
    height: 34px;
    width: 34px
}

.modal-converter img {
    width: 12px
}

.modal-converter div {
    background: #1e2835;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 9
}

.modal-converter div span {
    height: 30px;
    width: 100%
}

.modal-converter div span:not(:first-child) {
    border-top: 1px solid #283243
}

.servers-filter {
    align-items: center;
    background: #11171f;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.filter-section {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 40px
}

.filter-section:first-child {
    min-width: 130px
}

.filter-section label {
    cursor: pointer;
    margin-left: 10px
}

.filter-section.locations .filter-chooses img,
.filter-section.locations ul img {
    border-radius: 50%
}

.filter-section.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex
}

.filter-section__value,
.filter-section__value span {
    color: #c0dcff;
    font-size: 14px;
    font-weight: 500
}

.filter-section__value>img {
    margin-left: 8px
}

.all-servers-grid {
    padding: 20px 40px 40px;
    width: 100%
}

.all-servers-wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 560px;
    width: 100%
}

.grid-type {
    border: 1px solid #1a1e2d;
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    justify-content: space-between;
    margin-right: 32px;
    overflow: hidden;
    width: 128px
}

.grid-type,
.grid-type div {
    align-items: center;
    display: flex
}

.grid-type div {
    height: 100%;
    justify-content: center;
    width: 50%
}

.grid-type .active {
    background: #6080ff1f
}

.grid-type .active img {
    filter: invert(48%) sepia(19%) saturate(3147%) hue-rotate(202deg) brightness(100%) contrast(102%)
}

.servers-helpers {
    align-items: center;
    background: #11171f;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 12px 11px;
    position: relative;
    width: 100%
}

.servers-helper,
.servers-helpers {
    border-radius: 7px;
    display: flex;
    overflow: hidden
}

.servers-helper {
    align-items: flex-start;
    cursor: pointer;
    flex-direction: column;
    height: 86px;
    padding: 22px
}

.servers-helper .bg {
    background: linear-gradient(0deg, #151b23cc, #151b23e6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.servers-helper:hover .bg {
    opacity: .7
}

.servers-helper span {
    color: #d1daff;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 2
}

.premium__down-arrow {
    cursor: pointer;
    margin-top: 85px;
    width: 22px
}

.premium__t-player {
    left: -302px;
    position: absolute;
    top: 42px;
    width: 369px
}

.premium__ct-player {
    height: 758px;
    position: absolute;
    right: -376px;
    top: -20px
}

.autosub-agreement {
    margin-top: 27px
}

.autosub-agreement label {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.autosub-agreement .checkmark,
.autosub-agreement label:hover .checkmark {
    background: #1a2430
}

.autosub-agreement span {
    color: #a8b1bc;
    font-size: 14px;
    font-weight: 400
}

button.participating {
    background: #181f2c !important;
    color: #5d6d8b;
    cursor: not-allowed
}

button.participating img {
    margin-left: 0;
    margin-right: 8px
}

button.participating:hover {
    filter: none
}

a.agreement-link {
    color: #6080ff;
    text-decoration: underline
}

.underline {
    cursor: pointer
}

.underline,
.underline:hover {
    color: inherit;
    text-decoration: underline
}

.autosub__choosen-plan {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 23px;
    padding: 26px 31px
}

.autosub-success,
.autosub__choosen-plan {
    align-items: center;
    background: #19212c;
    border-radius: 5px;
    display: flex
}

.autosub-success {
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 30px
}

.autosub-success .indicator {
    background: #6080ffe6;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px
}

.autosub-success .indicator:after,
.autosub-success .indicator:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.autosub-success .indicator:before {
    background: #6080ff33;
    height: 60px;
    width: 60px
}

.autosub-success .indicator:after {
    background: #6080ff0f;
    height: 96px;
    width: 96px
}

.autosub-success h6 {
    font-size: 25px;
    font-weight: 500;
    margin: 35px 0 8px;
    opacity: .95
}

.autosub-success span {
    color: #a5abbb;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 380px
}

ul.autosub__select-list {
    background: #26394e;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 11px 18px #0f141b40;
    gap: 5px
}

ul.autosub__select-list li {
    display: block
}

ul.autosub__select-list li,
ul.autosub__select-list li div {
    color: #a8c6cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

ul.autosub__select-list li div {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

ul.autosub__select-list li .subtext {
    align-items: center;
    color: #a8c6cd;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 5px
}

.terms-title {
    align-items: center;
    display: flex
}

.terms-title a {
    margin-right: 40px
}

.price-policy {
    background: #11171f;
    border-radius: 25px;
    display: inline-flex;
    margin-top: 40px;
    padding: 55px 40px
}

.price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 33px;
    text-transform: uppercase
}

.price-table {
    width: 659px
}

.price-table th {
    background: #1c25314d;
    font-size: 12px;
    height: 44px
}

.price-table th:first-child {
    border-radius: 7px 0 0 7px
}

.price-table th:last-child {
    border-radius: 0 7px 7px 0
}

.price-table td {
    font-size: 14px
}

.price-table td,
.price-table th {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.price-table tr {
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.price-table tr:nth-child(2n-1) td {
    background: #141b25;
    height: 44px
}

.price-table tr:nth-child(2n-1) td:first-child {
    border-radius: 7px 0 0 7px
}

.price-table tr:nth-child(2n-1) td:last-child {
    border-radius: 0 7px 7px 0
}

.price-table tr:nth-child(2n) td {
    height: 57px
}

.price-table-wrapper:first-child {
    margin-right: 30px
}

.gift-modal__content .content {
    background: linear-gradient(197.7deg, #1a202d 9.19%, #1c2334 94.29%);
    border-radius: 8px;
    padding: 28px
}

.gift-plan__back {
    align-items: center;
    background: #0000;
    border: 1px solid #2e364b;
    border-radius: 6px;
    color: #a5b2c4;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .01em;
    margin-right: 6px;
    padding: 0 26px;
    text-transform: uppercase
}

.gift-plan__back img {
    margin-right: 8px
}

.gift-plan__buttons {
    align-items: center;
    display: flex;
    margin-top: 14px
}

.server-row {
    background: #11171f;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 60px;
    margin-top: 3px;
    overflow: hidden;
    padding: 0 30px 0 33px;
    position: relative;
    width: 100%
}

.server-row online {
    background: #0000004d
}

.server-row div {
    align-items: center;
    display: flex
}

.server-row:before {
    background: linear-gradient(270deg, #11171f 84.7%, #11171f00 157%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1600px;
    z-index: 1
}

.server-row>div {
    z-index: 2
}

.server-row span,
.server-row>div {
    color: #adbcd0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.server-row__bg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 270px
}

.server-row__name span:first-child {
    width: 40px
}

.server-row__faceit img {
    width: 21px
}

.server-row__location img,
.server-row__map img,
.server-row__prime img {
    margin-right: 8px;
    width: 14px
}

.server-row__location img {
    border-radius: 50%;
    height: 14px
}

.server-row__map span {
    max-width: 190px
}

.server-row__ping img {
    margin-right: 10px;
    width: 12px
}

.server-row__btns div {
    background: #b1c3ff0a;
    border-radius: 6.42857px;
    display: flex;
    height: 30px;
    margin-left: auto;
    width: 60px
}

.server-row__btns button {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.server-row__btns button:hover img {
    filter: brightness(0) invert(1)
}

.server-row__btns button:first-child {
    border-right: 1.07143px solid #11171f
}

.react-loading-skeleton {
    height: 64px
}

.servers-filter .dropdown {
    background: #11171f;
    border-radius: 6px;
    box-shadow: 0 4px 45px #00000040;
    width: 220px;
    z-index: 26
}

ul.servers-dropdown {
    padding: 9px 0
}

ul.servers-dropdown li {
    align-items: center;
    color: #858f9dcc;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    height: 33px;
    letter-spacing: .2px;
    padding: 0 15px
}

ul.servers-dropdown li.empty {
    opacity: .3
}

ul.servers-dropdown li span {
    color: #858f9dcc;
    font-size: 12px;
    font-weight: 500;
    max-width: 140px
}

ul.servers-dropdown li span.loc-ping {
    align-items: center;
    color: #fffc;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

ul.servers-dropdown li span.loc-ping img {
    border-radius: 0;
    margin-right: 5px;
    width: 12px
}

ul.servers-dropdown li.choosen {
    background: #161d26;
    position: relative
}

ul.servers-dropdown li.choosen,
ul.servers-dropdown li.choosen span {
    color: #6080ff
}

ul.servers-dropdown li.choosen:after {
    background: #212c3a
        /*savepage-url=//cloud.cybershoke.net/img/icons/servers/tick.svg*/
        url() no-repeat 50%;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

ul.servers-dropdown img {
    margin-right: 10px;
    width: 15px
}

.prime-filter-image {
    margin-right: 8px;
    width: 14px
}

.filter-chooses {
    align-items: center;
    display: flex
}

.filter-chooses img {
    filter: drop-shadow(-2px 0 0 #11171f);
    margin-left: 0;
    width: 18px
}

.filter-chooses img:nth-child(2),
.filter-chooses img:nth-child(3) {
    margin-left: -6px
}

.prime-dropdown li {
    text-transform: uppercase
}

.row-servers__header {
    background: #11171f;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 44px;
    padding: 0 30px 0 33px;
    width: 100%
}

.row-servers__header span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.row-servers__header span img {
    margin-left: 8px;
    width: 6px
}

.row-servers__header span:hover {
    color: #718193
}

.row-servers__header span {
    color: #5e6c7e;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease
}

.row-servers__header div {
    align-items: center;
    display: flex
}

span.lite-badge {
    background: #19222e;
    border-radius: 11.5px;
    color: #637cdd;
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    margin-left: 8px;
    padding: 3px 7px;
    text-transform: uppercase
}

.settings__item-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.settings__item-title h5 {
    color: #8a919d;
    font-size: 16px;
    font-weight: 500;
    width: 340px
}

.settings__item-title span {
    color: #afb7c6;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.settings-connections .settings__item-title {
    margin-bottom: 0
}

.settings-connections .settings__item-title h5 {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.settings-connections .setting-content p {
    color: #dedede;
    font-size: 16px
}

h5.setting-white-title {
    color: #eff3fa;
    font-size: 16px;
    font-weight: 400
}

.connection-img {
    align-items: center;
    display: flex;
    width: 35px
}

.connection-img img {
    max-width: 22px
}

.modal-close {
    cursor: pointer;
    height: 16px;
    opacity: .2;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: opacity .4s ease;
    width: 16px;
    z-index: 1
}

.modal-close.s {
    height: 14px;
    width: 14px
}

.modal-close:hover {
    opacity: 1 !important
}

.modal-close img {
    width: 100%
}

.slick-slide {
    height: 86px
}

.slick-slide:not(:last-of-type) {
    padding-right: 11px
}

.prime-switchers,
.visibility-switchers {
    display: flex
}

.prime-switchers div,
.visibility-switchers div {
    align-items: center;
    background: #c4c4c40d;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 44px
}

.prime-switchers div:first-child,
.visibility-switchers div:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.prime-switchers div:last-child,
.visibility-switchers div:last-child {
    border-radius: 0 4px 4px 0
}

.prime-switchers div img,
.visibility-switchers div img {
    opacity: .4;
    transition: opacity .3s ease
}

.prime-switchers div.active,
.visibility-switchers div.active {
    background: #6980ff
}

.prime-switchers div.active img,
.visibility-switchers div.active img {
    opacity: 1
}

.prime-switchers div:first-child.active {
    background: #2c3f4d
}

.prime-switchers div:last-child.active {
    background: #d8494933
}

.prime-switchers img {
    height: 60%;
    opacity: 1
}

.empty-categories {
    pointer-events: none
}

.empty-categories>span img {
    display: none
}

.tg {
    margin-left: auto
}

.block-border.trending {
    background: #fd8210
}

.release-badge {
    background: #bcc0d21f;
    border-radius: 5px;
    pointer-events: all
}

.grey-badge {
    background: #aecce426;
    color: #aecce4
}

.cfg-row {
    width: 100%
}

.cfg-row,
.cfg-row>div {
    align-items: center;
    display: flex
}

.cfg__name {
    font-size: 16px
}

.cfg__size {
    color: #73777d;
    margin-left: 10px
}

.cfg__img {
    height: 32px;
    margin-right: 22px
}

.cfg__btns img {
    cursor: pointer;
    height: 20px;
    margin-left: 16px
}

.cfg__btns img:hover {
    filter: invert(45%) sepia(88%) saturate(2366%) hue-rotate(212deg) brightness(102%) contrast(101%)
}

.cfg-upload {
    cursor: pointer;
    font-size: 16px
}

.cfg-upload input {
    display: none
}

.category-wrapper>div {
    z-index: 1
}

.servers-grid-PRO-1 .home-body-servers {
    border: 1px solid #ffb660
}

.connection-vis {
    width: 45px
}

.connection-vis img {
    border-radius: none;
    cursor: pointer;
    width: 15px
}

.cfg__btns {
    margin-left: auto
}

.static-header main {
    padding-top: 0
}

.static-header header {
    background: #0000;
    position: absolute
}

.dark-header header {
    background: #0f141b linear-gradient(180deg, #030b12 0, #10151a80 50%, #14191e00 80%)
}

.load-btn {
    display: block;
    margin-top: 20px
}

.support-table {
    margin-top: 20px;
    max-height: 715px;
    overflow: auto;
    padding-right: 19px;
    width: calc(100% + 19px)
}

.support-table table {
    border-collapse: collapse;
    width: 100%
}

.support-table table img {
    min-height: 20px
}

.support-table table tr {
    align-items: center;
    border-radius: 13px;
    display: flex;
    height: 55px;
    justify-content: space-between
}

.support-table table tr:nth-child(2n-1) {
    background: #141b23
}

.support-table table td:first-child,
.support-table table th:first-child {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left
}

.support-table table td:last-child,
.support-table table th:last-child {
    justify-content: flex-end;
    padding-right: 50px;
    text-align: right
}

.support-table table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700
}

.support-table table td {
    align-items: center;
    display: flex;
    font-size: 16px;
    letter-spacing: .12px
}

.premium-sub-modal .title-wrapper {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/premium-header.svg*/
        url() no-repeat 50%/cover !important
}

.premium-sub-modal .title-wrapper span {
    background: #ef8f32 !important;
    padding: 9px 10px !important
}

.premium-sub-modal .autosub-plan__title {
    color: #f39b34
}

.premium-sub-modal .autosub-plan__subtitle {
    color: #ebe1d3
}

.premium-sub-modal .modal-button {
    background: #ef8f32
}

#gift-modal .autosub-sale {
    padding: 3px 9px
}

#gift-modal .title-wrapper {
    height: 73px
}

#gift-modal .title-wrapper h2 {
    font-size: 20px
}

#gift-modal .title-wrapper div {
    align-items: center;
    display: flex
}

#gift-modal .title-wrapper img {
    margin-right: 10px;
    width: 26px
}

#gift-modal .subtitle {
    color: #adbcd0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0 10px
}

#gift-modal .autosub-plan__select {
    margin-top: 0
}

#gift-modal .autosub-plan__select img {
    margin-left: 19px
}

.autosub-crown {
    margin-right: 15px
}

.autosub-crown img {
    width: 43px
}

.gift-sub-until {
    align-items: center;
    border: 1px solid #26394e;
    border-radius: 8px;
    color: #cbd9ec;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.gift-modal__search-wrapper img {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.dark-modal {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0d0f17f5
}

.lighter {
    color: #738092;
    cursor: pointer
}

.allow-bonus .premium__ct-player {
    width: 438px;
    z-index: 1
}

.allow-bonus .premium__t-player {
    position: absolute
}

.list-with-dots {
    margin-bottom: 20px
}

.list-with-dots li {
    margin-bottom: 0 !important;
    padding-left: 24px
}

.list-with-dots li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 3px
}

.gold-text {
    color: #e49635
}

#languages.show-lang {
    opacity: 1;
    pointer-events: all
}

.grey-popup {
    background: #11151d !important;
    border-radius: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.blue+span {
    background: #5e7df833;
    color: #6080ff !important
}

@keyframes animLike {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.animate-like {
    animation: animLike .5s
}

.active .nav-name {
    color: #a0b3ff
}

.golden.active .nav-name {
    color: #fc9537
}

aside#header nav {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-height:1050px) {
    aside#header nav {
        padding-top: 30px;
        position: static;
        transform: none
    }
}

@media (max-height:900px) {
    .nav-name {
        display: none
    }
}

.steam-tippy div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.steam-tippy div:not(:last-child) {
    margin-bottom: 3px
}

.steam-tippy div:hover img {
    filter: brightness(125%)
}

.steam-tippy img {
    cursor: pointer;
    margin-left: 6px;
    transition: filter .2s ease;
    width: 16px
}

.steam-tippy span {
    color: inherit;
    margin-left: 3px;
    -webkit-user-select: all;
    user-select: all
}

#iskinchanger {
    min-height: 500px;
    padding: 16px
}

.tippy-box[data-theme~=headerLink] {
    border-radius: 12px
}

.deposit-pay-system img {
    height: 44px;
    image-rendering: inherit;
    object-fit: scale-down;
    width: 75px
}

.tippy-box[data-theme=skinchanger] {
    background: #22263c;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    padding: 6px
}

.tippy-box[data-theme=skinchanger] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=shop] {
    border-radius: 12px;
    transform: translateY(-95px) translateX(20px)
}

.tippy-box[data-theme=shop] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=missions-drops],
.tippy-box[data-theme=missions] {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 15px;
    box-shadow: 0 8px 12px 0 #080b114d;
    width: 340px
}

.tippy-box[data-theme=missions-drops] .tippy-content,
.tippy-box[data-theme=missions] .tippy-content {
    padding: 16px
}

.tippy-box[data-theme=missions-drops] {
    max-width: none !important;
    width: auto
}

.tippy-box[data-theme=game] {
    background: #0000
}

.tippy-box[data-theme=game] .tippy-content {
    padding: 5px 0 0
}

.tippy-box[data-theme=event] {
    border-radius: 12px;
    transform: translateY(95px) translateX(20px)
}

.tippy-box[data-theme=event] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=event] .arrow {
    bottom: 0;
    top: 37px
}

.tippy-box[data-theme=inventory] {
    background: linear-gradient(0deg, #11151d, #11151d), #fff;
    border-radius: 12px;
    padding: 12px;
    width: 256px;
    z-index: 1
}

.tippy-box[data-theme=inventory] .tippy-content {
    padding: 0
}

.modal__overlay_PREMIUM_ONLY {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #0f141bf2
}

.prem-scroll-trigger {
    top: -500px
}

.custom-tooltip {
    background: #1c2231;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    padding: 10px
}

.custom-tooltip>div {
    align-items: center;
    display: flex;
    justify-content: center
}

.custom-tooltip-sold {
    color: #aab5c6;
    font-weight: 400;
    text-transform: lowercase
}

.custom-tooltip-price {
    color: #ffab3e;
    font-weight: 700
}

.custom-tooltip img {
    height: 16px;
    margin-left: 5px;
    width: 16px !important
}

.apexcharts-tooltip.apexcharts-theme-light {
    background: none !important;
    border: none !important;
    box-shadow: none
}

.helper-img {
    bottom: 0;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: auto
}



.helper>div {
    height: 100%;
    position: static;
    width: 100%
}

.helper h6 {
    color: #e8a176;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 6px
}

.helper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase
}



.helper.pickem-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(142deg, #ffc500 -9.97%, #f29653 50.38%, #e8d740 86.59%, #e2ab5b 125.35%);
    background-clip: text;
    -webkit-background-clip: text
}

.helper.pickem-helper .helper-img {
    bottom: 0;
    height: 110px;
    right: 0
}



.helper.leaderboard-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000
}

.helper.leaderboard-helper .helper-img {
    height: 95px
}

.mode-helper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.mode-helper .helper-content {
    background: linear-gradient(90deg, #232556, #24262db3)
}

.mode-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text
}

.mode-helper p {
    align-items: center;
    display: flex;
    gap: 4px
}

.mode-helper p svg {
    top: -1px;
    width: 22px
}

.helper-content {
    align-items: center;
    display: flex;
    font-family: Gotham;
    justify-content: space-between;
    padding: 0 11px 0 22px
}

.auth-helper__btn {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1f224466;
    border-radius: 10px;
    padding: 14px
}

.auth-helper__btn>img {
    right: 178px
}

.auth-helper__btn button {
    align-items: center;
    background: #6080ff;
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 13px 26px
}

.auth-helper__btn img {
    width: 22px
}

.star-image__modal {
    margin-bottom: 20px
}

.star-image__modal .star-image {
    width: 70px
}

.star-image__modal .stars-for-task {
    font-size: 40px
}

.transaction-date {
    color: #525967
}

.mission-scroll-trigger {
    top: calc(-100vh + 190px)
}

.mission-scroll-trigger2 {
    bottom: calc(100vh + 400px);
    position: absolute
}

.largeConfeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.largeConfeti svg {
    height: 100%;
    width: 100%
}

.confeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 300px;
    z-index: 4
}

.confeti svg {
    height: 100%;
    width: 100%
}

@media(max-width:1000px) {
    main {
        height: calc(100% - 79px)
    }

    .static-header main {
        padding-top: 79px
    }
}

.locked {
    opacity: .5;
    pointer-events: none
}

.Toastify__toast-container {
    width: auto
}

.Toastify__toast {
    border-radius: 8px;
    min-height: 47px;
    padding: 5px 20px 5px 56px
}

.Toastify__toast-theme--warning {
    background: linear-gradient(0deg, #6d3b0d99, #6d3b0d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child {
    color: #eba15d
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/warn-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--error {
    background: linear-gradient(0deg, #69302d99, #69302d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child {
    color: #eb645d
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/fault.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--success {
    background: linear-gradient(0deg, #1b253599, #1b253599), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child {
    color: #dde4ff
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/success-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-body>div:last-child {
    font-size: 16px;
    font-weight: 500
}

.Toastify__toast-body>div:last-child:before {
    content: "";
    display: block;
    height: 14.4px;
    left: -31px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: 14.4px
}

.Toastify__toast {
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
    width: fit-content
}

.Toastify__close-button {
    display: none
}

#premium__combat-player {
    left: -336px;
    position: absolute;
    top: -244px
}

#premium__medic-player {
    position: absolute;
    right: -236px;
    top: -244px
}

.server-modal__unauth {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px
}

.server-modal__unauth h2 {
    font-size: 28px;
    font-weight: 800;
    max-width: 80%;
    text-align: center
}

.server-modal__unauth p {
    color: #b6c0d0;
    font-size: 15px;
    line-height: 140%;
    margin: 14px 0;
    max-width: 80%;
    text-align: center;
    width: 540px
}

.server-modal__unauth button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    padding: 12px 32px
}

.server-modal__unauth button svg {
    width: 24px
}

.banned-friend .block-profile-friends-f-block-img:before {
    background: #e50027 !important
}

.banned-friend .block-profile-friends-f-block-content-name {
    color: #e50027 !important
}

.simplified-footer {
    padding: 48px 0 80px
}

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

.profile-section__header {
    align-items: center;
    background: #161b25;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 36px
}

.profile-section__header h1 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-transform: none
}

.range-slider {
    background: #91affd0d;
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    height: 6px;
    position: relative;
    transition: background .2s ease;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.range-slider-track {
    background-color: #007bff;
    border-radius: 4px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.range-slider-part {
    display: inline-block;
    height: 100%
}

.range-slider-part:first-child {
    border-radius: 4px 0 0 4px
}

.range-slider-part:last-child {
    border-radius: 0 4px 4px 0
}

.range-slider-thumb {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.range-slider-thumb span {
    background: #131825;
    border-radius: 50%;
    display: block;
    height: 6px;
    transition: transform .2s ease;
    width: 6px
}

.range-slider-thumb:hover span {
    transform: scale(1.7)
}

.inactive-sticker {
    opacity: .5
}

.modal-sub-btn {
    align-items: center;
    background: #0000;
    border: 1px solid #f0b358;
    border-radius: 6px;
    color: #ffc875;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    justify-content: center;
    margin-top: 40px;
    padding: 10px 16px;
    width: 100%
}

.modal-sub-btn img {
    width: 24px
}

.opacity-50 {
    opacity: .5;
    transition: opacity .3s ease
}

.rotated {
    transform: rotate(180deg)
}

@media (max-width:1366px) {

    .support-page video,
    .support-screen {
        width: 100% !important
    }

    .support-content {
        grid-template-columns: 1fr
    }

    .ban-dates-img {
        width: 100% !important
    }

    .settings-sub__content,
    .settings-sub__content>div {
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%
    }

    .footer-right {
        row-gap: 50px
    }

    .settings-sub__block:not(:last-child),
    .settings-sub__content>img {
        margin-bottom: 20px
    }

    .settings-sub__content img {
        margin-right: auto !important;
        margin: 0 auto 30px
    }

    .settings-sub__block {
        min-width: 140px;
        width: 100%
    }

    .settings__item {
        flex-direction: column
    }

    .settings-area {
        max-width: 100%;
        width: 100%
    }

    .settings__item>button,
    .settings__item>button a {
        align-items: center;
        background: #161b25;
        border-radius: 6px;
        display: flex;
        height: 48px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .setting-content,
    .setting-content>div {
        width: 100%
    }

    .settings-content {
        padding: 24px
    }

    .settings-connections .settings__item {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content>div {
        width: auto
    }

    .connection-vis {
        margin-right: 15px
    }

    .settings__item-title h5 {
        width: auto
    }

    .tg {
        margin-top: 10px;
        width: 100%
    }

    .settings__item>button[disabled] {
        background: #8aa2b60d
    }

    .general-menu {
        padding: 12px
    }

    .big-desktop-only {
        display: none
    }
}

@media (max-width:1000px) {
    .footer-socials-wrapper {
        align-items: flex-start;
        gap: 30px
    }

    .settings-sub__content div {
        flex-direction: column
    }

    main {
        margin-left: 0;
        padding-top: 79px
    }

    header {
        height: 79px;
        left: 0;
        padding-left: 30px
    }

    #page-servers {
        padding-top: 12px
    }

    .dark-header header,
    .static-header header,
    header {
        background: #131821
    }

    .benefit-img__awp,
    .deauth,
    .header__deposit-wrapper,
    .langs,
    .premium__ct-player,
    .premium__down-arrow,
    .premium__sub-title,
    .premium__t-player,
    .premium__title,
    .profile-socials-wrapper,
    .sidebar-top,
    aside#header .play:after,
    header #socials {
        display: none !important
    }

    .premium-page {
        padding: 16px
    }

    .premium__benefits {
        margin-top: 112px
    }

    .premium__benefit-block {
        gap: 116px;
        margin-bottom: 146px
    }

    .premium__benefit-content {
        margin-bottom: 0 !important;
        max-width: 100%
    }

    .benefit-number {
        left: -50px;
        right: auto;
        top: -200px
    }

    aside#header {
        background: #131821;
        top: auto;
        width: 100%
    }

    aside#header nav {
        flex-direction: row;
        gap: 0;
        position: static;
        transform: none
    }

    .header-side-left {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 21px 16px
    }

    .header-side-left>* {
        margin-bottom: 0;
        width: 100%
    }

    .header-side-left .active,
    .header-side-left>* {
        border-right: none !important
    }

    .nav-name {
        display: none
    }

    .online {
        padding: 0
    }

    #information {
        margin: 0 16px
    }

    #information .avatar {
        height: 100px;
        width: 100px
    }

    #information svg {
        width: 100px
    }

    #profile-main {
        margin-bottom: 16px
    }

    .loyalty__progressBox--2KEX {
        width: 200px
    }

    .settings {
        display: flex;
        flex-direction: column
    }

    .settings>div {
        align-self: auto
    }

    .settings {
        padding: 24px
    }

    .profile-stats-grid {
        grid-template-columns: 1fr 1fr
    }

    .online>span {
        align-items: center;
        display: flex
    }

    .online>span>span {
        margin: 0 6px 0 0
    }

    .sub-tick {
        display: none
    }
}

@media (max-width:840px) {
    .support-header h5 {
        font-size: 14px !important
    }

    .support-header h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important
    }

    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }

    .achievements {
        gap: 16px;
        grid-template-columns: 1fr
    }

    .profile-buttons,
    .server-modal__header-labels {
        display: none
    }

    #deposit__modal {
        padding: 5%
    }

    .payment-providers-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .deposit__balance-modal {
        width: auto
    }

    #serverInfoModal {
        width: 90%
    }

    .p-ch-block-menu {
        height: 200px
    }

    .skinchanger-modal__wrapper {
        padding: 24px;
        width: 100%
    }

    #skinchanger-modal {
        width: 90%
    }

    .skinchanger-modal__stickers {
        display: none
    }
}

@media (max-width:750px) {

    .footer__navigation,
    .footer__sponsors {
        padding-left: 20px;
        padding-right: 20px
    }

    .premium__main-plans {
        align-items: center;
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .support-search__wrapper,
    .support-search__wrapper input {
        width: 100%
    }

    .support-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .support-article {
        padding: 24px
    }

    .support-article__title {
        font-size: 24px
    }

    .servers-filter {
        display: none
    }

    .all-servers-grid {
        padding: 0
    }

    .slick-next:before,
    .slick-prev:before {
        opacity: 1 !important
    }

    #nav-servers {
        display: none
    }

    #page-servers {
        padding: 12px
    }

    #servers {
        padding: 0 15px
    }

    .xp-bar-info {
        font-size: 13px
    }

    #name_player {
        font-size: 35px !important
    }

    .settings__transactions-table .desktop-only {
        display: none
    }

    .settings__transactions-table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        padding: 20px 10px
    }

    .settings-table td:first-child,
    .settings-table th:first-child {
        padding-left: 0
    }

    .transaction-main {
        display: block;
        margin: 10px 0;
        width: 100%
    }

    .settings__transactions-table .skin-name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .support-content {
        padding: 0 16px
    }

    .settings__sessions-table tr {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
        height: auto !important;
        padding: 20px 10px;
        row-gap: 10px
    }

    .settings-table td {
        font-size: 12px
    }

    .settings__sessions-table .close-session {
        opacity: 1
    }

    .settings__sessions-table .desktop-only {
        display: none
    }

    .autosub-sale {
        font-size: 8px
    }

    .scrollable-modal {
        align-items: flex-start;
        overflow-y: auto;
        padding: 24px 0
    }
}

@media (max-width:650px) {

    .autosub-crown,
    .choose-sub-period>img {
        display: none
    }

    .footer__nav-list {
        gap: 35px
    }

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

    .footer__logo span {
        margin-left: 0;
        margin-top: 10px
    }

    .footer__logo {
        align-items: flex-start;
        flex-direction: column
    }

    .support-content .general-menu {
        min-width: auto
    }

    .block-profile-friends {
        padding: 5px
    }

    .page_profile_new #profile-nav a {
        padding: 0 14px
    }

    .page_profile_new #profile-nav {
        padding-left: 16px
    }

    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr))
    }

    .footer .flex-wrap {
        gap: 20px
    }

    .footer__sponsors img {
        width: 110px
    }

    #auto-sub-modal {
        padding: 24px;
        width: 95%
    }

    #auto-sub-modal h2 {
        align-items: flex-start;
        font-size: 20px
    }

    #auto-sub-modal .subtitle,
    .title-wrapper span {
        font-size: 12px
    }

    .autosub-plan__select {
        font-size: 12px;
        padding: 11px 10px
    }

    .autosub-plan .choose-sub-period {
        height: auto;
        padding: 15px
    }

    .autosub-plan .dropdown,
    .dropdown {
        left: auto;
        right: 0
    }

    #gift-modal {
        padding: 20px;
        width: 90%
    }

    .close {
        z-index: 1
    }

    .profile-section__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        height: auto;
        padding: 36px
    }

    .profile-header__btn {
        padding: 12px
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content p {
        font-size: 12px
    }

    .settings__item>button,
    .settings__item>button a {
        font-size: 14px
    }

    #header__user_balance,
    .online>span {
        font-size: 16px
    }

    h2.deposit__title {
        font-size: 20px
    }

    .deposit-notification {
        font-size: 11px;
        height: auto;
        padding: 15px
    }

    .deposit__code-inputs {
        grid-template-columns: 1fr
    }

    .payment-providers-list {
        grid-template-rows: 1fr 1fr;
        height: 170px
    }

    .deposit-modal__content {
        margin-top: 15px
    }

    .deposit-modal-button {
        padding: 14px 0
    }

    .deposit__balance-modal {
        padding: 24px
    }

    .server-modal__header>div {
        flex-direction: column;
        gap: 24px
    }

    .server-modal__header>div:first-child {
        flex-direction: column-reverse
    }

    .server-modal__main-info {
        gap: 6px !important;
        padding: 0
    }

    .server-modal__header {
        grid-template-columns: 1fr 80px 1fr
    }

    .server-modal__con {
        display: none !important
    }

    .server-modal__connect {
        justify-content: center
    }

    #serverInfoModal .desktop-only {
        display: none
    }

    .data-one-server-info tr,
    .table-players-server-header tr {
        grid-template-columns: 64px 92px 60px 1fr
    }

    .modal-button {
        letter-spacing: normal
    }

    .confirm-settings-modal {
        padding: 24px;
        width: 90%
    }

    .confirm-settings__list {
        margin: 24px 0
    }

    .confirm-settings__list>div .image-wrapper {
        height: 30px;
        min-width: 30px;
        width: 30px
    }

    .gift-modal__choose-friends ul {
        height: 160px
    }

    .confirm-settings__content h2 {
        font-size: 20px
    }

    .confirm-settings__list>div {
        padding: 0 20px
    }

    .header__notifications,
    nav#user {
        position: static
    }

    .skinchanger__setting-block.gear {
        opacity: 1
    }

    .timer-block>div {
        margin-right: 10px
    }

    .time-block__upper {
        font-size: 23px
    }

    .time-block__lower {
        font-size: 10px
    }

    #profile-nav {
        overflow-x: auto
    }

    #profile-nav::-webkit-scrollbar {
        display: none
    }
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px
}

.trust-wallet-one-tap .header .title {
    color: #1E2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1E2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;

}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1E2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474D57;
}

.trust-wallet-one-tap .loading-color {
    color: #FFF;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #FFF;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf*/
        url() format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf*/
        url() format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf*/
        url() format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff*/
        url();
}

.ibfrfx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: opacity 0.2s;
    color: inherit;
}

.Bkjgu {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.Bkjgu span {
    border-radius: 4px;
    background: rgba(240, 179, 88, 0.24);
    padding: 0px 6px;
    line-height: 19px;
    color: rgb(240, 179, 88);
    font-size: 10px;
    font-weight: 400;
    margin-left: 2px;
}

@media (max-width: 1750px) {
    .Bkjgu span {
        font-size: 9px;
    }
}

.fmToNy {
    padding: 28px 28px 26px;
    border-radius: 10px;
    background: rgb(24, 30, 46);
}

.leyviF {
    margin-bottom: 14px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.leyviF h2 {
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.leyviF h2 img {
    margin-left: 8px;
    width: 20px;
}

.dtihcY {
    height: 38px;
    min-width: 38px;
    width: 38px;
    border-radius: 8px;
    background: rgba(96, 128, 255, 0.12);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: background 0.2s;
}

.dtihcY svg {
    height: 24px;
}

.jnfgJW {
    padding: 0px 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.jnfgJW>div {
    width: 100%;
}

.jnfgJW h6 {
    color: rgb(181, 195, 219);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 1px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: color 0.2s;
}

.jnfgJW h6 img {
    width: 12px;
    margin-left: 4px;
    transition: transform 0.2s;
}

.eBjQSt,
.eBjQSt .timer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(83, 97, 124);
    font-size: 12px;
    font-weight: 500;
}

.eBjQSt img {
    width: 16px;
    margin-left: 4px;
}

@media (max-width: 1750px) {
    .eBjQSt {
        white-space: nowrap;
        overflow: hidden;
    }
}

.BxJGa {
    height: 554px;
    overflow: auto;
    width: calc(100% + 6px);
    padding-right: 6px;
}

.BxJGa::-webkit-scrollbar-thumb,
.BxJGa::-webkit-scrollbar {
    background: transparent;
}

.BxJGa:hover::-webkit-scrollbar-thumb {
    background: rgb(41, 50, 69);
}

@media (max-width: 1750px) {
    .BxJGa {
        height: 408px;
    }
}

.bdWLML {
    border-radius: 8px;
    border: 2px solid rgba(96, 128, 255, 0.28);
    background: rgba(96, 128, 255, 0.05);
    padding: 8px 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(96, 128, 255);
    font-size: 13px;
    font-weight: 700;
    transition: 0.2s;
}

.bdWLML svg {
    width: 18px;
    margin-right: 3px;
}

.bdWLML path {
    transition: fill 0.2s;
}

.bdWLML:hover {
    border: 2px solid rgba(96, 128, 255, 0.48);
    background: rgba(96, 128, 255, 0.15);
    color: rgb(164, 182, 255);
    filter: none;
}

.bdWLML:hover path {
    fill: rgb(164, 182, 255);
}

.cDBOQt {
    background: transparent;
    padding: 17px 17px 12px;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    position: static;
    cursor: pointer;
}

.cDBOQt .letter {
    position: absolute;
    right: 10px;
    bottom: -16px;
    font-size: 64px;
    font-weight: 800;
    color: rgb(35, 44, 62);
    background: -webkit-linear-gradient(top, rgba(35, 44, 62, 0.38), rgb(37, 46, 62)) text;
    -webkit-text-fill-color: transparent;
}

.cDBOQt.bonus .sc-fhzFiK {
    background: rgba(96, 255, 179, 0.22);
}

.cDBOQt.bonus .sc-jxOSlx h6 {
    color: rgb(160, 225, 149);
}

.cDBOQt.daily .sc-fhzFiK {
    background: rgba(240, 179, 88, 0.22);
}

.eMrvRC {
    margin-top: 26px;
    height: 42px;
    border-radius: 8px;
    background: rgba(138, 185, 255, 0.22);
    color: rgb(169, 188, 216);
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    transition: 0.2s;
}

.eMrvRC:hover {
    background: rgba(138, 185, 255, 0.42);
    color: rgb(255, 255, 255);
    filter: none !important;
}

.hRsaHl {
    padding: 0px 25px 18px 17px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.5s;
}

.gZcRBf {
    border-radius: 10px;
    position: relative;
    border: 1px solid rgba(80, 94, 120, 0.24);
    transition: 0.2s, max-height 0.5s;
    max-height: 74px;
    overflow: hidden;
}

.gZcRBf:not(:last-child) {
    margin-bottom: 6px;
}

.gZcRBf.completed {
    opacity: 0.6;
    max-height: 74px;
}

.gZcRBf.completed .sc-JrDLc {
    display: none;
}

.gZcRBf.completed .sc-esYiGF {
    padding-bottom: 17px;
}

.gZcRBf.completed .sc-lcIPJg svg {
    width: 14px;
    margin-right: 2px;
    margin-left: 0px;
}

.gZcRBf.opened {
    background: rgba(80, 94, 120, 0.04);
    max-height: 500px;
}

.gZcRBf.opened .sc-JrDLc {
    opacity: 1;
}

.gZcRBf.opened .sc-fjvvzt {
    opacity: 0;
}

.gZcRBf.task.hovered,
.gZcRBf.task:hover {
    border: 1px solid rgba(80, 94, 120, 0.44);
}

.gZcRBf.task.hovered .sc-fhzFiK,
.gZcRBf.task:hover .sc-fhzFiK {
    background: rgba(96, 128, 255, 0.22);
}

.gZcRBf.task.hovered .sc-jxOSlx h6,
.gZcRBf.task:hover .sc-jxOSlx h6 {
    color: rgb(233, 241, 255);
}

.gZcRBf.task.hovered .sc-jxOSlx h6 img,
.gZcRBf.task:hover .sc-jxOSlx h6 img {
    transform: translateX(2px);
}

.gZcRBf.task.hovered .daily .sc-fhzFiK,
.gZcRBf.task:hover .daily .sc-fhzFiK {
    background: rgba(240, 179, 88, 0.22);
}

.gZcRBf.task.hovered .bonus .sc-fhzFiK,
.gZcRBf.task:hover .bonus .sc-fhzFiK {
    background: rgba(96, 255, 179, 0.22);
}

.gZcRBf.task.hovered .bonus .sc-jxOSlx h6,
.gZcRBf.task:hover .bonus .sc-jxOSlx h6 {
    color: rgb(160, 225, 149);
}

.dysUhy {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.dysUhy img {
    width: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
    transition: opacity 0.2s;
}

.dysUhy .romb span {
    border-radius: 5px;
    border: 2px solid transparent;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    display: block;
    transition: border-color 0.2s;
}

.dysUhy .romb.secondary::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -2px;
    transform: translate(-50%, -100%);
    width: 2px;
    background: linear-gradient(rgb(96, 128, 255) 0%, rgb(64, 73, 100) 100%);
    opacity: 0;
    transition: 0.2s;
}

.dysUhy.active img {
    opacity: 1;
}

.dysUhy.active .romb span {
    border-color: rgb(64, 73, 100);
}

.dysUhy.active .romb::before {
    opacity: 1;
}

.dysUhy.done img {
    opacity: 1;
}

.dysUhy.done .romb span {
    border-color: rgb(96, 128, 255);
}

.dysUhy.done .romb::before {
    opacity: 1;
    background: rgb(96, 128, 255);
}

.eUIZEF {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.eUIZEF img {
    width: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
    transition: opacity 0.2s;
}

.eUIZEF .romb span {
    border-radius: 5px;
    border: 2px solid transparent;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    display: block;
    transition: border-color 0.2s;
}

.eUIZEF .romb.secondary::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -2px;
    transform: translate(-50%, -100%);
    width: 2px;
    height: 31px;
    background: linear-gradient(rgb(96, 128, 255) 0%, rgb(64, 73, 100) 100%);
    opacity: 0;
    transition: 0.2s;
}

.eUIZEF.active img {
    opacity: 1;
}

.eUIZEF.active .romb span {
    border-color: rgb(64, 73, 100);
}

.eUIZEF.active .romb::before {
    opacity: 1;
}

.eUIZEF.done img {
    opacity: 1;
}

.eUIZEF.done .romb span {
    border-color: rgb(96, 128, 255);
}

.eUIZEF.done .romb::before {
    opacity: 1;
    background: rgb(96, 128, 255);
}

.gGLOtd {
    border-radius: 6px;
    border: 1px solid rgb(53, 62, 91);
    background: rgba(32, 39, 58, 0.6);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    color: rgb(97, 105, 126);
    font-size: 12px;
    font-weight: 400;
    backdrop-filter: blur(7px);
}

.gGLOtd>img {
    width: 14px;
    margin-right: 4px;
}

.fcbcjv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
}

.fcbcjv .hover-on {
    opacity: 0;
}

.fcbcjv:hover .sc-uVWWZ::before {
    opacity: 0;
}

.fcbcjv:hover .sc-uVWWZ::after {
    opacity: 1;
}

.fcbcjv:hover .sc-gFAWRd::before {
    opacity: 0;
}

.fcbcjv:hover .sc-gFAWRd::after {
    opacity: 0;
}

.fcbcjv:hover .sc-Nxspf button:first-child {
    opacity: 1;
}

.fcbcjv:hover .hover-off {
    opacity: 0;
}

.fcbcjv:hover .hover-on {
    opacity: 1;
}

.ftagiO {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ftagiO div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ftagiO svg {
    width: 28px;
    height: 28px;
}

.ftagiO.l svg {
    width: 36px;
    height: 36px;
}

.ftagiO.l div {
    width: 18px;
    height: 18px;
}

.eHucEk {
    background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%);
    padding: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.gcMOeE h3 {
    color: rgb(132, 153, 185);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 14px;
    max-width: 190px;
    gap: 6px;
}

.gcMOeE .timer {
    color: rgb(132, 153, 185);
    font-size: 11px;
    text-transform: none;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    gap: 3px;
}

.gcMOeE .timer svg {
    width: 12px;
}

.gcMOeE h5 {
    color: rgb(199, 211, 226);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.jZtxJO {
    background: rgb(39, 48, 71);
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jZtxJO path.hover {
    animation: 1s ease 0s infinite normal none running fRDsuO;
}

.jZtxJO path.grey-hover {
    animation: 1s ease 0s infinite normal none running ggGmjz;
}

.jZtxJO path.gold-hover {
    animation: 1s ease 0s infinite normal none running eihXFP;
}

.bipGUT {
    transition: opacity 0.2s;
}

.bipGUT p {
    line-height: 14px;
    text-align: right;
    color: rgb(207, 216, 229);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bipGUT svg {
    display: block;
}

.bAtzHI {
    border-radius: 6px;
    grid-template-columns: 50px 1fr;
    display: grid;
    overflow: hidden;
    border: 1px solid transparent;
}

.bAtzHI .hover-on {
    opacity: 0;
}

.bAtzHI.waiting {
    border: 1px solid rgb(53, 62, 91);
}

.bAtzHI.completed .sc-ddjGPC {
    background: rgba(39, 79, 76, 0.25);
}

.bAtzHI.completed .sc-fxwrCY {
    background: rgba(39, 79, 76, 0.17);
}

.bAtzHI.completed .sc-dSCufp h3 {
    color: rgb(132, 185, 153);
}

.bAtzHI.completed .sc-dSCufp h5 {
    color: rgb(202, 255, 220);
}

.bAtzHI:hover .hover-off {
    opacity: 0;
}

.bAtzHI:hover .hover-on {
    opacity: 1;
}

.jqcwLB {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
}

.jqcwLB img,
.jqcwLB svg {
    width: 100%;
    height: 100%;
}

.jqcwLB img {
    vertical-align: initial;
}

.mErXc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.jVnWco {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jVnWco.blocked {
    pointer-events: none;
}

.hRwZZP {
    position: absolute;
    left: 0px;
    opacity: 0.4;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.bwWALH {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%);
    backdrop-filter: blur(12px);
    padding: 16px;
}

.bwWALH h2 {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: 900;
    line-height: 27px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.bwWALH h2 img {
    transition: 0.5s;
    width: 24px;
    opacity: 0;
    transform: translateX(-3px);
}

.bwWALH p {
    width: 230px;
    color: rgb(197, 213, 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    white-space: normal;
}

.bwWALH button {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgb(255, 200, 117);
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 200, 117);
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    background: transparent;
}

.bwWALH button img {
    width: 18px;
}

.bwWALH button.auth {
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    border: none;
}

.bwWALH button.premium {
    background: rgb(255, 200, 117);
    color: rgb(40, 43, 54);
    border: none;
}

.bwWALH:hover .sc-iMWBiJ {
    transform: scale(1.1);
}

.bwWALH:hover h2 img {
    opacity: 1;
    transform: translateX(0px);
}

.crlTZU {
    padding: 0px 3px;
}

@media (max-width: 1000px) {
    .crlTZU {
        padding: 12px 5px;
    }
}

.fSTpoo {
    margin: 0px auto;
    padding-top: 24px;
    width: 1604px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 1750px) {
    .fSTpoo {
        width: 1250px;
    }
}

@media (max-width: 1350px) {
    .fSTpoo {
        width: 100%;
        padding: 24px 12px 0px;
    }
}

.bAGHco {
    display: grid;
    grid-template-columns: 396px 1fr;
    gap: 20px;
}

@media (max-width: 1750px) {
    .bAGHco {
        grid-template-columns: 337px 1fr;
    }
}

@media (max-width: 1350px) {
    .bAGHco {
        grid-template-columns: 1fr;
    }
}

.bKppcb {
    border-radius: 10px;
    background: linear-gradient(rgb(21, 25, 34) 0%, rgb(36, 38, 45) 100%);
    height: auto;
    overflow: hidden;
}

@media (max-width: 1350px) {
    .bKppcb {
        display: none;
    }
}

.iNahJS {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.eNNYNP {
    border-radius: 10px;
    background: rgb(21, 26, 38);
    padding: 26px;
    margin-bottom: 60px;
}

.bhAPzX {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

@media (max-width: 1350px) {
    .bhAPzX {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .bhAPzX {
        grid-template-columns: 1fr;
    }
}

.fHHrKU {
    position: absolute;
    left: 52%;
    width: 270px;
    bottom: 0px;
    transform: translateX(-50%);
}

.kuuiWE div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(213, 217, 228);
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.kuuiWE img {
    width: 16px;
    margin-right: 5px;
}

.fdIhxH {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.cQjYwz {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
}

.cQjYwz h2 {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
}

.cQjYwz button {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgb(38, 47, 65);
    color: rgb(151, 165, 190);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: transparent;
}

.ithrRk {
    border-radius: 6px;
    background: linear-gradient(176deg, rgba(27, 35, 53, 0.6) 0%, rgba(38, 47, 71, 0.6) 100%);
    padding: 2px 16px 16px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    transition: background 0.2s;
    overflow: hidden;
    cursor: pointer;
}

.ithrRk::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(15px);
    background: linear-gradient(rgb(27, 35, 53) 0%, rgb(42, 58, 100) 100%);
    opacity: 0;
    transition: opacity 0.2s;
}

.ithrRk>img {
    max-width: 95%;
    margin-bottom: 12px;
}

.ithrRk p {
    color: rgb(113, 121, 142);
    font-size: 11px;
    font-weight: 400;
    opacity: 0.9;
}

.ithrRk h6 {
    color: rgb(232, 236, 244);
    font-size: 14px;
    margin: 1px 0px 12px;
    font-weight: 500;
    line-height: 18px;
    opacity: 0.9;
}

.ithrRk button {
    border-radius: 4px;
    background: rgb(96, 128, 255);
    width: 100%;
    padding: 10px 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ithrRk button img {
    width: 16px;
    margin-right: 6px;
}

.ithrRk:hover::before {
    opacity: 1;
}

.bAWkKA {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

@media (max-width: 1750px) {
    .bAWkKA {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

.iQgTHh {
    position: absolute;
    left: 40px;
    top: 40px;
    z-index: 2;
}

.iQgTHh h2 {
    margin-bottom: 13px;
    color: rgb(216, 211, 208);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    width: 177px;
}

.iQgTHh button {
    padding: 13px;
    border-radius: 8px;
    background: rgba(166, 133, 115, 0.1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    color: rgb(235, 182, 103);
    font-size: 14px;
    font-weight: 500;
}

.ehQxTs {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 21px;
}

.ehQxTs button {
    height: 28px;
    padding: 0px 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.ehQxTs button img {
    width: 16px;
    margin-right: 4px;
}

.ehQxTs span {
    width: 50px;
    margin-left: 9px;
    color: rgb(96, 128, 255);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.dvWCaY {
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    top: 20px;
    right: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
}

.dvWCaY img {
    width: 14px;
    margin-left: 3px;
}

.hnEFKx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hnEFKx img {
    width: 165px;
    transition: transform 0.2s;
    z-index: 1;
}

.hnEFKx div {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    background: rgba(128, 163, 255, 0.5);
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jusmTt {
    border-radius: 10px;
    overflow: hidden;
}

.jusmTt.no-rounding {
    border-radius: 10px 10px 0px 0px;
}

.jusmTt>div {
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.jusmTt::before,
.jusmTt::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.2s;
}

.jusmTt::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
    opacity: 0;
    z-index: 0;
}

.jusmTt h6 {
    margin-bottom: 1px;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    font-size: 12px;
    font-weight: 400;
}

.jusmTt h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.jusmTt:nth-child(2)::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt:nth-child(2)::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.jusmTt:nth-child(2) .sc-kbhJrz div {
    background: rgba(128, 163, 255, 0.5);
}

.jusmTt:nth-child(3)::before {
    background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.jusmTt:nth-child(3)::after {
    background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.jusmTt:nth-child(3) .sc-kbhJrz div {
    background: rgba(255, 128, 173, 0.5);
}

.jusmTt:nth-child(4)::before {
    background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.jusmTt:nth-child(4)::after {
    background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.jusmTt:nth-child(4) .sc-kbhJrz div {
    background: rgba(128, 255, 178, 0.5);
}

.jusmTt:nth-child(1)::before {
    background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.jusmTt:nth-child(1)::after {
    background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.jusmTt:nth-child(1) .sc-kbhJrz div {
    background: rgba(255, 200, 60, 0.5);
}

.jusmTt:hover::before {
    opacity: 0;
}

.jusmTt:hover::after {
    opacity: 1;
}

.jusmTt:hover .sc-kbhJrz img {
    transform: scale(1.15);
}

.jusmTt.custom::after {
    content: none;
}

.jusmTt.custom::before {
    background: url("") center center / cover no-repeat;
}

.jusmTt.custom:hover::before {
    opacity: 1;
}

.hBQOEn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.hBQOEn img {
    width: 14px;
    margin-left: 4px;
}

.eyXZVb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}

.eyXZVb p {
    color: rgba(240, 179, 88, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    width: 70px;
    white-space: normal;
}

.eyXZVb svg {
    width: 24px;
}

.kuOXvw {
    width: 296px;
}

.kuOXvw:not(:first-child)::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: rgb(39, 48, 71);
    height: 100%;
    width: 2px;
    display: block;
    top: 0px;
    left: -18px;
}

.jLOydi {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
}

.jLOydi img {
    width: 24px;
}

.iVupXy {
    display: flex;
    gap: 34px;
}

.cBrOAO {
    border-radius: 0px 0px 6px 6px;
    background: rgb(240, 179, 88);
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 7px;
    color: rgb(17, 24, 32);
    font-size: 11px;
    font-weight: 500;
}

.cBrOAO svg,
.cBrOAO img {
    width: 18px;
}

.cqXvZf {
    padding-left: 12px;
}

.jwZSg {
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.jCpELc {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.jCpELc img {
    width: 18px;
}

.bxGOWN {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.iueEyA {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.iueEyA img {
    width: 46px;
}

@media (max-width: 1000px) {
    .iueEyA {
        display: flex;
    }
}

.kWdizk {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kWdizk span {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 20px;
    border-radius: 5px;
}

.kMvTNn {
    padding: 0px 3px;
}

.hrzmDG {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    grid-template-columns: 396px 1188px;
    gap: 20px;
    margin: 0px auto;
    height: 728px;
}

.kPvvNZ {
    border-radius: 10px;
    background: rgba(21, 24, 35, 0.3);
    height: 100%;
    padding: 28px;
}

.jccDxB {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 14px;
}

.lknlXM {
    background: rgba(21, 24, 35, 0.3);
    width: 1604px;
    border-radius: 10px;
    margin: 0px auto;
    padding: 25px;
}

.hCnlda {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.iPElXG {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.iPElXG div {
    border-radius: 6px;
    background: rgba(21, 24, 35, 0.3);
    height: 326px;
}

.fEAmei {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 24px;
    background: rgb(18, 21, 30);
    padding: 3px;
    gap: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

.fBTTQH {
    border-radius: 6px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 108px;
}

.kSsCvK {
    border-radius: 6px;
    min-width: 120px;
    background: rgb(20, 23, 32);
    height: 86px;
}

.hpGKky {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 3px;
    height: 104px;
    width: 100%;
    border-radius: 8px;
    background: rgb(19, 23, 33);
    padding: 3px;
}

.hrDeqP {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 3px;
    width: 3000px;
}

.hhPRdI {
    background: rgb(22, 27, 43);
    border-radius: 6px;
    padding: 4px;
    height: 100%;
    display: flex;
    gap: 4px;
    flex-direction: column;
}

.hhPRdI div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: rgb(122, 134, 151);
    height: 100%;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: rgb(33, 40, 60) 0px 0px 0px 1px inset;
}

.hhPRdI div.active {
    background: linear-gradient(rgba(39, 45, 80, 0.7) 0%, rgba(49, 57, 96, 0.7) 100%);
    box-shadow: none;
    color: rgb(96, 128, 255);
}

.hhPRdI div.active path {
    fill: rgb(96, 128, 255);
}

.hhPRdI svg {
    width: 16px;
    margin-left: 6px;
}

.frxOkS {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 104px;
    width: 100%;
}

.frxOkS p {
    font-weight: 500;
    font-size: 14px;
    color: rgb(119, 133, 151);
}

.frxOkS a,
.frxOkS a:hover {
    color: rgb(243, 101, 25);
}

.frxOkS img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.iLiKuk {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-50px);
    transition: 0.2s;
}

.iLiKuk span {
    font-weight: 500;
    font-size: 12px;
    color: rgb(193, 200, 218);
    max-width: 70px;
}

.iLiKuk img {
    width: 18px;
    margin-left: 5px;
    border-radius: 50%;
}

.Rlxzc {
    position: absolute;
    bottom: -22px;
    right: -19px;
    transform: translateX(100%);
    transition: 0.2s;
}

.Rlxzc img {
    width: 70px;
}

.cVtNwB {
    position: absolute;
    left: 8px;
    bottom: 7px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(255, 171, 62);
}

.cVtNwB img {
    height: 11px;
    margin-left: 2px;
    top: -1px;
}

.eFzfVj {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
    border-radius: 6px;
    overflow: hidden;
    width: 0px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.eFzfVj>img {
    max-width: 90px;
    max-height: 70px;
}

.eFzfVj::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/shop/item-bg/color-milspec.png*/
        var(--savepage-url-46) center 0px / 73px no-repeat;
}

.eFzfVj:hover .sc-kRFPCi {
    opacity: 1;
    transform: translateY(0px);
}

.eFzfVj:hover .sc-hjpnKN {
    transform: translateX(0px);
}

.eFzfVj.drop_color-golden {
    background: radial-gradient(128.25% 100% at 0% 100%, rgb(55, 48, 29) 0%, rgba(55, 48, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.eFzfVj.drop_color-covert {
    background: radial-gradient(133.78% 100% at 0.4% 100%, rgb(55, 29, 29) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.eFzfVj.drop_color-milspec {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.eFzfVj.drop_color-industrial {
    background: radial-gradient(133.78% 100% at 0.2% 100%, rgb(29, 45, 55) 0%, rgba(29, 45, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.eFzfVj.drop_color-restricted {
    background: radial-gradient(133.78% 100% at -0.6% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.eFzfVj.drop_color-classified {
    background: radial-gradient(133.39% 100% at 0.8% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.hBgvdv {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
    border-radius: 6px;
    overflow: hidden;
    width: 0px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.hBgvdv>img {
    max-width: 90px;
    max-height: 70px;
}

.hBgvdv::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/shop/item-bg/color-classified.png*/
        var(--savepage-url-54) center 0px / 73px no-repeat;
}

.hBgvdv:hover .sc-kRFPCi {
    opacity: 1;
    transform: translateY(0px);
}

.hBgvdv:hover .sc-hjpnKN {
    transform: translateX(0px);
}

.hBgvdv.drop_color-golden {
    background: radial-gradient(128.25% 100% at 0% 100%, rgb(55, 48, 29) 0%, rgba(55, 48, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.hBgvdv.drop_color-covert {
    background: radial-gradient(133.78% 100% at 0.4% 100%, rgb(55, 29, 29) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.hBgvdv.drop_color-milspec {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.hBgvdv.drop_color-industrial {
    background: radial-gradient(133.78% 100% at 0.2% 100%, rgb(29, 45, 55) 0%, rgba(29, 45, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.hBgvdv.drop_color-restricted {
    background: radial-gradient(133.78% 100% at -0.6% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.hBgvdv.drop_color-classified {
    background: radial-gradient(133.39% 100% at 0.8% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.blgggD {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
    border-radius: 6px;
    overflow: hidden;
    width: 0px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.blgggD>img {
    max-width: 90px;
    max-height: 70px;
}

.blgggD::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/shop/item-bg/color-restricted.png*/
        var(--savepage-url-58) center 0px / 73px no-repeat;
}

.blgggD:hover .sc-kRFPCi {
    opacity: 1;
    transform: translateY(0px);
}

.blgggD:hover .sc-hjpnKN {
    transform: translateX(0px);
}

.blgggD.drop_color-golden {
    background: radial-gradient(128.25% 100% at 0% 100%, rgb(55, 48, 29) 0%, rgba(55, 48, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.blgggD.drop_color-covert {
    background: radial-gradient(133.78% 100% at 0.4% 100%, rgb(55, 29, 29) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.blgggD.drop_color-milspec {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.blgggD.drop_color-industrial {
    background: radial-gradient(133.78% 100% at 0.2% 100%, rgb(29, 45, 55) 0%, rgba(29, 45, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.blgggD.drop_color-restricted {
    background: radial-gradient(133.78% 100% at -0.6% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.blgggD.drop_color-classified {
    background: radial-gradient(133.39% 100% at 0.8% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.jvdsz {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
    border-radius: 6px;
    overflow: hidden;
    width: 0px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jvdsz>img {
    max-width: 90px;
    max-height: 70px;
}

.jvdsz::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/shop/item-bg/color-covert.png*/
        var(--savepage-url-68) center 0px / 73px no-repeat;
}

.jvdsz:hover .sc-kRFPCi {
    opacity: 1;
    transform: translateY(0px);
}

.jvdsz:hover .sc-hjpnKN {
    transform: translateX(0px);
}

.jvdsz.drop_color-golden {
    background: radial-gradient(128.25% 100% at 0% 100%, rgb(55, 48, 29) 0%, rgba(55, 48, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.jvdsz.drop_color-covert {
    background: radial-gradient(133.78% 100% at 0.4% 100%, rgb(55, 29, 29) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.jvdsz.drop_color-milspec {
    background: radial-gradient(133.78% 100% at -0.2% 100%, rgb(29, 32, 55) 0%, rgba(29, 32, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.jvdsz.drop_color-industrial {
    background: radial-gradient(133.78% 100% at 0.2% 100%, rgb(29, 45, 55) 0%, rgba(29, 45, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.jvdsz.drop_color-restricted {
    background: radial-gradient(133.78% 100% at -0.6% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.jvdsz.drop_color-classified {
    background: radial-gradient(133.39% 100% at 0.8% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgba(19, 24, 37, 0.6) 1.87%, rgba(29, 36, 55, 0.6) 88.46%);
}

.euqKdR {
    width: auto;
    overflow: hidden;
}

.bYPYWt {
    background: rgb(12, 15, 21);
}

.jpxiXX {
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 24px;
    padding-top: 75px;
}

@media (max-width: 1000px) {
    .jpxiXX {
        padding-right: 0px;
    }
}

@media (max-width: 840px) {
    .jpxiXX {
        padding-top: 0px;
        height: auto;
    }
}

.kNnyIT {
    top: 43px;
    width: 378px;
    height: fit-content;
}

@media (max-width: 1500px) {
    .kNnyIT {
        display: none;
    }
}

.eKfEzd>p {
    color: rgb(173, 188, 208);
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
}

@media (max-width: 840px) {
    .eKfEzd {
        padding: 75px 24px;
        width: 100%;
    }

    .eKfEzd.no-padding {
        padding: 75px 0px 0px;
    }
}

.dmvNab {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 2px;
}

.dmvNab>img {
    width: 20px;
    margin-left: 6px;
}

.dmvNab h2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 27px;
    font-weight: 700;
    font-family: Roboto;
}

.dmvNab h2 img {
    width: 32px;
    margin-right: 6px;
}

.kcXMIR {
    gap: 6px;
    padding-right: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-height: 384px;
    overflow: hidden auto;
}

.kcXMIR.long {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 1750px) {
    .kcXMIR {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .kcXMIR.long {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .kcXMIR {
        max-height: none;
    }

    .kcXMIR.long {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

.gdNGpD {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 79px;
    width: 100%;
    display: block;
    z-index: 3;
    transition: opacity 0.4s;
    background: linear-gradient(rgba(12, 15, 21, 0) 0%, rgb(12, 15, 21) 50.13%);
    pointer-events: none;
    opacity: 1;
}

.gdNGpD.light {
    background: rgb(19, 24, 33);
}

@media (max-width: 650px) {
    .gdNGpD {
        display: none;
    }
}

.djlJeO::-webkit-scrollbar-thumb,
.djlJeO::-webkit-scrollbar {
    background: transparent;
}

.djlJeO:hover::-webkit-scrollbar-thumb {
    background: rgb(41, 50, 69);
}

.epAGWr {
    width: 53px;
    height: 53px;
    display: block;
    border-radius: 50%;
    margin-bottom: 10px;
}

.gqWHUs {
    color: rgb(173, 188, 208);
    font-size: 12px;
    line-height: 22px;
}

@media (max-width: 840px) {
    .gqWHUs {
        font-size: 10px;
    }
}

.kMljnM {
    color: rgb(255, 152, 56);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kMljnM img {
    width: 14px;
    margin-left: 4px;
}

.iRRrfZ {
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
}

.iRRrfZ svg {
    width: 18px;
    margin-right: 2px;
}

.eHnsrI {
    gap: 22px;
    display: flex;
    align-items: flex-start;
}

@media (max-width: 840px) {
    .eHnsrI {
        flex-direction: column;
    }

    .eHnsrI>div {
        width: 100%;
    }
}

.lavxzt {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgb(37, 42, 57);
    z-index: 1;
    padding: 30px 0px 21px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s;
}

.eCgZFR {
    height: fit-content;
}

.eCgZFR img {
    max-width: 76px;
    width: 100px;
    max-height: 50px;
    object-fit: contain;
}

.eCgZFR::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/shop/item-bg/color-milspec.png*/
        var(--savepage-url-46) center center / cover no-repeat;
}

.cdhxIz {
    border-radius: 6px;
    background: rgba(23, 28, 42, 0.7);
    width: 120px;
    height: 100%;
    padding: 28px 0px 21px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    transition: background 0.2s;
}

.cdhxIz.place-1 .sc-hEKqXB,
.cdhxIz.place-2 .sc-hEKqXB,
.cdhxIz.place-3 .sc-hEKqXB {
    top: 9px;
    left: 9px;
    font-weight: 600;
}

.cdhxIz.place-1 {
    background: linear-gradient(208deg, rgba(23, 28, 42, 0.7) 0%, rgba(68, 60, 47, 0.7) 100%);
}

.cdhxIz.place-1 .sc-hEKqXB {
    color: rgb(255, 203, 69);
}

.cdhxIz.place-1 .sc-hEKqXB path {
    fill: rgb(255, 203, 69);
}

.cdhxIz.place-2 {
    background: linear-gradient(207deg, rgba(23, 28, 42, 0.7) 0%, rgba(51, 63, 82, 0.7) 100%);
}

.cdhxIz.place-2 .sc-hEKqXB {
    color: rgb(167, 197, 255);
}

.cdhxIz.place-2 .sc-hEKqXB path {
    fill: rgb(167, 197, 255);
}

.cdhxIz.place-3 {
    background: linear-gradient(208deg, rgba(23, 28, 42, 0.7) 0%, rgba(73, 53, 52, 0.7) 100%);
}

.cdhxIz.place-3 .sc-hEKqXB {
    color: rgb(218, 129, 102);
}

.cdhxIz.place-3 .sc-hEKqXB path {
    fill: rgb(218, 129, 102);
}

.cdhxIz:hover {
    background: rgb(37, 42, 57);
}

.cdhxIz:hover .sc-hnJFnV {
    opacity: 1;
    pointer-events: all;
}

@media (max-width: 840px) {
    .cdhxIz {
        width: 100%;
    }
}

.fGIjpc {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 2px 0px;
}

.fGIjpc a svg {
    margin: 0px auto;
    display: block;
}

.RmHGY {
    width: 304px;
}

.RmHGY .tippy-content {
    padding: 12px;
}

.RmHGY .tippy-box {
    border-radius: 12px !important;
}

.RmHGY video,
.RmHGY img {
    width: 100%;
    border-radius: 12px;
}

.RmHGY span {
    border-radius: 0px 0px 0px 4px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: -24px;
    top: 37px;
    background: rgb(28, 33, 48);
}

.RmHGY h2 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px 4px;
    letter-spacing: 0.02em;
    color: rgb(236, 241, 248);
}

.RmHGY p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(159, 167, 190);
}

.kPLHxG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.kPLHxG button {
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01em;
    background: rgba(96, 128, 255, 0.1);
}

.kPLHxG button.inactive {
    pointer-events: none;
}

.kPLHxG a {
    color: rgb(96, 128, 255);
    height: 100%;
    width: 100%;
    padding: 12px 0px;
    display: block;
}

.kwKvLO {
    border: 1px solid rgb(107, 206, 165);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    color: rgb(107, 206, 165);
    margin: 0px auto 9px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kwKvLO img {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.cIvRnW {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: rgb(120, 125, 144);
    margin-top: 8px;
    padding: 0px 5px;
    font-family: var(--font-family-0);
}

.bCzUGD {
    border-right: 3px solid transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 3px;
}

.bCzUGD.active {
    border-right: 3px solid rgb(96, 128, 255);
}

.bCzUGD:hover>img {
    transform: scale(1.1);
    transition: 0.3s;
}

.kRvpbl {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 0px;
}

@-webkit-keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

.hExJnc {
    width: 1060px;
    margin: 0px auto 64px;
    padding-bottom: 64px;
}

.hExJnc h5 {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}

@media (max-width: 1366px) {
    .hExJnc {
        width: 90%;
    }

    .hExJnc h5 {
        font-size: 23px;
    }
}

.japjGZ {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 8px;
    overflow: hidden;
}

.iyWEHa {
    padding: 20px 24px 18px;
    background: rgb(21, 26, 38);
    height: 60px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s;
}

.iyWEHa h6 {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: rgb(222, 226, 237);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.iyWEHa img {
    width: 24px;
    transform: rotate(180deg);
    transition: transform 0.4s;
    margin-left: 10px;
}

.iyWEHa p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgb(147, 161, 180);
}

.iyWEHa.active {
    background: rgb(26, 31, 46);
    height: auto;
}

.iyWEHa.active img {
    transform: rotate(0deg);
}

@media (max-width: 650px) {
    .iyWEHa h6 {
        font-size: 14px;
    }
}

.fSZiaB {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

@media (max-width: 1750px) {
    .fSZiaB {
        width: 133%;
        height: 125%;
        transform: translate(-50%, -50%) scale(0.8);
    }
}

.cjukZB {
    top: 40px;
    right: 20px;
    transition: transform 0.2s;
}

.fUqoGq {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    bottom: 9px;
    width: 83px;
}

.kpfCqE {
    transition: transform 0.2s;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.kpfCqE.blocked {
    pointer-events: none;
}

.dXBVIx {
    z-index: 1;
    transition: 0.2s;
}

.dfIHQg {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.dfIHQg svg {
    height: auto;
    width: 60px;
}

.dKUSln {
    position: absolute;
    right: 610px;
    top: 62px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.dKUSln.hovered .sc-dDGxlS,
.dKUSln:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.dKUSln.transparent {
    opacity: 0.6;
}

.dKUSln.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.dKUSln.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.fEzalH {
    position: absolute;
    right: 288px;
    top: 555px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.fEzalH.hovered .sc-dDGxlS,
.fEzalH:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.fEzalH.transparent {
    opacity: 0.6;
}

.fEzalH.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.fEzalH.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.cvWcsB {
    position: absolute;
    right: 1026px;
    top: 408px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.cvWcsB.hovered .sc-dDGxlS,
.cvWcsB:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.cvWcsB.transparent {
    opacity: 0.6;
}

.cvWcsB.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.cvWcsB.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.gGvhUu {
    position: absolute;
    right: 676px;
    top: 405px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.gGvhUu.hovered .sc-dDGxlS,
.gGvhUu:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.gGvhUu.transparent {
    opacity: 0.6;
}

.gGvhUu.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.gGvhUu.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.hAwuSd {
    position: absolute;
    right: 793px;
    top: 150px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.hAwuSd.hovered .sc-dDGxlS,
.hAwuSd:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.hAwuSd.transparent {
    opacity: 0.6;
}

.hAwuSd.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.hAwuSd.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.fmiSKo {
    position: absolute;
    right: 442px;
    top: 215px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.fmiSKo.hovered .sc-dDGxlS,
.fmiSKo:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.fmiSKo.transparent {
    opacity: 0.6;
}

.fmiSKo.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.fmiSKo.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.eqJHTz {
    position: absolute;
    right: 36px;
    top: 398px;
    z-index: 1;
    padding: 34px 17px 28px;
    cursor: pointer;
    transition: opacity 0.5s;
}

.eqJHTz.hovered .sc-dDGxlS,
.eqJHTz:hover .sc-dDGxlS {
    transform: translateY(-10px) scale(1.2);
}

.eqJHTz.transparent {
    opacity: 0.6;
}

.eqJHTz.bonus .sc-hjkgxo {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.eqJHTz.bonus .sc-gkKXDf {
    background: rgba(52, 75, 51, 0.8);
    color: rgb(117, 205, 152);
}

.qbYwa {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    background: rgba(12, 15, 23, 0.93);
    width: 507px;
    height: 276px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0px 81px;
}

.qbYwa p {
    text-align: center;
    margin: 12px 0px 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
}

.qbYwa svg {
    width: 42px;
}

.qbYwa a {
    border-radius: 4px;
    background: rgb(96, 128, 255);
    padding: 15px 40px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.biOjlJ {
    position: absolute;
    left: 28px;
    bottom: 28px;
    padding: 18px;
    border-radius: 8px;
    background: rgba(41, 45, 58, 0.9);
    backdrop-filter: blur(12px);
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.biOjlJ h4 {
    color: rgb(141, 149, 166);
    font-size: 12px;
    text-transform: uppercase;
}

.dHTxjj {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 14px;
}

.bioEfQ {
    min-width: 230px;
    padding: 12px 4px;
    border-radius: 6px;
    border: 1px solid rgb(68, 74, 98);
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px;
    background: transparent;
}

.bioEfQ img {
    width: 16px;
}

.bioEfQ[disabled] {
    filter: none;
    opacity: 0.5;
}

.kEAvxN {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
}

:root {
    --savepage-url-34: url('/img/image_1.svg+xml');
    --savepage-url-46: url('/img/image_2.webp');
    --savepage-url-54: url('/img/image_3.webp');
    --savepage-url-58: url('/img/image_4.webp');
    --savepage-url-68: url('/img/image_5.webp');
}

/*savepage-import-url=https://fonts.googleapis.com/css2?family=Montserrat:wght@100*/
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2*/
        url() format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

200;
300;
400;
500;
600;
700;
800&display=swap);

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-1.woff2*/
        url('/fonts/font_1.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-2.woff2*/
        url('/fonts/font_2.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-3.woff2*/
        url('/fonts/font_3.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-4.woff2*/
        url('/fonts/font_4.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-1.woff2*/
        url('/fonts/font_5.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-2.woff2*/
        url('/fonts/font_6.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-3.woff2*/
        url('/fonts/font_7.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-4.woff2*/
        url('/fonts/font_8.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-1.woff2*/
        url('/fonts/font_9.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-2.woff2*/
        url('/fonts/font_10.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-3.woff2*/
        url('/fonts/font_11.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-4.woff2*/
        url('/fonts/font_12.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-1.woff2*/
        url('/fonts/font_13.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-2.woff2*/
        url('/fonts/font_14.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-3.woff2*/
        url('/fonts/font_15.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-4.woff2*/
        url('/fonts/font_16.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-1.woff2*/
        url('/fonts/font_17.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-2.woff2*/
        url('/fonts/font_18.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-3.woff2*/
        url('/fonts/font_19.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-4.woff2*/
        url('/fonts/font_20.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-1.woff2*/
        url('/fonts/font_21.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-2.woff2*/
        url('/fonts/font_22.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-3.woff2*/
        url('/fonts/font_23.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-4.woff2*/
        url('/fonts/font_24.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=/static/media/OnestBlack1602-hint.4a0f2e13e391b67f9bc3.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=/static/media/OnestBold1602-hint.7ba2b3b4e1ffcd2ac807.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=/static/media/OnestExtraBold1602-hint.fa8b616ab362e649d2c7.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=/static/media/OnestMedium1602-hint.b1d2285c056c41b27528.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=/static/media/OnestRegular1602-hint.54ed6502b03681fe60b0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=/static/media/OnestLight1602-hint.0f2c6d3daff26ba49fb0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=/static/media/OnestThin1602-hint.2104bb04c00a99da9722.woff*/
        url()
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot*/
        url();
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot*/
        url();
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot*/
        url();
    src: local("Gotham ExtraLight"), local("Gotham-XLight"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot*/
        url();
    src: local("Gotham Thin"), local("Gotham-Thin"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot*/
        url();
    src: local("Gotham Book"), local("Gotham-Book"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot*/
        url();
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot*/
        url();
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot*/
        url();
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot*/
        url();
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot*/
        url();
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot*/
        url();
    src: local("Gotham Light"), local("Gotham-Light"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot*/
        url();
    src: local("Gotham Bold"), local("Gotham-Bold"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot*/
        url();
    src: local("Gotham Medium"), local("Gotham-Medium"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot*/
        url();
    src: local("Gotham Ultra"), local("Gotham-Ultra"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot*/
        url();
    src: local("Gotham ExtraLight Italic"), local("Gotham-XLightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot*/
        url();
    src: local("Gotham Black"), local("Gotham-Black"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.ttf*/
        url() format("truetype")
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: #0000;
    outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

textarea {
    font-family: Roboto;
    outline: none;
    resize: none
}

:root {
    --font-family-0: "Roboto Condensed", sans-serif;
    --font-family-1: "Roboto", sans-serif
}

:hover:before {
    transition: .3s !important
}

*,
:after,
:before {
    border: 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative
}

button,
input {
    outline: none
}

li {
    transition: none
}

:after,
:before,
a,
a:hover,
button,
input,
span,
strong,
sum,
time {
    text-decoration: none
}

html {
    background: #11141c;
    font-family: Roboto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%
}

ul::-webkit-scrollbar {
    background: #0000
}

body {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    width: 100%
}

main>svg:first-of-type {
    left: -96px;
    opacity: .5;
    position: absolute;
    top: 960px;
    transform: rotate(-60deg);
    z-index: -1
}

img,
svg {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

p a,
p a:hover {
    color: #fff
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border: 1px solid #ffffff1a !important
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 12px !important
}

#lobby .avatar {
    border-radius: 100%;
    height: 64px;
    left: 0 !important;
    width: 64px
}

.grid.lobby>div {
    width: 30% !important
}

.grid.lobby>div>div {
    background: #0000 !important;
    padding: 16px
}

.grid.lobby>div>div:first-of-type>div {
    float: right
}

#ready.active {
    border-color: green !important;
    color: #000 !important
}

.more {
    text-shadow: none !important
}

.headshots {
    top: 2px
}

.grid.modes {
    padding-right: 0
}

.grid.modes h4 {
    padding-bottom: 0;
    padding-top: 16px
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-tooltip[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-tooltip {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0)
}

.options p {
    font-size: 14px;
    text-transform: uppercase !important
}

.options p:hover {
    opacity: .5;
    transition: .3s
}

.options p>img {
    bottom: 0;
    filter: invert(100%);
    float: right;
    height: 14px;
    left: 0;
    right: 0;
    top: -1px;
    transition: all .2s ease;
    vertical-align: middle
}

.options>div hr {
    margin-bottom: 6px !important;
    width: 100% !important
}

.options>div>img {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px
}

.options>div.active>img {
    opacity: .5 !important
}

.options>div.active p img {
    transform: rotate(180deg)
}

.options>div.active p {
    opacity: .2;
    transition: .3s
}

.options>div.active p:hover {
    opacity: .5;
    transition: .3s
}

.options>div:last-of-type hr {
    display: none !important
}

#dashboard-chat>div:first-of-type {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    font-weight: 700;
    padding: 16px
}

#dashboard-chat>div:first-of-type .live-dot {
    background: #85f479;
    margin-right: 12px;
    top: -1px
}

#stickers-scroller {
    height: 120px
}

#stickers-scroller h4 {
    padding-top: 0 !important
}

.danger {
    left: -10px !important;
    margin-left: 12px !important
}

aside#servers {
    background: #0000 !important;
    float: right;
    margin-left: 1%;
    margin-right: 2.5%;
    padding-top: 0;
    position: sticky;
    top: 22px;
    width: 280px;
    z-index: 1000
}

.support.tippy:hover {
    opacity: .1 !important;
    transition: .3s
}

.wrap {
    margin: 0 auto
}

#game .lvl {
    display: none
}

.grid.serv>div {
    width: 31.5% !important
}

#prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#prime-servers>div>.tippy {
    background-color: #74bae81a;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    width: 40px
}

#prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

#non-prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#non-prime-servers>div>.tippy {
    background-color: #bc4a4a1a;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 20px !important;
    padding: 8px;
    width: 40px
}

#non-prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.stattrak-img {
    bottom: 24px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 24px;
    width: 32px;
    z-index: 10
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: #91affd0d;
    background-repeat: no-repeat;
    border-radius: 12px;
    cursor: pointer;
    height: 6px;
    margin: auto;
    outline: none;
    padding: 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-range-track {
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

.grid.skins .skin p {
    bottom: 16px;
    color: #fff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    z-index: 25
}

.visibility-hidden {
    visibility: hidden !important
}

.grid .prime {
    border: 3px solid #60b9ebcc
}

.container {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
}

aside .container {
    line-height: 24px
}

.container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #0003;
    border-radius: 6px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px
}

.container:hover input~.checkmark {
    background-color: #0000001a
}

.container input:checked~.checkmark {
    background-color: #6080ff
}

label.active p img {
    opacity: 0
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container input:checked~.checkmark:after {
    display: block
}

label label:hover {
    color: #ffffff80
}

.container .checkmark:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/icons/check.svg*/
        url() no-repeat 50%/cover;
    display: none;
    height: 7.3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.copy {
    cursor: pointer
}

.copy:hover {
    opacity: 1;
    transition: .3s
}

#profile-cover {
    border-radius: 0;
    height: 320px;
    left: 0;
    right: 0;
    top: 0
}

#profile-cover:before {
    background: linear-gradient(180deg, #0f141b1a 0, #0f141bb3 35%, #11141c 90%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

#profile-cover img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.cybercoin {
    height: 16px;
    margin-left: 12px;
    top: -1px;
    vertical-align: middle
}

#serverInfoModal .table .avatar {
    height: 23px;
    vertical-align: middle;
    width: 23px
}

#information {
    margin-left: 24px;
    margin-right: 32px;
    padding-top: 0
}

#information .avatar,
#information>img {
    border-width: 4px !important
}

#information>img {
    border-radius: 100%;
    display: block;
    height: 128px;
    margin: auto;
    width: 128px
}

#information>img.skinchanger {
    border: 4px solid #6080ff !important
}

#information>img.premium {
    border: 4px solid #fdb510 !important
}

.profile-socials {
    padding-bottom: 0
}

.profile-socials p {
    padding-bottom: 6px
}

.profile-socials a {
    display: inline-block;
    margin-right: 10px
}

.profile-socials a img {
    max-height: 14px;
    max-width: 18px
}

.profile-socials a:last-of-type {
    margin-right: 0
}

#profile-buttons button {
    margin: 0 !important
}

#score img,
.score img {
    float: left;
    vertical-align: middle
}

#score p,
.score p {
    float: left;
    font-size: 16px;
    line-height: 32px;
    width: 128px
}

#score span,
.score span {
    border: 1px solid #ffffff1a;
    font-size: 16px;
    margin-right: 4px
}

.inner {
    animation: inner 2s linear infinite
}

.middle {
    animation: middle 2s linear infinite
}

.outer {
    animation: outer 2s linear infinite
}

#profile {
    margin-top: -240px;
    max-width: 100%;
    padding-left: 0;
    z-index: 100
}

#profile-nav {
    align-items: center;
    border-bottom: 0;
    clear: both;
    display: flex;
    height: 60px;
    margin-left: 0;
    margin-top: 36px !important;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 4
}

#profile-nav a {
    border-bottom: 3px solid #0000;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: 24px
}

#profile-nav a:hover {
    color: #fff;
    transition: .3s
}

#profile-nav a:active {
    bottom: -3px
}

#profile-nav span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#profile-nav span.new {
    background: #6080ff1f;
    border: none;
    border-radius: 6px;
    color: #6080ff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px;
    text-transform: uppercase
}

.single {
    display: block !important;
    margin: 32px auto !important
}

summary h3 {
    font-size: 16px
}

#profile-settings {
    display: none
}

.btn.mini {
    font-size: 14px;
    height: 44px;
    line-height: 44px
}

.btn.mini:hover {
    filter: brightness(110%);
    transition: .3s
}

.options>div,
.options>div label {
    display: block;
    width: 100%
}

.options>div.active label {
    display: block !important;
    width: 100%
}

.options>div hr {
    display: none
}

.options>div p {
    font-weight: 700;
    padding: 16px 0 0
}

.options>div p:hover {
    cursor: pointer !important
}

.options>div label,
.options>div select {
    display: none
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important
}

.copy-ip:hover {
    background: #fff3 !important;
    color: #fff !important
}

label img {
    top: 4px
}

.loyalty__progressBox--2KEX {
    display: flex;
    font-size: 12px;
    margin: 16px 0 0
}

.loyalty__progressBlock--W_he {
    flex-grow: 1
}

.loyalty__progressBar--3fut {
    background-color: #0003;
    border-radius: 10px;
    box-sizing: border-box;
    height: 8px;
    overflow: hidden
}

.loyalty__progressBg--2f0j {
    background: linear-gradient(90deg, #94a7b7, #a1a1a1);
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width 1s
}

.loyalty__progressBg--2f0j.gold {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    color: gold
}

.viMoneyValue--1vFp,
.viMoneyValue__text--1EVB {
    width: auto
}

.loyalty__giftInfo--2qi6 {
    font-weight: 500;
    margin-top: -5px;
    white-space: nowrap
}

.loyalty__giftSum--1Rr9 {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px
}

#information #xp-bar {
    margin-bottom: 16px !important;
    margin-top: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#information #xp-bar div {
    padding: 0 !important
}

#information #xp-bar .loyalty__progressBox--2KEX {
    top: 0 !important
}

#information #xp-bar button {
    top: 12px !important
}

#xp-bar button,
.xp-bar button {
    background: #6080ff00;
    border: 1px solid #6080ff80;
    color: #6080ff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 11px;
    height: 24px;
    left: 20px;
    line-height: 23px;
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    top: -12px;
    width: auto
}

#xp-bar button:hover,
.xp-bar button:hover {
    background: #6080ff1a;
    box-shadow: none !important;
    transform: none !important
}

#xp-bar button strong,
.xp-bar button strong {
    border-right: 1px solid #6080ff80;
    color: #6080ff !important;
    margin-right: 0;
    padding-right: 4px
}

#xp-bar button img,
.xp-bar button img {
    height: 8px;
    left: 0;
    margin-left: 6px;
    top: -1px;
    width: 8px
}

#xp-bar,
.xp-bar {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    z-index: 9
}

#xp-bar .loyalty__progressBg--2f0j,
.xp-bar .loyalty__progressBg--2f0j {
    cursor: help !important;
    cursor: -webkit-help
}

#xp-bar img,
.xp-bar img {
    height: 64px;
    left: -2px;
    position: absolute;
    top: -23px;
    width: 64px
}

.grid.monitoring {
    width: 100%
}

.grid.monitoring group {
    display: none
}

.grid .big img.tippy {
    cursor: help;
    height: 32px;
    left: 16px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 16px;
    vertical-align: middle;
    z-index: 20
}

.grid .big img.tippy:hover {
    transition: .3s
}

hr {
    background: #fff;
    display: block;
    height: 1px;
    margin: 24px auto 32px;
    opacity: .1;
    width: 48px
}

.hide {
    display: none !important
}

.nav {
    left: 0;
    position: fixed;
    right: 0;
    top: -60px
}

.nav nav .logo {
    display: inline-block !important
}

.nav nav {
    transform: translateY(-16px)
}

.nav .logo img {
    opacity: 1
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    z-index: 900
}

.more {
    border-radius: 6px;
    color: #0000;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

.more:hover {
    background: #ffffff1a;
    box-shadow: 0 0 6px #0000001a;
    color: #fff;
    transition: .3s
}

.more img {
    display: block;
    filter: invert(100%);
    height: 20px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .3s;
    vertical-align: middle
}

.more:hover img {
    opacity: 0;
    transition: .3s
}

#terms strong {
    display: block
}

#terms {
    background: #131821;
    border-radius: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    line-height: 1.5;
    margin: 48px;
    padding: 0 60px 60px
}

#terms p:not(.terms-title),
#terms td {
    color: #7b828a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px
}

#terms table {
    border-collapse: initial !important
}

#terms p:not(.terms-title) strong {
    opacity: .7
}

#terms .terms-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 32px
}

#terms h1 {
    font-size: 32px;
    margin-bottom: 0;
    padding: 24px 0 0;
    text-transform: uppercase
}

#terms p {
    line-height: 1.5
}

.profile-socials a {
    transition: .3s
}

.profile-socials a:hover {
    opacity: 1;
    transition: .3s
}

.grid.big {
    margin-top: -22px !important
}

.grid {
    display: block;
    overflow: hidden
}

.grid>a,
.m {
    border-radius: 12px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: top
}

label label {
    display: block
}

.grid>a:hover {
    color: #fff
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25
}

#servers .grid div a ion-icon {
    top: -2px;
    vertical-align: middle
}

#section-servers .grid group {
    pointer-events: all
}

.home-body-servers .group {
    align-items: center;
    display: flex
}

.grid>a,
.grid>div,
.m {
    transition: .3s
}

#servers .grid div a:hover {
    background: #fff3;
    transition: .3s
}

#servers .grid div a {
    color: #aecce4
}

#servers .grid div a:hover ion-icon {
    color: #fff !important
}

.grid .big:hover .group,
.grid .big:hover .mode-name,
.grid .big:hover .mode-timer {
    opacity: 0
}

.grid .big online {
    display: none
}

.grid .big {
    height: 300px;
    width: 100%
}

.grid .big shadow {
    height: 320px
}

.grid .big,
.grid .big:active {
    cursor: pointer !important
}

.grid .big a {
    right: 10%;
    top: 10%
}

.social img .social {
    margin: 0;
    margin-left: 12px !important
}

.social:hover img {
    filter: brightness(135%);
    transition: .3s
}

.live-dot {
    background-color: #6080ff;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.live-dot:after {
    animation: signal 3s ease-out infinite;
    background-color: inherit;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.avatar .premium,
.avatar.premium {
    border: 2px solid #fdb510 !important
}

.stattrak {
    border: 3px solid #cf6a32 !important;
    color: #cf6a32
}

.star,
.star.stattrak {
    border: 3px solid #8650ac !important;
    color: #8650ac
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20
}

.group:hover {
    color: #fff;
    transition: .3s
}

.mode-online {
    bottom: 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
}

.grid slots {
    color: #aecce4;
    font-size: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    transition: .3s;
    z-index: 25
}

.grid>div:hover slots {
    color: #fff;
    transition: .3s
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute
}

.grid online .orange {
    background: #f6b949;
    box-shadow: 0 0 2px #f6b94980
}

.grid online .green {
    background: #85f479;
    box-shadow: 0 0 2px #85f47980
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80
}

h1 {
    font-size: 48px
}

h1,
h3 {
    display: block;
    text-transform: uppercase
}

h3 {
    font-size: 24px;
    text-align: center
}

.grid .disabled {
    pointer-events: none
}

.disabled {
    color: #8aa2b666;
    filter: grayscale(100%)
}

.position {
    background: #0000 !important;
    background-color: initial !important;
    position: absolute;
    top: 0 !important
}

.list-style-dot li:before {
    border-color: #0000;
    color: #ffffff1a;
    content: "★";
    font-size: 24px;
    text-shadow: none;
    top: -1px;
    transition: .3s
}

.list-style-dot li:hover:before {
    color: #fdb510;
    transform: scale(.75);
    transition: .3s
}

#profile-main {
    align-items: center;
    display: flex;
    margin-top: 42px
}

#name_player {
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#profile-main>p {
    clear: both;
    font-size: 12px;
    opacity: .5;
    padding-bottom: 19px
}

#profile-main .xp-bar .loyalty__progressBar--3fut {
    margin-left: -32px;
    margin-right: -40px !important;
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__progressBg--2f0j {
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__giftInfo--2qi6 {
    position: absolute;
    right: 0;
    top: 0
}

#profile-main .xp-boost {
    top: -16px !important
}

#profile-main .xp-boost img {
    vertical-align: middle
}

#profile-maps {
    border: 1px solid #0003;
    border-radius: 12px;
    display: none;
    float: right;
    margin: 24px 24px 0;
    overflow: hidden;
    width: 50%
}

#profile-maps .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

#profile-maps .th>div:first-of-type {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 80%
}

#profile-maps .th>div:nth-of-type(2) {
    color: #ffffff80;
    display: inline-block;
    font-size: 14px;
    right: -20px;
    text-align: left;
    vertical-align: top;
    width: 20%
}

#profile-maps>div>div:nth-of-type(2n) {
    background: linear-gradient(90deg, #0000 0, #0000001a 48%, #0000)
}

#profile-maps>div>div:hover {
    background: linear-gradient(90deg, #fff0 0, #ffffff0d 48%, #fff0);
    transition: .3s
}

#profile-maps>div>div {
    border-top: 1px solid #0000001a;
    display: block;
    padding: 12px 0;
    white-space: nowrap
}

#profile-maps>div .hide {
    display: block !important
}

#profile-maps div div>div>div {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

#profile-maps div img {
    border-radius: 6px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 90px
}

#profile-maps>div div:last-of-type {
    border-bottom: 0
}

#profile-maps>div div:first-of-type {
    border-top: 0
}

#profile-maps>div div>div:first-of-type {
    padding-left: 5%;
    text-align: left;
    width: 75%
}

#profile-maps>div div>div:nth-of-type(2) {
    top: -2px;
    width: 20%
}

nav#profile-nav a {
    width: auto !important
}

details.disabled {
    background: #0000 !important t;
    opacity: .2 !important
}

details.disabled * {
    filter: grayscale(100%)
}

details.disabled balance {
    filter: grayscale(0) !important
}

.table .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

.table .th>div {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

#socials {
    left: 0;
    top: 0
}

#socials h4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

#socials a:not(:last-child) {
    margin-right: 14px
}

label img {
    bottom: 16px;
    height: 16px;
    opacity: 1;
    position: absolute;
    right: 16px;
    width: 18px
}

.grid.modes {
    padding-left: 0
}

.image {
    border-radius: 12px;
    margin-top: 0;
    width: 480px
}

div#features div {
    clear: both
}

input {
    background: #0000001a;
    border: 1px solid #0000;
    border-radius: 6px;
    box-shadow: inset 0 -1px #ffffff1a, inset 0 2px 2px #0003;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    width: 100%
}

#information .avatar {
    border-radius: 100%;
    height: 128px;
    width: 128px
}

.status.online {
    color: #33ff7b;
    opacity: 1
}

#content {
    padding-bottom: 0 !important
}

ul#languages {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #191f236b !important;
    border-radius: 12px;
    bottom: 48px;
    display: none;
    font-size: 0;
    left: 10px;
    margin: 8px;
    overflow: hidden;
    position: absolute;
    width: 48px;
    z-index: 100
}

ul#languages li {
    border-bottom: 1px solid #ffffff0d
}

#languages div {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    transition: .3s;
    width: 48px
}

ul#languages li:last-of-type {
    border-bottom: 0
}

ul#languages a:hover img {
    transform: scale(1.1);
    transition: .3s
}

ul#languages img {
    height: 16px;
    margin-right: 0 !important;
    margin-right: 6px;
    top: 0;
    transition: .3s;
    vertical-align: middle
}

ul#languages h4 {
    font-size: 9px;
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    top: 6px
}

ul#languages>a {
    font-size: 12px;
    top: 0
}

ul#languages>a img {
    height: 16px;
    margin-right: 6px;
    top: -1px;
    vertical-align: middle
}

.verify {
    background: #14191e00;
    color: #6080ff;
    height: 24px;
    margin-left: 12px
}

.group img {
    height: 12px;
    margin-right: 6px
}

.container.disabled {
    opacity: .5;
    pointer-events: none
}

.access,
.cancel,
.checking,
.error,
.success,
.twink {
    border-color: #0000 !important
}

#play {
    margin-bottom: 0;
    margin-top: -2px !important;
    padding-top: 0
}

#ready {
    background: #0000;
    box-shadow: 0 0 16px #6080ff1a !important;
    display: block
}

#ready.ready {
    box-shadow: 0 0 16px #33ff7b1a !important;
    color: #33ff7b
}

.skin icon {
    left: 0;
    margin: auto;
    right: 0;
    top: 24px;
    z-index: 100
}

.skin icon,
.skin icon img {
    display: block;
    position: absolute;
    width: 48px
}

.skin icon img {
    height: 48px;
    margin: 0 auto;
    top: 96px
}

.skin shadow {
    background: linear-gradient(135deg, #000, #0000) !important
}

details:hover {
    opacity: 1 !important;
    transition: .3s
}

#support-open {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    position: fixed;
    right: 16px;
    top: auto;
    z-index: 1199
}

.lvl {
    border: 0 !important;
    color: #fefefe;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 12px
}

.read {
    background: #0000 !important;
    opacity: .5 !important
}

#terms #content {
    height: 1024px
}

#nav-competitions .disabled,
#nav-servers .disabled,
#profile-nav .disabled {
    cursor: no-drop;
    opacity: .5
}

#aside-chat-show-swipe-area {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 1180
}

button#aside-chat-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0000000d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 48px;
    margin-top: -24px;
    position: fixed;
    right: 11px;
    top: 50%;
    width: 48px;
    z-index: 1195 !important
}

button#aside-chat-show:hover {
    background: #0000001a
}

button#aside-chat-show img {
    filter: invert(100%);
    height: 24px;
    opacity: .5;
    vertical-align: middle;
    width: 24px
}

button#aside-chat-show ion-icon {
    font-size: 24px !important
}

button#aside-chat-show span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    transition: .3s
}

button#aside-chat-hide {
    background: #0000;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 32px;
    z-index: 1290
}

button#aside-chat-hide:hover {
    background: #ffffff0d !important;
    transition: .3s
}

button#aside-chat-hide img {
    filter: invert(100%);
    height: 16px;
    opacity: .5;
    vertical-align: middle
}

#gif {
    display: none;
    right: 0
}

#gif,
#gif img {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

#gif img {
    opacity: .1;
    width: 100%
}

#gif:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: radial-gradient(ellipse at center, #14191e00 0, #0f141b 75%, #0f141b 100%);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000f161d", endColorstr="#0f141b", GradientType=1);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

aside#header .logo {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 14px 0;
    width: 100%
}

aside#header .logo img,
aside#header .logo video {
    height: 45px;
    margin: 0;
    opacity: 1;
    width: 60px
}

aside#header .profile .avatar {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    vertical-align: middle;
    width: 40px
}

aside#header .profile {
    font-size: 0;
    line-height: 64px;
    padding: 0;
    top: 0;
    width: 64px
}

aside#header .profile .avatar:hover {
    transform: scale(1.1);
    transition: .3s
}

aside#header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

aside#header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 28px;
    width: 32px
}

aside#header .profile ion-icon {
    font-size: 24px
}

.online {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 14px;
    padding: 6px 0 12px;
    text-align: center;
    width: 100%
}

.online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.online>span>span {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

aside#header {
    background: linear-gradient(180deg, #030b12 0, #0f141b);
    background: #0c101a;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    width: 84px;
    z-index: 1199
}

aside#header nav {
    height: fit-content;
    width: 100%
}

aside#header .langs {
    text-align: center;
    width: 100%;
    z-index: 10000
}

aside#header .langs h4 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    margin-bottom: -10px;
    padding-bottom: 0;
    text-align: center
}

.choosen-lang {
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 64px;
    line-height: 84px;
    transition: .3s;
    width: 100%
}

.choosen-lang:hover {
    color: #aecce4;
    transition: .3s
}

.choosen-lang img {
    height: 16px;
    margin-right: 0;
    top: -7px;
    transition: .3s;
    width: 16px
}

.choosen-lang:hover img {
    transform: scale(1.1);
    transition: .3s
}

aside#header .premium img {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

aside#header .help ion-icon {
    font-size: 24px
}

aside#header .play img {
    height: 18px !important
}

aside#header .play:after {
    background: #ffffff05;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

aside#header .play ion-icon {
    font-size: 24px
}

header {
    align-items: center;
    background: #11141c;
    box-shadow: none;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 84px;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1200
}

header #socials {
    display: flex;
    gap: 24px;
    left: 1%;
    top: 0
}

nav#sort {
    display: block
}

nav#sort div {
    display: inline-block
}

nav#sort div>a {
    font-size: 12px
}

nav#sort div>a ion-icon {
    margin-left: 6px;
    top: 2px
}

nav#sort div>a img {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

nav#sort ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0c0f12e6;
    border-radius: 12px;
    display: none;
    position: absolute;
    top: 48px;
    z-index: 100
}

nav#sort ul a {
    border-bottom: 1px solid #ffffff0d;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 100%
}

nav#sort ul a ion-icon {
    font-size: 16px;
    margin-right: 10px;
    top: 4px
}

nav#sort ul li:last-of-type a {
    border-bottom: 0
}

nav#sort .icon-left ion-icon {
    left: -6px !important;
    position: relative !important;
    top: 2px
}

header hgroup,
header hgroup h1 {
    text-align: center
}

header hgroup h1 {
    font-family: Roboto Condensed, sans-seri;
    font-size: 18px;
    line-height: 60px;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    text-transform: none;
    width: 100% !important
}

header img {
    vertical-align: middle
}

header .notifications {
    background: #0000;
    box-shadow: none !important;
    display: block;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0 !important;
    padding: 0 !important;
    top: 0;
    width: 48px
}

header .notifications span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    transition: .3s
}

header .balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px;
    min-width: auto;
    pointer-events: none
}

header .balance balance {
    color: #8a9dab;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    left: 0
}

header .balance balance,
header .balance p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    letter-spacing: 1px
}

header .balance p {
    color: #ffffff80;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
    text-align: left;
    text-transform: uppercase
}

header .balance:hover p {
    color: #aecce4;
    transition: .3s
}

header .balance balance img {
    height: 18px;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle
}

header .balance ion-icon {
    float: left;
    font-size: 32px;
    margin-right: 12px;
    opacity: .1
}

header .profile img {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    width: 40px
}

header .profile {
    float: right;
    font-size: 0;
    padding: 0
}

header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 40px
}

header .login {
    background-image:
        /*savepage-url=https://cybershoke.net/storage/images/svg/dot-arrow.svg*/
        url();
    background-position: center right 12px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #fff;
    float: right;
    height: 60px;
    line-height: 60px;
    opacity: .5;
    padding: 0;
    z-index: 100
}

header .login span {
    border-radius: 6px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    opacity: 0;
    padding-left: 0
}

header .login img {
    border-radius: 8px;
    display: inline-block;
    height: 32px !important;
    opacity: 1;
    right: 0
}

header .login:hover {
    background-image: none;
    background-position: 100%;
    color: #fff;
    opacity: 1
}

header .login:hover span {
    color: #fff9;
    opacity: 0;
    transition: .3s
}

header .login:hover img {
    opacity: 1;
    transition: .3s
}

#nav-servers {
    background-color: initial !important;
    display: block;
    font-size: 0;
    margin: 0 1%;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 9
}

#nav-servers>div {
    margin: 0 auto;
    overflow: hidden
}

#nav-servers>div>div {
    overflow: hidden
}

#nav-servers a {
    background-color: #ffffff0d;
    border-radius: 8px;
    color: #aecce4 !important;
    display: inline-block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 3px 2px;
    opacity: 1;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

#nav-servers a:last-of-type {
    margin-right: 0
}

#nav-servers a:hover {
    background: #ffffff1a;
    color: #6080ff !important;
    transition: .3s
}

#nav-servers a.active {
    background: #6080ff30;
    color: #6080ff !important;
    font-weight: 700
}

#nav-servers a[disabled] {
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

#nav-servers a ion-icon {
    margin-right: 6px;
    top: 2px
}

#nav-servers a img {
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    width: 16px
}

#nav-servers a.active span {
    display: inline-block !important
}

#nav-servers span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#nav-servers a.active span {
    border-color: #6080ff
}

#nav-servers {
    white-space: normal
}

#page-servers {
    height: 100%;
    width: 100%
}

#page-servers h2 {
    font-size: 40px;
    text-transform: uppercase
}

#page-servers h1,
#page-servers h2 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700
}

#page-servers h1 {
    padding: 0
}

#premium {
    font-family: Roboto, sans-serif !important;
    font-family: var(--font-family-1) !important;
    overflow: hidden
}

.avatar {
    border-radius: 100%
}

#contacts h2 {
    color: #fff;
    font-size: 32px
}

#contacts form {
    padding-top: 24px
}

#contacts form h4:not(:first-of-type) {
    padding-top: 0
}

#contacts form input {
    border: 1px solid #ffffff1a;
    height: 38px;
    margin-bottom: 6px;
    padding-left: 44px
}

#contacts form input:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form input:focus {
    border: 1px solid #6080ff
}

#contacts form textarea {
    background: #0000001a;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 196px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 12px 16px 14px;
    text-align: left;
    width: 100%
}

#contacts form textarea:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form label img {
    height: 16px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 17px
}

#contacts form textarea:focus {
    border: 1px solid #6080ff
}

#contacts form {
    flex: 1 1
}

#contacts form>div {
    display: flex;
    flex-direction: row
}

#contacts form div>div {
    flex: 1 1
}

#contacts form label {
    display: block;
    padding: 6px 16px
}

#contacts form button {
    margin-bottom: 16px
}

#submit_feedback {
    margin-left: 16px
}

#contacts form small {
    color: #ffffff80;
    cursor: default;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px
}

#contacts form small a:hover {
    text-decoration: underline !important
}

#contacts h4 {
    clear: both
}

#contacts .container {
    line-height: 1.5;
    margin-left: 16px;
    padding-left: 32px;
    padding-right: 16px;
    padding-top: 2px
}

::placeholder {
    color: #ffffff80
}

#langs-confirm {
    background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%);
    border-radius: 12px;
    bottom: 12px;
    font-family: Roboto;
    left: 60px;
    padding: 24px;
    position: absolute;
    width: 330px;
    z-index: 1200
}

#langs-confirm-choose {
    box-shadow: none !important;
    height: auto;
    line-height: 38px !important
}

#langs-confirm>a {
    top: 12px !important
}

#langs-confirm h4 {
    align-items: center;
    color: #ecf1f8;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none
}

#langs-confirm img {
    margin-right: 8px;
    width: 16px
}

#langs-confirm span {
    color: #6080ff
}

#langs-confirm p {
    color: #9fa7be;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 24px
}

#langs-confirm:before {
    border-bottom: 8px solid #0000;
    border-right: 8px solid #171c26;
    border-top: 8px solid #0000;
    bottom: 12px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

#langs-confirm>div button:first-of-type {
    background: #6080ff1a;
    border-radius: 8px;
    color: #6080ff;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .01em;
    line-height: auto;
    padding: 12px 39px;
    width: auto
}

#langs-confirm>div button:hover {
    transform: none !important
}

.options .container {
    color: #fff
}

#langs-confirm strong>ion-icon {
    color: #6080ff
}

h4 hr {
    background: #000;
    margin-bottom: 0 !important;
    width: 100%
}

#serverInfoModal #table-scroller {
    height: 240px
}

.settings form label {
    display: inline-block !important
}

.settings form label:nth-of-type(2) {
    margin-right: -2.5% !important
}

.headshots {
    height: 20px
}

.lvl-1 .avatar,
.lvl-2 .avatar,
.lvl-3 .avatar,
.lvl-4 .avatar {
    border: 2px solid #4698ff !important
}

.lvl-5 .avatar,
.lvl-6 .avatar,
.lvl-7 .avatar,
.lvl-8 .avatar {
    border: 2px solid #93f !important
}

.lvl-10 .avatar,
.lvl-11 .avatar,
.lvl-12 .avatar,
.lvl-9 .avatar {
    border: 2px solid #ffcc4c !important
}

.lvl-13 .avatar,
.lvl-14 .avatar,
.lvl-15 .avatar,
.lvl-16 .avatar {
    border: 2px solid #e50022 !important
}

.lvl-17 .avatar {
    border: 2px solid #5151e7 !important
}

.lvl-18 .avatar {
    border: 2px solid #67cb35 !important
}

.lvl-19 .avatar {
    border: 2px solid #cc2929 !important
}

#confirm {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    display: none;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#confirm:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

#buy,
.buy {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15) !important;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important
}

#buy:hover,
.buy:hover {
    box-shadow: 0 0 4px #eda53180 !important;
    transition: .3s
}

.btn {
    background: #6080ff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto
}

.btn:hover {
    filter: brightness(110%);
    transition: .3s
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: inset 0 3px 5px #0003 !important;
    box-shadow: inset 0 3px 5px #0003 !important;
    transition: .3s
}

button[disabled],
input[type=submit][disabled] {
    pointer-events: none
}

#use {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 6px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

#use:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

.owner {
    filter: invert(100%);
    height: 16px !important
}

.money {
    color: #afd999;
    float: right;
    font-size: 20px
}

.money ion-icon {
    color: inherit;
    margin-left: 12px;
    top: -2px;
    vertical-align: middle
}

#game #chat {
    border-radius: 12px
}

#game #chat .message p a {
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.options .active hr {
    display: block !important
}

.options select {
    background: #0000001a;
    border: 0;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-bottom: -2px;
    overflow: hidden;
    padding: 0 64px 0 24px;
    text-overflow: ellipsis;
    transition: .5;
    width: 100%
}

.options select:hover {
    background: #0003;
    color: #aecce4;
    transition: .5
}

.options select option {
    color: #000 !important
}

#settings select {
    background: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 64px 0 16px;
    text-overflow: ellipsis;
    transition: .5
}

#settings select:hover {
    border: 1px solid #fff3;
    color: #aecce4;
    transition: .5
}

#settings select:focus {
    border: 1px solid #6080ff;
    color: #fff
}

#settings select option {
    color: #000 !important
}

ol {
    counter-reset: myCounter
}

li {
    list-style: none;
    outline: none
}

ol li:before {
    border: 2px solid #aecce4;
    border-radius: 100%;
    color: #fff;
    content: counter(myCounter);
    counter-increment: myCounter;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    top: 0;
    width: 32px
}

.pointer-events-none {
    pointer-events: none !important
}

li p small {
    color: #ff9e15;
    display: block;
    text-transform: lowercase
}

li p {
    overflow: hidden
}

.btn.red {
    background: #0000 !important;
    border: 1px solid #ff5150 !important;
    color: #ff5150
}

.btn.red,
.btn.red:hover {
    box-shadow: none !important
}

.btn.white {
    background: #0000 !important;
    border: 1px solid #ffffff80 !important;
    line-height: 40px !important
}

.btn.white:hover {
    box-shadow: none !important
}

.btn.green {
    background: #0000 !important;
    border: 1px solid #00ff8f !important;
    color: #00ff8f;
    line-height: 40px !important
}

.btn.green:hover {
    box-shadow: none !important
}

.btn.gray,
.btn.gray:hover {
    filter: grayscale(100%)
}

.btn.green.outline {
    border: 1px solid #00ff8f !important
}

.btn.green.no-border,
.btn.green.outline {
    background: #0000 !important;
    color: #00ff8f
}

.btn.green.no-border,
.btn.no-border {
    border: 0 !important
}

.btn.no-border {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-border:hover {
    box-shadow: none !important
}

.btn.outline {
    border: 1px solid #6080ff !important
}

.btn.no-bg,
.btn.outline {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-bg {
    border: 0 !important
}

.btn.icon-left ion-icon {
    color: inherit;
    font-size: 20px !important;
    left: -4px;
    margin-right: 12px;
    top: -2px;
    vertical-align: middle
}

#date {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gold {
    text-shadow: none
}

.profile-buttons {
    bottom: 36px;
    position: absolute;
    right: 14px;
    z-index: 10
}

.profile-buttons>button {
    margin-right: 12px !important
}

.skin-icon {
    float: left !important;
    height: auto !important;
    max-height: 40px;
    max-width: 40px;
    position: relative !important;
    top: 0 !important;
    width: auto !important
}

.skin-name {
    margin-bottom: 3px
}

.skin-categories {
    color: #ffffff80;
    font-size: 12px
}

.grid.max .big {
    width: 12.75% !important
}

.grid.max>a,
.grid.max>div {
    width: 18.5% !important
}

#policy {
    background-color: #565656e6;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    cursor: default;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60%;
    z-index: 100000000000000
}

#policy svg {
    cursor: pointer;
    float: right;
    height: 12px;
    margin-right: 12px;
    top: 1px;
    width: 12px
}

#policy svg:hover {
    opacity: .8;
    transform: scale(1.1);
    transition: .3s
}

#policy a {
    color: #6080ff;
    text-decoration: none
}

#policy a:hover {
    text-decoration: underline
}

nav select {
    background: #0000;
    border: 1px solid #fff3;
    border-radius: 6px;
    display: none;
    font-size: 16px;
    height: 32px;
    left: 10%;
    padding: 0 16px;
    width: 90%
}

.overflow-hidden {
    overflow: hidden
}

#serverInfoModal .table .th {
    border-bottom: 1px solid #0000001a;
    height: 40px
}

#serverInfoModal .table .th>div:first-of-type {
    display: inline-block;
    float: left;
    text-align: left !important
}

#serverInfoModal .table .th>div:nth-of-type(2),
#serverInfoModal .table .th>div:nth-of-type(3) {
    display: inline-block;
    float: right;
    width: 25%
}

input.info {
    border-color: #339cff !important
}

input.success {
    border-color: #33ff7b !important
}

input.error {
    border-color: #ff5150 !important
}

input.warning {
    border-color: #ffb933 !important
}

#alerts .info {
    background: #339cff;
    box-shadow: 0 0 6px #339cff80
}

#alerts .success {
    background: #33ff7b;
    box-shadow: 0 0 6px #33ff7b80
}

#alerts .error {
    background: #ff5150;
    box-shadow: 0 0 6px #ff515080
}

#alerts .warning {
    background: #ffb933;
    box-shadow: 0 0 6px #ffb93380
}

form p.info {
    color: #339cff !important;
    font-size: 12px
}

form p.success {
    color: #33ff7b !important;
    font-size: 12px
}

form p.error {
    color: #ff5150 !important;
    font-size: 12px
}

form p.warning {
    color: #ffb933 !important;
    font-size: 12px
}

#online-listModalOpen>span {
    top: 0
}

#settings h3 img {
    filter: grayscale(100%);
    height: 32px;
    margin-right: 16px;
    width: 32px
}

#settings h3 {
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>div {
    flex: 1 1
}

#arcticModals {
    display: none
}

.arcticmodal-container,
.arcticmodal-overlay {
    background: #0000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.arcticmodal-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    overflow: auto;
    padding: 0
}

:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    vertical-align: middle
}

.arcticmodal-error {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 20px
}

.arcticmodal-overlay {
    background-color: #13161b99;
    opacity: 1
}

.arcticmodal {
    background: #151d27;
    border-radius: 12px;
    box-shadow: 0 10px 20px 0 #ffffff05;
    display: block;
    overflow: hidden
}

.arcticmodal>h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    opacity: .95;
    text-transform: none;
    text-transform: uppercase
}

.arcticmodal>h2,
.arcticmodal>p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    text-align: center
}

.arcticmodal>p {
    font-size: 16px;
    line-height: 19px;
    opacity: .5;
    padding-top: 10px
}

.cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px
}

.cover shadow {
    background: linear-gradient(180deg, #0000 0, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal {
    background: linear-gradient(0deg, #171c2a 71.09%, #13182100 129.73%), #171c2a;
    border-radius: 32px;
    box-shadow: 0 4px 134px 0 #0000005e;
    width: 823px;
    z-index: 1000000
}

#serverInfoModal.arcade-mode {
    width: 344px
}

#serverInfoModal .cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px;
    opacity: .15;
    overflow: hidden
}

#serverInfoModal .cover shadow {
    background: linear-gradient(180deg, #41434500 0, #151d27 91%, #151d27);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal .icon {
    border-radius: 100%;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 40 !important
}

#serverInfoModal .score {
    display: block;
    margin-top: -64px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center
}

#serverInfoModal time {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    text-align: center;
    text-transform: none;
    top: -36px
}

#serverInfoModal ion-icon {
    color: inherit;
    margin-right: 6px;
    top: 2px
}

#pracInfoModal {
    padding: 0;
    width: 520px
}

.grid h4 {
    padding: 0 0 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

#ad {
    width: 100%
}

#ad,
#game {
    margin-top: 0
}

#game {
    z-index: 1000
}

#game #score {
    display: block;
    margin-top: 128px;
    overflow: hidden;
    text-align: center
}

#game h1 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    left: 0;
    margin-bottom: -32px !important;
    max-width: 100%;
    padding-top: 24px;
    pointer-events: none;
    text-align: center;
    text-transform: none
}

.avatar {
    background: linear-gradient(0deg, #3b4851 51%, #252d30 88%)
}

#serverInfoModal-scroller {
    height: 640px;
    padding-bottom: 12px;
    padding-top: 12px
}

.skin>div {
    overflow: hidden;
    top: 0
}

.skin p {
    position: absolute !important;
    top: 16px !important;
    z-index: 1000
}

.skin>span {
    border-radius: 100%;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 6px;
    z-index: 100
}

.skin.cover>div img {
    top: 0 !important
}

.cancel {
    background: #0000 !important
}

.cancel,
.cancel:hover {
    box-shadow: none !important;
    transition: .2s
}

.cancel:hover {
    opacity: .5
}

h4 {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.grid.shop h4 {
    padding-left: 10px
}

.grid.shop .skin p {
    color: #c8cfdb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    opacity: .9;
    padding: 0 16px;
    z-index: 35 !important
}

.grid.shop .skin p span {
    color: #6c6c71;
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 4px
}

.grid.shop .skin .btn.mini {
    background: #0000;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #ffffff0d;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    left: 0;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(1);
    width: 100%;
    z-index: 45 !important
}

.grid.shop .skin button strong {
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    right: 0
}

.grid.shop .skin button strong img {
    top: -3px
}

.display-block,
.display-block>label {
    display: block !important
}

.options label small {
    color: #ffffff80;
    float: right;
    font-weight: 400
}

aside#shop {
    box-shadow: none !important;
    float: right;
    margin-right: 12px;
    width: 240px
}

aside#shop h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-top: 0
}

aside#shop h2 {
    padding-top: 0
}

aside#shop>h4 {
    padding-top: 12px
}

.skin.device div img {
    top: 90px !important
}

form label p small {
    color: #ffffff80;
    float: right;
    font-size: 10px;
    top: 3px
}

#terms p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

#terms a {
    opacity: .7;
    text-decoration: underline
}

@media (max-width:1100px) {
    #socials h4 {
        display: none !important
    }

    #top-modes {
        padding-left: 24px
    }

    #top-modes h2 {
        margin-top: -24px
    }
}

.relative {
    position: relative !important
}

@media (max-width:576px) {
    header [not-mobile] {
        display: none !important
    }

    .wrap {
        padding: 0
    }
}

@media (min-width:992px) {
    #game h1 {
        top: -80px !important
    }
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease
}

button:not(.disabled):hover {
    filter: brightness(115%)
}

#game h1.resp {
    padding-top: 0;
    top: -64px
}

.container>img {
    border-radius: 100%
}

.tippy-box {
    max-width: 390px !important
}

a {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    background: #0000;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0000
}

::-webkit-scrollbar-thumb {
    background: #0000008c;
    border: 1px solid #ffffff1a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #070a0d;
    background: #0006
}

::-webkit-scrollbar-corner {
    background: #0000
}

input {
    box-shadow: none
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none
}

.block-servers-name:hover {
    transform: none !important
}

#about-competitions>div,
.bubbles-container {
    overflow: visible !important;
    overflow: initial !important
}

.category-hide,
.global-hide-default,
.global-hide-goods,
.global-hide-quality,
.global-hide-star,
.global-hide-type {
    display: none !important
}

header .login {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.options hr,
.options select {
    display: none
}

.options .btn {
    width: 100% !important
}

#langs-confirm,
.options div label {
    display: none
}

#gif img {
    object-fit: cover;
    top: -50% !important
}

.circleload {
    height: 12px !important;
    position: relative !important;
    top: 0 !important
}

.skin {
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none
}

.grid.shop .skin strong {
    bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

#category {
    display: none
}

#socials {
    height: 28px
}

#serverInfoModal .cover {
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.skin-buttons {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 53px !important;
    width: 100% !important
}

.btn-sell {
    background-color: #6080ff;
    border-color: #6080ff;
    border-radius: 9px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-pickup img {
    margin: 0 !important;
    width: 14px !important
}

.btn-pickup {
    align-items: center;
    background-color: #e3775e;
    border-color: #e3775e;
    border-radius: 9px;
    color: #fff;
    display: flex;
    float: right;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-sell:hover {
    background-color: #6080ff !important;
    border-color: #6080ff !important;
    color: #fff !important
}

.btn-pickup:hover {
    background-color: #e3775e !important;
    border-color: #e3775e !important;
    color: #fff !important
}

.s-price {
    color: #ffa210 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.s-price-img {
    margin-right: 6px !important;
    top: 3px !important;
    width: 16px !important
}

.s-image-drop {
    top: 40px !important;
    width: 90% !important
}

.count_in_storage {
    background: #0f141b;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    bottom: 20px;
    font-size: 15px;
    left: auto;
    min-width: 27px;
    padding: 3px;
    position: absolute;
    right: 8% !important;
    text-align: center;
    transform: scale(1);
    z-index: 9999
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header-user-premium-button {
    padding: 0 !important
}

.header-user-premium-button img {
    border: 1px solid #ffb70080 !important;
    border-radius: 6px !important;
    padding: 9px !important;
    width: 30px !important
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important
}

#servers .grid div a svg {
    top: -2px;
    vertical-align: middle
}

.border-class-golden {
    border: 2px solid #d08b0d !important;
    transition: .3s
}

.new_nav_servers {
    border: 2px solid #fb9800 !important;
    color: #fb9800 !important;
    padding: 0 6px !important
}

#contacts form a {
    margin-bottom: 16px
}

.prime_border {
    border: 2px solid #60b9ebcc !important
}

#competitions aside>div ol li p span:nth-of-type(2) img {
    width: 16px !important
}

.desc {
    padding: 12px 24px 24px !important
}

.grid-inventory .grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid !important;
    -ms-flex-wrap: wrap;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.37rem, 1fr)) !important;
    width: 100% !important
}

.grid-inventory .grid h4 {
    padding-bottom: 12px;
    padding-top: 24px
}

.grid-inventory .skin {
    background-color: initial;
    border-radius: 12px;
    cursor: pointer;
    height: 200px;
    opacity: 1;
    transition: all .2s ease;
    width: auto
}

.skin:hover {
    box-shadow: 0 15px 10px 0 #15182980
}

.grid-inventory .skin:hover {
    opacity: 1;
    transform: translateY(3px);
    z-index: 101 !important
}

.color-default {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-default:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-consumer {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-consumer:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-covert {
    background-image: linear-gradient(150deg, #8847ff00, #ff47470d 60%, #eb4b4b40);
    color: #eb4b4b
}

.color-covert:hover {
    box-shadow: 0 10px 20px 0 #eb4b4b08
}

.color-industrial {
    background-image: linear-gradient(150deg, #8847ff00, #5e98d90d 60%, #5e98d940);
    color: #5e98d9
}

.color-industrial:hover {
    box-shadow: 0 10px 20px 0 #5e98d908
}

.color-classified {
    background-image: linear-gradient(150deg, #8847ff00, #ff47f10d 60%, #d32ee640);
    color: #d32ee6
}

.color-classified:hover {
    box-shadow: 0 10px 20px 0 #d32ee608
}

.color-golden {
    color: #f89406
}

.border-golden {
    border: 1px solid #f89406
}

.border-blue {
    border: 1px solid #6080ff
}

.border-blinking {
    animation: highlightBorder 2s infinite;
    border: 1px solid grey
}

.color-golden {
    background-image: linear-gradient(150deg, #8847ff00, #ffb1000d 60%, #f8940640)
}

.color-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608
}

.b-color-golden {
    background: linear-gradient(#fff0, #ff97003d 100%)
}

.color-restricted {
    background-image: linear-gradient(150deg, #8847ff00, #8847ff0d 60%, #8847ff40);
    color: #8847ff
}

.color-restricted:hover {
    box-shadow: 0 10px 20px 0 #8847ff08
}

.color-milspec {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40);
    color: #4b69ff
}

.color-milspec:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08
}

.color-logitech {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40)
}

.color-logitech:hover {
    box-shadow: 0 10px 20px 0 #2c335808
}

.skin-bg {
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 90%
}

.grid-inventory .grid.shop .skin:hover:after {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border-radius: 12px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important
}

.inventroy__gift:hover {
    transform: translateY(3px)
}

.grid-inventory .skin>div {
    display: flex;
    justify-content: center;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.grid-inventory .s-image-drop {
    margin-top: 0 !important;
    max-height: 88px;
    max-width: 60% !important;
    top: 18px !important;
    width: auto !important
}

.grid-inventory .skin p {
    bottom: 20px !important;
    color: #ffffffeb !important;
    font-size: 12px !important;
    top: auto !important
}

.grid-inventory .skin:hover div img {
    transform: scale(1);
    transition: .3s
}

.p_skin_quality_0 {
    color: #cf674d !important;
    font-weight: 700 !important
}

.p_skin_quality_0,
.p_skin_quality_1 {
    display: inline-block
}

.grid-inventory .check {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: absolute !important;
    right: 12px !important;
    top: -4px !important;
    width: auto !important;
    z-index: 99999 !important
}

.grid-inventory .check svg {
    width: 19px !important
}

.grid-inventory .check img {
    left: auto !important;
    margin-top: 0 !important;
    right: -3px !important;
    top: 13px !important;
    width: 19px !important
}

.block-servers-name,
.verify {
    cursor: pointer !important
}

.big {
    border: 0 solid #ffffff0d;
    opacity: 1 !important
}

.n-button {
    align-items: center;
    background: #6080ff;
    border-radius: 4px;
    color: #ecf1f8 !important;
    display: inline-flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 24px
}

.big>div>a>img,
.big>div>a>video {
    border-radius: 12px;
    height: 320px !important;
    left: 0;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100% !important
}

.block-border-map {
    background: #14191e;
    border-radius: 12px;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    overflow: hidden;
    position: absolute !important;
    top: 2px !important;
    width: calc(100% - 4px) !important
}

.big:hover {
    box-shadow: 0 10px 20px 0 #ffffff05
}

.big:hover div img {
    opacity: .7;
    transition: .5s
}

.block-border {
    background-position: 0 50%;
    background-size: 300% 300%;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border.golden {
    background: linear-gradient(60deg, #f88e14, #ff9300, #ffaf07)
}

.block-border.grey {
    background: #aecce4
}

.block-border.blue {
    background: #6080ff
}

.block-border-blue {
    background: linear-gradient(60deg, #4e7df0, #4584f0, #3d35f0);
    background-position: 0 50%;
    background-size: 300% 300%
}

.block-border-blue,
.block-border-prime {
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border-prime {
    background: linear-gradient(60deg, #6ed2fe, #46a5fe, #5496fe);
    background-position: 0 50%;
    background-size: 300% 300%
}

.box-shadow-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608 !important
}

.box-shadow-blue:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08 !important
}

header .exit {
    color: #eb645d;
    display: inline-block;
    float: right;
    font-size: 0;
    margin-left: 20px;
    margin-right: 21px;
    padding: 0;
    top: -1px;
    transition: .3s
}

header .exit img {
    height: 18px;
    opacity: .2;
    transition: .3s;
    width: 18px
}

header .exit:hover img {
    opacity: 1;
    transition: .3s
}

header .profile {
    margin-left: 21px
}

header .deposit {
    float: right;
    font-size: 13px !important;
    height: 36px !important;
    line-height: inherit !important;
    padding: 0 14px !important
}

header .deposit img {
    height: 15px;
    margin-left: 2px;
    width: 15px
}

.header-button-deposit {
    align-items: center;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px
}

.header-button-premium .deposit {
    background: linear-gradient(45deg, #c37f00, #ffb000)
}

#section-servers {
    border-right: 1px solid #0003;
    display: block;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    z-index: 1000
}

.home-body-servers:hover {
    box-shadow: 0 10px 20px 0 #ffffff05;
    cursor: pointer;
    opacity: 1 !important;
    transition: .3s
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s
}

.home-body-servers:hover div img {
    opacity: 1 !important;
    transition: .5s
}

.tippy-arrow,
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow,
.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    display: none !important
}

.page_profile_new #profile-main {
    left: 8px !important;
    top: -2px !important
}

.page_profile_new #profile-nav {
    margin-top: -6px !important;
    padding-left: 36px;
    text-align: left
}

.page_profile_new #profile-nav a {
    color: #94a7b7;
    font-weight: 700;
    padding: 0 29px
}

.xp-bar {
    float: left;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    top: -4px
}

.xp-bar-info {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 15px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-1 {
    display: inline-block
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-2 {
    color: #777 !important;
    display: inline-block;
    font-weight: 700 !important
}

.xp-bar-info-2 span {
    color: #777;
    font-weight: 400;
    margin-left: 5px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-3 {
    color: #5f5f5f !important;
    display: inline-block;
    font-weight: 500 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__giftInfo--2qi6 {
    right: 10px !important
}

.loyalty__progressBox--2KEX {
    top: -7px;
    transform: none;
    width: 640px
}

.profile-socials {
    align-items: center;
    background: #0000002b;
    border-radius: 4px;
    display: flex;
    padding: 9px 10px
}

.profile-socials-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 12px;
    position: absolute;
    right: 30px;
    z-index: 10
}

.profile-socials a {
    align-items: center;
    display: flex;
    opacity: .5
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBar--3fut {
    height: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBg--2f0j {
    height: 6px !important
}

#profile-cover {
    height: 330px !important
}

.gold #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.page_profile_new #profile-content .profile-content-block #top-stats>div {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top !important;
    width: auto !important
}

.page_profile_new #profile-content .profile-content-block #top-stats {
    grid-gap: .6rem !important;
    align-content: flex-start !important;
    display: -ms-flexbox;
    display: grid !important;
    flex-wrap: wrap;
    gap: .6rem !important;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 20rem)) !important;
    grid-template-rows: 65px 65px 65px 65px;
    height: 100% !important;
    left: 20px;
    margin-right: 2rem !important;
    margin-top: 0;
    overflow: auto !important;
    top: 20px;
    width: 40% !important
}

#shop {
    border-top: 1px solid #0003;
    height: 88.5vh;
    padding: 0 16px
}

#date .status {
    display: inline-block;
    margin: -6px 24px 6px;
    opacity: .5
}

main {
    display: block;
    height: 100%;
    margin-left: 84px;
    margin-right: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 60px;
    transition: all .2s ease
}

.wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    width: 100%
}

#servers {
    padding-left: 3px
}

#servers .modes {
    grid-gap: .9rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .9rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
    height: 100%;
    width: 100%
}

#routerpages {
    display: block;
    flex-grow: 1;
    width: 100%
}

.page-servers-grid {
    display: block;
    height: 100%;
    margin: 1% 1% 0
}

.table {
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--hover);
    border-top: none;
    padding: 12px 0;
    vertical-align: middle
}

.table tbody tr:nth-of-type(2n) th {
    background: #1c233480;
    padding: 15px 0
}

.table-players-server-header th {
    background: #1c233480
}

.table tbody tr th:first-child,
.table-players-server-header th:first-child {
    border-radius: 6px 0 0 6px
}

.table tbody tr th:last-child,
.table-players-server-header th:last-child {
    border-radius: 0 6px 6px 0
}

tbody tr,
thead tr {
    width: 100%
}

.table-grid {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.alt {
    display: none;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.alt-left {
    align-items: center;
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac;
    display: none;
    font-family: Roboto;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    opacity: 1;
    outline: 0;
    padding: 0 8px;
    right: 120%;
    transition-property: visibility, opacity, transform;
    transition: .3s
}

.tip:hover .alt,
.tip:hover .alt-left {
    display: inline-flex;
    opacity: 1;
    transition: .3s
}

.home-body-servers a img {
    height: 16px;
    vertical-align: middle
}

img,
svg {
    color: inherit;
    font-size: inherit
}

.header-side-left a img {
    height: 21px;
    vertical-align: middle
}

time img {
    height: 16px;
    left: -6px;
    top: 2px
}

.edit-link-out {
    left: 20px
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1
}

.servers-grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
    height: 100% !important;
    overflow: visible;
    overflow: initial;
    padding-bottom: 20px
}

#prime-servers {
    margin-bottom: 2rem
}

#servers {
    height: 100%;
    width: 100%
}

#profile-nav div[disabled],
.site-nav a[disabled],
.support-nav li[disabled] {
    opacity: .2;
    pointer-events: none
}

#profile-nav a img {
    font-size: 24px;
    height: 13px;
    margin-right: 7px;
    opacity: .1;
    top: -1px;
    vertical-align: middle
}

#page-servers-home {
    display: none;
    overflow: visible;
    overflow: initial
}

#page-servers-servers {
    display: none;
    gap: 0;
    grid-template-columns: 1fr 270px;
    width: 100%
}

#page-servers-servers-no-prime,
#page-servers-servers-prime {
    padding-left: 21px
}

#nav-servers .nav-servers-button-setting {
    opacity: 0;
    padding: 0 12px !important
}

#nav-servers .nav-servers-button-setting:hover,
#nav-servers .nav-servers-button-setting:hover img {
    opacity: .8
}

#nav-servers .nav-servers-button-setting img {
    height: 20px !important;
    margin-right: 0 !important;
    opacity: .2;
    top: -1px;
    transition: .3s;
    width: 20px !important
}

#nav-servers:hover .nav-servers-button-setting {
    opacity: .4;
    transition: .3s
}

#profile-friends {
    margin: 1%
}

.block-profile-friends-menu {
    display: block;
    float: left;
    width: 100%
}

.block-profile-friends-menu-grid-line {
    align-items: center;
    background: #0a0f1552;
    cursor: pointer;
    flex-direction: row;
    font-size: 16px;
    height: 50px;
    padding: 13px 11px;
    transition: .3s;
    vertical-align: middle;
    width: 100%
}

.block-profile-friends {
    display: block;
    float: right;
    width: 100%
}

.block-profile-friends-f-block {
    background: #131a24;
    border-radius: 5px;
    display: flex;
    height: 50px;
    transition: .3s
}

#block-profile-friends-offline .block-profile-friends-f-block {
    opacity: .7
}

.block-profile-friends-f-block:hover {
    cursor: pointer;
    opacity: 1;
    transform: translateY(3px) !important;
    transition: .3s;
    z-index: 101 !important
}

.block-profile-friends-f-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.block-profile-friends-f-block-content-name {
    color: #818fa3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-profile-friends-f-block-content-server {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-server {
    overflow: hidden;
    white-space: nowrap;
    width: 55%
}

.block-profile-friends-f-block-img {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 10px
}

.block-profile-friends-f-block-img img {
    border-radius: 50%;
    height: 31px;
    object-fit: cover;
    width: 31px
}

.block-profile-friends-f-block-img:before {
    background: #636772;
    border: 2px solid #0f141b;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 1
}

#block-profile-friends-online .block-profile-friends-f-block-img:before {
    background: #3999de
}

#block-profile-friends-in-game .block-profile-friends-f-block-img:before {
    background: #33ff7b
}

.block-profile-friends-grid {
    grid-gap: .8rem;
    align-content: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
    margin-bottom: 24px;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.block-profile-friends-w h4 {
    color: #748297;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    text-transform: none
}

#block-profile-friends-online .block-profile-friends-f-block-content-name {
    color: #57cbde
}

#block-profile-friends-in-game .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #a3cf06
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-name {
    color: #e3ffc2
}

#block-profile-friends-offline .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #586577
}

#profile_button_connect img {
    height: 20px;
    right: 10px;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

.table-players-server-header tr th {
    color: #7a8697;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.data-one-server-info tr th {
    color: #e1e9fd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.data-one-server-info a,
.data-one-server-info tr th {
    align-items: center;
    display: flex
}

.table-players-server-header tr:nth-of-type(odd) {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.data-one-server-info tr,
.table-players-server-header tr {
    display: grid;
    grid-template-columns: 80px 98px 1fr 1fr 1fr 1fr 1fr 1fr
}

.arcade-mode .data-one-server-info tr,
.arcade-mode .table-players-server-header tr {
    grid-template-columns: 60px 120px 1fr
}

.data-one-server-info a {
    height: 100%
}

.table-players-server-body {
    display: grid;
    height: 247px;
    padding-right: 6px;
    width: calc(100% + 6px)
}

#profile-stats {
    width: 100%
}

.profile-stats-grid {
    grid-gap: .8rem !important;
    display: grid;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    gap: .8rem !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.profile-stats-grid div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin: 14px 0;
    text-align: center;
    vertical-align: middle
}

.profile-stats-grid div strong {
    font-size: 26px;
    font-weight: 700
}

.profile-stats-grid div p {
    font-size: 15px;
    font-weight: 500;
    opacity: .5
}

#p-profile-faceit-country img {
    width: 22px
}

#deviceModal form h4 {
    left: 10px;
    margin-bottom: 14px
}

#video-compare-container {
    border-radius: 5px;
    display: inline-block;
    height: 270px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#video-compare-container>img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#video-clipper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#video-clipper img {
    height: 100%;
    width: 200%
}

#video-clipper>div {
    height: 100% !important
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.p-ch-block-menu {
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

.p-ch-block-menu h4 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    text-transform: inherit;
    transition: .3s
}

.p-ch-block-menu summary {
    cursor: pointer;
    padding: 16px 0
}

.p-ch-block-menu details[open] summary {
    background: #1d2330;
    border-radius: 5px
}

.p-ch-block-menu h4:hover {
    cursor: pointer;
    transition: .3s
}

.p-ch-block-menu h4 .arrow {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 12px
}

.p-ch-block-menu details[open] .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.p-ch-block-menu ul {
    border-left: 2px solid #1d2330;
    margin: 10px 0 8px 24px;
    padding-left: 26px
}

.p-ch-block-menu li {
    align-items: center;
    color: #919ba7;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px
}

.p-ch-block-menu li.active {
    color: #d9e3f1
}

.p-ch-block-menu li.colored:before {
    background: #6080ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li {
    color: #eaf2ffb3;
    font-size: 14px;
    font-weight: 500;
    left: 30px;
    padding: 7px 0;
    transition: .3s
}

.blue-dotted-list li:before {
    background: #1c2430;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li.active:before {
    background: #6080ff
}

.blue-dotted-list li.active {
    color: #fff;
    transition: .3s
}

.blue-dotted-list li:hover {
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.p-ch-grid {
    overflow: scroll;
    overflow-x: hidden
}

.block-profile-friends-f-block .block-profile-friends-f-block__connect {
    align-items: center;
    background: #111721;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #aecce4;
    display: flex;
    height: 100%;
    opacity: 1;
    padding: 0 13px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: .3s;
    z-index: 25
}

.block-profile-friends-f-block__connect img {
    height: 19px
}

.p-ch-block-upper {
    align-content: center;
    border-bottom: 1px solid #161d29;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: visible;
    overflow: initial;
    text-align: center;
    width: 100%
}

.p-ch-block-upper div {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    text-align: center;
    transition: .3s
}

.p-ch-block-upper div img {
    width: 21px
}

.p-ch-block-upper>div:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

.p-ch-block-upper div.active {
    background: #131a22
}

#profile-skinchanger-skins {
    display: block
}

.skin-disable {
    background-image: linear-gradient(150deg, #8847ff00, #8a83720d 60%, #121519) !important;
    border: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: .3s;
    z-index: 999999
}

.skin-disable .s-image-drop,
.skin-disable p {
    opacity: .4;
    transition: .3s
}

.skin-disable:hover .s-image-drop,
.skin-disable:hover p {
    filter: blur(4px);
    opacity: .3 !important;
    transition: .3s
}

.skin-disable:hover .skin-buy-premium {
    opacity: 1 !important;
    transition: .3s
}

.skin-buy-premium {
    opacity: 0;
    top: 19px !important;
    transition: .3s;
    z-index: 99999
}

.skin-buy-premium,
.skin-buy-premium>div {
    filter: none !important;
    position: absolute !important
}

.skin-buy-premium .text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    top: 4px
}

.skin-buy-premium .text div {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    top: 4px
}

.skin-buy-premium>div img {
    display: block;
    filter: drop-shadow(0 0 16px rgba(237, 165, 49, .2));
    margin: 0 auto;
    padding-top: 10px;
    top: 0 !important;
    width: 43% !important
}

.horizontal-scroll>div {
    display: inline-block;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: auto
}

.horizontal-scroll>div,
.horizontal-scroll>div>div {
    color: #aecce4;
    font-size: 12px !important
}

.horizontal-scroll>div>a {
    transition: .3s
}

.horizontal-scroll>div>a.active {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

.horizontal-scroll>div>a[disabled] {
    color: #ffffff1a !important;
    filter: grayscale(100%);
    pointer-events: none
}

.horizontal-scroll>div>a:hover {
    border-bottom: 3px solid #6080ff;
    transition: .3s
}

.horizontal-scroll .horizontal-scroll-a-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46%
}

.horizontal-scroll .horizontal-scroll-a-r {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 46%
}

.section-servers-none {
    display: none;
    padding: 70px 0;
    position: relative;
    text-align: center;
    top: 30%;
    width: 100%
}

.section-servers-none>div {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: auto;
    text-align: center;
    width: 100%
}

.section-servers-none>div>img {
    margin-bottom: 34px;
    width: 44px
}

.section-servers-none>div>div {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

#dropSkinsModal {
    background: linear-gradient(1turn, #090e13 -67.25%, #192432 195.71%);
    min-width: 396px;
    padding: 35px;
    text-align: center
}

.modelLabelText {
    color: #ffffff80;
    font-family: Roboto Condensed;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center
}

.header-pro-select h4 {
    color: #a7a7a7b3;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 0 6px 10px
}

.premium-wrapper {
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/bg/premium.png*/
        url() no-repeat calc(50% - 60px) -250px;
    display: block;
    position: relative;
    width: 100%
}

.premium__benefits,
.premium__main {
    transition: all .2s ease
}

.premium__main {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.premium__main-content {
    width: 500px
}

.premium__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 95px;
    text-align: left;
    text-transform: inherit
}

.premium__title span {
    color: #6080ff
}

.premium__sub-title {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 27px;
    opacity: .7
}

.premium__main-line {
    background-color: #22272e;
    display: block;
    height: 1px;
    margin: 45px 0 42px;
    width: 100%
}

.premium__quote {
    align-items: flex-start;
    display: flex;
    margin-bottom: 21px
}

.premium__quote span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-left: 24px;
    width: 386px
}

.premium__main-plans {
    display: flex;
    gap: 19px;
    margin-top: 48px;
    position: relative
}

.premium__main-plans.allow-bonus {
    transform: translateX(-120px)
}

.premium__main-plans:before {
    background: #00000030;
    content: "";
    display: block;
    filter: blur(20px);
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.select-arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%)
}

.premium__plan-benefits-title {
    color: #838c98;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    text-transform: uppercase
}

.premium__plan-benefits {
    border-top: 2px solid #e49635;
    padding-top: 32px
}

.premium-lite__plan .premium__plan-benefits {
    border-top: 2px solid #6080ff
}

.disabled-benefit,
.disabled-benefit a {
    color: #838c98 !important
}

.plan-line {
    background-color: #1d2329;
    display: block;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

.premium-price-span {
    align-items: center;
    color: #838c98;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    top: -4px
}

.premium-price-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

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

.premium__pagination {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.pagination__step {
    background-color: #838c98;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 4px;
    margin-left: 10px;
    width: 5px
}

.pagination__step-active {
    background-color: #f19102;
    border-radius: 3px;
    width: 20px
}

.premium__comment-slider {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.quote-author__img {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.quote-author__img img {
    border-radius: 100%;
    height: 100%
}

.premium__quote-author {
    align-items: center;
    display: flex;
    margin-left: 51px
}

.quote-author__data {
    display: flex;
    flex-direction: column
}

.quote-author__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.premium__benefits {
    margin-top: 142px;
    padding-bottom: 150px
}

.premium__benefit-content {
    flex-direction: column
}

.premium__benefit-block,
.premium__benefit-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.premium__benefit-block {
    gap: 160px;
    margin-bottom: 150px
}

.reverse-benefit {
    flex-direction: row-reverse
}

.premium__benefit-name {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    margin: 24px 0 14px;
    text-align: center;
    text-transform: uppercase
}

.premium__benefit-descr {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.premium__benefit-images {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    position: relative;
    width: 450px
}

.premium__benefit-images>img:not(:first-child) {
    position: absolute;
    z-index: 5
}

.premium__benefit-images .under-demo-images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.benefit-number,
.premium__benefit-images .under-demo-images img {
    position: absolute
}

.benefit-number {
    color: #fff;
    display: block;
    font-size: 300px;
    font-weight: 900;
    letter-spacing: -48px;
    opacity: .05;
    right: 435px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.premium__benefit-content {
    width: 450px
}

.premium__bottom-subscribe {
    text-align: center;
    transition: .3s
}

.premium__bottom-subscribe h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    text-align: center
}

.premium__bottom-subscribe p {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0 32px;
    text-align: center
}

.premium__bottom-subscribe button {
    background-color: #f19102;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    text-transform: uppercase;
    width: 260px
}

.benefit-img__cases {
    bottom: -18px;
    right: -53px
}

.benefit-img__karambit {
    left: -26px;
    top: 11px
}

.benefit-img__blured-ak {
    left: 56px;
    top: -79px
}

.benefit-img__awp {
    bottom: 0;
    right: 0
}

.benefit-img__mission {
    animation: lowerRankRotation 4s ease infinite;
    left: -17px;
    top: 26px
}

.benefit-img__flashbang {
    bottom: -30px;
    left: -20px
}

.benefit-img__neon-ak {
    right: -38px;
    top: 91px
}

.benefit-img__bullets {
    left: -20px;
    top: -22px
}

.benefit-img__navi {
    bottom: -40px;
    left: -53px
}

.benefit-forze {
    right: -60px;
    top: -50px
}

.benefit-img__crosshair {
    left: 73px;
    top: -66px
}

.benefit-img__locker {
    bottom: -66px;
    left: 110px
}

.benefit-vp {
    bottom: -63px;
    right: -34px
}

.benefit__curtain {
    right: -40px;
    top: -10px
}

.benefit__corona {
    left: -78px;
    top: -75px
}

.benefit__feathers {
    animation: feathers 3s ease-in infinite;
    bottom: -46px;
    left: 23px
}

.benefit__cup {
    left: -40px;
    top: 0
}

.benefit__diamonds {
    left: -10px;
    top: -21px
}

.benefit__18-rank {
    left: 73px;
    top: -83px
}

.benefit__10-rank {
    bottom: -41px;
    left: 152px
}

.benefit__4-rank {
    left: -22px;
    top: 120px
}

.benefit__19-rank {
    right: -43px;
    top: -42px
}

.red {
    color: #be3737
}

.tab-content__active {
    display: block
}

.benefit__gif {
    border-radius: 5px;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (max-width:1500px) {
    .premium__title {
        text-align: center
    }

    .premium__main {
        flex-direction: column
    }

    .premium__main-content {
        text-align: center
    }

    .premium__comment-slider {
        align-items: center;
        flex-direction: column
    }

    .premium__quote {
        justify-content: center
    }

    .premium__quote-author {
        margin-bottom: 24px;
        margin-left: 0
    }

    .premium__quote span,
    .quote-author__data {
        text-align: left
    }

    .premium__pagination {
        margin-bottom: 52px
    }

    .premium__main-plans {
        margin-left: 0
    }

    .premium__benefits {
        margin-top: 156px
    }

    .premium__benefit-block {
        flex-direction: column
    }

    .premium__benefit-block .premium__benefit-content {
        margin-left: 0;
        margin-right: 0
    }

    .benefit__drops .premium__benefit-content {
        margin-bottom: 87px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 77px
    }

    .benefit__no-ads .premium__benefit-content {
        margin-bottom: 69px
    }

    .benefit__pro .premium__benefit-content {
        margin-bottom: 60px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__tag .premium__benefit-content {
        margin-bottom: 67px
    }

    .benefit__exp .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 73px
    }

    .premium__benefit-block {
        margin-bottom: 100px
    }

    .benefit__18-rank {
        left: -13px;
        top: -58px
    }

    .benefit-img__karambit {
        top: 0
    }

    .premium__benefits {
        padding-bottom: 100px
    }

    .premium-wrapper {
        background-position: top
    }
}

@media (max-width:1100px) {
    .sidebar {
        display: none
    }

    .premium__title {
        text-align: center
    }
}

@media (max-width:650px) {
    .premium__title {
        font-size: 32px;
        margin-bottom: 14px;
        text-align: center
    }

    .premium__sub-title {
        font-size: 14px;
        margin: 0 auto;
        width: 300px
    }

    .premium__main-line {
        margin: 37px auto 32px;
        width: 300px
    }

    .premium__quote span {
        width: 249px
    }

    .premium__quote-author {
        transform: translateX(-20px)
    }

    .premium-lite__plan {
        margin-bottom: 32px;
        margin-right: 0
    }

    .premium__main-plans {
        flex-direction: column
    }

    .premium__benefits {
        margin-top: 174px
    }

    .premium__benefit-name {
        font-size: 24px
    }

    .premium__benefit-descr {
        font-size: 14px;
        width: 300px !important
    }

    .benefit__drops .benefit__drops .premium__benefit-content {
        margin-bottom: 66px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 50px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__exp .premium__benefit-content,
    .benefit__no-ads .premium__benefit-content,
    .benefit__pro .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 46px
    }

    .benefit__tag .premium__benefit-content {
        margin-bottom: 56px
    }

    .premium__benefit-name {
        text-align: center
    }

    .premium__benefit-images {
        height: 200px;
        width: 300px
    }

    .benefit-img__cases {
        display: none
    }

    .benefit-img__karambit {
        left: -16px;
        top: 0;
        width: 80px
    }

    .benefit-img__blured-ak {
        left: 56px;
        top: -48px;
        width: 219px
    }

    .benefit-img__flashbang {
        bottom: -20px;
        left: 0;
        width: 50px
    }

    .benefit-img__neon-ak {
        right: -10px;
        top: 80px;
        width: 331px
    }

    .benefit-img__bullets {
        left: 13px;
        top: -22px
    }

    .benefit-img__navi {
        bottom: -30px;
        left: -8px;
        width: 78px
    }

    .benefit-forze {
        right: -25px;
        top: -16px;
        width: 56px
    }

    .benefit-vp {
        bottom: -49px;
        right: -11px;
        width: 114px
    }

    .benefit__curtain {
        right: -1px;
        top: 0;
        width: 129px
    }

    .benefit__corona {
        left: -11px;
        top: -43px;
        width: 89px
    }

    .benefit__feathers {
        animation: feathers 3s ease-in infinite;
        bottom: -46px;
        left: 23px;
        width: 259px
    }

    .benefit__cup {
        height: 173px;
        left: 0;
        top: 48px
    }

    .benefit__diamonds {
        left: 12px;
        top: 38px;
        width: 79px
    }

    .benefit__18-rank {
        display: none
    }

    .benefit__10-rank {
        left: auto;
        right: 34px;
        width: 64px
    }

    .benefit__4-rank {
        left: 8px;
        top: 78px;
        width: 41px
    }

    .benefit__19-rank {
        right: 2px;
        top: -20px;
        width: 80px
    }

    #video-clipper img,
    #video-compare-container>img {
        object-fit: cover
    }
}

.premium-price-value img {
    height: 21px;
    left: 8px
}

.premium-price-value-price {
    float: left
}

#mode__modal {
    position: relative
}

.footer {
    flex-shrink: 0;
    margin-top: 40px;
    width: 100%
}

.footer .flex-wrap {
    align-items: center;
    display: flex;
    gap: 0;
    height: 100%;
    justify-content: center;
    overflow: auto;
    padding-bottom: 40px;
    width: 100%
}

.footer__sponsors {
    position: relative;
    text-align: center;
    width: 100%
}

.footer__sponsors img {
    background: 0 0;
    border-radius: 12px;
    max-height: 80px;
    max-width: 170px;
    opacity: .1;
    transition: .3s
}

.footer__sponsors a:hover img {
    filter: grayscale(24%);
    opacity: 1;
    transition: .3s
}

.footer__navigation {
    border-top: 1px solid #1c2127;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 96px 80px;
    row-gap: 80px;
    width: 100%
}

.footer__sponsors {
    padding-left: 60px;
    padding-right: 60px
}

.footer__logo img {
    height: 30px;
    margin-top: 3px
}

.footer__sponsors a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 86px
}

.footer__nav-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__nav-list li {
    color: #9a9fa9;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    transition: filter .2s ease
}

.footer__nav-list li:hover {
    filter: brightness(125%)
}

.footer__socials {
    display: flex;
    gap: 12px
}

.footer__socials img {
    transition: all .3s;
    transition: filter .2s ease;
    width: 100%
}

.footer__socials a {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px
}

.footer__socials a:hover img {
    filter: brightness(135%)
}

.benefit__diamonds {
    animation: imgScale 4s infinite
}

.benefit-img__bullets {
    animation: bullets 4s infinite
}

.benefit__18-rank {
    animation: rankRotation 4s ease infinite
}

.benefit__10-rank {
    animation: lowerRankRotation 4s ease infinite
}

.benefit-img__flashbang {
    animation: flashRotation 5s ease infinite
}

.benefit-img__blured-ak {
    animation: akRotation 5s ease infinite
}

#premium-modal .premium-version {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin: 35px 0 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 2s
}

.lite-premium-modal .premium-version {
    color: #32a0ef
}

.full-premium-modal .premium-version {
    color: #eda231
}

#premium-modal .premium-period {
    color: #9d9ea0;
    font-size: 14px;
    line-height: 23px;
    transition: all 5s
}

#premium-modal .premium-period,
.premium-modal__title {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.premium-modal__title {
    color: #e6e6e6;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all .5s
}

.premium-modal__corona {
    transform: translateY(40px);
    transition: all 1s
}

.lite-premium-modal .premium-modal__corona,
.premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-modal .premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-modal__close {
    background: #0000;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    margin: 35px auto 0;
    opacity: 0;
    text-align: center;
    transition: all 1s;
    width: 144px
}

.lite-premium-modal .premium-modal__close {
    border: 1px solid #32a0ef
}

.full-premium-modal .premium-modal__close {
    border: 1px solid #f08e33
}

.premium-modal__left-bg {
    left: 0;
    transform: translateX(-100%)
}

.premium-modal__left-bg,
.premium-modal__right-bg {
    animation: bgPulsing 1.5s infinite;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 1s
}

.premium-modal__right-bg {
    right: 0;
    transform: translateX(100%)
}

.avatar.premium-lite {
    border: 2px solid #6080ff !important
}

.container-border-bottom {
    border-bottom: 1px solid #1b2027;
    margin-bottom: 20px;
    padding-bottom: 20px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}

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

.drop-modal__wrapper,
.premium-renew-modal__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    mix-blend-mode: normal;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999
}

.premium-renew-modal__wrapper {
    background: #080c11e6;
    transition: opacity .3s
}

.drop-modal__wrapper,
.modal__overlay_CASE_MODAL>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #0f141bd9
}

#premium-renew-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.premium-time-left {
    background: #151f36;
    border-radius: 4px;
    color: #e4eaff;
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 42px auto 10px;
    opacity: 0;
    padding: 9px 19px;
    text-transform: uppercase;
    transform: translateY(20px);
    transition: all 1s ease
}

.premium-renew__corona {
    display: block;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease
}

.premium-renew__title {
    font-family: Roboto Condensed;
    font-size: 78px;
    font-weight: 700;
    line-height: 91px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s ease
}

.premium-renew__title-wrapper {
    margin-bottom: 20px
}

.premium-renew__title-wrapper .side-span {
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    width: 0
}

.lite-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #32a0ef
}

.full-premium-renew-modal .premium-renew__title-wrapper .side-span,
.premium-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #eda231
}

.premium-renew__title-wrapper .side-span:first-child {
    left: -42px;
    transform: translateY(-50%) translateX(-100%)
}

.premium-renew__title-wrapper .side-span:last-child {
    right: -42px;
    transform: translateY(-50%) translateX(100%)
}

.lite-premium-renew-modal .premium-renew__title {
    color: #32a0ef
}

.full-premium-renew-modal .premium-renew__title,
.premium-premium-renew-modal .premium-renew__title {
    color: #eda231
}

.lite-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-renew-modal .premium-renew__corona,
.premium-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-renew__buttons {
    opacity: 0;
    text-align: center;
    transform: translateY(-10px);
    transition: all 1s ease
}

.premium-renew__buttons a,
.premium-renew__buttons button {
    border-radius: 7px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 15px 21px;
    text-transform: uppercase;
    transition: all .2s ease
}

.premium-renew-btn {
    background: #0000
}

.lite-premium-renew-modal .premium-renew-btn {
    border: 1px solid #32a0ef
}

.lite-premium-renew-modal .premium-renew-btn:hover {
    background-color: #32a0ef26;
    box-shadow: 0 5px 20px #32a0ef2e
}

.full-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.full-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.premium-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-notify-later-btn {
    background: #0d161f;
    border: 1px solid #0000
}

.premium-notify-later-btn:hover {
    filter: brightness(125%)
}

.dont-notify {
    color: #e6e6e680;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    opacity: 0;
    text-align: center;
    text-decoration-line: underline;
    transition: all 1s ease
}

.premium-renew__appear {
    opacity: 1;
    transform: translateY(0)
}

#unmodals {
    position: absolute;
    z-index: 99999
}

#deposit__modal {
    position: relative
}

h2.deposit__title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 135%;
    opacity: 1;
    text-transform: uppercase
}

h3.deposit__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 28px;
    opacity: .7;
    text-align: left;
    text-transform: uppercase
}

.deposit__types-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.deposit__payment-systems-wrapper {
    margin-bottom: 24px
}

.deposit__balance-modal,
.deposit__prem-modal {
    align-items: flex-start;
    background: #141c25;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 35px
}

.deposit__balance-modal {
    border-radius: 12px;
    width: 720px
}

.deposit__prem-modal {
    border-radius: 0 12px 12px 0;
    margin-left: 10px;
    width: 553px
}

.deposit__balance-modal>div,
.deposit__prem-modal>div {
    width: 100%
}

.payment-providers-list {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    height: 350px;
    overflow-y: scroll;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.payment-providers-list:not(:first-child) {
    display: none
}

.deposit-pay-system {
    align-items: center;
    background: #19212c;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    transition: all .2s ease
}

.deposit-modal__content {
    margin-top: 30px;
    width: 100%
}

.deposit-converter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.deposit__convert-bar {
    display: block;
    display: grid;
    float: left;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.deposit__convert-bar,
.deposit__phone-number {
    background: #19212c;
    border-radius: 10px;
    height: 56px;
    position: relative;
    width: 100%
}

.deposit__phone-number {
    align-items: center;
    display: none;
    margin-bottom: 20px;
    overflow: hidden
}

.deposit__phone-number-img {
    align-items: center;
    background: #222f3f;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50px
}

.deposit-foot__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.deposit__phone-number-img img {
    opacity: .5;
    width: 20px
}

.code-input__wrapper input,
.deposit__convert-bar input,
.deposit__phone-number input {
    background: #0000;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    outline: none;
    padding-top: 13px;
    position: relative;
    transition: all .2s;
    width: 100%
}

.code-input__wrapper input+label,
.deposit__convert-bar input+label,
.deposit__phone-number input+label {
    color: #acb6e08f;
    font-family: Roboto;
    font-size: 9px;
    font-weight: 500;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: all .2s
}

.code-input__wrapper input:focus,
.deposit__phone-number input:focus {
    padding-top: 0
}

.code-input__wrapper input:focus+label,
.deposit__phone-number input:focus+label {
    opacity: 0
}

input.rubles-input+label {
    padding-left: 40px
}

.deposit__convert-bar input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.deposit__convert-bar input::-webkit-inner-spin-button,
.deposit__convert-bar input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.deposit__convert-bar input:focus,
.deposit__convert-bar input:hover {
    border: 0
}

.convert-indicator {
    align-items: center;
    background: #151f2c;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.converter__cybercoins,
.converter__rubles {
    align-items: center;
    display: flex;
    padding: 0 30px;
    width: 100%
}

.deposit-modal-button {
    background: #6080ff;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    transition: all .2s;
    width: 100%
}

.deposit-modal-button:hover {
    filter: brightness(110%)
}

.deposit__premium-plans {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
    width: 100%
}

.deposit__premium-plans>div {
    display: block;
    height: 158px;
    padding: 19px;
    width: 210px
}

.deposit__premium-price,
.deposit__premium-title {
    align-items: center;
    display: flex
}

.deposit__premium-title {
    justify-content: space-between;
    margin-bottom: 25px
}

.deposit__premium-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 135%;
    text-transform: capitalize
}

.deposit__premium-price {
    font-size: 18px;
    font-weight: 700
}

.price-currency {
    margin-right: 5px;
    width: 15px
}

.deposit__code-inputs {
    grid-gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1.3fr
}

.code-input__wrapper {
    background: #19212c;
    border-radius: 10px;
    height: 56px
}

.code-input__wrapper input,
.deposit__phone-number input {
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    text-transform: uppercase
}

.code-input__wrapper input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.save-code {
    background: #6080ff33;
    border-radius: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 32px
}

.save-code:hover {
    background: #6080ff59;
    transition: .3s
}

.deposit__buy-premium {
    margin-left: 0;
    margin-top: 67px;
    width: 100%
}

.choosen-payment-provider {
    border-bottom: 2px solid #6080ff
}

.method__currency {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #26293599;
    border: 1px solid #6875a130;
    border-radius: 6px;
    color: #88969c;
    display: block;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: 120.2%;
    padding: 6px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto
}

.premium__bottom-subscribe button {
    transition: .3s
}

.premium__bottom-subscribe button:hover {
    filter: brightness(110%);
    transition: .3s
}

.event-xp-modal__wrapper {
    background: linear-gradient(1turn, #090e13 -138.15%, #192432 195.71%);
    border-radius: 16px;
    padding: 40px 35px;
    width: 443px
}

.event-xp-modal__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.event-xp-modal__subtitle,
.event-xp-modal__title {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.event-xp-modal__subtitle {
    color: #878787;
    font-size: 15px
}

h4 .new_span {
    background: #ff7d00;
    border-radius: 9px;
    box-shadow: 0 4px 6px #ff7d0033;
    left: 8px;
    padding: 0 6px
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: -webkit-linear-gradient(top, #fff0, #0046ff00 50%, #fff0 51%, #00aeff00);
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#profile__premium-indicator {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    height: 23px;
    justify-content: center;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: -22px
}

.profile__full-prem {
    border: 1px solid #feb611;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.profile__lite-prem {
    border: 1px solid #32a0ef;
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

#profile__premium-indicator img {
    width: 12px
}

#profile__premium-indicator span {
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase
}

.profile__full-prem span {
    color: #feb611
}

.profile__lite-prem span {
    color: #32a0ef !important
}

.player_name_blue {
    color: #1f89d6 !important
}

.header__count-pro svg {
    margin-left: 3px;
    width: 8px
}

.header__count-pro {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 8px;
    width: 100%
}

.header__user {
    cursor: pointer
}

.header__user>div:first-child {
    align-items: center;
    display: flex
}

.header__count-pro {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500
}

.header__deposit {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 14px;
    transition: all .2s ease
}

.header-vip-user {
    border: 2px solid #fdb510
}

.header__notifications>div:first-of-type {
    cursor: pointer;
    position: relative
}

.deauth {
    margin-left: 16px
}

.deauth img {
    cursor: pointer;
    opacity: .5;
    transform: rotate(180deg);
    transition: .3s;
    width: 12px
}

.deauth img.active {
    transform: rotate(0deg)
}

.profileOpen {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.profileOpen:hover {
    background: #273047
}

.header__user:hover .deauth img {
    opacity: 1
}

.online-player__user-img {
    margin-left: 16px
}

.online-player__server-name {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.online-player__server-name img {
    height: 20px;
    margin-left: 6px
}

.premium-main-btn span {
    color: #fdb510;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease
}

#socials,
.premium-main-btn span {
    align-items: center;
    display: flex
}

.icon-slide-left {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}



.icon-slide-left span {
    transition: .25s ease
}

.icon-slide-left:hover span {
    margin-left: 20px
}

.icon-slide-left:hover:after {
    left: 8px
}

.social svg {
    height: 15px;
    opacity: .5;
    transition: .3s
}

.social:hover svg {
    filter: grayscale(0);
    opacity: .8
}

.social img {
    height: 20px;
    width: 20px
}

#socials .social {
    align-items: center;
    display: flex
}

.mode__prime-filter {
    background: #181d23;
    border-radius: 9px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr 2fr;
    height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    width: 240px
}

.prime-filter__btn {
    background: #0000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    transition: all .2s ease
}

.mode__prime-filter img {
    image-rendering: inherit;
    margin-right: 3px;
    top: 1px;
    width: 11px
}

.switch-to-prime {
    border-left: 1px solid #222931;
    border-right: 1px solid #222931
}

.choosen-prime-filter {
    background: #1f2731 !important
}

.shop {
    height: auto !important
}

@keyframes hero1Fading {
    0% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(2)
    }

    60% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero2Fading {
    0% {
        filter: brightness(1)
    }

    10% {
        filter: brightness(1)
    }

    20% {
        filter: brightness(2)
    }

    30% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero7Fading {
    0% {
        filter: brightness(1)
    }

    30% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero4Fading {
    0% {
        filter: brightness(1)
    }

    60% {
        filter: brightness(1)
    }

    70% {
        filter: brightness(2)
    }

    80% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

a.servers-mode__find-btn {
    background: #6080ff;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 41px;
    padding: 11px 0;
    text-align: center;
    transition: all 1s ease;
    width: 107px
}

.servers-mode__find-btn:hover {
    filter: brightness(1.2)
}

@keyframes moveSky {
    0% {
        transform: scale(1) translateX(0)
    }

    50% {
        transform: scale(1.2) translateX(300px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important
}

.closed-server-prime:hover div img,
.closed-server:hover div img {
    opacity: .35 !important
}

a.closed-indicator:hover {
    background: #0000 !important
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659)
}

.block-border-locked {
    background-position: 0 50%;
    background-size: 300% 300%;
    border: 2px solid #91a8b9;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.closed-server-prime .block-border-map {
    background: linear-gradient(0deg, #00173659, #00173659);
    z-index: 6
}

.full-servers__wrapper {
    background: #0d1117
        /*savepage-url=https://cloud.cybershoke.net/img/among/sky2.png*/
        url() no-repeat 50%/cover;
    border-radius: 12px;
    height: 80px;
    padding: 9px 26px;
    text-transform: uppercase
}

.full-servers__wrapper>div {
    align-items: center;
    display: flex;
    height: 100%
}

.full-servers__amount {
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700
}

.blue-text {
    color: #6080ff
}

.yellow-text {
    color: #fdb510
}

.full-servers__text {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.hide-full-servers__cb {
    align-items: center;
    color: #fff6;
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.hide-full-servers__cb .checkmark {
    height: 15px;
    width: 15px
}

.hide-full-servers__cb .checkmark:after {
    left: 5px;
    top: 2px
}

.full-servers__wrapper>img {
    bottom: 0;
    filter: brightness(.7);
    position: absolute;
    right: 0;
    transition: filter .2s ease
}

.full-servers__wrapper:hover>img {
    filter: brightness(1)
}

.scroll-left-enter {
    transform: translateX(-100%)
}

.scroll-right-enter {
    transform: translateX(100%)
}

.scroll-left-enter-done,
.scroll-right-enter-done {
    transform: translateX(0);
    transition: transform 1s
}

.purchase-title-enter {
    opacity: 0;
    transform: translateY(40px)
}

.purchase-title-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s
}

.opacity-enter {
    opacity: 0
}

.opacity-enter-done {
    opacity: 1;
    pointer-events: all;
    transition: opacity 2s
}

.modal-enter {
    opacity: 0;
    transform: scale(.95)
}

.modal-enter-active {
    transition: all .2s
}

.modal-enter-active,
.modal-enter-done {
    opacity: 1;
    transform: scale(1)
}

.modal-exit-active {
    opacity: 0;
    transform: scale(.95);
    transition: all .2s
}

.modal-exit-done {
    opacity: 0
}

.crown-enter {
    transform: translateY(40px)
}

.crown-enter-done {
    transform: translateY(0);
    transition: transform 1s
}

.scale-enter {
    transform: scaleX(0)
}

.scale-enter-done {
    transform: scaleX(1);
    transition: transform 1s
}

.modal-container-exit {
    opacity: 0
}

.modal-container-exit-done {
    display: none !important
}

.crown2-enter-done,
.slide-from-up-enter-done,
.time-left-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s
}

.cybercoins-input+label:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/general/diamond.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 10px;
    left: calc(100% + 5px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.tooltip {
    display: block !important
}

.online-player__user-img img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.empty-title {
    color: #1e2836;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 10px;
    text-align: center
}

.profile__friend-list__empty,
.profile__inventory__empty,
.profile__payment__empty {
    padding: 70px 0
}

.profile__payment__empty {
    display: flex;
    justify-content: center;
    width: 100%
}

.profile__payment__empty img {
    margin-right: 20px
}

summary {
    outline: none
}

.options>div label,
.options>div select {
    display: block !important
}

details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
    opacity: 0
}

details summary {
    appearance: none;
    -webkit-appearance: none;
    list-style: none
}

.block-servers-players-status {
    max-height: 100%
}

.p-ch-block-upper .active {
    background: #131a22
}

.p-ch-block-upper li:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

#profile-skinchanger-collection {
    display: block
}

.profile__friend-list__empty img,
.profile__inventory__empty img {
    display: block;
    margin: 0 auto
}

.closed-tab {
    display: none
}

#profile-nav .active a {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

#profile-nav .active span {
    border-color: #6080ff
}

.tooltip-flex {
    display: flex !important
}

.live-dot {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

#user {
    display: flex;
    flex-direction: row-reverse
}

nav#user {
    flex-direction: row
}

nav#user,
nav#user>* {
    align-items: center;
    display: flex;
    height: 100%
}

nav#user>* {
    margin: 0 7px
}

.header__deposit svg {
    margin-right: 7px
}

.header__deposit:hover {
    filter: brightness(110%)
}

.header__pro-img {
    align-items: center;
    background-color: #6080ff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 36px
}

#header__user_balance {
    color: #fff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 20px;
    font-weight: 700;
    margin-right: 6px
}

#header__user_balance,
.header__balance {
    align-items: center;
    display: flex
}

.header__balance img {
    height: 16px
}

.header__pro-img img {
    width: 16px
}

.header__online-players__button {
    align-items: center;
    background-color: #1b2229;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    height: 34px;
    transition: .3s;
    width: 80px
}

.header__online-players__button:hover {
    background: #ffffff1a
}

.header__profile {
    align-items: center;
    background: #1b2229;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    width: 35px
}

.header__profile img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.header-pro-user,
.header-talent-user,
.header-vip-user {
    border: 2px solid #fdb510
}

.header-lite-user {
    border: 2px solid #1f89d6
}

.header-none-user {
    border: 2px solid #0000
}

.header__count-notifications,
.header__notifications svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__count-notifications {
    background: #6080ff;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    height: 13px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: -4px;
    width: 13px;
    z-index: 5
}

.header__notifications path {
    transition: all .3s ease
}

.header__notifications>div:hover path {
    fill: #fff
}

.header__pro-online {
    margin-top: 23px
}

.online-player__user img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.online-player__user {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.online-player__user-img:after {
    background: #33ff7b;
    border: 1px solid #21293d66;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.online-player__user-img {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 11px;
    width: 21px
}

.header__online-player-nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500
}

.online-player__server-connect {
    align-items: center;
    background: #5beaae2b;
    border-radius: 5px;
    color: #64d3ab;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 5px 10px
}

.online-player__server-connect img {
    width: 20px
}

.grey-scroll::-webkit-scrollbar-thumb {
    background: #374256
}

.grey-scroll::-webkit-scrollbar {
    background: #181e29;
    width: 4px
}

.grey-scroll::-webkit-scrollbar-thumb {
    border: none !important
}

.online-player__server {
    margin-left: 10px
}

.online-player__server-name {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.header__online-players ul li:hover {
    background: #21293d
}

.header__online-players ul li:hover .online-player__server-name {
    display: none
}

.header__online-players ul li:hover .online-player__server-connect {
    display: flex
}

.premium-main-btn {
    background: #0000;
    border: 1px solid #fdb510;
    border-radius: 5px;
    box-sizing: border-box;
    height: 33px;
    padding: 0 15px;
    transition: all .3s ease
}

.header-prem .premium-main-btn {
    margin-right: 10px
}

.premium-main-btn.prolong {
    width: 150px
}

.premium-main-btn,
.premium-main-btn span {
    align-items: center;
    color: #fdb510;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.header-prem {
    align-items: center;
    display: flex;
    height: 100%
}

.header-prem a {
    height: auto
}

#socials {
    height: 100%
}

button.icon-slide-right:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

button.icon-slide-left {
    overflow: hidden;
    position: relative
}

button.icon-slide-left:after {
    background: url('//cloud.cybershoke.net/img/general/crown.svg') no-repeat 50%/cover;
    content: "";
    display: block;
    height: 15px;
    left: -20%;
    position: absolute;
    transform: translateY(-1px);
    transition: .25s ease;
    width: 15px
}

button.icon-slide-left span {
    transition: .25s ease
}

button.icon-slide-left:hover span {
    margin-left: 20px
}

button.icon-slide-left:hover:after {
    left: 8px
}

.prolong span {
    text-transform: uppercase
}

button.prolong:hover {
    width: 165px
}

#header-login-btn {
    margin: 0 !important;
    padding: 0 !important
}

.login-btn {
    background: #6080ff;
    border-radius: 6px;
    color: #ffffffe6;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    justify-content: center;
    line-height: 14px;
    padding: 0 10px;
    text-transform: uppercase
}

.login-btn,
.login-btn-wrapper {
    align-items: center;
    display: flex
}

.login-btn-wrapper {
    gap: 14px;
    height: 60px
}

.login-img {
    margin-left: 7px;
    width: 13px
}

.user-theme__VIP #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.user-theme__VIP #profile_user_width_xp {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214)
}

.user-theme__LITE #name_player {
    color: #1f89d6 !important
}

.user-theme__LITE #profile_user_width_xp {
    background: linear-gradient(45deg, #35aaff 33%, #32a0ef 66%, #1f93e6)
}

.user-theme__LITE,
.user-theme__VIP,
.user-theme__banned {
    margin-top: 9px !important
}

.modal__overlay {
    align-items: center;
    background-color: #13161b99;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1201
}

.modal__overlay.transparent {
    background-color: initial
}

.modalShowing_true {
    opacity: 1;
    pointer-events: auto
}

.hide {
    display: none
}

ul#languages {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease
}

.langs:hover ul#languages {
    opacity: 1;
    pointer-events: auto
}

.deposit__types-wrapper>ul {
    width: 100%
}

.hidden-mode-nav {
    opacity: .2 !important
}

.show__nav-btn {
    opacity: .8 !important
}

.timer-block {
    align-items: center;
    display: flex
}

.timer-block>div {
    margin-right: 30px
}

aside#header nav>a:hover img {
    transform: scale(1.08)
}

aside#header nav>a img {
    transition: .3s
}

.header__count-notifications {
    border: 1px solid #030b12
}

.time-block__upper {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.time-block__lower {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    margin-top: 9px;
    text-transform: uppercase
}

.modal-container {
    transition: opacity .5s
}

.modal-container-enter {
    opacity: 0
}

.modal-container-enter-active {
    opacity: 1;
    transition: opacity .5s
}

.premium__bottom-subscribe {
    display: block;
    margin: 0 auto
}

.full-width-btn {
    grid-template-columns: 1fr
}

.premium__bottom-subscribe a {
    height: inherit;
    width: inherit
}

.modal-container-exit {
    opacity: 1
}

.modal-container-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.container>img {
    border-radius: 3px
}

.container {
    margin-bottom: 21px
}

#page-servers-servers {
    grid-template-columns: 1fr 255px
}

.checkmark {
    background: #131a24
}

.container:hover input~.checkmark {
    background-color: #141c25
}

.container input:checked~.checkmark {
    background-color: #1f2534 !important
}

.locations__wrapper {
    background: #12171f;
    padding: 21px 15px;
    transform: translateX(-15px);
    width: 275px !important
}

.locations__wrapper>label {
    display: block !important
}

.options summary p {
    font-weight: 700
}

.locations__wrapper>label:last-of-type {
    margin-bottom: 0
}

.loyalty__progressBox {
    cursor: help;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 16px auto 0;
    width: 300px
}

.loyalty__progressBox .loyalty__progressBg--2f0j {
    cursor: help
}

.table-switcher {
    border: 1px solid #0000;
    border-radius: 7px;
    color: #eaf1fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 13px;
    transition: all .2s ease
}

.table-switcher:not(:last-of-type) {
    margin-right: 5px
}

.table-switcher.active {
    border: 1px solid #6080ff;
    color: #95aaff
}

.blue-scroll::-webkit-scrollbar-thumb {
    background: #6080ff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 32px
}

.blue-scroll::-webkit-scrollbar {
    background: #17202c;
    width: 2px
}

.vc {
    align-items: center;
    display: flex
}

.section-servers-none {
    display: block
}

.online-players__empty {
    color: #8499b9;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    text-align: center
}

.empty-notifications {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.empty-notifications .empty-title {
    color: #f7f9ff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 16px 0 7px
}

.empty-notifications .empty-text {
    color: #d9e1ff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 17px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    width: 165px
}

.empty-notifications img {
    opacity: .2;
    width: 50px
}

#non-prime-servers,
#prime-servers {
    display: block
}

.p_skin_name:after {
    background: #2a68b0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.color-golden .p_skin_name:after {
    background: #fdb510
}

.color-milspec .p_skin_name:after {
    background: #6080ff
}

.color-restricted .p_skin_name:after {
    background: #754de8
}

.color-covert .p_skin_name:after {
    background: #e84d4d
}

.color-consumer .p_skin_name:after,
.color-default .p_skin_name:after {
    background: #ffffff4d
}

.color-classified .p_skin_name:after {
    background: #e44de8
}

.color-industrial .p_skin_name:after {
    background: #2a68b0
}

.p-ch-block-upper li,
.p-ch-block-upper li div {
    width: 100%
}

.hide-full-servers__button {
    align-items: center;
    background: #181d23;
    border-radius: 6px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .5;
    width: 100%
}

.hide-full-servers__button img {
    margin-right: 9px
}

.hide-btn-true {
    opacity: .8
}

.shop__aside-sort {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    height: 67px;
    width: 100%
}

.shop__aside-sort>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.shop__aside-sort>div:first-child {
    justify-content: flex-start;
    padding-left: 30px
}

div.skinchanger__setting-block {
    align-items: center;
    background: #6666661f;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .3s ease;
    width: 29px !important;
    z-index: 5
}

.skinchanger__setting-block.gear {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

.skin__side-choice {
    opacity: 0;
    transition: all .3s ease
}

.skinchanger__setting-block.apply {
    display: none;
    left: auto;
    right: 10px
}

.skin:hover div.skinchanger__setting-block {
    display: flex
}

.skinchanger__setting-block img {
    margin-top: 0 !important;
    top: 0 !important
}

.skin>div.disable {
    background: #6663 !important;
    cursor: not-allowed !important
}

.hidden-online {
    display: none
}

.mode-badge {
    background: #fdb51026;
    border-radius: 5px;
    color: #fdb510;
    display: flex;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    pointer-events: none;
    text-transform: uppercase
}

.trending-badge {
    background: #fd821026;
    color: #fd8210 !important
}

.trending-badge svg {
    margin-right: 4px;
    width: 13px
}

.quick_start {
    margin-bottom: 20px
}

.mode-badge img {
    margin-right: 4px;
    width: 12px
}

.no-servers-title {
    font-family: Roboto Condensed;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

.no-servers-descr {
    color: #fff6;
    font-size: 14px;
    margin: 15px 0 38px
}

.section-servers-none button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 16px 36px;
    text-transform: uppercase
}

.section-servers-none button img {
    margin-right: 8px
}

.contact-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: center
}

.contact-text {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase
}

.contact-page,
.contact-page>div {
    display: flex;
    flex-direction: column
}

.contact-page>div {
    margin-bottom: 18px
}

.contact-emails {
    margin-top: 17px
}

.email-block span:first-child {
    color: #acb6e080;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 3px
}

.email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.email-block span {
    text-align: center
}

.email-block span:last-child {
    color: #6080ff;
    font-size: 12px
}

.mb35 {
    margin-bottom: 35px
}

.nav-item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 64px
}

.nav-item__m:after {
    content: "Играть"
}

.nav-item__p:after {
    content: "Premium"
}

.nav-item__c:after {
    content: "Соревнования"
}

.nav-item__l:after {
    content: "Помощь"
}

.nav-item__s:after {
    content: "Магазин"
}

.nav-item-wrapper:after {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    left: 100%;
    letter-spacing: .2px;
    line-height: 15px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease;
    width: 100px
}

.logo-wrapper .online {
    opacity: 0;
    transform: translateY(-11px);
    transition: all .1s ease
}

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

.logo-wrapper .logo {
    left: 0;
    position: absolute;
    top: 0
}

.logo-wrapper {
    height: 77px
}

.logo-wrapper .online {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

aside#header .online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.live-dot {
    margin-bottom: 0;
    margin-right: 9px
}

.active .nav-item-wrapper:after {
    color: #6080ff
}

.header-side-left .golden.active {
    border-right: 3px solid #fdb510
}

.premium.active .nav-item-wrapper:after {
    color: #fdb510
}

#profile-nav ::selection {
    background: #0000
}

@media (min-width:2100px) {
    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
    }
}

.stars-for-task {
    color: #7a95ff;
    font-size: 19px;
    font-weight: 700;
    left: 50%;
    letter-spacing: .03em;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%)
}

.rub {
    color: #fdb510;
    margin-left: 5px
}

.unknown-ping {
    display: inline
}

.deposit-notification {
    align-items: center;
    background: #19212c;
    border-radius: 4px;
    color: #ced7fd;
    display: flex;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    height: 43px;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%
}

.deposit-notification img {
    margin-right: 12px;
    width: 20px
}



.support-header h5 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.support-header h2 {
    font-size: 39px;
    font-weight: 900;
    line-height: 46px;
    margin: 8px 0 27px;
    text-transform: uppercase
}

.support-page {
    font-family: Roboto
}

.support-page video,
.support-screen {
    border-radius: 10px;
    display: block;
    margin: 40px 0;
    width: 100%
}

.update-article img {
    border-radius: 10px;
    width: 100%
}

.awssld__content {
    border-radius: 10px
}

.support-search__wrapper input {
    background: #141b24;
    border: none !important;
    border-radius: 9px;
    height: 48px;
    padding: 0 50px 0 25px;
    width: 401px
}

.support-search__wrapper button {
    background: #0000;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.support-page input,
.support-page input::placeholder {
    color: #576375;
    font-size: 14px
}

.general-menu {
    background: #11171f;
    border-radius: 4px;
    padding: 33px 22px
}

#profile .general-menu {
    background: #161c2666
}

.general-menu .active .nav-el {
    background: #d3dcff08;
    color: #6080ff
}

.general-menu .active path {
    fill: #6080ff
}

.general-menu .nav-list {
    border-left: 1px solid #232c38;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-left: 30px;
    padding-top: 10px
}

.nav-list.last {
    margin-bottom: 0
}

.general-menu .nav-list li a {
    color: #d0d6de;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    transition: all .2s ease
}

.general-menu .nav-list li a.selected,
.general-menu .nav-list li a:hover {
    color: #6080ff
}

.general-menu .nav-el {
    align-items: center;
    border-radius: 7px;
    color: #d7d9dc;
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px
}

.general-menu .nav-el svg {
    margin-right: 9px;
    width: 16px
}

.help-menu .nav-el svg {
    height: 24px;
    width: 24px
}

.help-menu .nav-el {
    padding: 9px 15px
}

.achievements,
.settings {
    display: grid;
    padding: 24px
}

.support-content {
    grid-gap: 25px;
    display: grid;
    gap: 25px;
    grid-template-columns: 275px 1fr;
    margin: 0 auto;
    width: 1260px
}

.support-content .general-menu {
    align-self: start;
    position: sticky;
    top: 0
}

.settings {
    margin-bottom: 50px
}

.settings>div {
    align-self: start
}

.settings {
    gap: 25px;
    grid-template-columns: 345px 1fr
}

.achievements {
    gap: 24px;
    grid-template-columns: 348px 1fr
}

.support-page .slick-slider {
    margin: 35px 0;
    transform: translateX(-11px);
    width: calc(100% + 22px)
}

.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slick-prev {
    left: -30px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-next {
    right: -30px
}

.support-article {
    background: linear-gradient(180deg, #11171f 62.96%, #11171f00 90.38%);
    border-radius: 4px;
    padding: 48px 64px;
    width: 100%
}

.support-article__title {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%
}

.support-article-part {
    padding-bottom: 15px;
    padding-top: 20px
}

.support-article-part ul.support__dotted-list {
    padding: 25px 0
}

.support-article-part ul.support__dotted-list li {
    padding-left: 41px
}

.support-article-part ul.support__dotted-list li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 21px;
    position: absolute;
    top: 10px;
    width: 4px
}

.support-article-part ul.definition-list,
.support-article-part ul.punishment-list {
    padding-top: 13px
}

.support-article-part ul.punishment-list li {
    align-items: center;
    color: #888b8f;
    display: flex;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px
}

.support-article-part ul.punishment-list li img {
    margin-right: 13px
}

.support-article-part ul.definition-list li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px
}

.support-article-part ul.definition-list li span {
    color: #5c6bc0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.support-article__img {
    border-radius: 20px;
    margin-top: 30px;
    width: 100%
}

.support-article-part h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .7;
    padding-top: 10px
}

.support-article-part ol {
    margin: 25px 0
}

.support-article-part li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part ol li {
    padding-left: 40px
}

.support-article-part li:not(:last-of-type) {
    margin-bottom: 18px
}

.support-article-part ol li:before {
    background: 0 0;
    background: #19212c;
    border: none;
    border-radius: 4px;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px 7px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: auto
}

.support-article__feedback {
    align-items: center;
    border-top: 1px solid #171e26;
    display: flex;
    height: 104px;
    width: 100%
}

.support-article__feedback h5 {
    font-size: 16px;
    font-weight: 500;
    min-width: 230px;
    opacity: .7
}

.feedback-buttons {
    align-items: center;
    display: flex;
    margin: 0 25px 0 35px
}

.feedback-buttons button {
    background: #18202b;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    width: 69px
}

.feedback-buttons button:first-child {
    margin-right: 5px
}

.support-article__feedback p {
    color: #888b8f;
    font-size: 14px;
    line-height: 21px;
    opacity: .3
}

.support-page button {
    transition: filter .2s ease
}

.support-page button:hover {
    filter: brightness(150%)
}

.support__video span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    opacity: .7;
    transition: all .2s ease
}

.support-article-part .text,
.support-article-part p {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part .text {
    margin-bottom: 20px
}

.support-article-part p a {
    font-size: 14px
}

.ban-dates-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.hash-tag {
    background: #18202b;
    border-radius: 5px;
    color: #5c6bc0 !important;
    font-size: 14px;
    padding: 4px
}

.support-article-part li>img {
    border-radius: 0;
    margin: 0 3px;
    width: 15px
}

.support__social-link {
    font-size: 13px;
    margin-left: 10px;
    top: -2px
}

.support__social-link,
.support__social-link:hover {
    color: #5c6bc0;
    text-decoration-line: underline
}

.support__social-link img {
    border-radius: 0;
    margin-right: 7px;
    top: 5px;
    width: 16px
}

.support-search-item {
    margin-bottom: 35px
}

.support-search-item h3 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.support-search-item span {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

@media (max-width:1670px) {
    .slick-next {
        right: -10px !important
    }

    .slick-prev {
        left: -10px !important
    }
}

.support-menu__arrow {
    margin-right: 25px;
    transition: all .2s ease
}

.support__video:hover span {
    opacity: 1
}

.ss {
    padding-top: 40px
}

.stretched {
    width: 100%
}

.article-date {
    color: #888b8f;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -50px
}



.location_ping>img {
    top: -14px !important
}

.auto-complete-area {
    background: #141b24;
    border-radius: 0 0 9px 9px;
    display: none;
    padding: 6px 20px 14px 26px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.auto-complete-area span a {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 100%;
    padding: 10px 0
}

.auto-complete-area span p {
    color: #919cab;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap
}

.auto-complete-area span:hover p {
    color: #fff
}

.auto-complete-area span img {
    margin-right: 13px
}

.filled-input {
    border-radius: 9px 9px 0 0 !important
}

.filled-input+.auto-complete-area {
    display: block
}

.lvlup-img {
    width: 80%
}

.awssld__controls {
    position: static
}

.awssld {
    --loader-bar-color: #0000 !important
}

.awssld__controls__arrow-left:after,
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:after,
.awssld__controls__arrow-right:before {
    background-color: #6080ff !important
}

.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: 1 !important
}

.awssld__content {
    background-color: initial
}

.converter__rubles {
    padding-left: 21px
}

.user__popup {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 100%;
    width: 256px
}

.img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px
}

.profile-popup__header:hover .profile-popup__nick {
    color: #fff
}

.profile-popup__header:hover span:last-child {
    color: #c7d3e2
}

.user__popup svg {
    height: 16px;
    width: 16px
}

.profile-popup__premium img {
    height: 16px;
    top: -1px
}

.notifications__main::-webkit-scrollbar-thumb {
    border: none
}

#gift-modal {
    background: #161b25;
    border-radius: 15px;
    font-family: Roboto;
    padding: 45px 40px 40px;
    width: 508px
}

.gift-modal__choose-friends {
    border-radius: 5px;
    display: block;
    font-family: Roboto;
    margin-bottom: 20px
}

.gift-modal__choose-friends ul {
    height: 267px;
    overflow-y: scroll;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.gift-modal__search {
    background: #0000;
    background-size: 16px 16px;
    border: 1px solid #1e2432;
    border-radius: 8px;
    box-shadow: none;
    color: #ccd3e3;
    font-size: 14px;
    height: 50px;
    margin-bottom: 6px;
    padding: 0 50px 0 15px;
    transition: border .3s ease;
    width: 100%
}

.gift-modal__search+img {
    opacity: .8;
    transition: opacity .3s ease
}

input.gift-modal__search::placeholder {
    color: #697183
}

.gift-modal__search:focus,
.gift-modal__search:hover {
    border: 1px solid #273145;
    outline: none
}

.gift-modal__search:focus+img {
    opacity: 1
}

.close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px
}

.close img {
    opacity: .3;
    transition: opacity .2s ease
}

.gift-modal__friend:hover {
    background: #1e2434
}

.gift-modal__friend:hover span {
    color: #adbbcf
}

.close:hover img {
    opacity: 1
}

.gift-modal__enter,
.gift-modal__friend {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 51px;
    justify-content: space-between;
    transition: background .1s ease;
    width: 100%
}

.gift-modal__enter {
    background: #202636;
    margin-bottom: 14px;
    padding: 0 9px 0 13px;
    transition: background .3s ease
}

.gift-modal__enter.focus {
    background: #232a3d
}

.gift-modal__friend {
    background: #181e29;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 13px
}

.gift-modal__choose-friends ul.filled .gift-modal__friend:not(.choosen) {
    opacity: .5
}

.choosen .gift-modal__friend-nick {
    color: #97beb7 !important
}

.gift-modal__friend-nick {
    color: #9296ac;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700
}

.gift-modal__friend-ava {
    border-radius: 50%;
    height: 26px;
    margin-right: 15px;
    width: 26px
}

.gift-modal__friend>img {
    margin-left: 15px;
    transition: all .2s ease
}

.gift-modal__friend.choosen {
    background: #1c2531
}

.gift-modal__enter input {
    background: #0000;
    border: none;
    color: #ccd3e3;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-right: 10px
}

.gift-modal__enter input::placeholder {
    color: #8191a7
}

.gift-modal__enter input:focus,
.gift-modal__enter input:hover {
    border: none
}

.gift-modal__delete {
    background: #0000;
    border-bottom: 1px dashed #6080ff;
    color: #6080ff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 15px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.gift-modal__friend>span {
    align-items: center;
    display: flex
}

.inventroy__gift {
    border-radius: 15px;
    cursor: pointer;
    height: 200px;
    transition: all .2s ease
}

.server-modal__lvl {
    height: 21px
}

.inventroy__gift>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.inventroy__gift h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.server-modal__name {
    max-width: 400px;
    overflow: hidden
}

.server-modal__country {
    border-radius: 50%;
    bottom: -1px;
    height: 11px;
    left: 14px;
    position: absolute;
    width: 11px;
    z-index: 1
}

.inventory__receive-gift {
    background: #0000;
    border: 1px solid #0000;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .3s ease
}

.inventroy__gift.lite .inventory__receive-gift {
    border-color: #2d9df1;
    color: #2d9df1
}

.inventroy__gift.lite .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #0085ff)
}

.inventroy__gift.lite {
    background: linear-gradient(206.87deg, #14162fc4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventroy__gift.lite h2 {
    color: #32a0ef
}

.inventroy__gift.premium .inventory__receive-gift {
    border-color: #fdb510;
    color: #fdb510
}

.inventroy__gift.premium .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #fdb510)
}

.inventroy__gift.premium h2 {
    color: #fdb510;
    max-width: 120px;
    text-align: center
}

.inventroy__gift.premium {
    background: linear-gradient(206.87deg, #231b17c4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventory-gift__image {
    width: 54px
}

.inventroy__gift.lite .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .74))
}

.inventroy__gift.premium .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .74))
}

.inventory-gift__badge,
.inventory-gift__second-badge {
    align-items: center;
    background: #ffffff05;
    border-radius: 12.5px;
    color: #afafaf;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    padding: 5px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.inventory-gift__second-badge {
    left: auto;
    right: 12px;
    text-transform: none
}

.inventory-gift__badge img {
    margin-right: 5px;
    width: 14px
}

.link-enter-img-wrapper {
    background: #353f55;
    border-radius: 4px;
    color: #b5c4d8;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: uppercase;
    transition: all .2s ease
}

.link-enter-img-wrapper:hover {
    background: #ffffff1a
}

.gift-modal__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    width: 100%
}

.gift-modal__empty h2 {
    color: #9ea6be;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 2px;
    margin-top: 20px;
    opacity: .64;
    text-transform: uppercase
}

.gift-modal__empty span {
    color: #475164;
    font-family: Roboto;
    font-size: 14px;
    opacity: .7
}

li.slide {
    margin-bottom: 0 !important
}

.carousel.carousel-slider .control-arrow {
    padding: 50px !important
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0000 !important
}

.server-modal__bg {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.server-modal__bg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.data-one-server-info a,
.table .press-left {
    justify-content: flex-start;
    text-align: left
}

.server-modal__table {
    padding: 0 32px
}

.server-modal__bg .shadow {
    background: linear-gradient(180deg, #11192300 -8.49%, #111923 46.81%);
    height: 259px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.server-modal__header {
    align-items: center;
    display: grid;
    font-family: Roboto;
    grid-template-columns: 1fr 150px 1fr;
    padding: 82px 0 50px
}

.arcade-mode .server-modal__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 0
}

.server-modal__header>div {
    align-items: center;
    display: flex
}

.server-modal__main-info {
    flex-direction: column;
    justify-content: center
}

.server-modal__header-labels {
    display: flex;
    flex-direction: column
}

.server-modal__header>div:first-child .server-modal__header-labels {
    align-items: flex-end
}

.server-modal__header>div:first-child {
    justify-content: flex-end
}

.server-modal__status {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .4;
    text-transform: uppercase
}

.server-modal__side {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.server-modal__header>div>img {
    margin: 0 25px
}

.server-modal__score {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 6px
}

.server-modal__time {
    align-items: center;
    color: #d9e4ff;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.server-modal__time img {
    height: 16px;
    margin-right: 4px
}

.server-modal__connect {
    align-items: center;
    background: linear-gradient(180deg, #1c2334, #1f2739);
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 16px 32px
}

.server-modal__mode {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.arcade-mode .server-modal__connect {
    justify-content: center
}

.server-modal__connect button {
    align-items: center;
    background: #0000;
    display: flex
}

.server-modal__ip {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.server-modal__connect button svg {
    margin-right: 8px;
    width: 18px
}

.server-modal__con {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac !important;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box:not([data-theme]) {

    a,
    div {
        color: #8f96ac
    }
}

.settings-content {
    background: linear-gradient(0deg, #161c2666, #161c2666);
    border-radius: 0 0 4px 4px;
    font-family: Roboto;
    padding: 45px 47px
}

.settings__title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
    width: 100%
}

.settings-row {
    display: flex;
    overflow-x: auto;
    width: 100%
}

.settings__item-description {
    color: #5e6c7e;
    font-size: 14px;
    margin-top: 8px
}

.setting-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.setting-content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.settings-input__change {
    align-items: center;
    background: #0000;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    width: 25px
}

.settings-input.short {
    width: 179px
}

.settings-area:focus,
.settings-area:hover {
    border: 0
}

.settings-input input {
    border: none;
    padding: 0 50px 0 20px;
    width: 100%
}

.settings-input input,
.settings-input input::placeholder {
    color: #d7e8ff99;
    font-size: 14px
}

.settings-input input:focus,
.settings-input input:hover {
    border: none
}

.settings-input__change:hover {
    background: #1d2531
}

.settings__country {
    align-items: center;
    display: flex;
    flex-direction: row !important
}

.settings__country img {
    border-radius: 50%;
    margin-right: 8px;
    width: 16px
}

.settings__country span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.multi-option-buttons__list {
    background: #1f2633;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 105%;
    width: 100%;
    z-index: 2
}

.multi-option-buttons__list button {
    background: #0000;
    color: #9ca4be;
    font-size: 13px;
    padding: 11px;
    text-align: left;
    width: 100%
}

.multi-option-buttons__list .inactive {
    background: #5265852e;
    pointer-events: none
}

.multi-option-buttons__wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    z-index: 2
}

.multi-option-buttons__wrapper:hover .multi-option-buttons,
.multi-option-buttons__wrapper:hover .multi-option-buttons__arrow {
    cursor: pointer;
    filter: brightness(120%)
}

.multi-option-buttons__arrow svg {
    transition: transform .3s ease
}

.multi-option-buttons__arrow svg.active {
    transform: rotate(180deg)
}

.multi-option-buttons__arrow {
    align-items: center;
    background: linear-gradient(180deg, #283243, #2e3a4c);
    border-radius: 0 6px 6px 0;
    display: flex;
    height: 34px;
    justify-content: center;
    transition: filter .2s ease;
    width: 24px
}

.multi-option-buttons {
    background: #5265852e;
    border-radius: 6px 1px 1px 6px;
    color: #9ca4be;
    font-size: 12px;
    padding: 10px;
    transition: filter .2s ease;
    width: 120px
}

.profile-popup__avatar {
    border-radius: 50%;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.profile-popup__header {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Roboto;
    height: auto;
    padding: 18px 24px;
    transition: all .3s ease;
    width: 100%
}

.profile-popup__header>div {
    display: flex;
    flex-direction: column;
    max-width: 130px
}

.profile-popup__header-wrapper {
    background: #273047;
    height: auto
}

.profile-popup__nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease
}

.profile-popup__header span:last-child {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    transition: all .3s ease
}

.ban-badge {
    align-items: center;
    background: #0000;
    border: 1px solid #fe1111;
    border-radius: 5px;
    display: inline-flex;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84));
    height: 23px;
    padding: 0 8px
}

.ban-badge span {
    color: #e50027;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ban-badge img {
    top: -1px
}

.profile-badge img {
    margin-right: 5px
}

.category-filter input:checked+span .lite-badge {
    background: #1d273f;
    color: #6080ff
}

.skinchanger-modal__wrapper {
    background: #171c2a;
    border-radius: 18px;
    padding: 24px;
    width: 398px
}

#skinchanger-modal {
    display: flex;
    position: relative
}

.skin-modal__image {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/skins/grid.png*/
        url() no-repeat 50%/cover;
    display: flex;
    height: 119px;
    justify-content: center;
    margin: 16px 0;
    width: 100%
}

.skin-modal__image img {
    max-height: 80px;
    max-width: 90%;
    opacity: 1;
    transition: opacity .2s ease
}

.skin-modal__image img.limited {
    height: auto;
    max-height: 80%;
    max-width: 192px
}

span.gun-name__name,
span.gun-name__stattrak {
    color: #6080ff
}

.gun-name__stattrak {
    display: none
}

.skinchanger-modal__title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    line-height: 135%;
    margin: 15px 0;
    opacity: .8;
    text-transform: uppercase
}

.skin-modal__stattrak {
    display: flex
}

.skin-stattrak:hover,
.skin-stattrak:hover .stattrak-switcher {
    background: #5d6c923d
}

.skin-modal__stattrak svg path {
    fill: #babfc5
}

.skin-modal__stattrak .choosen-stattrak-option svg path {
    fill: #95aaff
}

.skin-modal__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 18px
}

.skin-modal__title {
    color: #7f8eaa;
    font-size: 15px;
    font-weight: 500;
    text-transform: none
}

.skin-qualities-tabs {
    align-items: center;
    display: flex;
    width: 100%
}

.skin-qualities-tabs li {
    align-items: center;
    background: #182333;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-transform: uppercase;
    width: 20%
}

.skin-qualities-tabs li:first-child {
    border-radius: 7px 0 0 7px
}

.skin-qualities-tabs li:last-child {
    border-radius: 0 7px 7px 0
}

.skin-qualities-tabs li.choosen-skin-quality {
    background: #6080ff;
    color: #fff;
    transition: all .2s ease
}

.skin-modal__float {
    display: flex
}

.skin-float__float {
    align-items: center;
    background: #182333;
    border-radius: 7px;
    color: #ffffffb3;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin-right: 20px;
    min-height: 36px;
    padding: 0 10px;
    text-align: center;
    width: 61px
}

.skin-label-input {
    background: #0000;
    border: 1px solid #91affd1f;
    border-radius: 6px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    height: 42px;
    padding: 0 18px;
    transition: border .2s ease;
    width: 100%
}

.skin-label-input:focus,
.skin-label-input:hover {
    border: 1px solid #91affd4d
}

#skin-modal__save {
    margin-top: 40px
}

#skin-modal__save[disabled] {
    opacity: .5
}

.skin-label-input::placeholder {
    color: #ffffff4d;
    color: #778597;
    font-family: Roboto;
    font-size: 15px
}

.save-input-val {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    height: 30.8px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px
}

.large-uppercase-primary-btn {
    background: #6e93ff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0;
    transition: all .2s ease;
    width: 100%
}

.large-uppercase-primary-btn:hover {
    filter: brightness(110%)
}

.skinchanger__setting-block img {
    width: 15px !important
}

.skinchanger__setting-block.apply img {
    width: 11px !important
}

.border-blinking .skin__side-choice,
.border-blue .skin__side-choice,
.border-golden .skin__side-choice {
    opacity: 1
}

.gift-modal__enter .gift-modal__friend-ava {
    height: 24px;
    width: 24px
}

#application {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop .p_skin_name {
    color: #c8cfdb !important;
    font-weight: 700
}

.s-key-words {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(15px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes highlightBorder {
    0% {
        border-color: grey
    }

    50% {
        border-color: #8080801a
    }

    to {
        border-color: grey
    }
}

@keyframes inner {
    0% {
        fill: red
    }

    33% {
        fill: #fff
    }

    66% {
        fill: #fff
    }
}

@keyframes middle {
    0% {
        fill: #fff
    }

    33% {
        fill: red
    }

    66% {
        fill: #fff
    }
}

@keyframes outer {
    0% {
        fill: #fff
    }

    33% {
        fill: #fff
    }

    66% {
        fill: red
    }
}

@keyframes signal {

    20%,
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes fading {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@keyframes iSkew {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes feathers {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes imgScale {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.9) translateY(-10px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes akRotation {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.95) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bullets {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.97) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes flashRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lowerRankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bgPulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes nonPrem {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(10deg)
    }

    65% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media (max-width:1750px) {
    .footer__navigation {
        grid-template-columns: 300px 1fr
    }

    .footer__sponsors img {
        width: 130px
    }

    .settings__item.adaptive>div {
        margin-bottom: 20px !important
    }
}

@media (max-width:1450px) {
    .support-content {
        grid-template-columns: 275px 1fr;
        padding: 0 50px;
        width: 100%
    }

    .support-content>* {
        width: 100%
    }

    .support-content .general-menu {
        margin-bottom: 25px;
        margin-right: 0;
        position: relative;
        width: 100%
    }

    .visibility .filter-section__title {
        display: none !important
    }

    .footer__sponsors img {
        width: 130px
    }

    .support__video-wrapper:before {
        height: 32px !important;
        width: 32px !important
    }
}

@media (max-width:740px) {
    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }
}

.header__deposit-s {
    bottom: 0;
    left: 0;
    position: absolute
}

.servers-filter {
    position: relative
}

.servers-filter>img {
    position: absolute;
    right: -3px;
    top: -7px
}

.helper-s {
    left: -1px;
    top: -5px
}

.helper-s,
.stars-s {
    position: absolute;
    z-index: 99
}

.stars-s {
    bottom: 0;
    margin-right: 0 !important;
    right: 0;
    top: auto !important;
    width: 101% !important
}

.plan2-s {
    right: 1px;
    top: -6px
}

.plan-s,
.plan2-s {
    position: absolute
}

.plan-s {
    left: 10px;
    top: -9px
}

.friends-s {
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 1
}

.plan-btn-s,
.plan-btn2-s {
    left: 0;
    margin-right: 0 !important;
    position: absolute;
    top: -3px;
    width: 100% !important
}

@font-face {
    font-family: Cybershoke;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG-SVG.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG.210905-1526.woff*/
        url() format("woff")
}

@font-face {
    font-family: Robustik;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/RobustikBold.ttf*/
        url()
}

.cybershoke {
    color: #252c39;
    font-family: Cybershoke;
    font-size: 30px;
    line-height: .9
}

.server-row__faceit {
    padding-left: 32px
}

.limited-length {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.achievements-grid {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-right: 13px;
    width: calc(100% + 13px)
}

.achievements-grid li {
    background: #161b25;
    border: 1px solid #1a1e2d;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 21.5px 20px;
    transition: all .2s ease
}

.achievements-grid li:hover {
    background: #181d27
}

.achievements-grid li h6 {
    color: #91a8b9;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 51px;
    margin-top: 12px;
    text-align: center
}

.achievements-grid li .image {
    height: 128px;
    image-rendering: auto;
    width: 128px
}

.achievements-grid li.none .image {
    opacity: .3
}

.achievements-grid li.gold {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%);
    border: 1px solid #fcc2511a
}

.achievements-grid li.gold h6 {
    color: #fcc251
}

.achievements-grid li.gold .date {
    color: #fee5b4
}

.achievements-grid li.gold .progress:before {
    background: #fcc251;
    max-width: 100%
}

.achievements-grid li.gold:hover {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%)
}

.achievements-grid li.silver {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%);
    border: 1px solid #a5c9ff33
}

.achievements-grid li.silver h6 {
    color: #a5c9ff
}

.achievements-grid li.silver .date {
    color: #d6e7ff
}

.achievements-grid li.silver .progress:before {
    background: #a5c9ff;
    max-width: 100%
}

.achievements-grid li.silver:hover {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%)
}

.achievements-grid li.bronze {
    background: linear-gradient(27.76deg, #774e3733 19.12%, #191e2833 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.bronze h6 {
    color: #d48f71
}

.achievements-grid li.bronze .date {
    color: #eccec0
}

.achievements-grid li.bronze .progress:before {
    background: #d48f71;
    max-width: 100%
}

.achievements-grid li.bronze:hover {
    background: linear-gradient(27.76deg, #774e3733 30.12%, #191e2833 65.52%)
}

.achievements-grid li.diamond {
    background: linear-gradient(27.76deg, #27465e 19.12%, #1c2939 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.diamond h6 {
    color: #52b1e0
}

.achievements-grid li.diamond .date {
    color: #34bcff
}

.achievements-grid li.diamond .progress:before {
    background: #52b1e0;
    max-width: 100%
}

.achievement-among-friends {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.achievement-among-friends>div {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.achievement-among-friends span {
    color: #3f4551;
    font-size: 12px;
    line-height: 16px;
    margin-left: 9px
}

.achievement-among-friends a {
    color: #969ca7;
    font-size: 12px;
    text-decoration-line: underline;
    transition: color .2s ease
}

.achievement-among-friends a:hover {
    color: #6080ff
}

.achievement__friend {
    background: #161c26;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px
}

.achievement__friend img {
    border-radius: 50%;
    width: 100%
}

.achievement__friend:first-of-type,
.achievement__friend:nth-of-type(2) {
    margin-left: -8px
}

.title {
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.warning-label-wrapper {
    margin-bottom: 20px
}

.warning-label {
    background: #321919;
    border-radius: 6px;
    padding: 15px 20px;
    width: 100%
}

.warning-label div {
    align-items: center;
    display: flex
}

.warning-label img {
    margin-right: 10px;
    width: 14px
}

.warning-label span {
    color: #fdcece;
    font-size: 13px;
    font-weight: 500
}

img.warning-close {
    cursor: pointer;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.footer-socials-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-payments {
    align-items: center;
    display: flex;
    gap: 6px
}

.footer-payments svg {
    filter: brightness(50%);
    height: 16px;
    transition: filter .2s ease
}

.footer-payments svg:hover {
    filter: brightness(100%)
}

.footer-lang {
    align-items: center;
    background: #141926;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 12px
}

.dropdown.type-footer {
    background: #141926;
    bottom: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    top: auto;
    width: 131px
}

.dropdown.type-footer li {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.dropdown.type-footer img {
    margin-right: 10px;
    width: 15px
}

.footer-lang__current {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.footer-lang__current img {
    width: 18px
}

.unauth .footer {
    height: 280px
}

.footer-right {
    display: flex;
    flex-wrap: wrap;
    gap: 106px
}

.footer__logo {
    display: flex;
    gap: 30px;
    padding-right: 10px
}

.footer-company {
    width: 225px
}

.footer-company h5 {
    color: #727783;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px
}

.footer-company h6,
.footer-company span {
    color: #515766;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.footer-company span {
    text-transform: none
}

.footer-company h6 {
    font-weight: 600
}

g[opacity="0.3"] {
    display: none;
    opacity: 0
}

.star-image {
    opacity: .34
}

.aic {
    align-items: center;
    display: flex
}

.roulette__letter {
    color: #6080ff;
    font-family: Cybershoke;
    font-size: 40px
}

.skinchanger-modal__stickers {
    background: #171c2a;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 6px;
    padding: 24px;
    width: 386px
}

.skinchanger-modal__stickers input {
    border: 1px solid #91affd1f;
    border-radius: 6px
}

.stattrak-switcher {
    background: #5265852e;
    border-radius: 4px;
    height: 25px;
    position: relative;
    transition: background .2s ease;
    width: 42px
}

.stattrak-switcher span {
    background: #9ea7be;
    border-radius: 4px;
    height: 17px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 17px
}

.skin-stattrak {
    align-items: center;
    background: #5d6c921f;
    border-radius: 5px;
    color: #7f8eaa;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    height: 38px;
    padding: 0 10px 0 14px;
    transition: all .2s ease
}

.skin-stattrak.active {
    background: #6080ff1f;
    color: #6080ff
}

.skin-stattrak.active .stattrak-switcher {
    background: #6080ff1f
}

.skin-stattrak.active .stattrak-switcher span {
    background: #6080ff;
    transform: translateX(100%)
}

.skin-label-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.skinchanger-stickers-list-wrapper {
    height: 470px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.skinchanger-stickers-list-wrapper.locked {
    opacity: 1;
    overflow: hidden
}

.skinchanger-stickers-list-wrapper.locked .skinchanger-stickers-list {
    opacity: .2
}

.skinchanger-stickers-list-wrapper::-webkit-scrollbar {
    width: 4px
}

.skinchanger-stickers-list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.skinchanger-stickers-list li {
    background: #91affd0d;
    border-radius: 6px;
    cursor: pointer;
    height: 80px;
    transition: background .2s ease
}

.skinchanger-stickers-list li:hover {
    background: #91affd1a
}

.skinchanger-stickers-list li>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center
}

.skinchanger-stickers-list li img {
    height: 45px
}

.skinchanger-stickers-list li span {
    color: #d3ddeb;
    font-size: 10px;
    font-weight: 400;
    max-width: 60px
}

.sticker-img-wrapper {
    display: flex;
    justify-content: center;
    width: 60px
}

.skin-dot-wrapper {
    align-items: center;
    background: #6080ffa6;
    border: 1px solid #0000;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: flex;
    height: 17px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    width: 17px;
    z-index: 1
}

.skin-dot-wrapper img {
    opacity: 1 !important;
    width: 7px
}

.skin-dot-wrapper.picked-dot {
    background: #cb4545a6
}

.skin-dot-wrapper.picked-dot img {
    display: block
}

.skinchanger-sticker-mode .skin-modal__image img {
    opacity: .3
}

.skinchanger-sticker-mode .skin-dot-wrapper {
    opacity: 1;
    pointer-events: all
}

li.choosen-sticker {
    background: #91affd29
}

#skinchanger-modal .tippy-box {
    background: #131b26;
    border: 1px solid #6080ff;
    border-radius: 8px
}

#skinchanger-modal .tippy-box div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#skinchanger-modal .tippy-box span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

#skinchanger-modal .tippy-box button {
    background: #0000;
    color: #6080ff;
    font-size: 11px;
    font-weight: 500
}

.drop-tags {
    justify-content: center
}

.drop-tags,
.drop-tags li {
    align-items: center;
    display: flex
}

.drop-tags li {
    background: #131c30;
    border-radius: 4px;
    color: #e4eaff;
    font-weight: 700;
    margin: 0 5px 20px;
    opacity: .9;
    padding: 9px 19px;
    text-transform: uppercase
}

.drop-tags li img {
    margin-right: 7px;
    width: 12px
}

.back-light {
    position: relative
}

.back-light:before {
    background: #f79133;
    content: "";
    display: block;
    filter: blur(25px);
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.back-light.prize_color-consumer:before,
.back-light.prize_color-industrial:before {
    background: #2a68b0
}

.back-light.prize_color-restricted:before {
    background: #754de8
}

.back-light.prize_color-milspec:before {
    background: #6080ff
}

.back-light.prize_color-covert:before {
    background: #e84d4d
}

.back-light.prize_color-classified:before {
    background: #e44de8
}

.back-light.prize_color-golden:before {
    background: #f79133
}

.skin-modal__side {
    bottom: 10px;
    color: #7f8eaa;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.sticker-dots {
    left: 0;
    position: absolute;
    top: -18px
}

.skin-modal__installed-stickers {
    bottom: 8px;
    left: 10px;
    position: absolute;
    z-index: 1
}

.skin-modal__installed-stickers img {
    height: 24px;
    margin-right: 6px;
    max-width: 100%;
    opacity: .3
}

.skin-modal__installed-stickers img:hover {
    cursor: pointer;
    opacity: 1
}

input.skin-float-range {
    -webkit-appearance: none;
    appearance: none;
    background: #91affd0d;
    border: none
}

input.skin-float-range:focus,
input.skin-float-range:hover {
    border: none
}

input.skin-float-range::-webkit-slider-thumb {
    background: #6080ff
}

.bans-table {
    margin-bottom: 50px;
    width: 100%
}

.bans-table tr {
    background: #0000;
    display: grid;
    grid-template-columns: 1fr 180px
}

.bans-table tr:nth-of-type(2n-1) {
    background: #141b2399
}

.bans-table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.bans-table td {
    font-size: 16px
}

.bans-table td,
.bans-table th {
    align-items: center;
    display: flex;
    height: 55px
}

.bans-table td:first-child,
.bans-table th:first-child {
    padding-left: 35px
}

.bans-table td:last-child,
.bans-table th:last-child,
.timer-divider {
    justify-content: center
}

.timer-divider {
    align-items: center;
    color: #d8e4f8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    opacity: .2;
    width: 15px
}

.skinchanger__setting-block img {
    pointer-events: none
}

.skin-modal__gun-name {
    color: #d3ddeb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

img.highlight-sticker {
    opacity: 1 !important
}

.skin-configurators {
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.skin__applied-stickers {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.skin__applied-stickers img {
    margin-top: 10px;
    max-height: 25px;
    max-width: 17px;
    object-fit: contain
}

div.skin__side-choice {
    align-items: center;
    display: flex;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important
}

div.skin__side-choice>div:first-child {
    margin-right: 5px
}

.superbonus-word {
    transition: all .3s ease
}

.superbonus-word .blue-letter {
    color: #6080ff
}

.unactive-side {
    opacity: .3 !important
}

.shaking-button {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation-fill-mode: forwards;
    perspective: 1000px;
    transform: translateZ(0)
}

.skin-modal__title {
    align-items: center;
    display: flex
}

.skin-modal__title img {
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.skin-modal__title div {
    color: inherit;
    cursor: pointer;
    transition: color .2s ease
}

.skin-modal__title div:hover {
    color: #fff
}

.float-info {
    cursor: pointer
}

.float-tippy__content {
    font-size: 13px;
    line-height: 22px;
    padding: 6px
}

.float-tippy__content span {
    color: #e0e7ff
}

.stickers-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.stickers-frame h3 {
    color: #9ea6be;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 9px;
    margin-top: 27px;
    text-transform: uppercase
}

.stickers-frame span {
    color: #d9e1ff;
    font-size: 14px;
    line-height: 19px;
    opacity: .3;
    text-align: center
}

.roulette-item__img-wrapper {
    align-items: center;
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/wheel/bg/cybershoke.png*/
        url() no-repeat 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.roulette-item__label {
    color: #d39a52;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase
}

.settings__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.settings__item>button {
    margin-left: auto
}

.settings__item>button,
.settings__item>button a {
    background: #0000;
    color: #6080ff;
    font-size: 16px;
    font-weight: 500
}

.settings__item>button[disabled] {
    color: #8aa2b666
}

.profile-header__btn {
    background: #6080ff14;
    border-radius: 6px;
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    white-space: nowrap
}

.settings-sub__content {
    align-items: center;
    background: #d3dcff05;
    border-radius: 5px;
    display: flex;
    padding: 24px 21px 24px 33px;
    width: 100%
}

.settings-sub__content img {
    margin-right: 64px;
    width: 144px
}

.settings-sub__content>button {
    background: #1e242d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    margin-left: auto;
    padding: 13px 40px
}

.settings-sub__content div {
    display: flex
}

.settings-sub__content>div {
    align-items: center
}

.settings-sub__block {
    display: flex;
    flex-direction: column
}

.settings-sub__block:not(:last-child) {
    margin-right: 64px
}

.settings-sub__block span:first-child {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.settings-sub__block span:last-child {
    align-items: center;
    color: #87898d;
    display: flex;
    font-size: 15px;
    line-height: 18px
}

.settings-sub__block span:last-child img {
    margin-left: 4px;
    width: 14px
}

.settings-empty {
    color: #888b8f;
    font-size: 16px
}

.settings-table {
    width: 100%
}

.settings-table th {
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.settings-table .cell-with-flag img {
    margin-right: 10px;
    width: 16px
}

.settings-table td {
    font-size: 14px
}

.settings-table td,
.settings-table th {
    align-items: center;
    display: flex
}

.settings-table td:first-child,
.settings-table th:first-child {
    padding-left: 34px
}

.settings-table td:last-child,
.settings-table th:last-child {
    padding-right: 34px
}

.settings-table tr {
    align-items: center;
    display: flex
}

.settings-table tr:nth-child(2n-1) {
    background: #141b25;
    height: 60px
}

.settings-table tr:nth-child(2n) {
    background: #0000;
    height: 55px
}

.settings__sessions-table .close-session {
    opacity: 0;
    transition: all .2s ease
}

.settings__sessions-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px
}

.settings__sessions-table tr:hover .close-session {
    opacity: 1
}

.settings__transactions-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr .5fr
}

.settings__transactions-table tr:nth-child(2n) {
    height: 76px
}

.settings-area {
    align-items: center;
    background: #161d27;
    border: 0;
    border-radius: 5px;
    color: #d7e8ff99 !important;
    display: flex;
    font-size: 14px;
    max-width: 600px;
    padding: 14px 20px;
    width: 600px
}

.confirm-settings-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 500px
}

.confirm-settings-modal.sm {
    padding: 46px 43px;
    width: 450px
}

.confirm-settings-modal.sm .confirm-settings__content h2 {
    font-size: 20px
}

.confirm-settings-modal.sm .confirm-settings__subtitle {
    color: #adbcd0;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px
}

.confirm-settings__content h2 {
    color: #ecf1f8;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.confirm-settings__subtitle {
    color: #6f7a8c;
    font-size: 15px;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.confirm-settings__subtitle img {
    top: 1px;
    width: 14px
}

.confirm-settings__list {
    margin-top: 41px
}

.confirm-buttons {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.confirm-buttons button {
    background: #0000;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    letter-spacing: .16px;
    text-align: center;
    width: 100%
}

.confirm-buttons button:first-child {
    background: #6080ff;
    color: #fff
}

.confirm-buttons button:last-child {
    border: 1px solid #2e364b;
    color: #a5b2c3
}

.update-modal__content {
    padding: 38px 52px 44px
}

.update-modal__content h2 {
    font-size: 28px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.update-modal__content span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.update-modal__img-wrapper {
    position: relative;
    transition: all .5s ease
}

.update-modal__img-wrapper .flying-image {
    position: absolute
}

.update-modal__image {
    border-radius: 16px 16px 0 0;
    display: block;
    width: 100%
}

#update-modal {
    background: #171c2b;
    border-left: 4px solid #171c2b;
    border-radius: 16px;
    border-right: 4px solid #171c2b;
    border-top: 4px solid #171c2b;
    width: 558px
}

@media(max-width:650px) {
    #update-modal {
        width: 90%
    }
}

.modal-button {
    background: #6080ff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    letter-spacing: .11em;
    text-transform: uppercase;
    width: 100%
}

.update-modal__block {
    align-items: center;
    display: flex;
    margin-top: 25px
}

.update-modal__block img {
    max-width: 23px
}

.update-modal__block div {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.update-modal__content button {
    margin-top: 45px
}

.confirm-settings__list>div {
    align-items: center;
    display: flex;
    padding: 0 40px
}

.confirm-settings__list>div .image-wrapper {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.confirm-settings__list>div img {
    width: 22px
}

.confirm-settings__list>div span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.trade-link {
    border-bottom: 1px solid #9aa7bd;
    color: #9aa7bd;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px
}

.mode__friends {
    align-items: center;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.mode__friends img {
    border: 3px solid #21262f;
    border-radius: 50%;
    margin-left: -8px;
    width: 20px
}

.mode__friends span {
    align-items: center;
    background: #21262f;
    border-radius: 10px;
    color: #7c839c;
    display: flex;
    font-size: 9px;
    height: 20px;
    margin-left: -8px;
    padding: 0 5px
}

.float-dot {
    background: #7f8eaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

#page-servers-home a {
    height: 100% !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important
}

#online-friends-modal {
    background: #101821;
    border-radius: 16px;
    padding: 38px 41px;
    width: 450px
}

#online-friends-modal h2 {
    color: #e6e6e6;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em
}

#online-friends-modal ul {
    max-height: 324px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

#online-friends-modal .online-player__user {
    align-items: center;
    display: flex
}

#online-friends-modal .online-player__server {
    align-items: center;
    display: flex;
    padding-right: 10px
}

#online-friends-modal li {
    background: #131a24;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 51px;
    transition: all .3s ease
}

#online-friends-modal li:not(:last-child) {
    margin-bottom: 10px
}

#online-friends-modal li:hover {
    background: #21293d
}

#online-friends-modal li:hover .online-player__server-name {
    display: none
}

#online-friends-modal li:hover .online-player__server-connect {
    display: flex
}

.friends-modal__subtitle {
    color: #7b828a;
    display: block;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 10px
}

.inventory__device-img {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .54));
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 90%;
    transition: opacity .2s ease
}

.inv-device h2 {
    margin-top: 0
}

#auto-sub-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 800px
}

#auto-sub-modal h2 {
    color: #ecf1f8;
    font-size: 27px;
    font-weight: 900
}

.title-wrapper {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/lite-header.svg*/
        url() no-repeat 50%/cover;
    border-radius: 10px;
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 0 25px
}

.title-wrapper span {
    background: #6080ff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 17px
}

.modal-subtitle {
    color: #e1e6f9;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    max-width: 455px;
    opacity: .7
}

.modal-subtitle a {
    color: #e1e6f9;
    text-decoration: underline
}

.autosub-modal__plans {
    margin-top: 9px
}

.autosub-modal__plans>span {
    color: #d0d5e0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

.autosub-modal__plans>div {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr
}

.autosub-plan__title {
    color: #6080ff;
    display: block;
    font-size: 17px;
    font-weight: 900
}

.autosub-plan__subtitle {
    color: #abbcff;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase
}

.autosub-plan__select {
    align-items: center;
    background: #26394e;
    border-radius: 6px;
    color: #6080ff;
    color: #64d3ab;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 13px 18px 13px 16px
}

.autosub-plan__select img {
    width: 12px
}

.autosub-plan__period {
    color: #adbcd0;
    font-size: 14px;
    margin-top: 15px
}

.choose-sub-period {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: flex-start;
    z-index: 1
}

.choose-sub-period>div {
    width: 100%
}

.choose-sub-period>img {
    margin-right: 16px;
    width: 43px
}

.choose-sub-period span {
    text-align: center
}

.sub-tick {
    background: #5beaae2b;
    border-radius: 5px;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px
}

.sub-tick:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/tick.svg*/
        url() no-repeat 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.autosub-plan {
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.autosub-plan .dropdown {
    left: 0
}

.autosub-plan .choose-sub-period {
    background: #1a202d;
    border-bottom: 1px solid #0000;
    border-radius: 8px;
    padding: 0 28px 0 30px
}

.autosub-plan.active .choose-sub-period {
    background: linear-gradient(197.7deg, #1d2535 9.19%, #20283a 94.29%);
    opacity: 1
}

.autosub-plan.active:before {
    background: #5beaae2b
}

.autosub-plan.monthly {
    cursor: default
}

.autosub-plan.monthly:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #181e29e6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.autosub-plan .autosub-locker {
    align-items: center;
    color: #8fa1b8;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.autosub-plan .autosub-locker img {
    margin-bottom: 14px;
    width: 45px
}

.autosub-sale {
    background: #5beaae2b;
    border-radius: 40px;
    color: #6bcea5;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px
}

#serv-avg-lvl {
    height: 20px;
    position: absolute;
    right: -40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown {
    background: #11171f;
    border-radius: 4px;
    left: 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    z-index: 2
}

.dropdown ul {
    flex-direction: column;
    justify-content: center;
    padding: 8px 0
}

.dropdown li,
.dropdown ul {
    align-items: center;
    display: flex
}

.dropdown li {
    color: #899bb7;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 16px;
    width: 100%
}

.dropdown li,
.dropdown li span {
    transition: all .3s ease
}

.dropdown li:hover,
.dropdown li:hover span {
    color: #fff
}

.dropdown li img {
    margin-right: 10px
}

@media(max-width:650px) {
    .hide-mobile {
        display: none
    }
}

@media (max-width:1100px) {

    .premium-modal__left-bg,
    .premium-modal__right-bg {
        display: none
    }
}

.settings input {
    border: 2px solid #0000
}

.settings input:focus,
.settings input:hover {
    border: 2px solid #3e4852
}

.modal-converter {
    margin-right: 15px
}

.modal-converter span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .2s ease
}

.modal-converter span:hover {
    filter: brightness(120%)
}

.modal-converter>span {
    background: #1e2835;
    border-radius: 6px;
    height: 34px;
    width: 34px
}

.modal-converter img {
    width: 12px
}

.modal-converter div {
    background: #1e2835;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 9
}

.modal-converter div span {
    height: 30px;
    width: 100%
}

.modal-converter div span:not(:first-child) {
    border-top: 1px solid #283243
}

.servers-filter {
    align-items: center;
    background: #11171f;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.filter-section {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 40px
}

.filter-section:first-child {
    min-width: 130px
}

.filter-section label {
    cursor: pointer;
    margin-left: 10px
}

.filter-section.locations .filter-chooses img,
.filter-section.locations ul img {
    border-radius: 50%
}

.filter-section.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex
}

.filter-section__value,
.filter-section__value span {
    color: #c0dcff;
    font-size: 14px;
    font-weight: 500
}

.filter-section__value>img {
    margin-left: 8px
}

.all-servers-grid {
    padding: 20px 40px 40px;
    width: 100%
}

.all-servers-wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 560px;
    width: 100%
}

.grid-type {
    border: 1px solid #1a1e2d;
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    justify-content: space-between;
    margin-right: 32px;
    overflow: hidden;
    width: 128px
}

.grid-type,
.grid-type div {
    align-items: center;
    display: flex
}

.grid-type div {
    height: 100%;
    justify-content: center;
    width: 50%
}

.grid-type .active {
    background: #6080ff1f
}

.grid-type .active img {
    filter: invert(48%) sepia(19%) saturate(3147%) hue-rotate(202deg) brightness(100%) contrast(102%)
}

.servers-helpers {
    align-items: center;
    background: #11171f;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 12px 11px;
    position: relative;
    width: 100%
}

.servers-helper,
.servers-helpers {
    border-radius: 7px;
    display: flex;
    overflow: hidden
}

.servers-helper {
    align-items: flex-start;
    cursor: pointer;
    flex-direction: column;
    height: 86px;
    padding: 22px
}

.servers-helper .bg {
    background: linear-gradient(0deg, #151b23cc, #151b23e6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.servers-helper:hover .bg {
    opacity: .7
}

.servers-helper span {
    color: #d1daff;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 2
}

.premium__down-arrow {
    cursor: pointer;
    margin-top: 85px;
    width: 22px
}

.premium__t-player {
    left: -302px;
    position: absolute;
    top: 42px;
    width: 369px
}

.premium__ct-player {
    height: 758px;
    position: absolute;
    right: -376px;
    top: -20px
}

.autosub-agreement {
    margin-top: 27px
}

.autosub-agreement label {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.autosub-agreement .checkmark,
.autosub-agreement label:hover .checkmark {
    background: #1a2430
}

.autosub-agreement span {
    color: #a8b1bc;
    font-size: 14px;
    font-weight: 400
}

button.participating {
    background: #181f2c !important;
    color: #5d6d8b;
    cursor: not-allowed
}

button.participating img {
    margin-left: 0;
    margin-right: 8px
}

button.participating:hover {
    filter: none
}

a.agreement-link {
    color: #6080ff;
    text-decoration: underline
}

.underline {
    cursor: pointer
}

.underline,
.underline:hover {
    color: inherit;
    text-decoration: underline
}

.autosub__choosen-plan {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 23px;
    padding: 26px 31px
}

.autosub-success,
.autosub__choosen-plan {
    align-items: center;
    background: #19212c;
    border-radius: 5px;
    display: flex
}

.autosub-success {
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 30px
}

.autosub-success .indicator {
    background: #6080ffe6;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px
}

.autosub-success .indicator:after,
.autosub-success .indicator:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.autosub-success .indicator:before {
    background: #6080ff33;
    height: 60px;
    width: 60px
}

.autosub-success .indicator:after {
    background: #6080ff0f;
    height: 96px;
    width: 96px
}

.autosub-success h6 {
    font-size: 25px;
    font-weight: 500;
    margin: 35px 0 8px;
    opacity: .95
}

.autosub-success span {
    color: #a5abbb;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 380px
}

ul.autosub__select-list {
    background: #26394e;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 11px 18px #0f141b40;
    gap: 5px
}

ul.autosub__select-list li {
    display: block
}

ul.autosub__select-list li,
ul.autosub__select-list li div {
    color: #a8c6cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

ul.autosub__select-list li div {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

ul.autosub__select-list li .subtext {
    align-items: center;
    color: #a8c6cd;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 5px
}

.terms-title {
    align-items: center;
    display: flex
}

.terms-title a {
    margin-right: 40px
}

.price-policy {
    background: #11171f;
    border-radius: 25px;
    display: inline-flex;
    margin-top: 40px;
    padding: 55px 40px
}

.price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 33px;
    text-transform: uppercase
}

.price-table {
    width: 659px
}

.price-table th {
    background: #1c25314d;
    font-size: 12px;
    height: 44px
}

.price-table th:first-child {
    border-radius: 7px 0 0 7px
}

.price-table th:last-child {
    border-radius: 0 7px 7px 0
}

.price-table td {
    font-size: 14px
}

.price-table td,
.price-table th {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.price-table tr {
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.price-table tr:nth-child(2n-1) td {
    background: #141b25;
    height: 44px
}

.price-table tr:nth-child(2n-1) td:first-child {
    border-radius: 7px 0 0 7px
}

.price-table tr:nth-child(2n-1) td:last-child {
    border-radius: 0 7px 7px 0
}

.price-table tr:nth-child(2n) td {
    height: 57px
}

.price-table-wrapper:first-child {
    margin-right: 30px
}

.gift-modal__content .content {
    background: linear-gradient(197.7deg, #1a202d 9.19%, #1c2334 94.29%);
    border-radius: 8px;
    padding: 28px
}

.gift-plan__back {
    align-items: center;
    background: #0000;
    border: 1px solid #2e364b;
    border-radius: 6px;
    color: #a5b2c4;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .01em;
    margin-right: 6px;
    padding: 0 26px;
    text-transform: uppercase
}

.gift-plan__back img {
    margin-right: 8px
}

.gift-plan__buttons {
    align-items: center;
    display: flex;
    margin-top: 14px
}

.server-row {
    background: #11171f;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 60px;
    margin-top: 3px;
    overflow: hidden;
    padding: 0 30px 0 33px;
    position: relative;
    width: 100%
}

.server-row online {
    background: #0000004d
}

.server-row div {
    align-items: center;
    display: flex
}

.server-row:before {
    background: linear-gradient(270deg, #11171f 84.7%, #11171f00 157%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1600px;
    z-index: 1
}

.server-row>div {
    z-index: 2
}

.server-row span,
.server-row>div {
    color: #adbcd0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.server-row__bg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 270px
}

.server-row__name span:first-child {
    width: 40px
}

.server-row__faceit img {
    width: 21px
}

.server-row__location img,
.server-row__map img,
.server-row__prime img {
    margin-right: 8px;
    width: 14px
}

.server-row__location img {
    border-radius: 50%;
    height: 14px
}

.server-row__map span {
    max-width: 190px
}

.server-row__ping img {
    margin-right: 10px;
    width: 12px
}

.server-row__btns div {
    background: #b1c3ff0a;
    border-radius: 6.42857px;
    display: flex;
    height: 30px;
    margin-left: auto;
    width: 60px
}

.server-row__btns button {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.server-row__btns button:hover img {
    filter: brightness(0) invert(1)
}

.server-row__btns button:first-child {
    border-right: 1.07143px solid #11171f
}

.react-loading-skeleton {
    height: 64px
}

.servers-filter .dropdown {
    background: #11171f;
    border-radius: 6px;
    box-shadow: 0 4px 45px #00000040;
    width: 220px;
    z-index: 26
}

ul.servers-dropdown {
    padding: 9px 0
}

ul.servers-dropdown li {
    align-items: center;
    color: #858f9dcc;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    height: 33px;
    letter-spacing: .2px;
    padding: 0 15px
}

ul.servers-dropdown li.empty {
    opacity: .3
}

ul.servers-dropdown li span {
    color: #858f9dcc;
    font-size: 12px;
    font-weight: 500;
    max-width: 140px
}

ul.servers-dropdown li span.loc-ping {
    align-items: center;
    color: #fffc;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

ul.servers-dropdown li span.loc-ping img {
    border-radius: 0;
    margin-right: 5px;
    width: 12px
}

ul.servers-dropdown li.choosen {
    background: #161d26;
    position: relative
}

ul.servers-dropdown li.choosen,
ul.servers-dropdown li.choosen span {
    color: #6080ff
}

ul.servers-dropdown li.choosen:after {
    background: #212c3a
        /*savepage-url=//cloud.cybershoke.net/img/icons/servers/tick.svg*/
        url() no-repeat 50%;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

ul.servers-dropdown img {
    margin-right: 10px;
    width: 15px
}

.prime-filter-image {
    margin-right: 8px;
    width: 14px
}

.filter-chooses {
    align-items: center;
    display: flex
}

.filter-chooses img {
    filter: drop-shadow(-2px 0 0 #11171f);
    margin-left: 0;
    width: 18px
}

.filter-chooses img:nth-child(2),
.filter-chooses img:nth-child(3) {
    margin-left: -6px
}

.prime-dropdown li {
    text-transform: uppercase
}

.row-servers__header {
    background: #11171f;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 44px;
    padding: 0 30px 0 33px;
    width: 100%
}

.row-servers__header span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.row-servers__header span img {
    margin-left: 8px;
    width: 6px
}

.row-servers__header span:hover {
    color: #718193
}

.row-servers__header span {
    color: #5e6c7e;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease
}

.row-servers__header div {
    align-items: center;
    display: flex
}

span.lite-badge {
    background: #19222e;
    border-radius: 11.5px;
    color: #637cdd;
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    margin-left: 8px;
    padding: 3px 7px;
    text-transform: uppercase
}

.settings__item-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.settings__item-title h5 {
    color: #8a919d;
    font-size: 16px;
    font-weight: 500;
    width: 340px
}

.settings__item-title span {
    color: #afb7c6;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.settings-connections .settings__item-title {
    margin-bottom: 0
}

.settings-connections .settings__item-title h5 {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.settings-connections .setting-content p {
    color: #dedede;
    font-size: 16px
}

h5.setting-white-title {
    color: #eff3fa;
    font-size: 16px;
    font-weight: 400
}

.connection-img {
    align-items: center;
    display: flex;
    width: 35px
}

.connection-img img {
    max-width: 22px
}

.modal-close {
    cursor: pointer;
    height: 16px;
    opacity: .2;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: opacity .4s ease;
    width: 16px;
    z-index: 1
}

.modal-close.s {
    height: 14px;
    width: 14px
}

.modal-close:hover {
    opacity: 1 !important
}

.modal-close img {
    width: 100%
}

.slick-slide {
    height: 86px
}

.slick-slide:not(:last-of-type) {
    padding-right: 11px
}

.prime-switchers,
.visibility-switchers {
    display: flex
}

.prime-switchers div,
.visibility-switchers div {
    align-items: center;
    background: #c4c4c40d;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 44px
}

.prime-switchers div:first-child,
.visibility-switchers div:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.prime-switchers div:last-child,
.visibility-switchers div:last-child {
    border-radius: 0 4px 4px 0
}

.prime-switchers div img,
.visibility-switchers div img {
    opacity: .4;
    transition: opacity .3s ease
}

.prime-switchers div.active,
.visibility-switchers div.active {
    background: #6980ff
}

.prime-switchers div.active img,
.visibility-switchers div.active img {
    opacity: 1
}

.prime-switchers div:first-child.active {
    background: #2c3f4d
}

.prime-switchers div:last-child.active {
    background: #d8494933
}

.prime-switchers img {
    height: 60%;
    opacity: 1
}

.empty-categories {
    pointer-events: none
}

.empty-categories>span img {
    display: none
}

.tg {
    margin-left: auto
}

.block-border.trending {
    background: #fd8210
}

.release-badge {
    background: #bcc0d21f;
    border-radius: 5px;
    pointer-events: all
}

.grey-badge {
    background: #aecce426;
    color: #aecce4
}

.cfg-row {
    width: 100%
}

.cfg-row,
.cfg-row>div {
    align-items: center;
    display: flex
}

.cfg__name {
    font-size: 16px
}

.cfg__size {
    color: #73777d;
    margin-left: 10px
}

.cfg__img {
    height: 32px;
    margin-right: 22px
}

.cfg__btns img {
    cursor: pointer;
    height: 20px;
    margin-left: 16px
}

.cfg__btns img:hover {
    filter: invert(45%) sepia(88%) saturate(2366%) hue-rotate(212deg) brightness(102%) contrast(101%)
}

.cfg-upload {
    cursor: pointer;
    font-size: 16px
}

.cfg-upload input {
    display: none
}

.category-wrapper>div {
    z-index: 1
}

.servers-grid-PRO-1 .home-body-servers {
    border: 1px solid #ffb660
}

.connection-vis {
    width: 45px
}

.connection-vis img {
    border-radius: none;
    cursor: pointer;
    width: 15px
}

.cfg__btns {
    margin-left: auto
}

.static-header main {
    padding-top: 0
}

.static-header header {
    background: #0000;
    position: absolute
}

.dark-header header {
    background: #0f141b linear-gradient(180deg, #030b12 0, #10151a80 50%, #14191e00 80%)
}

.load-btn {
    display: block;
    margin-top: 20px
}

.support-table {
    margin-top: 20px;
    max-height: 715px;
    overflow: auto;
    padding-right: 19px;
    width: calc(100% + 19px)
}

.support-table table {
    border-collapse: collapse;
    width: 100%
}

.support-table table img {
    min-height: 20px
}

.support-table table tr {
    align-items: center;
    border-radius: 13px;
    display: flex;
    height: 55px;
    justify-content: space-between
}

.support-table table tr:nth-child(2n-1) {
    background: #141b23
}

.support-table table td:first-child,
.support-table table th:first-child {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left
}

.support-table table td:last-child,
.support-table table th:last-child {
    justify-content: flex-end;
    padding-right: 50px;
    text-align: right
}

.support-table table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700
}

.support-table table td {
    align-items: center;
    display: flex;
    font-size: 16px;
    letter-spacing: .12px
}

.premium-sub-modal .title-wrapper {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/premium-header.svg*/
        url() no-repeat 50%/cover !important
}

.premium-sub-modal .title-wrapper span {
    background: #ef8f32 !important;
    padding: 9px 10px !important
}

.premium-sub-modal .autosub-plan__title {
    color: #f39b34
}

.premium-sub-modal .autosub-plan__subtitle {
    color: #ebe1d3
}

.premium-sub-modal .modal-button {
    background: #ef8f32
}

#gift-modal .autosub-sale {
    padding: 3px 9px
}

#gift-modal .title-wrapper {
    height: 73px
}

#gift-modal .title-wrapper h2 {
    font-size: 20px
}

#gift-modal .title-wrapper div {
    align-items: center;
    display: flex
}

#gift-modal .title-wrapper img {
    margin-right: 10px;
    width: 26px
}

#gift-modal .subtitle {
    color: #adbcd0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0 10px
}

#gift-modal .autosub-plan__select {
    margin-top: 0
}

#gift-modal .autosub-plan__select img {
    margin-left: 19px
}

.autosub-crown {
    margin-right: 15px
}

.autosub-crown img {
    width: 43px
}

.gift-sub-until {
    align-items: center;
    border: 1px solid #26394e;
    border-radius: 8px;
    color: #cbd9ec;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.gift-modal__search-wrapper img {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.dark-modal {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0d0f17f5
}

.lighter {
    color: #738092;
    cursor: pointer
}

.allow-bonus .premium__ct-player {
    width: 438px;
    z-index: 1
}

.allow-bonus .premium__t-player {
    position: absolute
}

.list-with-dots {
    margin-bottom: 20px
}

.list-with-dots li {
    margin-bottom: 0 !important;
    padding-left: 24px
}

.list-with-dots li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 3px
}

.gold-text {
    color: #e49635
}

#languages.show-lang {
    opacity: 1;
    pointer-events: all
}

.grey-popup {
    background: #11151d !important;
    border-radius: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.blue+span {
    background: #5e7df833;
    color: #6080ff !important
}

@keyframes animLike {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.animate-like {
    animation: animLike .5s
}

.active .nav-name {
    color: #a0b3ff
}

.golden.active .nav-name {
    color: #fc9537
}

aside#header nav {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-height:1050px) {
    aside#header nav {
        padding-top: 30px;
        position: static;
        transform: none
    }
}

@media (max-height:900px) {
    .nav-name {
        display: none
    }
}

.steam-tippy div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.steam-tippy div:not(:last-child) {
    margin-bottom: 3px
}

.steam-tippy div:hover img {
    filter: brightness(125%)
}

.steam-tippy img {
    cursor: pointer;
    margin-left: 6px;
    transition: filter .2s ease;
    width: 16px
}

.steam-tippy span {
    color: inherit;
    margin-left: 3px;
    -webkit-user-select: all;
    user-select: all
}

#iskinchanger {
    min-height: 500px;
    padding: 16px
}

.tippy-box[data-theme~=headerLink] {
    border-radius: 12px
}

.deposit-pay-system img {
    height: 44px;
    image-rendering: inherit;
    object-fit: scale-down;
    width: 75px
}

.tippy-box[data-theme=skinchanger] {
    background: #22263c;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    padding: 6px
}

.tippy-box[data-theme=skinchanger] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=shop] {
    border-radius: 12px;
    transform: translateY(-95px) translateX(20px)
}

.tippy-box[data-theme=shop] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=missions-drops],
.tippy-box[data-theme=missions] {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 15px;
    box-shadow: 0 8px 12px 0 #080b114d;
    width: 340px
}

.tippy-box[data-theme=missions-drops] .tippy-content,
.tippy-box[data-theme=missions] .tippy-content {
    padding: 16px
}

.tippy-box[data-theme=missions-drops] {
    max-width: none !important;
    width: auto
}

.tippy-box[data-theme=game] {
    background: #0000
}

.tippy-box[data-theme=game] .tippy-content {
    padding: 5px 0 0
}

.tippy-box[data-theme=event] {
    border-radius: 12px;
    transform: translateY(95px) translateX(20px)
}

.tippy-box[data-theme=event] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=event] .arrow {
    bottom: 0;
    top: 37px
}

.tippy-box[data-theme=inventory] {
    background: linear-gradient(0deg, #11151d, #11151d), #fff;
    border-radius: 12px;
    padding: 12px;
    width: 256px;
    z-index: 1
}

.tippy-box[data-theme=inventory] .tippy-content {
    padding: 0
}

.modal__overlay_PREMIUM_ONLY {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #0f141bf2
}

.prem-scroll-trigger {
    top: -500px
}

.custom-tooltip {
    background: #1c2231;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    padding: 10px
}

.custom-tooltip>div {
    align-items: center;
    display: flex;
    justify-content: center
}

.custom-tooltip-sold {
    color: #aab5c6;
    font-weight: 400;
    text-transform: lowercase
}

.custom-tooltip-price {
    color: #ffab3e;
    font-weight: 700
}

.custom-tooltip img {
    height: 16px;
    margin-left: 5px;
    width: 16px !important
}

.apexcharts-tooltip.apexcharts-theme-light {
    background: none !important;
    border: none !important;
    box-shadow: none
}

.helper-img {
    bottom: 0;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: auto
}



.helper>div {
    height: 100%;
    position: static;
    width: 100%
}

.helper h6 {
    color: #e8a176;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 6px
}

.helper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase
}



.helper.pickem-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(142deg, #ffc500 -9.97%, #f29653 50.38%, #e8d740 86.59%, #e2ab5b 125.35%);
    background-clip: text;
    -webkit-background-clip: text
}

.helper.pickem-helper .helper-img {
    bottom: 0;
    height: 110px;
    right: 0
}



.helper.leaderboard-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000
}

.helper.leaderboard-helper .helper-img {
    height: 95px
}

.mode-helper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.mode-helper .helper-content {
    background: linear-gradient(90deg, #232556, #24262db3)
}

.mode-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text
}

.mode-helper p {
    align-items: center;
    display: flex;
    gap: 4px
}

.mode-helper p svg {
    top: -1px;
    width: 22px
}

.helper-content {
    align-items: center;
    display: flex;
    font-family: Gotham;
    justify-content: space-between;
    padding: 0 11px 0 22px
}

.auth-helper__btn {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1f224466;
    border-radius: 10px;
    padding: 14px
}

.auth-helper__btn>img {
    right: 178px
}

.auth-helper__btn button {
    align-items: center;
    background: #6080ff;
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 13px 26px
}

.auth-helper__btn img {
    width: 22px
}

.star-image__modal {
    margin-bottom: 20px
}

.star-image__modal .star-image {
    width: 70px
}

.star-image__modal .stars-for-task {
    font-size: 40px
}

.transaction-date {
    color: #525967
}

.mission-scroll-trigger {
    top: calc(-100vh + 190px)
}

.mission-scroll-trigger2 {
    bottom: calc(100vh + 400px);
    position: absolute
}

.largeConfeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.largeConfeti svg {
    height: 100%;
    width: 100%
}

.confeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 300px;
    z-index: 4
}

.confeti svg {
    height: 100%;
    width: 100%
}

@media(max-width:1000px) {
    main {
        height: calc(100% - 79px)
    }

    .static-header main {
        padding-top: 79px
    }
}

.locked {
    opacity: .5;
    pointer-events: none
}

.Toastify__toast-container {
    width: auto
}

.Toastify__toast {
    border-radius: 8px;
    min-height: 47px;
    padding: 5px 20px 5px 56px
}

.Toastify__toast-theme--warning {
    background: linear-gradient(0deg, #6d3b0d99, #6d3b0d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child {
    color: #eba15d
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/warn-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--error {
    background: linear-gradient(0deg, #69302d99, #69302d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child {
    color: #eb645d
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/fault.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--success {
    background: linear-gradient(0deg, #1b253599, #1b253599), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child {
    color: #dde4ff
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/success-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-body>div:last-child {
    font-size: 16px;
    font-weight: 500
}

.Toastify__toast-body>div:last-child:before {
    content: "";
    display: block;
    height: 14.4px;
    left: -31px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: 14.4px
}

.Toastify__toast {
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
    width: fit-content
}

.Toastify__close-button {
    display: none
}

#premium__combat-player {
    left: -336px;
    position: absolute;
    top: -244px
}

#premium__medic-player {
    position: absolute;
    right: -236px;
    top: -244px
}

.server-modal__unauth {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px
}

.server-modal__unauth h2 {
    font-size: 28px;
    font-weight: 800;
    max-width: 80%;
    text-align: center
}

.server-modal__unauth p {
    color: #b6c0d0;
    font-size: 15px;
    line-height: 140%;
    margin: 14px 0;
    max-width: 80%;
    text-align: center;
    width: 540px
}

.server-modal__unauth button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    padding: 12px 32px
}

.server-modal__unauth button svg {
    width: 24px
}

.banned-friend .block-profile-friends-f-block-img:before {
    background: #e50027 !important
}

.banned-friend .block-profile-friends-f-block-content-name {
    color: #e50027 !important
}

.simplified-footer {
    padding: 48px 0 80px
}

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

.profile-section__header {
    align-items: center;
    background: #161b25;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 36px
}

.profile-section__header h1 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-transform: none
}

.range-slider {
    background: #91affd0d;
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    height: 6px;
    position: relative;
    transition: background .2s ease;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.range-slider-track {
    background-color: #007bff;
    border-radius: 4px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.range-slider-part {
    display: inline-block;
    height: 100%
}

.range-slider-part:first-child {
    border-radius: 4px 0 0 4px
}

.range-slider-part:last-child {
    border-radius: 0 4px 4px 0
}

.range-slider-thumb {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.range-slider-thumb span {
    background: #131825;
    border-radius: 50%;
    display: block;
    height: 6px;
    transition: transform .2s ease;
    width: 6px
}

.range-slider-thumb:hover span {
    transform: scale(1.7)
}

.inactive-sticker {
    opacity: .5
}

.modal-sub-btn {
    align-items: center;
    background: #0000;
    border: 1px solid #f0b358;
    border-radius: 6px;
    color: #ffc875;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    justify-content: center;
    margin-top: 40px;
    padding: 10px 16px;
    width: 100%
}

.modal-sub-btn img {
    width: 24px
}

.opacity-50 {
    opacity: .5;
    transition: opacity .3s ease
}

.rotated {
    transform: rotate(180deg)
}

@media (max-width:1366px) {

    .support-page video,
    .support-screen {
        width: 100% !important
    }

    .support-content {
        grid-template-columns: 1fr
    }

    .ban-dates-img {
        width: 100% !important
    }

    .settings-sub__content,
    .settings-sub__content>div {
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%
    }

    .footer-right {
        row-gap: 50px
    }

    .settings-sub__block:not(:last-child),
    .settings-sub__content>img {
        margin-bottom: 20px
    }

    .settings-sub__content img {
        margin-right: auto !important;
        margin: 0 auto 30px
    }

    .settings-sub__block {
        min-width: 140px;
        width: 100%
    }

    .settings__item {
        flex-direction: column
    }

    .settings-area {
        max-width: 100%;
        width: 100%
    }

    .settings__item>button,
    .settings__item>button a {
        align-items: center;
        background: #161b25;
        border-radius: 6px;
        display: flex;
        height: 48px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .setting-content,
    .setting-content>div {
        width: 100%
    }

    .settings-content {
        padding: 24px
    }

    .settings-connections .settings__item {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content>div {
        width: auto
    }

    .connection-vis {
        margin-right: 15px
    }

    .settings__item-title h5 {
        width: auto
    }

    .tg {
        margin-top: 10px;
        width: 100%
    }

    .settings__item>button[disabled] {
        background: #8aa2b60d
    }

    .general-menu {
        padding: 12px
    }

    .big-desktop-only {
        display: none
    }
}

@media (max-width:1000px) {
    .footer-socials-wrapper {
        align-items: flex-start;
        gap: 30px
    }

    .settings-sub__content div {
        flex-direction: column
    }

    main {
        margin-left: 0;
        padding-top: 79px
    }

    header {
        height: 79px;
        left: 0;
        padding-left: 30px
    }

    #page-servers {
        padding-top: 12px
    }

    .dark-header header,
    .static-header header,
    header {
        background: #131821
    }

    .benefit-img__awp,
    .deauth,
    .header__deposit-wrapper,
    .langs,
    .premium__ct-player,
    .premium__down-arrow,
    .premium__sub-title,
    .premium__t-player,
    .premium__title,
    .profile-socials-wrapper,
    .sidebar-top,
    aside#header .play:after,
    header #socials {
        display: none !important
    }

    .premium-page {
        padding: 16px
    }

    .premium__benefits {
        margin-top: 112px
    }

    .premium__benefit-block {
        gap: 116px;
        margin-bottom: 146px
    }

    .premium__benefit-content {
        margin-bottom: 0 !important;
        max-width: 100%
    }

    .benefit-number {
        left: -50px;
        right: auto;
        top: -200px
    }

    aside#header {
        background: #131821;
        top: auto;
        width: 100%
    }

    aside#header nav {
        flex-direction: row;
        gap: 0;
        position: static;
        transform: none
    }

    .header-side-left {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 21px 16px
    }

    .header-side-left>* {
        margin-bottom: 0;
        width: 100%
    }

    .header-side-left .active,
    .header-side-left>* {
        border-right: none !important
    }

    .nav-name {
        display: none
    }

    .online {
        padding: 0
    }

    #information {
        margin: 0 16px
    }

    #information .avatar {
        height: 100px;
        width: 100px
    }

    #information svg {
        width: 100px
    }

    #profile-main {
        margin-bottom: 16px
    }

    .loyalty__progressBox--2KEX {
        width: 200px
    }

    .settings {
        display: flex;
        flex-direction: column
    }

    .settings>div {
        align-self: auto
    }

    .settings {
        padding: 24px
    }

    .profile-stats-grid {
        grid-template-columns: 1fr 1fr
    }

    .online>span {
        align-items: center;
        display: flex
    }

    .online>span>span {
        margin: 0 6px 0 0
    }

    .sub-tick {
        display: none
    }
}

@media (max-width:840px) {
    .support-header h5 {
        font-size: 14px !important
    }

    .support-header h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important
    }

    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }

    .achievements {
        gap: 16px;
        grid-template-columns: 1fr
    }

    .profile-buttons,
    .server-modal__header-labels {
        display: none
    }

    #deposit__modal {
        padding: 5%
    }

    .payment-providers-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .deposit__balance-modal {
        width: auto
    }

    #serverInfoModal {
        width: 90%
    }

    .p-ch-block-menu {
        height: 200px
    }

    .skinchanger-modal__wrapper {
        padding: 24px;
        width: 100%
    }

    #skinchanger-modal {
        width: 90%
    }

    .skinchanger-modal__stickers {
        display: none
    }
}

@media (max-width:750px) {

    .footer__navigation,
    .footer__sponsors {
        padding-left: 20px;
        padding-right: 20px
    }

    .premium__main-plans {
        align-items: center;
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .support-search__wrapper,
    .support-search__wrapper input {
        width: 100%
    }

    .support-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .support-article {
        padding: 24px
    }

    .support-article__title {
        font-size: 24px
    }

    .servers-filter {
        display: none
    }

    .all-servers-grid {
        padding: 0
    }

    .slick-next:before,
    .slick-prev:before {
        opacity: 1 !important
    }

    #nav-servers {
        display: none
    }

    #page-servers {
        padding: 12px
    }

    #servers {
        padding: 0 15px
    }

    .xp-bar-info {
        font-size: 13px
    }

    #name_player {
        font-size: 35px !important
    }

    .settings__transactions-table .desktop-only {
        display: none
    }

    .settings__transactions-table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        padding: 20px 10px
    }

    .settings-table td:first-child,
    .settings-table th:first-child {
        padding-left: 0
    }

    .transaction-main {
        display: block;
        margin: 10px 0;
        width: 100%
    }

    .settings__transactions-table .skin-name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .support-content {
        padding: 0 16px
    }

    .settings__sessions-table tr {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
        height: auto !important;
        padding: 20px 10px;
        row-gap: 10px
    }

    .settings-table td {
        font-size: 12px
    }

    .settings__sessions-table .close-session {
        opacity: 1
    }

    .settings__sessions-table .desktop-only {
        display: none
    }

    .autosub-sale {
        font-size: 8px
    }

    .scrollable-modal {
        align-items: flex-start;
        overflow-y: auto;
        padding: 24px 0
    }
}

@media (max-width:650px) {

    .autosub-crown,
    .choose-sub-period>img {
        display: none
    }

    .footer__nav-list {
        gap: 35px
    }

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

    .footer__logo span {
        margin-left: 0;
        margin-top: 10px
    }

    .footer__logo {
        align-items: flex-start;
        flex-direction: column
    }

    .support-content .general-menu {
        min-width: auto
    }

    .block-profile-friends {
        padding: 5px
    }

    .page_profile_new #profile-nav a {
        padding: 0 14px
    }

    .page_profile_new #profile-nav {
        padding-left: 16px
    }

    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr))
    }

    .footer .flex-wrap {
        gap: 20px
    }

    .footer__sponsors img {
        width: 110px
    }

    #auto-sub-modal {
        padding: 24px;
        width: 95%
    }

    #auto-sub-modal h2 {
        align-items: flex-start;
        font-size: 20px
    }

    #auto-sub-modal .subtitle,
    .title-wrapper span {
        font-size: 12px
    }

    .autosub-plan__select {
        font-size: 12px;
        padding: 11px 10px
    }

    .autosub-plan .choose-sub-period {
        height: auto;
        padding: 15px
    }

    .autosub-plan .dropdown,
    .dropdown {
        left: auto;
        right: 0
    }

    #gift-modal {
        padding: 20px;
        width: 90%
    }

    .close {
        z-index: 1
    }

    .profile-section__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        height: auto;
        padding: 36px
    }

    .profile-header__btn {
        padding: 12px
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content p {
        font-size: 12px
    }

    .settings__item>button,
    .settings__item>button a {
        font-size: 14px
    }

    #header__user_balance,
    .online>span {
        font-size: 16px
    }

    h2.deposit__title {
        font-size: 20px
    }

    .deposit-notification {
        font-size: 11px;
        height: auto;
        padding: 15px
    }

    .deposit__code-inputs {
        grid-template-columns: 1fr
    }

    .payment-providers-list {
        grid-template-rows: 1fr 1fr;
        height: 170px
    }

    .deposit-modal__content {
        margin-top: 15px
    }

    .deposit-modal-button {
        padding: 14px 0
    }

    .deposit__balance-modal {
        padding: 24px
    }

    .server-modal__header>div {
        flex-direction: column;
        gap: 24px
    }

    .server-modal__header>div:first-child {
        flex-direction: column-reverse
    }

    .server-modal__main-info {
        gap: 6px !important;
        padding: 0
    }

    .server-modal__header {
        grid-template-columns: 1fr 80px 1fr
    }

    .server-modal__con {
        display: none !important
    }

    .server-modal__connect {
        justify-content: center
    }

    #serverInfoModal .desktop-only {
        display: none
    }

    .data-one-server-info tr,
    .table-players-server-header tr {
        grid-template-columns: 64px 92px 60px 1fr
    }

    .modal-button {
        letter-spacing: normal
    }

    .confirm-settings-modal {
        padding: 24px;
        width: 90%
    }

    .confirm-settings__list {
        margin: 24px 0
    }

    .confirm-settings__list>div .image-wrapper {
        height: 30px;
        min-width: 30px;
        width: 30px
    }

    .gift-modal__choose-friends ul {
        height: 160px
    }

    .confirm-settings__content h2 {
        font-size: 20px
    }

    .confirm-settings__list>div {
        padding: 0 20px
    }

    .header__notifications,
    nav#user {
        position: static
    }

    .skinchanger__setting-block.gear {
        opacity: 1
    }

    .timer-block>div {
        margin-right: 10px
    }

    .time-block__upper {
        font-size: 23px
    }

    .time-block__lower {
        font-size: 10px
    }

    #profile-nav {
        overflow-x: auto
    }

    #profile-nav::-webkit-scrollbar {
        display: none
    }
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px
}

.trust-wallet-one-tap .header .title {
    color: #1E2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1E2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;

}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1E2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474D57;
}

.trust-wallet-one-tap .loading-color {
    color: #FFF;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #FFF;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf*/
        url() format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf*/
        url() format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf*/
        url() format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff*/
        url();
}

.ibfrfx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: opacity 0.2s;
    color: inherit;
}

.eHucEk {
    background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%);
    padding: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.gcMOeE h3 {
    color: rgb(132, 153, 185);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 14px;
    max-width: 190px;
    gap: 6px;
}

.gcMOeE .timer {
    color: rgb(132, 153, 185);
    font-size: 11px;
    text-transform: none;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    gap: 3px;
}

.gcMOeE .timer svg {
    width: 12px;
}

.gcMOeE h5 {
    color: rgb(199, 211, 226);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.jZtxJO {
    background: rgb(39, 48, 71);
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jZtxJO path.hover {
    animation: 1s ease 0s infinite normal none running fRDsuO;
}

.jZtxJO path.grey-hover {
    animation: 1s ease 0s infinite normal none running ggGmjz;
}

.jZtxJO path.gold-hover {
    animation: 1s ease 0s infinite normal none running eihXFP;
}

.bipGUT {
    transition: opacity 0.2s;
}

.bipGUT p {
    line-height: 14px;
    text-align: right;
    color: rgb(207, 216, 229);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bipGUT svg {
    display: block;
}

.bAtzHI {
    border-radius: 6px;
    grid-template-columns: 50px 1fr;
    display: grid;
    overflow: hidden;
    border: 1px solid transparent;
}

.bAtzHI .hover-on {
    opacity: 0;
}

.bAtzHI.waiting {
    border: 1px solid rgb(53, 62, 91);
}

.bAtzHI.completed .sc-ddjGPC {
    background: rgba(39, 79, 76, 0.25);
}

.bAtzHI.completed .sc-fxwrCY {
    background: rgba(39, 79, 76, 0.17);
}

.bAtzHI.completed .sc-dSCufp h3 {
    color: rgb(132, 185, 153);
}

.bAtzHI.completed .sc-dSCufp h5 {
    color: rgb(202, 255, 220);
}

.bAtzHI:hover .hover-off {
    opacity: 0;
}

.bAtzHI:hover .hover-on {
    opacity: 1;
}

.jqcwLB {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
}

.jqcwLB img,
.jqcwLB svg {
    width: 100%;
    height: 100%;
}

.jqcwLB img {
    vertical-align: initial;
}

.mErXc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.jVnWco {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jVnWco.blocked {
    pointer-events: none;
}

.hRwZZP {
    position: absolute;
    left: 0px;
    opacity: 0.4;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.bwWALH {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%);
    backdrop-filter: blur(12px);
    padding: 16px;
}

.bwWALH h2 {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: 900;
    line-height: 27px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.bwWALH h2 img {
    transition: 0.5s;
    width: 24px;
    opacity: 0;
    transform: translateX(-3px);
}

.bwWALH p {
    width: 230px;
    color: rgb(197, 213, 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    white-space: normal;
}

.bwWALH button {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgb(255, 200, 117);
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 200, 117);
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    background: transparent;
}

.bwWALH button img {
    width: 18px;
}

.bwWALH button.auth {
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    border: none;
}

.bwWALH button.premium {
    background: rgb(255, 200, 117);
    color: rgb(40, 43, 54);
    border: none;
}

.bwWALH:hover .sc-iMWBiJ {
    transform: scale(1.1);
}

.bwWALH:hover h2 img {
    opacity: 1;
    transform: translateX(0px);
}

.fHHrKU {
    position: absolute;
    left: 52%;
    width: 270px;
    bottom: 0px;
    transform: translateX(-50%);
}

.kuuiWE div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(213, 217, 228);
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.kuuiWE img {
    width: 16px;
    margin-right: 5px;
}

.dvWCaY {
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    top: 20px;
    right: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
}

.dvWCaY img {
    width: 14px;
    margin-left: 3px;
}

.hnEFKx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hnEFKx img {
    width: 165px;
    transition: transform 0.2s;
    z-index: 1;
}

.hnEFKx div {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    background: rgba(128, 163, 255, 0.5);
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jusmTt {
    border-radius: 10px;
    overflow: hidden;
}

.jusmTt.no-rounding {
    border-radius: 10px 10px 0px 0px;
}

.jusmTt>div {
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.jusmTt::before,
.jusmTt::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.2s;
}

.jusmTt::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
    opacity: 0;
    z-index: 0;
}

.jusmTt h6 {
    margin-bottom: 1px;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    font-size: 12px;
    font-weight: 400;
}

.jusmTt h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.jusmTt:nth-child(2)::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt:nth-child(2)::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.jusmTt:nth-child(2) .sc-kbhJrz div {
    background: rgba(128, 163, 255, 0.5);
}

.jusmTt:nth-child(3)::before {
    background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.jusmTt:nth-child(3)::after {
    background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.jusmTt:nth-child(3) .sc-kbhJrz div {
    background: rgba(255, 128, 173, 0.5);
}

.jusmTt:nth-child(4)::before {
    background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.jusmTt:nth-child(4)::after {
    background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.jusmTt:nth-child(4) .sc-kbhJrz div {
    background: rgba(128, 255, 178, 0.5);
}

.jusmTt:nth-child(1)::before {
    background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.jusmTt:nth-child(1)::after {
    background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.jusmTt:nth-child(1) .sc-kbhJrz div {
    background: rgba(255, 200, 60, 0.5);
}

.jusmTt:hover::before {
    opacity: 0;
}

.jusmTt:hover::after {
    opacity: 1;
}

.jusmTt:hover .sc-kbhJrz img {
    transform: scale(1.15);
}

.jusmTt.custom::after {
    content: none;
}

.jusmTt.custom::before {
    background: url("") center center / cover no-repeat;
}

.jusmTt.custom:hover::before {
    opacity: 1;
}

.hBQOEn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.hBQOEn img {
    width: 14px;
    margin-left: 4px;
}

.eyXZVb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}

.eyXZVb p {
    color: rgba(240, 179, 88, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    width: 70px;
    white-space: normal;
}

.eyXZVb svg {
    width: 24px;
}

.kuOXvw {
    width: 296px;
}

.kuOXvw:not(:first-child)::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: rgb(39, 48, 71);
    height: 100%;
    width: 2px;
    display: block;
    top: 0px;
    left: -18px;
}

.jLOydi {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
}

.jLOydi img {
    width: 24px;
}

.iVupXy {
    display: flex;
    gap: 34px;
}

.cBrOAO {
    border-radius: 0px 0px 6px 6px;
    background: rgb(240, 179, 88);
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 7px;
    color: rgb(17, 24, 32);
    font-size: 11px;
    font-weight: 500;
}

.cBrOAO svg,
.cBrOAO img {
    width: 18px;
}

.cqXvZf {
    padding-left: 12px;
}

.jwZSg {
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.jCpELc {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.jCpELc img {
    width: 18px;
}

.bxGOWN {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.iueEyA {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.iueEyA img {
    width: 46px;
}

@media (max-width: 1000px) {
    .iueEyA {
        display: flex;
    }
}

.kWdizk {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kWdizk span {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 20px;
    border-radius: 5px;
}

.ePkHrX {
    padding: 15px 50px;
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 25px;
}

@media (max-width: 1700px) {
    .ePkHrX {
        grid-template-columns: 286px 1fr;
        gap: 20px;
    }
}

@media (max-width: 1366px) {
    .ePkHrX {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 1000px) {
    .ePkHrX {
        padding: 16px;
    }
}

.icWHUT {
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/leaderboard/bg/header_new.png*/
        var(--savepage-url-71) center center / cover no-repeat;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 45px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 19px;
}

@media (max-width: 650px) {
    .icWHUT {
        padding: 16px;
    }
}

.kENqat {
    font-weight: 700;
    font-size: 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kENqat img {
    width: 32px;
    margin-right: 17px;
}

@media (max-width: 650px) {
    .kENqat {
        padding-left: 3px;
        padding-top: 3px;
        font-size: 24px;
        line-height: 24px;
    }

    .kENqat img {
        width: 25px;
        margin-right: 11px;
    }
}

.fuXLkN {
    margin: 7px 0px 15px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    max-width: 620px;
    color: rgb(122, 134, 151);
}

@media (max-width: 650px) {
    .fuXLkN {
        font-size: 14px;
        line-height: 140%;
        margin: 12px 0px 16px;
    }
}

.bLstqk {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

@media (max-width: 650px) {
    .bLstqk .desktop-only {
        display: none;
    }
}

.bzyRfk {
    background: rgba(166, 133, 115, 0.1);
    border-radius: 8px;
    padding: 0px 14px;
    font-weight: 500;
    height: 42px;
    font-size: 14px;
    color: rgb(235, 182, 103);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: 0.2s;
}

.bzyRfk:last-child {
    margin-left: 8px;
}

.bzyRfk img {
    width: 15px;
    margin-right: 10px;
}

.bzyRfk:hover {
    background: rgba(166, 133, 115, 0.25);
    filter: none;
}

.fnQwWj {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 14px;
}

.fnQwWj button {
    height: 100%;
    width: 144px;
    background: transparent;
    border-radius: 6px;
    color: rgb(122, 134, 151);
    font-weight: 700;
    font-size: 15px;
    transition: 0.2s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 3px;
    -webkit-box-pack: center;
    justify-content: center;
}

.fnQwWj button svg {
    width: 16px;
}

.fnQwWj button.active {
    background: rgb(96, 128, 255);
    color: rgb(31, 37, 55);
}

.fnQwWj button.dynamic {
    width: auto;
    padding: 0px 25px;
}

.fnQwWj button.small {
    width: 96px;
}

@media (max-width: 1000px) {
    .fnQwWj {
        flex-wrap: wrap;
    }

    .fnQwWj h3 {
        width: 100%;
        margin-bottom: 24px;
    }

    .fnQwWj div {
        margin-left: 0px;
    }

    .fnQwWj button {
        width: 100%;
        padding: 0px 16px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .fnQwWj button {
        font-size: 13px;
    }
}

.hLoFwc {
    position: absolute;
    right: 80px;
    top: -5px;
    height: 426px;
    z-index: 1;
    pointer-events: none;
}

@media (max-width: 1700px) {
    .hLoFwc {
        display: none;
    }
}

.bDpdCP {
    height: 975px;
    border-radius: 10px;
    padding: 26px;
    background: rgb(18, 21, 30);
}

.OYmbd {
    border-radius: 10px;
    padding: 45px;
    background: rgb(18, 21, 30);
    margin-bottom: 19px;
}

.kqdKoS {
    height: 58px;
    border-radius: 8px;
    margin-bottom: 13px;
    background: rgb(20, 23, 32);
}

.bsntls {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iasWnI {
    width: 100%;
}

@media (max-width: 1366px) {
    .iasWnI {
        width: calc(-184px + 100vw);
        overflow: auto;
    }
}

@media (max-width: 1000px) {
    .iasWnI {
        width: calc(-32px + 100vw);
    }
}

.eMGkKq {
    z-index: 2;
}

.eMGkKq .center {
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 1366px) {
    .eMGkKq {
        min-width: 1000px;
    }
}

.hxFuXt table {
    width: 100%;
}

.hxFuXt tbody {
    width: calc(100% + 7px);
    padding-right: 7px;
    overflow: auto;
    display: block;
}

.hxFuXt tbody::-webkit-scrollbar-thumb,
.hxFuXt tbody::-webkit-scrollbar {
    background: transparent;
    width: 3px;
    border-radius: 2px;
}

.hxFuXt tbody:hover::-webkit-scrollbar-thumb {
    background: rgb(41, 50, 69);
}

.hxFuXt tbody.mobile-only {
    display: none;
}

.hxFuXt tr {
    margin-bottom: 2px;
    height: 64px;
    width: 100%;
    border-radius: 10px;
    padding-left: 29px;
    padding-right: 29px;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.hxFuXt tr td {
    z-index: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 300;
    width: 100%;
    color: rgb(225, 233, 253);
}

.hxFuXt.short {
    height: calc(-478px + 100vh);
    overflow: hidden;
    mask-image: linear-gradient(rgb(0, 0, 0) 63.9%, rgba(0, 0, 0, 0) 92.73%);
}

@media (max-width: 650px) {
    .hxFuXt tr {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.ZfmWS {
    font-weight: 500 !important;
}

.ZfmWS div {
    width: 14px;
    margin-right: 28px;
}

.ZfmWS img {
    width: 100%;
}

.jlbHHd {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-right: 13px;
}

.eTZDuj {
    font-weight: 500 !important;
}

.eTZDuj a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.eTZDuj span {
    max-width: 110px;
    color: rgb(225, 233, 253);
}

@media (max-width: 1700px) {
    .eTZDuj span {
        max-width: 60px;
    }
}

.eTZDuj.disabled {
    pointer-events: none;
}

.eTZDuj:hover .sc-hitSbr {
    opacity: 1;
}

.lcFgbT {
    background: rgb(23, 28, 37);
    transition: background 0.2s;
}

.lcFgbT:hover {
    background: rgb(27, 32, 45);
}

.lcFgbT:nth-of-type(1)::before,
.lcFgbT:nth-of-type(2)::before,
.lcFgbT:nth-of-type(3)::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 243px;
    z-index: 0;
}

.lcFgbT.basic-bg::before {
    content: none;
}

.lcFgbT:nth-of-type(1)::before {
    background: linear-gradient(270deg, rgba(25, 30, 40, 0.4) 60.91%, rgba(52, 49, 43, 0.4) 77.74%, rgba(111, 90, 50, 0.4) 102.88%);
}

.lcFgbT:nth-of-type(1) .sc-fopFza {
    color: rgb(255, 219, 92);
}

.lcFgbT:nth-of-type(2)::before {
    background: linear-gradient(270deg, rgba(25, 30, 40, 0.4) 58.44%, rgba(39, 50, 70, 0.4) 78.79%, rgba(71, 94, 138, 0.4) 100%);
}

.lcFgbT:nth-of-type(2) .sc-fopFza {
    color: rgb(191, 224, 255);
}

.lcFgbT:nth-of-type(3)::before {
    background: linear-gradient(270deg, rgba(25, 30, 40, 0.3) 61.73%, rgba(51, 43, 44, 0.3) 80.47%, rgba(119, 78, 55, 0.3) 100%);
}

.lcFgbT:nth-of-type(3) .sc-fopFza {
    color: rgb(248, 167, 133);
}

.hMhcVT {
    background: rgba(23, 30, 39, 0.5);
    backdrop-filter: blur(14px);
    width: 100%;
    height: 47px;
    border-radius: 10px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0px 29px;
    margin-bottom: 2px;
}

.hMhcVT span {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: rgb(67, 78, 92);
}

.hMhcVT img {
    width: 14px;
    margin-left: 7px;
}

.hMhcVT .hoverable {
    transition: filter 0.2s;
}

.hMhcVT .hoverable:hover {
    filter: brightness(125%);
}

.jwhtFq {
    cursor: pointer;
}

.lpiDhL {
    cursor: pointer;
}

.lpiDhL span {
    color: rgb(255, 182, 96);
    font-weight: 500;
}

.lpiDhL img {
    width: 18px;
    margin-right: 4px;
}

.fGIjpc {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 2px 0px;
}

.fGIjpc a svg {
    margin: 0px auto;
    display: block;
}

.RmHGY {
    width: 304px;
}

.RmHGY .tippy-content {
    padding: 12px;
}

.RmHGY .tippy-box {
    border-radius: 12px !important;
}

.RmHGY video,
.RmHGY img {
    width: 100%;
    border-radius: 12px;
}

.RmHGY span {
    border-radius: 0px 0px 0px 4px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: -24px;
    top: 37px;
    background: rgb(28, 33, 48);
}

.RmHGY h2 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px 4px;
    letter-spacing: 0.02em;
    color: rgb(236, 241, 248);
}

.RmHGY p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(159, 167, 190);
}

.kPLHxG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.kPLHxG button {
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01em;
    background: rgba(96, 128, 255, 0.1);
}

.kPLHxG button.inactive {
    pointer-events: none;
}

.kPLHxG a {
    color: rgb(96, 128, 255);
    height: 100%;
    width: 100%;
    padding: 12px 0px;
    display: block;
}

.kwKvLO {
    border: 1px solid rgb(107, 206, 165);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    color: rgb(107, 206, 165);
    margin: 0px auto 9px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kwKvLO img {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.cIvRnW {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: rgb(120, 125, 144);
    margin-top: 8px;
    padding: 0px 5px;
    font-family: var(--font-family-0);
}

.bCzUGD {
    border-right: 3px solid transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 3px;
}

.bCzUGD.active {
    border-right: 3px solid rgb(96, 128, 255);
}

.bCzUGD:hover>img {
    transform: scale(1.1);
    transition: 0.3s;
}

.kRvpbl {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 0px;
}

@-webkit-keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

.kRyfDg {
    display: flex;
    height: 46px;
    padding: 4px;
    background: rgb(31, 38, 55);
    border-radius: 8px;
}

@media (max-width: 428px) {
    .kRyfDg {
        width: fit-content;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
}

.hnqURV {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
}

.hkNKDt {
    width: 100%;
    z-index: 3;
}

.hrLOfN {
    padding: 3px 6px;
    border-radius: 3px;
    border: 1px solid rgb(107, 206, 165);
    color: rgb(107, 206, 165);
    font-size: 8px;
    font-weight: 500;
    line-height: 9px;
}

.WsOZJ {
    border-radius: 16px;
    background: rgb(19, 24, 33);
    padding: 20px;
    align-self: start;
    overflow: hidden;
    position: sticky;
    top: 0px;
    height: calc(-100px + 100vh);
}

@media (max-width: 1366px) {
    .WsOZJ {
        padding: 16px;
        height: auto;
        position: relative;
    }

    .WsOZJ::after {
        display: none;
    }
}

.hxJlFe {
    height: 58px;
    width: 100%;
    background: rgb(27, 32, 45);
    border-radius: 8px;
    display: flex;
    overflow: hidden;
    margin-bottom: 13px;
    transition: 0.2s;
}

.hxJlFe input {
    background: transparent;
    padding: 0px 18px;
    font-size: 16px;
}

.hxJlFe input,
.hxJlFe input::-webkit-input-placeholder {
    font-weight: 400;
    color: rgb(105, 113, 131);
}

.hxJlFe input,
.hxJlFe input::placeholder {
    font-weight: 400;
    color: rgb(105, 113, 131);
}

.hxJlFe:hover,
.hxJlFe.focus {
    background: rgb(30, 36, 51);
}

.hxJlFe:hover input,
.hxJlFe.focus input {
    color: rgb(199, 211, 226);
}

.eyNPuS {
    height: 100%;
    min-width: 58px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jbYhaM img {
    width: 20px;
}

.ehCRf {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    color: rgb(199, 211, 226);
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
    line-height: 19px;
}

.kZrHVp {
    margin-top: 5px;
    color: rgb(197, 213, 255);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.duXioA {
    position: absolute;
    right: 10px;
    bottom: -15px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0.2;
}

.duXioA img {
    height: 65px;
}

.cLrWyg {
    max-height: -webkit-fill-available;
    overflow: auto;
    width: calc(100% + 10px);
    padding-right: 10px;
    position: static;
    padding-bottom: 60px;
}

.cLrWyg::-webkit-scrollbar-thumb,
.cLrWyg::-webkit-scrollbar {
    background: transparent;
    width: 3px;
    border-radius: 2px;
}

.cLrWyg:hover::-webkit-scrollbar-thumb {
    background: rgb(41, 50, 69);
}

.cLrWyg::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 500px;
    pointer-events: none;
    background: linear-gradient(rgba(20, 24, 32, 0) 85.08%, rgb(20, 24, 32) 95.55%);
    z-index: 1;
    transition: opacity 0.2s;
}

.cLrWyg.bottom::before {
    opacity: 0;
}

.cLrWyg li {
    border: 1px solid transparent;
    border-radius: 10px;
    background: rgb(25, 30, 40);
    margin-bottom: 6px;
    cursor: pointer;
    padding: 14px;
    transition: 0.2s;
    overflow: hidden;
    width: 100%;
}

.cLrWyg li:hover {
    background: rgb(26, 31, 43);
    border-color: rgb(26, 31, 43);
}

.cLrWyg li:hover .sc-iSTKmn {
    opacity: 1;
}

.cLrWyg li.active {
    background: linear-gradient(83.89deg, rgb(34, 44, 80) 2.61%, rgb(28, 34, 57) 70.26%);
    border-color: rgb(39, 51, 96);
}

.cLrWyg li.active .sc-hjkgxo {
    color: rgb(168, 187, 225);
}

.cLrWyg li.active .sc-jQoGOB {
    color: rgb(236, 241, 248);
}

@media (max-width: 1366px) {
    .cLrWyg {
        padding-bottom: 0px;
        height: 220px;
    }

    .cLrWyg::before {
        display: none;
    }

    .cLrWyg li:last-child {
        margin-bottom: 6px;
    }
}

.cQQGak {
    height: 51px;
    background: rgb(26, 31, 43);
    border-radius: 8px;
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    color: rgb(236, 241, 248);
}

.cQQGak svg {
    width: 10px;
    margin-left: 8px;
}

@media (max-width: 1366px) {
    .cQQGak {
        display: flex;
    }
}

.kjwrPY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.ieIgxw {
    position: absolute;
    right: 15px;
    top: 50%;
    padding: 12px;
    transform: translateY(-50%);
    border-radius: 8px;
    background: rgba(31, 38, 55, 0.95);
    z-index: 1;
    color: rgb(255, 182, 96);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
}

.ieIgxw img {
    width: 18px;
}

.kCZsXV {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
}

.iLkYlH {
    z-index: 99;
    position: absolute;
    bottom: 0px;
    left: 36px;
    border-radius: 10px;
    background: linear-gradient(270deg, rgba(31, 38, 63, 0.7) 56.12%, rgba(38, 51, 96, 0.7) 100%);
    backdrop-filter: blur(5px);
    width: calc(100% - 72px);
    padding: 7px 7px 7px 162px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.iLkYlH h3 {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.iLkYlH h3,
.iLkYlH h4 {
    text-transform: none;
}

.iLkYlH h4 {
    color: rgb(165, 179, 203);
    font-size: 12px;
    font-weight: 400;
}

.lipypX {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    display: flex;
    padding: 16px 24px;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
}

.lipypX img {
    width: 18px;
}

:root {
    --savepage-url-34: url('/img/image_1.svg+xml');
    --savepage-url-71: url('/img/image_2.webp');
}

/*savepage-import-url=https://fonts.googleapis.com/css2?family=Montserrat:wght@100*/
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2*/
        url() format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

200;
300;
400;
500;
600;
700;
800&display=swap);

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-1.woff2*/
        url('/fonts/font_1.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-2.woff2*/
        url('/fonts/font_2.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-3.woff2*/
        url('/fonts/font_3.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-4.woff2*/
        url('/fonts/font_4.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-1.woff2*/
        url('/fonts/font_5.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-2.woff2*/
        url('/fonts/font_6.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-3.woff2*/
        url('/fonts/font_7.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-4.woff2*/
        url('/fonts/font_8.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-1.woff2*/
        url('/fonts/font_9.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-2.woff2*/
        url('/fonts/font_10.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-3.woff2*/
        url('/fonts/font_11.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-4.woff2*/
        url('/fonts/font_12.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-1.woff2*/
        url('/fonts/font_13.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-2.woff2*/
        url('/fonts/font_14.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-3.woff2*/
        url('/fonts/font_15.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-4.woff2*/
        url('/fonts/font_16.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-1.woff2*/
        url('/fonts/font_17.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-2.woff2*/
        url('/fonts/font_18.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-3.woff2*/
        url('/fonts/font_19.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-4.woff2*/
        url('/fonts/font_20.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=/static/media/OnestBlack1602-hint.4a0f2e13e391b67f9bc3.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=/static/media/OnestBold1602-hint.7ba2b3b4e1ffcd2ac807.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=/static/media/OnestExtraBold1602-hint.fa8b616ab362e649d2c7.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=/static/media/OnestMedium1602-hint.b1d2285c056c41b27528.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=/static/media/OnestRegular1602-hint.54ed6502b03681fe60b0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=/static/media/OnestLight1602-hint.0f2c6d3daff26ba49fb0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=/static/media/OnestThin1602-hint.2104bb04c00a99da9722.woff*/
        url()
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot*/
        url();
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot*/
        url();
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot*/
        url();
    src: local("Gotham ExtraLight"), local("Gotham-XLight"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot*/
        url();
    src: local("Gotham Thin"), local("Gotham-Thin"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot*/
        url();
    src: local("Gotham Book"), local("Gotham-Book"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot*/
        url();
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot*/
        url();
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot*/
        url();
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot*/
        url();
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot*/
        url();
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot*/
        url();
    src: local("Gotham Light"), local("Gotham-Light"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot*/
        url();
    src: local("Gotham Bold"), local("Gotham-Bold"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot*/
        url();
    src: local("Gotham Medium"), local("Gotham-Medium"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot*/
        url();
    src: local("Gotham Ultra"), local("Gotham-Ultra"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot*/
        url();
    src: local("Gotham ExtraLight Italic"), local("Gotham-XLightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot*/
        url();
    src: local("Gotham Black"), local("Gotham-Black"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.ttf*/
        url() format("truetype")
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: #0000;
    outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

textarea {
    font-family: Roboto;
    outline: none;
    resize: none
}

:root {
    --font-family-0: "Roboto Condensed", sans-serif;
    --font-family-1: "Roboto", sans-serif
}

:hover:before {
    transition: .3s !important
}

*,
:after,
:before {
    border: 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative
}

button,
input {
    outline: none
}

li {
    transition: none
}

:after,
:before,
a,
a:hover,
button,
input,
span,
strong,
sum,
time {
    text-decoration: none
}

html {
    background: #11141c;
    font-family: Roboto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%
}

ul::-webkit-scrollbar {
    background: #0000
}

body {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    width: 100%
}

main>svg:first-of-type {
    left: -96px;
    opacity: .5;
    position: absolute;
    top: 960px;
    transform: rotate(-60deg);
    z-index: -1
}

img,
svg {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

p a,
p a:hover {
    color: #fff
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border: 1px solid #ffffff1a !important
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 12px !important
}

#lobby .avatar {
    border-radius: 100%;
    height: 64px;
    left: 0 !important;
    width: 64px
}

.grid.lobby>div {
    width: 30% !important
}

.grid.lobby>div>div {
    background: #0000 !important;
    padding: 16px
}

.grid.lobby>div>div:first-of-type>div {
    float: right
}

#ready.active {
    border-color: green !important;
    color: #000 !important
}

.more {
    text-shadow: none !important
}

.headshots {
    top: 2px
}

.grid.modes {
    padding-right: 0
}

.grid.modes h4 {
    padding-bottom: 0;
    padding-top: 16px
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-tooltip[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-tooltip {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0)
}

.options p {
    font-size: 14px;
    text-transform: uppercase !important
}

.options p:hover {
    opacity: .5;
    transition: .3s
}

.options p>img {
    bottom: 0;
    filter: invert(100%);
    float: right;
    height: 14px;
    left: 0;
    right: 0;
    top: -1px;
    transition: all .2s ease;
    vertical-align: middle
}

.options>div hr {
    margin-bottom: 6px !important;
    width: 100% !important
}

.options>div>img {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px
}

.options>div.active>img {
    opacity: .5 !important
}

.options>div.active p img {
    transform: rotate(180deg)
}

.options>div.active p {
    opacity: .2;
    transition: .3s
}

.options>div.active p:hover {
    opacity: .5;
    transition: .3s
}

.options>div:last-of-type hr {
    display: none !important
}

#dashboard-chat>div:first-of-type {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    font-weight: 700;
    padding: 16px
}

#dashboard-chat>div:first-of-type .live-dot {
    background: #85f479;
    margin-right: 12px;
    top: -1px
}

#stickers-scroller {
    height: 120px
}

#stickers-scroller h4 {
    padding-top: 0 !important
}

.danger {
    left: -10px !important;
    margin-left: 12px !important
}

aside#servers {
    background: #0000 !important;
    float: right;
    margin-left: 1%;
    margin-right: 2.5%;
    padding-top: 0;
    position: sticky;
    top: 22px;
    width: 280px;
    z-index: 1000
}

.support.tippy:hover {
    opacity: .1 !important;
    transition: .3s
}

.wrap {
    margin: 0 auto
}

#game .lvl {
    display: none
}

.grid.serv>div {
    width: 31.5% !important
}

#prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#prime-servers>div>.tippy {
    background-color: #74bae81a;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    width: 40px
}

#prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

#non-prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#non-prime-servers>div>.tippy {
    background-color: #bc4a4a1a;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 20px !important;
    padding: 8px;
    width: 40px
}

#non-prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.stattrak-img {
    bottom: 24px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 24px;
    width: 32px;
    z-index: 10
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: #91affd0d;
    background-repeat: no-repeat;
    border-radius: 12px;
    cursor: pointer;
    height: 6px;
    margin: auto;
    outline: none;
    padding: 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-range-track {
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

.grid.skins .skin p {
    bottom: 16px;
    color: #fff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    z-index: 25
}

.visibility-hidden {
    visibility: hidden !important
}

.grid .prime {
    border: 3px solid #60b9ebcc
}

.container {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
}

aside .container {
    line-height: 24px
}

.container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #0003;
    border-radius: 6px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px
}

.container:hover input~.checkmark {
    background-color: #0000001a
}

.container input:checked~.checkmark {
    background-color: #6080ff
}

label.active p img {
    opacity: 0
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container input:checked~.checkmark:after {
    display: block
}

label label:hover {
    color: #ffffff80
}

.container .checkmark:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/icons/check.svg*/
        url() no-repeat 50%/cover;
    display: none;
    height: 7.3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.copy {
    cursor: pointer
}

.copy:hover {
    opacity: 1;
    transition: .3s
}

#profile-cover {
    border-radius: 0;
    height: 320px;
    left: 0;
    right: 0;
    top: 0
}

#profile-cover:before {
    background: linear-gradient(180deg, #0f141b1a 0, #0f141bb3 35%, #11141c 90%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

#profile-cover img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.cybercoin {
    height: 16px;
    margin-left: 12px;
    top: -1px;
    vertical-align: middle
}

#serverInfoModal .table .avatar {
    height: 23px;
    vertical-align: middle;
    width: 23px
}

#information {
    margin-left: 24px;
    margin-right: 32px;
    padding-top: 0
}

#information .avatar,
#information>img {
    border-width: 4px !important
}

#information>img {
    border-radius: 100%;
    display: block;
    height: 128px;
    margin: auto;
    width: 128px
}

#information>img.skinchanger {
    border: 4px solid #6080ff !important
}

#information>img.premium {
    border: 4px solid #fdb510 !important
}

.profile-socials {
    padding-bottom: 0
}

.profile-socials p {
    padding-bottom: 6px
}

.profile-socials a {
    display: inline-block;
    margin-right: 10px
}

.profile-socials a img {
    max-height: 14px;
    max-width: 18px
}

.profile-socials a:last-of-type {
    margin-right: 0
}

#profile-buttons button {
    margin: 0 !important
}

#score img,
.score img {
    float: left;
    vertical-align: middle
}

#score p,
.score p {
    float: left;
    font-size: 16px;
    line-height: 32px;
    width: 128px
}

#score span,
.score span {
    border: 1px solid #ffffff1a;
    font-size: 16px;
    margin-right: 4px
}

.inner {
    animation: inner 2s linear infinite
}

.middle {
    animation: middle 2s linear infinite
}

.outer {
    animation: outer 2s linear infinite
}

#profile {
    margin-top: -240px;
    max-width: 100%;
    padding-left: 0;
    z-index: 100
}

#profile-nav {
    align-items: center;
    border-bottom: 0;
    clear: both;
    display: flex;
    height: 60px;
    margin-left: 0;
    margin-top: 36px !important;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 4
}

#profile-nav a {
    border-bottom: 3px solid #0000;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: 24px
}

#profile-nav a:hover {
    color: #fff;
    transition: .3s
}

#profile-nav a:active {
    bottom: -3px
}

#profile-nav span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#profile-nav span.new {
    background: #6080ff1f;
    border: none;
    border-radius: 6px;
    color: #6080ff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px;
    text-transform: uppercase
}

.single {
    display: block !important;
    margin: 32px auto !important
}

summary h3 {
    font-size: 16px
}

#profile-settings {
    display: none
}

.btn.mini {
    font-size: 14px;
    height: 44px;
    line-height: 44px
}

.btn.mini:hover {
    filter: brightness(110%);
    transition: .3s
}

.options>div,
.options>div label {
    display: block;
    width: 100%
}

.options>div.active label {
    display: block !important;
    width: 100%
}

.options>div hr {
    display: none
}

.options>div p {
    font-weight: 700;
    padding: 16px 0 0
}

.options>div p:hover {
    cursor: pointer !important
}

.options>div label,
.options>div select {
    display: none
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important
}

.copy-ip:hover {
    background: #fff3 !important;
    color: #fff !important
}

label img {
    top: 4px
}

.loyalty__progressBox--2KEX {
    display: flex;
    font-size: 12px;
    margin: 16px 0 0
}

.loyalty__progressBlock--W_he {
    flex-grow: 1
}

.loyalty__progressBar--3fut {
    background-color: #0003;
    border-radius: 10px;
    box-sizing: border-box;
    height: 8px;
    overflow: hidden
}

.loyalty__progressBg--2f0j {
    background: linear-gradient(90deg, #94a7b7, #a1a1a1);
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width 1s
}

.loyalty__progressBg--2f0j.gold {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    color: gold
}

.viMoneyValue--1vFp,
.viMoneyValue__text--1EVB {
    width: auto
}

.loyalty__giftInfo--2qi6 {
    font-weight: 500;
    margin-top: -5px;
    white-space: nowrap
}

.loyalty__giftSum--1Rr9 {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px
}

#information #xp-bar {
    margin-bottom: 16px !important;
    margin-top: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#information #xp-bar div {
    padding: 0 !important
}

#information #xp-bar .loyalty__progressBox--2KEX {
    top: 0 !important
}

#information #xp-bar button {
    top: 12px !important
}

#xp-bar button,
.xp-bar button {
    background: #6080ff00;
    border: 1px solid #6080ff80;
    color: #6080ff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 11px;
    height: 24px;
    left: 20px;
    line-height: 23px;
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    top: -12px;
    width: auto
}

#xp-bar button:hover,
.xp-bar button:hover {
    background: #6080ff1a;
    box-shadow: none !important;
    transform: none !important
}

#xp-bar button strong,
.xp-bar button strong {
    border-right: 1px solid #6080ff80;
    color: #6080ff !important;
    margin-right: 0;
    padding-right: 4px
}

#xp-bar button img,
.xp-bar button img {
    height: 8px;
    left: 0;
    margin-left: 6px;
    top: -1px;
    width: 8px
}

#xp-bar,
.xp-bar {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    z-index: 9
}

#xp-bar .loyalty__progressBg--2f0j,
.xp-bar .loyalty__progressBg--2f0j {
    cursor: help !important;
    cursor: -webkit-help
}

#xp-bar img,
.xp-bar img {
    height: 64px;
    left: -2px;
    position: absolute;
    top: -23px;
    width: 64px
}

.grid.monitoring {
    width: 100%
}

.grid.monitoring group {
    display: none
}

.grid .big img.tippy {
    cursor: help;
    height: 32px;
    left: 16px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 16px;
    vertical-align: middle;
    z-index: 20
}

.grid .big img.tippy:hover {
    transition: .3s
}

hr {
    background: #fff;
    display: block;
    height: 1px;
    margin: 24px auto 32px;
    opacity: .1;
    width: 48px
}

.hide {
    display: none !important
}

.nav {
    left: 0;
    position: fixed;
    right: 0;
    top: -60px
}

.nav nav .logo {
    display: inline-block !important
}

.nav nav {
    transform: translateY(-16px)
}

.nav .logo img {
    opacity: 1
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    z-index: 900
}

.more {
    border-radius: 6px;
    color: #0000;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

.more:hover {
    background: #ffffff1a;
    box-shadow: 0 0 6px #0000001a;
    color: #fff;
    transition: .3s
}

.more img {
    display: block;
    filter: invert(100%);
    height: 20px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .3s;
    vertical-align: middle
}

.more:hover img {
    opacity: 0;
    transition: .3s
}

#terms strong {
    display: block
}

#terms {
    background: #131821;
    border-radius: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    line-height: 1.5;
    margin: 48px;
    padding: 0 60px 60px
}

#terms p:not(.terms-title),
#terms td {
    color: #7b828a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px
}

#terms table {
    border-collapse: initial !important
}

#terms p:not(.terms-title) strong {
    opacity: .7
}

#terms .terms-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 32px
}

#terms h1 {
    font-size: 32px;
    margin-bottom: 0;
    padding: 24px 0 0;
    text-transform: uppercase
}

#terms p {
    line-height: 1.5
}

.profile-socials a {
    transition: .3s
}

.profile-socials a:hover {
    opacity: 1;
    transition: .3s
}

.grid.big {
    margin-top: -22px !important
}

.grid {
    display: block;
    overflow: hidden
}

.grid>a,
.m {
    border-radius: 12px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: top
}

label label {
    display: block
}

.grid>a:hover {
    color: #fff
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25
}

#servers .grid div a ion-icon {
    top: -2px;
    vertical-align: middle
}

#section-servers .grid group {
    pointer-events: all
}

.home-body-servers .group {
    align-items: center;
    display: flex
}

.grid>a,
.grid>div,
.m {
    transition: .3s
}

#servers .grid div a:hover {
    background: #fff3;
    transition: .3s
}

#servers .grid div a {
    color: #aecce4
}

#servers .grid div a:hover ion-icon {
    color: #fff !important
}

.grid .big:hover .group,
.grid .big:hover .mode-name,
.grid .big:hover .mode-timer {
    opacity: 0
}

.grid .big online {
    display: none
}

.grid .big {
    height: 300px;
    width: 100%
}

.grid .big shadow {
    height: 320px
}

.grid .big,
.grid .big:active {
    cursor: pointer !important
}

.grid .big a {
    right: 10%;
    top: 10%
}

.social img .social {
    margin: 0;
    margin-left: 12px !important
}

.social:hover img {
    filter: brightness(135%);
    transition: .3s
}

.live-dot {
    background-color: #6080ff;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.live-dot:after {
    animation: signal 3s ease-out infinite;
    background-color: inherit;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.avatar .premium,
.avatar.premium {
    border: 2px solid #fdb510 !important
}

.stattrak {
    border: 3px solid #cf6a32 !important;
    color: #cf6a32
}

.star,
.star.stattrak {
    border: 3px solid #8650ac !important;
    color: #8650ac
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20
}

.group:hover {
    color: #fff;
    transition: .3s
}

.mode-online {
    bottom: 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
}

.grid slots {
    color: #aecce4;
    font-size: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    transition: .3s;
    z-index: 25
}

.grid>div:hover slots {
    color: #fff;
    transition: .3s
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute
}

.grid online .orange {
    background: #f6b949;
    box-shadow: 0 0 2px #f6b94980
}

.grid online .green {
    background: #85f479;
    box-shadow: 0 0 2px #85f47980
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80
}

h1 {
    font-size: 48px
}

h1,
h3 {
    display: block;
    text-transform: uppercase
}

h3 {
    font-size: 24px;
    text-align: center
}

.grid .disabled {
    pointer-events: none
}

.disabled {
    color: #8aa2b666;
    filter: grayscale(100%)
}

.position {
    background: #0000 !important;
    background-color: initial !important;
    position: absolute;
    top: 0 !important
}

.list-style-dot li:before {
    border-color: #0000;
    color: #ffffff1a;
    content: "★";
    font-size: 24px;
    text-shadow: none;
    top: -1px;
    transition: .3s
}

.list-style-dot li:hover:before {
    color: #fdb510;
    transform: scale(.75);
    transition: .3s
}

#profile-main {
    align-items: center;
    display: flex;
    margin-top: 42px
}

#name_player {
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#profile-main>p {
    clear: both;
    font-size: 12px;
    opacity: .5;
    padding-bottom: 19px
}

#profile-main .xp-bar .loyalty__progressBar--3fut {
    margin-left: -32px;
    margin-right: -40px !important;
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__progressBg--2f0j {
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__giftInfo--2qi6 {
    position: absolute;
    right: 0;
    top: 0
}

#profile-main .xp-boost {
    top: -16px !important
}

#profile-main .xp-boost img {
    vertical-align: middle
}

#profile-maps {
    border: 1px solid #0003;
    border-radius: 12px;
    display: none;
    float: right;
    margin: 24px 24px 0;
    overflow: hidden;
    width: 50%
}

#profile-maps .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

#profile-maps .th>div:first-of-type {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 80%
}

#profile-maps .th>div:nth-of-type(2) {
    color: #ffffff80;
    display: inline-block;
    font-size: 14px;
    right: -20px;
    text-align: left;
    vertical-align: top;
    width: 20%
}

#profile-maps>div>div:nth-of-type(2n) {
    background: linear-gradient(90deg, #0000 0, #0000001a 48%, #0000)
}

#profile-maps>div>div:hover {
    background: linear-gradient(90deg, #fff0 0, #ffffff0d 48%, #fff0);
    transition: .3s
}

#profile-maps>div>div {
    border-top: 1px solid #0000001a;
    display: block;
    padding: 12px 0;
    white-space: nowrap
}

#profile-maps>div .hide {
    display: block !important
}

#profile-maps div div>div>div {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

#profile-maps div img {
    border-radius: 6px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 90px
}

#profile-maps>div div:last-of-type {
    border-bottom: 0
}

#profile-maps>div div:first-of-type {
    border-top: 0
}

#profile-maps>div div>div:first-of-type {
    padding-left: 5%;
    text-align: left;
    width: 75%
}

#profile-maps>div div>div:nth-of-type(2) {
    top: -2px;
    width: 20%
}

nav#profile-nav a {
    width: auto !important
}

details.disabled {
    background: #0000 !important t;
    opacity: .2 !important
}

details.disabled * {
    filter: grayscale(100%)
}

details.disabled balance {
    filter: grayscale(0) !important
}

.table .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

.table .th>div {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

#socials {
    left: 0;
    top: 0
}

#socials h4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

#socials a:not(:last-child) {
    margin-right: 14px
}

label img {
    bottom: 16px;
    height: 16px;
    opacity: 1;
    position: absolute;
    right: 16px;
    width: 18px
}

.grid.modes {
    padding-left: 0
}

.image {
    border-radius: 12px;
    margin-top: 0;
    width: 480px
}

div#features div {
    clear: both
}

input {
    background: #0000001a;
    border: 1px solid #0000;
    border-radius: 6px;
    box-shadow: inset 0 -1px #ffffff1a, inset 0 2px 2px #0003;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    width: 100%
}

#information .avatar {
    border-radius: 100%;
    height: 128px;
    width: 128px
}

.status.online {
    color: #33ff7b;
    opacity: 1
}

#content {
    padding-bottom: 0 !important
}

ul#languages {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #191f236b !important;
    border-radius: 12px;
    bottom: 48px;
    display: none;
    font-size: 0;
    left: 10px;
    margin: 8px;
    overflow: hidden;
    position: absolute;
    width: 48px;
    z-index: 100
}

ul#languages li {
    border-bottom: 1px solid #ffffff0d
}

#languages div {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    transition: .3s;
    width: 48px
}

ul#languages li:last-of-type {
    border-bottom: 0
}

ul#languages a:hover img {
    transform: scale(1.1);
    transition: .3s
}

ul#languages img {
    height: 16px;
    margin-right: 0 !important;
    margin-right: 6px;
    top: 0;
    transition: .3s;
    vertical-align: middle
}

ul#languages h4 {
    font-size: 9px;
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    top: 6px
}

ul#languages>a {
    font-size: 12px;
    top: 0
}

ul#languages>a img {
    height: 16px;
    margin-right: 6px;
    top: -1px;
    vertical-align: middle
}

.verify {
    background: #14191e00;
    color: #6080ff;
    height: 24px;
    margin-left: 12px
}

.group img {
    height: 12px;
    margin-right: 6px
}

.container.disabled {
    opacity: .5;
    pointer-events: none
}

.access,
.cancel,
.checking,
.error,
.success,
.twink {
    border-color: #0000 !important
}

#play {
    margin-bottom: 0;
    margin-top: -2px !important;
    padding-top: 0
}

#ready {
    background: #0000;
    box-shadow: 0 0 16px #6080ff1a !important;
    display: block
}

#ready.ready {
    box-shadow: 0 0 16px #33ff7b1a !important;
    color: #33ff7b
}

.skin icon {
    left: 0;
    margin: auto;
    right: 0;
    top: 24px;
    z-index: 100
}

.skin icon,
.skin icon img {
    display: block;
    position: absolute;
    width: 48px
}

.skin icon img {
    height: 48px;
    margin: 0 auto;
    top: 96px
}

.skin shadow {
    background: linear-gradient(135deg, #000, #0000) !important
}

details:hover {
    opacity: 1 !important;
    transition: .3s
}

#support-open {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    position: fixed;
    right: 16px;
    top: auto;
    z-index: 1199
}

.lvl {
    border: 0 !important;
    color: #fefefe;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 12px
}

.read {
    background: #0000 !important;
    opacity: .5 !important
}

#terms #content {
    height: 1024px
}

#nav-competitions .disabled,
#nav-servers .disabled,
#profile-nav .disabled {
    cursor: no-drop;
    opacity: .5
}

#aside-chat-show-swipe-area {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 1180
}

button#aside-chat-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0000000d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 48px;
    margin-top: -24px;
    position: fixed;
    right: 11px;
    top: 50%;
    width: 48px;
    z-index: 1195 !important
}

button#aside-chat-show:hover {
    background: #0000001a
}

button#aside-chat-show img {
    filter: invert(100%);
    height: 24px;
    opacity: .5;
    vertical-align: middle;
    width: 24px
}

button#aside-chat-show ion-icon {
    font-size: 24px !important
}

button#aside-chat-show span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    transition: .3s
}

button#aside-chat-hide {
    background: #0000;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 32px;
    z-index: 1290
}

button#aside-chat-hide:hover {
    background: #ffffff0d !important;
    transition: .3s
}

button#aside-chat-hide img {
    filter: invert(100%);
    height: 16px;
    opacity: .5;
    vertical-align: middle
}

#gif {
    display: none;
    right: 0
}

#gif,
#gif img {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

#gif img {
    opacity: .1;
    width: 100%
}

#gif:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: radial-gradient(ellipse at center, #14191e00 0, #0f141b 75%, #0f141b 100%);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000f161d", endColorstr="#0f141b", GradientType=1);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

aside#header .logo {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 14px 0;
    width: 100%
}

aside#header .logo img,
aside#header .logo video {
    height: 45px;
    margin: 0;
    opacity: 1;
    width: 60px
}

aside#header .profile .avatar {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    vertical-align: middle;
    width: 40px
}

aside#header .profile {
    font-size: 0;
    line-height: 64px;
    padding: 0;
    top: 0;
    width: 64px
}

aside#header .profile .avatar:hover {
    transform: scale(1.1);
    transition: .3s
}

aside#header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

aside#header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 28px;
    width: 32px
}

aside#header .profile ion-icon {
    font-size: 24px
}

.online {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 14px;
    padding: 6px 0 12px;
    text-align: center;
    width: 100%
}

.online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.online>span>span {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

aside#header {
    background: linear-gradient(180deg, #030b12 0, #0f141b);
    background: #0c101a;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    width: 84px;
    z-index: 1199
}

aside#header nav {
    height: fit-content;
    width: 100%
}

aside#header .langs {
    text-align: center;
    width: 100%;
    z-index: 10000
}

aside#header .langs h4 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    margin-bottom: -10px;
    padding-bottom: 0;
    text-align: center
}

.choosen-lang {
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 64px;
    line-height: 84px;
    transition: .3s;
    width: 100%
}

.choosen-lang:hover {
    color: #aecce4;
    transition: .3s
}

.choosen-lang img {
    height: 16px;
    margin-right: 0;
    top: -7px;
    transition: .3s;
    width: 16px
}

.choosen-lang:hover img {
    transform: scale(1.1);
    transition: .3s
}

aside#header .premium img {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

aside#header .help ion-icon {
    font-size: 24px
}

aside#header .play img {
    height: 18px !important
}

aside#header .play:after {
    background: #ffffff05;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

aside#header .play ion-icon {
    font-size: 24px
}

header {
    align-items: center;
    background: #11141c;
    box-shadow: none;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 84px;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1200
}

header #socials {
    display: flex;
    gap: 24px;
    left: 1%;
    top: 0
}

nav#sort {
    display: block
}

nav#sort div {
    display: inline-block
}

nav#sort div>a {
    font-size: 12px
}

nav#sort div>a ion-icon {
    margin-left: 6px;
    top: 2px
}

nav#sort div>a img {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

nav#sort ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0c0f12e6;
    border-radius: 12px;
    display: none;
    position: absolute;
    top: 48px;
    z-index: 100
}

nav#sort ul a {
    border-bottom: 1px solid #ffffff0d;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 100%
}

nav#sort ul a ion-icon {
    font-size: 16px;
    margin-right: 10px;
    top: 4px
}

nav#sort ul li:last-of-type a {
    border-bottom: 0
}

nav#sort .icon-left ion-icon {
    left: -6px !important;
    position: relative !important;
    top: 2px
}

header hgroup,
header hgroup h1 {
    text-align: center
}

header hgroup h1 {
    font-family: Roboto Condensed, sans-seri;
    font-size: 18px;
    line-height: 60px;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    text-transform: none;
    width: 100% !important
}

header img {
    vertical-align: middle
}

header .notifications {
    background: #0000;
    box-shadow: none !important;
    display: block;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0 !important;
    padding: 0 !important;
    top: 0;
    width: 48px
}

header .notifications span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    transition: .3s
}

header .balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px;
    min-width: auto;
    pointer-events: none
}

header .balance balance {
    color: #8a9dab;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    left: 0
}

header .balance balance,
header .balance p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    letter-spacing: 1px
}

header .balance p {
    color: #ffffff80;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
    text-align: left;
    text-transform: uppercase
}

header .balance:hover p {
    color: #aecce4;
    transition: .3s
}

header .balance balance img {
    height: 18px;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle
}

header .balance ion-icon {
    float: left;
    font-size: 32px;
    margin-right: 12px;
    opacity: .1
}

header .profile img {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    width: 40px
}

header .profile {
    float: right;
    font-size: 0;
    padding: 0
}

header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 40px
}

header .login {
    background-image:
        /*savepage-url=https://cybershoke.net/storage/images/svg/dot-arrow.svg*/
        url();
    background-position: center right 12px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #fff;
    float: right;
    height: 60px;
    line-height: 60px;
    opacity: .5;
    padding: 0;
    z-index: 100
}

header .login span {
    border-radius: 6px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    opacity: 0;
    padding-left: 0
}

header .login img {
    border-radius: 8px;
    display: inline-block;
    height: 32px !important;
    opacity: 1;
    right: 0
}

header .login:hover {
    background-image: none;
    background-position: 100%;
    color: #fff;
    opacity: 1
}

header .login:hover span {
    color: #fff9;
    opacity: 0;
    transition: .3s
}

header .login:hover img {
    opacity: 1;
    transition: .3s
}

#nav-servers {
    background-color: initial !important;
    display: block;
    font-size: 0;
    margin: 0 1%;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 9
}

#nav-servers>div {
    margin: 0 auto;
    overflow: hidden
}

#nav-servers>div>div {
    overflow: hidden
}

#nav-servers a {
    background-color: #ffffff0d;
    border-radius: 8px;
    color: #aecce4 !important;
    display: inline-block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 3px 2px;
    opacity: 1;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

#nav-servers a:last-of-type {
    margin-right: 0
}

#nav-servers a:hover {
    background: #ffffff1a;
    color: #6080ff !important;
    transition: .3s
}

#nav-servers a.active {
    background: #6080ff30;
    color: #6080ff !important;
    font-weight: 700
}

#nav-servers a[disabled] {
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

#nav-servers a ion-icon {
    margin-right: 6px;
    top: 2px
}

#nav-servers a img {
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    width: 16px
}

#nav-servers a.active span {
    display: inline-block !important
}

#nav-servers span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#nav-servers a.active span {
    border-color: #6080ff
}

#nav-servers {
    white-space: normal
}

#page-servers {
    height: 100%;
    width: 100%
}

#page-servers h2 {
    font-size: 40px;
    text-transform: uppercase
}

#page-servers h1,
#page-servers h2 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700
}

#page-servers h1 {
    padding: 0
}

#premium {
    font-family: Roboto, sans-serif !important;
    font-family: var(--font-family-1) !important;
    overflow: hidden
}

.avatar {
    border-radius: 100%
}

#contacts h2 {
    color: #fff;
    font-size: 32px
}

#contacts form {
    padding-top: 24px
}

#contacts form h4:not(:first-of-type) {
    padding-top: 0
}

#contacts form input {
    border: 1px solid #ffffff1a;
    height: 38px;
    margin-bottom: 6px;
    padding-left: 44px
}

#contacts form input:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form input:focus {
    border: 1px solid #6080ff
}

#contacts form textarea {
    background: #0000001a;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 196px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 12px 16px 14px;
    text-align: left;
    width: 100%
}

#contacts form textarea:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form label img {
    height: 16px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 17px
}

#contacts form textarea:focus {
    border: 1px solid #6080ff
}

#contacts form {
    flex: 1 1
}

#contacts form>div {
    display: flex;
    flex-direction: row
}

#contacts form div>div {
    flex: 1 1
}

#contacts form label {
    display: block;
    padding: 6px 16px
}

#contacts form button {
    margin-bottom: 16px
}

#submit_feedback {
    margin-left: 16px
}

#contacts form small {
    color: #ffffff80;
    cursor: default;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px
}

#contacts form small a:hover {
    text-decoration: underline !important
}

#contacts h4 {
    clear: both
}

#contacts .container {
    line-height: 1.5;
    margin-left: 16px;
    padding-left: 32px;
    padding-right: 16px;
    padding-top: 2px
}

::placeholder {
    color: #ffffff80
}

#langs-confirm {
    background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%);
    border-radius: 12px;
    bottom: 12px;
    font-family: Roboto;
    left: 60px;
    padding: 24px;
    position: absolute;
    width: 330px;
    z-index: 1200
}

#langs-confirm-choose {
    box-shadow: none !important;
    height: auto;
    line-height: 38px !important
}

#langs-confirm>a {
    top: 12px !important
}

#langs-confirm h4 {
    align-items: center;
    color: #ecf1f8;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none
}

#langs-confirm img {
    margin-right: 8px;
    width: 16px
}

#langs-confirm span {
    color: #6080ff
}

#langs-confirm p {
    color: #9fa7be;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 24px
}

#langs-confirm:before {
    border-bottom: 8px solid #0000;
    border-right: 8px solid #171c26;
    border-top: 8px solid #0000;
    bottom: 12px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

#langs-confirm>div button:first-of-type {
    background: #6080ff1a;
    border-radius: 8px;
    color: #6080ff;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .01em;
    line-height: auto;
    padding: 12px 39px;
    width: auto
}

#langs-confirm>div button:hover {
    transform: none !important
}

.options .container {
    color: #fff
}

#langs-confirm strong>ion-icon {
    color: #6080ff
}

h4 hr {
    background: #000;
    margin-bottom: 0 !important;
    width: 100%
}

#serverInfoModal #table-scroller {
    height: 240px
}

.settings form label {
    display: inline-block !important
}

.settings form label:nth-of-type(2) {
    margin-right: -2.5% !important
}

.headshots {
    height: 20px
}

.lvl-1 .avatar,
.lvl-2 .avatar,
.lvl-3 .avatar,
.lvl-4 .avatar {
    border: 2px solid #4698ff !important
}

.lvl-5 .avatar,
.lvl-6 .avatar,
.lvl-7 .avatar,
.lvl-8 .avatar {
    border: 2px solid #93f !important
}

.lvl-10 .avatar,
.lvl-11 .avatar,
.lvl-12 .avatar,
.lvl-9 .avatar {
    border: 2px solid #ffcc4c !important
}

.lvl-13 .avatar,
.lvl-14 .avatar,
.lvl-15 .avatar,
.lvl-16 .avatar {
    border: 2px solid #e50022 !important
}

.lvl-17 .avatar {
    border: 2px solid #5151e7 !important
}

.lvl-18 .avatar {
    border: 2px solid #67cb35 !important
}

.lvl-19 .avatar {
    border: 2px solid #cc2929 !important
}

#confirm {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    display: none;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#confirm:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

#buy,
.buy {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15) !important;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important
}

#buy:hover,
.buy:hover {
    box-shadow: 0 0 4px #eda53180 !important;
    transition: .3s
}

.btn {
    background: #6080ff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto
}

.btn:hover {
    filter: brightness(110%);
    transition: .3s
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: inset 0 3px 5px #0003 !important;
    box-shadow: inset 0 3px 5px #0003 !important;
    transition: .3s
}

button[disabled],
input[type=submit][disabled] {
    pointer-events: none
}

#use {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 6px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

#use:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

.owner {
    filter: invert(100%);
    height: 16px !important
}

.money {
    color: #afd999;
    float: right;
    font-size: 20px
}

.money ion-icon {
    color: inherit;
    margin-left: 12px;
    top: -2px;
    vertical-align: middle
}

#game #chat {
    border-radius: 12px
}

#game #chat .message p a {
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.options .active hr {
    display: block !important
}

.options select {
    background: #0000001a;
    border: 0;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-bottom: -2px;
    overflow: hidden;
    padding: 0 64px 0 24px;
    text-overflow: ellipsis;
    transition: .5;
    width: 100%
}

.options select:hover {
    background: #0003;
    color: #aecce4;
    transition: .5
}

.options select option {
    color: #000 !important
}

#settings select {
    background: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 64px 0 16px;
    text-overflow: ellipsis;
    transition: .5
}

#settings select:hover {
    border: 1px solid #fff3;
    color: #aecce4;
    transition: .5
}

#settings select:focus {
    border: 1px solid #6080ff;
    color: #fff
}

#settings select option {
    color: #000 !important
}

ol {
    counter-reset: myCounter
}

li {
    list-style: none;
    outline: none
}

ol li:before {
    border: 2px solid #aecce4;
    border-radius: 100%;
    color: #fff;
    content: counter(myCounter);
    counter-increment: myCounter;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    top: 0;
    width: 32px
}

.pointer-events-none {
    pointer-events: none !important
}

li p small {
    color: #ff9e15;
    display: block;
    text-transform: lowercase
}

li p {
    overflow: hidden
}

.btn.red {
    background: #0000 !important;
    border: 1px solid #ff5150 !important;
    color: #ff5150
}

.btn.red,
.btn.red:hover {
    box-shadow: none !important
}

.btn.white {
    background: #0000 !important;
    border: 1px solid #ffffff80 !important;
    line-height: 40px !important
}

.btn.white:hover {
    box-shadow: none !important
}

.btn.green {
    background: #0000 !important;
    border: 1px solid #00ff8f !important;
    color: #00ff8f;
    line-height: 40px !important
}

.btn.green:hover {
    box-shadow: none !important
}

.btn.gray,
.btn.gray:hover {
    filter: grayscale(100%)
}

.btn.green.outline {
    border: 1px solid #00ff8f !important
}

.btn.green.no-border,
.btn.green.outline {
    background: #0000 !important;
    color: #00ff8f
}

.btn.green.no-border,
.btn.no-border {
    border: 0 !important
}

.btn.no-border {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-border:hover {
    box-shadow: none !important
}

.btn.outline {
    border: 1px solid #6080ff !important
}

.btn.no-bg,
.btn.outline {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-bg {
    border: 0 !important
}

.btn.icon-left ion-icon {
    color: inherit;
    font-size: 20px !important;
    left: -4px;
    margin-right: 12px;
    top: -2px;
    vertical-align: middle
}

#date {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gold {
    text-shadow: none
}

.profile-buttons {
    bottom: 36px;
    position: absolute;
    right: 14px;
    z-index: 10
}

.profile-buttons>button {
    margin-right: 12px !important
}

.skin-icon {
    float: left !important;
    height: auto !important;
    max-height: 40px;
    max-width: 40px;
    position: relative !important;
    top: 0 !important;
    width: auto !important
}

.skin-name {
    margin-bottom: 3px
}

.skin-categories {
    color: #ffffff80;
    font-size: 12px
}

.grid.max .big {
    width: 12.75% !important
}

.grid.max>a,
.grid.max>div {
    width: 18.5% !important
}

#policy {
    background-color: #565656e6;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    cursor: default;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60%;
    z-index: 100000000000000
}

#policy svg {
    cursor: pointer;
    float: right;
    height: 12px;
    margin-right: 12px;
    top: 1px;
    width: 12px
}

#policy svg:hover {
    opacity: .8;
    transform: scale(1.1);
    transition: .3s
}

#policy a {
    color: #6080ff;
    text-decoration: none
}

#policy a:hover {
    text-decoration: underline
}

nav select {
    background: #0000;
    border: 1px solid #fff3;
    border-radius: 6px;
    display: none;
    font-size: 16px;
    height: 32px;
    left: 10%;
    padding: 0 16px;
    width: 90%
}

.overflow-hidden {
    overflow: hidden
}

#serverInfoModal .table .th {
    border-bottom: 1px solid #0000001a;
    height: 40px
}

#serverInfoModal .table .th>div:first-of-type {
    display: inline-block;
    float: left;
    text-align: left !important
}

#serverInfoModal .table .th>div:nth-of-type(2),
#serverInfoModal .table .th>div:nth-of-type(3) {
    display: inline-block;
    float: right;
    width: 25%
}

input.info {
    border-color: #339cff !important
}

input.success {
    border-color: #33ff7b !important
}

input.error {
    border-color: #ff5150 !important
}

input.warning {
    border-color: #ffb933 !important
}

#alerts .info {
    background: #339cff;
    box-shadow: 0 0 6px #339cff80
}

#alerts .success {
    background: #33ff7b;
    box-shadow: 0 0 6px #33ff7b80
}

#alerts .error {
    background: #ff5150;
    box-shadow: 0 0 6px #ff515080
}

#alerts .warning {
    background: #ffb933;
    box-shadow: 0 0 6px #ffb93380
}

form p.info {
    color: #339cff !important;
    font-size: 12px
}

form p.success {
    color: #33ff7b !important;
    font-size: 12px
}

form p.error {
    color: #ff5150 !important;
    font-size: 12px
}

form p.warning {
    color: #ffb933 !important;
    font-size: 12px
}

#online-listModalOpen>span {
    top: 0
}

#settings h3 img {
    filter: grayscale(100%);
    height: 32px;
    margin-right: 16px;
    width: 32px
}

#settings h3 {
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>div {
    flex: 1 1
}

#arcticModals {
    display: none
}

.arcticmodal-container,
.arcticmodal-overlay {
    background: #0000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.arcticmodal-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    overflow: auto;
    padding: 0
}

:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    vertical-align: middle
}

.arcticmodal-error {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 20px
}

.arcticmodal-overlay {
    background-color: #13161b99;
    opacity: 1
}

.arcticmodal {
    background: #151d27;
    border-radius: 12px;
    box-shadow: 0 10px 20px 0 #ffffff05;
    display: block;
    overflow: hidden
}

.arcticmodal>h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    opacity: .95;
    text-transform: none;
    text-transform: uppercase
}

.arcticmodal>h2,
.arcticmodal>p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    text-align: center
}

.arcticmodal>p {
    font-size: 16px;
    line-height: 19px;
    opacity: .5;
    padding-top: 10px
}

.cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px
}

.cover shadow {
    background: linear-gradient(180deg, #0000 0, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal {
    background: linear-gradient(0deg, #171c2a 71.09%, #13182100 129.73%), #171c2a;
    border-radius: 32px;
    box-shadow: 0 4px 134px 0 #0000005e;
    width: 823px;
    z-index: 1000000
}

#serverInfoModal.arcade-mode {
    width: 344px
}

#serverInfoModal .cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px;
    opacity: .15;
    overflow: hidden
}

#serverInfoModal .cover shadow {
    background: linear-gradient(180deg, #41434500 0, #151d27 91%, #151d27);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal .icon {
    border-radius: 100%;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 40 !important
}

#serverInfoModal .score {
    display: block;
    margin-top: -64px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center
}

#serverInfoModal time {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    text-align: center;
    text-transform: none;
    top: -36px
}

#serverInfoModal ion-icon {
    color: inherit;
    margin-right: 6px;
    top: 2px
}

#pracInfoModal {
    padding: 0;
    width: 520px
}

.grid h4 {
    padding: 0 0 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

#ad {
    width: 100%
}

#ad,
#game {
    margin-top: 0
}

#game {
    z-index: 1000
}

#game #score {
    display: block;
    margin-top: 128px;
    overflow: hidden;
    text-align: center
}

#game h1 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    left: 0;
    margin-bottom: -32px !important;
    max-width: 100%;
    padding-top: 24px;
    pointer-events: none;
    text-align: center;
    text-transform: none
}

.avatar {
    background: linear-gradient(0deg, #3b4851 51%, #252d30 88%)
}

#serverInfoModal-scroller {
    height: 640px;
    padding-bottom: 12px;
    padding-top: 12px
}

.skin>div {
    overflow: hidden;
    top: 0
}

.skin p {
    position: absolute !important;
    top: 16px !important;
    z-index: 1000
}

.skin>span {
    border-radius: 100%;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 6px;
    z-index: 100
}

.skin.cover>div img {
    top: 0 !important
}

.cancel {
    background: #0000 !important
}

.cancel,
.cancel:hover {
    box-shadow: none !important;
    transition: .2s
}

.cancel:hover {
    opacity: .5
}

h4 {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.grid.shop h4 {
    padding-left: 10px
}

.grid.shop .skin p {
    color: #c8cfdb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    opacity: .9;
    padding: 0 16px;
    z-index: 35 !important
}

.grid.shop .skin p span {
    color: #6c6c71;
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 4px
}

.grid.shop .skin .btn.mini {
    background: #0000;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #ffffff0d;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    left: 0;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(1);
    width: 100%;
    z-index: 45 !important
}

.grid.shop .skin button strong {
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    right: 0
}

.grid.shop .skin button strong img {
    top: -3px
}

.display-block,
.display-block>label {
    display: block !important
}

.options label small {
    color: #ffffff80;
    float: right;
    font-weight: 400
}

aside#shop {
    box-shadow: none !important;
    float: right;
    margin-right: 12px;
    width: 240px
}

aside#shop h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-top: 0
}

aside#shop h2 {
    padding-top: 0
}

aside#shop>h4 {
    padding-top: 12px
}

.skin.device div img {
    top: 90px !important
}

form label p small {
    color: #ffffff80;
    float: right;
    font-size: 10px;
    top: 3px
}

#terms p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

#terms a {
    opacity: .7;
    text-decoration: underline
}

@media (max-width:1100px) {
    #socials h4 {
        display: none !important
    }

    #top-modes {
        padding-left: 24px
    }

    #top-modes h2 {
        margin-top: -24px
    }
}

.relative {
    position: relative !important
}

@media (max-width:576px) {
    header [not-mobile] {
        display: none !important
    }

    .wrap {
        padding: 0
    }
}

@media (min-width:992px) {
    #game h1 {
        top: -80px !important
    }
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease
}

button:not(.disabled):hover {
    filter: brightness(115%)
}

#game h1.resp {
    padding-top: 0;
    top: -64px
}

.container>img {
    border-radius: 100%
}

.tippy-box {
    max-width: 390px !important
}

a {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    background: #0000;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0000
}

::-webkit-scrollbar-thumb {
    background: #0000008c;
    border: 1px solid #ffffff1a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #070a0d;
    background: #0006
}

::-webkit-scrollbar-corner {
    background: #0000
}

input {
    box-shadow: none
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none
}

.block-servers-name:hover {
    transform: none !important
}

#about-competitions>div,
.bubbles-container {
    overflow: visible !important;
    overflow: initial !important
}

.category-hide,
.global-hide-default,
.global-hide-goods,
.global-hide-quality,
.global-hide-star,
.global-hide-type {
    display: none !important
}

header .login {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.options hr,
.options select {
    display: none
}

.options .btn {
    width: 100% !important
}

#langs-confirm,
.options div label {
    display: none
}

#gif img {
    object-fit: cover;
    top: -50% !important
}

.circleload {
    height: 12px !important;
    position: relative !important;
    top: 0 !important
}

.skin {
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none
}

.grid.shop .skin strong {
    bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

#category {
    display: none
}

#socials {
    height: 28px
}

#serverInfoModal .cover {
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.skin-buttons {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 53px !important;
    width: 100% !important
}

.btn-sell {
    background-color: #6080ff;
    border-color: #6080ff;
    border-radius: 9px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-pickup img {
    margin: 0 !important;
    width: 14px !important
}

.btn-pickup {
    align-items: center;
    background-color: #e3775e;
    border-color: #e3775e;
    border-radius: 9px;
    color: #fff;
    display: flex;
    float: right;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-sell:hover {
    background-color: #6080ff !important;
    border-color: #6080ff !important;
    color: #fff !important
}

.btn-pickup:hover {
    background-color: #e3775e !important;
    border-color: #e3775e !important;
    color: #fff !important
}

.s-price {
    color: #ffa210 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.s-price-img {
    margin-right: 6px !important;
    top: 3px !important;
    width: 16px !important
}

.s-image-drop {
    top: 40px !important;
    width: 90% !important
}

.count_in_storage {
    background: #0f141b;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    bottom: 20px;
    font-size: 15px;
    left: auto;
    min-width: 27px;
    padding: 3px;
    position: absolute;
    right: 8% !important;
    text-align: center;
    transform: scale(1);
    z-index: 9999
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header-user-premium-button {
    padding: 0 !important
}

.header-user-premium-button img {
    border: 1px solid #ffb70080 !important;
    border-radius: 6px !important;
    padding: 9px !important;
    width: 30px !important
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important
}

#servers .grid div a svg {
    top: -2px;
    vertical-align: middle
}

.border-class-golden {
    border: 2px solid #d08b0d !important;
    transition: .3s
}

.new_nav_servers {
    border: 2px solid #fb9800 !important;
    color: #fb9800 !important;
    padding: 0 6px !important
}

#contacts form a {
    margin-bottom: 16px
}

.prime_border {
    border: 2px solid #60b9ebcc !important
}

#competitions aside>div ol li p span:nth-of-type(2) img {
    width: 16px !important
}

.desc {
    padding: 12px 24px 24px !important
}

.grid-inventory .grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid !important;
    -ms-flex-wrap: wrap;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.37rem, 1fr)) !important;
    width: 100% !important
}

.grid-inventory .grid h4 {
    padding-bottom: 12px;
    padding-top: 24px
}

.grid-inventory .skin {
    background-color: initial;
    border-radius: 12px;
    cursor: pointer;
    height: 200px;
    opacity: 1;
    transition: all .2s ease;
    width: auto
}

.skin:hover {
    box-shadow: 0 15px 10px 0 #15182980
}

.grid-inventory .skin:hover {
    opacity: 1;
    transform: translateY(3px);
    z-index: 101 !important
}

.color-default {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-default:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-consumer {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-consumer:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-covert {
    background-image: linear-gradient(150deg, #8847ff00, #ff47470d 60%, #eb4b4b40);
    color: #eb4b4b
}

.color-covert:hover {
    box-shadow: 0 10px 20px 0 #eb4b4b08
}

.color-industrial {
    background-image: linear-gradient(150deg, #8847ff00, #5e98d90d 60%, #5e98d940);
    color: #5e98d9
}

.color-industrial:hover {
    box-shadow: 0 10px 20px 0 #5e98d908
}

.color-classified {
    background-image: linear-gradient(150deg, #8847ff00, #ff47f10d 60%, #d32ee640);
    color: #d32ee6
}

.color-classified:hover {
    box-shadow: 0 10px 20px 0 #d32ee608
}

.color-golden {
    color: #f89406
}

.border-golden {
    border: 1px solid #f89406
}

.border-blue {
    border: 1px solid #6080ff
}

.border-blinking {
    animation: highlightBorder 2s infinite;
    border: 1px solid grey
}

.color-golden {
    background-image: linear-gradient(150deg, #8847ff00, #ffb1000d 60%, #f8940640)
}

.color-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608
}

.b-color-golden {
    background: linear-gradient(#fff0, #ff97003d 100%)
}

.color-restricted {
    background-image: linear-gradient(150deg, #8847ff00, #8847ff0d 60%, #8847ff40);
    color: #8847ff
}

.color-restricted:hover {
    box-shadow: 0 10px 20px 0 #8847ff08
}

.color-milspec {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40);
    color: #4b69ff
}

.color-milspec:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08
}

.color-logitech {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40)
}

.color-logitech:hover {
    box-shadow: 0 10px 20px 0 #2c335808
}

.skin-bg {
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 90%
}

.grid-inventory .grid.shop .skin:hover:after {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border-radius: 12px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important
}

.inventroy__gift:hover {
    transform: translateY(3px)
}

.grid-inventory .skin>div {
    display: flex;
    justify-content: center;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.grid-inventory .s-image-drop {
    margin-top: 0 !important;
    max-height: 88px;
    max-width: 60% !important;
    top: 18px !important;
    width: auto !important
}

.grid-inventory .skin p {
    bottom: 20px !important;
    color: #ffffffeb !important;
    font-size: 12px !important;
    top: auto !important
}

.grid-inventory .skin:hover div img {
    transform: scale(1);
    transition: .3s
}

.p_skin_quality_0 {
    color: #cf674d !important;
    font-weight: 700 !important
}

.p_skin_quality_0,
.p_skin_quality_1 {
    display: inline-block
}

.grid-inventory .check {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: absolute !important;
    right: 12px !important;
    top: -4px !important;
    width: auto !important;
    z-index: 99999 !important
}

.grid-inventory .check svg {
    width: 19px !important
}

.grid-inventory .check img {
    left: auto !important;
    margin-top: 0 !important;
    right: -3px !important;
    top: 13px !important;
    width: 19px !important
}

.block-servers-name,
.verify {
    cursor: pointer !important
}

.big {
    border: 0 solid #ffffff0d;
    opacity: 1 !important
}

.n-button {
    align-items: center;
    background: #6080ff;
    border-radius: 4px;
    color: #ecf1f8 !important;
    display: inline-flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 24px
}

.big>div>a>img,
.big>div>a>video {
    border-radius: 12px;
    height: 320px !important;
    left: 0;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100% !important
}

.block-border-map {
    background: #14191e;
    border-radius: 12px;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    overflow: hidden;
    position: absolute !important;
    top: 2px !important;
    width: calc(100% - 4px) !important
}

.big:hover {
    box-shadow: 0 10px 20px 0 #ffffff05
}

.big:hover div img {
    opacity: .7;
    transition: .5s
}

.block-border {
    background-position: 0 50%;
    background-size: 300% 300%;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border.golden {
    background: linear-gradient(60deg, #f88e14, #ff9300, #ffaf07)
}

.block-border.grey {
    background: #aecce4
}

.block-border.blue {
    background: #6080ff
}

.block-border-blue {
    background: linear-gradient(60deg, #4e7df0, #4584f0, #3d35f0);
    background-position: 0 50%;
    background-size: 300% 300%
}

.block-border-blue,
.block-border-prime {
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border-prime {
    background: linear-gradient(60deg, #6ed2fe, #46a5fe, #5496fe);
    background-position: 0 50%;
    background-size: 300% 300%
}

.box-shadow-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608 !important
}

.box-shadow-blue:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08 !important
}

header .exit {
    color: #eb645d;
    display: inline-block;
    float: right;
    font-size: 0;
    margin-left: 20px;
    margin-right: 21px;
    padding: 0;
    top: -1px;
    transition: .3s
}

header .exit img {
    height: 18px;
    opacity: .2;
    transition: .3s;
    width: 18px
}

header .exit:hover img {
    opacity: 1;
    transition: .3s
}

header .profile {
    margin-left: 21px
}

header .deposit {
    float: right;
    font-size: 13px !important;
    height: 36px !important;
    line-height: inherit !important;
    padding: 0 14px !important
}

header .deposit img {
    height: 15px;
    margin-left: 2px;
    width: 15px
}

.header-button-deposit {
    align-items: center;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px
}

.header-button-premium .deposit {
    background: linear-gradient(45deg, #c37f00, #ffb000)
}

#section-servers {
    border-right: 1px solid #0003;
    display: block;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    z-index: 1000
}

.home-body-servers:hover {
    box-shadow: 0 10px 20px 0 #ffffff05;
    cursor: pointer;
    opacity: 1 !important;
    transition: .3s
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s
}

.home-body-servers:hover div img {
    opacity: 1 !important;
    transition: .5s
}

.tippy-arrow,
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow,
.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    display: none !important
}

.page_profile_new #profile-main {
    left: 8px !important;
    top: -2px !important
}

.page_profile_new #profile-nav {
    margin-top: -6px !important;
    padding-left: 36px;
    text-align: left
}

.page_profile_new #profile-nav a {
    color: #94a7b7;
    font-weight: 700;
    padding: 0 29px
}

.xp-bar {
    float: left;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    top: -4px
}

.xp-bar-info {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 15px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-1 {
    display: inline-block
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-2 {
    color: #777 !important;
    display: inline-block;
    font-weight: 700 !important
}

.xp-bar-info-2 span {
    color: #777;
    font-weight: 400;
    margin-left: 5px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-3 {
    color: #5f5f5f !important;
    display: inline-block;
    font-weight: 500 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__giftInfo--2qi6 {
    right: 10px !important
}

.loyalty__progressBox--2KEX {
    top: -7px;
    transform: none;
    width: 640px
}

.profile-socials {
    align-items: center;
    background: #0000002b;
    border-radius: 4px;
    display: flex;
    padding: 9px 10px
}

.profile-socials-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 12px;
    position: absolute;
    right: 30px;
    z-index: 10
}

.profile-socials a {
    align-items: center;
    display: flex;
    opacity: .5
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBar--3fut {
    height: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBg--2f0j {
    height: 6px !important
}

#profile-cover {
    height: 330px !important
}

.gold #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.page_profile_new #profile-content .profile-content-block #top-stats>div {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top !important;
    width: auto !important
}

.page_profile_new #profile-content .profile-content-block #top-stats {
    grid-gap: .6rem !important;
    align-content: flex-start !important;
    display: -ms-flexbox;
    display: grid !important;
    flex-wrap: wrap;
    gap: .6rem !important;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 20rem)) !important;
    grid-template-rows: 65px 65px 65px 65px;
    height: 100% !important;
    left: 20px;
    margin-right: 2rem !important;
    margin-top: 0;
    overflow: auto !important;
    top: 20px;
    width: 40% !important
}

#shop {
    border-top: 1px solid #0003;
    height: 88.5vh;
    padding: 0 16px
}

#date .status {
    display: inline-block;
    margin: -6px 24px 6px;
    opacity: .5
}

main {
    display: block;
    height: 100%;
    margin-left: 84px;
    margin-right: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 60px;
    transition: all .2s ease
}

.wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    width: 100%
}

#servers {
    padding-left: 3px
}

#servers .modes {
    grid-gap: .9rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .9rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
    height: 100%;
    width: 100%
}

#routerpages {
    display: block;
    flex-grow: 1;
    width: 100%
}

.page-servers-grid {
    display: block;
    height: 100%;
    margin: 1% 1% 0
}

.table {
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--hover);
    border-top: none;
    padding: 12px 0;
    vertical-align: middle
}

.table tbody tr:nth-of-type(2n) th {
    background: #1c233480;
    padding: 15px 0
}

.table-players-server-header th {
    background: #1c233480
}

.table tbody tr th:first-child,
.table-players-server-header th:first-child {
    border-radius: 6px 0 0 6px
}

.table tbody tr th:last-child,
.table-players-server-header th:last-child {
    border-radius: 0 6px 6px 0
}

tbody tr,
thead tr {
    width: 100%
}

.table-grid {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.alt {
    display: none;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.alt-left {
    align-items: center;
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac;
    display: none;
    font-family: Roboto;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    opacity: 1;
    outline: 0;
    padding: 0 8px;
    right: 120%;
    transition-property: visibility, opacity, transform;
    transition: .3s
}

.tip:hover .alt,
.tip:hover .alt-left {
    display: inline-flex;
    opacity: 1;
    transition: .3s
}

.home-body-servers a img {
    height: 16px;
    vertical-align: middle
}

img,
svg {
    color: inherit;
    font-size: inherit
}

.header-side-left a img {
    height: 21px;
    vertical-align: middle
}

time img {
    height: 16px;
    left: -6px;
    top: 2px
}

.edit-link-out {
    left: 20px
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1
}

.servers-grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
    height: 100% !important;
    overflow: visible;
    overflow: initial;
    padding-bottom: 20px
}

#prime-servers {
    margin-bottom: 2rem
}

#servers {
    height: 100%;
    width: 100%
}

#profile-nav div[disabled],
.site-nav a[disabled],
.support-nav li[disabled] {
    opacity: .2;
    pointer-events: none
}

#profile-nav a img {
    font-size: 24px;
    height: 13px;
    margin-right: 7px;
    opacity: .1;
    top: -1px;
    vertical-align: middle
}

#page-servers-home {
    display: none;
    overflow: visible;
    overflow: initial
}

#page-servers-servers {
    display: none;
    gap: 0;
    grid-template-columns: 1fr 270px;
    width: 100%
}

#page-servers-servers-no-prime,
#page-servers-servers-prime {
    padding-left: 21px
}

#nav-servers .nav-servers-button-setting {
    opacity: 0;
    padding: 0 12px !important
}

#nav-servers .nav-servers-button-setting:hover,
#nav-servers .nav-servers-button-setting:hover img {
    opacity: .8
}

#nav-servers .nav-servers-button-setting img {
    height: 20px !important;
    margin-right: 0 !important;
    opacity: .2;
    top: -1px;
    transition: .3s;
    width: 20px !important
}

#nav-servers:hover .nav-servers-button-setting {
    opacity: .4;
    transition: .3s
}

#profile-friends {
    margin: 1%
}

.block-profile-friends-menu {
    display: block;
    float: left;
    width: 100%
}

.block-profile-friends-menu-grid-line {
    align-items: center;
    background: #0a0f1552;
    cursor: pointer;
    flex-direction: row;
    font-size: 16px;
    height: 50px;
    padding: 13px 11px;
    transition: .3s;
    vertical-align: middle;
    width: 100%
}

.block-profile-friends {
    display: block;
    float: right;
    width: 100%
}

.block-profile-friends-f-block {
    background: #131a24;
    border-radius: 5px;
    display: flex;
    height: 50px;
    transition: .3s
}

#block-profile-friends-offline .block-profile-friends-f-block {
    opacity: .7
}

.block-profile-friends-f-block:hover {
    cursor: pointer;
    opacity: 1;
    transform: translateY(3px) !important;
    transition: .3s;
    z-index: 101 !important
}

.block-profile-friends-f-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.block-profile-friends-f-block-content-name {
    color: #818fa3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-profile-friends-f-block-content-server {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-server {
    overflow: hidden;
    white-space: nowrap;
    width: 55%
}

.block-profile-friends-f-block-img {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 10px
}

.block-profile-friends-f-block-img img {
    border-radius: 50%;
    height: 31px;
    object-fit: cover;
    width: 31px
}

.block-profile-friends-f-block-img:before {
    background: #636772;
    border: 2px solid #0f141b;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 1
}

#block-profile-friends-online .block-profile-friends-f-block-img:before {
    background: #3999de
}

#block-profile-friends-in-game .block-profile-friends-f-block-img:before {
    background: #33ff7b
}

.block-profile-friends-grid {
    grid-gap: .8rem;
    align-content: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
    margin-bottom: 24px;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.block-profile-friends-w h4 {
    color: #748297;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    text-transform: none
}

#block-profile-friends-online .block-profile-friends-f-block-content-name {
    color: #57cbde
}

#block-profile-friends-in-game .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #a3cf06
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-name {
    color: #e3ffc2
}

#block-profile-friends-offline .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #586577
}

#profile_button_connect img {
    height: 20px;
    right: 10px;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

.table-players-server-header tr th {
    color: #7a8697;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.data-one-server-info tr th {
    color: #e1e9fd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.data-one-server-info a,
.data-one-server-info tr th {
    align-items: center;
    display: flex
}

.table-players-server-header tr:nth-of-type(odd) {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.data-one-server-info tr,
.table-players-server-header tr {
    display: grid;
    grid-template-columns: 80px 98px 1fr 1fr 1fr 1fr 1fr 1fr
}

.arcade-mode .data-one-server-info tr,
.arcade-mode .table-players-server-header tr {
    grid-template-columns: 60px 120px 1fr
}

.data-one-server-info a {
    height: 100%
}

.table-players-server-body {
    display: grid;
    height: 247px;
    padding-right: 6px;
    width: calc(100% + 6px)
}

#profile-stats {
    width: 100%
}

.profile-stats-grid {
    grid-gap: .8rem !important;
    display: grid;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    gap: .8rem !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.profile-stats-grid div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin: 14px 0;
    text-align: center;
    vertical-align: middle
}

.profile-stats-grid div strong {
    font-size: 26px;
    font-weight: 700
}

.profile-stats-grid div p {
    font-size: 15px;
    font-weight: 500;
    opacity: .5
}

#p-profile-faceit-country img {
    width: 22px
}

#deviceModal form h4 {
    left: 10px;
    margin-bottom: 14px
}

#video-compare-container {
    border-radius: 5px;
    display: inline-block;
    height: 270px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#video-compare-container>img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#video-clipper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#video-clipper img {
    height: 100%;
    width: 200%
}

#video-clipper>div {
    height: 100% !important
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.p-ch-block-menu {
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

.p-ch-block-menu h4 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    text-transform: inherit;
    transition: .3s
}

.p-ch-block-menu summary {
    cursor: pointer;
    padding: 16px 0
}

.p-ch-block-menu details[open] summary {
    background: #1d2330;
    border-radius: 5px
}

.p-ch-block-menu h4:hover {
    cursor: pointer;
    transition: .3s
}

.p-ch-block-menu h4 .arrow {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 12px
}

.p-ch-block-menu details[open] .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.p-ch-block-menu ul {
    border-left: 2px solid #1d2330;
    margin: 10px 0 8px 24px;
    padding-left: 26px
}

.p-ch-block-menu li {
    align-items: center;
    color: #919ba7;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px
}

.p-ch-block-menu li.active {
    color: #d9e3f1
}

.p-ch-block-menu li.colored:before {
    background: #6080ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li {
    color: #eaf2ffb3;
    font-size: 14px;
    font-weight: 500;
    left: 30px;
    padding: 7px 0;
    transition: .3s
}

.blue-dotted-list li:before {
    background: #1c2430;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li.active:before {
    background: #6080ff
}

.blue-dotted-list li.active {
    color: #fff;
    transition: .3s
}

.blue-dotted-list li:hover {
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.p-ch-grid {
    overflow: scroll;
    overflow-x: hidden
}

.block-profile-friends-f-block .block-profile-friends-f-block__connect {
    align-items: center;
    background: #111721;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #aecce4;
    display: flex;
    height: 100%;
    opacity: 1;
    padding: 0 13px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: .3s;
    z-index: 25
}

.block-profile-friends-f-block__connect img {
    height: 19px
}

.p-ch-block-upper {
    align-content: center;
    border-bottom: 1px solid #161d29;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: visible;
    overflow: initial;
    text-align: center;
    width: 100%
}

.p-ch-block-upper div {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    text-align: center;
    transition: .3s
}

.p-ch-block-upper div img {
    width: 21px
}

.p-ch-block-upper>div:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

.p-ch-block-upper div.active {
    background: #131a22
}

#profile-skinchanger-skins {
    display: block
}

.skin-disable {
    background-image: linear-gradient(150deg, #8847ff00, #8a83720d 60%, #121519) !important;
    border: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: .3s;
    z-index: 999999
}

.skin-disable .s-image-drop,
.skin-disable p {
    opacity: .4;
    transition: .3s
}

.skin-disable:hover .s-image-drop,
.skin-disable:hover p {
    filter: blur(4px);
    opacity: .3 !important;
    transition: .3s
}

.skin-disable:hover .skin-buy-premium {
    opacity: 1 !important;
    transition: .3s
}

.skin-buy-premium {
    opacity: 0;
    top: 19px !important;
    transition: .3s;
    z-index: 99999
}

.skin-buy-premium,
.skin-buy-premium>div {
    filter: none !important;
    position: absolute !important
}

.skin-buy-premium .text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    top: 4px
}

.skin-buy-premium .text div {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    top: 4px
}

.skin-buy-premium>div img {
    display: block;
    filter: drop-shadow(0 0 16px rgba(237, 165, 49, .2));
    margin: 0 auto;
    padding-top: 10px;
    top: 0 !important;
    width: 43% !important
}

.horizontal-scroll>div {
    display: inline-block;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: auto
}

.horizontal-scroll>div,
.horizontal-scroll>div>div {
    color: #aecce4;
    font-size: 12px !important
}

.horizontal-scroll>div>a {
    transition: .3s
}

.horizontal-scroll>div>a.active {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

.horizontal-scroll>div>a[disabled] {
    color: #ffffff1a !important;
    filter: grayscale(100%);
    pointer-events: none
}

.horizontal-scroll>div>a:hover {
    border-bottom: 3px solid #6080ff;
    transition: .3s
}

.horizontal-scroll .horizontal-scroll-a-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46%
}

.horizontal-scroll .horizontal-scroll-a-r {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 46%
}

.section-servers-none {
    display: none;
    padding: 70px 0;
    position: relative;
    text-align: center;
    top: 30%;
    width: 100%
}

.section-servers-none>div {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: auto;
    text-align: center;
    width: 100%
}

.section-servers-none>div>img {
    margin-bottom: 34px;
    width: 44px
}

.section-servers-none>div>div {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

#dropSkinsModal {
    background: linear-gradient(1turn, #090e13 -67.25%, #192432 195.71%);
    min-width: 396px;
    padding: 35px;
    text-align: center
}

.modelLabelText {
    color: #ffffff80;
    font-family: Roboto Condensed;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center
}

.header-pro-select h4 {
    color: #a7a7a7b3;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 0 6px 10px
}

.premium-wrapper {
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/bg/premium.png*/
        url() no-repeat calc(50% - 60px) -250px;
    display: block;
    position: relative;
    width: 100%
}

.premium__benefits,
.premium__main {
    transition: all .2s ease
}

.premium__main {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.premium__main-content {
    width: 500px
}

.premium__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 95px;
    text-align: left;
    text-transform: inherit
}

.premium__title span {
    color: #6080ff
}

.premium__sub-title {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 27px;
    opacity: .7
}

.premium__main-line {
    background-color: #22272e;
    display: block;
    height: 1px;
    margin: 45px 0 42px;
    width: 100%
}

.premium__quote {
    align-items: flex-start;
    display: flex;
    margin-bottom: 21px
}

.premium__quote span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-left: 24px;
    width: 386px
}

.premium__main-plans {
    display: flex;
    gap: 19px;
    margin-top: 48px;
    position: relative
}

.premium__main-plans.allow-bonus {
    transform: translateX(-120px)
}

.premium__main-plans:before {
    background: #00000030;
    content: "";
    display: block;
    filter: blur(20px);
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.select-arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%)
}

.premium__plan-benefits-title {
    color: #838c98;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    text-transform: uppercase
}

.premium__plan-benefits {
    border-top: 2px solid #e49635;
    padding-top: 32px
}

.premium-lite__plan .premium__plan-benefits {
    border-top: 2px solid #6080ff
}

.disabled-benefit,
.disabled-benefit a {
    color: #838c98 !important
}

.plan-line {
    background-color: #1d2329;
    display: block;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

.premium-price-span {
    align-items: center;
    color: #838c98;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    top: -4px
}

.premium-price-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

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

.premium__pagination {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.pagination__step {
    background-color: #838c98;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 4px;
    margin-left: 10px;
    width: 5px
}

.pagination__step-active {
    background-color: #f19102;
    border-radius: 3px;
    width: 20px
}

.premium__comment-slider {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.quote-author__img {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.quote-author__img img {
    border-radius: 100%;
    height: 100%
}

.premium__quote-author {
    align-items: center;
    display: flex;
    margin-left: 51px
}

.quote-author__data {
    display: flex;
    flex-direction: column
}

.quote-author__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.premium__benefits {
    margin-top: 142px;
    padding-bottom: 150px
}

.premium__benefit-content {
    flex-direction: column
}

.premium__benefit-block,
.premium__benefit-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.premium__benefit-block {
    gap: 160px;
    margin-bottom: 150px
}

.reverse-benefit {
    flex-direction: row-reverse
}

.premium__benefit-name {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    margin: 24px 0 14px;
    text-align: center;
    text-transform: uppercase
}

.premium__benefit-descr {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.premium__benefit-images {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    position: relative;
    width: 450px
}

.premium__benefit-images>img:not(:first-child) {
    position: absolute;
    z-index: 5
}

.premium__benefit-images .under-demo-images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.benefit-number,
.premium__benefit-images .under-demo-images img {
    position: absolute
}

.benefit-number {
    color: #fff;
    display: block;
    font-size: 300px;
    font-weight: 900;
    letter-spacing: -48px;
    opacity: .05;
    right: 435px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.premium__benefit-content {
    width: 450px
}

.premium__bottom-subscribe {
    text-align: center;
    transition: .3s
}

.premium__bottom-subscribe h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    text-align: center
}

.premium__bottom-subscribe p {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0 32px;
    text-align: center
}

.premium__bottom-subscribe button {
    background-color: #f19102;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    text-transform: uppercase;
    width: 260px
}

.benefit-img__cases {
    bottom: -18px;
    right: -53px
}

.benefit-img__karambit {
    left: -26px;
    top: 11px
}

.benefit-img__blured-ak {
    left: 56px;
    top: -79px
}

.benefit-img__awp {
    bottom: 0;
    right: 0
}

.benefit-img__mission {
    animation: lowerRankRotation 4s ease infinite;
    left: -17px;
    top: 26px
}

.benefit-img__flashbang {
    bottom: -30px;
    left: -20px
}

.benefit-img__neon-ak {
    right: -38px;
    top: 91px
}

.benefit-img__bullets {
    left: -20px;
    top: -22px
}

.benefit-img__navi {
    bottom: -40px;
    left: -53px
}

.benefit-forze {
    right: -60px;
    top: -50px
}

.benefit-img__crosshair {
    left: 73px;
    top: -66px
}

.benefit-img__locker {
    bottom: -66px;
    left: 110px
}

.benefit-vp {
    bottom: -63px;
    right: -34px
}

.benefit__curtain {
    right: -40px;
    top: -10px
}

.benefit__corona {
    left: -78px;
    top: -75px
}

.benefit__feathers {
    animation: feathers 3s ease-in infinite;
    bottom: -46px;
    left: 23px
}

.benefit__cup {
    left: -40px;
    top: 0
}

.benefit__diamonds {
    left: -10px;
    top: -21px
}

.benefit__18-rank {
    left: 73px;
    top: -83px
}

.benefit__10-rank {
    bottom: -41px;
    left: 152px
}

.benefit__4-rank {
    left: -22px;
    top: 120px
}

.benefit__19-rank {
    right: -43px;
    top: -42px
}

.red {
    color: #be3737
}

.tab-content__active {
    display: block
}

.benefit__gif {
    border-radius: 5px;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (max-width:1500px) {
    .premium__title {
        text-align: center
    }

    .premium__main {
        flex-direction: column
    }

    .premium__main-content {
        text-align: center
    }

    .premium__comment-slider {
        align-items: center;
        flex-direction: column
    }

    .premium__quote {
        justify-content: center
    }

    .premium__quote-author {
        margin-bottom: 24px;
        margin-left: 0
    }

    .premium__quote span,
    .quote-author__data {
        text-align: left
    }

    .premium__pagination {
        margin-bottom: 52px
    }

    .premium__main-plans {
        margin-left: 0
    }

    .premium__benefits {
        margin-top: 156px
    }

    .premium__benefit-block {
        flex-direction: column
    }

    .premium__benefit-block .premium__benefit-content {
        margin-left: 0;
        margin-right: 0
    }

    .benefit__drops .premium__benefit-content {
        margin-bottom: 87px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 77px
    }

    .benefit__no-ads .premium__benefit-content {
        margin-bottom: 69px
    }

    .benefit__pro .premium__benefit-content {
        margin-bottom: 60px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__tag .premium__benefit-content {
        margin-bottom: 67px
    }

    .benefit__exp .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 73px
    }

    .premium__benefit-block {
        margin-bottom: 100px
    }

    .benefit__18-rank {
        left: -13px;
        top: -58px
    }

    .benefit-img__karambit {
        top: 0
    }

    .premium__benefits {
        padding-bottom: 100px
    }

    .premium-wrapper {
        background-position: top
    }
}

@media (max-width:1100px) {
    .sidebar {
        display: none
    }

    .premium__title {
        text-align: center
    }
}

@media (max-width:650px) {
    .premium__title {
        font-size: 32px;
        margin-bottom: 14px;
        text-align: center
    }

    .premium__sub-title {
        font-size: 14px;
        margin: 0 auto;
        width: 300px
    }

    .premium__main-line {
        margin: 37px auto 32px;
        width: 300px
    }

    .premium__quote span {
        width: 249px
    }

    .premium__quote-author {
        transform: translateX(-20px)
    }

    .premium-lite__plan {
        margin-bottom: 32px;
        margin-right: 0
    }

    .premium__main-plans {
        flex-direction: column
    }

    .premium__benefits {
        margin-top: 174px
    }

    .premium__benefit-name {
        font-size: 24px
    }

    .premium__benefit-descr {
        font-size: 14px;
        width: 300px !important
    }

    .benefit__drops .benefit__drops .premium__benefit-content {
        margin-bottom: 66px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 50px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__exp .premium__benefit-content,
    .benefit__no-ads .premium__benefit-content,
    .benefit__pro .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 46px
    }

    .benefit__tag .premium__benefit-content {
        margin-bottom: 56px
    }

    .premium__benefit-name {
        text-align: center
    }

    .premium__benefit-images {
        height: 200px;
        width: 300px
    }

    .benefit-img__cases {
        display: none
    }

    .benefit-img__karambit {
        left: -16px;
        top: 0;
        width: 80px
    }

    .benefit-img__blured-ak {
        left: 56px;
        top: -48px;
        width: 219px
    }

    .benefit-img__flashbang {
        bottom: -20px;
        left: 0;
        width: 50px
    }

    .benefit-img__neon-ak {
        right: -10px;
        top: 80px;
        width: 331px
    }

    .benefit-img__bullets {
        left: 13px;
        top: -22px
    }

    .benefit-img__navi {
        bottom: -30px;
        left: -8px;
        width: 78px
    }

    .benefit-forze {
        right: -25px;
        top: -16px;
        width: 56px
    }

    .benefit-vp {
        bottom: -49px;
        right: -11px;
        width: 114px
    }

    .benefit__curtain {
        right: -1px;
        top: 0;
        width: 129px
    }

    .benefit__corona {
        left: -11px;
        top: -43px;
        width: 89px
    }

    .benefit__feathers {
        animation: feathers 3s ease-in infinite;
        bottom: -46px;
        left: 23px;
        width: 259px
    }

    .benefit__cup {
        height: 173px;
        left: 0;
        top: 48px
    }

    .benefit__diamonds {
        left: 12px;
        top: 38px;
        width: 79px
    }

    .benefit__18-rank {
        display: none
    }

    .benefit__10-rank {
        left: auto;
        right: 34px;
        width: 64px
    }

    .benefit__4-rank {
        left: 8px;
        top: 78px;
        width: 41px
    }

    .benefit__19-rank {
        right: 2px;
        top: -20px;
        width: 80px
    }

    #video-clipper img,
    #video-compare-container>img {
        object-fit: cover
    }
}

.premium-price-value img {
    height: 21px;
    left: 8px
}

.premium-price-value-price {
    float: left
}

#mode__modal {
    position: relative
}

.footer {
    flex-shrink: 0;
    margin-top: 40px;
    width: 100%
}

.footer .flex-wrap {
    align-items: center;
    display: flex;
    gap: 0;
    height: 100%;
    justify-content: center;
    overflow: auto;
    padding-bottom: 40px;
    width: 100%
}

.footer__sponsors {
    position: relative;
    text-align: center;
    width: 100%
}

.footer__sponsors img {
    background: 0 0;
    border-radius: 12px;
    max-height: 80px;
    max-width: 170px;
    opacity: .1;
    transition: .3s
}

.footer__sponsors a:hover img {
    filter: grayscale(24%);
    opacity: 1;
    transition: .3s
}

.footer__navigation {
    border-top: 1px solid #1c2127;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 96px 80px;
    row-gap: 80px;
    width: 100%
}

.footer__sponsors {
    padding-left: 60px;
    padding-right: 60px
}

.footer__logo img {
    height: 30px;
    margin-top: 3px
}

.footer__sponsors a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 86px
}

.footer__nav-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__nav-list li {
    color: #9a9fa9;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    transition: filter .2s ease
}

.footer__nav-list li:hover {
    filter: brightness(125%)
}

.footer__socials {
    display: flex;
    gap: 12px
}

.footer__socials img {
    transition: all .3s;
    transition: filter .2s ease;
    width: 100%
}

.footer__socials a {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px
}

.footer__socials a:hover img {
    filter: brightness(135%)
}

.benefit__diamonds {
    animation: imgScale 4s infinite
}

.benefit-img__bullets {
    animation: bullets 4s infinite
}

.benefit__18-rank {
    animation: rankRotation 4s ease infinite
}

.benefit__10-rank {
    animation: lowerRankRotation 4s ease infinite
}

.benefit-img__flashbang {
    animation: flashRotation 5s ease infinite
}

.benefit-img__blured-ak {
    animation: akRotation 5s ease infinite
}

#premium-modal .premium-version {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin: 35px 0 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 2s
}

.lite-premium-modal .premium-version {
    color: #32a0ef
}

.full-premium-modal .premium-version {
    color: #eda231
}

#premium-modal .premium-period {
    color: #9d9ea0;
    font-size: 14px;
    line-height: 23px;
    transition: all 5s
}

#premium-modal .premium-period,
.premium-modal__title {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.premium-modal__title {
    color: #e6e6e6;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all .5s
}

.premium-modal__corona {
    transform: translateY(40px);
    transition: all 1s
}

.lite-premium-modal .premium-modal__corona,
.premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-modal .premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-modal__close {
    background: #0000;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    margin: 35px auto 0;
    opacity: 0;
    text-align: center;
    transition: all 1s;
    width: 144px
}

.lite-premium-modal .premium-modal__close {
    border: 1px solid #32a0ef
}

.full-premium-modal .premium-modal__close {
    border: 1px solid #f08e33
}

.premium-modal__left-bg {
    left: 0;
    transform: translateX(-100%)
}

.premium-modal__left-bg,
.premium-modal__right-bg {
    animation: bgPulsing 1.5s infinite;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 1s
}

.premium-modal__right-bg {
    right: 0;
    transform: translateX(100%)
}

.avatar.premium-lite {
    border: 2px solid #6080ff !important
}

.container-border-bottom {
    border-bottom: 1px solid #1b2027;
    margin-bottom: 20px;
    padding-bottom: 20px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}

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

.drop-modal__wrapper,
.premium-renew-modal__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    mix-blend-mode: normal;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999
}

.premium-renew-modal__wrapper {
    background: #080c11e6;
    transition: opacity .3s
}

.drop-modal__wrapper,
.modal__overlay_CASE_MODAL>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #0f141bd9
}

#premium-renew-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.premium-time-left {
    background: #151f36;
    border-radius: 4px;
    color: #e4eaff;
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 42px auto 10px;
    opacity: 0;
    padding: 9px 19px;
    text-transform: uppercase;
    transform: translateY(20px);
    transition: all 1s ease
}

.premium-renew__corona {
    display: block;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease
}

.premium-renew__title {
    font-family: Roboto Condensed;
    font-size: 78px;
    font-weight: 700;
    line-height: 91px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s ease
}

.premium-renew__title-wrapper {
    margin-bottom: 20px
}

.premium-renew__title-wrapper .side-span {
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    width: 0
}

.lite-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #32a0ef
}

.full-premium-renew-modal .premium-renew__title-wrapper .side-span,
.premium-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #eda231
}

.premium-renew__title-wrapper .side-span:first-child {
    left: -42px;
    transform: translateY(-50%) translateX(-100%)
}

.premium-renew__title-wrapper .side-span:last-child {
    right: -42px;
    transform: translateY(-50%) translateX(100%)
}

.lite-premium-renew-modal .premium-renew__title {
    color: #32a0ef
}

.full-premium-renew-modal .premium-renew__title,
.premium-premium-renew-modal .premium-renew__title {
    color: #eda231
}

.lite-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-renew-modal .premium-renew__corona,
.premium-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-renew__buttons {
    opacity: 0;
    text-align: center;
    transform: translateY(-10px);
    transition: all 1s ease
}

.premium-renew__buttons a,
.premium-renew__buttons button {
    border-radius: 7px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 15px 21px;
    text-transform: uppercase;
    transition: all .2s ease
}

.premium-renew-btn {
    background: #0000
}

.lite-premium-renew-modal .premium-renew-btn {
    border: 1px solid #32a0ef
}

.lite-premium-renew-modal .premium-renew-btn:hover {
    background-color: #32a0ef26;
    box-shadow: 0 5px 20px #32a0ef2e
}

.full-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.full-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.premium-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-notify-later-btn {
    background: #0d161f;
    border: 1px solid #0000
}

.premium-notify-later-btn:hover {
    filter: brightness(125%)
}

.dont-notify {
    color: #e6e6e680;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    opacity: 0;
    text-align: center;
    text-decoration-line: underline;
    transition: all 1s ease
}

.premium-renew__appear {
    opacity: 1;
    transform: translateY(0)
}

#unmodals {
    position: absolute;
    z-index: 99999
}

#deposit__modal {
    position: relative
}

h2.deposit__title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 135%;
    opacity: 1;
    text-transform: uppercase
}

h3.deposit__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 28px;
    opacity: .7;
    text-align: left;
    text-transform: uppercase
}

.deposit__types-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.deposit__payment-systems-wrapper {
    margin-bottom: 24px
}

.deposit__balance-modal,
.deposit__prem-modal {
    align-items: flex-start;
    background: #141c25;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 35px
}

.deposit__balance-modal {
    border-radius: 12px;
    width: 720px
}

.deposit__prem-modal {
    border-radius: 0 12px 12px 0;
    margin-left: 10px;
    width: 553px
}

.deposit__balance-modal>div,
.deposit__prem-modal>div {
    width: 100%
}

.payment-providers-list {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    height: 350px;
    overflow-y: scroll;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.payment-providers-list:not(:first-child) {
    display: none
}

.deposit-pay-system {
    align-items: center;
    background: #19212c;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    transition: all .2s ease
}

.deposit-modal__content {
    margin-top: 30px;
    width: 100%
}

.deposit-converter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.deposit__convert-bar {
    display: block;
    display: grid;
    float: left;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.deposit__convert-bar,
.deposit__phone-number {
    background: #19212c;
    border-radius: 10px;
    height: 56px;
    position: relative;
    width: 100%
}

.deposit__phone-number {
    align-items: center;
    display: none;
    margin-bottom: 20px;
    overflow: hidden
}

.deposit__phone-number-img {
    align-items: center;
    background: #222f3f;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50px
}

.deposit-foot__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.deposit__phone-number-img img {
    opacity: .5;
    width: 20px
}

.code-input__wrapper input,
.deposit__convert-bar input,
.deposit__phone-number input {
    background: #0000;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    outline: none;
    padding-top: 13px;
    position: relative;
    transition: all .2s;
    width: 100%
}

.code-input__wrapper input+label,
.deposit__convert-bar input+label,
.deposit__phone-number input+label {
    color: #acb6e08f;
    font-family: Roboto;
    font-size: 9px;
    font-weight: 500;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: all .2s
}

.code-input__wrapper input:focus,
.deposit__phone-number input:focus {
    padding-top: 0
}

.code-input__wrapper input:focus+label,
.deposit__phone-number input:focus+label {
    opacity: 0
}

input.rubles-input+label {
    padding-left: 40px
}

.deposit__convert-bar input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.deposit__convert-bar input::-webkit-inner-spin-button,
.deposit__convert-bar input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.deposit__convert-bar input:focus,
.deposit__convert-bar input:hover {
    border: 0
}

.convert-indicator {
    align-items: center;
    background: #151f2c;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.converter__cybercoins,
.converter__rubles {
    align-items: center;
    display: flex;
    padding: 0 30px;
    width: 100%
}

.deposit-modal-button {
    background: #6080ff;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    transition: all .2s;
    width: 100%
}

.deposit-modal-button:hover {
    filter: brightness(110%)
}

.deposit__premium-plans {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
    width: 100%
}

.deposit__premium-plans>div {
    display: block;
    height: 158px;
    padding: 19px;
    width: 210px
}

.deposit__premium-price,
.deposit__premium-title {
    align-items: center;
    display: flex
}

.deposit__premium-title {
    justify-content: space-between;
    margin-bottom: 25px
}

.deposit__premium-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 135%;
    text-transform: capitalize
}

.deposit__premium-price {
    font-size: 18px;
    font-weight: 700
}

.price-currency {
    margin-right: 5px;
    width: 15px
}

.deposit__code-inputs {
    grid-gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1.3fr
}

.code-input__wrapper {
    background: #19212c;
    border-radius: 10px;
    height: 56px
}

.code-input__wrapper input,
.deposit__phone-number input {
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    text-transform: uppercase
}

.code-input__wrapper input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.save-code {
    background: #6080ff33;
    border-radius: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 32px
}

.save-code:hover {
    background: #6080ff59;
    transition: .3s
}

.deposit__buy-premium {
    margin-left: 0;
    margin-top: 67px;
    width: 100%
}

.choosen-payment-provider {
    border-bottom: 2px solid #6080ff
}

.method__currency {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #26293599;
    border: 1px solid #6875a130;
    border-radius: 6px;
    color: #88969c;
    display: block;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: 120.2%;
    padding: 6px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto
}

.premium__bottom-subscribe button {
    transition: .3s
}

.premium__bottom-subscribe button:hover {
    filter: brightness(110%);
    transition: .3s
}

.event-xp-modal__wrapper {
    background: linear-gradient(1turn, #090e13 -138.15%, #192432 195.71%);
    border-radius: 16px;
    padding: 40px 35px;
    width: 443px
}

.event-xp-modal__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.event-xp-modal__subtitle,
.event-xp-modal__title {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.event-xp-modal__subtitle {
    color: #878787;
    font-size: 15px
}

h4 .new_span {
    background: #ff7d00;
    border-radius: 9px;
    box-shadow: 0 4px 6px #ff7d0033;
    left: 8px;
    padding: 0 6px
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: -webkit-linear-gradient(top, #fff0, #0046ff00 50%, #fff0 51%, #00aeff00);
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#profile__premium-indicator {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    height: 23px;
    justify-content: center;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: -22px
}

.profile__full-prem {
    border: 1px solid #feb611;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.profile__lite-prem {
    border: 1px solid #32a0ef;
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

#profile__premium-indicator img {
    width: 12px
}

#profile__premium-indicator span {
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase
}

.profile__full-prem span {
    color: #feb611
}

.profile__lite-prem span {
    color: #32a0ef !important
}

.player_name_blue {
    color: #1f89d6 !important
}

.header__count-pro svg {
    margin-left: 3px;
    width: 8px
}

.header__count-pro {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 8px;
    width: 100%
}

.header__user {
    cursor: pointer
}

.header__user>div:first-child {
    align-items: center;
    display: flex
}

.header__count-pro {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500
}

.header__deposit {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 14px;
    transition: all .2s ease
}

.header-vip-user {
    border: 2px solid #fdb510
}

.header__notifications>div:first-of-type {
    cursor: pointer;
    position: relative
}

.deauth {
    margin-left: 16px
}

.deauth img {
    cursor: pointer;
    opacity: .5;
    transform: rotate(180deg);
    transition: .3s;
    width: 12px
}

.deauth img.active {
    transform: rotate(0deg)
}

.profileOpen {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.profileOpen:hover {
    background: #273047
}

.header__user:hover .deauth img {
    opacity: 1
}

.online-player__user-img {
    margin-left: 16px
}

.online-player__server-name {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.online-player__server-name img {
    height: 20px;
    margin-left: 6px
}

.premium-main-btn span {
    color: #fdb510;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease
}

#socials,
.premium-main-btn span {
    align-items: center;
    display: flex
}

.icon-slide-left {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}

.icon-slide-left:after {
    background: url('//cloud.cybershoke.net/img/general/crown.svg') no-repeat 50%/cover;
    content: "";
    display: block;
    height: 15px;
    left: -20%;
    position: absolute;
    transform: translateY(-1px);
    transition: .25s ease;
    width: 15px
}

.icon-slide-left span {
    transition: .25s ease
}

.icon-slide-left:hover span {
    margin-left: 20px
}

.icon-slide-left:hover:after {
    left: 8px
}

.social svg {
    height: 15px;
    opacity: .5;
    transition: .3s
}

.social:hover svg {
    filter: grayscale(0);
    opacity: .8
}

.social img {
    height: 20px;
    width: 20px
}

#socials .social {
    align-items: center;
    display: flex
}

.mode__prime-filter {
    background: #181d23;
    border-radius: 9px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr 2fr;
    height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    width: 240px
}

.prime-filter__btn {
    background: #0000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    transition: all .2s ease
}

.mode__prime-filter img {
    image-rendering: inherit;
    margin-right: 3px;
    top: 1px;
    width: 11px
}

.switch-to-prime {
    border-left: 1px solid #222931;
    border-right: 1px solid #222931
}

.choosen-prime-filter {
    background: #1f2731 !important
}

.shop {
    height: auto !important
}

@keyframes hero1Fading {
    0% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(2)
    }

    60% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero2Fading {
    0% {
        filter: brightness(1)
    }

    10% {
        filter: brightness(1)
    }

    20% {
        filter: brightness(2)
    }

    30% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero7Fading {
    0% {
        filter: brightness(1)
    }

    30% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero4Fading {
    0% {
        filter: brightness(1)
    }

    60% {
        filter: brightness(1)
    }

    70% {
        filter: brightness(2)
    }

    80% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

a.servers-mode__find-btn {
    background: #6080ff;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 41px;
    padding: 11px 0;
    text-align: center;
    transition: all 1s ease;
    width: 107px
}

.servers-mode__find-btn:hover {
    filter: brightness(1.2)
}

@keyframes moveSky {
    0% {
        transform: scale(1) translateX(0)
    }

    50% {
        transform: scale(1.2) translateX(300px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important
}

.closed-server-prime:hover div img,
.closed-server:hover div img {
    opacity: .35 !important
}

a.closed-indicator:hover {
    background: #0000 !important
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659)
}

.block-border-locked {
    background-position: 0 50%;
    background-size: 300% 300%;
    border: 2px solid #91a8b9;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.closed-server-prime .block-border-map {
    background: linear-gradient(0deg, #00173659, #00173659);
    z-index: 6
}



.full-servers__wrapper>div {
    align-items: center;
    display: flex;
    height: 100%
}

.full-servers__amount {
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700
}

.blue-text {
    color: #6080ff
}

.yellow-text {
    color: #fdb510
}

.full-servers__text {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.hide-full-servers__cb {
    align-items: center;
    color: #fff6;
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.hide-full-servers__cb .checkmark {
    height: 15px;
    width: 15px
}

.hide-full-servers__cb .checkmark:after {
    left: 5px;
    top: 2px
}

.full-servers__wrapper>img {
    bottom: 0;
    filter: brightness(.7);
    position: absolute;
    right: 0;
    transition: filter .2s ease
}

.full-servers__wrapper:hover>img {
    filter: brightness(1)
}

.scroll-left-enter {
    transform: translateX(-100%)
}

.scroll-right-enter {
    transform: translateX(100%)
}

.scroll-left-enter-done,
.scroll-right-enter-done {
    transform: translateX(0);
    transition: transform 1s
}

.purchase-title-enter {
    opacity: 0;
    transform: translateY(40px)
}

.purchase-title-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s
}

.opacity-enter {
    opacity: 0
}

.opacity-enter-done {
    opacity: 1;
    pointer-events: all;
    transition: opacity 2s
}

.modal-enter {
    opacity: 0;
    transform: scale(.95)
}

.modal-enter-active {
    transition: all .2s
}

.modal-enter-active,
.modal-enter-done {
    opacity: 1;
    transform: scale(1)
}

.modal-exit-active {
    opacity: 0;
    transform: scale(.95);
    transition: all .2s
}

.modal-exit-done {
    opacity: 0
}

.crown-enter {
    transform: translateY(40px)
}

.crown-enter-done {
    transform: translateY(0);
    transition: transform 1s
}

.scale-enter {
    transform: scaleX(0)
}

.scale-enter-done {
    transform: scaleX(1);
    transition: transform 1s
}

.modal-container-exit {
    opacity: 0
}

.modal-container-exit-done {
    display: none !important
}

.crown2-enter-done,
.slide-from-up-enter-done,
.time-left-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s
}

.cybercoins-input+label:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/general/diamond.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 10px;
    left: calc(100% + 5px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.tooltip {
    display: block !important
}

.online-player__user-img img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.empty-title {
    color: #1e2836;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 10px;
    text-align: center
}

.profile__friend-list__empty,
.profile__inventory__empty,
.profile__payment__empty {
    padding: 70px 0
}

.profile__payment__empty {
    display: flex;
    justify-content: center;
    width: 100%
}

.profile__payment__empty img {
    margin-right: 20px
}

summary {
    outline: none
}

.options>div label,
.options>div select {
    display: block !important
}

details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
    opacity: 0
}

details summary {
    appearance: none;
    -webkit-appearance: none;
    list-style: none
}

.block-servers-players-status {
    max-height: 100%
}

.p-ch-block-upper .active {
    background: #131a22
}

.p-ch-block-upper li:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

#profile-skinchanger-collection {
    display: block
}

.profile__friend-list__empty img,
.profile__inventory__empty img {
    display: block;
    margin: 0 auto
}

.closed-tab {
    display: none
}

#profile-nav .active a {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

#profile-nav .active span {
    border-color: #6080ff
}

.tooltip-flex {
    display: flex !important
}

.live-dot {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

#user {
    display: flex;
    flex-direction: row-reverse
}

nav#user {
    flex-direction: row
}

nav#user,
nav#user>* {
    align-items: center;
    display: flex;
    height: 100%
}

nav#user>* {
    margin: 0 7px
}

.header__deposit svg {
    margin-right: 7px
}

.header__deposit:hover {
    filter: brightness(110%)
}

.header__pro-img {
    align-items: center;
    background-color: #6080ff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 36px
}

#header__user_balance {
    color: #fff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 20px;
    font-weight: 700;
    margin-right: 6px
}

#header__user_balance,
.header__balance {
    align-items: center;
    display: flex
}

.header__balance img {
    height: 16px
}

.header__pro-img img {
    width: 16px
}

.header__online-players__button {
    align-items: center;
    background-color: #1b2229;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    height: 34px;
    transition: .3s;
    width: 80px
}

.header__online-players__button:hover {
    background: #ffffff1a
}

.header__profile {
    align-items: center;
    background: #1b2229;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    width: 35px
}

.header__profile img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.header-pro-user,
.header-talent-user,
.header-vip-user {
    border: 2px solid #fdb510
}

.header-lite-user {
    border: 2px solid #1f89d6
}

.header-none-user {
    border: 2px solid #0000
}

.header__count-notifications,
.header__notifications svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__count-notifications {
    background: #6080ff;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    height: 13px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: -4px;
    width: 13px;
    z-index: 5
}

.header__notifications path {
    transition: all .3s ease
}

.header__notifications>div:hover path {
    fill: #fff
}

.header__pro-online {
    margin-top: 23px
}

.online-player__user img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.online-player__user {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.online-player__user-img:after {
    background: #33ff7b;
    border: 1px solid #21293d66;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.online-player__user-img {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 11px;
    width: 21px
}

.header__online-player-nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500
}

.online-player__server-connect {
    align-items: center;
    background: #5beaae2b;
    border-radius: 5px;
    color: #64d3ab;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 5px 10px
}

.online-player__server-connect img {
    width: 20px
}

.grey-scroll::-webkit-scrollbar-thumb {
    background: #374256
}

.grey-scroll::-webkit-scrollbar {
    background: #181e29;
    width: 4px
}

.grey-scroll::-webkit-scrollbar-thumb {
    border: none !important
}

.online-player__server {
    margin-left: 10px
}

.online-player__server-name {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.header__online-players ul li:hover {
    background: #21293d
}

.header__online-players ul li:hover .online-player__server-name {
    display: none
}

.header__online-players ul li:hover .online-player__server-connect {
    display: flex
}

.premium-main-btn {
    background: #0000;
    border: 1px solid #fdb510;
    border-radius: 5px;
    box-sizing: border-box;
    height: 33px;
    padding: 0 15px;
    transition: all .3s ease
}

.header-prem .premium-main-btn {
    margin-right: 10px
}

.premium-main-btn.prolong {
    width: 150px
}

.premium-main-btn,
.premium-main-btn span {
    align-items: center;
    color: #fdb510;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.header-prem {
    align-items: center;
    display: flex;
    height: 100%
}

.header-prem a {
    height: auto
}

#socials {
    height: 100%
}

button.icon-slide-right:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

button.icon-slide-left {
    overflow: hidden;
    position: relative
}


button.icon-slide-left span {
    transition: .25s ease
}

button.icon-slide-left:hover span {
    margin-left: 20px
}

button.icon-slide-left:hover:after {
    left: 8px
}

.prolong span {
    text-transform: uppercase
}

button.prolong:hover {
    width: 165px
}

#header-login-btn {
    margin: 0 !important;
    padding: 0 !important
}

.login-btn {
    background: #6080ff;
    border-radius: 6px;
    color: #ffffffe6;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    justify-content: center;
    line-height: 14px;
    padding: 0 10px;
    text-transform: uppercase
}

.login-btn,
.login-btn-wrapper {
    align-items: center;
    display: flex
}

.login-btn-wrapper {
    gap: 14px;
    height: 60px
}

.login-img {
    margin-left: 7px;
    width: 13px
}

.user-theme__VIP #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.user-theme__VIP #profile_user_width_xp {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214)
}

.user-theme__LITE #name_player {
    color: #1f89d6 !important
}

.user-theme__LITE #profile_user_width_xp {
    background: linear-gradient(45deg, #35aaff 33%, #32a0ef 66%, #1f93e6)
}

.user-theme__LITE,
.user-theme__VIP,
.user-theme__banned {
    margin-top: 9px !important
}

.modal__overlay {
    align-items: center;
    background-color: #13161b99;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1201
}

.modal__overlay.transparent {
    background-color: initial
}

.modalShowing_true {
    opacity: 1;
    pointer-events: auto
}

.hide {
    display: none
}

ul#languages {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease
}

.langs:hover ul#languages {
    opacity: 1;
    pointer-events: auto
}

.deposit__types-wrapper>ul {
    width: 100%
}

.hidden-mode-nav {
    opacity: .2 !important
}

.show__nav-btn {
    opacity: .8 !important
}

.timer-block {
    align-items: center;
    display: flex
}

.timer-block>div {
    margin-right: 30px
}

aside#header nav>a:hover img {
    transform: scale(1.08)
}

aside#header nav>a img {
    transition: .3s
}

.header__count-notifications {
    border: 1px solid #030b12
}

.time-block__upper {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.time-block__lower {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    margin-top: 9px;
    text-transform: uppercase
}

.modal-container {
    transition: opacity .5s
}

.modal-container-enter {
    opacity: 0
}

.modal-container-enter-active {
    opacity: 1;
    transition: opacity .5s
}

.premium__bottom-subscribe {
    display: block;
    margin: 0 auto
}

.full-width-btn {
    grid-template-columns: 1fr
}

.premium__bottom-subscribe a {
    height: inherit;
    width: inherit
}

.modal-container-exit {
    opacity: 1
}

.modal-container-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.container>img {
    border-radius: 3px
}

.container {
    margin-bottom: 21px
}

#page-servers-servers {
    grid-template-columns: 1fr 255px
}

.checkmark {
    background: #131a24
}

.container:hover input~.checkmark {
    background-color: #141c25
}

.container input:checked~.checkmark {
    background-color: #1f2534 !important
}

.locations__wrapper {
    background: #12171f;
    padding: 21px 15px;
    transform: translateX(-15px);
    width: 275px !important
}

.locations__wrapper>label {
    display: block !important
}

.options summary p {
    font-weight: 700
}

.locations__wrapper>label:last-of-type {
    margin-bottom: 0
}

.loyalty__progressBox {
    cursor: help;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 16px auto 0;
    width: 300px
}

.loyalty__progressBox .loyalty__progressBg--2f0j {
    cursor: help
}

.table-switcher {
    border: 1px solid #0000;
    border-radius: 7px;
    color: #eaf1fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 13px;
    transition: all .2s ease
}

.table-switcher:not(:last-of-type) {
    margin-right: 5px
}

.table-switcher.active {
    border: 1px solid #6080ff;
    color: #95aaff
}

.blue-scroll::-webkit-scrollbar-thumb {
    background: #6080ff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 32px
}

.blue-scroll::-webkit-scrollbar {
    background: #17202c;
    width: 2px
}

.vc {
    align-items: center;
    display: flex
}

.section-servers-none {
    display: block
}

.online-players__empty {
    color: #8499b9;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    text-align: center
}

.empty-notifications {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.empty-notifications .empty-title {
    color: #f7f9ff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 16px 0 7px
}

.empty-notifications .empty-text {
    color: #d9e1ff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 17px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    width: 165px
}

.empty-notifications img {
    opacity: .2;
    width: 50px
}

#non-prime-servers,
#prime-servers {
    display: block
}

.p_skin_name:after {
    background: #2a68b0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.color-golden .p_skin_name:after {
    background: #fdb510
}

.color-milspec .p_skin_name:after {
    background: #6080ff
}

.color-restricted .p_skin_name:after {
    background: #754de8
}

.color-covert .p_skin_name:after {
    background: #e84d4d
}

.color-consumer .p_skin_name:after,
.color-default .p_skin_name:after {
    background: #ffffff4d
}

.color-classified .p_skin_name:after {
    background: #e44de8
}

.color-industrial .p_skin_name:after {
    background: #2a68b0
}

.p-ch-block-upper li,
.p-ch-block-upper li div {
    width: 100%
}

.hide-full-servers__button {
    align-items: center;
    background: #181d23;
    border-radius: 6px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .5;
    width: 100%
}

.hide-full-servers__button img {
    margin-right: 9px
}

.hide-btn-true {
    opacity: .8
}

.shop__aside-sort {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    height: 67px;
    width: 100%
}

.shop__aside-sort>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.shop__aside-sort>div:first-child {
    justify-content: flex-start;
    padding-left: 30px
}

div.skinchanger__setting-block {
    align-items: center;
    background: #6666661f;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .3s ease;
    width: 29px !important;
    z-index: 5
}

.skinchanger__setting-block.gear {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

.skin__side-choice {
    opacity: 0;
    transition: all .3s ease
}

.skinchanger__setting-block.apply {
    display: none;
    left: auto;
    right: 10px
}

.skin:hover div.skinchanger__setting-block {
    display: flex
}

.skinchanger__setting-block img {
    margin-top: 0 !important;
    top: 0 !important
}

.skin>div.disable {
    background: #6663 !important;
    cursor: not-allowed !important
}

.hidden-online {
    display: none
}

.mode-badge {
    background: #fdb51026;
    border-radius: 5px;
    color: #fdb510;
    display: flex;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    pointer-events: none;
    text-transform: uppercase
}

.trending-badge {
    background: #fd821026;
    color: #fd8210 !important
}

.trending-badge svg {
    margin-right: 4px;
    width: 13px
}

.quick_start {
    margin-bottom: 20px
}

.mode-badge img {
    margin-right: 4px;
    width: 12px
}

.no-servers-title {
    font-family: Roboto Condensed;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

.no-servers-descr {
    color: #fff6;
    font-size: 14px;
    margin: 15px 0 38px
}

.section-servers-none button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 16px 36px;
    text-transform: uppercase
}

.section-servers-none button img {
    margin-right: 8px
}

.contact-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: center
}

.contact-text {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase
}


.contact-page,
.contact-page>div {
    display: flex;
    flex-direction: column
}

.contact-page>div {
    margin-bottom: 18px
}

.contact-emails {
    margin-top: 17px
}

.email-block span:first-child {
    color: #acb6e080;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 3px
}

.email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.email-block span {
    text-align: center
}

.email-block span:last-child {
    color: #6080ff;
    font-size: 12px
}

.mb35 {
    margin-bottom: 35px
}

.nav-item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 64px
}

.nav-item__m:after {
    content: "Играть"
}

.nav-item__p:after {
    content: "Premium"
}

.nav-item__c:after {
    content: "Соревнования"
}

.nav-item__l:after {
    content: "Помощь"
}

.nav-item__s:after {
    content: "Магазин"
}

.nav-item-wrapper:after {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    left: 100%;
    letter-spacing: .2px;
    line-height: 15px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease;
    width: 100px
}

.logo-wrapper .online {
    opacity: 0;
    transform: translateY(-11px);
    transition: all .1s ease
}

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

.logo-wrapper .logo {
    left: 0;
    position: absolute;
    top: 0
}

.logo-wrapper {
    height: 77px
}

.logo-wrapper .online {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

aside#header .online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.live-dot {
    margin-bottom: 0;
    margin-right: 9px
}

.active .nav-item-wrapper:after {
    color: #6080ff
}

.header-side-left .golden.active {
    border-right: 3px solid #fdb510
}

.premium.active .nav-item-wrapper:after {
    color: #fdb510
}

#profile-nav ::selection {
    background: #0000
}

@media (min-width:2100px) {
    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
    }
}

.stars-for-task {
    color: #7a95ff;
    font-size: 19px;
    font-weight: 700;
    left: 50%;
    letter-spacing: .03em;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%)
}

.rub {
    color: #fdb510;
    margin-left: 5px
}

.unknown-ping {
    display: inline
}

.deposit-notification {
    align-items: center;
    background: #19212c;
    border-radius: 4px;
    color: #ced7fd;
    display: flex;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    height: 43px;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%
}

.deposit-notification img {
    margin-right: 12px;
    width: 20px
}



.support-header h5 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.support-header h2 {
    font-size: 39px;
    font-weight: 900;
    line-height: 46px;
    margin: 8px 0 27px;
    text-transform: uppercase
}

.support-page {
    font-family: Roboto
}

.support-page video,
.support-screen {
    border-radius: 10px;
    display: block;
    margin: 40px 0;
    width: 100%
}

.update-article img {
    border-radius: 10px;
    width: 100%
}

.awssld__content {
    border-radius: 10px
}

.support-search__wrapper input {
    background: #141b24;
    border: none !important;
    border-radius: 9px;
    height: 48px;
    padding: 0 50px 0 25px;
    width: 401px
}

.support-search__wrapper button {
    background: #0000;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.support-page input,
.support-page input::placeholder {
    color: #576375;
    font-size: 14px
}

.general-menu {
    background: #11171f;
    border-radius: 4px;
    padding: 33px 22px
}

#profile .general-menu {
    background: #161c2666
}

.general-menu .active .nav-el {
    background: #d3dcff08;
    color: #6080ff
}

.general-menu .active path {
    fill: #6080ff
}

.general-menu .nav-list {
    border-left: 1px solid #232c38;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-left: 30px;
    padding-top: 10px
}

.nav-list.last {
    margin-bottom: 0
}

.general-menu .nav-list li a {
    color: #d0d6de;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    transition: all .2s ease
}

.general-menu .nav-list li a.selected,
.general-menu .nav-list li a:hover {
    color: #6080ff
}

.general-menu .nav-el {
    align-items: center;
    border-radius: 7px;
    color: #d7d9dc;
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px
}

.general-menu .nav-el svg {
    margin-right: 9px;
    width: 16px
}

.help-menu .nav-el svg {
    height: 24px;
    width: 24px
}

.help-menu .nav-el {
    padding: 9px 15px
}

.achievements,
.settings {
    display: grid;
    padding: 24px
}

.support-content {
    grid-gap: 25px;
    display: grid;
    gap: 25px;
    grid-template-columns: 275px 1fr;
    margin: 0 auto;
    width: 1260px
}

.support-content .general-menu {
    align-self: start;
    position: sticky;
    top: 0
}

.settings {
    margin-bottom: 50px
}

.settings>div {
    align-self: start
}

.settings {
    gap: 25px;
    grid-template-columns: 345px 1fr
}

.achievements {
    gap: 24px;
    grid-template-columns: 348px 1fr
}

.support-page .slick-slider {
    margin: 35px 0;
    transform: translateX(-11px);
    width: calc(100% + 22px)
}

.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slick-prev {
    left: -30px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-next {
    right: -30px
}

.support-article {
    background: linear-gradient(180deg, #11171f 62.96%, #11171f00 90.38%);
    border-radius: 4px;
    padding: 48px 64px;
    width: 100%
}

.support-article__title {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%
}

.support-article-part {
    padding-bottom: 15px;
    padding-top: 20px
}

.support-article-part ul.support__dotted-list {
    padding: 25px 0
}

.support-article-part ul.support__dotted-list li {
    padding-left: 41px
}

.support-article-part ul.support__dotted-list li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 21px;
    position: absolute;
    top: 10px;
    width: 4px
}

.support-article-part ul.definition-list,
.support-article-part ul.punishment-list {
    padding-top: 13px
}

.support-article-part ul.punishment-list li {
    align-items: center;
    color: #888b8f;
    display: flex;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px
}

.support-article-part ul.punishment-list li img {
    margin-right: 13px
}

.support-article-part ul.definition-list li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px
}

.support-article-part ul.definition-list li span {
    color: #5c6bc0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.support-article__img {
    border-radius: 20px;
    margin-top: 30px;
    width: 100%
}

.support-article-part h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .7;
    padding-top: 10px
}

.support-article-part ol {
    margin: 25px 0
}

.support-article-part li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part ol li {
    padding-left: 40px
}

.support-article-part li:not(:last-of-type) {
    margin-bottom: 18px
}

.support-article-part ol li:before {
    background: 0 0;
    background: #19212c;
    border: none;
    border-radius: 4px;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px 7px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: auto
}

.support-article__feedback {
    align-items: center;
    border-top: 1px solid #171e26;
    display: flex;
    height: 104px;
    width: 100%
}

.support-article__feedback h5 {
    font-size: 16px;
    font-weight: 500;
    min-width: 230px;
    opacity: .7
}

.feedback-buttons {
    align-items: center;
    display: flex;
    margin: 0 25px 0 35px
}

.feedback-buttons button {
    background: #18202b;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    width: 69px
}

.feedback-buttons button:first-child {
    margin-right: 5px
}

.support-article__feedback p {
    color: #888b8f;
    font-size: 14px;
    line-height: 21px;
    opacity: .3
}

.support-page button {
    transition: filter .2s ease
}

.support-page button:hover {
    filter: brightness(150%)
}

.support__video span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    opacity: .7;
    transition: all .2s ease
}

.support-article-part .text,
.support-article-part p {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part .text {
    margin-bottom: 20px
}

.support-article-part p a {
    font-size: 14px
}

.ban-dates-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.hash-tag {
    background: #18202b;
    border-radius: 5px;
    color: #5c6bc0 !important;
    font-size: 14px;
    padding: 4px
}

.support-article-part li>img {
    border-radius: 0;
    margin: 0 3px;
    width: 15px
}

.support__social-link {
    font-size: 13px;
    margin-left: 10px;
    top: -2px
}

.support__social-link,
.support__social-link:hover {
    color: #5c6bc0;
    text-decoration-line: underline
}

.support__social-link img {
    border-radius: 0;
    margin-right: 7px;
    top: 5px;
    width: 16px
}

.support-search-item {
    margin-bottom: 35px
}

.support-search-item h3 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.support-search-item span {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

@media (max-width:1670px) {
    .slick-next {
        right: -10px !important
    }

    .slick-prev {
        left: -10px !important
    }
}

.support-menu__arrow {
    margin-right: 25px;
    transition: all .2s ease
}

.support__video:hover span {
    opacity: 1
}

.ss {
    padding-top: 40px
}

.stretched {
    width: 100%
}

.article-date {
    color: #888b8f;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -50px
}



.location_ping>img {
    top: -14px !important
}

.auto-complete-area {
    background: #141b24;
    border-radius: 0 0 9px 9px;
    display: none;
    padding: 6px 20px 14px 26px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.auto-complete-area span a {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 100%;
    padding: 10px 0
}

.auto-complete-area span p {
    color: #919cab;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap
}

.auto-complete-area span:hover p {
    color: #fff
}

.auto-complete-area span img {
    margin-right: 13px
}

.filled-input {
    border-radius: 9px 9px 0 0 !important
}

.filled-input+.auto-complete-area {
    display: block
}

.lvlup-img {
    width: 80%
}

.awssld__controls {
    position: static
}

.awssld {
    --loader-bar-color: #0000 !important
}

.awssld__controls__arrow-left:after,
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:after,
.awssld__controls__arrow-right:before {
    background-color: #6080ff !important
}

.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: 1 !important
}

.awssld__content {
    background-color: initial
}

.converter__rubles {
    padding-left: 21px
}

.user__popup {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 100%;
    width: 256px
}

.img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px
}

.profile-popup__header:hover .profile-popup__nick {
    color: #fff
}

.profile-popup__header:hover span:last-child {
    color: #c7d3e2
}

.user__popup svg {
    height: 16px;
    width: 16px
}

.profile-popup__premium img {
    height: 16px;
    top: -1px
}

.notifications__main::-webkit-scrollbar-thumb {
    border: none
}

#gift-modal {
    background: #161b25;
    border-radius: 15px;
    font-family: Roboto;
    padding: 45px 40px 40px;
    width: 508px
}

.gift-modal__choose-friends {
    border-radius: 5px;
    display: block;
    font-family: Roboto;
    margin-bottom: 20px
}

.gift-modal__choose-friends ul {
    height: 267px;
    overflow-y: scroll;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.gift-modal__search {
    background: #0000;
    background-size: 16px 16px;
    border: 1px solid #1e2432;
    border-radius: 8px;
    box-shadow: none;
    color: #ccd3e3;
    font-size: 14px;
    height: 50px;
    margin-bottom: 6px;
    padding: 0 50px 0 15px;
    transition: border .3s ease;
    width: 100%
}

.gift-modal__search+img {
    opacity: .8;
    transition: opacity .3s ease
}

input.gift-modal__search::placeholder {
    color: #697183
}

.gift-modal__search:focus,
.gift-modal__search:hover {
    border: 1px solid #273145;
    outline: none
}

.gift-modal__search:focus+img {
    opacity: 1
}

.close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px
}

.close img {
    opacity: .3;
    transition: opacity .2s ease
}

.gift-modal__friend:hover {
    background: #1e2434
}

.gift-modal__friend:hover span {
    color: #adbbcf
}

.close:hover img {
    opacity: 1
}

.gift-modal__enter,
.gift-modal__friend {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 51px;
    justify-content: space-between;
    transition: background .1s ease;
    width: 100%
}

.gift-modal__enter {
    background: #202636;
    margin-bottom: 14px;
    padding: 0 9px 0 13px;
    transition: background .3s ease
}

.gift-modal__enter.focus {
    background: #232a3d
}

.gift-modal__friend {
    background: #181e29;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 13px
}

.gift-modal__choose-friends ul.filled .gift-modal__friend:not(.choosen) {
    opacity: .5
}

.choosen .gift-modal__friend-nick {
    color: #97beb7 !important
}

.gift-modal__friend-nick {
    color: #9296ac;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700
}

.gift-modal__friend-ava {
    border-radius: 50%;
    height: 26px;
    margin-right: 15px;
    width: 26px
}

.gift-modal__friend>img {
    margin-left: 15px;
    transition: all .2s ease
}

.gift-modal__friend.choosen {
    background: #1c2531
}

.gift-modal__enter input {
    background: #0000;
    border: none;
    color: #ccd3e3;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-right: 10px
}

.gift-modal__enter input::placeholder {
    color: #8191a7
}

.gift-modal__enter input:focus,
.gift-modal__enter input:hover {
    border: none
}

.gift-modal__delete {
    background: #0000;
    border-bottom: 1px dashed #6080ff;
    color: #6080ff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 15px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.gift-modal__friend>span {
    align-items: center;
    display: flex
}

.inventroy__gift {
    border-radius: 15px;
    cursor: pointer;
    height: 200px;
    transition: all .2s ease
}

.server-modal__lvl {
    height: 21px
}

.inventroy__gift>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.inventroy__gift h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.server-modal__name {
    max-width: 400px;
    overflow: hidden
}

.server-modal__country {
    border-radius: 50%;
    bottom: -1px;
    height: 11px;
    left: 14px;
    position: absolute;
    width: 11px;
    z-index: 1
}

.inventory__receive-gift {
    background: #0000;
    border: 1px solid #0000;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .3s ease
}

.inventroy__gift.lite .inventory__receive-gift {
    border-color: #2d9df1;
    color: #2d9df1
}

.inventroy__gift.lite .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #0085ff)
}

.inventroy__gift.lite {
    background: linear-gradient(206.87deg, #14162fc4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventroy__gift.lite h2 {
    color: #32a0ef
}

.inventroy__gift.premium .inventory__receive-gift {
    border-color: #fdb510;
    color: #fdb510
}

.inventroy__gift.premium .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #fdb510)
}

.inventroy__gift.premium h2 {
    color: #fdb510;
    max-width: 120px;
    text-align: center
}

.inventroy__gift.premium {
    background: linear-gradient(206.87deg, #231b17c4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventory-gift__image {
    width: 54px
}

.inventroy__gift.lite .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .74))
}

.inventroy__gift.premium .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .74))
}

.inventory-gift__badge,
.inventory-gift__second-badge {
    align-items: center;
    background: #ffffff05;
    border-radius: 12.5px;
    color: #afafaf;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    padding: 5px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.inventory-gift__second-badge {
    left: auto;
    right: 12px;
    text-transform: none
}

.inventory-gift__badge img {
    margin-right: 5px;
    width: 14px
}

.link-enter-img-wrapper {
    background: #353f55;
    border-radius: 4px;
    color: #b5c4d8;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: uppercase;
    transition: all .2s ease
}

.link-enter-img-wrapper:hover {
    background: #ffffff1a
}

.gift-modal__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    width: 100%
}

.gift-modal__empty h2 {
    color: #9ea6be;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 2px;
    margin-top: 20px;
    opacity: .64;
    text-transform: uppercase
}

.gift-modal__empty span {
    color: #475164;
    font-family: Roboto;
    font-size: 14px;
    opacity: .7
}

li.slide {
    margin-bottom: 0 !important
}

.carousel.carousel-slider .control-arrow {
    padding: 50px !important
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0000 !important
}

.server-modal__bg {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.server-modal__bg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.data-one-server-info a,
.table .press-left {
    justify-content: flex-start;
    text-align: left
}

.server-modal__table {
    padding: 0 32px
}

.server-modal__bg .shadow {
    background: linear-gradient(180deg, #11192300 -8.49%, #111923 46.81%);
    height: 259px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.server-modal__header {
    align-items: center;
    display: grid;
    font-family: Roboto;
    grid-template-columns: 1fr 150px 1fr;
    padding: 82px 0 50px
}

.arcade-mode .server-modal__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 0
}

.server-modal__header>div {
    align-items: center;
    display: flex
}

.server-modal__main-info {
    flex-direction: column;
    justify-content: center
}

.server-modal__header-labels {
    display: flex;
    flex-direction: column
}

.server-modal__header>div:first-child .server-modal__header-labels {
    align-items: flex-end
}

.server-modal__header>div:first-child {
    justify-content: flex-end
}

.server-modal__status {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .4;
    text-transform: uppercase
}

.server-modal__side {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.server-modal__header>div>img {
    margin: 0 25px
}

.server-modal__score {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 6px
}

.server-modal__time {
    align-items: center;
    color: #d9e4ff;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.server-modal__time img {
    height: 16px;
    margin-right: 4px
}

.server-modal__connect {
    align-items: center;
    background: linear-gradient(180deg, #1c2334, #1f2739);
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 16px 32px
}

.server-modal__mode {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.arcade-mode .server-modal__connect {
    justify-content: center
}

.server-modal__connect button {
    align-items: center;
    background: #0000;
    display: flex
}

.server-modal__ip {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.server-modal__connect button svg {
    margin-right: 8px;
    width: 18px
}

.server-modal__con {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac !important;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box:not([data-theme]) {

    a,
    div {
        color: #8f96ac
    }
}

.settings-content {
    background: linear-gradient(0deg, #161c2666, #161c2666);
    border-radius: 0 0 4px 4px;
    font-family: Roboto;
    padding: 45px 47px
}

.settings__title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
    width: 100%
}

.settings-row {
    display: flex;
    overflow-x: auto;
    width: 100%
}

.settings__item-description {
    color: #5e6c7e;
    font-size: 14px;
    margin-top: 8px
}

.setting-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.setting-content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.settings-input__change {
    align-items: center;
    background: #0000;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    width: 25px
}

.settings-input.short {
    width: 179px
}

.settings-area:focus,
.settings-area:hover {
    border: 0
}

.settings-input input {
    border: none;
    padding: 0 50px 0 20px;
    width: 100%
}

.settings-input input,
.settings-input input::placeholder {
    color: #d7e8ff99;
    font-size: 14px
}

.settings-input input:focus,
.settings-input input:hover {
    border: none
}

.settings-input__change:hover {
    background: #1d2531
}

.settings__country {
    align-items: center;
    display: flex;
    flex-direction: row !important
}

.settings__country img {
    border-radius: 50%;
    margin-right: 8px;
    width: 16px
}

.settings__country span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.multi-option-buttons__list {
    background: #1f2633;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 105%;
    width: 100%;
    z-index: 2
}

.multi-option-buttons__list button {
    background: #0000;
    color: #9ca4be;
    font-size: 13px;
    padding: 11px;
    text-align: left;
    width: 100%
}

.multi-option-buttons__list .inactive {
    background: #5265852e;
    pointer-events: none
}

.multi-option-buttons__wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    z-index: 2
}

.multi-option-buttons__wrapper:hover .multi-option-buttons,
.multi-option-buttons__wrapper:hover .multi-option-buttons__arrow {
    cursor: pointer;
    filter: brightness(120%)
}

.multi-option-buttons__arrow svg {
    transition: transform .3s ease
}

.multi-option-buttons__arrow svg.active {
    transform: rotate(180deg)
}

.multi-option-buttons__arrow {
    align-items: center;
    background: linear-gradient(180deg, #283243, #2e3a4c);
    border-radius: 0 6px 6px 0;
    display: flex;
    height: 34px;
    justify-content: center;
    transition: filter .2s ease;
    width: 24px
}

.multi-option-buttons {
    background: #5265852e;
    border-radius: 6px 1px 1px 6px;
    color: #9ca4be;
    font-size: 12px;
    padding: 10px;
    transition: filter .2s ease;
    width: 120px
}

.profile-popup__avatar {
    border-radius: 50%;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.profile-popup__header {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Roboto;
    height: auto;
    padding: 18px 24px;
    transition: all .3s ease;
    width: 100%
}

.profile-popup__header>div {
    display: flex;
    flex-direction: column;
    max-width: 130px
}

.profile-popup__header-wrapper {
    background: #273047;
    height: auto
}

.profile-popup__nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease
}

.profile-popup__header span:last-child {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    transition: all .3s ease
}

.ban-badge {
    align-items: center;
    background: #0000;
    border: 1px solid #fe1111;
    border-radius: 5px;
    display: inline-flex;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84));
    height: 23px;
    padding: 0 8px
}

.ban-badge span {
    color: #e50027;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ban-badge img {
    top: -1px
}

.profile-badge img {
    margin-right: 5px
}

.category-filter input:checked+span .lite-badge {
    background: #1d273f;
    color: #6080ff
}

.skinchanger-modal__wrapper {
    background: #171c2a;
    border-radius: 18px;
    padding: 24px;
    width: 398px
}

#skinchanger-modal {
    display: flex;
    position: relative
}

.skin-modal__image {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/skins/grid.png*/
        url() no-repeat 50%/cover;
    display: flex;
    height: 119px;
    justify-content: center;
    margin: 16px 0;
    width: 100%
}

.skin-modal__image img {
    max-height: 80px;
    max-width: 90%;
    opacity: 1;
    transition: opacity .2s ease
}

.skin-modal__image img.limited {
    height: auto;
    max-height: 80%;
    max-width: 192px
}

span.gun-name__name,
span.gun-name__stattrak {
    color: #6080ff
}

.gun-name__stattrak {
    display: none
}

.skinchanger-modal__title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    line-height: 135%;
    margin: 15px 0;
    opacity: .8;
    text-transform: uppercase
}

.skin-modal__stattrak {
    display: flex
}

.skin-stattrak:hover,
.skin-stattrak:hover .stattrak-switcher {
    background: #5d6c923d
}

.skin-modal__stattrak svg path {
    fill: #babfc5
}

.skin-modal__stattrak .choosen-stattrak-option svg path {
    fill: #95aaff
}

.skin-modal__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 18px
}

.skin-modal__title {
    color: #7f8eaa;
    font-size: 15px;
    font-weight: 500;
    text-transform: none
}

.skin-qualities-tabs {
    align-items: center;
    display: flex;
    width: 100%
}

.skin-qualities-tabs li {
    align-items: center;
    background: #182333;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-transform: uppercase;
    width: 20%
}

.skin-qualities-tabs li:first-child {
    border-radius: 7px 0 0 7px
}

.skin-qualities-tabs li:last-child {
    border-radius: 0 7px 7px 0
}

.skin-qualities-tabs li.choosen-skin-quality {
    background: #6080ff;
    color: #fff;
    transition: all .2s ease
}

.skin-modal__float {
    display: flex
}

.skin-float__float {
    align-items: center;
    background: #182333;
    border-radius: 7px;
    color: #ffffffb3;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin-right: 20px;
    min-height: 36px;
    padding: 0 10px;
    text-align: center;
    width: 61px
}

.skin-label-input {
    background: #0000;
    border: 1px solid #91affd1f;
    border-radius: 6px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    height: 42px;
    padding: 0 18px;
    transition: border .2s ease;
    width: 100%
}

.skin-label-input:focus,
.skin-label-input:hover {
    border: 1px solid #91affd4d
}

#skin-modal__save {
    margin-top: 40px
}

#skin-modal__save[disabled] {
    opacity: .5
}

.skin-label-input::placeholder {
    color: #ffffff4d;
    color: #778597;
    font-family: Roboto;
    font-size: 15px
}

.save-input-val {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    height: 30.8px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px
}

.large-uppercase-primary-btn {
    background: #6e93ff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0;
    transition: all .2s ease;
    width: 100%
}

.large-uppercase-primary-btn:hover {
    filter: brightness(110%)
}

.skinchanger__setting-block img {
    width: 15px !important
}

.skinchanger__setting-block.apply img {
    width: 11px !important
}

.border-blinking .skin__side-choice,
.border-blue .skin__side-choice,
.border-golden .skin__side-choice {
    opacity: 1
}

.gift-modal__enter .gift-modal__friend-ava {
    height: 24px;
    width: 24px
}

#application {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop .p_skin_name {
    color: #c8cfdb !important;
    font-weight: 700
}

.s-key-words {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(15px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes highlightBorder {
    0% {
        border-color: grey
    }

    50% {
        border-color: #8080801a
    }

    to {
        border-color: grey
    }
}

@keyframes inner {
    0% {
        fill: red
    }

    33% {
        fill: #fff
    }

    66% {
        fill: #fff
    }
}

@keyframes middle {
    0% {
        fill: #fff
    }

    33% {
        fill: red
    }

    66% {
        fill: #fff
    }
}

@keyframes outer {
    0% {
        fill: #fff
    }

    33% {
        fill: #fff
    }

    66% {
        fill: red
    }
}

@keyframes signal {

    20%,
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes fading {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@keyframes iSkew {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes feathers {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes imgScale {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.9) translateY(-10px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes akRotation {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.95) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bullets {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.97) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes flashRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lowerRankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bgPulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes nonPrem {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(10deg)
    }

    65% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media (max-width:1750px) {
    .footer__navigation {
        grid-template-columns: 300px 1fr
    }

    .footer__sponsors img {
        width: 130px
    }

    .settings__item.adaptive>div {
        margin-bottom: 20px !important
    }
}

@media (max-width:1450px) {
    .support-content {
        grid-template-columns: 275px 1fr;
        padding: 0 50px;
        width: 100%
    }

    .support-content>* {
        width: 100%
    }

    .support-content .general-menu {
        margin-bottom: 25px;
        margin-right: 0;
        position: relative;
        width: 100%
    }

    .visibility .filter-section__title {
        display: none !important
    }

    .footer__sponsors img {
        width: 130px
    }

    .support__video-wrapper:before {
        height: 32px !important;
        width: 32px !important
    }
}

@media (max-width:740px) {
    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }
}

.header__deposit-s {
    bottom: 0;
    left: 0;
    position: absolute
}

.servers-filter {
    position: relative
}

.servers-filter>img {
    position: absolute;
    right: -3px;
    top: -7px
}

.helper-s {
    left: -1px;
    top: -5px
}

.helper-s,
.stars-s {
    position: absolute;
    z-index: 99
}

.stars-s {
    bottom: 0;
    margin-right: 0 !important;
    right: 0;
    top: auto !important;
    width: 101% !important
}

.plan2-s {
    right: 1px;
    top: -6px
}

.plan-s,
.plan2-s {
    position: absolute
}

.plan-s {
    left: 10px;
    top: -9px
}

.friends-s {
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 1
}

.plan-btn-s,
.plan-btn2-s {
    left: 0;
    margin-right: 0 !important;
    position: absolute;
    top: -3px;
    width: 100% !important
}

@font-face {
    font-family: Cybershoke;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG-SVG.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG.210905-1526.woff*/
        url() format("woff")
}

@font-face {
    font-family: Robustik;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/RobustikBold.ttf*/
        url()
}

.cybershoke {
    color: #252c39;
    font-family: Cybershoke;
    font-size: 30px;
    line-height: .9
}

.server-row__faceit {
    padding-left: 32px
}

.limited-length {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.achievements-grid {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-right: 13px;
    width: calc(100% + 13px)
}

.achievements-grid li {
    background: #161b25;
    border: 1px solid #1a1e2d;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 21.5px 20px;
    transition: all .2s ease
}

.achievements-grid li:hover {
    background: #181d27
}

.achievements-grid li h6 {
    color: #91a8b9;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 51px;
    margin-top: 12px;
    text-align: center
}

.achievements-grid li .image {
    height: 128px;
    image-rendering: auto;
    width: 128px
}

.achievements-grid li.none .image {
    opacity: .3
}

.achievements-grid li.gold {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%);
    border: 1px solid #fcc2511a
}

.achievements-grid li.gold h6 {
    color: #fcc251
}

.achievements-grid li.gold .date {
    color: #fee5b4
}

.achievements-grid li.gold .progress:before {
    background: #fcc251;
    max-width: 100%
}

.achievements-grid li.gold:hover {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%)
}

.achievements-grid li.silver {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%);
    border: 1px solid #a5c9ff33
}

.achievements-grid li.silver h6 {
    color: #a5c9ff
}

.achievements-grid li.silver .date {
    color: #d6e7ff
}

.achievements-grid li.silver .progress:before {
    background: #a5c9ff;
    max-width: 100%
}

.achievements-grid li.silver:hover {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%)
}

.achievements-grid li.bronze {
    background: linear-gradient(27.76deg, #774e3733 19.12%, #191e2833 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.bronze h6 {
    color: #d48f71
}

.achievements-grid li.bronze .date {
    color: #eccec0
}

.achievements-grid li.bronze .progress:before {
    background: #d48f71;
    max-width: 100%
}

.achievements-grid li.bronze:hover {
    background: linear-gradient(27.76deg, #774e3733 30.12%, #191e2833 65.52%)
}

.achievements-grid li.diamond {
    background: linear-gradient(27.76deg, #27465e 19.12%, #1c2939 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.diamond h6 {
    color: #52b1e0
}

.achievements-grid li.diamond .date {
    color: #34bcff
}

.achievements-grid li.diamond .progress:before {
    background: #52b1e0;
    max-width: 100%
}

.achievement-among-friends {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.achievement-among-friends>div {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.achievement-among-friends span {
    color: #3f4551;
    font-size: 12px;
    line-height: 16px;
    margin-left: 9px
}

.achievement-among-friends a {
    color: #969ca7;
    font-size: 12px;
    text-decoration-line: underline;
    transition: color .2s ease
}

.achievement-among-friends a:hover {
    color: #6080ff
}

.achievement__friend {
    background: #161c26;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px
}

.achievement__friend img {
    border-radius: 50%;
    width: 100%
}

.achievement__friend:first-of-type,
.achievement__friend:nth-of-type(2) {
    margin-left: -8px
}

.title {
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.warning-label-wrapper {
    margin-bottom: 20px
}

.warning-label {
    background: #321919;
    border-radius: 6px;
    padding: 15px 20px;
    width: 100%
}

.warning-label div {
    align-items: center;
    display: flex
}

.warning-label img {
    margin-right: 10px;
    width: 14px
}

.warning-label span {
    color: #fdcece;
    font-size: 13px;
    font-weight: 500
}

img.warning-close {
    cursor: pointer;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.footer-socials-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-payments {
    align-items: center;
    display: flex;
    gap: 6px
}

.footer-payments svg {
    filter: brightness(50%);
    height: 16px;
    transition: filter .2s ease
}

.footer-payments svg:hover {
    filter: brightness(100%)
}

.footer-lang {
    align-items: center;
    background: #141926;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 12px
}

.dropdown.type-footer {
    background: #141926;
    bottom: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    top: auto;
    width: 131px
}

.dropdown.type-footer li {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.dropdown.type-footer img {
    margin-right: 10px;
    width: 15px
}

.footer-lang__current {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.footer-lang__current img {
    width: 18px
}

.unauth .footer {
    height: 280px
}

.footer-right {
    display: flex;
    flex-wrap: wrap;
    gap: 106px
}

.footer__logo {
    display: flex;
    gap: 30px;
    padding-right: 10px
}

.footer-company {
    width: 225px
}

.footer-company h5 {
    color: #727783;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px
}

.footer-company h6,
.footer-company span {
    color: #515766;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.footer-company span {
    text-transform: none
}

.footer-company h6 {
    font-weight: 600
}

g[opacity="0.3"] {
    display: none;
    opacity: 0
}

.star-image {
    opacity: .34
}

.aic {
    align-items: center;
    display: flex
}

.roulette__letter {
    color: #6080ff;
    font-family: Cybershoke;
    font-size: 40px
}

.skinchanger-modal__stickers {
    background: #171c2a;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 6px;
    padding: 24px;
    width: 386px
}

.skinchanger-modal__stickers input {
    border: 1px solid #91affd1f;
    border-radius: 6px
}

.stattrak-switcher {
    background: #5265852e;
    border-radius: 4px;
    height: 25px;
    position: relative;
    transition: background .2s ease;
    width: 42px
}

.stattrak-switcher span {
    background: #9ea7be;
    border-radius: 4px;
    height: 17px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 17px
}

.skin-stattrak {
    align-items: center;
    background: #5d6c921f;
    border-radius: 5px;
    color: #7f8eaa;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    height: 38px;
    padding: 0 10px 0 14px;
    transition: all .2s ease
}

.skin-stattrak.active {
    background: #6080ff1f;
    color: #6080ff
}

.skin-stattrak.active .stattrak-switcher {
    background: #6080ff1f
}

.skin-stattrak.active .stattrak-switcher span {
    background: #6080ff;
    transform: translateX(100%)
}

.skin-label-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.skinchanger-stickers-list-wrapper {
    height: 470px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.skinchanger-stickers-list-wrapper.locked {
    opacity: 1;
    overflow: hidden
}

.skinchanger-stickers-list-wrapper.locked .skinchanger-stickers-list {
    opacity: .2
}

.skinchanger-stickers-list-wrapper::-webkit-scrollbar {
    width: 4px
}

.skinchanger-stickers-list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.skinchanger-stickers-list li {
    background: #91affd0d;
    border-radius: 6px;
    cursor: pointer;
    height: 80px;
    transition: background .2s ease
}

.skinchanger-stickers-list li:hover {
    background: #91affd1a
}

.skinchanger-stickers-list li>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center
}

.skinchanger-stickers-list li img {
    height: 45px
}

.skinchanger-stickers-list li span {
    color: #d3ddeb;
    font-size: 10px;
    font-weight: 400;
    max-width: 60px
}

.sticker-img-wrapper {
    display: flex;
    justify-content: center;
    width: 60px
}

.skin-dot-wrapper {
    align-items: center;
    background: #6080ffa6;
    border: 1px solid #0000;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: flex;
    height: 17px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    width: 17px;
    z-index: 1
}

.skin-dot-wrapper img {
    opacity: 1 !important;
    width: 7px
}

.skin-dot-wrapper.picked-dot {
    background: #cb4545a6
}

.skin-dot-wrapper.picked-dot img {
    display: block
}

.skinchanger-sticker-mode .skin-modal__image img {
    opacity: .3
}

.skinchanger-sticker-mode .skin-dot-wrapper {
    opacity: 1;
    pointer-events: all
}

li.choosen-sticker {
    background: #91affd29
}

#skinchanger-modal .tippy-box {
    background: #131b26;
    border: 1px solid #6080ff;
    border-radius: 8px
}

#skinchanger-modal .tippy-box div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#skinchanger-modal .tippy-box span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

#skinchanger-modal .tippy-box button {
    background: #0000;
    color: #6080ff;
    font-size: 11px;
    font-weight: 500
}

.drop-tags {
    justify-content: center
}

.drop-tags,
.drop-tags li {
    align-items: center;
    display: flex
}

.drop-tags li {
    background: #131c30;
    border-radius: 4px;
    color: #e4eaff;
    font-weight: 700;
    margin: 0 5px 20px;
    opacity: .9;
    padding: 9px 19px;
    text-transform: uppercase
}

.drop-tags li img {
    margin-right: 7px;
    width: 12px
}

.back-light {
    position: relative
}

.back-light:before {
    background: #f79133;
    content: "";
    display: block;
    filter: blur(25px);
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.back-light.prize_color-consumer:before,
.back-light.prize_color-industrial:before {
    background: #2a68b0
}

.back-light.prize_color-restricted:before {
    background: #754de8
}

.back-light.prize_color-milspec:before {
    background: #6080ff
}

.back-light.prize_color-covert:before {
    background: #e84d4d
}

.back-light.prize_color-classified:before {
    background: #e44de8
}

.back-light.prize_color-golden:before {
    background: #f79133
}

.skin-modal__side {
    bottom: 10px;
    color: #7f8eaa;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.sticker-dots {
    left: 0;
    position: absolute;
    top: -18px
}

.skin-modal__installed-stickers {
    bottom: 8px;
    left: 10px;
    position: absolute;
    z-index: 1
}

.skin-modal__installed-stickers img {
    height: 24px;
    margin-right: 6px;
    max-width: 100%;
    opacity: .3
}

.skin-modal__installed-stickers img:hover {
    cursor: pointer;
    opacity: 1
}

input.skin-float-range {
    -webkit-appearance: none;
    appearance: none;
    background: #91affd0d;
    border: none
}

input.skin-float-range:focus,
input.skin-float-range:hover {
    border: none
}

input.skin-float-range::-webkit-slider-thumb {
    background: #6080ff
}

.bans-table {
    margin-bottom: 50px;
    width: 100%
}

.bans-table tr {
    background: #0000;
    display: grid;
    grid-template-columns: 1fr 180px
}

.bans-table tr:nth-of-type(2n-1) {
    background: #141b2399
}

.bans-table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.bans-table td {
    font-size: 16px
}

.bans-table td,
.bans-table th {
    align-items: center;
    display: flex;
    height: 55px
}

.bans-table td:first-child,
.bans-table th:first-child {
    padding-left: 35px
}

.bans-table td:last-child,
.bans-table th:last-child,
.timer-divider {
    justify-content: center
}

.timer-divider {
    align-items: center;
    color: #d8e4f8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    opacity: .2;
    width: 15px
}

.skinchanger__setting-block img {
    pointer-events: none
}

.skin-modal__gun-name {
    color: #d3ddeb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

img.highlight-sticker {
    opacity: 1 !important
}

.skin-configurators {
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.skin__applied-stickers {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.skin__applied-stickers img {
    margin-top: 10px;
    max-height: 25px;
    max-width: 17px;
    object-fit: contain
}

div.skin__side-choice {
    align-items: center;
    display: flex;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important
}

div.skin__side-choice>div:first-child {
    margin-right: 5px
}

.superbonus-word {
    transition: all .3s ease
}

.superbonus-word .blue-letter {
    color: #6080ff
}

.unactive-side {
    opacity: .3 !important
}

.shaking-button {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation-fill-mode: forwards;
    perspective: 1000px;
    transform: translateZ(0)
}

.skin-modal__title {
    align-items: center;
    display: flex
}

.skin-modal__title img {
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.skin-modal__title div {
    color: inherit;
    cursor: pointer;
    transition: color .2s ease
}

.skin-modal__title div:hover {
    color: #fff
}

.float-info {
    cursor: pointer
}

.float-tippy__content {
    font-size: 13px;
    line-height: 22px;
    padding: 6px
}

.float-tippy__content span {
    color: #e0e7ff
}

.stickers-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.stickers-frame h3 {
    color: #9ea6be;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 9px;
    margin-top: 27px;
    text-transform: uppercase
}

.stickers-frame span {
    color: #d9e1ff;
    font-size: 14px;
    line-height: 19px;
    opacity: .3;
    text-align: center
}

.roulette-item__img-wrapper {
    align-items: center;
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/wheel/bg/cybershoke.png*/
        url() no-repeat 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.roulette-item__label {
    color: #d39a52;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase
}

.settings__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.settings__item>button {
    margin-left: auto
}

.settings__item>button,
.settings__item>button a {
    background: #0000;
    color: #6080ff;
    font-size: 16px;
    font-weight: 500
}

.settings__item>button[disabled] {
    color: #8aa2b666
}

.profile-header__btn {
    background: #6080ff14;
    border-radius: 6px;
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    white-space: nowrap
}

.settings-sub__content {
    align-items: center;
    background: #d3dcff05;
    border-radius: 5px;
    display: flex;
    padding: 24px 21px 24px 33px;
    width: 100%
}

.settings-sub__content img {
    margin-right: 64px;
    width: 144px
}

.settings-sub__content>button {
    background: #1e242d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    margin-left: auto;
    padding: 13px 40px
}

.settings-sub__content div {
    display: flex
}

.settings-sub__content>div {
    align-items: center
}

.settings-sub__block {
    display: flex;
    flex-direction: column
}

.settings-sub__block:not(:last-child) {
    margin-right: 64px
}

.settings-sub__block span:first-child {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.settings-sub__block span:last-child {
    align-items: center;
    color: #87898d;
    display: flex;
    font-size: 15px;
    line-height: 18px
}

.settings-sub__block span:last-child img {
    margin-left: 4px;
    width: 14px
}

.settings-empty {
    color: #888b8f;
    font-size: 16px
}

.settings-table {
    width: 100%
}

.settings-table th {
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.settings-table .cell-with-flag img {
    margin-right: 10px;
    width: 16px
}

.settings-table td {
    font-size: 14px
}

.settings-table td,
.settings-table th {
    align-items: center;
    display: flex
}

.settings-table td:first-child,
.settings-table th:first-child {
    padding-left: 34px
}

.settings-table td:last-child,
.settings-table th:last-child {
    padding-right: 34px
}

.settings-table tr {
    align-items: center;
    display: flex
}

.settings-table tr:nth-child(2n-1) {
    background: #141b25;
    height: 60px
}

.settings-table tr:nth-child(2n) {
    background: #0000;
    height: 55px
}

.settings__sessions-table .close-session {
    opacity: 0;
    transition: all .2s ease
}

.settings__sessions-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px
}

.settings__sessions-table tr:hover .close-session {
    opacity: 1
}

.settings__transactions-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr .5fr
}

.settings__transactions-table tr:nth-child(2n) {
    height: 76px
}

.settings-area {
    align-items: center;
    background: #161d27;
    border: 0;
    border-radius: 5px;
    color: #d7e8ff99 !important;
    display: flex;
    font-size: 14px;
    max-width: 600px;
    padding: 14px 20px;
    width: 600px
}

.confirm-settings-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 500px
}

.confirm-settings-modal.sm {
    padding: 46px 43px;
    width: 450px
}

.confirm-settings-modal.sm .confirm-settings__content h2 {
    font-size: 20px
}

.confirm-settings-modal.sm .confirm-settings__subtitle {
    color: #adbcd0;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px
}

.confirm-settings__content h2 {
    color: #ecf1f8;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.confirm-settings__subtitle {
    color: #6f7a8c;
    font-size: 15px;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.confirm-settings__subtitle img {
    top: 1px;
    width: 14px
}

.confirm-settings__list {
    margin-top: 41px
}

.confirm-buttons {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.confirm-buttons button {
    background: #0000;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    letter-spacing: .16px;
    text-align: center;
    width: 100%
}

.confirm-buttons button:first-child {
    background: #6080ff;
    color: #fff
}

.confirm-buttons button:last-child {
    border: 1px solid #2e364b;
    color: #a5b2c3
}

.update-modal__content {
    padding: 38px 52px 44px
}

.update-modal__content h2 {
    font-size: 28px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.update-modal__content span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.update-modal__img-wrapper {
    position: relative;
    transition: all .5s ease
}

.update-modal__img-wrapper .flying-image {
    position: absolute
}

.update-modal__image {
    border-radius: 16px 16px 0 0;
    display: block;
    width: 100%
}

#update-modal {
    background: #171c2b;
    border-left: 4px solid #171c2b;
    border-radius: 16px;
    border-right: 4px solid #171c2b;
    border-top: 4px solid #171c2b;
    width: 558px
}

@media(max-width:650px) {
    #update-modal {
        width: 90%
    }
}

.modal-button {
    background: #6080ff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    letter-spacing: .11em;
    text-transform: uppercase;
    width: 100%
}

.update-modal__block {
    align-items: center;
    display: flex;
    margin-top: 25px
}

.update-modal__block img {
    max-width: 23px
}

.update-modal__block div {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.update-modal__content button {
    margin-top: 45px
}

.confirm-settings__list>div {
    align-items: center;
    display: flex;
    padding: 0 40px
}

.confirm-settings__list>div .image-wrapper {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.confirm-settings__list>div img {
    width: 22px
}

.confirm-settings__list>div span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.trade-link {
    border-bottom: 1px solid #9aa7bd;
    color: #9aa7bd;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px
}

.mode__friends {
    align-items: center;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.mode__friends img {
    border: 3px solid #21262f;
    border-radius: 50%;
    margin-left: -8px;
    width: 20px
}

.mode__friends span {
    align-items: center;
    background: #21262f;
    border-radius: 10px;
    color: #7c839c;
    display: flex;
    font-size: 9px;
    height: 20px;
    margin-left: -8px;
    padding: 0 5px
}

.float-dot {
    background: #7f8eaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

#page-servers-home a {
    height: 100% !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important
}

#online-friends-modal {
    background: #101821;
    border-radius: 16px;
    padding: 38px 41px;
    width: 450px
}

#online-friends-modal h2 {
    color: #e6e6e6;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em
}

#online-friends-modal ul {
    max-height: 324px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

#online-friends-modal .online-player__user {
    align-items: center;
    display: flex
}

#online-friends-modal .online-player__server {
    align-items: center;
    display: flex;
    padding-right: 10px
}

#online-friends-modal li {
    background: #131a24;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 51px;
    transition: all .3s ease
}

#online-friends-modal li:not(:last-child) {
    margin-bottom: 10px
}

#online-friends-modal li:hover {
    background: #21293d
}

#online-friends-modal li:hover .online-player__server-name {
    display: none
}

#online-friends-modal li:hover .online-player__server-connect {
    display: flex
}

.friends-modal__subtitle {
    color: #7b828a;
    display: block;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 10px
}

.inventory__device-img {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .54));
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 90%;
    transition: opacity .2s ease
}

.inv-device h2 {
    margin-top: 0
}

#auto-sub-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 800px
}

#auto-sub-modal h2 {
    color: #ecf1f8;
    font-size: 27px;
    font-weight: 900
}

.title-wrapper {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/lite-header.svg*/
        url() no-repeat 50%/cover;
    border-radius: 10px;
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 0 25px
}

.title-wrapper span {
    background: #6080ff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 17px
}

.modal-subtitle {
    color: #e1e6f9;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    max-width: 455px;
    opacity: .7
}

.modal-subtitle a {
    color: #e1e6f9;
    text-decoration: underline
}

.autosub-modal__plans {
    margin-top: 9px
}

.autosub-modal__plans>span {
    color: #d0d5e0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

.autosub-modal__plans>div {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr
}

.autosub-plan__title {
    color: #6080ff;
    display: block;
    font-size: 17px;
    font-weight: 900
}

.autosub-plan__subtitle {
    color: #abbcff;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase
}

.autosub-plan__select {
    align-items: center;
    background: #26394e;
    border-radius: 6px;
    color: #6080ff;
    color: #64d3ab;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 13px 18px 13px 16px
}

.autosub-plan__select img {
    width: 12px
}

.autosub-plan__period {
    color: #adbcd0;
    font-size: 14px;
    margin-top: 15px
}

.choose-sub-period {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: flex-start;
    z-index: 1
}

.choose-sub-period>div {
    width: 100%
}

.choose-sub-period>img {
    margin-right: 16px;
    width: 43px
}

.choose-sub-period span {
    text-align: center
}

.sub-tick {
    background: #5beaae2b;
    border-radius: 5px;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px
}

.sub-tick:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/tick.svg*/
        url() no-repeat 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.autosub-plan {
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.autosub-plan .dropdown {
    left: 0
}

.autosub-plan .choose-sub-period {
    background: #1a202d;
    border-bottom: 1px solid #0000;
    border-radius: 8px;
    padding: 0 28px 0 30px
}

.autosub-plan.active .choose-sub-period {
    background: linear-gradient(197.7deg, #1d2535 9.19%, #20283a 94.29%);
    opacity: 1
}

.autosub-plan.active:before {
    background: #5beaae2b
}

.autosub-plan.monthly {
    cursor: default
}

.autosub-plan.monthly:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #181e29e6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.autosub-plan .autosub-locker {
    align-items: center;
    color: #8fa1b8;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.autosub-plan .autosub-locker img {
    margin-bottom: 14px;
    width: 45px
}

.autosub-sale {
    background: #5beaae2b;
    border-radius: 40px;
    color: #6bcea5;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px
}

#serv-avg-lvl {
    height: 20px;
    position: absolute;
    right: -40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown {
    background: #11171f;
    border-radius: 4px;
    left: 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    z-index: 2
}

.dropdown ul {
    flex-direction: column;
    justify-content: center;
    padding: 8px 0
}

.dropdown li,
.dropdown ul {
    align-items: center;
    display: flex
}

.dropdown li {
    color: #899bb7;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 16px;
    width: 100%
}

.dropdown li,
.dropdown li span {
    transition: all .3s ease
}

.dropdown li:hover,
.dropdown li:hover span {
    color: #fff
}

.dropdown li img {
    margin-right: 10px
}

@media(max-width:650px) {
    .hide-mobile {
        display: none
    }
}

@media (max-width:1100px) {

    .premium-modal__left-bg,
    .premium-modal__right-bg {
        display: none
    }
}

.settings input {
    border: 2px solid #0000
}

.settings input:focus,
.settings input:hover {
    border: 2px solid #3e4852
}

.modal-converter {
    margin-right: 15px
}

.modal-converter span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .2s ease
}

.modal-converter span:hover {
    filter: brightness(120%)
}

.modal-converter>span {
    background: #1e2835;
    border-radius: 6px;
    height: 34px;
    width: 34px
}

.modal-converter img {
    width: 12px
}

.modal-converter div {
    background: #1e2835;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 9
}

.modal-converter div span {
    height: 30px;
    width: 100%
}

.modal-converter div span:not(:first-child) {
    border-top: 1px solid #283243
}

.servers-filter {
    align-items: center;
    background: #11171f;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.filter-section {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 40px
}

.filter-section:first-child {
    min-width: 130px
}

.filter-section label {
    cursor: pointer;
    margin-left: 10px
}

.filter-section.locations .filter-chooses img,
.filter-section.locations ul img {
    border-radius: 50%
}

.filter-section.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex
}

.filter-section__value,
.filter-section__value span {
    color: #c0dcff;
    font-size: 14px;
    font-weight: 500
}

.filter-section__value>img {
    margin-left: 8px
}

.all-servers-grid {
    padding: 20px 40px 40px;
    width: 100%
}

.all-servers-wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 560px;
    width: 100%
}

.grid-type {
    border: 1px solid #1a1e2d;
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    justify-content: space-between;
    margin-right: 32px;
    overflow: hidden;
    width: 128px
}

.grid-type,
.grid-type div {
    align-items: center;
    display: flex
}

.grid-type div {
    height: 100%;
    justify-content: center;
    width: 50%
}

.grid-type .active {
    background: #6080ff1f
}

.grid-type .active img {
    filter: invert(48%) sepia(19%) saturate(3147%) hue-rotate(202deg) brightness(100%) contrast(102%)
}

.servers-helpers {
    align-items: center;
    background: #11171f;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 12px 11px;
    position: relative;
    width: 100%
}

.servers-helper,
.servers-helpers {
    border-radius: 7px;
    display: flex;
    overflow: hidden
}

.servers-helper {
    align-items: flex-start;
    cursor: pointer;
    flex-direction: column;
    height: 86px;
    padding: 22px
}

.servers-helper .bg {
    background: linear-gradient(0deg, #151b23cc, #151b23e6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.servers-helper:hover .bg {
    opacity: .7
}

.servers-helper span {
    color: #d1daff;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 2
}

.premium__down-arrow {
    cursor: pointer;
    margin-top: 85px;
    width: 22px
}

.premium__t-player {
    left: -302px;
    position: absolute;
    top: 42px;
    width: 369px
}

.premium__ct-player {
    height: 758px;
    position: absolute;
    right: -376px;
    top: -20px
}

.autosub-agreement {
    margin-top: 27px
}

.autosub-agreement label {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.autosub-agreement .checkmark,
.autosub-agreement label:hover .checkmark {
    background: #1a2430
}

.autosub-agreement span {
    color: #a8b1bc;
    font-size: 14px;
    font-weight: 400
}

button.participating {
    background: #181f2c !important;
    color: #5d6d8b;
    cursor: not-allowed
}

button.participating img {
    margin-left: 0;
    margin-right: 8px
}

button.participating:hover {
    filter: none
}

a.agreement-link {
    color: #6080ff;
    text-decoration: underline
}

.underline {
    cursor: pointer
}

.underline,
.underline:hover {
    color: inherit;
    text-decoration: underline
}

.autosub__choosen-plan {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 23px;
    padding: 26px 31px
}

.autosub-success,
.autosub__choosen-plan {
    align-items: center;
    background: #19212c;
    border-radius: 5px;
    display: flex
}

.autosub-success {
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 30px
}

.autosub-success .indicator {
    background: #6080ffe6;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px
}

.autosub-success .indicator:after,
.autosub-success .indicator:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.autosub-success .indicator:before {
    background: #6080ff33;
    height: 60px;
    width: 60px
}

.autosub-success .indicator:after {
    background: #6080ff0f;
    height: 96px;
    width: 96px
}

.autosub-success h6 {
    font-size: 25px;
    font-weight: 500;
    margin: 35px 0 8px;
    opacity: .95
}

.autosub-success span {
    color: #a5abbb;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 380px
}

ul.autosub__select-list {
    background: #26394e;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 11px 18px #0f141b40;
    gap: 5px
}

ul.autosub__select-list li {
    display: block
}

ul.autosub__select-list li,
ul.autosub__select-list li div {
    color: #a8c6cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

ul.autosub__select-list li div {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

ul.autosub__select-list li .subtext {
    align-items: center;
    color: #a8c6cd;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 5px
}

.terms-title {
    align-items: center;
    display: flex
}

.terms-title a {
    margin-right: 40px
}

.price-policy {
    background: #11171f;
    border-radius: 25px;
    display: inline-flex;
    margin-top: 40px;
    padding: 55px 40px
}

.price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 33px;
    text-transform: uppercase
}

.price-table {
    width: 659px
}

.price-table th {
    background: #1c25314d;
    font-size: 12px;
    height: 44px
}

.price-table th:first-child {
    border-radius: 7px 0 0 7px
}

.price-table th:last-child {
    border-radius: 0 7px 7px 0
}

.price-table td {
    font-size: 14px
}

.price-table td,
.price-table th {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.price-table tr {
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.price-table tr:nth-child(2n-1) td {
    background: #141b25;
    height: 44px
}

.price-table tr:nth-child(2n-1) td:first-child {
    border-radius: 7px 0 0 7px
}

.price-table tr:nth-child(2n-1) td:last-child {
    border-radius: 0 7px 7px 0
}

.price-table tr:nth-child(2n) td {
    height: 57px
}

.price-table-wrapper:first-child {
    margin-right: 30px
}

.gift-modal__content .content {
    background: linear-gradient(197.7deg, #1a202d 9.19%, #1c2334 94.29%);
    border-radius: 8px;
    padding: 28px
}

.gift-plan__back {
    align-items: center;
    background: #0000;
    border: 1px solid #2e364b;
    border-radius: 6px;
    color: #a5b2c4;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .01em;
    margin-right: 6px;
    padding: 0 26px;
    text-transform: uppercase
}

.gift-plan__back img {
    margin-right: 8px
}

.gift-plan__buttons {
    align-items: center;
    display: flex;
    margin-top: 14px
}

.server-row {
    background: #11171f;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 60px;
    margin-top: 3px;
    overflow: hidden;
    padding: 0 30px 0 33px;
    position: relative;
    width: 100%
}

.server-row online {
    background: #0000004d
}

.server-row div {
    align-items: center;
    display: flex
}

.server-row:before {
    background: linear-gradient(270deg, #11171f 84.7%, #11171f00 157%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1600px;
    z-index: 1
}

.server-row>div {
    z-index: 2
}

.server-row span,
.server-row>div {
    color: #adbcd0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.server-row__bg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 270px
}

.server-row__name span:first-child {
    width: 40px
}

.server-row__faceit img {
    width: 21px
}

.server-row__location img,
.server-row__map img,
.server-row__prime img {
    margin-right: 8px;
    width: 14px
}

.server-row__location img {
    border-radius: 50%;
    height: 14px
}

.server-row__map span {
    max-width: 190px
}

.server-row__ping img {
    margin-right: 10px;
    width: 12px
}

.server-row__btns div {
    background: #b1c3ff0a;
    border-radius: 6.42857px;
    display: flex;
    height: 30px;
    margin-left: auto;
    width: 60px
}

.server-row__btns button {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.server-row__btns button:hover img {
    filter: brightness(0) invert(1)
}

.server-row__btns button:first-child {
    border-right: 1.07143px solid #11171f
}

.react-loading-skeleton {
    height: 64px
}

.servers-filter .dropdown {
    background: #11171f;
    border-radius: 6px;
    box-shadow: 0 4px 45px #00000040;
    width: 220px;
    z-index: 26
}

ul.servers-dropdown {
    padding: 9px 0
}

ul.servers-dropdown li {
    align-items: center;
    color: #858f9dcc;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    height: 33px;
    letter-spacing: .2px;
    padding: 0 15px
}

ul.servers-dropdown li.empty {
    opacity: .3
}

ul.servers-dropdown li span {
    color: #858f9dcc;
    font-size: 12px;
    font-weight: 500;
    max-width: 140px
}

ul.servers-dropdown li span.loc-ping {
    align-items: center;
    color: #fffc;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

ul.servers-dropdown li span.loc-ping img {
    border-radius: 0;
    margin-right: 5px;
    width: 12px
}

ul.servers-dropdown li.choosen {
    background: #161d26;
    position: relative
}

ul.servers-dropdown li.choosen,
ul.servers-dropdown li.choosen span {
    color: #6080ff
}

ul.servers-dropdown li.choosen:after {
    background: #212c3a
        /*savepage-url=//cloud.cybershoke.net/img/icons/servers/tick.svg*/
        url() no-repeat 50%;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

ul.servers-dropdown img {
    margin-right: 10px;
    width: 15px
}

.prime-filter-image {
    margin-right: 8px;
    width: 14px
}

.filter-chooses {
    align-items: center;
    display: flex
}

.filter-chooses img {
    filter: drop-shadow(-2px 0 0 #11171f);
    margin-left: 0;
    width: 18px
}

.filter-chooses img:nth-child(2),
.filter-chooses img:nth-child(3) {
    margin-left: -6px
}

.prime-dropdown li {
    text-transform: uppercase
}

.row-servers__header {
    background: #11171f;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 44px;
    padding: 0 30px 0 33px;
    width: 100%
}

.row-servers__header span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.row-servers__header span img {
    margin-left: 8px;
    width: 6px
}

.row-servers__header span:hover {
    color: #718193
}

.row-servers__header span {
    color: #5e6c7e;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease
}

.row-servers__header div {
    align-items: center;
    display: flex
}

span.lite-badge {
    background: #19222e;
    border-radius: 11.5px;
    color: #637cdd;
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    margin-left: 8px;
    padding: 3px 7px;
    text-transform: uppercase
}

.settings__item-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.settings__item-title h5 {
    color: #8a919d;
    font-size: 16px;
    font-weight: 500;
    width: 340px
}

.settings__item-title span {
    color: #afb7c6;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.settings-connections .settings__item-title {
    margin-bottom: 0
}

.settings-connections .settings__item-title h5 {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.settings-connections .setting-content p {
    color: #dedede;
    font-size: 16px
}

h5.setting-white-title {
    color: #eff3fa;
    font-size: 16px;
    font-weight: 400
}

.connection-img {
    align-items: center;
    display: flex;
    width: 35px
}

.connection-img img {
    max-width: 22px
}

.modal-close {
    cursor: pointer;
    height: 16px;
    opacity: .2;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: opacity .4s ease;
    width: 16px;
    z-index: 1
}

.modal-close.s {
    height: 14px;
    width: 14px
}

.modal-close:hover {
    opacity: 1 !important
}

.modal-close img {
    width: 100%
}

.slick-slide {
    height: 86px
}

.slick-slide:not(:last-of-type) {
    padding-right: 11px
}

.prime-switchers,
.visibility-switchers {
    display: flex
}

.prime-switchers div,
.visibility-switchers div {
    align-items: center;
    background: #c4c4c40d;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 44px
}

.prime-switchers div:first-child,
.visibility-switchers div:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.prime-switchers div:last-child,
.visibility-switchers div:last-child {
    border-radius: 0 4px 4px 0
}

.prime-switchers div img,
.visibility-switchers div img {
    opacity: .4;
    transition: opacity .3s ease
}

.prime-switchers div.active,
.visibility-switchers div.active {
    background: #6980ff
}

.prime-switchers div.active img,
.visibility-switchers div.active img {
    opacity: 1
}

.prime-switchers div:first-child.active {
    background: #2c3f4d
}

.prime-switchers div:last-child.active {
    background: #d8494933
}

.prime-switchers img {
    height: 60%;
    opacity: 1
}

.empty-categories {
    pointer-events: none
}

.empty-categories>span img {
    display: none
}

.tg {
    margin-left: auto
}

.block-border.trending {
    background: #fd8210
}

.release-badge {
    background: #bcc0d21f;
    border-radius: 5px;
    pointer-events: all
}

.grey-badge {
    background: #aecce426;
    color: #aecce4
}

.cfg-row {
    width: 100%
}

.cfg-row,
.cfg-row>div {
    align-items: center;
    display: flex
}

.cfg__name {
    font-size: 16px
}

.cfg__size {
    color: #73777d;
    margin-left: 10px
}

.cfg__img {
    height: 32px;
    margin-right: 22px
}

.cfg__btns img {
    cursor: pointer;
    height: 20px;
    margin-left: 16px
}

.cfg__btns img:hover {
    filter: invert(45%) sepia(88%) saturate(2366%) hue-rotate(212deg) brightness(102%) contrast(101%)
}

.cfg-upload {
    cursor: pointer;
    font-size: 16px
}

.cfg-upload input {
    display: none
}

.category-wrapper>div {
    z-index: 1
}

.servers-grid-PRO-1 .home-body-servers {
    border: 1px solid #ffb660
}

.connection-vis {
    width: 45px
}

.connection-vis img {
    border-radius: none;
    cursor: pointer;
    width: 15px
}

.cfg__btns {
    margin-left: auto
}

.static-header main {
    padding-top: 0
}

.static-header header {
    background: #0000;
    position: absolute
}

.dark-header header {
    background: #0f141b linear-gradient(180deg, #030b12 0, #10151a80 50%, #14191e00 80%)
}

.load-btn {
    display: block;
    margin-top: 20px
}

.support-table {
    margin-top: 20px;
    max-height: 715px;
    overflow: auto;
    padding-right: 19px;
    width: calc(100% + 19px)
}

.support-table table {
    border-collapse: collapse;
    width: 100%
}

.support-table table img {
    min-height: 20px
}

.support-table table tr {
    align-items: center;
    border-radius: 13px;
    display: flex;
    height: 55px;
    justify-content: space-between
}

.support-table table tr:nth-child(2n-1) {
    background: #141b23
}

.support-table table td:first-child,
.support-table table th:first-child {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left
}

.support-table table td:last-child,
.support-table table th:last-child {
    justify-content: flex-end;
    padding-right: 50px;
    text-align: right
}

.support-table table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700
}

.support-table table td {
    align-items: center;
    display: flex;
    font-size: 16px;
    letter-spacing: .12px
}

.premium-sub-modal .title-wrapper {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/premium-header.svg*/
        url() no-repeat 50%/cover !important
}

.premium-sub-modal .title-wrapper span {
    background: #ef8f32 !important;
    padding: 9px 10px !important
}

.premium-sub-modal .autosub-plan__title {
    color: #f39b34
}

.premium-sub-modal .autosub-plan__subtitle {
    color: #ebe1d3
}

.premium-sub-modal .modal-button {
    background: #ef8f32
}

#gift-modal .autosub-sale {
    padding: 3px 9px
}

#gift-modal .title-wrapper {
    height: 73px
}

#gift-modal .title-wrapper h2 {
    font-size: 20px
}

#gift-modal .title-wrapper div {
    align-items: center;
    display: flex
}

#gift-modal .title-wrapper img {
    margin-right: 10px;
    width: 26px
}

#gift-modal .subtitle {
    color: #adbcd0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0 10px
}

#gift-modal .autosub-plan__select {
    margin-top: 0
}

#gift-modal .autosub-plan__select img {
    margin-left: 19px
}

.autosub-crown {
    margin-right: 15px
}

.autosub-crown img {
    width: 43px
}

.gift-sub-until {
    align-items: center;
    border: 1px solid #26394e;
    border-radius: 8px;
    color: #cbd9ec;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.gift-modal__search-wrapper img {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.dark-modal {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0d0f17f5
}

.lighter {
    color: #738092;
    cursor: pointer
}

.allow-bonus .premium__ct-player {
    width: 438px;
    z-index: 1
}

.allow-bonus .premium__t-player {
    position: absolute
}

.list-with-dots {
    margin-bottom: 20px
}

.list-with-dots li {
    margin-bottom: 0 !important;
    padding-left: 24px
}

.list-with-dots li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 3px
}

.gold-text {
    color: #e49635
}

#languages.show-lang {
    opacity: 1;
    pointer-events: all
}

.grey-popup {
    background: #11151d !important;
    border-radius: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.blue+span {
    background: #5e7df833;
    color: #6080ff !important
}

@keyframes animLike {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.animate-like {
    animation: animLike .5s
}

.active .nav-name {
    color: #a0b3ff
}

.golden.active .nav-name {
    color: #fc9537
}

aside#header nav {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-height:1050px) {
    aside#header nav {
        padding-top: 30px;
        position: static;
        transform: none
    }
}

@media (max-height:900px) {
    .nav-name {
        display: none
    }
}

.steam-tippy div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.steam-tippy div:not(:last-child) {
    margin-bottom: 3px
}

.steam-tippy div:hover img {
    filter: brightness(125%)
}

.steam-tippy img {
    cursor: pointer;
    margin-left: 6px;
    transition: filter .2s ease;
    width: 16px
}

.steam-tippy span {
    color: inherit;
    margin-left: 3px;
    -webkit-user-select: all;
    user-select: all
}

#iskinchanger {
    min-height: 500px;
    padding: 16px
}

.tippy-box[data-theme~=headerLink] {
    border-radius: 12px
}

.deposit-pay-system img {
    height: 44px;
    image-rendering: inherit;
    object-fit: scale-down;
    width: 75px
}

.tippy-box[data-theme=skinchanger] {
    background: #22263c;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    padding: 6px
}

.tippy-box[data-theme=skinchanger] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=shop] {
    border-radius: 12px;
    transform: translateY(-95px) translateX(20px)
}

.tippy-box[data-theme=shop] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=missions-drops],
.tippy-box[data-theme=missions] {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 15px;
    box-shadow: 0 8px 12px 0 #080b114d;
    width: 340px
}

.tippy-box[data-theme=missions-drops] .tippy-content,
.tippy-box[data-theme=missions] .tippy-content {
    padding: 16px
}

.tippy-box[data-theme=missions-drops] {
    max-width: none !important;
    width: auto
}

.tippy-box[data-theme=game] {
    background: #0000
}

.tippy-box[data-theme=game] .tippy-content {
    padding: 5px 0 0
}

.tippy-box[data-theme=event] {
    border-radius: 12px;
    transform: translateY(95px) translateX(20px)
}

.tippy-box[data-theme=event] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=event] .arrow {
    bottom: 0;
    top: 37px
}

.tippy-box[data-theme=inventory] {
    background: linear-gradient(0deg, #11151d, #11151d), #fff;
    border-radius: 12px;
    padding: 12px;
    width: 256px;
    z-index: 1
}

.tippy-box[data-theme=inventory] .tippy-content {
    padding: 0
}

.modal__overlay_PREMIUM_ONLY {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #0f141bf2
}

.prem-scroll-trigger {
    top: -500px
}

.custom-tooltip {
    background: #1c2231;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    padding: 10px
}

.custom-tooltip>div {
    align-items: center;
    display: flex;
    justify-content: center
}

.custom-tooltip-sold {
    color: #aab5c6;
    font-weight: 400;
    text-transform: lowercase
}

.custom-tooltip-price {
    color: #ffab3e;
    font-weight: 700
}

.custom-tooltip img {
    height: 16px;
    margin-left: 5px;
    width: 16px !important
}

.apexcharts-tooltip.apexcharts-theme-light {
    background: none !important;
    border: none !important;
    box-shadow: none
}

.helper-img {
    bottom: 0;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: auto
}



.helper>div {
    height: 100%;
    position: static;
    width: 100%
}

.helper h6 {
    color: #e8a176;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 6px
}

.helper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase
}



.helper.pickem-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(142deg, #ffc500 -9.97%, #f29653 50.38%, #e8d740 86.59%, #e2ab5b 125.35%);
    background-clip: text;
    -webkit-background-clip: text
}

.helper.pickem-helper .helper-img {
    bottom: 0;
    height: 110px;
    right: 0
}



.helper.leaderboard-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000
}

.helper.leaderboard-helper .helper-img {
    height: 95px
}

.mode-helper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.mode-helper .helper-content {
    background: linear-gradient(90deg, #232556, #24262db3)
}

.mode-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text
}

.mode-helper p {
    align-items: center;
    display: flex;
    gap: 4px
}

.mode-helper p svg {
    top: -1px;
    width: 22px
}

.helper-content {
    align-items: center;
    display: flex;
    font-family: Gotham;
    justify-content: space-between;
    padding: 0 11px 0 22px
}

.auth-helper__btn {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1f224466;
    border-radius: 10px;
    padding: 14px
}

.auth-helper__btn>img {
    right: 178px
}

.auth-helper__btn button {
    align-items: center;
    background: #6080ff;
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 13px 26px
}

.auth-helper__btn img {
    width: 22px
}

.star-image__modal {
    margin-bottom: 20px
}

.star-image__modal .star-image {
    width: 70px
}

.star-image__modal .stars-for-task {
    font-size: 40px
}

.transaction-date {
    color: #525967
}

.mission-scroll-trigger {
    top: calc(-100vh + 190px)
}

.mission-scroll-trigger2 {
    bottom: calc(100vh + 400px);
    position: absolute
}

.largeConfeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.largeConfeti svg {
    height: 100%;
    width: 100%
}

.confeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 300px;
    z-index: 4
}

.confeti svg {
    height: 100%;
    width: 100%
}

@media(max-width:1000px) {
    main {
        height: calc(100% - 79px)
    }

    .static-header main {
        padding-top: 79px
    }
}

.locked {
    opacity: .5;
    pointer-events: none
}

.Toastify__toast-container {
    width: auto
}

.Toastify__toast {
    border-radius: 8px;
    min-height: 47px;
    padding: 5px 20px 5px 56px
}

.Toastify__toast-theme--warning {
    background: linear-gradient(0deg, #6d3b0d99, #6d3b0d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child {
    color: #eba15d
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/warn-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--error {
    background: linear-gradient(0deg, #69302d99, #69302d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child {
    color: #eb645d
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/fault.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--success {
    background: linear-gradient(0deg, #1b253599, #1b253599), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child {
    color: #dde4ff
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/success-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-body>div:last-child {
    font-size: 16px;
    font-weight: 500
}

.Toastify__toast-body>div:last-child:before {
    content: "";
    display: block;
    height: 14.4px;
    left: -31px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: 14.4px
}

.Toastify__toast {
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
    width: fit-content
}

.Toastify__close-button {
    display: none
}

#premium__combat-player {
    left: -336px;
    position: absolute;
    top: -244px
}

#premium__medic-player {
    position: absolute;
    right: -236px;
    top: -244px
}

.server-modal__unauth {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px
}

.server-modal__unauth h2 {
    font-size: 28px;
    font-weight: 800;
    max-width: 80%;
    text-align: center
}

.server-modal__unauth p {
    color: #b6c0d0;
    font-size: 15px;
    line-height: 140%;
    margin: 14px 0;
    max-width: 80%;
    text-align: center;
    width: 540px
}

.server-modal__unauth button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    padding: 12px 32px
}

.server-modal__unauth button svg {
    width: 24px
}

.banned-friend .block-profile-friends-f-block-img:before {
    background: #e50027 !important
}

.banned-friend .block-profile-friends-f-block-content-name {
    color: #e50027 !important
}

.simplified-footer {
    padding: 48px 0 80px
}

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

.profile-section__header {
    align-items: center;
    background: #161b25;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 36px
}

.profile-section__header h1 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-transform: none
}

.range-slider {
    background: #91affd0d;
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    height: 6px;
    position: relative;
    transition: background .2s ease;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.range-slider-track {
    background-color: #007bff;
    border-radius: 4px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.range-slider-part {
    display: inline-block;
    height: 100%
}

.range-slider-part:first-child {
    border-radius: 4px 0 0 4px
}

.range-slider-part:last-child {
    border-radius: 0 4px 4px 0
}

.range-slider-thumb {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.range-slider-thumb span {
    background: #131825;
    border-radius: 50%;
    display: block;
    height: 6px;
    transition: transform .2s ease;
    width: 6px
}

.range-slider-thumb:hover span {
    transform: scale(1.7)
}

.inactive-sticker {
    opacity: .5
}

.modal-sub-btn {
    align-items: center;
    background: #0000;
    border: 1px solid #f0b358;
    border-radius: 6px;
    color: #ffc875;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    justify-content: center;
    margin-top: 40px;
    padding: 10px 16px;
    width: 100%
}

.modal-sub-btn img {
    width: 24px
}

.opacity-50 {
    opacity: .5;
    transition: opacity .3s ease
}

.rotated {
    transform: rotate(180deg)
}

@media (max-width:1366px) {

    .support-page video,
    .support-screen {
        width: 100% !important
    }

    .support-content {
        grid-template-columns: 1fr
    }

    .ban-dates-img {
        width: 100% !important
    }

    .settings-sub__content,
    .settings-sub__content>div {
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%
    }

    .footer-right {
        row-gap: 50px
    }

    .settings-sub__block:not(:last-child),
    .settings-sub__content>img {
        margin-bottom: 20px
    }

    .settings-sub__content img {
        margin-right: auto !important;
        margin: 0 auto 30px
    }

    .settings-sub__block {
        min-width: 140px;
        width: 100%
    }

    .settings__item {
        flex-direction: column
    }

    .settings-area {
        max-width: 100%;
        width: 100%
    }

    .settings__item>button,
    .settings__item>button a {
        align-items: center;
        background: #161b25;
        border-radius: 6px;
        display: flex;
        height: 48px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .setting-content,
    .setting-content>div {
        width: 100%
    }

    .settings-content {
        padding: 24px
    }

    .settings-connections .settings__item {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content>div {
        width: auto
    }

    .connection-vis {
        margin-right: 15px
    }

    .settings__item-title h5 {
        width: auto
    }

    .tg {
        margin-top: 10px;
        width: 100%
    }

    .settings__item>button[disabled] {
        background: #8aa2b60d
    }

    .general-menu {
        padding: 12px
    }

    .big-desktop-only {
        display: none
    }
}

@media (max-width:1000px) {
    .footer-socials-wrapper {
        align-items: flex-start;
        gap: 30px
    }

    .settings-sub__content div {
        flex-direction: column
    }

    main {
        margin-left: 0;
        padding-top: 79px
    }

    header {
        height: 79px;
        left: 0;
        padding-left: 30px
    }

    #page-servers {
        padding-top: 12px
    }

    .dark-header header,
    .static-header header,
    header {
        background: #131821
    }

    .benefit-img__awp,
    .deauth,
    .header__deposit-wrapper,
    .langs,
    .premium__ct-player,
    .premium__down-arrow,
    .premium__sub-title,
    .premium__t-player,
    .premium__title,
    .profile-socials-wrapper,
    .sidebar-top,
    aside#header .play:after,
    header #socials {
        display: none !important
    }

    .premium-page {
        padding: 16px
    }

    .premium__benefits {
        margin-top: 112px
    }

    .premium__benefit-block {
        gap: 116px;
        margin-bottom: 146px
    }

    .premium__benefit-content {
        margin-bottom: 0 !important;
        max-width: 100%
    }

    .benefit-number {
        left: -50px;
        right: auto;
        top: -200px
    }

    aside#header {
        background: #131821;
        top: auto;
        width: 100%
    }

    aside#header nav {
        flex-direction: row;
        gap: 0;
        position: static;
        transform: none
    }

    .header-side-left {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 21px 16px
    }

    .header-side-left>* {
        margin-bottom: 0;
        width: 100%
    }

    .header-side-left .active,
    .header-side-left>* {
        border-right: none !important
    }

    .nav-name {
        display: none
    }

    .online {
        padding: 0
    }

    #information {
        margin: 0 16px
    }

    #information .avatar {
        height: 100px;
        width: 100px
    }

    #information svg {
        width: 100px
    }

    #profile-main {
        margin-bottom: 16px
    }

    .loyalty__progressBox--2KEX {
        width: 200px
    }

    .settings {
        display: flex;
        flex-direction: column
    }

    .settings>div {
        align-self: auto
    }

    .settings {
        padding: 24px
    }

    .profile-stats-grid {
        grid-template-columns: 1fr 1fr
    }

    .online>span {
        align-items: center;
        display: flex
    }

    .online>span>span {
        margin: 0 6px 0 0
    }

    .sub-tick {
        display: none
    }
}

@media (max-width:840px) {
    .support-header h5 {
        font-size: 14px !important
    }

    .support-header h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important
    }

    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }

    .achievements {
        gap: 16px;
        grid-template-columns: 1fr
    }

    .profile-buttons,
    .server-modal__header-labels {
        display: none
    }

    #deposit__modal {
        padding: 5%
    }

    .payment-providers-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .deposit__balance-modal {
        width: auto
    }

    #serverInfoModal {
        width: 90%
    }

    .p-ch-block-menu {
        height: 200px
    }

    .skinchanger-modal__wrapper {
        padding: 24px;
        width: 100%
    }

    #skinchanger-modal {
        width: 90%
    }

    .skinchanger-modal__stickers {
        display: none
    }
}

@media (max-width:750px) {

    .footer__navigation,
    .footer__sponsors {
        padding-left: 20px;
        padding-right: 20px
    }

    .premium__main-plans {
        align-items: center;
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .support-search__wrapper,
    .support-search__wrapper input {
        width: 100%
    }

    .support-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .support-article {
        padding: 24px
    }

    .support-article__title {
        font-size: 24px
    }

    .servers-filter {
        display: none
    }

    .all-servers-grid {
        padding: 0
    }

    .slick-next:before,
    .slick-prev:before {
        opacity: 1 !important
    }

    #nav-servers {
        display: none
    }

    #page-servers {
        padding: 12px
    }

    #servers {
        padding: 0 15px
    }

    .xp-bar-info {
        font-size: 13px
    }

    #name_player {
        font-size: 35px !important
    }

    .settings__transactions-table .desktop-only {
        display: none
    }

    .settings__transactions-table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        padding: 20px 10px
    }

    .settings-table td:first-child,
    .settings-table th:first-child {
        padding-left: 0
    }

    .transaction-main {
        display: block;
        margin: 10px 0;
        width: 100%
    }

    .settings__transactions-table .skin-name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .support-content {
        padding: 0 16px
    }

    .settings__sessions-table tr {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
        height: auto !important;
        padding: 20px 10px;
        row-gap: 10px
    }

    .settings-table td {
        font-size: 12px
    }

    .settings__sessions-table .close-session {
        opacity: 1
    }

    .settings__sessions-table .desktop-only {
        display: none
    }

    .autosub-sale {
        font-size: 8px
    }

    .scrollable-modal {
        align-items: flex-start;
        overflow-y: auto;
        padding: 24px 0
    }
}

@media (max-width:650px) {

    .autosub-crown,
    .choose-sub-period>img {
        display: none
    }

    .footer__nav-list {
        gap: 35px
    }

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

    .footer__logo span {
        margin-left: 0;
        margin-top: 10px
    }

    .footer__logo {
        align-items: flex-start;
        flex-direction: column
    }

    .support-content .general-menu {
        min-width: auto
    }

    .block-profile-friends {
        padding: 5px
    }

    .page_profile_new #profile-nav a {
        padding: 0 14px
    }

    .page_profile_new #profile-nav {
        padding-left: 16px
    }

    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr))
    }

    .footer .flex-wrap {
        gap: 20px
    }

    .footer__sponsors img {
        width: 110px
    }

    #auto-sub-modal {
        padding: 24px;
        width: 95%
    }

    #auto-sub-modal h2 {
        align-items: flex-start;
        font-size: 20px
    }

    #auto-sub-modal .subtitle,
    .title-wrapper span {
        font-size: 12px
    }

    .autosub-plan__select {
        font-size: 12px;
        padding: 11px 10px
    }

    .autosub-plan .choose-sub-period {
        height: auto;
        padding: 15px
    }

    .autosub-plan .dropdown,
    .dropdown {
        left: auto;
        right: 0
    }

    #gift-modal {
        padding: 20px;
        width: 90%
    }

    .close {
        z-index: 1
    }

    .profile-section__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        height: auto;
        padding: 36px
    }

    .profile-header__btn {
        padding: 12px
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content p {
        font-size: 12px
    }

    .settings__item>button,
    .settings__item>button a {
        font-size: 14px
    }

    #header__user_balance,
    .online>span {
        font-size: 16px
    }

    h2.deposit__title {
        font-size: 20px
    }

    .deposit-notification {
        font-size: 11px;
        height: auto;
        padding: 15px
    }

    .deposit__code-inputs {
        grid-template-columns: 1fr
    }

    .payment-providers-list {
        grid-template-rows: 1fr 1fr;
        height: 170px
    }

    .deposit-modal__content {
        margin-top: 15px
    }

    .deposit-modal-button {
        padding: 14px 0
    }

    .deposit__balance-modal {
        padding: 24px
    }

    .server-modal__header>div {
        flex-direction: column;
        gap: 24px
    }

    .server-modal__header>div:first-child {
        flex-direction: column-reverse
    }

    .server-modal__main-info {
        gap: 6px !important;
        padding: 0
    }

    .server-modal__header {
        grid-template-columns: 1fr 80px 1fr
    }

    .server-modal__con {
        display: none !important
    }

    .server-modal__connect {
        justify-content: center
    }

    #serverInfoModal .desktop-only {
        display: none
    }

    .data-one-server-info tr,
    .table-players-server-header tr {
        grid-template-columns: 64px 92px 60px 1fr
    }

    .modal-button {
        letter-spacing: normal
    }

    .confirm-settings-modal {
        padding: 24px;
        width: 90%
    }

    .confirm-settings__list {
        margin: 24px 0
    }

    .confirm-settings__list>div .image-wrapper {
        height: 30px;
        min-width: 30px;
        width: 30px
    }

    .gift-modal__choose-friends ul {
        height: 160px
    }

    .confirm-settings__content h2 {
        font-size: 20px
    }

    .confirm-settings__list>div {
        padding: 0 20px
    }

    .header__notifications,
    nav#user {
        position: static
    }

    .skinchanger__setting-block.gear {
        opacity: 1
    }

    .timer-block>div {
        margin-right: 10px
    }

    .time-block__upper {
        font-size: 23px
    }

    .time-block__lower {
        font-size: 10px
    }

    #profile-nav {
        overflow-x: auto
    }

    #profile-nav::-webkit-scrollbar {
        display: none
    }
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px
}

.trust-wallet-one-tap .header .title {
    color: #1E2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1E2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;

}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1E2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474D57;
}

.trust-wallet-one-tap .loading-color {
    color: #FFF;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #FFF;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf*/
        url() format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf*/
        url() format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf*/
        url() format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff*/
        url();
}

.ibfrfx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: opacity 0.2s;
    color: inherit;
}

.eHucEk {
    background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%);
    padding: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.gcMOeE h3 {
    color: rgb(132, 153, 185);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 14px;
    max-width: 190px;
    gap: 6px;
}

.gcMOeE .timer {
    color: rgb(132, 153, 185);
    font-size: 11px;
    text-transform: none;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    gap: 3px;
}

.gcMOeE .timer svg {
    width: 12px;
}

.gcMOeE h5 {
    color: rgb(199, 211, 226);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.jZtxJO {
    background: rgb(39, 48, 71);
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jZtxJO path.hover {
    animation: 1s ease 0s infinite normal none running fRDsuO;
}

.jZtxJO path.grey-hover {
    animation: 1s ease 0s infinite normal none running ggGmjz;
}

.jZtxJO path.gold-hover {
    animation: 1s ease 0s infinite normal none running eihXFP;
}

.bipGUT {
    transition: opacity 0.2s;
}

.bipGUT p {
    line-height: 14px;
    text-align: right;
    color: rgb(207, 216, 229);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bipGUT svg {
    display: block;
}

.bAtzHI {
    border-radius: 6px;
    grid-template-columns: 50px 1fr;
    display: grid;
    overflow: hidden;
    border: 1px solid transparent;
}

.bAtzHI .hover-on {
    opacity: 0;
}

.bAtzHI.waiting {
    border: 1px solid rgb(53, 62, 91);
}

.bAtzHI.completed .sc-ddjGPC {
    background: rgba(39, 79, 76, 0.25);
}

.bAtzHI.completed .sc-fxwrCY {
    background: rgba(39, 79, 76, 0.17);
}

.bAtzHI.completed .sc-dSCufp h3 {
    color: rgb(132, 185, 153);
}

.bAtzHI.completed .sc-dSCufp h5 {
    color: rgb(202, 255, 220);
}

.bAtzHI:hover .hover-off {
    opacity: 0;
}

.bAtzHI:hover .hover-on {
    opacity: 1;
}

.jqcwLB {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
}

.jqcwLB img,
.jqcwLB svg {
    width: 100%;
    height: 100%;
}

.jqcwLB img {
    vertical-align: initial;
}

.mErXc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.jVnWco {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jVnWco.blocked {
    pointer-events: none;
}

.hRwZZP {
    position: absolute;
    left: 0px;
    opacity: 0.4;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.bwWALH {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%);
    backdrop-filter: blur(12px);
    padding: 16px;
}

.bwWALH h2 {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: 900;
    line-height: 27px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.bwWALH h2 img {
    transition: 0.5s;
    width: 24px;
    opacity: 0;
    transform: translateX(-3px);
}

.bwWALH p {
    width: 230px;
    color: rgb(197, 213, 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    white-space: normal;
}

.bwWALH button {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgb(255, 200, 117);
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 200, 117);
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    background: transparent;
}

.bwWALH button img {
    width: 18px;
}

.bwWALH button.auth {
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    border: none;
}

.bwWALH button.premium {
    background: rgb(255, 200, 117);
    color: rgb(40, 43, 54);
    border: none;
}

.bwWALH:hover .sc-iMWBiJ {
    transform: scale(1.1);
}

.bwWALH:hover h2 img {
    opacity: 1;
    transform: translateX(0px);
}

.fHHrKU {
    position: absolute;
    left: 52%;
    width: 270px;
    bottom: 0px;
    transform: translateX(-50%);
}

.kuuiWE div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(213, 217, 228);
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.kuuiWE img {
    width: 16px;
    margin-right: 5px;
}

.dvWCaY {
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    top: 20px;
    right: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
}

.dvWCaY img {
    width: 14px;
    margin-left: 3px;
}

.hnEFKx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hnEFKx img {
    width: 165px;
    transition: transform 0.2s;
    z-index: 1;
}

.hnEFKx div {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    background: rgba(128, 163, 255, 0.5);
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jusmTt {
    border-radius: 10px;
    overflow: hidden;
}

.jusmTt.no-rounding {
    border-radius: 10px 10px 0px 0px;
}

.jusmTt>div {
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.jusmTt::before,
.jusmTt::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.2s;
}

.jusmTt::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
    opacity: 0;
    z-index: 0;
}

.jusmTt h6 {
    margin-bottom: 1px;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    font-size: 12px;
    font-weight: 400;
}

.jusmTt h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.jusmTt:nth-child(2)::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt:nth-child(2)::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.jusmTt:nth-child(2) .sc-kbhJrz div {
    background: rgba(128, 163, 255, 0.5);
}

.jusmTt:nth-child(3)::before {
    background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.jusmTt:nth-child(3)::after {
    background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.jusmTt:nth-child(3) .sc-kbhJrz div {
    background: rgba(255, 128, 173, 0.5);
}

.jusmTt:nth-child(4)::before {
    background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.jusmTt:nth-child(4)::after {
    background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.jusmTt:nth-child(4) .sc-kbhJrz div {
    background: rgba(128, 255, 178, 0.5);
}

.jusmTt:nth-child(1)::before {
    background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.jusmTt:nth-child(1)::after {
    background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.jusmTt:nth-child(1) .sc-kbhJrz div {
    background: rgba(255, 200, 60, 0.5);
}

.jusmTt:hover::before {
    opacity: 0;
}

.jusmTt:hover::after {
    opacity: 1;
}

.jusmTt:hover .sc-kbhJrz img {
    transform: scale(1.15);
}

.jusmTt.custom::after {
    content: none;
}

.jusmTt.custom::before {
    background: url("") center center / cover no-repeat;
}

.jusmTt.custom:hover::before {
    opacity: 1;
}

.hBQOEn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.hBQOEn img {
    width: 14px;
    margin-left: 4px;
}

.eyXZVb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}

.eyXZVb p {
    color: rgba(240, 179, 88, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    width: 70px;
    white-space: normal;
}

.eyXZVb svg {
    width: 24px;
}

.kuOXvw {
    width: 296px;
}

.kuOXvw:not(:first-child)::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: rgb(39, 48, 71);
    height: 100%;
    width: 2px;
    display: block;
    top: 0px;
    left: -18px;
}

.jLOydi {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
}

.jLOydi img {
    width: 24px;
}

.iVupXy {
    display: flex;
    gap: 34px;
}

.cBrOAO {
    border-radius: 0px 0px 6px 6px;
    background: rgb(240, 179, 88);
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 7px;
    color: rgb(17, 24, 32);
    font-size: 11px;
    font-weight: 500;
}

.cBrOAO svg,
.cBrOAO img {
    width: 18px;
}

.cqXvZf {
    padding-left: 12px;
}

.jwZSg {
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.jCpELc {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.jCpELc img {
    width: 18px;
}

.bxGOWN {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.iueEyA {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.iueEyA img {
    width: 46px;
}

@media (max-width: 1000px) {
    .iueEyA {
        display: flex;
    }
}

.kWdizk {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kWdizk span {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 20px;
    border-radius: 5px;
}

.hPLXyV {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    right: 120px;
    top: -100px;
}

.ghZqXw {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.ghZqXw>div {
    width: auto;
}

@media (max-width: 650px) {
    .ghZqXw {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}

.bvsEyE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    z-index: 3;
}

.bvsEyE>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.EERiu {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.EERiu span {
    font-weight: 300;
    font-size: 28px;
    line-height: 33px;
    text-transform: none;
}

.EERiu>img {
    width: 36px;
    margin-right: 10px;
}

@media (max-width: 1400px) {
    .EERiu span {
        display: none;
    }
}

.hXItmN {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hXItmN li {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: rgb(170, 181, 198);
    margin-right: 30px;
    cursor: pointer;
}

.hXItmN li.active {
    color: rgb(255, 255, 255);
}

.hXItmN img {
    width: 12px;
    margin-left: 7px;
}

@media (max-width: 650px) {
    .hXItmN li {
        font-size: 12px;
        margin-right: 10px;
    }
}

.iFpptG>div {
    position: sticky;
    top: 80px;
}

@media (max-width: 1000px) {
    .iFpptG>div {
        position: relative;
        top: 0px;
    }
}

@media (max-width: 840px) {
    .iFpptG {
        display: none;
    }
}

.uCbhk {
    background: rgb(19, 24, 33);
    border-radius: 10px;
    align-self: flex-start;
    padding-bottom: 20px;
}

.deRSky {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    padding: 28px 28px 22px;
}

.lbkYaP:not(:last-child) {
    margin-bottom: 26px;
}

.lbkYaP h6 {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 28px;
    color: rgb(90, 99, 113);
    margin-bottom: 12px;
}

.lbkYaP svg {
    width: 24px;
    margin-right: 8px;
}

.lbkYaP a.disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.4;
}

.laflYe {
    height: 40px;
    padding: 0px 28px;
    font-weight: 500;
    font-size: 14px;
    color: rgb(170, 181, 198);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: 0.3s;
}

.laflYe:hover {
    background: rgb(28, 34, 49);
    color: rgb(255, 255, 255);
}

.laflYe:hover svg {
    border-color: rgb(121, 141, 223);
    color: rgb(121, 141, 223);
}

.laflYe:hover svg path {
    stroke: rgb(121, 141, 223);
}

.laflYe:hover svg path.fill-path {
    stroke: none;
    fill: rgb(121, 141, 223);
}

.laflYe.active {
    background: rgb(23, 29, 43);
    color: rgb(96, 128, 255);
}

.laflYe.active svg {
    border-color: rgb(96, 128, 255);
    color: rgb(96, 128, 255);
}

.laflYe.active svg path {
    stroke: rgb(96, 128, 255);
}

.laflYe.active svg path.fill-path {
    stroke: none;
    fill: rgb(96, 128, 255);
}

.cOyVCX {
    width: 100%;
    height: 64px;
    background: 0% 0% / 16px rgb(19, 24, 33);
    border-radius: 10px;
    padding-left: 18px;
    padding-right: 43px;
    margin-bottom: 8px;
    transition: background-color 0.2s;
}

.cOyVCX:focus {
    background-color: rgb(23, 29, 39);
}

.cOyVCX,
.cOyVCX::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: rgb(105, 113, 131);
}

.cOyVCX,
.cOyVCX::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: rgb(105, 113, 131);
}

.Bwbam {
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    opacity: 0.5;
    transform: translateY(-50%);
}

.eSYPqP {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('//cloud.cybershoke.net/pages/shop/item-bg/color-golden.png') center 13px / 134px no-repeat;
    padding-top: 13px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 190px;
}

.eSYPqP img {
    max-width: 60%;
    width: auto;
    max-height: 88px;
    transition: opacity 0.3s;
}

.jAurct {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('//cloud.cybershoke.net/pages/shop/item-bg/color-covert.png') center 13px / 134px no-repeat;
    padding-top: 13px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 190px;
}

.jAurct img {
    max-width: 60%;
    width: auto;
    max-height: 88px;
    transition: opacity 0.3s;
}

.dwWqNp {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('//cloud.cybershoke.net/pages/shop/item-bg/color-classified.png') center 13px / 134px no-repeat;
    padding-top: 13px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 190px;
}

.dwWqNp img {
    max-width: 60%;
    width: auto;
    max-height: 88px;
    transition: opacity 0.3s;
}

.hwvKrB {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('//cloud.cybershoke.net/pages/shop/item-bg/color-restricted.png') center 13px / 134px no-repeat;
    padding-top: 13px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 190px;
}

.hwvKrB img {
    max-width: 60%;
    width: auto;
    max-height: 88px;
    transition: opacity 0.3s;
}

.cfCASZ {
    height: 246px;
    background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgba(2, 1, 1, 0) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
    border-radius: 6px;
    display: block;
    cursor: pointer;
    transition: opacity 0.3s;
}

.cfCASZ.rust-item {
    height: 226px;
}

.cfCASZ.rust-item .sc-gppfCo {
    height: 160px;
    background-position: center 0px;
}

.cfCASZ.rust-item::before {
    top: 19px;
}

.cfCASZ.devices-item .sc-gppfCo img {
    max-width: 90%;
    max-height: 145px;
}

.cfCASZ.cases-item .sc-gppfCo img {
    max-height: 150px;
    max-width: 75%;
    image-rendering: auto;
}

.cfCASZ.promo-item .sc-gppfCo img {
    max-width: 75%;
    max-height: 105px;
}

.cfCASZ::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    display: block;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    background: linear-gradient(163.3deg, rgba(25, 30, 40, 0.65) 1.87%, rgba(43, 52, 75, 0.65) 88.46%);
}

.cfCASZ::before {
    content: "";
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    position: absolute;
    top: 31px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(100% - 40px);
    height: 132px;
    z-index: 2;
}

.cfCASZ.color-restricted {
    background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(37, 29, 55) 0%, rgba(37, 29, 55, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.cfCASZ.color-classified {
    background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(55, 29, 43) 0%, rgba(55, 29, 43, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.cfCASZ.color-covert {
    background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(55, 29, 29) 0%, rgba(55, 29, 29, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.cfCASZ.color-golden {
    background: radial-gradient(93.57% 80.54% at 48.06% 100%, rgb(55, 48, 29) 0%, rgba(55, 48, 29, 0) 100%), linear-gradient(163.3deg, rgb(19, 24, 37) 1.87%, rgb(29, 36, 55) 88.46%);
}

.cfCASZ:hover::after,
.cfCASZ:hover::before {
    opacity: 1;
    pointer-events: all;
}

.cfCASZ:hover::before {
    background:
        /*savepage-url=//cloud.cybershoke.net/pages/shop/item-hover.png*/
        var(--savepage-url-76) center center / contain no-repeat;
}

.cfCASZ:hover .sc-gppfCo img {
    opacity: 0;
}

.frLGdV {
    padding: 18px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    z-index: 1;
}

.dYAMBo {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(113, 121, 142);
    opacity: 0.9;
}

.gxuTnC {
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    color: rgb(113, 121, 142);
    opacity: 0.9;
    margin-bottom: 2px;
}

.kcTCEg {
    opacity: 0.9;
}

.kcTCEg span {
    font-weight: 400;
    font-size: 14px;
    color: rgb(232, 236, 244);
    display: block;
    max-width: 110px;
}

.gsGcAN {
    margin-top: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: rgb(255, 171, 62);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.gsGcAN img {
    width: 16px;
    margin-left: 7px;
}

.hARMEu {
    padding: 100px 46px 46px;
    gap: 37px;
    display: grid;
    grid-template-columns: 275px 1fr;
    min-height: 80vh;
}

@media (max-width: 1000px) {
    .hARMEu {
        padding: 64px 48px 48px;
    }
}

@media (max-width: 840px) {
    .hARMEu {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 750px) {
    .hARMEu {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

@media (min-width: 1950px) {
    .hARMEu {
        width: 1920px;
        margin: 0px auto;
    }
}

.gVNGrN {
    height: 64px;
    margin-bottom: 8px;
    border-radius: 10px;
    background: rgb(18, 21, 30);
}

.fyEQrQ {
    height: 336px;
    border-radius: 10px;
    background: rgb(18, 21, 30);
}

.iqgaFR {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

.hgQfkT {
    margin-bottom: 38px;
}

.hgQfkT ul {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

.hgQfkT ul li {
    width: 172px;
    height: 246px;
    margin-right: 8px;
}

.fGIjpc {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 2px 0px;
}

.fGIjpc a svg {
    margin: 0px auto;
    display: block;
}

.RmHGY {
    width: 304px;
}

.RmHGY .tippy-content {
    padding: 12px;
}

.RmHGY .tippy-box {
    border-radius: 12px !important;
}

.RmHGY video,
.RmHGY img {
    width: 100%;
    border-radius: 12px;
}

.RmHGY span {
    border-radius: 0px 0px 0px 4px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: -24px;
    top: 37px;
    background: rgb(28, 33, 48);
}

.RmHGY h2 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px 4px;
    letter-spacing: 0.02em;
    color: rgb(236, 241, 248);
}

.RmHGY p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(159, 167, 190);
}

.kPLHxG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.kPLHxG button {
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01em;
    background: rgba(96, 128, 255, 0.1);
}

.kPLHxG button.inactive {
    pointer-events: none;
}

.kPLHxG a {
    color: rgb(96, 128, 255);
    height: 100%;
    width: 100%;
    padding: 12px 0px;
    display: block;
}

.kwKvLO {
    border: 1px solid rgb(107, 206, 165);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    color: rgb(107, 206, 165);
    margin: 0px auto 9px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kwKvLO img {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.cIvRnW {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: rgb(120, 125, 144);
    margin-top: 8px;
    padding: 0px 5px;
    font-family: var(--font-family-0);
}

.bCzUGD {
    border-right: 3px solid transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 3px;
}

.bCzUGD.active {
    border-right: 3px solid rgb(96, 128, 255);
}

.bCzUGD:hover>img {
    transform: scale(1.1);
    transition: 0.3s;
}

.kRvpbl {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 0px;
}

@-webkit-keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

:root {
    --savepage-url-30: url('/img/image_1.svg+xml');
    --savepage-url-45: url('/img/image_2.webp');
    --savepage-url-55: url('/img/image_3.webp');
    --savepage-url-63: url('/img/image_4.webp');
    --savepage-url-76: url('/img/image_5.webp');
    --savepage-url-94: url('/img/image_6.webp');
}

/*savepage-import-url=https://fonts.googleapis.com/css2?family=Montserrat:wght@100*/
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2*/
        url() format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2*/
        url() format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

200;
300;
400;
500;
600;
700;
800&display=swap);

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%);
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-1.woff2*/
        url('/fonts/font_1.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-2.woff2*/
        url('/fonts/font_2.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-3.woff2*/
        url('/fonts/font_3.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC400-4.woff2*/
        url('/fonts/font_4.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-1.woff2*/
        url('/fonts/font_5.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-2.woff2*/
        url('/fonts/font_6.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-3.woff2*/
        url('/fonts/font_7.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/RobotoCondensed/RobotoC700-4.woff2*/
        url('/fonts/font_8.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto100-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-1.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-2.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-3.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto300-4.woff2*/
        url() format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-1.woff2*/
        url('/fonts/font_9.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-2.woff2*/
        url('/fonts/font_10.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-3.woff2*/
        url('/fonts/font_11.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto400-4.woff2*/
        url('/fonts/font_12.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-1.woff2*/
        url('/fonts/font_13.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-2.woff2*/
        url('/fonts/font_14.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-3.woff2*/
        url('/fonts/font_15.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto500-4.woff2*/
        url('/fonts/font_16.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-1.woff2*/
        url('/fonts/font_17.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-2.woff2*/
        url('/fonts/font_18.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-3.woff2*/
        url('/fonts/font_19.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto700-4.woff2*/
        url('/fonts/font_20.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-1.woff2*/
        url('/fonts/font_21.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-2.woff2*/
        url('/fonts/font_22.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-3.woff2*/
        url('/fonts/font_23.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Roboto/Roboto900-4.woff2*/
        url('/fonts/font_24.woff2') format("woff2")
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=/static/media/OnestBlack1602-hint.4a0f2e13e391b67f9bc3.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=/static/media/OnestBold1602-hint.7ba2b3b4e1ffcd2ac807.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=/static/media/OnestExtraBold1602-hint.fa8b616ab362e649d2c7.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=/static/media/OnestMedium1602-hint.b1d2285c056c41b27528.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=/static/media/OnestRegular1602-hint.54ed6502b03681fe60b0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=/static/media/OnestLight1602-hint.0f2c6d3daff26ba49fb0.woff*/
        url()
}

@font-face {
    /*savepage-font-display=swap*/
    font-family: Onest;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=/static/media/OnestThin1602-hint.2104bb04c00a99da9722.woff*/
        url()
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot*/
        url();
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-LightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot*/
        url();
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BoldItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot*/
        url();
    src: local("Gotham ExtraLight"), local("Gotham-XLight"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLight.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot*/
        url();
    src: local("Gotham Thin"), local("Gotham-Thin"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Thin.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot*/
        url();
    src: local("Gotham Book"), local("Gotham-Book"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Book.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 100;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot*/
        url();
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-ThinItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot*/
        url();
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-MediumItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot*/
        url();
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-UltraItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot*/
        url();
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BookItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot*/
        url();
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-BlackItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 300;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot*/
        url();
    src: local("Gotham Light"), local("Gotham-Light"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Light.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 700;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot*/
        url();
    src: local("Gotham Bold"), local("Gotham-Bold"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Bold.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 500;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot*/
        url();
    src: local("Gotham Medium"), local("Gotham-Medium"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Medium.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham Ultra;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot*/
        url();
    src: local("Gotham Ultra"), local("Gotham-Ultra"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Ultra.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: italic;
    font-weight: 200;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot*/
        url();
    src: local("Gotham ExtraLight Italic"), local("Gotham-XLightItalic"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-XLightItalic.ttf*/
        url() format("truetype")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 900;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot*/
        url();
    src: local("Gotham Black"), local("Gotham-Black"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.eot?#iefix*/
        url() format("embedded-opentype"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.woff*/
        url() format("woff"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Gotham/Gotham-Black.ttf*/
        url() format("truetype")
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    display: block;
    padding: 0;
    position: absolute
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: slick
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: #0000;
    outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: 0;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

textarea {
    font-family: Roboto;
    outline: none;
    resize: none
}

:root {
    --font-family-0: "Roboto Condensed", sans-serif;
    --font-family-1: "Roboto", sans-serif
}

:hover:before {
    transition: .3s !important
}

*,
:after,
:before {
    border: 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative
}

button,
input {
    outline: none
}

li {
    transition: none
}

:after,
:before,
a,
a:hover,
button,
input,
span,
strong,
sum,
time {
    text-decoration: none
}

html {
    background: #11141c;
    font-family: Roboto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    width: 100%
}

ul::-webkit-scrollbar {
    background: #0000
}

body {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    width: 100%
}

main>svg:first-of-type {
    left: -96px;
    opacity: .5;
    position: absolute;
    top: 960px;
    transform: rotate(-60deg);
    z-index: -1
}

img,
svg {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

p a,
p a:hover {
    color: #fff
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border: 1px solid #ffffff1a !important
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 12px !important
}

#lobby .avatar {
    border-radius: 100%;
    height: 64px;
    left: 0 !important;
    width: 64px
}

.grid.lobby>div {
    width: 30% !important
}

.grid.lobby>div>div {
    background: #0000 !important;
    padding: 16px
}

.grid.lobby>div>div:first-of-type>div {
    float: right
}

#ready.active {
    border-color: green !important;
    color: #000 !important
}

.more {
    text-shadow: none !important
}

.headshots {
    top: 2px
}

.grid.modes {
    padding-right: 0
}

.grid.modes h4 {
    padding-bottom: 0;
    padding-top: 16px
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-tooltip[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-tooltip[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-tooltip[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-tooltip[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-tooltip {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0)
}

.options p {
    font-size: 14px;
    text-transform: uppercase !important
}

.options p:hover {
    opacity: .5;
    transition: .3s
}

.options p>img {
    bottom: 0;
    filter: invert(100%);
    float: right;
    height: 14px;
    left: 0;
    right: 0;
    top: -1px;
    transition: all .2s ease;
    vertical-align: middle
}

.options>div hr {
    margin-bottom: 6px !important;
    width: 100% !important
}

.options>div>img {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px
}

.options>div.active>img {
    opacity: .5 !important
}

.options>div.active p img {
    transform: rotate(180deg)
}

.options>div.active p {
    opacity: .2;
    transition: .3s
}

.options>div.active p:hover {
    opacity: .5;
    transition: .3s
}

.options>div:last-of-type hr {
    display: none !important
}

#dashboard-chat>div:first-of-type {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    font-weight: 700;
    padding: 16px
}

#dashboard-chat>div:first-of-type .live-dot {
    background: #85f479;
    margin-right: 12px;
    top: -1px
}

#stickers-scroller {
    height: 120px
}

#stickers-scroller h4 {
    padding-top: 0 !important
}

.danger {
    left: -10px !important;
    margin-left: 12px !important
}

aside#servers {
    background: #0000 !important;
    float: right;
    margin-left: 1%;
    margin-right: 2.5%;
    padding-top: 0;
    position: sticky;
    top: 22px;
    width: 280px;
    z-index: 1000
}

.support.tippy:hover {
    opacity: .1 !important;
    transition: .3s
}

.wrap {
    margin: 0 auto
}

#game .lvl {
    display: none
}

.grid.serv>div {
    width: 31.5% !important
}

#prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#prime-servers>div>.tippy {
    background-color: #74bae81a;
    border-radius: 100%;
    height: 40px;
    padding: 8px;
    width: 40px
}

#prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

#non-prime-servers>div:first-of-type {
    float: left;
    position: sticky;
    top: 0;
    z-index: 100
}

#non-prime-servers>div>.tippy {
    background-color: #bc4a4a1a;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 20px !important;
    padding: 8px;
    width: 40px
}

#non-prime-servers>div:first-of-type>div>img {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.stattrak-img {
    bottom: 24px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 24px;
    width: 32px;
    z-index: 10
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: #91affd0d;
    background-repeat: no-repeat;
    border-radius: 12px;
    cursor: pointer;
    height: 6px;
    margin: auto;
    outline: none;
    padding: 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-range-track {
    background: #0000;
    border: none;
    box-shadow: none
}

input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 14px;
    width: 14px
}

.grid.skins .skin p {
    bottom: 16px;
    color: #fff;
    font-size: 14px;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    z-index: 25
}

.visibility-hidden {
    visibility: hidden !important
}

.grid .prime {
    border: 3px solid #60b9ebcc
}

.container {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
}

aside .container {
    line-height: 24px
}

.container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #0003;
    border-radius: 6px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px
}

.container:hover input~.checkmark {
    background-color: #0000001a
}

.container input:checked~.checkmark {
    background-color: #6080ff
}

label.active p img {
    opacity: 0
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container input:checked~.checkmark:after {
    display: block
}

label label:hover {
    color: #ffffff80
}

.container .checkmark:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/icons/check.svg*/
        url() no-repeat 50%/cover;
    display: none;
    height: 7.3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.copy {
    cursor: pointer
}

.copy:hover {
    opacity: 1;
    transition: .3s
}

#profile-cover {
    border-radius: 0;
    height: 320px;
    left: 0;
    right: 0;
    top: 0
}

#profile-cover:before {
    background: linear-gradient(180deg, #0f141b1a 0, #0f141bb3 35%, #11141c 90%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

#profile-cover img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.cybercoin {
    height: 16px;
    margin-left: 12px;
    top: -1px;
    vertical-align: middle
}

#serverInfoModal .table .avatar {
    height: 23px;
    vertical-align: middle;
    width: 23px
}

#information {
    margin-left: 24px;
    margin-right: 32px;
    padding-top: 0
}

#information .avatar,
#information>img {
    border-width: 4px !important
}

#information>img {
    border-radius: 100%;
    display: block;
    height: 128px;
    margin: auto;
    width: 128px
}

#information>img.skinchanger {
    border: 4px solid #6080ff !important
}

#information>img.premium {
    border: 4px solid #fdb510 !important
}

.profile-socials {
    padding-bottom: 0
}

.profile-socials p {
    padding-bottom: 6px
}

.profile-socials a {
    display: inline-block;
    margin-right: 10px
}

.profile-socials a img {
    max-height: 14px;
    max-width: 18px
}

.profile-socials a:last-of-type {
    margin-right: 0
}

#profile-buttons button {
    margin: 0 !important
}

#score img,
.score img {
    float: left;
    vertical-align: middle
}

#score p,
.score p {
    float: left;
    font-size: 16px;
    line-height: 32px;
    width: 128px
}

#score span,
.score span {
    border: 1px solid #ffffff1a;
    font-size: 16px;
    margin-right: 4px
}

.inner {
    animation: inner 2s linear infinite
}

.middle {
    animation: middle 2s linear infinite
}

.outer {
    animation: outer 2s linear infinite
}

#profile {
    margin-top: -240px;
    max-width: 100%;
    padding-left: 0;
    z-index: 100
}

#profile-nav {
    align-items: center;
    border-bottom: 0;
    clear: both;
    display: flex;
    height: 60px;
    margin-left: 0;
    margin-top: 36px !important;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 4
}

#profile-nav a {
    border-bottom: 3px solid #0000;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: 24px
}

#profile-nav a:hover {
    color: #fff;
    transition: .3s
}

#profile-nav a:active {
    bottom: -3px
}

#profile-nav span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#profile-nav span.new {
    background: #6080ff1f;
    border: none;
    border-radius: 6px;
    color: #6080ff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px;
    text-transform: uppercase
}

.single {
    display: block !important;
    margin: 32px auto !important
}

summary h3 {
    font-size: 16px
}

#profile-settings {
    display: none
}

.btn.mini {
    font-size: 14px;
    height: 44px;
    line-height: 44px
}

.btn.mini:hover {
    filter: brightness(110%);
    transition: .3s
}

.options>div,
.options>div label {
    display: block;
    width: 100%
}

.options>div.active label {
    display: block !important;
    width: 100%
}

.options>div hr {
    display: none
}

.options>div p {
    font-weight: 700;
    padding: 16px 0 0
}

.options>div p:hover {
    cursor: pointer !important
}

.options>div label,
.options>div select {
    display: none
}

.copy-ip {
    background: #0000001a !important;
    border-radius: 0 12px 0 12px !important;
    bottom: auto !important;
    color: #aecce4 !important;
    top: 0 !important
}

.copy-ip:hover {
    background: #fff3 !important;
    color: #fff !important
}

label img {
    top: 4px
}

.loyalty__progressBox--2KEX {
    display: flex;
    font-size: 12px;
    margin: 16px 0 0
}

.loyalty__progressBlock--W_he {
    flex-grow: 1
}

.loyalty__progressBar--3fut {
    background-color: #0003;
    border-radius: 10px;
    box-sizing: border-box;
    height: 8px;
    overflow: hidden
}

.loyalty__progressBg--2f0j {
    background: linear-gradient(90deg, #94a7b7, #a1a1a1);
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width 1s
}

.loyalty__progressBg--2f0j.gold {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    color: gold
}

.viMoneyValue--1vFp,
.viMoneyValue__text--1EVB {
    width: auto
}

.loyalty__giftInfo--2qi6 {
    font-weight: 500;
    margin-top: -5px;
    white-space: nowrap
}

.loyalty__giftSum--1Rr9 {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px
}

#information #xp-bar {
    margin-bottom: 16px !important;
    margin-top: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#information #xp-bar div {
    padding: 0 !important
}

#information #xp-bar .loyalty__progressBox--2KEX {
    top: 0 !important
}

#information #xp-bar button {
    top: 12px !important
}

#xp-bar button,
.xp-bar button {
    background: #6080ff00;
    border: 1px solid #6080ff80;
    color: #6080ff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 11px;
    height: 24px;
    left: 20px;
    line-height: 23px;
    margin: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
    top: -12px;
    width: auto
}

#xp-bar button:hover,
.xp-bar button:hover {
    background: #6080ff1a;
    box-shadow: none !important;
    transform: none !important
}

#xp-bar button strong,
.xp-bar button strong {
    border-right: 1px solid #6080ff80;
    color: #6080ff !important;
    margin-right: 0;
    padding-right: 4px
}

#xp-bar button img,
.xp-bar button img {
    height: 8px;
    left: 0;
    margin-left: 6px;
    top: -1px;
    width: 8px
}

#xp-bar,
.xp-bar {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    z-index: 9
}

#xp-bar .loyalty__progressBg--2f0j,
.xp-bar .loyalty__progressBg--2f0j {
    cursor: help !important;
    cursor: -webkit-help
}

#xp-bar img,
.xp-bar img {
    height: 64px;
    left: -2px;
    position: absolute;
    top: -23px;
    width: 64px
}

.grid.monitoring {
    width: 100%
}

.grid.monitoring group {
    display: none
}

.grid .big img.tippy {
    cursor: help;
    height: 32px;
    left: 16px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 16px;
    vertical-align: middle;
    z-index: 20
}

.grid .big img.tippy:hover {
    transition: .3s
}

hr {
    background: #fff;
    display: block;
    height: 1px;
    margin: 24px auto 32px;
    opacity: .1;
    width: 48px
}

.hide {
    display: none !important
}

.nav {
    left: 0;
    position: fixed;
    right: 0;
    top: -60px
}

.nav nav .logo {
    display: inline-block !important
}

.nav nav {
    transform: translateY(-16px)
}

.nav .logo img {
    opacity: 1
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    z-index: 900
}

.more {
    border-radius: 6px;
    color: #0000;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

.more:hover {
    background: #ffffff1a;
    box-shadow: 0 0 6px #0000001a;
    color: #fff;
    transition: .3s
}

.more img {
    display: block;
    filter: invert(100%);
    height: 20px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .3s;
    vertical-align: middle
}

.more:hover img {
    opacity: 0;
    transition: .3s
}

#terms strong {
    display: block
}

#terms {
    background: #131821;
    border-radius: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    line-height: 1.5;
    margin: 48px;
    padding: 0 60px 60px
}

#terms p:not(.terms-title),
#terms td {
    color: #7b828a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px
}

#terms table {
    border-collapse: initial !important
}

#terms p:not(.terms-title) strong {
    opacity: .7
}

#terms .terms-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 32px
}

#terms h1 {
    font-size: 32px;
    margin-bottom: 0;
    padding: 24px 0 0;
    text-transform: uppercase
}

#terms p {
    line-height: 1.5
}

.profile-socials a {
    transition: .3s
}

.profile-socials a:hover {
    opacity: 1;
    transition: .3s
}

.grid.big {
    margin-top: -22px !important
}

.grid {
    display: block;
    overflow: hidden
}

.grid>a,
.m {
    border-radius: 12px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: top
}

label label {
    display: block
}

.grid>a:hover {
    color: #fff
}

#servers .grid div a {
    align-items: center;
    background: #0000001a;
    border-radius: 12px 0 12px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-items: center;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 40px;
    z-index: 25
}

#servers .grid div a ion-icon {
    top: -2px;
    vertical-align: middle
}

#section-servers .grid group {
    pointer-events: all
}

.home-body-servers .group {
    align-items: center;
    display: flex
}

.grid>a,
.grid>div,
.m {
    transition: .3s
}

#servers .grid div a:hover {
    background: #fff3;
    transition: .3s
}

#servers .grid div a {
    color: #aecce4
}

#servers .grid div a:hover ion-icon {
    color: #fff !important
}

.grid .big:hover .group,
.grid .big:hover .mode-name,
.grid .big:hover .mode-timer {
    opacity: 0
}

.grid .big online {
    display: none
}

.grid .big {
    height: 300px;
    width: 100%
}

.grid .big shadow {
    height: 320px
}

.grid .big,
.grid .big:active {
    cursor: pointer !important
}

.grid .big a {
    right: 10%;
    top: 10%
}

.social img .social {
    margin: 0;
    margin-left: 12px !important
}

.social:hover img {
    filter: brightness(135%);
    transition: .3s
}

.live-dot {
    background-color: #6080ff;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.live-dot:after {
    animation: signal 3s ease-out infinite;
    background-color: inherit;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.avatar .premium,
.avatar.premium {
    border: 2px solid #fdb510 !important
}

.stattrak {
    border: 3px solid #cf6a32 !important;
    color: #cf6a32
}

.star,
.star.stattrak {
    border: 3px solid #8650ac !important;
    color: #8650ac
}

.group {
    bottom: 18px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 24px;
    letter-spacing: 0;
    pointer-events: none;
    position: absolute;
    transition: .3s;
    z-index: 20
}

.group:hover {
    color: #fff;
    transition: .3s
}

.mode-online {
    bottom: 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
}

.grid slots {
    color: #aecce4;
    font-size: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    transition: .3s;
    z-index: 25
}

.grid>div:hover slots {
    color: #fff;
    transition: .3s
}

.grid online {
    background: #00000080;
    cursor: help;
    height: 16px;
    margin-right: 11px
}

.grid online,
.grid online players {
    border-radius: 4px;
    display: inline-block;
    width: 4px
}

.grid online players {
    background: red;
    bottom: 0;
    position: absolute
}

.grid online .orange {
    background: #f6b949;
    box-shadow: 0 0 2px #f6b94980
}

.grid online .green {
    background: #85f479;
    box-shadow: 0 0 2px #85f47980
}

.grid online .red {
    background: #eb645d;
    box-shadow: 0 0 2px #eb645d80
}

h1 {
    font-size: 48px
}

h1,
h3 {
    display: block;
    text-transform: uppercase
}

h3 {
    font-size: 24px;
    text-align: center
}

.grid .disabled {
    pointer-events: none
}

.disabled {
    color: #8aa2b666;
    filter: grayscale(100%)
}

.position {
    background: #0000 !important;
    background-color: initial !important;
    position: absolute;
    top: 0 !important
}

.list-style-dot li:before {
    border-color: #0000;
    color: #ffffff1a;
    content: "★";
    font-size: 24px;
    text-shadow: none;
    top: -1px;
    transition: .3s
}

.list-style-dot li:hover:before {
    color: #fdb510;
    transform: scale(.75);
    transition: .3s
}

#profile-main {
    align-items: center;
    display: flex;
    margin-top: 42px
}

#name_player {
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#profile-main>p {
    clear: both;
    font-size: 12px;
    opacity: .5;
    padding-bottom: 19px
}

#profile-main .xp-bar .loyalty__progressBar--3fut {
    margin-left: -32px;
    margin-right: -40px !important;
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__progressBg--2f0j {
    padding-bottom: 0
}

#profile-main .xp-bar .loyalty__giftInfo--2qi6 {
    position: absolute;
    right: 0;
    top: 0
}

#profile-main .xp-boost {
    top: -16px !important
}

#profile-main .xp-boost img {
    vertical-align: middle
}

#profile-maps {
    border: 1px solid #0003;
    border-radius: 12px;
    display: none;
    float: right;
    margin: 24px 24px 0;
    overflow: hidden;
    width: 50%
}

#profile-maps .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

#profile-maps .th>div:first-of-type {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 80%
}

#profile-maps .th>div:nth-of-type(2) {
    color: #ffffff80;
    display: inline-block;
    font-size: 14px;
    right: -20px;
    text-align: left;
    vertical-align: top;
    width: 20%
}

#profile-maps>div>div:nth-of-type(2n) {
    background: linear-gradient(90deg, #0000 0, #0000001a 48%, #0000)
}

#profile-maps>div>div:hover {
    background: linear-gradient(90deg, #fff0 0, #ffffff0d 48%, #fff0);
    transition: .3s
}

#profile-maps>div>div {
    border-top: 1px solid #0000001a;
    display: block;
    padding: 12px 0;
    white-space: nowrap
}

#profile-maps>div .hide {
    display: block !important
}

#profile-maps div div>div>div {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

#profile-maps div img {
    border-radius: 6px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: middle;
    width: 90px
}

#profile-maps>div div:last-of-type {
    border-bottom: 0
}

#profile-maps>div div:first-of-type {
    border-top: 0
}

#profile-maps>div div>div:first-of-type {
    padding-left: 5%;
    text-align: left;
    width: 75%
}

#profile-maps>div div>div:nth-of-type(2) {
    top: -2px;
    width: 20%
}

nav#profile-nav a {
    width: auto !important
}

details.disabled {
    background: #0000 !important t;
    opacity: .2 !important
}

details.disabled * {
    filter: grayscale(100%)
}

details.disabled balance {
    filter: grayscale(0) !important
}

.table .th {
    border-bottom: 1px solid #0003;
    border-top: 0;
    font-size: 0;
    opacity: 1;
    padding: 14px 0 16px;
    position: sticky;
    top: 0 !important;
    z-index: 10
}

.table .th>div {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

#socials {
    left: 0;
    top: 0
}

#socials h4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 0;
    margin-right: 8px;
    padding: 0
}

#socials a:not(:last-child) {
    margin-right: 14px
}

label img {
    bottom: 16px;
    height: 16px;
    opacity: 1;
    position: absolute;
    right: 16px;
    width: 18px
}

.grid.modes {
    padding-left: 0
}

.image {
    border-radius: 12px;
    margin-top: 0;
    width: 480px
}

div#features div {
    clear: both
}

input {
    background: #0000001a;
    border: 1px solid #0000;
    border-radius: 6px;
    box-shadow: inset 0 -1px #ffffff1a, inset 0 2px 2px #0003;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    width: 100%
}

#information .avatar {
    border-radius: 100%;
    height: 128px;
    width: 128px
}

.status.online {
    color: #33ff7b;
    opacity: 1
}

#content {
    padding-bottom: 0 !important
}

ul#languages {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #191f236b !important;
    border-radius: 12px;
    bottom: 48px;
    display: none;
    font-size: 0;
    left: 10px;
    margin: 8px;
    overflow: hidden;
    position: absolute;
    width: 48px;
    z-index: 100
}

ul#languages li {
    border-bottom: 1px solid #ffffff0d
}

#languages div {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    transition: .3s;
    width: 48px
}

ul#languages li:last-of-type {
    border-bottom: 0
}

ul#languages a:hover img {
    transform: scale(1.1);
    transition: .3s
}

ul#languages img {
    height: 16px;
    margin-right: 0 !important;
    margin-right: 6px;
    top: 0;
    transition: .3s;
    vertical-align: middle
}

ul#languages h4 {
    font-size: 9px;
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    top: 6px
}

ul#languages>a {
    font-size: 12px;
    top: 0
}

ul#languages>a img {
    height: 16px;
    margin-right: 6px;
    top: -1px;
    vertical-align: middle
}

.verify {
    background: #14191e00;
    color: #6080ff;
    height: 24px;
    margin-left: 12px
}

.group img {
    height: 12px;
    margin-right: 6px
}

.container.disabled {
    opacity: .5;
    pointer-events: none
}

.access,
.cancel,
.checking,
.error,
.success,
.twink {
    border-color: #0000 !important
}

#play {
    margin-bottom: 0;
    margin-top: -2px !important;
    padding-top: 0
}

#ready {
    background: #0000;
    box-shadow: 0 0 16px #6080ff1a !important;
    display: block
}

#ready.ready {
    box-shadow: 0 0 16px #33ff7b1a !important;
    color: #33ff7b
}

.skin icon {
    left: 0;
    margin: auto;
    right: 0;
    top: 24px;
    z-index: 100
}

.skin icon,
.skin icon img {
    display: block;
    position: absolute;
    width: 48px
}

.skin icon img {
    height: 48px;
    margin: 0 auto;
    top: 96px
}

.skin shadow {
    background: linear-gradient(135deg, #000, #0000) !important
}

details:hover {
    opacity: 1 !important;
    transition: .3s
}

#support-open {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    position: fixed;
    right: 16px;
    top: auto;
    z-index: 1199
}

.lvl {
    border: 0 !important;
    color: #fefefe;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 12px
}

.read {
    background: #0000 !important;
    opacity: .5 !important
}

#terms #content {
    height: 1024px
}

#nav-competitions .disabled,
#nav-servers .disabled,
#profile-nav .disabled {
    cursor: no-drop;
    opacity: .5
}

#aside-chat-show-swipe-area {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 1180
}

button#aside-chat-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0000000d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 48px;
    margin-top: -24px;
    position: fixed;
    right: 11px;
    top: 50%;
    width: 48px;
    z-index: 1195 !important
}

button#aside-chat-show:hover {
    background: #0000001a
}

button#aside-chat-show img {
    filter: invert(100%);
    height: 24px;
    opacity: .5;
    vertical-align: middle;
    width: 24px
}

button#aside-chat-show ion-icon {
    font-size: 24px !important
}

button#aside-chat-show span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    transition: .3s
}

button#aside-chat-hide {
    background: #0000;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-right: 12px;
    width: 32px;
    z-index: 1290
}

button#aside-chat-hide:hover {
    background: #ffffff0d !important;
    transition: .3s
}

button#aside-chat-hide img {
    filter: invert(100%);
    height: 16px;
    opacity: .5;
    vertical-align: middle
}

#gif {
    display: none;
    right: 0
}

#gif,
#gif img {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

#gif img {
    opacity: .1;
    width: 100%
}

#gif:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: radial-gradient(ellipse at center, #14191e00 0, #0f141b 75%, #0f141b 100%);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000f161d", endColorstr="#0f141b", GradientType=1);
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

aside#header .logo {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 14px 0;
    width: 100%
}

aside#header .logo img,
aside#header .logo video {
    height: 45px;
    margin: 0;
    opacity: 1;
    width: 60px
}

aside#header .profile .avatar {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    vertical-align: middle;
    width: 40px
}

aside#header .profile {
    font-size: 0;
    line-height: 64px;
    padding: 0;
    top: 0;
    width: 64px
}

aside#header .profile .avatar:hover {
    transform: scale(1.1);
    transition: .3s
}

aside#header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

aside#header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 32px;
    left: -3px;
    position: absolute;
    top: 28px;
    width: 32px
}

aside#header .profile ion-icon {
    font-size: 24px
}

.online {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 14px;
    padding: 6px 0 12px;
    text-align: center;
    width: 100%
}

.online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.online>span>span {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

aside#header {
    background: linear-gradient(180deg, #030b12 0, #0f141b);
    background: #0c101a;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    width: 84px;
    z-index: 1199
}

aside#header nav {
    height: fit-content;
    width: 100%
}

aside#header .langs {
    text-align: center;
    width: 100%;
    z-index: 10000
}

aside#header .langs h4 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    margin-bottom: -10px;
    padding-bottom: 0;
    text-align: center
}

.choosen-lang {
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 64px;
    line-height: 84px;
    transition: .3s;
    width: 100%
}

.choosen-lang:hover {
    color: #aecce4;
    transition: .3s
}

.choosen-lang img {
    height: 16px;
    margin-right: 0;
    top: -7px;
    transition: .3s;
    width: 16px
}

.choosen-lang:hover img {
    transform: scale(1.1);
    transition: .3s
}

aside#header .premium img {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

aside#header .help ion-icon {
    font-size: 24px
}

aside#header .play img {
    height: 18px !important
}

aside#header .play:after {
    background: #ffffff05;
    bottom: -8px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

aside#header .play ion-icon {
    font-size: 24px
}

header {
    align-items: center;
    background: #11141c;
    box-shadow: none;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 84px;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    white-space: nowrap;
    z-index: 1200
}

header #socials {
    display: flex;
    gap: 24px;
    left: 1%;
    top: 0
}

nav#sort {
    display: block
}

nav#sort div {
    display: inline-block
}

nav#sort div>a {
    font-size: 12px
}

nav#sort div>a ion-icon {
    margin-left: 6px;
    top: 2px
}

nav#sort div>a img {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

nav#sort ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0c0f12e6;
    border-radius: 12px;
    display: none;
    position: absolute;
    top: 48px;
    z-index: 100
}

nav#sort ul a {
    border-bottom: 1px solid #ffffff0d;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 100%
}

nav#sort ul a ion-icon {
    font-size: 16px;
    margin-right: 10px;
    top: 4px
}

nav#sort ul li:last-of-type a {
    border-bottom: 0
}

nav#sort .icon-left ion-icon {
    left: -6px !important;
    position: relative !important;
    top: 2px
}

header hgroup,
header hgroup h1 {
    text-align: center
}

header hgroup h1 {
    font-family: Roboto Condensed, sans-seri;
    font-size: 18px;
    line-height: 60px;
    margin-top: 0;
    max-width: 100% !important;
    padding: 0;
    text-transform: none;
    width: 100% !important
}

header img {
    vertical-align: middle
}

header .notifications {
    background: #0000;
    box-shadow: none !important;
    display: block;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0 !important;
    padding: 0 !important;
    top: 0;
    width: 48px
}

header .notifications span {
    background: #ff5150;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 20px;
    padding: 0 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    transition: .3s
}

header .balance {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px;
    min-width: auto;
    pointer-events: none
}

header .balance balance {
    color: #8a9dab;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    left: 0
}

header .balance balance,
header .balance p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    letter-spacing: 1px
}

header .balance p {
    color: #ffffff80;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400 !important;
    margin-bottom: 0;
    text-align: right;
    text-align: left;
    text-transform: uppercase
}

header .balance:hover p {
    color: #aecce4;
    transition: .3s
}

header .balance balance img {
    height: 18px;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle
}

header .balance ion-icon {
    float: left;
    font-size: 32px;
    margin-right: 12px;
    opacity: .1
}

header .profile img {
    background: #0000 !important;
    border: 0;
    border-radius: 100%;
    height: 40px;
    margin-right: 0 !important;
    width: 40px
}

header .profile {
    float: right;
    font-size: 0;
    padding: 0
}

header .profile span {
    color: #8a9dab;
    font-size: 12px;
    font-weight: 700;
    left: 78px;
    position: absolute;
    top: 16px
}

header .profile .lvl {
    background: none;
    border-radius: 100%;
    box-shadow: none;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 40px
}

header .login {
    background-image:
        /*savepage-url=https://cybershoke.net/storage/images/svg/dot-arrow.svg*/
        url();
    background-position: center right 12px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #fff;
    float: right;
    height: 60px;
    line-height: 60px;
    opacity: .5;
    padding: 0;
    z-index: 100
}

header .login span {
    border-radius: 6px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    opacity: 0;
    padding-left: 0
}

header .login img {
    border-radius: 8px;
    display: inline-block;
    height: 32px !important;
    opacity: 1;
    right: 0
}

header .login:hover {
    background-image: none;
    background-position: 100%;
    color: #fff;
    opacity: 1
}

header .login:hover span {
    color: #fff9;
    opacity: 0;
    transition: .3s
}

header .login:hover img {
    opacity: 1;
    transition: .3s
}

#nav-servers {
    background-color: initial !important;
    display: block;
    font-size: 0;
    margin: 0 1%;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 9
}

#nav-servers>div {
    margin: 0 auto;
    overflow: hidden
}

#nav-servers>div>div {
    overflow: hidden
}

#nav-servers a {
    background-color: #ffffff0d;
    border-radius: 8px;
    color: #aecce4 !important;
    display: inline-block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 3px 2px;
    opacity: 1;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s
}

#nav-servers a:last-of-type {
    margin-right: 0
}

#nav-servers a:hover {
    background: #ffffff1a;
    color: #6080ff !important;
    transition: .3s
}

#nav-servers a.active {
    background: #6080ff30;
    color: #6080ff !important;
    font-weight: 700
}

#nav-servers a[disabled] {
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

#nav-servers a ion-icon {
    margin-right: 6px;
    top: 2px
}

#nav-servers a img {
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    width: 16px
}

#nav-servers a.active span {
    display: inline-block !important
}

#nav-servers span {
    border: 2px solid #8aa2b6;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 19px;
    margin-left: 6px;
    min-width: 24px;
    padding: 0 5px 0 6px;
    text-align: center;
    top: -1px;
    transition: .3s
}

#nav-servers a.active span {
    border-color: #6080ff
}

#nav-servers {
    white-space: normal
}

#page-servers {
    height: 100%;
    width: 100%
}

#page-servers h2 {
    font-size: 40px;
    text-transform: uppercase
}

#page-servers h1,
#page-servers h2 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700
}

#page-servers h1 {
    padding: 0
}

#premium {
    font-family: Roboto, sans-serif !important;
    font-family: var(--font-family-1) !important;
    overflow: hidden
}

.avatar {
    border-radius: 100%
}

#contacts h2 {
    color: #fff;
    font-size: 32px
}

#contacts form {
    padding-top: 24px
}

#contacts form h4:not(:first-of-type) {
    padding-top: 0
}

#contacts form input {
    border: 1px solid #ffffff1a;
    height: 38px;
    margin-bottom: 6px;
    padding-left: 44px
}

#contacts form input:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form input:focus {
    border: 1px solid #6080ff
}

#contacts form textarea {
    background: #0000001a;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 196px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 12px 16px 14px;
    text-align: left;
    width: 100%
}

#contacts form textarea:hover {
    border: 1px solid #fff3;
    transition: .3s
}

#contacts form label img {
    height: 16px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 17px
}

#contacts form textarea:focus {
    border: 1px solid #6080ff
}

#contacts form {
    flex: 1 1
}

#contacts form>div {
    display: flex;
    flex-direction: row
}

#contacts form div>div {
    flex: 1 1
}

#contacts form label {
    display: block;
    padding: 6px 16px
}

#contacts form button {
    margin-bottom: 16px
}

#submit_feedback {
    margin-left: 16px
}

#contacts form small {
    color: #ffffff80;
    cursor: default;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px
}

#contacts form small a:hover {
    text-decoration: underline !important
}

#contacts h4 {
    clear: both
}

#contacts .container {
    line-height: 1.5;
    margin-left: 16px;
    padding-left: 32px;
    padding-right: 16px;
    padding-top: 2px
}

::placeholder {
    color: #ffffff80
}

#langs-confirm {
    background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%);
    border-radius: 12px;
    bottom: 12px;
    font-family: Roboto;
    left: 60px;
    padding: 24px;
    position: absolute;
    width: 330px;
    z-index: 1200
}

#langs-confirm-choose {
    box-shadow: none !important;
    height: auto;
    line-height: 38px !important
}

#langs-confirm>a {
    top: 12px !important
}

#langs-confirm h4 {
    align-items: center;
    color: #ecf1f8;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none
}

#langs-confirm img {
    margin-right: 8px;
    width: 16px
}

#langs-confirm span {
    color: #6080ff
}

#langs-confirm p {
    color: #9fa7be;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 24px
}

#langs-confirm:before {
    border-bottom: 8px solid #0000;
    border-right: 8px solid #171c26;
    border-top: 8px solid #0000;
    bottom: 12px;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

#langs-confirm>div button:first-of-type {
    background: #6080ff1a;
    border-radius: 8px;
    color: #6080ff;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .01em;
    line-height: auto;
    padding: 12px 39px;
    width: auto
}

#langs-confirm>div button:hover {
    transform: none !important
}

.options .container {
    color: #fff
}

#langs-confirm strong>ion-icon {
    color: #6080ff
}

h4 hr {
    background: #000;
    margin-bottom: 0 !important;
    width: 100%
}

#serverInfoModal #table-scroller {
    height: 240px
}

.settings form label {
    display: inline-block !important
}

.settings form label:nth-of-type(2) {
    margin-right: -2.5% !important
}

.headshots {
    height: 20px
}

.lvl-1 .avatar,
.lvl-2 .avatar,
.lvl-3 .avatar,
.lvl-4 .avatar {
    border: 2px solid #4698ff !important
}

.lvl-5 .avatar,
.lvl-6 .avatar,
.lvl-7 .avatar,
.lvl-8 .avatar {
    border: 2px solid #93f !important
}

.lvl-10 .avatar,
.lvl-11 .avatar,
.lvl-12 .avatar,
.lvl-9 .avatar {
    border: 2px solid #ffcc4c !important
}

.lvl-13 .avatar,
.lvl-14 .avatar,
.lvl-15 .avatar,
.lvl-16 .avatar {
    border: 2px solid #e50022 !important
}

.lvl-17 .avatar {
    border: 2px solid #5151e7 !important
}

.lvl-18 .avatar {
    border: 2px solid #67cb35 !important
}

.lvl-19 .avatar {
    border: 2px solid #cc2929 !important
}

#confirm {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    display: none;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#confirm:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

#buy,
.buy {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15) !important;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important
}

#buy:hover,
.buy:hover {
    box-shadow: 0 0 4px #eda53180 !important;
    transition: .3s
}

.btn {
    background: #6080ff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: auto
}

.btn:hover {
    filter: brightness(110%);
    transition: .3s
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: inset 0 3px 5px #0003 !important;
    box-shadow: inset 0 3px 5px #0003 !important;
    transition: .3s
}

button[disabled],
input[type=submit][disabled] {
    pointer-events: none
}

#use {
    background: #6080ff;
    border-radius: 6px;
    box-shadow: inset 0 1px #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 6px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

#use:hover {
    box-shadow: inset 0 1px #ffffff80, 0 0 3px #6080ff;
    transition: .3s
}

.owner {
    filter: invert(100%);
    height: 16px !important
}

.money {
    color: #afd999;
    float: right;
    font-size: 20px
}

.money ion-icon {
    color: inherit;
    margin-left: 12px;
    top: -2px;
    vertical-align: middle
}

#game #chat {
    border-radius: 12px
}

#game #chat .message p a {
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.options .active hr {
    display: block !important
}

.options select {
    background: #0000001a;
    border: 0;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-bottom: -2px;
    overflow: hidden;
    padding: 0 64px 0 24px;
    text-overflow: ellipsis;
    transition: .5;
    width: 100%
}

.options select:hover {
    background: #0003;
    color: #aecce4;
    transition: .5
}

.options select option {
    color: #000 !important
}

#settings select {
    background: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    color: #ffffff80;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 64px 0 16px;
    text-overflow: ellipsis;
    transition: .5
}

#settings select:hover {
    border: 1px solid #fff3;
    color: #aecce4;
    transition: .5
}

#settings select:focus {
    border: 1px solid #6080ff;
    color: #fff
}

#settings select option {
    color: #000 !important
}

ol {
    counter-reset: myCounter
}

li {
    list-style: none;
    outline: none
}

ol li:before {
    border: 2px solid #aecce4;
    border-radius: 100%;
    color: #fff;
    content: counter(myCounter);
    counter-increment: myCounter;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    top: 0;
    width: 32px
}

.pointer-events-none {
    pointer-events: none !important
}

li p small {
    color: #ff9e15;
    display: block;
    text-transform: lowercase
}

li p {
    overflow: hidden
}

.btn.red {
    background: #0000 !important;
    border: 1px solid #ff5150 !important;
    color: #ff5150
}

.btn.red,
.btn.red:hover {
    box-shadow: none !important
}

.btn.white {
    background: #0000 !important;
    border: 1px solid #ffffff80 !important;
    line-height: 40px !important
}

.btn.white:hover {
    box-shadow: none !important
}

.btn.green {
    background: #0000 !important;
    border: 1px solid #00ff8f !important;
    color: #00ff8f;
    line-height: 40px !important
}

.btn.green:hover {
    box-shadow: none !important
}

.btn.gray,
.btn.gray:hover {
    filter: grayscale(100%)
}

.btn.green.outline {
    border: 1px solid #00ff8f !important
}

.btn.green.no-border,
.btn.green.outline {
    background: #0000 !important;
    color: #00ff8f
}

.btn.green.no-border,
.btn.no-border {
    border: 0 !important
}

.btn.no-border {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-border:hover {
    box-shadow: none !important
}

.btn.outline {
    border: 1px solid #6080ff !important
}

.btn.no-bg,
.btn.outline {
    background: #0000 !important;
    color: #6080ff
}

.btn.no-bg {
    border: 0 !important
}

.btn.icon-left ion-icon {
    color: inherit;
    font-size: 20px !important;
    left: -4px;
    margin-right: 12px;
    top: -2px;
    vertical-align: middle
}

#date {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.gold {
    text-shadow: none
}

.profile-buttons {
    bottom: 36px;
    position: absolute;
    right: 14px;
    z-index: 10
}

.profile-buttons>button {
    margin-right: 12px !important
}

.skin-icon {
    float: left !important;
    height: auto !important;
    max-height: 40px;
    max-width: 40px;
    position: relative !important;
    top: 0 !important;
    width: auto !important
}

.skin-name {
    margin-bottom: 3px
}

.skin-categories {
    color: #ffffff80;
    font-size: 12px
}

.grid.max .big {
    width: 12.75% !important
}

.grid.max>a,
.grid.max>div {
    width: 18.5% !important
}

#policy {
    background-color: #565656e6;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    cursor: default;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60%;
    z-index: 100000000000000
}

#policy svg {
    cursor: pointer;
    float: right;
    height: 12px;
    margin-right: 12px;
    top: 1px;
    width: 12px
}

#policy svg:hover {
    opacity: .8;
    transform: scale(1.1);
    transition: .3s
}

#policy a {
    color: #6080ff;
    text-decoration: none
}

#policy a:hover {
    text-decoration: underline
}

nav select {
    background: #0000;
    border: 1px solid #fff3;
    border-radius: 6px;
    display: none;
    font-size: 16px;
    height: 32px;
    left: 10%;
    padding: 0 16px;
    width: 90%
}

.overflow-hidden {
    overflow: hidden
}

#serverInfoModal .table .th {
    border-bottom: 1px solid #0000001a;
    height: 40px
}

#serverInfoModal .table .th>div:first-of-type {
    display: inline-block;
    float: left;
    text-align: left !important
}

#serverInfoModal .table .th>div:nth-of-type(2),
#serverInfoModal .table .th>div:nth-of-type(3) {
    display: inline-block;
    float: right;
    width: 25%
}

input.info {
    border-color: #339cff !important
}

input.success {
    border-color: #33ff7b !important
}

input.error {
    border-color: #ff5150 !important
}

input.warning {
    border-color: #ffb933 !important
}

#alerts .info {
    background: #339cff;
    box-shadow: 0 0 6px #339cff80
}

#alerts .success {
    background: #33ff7b;
    box-shadow: 0 0 6px #33ff7b80
}

#alerts .error {
    background: #ff5150;
    box-shadow: 0 0 6px #ff515080
}

#alerts .warning {
    background: #ffb933;
    box-shadow: 0 0 6px #ffb93380
}

form p.info {
    color: #339cff !important;
    font-size: 12px
}

form p.success {
    color: #33ff7b !important;
    font-size: 12px
}

form p.error {
    color: #ff5150 !important;
    font-size: 12px
}

form p.warning {
    color: #ffb933 !important;
    font-size: 12px
}

#online-listModalOpen>span {
    top: 0
}

#settings h3 img {
    filter: grayscale(100%);
    height: 32px;
    margin-right: 16px;
    width: 32px
}

#settings h3 {
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>div {
    flex: 1 1
}

#arcticModals {
    display: none
}

.arcticmodal-container,
.arcticmodal-overlay {
    background: #0000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200
}

.arcticmodal-container {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    overflow: auto;
    padding: 0
}

:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    vertical-align: middle
}

.arcticmodal-error {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 20px
}

.arcticmodal-overlay {
    background-color: #13161b99;
    opacity: 1
}

.arcticmodal {
    background: #151d27;
    border-radius: 12px;
    box-shadow: 0 10px 20px 0 #ffffff05;
    display: block;
    overflow: hidden
}

.arcticmodal>h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    opacity: .95;
    text-transform: none;
    text-transform: uppercase
}

.arcticmodal>h2,
.arcticmodal>p {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    text-align: center
}

.arcticmodal>p {
    font-size: 16px;
    line-height: 19px;
    opacity: .5;
    padding-top: 10px
}

.cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px
}

.cover shadow {
    background: linear-gradient(180deg, #0000 0, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal {
    background: linear-gradient(0deg, #171c2a 71.09%, #13182100 129.73%), #171c2a;
    border-radius: 32px;
    box-shadow: 0 4px 134px 0 #0000005e;
    width: 823px;
    z-index: 1000000
}

#serverInfoModal.arcade-mode {
    width: 344px
}

#serverInfoModal .cover {
    background-size: contain;
    border-radius: 12px 12px 0 0;
    height: 128px;
    margin: 0 0 24px;
    opacity: .15;
    overflow: hidden
}

#serverInfoModal .cover shadow {
    background: linear-gradient(180deg, #41434500 0, #151d27 91%, #151d27);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#serverInfoModal .icon {
    border-radius: 100%;
    display: block;
    height: 48px;
    left: 0;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 40 !important
}

#serverInfoModal .score {
    display: block;
    margin-top: -64px;
    overflow: hidden;
    padding: 0 16px;
    text-align: center
}

#serverInfoModal time {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    text-align: center;
    text-transform: none;
    top: -36px
}

#serverInfoModal ion-icon {
    color: inherit;
    margin-right: 6px;
    top: 2px
}

#pracInfoModal {
    padding: 0;
    width: 520px
}

.grid h4 {
    padding: 0 0 16px
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

#ad {
    width: 100%
}

#ad,
#game {
    margin-top: 0
}

#game {
    z-index: 1000
}

#game #score {
    display: block;
    margin-top: 128px;
    overflow: hidden;
    text-align: center
}

#game h1 {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 16px;
    left: 0;
    margin-bottom: -32px !important;
    max-width: 100%;
    padding-top: 24px;
    pointer-events: none;
    text-align: center;
    text-transform: none
}

.avatar {
    background: linear-gradient(0deg, #3b4851 51%, #252d30 88%)
}

#serverInfoModal-scroller {
    height: 640px;
    padding-bottom: 12px;
    padding-top: 12px
}

.skin>div {
    overflow: hidden;
    top: 0
}

.skin p {
    position: absolute !important;
    top: 16px !important;
    z-index: 1000
}

.skin>span {
    border-radius: 100%;
    height: 6px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 6px;
    z-index: 100
}

.skin.cover>div img {
    top: 0 !important
}

.cancel {
    background: #0000 !important
}

.cancel,
.cancel:hover {
    box-shadow: none !important;
    transition: .2s
}

.cancel:hover {
    opacity: .5
}

h4 {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.grid.shop h4 {
    padding-left: 10px
}

.grid.shop .skin p {
    color: #c8cfdb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    opacity: .9;
    padding: 0 16px;
    z-index: 35 !important
}

.grid.shop .skin p span {
    color: #6c6c71;
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 13px;
    margin-bottom: 4px;
    margin-top: 4px
}

.grid.shop .skin .btn.mini {
    background: #0000;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #ffffff0d;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    left: 0;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(1);
    width: 100%;
    z-index: 45 !important
}

.grid.shop .skin button strong {
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    right: 0
}

.grid.shop .skin button strong img {
    top: -3px
}

.display-block,
.display-block>label {
    display: block !important
}

.options label small {
    color: #ffffff80;
    float: right;
    font-weight: 400
}

aside#shop {
    box-shadow: none !important;
    float: right;
    margin-right: 12px;
    width: 240px
}

aside#shop h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-top: 0
}

aside#shop h2 {
    padding-top: 0
}

aside#shop>h4 {
    padding-top: 12px
}

.skin.device div img {
    top: 90px !important
}

form label p small {
    color: #ffffff80;
    float: right;
    font-size: 10px;
    top: 3px
}

#terms p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

#terms a {
    opacity: .7;
    text-decoration: underline
}

@media (max-width:1100px) {
    #socials h4 {
        display: none !important
    }

    #top-modes {
        padding-left: 24px
    }

    #top-modes h2 {
        margin-top: -24px
    }
}

.relative {
    position: relative !important
}

@media (max-width:576px) {
    header [not-mobile] {
        display: none !important
    }

    .wrap {
        padding: 0
    }
}

@media (min-width:992px) {
    #game h1 {
        top: -80px !important
    }
}

button {
    cursor: pointer;
    font-family: Roboto;
    transition: filter .3s ease
}

button:not(.disabled):hover {
    filter: brightness(115%)
}

#game h1.resp {
    padding-top: 0;
    top: -64px
}

.container>img {
    border-radius: 100%
}

.tippy-box {
    max-width: 390px !important
}

a {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    background: #0000;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #0000
}

::-webkit-scrollbar-thumb {
    background: #0000008c;
    border: 1px solid #ffffff1a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #070a0d;
    background: #0006
}

::-webkit-scrollbar-corner {
    background: #0000
}

input {
    box-shadow: none
}

.block-servers-name {
    align-items: center;
    display: inline-flex;
    pointer-events: none
}

.block-servers-name:hover {
    transform: none !important
}

#about-competitions>div,
.bubbles-container {
    overflow: visible !important;
    overflow: initial !important
}

.category-hide,
.global-hide-default,
.global-hide-goods,
.global-hide-quality,
.global-hide-star,
.global-hide-type {
    display: none !important
}

header .login {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.options hr,
.options select {
    display: none
}

.options .btn {
    width: 100% !important
}

#langs-confirm,
.options div label {
    display: none
}

#gif img {
    object-fit: cover;
    top: -50% !important
}

.circleload {
    height: 12px !important;
    position: relative !important;
    top: 0 !important
}

.skin {
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none
}

.grid.shop .skin strong {
    bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

#category {
    display: none
}

#socials {
    height: 28px
}

#serverInfoModal .cover {
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.skin-buttons {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 53px !important;
    width: 100% !important
}

.btn-sell {
    background-color: #6080ff;
    border-color: #6080ff;
    border-radius: 9px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-pickup img {
    margin: 0 !important;
    width: 14px !important
}

.btn-pickup {
    align-items: center;
    background-color: #e3775e;
    border-color: #e3775e;
    border-radius: 9px;
    color: #fff;
    display: flex;
    float: right;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    margin: 0 0 0 5px;
    padding: 0 7px;
    transform: scale(1);
    z-index: 45
}

.btn-sell:hover {
    background-color: #6080ff !important;
    border-color: #6080ff !important;
    color: #fff !important
}

.btn-pickup:hover {
    background-color: #e3775e !important;
    border-color: #e3775e !important;
    color: #fff !important
}

.s-price {
    color: #ffa210 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

.s-price-img {
    margin-right: 6px !important;
    top: 3px !important;
    width: 16px !important
}

.s-image-drop {
    top: 40px !important;
    width: 90% !important
}

.count_in_storage {
    background: #0f141b;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    bottom: 20px;
    font-size: 15px;
    left: auto;
    min-width: 27px;
    padding: 3px;
    position: absolute;
    right: 8% !important;
    text-align: center;
    transform: scale(1);
    z-index: 9999
}

.block-servers-group-info {
    color: #ffffff80;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header-user-premium-button {
    padding: 0 !important
}

.header-user-premium-button img {
    border: 1px solid #ffb70080 !important;
    border-radius: 6px !important;
    padding: 9px !important;
    width: 30px !important
}

.block-servers-map-img {
    height: 100% !important;
    position: relative !important;
    width: 100% !important
}

.block-servers-map-img img {
    height: 100% !important;
    object-fit: cover !important;
    opacity: .3;
    width: 100% !important
}

#servers .grid div a svg {
    top: -2px;
    vertical-align: middle
}

.border-class-golden {
    border: 2px solid #d08b0d !important;
    transition: .3s
}

.new_nav_servers {
    border: 2px solid #fb9800 !important;
    color: #fb9800 !important;
    padding: 0 6px !important
}

#contacts form a {
    margin-bottom: 16px
}

.prime_border {
    border: 2px solid #60b9ebcc !important
}

#competitions aside>div ol li p span:nth-of-type(2) img {
    width: 16px !important
}

.desc {
    padding: 12px 24px 24px !important
}

.grid-inventory .grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid !important;
    -ms-flex-wrap: wrap;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.37rem, 1fr)) !important;
    width: 100% !important
}

.grid-inventory .grid h4 {
    padding-bottom: 12px;
    padding-top: 24px
}

.grid-inventory .skin {
    background-color: initial;
    border-radius: 12px;
    cursor: pointer;
    height: 200px;
    opacity: 1;
    transition: all .2s ease;
    width: auto
}

.skin:hover {
    box-shadow: 0 15px 10px 0 #15182980
}

.grid-inventory .skin:hover {
    opacity: 1;
    transform: translateY(3px);
    z-index: 101 !important
}

.color-default {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-default:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-consumer {
    background-image: linear-gradient(150deg, #dcdcdc00, #887b7b0d 60%, #65656540);
    color: #23292e
}

.color-consumer:hover {
    box-shadow: 0 10px 20px 0 #32323208
}

.color-covert {
    background-image: linear-gradient(150deg, #8847ff00, #ff47470d 60%, #eb4b4b40);
    color: #eb4b4b
}

.color-covert:hover {
    box-shadow: 0 10px 20px 0 #eb4b4b08
}

.color-industrial {
    background-image: linear-gradient(150deg, #8847ff00, #5e98d90d 60%, #5e98d940);
    color: #5e98d9
}

.color-industrial:hover {
    box-shadow: 0 10px 20px 0 #5e98d908
}

.color-classified {
    background-image: linear-gradient(150deg, #8847ff00, #ff47f10d 60%, #d32ee640);
    color: #d32ee6
}

.color-classified:hover {
    box-shadow: 0 10px 20px 0 #d32ee608
}

.color-golden {
    color: #f89406
}

.border-golden {
    border: 1px solid #f89406
}

.border-blue {
    border: 1px solid #6080ff
}

.border-blinking {
    animation: highlightBorder 2s infinite;
    border: 1px solid grey
}

.color-golden {
    background-image: linear-gradient(150deg, #8847ff00, #ffb1000d 60%, #f8940640)
}

.color-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608
}

.b-color-golden {
    background: linear-gradient(#fff0, #ff97003d 100%)
}

.color-restricted {
    background-image: linear-gradient(150deg, #8847ff00, #8847ff0d 60%, #8847ff40);
    color: #8847ff
}

.color-restricted:hover {
    box-shadow: 0 10px 20px 0 #8847ff08
}

.color-milspec {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40);
    color: #4b69ff
}

.color-milspec:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08
}

.color-logitech {
    background-image: linear-gradient(150deg, #8847ff00, #47a2ff0d 60%, #4b69ff40)
}

.color-logitech:hover {
    box-shadow: 0 10px 20px 0 #2c335808
}

.skin-bg {
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 90%
}

.grid-inventory .grid.shop .skin:hover:after {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    border-radius: 12px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important
}

.inventroy__gift:hover {
    transform: translateY(3px)
}

.grid-inventory .skin>div {
    display: flex;
    justify-content: center;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.grid-inventory .s-image-drop {
    margin-top: 0 !important;
    max-height: 88px;
    max-width: 60% !important;
    top: 18px !important;
    width: auto !important
}

.grid-inventory .skin p {
    bottom: 20px !important;
    color: #ffffffeb !important;
    font-size: 12px !important;
    top: auto !important
}

.grid-inventory .skin:hover div img {
    transform: scale(1);
    transition: .3s
}

.p_skin_quality_0 {
    color: #cf674d !important;
    font-weight: 700 !important
}

.p_skin_quality_0,
.p_skin_quality_1 {
    display: inline-block
}

.grid-inventory .check {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: absolute !important;
    right: 12px !important;
    top: -4px !important;
    width: auto !important;
    z-index: 99999 !important
}

.grid-inventory .check svg {
    width: 19px !important
}

.grid-inventory .check img {
    left: auto !important;
    margin-top: 0 !important;
    right: -3px !important;
    top: 13px !important;
    width: 19px !important
}

.block-servers-name,
.verify {
    cursor: pointer !important
}

.big {
    border: 0 solid #ffffff0d;
    opacity: 1 !important
}

.n-button {
    align-items: center;
    background: #6080ff;
    border-radius: 4px;
    color: #ecf1f8 !important;
    display: inline-flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 24px
}

.big>div>a>img,
.big>div>a>video {
    border-radius: 12px;
    height: 320px !important;
    left: 0;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 100% !important
}

.block-border-map {
    background: #14191e;
    border-radius: 12px;
    height: calc(100% - 4px) !important;
    left: 2px !important;
    overflow: hidden;
    position: absolute !important;
    top: 2px !important;
    width: calc(100% - 4px) !important
}

.big:hover {
    box-shadow: 0 10px 20px 0 #ffffff05
}

.big:hover div img {
    opacity: .7;
    transition: .5s
}

.block-border {
    background-position: 0 50%;
    background-size: 300% 300%;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border.golden {
    background: linear-gradient(60deg, #f88e14, #ff9300, #ffaf07)
}

.block-border.grey {
    background: #aecce4
}

.block-border.blue {
    background: #6080ff
}

.block-border-blue {
    background: linear-gradient(60deg, #4e7df0, #4584f0, #3d35f0);
    background-position: 0 50%;
    background-size: 300% 300%
}

.block-border-blue,
.block-border-prime {
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.block-border-prime {
    background: linear-gradient(60deg, #6ed2fe, #46a5fe, #5496fe);
    background-position: 0 50%;
    background-size: 300% 300%
}

.box-shadow-golden:hover {
    box-shadow: 0 10px 20px 0 #f8940608 !important
}

.box-shadow-blue:hover {
    box-shadow: 0 10px 20px 0 #4b69ff08 !important
}

header .exit {
    color: #eb645d;
    display: inline-block;
    float: right;
    font-size: 0;
    margin-left: 20px;
    margin-right: 21px;
    padding: 0;
    top: -1px;
    transition: .3s
}

header .exit img {
    height: 18px;
    opacity: .2;
    transition: .3s;
    width: 18px
}

header .exit:hover img {
    opacity: 1;
    transition: .3s
}

header .profile {
    margin-left: 21px
}

header .deposit {
    float: right;
    font-size: 13px !important;
    height: 36px !important;
    line-height: inherit !important;
    padding: 0 14px !important
}

header .deposit img {
    height: 15px;
    margin-left: 2px;
    width: 15px
}

.header-button-deposit {
    align-items: center;
    display: flex;
    float: right;
    height: 60px;
    margin-left: 21px
}

.header-button-premium .deposit {
    background: linear-gradient(45deg, #c37f00, #ffb000)
}

#section-servers {
    border-right: 1px solid #0003;
    display: block;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    z-index: 1000
}

.home-body-servers:hover {
    box-shadow: 0 10px 20px 0 #ffffff05;
    cursor: pointer;
    opacity: 1 !important;
    transition: .3s
}

.block-servers-map-img img {
    border-radius: 12px;
    transition: .5s
}

.home-body-servers:hover div img {
    opacity: 1 !important;
    transition: .5s
}

.tippy-arrow,
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow,
.tippy-tooltip[data-placement^=right]>.tippy-arrow {
    display: none !important
}

.page_profile_new #profile-main {
    left: 8px !important;
    top: -2px !important
}

.page_profile_new #profile-nav {
    margin-top: -6px !important;
    padding-left: 36px;
    text-align: left
}

.page_profile_new #profile-nav a {
    color: #94a7b7;
    font-weight: 700;
    padding: 0 29px
}

.xp-bar {
    float: left;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    top: -4px
}

.xp-bar-info {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 15px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-1 {
    display: inline-block
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-2 {
    color: #777 !important;
    display: inline-block;
    font-weight: 700 !important
}

.xp-bar-info-2 span {
    color: #777;
    font-weight: 400;
    margin-left: 5px
}

.page_profile_new #profile-main #date .xp-bar-info .xp-bar-info-3 {
    color: #5f5f5f !important;
    display: inline-block;
    font-weight: 500 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__giftInfo--2qi6 {
    right: 10px !important
}

.loyalty__progressBox--2KEX {
    top: -7px;
    transform: none;
    width: 640px
}

.profile-socials {
    align-items: center;
    background: #0000002b;
    border-radius: 4px;
    display: flex;
    padding: 9px 10px
}

.profile-socials-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 12px;
    position: absolute;
    right: 30px;
    z-index: 10
}

.profile-socials a {
    align-items: center;
    display: flex;
    opacity: .5
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBar--3fut {
    height: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.page_profile_new #profile-main #date .xp-bar .loyalty__progressBg--2f0j {
    height: 6px !important
}

#profile-cover {
    height: 330px !important
}

.gold #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.page_profile_new #profile-content .profile-content-block #top-stats>div {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: top !important;
    width: auto !important
}

.page_profile_new #profile-content .profile-content-block #top-stats {
    grid-gap: .6rem !important;
    align-content: flex-start !important;
    display: -ms-flexbox;
    display: grid !important;
    flex-wrap: wrap;
    gap: .6rem !important;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 20rem)) !important;
    grid-template-rows: 65px 65px 65px 65px;
    height: 100% !important;
    left: 20px;
    margin-right: 2rem !important;
    margin-top: 0;
    overflow: auto !important;
    top: 20px;
    width: 40% !important
}

#shop {
    border-top: 1px solid #0003;
    height: 88.5vh;
    padding: 0 16px
}

#date .status {
    display: inline-block;
    margin: -6px 24px 6px;
    opacity: .5
}

main {
    display: block;
    height: 100%;
    margin-left: 84px;
    margin-right: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 60px;
    transition: all .2s ease
}

.wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    width: 100%
}

#servers {
    padding-left: 3px
}

#servers .modes {
    grid-gap: .9rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .9rem !important;
    grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr));
    height: 100%;
    width: 100%
}

#routerpages {
    display: block;
    flex-grow: 1;
    width: 100%
}

.page-servers-grid {
    display: block;
    height: 100%;
    margin: 1% 1% 0
}

.table {
    border: none;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.table td,
.table th {
    border-bottom: 1px solid var(--hover);
    border-top: none;
    padding: 12px 0;
    vertical-align: middle
}

.table tbody tr:nth-of-type(2n) th {
    background: #1c233480;
    padding: 15px 0
}

.table-players-server-header th {
    background: #1c233480
}

.table tbody tr th:first-child,
.table-players-server-header th:first-child {
    border-radius: 6px 0 0 6px
}

.table tbody tr th:last-child,
.table-players-server-header th:last-child {
    border-radius: 0 6px 6px 0
}

tbody tr,
thead tr {
    width: 100%
}

.table-grid {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.alt {
    display: none;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.alt-left {
    align-items: center;
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac;
    display: none;
    font-family: Roboto;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    opacity: 1;
    outline: 0;
    padding: 0 8px;
    right: 120%;
    transition-property: visibility, opacity, transform;
    transition: .3s
}

.tip:hover .alt,
.tip:hover .alt-left {
    display: inline-flex;
    opacity: 1;
    transition: .3s
}

.home-body-servers a img {
    height: 16px;
    vertical-align: middle
}

img,
svg {
    color: inherit;
    font-size: inherit
}

.header-side-left a img {
    height: 21px;
    vertical-align: middle
}

time img {
    height: 16px;
    left: -6px;
    top: 2px
}

.edit-link-out {
    left: 20px
}

.home-body-servers {
    border-radius: 12px;
    height: 80px;
    overflow: hidden;
    transition: .3s;
    vertical-align: top;
    z-index: 1
}

.servers-grid {
    grid-gap: .8rem !important;
    align-content: flex-start !important;
    display: grid;
    gap: .8rem !important;
    grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
    height: 100% !important;
    overflow: visible;
    overflow: initial;
    padding-bottom: 20px
}

#prime-servers {
    margin-bottom: 2rem
}

#servers {
    height: 100%;
    width: 100%
}

#profile-nav div[disabled],
.site-nav a[disabled],
.support-nav li[disabled] {
    opacity: .2;
    pointer-events: none
}

#profile-nav a img {
    font-size: 24px;
    height: 13px;
    margin-right: 7px;
    opacity: .1;
    top: -1px;
    vertical-align: middle
}

#page-servers-home {
    display: none;
    overflow: visible;
    overflow: initial
}

#page-servers-servers {
    display: none;
    gap: 0;
    grid-template-columns: 1fr 270px;
    width: 100%
}

#page-servers-servers-no-prime,
#page-servers-servers-prime {
    padding-left: 21px
}

#nav-servers .nav-servers-button-setting {
    opacity: 0;
    padding: 0 12px !important
}

#nav-servers .nav-servers-button-setting:hover,
#nav-servers .nav-servers-button-setting:hover img {
    opacity: .8
}

#nav-servers .nav-servers-button-setting img {
    height: 20px !important;
    margin-right: 0 !important;
    opacity: .2;
    top: -1px;
    transition: .3s;
    width: 20px !important
}

#nav-servers:hover .nav-servers-button-setting {
    opacity: .4;
    transition: .3s
}

#profile-friends {
    margin: 1%
}

.block-profile-friends-menu {
    display: block;
    float: left;
    width: 100%
}

.block-profile-friends-menu-grid-line {
    align-items: center;
    background: #0a0f1552;
    cursor: pointer;
    flex-direction: row;
    font-size: 16px;
    height: 50px;
    padding: 13px 11px;
    transition: .3s;
    vertical-align: middle;
    width: 100%
}

.block-profile-friends {
    display: block;
    float: right;
    width: 100%
}

.block-profile-friends-f-block {
    background: #131a24;
    border-radius: 5px;
    display: flex;
    height: 50px;
    transition: .3s
}

#block-profile-friends-offline .block-profile-friends-f-block {
    opacity: .7
}

.block-profile-friends-f-block:hover {
    cursor: pointer;
    opacity: 1;
    transform: translateY(3px) !important;
    transition: .3s;
    z-index: 101 !important
}

.block-profile-friends-f-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.block-profile-friends-f-block-content-name {
    color: #818fa3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-profile-friends-f-block-content-server {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-server {
    overflow: hidden;
    white-space: nowrap;
    width: 55%
}

.block-profile-friends-f-block-img {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 10px
}

.block-profile-friends-f-block-img img {
    border-radius: 50%;
    height: 31px;
    object-fit: cover;
    width: 31px
}

.block-profile-friends-f-block-img:before {
    background: #636772;
    border: 2px solid #0f141b;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 1
}

#block-profile-friends-online .block-profile-friends-f-block-img:before {
    background: #3999de
}

#block-profile-friends-in-game .block-profile-friends-f-block-img:before {
    background: #33ff7b
}

.block-profile-friends-grid {
    grid-gap: .8rem;
    align-content: flex-start;
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
    margin-bottom: 24px;
    overflow: visible;
    overflow: initial;
    width: 100%
}

.block-profile-friends-w h4 {
    color: #748297;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    text-transform: none
}

#block-profile-friends-online .block-profile-friends-f-block-content-name {
    color: #57cbde
}

#block-profile-friends-in-game .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #a3cf06
}

#block-profile-friends-in-game .block-profile-friends-f-block-content-name {
    color: #e3ffc2
}

#block-profile-friends-offline .block-profile-friends-f-block .block-profile-friends-f-block-content .block-profile-friends-f-block-content-server {
    color: #586577
}

#profile_button_connect img {
    height: 20px;
    right: 10px;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

.table-players-server-header tr th {
    color: #7a8697;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0
}

.data-one-server-info tr th {
    color: #e1e9fd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.data-one-server-info a,
.data-one-server-info tr th {
    align-items: center;
    display: flex
}

.table-players-server-header tr:nth-of-type(odd) {
    background: #0000 none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important
}

.data-one-server-info tr,
.table-players-server-header tr {
    display: grid;
    grid-template-columns: 80px 98px 1fr 1fr 1fr 1fr 1fr 1fr
}

.arcade-mode .data-one-server-info tr,
.arcade-mode .table-players-server-header tr {
    grid-template-columns: 60px 120px 1fr
}

.data-one-server-info a {
    height: 100%
}

.table-players-server-body {
    display: grid;
    height: 247px;
    padding-right: 6px;
    width: calc(100% + 6px)
}

#profile-stats {
    width: 100%
}

.profile-stats-grid {
    grid-gap: .8rem !important;
    display: grid;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    gap: .8rem !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.profile-stats-grid div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin: 14px 0;
    text-align: center;
    vertical-align: middle
}

.profile-stats-grid div strong {
    font-size: 26px;
    font-weight: 700
}

.profile-stats-grid div p {
    font-size: 15px;
    font-weight: 500;
    opacity: .5
}

#p-profile-faceit-country img {
    width: 22px
}

#deviceModal form h4 {
    left: 10px;
    margin-bottom: 14px
}

#video-compare-container {
    border-radius: 5px;
    display: inline-block;
    height: 270px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#video-compare-container>img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

#video-clipper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#video-clipper img {
    height: 100%;
    width: 200%
}

#video-clipper>div {
    height: 100% !important
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.p-ch-block-menu {
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

.p-ch-block-menu h4 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    text-transform: inherit;
    transition: .3s
}

.p-ch-block-menu summary {
    cursor: pointer;
    padding: 16px 0
}

.p-ch-block-menu details[open] summary {
    background: #1d2330;
    border-radius: 5px
}

.p-ch-block-menu h4:hover {
    cursor: pointer;
    transition: .3s
}

.p-ch-block-menu h4 .arrow {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 12px
}

.p-ch-block-menu details[open] .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.p-ch-block-menu ul {
    border-left: 2px solid #1d2330;
    margin: 10px 0 8px 24px;
    padding-left: 26px
}

.p-ch-block-menu li {
    align-items: center;
    color: #919ba7;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px
}

.p-ch-block-menu li.active {
    color: #d9e3f1
}

.p-ch-block-menu li.colored:before {
    background: #6080ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li {
    color: #eaf2ffb3;
    font-size: 14px;
    font-weight: 500;
    left: 30px;
    padding: 7px 0;
    transition: .3s
}

.blue-dotted-list li:before {
    background: #1c2430;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.blue-dotted-list li.active:before {
    background: #6080ff
}

.blue-dotted-list li.active {
    color: #fff;
    transition: .3s
}

.blue-dotted-list li:hover {
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.p-ch-grid {
    overflow: scroll;
    overflow-x: hidden
}

.block-profile-friends-f-block .block-profile-friends-f-block__connect {
    align-items: center;
    background: #111721;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #aecce4;
    display: flex;
    height: 100%;
    opacity: 1;
    padding: 0 13px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: .3s;
    z-index: 25
}

.block-profile-friends-f-block__connect img {
    height: 19px
}

.p-ch-block-upper {
    align-content: center;
    border-bottom: 1px solid #161d29;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: visible;
    overflow: initial;
    text-align: center;
    width: 100%
}

.p-ch-block-upper div {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    text-align: center;
    transition: .3s
}

.p-ch-block-upper div img {
    width: 21px
}

.p-ch-block-upper>div:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

.p-ch-block-upper div.active {
    background: #131a22
}

#profile-skinchanger-skins {
    display: block
}

.skin-disable {
    background-image: linear-gradient(150deg, #8847ff00, #8a83720d 60%, #121519) !important;
    border: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: .3s;
    z-index: 999999
}

.skin-disable .s-image-drop,
.skin-disable p {
    opacity: .4;
    transition: .3s
}

.skin-disable:hover .s-image-drop,
.skin-disable:hover p {
    filter: blur(4px);
    opacity: .3 !important;
    transition: .3s
}

.skin-disable:hover .skin-buy-premium {
    opacity: 1 !important;
    transition: .3s
}

.skin-buy-premium {
    opacity: 0;
    top: 19px !important;
    transition: .3s;
    z-index: 99999
}

.skin-buy-premium,
.skin-buy-premium>div {
    filter: none !important;
    position: absolute !important
}

.skin-buy-premium .text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    top: 4px
}

.skin-buy-premium .text div {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    top: 4px
}

.skin-buy-premium>div img {
    display: block;
    filter: drop-shadow(0 0 16px rgba(237, 165, 49, .2));
    margin: 0 auto;
    padding-top: 10px;
    top: 0 !important;
    width: 43% !important
}

.horizontal-scroll>div {
    display: inline-block;
    font-weight: 700;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: -1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    width: auto
}

.horizontal-scroll>div,
.horizontal-scroll>div>div {
    color: #aecce4;
    font-size: 12px !important
}

.horizontal-scroll>div>a {
    transition: .3s
}

.horizontal-scroll>div>a.active {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

.horizontal-scroll>div>a[disabled] {
    color: #ffffff1a !important;
    filter: grayscale(100%);
    pointer-events: none
}

.horizontal-scroll>div>a:hover {
    border-bottom: 3px solid #6080ff;
    transition: .3s
}

.horizontal-scroll .horizontal-scroll-a-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46%
}

.horizontal-scroll .horizontal-scroll-a-r {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 46%
}

.section-servers-none {
    display: none;
    padding: 70px 0;
    position: relative;
    text-align: center;
    top: 30%;
    width: 100%
}

.section-servers-none>div {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: auto;
    text-align: center;
    width: 100%
}

.section-servers-none>div>img {
    margin-bottom: 34px;
    width: 44px
}

.section-servers-none>div>div {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

#dropSkinsModal {
    background: linear-gradient(1turn, #090e13 -67.25%, #192432 195.71%);
    min-width: 396px;
    padding: 35px;
    text-align: center
}

.modelLabelText {
    color: #ffffff80;
    font-family: Roboto Condensed;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center
}

.header-pro-select h4 {
    color: #a7a7a7b3;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 0 6px 10px
}

.premium-wrapper {
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/bg/premium.png*/
        url() no-repeat calc(50% - 60px) -250px;
    display: block;
    position: relative;
    width: 100%
}

.premium__benefits,
.premium__main {
    transition: all .2s ease
}

.premium__main {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.premium__main-content {
    width: 500px
}

.premium__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 95px;
    text-align: left;
    text-transform: inherit
}

.premium__title span {
    color: #6080ff
}

.premium__sub-title {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 27px;
    opacity: .7
}

.premium__main-line {
    background-color: #22272e;
    display: block;
    height: 1px;
    margin: 45px 0 42px;
    width: 100%
}

.premium__quote {
    align-items: flex-start;
    display: flex;
    margin-bottom: 21px
}

.premium__quote span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-left: 24px;
    width: 386px
}

.premium__main-plans {
    display: flex;
    gap: 19px;
    margin-top: 48px;
    position: relative
}

.premium__main-plans.allow-bonus {
    transform: translateX(-120px)
}

.premium__main-plans:before {
    background: #00000030;
    content: "";
    display: block;
    filter: blur(20px);
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.select-arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%)
}

.premium__plan-benefits-title {
    color: #838c98;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    text-transform: uppercase
}

.premium__plan-benefits {
    border-top: 2px solid #e49635;
    padding-top: 32px
}

.premium-lite__plan .premium__plan-benefits {
    border-top: 2px solid #6080ff
}

.disabled-benefit,
.disabled-benefit a {
    color: #838c98 !important
}

.plan-line {
    background-color: #1d2329;
    display: block;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

.premium-price-span {
    align-items: center;
    color: #838c98;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    top: -4px
}

.premium-price-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

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

.premium__pagination {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.pagination__step {
    background-color: #838c98;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 4px;
    margin-left: 10px;
    width: 5px
}

.pagination__step-active {
    background-color: #f19102;
    border-radius: 3px;
    width: 20px
}

.premium__comment-slider {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.quote-author__img {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.quote-author__img img {
    border-radius: 100%;
    height: 100%
}

.premium__quote-author {
    align-items: center;
    display: flex;
    margin-left: 51px
}

.quote-author__data {
    display: flex;
    flex-direction: column
}

.quote-author__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.premium__benefits {
    margin-top: 142px;
    padding-bottom: 150px
}

.premium__benefit-content {
    flex-direction: column
}

.premium__benefit-block,
.premium__benefit-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.premium__benefit-block {
    gap: 160px;
    margin-bottom: 150px
}

.reverse-benefit {
    flex-direction: row-reverse
}

.premium__benefit-name {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    margin: 24px 0 14px;
    text-align: center;
    text-transform: uppercase
}

.premium__benefit-descr {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.premium__benefit-images {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    position: relative;
    width: 450px
}

.premium__benefit-images>img:not(:first-child) {
    position: absolute;
    z-index: 5
}

.premium__benefit-images .under-demo-images {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.benefit-number,
.premium__benefit-images .under-demo-images img {
    position: absolute
}

.benefit-number {
    color: #fff;
    display: block;
    font-size: 300px;
    font-weight: 900;
    letter-spacing: -48px;
    opacity: .05;
    right: 435px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.premium__benefit-content {
    width: 450px
}

.premium__bottom-subscribe {
    text-align: center;
    transition: .3s
}

.premium__bottom-subscribe h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    text-align: center
}

.premium__bottom-subscribe p {
    color: #838c98;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px 0 32px;
    text-align: center
}

.premium__bottom-subscribe button {
    background-color: #f19102;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    text-transform: uppercase;
    width: 260px
}

.benefit-img__cases {
    bottom: -18px;
    right: -53px
}

.benefit-img__karambit {
    left: -26px;
    top: 11px
}

.benefit-img__blured-ak {
    left: 56px;
    top: -79px
}

.benefit-img__awp {
    bottom: 0;
    right: 0
}

.benefit-img__mission {
    animation: lowerRankRotation 4s ease infinite;
    left: -17px;
    top: 26px
}

.benefit-img__flashbang {
    bottom: -30px;
    left: -20px
}

.benefit-img__neon-ak {
    right: -38px;
    top: 91px
}

.benefit-img__bullets {
    left: -20px;
    top: -22px
}

.benefit-img__navi {
    bottom: -40px;
    left: -53px
}

.benefit-forze {
    right: -60px;
    top: -50px
}

.benefit-img__crosshair {
    left: 73px;
    top: -66px
}

.benefit-img__locker {
    bottom: -66px;
    left: 110px
}

.benefit-vp {
    bottom: -63px;
    right: -34px
}

.benefit__curtain {
    right: -40px;
    top: -10px
}

.benefit__corona {
    left: -78px;
    top: -75px
}

.benefit__feathers {
    animation: feathers 3s ease-in infinite;
    bottom: -46px;
    left: 23px
}

.benefit__cup {
    left: -40px;
    top: 0
}

.benefit__diamonds {
    left: -10px;
    top: -21px
}

.benefit__18-rank {
    left: 73px;
    top: -83px
}

.benefit__10-rank {
    bottom: -41px;
    left: 152px
}

.benefit__4-rank {
    left: -22px;
    top: 120px
}

.benefit__19-rank {
    right: -43px;
    top: -42px
}

.red {
    color: #be3737
}

.tab-content__active {
    display: block
}

.benefit__gif {
    border-radius: 5px;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (max-width:1500px) {
    .premium__title {
        text-align: center
    }

    .premium__main {
        flex-direction: column
    }

    .premium__main-content {
        text-align: center
    }

    .premium__comment-slider {
        align-items: center;
        flex-direction: column
    }

    .premium__quote {
        justify-content: center
    }

    .premium__quote-author {
        margin-bottom: 24px;
        margin-left: 0
    }

    .premium__quote span,
    .quote-author__data {
        text-align: left
    }

    .premium__pagination {
        margin-bottom: 52px
    }

    .premium__main-plans {
        margin-left: 0
    }

    .premium__benefits {
        margin-top: 156px
    }

    .premium__benefit-block {
        flex-direction: column
    }

    .premium__benefit-block .premium__benefit-content {
        margin-left: 0;
        margin-right: 0
    }

    .benefit__drops .premium__benefit-content {
        margin-bottom: 87px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 77px
    }

    .benefit__no-ads .premium__benefit-content {
        margin-bottom: 69px
    }

    .benefit__pro .premium__benefit-content {
        margin-bottom: 60px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__tag .premium__benefit-content {
        margin-bottom: 67px
    }

    .benefit__exp .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 73px
    }

    .premium__benefit-block {
        margin-bottom: 100px
    }

    .benefit__18-rank {
        left: -13px;
        top: -58px
    }

    .benefit-img__karambit {
        top: 0
    }

    .premium__benefits {
        padding-bottom: 100px
    }

    .premium-wrapper {
        background-position: top
    }
}

@media (max-width:1100px) {
    .sidebar {
        display: none
    }

    .premium__title {
        text-align: center
    }
}

@media (max-width:650px) {
    .premium__title {
        font-size: 32px;
        margin-bottom: 14px;
        text-align: center
    }

    .premium__sub-title {
        font-size: 14px;
        margin: 0 auto;
        width: 300px
    }

    .premium__main-line {
        margin: 37px auto 32px;
        width: 300px
    }

    .premium__quote span {
        width: 249px
    }

    .premium__quote-author {
        transform: translateX(-20px)
    }

    .premium-lite__plan {
        margin-bottom: 32px;
        margin-right: 0
    }

    .premium__main-plans {
        flex-direction: column
    }

    .premium__benefits {
        margin-top: 174px
    }

    .premium__benefit-name {
        font-size: 24px
    }

    .premium__benefit-descr {
        font-size: 14px;
        width: 300px !important
    }

    .benefit__drops .benefit__drops .premium__benefit-content {
        margin-bottom: 66px
    }

    .benefit__skinchanger .premium__benefit-content {
        margin-bottom: 50px
    }

    .benefit__competitions .premium__benefit-content,
    .benefit__exp .premium__benefit-content,
    .benefit__no-ads .premium__benefit-content,
    .benefit__pro .premium__benefit-content,
    .benefit__unlimit-awp .premium__benefit-content {
        margin-bottom: 46px
    }

    .benefit__tag .premium__benefit-content {
        margin-bottom: 56px
    }

    .premium__benefit-name {
        text-align: center
    }

    .premium__benefit-images {
        height: 200px;
        width: 300px
    }

    .benefit-img__cases {
        display: none
    }

    .benefit-img__karambit {
        left: -16px;
        top: 0;
        width: 80px
    }

    .benefit-img__blured-ak {
        left: 56px;
        top: -48px;
        width: 219px
    }

    .benefit-img__flashbang {
        bottom: -20px;
        left: 0;
        width: 50px
    }

    .benefit-img__neon-ak {
        right: -10px;
        top: 80px;
        width: 331px
    }

    .benefit-img__bullets {
        left: 13px;
        top: -22px
    }

    .benefit-img__navi {
        bottom: -30px;
        left: -8px;
        width: 78px
    }

    .benefit-forze {
        right: -25px;
        top: -16px;
        width: 56px
    }

    .benefit-vp {
        bottom: -49px;
        right: -11px;
        width: 114px
    }

    .benefit__curtain {
        right: -1px;
        top: 0;
        width: 129px
    }

    .benefit__corona {
        left: -11px;
        top: -43px;
        width: 89px
    }

    .benefit__feathers {
        animation: feathers 3s ease-in infinite;
        bottom: -46px;
        left: 23px;
        width: 259px
    }

    .benefit__cup {
        height: 173px;
        left: 0;
        top: 48px
    }

    .benefit__diamonds {
        left: 12px;
        top: 38px;
        width: 79px
    }

    .benefit__18-rank {
        display: none
    }

    .benefit__10-rank {
        left: auto;
        right: 34px;
        width: 64px
    }

    .benefit__4-rank {
        left: 8px;
        top: 78px;
        width: 41px
    }

    .benefit__19-rank {
        right: 2px;
        top: -20px;
        width: 80px
    }

    #video-clipper img,
    #video-compare-container>img {
        object-fit: cover
    }
}

.premium-price-value img {
    height: 21px;
    left: 8px
}

.premium-price-value-price {
    float: left
}

#mode__modal {
    position: relative
}

.footer {
    flex-shrink: 0;
    margin-top: 40px;
    width: 100%
}

.footer .flex-wrap {
    align-items: center;
    display: flex;
    gap: 0;
    height: 100%;
    justify-content: center;
    overflow: auto;
    padding-bottom: 40px;
    width: 100%
}

.footer__sponsors {
    position: relative;
    text-align: center;
    width: 100%
}

.footer__sponsors img {
    background: 0 0;
    border-radius: 12px;
    max-height: 80px;
    max-width: 170px;
    opacity: .1;
    transition: .3s
}

.footer__sponsors a:hover img {
    filter: grayscale(24%);
    opacity: 1;
    transition: .3s
}

.footer__navigation {
    border-top: 1px solid #1c2127;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 96px 80px;
    row-gap: 80px;
    width: 100%
}

.footer__sponsors {
    padding-left: 60px;
    padding-right: 60px
}

.footer__logo img {
    height: 30px;
    margin-top: 3px
}

.footer__sponsors a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 86px
}

.footer__nav-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer__nav-list li {
    color: #9a9fa9;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    transition: filter .2s ease
}

.footer__nav-list li:hover {
    filter: brightness(125%)
}

.footer__socials {
    display: flex;
    gap: 12px
}

.footer__socials img {
    transition: all .3s;
    transition: filter .2s ease;
    width: 100%
}

.footer__socials a {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px
}

.footer__socials a:hover img {
    filter: brightness(135%)
}

.benefit__diamonds {
    animation: imgScale 4s infinite
}

.benefit-img__bullets {
    animation: bullets 4s infinite
}

.benefit__18-rank {
    animation: rankRotation 4s ease infinite
}

.benefit__10-rank {
    animation: lowerRankRotation 4s ease infinite
}

.benefit-img__flashbang {
    animation: flashRotation 5s ease infinite
}

.benefit-img__blured-ak {
    animation: akRotation 5s ease infinite
}

#premium-modal .premium-version {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin: 35px 0 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 2s
}

.lite-premium-modal .premium-version {
    color: #32a0ef
}

.full-premium-modal .premium-version {
    color: #eda231
}

#premium-modal .premium-period {
    color: #9d9ea0;
    font-size: 14px;
    line-height: 23px;
    transition: all 5s
}

#premium-modal .premium-period,
.premium-modal__title {
    font-family: Roboto Condensed, Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.premium-modal__title {
    color: #e6e6e6;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all .5s
}

.premium-modal__corona {
    transform: translateY(40px);
    transition: all 1s
}

.lite-premium-modal .premium-modal__corona,
.premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-modal .premium-modal__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-modal__close {
    background: #0000;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    margin: 35px auto 0;
    opacity: 0;
    text-align: center;
    transition: all 1s;
    width: 144px
}

.lite-premium-modal .premium-modal__close {
    border: 1px solid #32a0ef
}

.full-premium-modal .premium-modal__close {
    border: 1px solid #f08e33
}

.premium-modal__left-bg {
    left: 0;
    transform: translateX(-100%)
}

.premium-modal__left-bg,
.premium-modal__right-bg {
    animation: bgPulsing 1.5s infinite;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 1s
}

.premium-modal__right-bg {
    right: 0;
    transform: translateX(100%)
}

.avatar.premium-lite {
    border: 2px solid #6080ff !important
}

.container-border-bottom {
    border-bottom: 1px solid #1b2027;
    margin-bottom: 20px;
    padding-bottom: 20px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none
}

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

.drop-modal__wrapper,
.premium-renew-modal__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    mix-blend-mode: normal;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999
}

.premium-renew-modal__wrapper {
    background: #080c11e6;
    transition: opacity .3s
}

.drop-modal__wrapper,
.modal__overlay_CASE_MODAL>div {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #0f141bd9
}

#premium-renew-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.premium-time-left {
    background: #151f36;
    border-radius: 4px;
    color: #e4eaff;
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 42px auto 10px;
    opacity: 0;
    padding: 9px 19px;
    text-transform: uppercase;
    transform: translateY(20px);
    transition: all 1s ease
}

.premium-renew__corona {
    display: block;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease
}

.premium-renew__title {
    font-family: Roboto Condensed;
    font-size: 78px;
    font-weight: 700;
    line-height: 91px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s ease
}

.premium-renew__title-wrapper {
    margin-bottom: 20px
}

.premium-renew__title-wrapper .side-span {
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    width: 0
}

.lite-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #32a0ef
}

.full-premium-renew-modal .premium-renew__title-wrapper .side-span,
.premium-premium-renew-modal .premium-renew__title-wrapper .side-span {
    background: #eda231
}

.premium-renew__title-wrapper .side-span:first-child {
    left: -42px;
    transform: translateY(-50%) translateX(-100%)
}

.premium-renew__title-wrapper .side-span:last-child {
    right: -42px;
    transform: translateY(-50%) translateX(100%)
}

.lite-premium-renew-modal .premium-renew__title {
    color: #32a0ef
}

.full-premium-renew-modal .premium-renew__title,
.premium-premium-renew-modal .premium-renew__title {
    color: #eda231
}

.lite-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

.full-premium-renew-modal .premium-renew__corona,
.premium-premium-renew-modal .premium-renew__corona {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.premium-renew__buttons {
    opacity: 0;
    text-align: center;
    transform: translateY(-10px);
    transition: all 1s ease
}

.premium-renew__buttons a,
.premium-renew__buttons button {
    border-radius: 7px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 15px 21px;
    text-transform: uppercase;
    transition: all .2s ease
}

.premium-renew-btn {
    background: #0000
}

.lite-premium-renew-modal .premium-renew-btn {
    border: 1px solid #32a0ef
}

.lite-premium-renew-modal .premium-renew-btn:hover {
    background-color: #32a0ef26;
    box-shadow: 0 5px 20px #32a0ef2e
}

.full-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.full-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-premium-renew-modal .premium-renew-btn {
    border: 1px solid #eda231
}

.premium-premium-renew-modal .premium-renew-btn:hover {
    background-color: #eda23126;
    box-shadow: 0 5px 20px #eda2312e
}

.premium-notify-later-btn {
    background: #0d161f;
    border: 1px solid #0000
}

.premium-notify-later-btn:hover {
    filter: brightness(125%)
}

.dont-notify {
    color: #e6e6e680;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 30px;
    opacity: 0;
    text-align: center;
    text-decoration-line: underline;
    transition: all 1s ease
}

.premium-renew__appear {
    opacity: 1;
    transform: translateY(0)
}

#unmodals {
    position: absolute;
    z-index: 99999
}

#deposit__modal {
    position: relative
}

h2.deposit__title {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 135%;
    opacity: 1;
    text-transform: uppercase
}

h3.deposit__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 28px;
    opacity: .7;
    text-align: left;
    text-transform: uppercase
}

.deposit__types-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.deposit__payment-systems-wrapper {
    margin-bottom: 24px
}

.deposit__balance-modal,
.deposit__prem-modal {
    align-items: flex-start;
    background: #141c25;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 35px
}

.deposit__balance-modal {
    border-radius: 12px;
    width: 720px
}

.deposit__prem-modal {
    border-radius: 0 12px 12px 0;
    margin-left: 10px;
    width: 553px
}

.deposit__balance-modal>div,
.deposit__prem-modal>div {
    width: 100%
}

.payment-providers-list {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    height: 350px;
    overflow-y: scroll;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.payment-providers-list:not(:first-child) {
    display: none
}

.deposit-pay-system {
    align-items: center;
    background: #19212c;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    transition: all .2s ease
}

.deposit-modal__content {
    margin-top: 30px;
    width: 100%
}

.deposit-converter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.deposit__convert-bar {
    display: block;
    display: grid;
    float: left;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.deposit__convert-bar,
.deposit__phone-number {
    background: #19212c;
    border-radius: 10px;
    height: 56px;
    position: relative;
    width: 100%
}

.deposit__phone-number {
    align-items: center;
    display: none;
    margin-bottom: 20px;
    overflow: hidden
}

.deposit__phone-number-img {
    align-items: center;
    background: #222f3f;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50px
}

.deposit-foot__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.deposit__phone-number-img img {
    opacity: .5;
    width: 20px
}

.code-input__wrapper input,
.deposit__convert-bar input,
.deposit__phone-number input {
    background: #0000;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    outline: none;
    padding-top: 13px;
    position: relative;
    transition: all .2s;
    width: 100%
}

.code-input__wrapper input+label,
.deposit__convert-bar input+label,
.deposit__phone-number input+label {
    color: #acb6e08f;
    font-family: Roboto;
    font-size: 9px;
    font-weight: 500;
    left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transition: all .2s
}

.code-input__wrapper input:focus,
.deposit__phone-number input:focus {
    padding-top: 0
}

.code-input__wrapper input:focus+label,
.deposit__phone-number input:focus+label {
    opacity: 0
}

input.rubles-input+label {
    padding-left: 40px
}

.deposit__convert-bar input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.deposit__convert-bar input::-webkit-inner-spin-button,
.deposit__convert-bar input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.deposit__convert-bar input:focus,
.deposit__convert-bar input:hover {
    border: 0
}

.convert-indicator {
    align-items: center;
    background: #151f2c;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px
}

.converter__cybercoins,
.converter__rubles {
    align-items: center;
    display: flex;
    padding: 0 30px;
    width: 100%
}

.deposit-modal-button {
    background: #6080ff;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    transition: all .2s;
    width: 100%
}

.deposit-modal-button:hover {
    filter: brightness(110%)
}

.deposit__premium-plans {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 76px;
    width: 100%
}

.deposit__premium-plans>div {
    display: block;
    height: 158px;
    padding: 19px;
    width: 210px
}

.deposit__premium-price,
.deposit__premium-title {
    align-items: center;
    display: flex
}

.deposit__premium-title {
    justify-content: space-between;
    margin-bottom: 25px
}

.deposit__premium-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 135%;
    text-transform: capitalize
}

.deposit__premium-price {
    font-size: 18px;
    font-weight: 700
}

.price-currency {
    margin-right: 5px;
    width: 15px
}

.deposit__code-inputs {
    grid-gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1.3fr
}

.code-input__wrapper {
    background: #19212c;
    border-radius: 10px;
    height: 56px
}

.code-input__wrapper input,
.deposit__phone-number input {
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    text-transform: uppercase
}

.code-input__wrapper input::placeholder {
    color: #bbc4e9;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    opacity: .8;
    text-transform: uppercase
}

.save-code {
    background: #6080ff33;
    border-radius: 5px;
    display: block;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 32px
}

.save-code:hover {
    background: #6080ff59;
    transition: .3s
}

.deposit__buy-premium {
    margin-left: 0;
    margin-top: 67px;
    width: 100%
}

.choosen-payment-provider {
    border-bottom: 2px solid #6080ff
}

.method__currency {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #26293599;
    border: 1px solid #6875a130;
    border-radius: 6px;
    color: #88969c;
    display: block;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: 120.2%;
    padding: 6px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto
}

.premium__bottom-subscribe button {
    transition: .3s
}

.premium__bottom-subscribe button:hover {
    filter: brightness(110%);
    transition: .3s
}

.event-xp-modal__wrapper {
    background: linear-gradient(1turn, #090e13 -138.15%, #192432 195.71%);
    border-radius: 16px;
    padding: 40px 35px;
    width: 443px
}

.event-xp-modal__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px
}

.event-xp-modal__subtitle,
.event-xp-modal__title {
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.event-xp-modal__subtitle {
    color: #878787;
    font-size: 15px
}

h4 .new_span {
    background: #ff7d00;
    border-radius: 9px;
    box-shadow: 0 4px 6px #ff7d0033;
    left: 8px;
    padding: 0 6px
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: -webkit-linear-gradient(top, #fff0, #0046ff00 50%, #fff0 51%, #00aeff00);
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#profile__premium-indicator {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    height: 23px;
    justify-content: center;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: -22px
}

.profile__full-prem {
    border: 1px solid #feb611;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84))
}

.profile__lite-prem {
    border: 1px solid #32a0ef;
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .84))
}

#profile__premium-indicator img {
    width: 12px
}

#profile__premium-indicator span {
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    text-transform: uppercase
}

.profile__full-prem span {
    color: #feb611
}

.profile__lite-prem span {
    color: #32a0ef !important
}

.player_name_blue {
    color: #1f89d6 !important
}

.header__count-pro svg {
    margin-left: 3px;
    width: 8px
}

.header__count-pro {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 8px;
    width: 100%
}

.header__user {
    cursor: pointer
}

.header__user>div:first-child {
    align-items: center;
    display: flex
}

.header__count-pro {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500
}

.header__deposit {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 14px;
    transition: all .2s ease
}

.header-vip-user {
    border: 2px solid #fdb510
}

.header__notifications>div:first-of-type {
    cursor: pointer;
    position: relative
}

.deauth {
    margin-left: 16px
}

.deauth img {
    cursor: pointer;
    opacity: .5;
    transform: rotate(180deg);
    transition: .3s;
    width: 12px
}

.deauth img.active {
    transform: rotate(0deg)
}

.profileOpen {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.profileOpen:hover {
    background: #273047
}

.header__user:hover .deauth img {
    opacity: 1
}

.online-player__user-img {
    margin-left: 16px
}

.online-player__server-name {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.online-player__server-name img {
    height: 20px;
    margin-left: 6px
}

.premium-main-btn span {
    color: #fdb510;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease
}

#socials,
.premium-main-btn span {
    align-items: center;
    display: flex
}

.icon-slide-left {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}



.icon-slide-left span {
    transition: .25s ease
}

.icon-slide-left:hover span {
    margin-left: 20px
}

.icon-slide-left:hover:after {
    left: 8px
}

.social svg {
    height: 15px;
    opacity: .5;
    transition: .3s
}

.social:hover svg {
    filter: grayscale(0);
    opacity: .8
}

.social img {
    height: 20px;
    width: 20px
}

#socials .social {
    align-items: center;
    display: flex
}

.mode__prime-filter {
    background: #181d23;
    border-radius: 9px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr 2fr;
    height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    width: 240px
}

.prime-filter__btn {
    background: #0000;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    transition: all .2s ease
}

.mode__prime-filter img {
    image-rendering: inherit;
    margin-right: 3px;
    top: 1px;
    width: 11px
}

.switch-to-prime {
    border-left: 1px solid #222931;
    border-right: 1px solid #222931
}

.choosen-prime-filter {
    background: #1f2731 !important
}

.shop {
    height: auto !important
}

@keyframes hero1Fading {
    0% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(2)
    }

    60% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero2Fading {
    0% {
        filter: brightness(1)
    }

    10% {
        filter: brightness(1)
    }

    20% {
        filter: brightness(2)
    }

    30% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero7Fading {
    0% {
        filter: brightness(1)
    }

    30% {
        filter: brightness(1)
    }

    40% {
        filter: brightness(1.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

@keyframes hero4Fading {
    0% {
        filter: brightness(1)
    }

    60% {
        filter: brightness(1)
    }

    70% {
        filter: brightness(2)
    }

    80% {
        filter: brightness(1)
    }

    to {
        filter: brightness(1)
    }
}

a.servers-mode__find-btn {
    background: #6080ff;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 41px;
    padding: 11px 0;
    text-align: center;
    transition: all 1s ease;
    width: 107px
}

.servers-mode__find-btn:hover {
    filter: brightness(1.2)
}

@keyframes moveSky {
    0% {
        transform: scale(1) translateX(0)
    }

    50% {
        transform: scale(1.2) translateX(300px)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

a.closed-indicator {
    background: #0000 !important;
    height: 80px !important
}

.closed-server-prime:hover div img,
.closed-server:hover div img {
    opacity: .35 !important
}

a.closed-indicator:hover {
    background: #0000 !important
}

.closed-server {
    background: linear-gradient(0deg, #00173659, #00173659)
}

.block-border-locked {
    background-position: 0 50%;
    background-size: 300% 300%;
    border: 2px solid #91a8b9;
    border-radius: 12px !important;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.closed-server-prime .block-border-map {
    background: linear-gradient(0deg, #00173659, #00173659);
    z-index: 6
}



.full-servers__wrapper>div {
    align-items: center;
    display: flex;
    height: 100%
}

.full-servers__amount {
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700
}

.blue-text {
    color: #6080ff
}

.yellow-text {
    color: #fdb510
}

.full-servers__text {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.hide-full-servers__cb {
    align-items: center;
    color: #fff6;
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.hide-full-servers__cb .checkmark {
    height: 15px;
    width: 15px
}

.hide-full-servers__cb .checkmark:after {
    left: 5px;
    top: 2px
}

.full-servers__wrapper>img {
    bottom: 0;
    filter: brightness(.7);
    position: absolute;
    right: 0;
    transition: filter .2s ease
}

.full-servers__wrapper:hover>img {
    filter: brightness(1)
}

.scroll-left-enter {
    transform: translateX(-100%)
}

.scroll-right-enter {
    transform: translateX(100%)
}

.scroll-left-enter-done,
.scroll-right-enter-done {
    transform: translateX(0);
    transition: transform 1s
}

.purchase-title-enter {
    opacity: 0;
    transform: translateY(40px)
}

.purchase-title-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s
}

.opacity-enter {
    opacity: 0
}

.opacity-enter-done {
    opacity: 1;
    pointer-events: all;
    transition: opacity 2s
}

.modal-enter {
    opacity: 0;
    transform: scale(.95)
}

.modal-enter-active {
    transition: all .2s
}

.modal-enter-active,
.modal-enter-done {
    opacity: 1;
    transform: scale(1)
}

.modal-exit-active {
    opacity: 0;
    transform: scale(.95);
    transition: all .2s
}

.modal-exit-done {
    opacity: 0
}

.crown-enter {
    transform: translateY(40px)
}

.crown-enter-done {
    transform: translateY(0);
    transition: transform 1s
}

.scale-enter {
    transform: scaleX(0)
}

.scale-enter-done {
    transform: scaleX(1);
    transition: transform 1s
}

.modal-container-exit {
    opacity: 0
}

.modal-container-exit-done {
    display: none !important
}

.crown2-enter-done,
.slide-from-up-enter-done,
.time-left-enter-done {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s
}

.cybercoins-input+label:after {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/general/diamond.svg*/
        url() no-repeat 50%/cover;
    content: "";
    display: block;
    height: 10px;
    left: calc(100% + 5px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.tooltip {
    display: block !important
}

.online-player__user-img img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.empty-title {
    color: #1e2836;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 10px;
    text-align: center
}

.profile__friend-list__empty,
.profile__inventory__empty,
.profile__payment__empty {
    padding: 70px 0
}

.profile__payment__empty {
    display: flex;
    justify-content: center;
    width: 100%
}

.profile__payment__empty img {
    margin-right: 20px
}

summary {
    outline: none
}

.options>div label,
.options>div select {
    display: block !important
}

details summary::-webkit-details-marker {
    display: none;
    font-size: 0;
    opacity: 0
}

details summary {
    appearance: none;
    -webkit-appearance: none;
    list-style: none
}

.block-servers-players-status {
    max-height: 100%
}

.p-ch-block-upper .active {
    background: #131a22
}

.p-ch-block-upper li:hover {
    background: #131a22;
    cursor: pointer;
    transition: .3s
}

#profile-skinchanger-collection {
    display: block
}

.profile__friend-list__empty img,
.profile__inventory__empty img {
    display: block;
    margin: 0 auto
}

.closed-tab {
    display: none
}

#profile-nav .active a {
    border-bottom: 3px solid #6080ff;
    color: #6080ff !important;
    font-weight: 700;
    pointer-events: none
}

#profile-nav .active span {
    border-color: #6080ff
}

.tooltip-flex {
    display: flex !important
}

.live-dot {
    cursor: help;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto 6px;
    text-align: center;
    top: -1px
}

#user {
    display: flex;
    flex-direction: row-reverse
}

nav#user {
    flex-direction: row
}

nav#user,
nav#user>* {
    align-items: center;
    display: flex;
    height: 100%
}

nav#user>* {
    margin: 0 7px
}

.header__deposit svg {
    margin-right: 7px
}

.header__deposit:hover {
    filter: brightness(110%)
}

.header__pro-img {
    align-items: center;
    background-color: #6080ff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 36px
}

#header__user_balance {
    color: #fff !important;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    font-size: 20px;
    font-weight: 700;
    margin-right: 6px
}

#header__user_balance,
.header__balance {
    align-items: center;
    display: flex
}

.header__balance img {
    height: 16px
}

.header__pro-img img {
    width: 16px
}

.header__online-players__button {
    align-items: center;
    background-color: #1b2229;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    font-family: var(--font-family-0);
    height: 34px;
    transition: .3s;
    width: 80px
}

.header__online-players__button:hover {
    background: #ffffff1a
}

.header__profile {
    align-items: center;
    background: #1b2229;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    width: 35px
}

.header__profile img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.header-pro-user,
.header-talent-user,
.header-vip-user {
    border: 2px solid #fdb510
}

.header-lite-user {
    border: 2px solid #1f89d6
}

.header-none-user {
    border: 2px solid #0000
}

.header__count-notifications,
.header__notifications svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__count-notifications {
    background: #6080ff;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    height: 13px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: -4px;
    width: 13px;
    z-index: 5
}

.header__notifications path {
    transition: all .3s ease
}

.header__notifications>div:hover path {
    fill: #fff
}

.header__pro-online {
    margin-top: 23px
}

.online-player__user img {
    border-radius: 50%;
    height: 21px;
    position: relative;
    width: 21px
}

.online-player__user {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden
}

.online-player__user-img:after {
    background: #33ff7b;
    border: 1px solid #21293d66;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.online-player__user-img {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 11px;
    width: 21px
}

.header__online-player-nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500
}

.online-player__server-connect {
    align-items: center;
    background: #5beaae2b;
    border-radius: 5px;
    color: #64d3ab;
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 5px 10px
}

.online-player__server-connect img {
    width: 20px
}

.grey-scroll::-webkit-scrollbar-thumb {
    background: #374256
}

.grey-scroll::-webkit-scrollbar {
    background: #181e29;
    width: 4px
}

.grey-scroll::-webkit-scrollbar-thumb {
    border: none !important
}

.online-player__server {
    margin-left: 10px
}

.online-player__server-name {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.header__online-players ul li:hover {
    background: #21293d
}

.header__online-players ul li:hover .online-player__server-name {
    display: none
}

.header__online-players ul li:hover .online-player__server-connect {
    display: flex
}

.premium-main-btn {
    background: #0000;
    border: 1px solid #fdb510;
    border-radius: 5px;
    box-sizing: border-box;
    height: 33px;
    padding: 0 15px;
    transition: all .3s ease
}

.header-prem .premium-main-btn {
    margin-right: 10px
}

.premium-main-btn.prolong {
    width: 150px
}

.premium-main-btn,
.premium-main-btn span {
    align-items: center;
    color: #fdb510;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.header-prem {
    align-items: center;
    display: flex;
    height: 100%
}

.header-prem a {
    height: auto
}

#socials {
    height: 100%
}

button.icon-slide-right:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

button.icon-slide-left {
    overflow: hidden;
    position: relative
}

button button.icon-slide-left span {
    transition: .25s ease
}

button.icon-slide-left:hover span {
    margin-left: 20px
}

button.icon-slide-left:hover:after {
    left: 8px
}

.prolong span {
    text-transform: uppercase
}

button.prolong:hover {
    width: 165px
}

#header-login-btn {
    margin: 0 !important;
    padding: 0 !important
}

.login-btn {
    background: #6080ff;
    border-radius: 6px;
    color: #ffffffe6;
    float: right;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    justify-content: center;
    line-height: 14px;
    padding: 0 10px;
    text-transform: uppercase
}

.login-btn,
.login-btn-wrapper {
    align-items: center;
    display: flex
}

.login-btn-wrapper {
    gap: 14px;
    height: 60px
}

.login-img {
    margin-left: 7px;
    width: 13px
}

.user-theme__VIP #name_player {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214);
    -webkit-background-clip: text;
    color: gold
}

.user-theme__VIP #profile_user_width_xp {
    background: linear-gradient(45deg, #fdb510 33%, #ff9e15 66%, #ffb214)
}

.user-theme__LITE #name_player {
    color: #1f89d6 !important
}

.user-theme__LITE #profile_user_width_xp {
    background: linear-gradient(45deg, #35aaff 33%, #32a0ef 66%, #1f93e6)
}

.user-theme__LITE,
.user-theme__VIP,
.user-theme__banned {
    margin-top: 9px !important
}

.modal__overlay {
    align-items: center;
    background-color: #13161b99;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1201
}

.modal__overlay.transparent {
    background-color: initial
}

.modalShowing_true {
    opacity: 1;
    pointer-events: auto
}

.hide {
    display: none
}

ul#languages {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease
}

.langs:hover ul#languages {
    opacity: 1;
    pointer-events: auto
}

.deposit__types-wrapper>ul {
    width: 100%
}

.hidden-mode-nav {
    opacity: .2 !important
}

.show__nav-btn {
    opacity: .8 !important
}

.timer-block {
    align-items: center;
    display: flex
}

.timer-block>div {
    margin-right: 30px
}

aside#header nav>a:hover img {
    transform: scale(1.08)
}

aside#header nav>a img {
    transition: .3s
}

.header__count-notifications {
    border: 1px solid #030b12
}

.time-block__upper {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.time-block__lower {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    margin-top: 9px;
    text-transform: uppercase
}

.modal-container {
    transition: opacity .5s
}

.modal-container-enter {
    opacity: 0
}

.modal-container-enter-active {
    opacity: 1;
    transition: opacity .5s
}

.premium__bottom-subscribe {
    display: block;
    margin: 0 auto
}

.full-width-btn {
    grid-template-columns: 1fr
}

.premium__bottom-subscribe a {
    height: inherit;
    width: inherit
}

.modal-container-exit {
    opacity: 1
}

.modal-container-exit-active {
    opacity: 0;
    transition: opacity .5s
}

.container>img {
    border-radius: 3px
}

.container {
    margin-bottom: 21px
}

#page-servers-servers {
    grid-template-columns: 1fr 255px
}

.checkmark {
    background: #131a24
}

.container:hover input~.checkmark {
    background-color: #141c25
}

.container input:checked~.checkmark {
    background-color: #1f2534 !important
}

.locations__wrapper {
    background: #12171f;
    padding: 21px 15px;
    transform: translateX(-15px);
    width: 275px !important
}

.locations__wrapper>label {
    display: block !important
}

.options summary p {
    font-weight: 700
}

.locations__wrapper>label:last-of-type {
    margin-bottom: 0
}

.loyalty__progressBox {
    cursor: help;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 16px auto 0;
    width: 300px
}

.loyalty__progressBox .loyalty__progressBg--2f0j {
    cursor: help
}

.table-switcher {
    border: 1px solid #0000;
    border-radius: 7px;
    color: #eaf1fa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 13px;
    transition: all .2s ease
}

.table-switcher:not(:last-of-type) {
    margin-right: 5px
}

.table-switcher.active {
    border: 1px solid #6080ff;
    color: #95aaff
}

.blue-scroll::-webkit-scrollbar-thumb {
    background: #6080ff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 32px
}

.blue-scroll::-webkit-scrollbar {
    background: #17202c;
    width: 2px
}

.vc {
    align-items: center;
    display: flex
}

.section-servers-none {
    display: block
}

.online-players__empty {
    color: #8499b9;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
    text-align: center
}

.empty-notifications {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.empty-notifications .empty-title {
    color: #f7f9ff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 16px 0 7px
}

.empty-notifications .empty-text {
    color: #d9e1ff;
    font-family: Roboto;
    font-size: 14px;
    line-height: 17px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    width: 165px
}

.empty-notifications img {
    opacity: .2;
    width: 50px
}

#non-prime-servers,
#prime-servers {
    display: block
}

.p_skin_name:after {
    background: #2a68b0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.color-golden .p_skin_name:after {
    background: #fdb510
}

.color-milspec .p_skin_name:after {
    background: #6080ff
}

.color-restricted .p_skin_name:after {
    background: #754de8
}

.color-covert .p_skin_name:after {
    background: #e84d4d
}

.color-consumer .p_skin_name:after,
.color-default .p_skin_name:after {
    background: #ffffff4d
}

.color-classified .p_skin_name:after {
    background: #e44de8
}

.color-industrial .p_skin_name:after {
    background: #2a68b0
}

.p-ch-block-upper li,
.p-ch-block-upper li div {
    width: 100%
}

.hide-full-servers__button {
    align-items: center;
    background: #181d23;
    border-radius: 6px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .5;
    width: 100%
}

.hide-full-servers__button img {
    margin-right: 9px
}

.hide-btn-true {
    opacity: .8
}

.shop__aside-sort {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    height: 67px;
    width: 100%
}

.shop__aside-sort>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.shop__aside-sort>div:first-child {
    justify-content: flex-start;
    padding-left: 30px
}

div.skinchanger__setting-block {
    align-items: center;
    background: #6666661f;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .3s ease;
    width: 29px !important;
    z-index: 5
}

.skinchanger__setting-block.gear {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

.skin__side-choice {
    opacity: 0;
    transition: all .3s ease
}

.skinchanger__setting-block.apply {
    display: none;
    left: auto;
    right: 10px
}

.skin:hover div.skinchanger__setting-block {
    display: flex
}

.skinchanger__setting-block img {
    margin-top: 0 !important;
    top: 0 !important
}

.skin>div.disable {
    background: #6663 !important;
    cursor: not-allowed !important
}

.hidden-online {
    display: none
}

.mode-badge {
    background: #fdb51026;
    border-radius: 5px;
    color: #fdb510;
    display: flex;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    pointer-events: none;
    text-transform: uppercase
}

.trending-badge {
    background: #fd821026;
    color: #fd8210 !important
}

.trending-badge svg {
    margin-right: 4px;
    width: 13px
}

.quick_start {
    margin-bottom: 20px
}

.mode-badge img {
    margin-right: 4px;
    width: 12px
}

.no-servers-title {
    font-family: Roboto Condensed;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

.no-servers-descr {
    color: #fff6;
    font-size: 14px;
    margin: 15px 0 38px
}

.section-servers-none button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 16px 36px;
    text-transform: uppercase
}

.section-servers-none button img {
    margin-right: 8px
}

.contact-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: center
}

.contact-text {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase
}

.contact-page,
.contact-page>div {
    display: flex;
    flex-direction: column
}

.contact-page>div {
    margin-bottom: 18px
}

.contact-emails {
    margin-top: 17px
}

.email-block span:first-child {
    color: #acb6e080;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 3px
}

.email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.email-block span {
    text-align: center
}

.email-block span:last-child {
    color: #6080ff;
    font-size: 12px
}

.mb35 {
    margin-bottom: 35px
}

.nav-item-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 64px
}

.nav-item__m:after {
    content: "Играть"
}

.nav-item__p:after {
    content: "Premium"
}

.nav-item__c:after {
    content: "Соревнования"
}

.nav-item__l:after {
    content: "Помощь"
}

.nav-item__s:after {
    content: "Магазин"
}

.nav-item-wrapper:after {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    left: 100%;
    letter-spacing: .2px;
    line-height: 15px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease;
    width: 100px
}

.logo-wrapper .online {
    opacity: 0;
    transform: translateY(-11px);
    transition: all .1s ease
}

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

.logo-wrapper .logo {
    left: 0;
    position: absolute;
    top: 0
}

.logo-wrapper {
    height: 77px
}

.logo-wrapper .online {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

aside#header .online>span {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.live-dot {
    margin-bottom: 0;
    margin-right: 9px
}

.active .nav-item-wrapper:after {
    color: #6080ff
}

.header-side-left .golden.active {
    border-right: 3px solid #fdb510
}

.premium.active .nav-item-wrapper:after {
    color: #fdb510
}

#profile-nav ::selection {
    background: #0000
}

@media (min-width:2100px) {
    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
    }
}

.stars-for-task {
    color: #7a95ff;
    font-size: 19px;
    font-weight: 700;
    left: 50%;
    letter-spacing: .03em;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%)
}

.rub {
    color: #fdb510;
    margin-left: 5px
}

.unknown-ping {
    display: inline
}

.deposit-notification {
    align-items: center;
    background: #19212c;
    border-radius: 4px;
    color: #ced7fd;
    display: flex;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    height: 43px;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%
}

.deposit-notification img {
    margin-right: 12px;
    width: 20px
}

.support-header {
    align-items: center;
    background: url('https://cloud.cybershoke.net/img/bg/support2.png') no-repeat 50%/cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 67px 0 76px
}

.support-header h5 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.support-header h2 {
    font-size: 39px;
    font-weight: 900;
    line-height: 46px;
    margin: 8px 0 27px;
    text-transform: uppercase
}

.support-page {
    font-family: Roboto
}

.support-page video,
.support-screen {
    border-radius: 10px;
    display: block;
    margin: 40px 0;
    width: 100%
}

.update-article img {
    border-radius: 10px;
    width: 100%
}

.awssld__content {
    border-radius: 10px
}

.support-search__wrapper input {
    background: #141b24;
    border: none !important;
    border-radius: 9px;
    height: 48px;
    padding: 0 50px 0 25px;
    width: 401px
}

.support-search__wrapper button {
    background: #0000;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.support-page input,
.support-page input::placeholder {
    color: #576375;
    font-size: 14px
}

.general-menu {
    background: #11171f;
    border-radius: 4px;
    padding: 33px 22px
}

#profile .general-menu {
    background: #161c2666
}

.general-menu .active .nav-el {
    background: #d3dcff08;
    color: #6080ff
}

.general-menu .active path {
    fill: #6080ff
}

.general-menu .nav-list {
    border-left: 1px solid #232c38;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-left: 30px;
    padding-top: 10px
}

.nav-list.last {
    margin-bottom: 0
}

.general-menu .nav-list li a {
    color: #d0d6de;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    transition: all .2s ease
}

.general-menu .nav-list li a.selected,
.general-menu .nav-list li a:hover {
    color: #6080ff
}

.general-menu .nav-el {
    align-items: center;
    border-radius: 7px;
    color: #d7d9dc;
    cursor: pointer;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px
}

.general-menu .nav-el svg {
    margin-right: 9px;
    width: 16px
}

.help-menu .nav-el svg {
    height: 24px;
    width: 24px
}

.help-menu .nav-el {
    padding: 9px 15px
}

.achievements,
.settings {
    display: grid;
    padding: 24px
}

.support-content {
    grid-gap: 25px;
    display: grid;
    gap: 25px;
    grid-template-columns: 275px 1fr;
    margin: 0 auto;
    width: 1260px
}

.support-content .general-menu {
    align-self: start;
    position: sticky;
    top: 0
}

.settings {
    margin-bottom: 50px
}

.settings>div {
    align-self: start
}

.settings {
    gap: 25px;
    grid-template-columns: 345px 1fr
}

.achievements {
    gap: 24px;
    grid-template-columns: 348px 1fr
}

.support-page .slick-slider {
    margin: 35px 0;
    transform: translateX(-11px);
    width: calc(100% + 22px)
}

.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slick-prev {
    left: -30px;
    transform: translateY(-50%) rotate(180deg)
}

.slick-next {
    right: -30px
}

.support-article {
    background: linear-gradient(180deg, #11171f 62.96%, #11171f00 90.38%);
    border-radius: 4px;
    padding: 48px 64px;
    width: 100%
}

.support-article__title {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%
}

.support-article-part {
    padding-bottom: 15px;
    padding-top: 20px
}

.support-article-part ul.support__dotted-list {
    padding: 25px 0
}

.support-article-part ul.support__dotted-list li {
    padding-left: 41px
}

.support-article-part ul.support__dotted-list li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 21px;
    position: absolute;
    top: 10px;
    width: 4px
}

.support-article-part ul.definition-list,
.support-article-part ul.punishment-list {
    padding-top: 13px
}

.support-article-part ul.punishment-list li {
    align-items: center;
    color: #888b8f;
    display: flex;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px
}

.support-article-part ul.punishment-list li img {
    margin-right: 13px
}

.support-article-part ul.definition-list li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px
}

.support-article-part ul.definition-list li span {
    color: #5c6bc0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.support-article__img {
    border-radius: 20px;
    margin-top: 30px;
    width: 100%
}

.support-article-part h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .7;
    padding-top: 10px
}

.support-article-part ol {
    margin: 25px 0
}

.support-article-part li {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part ol li {
    padding-left: 40px
}

.support-article-part li:not(:last-of-type) {
    margin-bottom: 18px
}

.support-article-part ol li:before {
    background: 0 0;
    background: #19212c;
    border: none;
    border-radius: 4px;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px 7px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: auto
}

.support-article__feedback {
    align-items: center;
    border-top: 1px solid #171e26;
    display: flex;
    height: 104px;
    width: 100%
}

.support-article__feedback h5 {
    font-size: 16px;
    font-weight: 500;
    min-width: 230px;
    opacity: .7
}

.feedback-buttons {
    align-items: center;
    display: flex;
    margin: 0 25px 0 35px
}

.feedback-buttons button {
    background: #18202b;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    width: 69px
}

.feedback-buttons button:first-child {
    margin-right: 5px
}

.support-article__feedback p {
    color: #888b8f;
    font-size: 14px;
    line-height: 21px;
    opacity: .3
}

.support-page button {
    transition: filter .2s ease
}

.support-page button:hover {
    filter: brightness(150%)
}

.support__video span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    opacity: .7;
    transition: all .2s ease
}

.support-article-part .text,
.support-article-part p {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

.support-article-part .text {
    margin-bottom: 20px
}

.support-article-part p a {
    font-size: 14px
}

.ban-dates-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.hash-tag {
    background: #18202b;
    border-radius: 5px;
    color: #5c6bc0 !important;
    font-size: 14px;
    padding: 4px
}

.support-article-part li>img {
    border-radius: 0;
    margin: 0 3px;
    width: 15px
}

.support__social-link {
    font-size: 13px;
    margin-left: 10px;
    top: -2px
}

.support__social-link,
.support__social-link:hover {
    color: #5c6bc0;
    text-decoration-line: underline
}

.support__social-link img {
    border-radius: 0;
    margin-right: 7px;
    top: 5px;
    width: 16px
}

.support-search-item {
    margin-bottom: 35px
}

.support-search-item h3 {
    color: #6080ff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.support-search-item span {
    color: #888b8f;
    font-size: 14px;
    line-height: 26px
}

@media (max-width:1670px) {
    .slick-next {
        right: -10px !important
    }

    .slick-prev {
        left: -10px !important
    }
}

.support-menu__arrow {
    margin-right: 25px;
    transition: all .2s ease
}

.support__video:hover span {
    opacity: 1
}

.ss {
    padding-top: 40px
}

.stretched {
    width: 100%
}

.article-date {
    color: #888b8f;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -50px
}



.location_ping>img {
    top: -14px !important
}

.auto-complete-area {
    background: #141b24;
    border-radius: 0 0 9px 9px;
    display: none;
    padding: 6px 20px 14px 26px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.auto-complete-area span a {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 100%;
    padding: 10px 0
}

.auto-complete-area span p {
    color: #919cab;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease;
    white-space: nowrap
}

.auto-complete-area span:hover p {
    color: #fff
}

.auto-complete-area span img {
    margin-right: 13px
}

.filled-input {
    border-radius: 9px 9px 0 0 !important
}

.filled-input+.auto-complete-area {
    display: block
}

.lvlup-img {
    width: 80%
}

.awssld__controls {
    position: static
}

.awssld {
    --loader-bar-color: #0000 !important
}

.awssld__controls__arrow-left:after,
.awssld__controls__arrow-left:before,
.awssld__controls__arrow-right:after,
.awssld__controls__arrow-right:before {
    background-color: #6080ff !important
}

.awssld__controls button .awssld__controls__arrow-left,
.awssld__controls button .awssld__controls__arrow-right {
    opacity: 1 !important
}

.awssld__content {
    background-color: initial
}

.converter__rubles {
    padding-left: 21px
}

.user__popup {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 100%;
    width: 256px
}

.img-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px
}

.profile-popup__header:hover .profile-popup__nick {
    color: #fff
}

.profile-popup__header:hover span:last-child {
    color: #c7d3e2
}

.user__popup svg {
    height: 16px;
    width: 16px
}

.profile-popup__premium img {
    height: 16px;
    top: -1px
}

.notifications__main::-webkit-scrollbar-thumb {
    border: none
}

#gift-modal {
    background: #161b25;
    border-radius: 15px;
    font-family: Roboto;
    padding: 45px 40px 40px;
    width: 508px
}

.gift-modal__choose-friends {
    border-radius: 5px;
    display: block;
    font-family: Roboto;
    margin-bottom: 20px
}

.gift-modal__choose-friends ul {
    height: 267px;
    overflow-y: scroll;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.gift-modal__search {
    background: #0000;
    background-size: 16px 16px;
    border: 1px solid #1e2432;
    border-radius: 8px;
    box-shadow: none;
    color: #ccd3e3;
    font-size: 14px;
    height: 50px;
    margin-bottom: 6px;
    padding: 0 50px 0 15px;
    transition: border .3s ease;
    width: 100%
}

.gift-modal__search+img {
    opacity: .8;
    transition: opacity .3s ease
}

input.gift-modal__search::placeholder {
    color: #697183
}

.gift-modal__search:focus,
.gift-modal__search:hover {
    border: 1px solid #273145;
    outline: none
}

.gift-modal__search:focus+img {
    opacity: 1
}

.close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px
}

.close img {
    opacity: .3;
    transition: opacity .2s ease
}

.gift-modal__friend:hover {
    background: #1e2434
}

.gift-modal__friend:hover span {
    color: #adbbcf
}

.close:hover img {
    opacity: 1
}

.gift-modal__enter,
.gift-modal__friend {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 51px;
    justify-content: space-between;
    transition: background .1s ease;
    width: 100%
}

.gift-modal__enter {
    background: #202636;
    margin-bottom: 14px;
    padding: 0 9px 0 13px;
    transition: background .3s ease
}

.gift-modal__enter.focus {
    background: #232a3d
}

.gift-modal__friend {
    background: #181e29;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 13px
}

.gift-modal__choose-friends ul.filled .gift-modal__friend:not(.choosen) {
    opacity: .5
}

.choosen .gift-modal__friend-nick {
    color: #97beb7 !important
}

.gift-modal__friend-nick {
    color: #9296ac;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700
}

.gift-modal__friend-ava {
    border-radius: 50%;
    height: 26px;
    margin-right: 15px;
    width: 26px
}

.gift-modal__friend>img {
    margin-left: 15px;
    transition: all .2s ease
}

.gift-modal__friend.choosen {
    background: #1c2531
}

.gift-modal__enter input {
    background: #0000;
    border: none;
    color: #ccd3e3;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding-right: 10px
}

.gift-modal__enter input::placeholder {
    color: #8191a7
}

.gift-modal__enter input:focus,
.gift-modal__enter input:hover {
    border: none
}

.gift-modal__delete {
    background: #0000;
    border-bottom: 1px dashed #6080ff;
    color: #6080ff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 15px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.gift-modal__friend>span {
    align-items: center;
    display: flex
}

.inventroy__gift {
    border-radius: 15px;
    cursor: pointer;
    height: 200px;
    transition: all .2s ease
}

.server-modal__lvl {
    height: 21px
}

.inventroy__gift>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.inventroy__gift h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.server-modal__name {
    max-width: 400px;
    overflow: hidden
}

.server-modal__country {
    border-radius: 50%;
    bottom: -1px;
    height: 11px;
    left: 14px;
    position: absolute;
    width: 11px;
    z-index: 1
}

.inventory__receive-gift {
    background: #0000;
    border: 1px solid #0000;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .3s ease
}

.inventroy__gift.lite .inventory__receive-gift {
    border-color: #2d9df1;
    color: #2d9df1
}

.inventroy__gift.lite .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #0085ff)
}

.inventroy__gift.lite {
    background: linear-gradient(206.87deg, #14162fc4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventroy__gift.lite h2 {
    color: #32a0ef
}

.inventroy__gift.premium .inventory__receive-gift {
    border-color: #fdb510;
    color: #fdb510
}

.inventroy__gift.premium .inventory__receive-gift:hover {
    filter: drop-shadow(0 4px 43px #fdb510)
}

.inventroy__gift.premium h2 {
    color: #fdb510;
    max-width: 120px;
    text-align: center
}

.inventroy__gift.premium {
    background: linear-gradient(206.87deg, #231b17c4 -2.89%, rgba(17, 22, 30, .231) 133.78%)
}

.inventory-gift__image {
    width: 54px
}

.inventroy__gift.lite .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(0, 133, 255, .74))
}

.inventroy__gift.premium .inventory-gift__image {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .74))
}

.inventory-gift__badge,
.inventory-gift__second-badge {
    align-items: center;
    background: #ffffff05;
    border-radius: 12.5px;
    color: #afafaf;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    padding: 5px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.inventory-gift__second-badge {
    left: auto;
    right: 12px;
    text-transform: none
}

.inventory-gift__badge img {
    margin-right: 5px;
    width: 14px
}

.link-enter-img-wrapper {
    background: #353f55;
    border-radius: 4px;
    color: #b5c4d8;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    padding: 6px 8px;
    text-transform: uppercase;
    transition: all .2s ease
}

.link-enter-img-wrapper:hover {
    background: #ffffff1a
}

.gift-modal__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px);
    justify-content: center;
    width: 100%
}

.gift-modal__empty h2 {
    color: #9ea6be;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 2px;
    margin-top: 20px;
    opacity: .64;
    text-transform: uppercase
}

.gift-modal__empty span {
    color: #475164;
    font-family: Roboto;
    font-size: 14px;
    opacity: .7
}

li.slide {
    margin-bottom: 0 !important
}

.carousel.carousel-slider .control-arrow {
    padding: 50px !important
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0000 !important
}

.server-modal__bg {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.server-modal__bg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.data-one-server-info a,
.table .press-left {
    justify-content: flex-start;
    text-align: left
}

.server-modal__table {
    padding: 0 32px
}

.server-modal__bg .shadow {
    background: linear-gradient(180deg, #11192300 -8.49%, #111923 46.81%);
    height: 259px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.server-modal__header {
    align-items: center;
    display: grid;
    font-family: Roboto;
    grid-template-columns: 1fr 150px 1fr;
    padding: 82px 0 50px
}

.arcade-mode .server-modal__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 0
}

.server-modal__header>div {
    align-items: center;
    display: flex
}

.server-modal__main-info {
    flex-direction: column;
    justify-content: center
}

.server-modal__header-labels {
    display: flex;
    flex-direction: column
}

.server-modal__header>div:first-child .server-modal__header-labels {
    align-items: flex-end
}

.server-modal__header>div:first-child {
    justify-content: flex-end
}

.server-modal__status {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .4;
    text-transform: uppercase
}

.server-modal__side {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.server-modal__header>div>img {
    margin: 0 25px
}

.server-modal__score {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 6px
}

.server-modal__time {
    align-items: center;
    color: #d9e4ff;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.server-modal__time img {
    height: 16px;
    margin-right: 4px
}

.server-modal__connect {
    align-items: center;
    background: linear-gradient(180deg, #1c2334, #1f2739);
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 16px 32px
}

.server-modal__mode {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.arcade-mode .server-modal__connect {
    justify-content: center
}

.server-modal__connect button {
    align-items: center;
    background: #0000;
    display: flex
}

.server-modal__ip {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.server-modal__connect button svg {
    margin-right: 8px;
    width: 18px
}

.server-modal__con {
    color: #b1bfd7;
    font-size: 12px;
    font-weight: 400
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #1c2130;
    border-radius: 4px;
    color: #8f96ac !important;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box:not([data-theme]) {

    a,
    div {
        color: #8f96ac
    }
}

.settings-content {
    background: linear-gradient(0deg, #161c2666, #161c2666);
    border-radius: 0 0 4px 4px;
    font-family: Roboto;
    padding: 45px 47px
}

.settings__title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 35px;
    width: 100%
}

.settings-row {
    display: flex;
    overflow-x: auto;
    width: 100%
}

.settings__item-description {
    color: #5e6c7e;
    font-size: 14px;
    margin-top: 8px
}

.setting-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.setting-content>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.settings-input__change {
    align-items: center;
    background: #0000;
    border-radius: 4px;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    width: 25px
}

.settings-input.short {
    width: 179px
}

.settings-area:focus,
.settings-area:hover {
    border: 0
}

.settings-input input {
    border: none;
    padding: 0 50px 0 20px;
    width: 100%
}

.settings-input input,
.settings-input input::placeholder {
    color: #d7e8ff99;
    font-size: 14px
}

.settings-input input:focus,
.settings-input input:hover {
    border: none
}

.settings-input__change:hover {
    background: #1d2531
}

.settings__country {
    align-items: center;
    display: flex;
    flex-direction: row !important
}

.settings__country img {
    border-radius: 50%;
    margin-right: 8px;
    width: 16px
}

.settings__country span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.multi-option-buttons__list {
    background: #1f2633;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 105%;
    width: 100%;
    z-index: 2
}

.multi-option-buttons__list button {
    background: #0000;
    color: #9ca4be;
    font-size: 13px;
    padding: 11px;
    text-align: left;
    width: 100%
}

.multi-option-buttons__list .inactive {
    background: #5265852e;
    pointer-events: none
}

.multi-option-buttons__wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    z-index: 2
}

.multi-option-buttons__wrapper:hover .multi-option-buttons,
.multi-option-buttons__wrapper:hover .multi-option-buttons__arrow {
    cursor: pointer;
    filter: brightness(120%)
}

.multi-option-buttons__arrow svg {
    transition: transform .3s ease
}

.multi-option-buttons__arrow svg.active {
    transform: rotate(180deg)
}

.multi-option-buttons__arrow {
    align-items: center;
    background: linear-gradient(180deg, #283243, #2e3a4c);
    border-radius: 0 6px 6px 0;
    display: flex;
    height: 34px;
    justify-content: center;
    transition: filter .2s ease;
    width: 24px
}

.multi-option-buttons {
    background: #5265852e;
    border-radius: 6px 1px 1px 6px;
    color: #9ca4be;
    font-size: 12px;
    padding: 10px;
    transition: filter .2s ease;
    width: 120px
}

.profile-popup__avatar {
    border-radius: 50%;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.profile-popup__header {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Roboto;
    height: auto;
    padding: 18px 24px;
    transition: all .3s ease;
    width: 100%
}

.profile-popup__header>div {
    display: flex;
    flex-direction: column;
    max-width: 130px
}

.profile-popup__header-wrapper {
    background: #273047;
    height: auto
}

.profile-popup__nick {
    color: #c7d3e2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s ease
}

.profile-popup__header span:last-child {
    color: #8499b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    transition: all .3s ease
}

.ban-badge {
    align-items: center;
    background: #0000;
    border: 1px solid #fe1111;
    border-radius: 5px;
    display: inline-flex;
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .84));
    height: 23px;
    padding: 0 8px
}

.ban-badge span {
    color: #e50027;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.ban-badge img {
    top: -1px
}

.profile-badge img {
    margin-right: 5px
}

.category-filter input:checked+span .lite-badge {
    background: #1d273f;
    color: #6080ff
}

.skinchanger-modal__wrapper {
    background: #171c2a;
    border-radius: 18px;
    padding: 24px;
    width: 398px
}

#skinchanger-modal {
    display: flex;
    position: relative
}

.skin-modal__image {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/skins/grid.png*/
        url() no-repeat 50%/cover;
    display: flex;
    height: 119px;
    justify-content: center;
    margin: 16px 0;
    width: 100%
}

.skin-modal__image img {
    max-height: 80px;
    max-width: 90%;
    opacity: 1;
    transition: opacity .2s ease
}

.skin-modal__image img.limited {
    height: auto;
    max-height: 80%;
    max-width: 192px
}

span.gun-name__name,
span.gun-name__stattrak {
    color: #6080ff
}

.gun-name__stattrak {
    display: none
}

.skinchanger-modal__title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    line-height: 135%;
    margin: 15px 0;
    opacity: .8;
    text-transform: uppercase
}

.skin-modal__stattrak {
    display: flex
}

.skin-stattrak:hover,
.skin-stattrak:hover .stattrak-switcher {
    background: #5d6c923d
}

.skin-modal__stattrak svg path {
    fill: #babfc5
}

.skin-modal__stattrak .choosen-stattrak-option svg path {
    fill: #95aaff
}

.skin-modal__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 18px
}

.skin-modal__title {
    color: #7f8eaa;
    font-size: 15px;
    font-weight: 500;
    text-transform: none
}

.skin-qualities-tabs {
    align-items: center;
    display: flex;
    width: 100%
}

.skin-qualities-tabs li {
    align-items: center;
    background: #182333;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-transform: uppercase;
    width: 20%
}

.skin-qualities-tabs li:first-child {
    border-radius: 7px 0 0 7px
}

.skin-qualities-tabs li:last-child {
    border-radius: 0 7px 7px 0
}

.skin-qualities-tabs li.choosen-skin-quality {
    background: #6080ff;
    color: #fff;
    transition: all .2s ease
}

.skin-modal__float {
    display: flex
}

.skin-float__float {
    align-items: center;
    background: #182333;
    border-radius: 7px;
    color: #ffffffb3;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin-right: 20px;
    min-height: 36px;
    padding: 0 10px;
    text-align: center;
    width: 61px
}

.skin-label-input {
    background: #0000;
    border: 1px solid #91affd1f;
    border-radius: 6px;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    height: 42px;
    padding: 0 18px;
    transition: border .2s ease;
    width: 100%
}

.skin-label-input:focus,
.skin-label-input:hover {
    border: 1px solid #91affd4d
}

#skin-modal__save {
    margin-top: 40px
}

#skin-modal__save[disabled] {
    opacity: .5
}

.skin-label-input::placeholder {
    color: #ffffff4d;
    color: #778597;
    font-family: Roboto;
    font-size: 15px
}

.save-input-val {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    height: 30.8px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px
}

.large-uppercase-primary-btn {
    background: #6e93ff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 0;
    transition: all .2s ease;
    width: 100%
}

.large-uppercase-primary-btn:hover {
    filter: brightness(110%)
}

.skinchanger__setting-block img {
    width: 15px !important
}

.skinchanger__setting-block.apply img {
    width: 11px !important
}

.border-blinking .skin__side-choice,
.border-blue .skin__side-choice,
.border-golden .skin__side-choice {
    opacity: 1
}

.gift-modal__enter .gift-modal__friend-ava {
    height: 24px;
    width: 24px
}

#application {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop .p_skin_name {
    color: #c8cfdb !important;
    font-weight: 700
}

.s-key-words {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(15px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes highlightBorder {
    0% {
        border-color: grey
    }

    50% {
        border-color: #8080801a
    }

    to {
        border-color: grey
    }
}

@keyframes inner {
    0% {
        fill: red
    }

    33% {
        fill: #fff
    }

    66% {
        fill: #fff
    }
}

@keyframes middle {
    0% {
        fill: #fff
    }

    33% {
        fill: red
    }

    66% {
        fill: #fff
    }
}

@keyframes outer {
    0% {
        fill: #fff
    }

    33% {
        fill: #fff
    }

    66% {
        fill: red
    }
}

@keyframes signal {

    20%,
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes fading {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@keyframes iSkew {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes feathers {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes imgScale {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.9) translateY(-10px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes akRotation {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.95) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bullets {
    0% {
        transform: scale(1) translateY(0)
    }

    50% {
        transform: scale(.97) translateY(20px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes flashRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lowerRankRotation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bgPulsing {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes nonPrem {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    45% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(10deg)
    }

    65% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media (max-width:1750px) {
    .footer__navigation {
        grid-template-columns: 300px 1fr
    }

    .footer__sponsors img {
        width: 130px
    }

    .settings__item.adaptive>div {
        margin-bottom: 20px !important
    }
}

@media (max-width:1450px) {
    .support-content {
        grid-template-columns: 275px 1fr;
        padding: 0 50px;
        width: 100%
    }

    .support-content>* {
        width: 100%
    }

    .support-content .general-menu {
        margin-bottom: 25px;
        margin-right: 0;
        position: relative;
        width: 100%
    }

    .visibility .filter-section__title {
        display: none !important
    }

    .footer__sponsors img {
        width: 130px
    }

    .support__video-wrapper:before {
        height: 32px !important;
        width: 32px !important
    }
}

@media (max-width:740px) {
    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }
}

.header__deposit-s {
    bottom: 0;
    left: 0;
    position: absolute
}

.servers-filter {
    position: relative
}

.servers-filter>img {
    position: absolute;
    right: -3px;
    top: -7px
}

.helper-s {
    left: -1px;
    top: -5px
}

.helper-s,
.stars-s {
    position: absolute;
    z-index: 99
}

.stars-s {
    bottom: 0;
    margin-right: 0 !important;
    right: 0;
    top: auto !important;
    width: 101% !important
}

.plan2-s {
    right: 1px;
    top: -6px
}

.plan-s,
.plan2-s {
    position: absolute
}

.plan-s {
    left: 10px;
    top: -9px
}

.friends-s {
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 1
}

.plan-btn-s,
.plan-btn2-s {
    left: 0;
    margin-right: 0 !important;
    position: absolute;
    top: -3px;
    width: 100% !important
}

@font-face {
    font-family: Cybershoke;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG-SVG.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/Web-TT/CYber-Regular-SVG.210905-1526.woff*/
        url() format("woff")
}

@font-face {
    font-family: Robustik;
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=https://cloud.cybershoke.net/fonts/Cybershoke/RobustikBold.ttf*/
        url()
}

.cybershoke {
    color: #252c39;
    font-family: Cybershoke;
    font-size: 30px;
    line-height: .9
}

.server-row__faceit {
    padding-left: 32px
}

.limited-length {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.achievements-grid {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    padding-right: 13px;
    width: calc(100% + 13px)
}

.achievements-grid li {
    background: #161b25;
    border: 1px solid #1a1e2d;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 21.5px 20px;
    transition: all .2s ease
}

.achievements-grid li:hover {
    background: #181d27
}

.achievements-grid li h6 {
    color: #91a8b9;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 51px;
    margin-top: 12px;
    text-align: center
}

.achievements-grid li .image {
    height: 128px;
    image-rendering: auto;
    width: 128px
}

.achievements-grid li.none .image {
    opacity: .3
}

.achievements-grid li.gold {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%);
    border: 1px solid #fcc2511a
}

.achievements-grid li.gold h6 {
    color: #fcc251
}

.achievements-grid li.gold .date {
    color: #fee5b4
}

.achievements-grid li.gold .progress:before {
    background: #fcc251;
    max-width: 100%
}

.achievements-grid li.gold:hover {
    background: linear-gradient(27.76deg, #94784333 19.12%, #2a221333 65.52%)
}

.achievements-grid li.silver {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%);
    border: 1px solid #a5c9ff33
}

.achievements-grid li.silver h6 {
    color: #a5c9ff
}

.achievements-grid li.silver .date {
    color: #d6e7ff
}

.achievements-grid li.silver .progress:before {
    background: #a5c9ff;
    max-width: 100%
}

.achievements-grid li.silver:hover {
    background: linear-gradient(27.76deg, #222c50 19.12%, #1c2239 65.52%)
}

.achievements-grid li.bronze {
    background: linear-gradient(27.76deg, #774e3733 19.12%, #191e2833 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.bronze h6 {
    color: #d48f71
}

.achievements-grid li.bronze .date {
    color: #eccec0
}

.achievements-grid li.bronze .progress:before {
    background: #d48f71;
    max-width: 100%
}

.achievements-grid li.bronze:hover {
    background: linear-gradient(27.76deg, #774e3733 30.12%, #191e2833 65.52%)
}

.achievements-grid li.diamond {
    background: linear-gradient(27.76deg, #27465e 19.12%, #1c2939 65.52%);
    border: 1px solid #d48f711a
}

.achievements-grid li.diamond h6 {
    color: #52b1e0
}

.achievements-grid li.diamond .date {
    color: #34bcff
}

.achievements-grid li.diamond .progress:before {
    background: #52b1e0;
    max-width: 100%
}

.achievement-among-friends {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.achievement-among-friends>div {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.achievement-among-friends span {
    color: #3f4551;
    font-size: 12px;
    line-height: 16px;
    margin-left: 9px
}

.achievement-among-friends a {
    color: #969ca7;
    font-size: 12px;
    text-decoration-line: underline;
    transition: color .2s ease
}

.achievement-among-friends a:hover {
    color: #6080ff
}

.achievement__friend {
    background: #161c26;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px
}

.achievement__friend img {
    border-radius: 50%;
    width: 100%
}

.achievement__friend:first-of-type,
.achievement__friend:nth-of-type(2) {
    margin-left: -8px
}

.title {
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.warning-label-wrapper {
    margin-bottom: 20px
}

.warning-label {
    background: #321919;
    border-radius: 6px;
    padding: 15px 20px;
    width: 100%
}

.warning-label div {
    align-items: center;
    display: flex
}

.warning-label img {
    margin-right: 10px;
    width: 14px
}

.warning-label span {
    color: #fdcece;
    font-size: 13px;
    font-weight: 500
}

img.warning-close {
    cursor: pointer;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.footer-socials-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer-payments {
    align-items: center;
    display: flex;
    gap: 6px
}

.footer-payments svg {
    filter: brightness(50%);
    height: 16px;
    transition: filter .2s ease
}

.footer-payments svg:hover {
    filter: brightness(100%)
}

.footer-lang {
    align-items: center;
    background: #141926;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 12px
}

.dropdown.type-footer {
    background: #141926;
    bottom: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px 0;
    top: auto;
    width: 131px
}

.dropdown.type-footer li {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.dropdown.type-footer img {
    margin-right: 10px;
    width: 15px
}

.footer-lang__current {
    align-items: center;
    color: #b5c3db;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.footer-lang__current img {
    width: 18px
}

.unauth .footer {
    height: 280px
}

.footer-right {
    display: flex;
    flex-wrap: wrap;
    gap: 106px
}

.footer__logo {
    display: flex;
    gap: 30px;
    padding-right: 10px
}

.footer-company {
    width: 225px
}

.footer-company h5 {
    color: #727783;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px
}

.footer-company h6,
.footer-company span {
    color: #515766;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.footer-company span {
    text-transform: none
}

.footer-company h6 {
    font-weight: 600
}

g[opacity="0.3"] {
    display: none;
    opacity: 0
}

.star-image {
    opacity: .34
}

.aic {
    align-items: center;
    display: flex
}

.roulette__letter {
    color: #6080ff;
    font-family: Cybershoke;
    font-size: 40px
}

.skinchanger-modal__stickers {
    background: #171c2a;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 6px;
    padding: 24px;
    width: 386px
}

.skinchanger-modal__stickers input {
    border: 1px solid #91affd1f;
    border-radius: 6px
}

.stattrak-switcher {
    background: #5265852e;
    border-radius: 4px;
    height: 25px;
    position: relative;
    transition: background .2s ease;
    width: 42px
}

.stattrak-switcher span {
    background: #9ea7be;
    border-radius: 4px;
    height: 17px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 17px
}

.skin-stattrak {
    align-items: center;
    background: #5d6c921f;
    border-radius: 5px;
    color: #7f8eaa;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    height: 38px;
    padding: 0 10px 0 14px;
    transition: all .2s ease
}

.skin-stattrak.active {
    background: #6080ff1f;
    color: #6080ff
}

.skin-stattrak.active .stattrak-switcher {
    background: #6080ff1f
}

.skin-stattrak.active .stattrak-switcher span {
    background: #6080ff;
    transform: translateX(100%)
}

.skin-label-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.skinchanger-stickers-list-wrapper {
    height: 470px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

.skinchanger-stickers-list-wrapper.locked {
    opacity: 1;
    overflow: hidden
}

.skinchanger-stickers-list-wrapper.locked .skinchanger-stickers-list {
    opacity: .2
}

.skinchanger-stickers-list-wrapper::-webkit-scrollbar {
    width: 4px
}

.skinchanger-stickers-list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.skinchanger-stickers-list li {
    background: #91affd0d;
    border-radius: 6px;
    cursor: pointer;
    height: 80px;
    transition: background .2s ease
}

.skinchanger-stickers-list li:hover {
    background: #91affd1a
}

.skinchanger-stickers-list li>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center
}

.skinchanger-stickers-list li img {
    height: 45px
}

.skinchanger-stickers-list li span {
    color: #d3ddeb;
    font-size: 10px;
    font-weight: 400;
    max-width: 60px
}

.sticker-img-wrapper {
    display: flex;
    justify-content: center;
    width: 60px
}

.skin-dot-wrapper {
    align-items: center;
    background: #6080ffa6;
    border: 1px solid #0000;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: flex;
    height: 17px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    width: 17px;
    z-index: 1
}

.skin-dot-wrapper img {
    opacity: 1 !important;
    width: 7px
}

.skin-dot-wrapper.picked-dot {
    background: #cb4545a6
}

.skin-dot-wrapper.picked-dot img {
    display: block
}

.skinchanger-sticker-mode .skin-modal__image img {
    opacity: .3
}

.skinchanger-sticker-mode .skin-dot-wrapper {
    opacity: 1;
    pointer-events: all
}

li.choosen-sticker {
    background: #91affd29
}

#skinchanger-modal .tippy-box {
    background: #131b26;
    border: 1px solid #6080ff;
    border-radius: 8px
}

#skinchanger-modal .tippy-box div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#skinchanger-modal .tippy-box span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

#skinchanger-modal .tippy-box button {
    background: #0000;
    color: #6080ff;
    font-size: 11px;
    font-weight: 500
}

.drop-tags {
    justify-content: center
}

.drop-tags,
.drop-tags li {
    align-items: center;
    display: flex
}

.drop-tags li {
    background: #131c30;
    border-radius: 4px;
    color: #e4eaff;
    font-weight: 700;
    margin: 0 5px 20px;
    opacity: .9;
    padding: 9px 19px;
    text-transform: uppercase
}

.drop-tags li img {
    margin-right: 7px;
    width: 12px
}

.back-light {
    position: relative
}

.back-light:before {
    background: #f79133;
    content: "";
    display: block;
    filter: blur(25px);
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.back-light.prize_color-consumer:before,
.back-light.prize_color-industrial:before {
    background: #2a68b0
}

.back-light.prize_color-restricted:before {
    background: #754de8
}

.back-light.prize_color-milspec:before {
    background: #6080ff
}

.back-light.prize_color-covert:before {
    background: #e84d4d
}

.back-light.prize_color-classified:before {
    background: #e44de8
}

.back-light.prize_color-golden:before {
    background: #f79133
}

.skin-modal__side {
    bottom: 10px;
    color: #7f8eaa;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.sticker-dots {
    left: 0;
    position: absolute;
    top: -18px
}

.skin-modal__installed-stickers {
    bottom: 8px;
    left: 10px;
    position: absolute;
    z-index: 1
}

.skin-modal__installed-stickers img {
    height: 24px;
    margin-right: 6px;
    max-width: 100%;
    opacity: .3
}

.skin-modal__installed-stickers img:hover {
    cursor: pointer;
    opacity: 1
}

input.skin-float-range {
    -webkit-appearance: none;
    appearance: none;
    background: #91affd0d;
    border: none
}

input.skin-float-range:focus,
input.skin-float-range:hover {
    border: none
}

input.skin-float-range::-webkit-slider-thumb {
    background: #6080ff
}

.bans-table {
    margin-bottom: 50px;
    width: 100%
}

.bans-table tr {
    background: #0000;
    display: grid;
    grid-template-columns: 1fr 180px
}

.bans-table tr:nth-of-type(2n-1) {
    background: #141b2399
}

.bans-table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.bans-table td {
    font-size: 16px
}

.bans-table td,
.bans-table th {
    align-items: center;
    display: flex;
    height: 55px
}

.bans-table td:first-child,
.bans-table th:first-child {
    padding-left: 35px
}

.bans-table td:last-child,
.bans-table th:last-child,
.timer-divider {
    justify-content: center
}

.timer-divider {
    align-items: center;
    color: #d8e4f8;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    opacity: .2;
    width: 15px
}

.skinchanger__setting-block img {
    pointer-events: none
}

.skin-modal__gun-name {
    color: #d3ddeb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

img.highlight-sticker {
    opacity: 1 !important
}

.skin-configurators {
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.skin__applied-stickers {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.skin__applied-stickers img {
    margin-top: 10px;
    max-height: 25px;
    max-width: 17px;
    object-fit: contain
}

div.skin__side-choice {
    align-items: center;
    display: flex;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important
}

div.skin__side-choice>div:first-child {
    margin-right: 5px
}

.superbonus-word {
    transition: all .3s ease
}

.superbonus-word .blue-letter {
    color: #6080ff
}

.unactive-side {
    opacity: .3 !important
}

.shaking-button {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation-fill-mode: forwards;
    perspective: 1000px;
    transform: translateZ(0)
}

.skin-modal__title {
    align-items: center;
    display: flex
}

.skin-modal__title img {
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.skin-modal__title div {
    color: inherit;
    cursor: pointer;
    transition: color .2s ease
}

.skin-modal__title div:hover {
    color: #fff
}

.float-info {
    cursor: pointer
}

.float-tippy__content {
    font-size: 13px;
    line-height: 22px;
    padding: 6px
}

.float-tippy__content span {
    color: #e0e7ff
}

.stickers-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.stickers-frame h3 {
    color: #9ea6be;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 9px;
    margin-top: 27px;
    text-transform: uppercase
}

.stickers-frame span {
    color: #d9e1ff;
    font-size: 14px;
    line-height: 19px;
    opacity: .3;
    text-align: center
}

.roulette-item__img-wrapper {
    align-items: center;
    background:
        /*savepage-url=https://cloud.cybershoke.net/img/wheel/bg/cybershoke.png*/
        url() no-repeat 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.roulette-item__label {
    color: #d39a52;
    font-size: 20px;
    font-weight: 900;
    margin-top: 10px;
    text-transform: uppercase
}

.settings__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.settings__item>button {
    margin-left: auto
}

.settings__item>button,
.settings__item>button a {
    background: #0000;
    color: #6080ff;
    font-size: 16px;
    font-weight: 500
}

.settings__item>button[disabled] {
    color: #8aa2b666
}

.profile-header__btn {
    background: #6080ff14;
    border-radius: 6px;
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    white-space: nowrap
}

.settings-sub__content {
    align-items: center;
    background: #d3dcff05;
    border-radius: 5px;
    display: flex;
    padding: 24px 21px 24px 33px;
    width: 100%
}

.settings-sub__content img {
    margin-right: 64px;
    width: 144px
}

.settings-sub__content>button {
    background: #1e242d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    margin-left: auto;
    padding: 13px 40px
}

.settings-sub__content div {
    display: flex
}

.settings-sub__content>div {
    align-items: center
}

.settings-sub__block {
    display: flex;
    flex-direction: column
}

.settings-sub__block:not(:last-child) {
    margin-right: 64px
}

.settings-sub__block span:first-child {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.settings-sub__block span:last-child {
    align-items: center;
    color: #87898d;
    display: flex;
    font-size: 15px;
    line-height: 18px
}

.settings-sub__block span:last-child img {
    margin-left: 4px;
    width: 14px
}

.settings-empty {
    color: #888b8f;
    font-size: 16px
}

.settings-table {
    width: 100%
}

.settings-table th {
    color: #6080ff;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.settings-table .cell-with-flag img {
    margin-right: 10px;
    width: 16px
}

.settings-table td {
    font-size: 14px
}

.settings-table td,
.settings-table th {
    align-items: center;
    display: flex
}

.settings-table td:first-child,
.settings-table th:first-child {
    padding-left: 34px
}

.settings-table td:last-child,
.settings-table th:last-child {
    padding-right: 34px
}

.settings-table tr {
    align-items: center;
    display: flex
}

.settings-table tr:nth-child(2n-1) {
    background: #141b25;
    height: 60px
}

.settings-table tr:nth-child(2n) {
    background: #0000;
    height: 55px
}

.settings__sessions-table .close-session {
    opacity: 0;
    transition: all .2s ease
}

.settings__sessions-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px
}

.settings__sessions-table tr:hover .close-session {
    opacity: 1
}

.settings__transactions-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr .5fr
}

.settings__transactions-table tr:nth-child(2n) {
    height: 76px
}

.settings-area {
    align-items: center;
    background: #161d27;
    border: 0;
    border-radius: 5px;
    color: #d7e8ff99 !important;
    display: flex;
    font-size: 14px;
    max-width: 600px;
    padding: 14px 20px;
    width: 600px
}

.confirm-settings-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 500px
}

.confirm-settings-modal.sm {
    padding: 46px 43px;
    width: 450px
}

.confirm-settings-modal.sm .confirm-settings__content h2 {
    font-size: 20px
}

.confirm-settings-modal.sm .confirm-settings__subtitle {
    color: #adbcd0;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px
}

.confirm-settings__content h2 {
    color: #ecf1f8;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.confirm-settings__subtitle {
    color: #6f7a8c;
    font-size: 15px;
    line-height: 150%;
    margin-top: 8px;
    text-align: center
}

.confirm-settings__subtitle img {
    top: 1px;
    width: 14px
}

.confirm-settings__list {
    margin-top: 41px
}

.confirm-buttons {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.confirm-buttons button {
    background: #0000;
    border-radius: 8px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    letter-spacing: .16px;
    text-align: center;
    width: 100%
}

.confirm-buttons button:first-child {
    background: #6080ff;
    color: #fff
}

.confirm-buttons button:last-child {
    border: 1px solid #2e364b;
    color: #a5b2c3
}

.update-modal__content {
    padding: 38px 52px 44px
}

.update-modal__content h2 {
    font-size: 28px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.update-modal__content span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.update-modal__img-wrapper {
    position: relative;
    transition: all .5s ease
}

.update-modal__img-wrapper .flying-image {
    position: absolute
}

.update-modal__image {
    border-radius: 16px 16px 0 0;
    display: block;
    width: 100%
}

#update-modal {
    background: #171c2b;
    border-left: 4px solid #171c2b;
    border-radius: 16px;
    border-right: 4px solid #171c2b;
    border-top: 4px solid #171c2b;
    width: 558px
}

@media(max-width:650px) {
    #update-modal {
        width: 90%
    }
}

.modal-button {
    background: #6080ff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    letter-spacing: .11em;
    text-transform: uppercase;
    width: 100%
}

.update-modal__block {
    align-items: center;
    display: flex;
    margin-top: 25px
}

.update-modal__block img {
    max-width: 23px
}

.update-modal__block div {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.update-modal__content button {
    margin-top: 45px
}

.confirm-settings__list>div {
    align-items: center;
    display: flex;
    padding: 0 40px
}

.confirm-settings__list>div .image-wrapper {
    align-items: center;
    background: #151b26;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-right: 20px;
    min-width: 54px;
    width: 54px
}

.confirm-settings__list>div img {
    width: 22px
}

.confirm-settings__list>div span {
    color: #7b828a;
    font-size: 14px;
    line-height: 20px
}

.trade-link {
    border-bottom: 1px solid #9aa7bd;
    color: #9aa7bd;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px
}

.mode__friends {
    align-items: center;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.mode__friends img {
    border: 3px solid #21262f;
    border-radius: 50%;
    margin-left: -8px;
    width: 20px
}

.mode__friends span {
    align-items: center;
    background: #21262f;
    border-radius: 10px;
    color: #7c839c;
    display: flex;
    font-size: 9px;
    height: 20px;
    margin-left: -8px;
    padding: 0 5px
}

.float-dot {
    background: #7f8eaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

#page-servers-home a {
    height: 100% !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 0 !important
}

#online-friends-modal {
    background: #101821;
    border-radius: 16px;
    padding: 38px 41px;
    width: 450px
}

#online-friends-modal h2 {
    color: #e6e6e6;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em
}

#online-friends-modal ul {
    max-height: 324px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px)
}

#online-friends-modal .online-player__user {
    align-items: center;
    display: flex
}

#online-friends-modal .online-player__server {
    align-items: center;
    display: flex;
    padding-right: 10px
}

#online-friends-modal li {
    background: #131a24;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 51px;
    transition: all .3s ease
}

#online-friends-modal li:not(:last-child) {
    margin-bottom: 10px
}

#online-friends-modal li:hover {
    background: #21293d
}

#online-friends-modal li:hover .online-player__server-name {
    display: none
}

#online-friends-modal li:hover .online-player__server-connect {
    display: flex
}

.friends-modal__subtitle {
    color: #7b828a;
    display: block;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 10px
}

.inventory__device-img {
    filter: drop-shadow(0 4px 43px rgba(255, 132, 0, .54));
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 90%;
    transition: opacity .2s ease
}

.inv-device h2 {
    margin-top: 0
}

#auto-sub-modal {
    background: #171c2a;
    border-radius: 15px;
    padding: 40px;
    width: 800px
}

#auto-sub-modal h2 {
    color: #ecf1f8;
    font-size: 27px;
    font-weight: 900
}

.title-wrapper {
    align-items: center;
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/lite-header.svg*/
        url() no-repeat 50%/cover;
    border-radius: 10px;
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 0 25px
}

.title-wrapper span {
    background: #6080ff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 17px
}

.modal-subtitle {
    color: #e1e6f9;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    max-width: 455px;
    opacity: .7
}

.modal-subtitle a {
    color: #e1e6f9;
    text-decoration: underline
}

.autosub-modal__plans {
    margin-top: 9px
}

.autosub-modal__plans>span {
    color: #d0d5e0;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

.autosub-modal__plans>div {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr
}

.autosub-plan__title {
    color: #6080ff;
    display: block;
    font-size: 17px;
    font-weight: 900
}

.autosub-plan__subtitle {
    color: #abbcff;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase
}

.autosub-plan__select {
    align-items: center;
    background: #26394e;
    border-radius: 6px;
    color: #6080ff;
    color: #64d3ab;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 13px 18px 13px 16px
}

.autosub-plan__select img {
    width: 12px
}

.autosub-plan__period {
    color: #adbcd0;
    font-size: 14px;
    margin-top: 15px
}

.choose-sub-period {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: flex-start;
    z-index: 1
}

.choose-sub-period>div {
    width: 100%
}

.choose-sub-period>img {
    margin-right: 16px;
    width: 43px
}

.choose-sub-period span {
    text-align: center
}

.sub-tick {
    background: #5beaae2b;
    border-radius: 5px;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px
}

.sub-tick:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/tick.svg*/
        url() no-repeat 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.autosub-plan {
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.autosub-plan .dropdown {
    left: 0
}

.autosub-plan .choose-sub-period {
    background: #1a202d;
    border-bottom: 1px solid #0000;
    border-radius: 8px;
    padding: 0 28px 0 30px
}

.autosub-plan.active .choose-sub-period {
    background: linear-gradient(197.7deg, #1d2535 9.19%, #20283a 94.29%);
    opacity: 1
}

.autosub-plan.active:before {
    background: #5beaae2b
}

.autosub-plan.monthly {
    cursor: default
}

.autosub-plan.monthly:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #181e29e6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.autosub-plan .autosub-locker {
    align-items: center;
    color: #8fa1b8;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.autosub-plan .autosub-locker img {
    margin-bottom: 14px;
    width: 45px
}

.autosub-sale {
    background: #5beaae2b;
    border-radius: 40px;
    color: #6bcea5;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px
}

#serv-avg-lvl {
    height: 20px;
    position: absolute;
    right: -40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown {
    background: #11171f;
    border-radius: 4px;
    left: 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    z-index: 2
}

.dropdown ul {
    flex-direction: column;
    justify-content: center;
    padding: 8px 0
}

.dropdown li,
.dropdown ul {
    align-items: center;
    display: flex
}

.dropdown li {
    color: #899bb7;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 16px;
    width: 100%
}

.dropdown li,
.dropdown li span {
    transition: all .3s ease
}

.dropdown li:hover,
.dropdown li:hover span {
    color: #fff
}

.dropdown li img {
    margin-right: 10px
}

@media(max-width:650px) {
    .hide-mobile {
        display: none
    }
}

@media (max-width:1100px) {

    .premium-modal__left-bg,
    .premium-modal__right-bg {
        display: none
    }
}

.settings input {
    border: 2px solid #0000
}

.settings input:focus,
.settings input:hover {
    border: 2px solid #3e4852
}

.modal-converter {
    margin-right: 15px
}

.modal-converter span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .2s ease
}

.modal-converter span:hover {
    filter: brightness(120%)
}

.modal-converter>span {
    background: #1e2835;
    border-radius: 6px;
    height: 34px;
    width: 34px
}

.modal-converter img {
    width: 12px
}

.modal-converter div {
    background: #1e2835;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 9
}

.modal-converter div span {
    height: 30px;
    width: 100%
}

.modal-converter div span:not(:first-child) {
    border-top: 1px solid #283243
}

.servers-filter {
    align-items: center;
    background: #11171f;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.servers-filter>div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.filter-section {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 40px
}

.filter-section:first-child {
    min-width: 130px
}

.filter-section label {
    cursor: pointer;
    margin-left: 10px
}

.filter-section.locations .filter-chooses img,
.filter-section.locations ul img {
    border-radius: 50%
}

.filter-section.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-section__title {
    color: #778597;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    transition: all .2s ease
}

.filter-section__title,
.filter-section__value {
    align-items: center;
    display: flex
}

.filter-section__value,
.filter-section__value span {
    color: #c0dcff;
    font-size: 14px;
    font-weight: 500
}

.filter-section__value>img {
    margin-left: 8px
}

.all-servers-grid {
    padding: 20px 40px 40px;
    width: 100%
}

.all-servers-wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 560px;
    width: 100%
}

.grid-type {
    border: 1px solid #1a1e2d;
    border-radius: 6px;
    cursor: pointer;
    height: 48px;
    justify-content: space-between;
    margin-right: 32px;
    overflow: hidden;
    width: 128px
}

.grid-type,
.grid-type div {
    align-items: center;
    display: flex
}

.grid-type div {
    height: 100%;
    justify-content: center;
    width: 50%
}

.grid-type .active {
    background: #6080ff1f
}

.grid-type .active img {
    filter: invert(48%) sepia(19%) saturate(3147%) hue-rotate(202deg) brightness(100%) contrast(102%)
}

.servers-helpers {
    align-items: center;
    background: #11171f;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 12px 11px;
    position: relative;
    width: 100%
}

.servers-helper,
.servers-helpers {
    border-radius: 7px;
    display: flex;
    overflow: hidden
}

.servers-helper {
    align-items: flex-start;
    cursor: pointer;
    flex-direction: column;
    height: 86px;
    padding: 22px
}

.servers-helper .bg {
    background: linear-gradient(0deg, #151b23cc, #151b23e6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.servers-helper:hover .bg {
    opacity: .7
}

.servers-helper span {
    color: #d1daff;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 2
}

.premium__down-arrow {
    cursor: pointer;
    margin-top: 85px;
    width: 22px
}

.premium__t-player {
    left: -302px;
    position: absolute;
    top: 42px;
    width: 369px
}

.premium__ct-player {
    height: 758px;
    position: absolute;
    right: -376px;
    top: -20px
}

.autosub-agreement {
    margin-top: 27px
}

.autosub-agreement label {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.autosub-agreement .checkmark,
.autosub-agreement label:hover .checkmark {
    background: #1a2430
}

.autosub-agreement span {
    color: #a8b1bc;
    font-size: 14px;
    font-weight: 400
}

button.participating {
    background: #181f2c !important;
    color: #5d6d8b;
    cursor: not-allowed
}

button.participating img {
    margin-left: 0;
    margin-right: 8px
}

button.participating:hover {
    filter: none
}

a.agreement-link {
    color: #6080ff;
    text-decoration: underline
}

.underline {
    cursor: pointer
}

.underline,
.underline:hover {
    color: inherit;
    text-decoration: underline
}

.autosub__choosen-plan {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 23px;
    padding: 26px 31px
}

.autosub-success,
.autosub__choosen-plan {
    align-items: center;
    background: #19212c;
    border-radius: 5px;
    display: flex
}

.autosub-success {
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 30px
}

.autosub-success .indicator {
    background: #6080ffe6;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px
}

.autosub-success .indicator:after,
.autosub-success .indicator:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.autosub-success .indicator:before {
    background: #6080ff33;
    height: 60px;
    width: 60px
}

.autosub-success .indicator:after {
    background: #6080ff0f;
    height: 96px;
    width: 96px
}

.autosub-success h6 {
    font-size: 25px;
    font-weight: 500;
    margin: 35px 0 8px;
    opacity: .95
}

.autosub-success span {
    color: #a5abbb;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    width: 380px
}

ul.autosub__select-list {
    background: #26394e;
    border-radius: 0 6px 6px 6px;
    box-shadow: 0 11px 18px #0f141b40;
    gap: 5px
}

ul.autosub__select-list li {
    display: block
}

ul.autosub__select-list li,
ul.autosub__select-list li div {
    color: #a8c6cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

ul.autosub__select-list li div {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

ul.autosub__select-list li .subtext {
    align-items: center;
    color: #a8c6cd;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 5px
}

.terms-title {
    align-items: center;
    display: flex
}

.terms-title a {
    margin-right: 40px
}

.price-policy {
    background: #11171f;
    border-radius: 25px;
    display: inline-flex;
    margin-top: 40px;
    padding: 55px 40px
}

.price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 33px;
    text-transform: uppercase
}

.price-table {
    width: 659px
}

.price-table th {
    background: #1c25314d;
    font-size: 12px;
    height: 44px
}

.price-table th:first-child {
    border-radius: 7px 0 0 7px
}

.price-table th:last-child {
    border-radius: 0 7px 7px 0
}

.price-table td {
    font-size: 14px
}

.price-table td,
.price-table th {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.price-table tr {
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.price-table tr:nth-child(2n-1) td {
    background: #141b25;
    height: 44px
}

.price-table tr:nth-child(2n-1) td:first-child {
    border-radius: 7px 0 0 7px
}

.price-table tr:nth-child(2n-1) td:last-child {
    border-radius: 0 7px 7px 0
}

.price-table tr:nth-child(2n) td {
    height: 57px
}

.price-table-wrapper:first-child {
    margin-right: 30px
}

.gift-modal__content .content {
    background: linear-gradient(197.7deg, #1a202d 9.19%, #1c2334 94.29%);
    border-radius: 8px;
    padding: 28px
}

.gift-plan__back {
    align-items: center;
    background: #0000;
    border: 1px solid #2e364b;
    border-radius: 6px;
    color: #a5b2c4;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .01em;
    margin-right: 6px;
    padding: 0 26px;
    text-transform: uppercase
}

.gift-plan__back img {
    margin-right: 8px
}

.gift-plan__buttons {
    align-items: center;
    display: flex;
    margin-top: 14px
}

.server-row {
    background: #11171f;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 60px;
    margin-top: 3px;
    overflow: hidden;
    padding: 0 30px 0 33px;
    position: relative;
    width: 100%
}

.server-row online {
    background: #0000004d
}

.server-row div {
    align-items: center;
    display: flex
}

.server-row:before {
    background: linear-gradient(270deg, #11171f 84.7%, #11171f00 157%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1600px;
    z-index: 1
}

.server-row>div {
    z-index: 2
}

.server-row span,
.server-row>div {
    color: #adbcd0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500
}

.server-row__bg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 270px
}

.server-row__name span:first-child {
    width: 40px
}

.server-row__faceit img {
    width: 21px
}

.server-row__location img,
.server-row__map img,
.server-row__prime img {
    margin-right: 8px;
    width: 14px
}

.server-row__location img {
    border-radius: 50%;
    height: 14px
}

.server-row__map span {
    max-width: 190px
}

.server-row__ping img {
    margin-right: 10px;
    width: 12px
}

.server-row__btns div {
    background: #b1c3ff0a;
    border-radius: 6.42857px;
    display: flex;
    height: 30px;
    margin-left: auto;
    width: 60px
}

.server-row__btns button {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.server-row__btns button:hover img {
    filter: brightness(0) invert(1)
}

.server-row__btns button:first-child {
    border-right: 1.07143px solid #11171f
}

.react-loading-skeleton {
    height: 64px
}

.servers-filter .dropdown {
    background: #11171f;
    border-radius: 6px;
    box-shadow: 0 4px 45px #00000040;
    width: 220px;
    z-index: 26
}

ul.servers-dropdown {
    padding: 9px 0
}

ul.servers-dropdown li {
    align-items: center;
    color: #858f9dcc;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    height: 33px;
    letter-spacing: .2px;
    padding: 0 15px
}

ul.servers-dropdown li.empty {
    opacity: .3
}

ul.servers-dropdown li span {
    color: #858f9dcc;
    font-size: 12px;
    font-weight: 500;
    max-width: 140px
}

ul.servers-dropdown li span.loc-ping {
    align-items: center;
    color: #fffc;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

ul.servers-dropdown li span.loc-ping img {
    border-radius: 0;
    margin-right: 5px;
    width: 12px
}

ul.servers-dropdown li.choosen {
    background: #161d26;
    position: relative
}

ul.servers-dropdown li.choosen,
ul.servers-dropdown li.choosen span {
    color: #6080ff
}

ul.servers-dropdown li.choosen:after {
    background: #212c3a
        /*savepage-url=//cloud.cybershoke.net/img/icons/servers/tick.svg*/
        url() no-repeat 50%;
    border-radius: 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

ul.servers-dropdown img {
    margin-right: 10px;
    width: 15px
}

.prime-filter-image {
    margin-right: 8px;
    width: 14px
}

.filter-chooses {
    align-items: center;
    display: flex
}

.filter-chooses img {
    filter: drop-shadow(-2px 0 0 #11171f);
    margin-left: 0;
    width: 18px
}

.filter-chooses img:nth-child(2),
.filter-chooses img:nth-child(3) {
    margin-left: -6px
}

.prime-dropdown li {
    text-transform: uppercase
}

.row-servers__header {
    background: #11171f;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    height: 44px;
    padding: 0 30px 0 33px;
    width: 100%
}

.row-servers__header span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.row-servers__header span img {
    margin-left: 8px;
    width: 6px
}

.row-servers__header span:hover {
    color: #718193
}

.row-servers__header span {
    color: #5e6c7e;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s ease
}

.row-servers__header div {
    align-items: center;
    display: flex
}

span.lite-badge {
    background: #19222e;
    border-radius: 11.5px;
    color: #637cdd;
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    margin-left: 8px;
    padding: 3px 7px;
    text-transform: uppercase
}

.settings__item-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

.settings__item-title h5 {
    color: #8a919d;
    font-size: 16px;
    font-weight: 500;
    width: 340px
}

.settings__item-title span {
    color: #afb7c6;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.settings-connections .settings__item-title {
    margin-bottom: 0
}

.settings-connections .settings__item-title h5 {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.settings-connections .setting-content p {
    color: #dedede;
    font-size: 16px
}

h5.setting-white-title {
    color: #eff3fa;
    font-size: 16px;
    font-weight: 400
}

.connection-img {
    align-items: center;
    display: flex;
    width: 35px
}

.connection-img img {
    max-width: 22px
}

.modal-close {
    cursor: pointer;
    height: 16px;
    opacity: .2;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: opacity .4s ease;
    width: 16px;
    z-index: 1
}

.modal-close.s {
    height: 14px;
    width: 14px
}

.modal-close:hover {
    opacity: 1 !important
}

.modal-close img {
    width: 100%
}

.slick-slide {
    height: 86px
}

.slick-slide:not(:last-of-type) {
    padding-right: 11px
}

.prime-switchers,
.visibility-switchers {
    display: flex
}

.prime-switchers div,
.visibility-switchers div {
    align-items: center;
    background: #c4c4c40d;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .3s ease;
    width: 44px
}

.prime-switchers div:first-child,
.visibility-switchers div:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.prime-switchers div:last-child,
.visibility-switchers div:last-child {
    border-radius: 0 4px 4px 0
}

.prime-switchers div img,
.visibility-switchers div img {
    opacity: .4;
    transition: opacity .3s ease
}

.prime-switchers div.active,
.visibility-switchers div.active {
    background: #6980ff
}

.prime-switchers div.active img,
.visibility-switchers div.active img {
    opacity: 1
}

.prime-switchers div:first-child.active {
    background: #2c3f4d
}

.prime-switchers div:last-child.active {
    background: #d8494933
}

.prime-switchers img {
    height: 60%;
    opacity: 1
}

.empty-categories {
    pointer-events: none
}

.empty-categories>span img {
    display: none
}

.tg {
    margin-left: auto
}

.block-border.trending {
    background: #fd8210
}

.release-badge {
    background: #bcc0d21f;
    border-radius: 5px;
    pointer-events: all
}

.grey-badge {
    background: #aecce426;
    color: #aecce4
}

.cfg-row {
    width: 100%
}

.cfg-row,
.cfg-row>div {
    align-items: center;
    display: flex
}

.cfg__name {
    font-size: 16px
}

.cfg__size {
    color: #73777d;
    margin-left: 10px
}

.cfg__img {
    height: 32px;
    margin-right: 22px
}

.cfg__btns img {
    cursor: pointer;
    height: 20px;
    margin-left: 16px
}

.cfg__btns img:hover {
    filter: invert(45%) sepia(88%) saturate(2366%) hue-rotate(212deg) brightness(102%) contrast(101%)
}

.cfg-upload {
    cursor: pointer;
    font-size: 16px
}

.cfg-upload input {
    display: none
}

.category-wrapper>div {
    z-index: 1
}

.servers-grid-PRO-1 .home-body-servers {
    border: 1px solid #ffb660
}

.connection-vis {
    width: 45px
}

.connection-vis img {
    border-radius: none;
    cursor: pointer;
    width: 15px
}

.cfg__btns {
    margin-left: auto
}

.static-header main {
    padding-top: 0
}

.static-header header {
    background: #0000;
    position: absolute
}

.dark-header header {
    background: #0f141b linear-gradient(180deg, #030b12 0, #10151a80 50%, #14191e00 80%)
}

.load-btn {
    display: block;
    margin-top: 20px
}

.support-table {
    margin-top: 20px;
    max-height: 715px;
    overflow: auto;
    padding-right: 19px;
    width: calc(100% + 19px)
}

.support-table table {
    border-collapse: collapse;
    width: 100%
}

.support-table table img {
    min-height: 20px
}

.support-table table tr {
    align-items: center;
    border-radius: 13px;
    display: flex;
    height: 55px;
    justify-content: space-between
}

.support-table table tr:nth-child(2n-1) {
    background: #141b23
}

.support-table table td:first-child,
.support-table table th:first-child {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left
}

.support-table table td:last-child,
.support-table table th:last-child {
    justify-content: flex-end;
    padding-right: 50px;
    text-align: right
}

.support-table table th {
    color: #6080ff;
    font-size: 16px;
    font-weight: 700
}

.support-table table td {
    align-items: center;
    display: flex;
    font-size: 16px;
    letter-spacing: .12px
}

.premium-sub-modal .title-wrapper {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/premium/premium-header.svg*/
        url() no-repeat 50%/cover !important
}

.premium-sub-modal .title-wrapper span {
    background: #ef8f32 !important;
    padding: 9px 10px !important
}

.premium-sub-modal .autosub-plan__title {
    color: #f39b34
}

.premium-sub-modal .autosub-plan__subtitle {
    color: #ebe1d3
}

.premium-sub-modal .modal-button {
    background: #ef8f32
}

#gift-modal .autosub-sale {
    padding: 3px 9px
}

#gift-modal .title-wrapper {
    height: 73px
}

#gift-modal .title-wrapper h2 {
    font-size: 20px
}

#gift-modal .title-wrapper div {
    align-items: center;
    display: flex
}

#gift-modal .title-wrapper img {
    margin-right: 10px;
    width: 26px
}

#gift-modal .subtitle {
    color: #adbcd0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0 10px
}

#gift-modal .autosub-plan__select {
    margin-top: 0
}

#gift-modal .autosub-plan__select img {
    margin-left: 19px
}

.autosub-crown {
    margin-right: 15px
}

.autosub-crown img {
    width: 43px
}

.gift-sub-until {
    align-items: center;
    border: 1px solid #26394e;
    border-radius: 8px;
    color: #cbd9ec;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.gift-modal__search-wrapper img {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.dark-modal {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0d0f17f5
}

.lighter {
    color: #738092;
    cursor: pointer
}

.allow-bonus .premium__ct-player {
    width: 438px;
    z-index: 1
}

.allow-bonus .premium__t-player {
    position: absolute
}

.list-with-dots {
    margin-bottom: 20px
}

.list-with-dots li {
    margin-bottom: 0 !important;
    padding-left: 24px
}

.list-with-dots li:before {
    background: #888b8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 3px
}

.gold-text {
    color: #e49635
}

#languages.show-lang {
    opacity: 1;
    pointer-events: all
}

.grey-popup {
    background: #11151d !important;
    border-radius: 8px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.blue+span {
    background: #5e7df833;
    color: #6080ff !important
}

@keyframes animLike {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.animate-like {
    animation: animLike .5s
}

.active .nav-name {
    color: #a0b3ff
}

.golden.active .nav-name {
    color: #fc9537
}

aside#header nav {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-height:1050px) {
    aside#header nav {
        padding-top: 30px;
        position: static;
        transform: none
    }
}

@media (max-height:900px) {
    .nav-name {
        display: none
    }
}

.steam-tippy div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.steam-tippy div:not(:last-child) {
    margin-bottom: 3px
}

.steam-tippy div:hover img {
    filter: brightness(125%)
}

.steam-tippy img {
    cursor: pointer;
    margin-left: 6px;
    transition: filter .2s ease;
    width: 16px
}

.steam-tippy span {
    color: inherit;
    margin-left: 3px;
    -webkit-user-select: all;
    user-select: all
}

#iskinchanger {
    min-height: 500px;
    padding: 16px
}

.tippy-box[data-theme~=headerLink] {
    border-radius: 12px
}

.deposit-pay-system img {
    height: 44px;
    image-rendering: inherit;
    object-fit: scale-down;
    width: 75px
}

.tippy-box[data-theme=skinchanger] {
    background: #22263c;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 #080b114d;
    padding: 6px
}

.tippy-box[data-theme=skinchanger] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=shop] {
    border-radius: 12px;
    transform: translateY(-95px) translateX(20px)
}

.tippy-box[data-theme=shop] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=missions-drops],
.tippy-box[data-theme=missions] {
    background: linear-gradient(180deg, #1c2334, #1f2739);
    border-radius: 15px;
    box-shadow: 0 8px 12px 0 #080b114d;
    width: 340px
}

.tippy-box[data-theme=missions-drops] .tippy-content,
.tippy-box[data-theme=missions] .tippy-content {
    padding: 16px
}

.tippy-box[data-theme=missions-drops] {
    max-width: none !important;
    width: auto
}

.tippy-box[data-theme=game] {
    background: #0000
}

.tippy-box[data-theme=game] .tippy-content {
    padding: 5px 0 0
}

.tippy-box[data-theme=event] {
    border-radius: 12px;
    transform: translateY(95px) translateX(20px)
}

.tippy-box[data-theme=event] .tippy-content {
    padding: 12px
}

.tippy-box[data-theme=event] .arrow {
    bottom: 0;
    top: 37px
}

.tippy-box[data-theme=inventory] {
    background: linear-gradient(0deg, #11151d, #11151d), #fff;
    border-radius: 12px;
    padding: 12px;
    width: 256px;
    z-index: 1
}

.tippy-box[data-theme=inventory] .tippy-content {
    padding: 0
}

.modal__overlay_PREMIUM_ONLY {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #0f141bf2
}

.prem-scroll-trigger {
    top: -500px
}

.custom-tooltip {
    background: #1c2231;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 2px;
    padding: 10px
}

.custom-tooltip>div {
    align-items: center;
    display: flex;
    justify-content: center
}

.custom-tooltip-sold {
    color: #aab5c6;
    font-weight: 400;
    text-transform: lowercase
}

.custom-tooltip-price {
    color: #ffab3e;
    font-weight: 700
}

.custom-tooltip img {
    height: 16px;
    margin-left: 5px;
    width: 16px !important
}

.apexcharts-tooltip.apexcharts-theme-light {
    background: none !important;
    border: none !important;
    box-shadow: none
}

.helper-img {
    bottom: 0;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    width: auto
}



.helper>div {
    height: 100%;
    position: static;
    width: 100%
}

.helper h6 {
    color: #e8a176;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    margin-bottom: 6px
}

.helper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase
}

.helper.pickem-helper {
    background-image:
        /*savepage-url=https://cloud.cybershoke.net/pages/servers/pickem-bg.png*/
        url()
}

.helper.pickem-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(142deg, #ffc500 -9.97%, #f29653 50.38%, #e8d740 86.59%, #e2ab5b 125.35%);
    background-clip: text;
    -webkit-background-clip: text
}

.helper.pickem-helper .helper-img {
    bottom: 0;
    height: 110px;
    right: 0
}



.helper.leaderboard-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000
}

.helper.leaderboard-helper .helper-img {
    height: 95px
}

.mode-helper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.mode-helper .helper-content {
    background: linear-gradient(90deg, #232556, #24262db3)
}

.mode-helper h6 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fbfcfb, #9aa8fb);
    background-clip: text;
    -webkit-background-clip: text
}

.mode-helper p {
    align-items: center;
    display: flex;
    gap: 4px
}

.mode-helper p svg {
    top: -1px;
    width: 22px
}

.helper-content {
    align-items: center;
    display: flex;
    font-family: Gotham;
    justify-content: space-between;
    padding: 0 11px 0 22px
}

.auth-helper__btn {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1f224466;
    border-radius: 10px;
    padding: 14px
}

.auth-helper__btn>img {
    right: 178px
}

.auth-helper__btn button {
    align-items: center;
    background: #6080ff;
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 13px 26px
}

.auth-helper__btn img {
    width: 22px
}

.star-image__modal {
    margin-bottom: 20px
}

.star-image__modal .star-image {
    width: 70px
}

.star-image__modal .stars-for-task {
    font-size: 40px
}

.transaction-date {
    color: #525967
}

.mission-scroll-trigger {
    top: calc(-100vh + 190px)
}

.mission-scroll-trigger2 {
    bottom: calc(100vh + 400px);
    position: absolute
}

.largeConfeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.largeConfeti svg {
    height: 100%;
    width: 100%
}

.confeti {
    height: 200px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -100px;
    transform: translateX(-50%);
    width: 300px;
    z-index: 4
}

.confeti svg {
    height: 100%;
    width: 100%
}

@media(max-width:1000px) {
    main {
        height: calc(100% - 79px)
    }

    .static-header main {
        padding-top: 79px
    }
}

.locked {
    opacity: .5;
    pointer-events: none
}

.Toastify__toast-container {
    width: auto
}

.Toastify__toast {
    border-radius: 8px;
    min-height: 47px;
    padding: 5px 20px 5px 56px
}

.Toastify__toast-theme--warning {
    background: linear-gradient(0deg, #6d3b0d99, #6d3b0d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child {
    color: #eba15d
}

.Toastify__toast-theme--warning .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/warn-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--error {
    background: linear-gradient(0deg, #69302d99, #69302d99), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child {
    color: #eb645d
}

.Toastify__toast-theme--error .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/fault.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-theme--success {
    background: linear-gradient(0deg, #1b253599, #1b253599), radial-gradient(103.8% 103.8% at 50% 0, #1e232af2 0, #12171ff2 100%);
    box-shadow: 0 9px 74px #00000014
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child {
    color: #dde4ff
}

.Toastify__toast-theme--success .Toastify__toast-body>div:last-child:before {
    background:
        /*savepage-url=//cloud.cybershoke.net/img/modals/success-alert.svg*/
        url() no-repeat 50%/contain
}

.Toastify__toast-body>div:last-child {
    font-size: 16px;
    font-weight: 500
}

.Toastify__toast-body>div:last-child:before {
    content: "";
    display: block;
    height: 14.4px;
    left: -31px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    width: 14.4px
}

.Toastify__toast {
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
    width: fit-content
}

.Toastify__close-button {
    display: none
}

#premium__combat-player {
    left: -336px;
    position: absolute;
    top: -244px
}

#premium__medic-player {
    position: absolute;
    right: -236px;
    top: -244px
}

.server-modal__unauth {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px
}

.server-modal__unauth h2 {
    font-size: 28px;
    font-weight: 800;
    max-width: 80%;
    text-align: center
}

.server-modal__unauth p {
    color: #b6c0d0;
    font-size: 15px;
    line-height: 140%;
    margin: 14px 0;
    max-width: 80%;
    text-align: center;
    width: 540px
}

.server-modal__unauth button {
    align-items: center;
    background: #6080ff;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    padding: 12px 32px
}

.server-modal__unauth button svg {
    width: 24px
}

.banned-friend .block-profile-friends-f-block-img:before {
    background: #e50027 !important
}

.banned-friend .block-profile-friends-f-block-content-name {
    color: #e50027 !important
}

.simplified-footer {
    padding: 48px 0 80px
}

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

.profile-section__header {
    align-items: center;
    background: #161b25;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 36px
}

.profile-section__header h1 {
    align-items: center;
    color: #d9e3f1;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-transform: none
}

.range-slider {
    background: #91affd0d;
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    height: 6px;
    position: relative;
    transition: background .2s ease;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.range-slider-track {
    background-color: #007bff;
    border-radius: 4px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.range-slider-part {
    display: inline-block;
    height: 100%
}

.range-slider-part:first-child {
    border-radius: 4px 0 0 4px
}

.range-slider-part:last-child {
    border-radius: 0 4px 4px 0
}

.range-slider-thumb {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.range-slider-thumb span {
    background: #131825;
    border-radius: 50%;
    display: block;
    height: 6px;
    transition: transform .2s ease;
    width: 6px
}

.range-slider-thumb:hover span {
    transform: scale(1.7)
}

.inactive-sticker {
    opacity: .5
}

.modal-sub-btn {
    align-items: center;
    background: #0000;
    border: 1px solid #f0b358;
    border-radius: 6px;
    color: #ffc875;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    justify-content: center;
    margin-top: 40px;
    padding: 10px 16px;
    width: 100%
}

.modal-sub-btn img {
    width: 24px
}

.opacity-50 {
    opacity: .5;
    transition: opacity .3s ease
}

.rotated {
    transform: rotate(180deg)
}

@media (max-width:1366px) {

    .support-page video,
    .support-screen {
        width: 100% !important
    }

    .support-content {
        grid-template-columns: 1fr
    }

    .ban-dates-img {
        width: 100% !important
    }

    .settings-sub__content,
    .settings-sub__content>div {
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%
    }

    .footer-right {
        row-gap: 50px
    }

    .settings-sub__block:not(:last-child),
    .settings-sub__content>img {
        margin-bottom: 20px
    }

    .settings-sub__content img {
        margin-right: auto !important;
        margin: 0 auto 30px
    }

    .settings-sub__block {
        min-width: 140px;
        width: 100%
    }

    .settings__item {
        flex-direction: column
    }

    .settings-area {
        max-width: 100%;
        width: 100%
    }

    .settings__item>button,
    .settings__item>button a {
        align-items: center;
        background: #161b25;
        border-radius: 6px;
        display: flex;
        height: 48px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .setting-content,
    .setting-content>div {
        width: 100%
    }

    .settings-content {
        padding: 24px
    }

    .settings-connections .settings__item {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content>div {
        width: auto
    }

    .connection-vis {
        margin-right: 15px
    }

    .settings__item-title h5 {
        width: auto
    }

    .tg {
        margin-top: 10px;
        width: 100%
    }

    .settings__item>button[disabled] {
        background: #8aa2b60d
    }

    .general-menu {
        padding: 12px
    }

    .big-desktop-only {
        display: none
    }
}

@media (max-width:1000px) {
    .footer-socials-wrapper {
        align-items: flex-start;
        gap: 30px
    }

    .settings-sub__content div {
        flex-direction: column
    }

    main {
        margin-left: 0;
        padding-top: 79px
    }

    header {
        height: 79px;
        left: 0;
        padding-left: 30px
    }

    #page-servers {
        padding-top: 12px
    }

    .dark-header header,
    .static-header header,
    header {
        background: #131821
    }

    .benefit-img__awp,
    .deauth,
    .header__deposit-wrapper,
    .langs,
    .premium__ct-player,
    .premium__down-arrow,
    .premium__sub-title,
    .premium__t-player,
    .premium__title,
    .profile-socials-wrapper,
    .sidebar-top,
    aside#header .play:after,
    header #socials {
        display: none !important
    }

    .premium-page {
        padding: 16px
    }

    .premium__benefits {
        margin-top: 112px
    }

    .premium__benefit-block {
        gap: 116px;
        margin-bottom: 146px
    }

    .premium__benefit-content {
        margin-bottom: 0 !important;
        max-width: 100%
    }

    .benefit-number {
        left: -50px;
        right: auto;
        top: -200px
    }

    aside#header {
        background: #131821;
        top: auto;
        width: 100%
    }

    aside#header nav {
        flex-direction: row;
        gap: 0;
        position: static;
        transform: none
    }

    .header-side-left {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 21px 16px
    }

    .header-side-left>* {
        margin-bottom: 0;
        width: 100%
    }

    .header-side-left .active,
    .header-side-left>* {
        border-right: none !important
    }

    .nav-name {
        display: none
    }

    .online {
        padding: 0
    }

    #information {
        margin: 0 16px
    }

    #information .avatar {
        height: 100px;
        width: 100px
    }

    #information svg {
        width: 100px
    }

    #profile-main {
        margin-bottom: 16px
    }

    .loyalty__progressBox--2KEX {
        width: 200px
    }

    .settings {
        display: flex;
        flex-direction: column
    }

    .settings>div {
        align-self: auto
    }

    .settings {
        padding: 24px
    }

    .profile-stats-grid {
        grid-template-columns: 1fr 1fr
    }

    .online>span {
        align-items: center;
        display: flex
    }

    .online>span>span {
        margin: 0 6px 0 0
    }

    .sub-tick {
        display: none
    }
}

@media (max-width:840px) {
    .support-header h5 {
        font-size: 14px !important
    }

    .support-header h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important
    }

    .footer__sponsors:after {
        animation: fading 2s infinite;
        background:
            /*savepage-url=https://www.iconsdb.com/icons/preview/white/horizontal-swipe-xxl.png*/
            url() no-repeat 50%/cover;
        bottom: 0;
        content: "";
        font-family: Roboto Condensed, Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        height: 40px;
        opacity: .4;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        transform: translateY(50%);
        width: 40px
    }

    .achievements {
        gap: 16px;
        grid-template-columns: 1fr
    }

    .profile-buttons,
    .server-modal__header-labels {
        display: none
    }

    #deposit__modal {
        padding: 5%
    }

    .payment-providers-list {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
    }

    .deposit__balance-modal {
        width: auto
    }

    #serverInfoModal {
        width: 90%
    }

    .p-ch-block-menu {
        height: 200px
    }

    .skinchanger-modal__wrapper {
        padding: 24px;
        width: 100%
    }

    #skinchanger-modal {
        width: 90%
    }

    .skinchanger-modal__stickers {
        display: none
    }
}

@media (max-width:750px) {

    .footer__navigation,
    .footer__sponsors {
        padding-left: 20px;
        padding-right: 20px
    }

    .premium__main-plans {
        align-items: center;
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .support-search__wrapper,
    .support-search__wrapper input {
        width: 100%
    }

    .support-header {
        padding-left: 24px;
        padding-right: 24px
    }

    .support-article {
        padding: 24px
    }

    .support-article__title {
        font-size: 24px
    }

    .servers-filter {
        display: none
    }

    .all-servers-grid {
        padding: 0
    }

    .slick-next:before,
    .slick-prev:before {
        opacity: 1 !important
    }

    #nav-servers {
        display: none
    }

    #page-servers {
        padding: 12px
    }

    #servers {
        padding: 0 15px
    }

    .xp-bar-info {
        font-size: 13px
    }

    #name_player {
        font-size: 35px !important
    }

    .settings__transactions-table .desktop-only {
        display: none
    }

    .settings__transactions-table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        padding: 20px 10px
    }

    .settings-table td:first-child,
    .settings-table th:first-child {
        padding-left: 0
    }

    .transaction-main {
        display: block;
        margin: 10px 0;
        width: 100%
    }

    .settings__transactions-table .skin-name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .support-content {
        padding: 0 16px
    }

    .settings__sessions-table tr {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
        height: auto !important;
        padding: 20px 10px;
        row-gap: 10px
    }

    .settings-table td {
        font-size: 12px
    }

    .settings__sessions-table .close-session {
        opacity: 1
    }

    .settings__sessions-table .desktop-only {
        display: none
    }

    .autosub-sale {
        font-size: 8px
    }

    .scrollable-modal {
        align-items: flex-start;
        overflow-y: auto;
        padding: 24px 0
    }
}

@media (max-width:650px) {

    .autosub-crown,
    .choose-sub-period>img {
        display: none
    }

    .footer__nav-list {
        gap: 35px
    }

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

    .footer__logo span {
        margin-left: 0;
        margin-top: 10px
    }

    .footer__logo {
        align-items: flex-start;
        flex-direction: column
    }

    .support-content .general-menu {
        min-width: auto
    }

    .block-profile-friends {
        padding: 5px
    }

    .page_profile_new #profile-nav a {
        padding: 0 14px
    }

    .page_profile_new #profile-nav {
        padding-left: 16px
    }

    #servers .modes {
        grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr))
    }

    .footer .flex-wrap {
        gap: 20px
    }

    .footer__sponsors img {
        width: 110px
    }

    #auto-sub-modal {
        padding: 24px;
        width: 95%
    }

    #auto-sub-modal h2 {
        align-items: flex-start;
        font-size: 20px
    }

    #auto-sub-modal .subtitle,
    .title-wrapper span {
        font-size: 12px
    }

    .autosub-plan__select {
        font-size: 12px;
        padding: 11px 10px
    }

    .autosub-plan .choose-sub-period {
        height: auto;
        padding: 15px
    }

    .autosub-plan .dropdown,
    .dropdown {
        left: auto;
        right: 0
    }

    #gift-modal {
        padding: 20px;
        width: 90%
    }

    .close {
        z-index: 1
    }

    .profile-section__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        height: auto;
        padding: 36px
    }

    .profile-header__btn {
        padding: 12px
    }

    .settings-connections .setting-content,
    .settings-connections .setting-content p {
        font-size: 12px
    }

    .settings__item>button,
    .settings__item>button a {
        font-size: 14px
    }

    #header__user_balance,
    .online>span {
        font-size: 16px
    }

    h2.deposit__title {
        font-size: 20px
    }

    .deposit-notification {
        font-size: 11px;
        height: auto;
        padding: 15px
    }

    .deposit__code-inputs {
        grid-template-columns: 1fr
    }

    .payment-providers-list {
        grid-template-rows: 1fr 1fr;
        height: 170px
    }

    .deposit-modal__content {
        margin-top: 15px
    }

    .deposit-modal-button {
        padding: 14px 0
    }

    .deposit__balance-modal {
        padding: 24px
    }

    .server-modal__header>div {
        flex-direction: column;
        gap: 24px
    }

    .server-modal__header>div:first-child {
        flex-direction: column-reverse
    }

    .server-modal__main-info {
        gap: 6px !important;
        padding: 0
    }

    .server-modal__header {
        grid-template-columns: 1fr 80px 1fr
    }

    .server-modal__con {
        display: none !important
    }

    .server-modal__connect {
        justify-content: center
    }

    #serverInfoModal .desktop-only {
        display: none
    }

    .data-one-server-info tr,
    .table-players-server-header tr {
        grid-template-columns: 64px 92px 60px 1fr
    }

    .modal-button {
        letter-spacing: normal
    }

    .confirm-settings-modal {
        padding: 24px;
        width: 90%
    }

    .confirm-settings__list {
        margin: 24px 0
    }

    .confirm-settings__list>div .image-wrapper {
        height: 30px;
        min-width: 30px;
        width: 30px
    }

    .gift-modal__choose-friends ul {
        height: 160px
    }

    .confirm-settings__content h2 {
        font-size: 20px
    }

    .confirm-settings__list>div {
        padding: 0 20px
    }

    .header__notifications,
    nav#user {
        position: static
    }

    .skinchanger__setting-block.gear {
        opacity: 1
    }

    .timer-block>div {
        margin-right: 10px
    }

    .time-block__upper {
        font-size: 23px
    }

    .time-block__lower {
        font-size: 10px
    }

    #profile-nav {
        overflow-x: auto
    }

    #profile-nav::-webkit-scrollbar {
        display: none
    }
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px
}

.trust-wallet-one-tap .header .title {
    color: #1E2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1E2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;

}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1E2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474D57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474D57;
}

.trust-wallet-one-tap .loading-color {
    color: #FFF;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #FFF;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf*/
        url() format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf*/
        url() format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src:
        /*savepage-url=chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf*/
        url() format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: 400;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff*/
        url();
}

@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 800;
    src:
        /*savepage-url=chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff*/
        url();
}

.ibfrfx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: opacity 0.2s;
    color: inherit;
}

.eHucEk {
    background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%);
    padding: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.gcMOeE h3 {
    color: rgb(132, 153, 185);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 14px;
    max-width: 190px;
    gap: 6px;
}

.gcMOeE .timer {
    color: rgb(132, 153, 185);
    font-size: 11px;
    text-transform: none;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    gap: 3px;
}

.gcMOeE .timer svg {
    width: 12px;
}

.gcMOeE h5 {
    color: rgb(199, 211, 226);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.jZtxJO {
    background: rgb(39, 48, 71);
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jZtxJO path.hover {
    animation: 1s ease 0s infinite normal none running fRDsuO;
}

.jZtxJO path.grey-hover {
    animation: 1s ease 0s infinite normal none running ggGmjz;
}

.jZtxJO path.gold-hover {
    animation: 1s ease 0s infinite normal none running eihXFP;
}

.bipGUT {
    transition: opacity 0.2s;
}

.bipGUT p {
    line-height: 14px;
    text-align: right;
    color: rgb(207, 216, 229);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.bipGUT svg {
    display: block;
}

.bAtzHI {
    border-radius: 6px;
    grid-template-columns: 50px 1fr;
    display: grid;
    overflow: hidden;
    border: 1px solid transparent;
}

.bAtzHI .hover-on {
    opacity: 0;
}

.bAtzHI.waiting {
    border: 1px solid rgb(53, 62, 91);
}

.bAtzHI.completed .sc-ddjGPC {
    background: rgba(39, 79, 76, 0.25);
}

.bAtzHI.completed .sc-fxwrCY {
    background: rgba(39, 79, 76, 0.17);
}

.bAtzHI.completed .sc-dSCufp h3 {
    color: rgb(132, 185, 153);
}

.bAtzHI.completed .sc-dSCufp h5 {
    color: rgb(202, 255, 220);
}

.bAtzHI:hover .hover-off {
    opacity: 0;
}

.bAtzHI:hover .hover-on {
    opacity: 1;
}

.jqcwLB {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
}

.jqcwLB img,
.jqcwLB svg {
    width: 100%;
    height: 100%;
}

.jqcwLB img {
    vertical-align: initial;
}

.mErXc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.jVnWco {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jVnWco.blocked {
    pointer-events: none;
}

.hRwZZP {
    position: absolute;
    left: 0px;
    opacity: 0.4;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.bwWALH {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%);
    backdrop-filter: blur(12px);
    padding: 16px;
}

.bwWALH h2 {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: 900;
    line-height: 27px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.bwWALH h2 img {
    transition: 0.5s;
    width: 24px;
    opacity: 0;
    transform: translateX(-3px);
}

.bwWALH p {
    width: 230px;
    color: rgb(197, 213, 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    white-space: normal;
}

.bwWALH button {
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgb(255, 200, 117);
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 200, 117);
    font-size: 10px;
    font-weight: 700;
    gap: 6px;
    background: transparent;
}

.bwWALH button img {
    width: 18px;
}

.bwWALH button.auth {
    background: rgb(96, 128, 255);
    color: rgb(255, 255, 255);
    border: none;
}

.bwWALH button.premium {
    background: rgb(255, 200, 117);
    color: rgb(40, 43, 54);
    border: none;
}

.bwWALH:hover .sc-iMWBiJ {
    transform: scale(1.1);
}

.bwWALH:hover h2 img {
    opacity: 1;
    transform: translateX(0px);
}

.fHHrKU {
    position: absolute;
    left: 52%;
    width: 270px;
    bottom: 0px;
    transform: translateX(-50%);
}

.kuuiWE div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(213, 217, 228);
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.kuuiWE img {
    width: 16px;
    margin-right: 5px;
}

.dvWCaY {
    position: absolute;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    top: 20px;
    right: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 600;
}

.dvWCaY img {
    width: 14px;
    margin-left: 3px;
}

.hnEFKx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hnEFKx img {
    width: 165px;
    transition: transform 0.2s;
    z-index: 1;
}

.hnEFKx div {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 80px;
    background: rgba(128, 163, 255, 0.5);
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jusmTt {
    border-radius: 10px;
    overflow: hidden;
}

.jusmTt.no-rounding {
    border-radius: 10px 10px 0px 0px;
}

.jusmTt>div {
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.jusmTt::before,
.jusmTt::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.2s;
}

.jusmTt::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
    opacity: 0;
    z-index: 0;
}

.jusmTt h6 {
    margin-bottom: 1px;
    color: rgb(255, 255, 255);
    opacity: 0.9;
    font-size: 12px;
    font-weight: 400;
}

.jusmTt h2 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.jusmTt:nth-child(2)::before {
    background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%);
}

.jusmTt:nth-child(2)::after {
    background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%);
}

.jusmTt:nth-child(2) .sc-kbhJrz div {
    background: rgba(128, 163, 255, 0.5);
}

.jusmTt:nth-child(3)::before {
    background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%);
}

.jusmTt:nth-child(3)::after {
    background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%);
}

.jusmTt:nth-child(3) .sc-kbhJrz div {
    background: rgba(255, 128, 173, 0.5);
}

.jusmTt:nth-child(4)::before {
    background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%);
}

.jusmTt:nth-child(4)::after {
    background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%);
}

.jusmTt:nth-child(4) .sc-kbhJrz div {
    background: rgba(128, 255, 178, 0.5);
}

.jusmTt:nth-child(1)::before {
    background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%);
}

.jusmTt:nth-child(1)::after {
    background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%);
}

.jusmTt:nth-child(1) .sc-kbhJrz div {
    background: rgba(255, 200, 60, 0.5);
}

.jusmTt:hover::before {
    opacity: 0;
}

.jusmTt:hover::after {
    opacity: 1;
}

.jusmTt:hover .sc-kbhJrz img {
    transform: scale(1.15);
}

.jusmTt.custom::after {
    content: none;
}

.jusmTt.custom::before {
    background: url("") center center / cover no-repeat;
}

.jusmTt.custom:hover::before {
    opacity: 1;
}

.hBQOEn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.hBQOEn img {
    width: 14px;
    margin-left: 4px;
}

.eyXZVb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}

.eyXZVb p {
    color: rgba(240, 179, 88, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    width: 70px;
    white-space: normal;
}

.eyXZVb svg {
    width: 24px;
}

.kuOXvw {
    width: 296px;
}

.kuOXvw:not(:first-child)::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: rgb(39, 48, 71);
    height: 100%;
    width: 2px;
    display: block;
    top: 0px;
    left: -18px;
}

.jLOydi {
    border-radius: 6px;
    background: rgb(96, 128, 255);
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    width: 100%;
}

.jLOydi img {
    width: 24px;
}

.iVupXy {
    display: flex;
    gap: 34px;
}

.cBrOAO {
    border-radius: 0px 0px 6px 6px;
    background: rgb(240, 179, 88);
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 7px;
    color: rgb(17, 24, 32);
    font-size: 11px;
    font-weight: 500;
}

.cBrOAO svg,
.cBrOAO img {
    width: 18px;
}

.cqXvZf {
    padding-left: 12px;
}

.jwZSg {
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.jCpELc {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(207, 217, 239);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.jCpELc img {
    width: 18px;
}

.bxGOWN {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.iueEyA {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.iueEyA img {
    width: 46px;
}

@media (max-width: 1000px) {
    .iueEyA {
        display: flex;
    }
}

.kWdizk {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kWdizk span {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 20px;
    border-radius: 5px;
}

.hppimN {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 67px;
}

.gnqrFv {
    height: 334px;
    border-radius: 8px;
    background: rgb(18, 21, 30);
}

.htHwEd {
    border-radius: 14px;
    background: rgb(18, 21, 30);
    display: flex;
    height: 334px;
    width: 100%;
}

.htHwEd>div:first-child {
    border-radius: 12px 0px 0px 12px;
    background: rgb(20, 23, 32);
    height: 100%;
    width: 624px;
}

.fGIjpc {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 2px 0px;
}

.fGIjpc a svg {
    margin: 0px auto;
    display: block;
}

.RmHGY {
    width: 304px;
}

.RmHGY .tippy-content {
    padding: 12px;
}

.RmHGY .tippy-box {
    border-radius: 12px !important;
}

.RmHGY video,
.RmHGY img {
    width: 100%;
    border-radius: 12px;
}

.RmHGY span {
    border-radius: 0px 0px 0px 4px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: -24px;
    top: 37px;
    background: rgb(28, 33, 48);
}

.RmHGY h2 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px 4px;
    letter-spacing: 0.02em;
    color: rgb(236, 241, 248);
}

.RmHGY p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(159, 167, 190);
}

.kPLHxG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.kPLHxG button {
    width: 100%;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01em;
    background: rgba(96, 128, 255, 0.1);
}

.kPLHxG button.inactive {
    pointer-events: none;
}

.kPLHxG a {
    color: rgb(96, 128, 255);
    height: 100%;
    width: 100%;
    padding: 12px 0px;
    display: block;
}

.kwKvLO {
    border: 1px solid rgb(107, 206, 165);
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    color: rgb(107, 206, 165);
    margin: 0px auto 9px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kwKvLO img {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.cIvRnW {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: rgb(120, 125, 144);
    margin-top: 8px;
    padding: 0px 5px;
    font-family: var(--font-family-0);
}

.bCzUGD {
    border-right: 3px solid transparent;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 3px;
}

.bCzUGD.active {
    border-right: 3px solid rgb(96, 128, 255);
}

.bCzUGD:hover>img {
    transform: scale(1.1);
    transition: 0.3s;
}

.kRvpbl {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 0px;
}

@-webkit-keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes fRDsuO {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(233, 56, 72);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes ggGmjz {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(191, 195, 201);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@-webkit-keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

@keyframes eihXFP {
    0% {
        fill: rgb(64, 73, 100);
    }

    50% {
        fill: rgb(208, 188, 95);
    }

    100% {
        fill: rgb(64, 73, 100);
    }
}

.cUpEiQ {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: rgb(255, 255, 255);
    margin-bottom: 30px;
    text-transform: none;
}

.ecmVR {
    width: 100%;
}

.eYVbl {
    margin-bottom: 27px;
}

.gNTdJN {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 24px;
    white-space: nowrap;
}

.gNTdJN span {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 24px;
    background: rgba(82, 101, 133, 0.5);
}

.gKdBBi {
    gap: 12px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ldHfg {
    border-radius: 3px;
    overflow: hidden;
}

.jyKbTL {
    display: flex;
    padding: 13px 18px;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, rgba(101, 217, 72, 0.3) 0%, rgba(54, 115, 38, 0.3) 100%);
    color: rgb(98, 179, 78);
    font-size: 16px;
    font-weight: 600;
}

.jyKbTL.orange {
    background: linear-gradient(90deg, rgba(217, 144, 72, 0.3) 0%, rgba(115, 84, 38, 0.3) 100%);
    color: rgb(255, 173, 51);
}

.jyKbTL.red {
    background: linear-gradient(90deg, rgba(217, 72, 72, 0.3) 0%, rgba(115, 38, 38, 0.3) 100%);
    color: rgb(255, 51, 51);
}

.ifKRLl li {
    display: flex;
    padding: 9px 20px;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(82, 101, 133, 0.08);
}

.ifKRLl li:nth-child(2n+1) {
    background: rgba(82, 101, 133, 0.12);
}

.ifKRLl button {
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    background: rgba(82, 101, 133, 0.24);
    margin-right: 12px;
    text-transform: none;
    color: rgb(170, 181, 198);
    font-size: 13px;
    font-weight: 400;
}

.ifKRLl h3 {
    color: rgb(170, 181, 198);
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    text-align: left;
}

.fGldPh {
    min-width: 6px;
    height: 6px;
    background: rgb(91, 101, 126);
    border-radius: 50%;
    display: block;
    margin-right: 17px;
}

:root {
    --savepage-url-34: url('/img/image_1.svg+xml');
    --savepage-url-46: url('/img/image_2.webp');
}

.kkHKyT {
    font-weight: 400;
    font-size: 14px;
    color: rgb(136, 139, 143);
    text-align: right;
    top: 30px;
    right: 30px;
    position: absolute;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.kkHKyT svg {
    width: 14px;
    margin-right: 9px;
}