/* cyrillic-ext */

@font-face {

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 100;

    src:

        url("../vendor/fonts.gstatic.com/f15d61980cf7b79fcd794a39.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("../vendor/fonts.gstatic.com/0cdd619e0c42a673cb98e225.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("../vendor/fonts.gstatic.com/a8ee5905925b5526c96759fb.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("../vendor/fonts.gstatic.com/619ce2eb1e72f3348f466fca.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("../vendor/fonts.gstatic.com/d33a27116c8bccb7a4db33a2.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("../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("../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("../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("../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("../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("../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("../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("../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("../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;

}